/* BASIC css start */
#contents {}

.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:50vw; font-size:4.722vw;line-height:11.111vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dt a svg{position:absolute; width:3.611vw; top: 50%; right:0; transform: translateY(-50%); transition:transform 0.3s;}
.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;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dd ul li a.now{color:#000;font-family :'FlightSans-Bold', sans-serif;}
.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; color:#b1b1b1; border-bottom:0.556vw solid #fff;font-family :'FlightSans-Regular', sans-serif;}
.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;}

#MS_product{width:95%; margin:0 auto;}
.sortWrap {padding:5.556vw 0 3.333vw;width:95%; margin:0 auto;}
.sortWrap p{font-size:4.167vw; line-height:9.722vw;font-family :'FlightSans-Regular', sans-serif;}
.sortWrap p strong{font-weight:600; color:#355BF5;font-family: 'Montserrat', sans-serif; }
.sortWrap select{height:9.722vw; padding-right:1.722vw; background-size:1.944vw; border:none; font-size:3.811vw; line-height:9.722vw; background-position: right 1.389vw center;}
.moreList{ margin-bottom:11.111vw;}
.moreList .MoreViewListBtn{ display:block; width:100%; font-size:3.333vw; line-height:9.444vw; text-align:center; border:0.278vw solid #ccc; border-radius:0.833vw; font-family :'FlightSans-Regular', sans-serif;}
.moreList .MoreViewListBtn svg{ width:2.778vw; margin-left:1.389vw; vertical-align:middle;}




.goodsListWrap ul li .textBox .g_name{font-family :'FlightSans-Regular', sans-serif; font-weight:400; font-size:0.875rem; padding-bottom:7px; word-break:keep-all; line-height:1.3;}
.g_price{font-family: 'Montserrat', sans-serif;}
.goodsListWrap ul li .textBox .g_price .per {color:#355BF5; font-size:4.777vw; font-weight:600;}
.goodsListWrap ul li .textBox .g_price .r_price{font-size:4.777vw; font-weight:600;}
.goodsListWrap ul li .textBox .g_price .c_price{font-size:3.811vw;}


.cate-wrap {overflow:hidden;text-align: center;}
.cate-wrap dd{font-size:1rem;display:inline-block;}
.cate-wrap dd a{font-size:1rem; margin:0 10px; padding-bottom:5px; border-bottom:1px solid #ccc; color:#999;}
.cate-wrap dd a:last-child{color:#222; font-weight:600; border-bottom:2px solid #222;}
.cate-wrap .bcate {margin:40px 0 10px;font-size: 1.75rem;color:#202020; font-family: 'FlightSans-Bold', sans-serif;}
.cate-wrap .bcate dd{font-size:1rem !important;}
.cate-wrap .class-list{}
.cate-wrap .class-list ul {   *zoom:1;display: flex;flex-wrap: wrap;text-align: center;justify-content: center;align-items: center;}
.cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
.cate-wrap .class-list ul li { margin:5px;}
.cate-wrap .class-list ul li a {display:block; font-size:0.75rem; color: #777; padding: 3px 0; width:100px; box-sizing: border-box; border-radius: 50px;border: 1px solid #bbb; font-family: 'FlightSans-Regular', sans-serif;}  
.cate-wrap .class-list ul li.on a{ border: 1px solid #011222 !important; color: #fff !important; background:rgb(43, 46, 67);} 
.cate-wrap .class-list ul li.on a::after { opacity:1 !important; width: 120% !important; } 

.myWrap{display:flex;align-items:center;justify-content:space-between;}



/* BASIC css end */