/* BASIC css start */
#contents {width:95%; margin:0 auto;}

.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;}





.sortWrap {padding:5.556vw 0 3.333vw;}
.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;}

/* BASIC css end */