.box-title p span,
.other-info i,
.item a.categroy-name i,
.trustworthiness-ico
{
    background: url(../images/ico.svg) no-repeat;
}

.main-hero-slider{
    padding-bottom: 30px;
}
/*分类区*/
.product-category-nav{
    width: 356px;
    height: 400px;
    float: left;
    background: #f6f4f4;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}
.category-nav-item{
    width: 100%;
    height: auto;
    min-height: 70px;
    padding: 9px;
    /*margin-bottom: 20px;*/
    box-sizing: border-box;
}
.category-nav-item:last-child{
    margin-bottom: 0;
}
.category-nav-item-name{
    width: 100%;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
}
.category-nav-item-name i{
    display: inline-block;
    float: left;
    width: 20px;
    height: 18px;
    margin: 8px 6px 0 0;
}
.category-nav-item-name-1 i,
.category-nav-item-name-2 i,
.category-nav-item-name-3 i,
.category-nav-item-name-4 i{
    background: url(../images/icon-release-product.svg) no-repeat;
}
.category-nav-item-name-1 i{
    background-position: 1px -99px;
}
.category-nav-item-name-2 i{
    background-position: -33px -99px;
}
.category-nav-item-name-3 i{
    background-position: 2px -132px;
}
.category-nav-item-name-4 i{
    background-position: -32px -132px;
}
.category-nav-item-name h3{
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    color:#541D1D;
}
/*.category-nav-item-hover h3{*/
    /*color: #ff003c;*/
/*}*/
.category-nav-item-name em{
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
    margin: 9px 2px 0 0;
    background: url(../images/icon-release-product.svg) no-repeat -21px -69px;
    transform: rotate(180deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.category-nav-item ul.common-category-nav{
    display: inline-block;
    width: 100%;
    height: auto;
}
.category-nav-item ul.common-category-nav li{
    width: auto;
    height: 34px;
    line-height: 34px;
    float: left;
    margin-right: 15px;
    color:#541D1D;
}
.category-nav-item ul.common-category-nav li:hover{
    color: #ff003c;
}


.category-nav-item-list{
    display: none;
    width: 585px;
    min-height:400px;
    height: auto;
    background: #eee;
    position: absolute;
    top:0;
    left:325px;
    padding: 20px 20px 0px 10px;
    z-index: 1;
    border-radius: 0 6px 6px 0;
    box-sizing: border-box;
}
.category-nav-item-list ul{
    float: left;
    width: 184px;
    height:54px;
}
.category-nav-item-list ul li{
    width: 184px;
    height:54px;
    line-height: 54px;
    float: left;
    text-align: center;
    cursor: pointer;
}
.category-nav-item-list li a{
    display: inline-block;
    width:184px;
    height:54px;
    line-height: 54px;
    font-size: 14px;
    text-align: left;
    color:#333;
    float: none;
    text-indent: 12px;
    font-weight: normal;
    cursor: pointer;
}
.category-nav-item-list li a em{
    float: left;
    display: inline-block;
    width:6px;
    height:6px;
    border-radius: 50%;
    background: #333;
    margin:24px 0 24px 62px;
}

.category-nav-item-list li a:hover{
    color:#ff003c !important;
}

.category-item{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.category-item a.category-item-one{
    display: inline-block;
    width: 74px;
    min-height: 24px;
    line-height: 24px;
    height: auto;
    float: left;
    font-weight: bold;
    color:#541D1D;
    text-align: right;
}
.category-item ul{
    float: left;
    width: auto;
    max-width: 420px;
    height: auto;
    margin-left: 30px;
}
.category-item ul li{
    width: auto;
    height: 24px;
    line-height: 24px;
    margin: 0 15px 2px 0;
    color:#541D1D;
}
.category-item a.category-item-one:hover,
.category-item ul li:hover{
    color: #ff003c;
}


/*banner区*/
.index-banner-carousel{
    width: 534px;
    height: 400px;
    float: left;
    margin: 0 20px;
    border-radius: 6px;
}
/*会员信息区*/
.index-user-info{
    width: 300px;
    height: 400px;
    float: right;
    background: #f6f4f4;
    border-radius: 8px;
    padding: 30px;
    box-sizing: border-box;
}
.index-user-info-avatar{
    width: 80px;
    height: 80px;
    margin: 10px auto 0 auto;
    border-radius: 50%;
}
.index-user-info-avatar img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.index-user-info-name{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 20px;
}
.index-user-info-name a{
    display: inline-block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#541D1D;
}
.index-user-info-name a.index-vertical,
.index-user-info-name a.index-login,
.index-user-info-name a.index-reg{
    display: inline-block;
    width: auto;
    font-weight: normal;
    font-size: 16px;
}
.index-user-info-name a.index-vertical{
    margin: 0 10px;
}
.index-user-order{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.index-user-order ul{
    width: 100%;
    height: auto;
}
.index-user-order ul li{
    width: 25%;
    height: 48px;
    float: left;
}
.index-user-order ul li span{
    display: inline-block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #ff003c;
    font-weight: bold;
    font-size: 12px;
}
.index-user-order ul li em{
    display: inline-block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color:#541D1D;
    font-size: 12px;
}
.index-user-collect-footprint{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}
.index-user-collect-footprint ul{
    width: 100%;
    height: auto;
}
.index-user-collect-footprint ul li{
    width: 30%;
    height: 80px;
    float: left;
    margin-right: 5%;
}
.index-user-collect-footprint ul li.user-footprint{
    margin-right: 0;
}
.index-user-collect-footprint ul li i{
    display: block;
    width: 28px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    color:#541D1D;
    font-size: 12px;
    /*border: 4px solid #ff003c;*/
    margin: 0 auto 10px auto;
    /*border-radius: 50%;*/
}
.index-user-collect-footprint ul li i.icon-collect-product{
    background: url(../images/icon-c-p-f.svg) no-repeat;
}
.index-user-collect-footprint ul li i.icon-collect-enterprise{
    background: url(../images/icon-c-e-f.svg) no-repeat;
}
.index-user-collect-footprint ul li i.icon-footmark{
    background: url(../images/icon-h-f.svg) no-repeat;
}
.index-user-collect-footprint ul li.active-index-collect i.icon-collect-product{
    background: url(../images/icon-c-p-t.svg) no-repeat;
}
.index-user-collect-footprint ul li.active-index-collect i.icon-collect-enterprise{
    background: url(../images/icon-c-e-t.svg) no-repeat;
}
.index-user-collect-footprint ul li.active-index-collect i.icon-footmark{
    background: url(../images/icon-h-t.svg) no-repeat;
}
.index-user-collect-footprint ul li span{
    display: inline-block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #541D1D;
    /*font-weight: bold;*/
    font-size: 12px;
}
.index-user-collect-footprint ul li.active-index-collect span{
    color: #ff003c;
}


/*图片轮播*/
.main-banner{
    width:100%;
    height:auto;
    background: #fff;
}
#banner .layui-carousel-ind ul{
    /*float: right;*/
    /*margin-right: 80px;*/
    background: none;
}
#banner{
    border-radius: 6px;
    overflow: hidden;
}
#banner img{
    border-radius: 6px;
    box-sizing: border-box;
}
/*#banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow{*/
    /*left: 250px;*/
/*}*/
.main-hero-slider{
    height:400px;
    background: #fff;
    position: relative;
    /*overflow: hidden;*/
}
.all-category-list{
    width:230px;
    height:380px;
    background: rgba(0,0,0,.5);
    position: absolute;
    top:0;
    left:0;
    padding: 10px 0 10px 0;
}
.item{
    color:#fff;
    height:45px;
}
.item a{
    display: inline-block;
    width:100%;
    height:54px;
    line-height: 54px;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    float: left;
    text-align: left;
    text-indent: 32px;
}
.item a.categroy-name i{
    display: inline-block;
    width:6px;
    height:10px;
    float: right;
    margin:20px 30px 0 0;
    background-position: -427px -30px;
}
.active-categroy a.categroy-name{
    background: #fff;
    color:#ff003c!important;
}
.active-categroy a.categroy-name i{
    background-position: -447px -30px;
}
.item .active-categroy a:hover{
    background: #fff;
    color:#ff003c!important;
}
.item i{
    display: inline-block;
    float: right;
}
.item-list-1{
    width:184px;
}
.item-list-2{
    width:368px;
}
.item-list-3{
    width:552px;
}
.item-list-4{
    width:736px;
}
.item-list-5{
    width:920px;
}
.item-list{
    display: none;
    min-width:184px;
    height:380px;
    background: #fff;
    position: absolute;
    top:0;
    left:230px;
    padding: 10px 0;
}
.item-list .subitem ul{
    float: left;
    width: 184px;
    height:54px;
}
.item-list .subitem li{
    width: 184px;
    height:54px;
    line-height: 54px;
    float: left;
    text-align: center;
    cursor: pointer;
}
.item-list .subitem li a{
    display: inline-block;
    width:184px;
    height:54px;
    line-height: 54px;
    font-size: 14px;
    text-align: left;
    color:#333;
    float: none;
    text-indent: 12px;
    font-weight: normal;
    cursor: pointer;
}
.item-list .subitem li a em{
    float: left;
    display: inline-block;
    width:6px;
    height:6px;
    border-radius: 50%;
    background: #333;
    margin:24px 0 24px 62px;
}

.item-list .subitem li a:hover{
    color:#ff003c !important;
}
/*好货推荐*/
.box-product-list{
    width:1230px;
    height:auto;
}
.box-title{
    width:100%;
    height:74px;
}
.box-title h1{
    display: inline-block;
    width:auto;
    height:auto;
    font-size: 18px;
    font-weight: bold;
    padding: 34px 0 0 12px;
    float: left;
}
.box-title em{
    display: inline-block;
    width: auto;
    height: 24px;
    line-height: 24px;
    float: left;
    margin: 36px 0 0 10px;
    font-size: 12px;
}
.box-title ul{
    width: auto;
    height: 40px;
    float: left;
    margin: 36px 0 0 30px
}
.box-title ul li{
    width: auto;
    height: 24px;
    line-height: 24px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    padding: 0 8px;
}
.box-title ul li:hover,
.box-title ul li.active{
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    border: 1px solid #666;
    padding: 0 7px;
    font-weight: bold;
}
.box-title p{
    width:auto;
    height:auto;
    min-height: 24px;
    line-height: 24px;
    float: right;
    padding: 38px 5px 0 0;
    font-size: 14px;
}
.box-title p a{
    color: #666;
}
.box-title p a:hover{
    color:#333;
}
.box-title p span{
    display: inline-block;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-left: 14px;
    font-weight: bold;
    cursor: pointer;
}
.box-title p span.prev-page{
    background-position: -186px 0;
}
.box-title p span.next-page{
    background-position: -224px 0;
}
.box-title p span.prev-page-end{
    background-position: -199px -107px;
}
.box-title p span.next-page-end{
    background-position: -238px -107px;
}
.box-list{
    width:100%;
    /*height:380px;*/
    height: auto;
    overflow: hidden;
}
.box-list li{
    float: left;
    width:234px;
    height:380px;
    margin-right: 15px;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}
.box-list li:hover{
    background:  #f4f4f4;
}
.box-list li.last-list{
    margin-right: 0;
}
/*.box-list li:last-child{*/
    /*margin-right: 0;*/
/*}*/
.product-img{
    width:100%;
    height:234px;
    overflow: hidden;
}
/*.product-img img{*/
    /*width:234px;*/
    /*height:234px;*/
/*}*/
.product-img-box{
    width:184px;
    height:184px;
    line-height: 182px;
    text-align: center;
    margin: 25px 25px 0 25px;
    /*border-radius: 4px;*/
    overflow: hidden;
}
.product-img img{
    width: auto;
    height: auto;
    max-width: 184px;
    max-height: 184px;
    border-radius: 6px;
}
/*.product-img img{*/
    /*width:184px;*/
    /*height:184px;*/
    /*margin: 25px 25px 0 25px;*/
    /*border-radius: 4px;*/
/*}*/
.product-item{
    width:206px;
    height:auto;
    padding: 0px 14px 0 14px;
}
.product-item p{
    width:100%;
    height: 24px;
    line-height: 20px;
    color:#b5b2b2;
    font-size: 12px;
}

.product-list-district {
    width: 140px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product-item p span.product-price{
    color:#e1251b;
    font-size: 18px;
    font-weight: 500;
    float:left;
    font-family: arial,sans-serif;
}
.product-item p span.product-price i{
    float: left;
    margin-right: 5px;
    font-size: 12px;
    line-height: 24px;
    font-weight: normal;
}
.product-item p span.product-price em{
    font-size: 12px;
    line-height: 22px;
    margin-left: 2px;
    font-weight: normal;
}
.product-item p span.product-order{
    float: right;
}
.product-order em{
    float: left;
    display: inline-block;
    width:18px;
    height:18px;
    line-height: 18px;
    border: solid 1px #333333;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin:0 2px;
}
.product-order em.sell{
    border: solid 1px #b5b2b2;
    color: #b5b2b2;
}
.product-item h2{
    display: inline-block;
    height:24px;
    line-height: 24px;
    font-size: 14px;
    color:#333;
    /*padding-top: 8px;*/
}
.product-item h2.product-list-name{
    width: 100%;
    height:36px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-item h2.show-owner-info{
    padding-top: 6px;
}
.product-item h2 a{
    font-size: 14px;
    color:#333;
}
.product-item h2 a.product-title{
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-item h2 a.product-owner{
    font-size: 12px;
    text-decoration:underline;
}
.product-item h2 a.product-owner:hover{
    color:#ff003c!important;
}
.product-item p.other-info{
    padding-top: 3px;
    height: 20px;
}
.other-info i{
    display: inline-block;
    width:12px;
    height:12px;
    float: left;
    margin: 3px 2px 0 0;
    background-position: -332px 0;
}

/*商家详细信息弹窗*/
.product-desc .store-info {
    width: 164px;
    height:auto;
    min-height:190px;
    background: #fff;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
    border-radius: 4px;
    position: absolute;
    top:99px;
    left:0;
    z-index: 100;
    box-shadow: 2px 2px 8px 2px rgba(0,0,0,.15)
}

.product-desc .store-info img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin: 23px 55px 15px 55px;
}

.product-desc .store-title {
    width:auto;
    height:24px;
    line-height: 24px;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-desc .store-title a{
    display: inline-block;
    width: 100%;
    height:24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-desc .credit-width {
    width: 82px;
    display: table-cell;
    text-align: center;
}

.product-desc .credit-border {
    border-right: 1px solid #b5b2b2;
    padding-left: 5px;
    width: 78px;
}
.product-desc .credit-width em{
    display: inline-block;
    width:100%;
    font-size: 12px;
    text-align: center;
}
.gray-color {
    color: #b5b2b2;
    font-size: 12px;
}

.product-desc .credit-button-info {
    width: 64px;
    height: 22px;
    line-height: 22px;
    margin: 0 5px 5px;
    font-size: 12px;
}

.product-desc .collect-store {
    /*padding-left: 5px;*/
}

.product-desc .collect-store button {
    color: #fff;
    background: #ff003c;
    border: 0;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px;
}
.product-desc .sms-store button {
    color: #b5b2b2;
    background: #e7e4e4;
    border: 0;
    cursor: pointer;
    border-radius: 2px;
    font-size: 12px;
}
.product-desc .store-info span{
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-top:10px solid #fff;
    position: absolute;
    bottom:-10px;
    left:12px;
}

/*.product-list-name {*/
    /*min-height: 56px !important;*/
/*}*/

.trustworthiness-ico {
    width: 16px;
    height: 14px;
    display: inline-block;
    margin: 6px 0 0 1px;
    background-position: -268px 0;
}