@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html{margin:0;padding:0;}
html{ background:linear-gradient(180deg,#fff 40%,#f2f2f2 80%); max-width:750px; margin:0 auto; font-size:12px;}
body{ font-family:"微软雅黑",Arial;  background:#f5f5f5;-webkit-text-size-adjust:100%;overflow-x:hidden; margin:0 auto;  }
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
i{font-style:normal}
em{font-style:normal;font-family:"微软雅黑",Arial !important;}
li{list-style:none;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
p{word-wrap:break-word;}
.c{clear:both;}
.e{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle;}
.fr{ float:right;}
.fl{ float:left;}
.hide{ display:none;}
.show{ display:block;}
.body-overflow-y,.body-over-y{ overflow-y:hidden;}  



.column-content{ padding:0 1rem;}
.column-content img{ width:100% !important;}
.column-content video{ width:100%; height:100%;}
.tips-no-more{ text-align:center; font-size:0.65rem; color:#ccc; padding:0.7rem 0; line-height:1rem; width:100%; display: block;overflow: hidden;clear: both;}
.tips-no-more a{color:#ccc;}

.loading-bg{ background:#fff; position: fixed;top: 0px;left: 0; width:100%; height:100%; z-index:9999; display:none;}
.loading-text{ font-size:18px; position: fixed;top: 20%;left: 0; z-index:99999; text-align:center; width:100%;} 
.loading-text dl dd{ line-height:40px;}
.loading-text i{ font-size:40px;}

.arrival_bg{background:#000; opacity:0.5; position: fixed;top: 0px;left: 0; width:100%; height:100%; z-index:999; display:none;}
.arrival_img{ position: fixed;top: 10%;left: 0; width:100%; height:100%; z-index:1000; display:none;}
.arrival_img i{ font-size:2rem; position: fixed; top: 8%; right:4%; color:#ccc;}
.arrival_img img{ width:100%;}

.notice_xiao{ position: fixed; bottom:20%; display:none; z-index:9;} 
.notice_xiao img{ width:4rem;}

.notice_xiao_animation{ animation:msClock 1s infinite; right:1rem;}
.notice_xiao_hide{ opacity:0.6; right:-2rem; }

.notice_bg{background:#000; opacity:0.5; position: fixed;top: 0px;left: 0; width:100%; height:100%; z-index:999; display:none;}
.notice_img{ position: fixed;top: 23%;left: 0; width:100%; height:100%; z-index:1000; display:none;}
.notice_img i{ font-size:2rem; position: fixed; top: 15%; right:4%; color:#ccc;}
.notice_img img{ width:100%; padding:0;}

@keyframes msClock{ 
	0%,10%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-10deg) scale(1.1);}
	30%,50%{ transform: rotate(10deg) scale(1.1);}
	60%,80%{ transform: rotate(-10deg) scale(1.1);}
	70%,90%{ transform: rotate(10deg) scale(1.1);}
}

/*** 首页  **/
.home-header-bottom{ position:absolute; top:0px; left:0px; width:100%;height:12rem; background:url(../images/home_header_bottom.png) center top no-repeat;background-size: 100% 100%;}
.home-header-bottom img{ width:100%;}
.home-top{ background:#d32d25; color:#fff; position: fixed;top: 0px;left: 0;right: 0;z-index: 99;padding: 0.4rem 10px 0.3rem 10px;}
.home-search{ display: flex; flex-direction: row; width: 100%; height:1rem; line-height:1rem; }
.home-search .home-search-title{color:#fff;font-size: 0.8rem; line-height: 1.9rem; margin-right: 0.5rem; font-weight: bold;}
.home-search .home-search-dl{ height: 100%;flex: 1;}
.home-search .home-search-dl dl{ background:#fff; margin:3px 10px 0 0; border-radius:20px; height:1.6rem; line-height:1.6rem;}
.home-search .home-search-dl dl dt{ width:2rem; text-align:center; float:left; }
.home-search .home-search-dl dl dt img{ margin:-0.1rem 0 0 0; width:1.3rem}
.home-search .home-search-dl dl dd{ margin-left:10px;}
.home-search .home-search-dl dl dd input{ width:70%; border:none; font-size:0.6rem; height:1rem; line-height:1rem; background:#fff; color:#fff; }
.home-search .home-search-dl dl dd input::-webkit-input-placeholder{color: #b1b1b1;}
.home-search .home-search-dl dl dd input::-moz-placeholder{color: #b1b1b1;}
.home-search .home-search-dl dl dd input:-moz-placeholder{color: #b1b1b1;} 
.home-search .home-search-dl dl dd input:-ms-input-placeholder{color: #b1b1b1;}
.home-search .home-search-a{line-height:18px; text-align:center; color:#fff;}
.home-search .home-search-a li img{ width:1.2rem;}
.home-search .home-search-a i{ font-size:0.6rem;}
.home-search .home-search-a p{ font-size:0.5rem;}
/*
.home-top-nav{ margin:1.4rem 0 0 0;}
.home-top-nav dl{ float:left; width:16.66%; text-align:center;}
.home-top-nav dl dt{ font-size:0.6rem}
.home-top-nav dl.hover dd{ background:#fff; width:22px; height:4px; margin:3px auto 0 auto; border-radius:15px;}
*/

.home-top-nav{ margin:1.4rem 0 0 0; overflow-y:hidden;overflow-x: scroll; overflow-y: hidden; position:relative; height:1.5rem;}
.home-top-nav dl{ float:left; width:4rem; text-align:center;height: 1.5rem;}
.home-top-nav dl dt{ font-size:0.8rem}
.home-top-nav dl.hover{font-weight:bold;}
.home-top-nav dl.hover dd{ background:#fff; width:30px; height:4px; margin:3px auto 0 auto; border-radius:15px;}
.home-top-nav::-webkit-scrollbar{height:0;}

.home-top-nav-ul{display: flex; position: absolute; overflow:hidden;  height:1.5rem; left:0; top:0;}

.home-swiper{ width:94%; margin:0 auto; border-radius:10px;}
.home-swiper .swiper-pagination-bullet{width:12px; height:3px; border-radius:0;}
.home-swiper .swiper-pagination-bullet-active{opacity:0.9; background:#fff;}
.home-swiper .swiper-pagination-bullets{bottom:5px;}

.home-service{}
.home-service ul{ margin:0 10%; width:80%; color:#8f4f1c; font-size:0.55rem; line-height:1rem; text-align:center; padding-top:0.4rem;display:flex;justify-content: space-between;}
.home-service ul i{margin-right:2px; margin-left:10px;}
.home-service ul i:first-child{margin-left:0;}
.home-service ul li{ float:left; width:20%; text-align:center; color: #d2a96e; font-size: 0.5rem; }
.home-service ul li img{ width:.6rem; margin:-2px 0 0 0;}

.home-huodong-nav{ margin:0.8rem auto; overflow:hidden;}
.home-huodong-nav dl{ width:25%; text-align:center; float:left;}
.home-huodong-nav dl dt{ width:2rem; height:2rem; text-align:center; display: inline-block;}
.home-huodong-nav dl dt img{ width:100%; text-align:center;}
.home-huodong-nav dl dd{ line-height:1.3rem; font-size:0.6rem;}
.home-img-1{ margin:0 3%;}
.home-img-1 img{ width:100%;}


.home-bestSeller{margin: 0 3% 0.5rem 3%; padding:0.3rem; border-radius:10px; box-sizing:border-box;background:#fdfdfd;}
.home-bestSeller .home-bestSeller-p{padding-bottom:0.25rem;color:#888;line-height:1.2rem;font-size:0.65rem;}
.home-bestSeller .home-bestSeller-p img{height:1.2rem;float:left;}
.home-bestSeller .home-bestSeller-p b{color:#000;display:inline-block;padding:0 0.2rem;font-size: 0.8rem;}
.swiper-bestSeller{width: 100%;overflow: hidden;height: 9rem !important;}
/*
.swiper-bestSeller .swiper-slide{ width:31.65%; overflow:hidden; margin-right:8px;}
*/
.swiper-bestSeller .swiper-slide{ width:100%; overflow:hidden;}
.swiper-bestSeller .swiper-slide dl{width:32%; float:left; border-radius:5px; background:url(../images/xg_03.png) center bottom no-repeat #fff; background-size:100% 19%; overflow:hidden; position:relative;padding-bottom:2.2rem;}
.swiper-bestSeller .swiper-slide dl dt{ overflow:hidden; position:relative; width:100%;padding:100% 0 0;}
.swiper-bestSeller .swiper-slide dl dt img.thumb{ width:100%; position:absolute; left:0; top:0; z-index:4;}
.swiper-bestSeller .swiper-slide dl dt img.top{display:none;}
.swiper-bestSeller .swiper-slide dl dd{ font-size:0.6rem; text-align:left; line-height:1.3rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color: #000; font-weight: 600;padding:0 2px; } 
.swiper-bestSeller .swiper-slide dl li{ color:#fff; margin:0 auto; display:inline-block; padding:0.1rem 0.3rem;background: linear-gradient(to right, #fa9d2e, #fe2c2d);border-radius:10px;font-size: 0.6rem;display:none;}
.swiper-bestSeller .swiper-slide dl ul{width:80%;display:inline-block; line-height:1.1rem; background:#fff; background-size:auto 100%; position:absolute; left:10%; bottom:0.85rem; z-index:3; border:1px solid #f81643;border-radius: 1rem;overflow: hidden;}
.swiper-bestSeller .swiper-slide dl ul span{float:left; color:#f81643; width:45%; text-align:center; font-size:0.6rem;transform: scale(0.9);}
.swiper-bestSeller .swiper-slide dl ul em{float:left;width:7%;height:100%;background:url(../images/xg3_03.png) center center no-repeat; background-size:100% 100%;}
.swiper-bestSeller .swiper-slide dl ul b{float:right; color:#fff; width:48%; text-align:center; font-size:0.65rem; background:linear-gradient(to right, #f65273, #f81845);}
.swiper-bestSeller .swiper-slide dl ul b i{font-size:0.6rem;transform: scale(0.9); display: inline-block;letter-spacing: -2px;}
.swiper-bestSeller .swiper-slide dl p{width:100%;padding:0 1px 0 2px;box-sizing:border-box; line-height:0.9rem; color:#f81643; font-size:0.6rem;display:inline-block; position:absolute; left:0; bottom:0; z-index:2;}
.swiper-bestSeller .swiper-slide dl p span{transform: scale(0.9);}
.swiper-bestSeller .swiper-slide dl p span:nth-child(1){text-decoration: line-through; float:left;}
.swiper-bestSeller .swiper-slide dl p span:nth-child(2){float:right;}
.swiper-bestSeller .swiper-slide dl:nth-child(2){ margin: 0 2%;}


.home-mszx{margin:0 3% 0.6rem 3%;background:#fff;border-radius:10px;display: flex;}
.home-mszx .home-mszx-ri,.home-mszx .home-mszx-le{padding:0.5rem 0 0.5rem 0.5rem;box-sizing:border-box;width:50%;float:left;}
.home-mszx .home-mszx-le{border-right:1px solid #eee;}
.home-mszx .home-mszx-dv{font-size:0.8rem;display:flex;align-items: center;padding-bottom:0.2rem;}
.home-mszx span{color:#7b7b7b;font-size:0.7rem;}
.home-mszx .home-mszx-img{max-width:100%;margin:0.5rem auto;}
.home-mszx dd{color:#999; font-size:0.65rem; display:inline-block;width:50%;padding-left:0.2rem;line-height: 1.1rem;}
.home-mszx dd span{ color: #fff;font-size: 0.65rem;text-align: center;border-radius: 0.2rem;background-color: #ff2c2e;width:30%;float:left;}
.home-mszx dd i{width:5%;float:left;text-align: center;}
.home-mszx .home-mszx-jfnum{background: linear-gradient(90deg,#fb7845,#ffbb5b);display:flex;align-items: center; color: #fff; font-size: 0.6rem; padding: 0.1rem 0.2rem; line-height: normal; border-radius: 0.8rem; margin-left: 0.3rem;}
.home-mszx .home-mszx-jfnum img{height:0.7rem;}


.home-activity{ border:1px solid #f1f1f1; border-radius:15px; width:96%; margin:20px 2%; overflow:hidden;}
.home-activity .home-activity-dl{ float:left; width:50%; padding:1% 2% 2%; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1;box-sizing: border-box;}
.home-activity .home-activity-dl:nth-child(2){border-right:none;}
.home-activity .home-activity-dl:nth-child(3){border-bottom:none;}
.home-activity .home-activity-dl:nth-child(4){border-bottom:none;border-right:none;}
.home-activity .home-activity-dl .home-activity-title{font-family: 微软雅黑;font-weight: 500;font-size: 15px; line-height:30px;}
.home-activity .home-activity-dl .home-activity-title span.jf{margin-left: 8px;  -webkit-box-align: center;    -webkit-align-items: center;    -moz-box-align: center;    align-items: center;    font-size: 12px;    background: -webkit-gradient(linear,left top,right top,from(#fb7845),to(#ffbb5b));    background: -webkit-linear-gradient(left,#fb7845,#ffbb5b);    background: linear-gradient(90deg,#fb7845,#ffbb5b);    padding: 2px 5px;    border-radius: 20px;    color: #fff;    margin-top: 1px;    height: 13px;}
.home-activity .home-activity-dl .home-activity-title span.jf img{   height: 12px;    width: 12px;}
.home-activity .home-activity-dl .home-activity-title img.hot{ width:16px; height: auto; margin:-7px 0 0 5px;}
.home-activity .home-activity-dl .home-activity-title span#active_time{ margin:0 0 0 5px; color: #e54635;}
.home-activity .home-activity-dl .home-activity-title span#active_time span{display: inline-block;width: 20px;color: #fff;font-size: 12px;text-align: center;border-radius: 3px;background-color: #e54635; line-height: 20px; margin:0 2px}
.home-activity .home-activity-dl .home-activity-p{ color: #7b7b7b; margin:0 0 8px 0 ; font-size:12px;}
.home-activity .home-activity-dl .home-activity-img li{ float:left; width:48.5%;}
.home-activity .home-activity-dl .home-activity-img li:last-child{ margin:0 0 0 3%;}
.home-activity .home-activity-dl .home-activity-img li img{ width:100%;}

.home-brand-bg{ margin:0.5rem 3% 0.5rem 3%; background:#fff; border-radius:10px; padding:13px 2%;}
.home-brand{ overflow: hidden; padding:0.05rem 0;}
.home-brand .home-brand-title img.home-brand-img{ width:3rem; float:left; }
.home-brand .home-brand-title span{ color:#999; margin:-1px 0 0 10px; font-size:0.5rem; float:left;}
.home-brand .home-brand-title dl{ float:right; line-height:22px;}
.home-brand .home-brand-title dl dt{ float:left;}
.home-brand .home-brand-title dl dd{ float:left; color:#999; margin:0 0 0 7px; font-size:.5rem; }
.home-brand .home-brand-title dl dt img{ float:left; width:0.7rem; height:0.7rem; min-width:22px; min-height:22px; border-radius:50%; overflow:hidden; margin-left: -8px;}

.swiper-brand{ margin:0.3rem 0 0 0; width:100%; overflow:hidden;}
.swiper-brand .swiper-slide{ border-radius:7px; overflow:hidden;}


.home-new-brand{margin:0.5rem 3% 0.5rem 3%; background:#fff; border-radius:10px; padding:13px 2%; overflow:hidden;}
.home-new-brand ol{width:50%; float:left; box-sizing:border-box;}
.home-new-brand ol:last-child{border-left:1px solid #eee; padding-left:0.5rem;}
.home-new-brand ol img{width:100%;}
.home-new-brand ol dl{line-height:1.1rem;height:1.1rem;overflow:hidden;}
.home-new-brand ol dl dt{ float:left;padding-right: 0.1rem; font-size:0.75rem;font-weight:600;}
.home-new-brand ol dl dt img{height:1.1rem;width:auto; float:left;}
.home-new-brand ol dl dd{color: #ff2c2e; font-size:0.65rem; display:inline-block;}
.home-new-brand ol dl dd span{ color: #fff;font-size: 0.65rem;text-align: center;border-radius: 0.2rem;background-color: #ff2c2e;width:1.1rem;float:left;}
.home-new-brand ol dl dd i{width:0.25rem;float:left;text-align: center;}
.home-new-brand p{font-size:0.6rem; color:#c8c8c8;line-height:1.5rem;}
.home-new-brand ol li{height:1rem;}
.home-new-brand ol li b{font-size:0.75rem; padding-right:0.2rem;}
.home-new-brand ol li span{display:inline-block;border-radius:0.6rem;padding:2px 7px;color:#fff; line-height:0.8rem; font-size:0.6rem;background: -webkit-gradient(linear,left top,right top,from(#fb7845),to(#ffbb5b)); background: linear-gradient(90deg,#fb7845,#ffbb5b);}
.home-new-brand ol li span img{height:0.8rem; width:0.8rem;float: left;}
.home-new-brand ol li span em{display: inline-block; padding-top: 1px;}


.home-product{ margin:0 3%; overflow:hidden; }
.home-product .home-product-dl-fl{ float:left; width:49%;}
.home-product .home-product-dl-fr{ float:right; width:49%;}

/*
.home-product .home-product-dl{background:#fff; float:left; width:46.2%; border-radius:10px; overflow:hidden; margin: 0px 0 2% 3%; box-sizing: border-box;} 
.home-product .home-product-dl:nth-child(2n){ margin: 0px 0 2% 1.6%;} 
*/

.home-product .home-product-dl{background:#fff; width:100%; border-radius:10px; overflow:hidden; margin: 0px 0 4% 0; box-sizing: border-box;} 

.home-product .home-product-dl dt{ width:100%; padding:100% 0 0; overflow:hidden; position:relative;}
.home-product .home-product-dl dt img{position:absolute;}

.home-product .home-product-dl dt .no-kc{width:100%; left: 0; top: 0; z-index:3;position:absolute;}
.home-product .home-product-dl dt .no-kc img{position: unset;}
.home-product .home-product-dl dt .dec-ico{top:0;right:0;height:0.9rem; z-index:2;}
.home-product .home-product-dl dt img:nth-child(1){width:100%; left: 0; top: 0; z-index:1;}
.home-product .home-product-dl dt img.product-top{ width:1.5rem; height:1.5rem; top:0px; left:0.5rem; z-index:4;} 
.home-product .home-product-dl dd{ color:#000; font-size:0.7rem; line-height:1rem; padding:0.2rem 5%; font-weight:600; width:90%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;/* text-align:center;*/}
.home-product .home-product-dl em{ font-size:0.6rem; color:#999; padding:0 5%;width:90%; line-height:0.8rem; height:0.8rem; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; display:inline-block;}
.home-product .home-product-dl li{ color: #e54635; font-weight:600; font-size:0.8rem; line-height:1rem; padding:0.1rem 5% 0.3rem 5%; -webkit-text-size-adjust:auto;}
.home-product .home-product-dl li img{ width: 0.9rem; margin: -0.2rem 0 0 0;display:none;}
.home-product .home-product-dl li span{  font-size:0.7rem;}
.home-product .home-product-dl ol{ color: #e54635;  font-size:0.55rem; line-height:1.3rem; padding:0 5%; margin-bottom:0.4rem; overflow:hidden; -webkit-text-size-adjust:auto;}
.home-product .home-product-dl ol i{ background:#fae7e9; border-radius:5px; padding:0 4px; float:right; box-sizing: border-box;}
.home-product .home-product-dl ol i img{height:0.8rem; margin-top:0.2rem; float:left;}
.home-product .home-product-dl ol span{ color: #999999; text-decoration: line-through;}
.home-product .home-product-dl p{color: #fff; background:#ff2c2e; background-size:100% 100%; text-align:center; height:1.5rem; line-height:1.5rem; font-size:0.7rem; margin:5% 5% 3% 5%; border-radius:1rem; display: none;}
.home-product .home-product-dl ul{ padding:0.1rem 5% 0.2rem 5%;}
.home-product .home-product-dl ul span{ background:#ff2c2e; border:1px solid #ff2c2e; color:#fff; font-size:0.5rem; border-radius:0.15rem; margin:0 0.3rem 0 0; padding:0.05rem 0.2rem; display: inline-block;}
.home-product .home-product-dl ul span:nth-child(2n){ background:#fff; color:#ff2c2e;}

.home-product .home-product-dl dt span{ position:absolute;width:2.3rem; height:2.3rem;left:0;top:0;border-radius:10px 0; color:#fff; font-size:0.65rem; line-height:1rem; text-align:center;padding-top: 0.1rem; box-sizing: border-box; z-index:5;}
.home-product .home-product-dl dt span b{font-size: 1rem;font-weight: 500;}
.h-pdt-s1{background: linear-gradient(to bottom, #f51a1a, #f97e7e);}
.h-pdt-s2{background: linear-gradient(to bottom, #f95606, #fcb582);}
.h-pdt-s3{background: linear-gradient(to bottom, #ffcd2e, #f6daa3);}
.h-pdt-s4,.h-pdt-s5,.h-pdt-s6,.h-pdt-s7,.h-pdt-s8,.h-pdt-s9,.h-pdt-s10{background: linear-gradient(to bottom, #c3c3e5, #f0f0f8);} 


.home-hot-nav{ height:3.5rem;}
.home-hot-nav dl{ float:left; width:25%; text-align:center;}
.home-hot-nav dl.hover dt{ color: #ff2c2e; font-weight:600;}
/*
.home-hot-nav dl.hover dd{ background: #db2815; color:#fff; display: inline-block; border-radius:0.5rem; padding:0.1rem 0.2rem;}
*/
.home-hot-nav dl.hover dd{ color: #ff2c2e; border:1px solid #ff2c2e; display: inline-block; border-radius:0.5rem; padding:0.1rem 0.2rem;}
.home-hot-nav dl dt{ font-size:0.75rem; line-height:1.3rem;}
.home-hot-nav dl dd{ font-size:0.55rem; color: #b1b1b1; }

.home-hot-nav-fixed{ position:fixed; left:0px; top:0px; background:#fff; width:100%; padding:10px 0;}


/* 排行 */
.paihang-bg{ position:relative; overflow: hidden;}
.paihang-bg img{width: 100%; float: left;}
/*
.paihang-bg span{ position:absolute; text-align:center; left:0px; width:100%; top:57%; color: #ea0603; font-size:1.3rem; font-weight:500; font-family: 微软雅黑;}
.paihang-bg span i{ font-size:0.8rem; padding:0 0 0 5px;}
*/
.paihang-info{background:#9d0202;}


.robb{background:#ffcaca;}
.robb-top{width:100%;position:relative;}
.robb-top .robb-timg{width:100%;}
.robb-top .robb-yhimg{position:absolute;z-index:2;left:0;top:0;width:40vw;height:40vw;}
.robb-top .robb-pri{color:#fff;font-size:1.1rem;text-align:center;top:19.3vw;left:0;position:absolute;z-index:3;width:100%;}
.robb-top .robb-pri span{padding:0 0.2rem;}
.robb-top ul{width:92%;position:absolute;left:4%;z-index:3;top:42vw;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;display: flex;}
.robb-top ul li{background:#fff;border-radius:0.4rem;padding:0.4rem;width:29%;box-sizing: border-box;text-align:center;}
.robb-top ul li img{width:100%;}
.robb-top ul li p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width:100%;}
.robb-top ul li:nth-child(2){top:-0.4rem;position:relative;}

.robb-tag{padding:2.5vw 21vw;width:100%;box-sizing:border-box;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;display: flex;}
.robb-tag span{padding:0.15rem 0.9rem; background:#fff;font-size:0.7rem;color:#999; border-bottom: 1px solid #fff;border-radius:1rem;position:relative;}
.robb-tag span.robb-sel{color:#e54635 !important; background:#fff !important; border-bottom:1px solid #e54635 !important;}
.robb-tag .robb-tag-ab{position:absolute; z-index:2; top:-5px; right:0; height:0.6rem;}

.robb-fitop{position:fixed;width:100%;left:0;top:0;z-index:5;display:none;}
.robb-fitop .robb-fitop-img{width:100%;}
.robb-fitop .robb-tag{position:absolute;left:0;bottom:0;}
.robb-fitop .robb-tag span{color:#fff;background:none;border-bottom:0;}

.robb-pro{width:94%;margin:0 3% 0.5rem 3%;background:#fff;border-radius:0.4rem;padding:0.5rem;box-sizing:border-box;display:flex;}
.robb-pro-img{width:26%;border-radius:0.3rem;}
.robb-pro-dl{width:71%; margin-left:auto;}
.robb-pro-tit{color:#000;font-size:0.75rem;line-height:1.2rem;}
.robb-pro-sp{color:#999; font-size:0.6rem;}
.robb-pro-roll{margin:0.2rem 0;width:70%;height:1.1rem; border-radius:1rem; overflow: hidden;background:#fff3e3;}
.robb-pro-roll p{color:#804800; font-size:0.6rem; line-height:1.1rem; height:1.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.robb-pro-pri{display:flex; color:#e54635;align-items: center;font-size:0.75rem;}
.robb-pro-pri span{color:#999; font-size:0.6rem;text-decoration: line-through; margin-left:auto;}
.robb-main{overflow: hidden;}

.robb-threeTag{display:none;}

.robb-title{text-align:center;padding:0.5rem 0;width:100%;color:#4d4d4d;font-size:0.7rem;}


/* 积分中心 */
.jifen-bg{ position:relative; }
.jifen-bg .jifen-ab-btn{ position:absolute; right:0; top:5rem;display:none;}
.jifen-bg .jifen-ab-btn a{ background:rgb(0,0,0,0.5); padding:0.3rem .7rem; color:#fff; border-radius:.7rem 0 0 .7rem; display: block; margin:0 0 .4rem 0; font-size:.6rem;}
.jifen-bg .jifen-num{ position:absolute; top:70%; left:3%; right:3%; padding:0.5rem; box-sizing: border-box;background:url(../images/jifen-bg-3.png); background-size:100% 100%;border-radius:0.5rem;}
.jifen-bg .jifen-num-1{ padding:0 3%; overflow: hidden; line-height:1.5rem;}
.jifen-bg .jifen-num-1 dt{ font-size:0.85rem; color:#fff; font-weight:500; float:left;letter-spacing: 2px;}
.jifen-bg .jifen-num-1 dt i{font-size:0.85rem; color:#fff; font-weight:500; opacity:1;}
.jifen-bg .jifen-num-1 dd{ float:right; color: #996f53; font-size:0.65rem;}
.jifen-bg .jifen-num-1 dd i{ color: #694228; font-weight:bold; }
.jifen-bg .jifen-num-2{ padding:0 3%; overflow:hidden;}
.jifen-bg .jifen-num-2 dt{color: #fed650;font-size:1.5rem; font-weight: 600; float:left;}
.jifen-bg .jifen-num-2 label{display: inline-block;border: 1px solid #fff; padding: 2px 8px; border-radius: 1.5rem; color: #fff; font-size: 0.6rem; margin-top: 0.45rem; margin-left: 0.4rem;}
.jifen-bg .jifen-num-2 dd{ float:right; color: #693600; font-size: 0.65rem; margin: 0.3rem 0 0 0; font-weight: 500; padding:.3rem .8rem;text-align: center; border-radius: 0.8rem;background: linear-gradient(to right, #fbc21b, #fed855, #fbc21b);}
.jifen-bg .jifen-num-p{padding: 0 3%; line-height:1.5rem; color: #909bbc;font-size: 0.6rem; overflow:hidden; }
.jifen-bg .jifen-num-p a{ color: #909bbc;}
.jifen-bg .jifen-num-1 i.onRule{ float:right; color:#fff; font-size: 0.5rem; opacity:0.4; margin:-0.3rem -0.1rem  0 0;}
.jifen-bg .jifen-num-1 i em{ background:#fff; margin:0.30rem 0.2rem 0 0; float:left; color:#303f71; width:0.8rem; height:0.8rem; line-height:0.8rem; display: inline-block; text-align:center; border-radius:50%; overflow:hidden;}
.jifen-bg .jifen-num-3{ border-top:1px solid #e4e0d8;}
.jifen-bg .jifen-num-3 dl{ float:left; width:50%; font-size:18px; margin:10px 0; line-height:25px;}
.jifen-bg .jifen-num-3 dl:nth-child(1){ border-right:1px solid #e4e0d8; box-sizing: border-box;}
.jifen-bg .jifen-num-3 dl dt{ float:left; padding:0 0 0 20px;}
.jifen-bg .jifen-num-3 dl dd{ font-weight:600;}
.jifen-bg .jifen-swiper{ z-index:0;}

.jifen-bg .jifen-2-sous{position:absolute; top:0.5rem; left:0;margin:0 4%; width:92%;text-align:center;height:1.3rem;background:#fff;border-radius:1.5rem;align-items: center; justify-content: center;display: flex;}
.jifen-bg .jifen-2-sousoll{height:1.3rem;width:5rem;overflow:hidden;}
.jifen-bg .jifen-2-sousoll .swiper-slide{ text-align:left;line-height:1.3rem;color:#999;}
.jifen-2-sous img{height:0.9rem;margin-right:0.2rem;}

.jifen-bg .jifen-2-gonggao{position:absolute; top:2rem; left:0; color:#fff; /*background: rgba(0, 0, 0, 0.3);*/ opacity:0.4; width:92%; font-size:0.6rem; padding:0 4%; line-height:1rem; height:1rem; z-index:1;display:flex;align-items: center;}
.jifen-bg .jifen-2-gonggao img{ height:0.8rem;}
.jifen-bg .jifen-2-gonggao div{overflow:hidden;}
.jifen-bg .jifen-2-gonggao p{display: inline-block; white-space: nowrap; animation: 15s wordsLoop linear infinite normal;}

@keyframes wordsLoop {
    0% {
        transform: translateX(75%);  /*调整滚动区域宽度*/
        -webkit-transform: translateX(75%);   /*调整滚动区域宽度*/
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(75%);   /*调整滚动区域宽度*/
        -webkit-transform: translateX(75%);    /*调整滚动区域宽度*/
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

.jifen-bg .jifen-more{position:absolute;bottom:1.5rem;left:2%;width:96%; background:rgba(0,0,0,.2);border-radius:1rem;font-size:0.55rem;color:#fff;display:flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;padding:0.1rem 1rem;box-sizing: border-box;}



.jifen-numtwo{background:#f5f5f5; width:100%; padding:0.5rem; box-sizing: border-box; border-radius:1rem 1rem 0 0; z-index:3;position:relative;margin-top:-1.2rem;}
.jifen-numtwo-div{border-radius:0.5rem; background:#fff;padding:5px 10px;}
.jifen-numtwo-div li{padding:5px 0;overflow:hidden;}
.jifen-numtwo-div li em{color:#d92e21;font-size:0.7rem;}
.jifen-numtwo-div li em b{font-size:1.4rem;padding-right: 0.2rem;}
.jifen-numtwo-div li label{float:right; font-size:0.65rem;padding:0.3rem 1rem;background:#d92e21;color:#fff;border-radius:1rem;margin-top:0.15rem;}
.jifen-numtwo-div dd{ line-height:1.5rem; width:100%;border-bottom: 1px solid #ccc;}
.jifen-numtwo-div dd label{display:inline-block;width:5rem;font-size: 0.6rem;}
.jifen-numtwo-div dd label span{ background:#d92e21; color:#fff; padding:0.1rem; border-radius:3px;}
.jifen-numtwo-div dd label i{ color:#d92e21; padding:0 0.1rem;}
.jifen-numtwo-div dl{color:#999; font-size:0.6rem; line-height:1.4rem; overflow:hidden; height:1.4rem}
.jifen-numtwo-div dl em{font-size:0.7rem; padding-right:0.1rem;float:left;}

.jifen-numtwo .jifen-numtwo-sum{ margin:0.3rem 0; overflow: hidden; }
.jifen-numtwo .jifen-numtwo-sum div{ float:left; text-align:center;}
.jifen-numtwo .jifen-numtwo-sum div b{ font-size:0.98rem;}
.jifen-numtwo .jifen-numtwo-sum div p{ color:#999;}
.jifen-numtwo .jifen-numtwo-sum .jifen-numtwo-sum-a{width:36%;}
.jifen-numtwo .jifen-numtwo-sum .jifen-numtwo-sum-b{ width:36%;  border-left: 1px solid #ccc;  border-right: 1px solid #ccc; box-sizing: border-box;}
.jifen-numtwo .jifen-numtwo-sum .jifen-numtwo-sum-c{width:28%;}
.jifen-numtwo .jifen-numtwo-sum .jifen-numtwo-sum-c label{font-size:0.6rem;padding:0.3rem 0.7rem;background:#d92e21;color:#fff;border-radius:1rem; position: relative; top: 0.5rem; left: 0.3rem;}

.jifen-time-swiper{width:92%;display:inline-block;margin:0;}
.jifen-time-swiper .swiper-slide{ line-height:1.4rem; text-align:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.jifen-time-swiper .swiper-slide img{float:left;height:1rem; margin:0.1rem;border-radius:50%;}



.jifen-time{ text-align:center; width:94%;  margin:0.9rem auto 0 auto; overflow:hidden;}
.jifen-time .jifen-time-l{ width:50%; height:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jifen-time .jifen-time-r{ width:45%;margin-top: 0.1rem;} 
.jifen-time ul{ background-color: rgba(0,0,0,.3); color:#fff; border-radius:1rem; font-size:0.65rem; line-height:1.4rem; height:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jifen-time ul i img{ width:1.4rem; border-radius:50%; overflow:hidden; margin:0 0.1rem 0 0;}
.jifen-time dl{ /*display: contents;*/  line-height:1.3rem;width:100%;text-align:right;}
.jifen-time dl dt{font-size:0.65rem; display:inline-block;padding-right:2px;}
.jifen-time dl dd{color:#999; font-size:0.65rem; display:inline-block;width:74%;float:right;}
.jifen-time dl dd span{ color: #fff;font-size: 0.65rem;text-align: center;border-radius: 0.2rem;background-color: #ff2c2e;width:21%;float:left;}
.jifen-time dl dd i{width:5%;float:left;text-align: center;}


.jifen-nav{ width:95%; height:2.46rem; margin:0 2.5%; padding:0.7rem 0 0.7rem 0; overflow:hidden;}
.jifen-nav dl{ float:left; width:15.5%; margin:0 0.6%; text-align:center; background:#fff; border-radius:0.4rem;}
.jifen-nav dl:nth-child(6){ margin:0 0 0 0.6%;}
.jifen-nav dl.hover dt{ color: #ff2c2e; font-weight:600;}
.jifen-nav dl.hover dd{color: #ff2c2e; }
.jifen-nav dl dt{ font-size:0.75rem; line-height:1.4rem;}
.jifen-nav dl dd{ font-size:0.55rem; color: #b1b1b1; padding:0 0 0.3rem 0;}

.jifen-nav-fixed{ position:fixed; left:0px; top:0px; background:#f5f5f5; width:95%; margin:0 2.5%; height:2.46rem; z-index:99;}

.jifen-rule-bg{ position:fixed; top:0px; left:0px; background:#000; opacity:0.7; width:100%; height:100%; z-index:998; display:none;}
.jifen-rule{ width:80%; background:#fff;  position:fixed; top:8%; left:10%; border-radius:10px; z-index:999; display:none; overflow:hidden;}
/*
.jifen-rule h1{ font-size:1rem; text-align:center; line-height:3rem;background:linear-gradient(to right, #3d5eeb, #1e9bdd);color: #fff;}
*/
.jifen-rule h1{ font-size:1rem; line-height:3rem; margin:0 0 0 0; overflow: hidden;}
.jifen-rule h1 span{ background:#f2f2f2; color:#333; text-align:center; width: 50%; display: block; float: left;}
.jifen-rule h1 span.jifen-rule-hover{ color:red; font-weight:500; background:#fff;}
.jifen-rule div{ /*font-size:0.65rem; padding:0.6rem 1.2rem;*/ }
.jifen-rule .on-rule{ color: #145ce0; font-size:0.75rem; line-height: 2rem; text-align:center; border-top:1px solid #ccc; display: block;overflow: hidden;}

.jifen-rule .jifen-rule-1 dl{padding:1.5rem 2.5rem; }
.jifen-rule .jifen-rule-1 dl:nth-child(1){ background: linear-gradient(90deg,#d0e6fa,#fff);}
.jifen-rule .jifen-rule-1 dl:nth-child(2){ background: linear-gradient(90deg,#d5fdf2,#fff); border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.jifen-rule .jifen-rule-1 dl:nth-child(3){ background: linear-gradient(90deg,#ffead3,#fff);}
.jifen-rule .jifen-rule-1 dl dt{ float:left;}
.jifen-rule .jifen-rule-1 dl dt img{ width:1.6rem;}
.jifen-rule .jifen-rule-1 dl dd{ margin:0 0 0 1.8rem;}
.jifen-rule .jifen-rule-1 dl dd b{ font-size:0.8rem;}
.jifen-rule .jifen-rule-1 dl dd p{ font-size:0.6rem;}
.jifen-rule .jifen-rule-2{ padding:0.6rem 1.2rem; font-size:0.65rem; display:none; }


.jifen-nav-1{ width:100%; overflow:hidden; background:#fff; height:2.4rem; }
.jifen-nav-1 ul{ float:left; text-align:center; width:3.16rem; position:relative; height:2.4rem;}
.jifen-nav-1 ul dt{ font-size:0.65rem; line-height:2.3rem;}
.jifen-nav-1 ul dd{ color: #b1b1b1; font-size:0.55rem; padding:0 0 0.3rem 0;}
.jifen-nav-1 ul p{position:absolute;width:100%;bottom:0.3rem; left:0; display:none;text-align:center;}
.jifen-nav-1 ul p img{height:0.26rem;}
.jifen-nav-1 ul.hover dt{ color: #e54635; font-weight:600;} 
.jifen-nav-1 ul.hover dd{ color: #e54635;}
.jifen-nav-1 ul.hover p{display:inline;}
/*
.jifen-nav-1 div::-webkit-scrollbar{ height:0px; width:0px; opacity:0;}
*/

.jifen-nav-1 div{float:left; width:15.8rem; overflow-x: scroll;  overflow-y: hidden; position: relative; height:2.4rem;}
.jifen-nav-1 div::-webkit-scrollbar {height: 0;width: 0;color: transparent;}
.jifen-nav-1 div ol{ display: flex; position: absolute;  overflow:hidden;height: 2.4rem;}
.jifen-nav-1 div dl{ float:left; text-align:center; width:25%; position:relative;}
.jifen-nav-1 div dl dt{ font-size:0.65rem; line-height:2.3rem;}
.jifen-nav-1 div dl dd{ color: #b1b1b1; font-size:0.55rem; padding:0 0 0.3rem 0;}
.jifen-nav-1 div dl p{position:absolute;width:100%;bottom:0.2rem; left:0; display:none;text-align:center;}
.jifen-nav-1 div dl p img{height:0.26rem;}
.jifen-nav-1 div dl.hover dt{ color: #db2815; font-weight:600;}
.jifen-nav-1 div dl.hover dd{ color: #db2815;}
.jifen-nav-1 div dl.hover p{display:inline;}

.jifen-nav-fixed-1{ position:fixed; left:0px; top:0px;height:2.4rem; z-index:99;}

@media screen and (min-width:750px){
	.jifen-nav-1 ul{ float:left; text-align:center; width:3.1rem;}
	.jifen-nav-1 div{float:left; width:15rem; overflow-x: scroll;  overflow-y: hidden; position: relative; height:2.4rem;}
	.jifen-nav-1 div dl{ float:left; text-align:center; width:3rem;}
	.jifen-nav-fixed-1{  left:50%; width:750px; margin-left:-375px;}
}


/* 积分中心-2*/
.jifen-bg-2{ position:relative; }
.jifen-bg-2 span{ position:absolute; right:0; top:4rem;}
.jifen-bg-2 span a{ background:#fff; padding:0.2rem .5rem; color:#ee4b27; border-radius:.6rem 0 0 .6rem; display: block; margin:0 0 .6rem 0; font-size:.6rem;}
.jifen-bg-2 .jifen-2-gonggao{  position:absolute; top:0px; color:#fff; background: rgba(0, 0, 0, 0.3); width:92%; font-size:0.76rem; padding:0 4%; line-height:1.5rem;}
.jifen-bg-2 .jifen-2-gonggao img{ width:0.8rem; margin:-0.1rem 0 0 0;}
.jifen-bg-2 dl{  position:absolute; top:3.2rem; color:#fff; text-align:center; width:100%;}
.jifen-bg-2 dl dt{ font-size:0.76rem;}
.jifen-bg-2 dl dd b{ font-size:1.5rem;}

.jifen-time-2-bg{ position:relative;}
.jifen-time-2{ text-align:center; width:10.8rem;  margin:0.7rem auto 0 auto; line-height:1rem;}
.jifen-time-2 dl dt{ float:left; font-size:0.76rem; font-weight:600; }
.jifen-time-2 dl dd{ color:#999; font-size: 0.65rem}
.jifen-time-2 dl dd span{width: 22px; margin:0 2px;color: #fff;font-size: 0.65rem;padding: 0.2rem 0.3rem;text-align: center;border-radius: 0.2rem;background-color: #fb6738;}
.jifen-time-2 dl li{ position:absolute; right:4%; top:0; font-size:0.65rem; color:#bcbcbc;}
.jifen-time-2 dl li i{ font-size:0.5rem; font-weight:bold; width:0.65rem; height:0.65rem; line-height:0.65rem; text-align:center; background:#bcbcbc; color:#fff;display: inline-block;border-radius: 50%;}


.jifen-nav-2{ width:92%; height:2.46rem; margin:0 4%; padding:0.7rem 0 0.7rem 0; overflow:hidden;}
.jifen-nav-2 dl{ float:left; width:15.5%; margin:0 0.6%; text-align:center; background:none; border-radius:0.4rem;}
.jifen-nav-2 dl:nth-child(6){ margin:0 0 0 0.6%;}
.jifen-nav-2 dl.hover dt{ color: #cb172a; font-weight:600;}
.jifen-nav-2 dl.hover dd{background: #cb172a; color:#fff; border-radius:0.6rem; }
.jifen-nav-2 dl dt{ font-size:0.75rem; line-height:1.4rem;}
.jifen-nav-2 dl dd{ font-size:0.55rem; color: #b1b1b1; padding:0.1rem 0;}

.home-product .home-product-dl-2{ position:relative; background:#fff; width:97%; border:1px solid #f1f1f1; border-radius:10px; padding:0 0 0.5rem 0; overflow:hidden; margin: 0px 1.5% 2% 1.5%; box-sizing: border-box;}
.home-product .home-product-dl-2 dt{ width:100%;  height:100%; overflow:hidden; }
.home-product .home-product-dl-2 dt img{ width:100%; height:100%;}
.home-product .home-product-dl-2 dd{ color:#000; font-size:0.7rem; line-height:1rem; padding:0.2rem 5%; font-weight:540; /*padding:3%;*/ width:90%; overflow:hidden; text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:center;}
.home-product .home-product-dl-2 li{ color: #cb172a; font-weight:600; font-size:0.7rem; line-height:1rem; padding:0 5% 0.2rem 5%;}
.home-product .home-product-dl-2 li span{  font-size:0.6rem;}
.home-product .home-product-dl-2 li em{font-size:0.6rem; margin:0 0 0 0.8rem; color: #999999; text-decoration: line-through; font-weight:500;}
.home-product .home-product-dl-2 ol{ color: #cb172a;  font-size:0.55rem; line-height:0.9rem; padding:0 5%;}
.home-product .home-product-dl-2 ol i{ background:#fae7e9; border-radius:5px; padding:3px 7px;}
.home-product .home-product-dl-2 ol span{ padding:0 0 0 0.5rem; color: #999999; text-decoration: line-through;}
.home-product .home-product-dl-2 p{ position:absolute; right:4%; bottom:0.5rem; color: #fff; background:url(../images/product-bg.png); background-size:100% 100%; text-align:center; height:1.8rem; line-height:1.8rem; font-size:0.8rem; width:4.5rem;}



/* 我的订单 */
.order-gg{ background: #db2815; height: 1.8rem; line-height:1.8rem; color:#fff; width:94%; padding:0 3%; position:relative; overflow:hidden; display:block;}
.order-gg dt{ width:0.8rem; text-align:center; float:left; position:absolute;}
.order-gg dt img{ width:1rem;}
.order-gg dd{ margin:0 0 0 1.2rem; font-size:0.65rem}

.order-nav{ padding:0.2rem; overflow:hidden; background:#fff; color:#666;}
.order-nav dl{ float:left; width:20%; text-align:center; }
.order-nav dl dt{ font-size:0.65rem; line-height:1.2rem;}
.order-nav dl.hover{ color:#d5271d; }
.order-nav dl.hover dd{ width:1.5rem; background: #d5271d; height:5px; border-radius:30px; margin:0px auto;}
.order-nav-fixed{ position:fixed; left:0px; top:0px; background:#fff; width:100%; z-index:9}

.order-hot-nav{ padding:0.5rem 0; overflow:hidden;}
.order-hot-fixed{ position:fixed; left:0px; top:0px; background:#fff; width:100%; z-index:10;padding:0.3rem 0; height:2.5rem; background:#f1f1f1;}

.order-swiper{ width:94%;border-radius:0.3rem;}
.order-swiper img{ width:100%;}
.order-swiper .swiper-pagination-bullet-active{ background:#fff;}



.order-null{  background:#fff; margin:0.4rem 3%; border-radius:10px; box-shadow: 0 0 5px #eee; padding:1.2rem 0; display:none;}
.order-null dl{ width: 100%; margin:0 auto; text-align:center;}
.order-null dl dt{ width:5rem; margin:0px auto; float: none;}
.order-null dl dt img{ width:100%;}
.order-null dl b{ font-size:0.8rem; color:#444; font-weight:550; display:block; clear: both; padding:0.5rem 0 0 0;}
.order-null dl dd{ color: #ccc;font-size: 0.65rem; line-height:0.8rem; padding:0.4rem 0 0 0;}
.order-null dl dd a{ color:#6072f8; border-radius:0.5rem; border:1px solid #6072f8; padding: 0.03rem 0.3rem}

.order-kefu{ width:94%; margin:0.5rem 3%; overflow:hidden;}
.order-kefu ul li{ float:left; font-size:0.65rem; background:#fff; border-radius:5px; width:48%; border:1px solid #db2815; box-sizing: border-box; text-align:center;}
.order-kefu ul li:nth-child(1) { margin:0 4% 0 0 ;}
.order-kefu ul li a{ display:block; padding:0.5rem 0; color:#db2815;} 

.order-search{ background:#fff; height:1.9rem; border-radius: 1.7rem; margin:0.55rem 3%; width:94%; position:relative; overflow:hidden;}
.order-search dl{ margin:0 auto;}
.order-search dl dd{ color:#fff; background: #db2815; position:absolute; top:0px; right:0px; width:3rem; font-size:0.7rem;  text-align:center; line-height:1.5rem; border: 0.2rem solid #fff; border-radius: 3rem;}
.order-search dl dt{ width:100%; margin:0 0 0 10px; padding:0 80px 0 0;}
.order-search dl dt img{ width:1.2rem; margin:-0.2rem 0.6rem 0 0;}
.order-search dl dt input{ width:70%; line-height:1.9rem; border:none; font-size:0.7rem;}
.order-search dl dt input::-webkit-input-placeholder{color: #999;}
.order-search dl dt input::-moz-placeholder{color: #999;}
.order-search dl dt input:-moz-placeholder{color: #999;}
.order-search dl dt input:-ms-input-placeholder{color: #999;}


.order-dl{ width:94%; margin:0 auto 10px auto; background:#fff; border-radius:7px; overflow:hidden;}
.order-dl dl{ border-bottom:1px dashed #e5e5e5; padding:0.5rem; overflow:hidden;}
.order-dl dl dt img{ width:100%;}
.order-dl dl dt{ float:left; width:3.3rem; border-radius:5px; overflow:hidden;}
.order-dl dl dd{ margin-left:3.8rem;}
.order-dl dl dd p{ font-size:0.65rem; line-height:1.2rem; height:1.2rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.order-dl dl dd ol{ color:#999; line-height:1rem; font-size:0.6rem;}
.order-dl dl dd li{ color:#cb1510; font-size:0.65rem; line-height:0.9rem;}
.order-dl dl dd li b{ font-size:0.65rem; font-weight:500;}
.order-dl dl dd li i{ float:right; color: #6e6e6e; text-decoration:line-through;} 
.order-dl dl dd li a{ color:red; margin:0 0 0 0.2rem;}
.order-dl .order-no{ font-size:0.7rem; line-height:1.7rem; border-bottom:1px dashed #e5e5e5; overflow:hidden; padding:0 0.5rem; color:#666;}
.order-dl .order-no dt{ float:left;}
.order-dl .order-no dd{ float:right; color:#0595f2; font-weight:530;}
.order-dl .order-no dd.red{color:#ff2c2e; }
.order-dl .order-pay{ background:#ff2c2e; margin:0.5rem; font-size:0.6rem; width:3.5rem; text-align:center; float:right; border-radius:2.5rem; line-height:1.5rem; color:#fff;}
.order-dl .order-kefu-btn{ background:#ffcd2e; margin:0.5rem 0; font-size:0.6rem; width:3.5rem; text-align:center; float:right; border-radius:2.5rem; line-height:1.5rem; color:#fff;}
.order-dl .order-pay-info{ background:#fff; margin:0.5rem; font-size:0.6rem; width:3.5rem; text-align:center; float:right; border-radius:2.5rem; line-height:1.5rem; color:#333; border:1px solid #c1c1c1;} 
.order-dl .order-returns{ background:#ff2c2e; margin:0.5rem 0.5rem 0.5rem 0; font-size:0.6rem; width:4.5rem; text-align:center; float:right; border-radius:2.5rem; line-height:1.5rem; color:#fff;}
.order-dl .order-returns-address{border-bottom:1px dashed #e5e5e5; padding:0.5rem;overflow:hidden; font-size:0.6rem; }
.order-more{ text-align:center; font-size:0.75rem; color:#333; padding:0.5rem 0; display:none;}
.order-more i{ font-size:0.75rem;}

.order-kefu-time{ text-align:center; padding:0.4rem 0 1rem 0;}
.order-kefu-time b{ font-size:0.8rem; font-weight:550; padding:0 0 0.5rem 0; display: block;} 
.order-kefu-time .order-kefu-time-info{ color:#666; font-size:0.7rem;}
.order-kefu-time .order-kefu-time-btn{ background:#ff2c2e; color:#fff; font-size:0.8rem; border-radius:1rem; width:7rem; padding:0.3rem 0; margin:0.8rem auto 0 auto;}
.order-kefu-time .order-kefu-time-btn img{ width:1.3rem; margin:-0.2rem 0 0 0;}

.order-sms-vercode-bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:99; display:none}
.order-sms-vercode{ position:fixed; width:80%; left:10%; top:20%; background:#fff; z-index:999; border-radius:5px; display:none} 
.order-sms-vercode-title{ font-size:0.76rem; text-align:center; padding:1rem 0.6rem; position:relative;}
.order-sms-vercode-title i.layui-icon-close{ position:absolute; font-size:1rem; color:#999; top:0.2rem; right:0.2rem;}
.order-sms-vercode dl.captcha{ width:90%; margin:0 5%; text-align:center; clear: both; display: block; overflow: hidden;}
.order-sms-vercode dl.captcha dt{ clear: both;}
.order-sms-vercode dl.captcha dt img{ width:10rem; height:3rem;}
.order-sms-vercode dl.captcha dd{ padding-top:0.5rem; margin:0px auto; display: inline-block;}
.order-sms-vercode dl.captcha dd input{ width:5.8rem; height:1.7rem; font-size:0.65rem; padding:0 0.3rem; line-height: 1.7rem; border-radius:5px; border:1px solid #ccc;  float:left;}
.order-sms-vercode dl.captcha dd li{ color:#fff; background:#ef5e30; float:left; height:1.7rem;line-height: 1.7rem; width:3.5rem; border-radius:5px; text-align:center; font-size:0.65rem; margin:0 0 0 0.5rem;border: 1px solid #ef5e30;}
.order-sms-vercode dl.captcha dd li.hover{ background:#ccc !important;}
.order-sms-vercode dl.dl-vercode{ clear: both;  line-height: 1.7rem; margin:0.2rem auto; overflow: hidden; width: 10.7rem;}
.order-sms-vercode dl.dl-vercode dt{  font-size:0.65rem; }
.order-sms-vercode dl.dl-vercode dd{ }
.order-sms-vercode dl.dl-vercode dd input{ width:10rem; height:1.7rem; font-size:0.65rem; padding:0 0.3rem; line-height: 1.7rem; border-radius:5px; border:1px solid #ccc; box-sizing:border-box;}
.order-sms-vercode dl.dl-vercode li{  color:#fff; background:#ef5e30; float:left; height:1.7rem;line-height: 1.7rem; width:10.7rem; border-radius:5px; text-align:center; font-size:0.75rem;margin:0.2rem 0 1rem 0;} 

.order-sms-vercode ul{margin:0 5%;font-size:0.75rem;padding-bottom:0.5rem;}
.order-sms-vercode ul li{padding-bottom: 0.3rem; line-height: 0.9rem;}
 

/* 个人中心 */
.user-top-img{ position:absolute; top:0px; z-index:0;display:none;}
.user-info{display:flex;margin:0 5%;width:90%;padding:1rem 0 0.6rem 0;}
.user-info dl{ font-family: 微软雅黑;display:flex;align-items: center;}
.user-info dl dt{width:3rem; height:3rem;line-height:3rem;  overflow:hidden; border-radius:50%; text-align:center; background:#f5f5f5; display: inline-block;border:2px solid #fff;}
.user-info dl dt img{ width:100%; height:100%;}
.user-info dl dt i{ color:#e1e1e1; display: inline-block; font-size:2rem; }
.user-info dl dd{padding-left:0.5rem;display:flex;align-items: center;flex-direction: column;}
.user-info dl dd p{ font-size:0.7rem;line-height:1.4rem;}
.user-info dl dd li{ font-size:0.7rem;font-weight:bold;border-radius:1rem;background:#fff;}
.user-info dl dd li a{padding:0.35rem 1rem;display:inline-block;}
.user-info ol{ font-size:0.6rem; margin-left:auto;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.user-info ol span{ line-height: 0.8rem; margin:0 0 0 0.2rem;}


.user-info .user-ewm{ float:right; margin:0.4rem 4% 0 0; text-align:center;}
.user-info .user-ewm p{ font-size:0.55rem; color:#fff; line-height:1rem;}
.user-info .user-ewm i img{width:3rem; height:3rem;}

.user-order{ position:relative; z-index:1; background:#fff; margin:0 3%; width:94%; border-radius:10px; overflow:hidden; margin-bottom:0.5rem;}
.user-order .user-order-title{ padding:0.7rem;  color:#000;}
.user-order .user-order-title b{ font-weight:500; font-size:0.75rem;}
.user-order .user-order-title a{ float:right; font-size:0.65rem; color:#999999;}
.user-order .user-order-title a i{  font-size:0.55rem;}
.user-order .user-order-dl{ width:96%; margin:0 3%;}
.user-order .user-order-dl dl{ float:left; width:25%; text-align:center; margin:0 0 0.6rem 0;}
.user-order .user-order-dl dl dt{ position:relative; width:1.3rem; height:1.3rem; margin:0px auto; text-align:center;}
.user-order .user-order-dl dl dt i{ position:absolute; display:none; top:-6px; right:-6px; background:red; border-radius:13px; font-size:12px; border:2px solid #fff; color:#fff; padding: 1px 5px; font-family: 微软雅黑;}
.user-order .user-order-dl dl dt img{ width:1.3rem; }
.user-order .user-order-dl dl dd{ line-height:1.3rem; font-size:0.65rem;}
.user-jifen{ width:94%; margin:0.5rem 3%; position:relative; z-index:1; color:#fed650;}
.user-jifen dl{ position:absolute; left:3rem; top:0.3rem; font-size:0.7rem; width:78%;}
.user-jifen dl dt{ float:left; line-height: 1rem;}
.user-jifen dl dt #jf_count{ font-size:0.9rem; font-weight:550;}
.user-jifen dl dd{ float:right; background:#fed650; color:#693600; border-radius:0.8rem; font-size:0.65rem; margin:0.33rem 0 0 0; padding:0.15rem 0.4rem;}
.user-jifen dl dd i{ font-size:0.7rem;}


.user-jifen2{width:94%; margin:0.5rem 3%;display:flex;align-items:center;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;background:#fff;padding:4vw 4%;box-sizing:border-box;border-radius:10px;}
.user-jifen2 ul{display:flex;align-items:center;flex-direction: column;}
.user-jifen2 span{color:#999;font-size:0.65rem;}
.user-jifen2 b{font-size:1rem;color:#222;}
.user-jifen2 label{width:1px; height:1.5rem; background:#ccc;}
.user-jifen2 i{font-size:0.8rem;font-weight:bold;color:#e54635;}
.user-jifen2 .user-jifen2-swiper{height:20px; overflow:hidden; color:#999;margin-top:0.3rem;}
.user-jifen2 ul li{ background:#ff2c2e; color:#fff; font-size:0.8rem; padding:0.3rem 0.5rem; border-radius:1rem;}


.user-fuwu{ width:90%; margin:0 3% 0.5rem 3%; background:#fff; padding:0 2% 3% 2%; border-radius:10px; overflow:hidden; position:relative; z-index:1;}
.user-fuwu dl{ float:left; width:25%; text-align:center; margin:0.6rem 0 0 0;}
.user-fuwu dl dt{ width:1.5rem;height:1.5rem; line-height:1.5rem; margin:0 auto 10px auto; color:#fff; border-radius:50%; text-align:center;  }
.user-fuwu dl dt img{ width:1.5rem;}
.user-fuwu dl dd{ font-size:0.65rem; line-height:1.2rem;}

.user-sms-bg{ background:#000; opacity:0.6; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; display:none;}
.user-sms{position:fixed; top:30%; left:0.8rem;right:0.8rem; background:#fff; border-radius:5px; z-index:999; display:none;}
.user-sms .user-sms-title{ font-size:0.76rem; padding:0.7rem; line-height:1.1rem;}
.user-sms .user-sms-input{ padding:0 0.7rem;}
.user-sms .user-sms-input input{ width:96%; padding:0 2%; font-size:0.76rem; line-height:2rem; height:2rem; border-radius:5px; border:1px solid #ccc;}
.user-sms dl{ border-top:1px solid #ccc; margin:0.7rem 0; font-size:0.76rem; padding:0.5rem 0 0.8rem 0;}
.user-sms dl dt{ float:left; width:50%; text-align:center; border-right:1px solid #ccc; box-sizing: border-box;}
.user-sms dl dd{ float:left; width:50%; text-align:center; color:red;}

.user-sms dl.captcha_sms{ border:none; width:92%; margin:0 auto; padding: 0.5rem 0 0.1rem 0; text-align:center; clear: both; display: block; overflow: hidden;}
.user-sms dl.captcha_sms dt{ clear: both;}
.user-sms dl.captcha_sms dd{  width:16rem; margin:0px auto;}
.user-sms dl.captcha_sms dd input{ width:9.8rem; height:1.7rem; font-size:0.65rem; padding:0 0.3rem; line-height: 1.7rem; border-radius:5px; border:1px solid #ccc;  float:left;}
.user-sms dl.captcha_sms dd li{ color:#fff; background:#ef5e30; float:left; height:1.7rem;line-height: 1.7rem; width:5rem; border-radius:5px; text-align:center; font-size:0.65rem; margin:0 0 0 0.5rem;}
.user-sms dl.captcha_sms dd li.hover{ background:#ccc !important;}


.user-phone-bg{ background:#000; opacity:0.6; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; display:none;}
.user-phone{position:fixed; top:30%; left:0.8rem;right:0.8rem; background:#fff; border-radius:5px; z-index:999; display:none;}
.user-phone .user-sms-title{ font-size:0.76rem; padding:0.7rem; line-height:1.1rem;}
.user-phone .user-sms-input{ padding:0 0.7rem;}
.user-phone .user-sms-input input{ width:96%; padding:0 2%; font-size:0.76rem; line-height:2rem; height:2rem; border-radius:5px; border:1px solid #ccc;}
.user-phone dl{ border-top:1px solid #ccc; margin:0.7rem 0; font-size:0.76rem; padding:0.5rem 0 0.8rem 0;}
.user-phone dl dt{ float:left; width:50%; text-align:center; border-right:1px solid #ccc; box-sizing: border-box;}
.user-phone dl dd{ float:left; width:50%; text-align:center; color:red;}


/* 产品详情 */
.info-head{ background:#fff; overflow:hidden; padding:0 0.6rem; line-height:1.8rem;}
.info-head dl a{ float:left; font-size:0.65rem; color:#333;}
.info-head dl a img{ width:1rem; margin:-0.2rem 0.2rem 0 0;}
.info-head dl dd{ float:right; font-size:0.65rem;}
.info-head dl dd img{ width:1rem; margin:-0.2rem 0.3rem 0 0;}

.detail-top-gg{position:fixed; top:0px; left:0px; z-index:99; background: rgba(0, 0, 0, 0.7); font-size:0.65rem; color:#fff; width:96%; padding:0.3rem 2%; }
.detail-top-gg img{ width:0.8rem; padding:0 0.2rem 0 0; margin: -0.15rem 0 0 0;}
.info-headtwoSwi{position:relative;}
.info-levelswi{position:absolute;z-index:3; left:10px; bottom:2rem; width:5.5rem; height:1.2rem; background:rgb(0,0,0,0.3);border-radius:0.6rem; overflow:hidden;color:#fff; line-height:1.2rem;padding: 0 0.5rem;font-size: 0.6rem;}
.info-levelswi .swiper-slide{white-space: nowrap; text-overflow: ellipsis;}

.info-swiper img.thumb{ width:100%;}
.info-swiper .swiper-pagination-bullet-active{ background:#fe2c2d;width:20px; border-radius:4px;}
.info-swiper .swiper-slide img.mark{ position:absolute; top:0px; left:0px; opacity:0.7; width:100%; height:100%; display:none;}

.notice-swiper{ position:absolute; top:60px; left:10px; z-index:9; background:rgba(0,0,0,0.7); border-radius:20px; height:33px; line-height:33px; color:#fff; width:200px; font-size:12px;}

.info-price-bg{background:url(../images/info-price-bg2.png) no-repeat; background-size: 100% auto;}
.info-price{ width:100%;  font-family: 微软雅黑; overflow:hidden;}
.info-price dl{ margin:0 3%; color:#fff; line-height:1.6rem;}
.info-price dl dt{ float:left; font-size:1rem;}
.info-price dl dt span,.info-price dl dt em{ font-size:0.7rem;}
.info-price dl dt label{opacity:0.7; text-decoration:line-through; font-size:0.75rem;margin-left:0.4rem;}
.info-price dl dd{ float:right; font-size:0.65rem; }
.info-price dl dd img{ width:1rem; margin:-0.2rem 0 0 0;}
.info-price ul{ color:#fff;  margin:0 3%; padding:2% 0 0 0; }
.info-price ul li{ float:left; opacity:0.7; text-decoration:line-through; font-size:0.75rem;}
.info-price ul li img{height:1rem;}
.info-price ul ol{ float:right; font-size:0.65rem; background:rgba(255,255,255,0.4); border-radius:1rem; color:#fff; padding:0.2rem 0.4rem;}
.info-price ul ol span{ text-decoration:line-through; }

.info-title-bg{ background:#fff; width:96%; margin:0 auto; position:relative; border-radius:20px; overflow:hidden;}
.info-title{ font-size: 0.8rem; font-family: 微软雅黑; font-weight:550; line-height:1.3rem; padding:0.5rem; }
.info-title span{ font-size:0.5rem; padding:0.2rem 0.2rem;font-weight:500; color:#fff; border-radius:.4rem 0 .4rem 0;background: -webkit-gradient(linear, left top, right top, from(#fe2c2d), to(#ff4b72)); background: linear-gradient(to right, #fe2c2d, #ff4b72);}

.info-btn{ background: linear-gradient(to right, #fe2c2d, #ff496f); color:#fff; font-weight:550; font-size:0.9rem; font-family: 微软雅黑; text-align:center; width:96%; margin:0 auto 15px auto; border-radius:1rem; padding:0.4rem 0;letter-spacing: 0.1rem;}

.info-tuijian{ font-size: 0.6rem; padding:0 0.5rem 0.5rem; border-radius:10px; overflow:hidden;}
.info-tuijian dl dt{ color: #666;font-size: 0.7rem;padding-right:0.3rem;line-height: 1rem;}
.info-tuijian dl dd{ line-height:1rem;display:inline-block;color:#bbb;font-size: 0.65rem;}

.fxg-dl{ border-top:1px solid #f1f1f1; width:96%; margin:0 auto; padding: 0.7rem 0;}
.fxg-dl dl dt{ width:3rem; float:left;}
.fxg-dl dl dt img{ width:100%;}
.fxg-dl dl dd{ margin:0 0 0 3.3rem;}
.fxg-dl dl dd span{ font-size:0.65rem; color: #b29183; border: 1px solid #bf987e; border-radius: 5px; margin:0 0.2rem; padding:0 0.2rem; }
.fxg-dl dl dd span.layui-icon{border:none; margin:0; padding:0;}

.fxg-icon{ border-radius:20px; margin:10px 2%; position: relative;}
.fxg-icon img{ width:100%;}

.fxg-bg{ width:96%; margin:20px 2%; overflow:hidden;}
.fxg-bg dl{ position:relative;}
.fxg-bg dl dt img{ width:60px;}
.fxg-bg dl dt{ float:left;}
.fxg-bg dl dd{ margin-left:60px; }
.fxg-bg dl dd li{ font-size:13px; color: #b29183; font-weight: 700; float:left; margin-left:5px;  padding:3px 0 0 0; }
.fxg-bg dl dd li img{ width:15px; float:left; margin:0 5px}
.fxg-bg dl i{ float:right; color:#b29183;}


.fxg-fixed-bg{ width:100%; height:100%; background:#000; opacity:0.7; position:fixed; top:0px; left:0px;z-index:9; display:none;}
.fxg-fixed{position:fixed; bottom:0px; left:0px; right:0px;  background:#fff; border-radius:15px 15px 0 0; z-index:10; padding:20px 20px 0 20px; display:none;}
.fxg-fixed-title{ text-align:center; font-size:16px; position:relative;}
.fxg-fixed-title i{ position:absolute; right:-10px; top:-10px; color: #c8c9cc; font-size:20px; font-weight: 700;}
.fxg-fixed dl{ margin:15px 0;}
.fxg-fixed dl dt img{ width:20px; margin:-5px 0 0 0;}
.fxg-fixed dl dt{ font-weight:600; font-size:15px;}
.fxg-fixed dl dd{ font-size:13px; color: rgb(153, 153, 153); line-height:28px; margin-left:25px;}

.fxg-div-bg{ width:100%; height:100%; background:#000; opacity:0.7; position:fixed; top:0px; left:0px;z-index:9; display:none; }
.fxg-div{position:fixed; bottom:0px; left:0px; right:0px;  background:#fff; border-radius:15px 15px 0 0; z-index:10; padding:0 20px 0 20px; display:none;}
.fxg-div .fxg-div-title{ text-align:center; font-size:0.7rem; border-bottom:1px solid #ccc; line-height:2rem; font-weight:550;}
.fxg-div .fxg-div-title i{ color:#999; font-size:1rem; float:right;} 
.fxg-div dl{ margin:0.8rem 0; overflow:hidden; display:block;}
.fxg-div dl dt{ width:0.9rem; float:left;}
.fxg-div dl dt img{ width:100%;}
.fxg-div dl dd{margin-left:1.1rem;}
.fxg-div dl dd b{ line-height:1rem; font-size:0.7rem;}
.fxg-div dl dd b img{ width:0.7rem; margin: -0.2rem 0 0 0;}
.fxg-div dl dd p{ color:#999; font-size:0.6rem;}

.info-guige{margin:0 2%;border-radius:10px; line-height:2rem; height:2rem; font-size:0.7rem; background:#fff;}
.info-guige dl{ width:96%; margin:0 2%; }
.info-guige dl dt{ float:left;}
.info-guige dl dd{ float:right; color: #888;}
.info-guige dl dd i{ position: relative; top: 1px;}
.info-guige dl dd label{ padding:0 0 0 0.3rem;}

.info-comment{ background:#fff; border-radius:10px; overflow:hidden; width:96%; margin:0.5rem auto;}
.info-comment-title{ color: #11293c;font-size: .70rem;font-weight: 600; margin:.6rem 2%; line-height:1.2rem;}
.info-comment-title i{float:left; height:1.2rem; width:4px; border-radius:4px;background: linear-gradient(to top, #ff3032, #ff4f75);margin-right:0.15rem;}
.info-comment-title span{ float:right; color: #999; font-weight: 550;}
.info-comment-title span label{display:inline-block;padding:0 0.3rem;background: linear-gradient(to right, #fbc21b, #f9da71, #fbc21b);color:#693601;border-radius:1rem;margin-left:0.1rem;}
.info-comment-list{ margin:0 2%; width:96%; height:5rem; overflow-x: scroll;  overflow-y: hidden; position: relative;}
.info-comment-list div{ display: flex; position: absolute;  overflow:hidden; }
.info-comment-list dl{ float:left; background:#f7f7f7; padding:0.5rem; overflow:hidden; width:10rem; margin:0 0.5rem 0 0; border-radius:8px;}
.info-comment-list dl dt{ width:1.5rem; height:1.5rem; border-radius:50%; overflow:hidden; float:left;}
.info-comment-list dl dt img{ width:1.5rem; height:1.5rem; }
.info-comment-list dl dd{ line-height:1.5rem; margin:0 0 0 1.8rem; font-size:.65rem;  font-weight:550; }
.info-comment-list dl li{ margin:.2rem 0 0 0; font-size:0.65rem; line-height:.8rem; height:1.6rem;overflow: hidden; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

.info-duihuan{ background:#fff; border-radius:10px; overflow:hidden; width:96%; margin:0 auto 0.5rem auto; }
.info-duihuan-title{ font-size:0.75rem; padding:0.4rem 0.6rem; line-height:1.3rem;}
.info-duihuan-title b{ float:left;}
.info-duihuan-title dl{ float:right; color: #ff2a2c; text-align:center;}
.info-duihuan-title dl dt{ float:left; font-weight:550; margin-right:.2rem;}
.info-duihuan-title dl dt img{width: 1rem; float: inherit; margin-top: 0.1rem;}
.info-duihuan-title dl dd{ float:left; font-family:Arial; width:2.9rem; text-align: left;padding-top: 0.06rem;}

.swiper-duihuan{ height:3rem; overflow:hidden; width:94%; margin:.6rem auto 0.2rem auto;}
.swiper-duihuan dl{ margin:.6rem 0 0 0; display:block; line-height: 1.5rem; height: 1.5rem; font-size:0.65rem;}
.swiper-duihuan dl dt{ float:left; color:#888;}
.swiper-duihuan dl dd{ float:right; margin:.2rem 0 0 0; background-size:100% 100%; color:#fff;font-size:0.6rem;width:2.6rem;height: 1.2rem;line-height: 1.2rem; background: -webkit-gradient(linear, left top, right top, from(#fe2c2d), to(#ff4b72)); background: linear-gradient(to right, #fe2c2d, #ff4b72);border-radius:2rem;}
.swiper-duihuan dl dt img{height:1.2rem;float:left;margin-top:0.2rem;border-radius:50%;margin-right:0.1rem;} 

.info-content-title{text-align: center;font-size: 0.75rem;}
.info-content-title i{display: inline-block; border: 1px solid #dedede; width: 2rem; vertical-align: middle;}
.info-content-title b{display: inline-block; margin: 0 0.5rem;}

.info-content{ border-radius:10px; overflow:hidden; width:96%; margin:0.5rem auto;}
.info-content img{ width:100% !important; margin:0px !important; padding:0px !important;}
.info-content video{ width:100%; height:100%;}

.info-recommend{ background:#fff; margin:0 0 5px 0; border-radius:10px; width:96%; margin:0.5rem auto; padding:0 0 .5rem 0;overflow: hidden;}
.info-recommend .info-recommend-title{ font-size:0.7rem; font-weight:bold; margin:15px 2%;line-height:1.2rem;}
.info-recommend .info-recommend-title i{float:left; height:1.2rem; width:4px; border-radius:4px;background: linear-gradient(to top, #ff3032, #ff4f75);margin-right:0.15rem;}
.swiper-recommend{ width:96%; margin:0 auto ; overflow:hidden;padding-bottom: 8px;}
.swiper-recommend .swiper-slide{ width:31.65%; overflow:hidden; margin-right:8px;}
.swiper-recommend .swiper-slide dl dt{ border-radius:5px; overflow:hidden; position:relative; width:100%;padding:100% 0 0;}
.swiper-recommend .swiper-slide dl dt img.thumb{ width:100%; position:absolute; left:0; top:0; z-index:2;}
.swiper-recommend .swiper-slide dl dt img.top{ position:absolute; top:0px; left:0.5rem; width:1.3rem; z-index:3;}
.swiper-recommend .swiper-slide dl dd{ font-size:0.65rem; text-align:left; line-height:1.5rem; height:1.5rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; } 
.swiper-recommend .swiper-slide dl li{ color: #db2815; font-size:0.65rem; text-align:left;}
.swiper-recommend .swiper-slide dl p{ font-size:0.5rem; text-align:left; line-height:1.3rem; color: #999;}
.swiper-recommend .swiper-pagination-bullets{line-height:0; bottom:0;}
.swiper-recommend .swiper-pagination-bullet{width:6px; height:6px;}
.swiper-recommend .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fe2c2d !important;width:20px; border-radius:4px;}

.bottom-tips{ position:fixed; bottom:2.3rem; left:0px; background:#fef7dd; padding:0.5rem 0 ; font-weight: 550;width:100%; z-index:9; color: #d92e21; text-align:center; font-size: 0.7rem;}

.info-nav-bottom{ position:fixed; bottom:0px; left:0px; background:#fff; height:2.3rem; width:100%; z-index:9; }
.info-nav-bottom dl dt{ /*width:7.6rem;*/ background:#fff; }
.info-nav-bottom dl dt span{ width:2rem;  text-align:center ;display: block;float: left; font-size:0.65rem; line-height:0.9rem; padding:5px 0 0 0; margin:0 0.4rem;}
/*
.info-nav-bottom dl dt span:nth-child(1){ margin:0 0.4rem 0 1.4rem;}
.info-nav-bottom dl dt span:nth-child(2){ margin:0 1.4rem 0 0.4rem;}
*/
.info-nav-bottom dl dt span img{ width:1.1rem;}
.info-nav-bottom dl dt span i{ font-size:20px; }
.info-nav-bottom dl dd{ background:#fe2c2d; background-size:100% 100%; margin-left:9.6rem; color:#fff; height:2.3rem; line-height:0.9rem; font-size:0.9rem; text-align:center;}
.info-nav-bottom dl dd div{height: 100%;display: flex; align-items: center; justify-content: center; text-align: justify;}
.info-nav-bottom dl dd div p{padding-top:0.1rem;}
.info-nav-bottom dl dd span{font-size: 0.6rem;}

.info-nav-bottom dl dt label{width:4rem;height:2.3rem;font-size: 0.6rem; line-height: 0.9rem; border-left: 1px solid #ececec;float:left;text-align: center; padding-top: 0.3rem; box-sizing: border-box;}

.info-button{ animation: twinkle 0.6s infinite alternate; }


.info-to-top{ position:fixed; bottom:5rem; right:1rem; /*transform:rotate(90deg); */background:rgba(0,0,0,0.5); width:2rem; height:2rem; text-align:center; line-height:0.6rem; border-radius:50%; z-index:9; display:none; color: #fff; font-size: 0.65rem; box-sizing: border-box; padding-top: 0.2rem;}
.info-to-top i{ font-size:1.5rem; color:#fff; }
.info-to-top img{width:1.3rem;padding-bottom: 0.1rem;}
.info-to-top b{ font-size: 1rem; }

.info-choice-bg{ width:100%; height:100%; background:#000; opacity:0.7; position:fixed; top:0px; left:0px;z-index:9; display:none;}
.info-choice{ position:fixed; bottom:0px; left:0px; right:0px; z-index:10; background:#fff; border-radius:15px 15px 0 0 ; padding:15px; max-height:100%;overflow-y:auto; display:none;}
.info-choice-title{ text-align:center; font-size:0.76rem; position:relative; margin:0 0 1rem 0; padding: 0 10%; line-height:1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:none;}
.info-choice-close{ position:absolute; right:8px; top:8px; z-index:9; width: 1.2rem; height: 1.2rem; text-align: center; line-height: 1.26rem; background: #f2f2f2; border-radius: 50%;}
.info-choice-close i{ color: #888;font-weight: 700; font-size:0.7rem;}
.info-choice-info{ font-family: 微软雅黑;  }
.info-choice-info dl dt{ float:left; /*margin:0 0.4rem 0 0;*/}
.info-choice-info dl dt img{ width:5rem; height:5rem; border-radius:5px;}
.info-choice-info dl dd{margin-left:5.4rem;}
.info-choice-info dl dd h6{font-weight:600;width:93%;white-space: normal; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.info-choice-info dl dd li{margin-top:0.1rem;color:#e54635;}
.info-choice-info dl dd li b{font-size:0.6rem;}
.info-choice-info dl dd li span{font-size:0.6rem;}
.info-choice-info dl dd li label{font-size:0.6rem;text-decoration: line-through; color: #999999;margin-left:0.3rem;}
.info-choice-info dl dd ul{ margin:0.2rem 0;}
.info-choice-info dl dd ul span{font-size:0.6rem; color: #b29183;border: 1px solid #bf987e;border-radius: 5px; padding: 0.05rem 0.2rem; margin-right:0.2rem;}


.info-choice-info dl dd p{ font-size:0.65rem; font-weight:500; color: #753c05;}
.info-choice-info dl dd p span{color: #333;  }
.info-choice-info dl dd p img{ width:0.7rem; margin:-3px 0 0 0 ;}
.info-choice-info dl dd ol{ margin:5px 0 0 0; font-size:0.6rem; color:#666; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-choice-info dl dd ol b{ color: #e54635;font-weight:400; }

.info-step-1 h5{width: 100%; box-sizing: border-box; display: flex; align-items: center; border-bottom: 1px solid #f3f3f3;  font-weight: 700; font-size: .8rem; padding-bottom: 0.4rem;margin-top: .4rem;}
.info-step-1 h5::before{content: '';display: inline-block; width:3px; height: .7rem;margin-right: .2rem; background: #e54635;}
.info-select dl{ /*margin:15px 0;*/padding-top:10px;}
.info-select dl dt{ font-size:0.65rem; line-height:1rem; width:100%;font-weight:600;}
.info-select dl dt i{ width:5px; height:1rem; background:#e54635; border-radius: 10px; display: inline-block; float:left; margin:0 0.3rem 0 0 ;}
.info-select dl dd{ margin:8px 0 0 0;}
.info-select dl dd span{ background:#f5f5f5; display: inline-block; margin:0 3px 10px 0; color: rgb(51, 51, 51); font-size:0.7rem; border-radius:0.18rem; padding:.35rem; min-width:1.2rem; text-align:center;}
.info-select dl dd span.hover,.info-select dl dd span.sel{ background: rgba(229, 70, 53, 0.15); color: rgb(229, 70, 53);}
.info-select dl dd span.no-hover,.info-select dl dd span.b{ background: rgb(238, 238, 238) !important; color:#ccc !important;}

.info-choice-next{ background: linear-gradient(to right, #fe2c2d, #ff496f); color:#fff; text-align:center; height:1.8rem; line-height:1.8rem; font-size:0.76rem; border-radius:1rem;}
.info-choice-tips{ font-size:0.5rem; padding:0 0 0.5rem 0; color: #e54635;}

.info-xinxi{ margin:15px 0;}

.info-xinxi-title{width: 100%; box-sizing: border-box; display: flex; align-items: center; border-bottom: 1px solid #f3f3f3;  font-weight: 700; font-size: .8rem; padding-bottom: 0.4rem;margin-top: .4rem;}
.info-xinxi-title::before{content: '';display: inline-block; width:3px; height: .7rem;margin-right: .2rem; background: #e54635;}
.info-xinxi dl{ margin:10px 0;}
.info-xinxi dl dt{ font-size:0.65rem; /*width:100%;*/ float:left; text-align:right; width:3.2rem;font-weight:600;line-height: 0.3rem;margin:0.5rem 10px 0.2rem 0;}
.info-xinxi dl dd{border:1px solid #d7d7d7; border-radius:0.2rem;overflow: hidden;height:1.5rem;}
.info-xinxi dl dd input{ width:100%; height:100%; font-size:0.65rem; border:none;box-sizing: border-box;padding:0 0.5rem;}
.info-xinxi dl dd input::-webkit-input-placeholder{color: #ccc;}
.info-xinxi dl dd input::-moz-placeholder{color: #ccc;}
.info-xinxi dl dd input:-moz-placeholder{color: #ccc;}
.info-xinxi dl dd input:-ms-input-placeholder{color: #ccc;}
.info-xinxi dl dt i{ color:red; font-size:0.76rem; font-weight:bold; padding:0 0.1rem;}
.info-xinxi dl .area-text{overflow: hidden;height:1.5rem;line-height:1.5rem;}
.info-xinxi dl .area-text label{padding:0 0.5rem;border:1px solid #d7d7d7; border-radius:0.2rem;height:1.9rem;width:100%; display:inline-block;box-sizing: border-box;}
.info-xinxi dl .area-text span{float:left;width:32%;height:100%;box-sizing: border-box;padding:0 0.4rem;border:1px solid #d7d7d7; border-radius:0.2rem;overflow: hidden;}
.info-xinxi dl .area-text span em{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;width: 88%;display: inline-block;}
.info-xinxi dl .area-text span:nth-child(2){margin:0 2%;}
.info-xinxi dl .area-text span i{float:right;color:#919cbd;font-size:0.4rem;width:12%;}


.no-stock-tips-bg{position:fixed; top:0px; left:0px; height:100%; width:100%; background:#000; opacity:0.5; z-index:99; display:none;}
.no-stock-tips{ position:fixed; top:35%; left:5%; width:90%; font-size:0.76rem; text-align:center; background:#fff; padding:0.6rem 0; border-radius:5px; z-index: 999;  display:none; }

.area-text{line-height: 1.8rem;height: 1.8rem;font-size: 0.65rem; color:#ccc;}    
.area-text-on{ color:#333;} 

.mui-btn{font-size:14px;font-weight:400;line-height:1.42;position:relative;display:inline-block;margin-bottom:0;padding:6px 12px;cursor:pointer;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;text-align:center;vertical-align:top;white-space:nowrap;color:#333;border:1px solid #ccc;border-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;background-clip:padding-box}
.mui-backdrop{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3)}
.mui-btn-blue{color:#fff;border:1px solid #007aff;background-color:#007aff}


/* 订单提交 */
.submit-title{ background: #ff3600;color: #fff;font-size:0.65rem;height: 2rem; text-align:center; line-height:2rem; /*text-indent: 1.5rem;*/}
.submit-title img{ margin:-0.1rem 0 0 0 ; width:.8rem;}
.submit-title em{display:inline-block; width:2.5rem; }
.submit-title em span{ width:0.7rem; display:inline-block; text-align: center;}
.submit-title em i{ width:0.2rem; display:inline-block; text-align: center;}
.submit-address{ background:#fff; border-radius:15px; width:96%; margin:.4rem auto;}
.submit-address dl{ padding:3% 3%; font-size:.75rem; position:relative;}
.submit-address dl dt{ font-weight:bold;}
.submit-address dl dt span{ margin-left:10px;}
.submit-address dl dd{ line-height:1rem; width:86%; color:#999;}
.submit-address dl li{ position:absolute; right:3%; top:0.5rem; color: #4490ff; text-align:center; line-height:1.2rem}
.submit-address dl li img{ width:.9rem; display: block; margin:0 0 0 .3rem;}

.submit-info{ overflow:hidden; border-radius:15px; width:96%; margin:0 auto .4rem  auto; background:#fff;}
.submit-info-title{ background:#f8e8d1; color: #f15531; font-size:0.7rem; line-height:1.8rem; padding:0 0 .6rem 0}
.submit-info-title img{ width:0.9rem; margin:-.2rem .3rem 0 .6rem;}

.submit-info-info{ padding:0.5rem 3%; margin:-.6rem 0 0 0;  background:#fff; border-radius:15px 15px 0 0; }
.submit-info-info dl dt{ overflow:hidden; border-radius:10px; width:3rem; height:3rem}
.submit-info-info dl dt img{ width:3rem;}
.submit-info-info dl dt{ float:left; width:3rem;}
.submit-info-info dl dd{ margin-left:3.3rem;}
.submit-info-info dl dd p{ font-size:0.7rem; line-height:0.8rem; height:.8rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.submit-info-info dl dd ol{ color:#999; line-height:0.8rem; font-size:0.65rem; }
.submit-info-info dl dd li{ color:#ff3600; font-size:0.65rem; line-height:1rem;}
.submit-info-info dl dd li b{ font-size:0.9rem; font-weight:550;}
.submit-info-info dl dd li i{ float:right; color: #a0a0a0; text-decoration:line-through;}

.submit-info-info .submit-info-brand{ border-bottom:1px solid #ccc; padding: 0 0 0.2rem 0.2rem; margin: 0 0 0.3rem 0; font-size:0.7rem;}
.submit-info-info .submit-info-brand b{color:red;}

.submit-info-bao{ padding:0.55rem 2%; overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:0 0 0 0;line-height: 1.1rem; font-size: 0.73rem;} 

.submit-info-bao img{width:1.2rem;height:1.2rem;float:left;margin-right: 3px; margin-left: 0.2rem;}
.submit-info-bao span{color:#753c05;float:right; font-size:.65rem;}

.submit-info-peisong dl{ font-size:0.7rem; margin:0 3%; line-height:1.8rem;}
.submit-info-peisong dl dt{ float:left;}
.submit-info-peisong dl dt img{ width:1.2rem;margin:-0.1rem 0 0 0;}
.submit-info-peisong dl dd{ float:right; color:#666;}


.submit-pay{ overflow:hidden; border-radius:15px; width:96%; margin:0 auto .4rem  auto; background:#fff;}
.submit-pay-title{ font-size:0.75rem; font-weight:500; line-height:1.8rem; padding:0 3%; border-bottom:1px solid #f8f8f8;}
.submit-pay-list dl{ margin:0 3%; position:relative; border-bottom:1px solid #f8f8f8; padding:0.4rem  0;}
.submit-pay-list dl dt{ float:left; }
.submit-pay-list dl dt img{ width:1.8rem; margin:0 0 0 0;}
.submit-pay-list dl dd{ margin:0 0 0 2.3rem;}
.submit-pay-list dl dd b{ display:block; font-size:0.75rem; font-weight:500; line-height:1rem;}
.submit-pay-list dl dd b i{ color:#cb172a;}
.submit-pay-list dl dd span{ font-size:0.58rem; line-height:0.8rem; color:#999;}
.submit-pay-list dl dd span i{ color:#cb172a; padding-left:3px;}
.submit-pay-list li{ position:absolute; right:0; top:0.9rem; width:1rem; height:1rem; line-height:1rem; background:#f1f1f1; color:#fff; text-align:center; border-radius:50%; }
.submit-pay-list li.hover{ background:#ff3600;}
.submit-pay-list li i{ font-size:0.7rem; font-weight:bold;}

.submit-total{overflow:hidden; border-radius:15px; width:96%; margin:0 auto .3rem auto; background:#fff; padding:0.3rem 0 0 0;}
.submit-total dl{ line-height:1.3rem; overflow: hidden; padding:0 3%; font-size:0.75rem;}
.submit-total dl dt{ float:left;}
.submit-total dl dd{ float:right; color:#888;}
.submit-total dl dd span{ color:#cb172a;}
.submit-total li{ border-top:1px solid #f8f8f8; line-height:1.8rem; font-size:0.75rem;padding:0 3%; text-align:right;}
.submit-total li span{ font-weight:bold; color:#cb172a;}

.submit-bao{ width:50%; margin:5px auto;}
.submit-bao img{ width:100%;}
.submit-go-back{ position:absolute; top:0px; font-size:0.7rem; color:#fff; line-height: 2rem;}
.submit-go-back i{ font-size:0.65rem; }

.submit-pay ol{padding:0 3%;line-height: 2.4rem; font-size: 0.75rem;}
.submit-pay ol img{height:0.9rem;margin-right:3px;}
.submit-pay ol span{color:#ff3600;}
.submit-pay ol label{background:#ff3600; width:1rem; height:1rem; line-height:1rem; color:#fff; text-align:center; border-radius:50%;float: right; margin-top: 0.7rem;}
.submit-pay ol label i{font-size: 0.7rem; font-weight: bold;}
.submit-pay ul{ line-height: 2.4rem; overflow: hidden; margin:0 3%; font-size:0.75rem;border-top: 1px solid #f8f8f8;border-bottom: 1px solid #f8f8f8;}
.submit-pay ul dt{ float:left;}
.submit-pay ul dd{ float:right; color:#888;}
.submit-pay ul dd span{ color:#ff3600;}


.submit-bottom{ position:fixed; bottom:0px; left:0px; width:100%; }
.submit-bottom-top{ background:#f8e8d1; overflow:hidden; font-size:0.7rem; line-height:1.3rem; padding:0 0.7rem; color:#f15531;}
.submit-bottom-top dl dt{ float:left;}
.submit-bottom-top dl dd{ float:right;}
.submit-bottom .submit-bottom-l{ width:57%; text-align:right; background:#fff; padding-right:3%; height:2.6rem;}
.submit-bottom .submit-bottom-l b{ font-size:0.6rem; margin-top:0.2rem; display: block;}
.submit-bottom .submit-bottom-l p{ font-size:0.65rem; color:#ff3600;font-weight: 600;}
.submit-bottom .submit-bottom-l p em{ font-size:0.8rem;}
.submit-bottom .submit-bottom-r{ width:40%;background: -webkit-gradient(linear, left top, left bottom, from(#ff2400), to(#fea005)); background:linear-gradient(to bottom, #ff2400, #fea005); /*background:url(../images/info-bottom-bg.png);*/ background-size:100% 100%;color:#fff; text-align:center; /*line-height:2.6rem;*/line-height:0.9rem; height:2.6rem;}
.submit-bottom .submit-bottom-r b{ font-size:0.9rem; display: block; font-weight: 500; padding:0.4rem 0;}
.submit-bottom .submit-bottom-r b i{font-size:0.4rem;}

.submit-tips-bg{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.5; display:none; z-index:99999;}
.submit-tips{ width:90%; position:fixed;  top:30%; left:5%; background:#fff; border-radius:0.7rem; text-align:center; font-size:0.8rem; display:none; z-index:999999;}
.submit-tips p{ line-height:2rem; margin:0.3rem 0 0 0; color:Red;}
.submit-tips div{ line-height:1.3rem; margin:0 0 0.6rem 0} 
.submit-tips dl{ line-height:2rem; border-top:1px solid #ccc;}
.submit-tips dl dt{ float:left; width:50%; border-right:1px solid #ccc; box-sizing: border-box; color:#999;}
.submit-tips dl dd{ float:right;width:50%; color:red;}


/** 联系客服 **/
.kefu-title{background: #6072f8;color: #fff;text-align: center;font-size: 0.8rem;line-height: 2rem;position: relative;}
.kefu-title a{ position:absolute; font-size:1rem; left:0.2rem; color:#fff;}
.kefu-time{ background:#6072f8; border-radius:0 0 0.9rem 0.9rem; width: 100%; margin: 0; text-align: center; padding: 1.2rem 0; color:#fff;}
.kefu-time .kefu-btn-dl{width:7.2rem; margin:0.5rem auto; position: relative;}
.kefu-time .kefu-btn-dl dt{background:#fff; color:#6072f8; font-weight: bold; border-radius: 1.3rem; font-size: 0.8rem;line-height: 1.8rem; display: inline-block; float:left; width:100%;}
.kefu-time .kefu-btn-dl dd{ color:#fee378; margin:0.45rem 0 0 0.7rem; border-radius:0.2rem; border:1px solid #fee378; display: inline-block; width:3.1rem; text-align:center; position: absolute; font-size: 0.6rem; line-height: 0.9rem;}
.kefu-time .kefu-time-text{  font-size:0.65rem; opacity: 0.5; padding:0.6rem 0 1rem 0;}
.kefu-time .kefu-time-dl{ width:14rem; margin:0px auto; background:#ccc;}
.kefu-time .kefu-time-dl dt{ background:#fff; border-radius:50%; width:3rem; height:3rem; line-height:3rem; float:left;}
.kefu-time .kefu-time-dl dt img{ width:80%;}
.kefu-time .kefu-time-dl dd{ margin:0 0 0 0.5rem; float:left; text-align:left;}
.kefu-time .kefu-time-dl dd b{ font-size:0.76rem; line-height:1.6rem;}
.kefu-time .kefu-time-dl dd p{ font-size:0.65rem;}

.kefu-wenti-title{ border:none; border-color:#e03925; width:15rem; text-align:center; margin: 0px auto 2.8rem auto; position: relative;}
.kefu-wenti-title i{ width:4rem; float:left;}
.kefu-wenti-title i.i-l{position:absolute; top: -0.5rem;left: 1.2rem;}
.kefu-wenti-title i.i-r{position:absolute; top: -0.5rem;right: 1.2rem;}
.kefu-wenti-title span{ line-height:2rem; padding:1rem 0 0 0;  font-size: 1rem;font-weight: 545;position: absolute;  top: -0.5rem;left: 4.5rem;} 
.kefu-wenti-title i img{ width:100%;}
.kefu-wenti{background:none; width:94%; margin:10px 3%;}
.kefu-wenti dl{ padding:5px 4% 0.5rem 4%; background:#fff; border-radius:0.5rem; margin:0.5rem 0;}
.kefu-wenti dl dt{ line-height:1.5rem; font-size:0.75rem; font-weight:540; border-bottom:1px dashed #f1f1f1}
.kefu-wenti dl dt i{ background:#57cb5c; color:#fff; border-radius:50%; text-align:center; font-size:0.6rem; line-height:0.9rem;  height:0.9rem; width: 0.9rem; display: inline-block;}
.kefu-wenti dl dd{ color:#666; line-height:0.9rem; padding:0.2rem 0; font-size:0.65rem; }
.kefu-wenti dl dd i{ background:#999999; color:#fff; border-radius:50%; text-align:center; font-size:0.5rem; line-height:0.7rem;  height:0.7rem; width: 0.7rem; display: inline-block; margin: 0 0.2rem 0 0;} 

.kefu-home{ line-height:2rem; text-align:center; height:2rem; background:#dc2915; color:#fff; font-size:0.8rem; position:fixed; bottom:0px; left:0px; width:100%;z-index:9;}
.kefu-home img{ margin:-0.2rem 0.3rem 0 0; width:1rem;}


/* 产品搜索 */
.search-heat-list{ width:86%; margin:0 auto; background:#fff; border-radius:10px; padding:15px 3%; overflow:hidden;}
.search-heat-list dl{ font-size:0.65rem; padding:0.5rem 0; overflow:hidden;}
.search-heat-list dl dt{ font-weight:550; float:left; width:16rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis}
.search-heat-list dl dt i{ color:#f39e04; padding:0 0.3rem 0 0;}
.search-heat-list dl dd{ color:#999; float:right;}

.search-key{  width:92%; margin:0 auto; overflow:hidden;}
.search-key dl{ font-size:0.76rem;  overflow:hidden;}
.search-key dl dt{ font-weight:600; float:left;}
.search-key dl dd{ float:right; color:#999;}
.search-key ul{ overflow:hidden; margin: 0.4rem 0;}
.search-key ul li{ float:left; background:#e5e5e5; font-size:0.65rem; border-radius:2.5rem; padding:0.2rem 0.7rem; margin:0 0.3rem 0.3rem 0;}


/* 投诉 */
.complaint-title{ font-size:1rem; text-align:center; line-height:2.5rem; position:relative; font-weight: 550;}
.complaint-title i{ font-size:1rem; position:absolute; left:0; width:1.5rem;}
.complaint-title a{position:absolute; right:.5rem; top:-.2rem;}
.complaint-title a img{ width:1.3rem;}

.complaint-dl dl{ width:92%; margin:0 auto;}
.complaint-dl dl dt{ font-size:.75rem; font-weight:550; line-height:1.8rem;}
.complaint-dl dl dd span{ font-size:0.7rem; border-radius:2rem; color:#333; border:1px solid #ccc; padding:0.3rem 0.7rem; display: inline-block; margin:0.3rem;}
.complaint-dl dl dd span.hover{ border:1px solid #c62824; color:#c62824; }
.complaint-dl dl dd ol{ background:#f8f8f8; border-radius:5px;}
.complaint-dl dl dd ol input{ width:92%; padding:0 4%; line-height:2rem; background:none; border:none; font-size:0.75rem;}
.complaint-dl dl dd ol input::-webkit-input-placeholder{color: #999;}
.complaint-dl dl dd ol input::-moz-placeholder{color: #999;}
.complaint-dl dl dd ol input:-moz-placeholder{color: #999;}
.complaint-dl dl dd ol input:-ms-input-placeholder{color: #999;}
.complaint-dl dl dd ol textarea{ width:92%; padding:.5rem 4%; line-height:1.0rem; background:none; border:none; font-size:0.75rem; resize:none;}  
.complaint-dl dl dd ol textarea::-webkit-input-placeholder{color: #999;}
.complaint-dl dl dd ol textarea::-moz-placeholder{color: #999;}
.complaint-dl dl dd ol textarea:-moz-placeholder{color: #999;}
.complaint-dl dl dd ol textarea:-ms-input-placeholder{color: #999;}
.complaint-dl dl dd li{ background:#f8f8f8; border-radius:5px; overflow:hidden;}
.complaint-dl dl dd li textarea{ width:92%; padding:.5rem 4%; line-height:1.0rem; height:4rem; background:none; border:none; font-size:0.75rem; resize:none;}
.complaint-dl dl dd li textarea::-webkit-input-placeholder{color: #999;}
.complaint-dl dl dd li textarea::-moz-placeholder{color: #999;}
.complaint-dl dl dd li textarea:-moz-placeholder{color: #999;}
.complaint-dl dl dd li textarea:-ms-input-placeholder{color: #999;}
.complaint-dl dl dd li div{ position:relative; width:3rem; height:2.6rem; overflow:hidden; padding:0.4rem 0 0 0; text-align:center; font-size:0.65rem; color:#666; background:#e9e9e9; border-radius:5px; margin:0.5rem 0.7rem; float:left;}
.complaint-dl dl dd li div i{ font-size:1rem; display: block;}
.complaint-dl dl dd li div input{ width:3rem; height:3rem; position:absolute; top:0px; left:0px; opacity:0;}

.complaint-dl dl dd li ul{ margin:0 0 0 0.7rem; }
.complaint-dl dl dd li ul p{ width:3rem; height:3rem; float:left; margin:0.5rem 0.7rem 0 0; position:relative;}
.complaint-dl dl dd li ul p:last-child{ margin:0.5rem 0 0 0;}
.complaint-dl dl dd li ul p img{ width:3rem; height:3rem; border-radius:5px; overflow:hidden;}
.complaint-dl dl dd li ul p i{ position:absolute; top:0.1rem; right:0.1rem; font-size:1rem; color:#c62824; width:1rem; height:1rem; line-height:1rem; border-radius:50%; background:#fff; opacity:0.8;} 

.complaint-bottom{ /*position:fixed;*/ bottom:1rem; left:0px; width:100%; }
.complaint-bottom dl dt,.complaint-bottom dl dd{ float:left; background:#c62824; color:#fff; font-size:0.7rem; font-weight:550; border-radius:1.5rem; width:42%; text-align:center; padding:.4rem 0; margin:0 4%;}
.complaint-bottom dl dd{ background:#666 !important;}



/* 订单详情 */
.orderinfo-status{ background:#fe2d30; padding:0 0 2rem 0; position:relative;border-radius: 0 0 1rem 1rem;}
.orderinfo-status p{ text-align:center; color:#fff; font-size:0.83rem; padding:1rem 0;}
.orderinfo-status p i{}
.orderinfo-status p i img{ width:1.6rem; margin:-0.45rem 0 0 0;}
.orderinfo-status p em{ position: relative; top: -0.18rem;}
.orderinfo-namexx{ background:#fff; border-radius:0.3rem; width:94%; left:3%; position:absolute; top:3rem;}
.orderinfo-namexx dl{ padding:0.7rem;}
.orderinfo-namexx dl dt{ font-weight:550; font-size:0.76rem; padding:0 0 0.5rem 0;}
.orderinfo-namexx dl dd{ font-size:0.65rem;}
.orderinfo-order{  background:#fff; border-radius:0.3rem; width:94%; margin:0 auto;}
.orderinfo-order ul{ padding:0.3rem 0.5rem;}
.orderinfo-order ul li{ line-height:1.2rem; font-size:0.65rem; color:#999;}
.orderinfo-order ul li span{ color:#333;}
.orderinfo-order ul li em{ float:right;}
.orderinfo-order ul li a{ border:1px solid #6072f8; color:#6072f8;padding: 0.1rem 0.3rem; border-radius: 1rem;}
.orderinfo-order ul li i{ color:#fe2d30; margin:0 0 0 0.3rem; float:right;}

.orderinfo-product{ width:94%; margin:0 auto 0.5rem auto; background:#fff; border-radius:0.3rem; overflow:hidden;}
.orderinfo-product dl{ border-bottom:1px dashed #ccc; padding:0.5rem; overflow:hidden;}
.orderinfo-product dl dt img{ width:100%;}
.orderinfo-product dl dt{ float:left; width:3.3rem; border-radius:0.3rem; overflow:hidden;}
.orderinfo-product dl dd{ margin-left:3.8rem;}
.orderinfo-product dl dd p{ font-size:0.65rem; line-height:1.2rem; height:1.2rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.orderinfo-product dl dd ol{ color:#999; line-height:1rem; font-size:0.6rem;}
.orderinfo-product dl dd li{ color:#fe2d30; font-size:0.65rem; line-height:0.9rem;}
.orderinfo-product dl dd li b{ font-size:0.7rem; font-weight:550;}
.orderinfo-product dl dd li i{ float:right;  color: #6e6e6e; text-decoration:line-through;}

.orderinfo-product ul{ padding:0.3rem 0.5rem; font-size:0.65rem; line-height:1.3rem; overflow: hidden;}
.orderinfo-product ul p{ color:#999; float:left;}
.orderinfo-product ul p i{ color: #6072f8;  margin:0 0 0 0.3rem; }
.orderinfo-product ul li{ float:right;}
.orderinfo-product ul li a{ float:left; margin:0 0 0 0.4rem; border-radius:1.5rem; color:#6072f8; border:1px solid #6072f8; padding:0.2rem 0.4rem; line-height: normal;}

.orderinfo-product .orderinfo-product-brand{font-size:0.7rem; border-bottom:1px solid #f1f1f1; padding:0.2rem 0.5rem; }
.orderinfo-product .orderinfo-product-brand b{ color:red;}

.orderinfo-return{ position:fixed; bottom:0.5rem; width:94%; left:3%; background:#fe2d30; font-size:0.76rem; color:#fff; text-align:center; border-radius:1.5rem; padding:0.5rem 0; z-index:99;}

.orderinfo-payinfo{ background:#fff; border-radius:0.3rem; width:94%; margin:0 auto 0.5rem auto ; overflow:hidden;}
.orderinfo-payinfo dl{ width:90%; margin:0 auto; padding:0.6rem 0; overflow:hidden;}
.orderinfo-payinfo dl dt{ float:left; font-size:0.8rem;}
.orderinfo-payinfo dl dt img{ width:2rem;}
.orderinfo-payinfo dl dd{ float:right; margin:0.45rem 0 0 0;}
.orderinfo-payinfo dl dd i{ color:#fff; background:#fe2d30; border-radius:50px; font-size:0.8rem; font-weight: bold; display: block; width:1.1rem; height:1.1rem; line-height:1.1rem; text-align:center;}



/* 查询物流 */
.express-list-title{ font-size:0.76rem;padding: 0.3rem 0.9rem; margin: 0 0 0.5rem 0;}
.express-list{ width:94%; margin:0.2rem auto 1rem auto; padding:0.5rem 0 1rem 0; background:#fff; border-radius:0.3rem; overflow:hidden;}
.express-list dl{ width:90%; margin:0 auto; padding:0 0 0.8rem 0; line-height:0.6rem; position:relative}
.express-list dl:nth-child(2) dt{ background:#f54d31;}
.express-list dl:nth-child(2) dd{ color:#f54d31;}
.express-list dl:nth-child(2) dd p{ font-weight:550;}
.express-list dl:nth-child(2) dd span{ color:#f54d31;}
.express-list dl:last-child li{ display:none;}
.express-list dl dt{ width:0.6rem; height:0.6rem; background:#e1e1e1;  border-radius:50%; float:left; position:absolute; z-index:2;}
.express-list dl dd{ margin-left:1rem; font-size:0.76rem;}
.express-list dl dd p{ line-height:1.2rem; position: relative; top: -0.24rem;}
.express-list dl dd span{ line-height:1.3rem; font-size:0.65rem; color:#999;}
.express-list dl li{ position:absolute; height:100%; width:0.1rem; background:#e1e1e1; top:0px; left:0.26rem; z-index:1;}

.orderinfo-express{ background:#fff; border-radius:0.3rem; width:94%; left:3%; position:absolute; top:3.2rem;}
.orderinfo-express dl{ padding:0.7rem;}
.orderinfo-express dl dt{ float:left;}
.orderinfo-express dl dt img{ width:2rem; height:2rem;}
.orderinfo-express dl dd{ margin-left:2.5rem;}
.orderinfo-express dl dd b{ font-weight:550; font-size:0.76rem;}
.orderinfo-express dl dd span{ font-size:0.65rem; display: block;}


/*秒杀详情页样式*/
.detail-mstime{margin-bottom:0.5rem;height:3rem;overflow: hidden;}
.detail-mstime ol{width: 70%; float: left; box-sizing: border-box;padding-left: 0.6rem; background: #df2e24; font-size: 0.7rem;color: #fff;height: 100%;padding-top: 0.13rem;}
.detail-mstime ol span{font-size: 0.75rem;}
.detail-mstime ol span b{font-size: 1.2rem;font-weight: 600;}
.detail-mstime ol i{padding:0 0.3rem; text-decoration: line-through;}
.detail-mstime dl{width: 30%; float: left; box-sizing: border-box;background: #ffc42a; position: relative;height: 100%;color: #fff;text-align: center; font-size:0.7rem}
.detail-mstime dl em{position: absolute; z-index:2; top: 33%; left: -16px; width: 0;  height: 0; border: 8px solid transparent; border-right: 8px solid #ffc42a;}
.detail-mstime dl dt{display: inline-block;padding-top: 0.4rem;}
.detail-mstime dl dt img{width:0.8rem;margin-right: 2px;}
.detail-mstime dl dd{display: inline-block;padding-top: 0.2rem;}
.detail-mstime dl dd span{background-color: #f09820;border-radius: 3px;width: 1.1rem;height: 1.1rem;text-align: center;line-height: 1.1rem;font-size: 0.65rem;display: inline-block;margin: 0 2px;}
.detail-mstime-bottom{margin-left:5.8rem !important;}
/*end*/



/* 数字滚动 */
.numScroll{display:inline-block;position: absolute; text-align: center; left: 0px; width: 100%;  top:58%; color: #ea0603;}
.numScroll li,.numScroll span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; }
.numScroll .dataNums{display:inline-block; text-align:center;margin:0 auto;}
.numScroll .dataNums .dataOne{ width:17px; height:30px;line-height:30px; text-align:center;float:left;}
.numScroll .dataNums .dataOne sub{color: #ea0603; font-size: 30px; display: inline-block;}
.numScroll .dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.numScroll .dataNums .dataBoc .dataBoc-tt{position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.numScroll .dataNums .dataBoc-tt span{width:100%;height:100%; font-size:30px;color: #ea0603; float:left;}
.numScroll .dataNums .dataOne-sub{ width:10px;}
.numScroll .dataNums em{margin:6px 0 0 2px; display: inline-block; font-size:20px;}



@keyframes twinkle {
	0%{
		background:#fe2c2d;
	}
	50%{
		background:#ffc42a;
	}
	100%{
		background:#fe2c2d;
	}
}

.bottom-nav{ position:fixed; left:0px; bottom:0px; background:#fff; width:100%; border-top:1px solid #ccc; z-index:99; }
.bottom-nav dl{ float:left; text-align:center; width:20%; margin:5px 0 7px 0;}
.bottom-nav dl dt{ width:1.2rem; height:1.2rem; line-height:1.2rem; text-align:center; display: inline-block; position: relative;}
.bottom-nav dl dt i.order_sum{ background:#ff2c2e; color:#fff; position:absolute; top:-0.1rem; border:1px solid #fff; right:-0.45rem; line-height:0.8rem; border-radius:1rem; min-width:0.39rem; padding:0 0.2rem; text-align:center; font-size:0.65rem; display:none;}
.bottom-nav dl dt img{ width:100%; }
.bottom-nav dl dd{ margin:5px 0 0 0; color: #9da0ae; font-size:0.6rem; line-height:1rem;}
.bottom-nav dl.hover dd{ color: #ff2c2e; }
.bottom-nav dl:nth-child(3) dt{ width:3.2rem; margin: 0.1rem 0 0 0; }

.bottom-nav .point-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(calc(-100% - 5px));
    -webkit-transform: translateX(-50%) translateY(calc(-100% - 5px));
    -webkit-animation: foolishShake .5s infinite;
    animation: foolishShake .5s infinite
}
.bottom-nav .point-center img{ width:6rem;}

.login-top{ background:#f5f5f5; line-height:1.8rem;}
.login-top a{ font-size:0.75rem; color:#333;}
.login-top a i{ font-size:0.75rem;}

.login-logo{ background:#d32d25; color:#fff; font-size:1rem; font-weight: bold; padding:1rem; display: table; border-radius: 0.6rem; margin: 2rem auto 0.8rem auto; text-align: center;}
.login-logo-text{text-align: center; color:#d32d25; font-size:0.75rem; }

.login-dl{ width:90%; margin:0.5rem 5%; border:1px solid #ccc; border-radius:0.5rem;}
.login-dl dl{ clear:both; height:1rem; line-height:1rem; margin:0.6rem 0.5rem; border-bottom:1px solid #ccc; padding:0.2rem 0;}
.login-dl dl dt{ float:left; width:1.5rem; text-align:center;}
.login-dl dl dt i{ font-size:0.85rem; color:#999;}
.login-dl dl dd{ margin-left:1.5rem;}
.login-dl dl dd input{ height:0.85rem; font-size:0.65rem; width:100%; border:none;}
.login-dl dl.code dd input{width:8rem;}
.login-dl dl.code dd{float:left; margin-left:0;}
.login-dl dl.code li{float:right; margin:-0.5rem 0 0 0;}
.login-dl dl.code li img{ width:6rem;}
.login-dl dl.sms_code{border:none;}
.login-dl dl.sms_code dd{float:left; margin-left:0;}
.login-dl dl.sms_code dd input{width:8rem;}
.login-dl dl.sms_code li{float:right; font-size:0.65rem; color:#d32d25;}
.login-button{ background:#d32d25; color:#fff; text-align: center;width:90%; margin:1rem 5%; line-height:2rem; font-size:0.75rem; border-radius: 0.2rem; }
.login-checkbox{ width:90%; margin:0 auto; font-size:0.65rem; color:#999;}
.login-checkbox dl{ margin:0.5rem 0;}
.login-checkbox dt{ width:1.2rem;}
.login-checkbox dt input{ width:0.8rem; height:0.8rem;}
.login-checkbox dt{ float:left;}
.login-checkbox dd i{ color:#d32d25;}

.returns-top{ background:#ff3600; line-height:1.8rem;}
.returns-top a{ font-size:0.75rem; color:#fff;}
.returns-top a i{ font-size:0.75rem;}


@media screen and (min-width:750px){
	.notice-swiper{  left:50%; margin-left:-365px; }
	.home-header-bottom{ left:50%; margin-left:-50%;}
	.fxg-bg dl dd li{  margin-left: 1.8rem;}
	
}



@-webkit-keyframes foolishShake {
    0% {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 5px));
        transform: translateX(-50%) translateY(calc(-100% - 5px))
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 10px));
        transform: translateX(-50%) translateY(calc(-100% - 10px))
    }

    to {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 5px));
        transform: translateX(-50%) translateY(calc(-100% - 5px))
    }
}

@keyframes foolishShake {
    0% {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 5px));
        transform: translateX(-50%) translateY(calc(-100% - 5px))
    }

    50% {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 10px));
        transform: translateX(-50%) translateY(calc(-100% - 10px))
    }

    to {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 5px));
        transform: translateX(-50%) translateY(calc(-100% - 5px))
    }
}