/* BASIC css start */
.clearfix {
    clear: both;
}

.cateWrap {
    position:relative;
    background:#fff;
}

.cateWrap .cate1 dl dt{
    position:fixed;
    left:50%;
    top:1.111vw;
    transform:translateX(-50%);
    z-index:1001;
}

.cateWrap .cate1 dl dt a{
    display:block;
    position:relative;
    padding-right:4.167vw;
    max-width:40vw;
    font-size:4.122vw;
    line-height:13.111vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cateWrap .cate1 dl dt span {
    display:none;
    position: relative;
    padding-right: 4.167vw;
    max-width: 40vw;
    font-size: 4.122vw;
    line-height: 13.111vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.cateWrap .cate1 dl dt a svg{
    position:absolute;
    width:3.611vw;
    top: 50%;
    right:0;
    transform: translateY(-50%);
}

.cateWrap .cate1 dl dt a.active svg{
    transform: translateY(-50%) rotate(180deg);
}

.cateWrap .cate1 dl dd{
    display:none;
    position:fixed;
    top:var(--mainHeaderHeight);
    left:0;
    width:100%;
    padding:3.333vw 0;
    background:#fff;
    border-top: 1px solid #e9e9e9;
    z-index:1001;
}

.cateWrap .cate1 dl dd ul li a{
    display:block;
    padding:3.056vw;
    font-size:4.167vw;
    text-align:center;
    line-height:5.556vw;
    color:#b1b1b1;
    font-weight:500;
}

.cateWrap .cate1 dl dd ul li a.now{
    color:#000;
}

.cateWrap .cate1 .bgMask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:998;
}

.cateWrap .cate2 {
    padding:0 4.167vw;
    border-bottom:0.278vw solid #e9e9e9;
}

.cateWrap .cate2 ul li{
    width:auto;
    margin-right:6.111vw;
}

.cateWrap .cate2 ul li a{
    display:block;
    line-height:11.111vw;
    font-size:3.611vw;
    color:#b1b1b1;
    border-bottom:0.556vw solid #fff;
}

.cateWrap .cate2 ul li a.on{
    color:#000;
    border-bottom:0.556vw solid #000;
}

.cateWrap .cate3{
    padding:0 4.167vw;
    background:#f8f8f8;
    border-bottom:0.278vw solid #e9e9e9;
}

.cateWrap .cate3 ul li{
    width:auto;
    margin-right:6.111vw;
}

.cateWrap .cate3 ul li a{
    display:block;
    line-height:11.111vw;
    font-size:3.056vw;
    color:#b1b1b1;
}

.cateWrap .cate3 ul li a.on{
    color:#000;
}

.sortWrap {
    padding:3vw 0 1.333vw;
}

.sortWrap p{
    font-size:4.167vw;
    line-height:9.722vw;
}

.sortWrap p strong{
    font-weight:500;
}

.sortWrap select{
    height:9.722vw;
    padding-right:4.722vw;
    background-size:1.944vw;
    border:none;
    font-size:3.056vw;
    line-height:9.722vw;
    background-position: right 1.389vw center;
}

.cateBanner > img {
    width:100%;
}

.big_cate {
    display:none;
    padding: 0 4.167vw;
    border-bottom: 0.278vw solid #e9e9e9;
}
.big_cate.show {
    display:block;
}

.big_cate .cate_wrap ul li {
    width: auto;
    margin-right: 6.111vw;    
}

.big_cate .cate_wrap ul li a.on {
    color: #000;
    border-bottom: 0.556vw solid #000;
}

.big_cate .cate_wrap ul li a {
    display: block;
    line-height: 11.111vw;
    font-size: 3.611vw;
    color: #b1b1b1;
    border-bottom: 0.556vw solid #fff;
}

.cate_child {
    display:none;
    padding: 0 4.167vw;
    background: #f8f8f8;
    border-bottom: 0.278vw solid #e9e9e9;
}

.cate_child.show {
    display:block;
}

.cate_child ul li {
    width: auto;
    margin-right: 6.111vw;    
}

.cate_child ul li a {
    line-height: 11.111vw;
    font-size: 3.056vw;
    color: #b1b1b1;
}

.cate_child ul li a.on {
    color:#000;
}

.moreList{
    margin-top:11.111vw;
}

.moreList .MoreViewListBtn{
    display:block;
    width:100%;
    font-size:3.333vw;
    line-height:9.444vw;
    text-align:center;
    border:0.278vw solid #000;
    border-radius:0.833vw;
}

.moreList .MoreViewListBtn svg{
    width:2.778vw;
    margin-left:1.389vw;
    vertical-align:middle;
}

.prd-sale {
    font-size: 3vw;
    line-height:3.4vw;
    letter-spacing: -0.025em;
    font-weight: 500;
}

.prd-sale img {
    width: 3.4vw;
    margin-right:3px;
}


#MS_product .goodsListWrap ul li .imgBox img {
    height:61vw;
    object-fit:cover;
}

#MS_product .goodsListWrap ul li .textBox .g_icon {
    padding-top:0;
}

#MS_product .goodsListWrap ul li .textBox .g_icon img {
    width:auto;
}

@media(max-width:400px) {
    #container {padding-top:13vw;}
}


/* BASIC css end */