@font-face {
	font-family: 'Regular';
	src:url('../fonts/SourceHanSansCN-Regular.otf') format('truetype');
    font-display:swap;
}

body{font-family: 'Regular';}

.marginR25{margin-right: 25px !important;}
.marginT30{margin-top: 30px !important;}
.marginT40{margin-top: 40px !important;}
.marginT50{margin-top: 50px !important;}
.marginT60{margin-top: 60px !important;}
.marginB20{margin-bottom: 20px !important;}
.marginB40{margin-bottom: 40px !important;}
.marginB50{margin-bottom: 50px !important;}
.padding100{padding-left: calc(100/16 * 1em) !important; padding-right: calc(100/16 * 1em) !important;}
.text_center{text-align: center;}
.container{overflow: hidden;}
.fColor{color: #8b1427 !important;}
.hoverImg{z-index: 200; cursor: pointer; width: 120px; height: 120px; border-radius: 50%; background-color: #8b1427; position: absolute; display: flex; justify-content: center; align-items: center; color: #fff; display: none;}
.hoverImg a{color: #fff !important; position: relative;}
.hoverImg a:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 10px;background-image: url(../images/Banner003158-more-white.svg);vertical-align: middle;}
.hoverImg p{color: #fff !important; position: relative;}
.hoverImg p:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 10px;background-image: url(../images/Banner003158-more-white.svg);vertical-align: middle;}

.more{position: relative; text-align: center; margin-top: calc(70/16 * 1em);}
.more a{display: inline-block; position: relative; z-index: 6; padding: 0 calc(50/16 * 1em); line-height: calc(60/16 * 1em); color: #8b1427; border-radius: 9999px; border: 1px solid #8b1427;}
.more a:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 30px;background-image: url(../images/Banner003158-more.svg);background-repeat: no-repeat; vertical-align: middle;}
.more a:hover{color: #fff; background-color: #8b1427;}
.more a:hover::after{background-image: url(../images/Banner003158-more-white.svg);}

.container .explore{position: relative; text-align: center; margin-bottom: calc(70/16 * 1em);}
.container .explore a{display: inline-block; position: relative; z-index: 6; padding: 0 calc(50/16 * 1em); line-height: calc(60/16 * 1em); color: #333;}
.container .explore a:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 20px;background-image: url(../images/Banner003158-more-back.svg);background-repeat: no-repeat;}
.container .explore a:hover{color: #8b1427;}
.container .explore a:hover::after{background-image: url(../images/Banner003158-more.svg);}

@media(max-width:1024px){
    .marginR25{margin-right: 12.5px !important;}
    .marginT30{margin-top: 15px !important;}
    .marginT40{margin-top: 20px !important;}
    .marginT50{margin-top: 25px !important;}
    .marginT60{margin-top: 30px !important;}
    .marginB20{margin-bottom: 10px !important;}
    .marginB40{margin-bottom: 20px !important;}
    .marginB50{margin-bottom: 25px !important;}
    .more{margin-top: calc(35/16 * 1em);}
    .more a{line-height: calc(30/16 * 1em); padding: 0 calc(25/16 * 1em);}
    .hoverImg{width: 70px; height: 70px; font-size: 14px;}
    .padding100{padding-left: 0 !important; padding-right: 0 !important;}
}

/*Top003084 */
.Top003084{transition: .3s; position: fixed;left: 0; width: 100%;color: #fff; padding: 0 40px; font-size: 16px; z-index: 100; display: flex; justify-content: space-between; align-items: center;}
.Top003084 span > a{color: #fff; display: block; transition: .3s;}

.Top003084 menu li > span{font-size: 18px; display: block;}
.Top003084 .sub{display: none;border-top: 1px solid #ebebeb; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); z-index: 101; }
/* .Top003084 .sub:not(.normalSub){ } */
.Top003084 .sub:not(.normalSub) > dl{max-width: 1600px; margin: 0 auto; padding: 2.6% 5.2% 0;  line-height: normal; display: flex; justify-content: space-between; margin-bottom: calc(50/16 * 1em);}
.Top003084 .sub > dl .subNav{width: 15.875%; overflow-y: auto; max-height: 78vh; margin-right: 20px;}
.Top003084 .sub > dl .subNav::-webkit-scrollbar{background-color: transparent;width: 5px; }
.Top003084 .sub > dl .subNav::-webkit-scrollbar-thumb {background-color: #e5e5e5;width: 5px; transform: translateX(20px);}

.Top003084 .sub > dl .subNav aside{color: #999; font-size: calc(14/16 * 1em);margin-bottom: 15px; padding-left: calc(85/14 * 1em);}
.Top003084 .sub > dl .subNav dt{text-align: start; line-height: 3;}
.Top003084 .sub > dl .subNav dt a{color: #222; padding-left: calc(85/16 * 1em); display: block; }
.Top003084 .sub > dl .subNav dt:hover a{color: #8b1427;}

.Top003084 .sub > dl .subNav.subNavPlus{width: 22.85%;}
.Top003084 .sub > dl .subNav .subFilter li{ line-height: normal; min-height: unset; margin-right: unset; float: none;}
.Top003084 .sub > dl .subNav .subFilter > li{margin-bottom: calc(10/16 * 1em);}
.Top003084 .sub > dl .subNav .subFilter li ul{display: flex; flex-wrap: wrap;}
.Top003084 .sub > dl .subNav .subFilter li li{cursor: pointer; display: flex; align-items: center; width: 50%; line-height: calc(40/16 * 1em);}
.Top003084 .sub > dl .subNav .subFilter li li.aon span{color: #8b1427;}
.Top003084 .sub > dl .subNav .subFilter h3{margin: 0; font-size: calc(18/16 * 1em); line-height: 2.1; color: #333; font-weight: bold;}
.Top003084 .sub > dl .subNav .subFilter h3 span{font-size: 13px; color: #999; margin-left: 0;}
.Top003084 .sub > dl .subNav .subFilter figure{width: 20px; height: 20px; background-size: auto 20px; background-repeat: no-repeat; background-position: center;}
.Top003084 .sub > dl .subNav .subFilter span{margin-left: 16px; color: #333; font-size: calc(12/16 * 1em);}

.Top003084 .sub > dl > dl{padding: 0 calc(100/16 * 1em); flex: 1; border-left: 1px solid #ebebeb;}
.Top003084 .sub > dl .subNavPlus + dl{padding-right: 0;}
.Top003084 .sub > dl > dl aside{color: #999; font-size: calc(14/16 * 1em);padding-bottom: 15px; border-bottom: 1px solid #ebebeb; margin-bottom: calc(40/16 * 1em);}
.Top003084 .sub > dl > dl h3{color: #333; font-size: 1em; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; margin-bottom: calc(40/16 * 1em); margin-top: 0;}
.Top003084 .sub dl .navProductList{display: flex; flex-wrap: wrap; margin-bottom: calc(40/16 * 1em); max-height: 50vh; overflow-y: auto;}
.Top003084 .sub dl .navProductList::-webkit-scrollbar{background-color: transparent;width: 5px; }
.Top003084 .sub dl .navProductList::-webkit-scrollbar-thumb {background-color: #e5e5e5;width: 5px; transform: translateX(20px);}
.Top003084 .sub > dl .subNav::-webkit-scrollbar{background-color: transparent;width: 5px; }
.Top003084 .sub > dl .subNav::-webkit-scrollbar-thumb {background-color: #e5e5e5;width: 5px; transform: translateX(20px);}

.Top003084 .sub dl .navProductList dt{width: 16.7%; margin-bottom: 4%;}
.Top003084 .sub  dl .navProductList dt:not(:nth-of-type(5n)){margin-right: 4.12%;}
.Top003084 .sub .subNavPlus + dl .navProductList dt{width: 16.67%; margin-bottom: 4%;}
.Top003084 .sub .subNavPlus + dl .navProductList dt:not(:nth-of-type(5n)){margin-right: 4.16%;}
.Top003084 .sub dl .navProductList dt figure{background-position: center; background-size: contain; background-repeat: no-repeat; padding-bottom: 100%; border-radius: 100%; background-color: #f7f7f5;}
.Top003084 .sub dl .navProductList dt span{color: #333; margin-top: 10px; display: inline-block;}
.Top003084 .sub dl .navProductList dt:hover span{color: #8b1427; }
.Top003084 .sub dl .more a{border: none; border-radius: 0; color: #333; padding: 0; white-space: nowrap; border-bottom: 1px solid #e3e3e3; line-height: 1.5;}
.Top003084 .sub dl .more a::after{background-image: url(../images/Banner003158-more-back.svg); margin-left: 13px;}
.Top003084 .sub dl .more a:hover{color: #8b1427; background-color: transparent; border-color: #8b1427;}
.Top003084 .sub dl .more a:hover::after{background-image: url(../images/Banner003158-more.svg);}
.Top003084 .personal{position: relative;background: url(../images/login.svg) no-repeat; width: 17px; height: 16px;}
.Top003084 .cart{position: relative;background: url(../images/cart.svg) no-repeat; width: 16px; height: 16px;}
.Top003084 .open-search{position: relative;background: url(../images/search.svg) no-repeat; width: 16px; height: 16px;}
.Top003084 span.line{opacity: .5;}
.Top003084 .top-search{box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); position: absolute;right: 0px; top:100%;background: #fff; width: 400px;padding-right: 40px;}
.search-show .Top003084 .top-search{display: block;}
.Top003084 .top-search .text{width: 100%;height: 40px;line-height: 40px; border: 0;padding: 0 10px;}
.Top003084 .top-search .btn{position: absolute;right: 0;top:0; width: 40px;height: 40px;background: url(../images/Top003084-search.png) no-repeat center center #333;}

.Top003084.scroll{background-color: #8b1427;}
.Top003084.scroll a:not(.open-menu){ position: relative;}
.Top003084.scroll .personal{background-image: url(../images/login.svg);}
.Top003084.scroll .cart{background-image: url(../images/cart.svg);}
.Top003084.scroll .open-search{background-image: url(../images/search.svg);}
.Top003084.scroll span.line{color: #fff; }

.Top003084 menu li.aon > span a{color: #fff !important; position: relative;}
.Top003084 menu li.aon a:after{width: 100%;}
.Top003084 .sub.normalSub dt a{color: #333;}
@media (min-width:1025px) {
.Top003084 menu li > span > a:after{position: absolute; bottom: 0px; height: 2px; content: ''; width: 0; background: #fff; left: 50%; transform: translateX(-50%);transition: 0.3s;}
.Top003084 menu li{float: left;min-height:120px; line-height: 120px;}
.Top003084 .logo{float: left;}
.Top003084 .top-right{float: right; display: flex; align-items: center;}
.Top003084 menu li{margin-right: 2.35vw;}
.Top003084 .sub{background: rgb(255,255,255); position: absolute;}
.Top003084 .sub:not(.normalSub){  left: 0 !important; width: 100%; top: 100%;border-radius: 0 0 5px 5px;  }
.Top003084 .sub dt{text-align: center;}
.Top003084 menu li:has(.normalSub){position: relative;}
.Top003084 .sub.normalSub{width: 200%; left: 50%; transform: translateX(-50%); line-height: 3;}
.Top003084 .sub.normalSub dt:hover a{color: #8b1427;}
}
@media (max-width:1024px) {
.Top003084 span.line{display: none;}
.Top003084 menu{position: absolute;right: 0; top: -100%; transform:translateY(-100%);opacity:0;z-index: 100;width: 50%;background: #fff; padding: 2vw; transition: transform 0.3s;}
.Top003084 menu li{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.Top003084 menu li span{padding: 10px 0;}
.Top003084 menu span a{color: #333; }
.has-sub span .op:before, .has-sub span .op:after{background-color: #333;}
.Top003084 .logo{display: table; height: 80px;}
.Top003084 .logo a{display: table-cell;; vertical-align: middle;}
.Top003084 .logo img{max-height: 54px;}
.Top003084 .open-search{top: auto;bottom: 10px;}
.Top003084 .open-menu{right: 10%; position: absolute;top: 50%;  transform: translateY(-50%); width: 32px;}
.Top003084.scroll .open-menu i{}
.menu-show .Top003084 menu{ top: 80px; transform:translateY(0);opacity:1;}
.Top003084 .sub{box-shadow: none;}
.Top003084 .sub.normalSub{line-height: 2;}
.Top003084 .sub > dl:has(.subNavPlus){flex-wrap: wrap; max-height: 50vh; overflow-y: auto;}
.Top003084 .sub > dl .subNav.subNavPlus{width: 100%;}
.Top003084 .sub > dl .subNav .subFilter li li{line-height: calc(20/16 * 1em);}
.Top003084 .sub > dl .subNavPlus + dl{padding-left: 0; border-left: none;}
.Top003084 .sub > dl .subNav aside{padding-left: 0;}
.Top003084 .sub > dl .subNav:not(.subNavPlus){width: 22%; max-height: 50vh; overflow-y: auto;}
.Top003084 .sub > dl .subNav dt a{padding-left: 0; font-size: calc(16/16 * 1em);}
.Top003084 .sub .subNavPlus + dl .navProductList{justify-content: space-between;}
.Top003084 .sub .subNavPlus + dl .navProductList dt{width: 45%; margin-right: 0; }
.Top003084 .sub > dl > dl{padding: 0 20px; padding-right: 0;padding-bottom: 20px;display: none!important}
    
/* .Top003084 .sub dl .navProductList dt figure{background-size: cover;} */
.Top003084 .sub dl .navProductList{justify-content: space-between;}
.Top003084 .sub dl .navProductList dt:not(:nth-of-type(5n)){margin-right: 0;}
.Top003084 .sub dl .navProductList dt{width: 45%; text-align: center;}
.Top003084 .sub dl .navProductList dt span{text-align: center; font-size: calc(16/16 * 1em);}
.Top003084 .open-search{right: 2%; position: absolute !important; width: 20px;height: 20px;background-size: cover; top: 0; bottom: 0; margin: auto;}}
/* @media (max-width:800px) {
.Top003084 .open-search,
.Top003084 .open-menu{bottom: auto; top: 50%; transform: translateY(-50%);}
} */
@media(max-width:640px){
    .Top003084 .sub > dl{flex-wrap: wrap;  max-height: 50vh;overflow-y: auto;}
    .Top003084 .sub > dl .subNav:not(.subNavPlus){width: 100%; }
    .Top003084 menu{width: 100%;}
    .Top003084 .sub > dl > dl{padding-left: 0; border-left:none; margin-top: 10px;}
    .menu-show .Top003084 menu{top: 40px;}
    .Top003084 .logo img{max-height: 30px;}
    .Top003084 .logo{height: 40px;}
    .Top003084 .open-menu{width: 23px;}
    .Top003084 .top-search{width: 80%;}

}
@media (max-width:480px) {
.Top003084 .logo{width: 58%;}
}

/*Banner003158 */
.Banner003158 li{position: relative;}
.Banner003158 li.slick-slide{position: relative;z-index: 1; }
.Banner003158 li.slick-slide video{position: absolute; width: 100%; z-index: 199; top: 0; left: 0;}
.Banner003158 .txt{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 10;color: #333; overflow: hidden; }
.Banner003158 .txt .shadow_layout{position: absolute; width: 100%; box-shadow: -10px 60px 20px 0px rgba(0,0,0,0.2) inset;}
.Banner003158 .txt img:not(:nth-last-of-type(1)){margin-right: 20px;}
.Banner003158 .txt .ytable{height: 100%; table-layout: fixed;position: relative; }
.Banner003158 .txt .ytable .ytable-cell{position: absolute; bottom: 13.54%; z-index: 201;}
.Banner003158 p{margin: 0; font-size: .8em;}
.Banner003158 .tit{ font-size: 3.375em;text-shadow: 0 2px 0 #fff; line-height: 1.36; color: #262626;}
.Banner003158 .desc{text-shadow: 0 1px 0 #fff;line-height: 1.625;  font-size: 2em;}
.Banner003158 .more{display: inline-block;width: 8.75em; border-radius: 9999px; line-height: 3.125; border: solid 2px #8b1427;color: #8b1427;text-align: center; display: flex; align-items: center; justify-content: center;}
.Banner003158 .more:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 5px;background-image: url(../images/Banner003158-more.svg);vertical-align: middle;}
.Banner003158 .more:hover{background-color: #8b1427;color: #fff;}
.Banner003158 .more:hover:after{background-image: url(../images/Banner003158-more-white.svg);}
.Banner003158 .ani-show .tit,
.Banner003158 .ani-show .desc,
.Banner003158 .ani-show .more{transform: translateY(0); opacity: 1;}
.Banner003158 .slick-dots{position: absolute;z-index: 10; bottom: 5%;}
.Banner003158 .banner_arrow{position: absolute; z-index: 10; bottom: 0; right: 2%; background: url(../images/banner_arrow.png) no-repeat; width: 11px; height: 71px;}
.Banner003158 .slick-dots li{float: left;}
.Banner003158 .slick-dots li{padding-right: 30px;}
.Banner003158 .slick-dots li button{background-color: transparent; border: 0;overflow: hidden;color: #999;display: inline-block;padding: 0; vertical-align: middle; }
.Banner003158 .slick-dots li:after{display: inline-block;content: '';width: 0; height: 2px; background-color: #8b1427; transition: 0.3s; vertical-align: middle;}
.Banner003158 .slick-dots li.slick-active:after{width: 60px;}
.Banner003158 .slick-dots li.slick-active button{color: #8b1427; margin-right: 15px;}


/* 栏目页 */
.Banner003158.columnB{margin-bottom: calc(150/16 * 1em);}
.Banner003158.columnB .pc{display: block;width: 100%;}
.Banner003158.columnB .tit{font-weight: 900; line-height: 1;}
.Banner003158.columnB .bannerContent p{font-size: 1em; line-height: 2;}
.Banner003158.columnB .bannerContent aside{font-size: calc(22/16 * 1em); line-height: 2;}
.Banner003158.columnB .txt .ytable .ytable-cell{bottom: 4%;}
.Banner003158.columnB .bannerContent{margin-top: 2em;}
.Banner003158.columnB .bannerContent div{display: flex; align-items: center;}
.Banner003158.columnB .bannerContent figure{padding: calc(10/16 * 1em); margin-right: calc(20/16 * 1em); border: 1px solid #e6e6e6;}
@media (max-width:1024px) {
.Banner003158 .tit{font-size: calc(24/16 * 1em);}
.Banner003158 .desc{font-size: 0.875em;}
.Banner003158 .more{line-height: 2;}
.Banner003158 .slick-dots{left: 2%; bottom: 2%;}
.Banner003158 .slick-dots li.slick-active:after{width: 30px;}
.Banner003158 .slick-dots li{padding-right: 15px;}
.Banner003158.columnB{margin-bottom: calc(50/16 * 1em);}
.Banner003158.columnB .bannerContent aside{font-size: calc(18/16 * 1em);}
.Banner003158.columnB .bannerContent{margin-top: 1em;}
.Banner003158.columnB .tit{font-size: calc(20/16 * 1em);}
.Banner003158.columnB .bannerContent p{font-size: 13px;}
}

@media(max-width:768px){
    .Banner003158 .more{line-height: 1.5; font-size: calc(14/16 * 1em);}
    .Banner003158 .tit{font-size: calc(20/16 * 1em);}
    .Banner003158 .desc{font-size: calc(14/16 * 1em);}
    .Banner003158 p{font-size: calc(14/16 * 1em);}
    .Banner003158 .txt img{max-width: 20%;}
    .Banner003158.columnB .tit{font-size: calc(16/16 * 1em);}
}

@media(max-width:640px){
    .Banner003158.columnB .bannerContent p{line-height: 1.5;}
    .Banner003158.columnB .tit{margin-top: 10px !important;}
    .Banner003158.columnB .bannerContent{margin-top: .5em;}

}

@media(max-width:480px){
    .Banner003158 .more:after{background-size: 50%; background-repeat: no-repeat; background-position: center;}
    .Banner003158 .txt img{max-width: 10%;}
}


.Location001885{color: #999; padding: calc(20/16 * 1em) 0;}
.Location001885.text_center{padding: calc(10/16 * 1em) 0;}
.Location001885 a,.Location001885 span{color: #999;}
.Location001885 em{font-style: normal; margin: 0 5px;}
.Location001885 a:hover{color: #8b1427;}

h2.title{text-align: center; margin: 0; font-size: 3.375em; color: #333; line-height: 1;padding-top: 6.25vw; margin-bottom: 80px;}
h3.title{text-align: center; margin: 0; font-size: 2.5em; color: #333; line-height: 1; padding-top: 6.25vw; margin-bottom: 80px;}

@media(max-width:1024px){
    .Location001885{font-size: calc(14/16 * 1em); line-height: 1.5; padding: calc(10/14 * 1em);}
    h2.title{font-size: calc(24/16 * 1em); margin-top: calc(50/24 * 1em); margin-bottom: calc(20/24 * 1em);}
    h3.title{font-size: calc(20/16 * 1em); margin-top: calc(40/24 * 1em); margin-bottom: calc(20/24 * 1em);}
}
/*Banner003192 */
.Banner003192{position: relative;}
@media (min-width:1025px) {
    .Banner003192 .wap{display: none;}
}
@media (max-width:1024px) {
    .Banner003192 .pc{display: none;}
}
.Banner003192 li.slick-slide{position: relative;}
.Banner003192 li.slick-slide .productBox{position: absolute; width: 100%;top: 42.2%; left: 0; display: flex; justify-content: space-between; color: #333;}
.Banner003192 li.slick-slide .productBox li{text-align: center;}
.Banner003192 li.slick-slide .productBox aside{font-size: 1.5em; color: #222; font-weight: bold; line-height: 1;}
.Banner003192 li.slick-slide .productBox .price{color: #8b1427; font-weight: bold; font-size: 1.125em;}
.Banner003192 li.slick-slide .productBox li figure{position: relative;}
.Banner003192 li.slick-slide .productBox li figure .circle{position: absolute; width: 75%; height: 72%; border-radius: 50%; background-color: #f7f6f5; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.Banner003192 li.slick-slide .productBox li p{color: #333;}
.Banner003192 li.slick-slide .productBox .buy{display: inline-block; margin-bottom: 10px; padding-left: 23px; background-image: url(../images/buy.png); background-repeat: no-repeat; background-position: left center; color: #333; font-size: 13px;position: relative;}
.Banner003192 li.slick-slide .productBox .buy::after{position: absolute; width: 100%; height: 1px; background-color: #e3e3e3; content: ""; left: 0; bottom: -10px;}
.Banner003192 li.slick-slide .productBox li a:hover .buy{background-image: url(../images/buy_active.png); color: #8b1427;}
.Banner003192 li.slick-slide .productBox li a:hover .buy::after{background-color: #f1e2e5;}
.Banner003192 li.slick-slide .cateBox{display: flex; justify-content: center; text-align: center;}
.Banner003192 li.slick-slide .cateBox aside{font-size: 2em; color: #222; line-height: 1;}
.Banner003192 li.slick-slide .cateBox p{margin: 0; line-height: 2; color: #333;}
.Banner003192 li.slick-slide .cateBox .cateInner{position: relative; z-index: 2;}
.Banner003192 li.slick-slide .cateBox .cateInner figure{border-radius: 50%; overflow: hidden;  position: relative;}

.Banner003192 .slick-pages{position: absolute; right: 0; bottom: 0;color: #999;z-index: 20;}
.Banner003192 .slick-pages #cur{color: #8b1427;}
.Banner003192 .slick-dots{position: absolute;right: calc(141 / 1920 * 100vw);bottom: calc(66 / 960 * 100%);z-index: 20;}
.Banner003192 .slick-dots li{float: left;width: calc(30 / 1920 * 100vw); height: 3px; background-color: rgba(255, 255, 255, 1); opacity: 0.5; margin-left: 10px;}
.Banner003192 .slick-dots li button{display: none;}
.Banner003192 .slick-dots li.slick-active{opacity: 1;}
@media(max-width:1024px){
    .Banner003192 li.slick-slide .cateBox aside{font-size: calc(20/16 * 1em);}
    .Banner003192 li.slick-slide .productBox aside{font-size: calc(18/16 * 1em);}
    .Banner003192 li.slick-slide .cateBox p{font-size: calc(14/16 * 1em);}
    .Banner003192 li.slick-slide .productBox li p{font-size: calc(14/16 * 1em);}
    .Banner003192 li.slick-slide .productBox .price{font-size: calc(14/16 * 1em);}
    .Banner003192 li.slick-slide .productBox{position: relative ; margin-top: 30px;}
    .Banner003192 li.slick-slide .cateBox .cateInner figure{max-width: 50%; margin: 0 auto;}
}

@media(max-width:768px){
    .Banner003192 li.slick-slide .productBox{flex-wrap: wrap;}
    .Banner003192 li.slick-slide .productBox li{width: 100%; margin-top: 20px;}
}

@media(max-width:640px){
    .Banner003192 li.slick-slide .productBox li figure{width: 25%; margin: 0 auto;}
}

/*Floor003183 */
.Floor003183{overflow: hidden;  }

.Floor003183 .controls{position: absolute;min-height: 1px;z-index: 5; top: 0; width: 100%; height: 100%;}
.Floor003183 .slick-arrow{border-radius: 50%; position: absolute; bottom: 0%;background: no-repeat center;background-size: auto calc(15 / 16 * 1em);padding: 0;right: -1%; width: calc(50 / 16 * 1em);height: calc(50 / 16 * 1em); font-size: 1em;text-indent: -9999em;}
.Floor003183 .slick-arrow:not(.slick-disabled):hover{border: 1px solid #8b1427;}
.Floor003183 .slick-prev{margin-right:calc(70 / 16 * 1em); background-image: url(../images/OD_left.svg); }
.Floor003183 .slick-prev:hover{background-image: url(../images/OD_left_active.svg);}
.Floor003183 .slick-next{background-image: url(../images/OD_right.svg); }
.Floor003183 .slick-next:hover{background-image: url(../images/OD_right_active.svg);}
.Floor003183 .slick-arrow.slick-disabled{filter: grayscale(1); opacity: .2;}

.Floor003183 .slider li a{display: block;position: relative;  overflow: hidden; width: 90.6%; transition: .3s;}
.Floor003183 .slider li a:hover h3{color: #8b1427;}
.Floor003183 .slider a figure{margin: 0 auto;}
@media (min-width:1025px) {
.Floor003183 .slider{ overflow: hidden; padding: 0 calc(100/16 * 1em);}
.Floor003183 .slider .slick-current + li a{margin:0 auto;}
.Floor003183 .slider .slick-current + li + li a{margin-left: auto;}
.Floor003183 .slider .slick-current + li + li ~ li a{margin-left: auto;}
}
.Floor003183 .slider .Ispic{border-radius: 30px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; background-size: auto; padding-bottom: 132.4%; background-color: #faf9f7; transition: 0.3s ease-out;}
.Floor003183 .slider .Ispic .hoverBox{display: none; position: absolute; padding-bottom: 132.4%; width: 100%; background-repeat: no-repeat; border-radius: 100px; background-size: cover;}
.Floor003183 .slider .Ispic:hover .hoverBox{display: block; overflow: hidden;}
.Floor003183 .slider .txt{color: #999;transition: 0.5s;}
.Floor003183 .slider .txt h3{color: #222; font-size: 1.0625em; line-height: 1; margin: 0;}
.Floor003183 .slider .txt aside{margin-top: .5em;}

@media(max-width:1024px){
    .Floor003183 .slider .txt h3{font-size: calc(16/16 * 1em); text-align: center;}
    .Floor003183 .slider .txt aside{font-size: calc(14/16 * 1em); text-align: center;}
    .Floor003183 .slick-arrow{right: 0;width: calc(30 / 16* 1em);height: calc(30 / 16* 1em);}
}

@media(max-width:640px){
    .Floor003183 .slider li a{width: 100%;}
    .Floor003183 .slider .Ispic{background-size: 25%; padding-bottom: 50%;}
    .Floor003183 .slider .Ispic .hoverBox{padding-bottom: 49.4%;}
}

/*Floor002904 */


.Floor002904{padding-top: 6.25vw;overflow: hidden;}
.Floor002904 h2 {/*text-align: center; margin: 0; font-size: 3.375em; color: #333;*/}
.Floor002904 ul {display: flex;align-items: center; flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.Floor002904 ul li {
    position: relative;
    width: 49.4%;
    margin-bottom: 20px;
  }
  .Floor002904 ul li a {
    display: block;
    position: relative;
  }
  .Floor002904 .text-overlay {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: white;
    z-index: 10;
    width: 60%;
  }
  .Floor002904 .text-overlay p {
    margin: 5px 0;
    color: white;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
  }
  .Floor002904 .text-overlay .CategoryName {font-size: 1.2em;font-weight: bold;}
  .Floor002904 .text-overlay .intro {font-size: .75em;margin-top: 10px;}
  .Floor002904 ul li a figure img {
    -webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
  }
  .Floor002904 ul li a:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}
  @media(max-width:780px) {
    .Floor002904 ul{flex-direction: column;}
    .Floor002904 ul li {width: 100%;}
  }
/* equity */
.equity{padding-bottom: calc(140/16 * 1em);}
.equity .equityList{display: flex; justify-content: space-between;}
.equity .equityList li{cursor: pointer; width: 11.25%; text-align: center; border-radius: 50%; border: 10px solid #faf9f7; display: flex; flex-direction: column; justify-content: center;}
.equity .equityList li figure{max-width: 50%; margin: 0 auto;}
.equity .more{text-align: center; margin-top: calc(80/16 * 1em);}
.equity .more a{position: relative; display: inline-block; z-index: 6; padding: 0 calc(50/16 * 1em); line-height: calc(60/16 * 1em); color: #8b1427; border-radius: 9999px; border: 1px solid #8b1427; text-align: center;}
.equity .more a:hover{background-color: #8b1427; color: #fff;}
.equity .more a:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 30px;background-image: url(../images/Banner003158-more.svg);vertical-align: middle;}
.equity .more a:hover::after{background-image: url(../images/Banner003158-more-white.svg);}
.equity .equityContent {display: none; cursor: auto; color: #333; padding: 2.6%; position: fixed; width: 37.5%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 998; background-color: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.equity .equityContent aside{font-weight: bold; line-height: 1; font-size: calc(22/16 * 1em); margin-bottom: calc(40/22 * 1em);}
.equity .equityContent p{margin: 0; line-height: 2;}
.equity .equityContent .close{ cursor: pointer; position: absolute; width: calc(17/16 * 1em); height: calc(17/16 * 1em); right: 30px; top: 30px;}
.equity .equityContent .close::after{ width: 100%; background-color: #999; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(45deg);}
.equity .equityContent .close::before{width: 100%; background-color: #999; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(-45deg);}

@media(max-width:1024px){
    .equity{padding-bottom: calc(70/16 * 1em);}
    .equity .equityList{flex-wrap: wrap;}
    .equity .equityList li{width: 23%; margin-top: 10px;}
    .equity .equityList li p{margin-bottom: 0; margin-top: 10px; font-size: calc(14/16 * 1em);}
    .equity .more{margin-top: calc(40/16 * 1em);}
    .equity .more a{line-height: calc(30/16 * 1em); padding: 0 calc(25/16 * 1em);}
}

@media(max-width:640px){
    .equity .equityList li{width: 30%;}
}
/* goTop */
.goTop{position: fixed; right: 2%; bottom: 23.3%; z-index: 999; width: calc(48/16 * 1em); height: calc(48/16 * 1em); background: url(../images/goTop.svg) no-repeat center #ddd; border-radius: 50%; cursor: pointer;}

/*Bottom002612 */
.Bottom002612 footer{ color:#333; text-transform:uppercase; padding-top: calc(50/16 * 1em); padding-bottom: calc(70/16 * 1em);  font-family:Arial, sans-serif;}
.Bottom002612 footer dl{display: flex; justify-content: space-between; font-size: calc(13/16 * 1em);}
.Bottom002612 footer dl .other_link a{margin: 0 calc(40/13 * 1em);}
.Bottom002612 footer dl .beian{margin-right: calc(50/13 * 1em);}

.Bottom002612 nav{ padding-bottom:calc(70/16 * 1em); border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;  padding-top: calc(50/16 * 1em); display: flex; justify-content: space-between;}
.Bottom002612 nav .right{display: flex; width: 30.6875%; justify-content: space-between;text-align: center;}
.Bottom002612 nav dt{ font-size:calc(18/16 * 1em); color:#262626; font-weight: bold; line-height: 3;}
.Bottom002612 nav dd{ line-height:3; font-size:calc(13/16 * 1em); color: #333; }
.Bottom002612 nav dd a{color:#333; }
.Bottom002612 nav dd a:hover{ opacity:1;color:#8b1427; border-bottom: 1px solid #8b1427;}

.Bottom002612 .bdsharebuttonbox{display: flex;}
.Bottom002612 .bdsharebuttonbox a{position: relative; width: 48px; height: 48px; border-radius: 50%; background-color: #faf9f7; background-position: center; background-repeat: no-repeat;}
.Bottom002612 .bdsharebuttonbox a:not(:nth-last-of-type(1)){margin-right: 15px;}
.Bottom002612 .bdsharebuttonbox a.weixin{background-image: url(../images/weixin.svg);}
.Bottom002612 .bdsharebuttonbox a.weibo{background-image: url(../images/weibo.svg);}
.Bottom002612 .bdsharebuttonbox a.xiaohongshu{background-image: url(../images/xiaohongshu.svg);}
.Bottom002612 .bdsharebuttonbox a.douyin{background-image: url(../images/douyin.svg);}
.Bottom002612 .bdsharebuttonbox a.tianmao{background-image: url(../images/tianmao.svg);}
.Bottom002612 .bdsharebuttonbox figure{display: none; align-items: center; flex-direction: column; justify-content: center; bottom: 100%; margin-top: -10px; background-image: url(../images/codeC.png); background-repeat: no-repeat; background-size: cover; position:absolute;width: 180px; height: 220px; left: 50%; transform: translateX(-50%); background-color:#fff; z-index:100;}
.Bottom002612 .bdsharebuttonbox figure span{ font-size: 13px; display:block; text-align:center; line-height:24px; color:#999;}
.Bottom002612 .bdsharebuttonbox figure i{ position:absolute; width:0; height:0; border:5px solid #fff; border-left-color:transparent;border-right-color:transparent; border-bottom:0; bottom:-5px; left:50%; margin-left:-5px;}
.Bottom002612 .bdsharebuttonbox a:hover{background-color: #8b1427;}
.Bottom002612 .bdsharebuttonbox a:hover figure{display: flex;}
.Bottom002612 .bdsharebuttonbox a.weixin:hover{background-image: url(../images/weixin_active.svg);}
.Bottom002612 .bdsharebuttonbox a.weibo:hover{background-image: url(../images/weibo_active.svg);}
.Bottom002612 .bdsharebuttonbox a.xiaohongshu:hover{background-image: url(../images/xiaohongshu_active.svg);}
.Bottom002612 .bdsharebuttonbox a.douyin:hover{background-image: url(../images/douyin_active.svg);}
.Bottom002612 .bdsharebuttonbox a.tianmao:hover{background-image: url(../images/tianmao_active.svg);}
@media(max-width:1024px){
.Bottom002612 nav{flex-wrap: wrap; padding-top: calc(25 / 16* 1em); padding-bottom: calc(35 / 16* 1em);}
.Bottom002612 nav dt{ text-align:center; font-size: calc(16/16 * 1em);}
.Bottom002612 nav .left{width: 100%;}
.Bottom002612 nav .right{width: 100%; margin-top: 20px;}
.Bottom002612 .bdsharebuttonbox{justify-content: center;}
.Bottom002612 footer dt,
.Bottom002612 footer dd{ float:none; text-align:center; display: flex; flex-wrap: wrap; justify-content: center;}
.Bottom002612 footer dd{width: 100%; padding-top: 2%;}
.Bottom002612 nav dd{text-align: center;}
.Bottom002612 footer{padding-top: calc(25/16 * 1em); padding-bottom: calc(35/16 * 1em);}
.Bottom002612 footer dl{flex-wrap: wrap;}
.Bottom002612 footer dl .beian{margin-right: 0; width: 100%; padding-bottom: 2%;}
}

/* filter */
.filter{background-color: #fff;}
.filter.fixed{position: fixed; z-index: 99; top: 120px; width: 100%;}
.filter .filterInner{display: flex; justify-content: space-between;  border-bottom: 1px solid #ebebeb;}
.filter .left{display: flex;}
.filter .left div{cursor: pointer; padding: calc(20/16 * 1em) 0; padding-left: 20px; background-position: left center; background-repeat: no-repeat;}
.filter .left .filterer{background-image: url(../images/filter.svg);}
.filter .left .removeFilter{margin-left: calc(40/16 * 1em); background-image: url(../images/removeFilter.svg);}
.filter .cateTitle{display: none;}
.filterEr .cateTitle{display: block;}
.filter.fixed .cateTitle{display: block;}
.filter p{margin: 0; padding: calc(20/16 * 1em) 0;}

@media(max-width:1024px){
    .filter.fixed{top: 81px;}
}
@media(max-width:640px){
    .filter.fixed{top: 41px;}
}
/* filterOption */
.filterOption{position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; z-index: 9999; display: none;}
.filterOption .optionInner{position: relative; width: 23.4375%; background-color: #fff; padding-top: calc(100/16 * 1em);}
.filterOption .optionInner .filterList{margin: 0 calc(20/16 * 1em); padding:0 calc(40/16 * 1em); padding-bottom: calc(1/16 * 1em);  max-height: 80vh; overflow-y: auto;}
.filterOption .optionInner .filterList::-webkit-scrollbar{background-color: transparent;width: 5px;}
.filterOption .optionInner .filterList::-webkit-scrollbar-thumb {background-color: #e5e5e5;width: 5px;}
.filterOption .optionInner .filterList > dl{margin-bottom: calc(20/16 * 1em);}
.filterOption .optionInner .filterList dt{margin-bottom: 20px; position: relative; cursor: pointer; font-size: calc(17/16 * 1em); color: #222; font-weight: bold; background-repeat: no-repeat; background-position: right center;}
.filterOption .optionInner .filterList .option dl:not(:nth-of-type(1)) dt{margin-top: calc(35/16 * 1em);}
.filterOption .optionInner .filterList .option dt::after{content: ""; position: absolute; width: 14px; height: 8px; top: 50%; transform: translateY(-50%) rotate(0deg); right: 0; background-image: url(../images/filter_hide.svg);}
.filterOption .optionInner .filterList dd{display: flex; align-items: center; line-height: 3; cursor: pointer; font-size: calc(14/16 * 1em); color: #666;}
.filterOption .optionInner .filterList dd .square{position: relative; margin-right: calc(22/16 * 1em); width: 14px; height: 14px; border-radius: 2px; border: 1px solid #999;}
.filterOption .optionInner .filterList dd.select{color: #8b1427;}
.filterOption .optionInner .filterList dd.select .square{border-color: #8b1427;}
.filterOption .optionInner .filterList dd.select .square::after{position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-image: url(../images/select.svg); width: 14px; height: 14px; background-repeat: no-repeat; background-position: center;}
.filterOption .optionInner .filterList dt.show::after{transform: translateY(-50%) rotate(180deg);}
.filterOption .optionInner .filterList .option{border-bottom: 1px solid #ebebeb; padding-bottom: calc(20/16 * 1em);}
.filterOption .optionInner .filterList .order{margin-top: calc(35/16 * 1em);}
.filterOption .optionInner .orderList dt{margin-bottom: 15px; position: relative; cursor: pointer; font-size: calc(17/16 * 1em); color: #222; font-weight: bold; background-repeat: no-repeat; background-position: right center;}
.filterOption .optionInner .orderList dd {display: flex; align-items: center; line-height: 3; cursor: pointer; font-size: calc(14/16 * 1em); color: #666;}
.filterOption .optionInner .orderList dd .circular{position: relative; margin-right: calc(22/16 * 1em); width: 14px; height: 14px; border-radius: 50%; border: 1px solid #666;}
.filterOption .optionInner .orderList dd.select{color: #8b1427;}
.filterOption .optionInner .orderList dd.select .circular{border-color: #8b1427;}
.filterOption .optionInner .orderList dd.select .circular::after{content: ""; position: absolute; width: 50%; height: 50%; top: 0; right: 0; bottom: 0 ; left: 0; margin: auto; background-color: #8b1427; border-radius: 50%;}
.filterOption .optionInner .btn{display: flex; margin-top: calc(50/16 * 1em);}
.filterOption .optionInner .btn a{width: 50%; text-align: center; line-height: calc(60/16 * 1em);}
.filterOption .optionInner .btn a:first-child{background-color: #f2f2f2; color: #9f9f9f;}
.filterOption .optionInner .btn a:last-child{background-color: #8b1427; color: #fff;}

.filterOption .optionInner .close{ cursor: pointer; position: absolute; width: calc(17/16 * 1em); height: calc(17/16 * 1em); right: 30px; top: 30px;}
.filterOption .optionInner .close::after{ width: 100%; background-color: #333; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(45deg);}
.filterOption .optionInner .close::before{width: 100%; background-color: #333; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(-45deg);}


@media(max-width:1500px){
    .filterOption .optionInner{width: 40%;}
}

@media(max-width:1024px){
    .filterOption .optionInner{width: 50%; padding-top: calc(50/16 * 1em);}
    .filterOption .optionInner .close{right: 15px; top: 15px;}
}
@media(max-width:640px){
    .filterOption .optionInner{width: 80%;}
}




/*Location001885 */
.Location001885{ line-height:48px; color:#999;}
.Location001885 a{ color:#999;}
.Location001885 a:hover{ color:#8b1427;}

@media(max-width:1024px){
.Location001885{  color:#999; padding: 0;}
.Banner003158 .Location001885{line-height: calc(24/16 * 1em);  color:#999; padding: 0;}

}

/*
 .RighInfo002254 为demo编号
 */
.RighInfo002254{ padding-bottom: calc(80/16 * 1em);}
.RighInfo002254 .slider-big{margin-left: 20px;width:80.5%;}
.RighInfo002254 .slider-big li figure{ background-size:contain;}
.RighInfo002254 .slider-big figure{padding-bottom: 100%;}

.RighInfo002254 .slider-list{ position: relative; padding:32px 0; padding-top: 22px; width: 17%;}
.RighInfo002254 .slider-list li{opacity: .8;}
.RighInfo002254 .slider-list li.slick-current{opacity: 1;}
.RighInfo002254 .slider-list li figure{margin-top: 10px;}
.RighInfo002254 .slider-list .slick-arrow{cursor: pointer; position:absolute; width:100%; height:30px;cursor:pointer; background-position: center bottom;background-repeat: no-repeat; background-size: auto 26.7%;}
.RighInfo002254 .slider-list .slick-prev{background-image:url(../images/silder_arrow.svg); transform: rotate(180deg);}
.RighInfo002254 .slider-list .slick-next{background-image:url(../images/silder_arrow.svg);}
.RighInfo002254 .slider-list .slick-disabled{cursor:default;}
.RighInfo002254 .slider-list li figure{ height:calc(100% - 10px); background-size:contain;}
.RighInfo002254 .list_img{display: flex;}

.RighInfo002254 .right_info{ float:right; width:38.57%;}
.RighInfo002254 .right_info h1{margin: 0; color: #333; font-size: calc(28/16 * 1em); line-height: 2.5;position: relative;}
.RighInfo002254 .right_info h1::after{position: absolute; content: ""; width: 18px; height: 16px; background-image: url(../images/collect.png);right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.RighInfo002254 .right_info h1.active::after{ background-image: url(../images/collect_active.png);}
.RighInfo002254 .right_info h1 span{position: absolute; content: ""; width: 18px; height: 16px; background-image: url(../images/collect.svg);right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}

.RighInfo002254 .right_info h3{margin: 0; color: #8b1427; font-size: calc(24/16 * 1em); line-height: 1.66667;}
.RighInfo002254 .right_info p{margin: 0; color: #999; line-height: 2;}
.RighInfo002254 .right_info aside{color: #222; font-weight: bold; line-height: 3;}
.RighInfo002254 .right_info .productStyle aside{margin-top: 14px;}
.RighInfo002254 .right_info .productStyle .styleSelect{display: flex; flex-wrap: wrap;}
.RighInfo002254 .right_info .productStyle .styleSelect li{border: 1px solid transparent; cursor: pointer; border-radius: 5px; overflow: hidden; width: 18.5%; margin-bottom: 10px;}
.RighInfo002254 .right_info .productStyle .styleSelect li:not(:nth-of-type(1)){margin-left: 10px;}
.RighInfo002254 .right_info .productStyle .styleSelect li.active{border:1px solid #8b1427;}
.RighInfo002254 .right_info .productStyle .styleSelect figure{padding-bottom: 100%; background-size: cover; background-repeat: no-repeat;}
.RighInfo002254 .right_info .btnBox{display: flex;}
.RighInfo002254 .right_info .btnBox a{padding: 15px 2%; cursor: pointer; width: 40%; background-color: transparent; border: none; display: flex; align-items: center; justify-content: center;}
.RighInfo002254 .right_info .btnBox .addCart{ border: 1px solid #222; }
.RighInfo002254 .right_info .btnBox .addCart i{background:url(../images/cart_active.svg) no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 1em;}
.RighInfo002254 .right_info .btnBox .buyRecent{background-color: #8b1427; color: #fff;margin-left: 30px;}
.RighInfo002254 .right_info .productStyle .gift{margin-top: 20px; position: relative}
.RighInfo002254 .right_info .productStyle .gift .txt{padding-left: 20px}

.RighInfo002254 .right_info .productStyle .gift .txt span{position: relative; cursor: pointer; border-bottom: solid 1px #999}
.RighInfo002254 .right_info .productStyle .gift .txt span::before{content: ""; width: 16px; height: 18px; background: url(../images/gift.svg) no-repeat center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);left: -20px}

.RighInfo002254 .right_info .productStyle .gift .img{position: absolute;left: 20%; top: 50%;transform:scale(0) translateY(-50%); max-width: 200px; padding: 10px; border-radius: 10px;transition: 0.5s; background:rgba(255,255,255,0.5)}
.RighInfo002254 .right_info .productStyle .gift:hover .img{transform: scale(1) translateY(-50%);}
.RighInfo002254 .productDetails{padding: 2% 0;border-bottom: solid 1px #ddd; }
.RighInfo002254 .productDetails aside{margin-top: 14px; cursor: pointer; position: relative}
.RighInfo002254 .productDetails aside i{position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px;}
.RighInfo002254 .productDetails aside i:before,
.RighInfo002254 .productDetails aside i:after{content: ''; width: 100%; height: 2px; background: #222; position: absolute;left0;right: 0; top: 0; bottom: 0; margin: auto;transition: 0.5s}
.RighInfo002254 .productDetails aside i:after{transform: rotate(90deg)}
.RighInfo002254 .productDetails.on aside i:after{transform: rotate(0)}
.RighInfo002254 .productDetails .infobox{display: none;font-size: calc(13/16 * 1em); line-height: 1.6;padding: 1% 0}
.RighInfo002254 .productDetails p:not(:nth-last-of-type(1)){margin-bottom: 1em;}
.RighInfo002254 .productDetails p strong{color: #222; font-weight: normal; margin-right: 1em;}
.RighInfo002254 .right_info .productDetails .txt{padding-left: 20px}
.RighInfo002254 .right_info .productDetails  .txt span{position: relative; cursor: pointer; border-bottom: solid 1px #999;color: #666;}
.RighInfo002254 .right_info .productDetails .txt span::before{content: ""; width: 16px; height: 18px; background: url(../images/gift.svg) no-repeat center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);left: -20px}

.RighInfo002254 .list_img{float:left; width:55%; position:relative;}
.RighInfo002254 .slider-big *{height: 100%;}
.RighInfo002254 .slider-list .slick-arrow{ left: 0;}
.RighInfo002254 .slider-list .slick-prev{top: 0;}
.RighInfo002254 .slider-list .slick-next{bottom: 0;}
.RighInfo002254 .slider-list li{ height:142px;  position:relative;}

@media(max-width:1024px){
    .RighInfo002254{padding-bottom: calc(40/16 * 1em);}
    .RighInfo002254 .list_img{width: 100%;}
    .RighInfo002254 .slider-big figure{padding-bottom: unset; background-size: contain;}
    .RighInfo002254 .right_info{width: 100%;}
    .RighInfo002254 .right_info h1{font-size: calc(20/16 * 1em);}
    .RighInfo002254 .right_info h3{font-size: calc(18/16 * 1em);}
    .RighInfo002254 .right_info .productStyle aside{font-size: calc(14/16 * 1em);}
    .RighInfo002254 .right_info .productStyle .styleSelect li{width: 10%;}
    .RighInfo002254 .right_info .productStyle .styleSelect{margin-bottom: 20px;}
    .RighInfo002254 .right_info .btnBox button{width: 25%;}
    .RighInfo002254 .right_info .btnBox{justify-content:start;}
    .RighInfo002254 .right_info .btnBox button:nth-last-of-type(1){margin-left: 20px;}
    .RighInfo002254 .right_info .productStyle p span{font-size: calc(14/16 * 1em);}
}

@media (max-width:768px){
.RighInfo002254 .list_img,
.RighInfo002254 .right_info{ float:none; width:auto;}
}

@media(max-width:640px){
    .RighInfo002254 .slider-list li{height: unset;}
    .RighInfo002254 .list_img{flex-wrap: wrap;}
.RighInfo002254 .slider-big li .Ispic{padding-bottom: 100%;}
.RighInfo002254 .slider-list{order: 2;}
.RighInfo002254 .slider-list li .Ispic{padding-bottom: 100%; width: 90%; margin: 0 auto;}
.RighInfo002254 .slider-list .slick-arrow{ display: none !important;}
.RighInfo002254 .slider-list .slick-prev{left: 0;}
.RighInfo002254 .slider-list .slick-next{right: 0;}
.RighInfo002254 .slider-big{width: 100%; margin-left: 0;}
.RighInfo002254 .slider-list{width: 100%;}
.RighInfo002254.RighInfo002254 .right_info .productStyle .styleSelect li .right_info .btnBox button{width: 45%;}
.RighInfo002254 .right_info .productStyle .styleSelect li{width: 25%;}
.RighInfo002254 .right_info .btnBox button{width: 45%;     padding: 10px 2%;}
 }	
@media(max-width:480px){
.RighInfo002254 .tab .h1_tab{ font-size:14px;}
.RighInfo002254 .tab .h1_tab span{ padding:0 3%;}
 }	

 h3.productDetailTitle{margin: 0; font-size: calc(28/16 * 1em); color: #333; text-align: center; line-height: 1;}

 /* productEquity */
.productEquity{padding-top: calc(60/16 * 1em); padding-bottom: calc(50/16 * 1em); background-color: #faf9f7;}
.productEquity h3{margin-bottom: calc(40/28 * 1em);}
.productEquity .equityList{display: flex; justify-content: space-evenly;}
.productEquity .equityList li{width: 11.45%; text-align: center;  display: flex; flex-direction: column; justify-content: center;}
.productEquity .equityList li figure{ border-radius: 50%; border: 10px solid #f5f3f0; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.productEquity .equityList li figure img{max-width: 60%;}
.productEquity .equityContent {display: none; cursor: auto; color: #333; padding: 2.6%; position: fixed; width: 37.5%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 998; background-color: #ffffff; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.productEquity .equityContent aside{font-weight: bold; line-height: 1; font-size: calc(22/16 * 1em); margin-bottom: calc(40/22 * 1em);}
.productEquity .equityContent p{margin: 0; line-height: 2;}
.productEquity .equityContent .close{ cursor: pointer; position: absolute; width: calc(17/16 * 1em); height: calc(17/16 * 1em); right: 30px; top: 30px;}
.productEquity .equityContent .close::after{ width: 100%; background-color: #999; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(45deg);}
.productEquity .equityContent .close::before{width: 100%; background-color: #999; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(-45deg);}

@media(max-width:1024px){
    .productEquity{padding-top: calc(30/16 * 1em); padding-bottom: calc(25/16 * 1em);}
    .productEquity h3{font-size: calc(20/16 * 1em); margin-bottom: 20px;}
    .productEquity .equityList li p{font-size: calc(14/16 * 1em); margin-top: 10px;}
}

@media(max-width:768px){
    .productEquity .equityList{flex-wrap: wrap;}
    .productEquity .equityList li{width: 22%;}
}

/* customizedList */
.customizedList{padding: calc(140/16 * 1em) 0;}
.customizedList li:not(:nth-last-of-type(1)){margin-bottom: calc(100/16 * 1em);}
.customizedList li a{display: flex; color: #333; align-items: center;}
.customizedList li a figure{background-size: cover; width: 50%; padding-bottom: 30%; background-repeat: no-repeat;}
.customizedList li a .textBox{width: 50%; padding-left: calc(160/16 * 1em);}
.customizedList li a aside{font-size: calc(28/16 * 1em); font-weight: bold; line-height: 1; transition: .3s;}
.customizedList li a .textBox .textContent{margin: calc(33/16 * 1em) 0;}
.customizedList li a .textBox .textContent p{line-height: 2; margin: 0;}
.customizedList li a .textBox .detail{display: inline-block; border-bottom: 1px solid #e3e3e3; line-height: 2.1875; transition: .3s;}
.customizedList li a:hover aside{color: #8b1427;}
.customizedList li a:hover .detail{color: #8b1427; border-color: #8b1427;}

@media(max-width:1024px){
    .customizedList{padding: calc(70/16 * 1em) 0;}
    .customizedList li a{justify-content: space-between;}
    .customizedList li a .textBox{padding-left: calc(50/16 * 1em);}
    .customizedList li:nth-of-type(2n) a .textBox{padding-left: 0; padding-right: calc(50/16 * 1em);}
    .customizedList li:not(:nth-last-of-type(1)){margin-bottom: calc(50/16 * 1em);}
    .customizedList li a aside{font-size: calc(20/16 * 1em);}
    .customizedList li a .textBox .textContent p{font-size: calc(14/16 * 1em);}
    .customizedList li a:hover .detail{font-size: calc(14/16 * 1em);}
}

@media(max-width:640px){
    .customizedList li a{flex-wrap: wrap;}
    .customizedList li a .textBox{text-align: center; width: 100%; margin: 0; padding: 0;}
    .customizedList li a figure{margin: 0 auto; width: 70%; padding-bottom: 42%; margin-bottom: 2%;}
    .customizedList li:nth-of-type(2n) a .textBox{padding-right: 0;}
}

/* brand */
.brand h1.title{font-size: calc(56/16 * 1em); color: #8b1427; text-align: center; margin: 0; line-height: 2;}
.brand h3{font-size: calc(40/16 * 1em); color: #333; text-align: center; margin: 0; line-height: 1; margin-bottom: 45px;}
.brand .brandList{padding-top: calc(75/16 * 1em); padding-bottom: calc(30/16 * 1em); border-bottom: 1px solid #e8e8e8;}
.brand .brandList > li:not(:nth-of-type(1)){margin-top: calc(100/16 * 1em);}
.brand .brandList p{margin: 0; line-height: 2.625; text-align: center; margin-bottom: calc(50/16 * 1em); color: #333;}
.brand .needSlider .flipster{margin-top: 0; margin-bottom: 15px;} 
.brand .needSlider .flipster-carousel .flip-future img{filter: blur(0);}
.brand .needSlider .flipster-carousel .flip-past img{filter: blur(0);}
.brand .needSlider .flipster-carousel .flip-prev img{filter: blur(0);}
.brand .needSlider .flipster-carousel .flip-prev{transform: translateX(-85%) translateY(-2%) translateZ(0) rotateY(0) scale(.8);}
.brand .needSlider .flipster-carousel .flip-next{transform: translateX(85%) translateY(-2%) translateZ(0) rotateY(0) scale(.8);}
.brand aside.title{font-size: calc(39/16 * 1em); color: #333; margin: 0; font-weight: bold; line-height: 2.8;}
.brand .slider li figure{padding-bottom: 122%; margin-right: 10px; background-repeat: no-repeat; background-size: cover;}
.brand .slider li p{text-align: center; color: #333; font-size: calc(22/16 * 1em); font-weight: bold; line-height: 2.8; margin: 0;}
.brand .slider .slick-arrow{border-radius: 50%; position: absolute; bottom: 0%;background: no-repeat center;background-size: auto calc(15 / 16 * 1em);padding: 0;right: -1%; width: calc(50 / 16 * 1em);height: calc(50 / 16 * 1em); font-size: 1em;text-indent: -9999em;}
.brand .showList{padding-left: 2%;}
.brand .sliderBtn{height: calc(40/16 * 1em); position: relative; margin-right: calc(100/16 * 1em);}
.brand .sliderBtn::before{content: ""; width: 100%; left: 0; top: 50%; transform: translateY(-50%); height: 1px; position: absolute; background-color: #e8e8e8;}
.brand .controls {position: absolute; min-height: 1px;z-index: 5;top: 0;width: 100%;height: 100%;}
.brand .slick-arrow{border-radius: 50%; left: 100%; position: absolute; width: calc(40/16*1em); height: calc(40/16*1em); font-size: 1em; text-indent: -9999px; background-repeat: no-repeat; background-position: center;}
.brand .slick-arrow:not(.slick-disabled):hover{border: 1px solid #8b1427;}
.brand .slick-prev{background-image: url(../images/OD_left.svg); margin-left:calc(20 / 16 * 1em);}
.brand .slick-prev:hover{background-image: url(../images/OD_left_active.svg);}
.brand .slick-next{margin-left:calc(90 / 16 * 1em);  background-image: url(../images/OD_right.svg); }
.brand .slick-next:hover{background-image: url(../images/OD_right_active.svg);}
.brand .slick-arrow.slick-disabled{filter: grayscale(1); opacity: .2;}
.brand .showList .more{margin-top: calc(40/16 * 1em);}
.brand .productShow li{display: flex; justify-content: space-between; padding: calc(100/16 * 1em) 0;}
.brand .productShow li:nth-of-type(2n+1){padding-left: calc(100/16 * 1em);}
.brand .productShow li:nth-of-type(2n+1) .textBox{padding-right: 2%;}
.brand .productShow li:nth-of-type(2n){padding-right: calc(100/16 * 1em);}
.brand .productShow li:nth-of-type(2n) .textBox{padding-left: 2%;}
.brand .productShow li:not(:nth-last-of-type(1)){border-bottom: 1px solid #ebebeb;}
.brand .productShow li .textBox{width: 27.8%;}
.brand .productShow li p{margin: 0;color: #333;line-height: 2.625;}
.brand .productShow li .title{margin-top: calc(5/16 * 1em);}
.brand .productShow li .imgList{display: flex;}
.brand .productShow li .imgList figure:not(:nth-of-type(1)){margin-left: 5px;}

@media(max-width:1024px){
    .brand h1.title{font-size: calc(28/16 * 1em);}
    .brand aside.title{font-size: calc(24/16 * 1em); line-height: 2;}
    .brand .slider li p{font-size: calc(18/16 * 1em); line-height: 2;}
    .brand .sliderBtn{height: calc(20/16 * 1em);}
    .brand .slick-arrow{width: calc(20/16 * 1em); height: calc(20/16 * 1em); line-height: calc(20/16 * 1em);}
    .brand .slick-next{margin-left: calc(45/16 * 1em);}
    .brand .productShow li{padding: calc(50/16 * 1em); padding-right: 0; flex-wrap: wrap;}
    .brand .productShow li:nth-of-type(2n+1){padding-left: 0;}
    .brand .productShow li .textBox{width: 100%; text-align: center;}
    .brand .productShow li:nth-of-type(2n+1) .textBox{padding-right: 0;}
    .brand .productShow li:nth-of-type(2n){padding-right: 0;}
    .brand .productShow li{padding-left: 0;}
    .brand .productShow li p{font-size: calc(14/16 * 1em);}
    .brand .brandList{padding-top: calc(35/16 * 1em);}
    .brand h3{font-size: calc(24/16 * 1em);}
    .brand .brandList p{font-size: calc(14/16 * 1em); margin-bottom: calc(25/16 * 1em); line-height: 2;}
    .brand .brandList > li:not(:nth-of-type(1)){margin-top: calc(50/16 * 1em);}
    .flip-item img{width: 250px;}
    .brand .needSlider .flipster{padding-bottom: 0;}
    .flipto-prev, .flipto-next{display: none;}
    .brand h3{margin-bottom: 20px;}
}

@media(max-width:640px){
    .brand .slick-arrow{background-size: 80%;}
    .brand .productShow li .textBox figure img{max-width: 25%;}
    .flip-item img{width: 150px;}
}

/* idea */
.idea {padding: calc(100/16 * 1em) 0 calc(140/16 * 1em);}
.idea .ideaContent{display: flex; align-items: center; flex-direction: column-reverse;}
.idea .ideaContent .textBox{width: 60%;text-align: center;margin-top: 15px;}
.idea .ideaContent .textBox p{color: #333; line-height: 2.625; margin: 0;}
.idea .ideaContent figure{width: 58.57%;}

@media(max-width:1024px){
    .idea{padding: calc(50/16 * 1em) 0 calc(60/16 * 1em);} 
}

@media(max-width:768px){
    .idea .ideaContent{flex-wrap: wrap;}
    .idea .ideaContent .textBox{width: 100%;}
    .idea .ideaContent .textBox p{font-size: calc(14/16 * 1em); line-height: 2;}
    .idea .ideaContent figure{width: 100%; margin-top: 10px;}
}

/* world */
.world {padding: calc(53/16 * 1em) 0 calc(55/16 * 1em); padding-left: calc(100/16 * 1em);}
.world .worldContent{display: flex; align-items: center; justify-content: space-between; margin-bottom: calc(70/16 * 1em);}
.world .worldContent .textBox{width: 38.66666%;}
.world p{color: #333; line-height: 2.625; margin: 0;}
.world p.intro{width: 64%; margin: 0 auto;}
.world .worldContent figure{width: 53.33333%; position: relative; overflow: hidden; border-radius: 9999px;}
.world .worldContent figure video{position: absolute; width: 100%; left: 0; display: none;}

.technology{text-align: center;}
.technologyVideo{display: inline-block; position: relative; text-align: center; overflow: hidden; border-radius: 9999px; margin-top: calc(100/16 * 1em); margin-bottom: calc(140/16 * 1em);}
.technologyVideo p{margin: 0; color: #fff; font-weight: bold; font-size: calc(22/16 * 1em); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); line-height: calc(100/22 * 1em);}
.technologyVideo video{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; z-index: 2;}

@media(max-width:1024px){
    .world{padding: 0; padding-bottom: calc(20/16 * 1em);}
    .world p{font-size: calc(14/16 * 1em); line-height: 2;}
    .world .worldContent{margin-bottom: calc(35/16 * 1em);}
    .world p.intro{width: 100%;}
    .technologyVideo{margin-top: calc(50/16 * 1em); margin-bottom: calc(70/16 * 1em);}
    .technologyVideo p{font-size: calc(18/16 * 1em);}

}

@media(max-width:768px){
    .world .worldContent{flex-wrap: wrap;}
    .world .worldContent .textBox{width: 100%;}
    .world .worldContent figure{width: 100%; margin-top: calc(20/16 * 1em);}
}

/* factory */
.factory{width: 1660px; max-width: 96%; display: flex; justify-content: space-between; align-items: center;}
.factory:not(:nth-of-type(1)){margin-top: calc(100/16 * 1em);}
.factory:last-of-type{margin-bottom: calc(100/16 * 1em);}
.factory h3{margin: 0; font-size: calc(40/16 * 1em); line-height: 1.375; color: #333; font-weight: bold; text-align: start;}
.factory .textBox{margin-left: 2%;}
.factory aside.en{font-size: calc(10/16 * 1em); color: #999; text-transform: uppercase; line-height: 2.6;}
.factory p{line-height: 2; margin: 0; color: #666;}
.factory .textContent{margin-top: calc(60/16 * 1em);}
.factoryStyle1 .factory:nth-child(2n){margin-left: auto;}
.factoryStyle2 .factory:nth-of-type(2n+1){padding-right: calc(100/16 * 1em);}
.factoryStyle2 .factory:nth-of-type(2n){padding-left: calc(100/16 * 1em);}
.factoryStyle2 .factory:nth-of-type(2n) .figureList{align-items: end;}
.factoryStyle2 .figureList{display: flex;}
.factoryStyle2 .figureList figure:not(:nth-of-type(1)){margin-left: calc(35/16 * 1em);}

@media(max-width:1024px){
    .factory h3{font-size: calc(24/16 * 1em);}
    .factory p{font-size: calc(14/16 * 1em);}
    .factory{flex-wrap: wrap;}
    .factory .textContent{margin-top: calc(30/16 * 1em);}
    .factory .textBox{width: 100%; margin-top: 20px;}
    .factory:not(:nth-of-type(1)){margin-top: calc(50/16 * 1em);}
    .factory:last-of-type{margin-bottom: calc(50/16 * 1em);}
    .factoryStyle1 .factory:nth-child(2n){margin-left: 0;}
    .factoryStyle2 .factory:nth-of-type(2n+1){padding-right: 0;}
    .factoryStyle2 .factory:nth-of-type(2n){padding-left: 0;}
}

@media(min-width:641px) and (max-width:1024px){
    .factoryStyle2 .figureList{margin: 0 auto; width: 70%;}
}

/*PicList003142 */
.PicList003142{margin-top: calc(50/16 * 1em); margin-bottom: calc(100/16 * 1em);}
.PicList003142 li{float: left;  margin-bottom: 3em;}
.PicList003142 li .txt span{color: #8b1427; margin: calc(20/16 * 1em) 0; display: inline-block;}
.PicList003142 li .tit{ font-size: calc(22/16 * 1em);line-height: 1.455; font-weight: bold;}
.PicList003142 li p{ line-height: 2; color: #999999; margin-top: 1.5em;}
.PicList003142 li .pic{overflow: hidden;width: 370px;height: 370px;}
.PicList003142 li .Ispic{padding-bottom: 116%;transition: 0.3s;}
.PicList003142 li a:hover .Ispic{transform: scale(1.1);}
.PicList003142 li a:hover{color: #8b1427;}

.PicList003142.search .ul{display: flex; flex-wrap: wrap;}
.PicList003142.search li .Ispic{background-size: auto;}
@media (min-width:1025px) {
.PicList003142 li{width: 30.1%;}
.PicList003142 li:not(:nth-child(4n)){margin-right: 2.53%;}
}
@media (max-width:1024px) {
.PicList003142 .auto{margin-top: 2em;}   
.PicList003142 li{width: 48%; margin-bottom: 2%;}
.PicList003142 li:not(:nth-child(2n)){margin-right: 4%;}
.PicList003142 li:nth-child(2n+1){clear: left;} 
.PicList003142{margin-top: calc(25/16 * 1em); margin-bottom: calc(50/16 * 1em);}
.PicList003142 li .tit{font-size: calc(18/16 * 1em);}
.PicList003142 li .txt span{font-size: calc(14/16 * 1em);}
.PicList003142 li p{font-size: calc(14/16 * 1em);}
}


.selectBox{display: flex; margin-top: calc(50/16 * 1em); padding-bottom: calc(80/16 * 1em); border-bottom: 1px solid #e8e8e8;}
.selectList{display: flex; margin-left: calc(130/16 * 1em); flex: 1; justify-content: space-between; color: #666; min-width: 0;}
.Menu002306 {position: relative; width: 23.2%;}
.Menu002306 .side-open_menu { line-height: calc(60/16 * 1em); display: block;border: 1px solid #eee;padding: 0 calc(30/16 * 1em);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #666;border-radius:9999px;position: relative; height: calc(60/16 * 1em);width: calc(200 / 16* 1em);}
.selectList .Menu002306 .side-open_menu{ max-width: 100%;}
.Menu002306 .side-open_menu::after {position: absolute;content: '';width: 10px;height: 10px;border-right: 2px solid #666;border-top: 2px solid #666;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);right: calc(30/16 * 1em);top: 50%;margin: -5px 0 0 -6px;}
.Menu002306 .side-menu {width: 100%;left: 0;position: absolute;z-index: 1;background-color: #fff;display: none;padding: calc(10/16 * 1em) 0;}
.Menu002306 .side-menu ul{list-style: none;}
.Menu002306 .side-menu ul li{padding:0 calc(25 / 16* 1em); line-height: calc(30/16 * 1em);}
.Menu002306 .side-menu ul a{line-height: 2; color: #999; }
.Menu002306 .side-menu ul li:hover{background-color: #8b1427;}
.Menu002306 .side-menu ul li:hover{color: #fff;}
.Menu002306 .input{
    line-height: calc(67 / 16* 1em);
    display: block;
    border: 1px solid #eee;
    padding: 0 calc(30 / 16* 1em);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    border-radius: 9999px;
    position: relative;
    height: calc(67 / 16* 1em);
    width: calc(200 / 16* 1em);
}

/* storeList */
.storeList{display: flex; justify-content: space-between; padding-bottom: calc(140/16 * 1em);}
.storeList li{width: 31.33333%;}
.storeList li h4.title{margin: 0; font-size: calc(22/16 * 1em); margin-top: calc(24/22* 1em); margin-bottom: calc(34/22 * 1em); padding-left: calc(27/22 * 1em); color: #333; background: url(../images/position.svg) no-repeat left center; line-height: 2;}
.storeList li p{line-height: 2; margin: 0;}
.storeList li a{margin-top: 20px; display: inline-block; font-size: calc(13/16 * 1em); line-height: 2.5; border-bottom: 1px solid #e3e3e3; padding-left: calc(24/13 * 1em);  background: url(../images/time.svg) no-repeat left center;}
.storeList li a:hover{border-color: #8b1427; background-image: url(../images/time_active.svg);}
.storeList li img{height: 340px;width: 500px;}

.personal h1.title{color: #333; font-size: calc(37/16 * 1em); text-align: center; line-height: 1; margin: calc(100/37 * 1em) 0;}
@media(max-width:1024px){
    .selectBox{flex-wrap: wrap; margin-top: calc(25/16 * 1em); padding-bottom: calc(40/16 * 1em);}
    .selectBox p{width: 100%;}
    .selectList{width: 100%; margin-left: 0;}
    .personal h1.title{font-size: calc(24/16 * 1em); margin: calc(50/24 * 1em) 0;}
    .storeList{flex-wrap: wrap; padding-bottom: calc(70/16 * 1em);}
    .storeList li{width: 48%;}
    .storeList li h4.title{font-size: calc(18/16 * 1em); margin-top: calc(10/18 *1 em); margin-bottom: calc(15/18 * 1em);}
    .storeList li p{font-size: calc(14/16 * 1em);}
}

@media(max-width:768px){
    .selectList{flex-wrap: wrap;}
    .Menu002306{width: 48%; margin-top: 10px;}
    .Menu002306 .side-open_menu{line-height: calc(40/16 * 1em); height: calc(40/16 * 1em);}
    .storeList li{width: 100%;}
}

.reservationFixed{display: none; position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.reservationFixed form{display: none; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 50%;background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);padding: 2%;}
.reservationFixed form h2{text-align: center; color: #333; margin-top: 0; margin-bottom: 5%;}
.reservationFixed form ul li{padding-left: 5em; position: relative; display: flex; align-items: center; justify-content: center;}
.reservationFixed form ul li:not(:nth-last-of-type(1)){margin-bottom: 2%;}
.reservationFixed form ul li label{position: absolute; left: 0;}
.reservationFixed form ul li input{width: 100%; line-height: calc(60/16 * 1em); padding: 0 calc(30 / 16* 1em);     color: #666; border-radius: 9999px; border: 1px solid #eee;}
.reservationFixed form ul li a{background-color: transparent; text-align: center; cursor: pointer; color: #8b1427; cursor: pointer; width: 50%; border: 1px solid #8b1427; line-height: calc(60/16 * 1em); padding: 0 calc(30 / 16* 1em);     color: #666; border-radius: 9999px; border: 1px solid #eee;}
.reservationFixed form ul li a:hover{color: #fff; background-color: #8b1427;}
.reservationFixed form .close{    cursor: pointer;position: absolute;width: calc(17 / 16* 1em);height: calc(17 / 16* 1em);right: 30px;top: 30px;}
.reservationFixed form .close::before{    width: 100%;background-color: #999;content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 1px;transform: rotate(-45deg);}
.reservationFixed form .close::after{    width: 100%;background-color: #999;content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;height: 1px;transform: rotate(45deg);}

@media(max-width:1024px){
    .reservationFixed form{width: 80%;}
    .reservationFixed form h2{font-size: calc(18/16 * 1em);}
    .reservationFixed form ul li label{font-size: calc(10/16 * 1em);}
    .reservationFixed form ul li{padding-left: 3em;}
    .reservationFixed form .close{top: 2%; right: 2%;}

}

@media(max-width:768px){
    .reservationFixed form ul li{flex-wrap: wrap; padding-left: 0;}
    .reservationFixed form ul li label{position: relative; width: 100%; padding-left: 1.875em; margin-bottom: .5em;}
    .reservationFixed form ul li input{line-height: calc(40/16 * 1em);}
}
@media(max-width:640px){
    .reservationFixed form ul li input{font-size: calc(16/16 * 1em);}
    .reservationFixed form ul li label{font-size: calc(16/16 * 1em); margin-bottom: .5em;}
    .reservationFixed form ul li:not(:nth-last-of-type(1)){margin-bottom: 5%;}
}
/*.Form001450 为demo编号*/
.Form001450{display: flex; justify-content: space-between; flex-direction: row-reverse;}
.Form001450 .from{ width:40%; margin-left: 3em;}
.Form001450 .from .quickLogin p{ text-align:center; font-size:30px; border-bottom:3px solid #333; padding-bottom:25px;}
.Form001450 .from li{padding-left: 4em;  display: flex; overflow:hidden; align-items: center; position: relative;}
.Form001450 .from li.policy{align-items: start;}
.Form001450 .from li.policy label{cursor: pointer;}
.Form001450 .from li.policy a{color: #8b1427;}
.Form001450 .from li:not(:nth-last-of-type(1)){margin-bottom: calc(30/16 * 1em);}
.Form001450 .from li:not(.policy) label{margin-right: 1em; position: absolute; left: 0;}
.Form001450 .from li.hasA a{position: absolute; right: calc(30/16 * 1em); color: #8b1427; border-bottom: 1px solid #8b1427;}
.Form001450 .from li .text{max-width: 100%;  flex: 1; border:1px solid #e3e3e3; padding-left:30px; padding-right: 30px;  color:#aaa; line-height: calc(60/16 * 1em); }
.Form001450 .from li.hasA .text{padding-right: calc(134/16 * 1em);}
.Form001450 .from li .checkbox{ display: none;}
.Form001450 .from li .checkbox:checked + .checked{border-color: #8b1427; background:#8b1427 url(../images/select_white.svg) center no-repeat;}
.Form001450 .from li .checked{width: 15px; height: 15px; border: 1px solid #d2d2d2; border-radius: 2px; margin-top: 1.5%; margin-right: 5px;}
.Form001450 .from li .agree{flex: 1; line-height: 2;}
.Form001450 .from li .txt{ color:#bbb; margin:0 50px;}
.Form001450 .from li span{ font-size:14px; color:#bbb; float:right;}
.Form001450 .from li span a{ color:fd9d27; text-decoration:underline;}
.Form001450 .from li .btn{background-color: #8b1427; color: #fff; width: 100%;  line-height: calc(60/16 * 1em); text-align: center; margin-top: calc(20/16 * 1em);}
.Form001450 .from .registerBox{text-align: center; margin-top: calc(50/16 * 1em);}
.Form001450 .from .register{color: #8b1427;}
.Form001450 .from .method_tab{text-align: center; display: flex; line-height: 1; margin-bottom: calc(55/16 * 1em);}
.Form001450 .from .method_tab a{font-size: calc(23/16 * 1em); color: #999;}
.Form001450 .from .method_tab a.active{color: #333;}
.Form001450 .from .method_tab span{width: 1px; background-color: #999; margin: 0 calc(30/16 * 1em);}
.Form001450 .from .method{display: none; }
.Form001450 .from .method.quickLogin{padding-bottom: calc(100/16 * 1em);}
.Form001450 .from .method.wxLogin{padding-bottom: calc(162/16 * 1em);}
/* .Form001450 .from .wxLogin{text-align: center;} */
.Form001450 .from .wxLogin p{padding-left: calc(28/16 * 1em); background: url(../images/wx.png) no-repeat left center; display: inline-block; margin: 0; margin-bottom: calc(30/16 * 1em);}
.Form001450 .from .wxLogin aside{margin-top: 1.5em;}
.Form001450> figure{margin-right: calc(45/16 * 1em); margin-left: 20px;}

.Form001450 .from .method.wxLogin #wrp_code{width: calc(250/16 * 1em);padding: calc(4 / 16* 1em);border: 1px solid #eeeeee;border-radius: 16px;}
@media(max-width:1280px){
    .Form001450 .from li .checked{margin-top: 1%;}
}

@media(max-width:1024px){
    .Form001450{flex-wrap: wrap;}
    .Form001450 .from{width: 80%; margin: 0 auto;}
    .Form001450> figure{display: none;}
    .Form001450 .from li .checked{margin-top: calc(8/16 * 1em);}
    .Form001450 .from li .agree{font-size: calc(14/16 * 1em);}
    .Form001450 .from li.hasA a{font-size: calc(14/16 * 1em);}
    .Form001450 .from li .text{font-size: calc(16/16 * 1em); line-height: calc(30/16 * 1em);}
    .Form001450 .from li .btn{margin-top: 0; line-height: calc(30/16 * 1em);}
    .Form001450 .from .method.quickLogin{padding-bottom: calc(50/16 * 1em);}
    .Form001450 .from .method.wxLogin{padding-bottom: calc(50/16 * 1em);}
}

@media(max-width:480px){
    .Form001450 .from li .checked{margin-top: calc(4/16 * 1em);}
}

.container .personal{margin-top: calc(80/16 * 1em); padding-bottom: calc(140/16 * 1em);}
.container .personal .fl{width: 18.75%; border-radius: 20px; border-top-right-radius: 60px; border-bottom-left-radius: 60px; overflow: hidden;  background-color: #faf9f7; min-height: 84vh;}
.container .personal .fr{width: 77.5%;}
.container .personal .fr aside.title{font-size: calc(23/16 * 1em); margin: 25px 0; color: #333; line-height: 3;border-bottom: solid 1px #e3e3e3;}
.container .personal .fr aside.title.hasSpan{font-size: 1em; display: flex; justify-content: space-between; align-items: center;}
.container .personal .fr aside.title.hasSpan span:not(.add){font-size: calc(23/16 * 1em);}
.container .personal .fr aside.title.hasSpan .add{color: #8b1427; cursor: pointer; display: none;}

@media(max-width:1024px){
    .container .personal{margin-top: calc(40/16 * 1em); padding-bottom: calc(50/16 * 1em);}
    .container .personal .fl{width: 100%;}
    .container .personal .fr{width: 100%;}
    .container .personal .fr aside.title{font-size: calc(18/16 * 1em);}
    .container .personal .fr aside.title.hasSpan span:not(.add){font-size: calc(18/16 * 1em);}
    .container .personal .fr aside.title.hasSpan .add{font-size: calc(14/16 * 1em);}
    
}
/*Menu002387*/
.Menu002387{padding-left: calc(60/16 * 1em);}
.Menu002387 .side-title{color:#8b1427; font-size:calc(36/16 * 1em); font-weight: bold; line-height: 1; margin: calc(50/36 * 1em) 0; margin-bottom: calc(40/36 * 1em); }
.Menu002387 .side-title span{ display:block;text-transform: uppercase; font-size: 16px; color: #666;}
.Menu002387 .side-menu li{background: no-repeat left center; line-height: calc(35/16 * 1em); margin-bottom: calc(35/16 * 1em);}
.Menu002387 .side-menu li:nth-of-type(1){background-image: url(../images/person_person.svg);}
.Menu002387 .side-menu li:nth-of-type(2){background-image: url(../images/person_cart.svg);}
.Menu002387 .side-menu li:nth-of-type(3){background-image: url(../images/person_order.svg);}
.Menu002387 .side-menu li:nth-of-type(4){background-image: url(../images/person_time.svg);}
.Menu002387 .side-menu li:nth-of-type(5){background-image: url(../images/person_collect.svg);}
.Menu002387 .side-menu li:nth-of-type(6){background-image: url(../images/person_address.svg);}
.Menu002387 .side-menu li:nth-of-type(7){background-image: url(../images/person_loginOut.svg);}
.Menu002387 .side-menu li:nth-of-type(1).aon,.Menu002387 .side-menu li:nth-of-type(1):hover{background-image: url(../images/person_person_active.svg);}
.Menu002387 .side-menu li:nth-of-type(2).aon,.Menu002387 .side-menu li:nth-of-type(2):hover{background-image: url(../images/person_cart_active.svg);}
.Menu002387 .side-menu li:nth-of-type(3).aon,.Menu002387 .side-menu li:nth-of-type(3):hover{background-image: url(../images/person_order_active.svg);}
.Menu002387 .side-menu li:nth-of-type(4).aon,.Menu002387 .side-menu li:nth-of-type(4):hover{background-image: url(../images/person_time_active.svg);}
.Menu002387 .side-menu li:nth-of-type(5).aon,.Menu002387 .side-menu li:nth-of-type(5):hover{background-image: url(../images/person_collect_active.svg);}
.Menu002387 .side-menu li:nth-of-type(6).aon,.Menu002387 .side-menu li:nth-of-type(6):hover{background-image: url(../images/person_address_active.svg);}
.Menu002387 .side-menu li:nth-of-type(7).aon,.Menu002387 .side-menu li:nth-of-type(7):hover{background-image: url(../images/person_loginOut_active.svg);}

.Menu002387 .side-menu li a{padding-left: calc(28/16 * 1em); display:block;  position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Menu002387 .side-menu li a:hover,
.Menu002387 .side-menu li.aon a{ color:#8b1427;}
.Menu002387 .side-menu li:hover a::before,
.Menu002387 .side-menu li.aon a::before{  position:absolute; content:''; top:50%; transform: translateY(-50%); content: ">"; font-family: "宋体";border-radius:50%; right:20%; font-size: 12px; font-weight: bold;}
.Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;}
.Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;}
@media(max-width:1024px){
.Menu002387 .side-title{font-size: calc(24/16 * 1em); margin: calc(25/24 * 1em) 0;}
/* .Menu002387 .side-menu{ display:none;} */
.Menu002387 #side-menu{display: none; background:#222; border-top:1px solid #fff; padding:0 20px; position:relative;}
.Menu002387 #side-menu li a{ float:left; line-height:40px; padding:0 30px;}
.Menu002387 #side-menu li.aon a{ background:#fff; color:#000;}
.Menu002387 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;}
.Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;}
.Menu002387 #side-menu .owl-nav button.owl-next{ right:0;}
.Menu002387 #side-menu .disabled{ display:none;}
.Menu002387 .side-menu li{margin-bottom: calc(10/16 * 1em);}
}

/* person_info */
.person_info{display: flex; justify-content: space-between; align-items: center; width: 46.45%; margin: 0 auto;  padding-top: calc(95/16 * 1em);}
.person_info .left{width: 20.8%; }
.person_info .left figure{width: 83.33333%; border-radius: 50%; margin: 0 auto;}
.person_info .left input{display: none;}
.person_info .left label{cursor: pointer; display: block; text-align: center; line-height: calc(40/16 * 1em); margin-top: calc(20/16 * 1em); border-radius: 9999px; border: 1px solid #e3e3e3;}
.person_info .right{width: 59.55%;}
.person_info .right li{display: flex; padding-left: 5.625em; position: relative;}
.person_info .right li p{margin: 0;}
.person_info .right li:not(:nth-last-of-type(1)){margin-bottom: calc(35/16 * 1em);}
.person_info .right li input[type="text"]{max-width: 100%; font-size: calc(16/16 * 1em); border: 1px solid #e3e3e3; background-color: transparent; line-height: calc(45/16 * 1em); border-radius: 9999px; padding: 0 calc(20/16 * 1em);}
.person_info .right li > label{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.person_info .right li > *:not(label){flex: 1;}
.person_info .right .radioBox{display: flex; align-items: center;}
.person_info .right .radioBox input{display: none;}
.person_info .right .radioBox label{white-space: nowrap; cursor: pointer; line-height: 1; color: #333;}
.person_info .right .radioBox label:not(.radioBox){margin-right: calc(30/16 * 1em);}
.person_info .right .radioBox label.radioBtn{width: 15px; height: 15px; border-radius: 50%; border: 1px solid #d3d3d3; margin-right: 7px; display: inline-block;}
.person_info .right .radioBox input:checked + label{background-color: #8b1427; border-color: #8b1427; background:#8b1427 url(../images/select_white.svg) center no-repeat;}
.person_info .right a.submit{display: block; width: 100%; cursor: pointer; margin-top: calc(60/16 * 1em); background-color: transparent; line-height: calc(50/16 * 1em); border:1px solid #8b1427; border-radius: 9999px; text-align: center; color: #8b1427; outline: none;}
.person_info .right a.submit:hover{background-color: #8b1427; color: #fff;}

@media(max-width:1024px){
    .person_info{width: 100%; padding-top: calc(40/16 * 1em);}
    .person_info .left figure{text-align: center;}
    .container .personal .fl{min-height: unset;}
}

@media(max-width:640px){
    .person_info{flex-wrap: wrap;}
    .person_info .left{width: 100%; margin-bottom: 20px;}
    .person_info .right{width: 100%;}
    .person_info .left label{width: 50%; margin: 0 auto; margin-top: 20px;}
    .person_info .right input[type="submit"]{width: 60%; margin: 0 auto; display: block; margin-top: 20px;}
}
/*
.Shop002333 为demo编号
*/
.Shop002333 .iradio{ position:absolute;top:50%; transform: translateY(-50%); left:0; display:block; width:15px; height:15px; border-radius: 2px; border: 1px solid #d2d2d2; }
.Shop002333 .iradio.unradiobtn{ background-position:0 -46px;}
.Shop002333 .iradio.radiobtn{ background: #8b1427 url(../images/select_white.svg) no-repeat center; border-color: #8b1427;}
.Shop002333 .m_numberSelect{ display:inline-block;  position: relative; background-color: #FFF; width:96px;}
.Shop002333 .m_numberSelect .i_minus,.Shop002333 .m_numberSelect .i_add{ width:24px; height:24px; display:flex; align-items: center; justify-content: center; color:#999999; border: 1px solid  #e3e3e3; border-radius: 2px; font-size:20px; text-align:center; float:left;}
.Shop002333 .m_numberSelect .i_minus{font-size: 27px;}
.Shop002333 .m_numberSelect .numberInput{width:46px; color:#333; font-size:14px; text-align:center; display: flex; align-items: center; justify-content: center; border: none; height:24px;float:left;}

.cartall{ display: flex; justify-content: space-between; align-items: start; margin-top: calc(50/16 * 1em);}
.cartall .left{display: flex;}
.cartall .left a{margin-left: 40px; color: #333; padding-left: 25px; background: url(../images/remove.svg) left center no-repeat;}
.cartall input{display: none;}
.cartall .checkAll{display: flex; align-items: center;}
.cartall label{cursor: pointer;}
.cartall label.checkBox{width: 15px; height: 15px; border-radius: 2px; border: 1px solid #d2d2d2; display: inline-block; margin-right: 10px;}
.cartall input:checked + label{background: #8b1427 url(../images/select_white.svg) center no-repeat; border-color: #8b1427;}
a.clearcart{ background:url(../images/Shop002333-shop_icon.png) no-repeat 0 -86px; padding-left:20px; color:#999;}
.cartbtns p{margin: 0; text-align: right;}
.cartbtns p span{color: #8b1427; font-size: calc(18/16 * 1em); font-weight: bold;}
.cartbtns .btn{margin-top: calc(25/16 * 1em); display: flex;}
.cartbtns a{border:1px solid #8b1427; line-height: calc(50/16 * 1em); padding: 0 2%; width: calc(160/16 * 1em); text-align:center;  border-radius: 9999px; }
.cartbtns a.updateCart{background-color: transparent; color: #8b1427;}
a.cartsubmit{ color:#fff; background-color: #8b1427; margin-left: 20px;}



.Shop002333 .item{border-bottom: 1px solid #e9e9e9;}
.Shop002333 .item-inner{color: #666;}
.Shop002333 .item-head{ line-height: calc(60/16 * 1em); position: relative; background: #faf9f7; display: table; width: 100%; text-align: center; }
.Shop002333 .item-head em{ font-style: normal;}
.Shop002333 .item-head span{display: table-cell;width: 10%;}
.Shop002333 .item-head .span1{ width: 50%;}
.Shop002333 .item-head .span2{ width: 20%;}

.Shop002333 .item-list{ display: table; width: 100%; text-align: center; line-height: 1.425;}
.Shop002333 .item-td{ display: table-cell; vertical-align: middle; width: 20%;}
.Shop002333 .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;}
.Shop002333 .item.check .tit a{color: #8b1427;}
.Shop002333 .item.check{border-color: #8b1427;}
.Shop002333 .pro{ width: 50%; position: relative; padding-left: 50px;}
.Shop002333 .pro .pic{position: relative;max-width: 73px;display: table; float: left; height: 180px; width: 45%;}
.Shop002333 .pro .pic a{ display: table-cell; vertical-align: middle;}
.Shop002333 .pro .pic a img{ max-width: 100%;}
.Shop002333 .pro .tit { padding-left: 25px; text-align: left;display: table; font-size: calc(15/16 * 1em); float: left; height: 180px;}
.Shop002333 .pro .tit a{ display: table-cell; vertical-align: middle; font-weight: bold;}
.Shop002333 .pro .box{display: flex; align-items: center;}
.Shop002333 .pro .tit{display: flex; flex-direction: column;justify-content: center;}
.Shop002333 .pro .tit p{margin: 0; color: #999; font-size: calc(13/16 * 1em); margin-top: 1em;}
.Shop002333 .price{width: 10%;}

.myOrder .Shop002333 .item-head .span2{ width: 18%;}
.myOrder .Shop002333 .item-head .span1{ width: 26%;}
.myOrder .Shop002333 .item-td{width: 18%;}
.myOrder .Shop002333 .pro{ width: 26%; position: relative; padding-left: 0px;}
.myOrder .Shop002333 .price{width: 10%;}
.myOrder .Shop002333 .pro .pic{padding-left: 20px; max-width: 64px;}
.myOrder .Shop002333 .item-td:not(.pro) a{display: block; color: #8b1427; margin-top: 10px}
.myOrder .Shop002333 .pro .tit{height: 140px;}
.myOrder .Shop002333 .pro .pic{height: 140px;}
.myOrder .Shop002333 .item-td a.confirm,
.myOrder .Shop002333 .item-td a.orderDetail{line-height: calc(35/16 * 1em); width: 86%; padding: 0 calc(10/16 * 1em); border-radius: 9999px; margin: 10px auto; border: 1px solid #e3e3e3;}
.myOrder .Shop002333 .item-td a.confirm{border-color: #8b1427; color: #8b1427;}
.myOrder .Shop002333 .item-td a.orderDetail{color: #333;}

@media(max-width:1024px){
    .Shop002333{overflow-x: auto;}
    .Shop002333 .item-list{width: 150%;}
    .Shop002333 .item-head{width: 150%;}
    .myOrder .Shop002333 .item-list{width: 200%;}
    .myOrder .Shop002333 .item-head{width: 200%;}
    .myOrder .Shop002333 .item-td a.confirm, .myOrder .Shop002333 .item-td a.orderDetail{padding: 0 calc(4/16 * 1em);}
}

@media(max-width:768px){
    .cartall{flex-wrap: wrap;}
    .cartbtns{width: 100%; text-align: right; margin-top: 20px;}
    .cartbtns .btn{justify-content: right;}
    .cartbtns a{line-height:calc(30/16 * 1em);}
}

@media(max-width:640px){
}

/* reservation */
.reservationList li:not(:nth-of-type(1)){margin-top: calc(25/16 * 1em);}
.reservationList li.disabled{opacity: .5;}
.reservationList li.disabled .right{display: none;}
.reservationList li h3{margin: 0; font-size: calc(19/16 * 1em); line-height: 3.368; background-color: #f8f2e5; padding:0 3.2%; color: #333; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.reservation_info{border: 1px solid #f8f2e5; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 3.2%; display: flex; justify-content: space-between; align-items: center;}
.reservation_info .left{display: flex; flex-wrap: wrap; max-width: 85%;}
.reservation_info .left > div{width: 50%;}
.reservation_info .left > div span{color: #333; margin-left: 1em;}
.reservation_info .left > div:nth-of-type(n+3){margin-top: 1em;}
.reservation_info .right{color: #8b1427;}
.reservation_info .right strong{font-size: calc(18/16 * 1em);}
.reservation_info .right p{margin: 0; margin-bottom: 1em;}
 
@media(max-width:1024px){
    .reservation_info{flex-wrap: wrap;}
    .reservation_info .left{width: 100%; max-width: 100%;}
    .reservation_info .right{width: 100%;margin-top: 20px;}
    .reservation_info .left > div{font-size: calc(14/16 * 1em);}
    .reservation_info .right p{font-size: calc(14/16 * 1em);}
    .reservation_info .right strong{font-size: calc(16/16 * 1em);}
    .reservationList li h3{font-size: calc(16/16 * 1em); line-height: 3;}
}

@media(max-width:768px){
    .reservation_info .left > div{width: 100%;}
    .reservation_info .right{text-align: start;}
}

/* address */
.address .noAddress{display: none; margin-top: calc(130/16 * 1em); text-align: center;}
.address .noAddress p{color: #333;}
.address .noAddress a{padding:0 calc(50/16 * 1em); margin-top: calc(35/16 * 1em); color: #8b1427; border: 1px solid #8b1427; text-align: center; display: inline-block; line-height: calc(50/16 * 1em); border-radius: 9999px;}
.address .addAddress{display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); left: 0; top: 0; z-index: 1000;}
.address .addAddress .inner{padding: calc(60/16 * 1em) calc(90/16 * 1em); position: absolute; width: 46.875%; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 15px;}
.address .addAddress .inner h2{font-size: calc(28/16 * 1em); color: #333; text-align: center; margin: 0; line-height: 1;}
.address .addAddress .inner .info{margin-top: calc(50/16 * 1em);}
.address .addAddress .inner .info>.ul>li{padding-left: 5.5em; position: relative; display: flex; align-items: center; margin-bottom: 20px;}
.address .addAddress .inner .info>.ul>li:not(.option) label{color: #333; position: absolute; left: 0; text-align: right; width: 4.5em;}
.address .addAddress .inner .info>.ul>li:not(.option) label sup{color: #9a3344; vertical-align: text-top;}
.address .addAddress .inner .info>.ul>li input[type='text']{font-size: 1em; line-height: calc(50/16 * 1em); padding: 0 20px; border-radius: 9999px; width: 58.6%; border: 1px solid #e3e3e3;}
.address .addAddress .inner .info>.ul>li input[type='text']::placeholder{color: #999;}
.address .addAddress .inner .info>.ul>li .submit {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 20px;
    font-size: 0.9rem;
}
.address .addAddress .inner .info>.ul>li .submit:hover {
    color: #8b1427;
}
.address .addAddress .selectList{margin-left: 0;}
.address .addAddress .Menu002306{width: 32.8%;}
.address .addAddress .Menu002306 .side-open_menu{line-height: calc(50/16 * 1em); padding: 0 calc(20 / 16* 1em);}
.address .addAddress .Menu002306 .side-open_menu::after{border-right: 2px solid #999;border-top: 2px solid #999; width: 7px; height: 7px; right: calc(20 / 16* 1em); }
.address .addAddress .inner li.option input{display: none;}
.address .addAddress .inner li.option label{cursor: pointer;}
.address .addAddress .inner li.option .inputBox{width: 15px; height: 15px; border-radius: 2px; border: 1px solid #d1d1d1; margin-right: 10px;}
.address .addAddress .inner li.option input:checked + label{border-color: #8b1427; background: #8b1427 url(../images/select_white.svg) no-repeat center;}
.address .addAddress .inner li input[type="submit"]{margin-top: 10px; padding:0 calc(50/16 * 1em); line-height: calc(50/16 * 1em); border-radius: 9999px; background-color: #8b1427; border: none; color: #fff; cursor: pointer;}
.address .addAddress .inner .close{ cursor: pointer; position: absolute; width: calc(17/16 * 1em); height: calc(17/16 * 1em); right: 30px; top: 30px;}
.address .addAddress .inner .close::after{ width: 100%; background-color: #333; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(45deg);}
.address .addAddress .inner .close::before{width: 100%; background-color: #333; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 1px; transform: rotate(-45deg);}
.address .addressList{margin-top: calc(30/16 * 1em);}
.address .addressList li{padding: calc(30/16 * 1em); border-radius: 15px; border: 1px solid #e3e3e3;}
.address .addressList li:not(:nth-of-type(1)){margin-top: 20px;}
.address .addressList h4{font-size: calc(16/16 * 1em); font-weight: normal; margin: 0; display: flex; align-items: center;}
.address .addressList h4 .name{color: #333; font-weight: bold;}
.address .addressList h4 .tip{line-height: 24px; margin-left: 15px; font-size: calc(13/16 * 1em); background-color: #8b1427; color: #fff; border-radius: 9999px; padding: 0 10px;}
.address .addressList .inner{ display: flex; justify-content: space-between; align-items: center;}
.address .addressList .inner p{margin: 0; line-height: 2; color: #333;}
.address .addressList .inner p:nth-of-type(1){margin-top: calc(18/16 * 1em);}
.address .addressList .inner a{padding: 0 calc(30/16 * 1em);}
.address .addressList .inner a:not(:nth-last-of-type(1)){border-right: 1px solid#d7d4d0;}
.address .addressListContainer .addAddress{ margin-top: 20px; border-radius: 15px; border: 1px solid #e3e3e3; position: static; background-color: transparent;}
.address .addressListContainer .addAddress.show{display: block;}
.address .addressListContainer .addAddress .inner{width: 63%; position: static; transform: none; padding: calc(30/16 * 1em);}
.address .addressListContainer  .addAddress .inner .info{margin-top: 0;}

@media(max-width:1024px){
    .address .addressList .inner p{font-size: calc(14/16 * 1em);}
    .address .addressList .inner a{font-size: calc(14/16 * 1em); padding: 0 calc(15/16  * 1em);}
    .address .addressListContainer .addAddress .inner{width: 100%;}
    .address .noAddress{margin-top: calc(60/16 * 1em);}
}

@media(max-width:768px){
    .address .addressList .inner{flex-wrap: wrap;}
    .address .addressList .inner .addInfo{width: 100%;}
    .address .addressList .inner .operate{margin-top: 20px;}
    .address .addressList .inner a:nth-of-type(1){padding-left: 0;}
}

@media(max-width:640px){
    .address .addAddress .inner .info>.ul>li input[type='text']{line-height: calc(30/16 * 1em);}
    .address .addAddress .Menu002306 .side-open_menu{line-height: calc(30/16 * 1em);}
    .address .addAddress .inner li input[type="submit"]{line-height: calc(30/16 * 1em);}
}


/* newsDetail */
.newsDetail{padding: 0 calc(160/16 * 1em);}
.newsDetail h1.title{font-size: calc(40/16 * 1em); line-height: 1.5;margin: 0;  margin-bottom: 10px;  text-align: center; color: #333;}
.newsDetail .info{color: #333; display: flex; align-items: center; justify-content: center;}
.newsDetail .info p{margin: 0;}
.newsDetail .info span{margin: 0 20px;}
.newsDetail .inner p{line-height: 3; margin: calc(65/16 * 1em) 0; color: #333;}
.newsDetail .inner{border-bottom: 1px solid #ebebeb; margin-bottom: calc(70/16 * 1em);}

@media(max-width:1024px){
    .newsDetail{padding: 0;}
    .newsDetail h1.title{font-size: calc(24/16 * 1em);}
    .newsDetail .inner p{margin: calc(30/16 * 1em) 0; font-size: calc(14/16 * 1em);}
}

/* single */
.single p{margin: 0; line-height: 1.5; color: #333;}
.single .inner{padding-bottom: calc(100/16 * 1em);}
@media(max-width:1024px){
    .single p{font-size: calc(14/16 * 1em);}
    .single .inner{padding-bottom: calc(50/16 * 1em);}
}



.not_address{text-align: center;padding: 3% 0}
.not_address p{padding: 1% 0; margin: 0; color: #999999}
.not_address p.btn{display: flex; justify-content: center; align-items: center}
.not_address .add{border-radius: 30px; color: #8b1427; border: solid 1px #8b1427; padding:0 3%; line-height: 50px; display: block; cursor: pointer}
.not_address .add:hover{color: #fff; background: #8b1427}
@media(max-width:768px){
.not_address p.btn{padding-top: 3%}
.not_address .add{min-width: 60%}
}

.list_address{padding: 3% 0}
.list_address ul{ display: flex; flex-wrap: wrap; justify-content: space-between}
.list_address ul:after,
.list_address ul li{width: 32%;}
.list_address ul:after{content: '';}
.list_address ul li{border: solid 1px #e3e3e3; margin: 1% 0; border-radius: 10px; padding: 20px;}
.list_address ul li.default,
.list_address ul li.hover{border-color: #8b1427; background: #fcf7f8 url("../images/cart_gou.svg") no-repeat right bottom}
.list_address ul li p{padding: 0; margin: 0; line-height: 30px}
.list_address ul li p:first-child{line-height: 50px;}
.list_address ul li p b{font-weight: normal}
.list_address ul li p span{color: #fff; border-radius: 20px;background: #8b1427; font-size: 14px; margin-left:15px; padding: 2px 10px;}
.list_address:not(.show_all) ul li:nth-child(3)~li{display: none}
@media(max-width:1024px){
.list_address ul:after,
.list_address ul li{width: 50%;}
}
@media(max-width:768px){
.list_address ul:after,
.list_address ul li{width: 100%;}
.list_address ul li{padding: 10px}
}

.cart_pro{padding: 2% 0}
.cart_pro .group{border-bottom: solid 1px #e3e3e3; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
.cart_pro .pro{width: 45%; }
.cart_pro .pro .pic{width: 30%;}
.cart_pro .pro .pic a{display: block; padding-bottom: 80%; position: relative;}
.cart_pro .pro .pic img{position: absolute; width: 100%; height: 100%; object-fit: contain; -o-object-fit: contain}
.cart_pro .pro .sub{width: 65%}
.cart_pro .pro .sub h4{font-weight: normal; font-size: 18px; padding: 0; margin: 0 0 10px 0;}
.cart_pro .pro .sub p{font-size: 14px; padding: 0; margin: 0; color: #999999}
.cart_pro .other{width:55%;display: flex; flex-wrap: wrap; text-align: center}
.cart_pro .other .item{flex: 1}
.cart_pro .other .item i{font-style: normal}
.cart_pro .first .pro{text-align: center}
.cart_pro .list{padding: 2% 0}
.cart_pro .list .pro{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.cart_pro .list .item span{display: none}

@media(max-width:768px){
.cart_pro .group.first{display: none}
.cart_pro .pro{width: 55%;}
.cart_pro .pro .sub h4{font-size: 16px}
.cart_pro .other{width: 42%}
.cart_pro .other .item{flex: initial; width: 100%; text-align: left}
.cart_pro .other .item span{display:inline-block}
}

.cart_title{background: #faf9f7; border-radius: 10px; margin:0; padding: 13px 0; font-weight: normal;line-height: 24px; display: flex; justify-content: space-between }
.cart_title b{ font-size: 20px; color: #262626; font-weight: normal; border-left: solid 2px #8b1427; padding: 0px 15px; display: block}
.cart_title span{ font-size: 16px; padding-right: 15px;}
.cart_title span a{color: #8b1427; cursor: pointer}
.cart_title span a.all_address{color: #666666;}
.cart_title span a.all_address:after{content: ''; position: relative; display: inline-block; margin-left: 8px; background: url("../images/cart_jt.svg") no-repeat center center; width: 9px; height: 5px;}
.cart_title span a:not(:last-child){margin-right: 20px}

.cart_play{padding-top: 4%}
.cart_play .list{padding: 20px 0}
.cart_play ul{display: flex; flex-wrap: wrap}
.cart_play li:not(:last-child){margin-right: 20px; margin-bottom:4%}
.cart_play li input+label {font-size: 16px; color: #262626; border: solid 1px #e3e3e3; background: #faf9f7; border-radius: 10px;line-height: 50px; display: block; padding: 0 20px 0 50px;position: relative; cursor: pointer}
.cart_play li span{color: #999999; font-size: 14px; display: inline-block; padding-left: 30px;}
.cart_play li input[type="radio"]{position: absolute; z-index: 2; margin: 16px 20px; width: 18px; height: 18px; border-radius: 50%;border: 1px solid #8b1427; -webkit-appearance: none;}
.cart_play li input[type="radio"]:checked{border-color: #c62b32;}
.cart_play li input[type="radio"]:checked:after{position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%; left: 50%; top: 50%; margin: -4px 0 0 -4px;background: #8b1427;}
.cart_play li input:checked+label{border-color: #8b1427; background: #fcf7f8}
.cart_play .play{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0,0,0,0.5); display: none;}
.cart_play .play .box{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center}
.cart_play .play .inbox{position: relative; text-align: center; background: #fff; border-radius: 10px; padding: 20px; max-width: 600px; width: 96%; margin: auto}
.cart_play .play .close{position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; cursor: pointer; border: solid 2px #c62b32; border-radius: 100%}
.cart_play .play .close:before,
.cart_play .play .close:after{content: ''; position: absolute; width: 80%; height: 2px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: #c62b32;}
.cart_play .play .close:before{transform: rotate(45deg)}
.cart_play .play .close:after{transform: rotate(-45deg)}
.cart_play .play h5{font-size: 18px; padding: 2% 0; margin: 0; font-weight: normal}
.cart_play .play .pic{max-width: 200px; margin: auto; padding: 5% 0}
@media(max-width:768px){
.cart_play li span{padding-left:8px;}
}

.cart_total{border: solid 1px #e3e3e3; border-radius: 10px; padding: 30px; display: flex; justify-content: flex-end}
.cart_total .desc dl{ display: flex;padding:8px 0; justify-content: space-between}
.cart_total .desc dl.total{font-size: 18px; padding: 20px 0}
.cart_total .desc dl.total dd{color: #8b1427}
.cart_total .desc dl.total dd b{font-size: 24px; }
.cart_total .btn a{display: block; color: #fff; border: solid 1px #8b1427;cursor: pointer;background: #8b1427; font-size: 18px;line-height: 54px; padding: 0 40px;border-radius: 9999px;}
.cart_total .btn a:hover{ background: #fcf7f8;color: #8b1427;}

.cart_success{text-align: center;padding: 3% 0}
.cart_success p{padding: 1% 0; margin: 0; color: #262626}
.cart_success p.tip{font-size: 18px}
.cart_success p.btn{display: flex; justify-content: center; align-items: center}
.cart_success .add{border-radius: 30px; color: #8b1427; border: solid 1px #8b1427; padding:0 3%; line-height: 50px; display: block; cursor: pointer}
.cart_success .add:hover{color: #fff; background: #8b1427}
@media(max-width:768px){
.cart_success p.btn{padding-top: 3%}
.cart_success .add{min-width: 60%}
}


.proTypeSeries{padding: 2% 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.proTypeSeries h3{margin: 0; font-size: calc(18/16 * 1em); line-height:1.5;padding: 10px 0; color: #333; font-weight: bold;}
.proType .subFilter li h3 span{font-size: 13px; color: #999; margin-left: 0;display: inline-block; line-height: 1}
.proType{width:20%; overflow-y: auto;}
.proType::-webkit-scrollbar{background-color: transparent;width: 5px; }
.proType::-webkit-scrollbar-thumb {background-color: #e5e5e5;width: 5px; transform: translateX(20px);}
.proType .subFilter{max-height: 75vh;width: 96%}
.proType .subFilter li{ line-height: normal; min-height: unset; margin-right: unset; float: none;}
.proType .subFilter > li{margin-bottom: calc(10/16 * 1em);}
.proType .subFilter li ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.proType .subFilter li li{cursor: pointer; position: relative; display: flex; align-items: center; width:48%;margin: 1% 0; line-height: calc(40/16 * 1em); transition: 0.5s}
.proType .subFilter li figure{width: 20px; height: 20px; background-size: auto 20px; background-repeat: no-repeat; background-position: center; transition: 0.5s}
.proType .subFilter li span{margin-left: 16px; color: #333; font-size: calc(12/16 * 1em); }
.proType .subFilter li span a{display: flex; align-items: center; height: 100%;position: relative;}
.proType .subFilter li li:hover,
.proType .subFilter li li.aon{background: #dfdfdf; border-radius: 10px; padding: 0px 10px}
.proType .subFilter li li.aon span a,
.proType .subFilter li li:hover span a{color: #8b1427;}
.proType .subFilter li li.aon a::after{content: ""; margin-left: 8px;  background-color: #666; transform: rotate(45deg); width: 15px; height: 1px;}
.proType .subFilter li li.aon a::before{content: "";  background-color: #666; transform: rotate(-45deg); width: 15px; height: 1px;     position: absolute;
    right: 0;}

@media(max-width:1200px){
.proType{width:140px;}
.proType .subFilter li li{width: 100%; line-height: calc(22/16 * 1em);}
}

@media(max-width:1024px){
    .proType .subFilter li span{ margin-left: 8px;}
}

.proSeries{padding-left:2%; flex: 1;  border-left: 1px solid #ebebeb;}
.proSeries h3{border-bottom: 1px solid #ebebeb;}
.proSeries .proList ul{display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1%; height:calc(100vh - 300px); overflow-y: auto}
.proSeries .proList ul::-webkit-scrollbar{background-color: transparent;width: 5px; }
.proSeries .proList ul::-webkit-scrollbar-thumb {background-color: #e5e5e5;width: 5px; transform: translateX(20px);}
.proSeries .proList li{width:20%; padding: 1%; margin-bottom: 4%;text-align: center;}
.proSeries .proList li figure{background-position: center; background-size: 100%; background-repeat: no-repeat; padding-bottom: 100%;background-color: #f7f7f5;}
.proSeries .proList li span{color: #333; margin-top: 10px; display: inline-block;}
.proSeries .proList li:hover span{color: #8b1427; }
.proSeries .allmore{text-align: center; padding-top: calc(20/16 * 1em);}
.proSeries .allmore a{display: inline-block;color: #333; padding: 0; white-space: nowrap; border-bottom: 1px solid #e3e3e3; line-height: 1.5;}
.proSeries .allmore a::after{content: '';display: inline-block; vertical-align: middle; width: 8px; height: 13px; background-image: url(../images/Banner003158-more-back.svg); margin-left: 13px;}
.proSeries .allmore a:hover{color: #8b1427; background-color: transparent; border-color: #8b1427;}
.proSeries .allmore a:hover::after{background-image: url(../images/Banner003158-more.svg);}
@media(max-width:1200px){
.proSeries .proList li{width: 25%}
}
@media(max-width:960px){
.proSeries .proList li{width: 33.333%}
}
@media(max-width:640px){
.proSeries .proList li{width: 50%}
}
.cartIndex .infolist{ margin-bottom: 5%;}
.cartIndex .infolist li{ margin-bottom: 1%;}
.cartIndex .infolist li p{ margin: 0;}
.cartIndex .add_info .ul{ margin-bottom: 2%; margin-top: 2%;}
.cartIndex .add_info li{ margin-bottom: 1%;}



.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac {
  display: flex;
  flex-wrap: wrap;
}
.flex_js {  justify-content: space-between;}
.flex_jc {  justify-content: center;}
.flex_ac {  align-items: center;}
.flex_js_ac {  justify-content: space-between;  align-items: center;}
.flex_jc_ac {  justify-content: center;  align-items: center;}

figure{ position: relative; overflow: hidden}

.img_mid figure{ padding-bottom: 100%;}
.img_mid figure img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover}
.img_mid[rel="full"] figure img{object-fit: contain; -o-object-fit: contain}

.img_zoom figure img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.img_zoom .item:hover figure img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

li.item h4{font-weight: normal}
li.item h4,
li.item p,
.mp{padding: 0; margin: 0;}


.pro_series_list{display: flex;align-items: center;justify-content: space-between;}
.pro_series_list .group{width: 49.4%;}
.pro_series_list ul:after{content: '';}
.pro_series_list ul:after,
.pro_series_list ul li{width:100%}
.pro_series_list ul li{text-align: center}
.pro_series_list ul li .txt{padding: 4% 0;color: #999;}
.pro_series_list ul li h4{color: #222; font-weight: bold; line-height: 1;}
.pro_series_list ul li p span{display: block}
.pro_series_list ul li:hover h4{color: #8b1427;}
.pro_series_list ul li.series{width:100%}
.pro_series_list ul li.series figure{}
.pro_series_list ul li.series h4{font-size: calc(36 / 16* 1em); margin-bottom: 20px}
.pro_series_list ul li.pro h4{font-size: calc(24 / 16* 1em);}
.pro_series_list ul li.pro p{margin: 15px 0; font-size: calc(14 / 16* 1em);}
.pro_series_list ul li.pro .price{color: #8b1427; font-weight: bold; font-size: 1.125em;}
.pro_series_list ul li.pro:nth-child(2){order: -1}
.pro_series_list ul li.pro figure img{object-fit:cover;-o-object-fit: cover; -webkit-transform:scale(0.9);transform:scale(0.9); border-radius: 100%}
.pro_series_list ul li.pro.item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
.pro_series_list ul li.pro .buy{display: inline-block; margin-bottom: 10px; padding-left: 23px; background-image: url(../images/buy.png); background-repeat: no-repeat; background-position: left center; color: #333; font-size: 13px;position: relative;}
.pro_series_list ul li.pro .buy::after{position: absolute; width: 100%; height: 1px; background-color: #e3e3e3; content: ""; left: 0; bottom: -10px;}
.pro_series_list ul li.pro a:hover .buy{background-image: url(../images/buy_active.png); color: #8b1427;}
.pro_series_list ul li.pro a:hover .buy::after{background-color: #f1e2e5;}
@media(max-width:1024px){
.pro_series_list ul:after,
.pro_series_list ul li{width:29%}
.pro_series_list ul li.series h4{font-size: calc(20/16 * 1em);}
.pro_series_list ul li.series p{font-size: calc(16 / 16* 1em);}
.pro_series_list ul li.pro h4{font-size: calc(18/16 * 1em);}
}
@media(max-width:640px){
.pro_series_list ul li.series{width:100%; order: -1}
.pro_series_list ul li.series a{margin: auto; width: 100%; display: block}
.pro_series_list ul:after{display: none}
.pro_series_list ul li{width:100%}
.pro_series_list{flex-direction: column;}
.pro_series_list .group{width: 100%;}
}

.pro_series{overflow: hidden; width: 49.4%;}
.pro_series .controls{position: absolute;min-height: 1px;z-index: 5; top: 0; width: 100%; height: 100%;}
.pro_series .slick-arrow{border-radius: 50%; position: absolute; bottom: 0%;background: no-repeat center;background-size: auto calc(15 / 16 * 1em);padding: 0;right: -1%; width: calc(50 / 16 * 1em);height: calc(50 / 16 * 1em); font-size: 1em;text-indent: -9999em;}
.pro_series .slick-arrow:not(.slick-disabled):hover{border: 1px solid #8b1427;}
.pro_series .slick-prev{margin-right:calc(70 / 16 * 1em); background-image: url(../images/OD_left.svg); }
.pro_series .slick-prev:hover{background-image: url(../images/OD_left_active.svg);}
.pro_series .slick-next{background-image: url(../images/OD_right.svg); }
.pro_series .slick-next:hover{background-image: url(../images/OD_right_active.svg);}
.pro_series .slick-arrow.slick-disabled{filter: grayscale(1); opacity: .2;}
.pro_series .slider .slick-list{margin-left: -18px; margin-right: -18px;}
.pro_series .slider li{padding: 0px 18px}
.pro_series .slider li a{display: block;position: relative;transition: .3s;}
.pro_series .slider a figure{}
.pro_series .slider .txt{color: #999;transition: 0.5s;padding: 4% 0}
.pro_series .slider .txt h4{color: #222; font-size: calc(18/16 * 1em); line-height: 1; font-weight: bold}
.pro_series .slider .txt p{margin-top: 10px;font-size: 14px}
.pro_series .slider .txt p span{display: block;}
.pro_series .slider a:hover h4{color: #8b1427;}
@media(max-width:1024px){
.pro_series .slick-arrow{right: 0;width: calc(30 / 16* 1em);height: calc(30 / 16* 1em);}
}
@media(max-width:640px){
    .pro_series{overflow: hidden; width: 100%;}
    }


.series_intro{padding-top: 10%;}
.series_intro .pic{width:57%}
.series_intro .pic img{width: 100%;}
.series_intro .txt{width: 38%;padding: 30px;}
.series_intro .txt h4{font-size: calc(36 / 16* 1em); color: #262626}
.series_intro .txt .desc{font-size: calc(18 / 16* 1em);line-height: 2; color: #999999}
@media(max-width:1024px){
.series_intro .txt h4{font-size: calc(26 / 16* 1em);}
.series_intro .txt .desc{font-size: calc(16 / 16* 1em);}
}
@media(max-width:640px){
.series_intro .pic{width:100%}
.series_intro .pic img{border-radius:10vw}
.series_intro .txt{width: 100%; padding: 5% 0}
}


/* productList */

.productList{position: relative; display: flex; flex-wrap: wrap;justify-content: space-between}
.productList:after{content: '';}
.productList:after,
.productList li{width:27%;}
.productList li{text-align: center;  position: relative;margin-top:3%}
.productList li aside{font-size: calc(17/16 * 1em); color: #222; font-weight: bold; line-height: 1;margin-bottom: 20px}
.productList li .price{color: #8b1427; font-weight: bold; font-size: 1.125em;}
.productList li .pic{max-width: 300px;margin: auto;}
.productList li .pic figure{}
.productList li .pic figure img{-webkit-transform:scale(0.9);transform:scale(0.9)}
.productList li.item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
.productList li .textBox{padding:5% 0}
.productList li p{font-size: calc(14/16 * 1em);line-height: 20px; height: 40px; color: #999;margin-bottom: 15px;}
.productList li .buy{display: inline-block; margin-bottom: 10px; padding-left: 23px; background-image: url(../images/buy.png); background-repeat: no-repeat; background-position: left center; color: #333; font-size: 13px;position: relative;}
.productList li .buy::after{position: absolute; width: 100%; height: 1px; background-color: #e3e3e3; content: ""; left: 0; bottom: -10px;}
.productList li a:hover .buy{background-image: url(../images/buy_active.png); color: #8b1427;}
.productList li a:hover .buy::after{background-color: #f1e2e5;}
.productList li .collect{position: absolute; width: 18px; height: 16px; background-image: url(../images/collect.png); top: 2%; right: 4%; cursor: pointer;}
.productList li .collect:hover,
.productList li .collect.active{ background-image: url(../images/collect_active.png);}
.series_product_list .productList{padding-bottom: 4%}
.person_collect .productList{}
.relateProduct .productList{}
.relateProduct h3{margin-top: calc(80/28 * 1em); margin-bottom: calc(20/28 * 1em);}
@media(max-width:1024px){
.relateProduct h3{font-size: calc(20/16 * 1em); margin-top: calc(40/20 * 1em); margin-bottom: calc(20/20 * 1em);}
}
@media(max-width:1024px){
.productList:after{display: none}
.productList li{width: 48.5%; margin-top: 3%;}
.productList li aside{font-size: calc(15/16 * 1em);}
.productList li p{font-size: calc(14/16 * 1em);}
.productList .price{font-size: calc(15/16 * 1em);}
}

.confirm {
    display: table-cell;
    vertical-align: middle;
    border-color: #8b1427;
    color: #8b1427;
    line-height: calc(35 / 16* 1em);
    width: 100%;
    padding: 0 calc(10 / 16* 1em);
    border-radius: 9999px;
    margin: 10px auto;
    border: 1px solid #e3e3e3;
}

.master .int {
    color: #999;
    margin-bottom: calc(80/16 * 1em);
    text-align: center;
}
@media(max-width:1024px){
    .master .int {margin-bottom: calc(30/16 * 1em);}
}