@charset "utf-8";
/* CSS Document */

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
html{ background:#EEEEEE; /*height: 100%;*/}
body{ background: #EEEEEE; /*height: 100%;*/ -webkit-text-size-adjust:none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; overflow-x:hidden;}
html,body{ max-width:750px; color:#666; font: 0.48rem/1.4 "微软雅黑",Arial; -webkit-text-size-adjust:none; margin:0px auto; padding:0px; }

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#bec8ff;}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#bec8ff;}
input::-ms-placeholder,textarea::-ms-placeholder { /* Mozilla Firefox 19+ */ color:#bec8ff; }
input::-o-placeholder,textarea::-o-placeholder { /* Mozilla Firefox 19+ */ color:#bec8ff; }
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#bec8ff;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

li{ list-style:none;}
.fl,.fr{ float: none;}
.clearfix{ clear:both;}
/*.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}*/
a{ text-decoration:none; color:#666; border:none; blr:expression(this.onFocus=this.blur());}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none;}
img{ border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}
em,i{ font-style:normal;}
#border{ border:none;}
img{ vertical-align:middle; max-width:100%;}
.wrapper{ margin: 0 0.5rem;}


.pad25{ padding: 0.5rem;}
.padlr25{ padding: 0 0.5rem;}
.bgc-fff{ background: #FFFFFF;}



/* 注册 */
.regfix{ position: absolute; top: 0px; left: 0px; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: url(../images/zc-body-bg.jpg) repeat-x 100%;}
.regfixc{}
.regfix .logo{ display: flex; justify-content: center; align-items: center;}
.regfix .logo img{ width: 8.04rem;}
.regfix .regform{ width: 14rem; background: #FFFFFF; margin: 1.4rem 0 1.0rem; padding: 5.2rem 0.5rem 2.2rem; border-radius: 0.2rem;}
.regform ul li{ display: flex; align-items: center; height: 2rem; margin-bottom: 0.25rem; border: 1px solid #EEEEEE; padding: 0 0.3rem; border-radius: 0.2rem;}
.regform ul li:last-child{ margin-bottom: 0;}
.regform ul li .name{ display: flex; align-items: center; width: 4.4rem; font-size: 0.56rem; color: #000000;}
.regform ul li .name img{ width: 0.8rem; margin-right: 0.4rem;}
.regform ul li input{ width: 9rem; height: 100%; border: 0 none; font-size: 0.48rem; color: #000000;}
.regform ul li input.yzm{ width: 5rem;}
.regform ul li .hqyzm{ display: flex; justify-content: center; align-items: center; width: 3.6rem; height: 1.2rem; background: #849efb; color: #FFFFFF; border-radius: 0.15rem; margin-left: 0.4rem;}
.regsub{ display: block; width: 11.2rem; height: 2.2rem; background: #849efb; font-size: 0.72rem; color: #FFFFFF; border: 0 none; border-radius: 2.2rem; margin: 0 auto;}


/* 商城首页-顶部 */
.top-search{ padding: 0.4rem 0.5rem;}
.search-div{ display: flex; justify-content: space-between; height: 1.5rem; border-radius: 1.5rem; border: 1px solid #CCCCCC; overflow: hidden; background: #FFFFFF;}
.top-search .search-div div{ position: relative; z-index: 1; width: 11.6rem; padding: 0 0.6rem; }
.sear-txt{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 1.48rem; display: flex; justify-content: center; align-items: center; font-size: 0.56rem; color: #c9c9c9;}
.sear-txt img{ width: 0.68rem; margin-right: 0.3rem;}
.search-div input{ width: 100%; height: 1.48rem; border: 0 none; font-size: 0.56rem;}
.search-div input.search-sub{ width: 2.4rem; background: #839cf6; color: #FFFFFF; font-size: 0.56rem;}

/* 商品列表页-顶部 */
.top-title{ position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; height: 1.72rem; padding: 0 0.5rem;}
.top-title .rt-page{ position: absolute; top: 0; left: 0.5rem; z-index: 10; display: flex; justify-content: center; align-items: center; width: 0.36rem; height: 100%;}
.top-title .name{ font-size: 0.68rem; color: #4a4a4a;}
.borbtm{ border-bottom: 1px solid #D8D8D8;}


/* 商城首页-分类 */
.itype-list{ padding: 0.6rem 0.5rem;}
.itype-list ul{ display: flex;}
.itype-list ul li{ width:3rem; margin-right: 1.5rem;}
.itype-list ul li:last-child{ margin-right: 0;}
.itype-list ul li a{ display: block; text-align: center;}
.itype-list ul li a p{ display: block; padding: 0.2rem 0; font-size: 0.56rem; color: #4C4C4C;}

/* 商城首页-限时抢购 */
.xsqglist{ padding: 0.5rem 0;}
.xsqglist ul li{}
.xsqglist ul li .xsqgimg{ border: 1px solid #CCCCCC; border-radius: 0.15rem;}
.xsqglist ul li .xsqgimg span{ position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; height: 4.4rem; padding: 0.2rem; padding-bottom: 0;}
.xsqglist ul li .xsqgimg span img{ max-height: 100%; }
.xsqglist ul li .xsqgimg span i{ position: absolute; bottom:0.4rem; right: 0.1rem; z-index: 10; display: inline-block; padding: 0.1rem 0.3rem 0.1rem 0.4rem; background: #DA6F16; color: #FFFFFF; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem;}
.xsqglist ul li p{ display: flex; justify-content: center; align-items: center; height: 1.1rem; padding: 0 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3c3c3c;}
.xsqglist ul li .price{ display: flex; justify-content: center; align-items: center; height: 1rem; text-align: center; color: #cd010d;}
.xsqglist ul li .price em{ font-size: 0.36rem;}

/* 商城首页-热卖商品 */
.irmlist{ padding: 0.5rem; padding-bottom: 0;}
.irmlist ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.irmlist ul li{ margin-bottom: 0.5rem; width: 48%; background: #FFFFFF; overflow: hidden; border-radius: 0.15rem;}
.irmlist ul li a{ display: block; padding: 0.3rem;}
.irmlist ul li div{ display: flex; justify-content: center; align-items: center; width: 100%; height: 4.6rem; overflow: hidden;position: relative;}
.irmlist ul li div img{ max-height: 100%;}
.irmlist ul li .xsqgimg i{ position: absolute; bottom:0.4rem; right: 0.1rem; z-index: 10; display: inline-block; padding: 0.1rem 0.3rem 0.1rem 0.4rem; background: #DA6F16; color: #FFFFFF; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem;}
.irmlist ul li .xsqgimg div.yh{ }

.irmlist ul li p{ display: block; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #343434;}
.irmlist ul li span{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.1rem;padding: 0.3rem;}
.irmlist ul li span i{ font-size: 0.56rem; color: #f70000;}
.irmlist ul li span i em{ font-size: 0.36rem;}
.irmlist ul li span img{ width: 0.88rem;}
.irmlist ul li span samp{ display: flex; justify-content: center; align-items: center; height: 0.8rem; padding: 0 0.4rem; border: 1px solid #da6f16; border-radius: 0.8rem; color: #DA6F16;}

/* 商城首页-底部 */
.footfix{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 99990; width: 100%; max-width: 750px; margin: 0 auto; background: #FFFFFF;}
.footfix ul{ display: flex; justify-content: space-between; border-top: 1px solid #d8d8d8;}
.footfix ul li{ width: 20%;}
.footfix ul li a{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 1.92rem;}
.footfix ul li i{ height: 0.6rem; width: 100%; background-size: auto 100%; background-position: center; background-repeat: no-repeat;}
.footfix ul li p{ display: block; margin-top: 0.2rem; color: #686868;}
.footfix ul li.on{ background: #003472;}
.footfix ul li.on p{ color: #FFFFFF;}
.footfix ul li.s1 i{ background-image: url(../images/ifoot-11.png);}
.footfix ul li.s2 i{ background-image: url(../images/ifoot-21.png);}
.footfix ul li.s3 i{ background-image: url(../images/ifoot-31.png);}
.footfix ul li.s3{ position: relative;}
.footfix ul li.s3 em{position: absolute;top: -0.25rem;font-size: 0.45rem; min-width: 0.6rem; text-align: center; background-color: red; padding: 0rem 0.12rem; left: 65%; border-radius: 50%; color: #fff;}
.footfix ul li.s4 i{ background-image: url(../images/ifoot-41.png);}
.footfix ul li.s5 i{ background-image: url(../images/ifoot-51.png);}
.footfix ul li.s1.on i{ background-image: url(../images/ifoot-12.png);}
.footfix ul li.s2.on i{ background-image: url(../images/ifoot-22.png);}
.footfix ul li.s3.on i{ background-image: url(../images/ifoot-32.png);}
.footfix ul li.s4.on i{ background-image: url(../images/ifoot-42.png);}
.footfix ul li.s5.on i{ background-image: url(../images/ifoot-52.png);}

/* 商品详情 */
.ban-xq .swiper-pagination .swiper-pagination-bullet{ border: 1px solid #003472; background: none; opacity: 1;}
.ban-xq .swiper-pagination .swiper-pagination-bullet-active{ border: 1px solid #003472; background: #003472;}

.shop-xq-cont{ padding: 0.5rem;}
.shop-xq-cont dl dt{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.56rem; color: #202020; font-weight: bold;}
.shop-xq-cont dl dd{ margin-top: 0.1rem;}
.shop-xq-cont dl dd .news-price{ font-size: 0.8rem; color: #f70000;}
.shop-xq-cont dl dd .news-price em{ font-size: 0.48rem;}
.shop-xq-cont dl dd .old-price{ font-size: 0.44rem; color: #979797; margin-left: 0.4rem; text-decoration: line-through;}
.shop-xq-cont dl dd .cxtime{ padding: 0.1rem 0.3rem; margin-left: 0.4rem; font-size: 0.44rem; color: #FFFFFF; background: #F70000;}
.cxtime{ padding: 0.1rem 0.3rem; margin-left: 0.4rem; font-size: 0.44rem; color: #FFFFFF; background: #F70000;}
.shop-xq-full{padding: 0rem 0.5rem 0.5rem;;width:100%;display: flex; justify-content: space-between;}
.shop-xq-full .fulltitle{font-size: 0.56rem; color: #202020;width:20%; line-height:1.3rem; height:1.3rem;}
.shop-xq-full dl{width:78%;}
.shop-xq-full dl i{color: #F70000;border:1px solid #F70000; padding:1px; border-radius:5px;}
.shop-xq-full dl dd{height:1.2rem;line-height:1.2rem;}

.shop-xq-ts{ margin-top: 0.1rem; font-size: 0.56rem; color: #9c9c9c;}
.shop-xq-title{ display: flex; justify-content: center; align-items: center; width: 100%; height: 1.4rem; background: #DA6F16; color: #FFFFFF;}
.shop-xq-title i{ position: relative; z-index: 1; font-size: 0.52rem;}
.shop-xq-title i:before{ content: ''; position: absolute; top:50%; left: -1.3rem; z-index: 10; width: 0.9rem; border-bottom: 1px solid #FFFFFF;}
.shop-xq-title i:after{ content: ''; position: absolute; top:50%; right: -1.3rem; z-index: 10; width: 0.9rem; border-bottom: 1px solid #FFFFFF;}

.shop-xqfix{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; display: flex; width: 100%; max-width: 750px; margin: 0 auto;}
.shop-xqfix a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 2.2rem; font-size: 0.72rem; color: #FFFFFF;}
.shop-xqfix a.shop-car{ background: #003472;}
.shop-xqfix a.shop-buy{ background: #f70000;}

.shop-event-fix{ position: fixed; top: 0; left: 0; right: 0; z-index: 10000; width: 100%; height: 100%; max-width: 750px; margin: 0 auto; background: rgba(0,0,0,0.7); display: none;}
.shop-event-fixc{ position: absolute; bottom: 0; left: 0px; z-index: 10; width: 100%; padding: 0.5rem; padding-bottom: 2rem; background: #FFFFFF; display: none;}
.shop-event-fixc_in{padding-bottom: 2.5rem;}
.close{ position: absolute; top: 0.5rem; right: 0.5rem; z-index: 10; width: 0.8rem;}
.shop-event-top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}
.shop-event-top .shop-event-img{ overflow: hidden; display: flex; justify-content: center; align-items: center; width: 5.3rem; height: 4.7rem; border: 1px solid #D8D8D8; border-radius: 0.15rem;}
.shop-event-top .shop-event-img img{ max-height: 100%;}
.shop-event-top .shop-event-list{ width: 8.2rem;}
.shop-event-top .shop-event-list .shop-event-jg{ font-size: 0.6rem; color: #f70000;}
.shop-event-top .shop-event-list .shop-event-kc{ margin: 0.2rem 0; color: #a3a2a2;}
.shop-event-top .shop-event-list .shop-event-gg{ font-size: 0.52rem; color: #3C3C3C;}
.shop-event-ggxz{ border-top: 1px solid #e5e5e5;}
.shop-event-name{ display: flex; align-items: center; height: 1.8rem; font-size: 0.56rem; color: #3C3C3C;}
.shop-event-ggxz .shop-event-gglb{ display: flex; flex-wrap: wrap;}
.shop-event-ggxz .shop-event-gglb a{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; min-width: 2.4rem; height: 1.2rem; margin-right: 0.8rem; background: #efefef; color: #A3A2A2; text-transform: uppercase; border-radius: 0.1rem; margin-bottom: 0.6rem;}
.shop-event-ggxz .shop-event-gglb a input{ position: absolute; top: 0px; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0);}
.shop-event-ggxz .shop-event-gglb a.active{ background: #003472; color: #FFFFFF;}
.shop-event-buynum{ display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e5e5e5;}
.shop-event-buynum .shop-event-btn{ display: flex;}
.shop-event-buynum .shop-event-btn span{ display: flex; justify-content: center; align-items: center; width: 1.1rem; height: 1rem; margin-left: 0.2rem; background: #efefef; border-radius: 0.1rem;}
.shop-event-buynum .shop-event-btn span img{ width: 0.4rem;}
.shop-event-buynum .shop-event-btn input.num{ width: 1.6rem; height: 1rem; margin-left: 0.2rem; text-align: center; border: 1px solid #efefef; font-size: 0.48rem; color: #3C3C3C; border-radius: 0.1rem;}

a.shop-event-true{ display: flex; justify-content: center; align-items: center; width: 100%; height: 1.8rem; background: #DA6F16; font-size: 0.72rem; color: #FFFFFF; text-align: center; border-radius: 0.1rem;}
input.shop-event-true{ width: 100%; height: 2.2rem; background: #003472; font-size: 0.72rem; color: #FFFFFF; border-radius: 0.1rem; border: 0 none; font-family: "微软雅黑";}


/* 6填写订单 */
.txorder{ position: relative; z-index: 1; margin: 0.5rem 0; padding: 0 0.2rem;}
.txorder:before{ content: ''; position: absolute; top: 0px; left: 0px; z-index: 1; width: 0.2rem; height: 100%; background: url(../images/txbgl.jpg) repeat-y left top / 100% auto;}
.txorder:after{ content: ''; position: absolute; top: 0px; right: 0px; z-index: 1; width: 0.2rem; height: 100%; background: url(../images/txbgr.jpg) repeat-y left top / 100% auto;}
.txorderc{ position: relative; z-index: 1; display: flex; align-items: center; background: #FFFFFF; height: 3.2rem; padding: 0 1.5rem 0 0.9rem;}
.txorderc div{ position: absolute; top: 0px; right: 0.4rem; z-index: 10; display: flex; justify-content: center; align-items: center; width: 0.72rem; height: 100%;}
.txorderc div img{ width: 0.72rem;}
.txorderc dl{ width: 100%;}
.txorderc dl dt{ display: flex;}
.txorderc dl dt i{ margin-right: 1rem; font-size: 0.52rem; color: #000;}
.txorderc dl dt i img{ width: 0.6rem; margin-right: 0.2rem;}
.txorderc dl dt i:last-child{ margin-right: 0;}
.txorderc dl dd{ display: flex; justify-content: space-between; margin-top: 0.4rem;}
.txorderc dl dd em{ display: flex; justify-content: center; align-items: center; height: 0.66rem; padding: 0 0.3rem; font-size: 0.4rem; color: #FFFFFF; background: #DA6F16; border-radius: 0.66rem; white-space: nowrap;}
.txorderc dl dd p{ line-height: 0.66rem; width: 9.3rem; color: #7f7f7f;}

.txlist{ margin: 0 0.5rem; background: #FFFFFF;}
.txlist ul li{ margin: 0 0.5rem; border-bottom: 1px solid #E5E5E5;}
.txlist ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0;}
.txlist ul li a > div{ display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.3rem; overflow: hidden; border: 1px solid #E5E5E5; overflow: hidden;}
.txlist ul li a > div img{ max-height: 100%;}
.txlist ul li dl{ width: 9rem;}
.txlist ul li dl dt{ font-size: 0.52rem; height:2rem; line-height: 0.6rem; color: #313131; overflow: hidden;}
.txlist ul li dl dt div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #313131;}
.txlist ul li dl dt p{ display: block; margin-top: 0.1rem; font-size: 0.4rem; color: #c8c8c8;}
.txlist ul li dl dd{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.2rem; color: #4d4d4d;}
.txlist ul li dl dd span{ font-size: 0.4rem;}
.txlist ul li dl dd span i{ font-size: 0.52rem;}
.txlist ul li dl dd span em{color:#ccc;text-decoration:line-through;font-size: 0.4rem;}
.txlist ul li dl dd em{ font-size: 0.52rem; color: #ababab;}

.aatj { padding:.6rem; display: flex; align-items:center; border-bottom: 1px solid #e8e8e8;margin: 0 0.5rem;background: #FFFFFF;}
.aatj span{  display: flex;width: 4rem; font-size: .488rem; color: #bdbdbd; }
.aatj span img{  height: 0.666rem; }
.aatj ul{ display: flex;}
.aatj ul li{ position: relative;  margin: 0; border: none; margin-left: 0.5rem; color: #4d4d4d; padding: 0; padding-left: 0.7rem; background: url(../images/aatj3.png) no-repeat left center / 0.55rem;}
.aatj ul li.active{  background: url(../images/aatj2.png) no-repeat left center / 0.55rem;}
.aatj ul li input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}



.aatj_ycj { padding:0.6rem; display: flex; align-items:center; border-bottom: 1px solid #e8e8e8;margin: 0 0.5rem;background: #FFFFFF;}
.aatj_ycj span{  display: flex;width: 4.6rem; font-size: .488rem; color: #bdbdbd; }
.aatj_ycj span img{  height: 0.8rem; margin-top:-0.05rem; margin-left:-0.05rem; }
.aatj_ycj select{ height: 100%; border: 0 none; color: #A4A4A4; background-color:#fff;}

.liuyan { padding:.6rem ; display: flex;align-items:center; border-bottom: 1px solid #e8e8e8;margin: 0 0.5rem;background: #FFFFFF;}
.liuyan span{  display: block; width: 5rem; font-size: .488rem; color: #bdbdbd;}
.liuyan span img{ height:0.66rem; margin-right: .2rem; }

.liuyan textarea{ display: block; width: 10rem; border:none; background: none; font-size: .488rem; color: #999; font-family: "微软雅黑";}

.lyjg{ display: flex; justify-content: flex-end; align-items: center; height: 1.5rem; padding: 0.4rem 0.6rem; font-size: 0.52rem; color: #000000;}
.lyjg span{ margin-left: 1rem;}
.lyjg span em{ color: #f70000;}
.lyjg span em i{ font-size: 0.4rem;}

.txfix{ position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 10001; width: 100%; max-width: 750px; margin: auto; background: #FFFFFF;}
.txfix .txfdz{ display: flex; align-items: center; height: 1.9rem; border-top: 1px solid #ecd8bf; font-size: 0.48rem; color: #4A4A4A; padding: 0 0.6rem;}
.footdd{ display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 750px; height: 2.6rem; margin: 0 auto; border-top: 1px solid #c4c4c4; background: #FFFFFF; font-size: 0.72rem;}
.footdd span{ padding-left: 0.6rem; font-size: 0.56rem; color: #1a1a1a;}
.footdd span i{ color: #f70000;}
.footdd a{ display: flex; align-items: center; height: 2.6rem; padding: 0 1rem; background: #DA6F16; color: #FFFFFF;}

.haveno{ display: none !important;}

.txorderadd{ margin: 0.5rem 0;}
.txorderadd .txorderaddc{ position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; height: 1.8rem; background: #FFFFFF; font-size: 0.64rem; color: #DA6F16;}
.txorderadd .txorderaddc img{ width: 0.78rem; margin-right: 0.3rem;}
.txorderadd .txorderaddc:before{ content: ''; position: absolute; top: 0px; left: 0px; z-index: 1; width: 0.2rem; height: 100%; background: url(../images/txbgl.jpg) repeat-y left top / 100% auto;}
.txorderadd .txorderaddc:after{ content: ''; position: absolute; top: 0px; right: 0px; z-index: 1; width: 0.2rem; height: 100%; background: url(../images/txbgr.jpg) repeat-y left top / 100% auto;}



/* 个人中心 */
.mart10{ margin-top: 0.2rem;}
.grzx{ padding: 1.9rem 0.5rem 0.5rem; min-height: 6.5rem; background: url(../images/grzx-bg.png) no-repeat center top / 100% auto;}

.grzxtx{ display: flex; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid #ececec;}
.grzxtx .tx{ width: 3rem; height: 3rem; overflow: hidden; border-radius: 50%; margin-right: 0.5rem;}
.grzxtx dl dt{ font-size: 0.56rem; color: #4c4c4c;}
.grzxtx dl dd{ display: flex; align-items: center; margin-top: 0.2rem; font-size: 0.44rem; color: #c8c6c6;}
.grzxtx dl dd img{ width: 0.44rem; margin-right: 0.2rem;}

.grzxitems{ padding: 0 0.5rem;}
.grzxitems ul li a{ display: flex; justify-content: space-between; align-items: center; height: 2.0rem; font-size: 0.52rem; border-bottom: 1px solid #ececec;}
.grzxitems ul li:last-child a{ border: 0 none;}
.grzxitems ul li a div img{ width: 0.48rem; margin-right: 0.3rem;}
.grzxitems ul li a div i{ color: #4C4C4C;}
.grzxitems ul li a div em{ color: #DA6F16;}
.grzxitems ul li a span img{ width: 0.24rem;}

.grzx-state{ margin: 0 0.5rem; border-top: 1px solid #ECECEC;}
.grzx-state ul{ display: flex;}
.grzx-state ul li{ width: 33.33%;}
.grzx-state ul li a{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0.5rem 0; border-right: 1px solid #ECECEC;}
.grzx-state ul li:last-child a{ border: 0 none;}
.grzx-state ul li img{ height: 0.5rem;}
.grzx-state ul li p{ display: block; margin-top: 0.2rem; font-size: 0.52rem; color: #4C4C4C;}

.bordras10{ border-radius: 0.2rem;}


.grzlfix{ position: fixed; top: 0; left: 0; right: 0; z-index: 10000; width: 100%; max-width: 750px; height: 100%; margin: auto; background: rgba(0,0,0,0.7); display: none;}
.grzlfix .grzlfixc{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0.5rem;}
.grzlfix .grzlfixc .bgc-fff{ position: relative; z-index: 1; width: 100%; padding: 0.5rem; border-radius: 0.2rem;}
.grzlfix .grzlfixc .close{ position: absolute; top: -1.2rem; right: 0; z-index: 10; width: 0.78rem;}
.grzlfix .grzlfixc ul{}
.grzlfix .grzlfixc ul li{ margin-bottom: 0.5rem; background: #f3f3f3; border-radius: 0.2rem; }
.grzlfix .grzlfixc ul li div{ display: flex; justify-content: space-between; align-items: center; height: 1.7rem; border-bottom: 1px solid #e9e9e9; margin: 0 0.5rem;}
.grzlfix .grzlfixc ul li div:last-child{ border-bottom: 0 none;}
.grzlfix .grzlfixc ul li div span{ font-size: 0.52rem; color: #4A4A4A;}
.grzlfix .grzlfixc ul li div em{ color: #a4a4a4; font-size: 0.4rem;}
.grzlfix .grzlfixc ul li div input{ width: 7rem; height: 1.7rem; line-height: 1.7rem; border: 0 none; font-size: 0.52rem; color: #4A4A4A; text-align: right;}
.grzlfix .grzlfixc ul li div img{ width: 0.24rem;}
.grzlfix .grzlfixc ul li div span{ white-space: nowrap;}
.grzlfix .grzlfixc ul li textarea{ width: 100%; border: 0 none; background: none; padding: 0.3rem 0.5rem; font-size: 0.52rem; color: #4A4A4A; font-family: "微软雅黑"; resize: none;}
.grzlsub{ width: 100%; height: 2.2rem; background: #da6f16; font-size: 0.72rem; color: #FFFFFF; border: 0 none; border-radius: 0.2rem; font-family: "微软雅黑"; margin: 0.4rem 0;}


/* 我的积分 */
.jftop{ height: 6.82rem; padding: 1rem; background: url(../images/jf-bg.jpg) no-repeat center top / 100% auto;}
.jftop .jfgz-btn{ display: flex; justify-content: flex-end; align-items: center; color: #FFFFFF;}
.jfgz-btn img{ width: 0.48rem; margin-right: 0.2rem;}
.jftop dl{ margin-left: 6.3rem; margin-top: 0.1rem; color: #FFFFFF;}
.jftop dl dt{ font-size: 0.56rem; line-height:2rem;}
.jftop dl dd{ line-height: 1rem; font-size: 1.12rem;}

.jflist{ padding: 0.5rem 0 1rem;}
.jflist ul li{ display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; border-bottom: 1px solid #ECECEC;}
.jflist ul li dl dt{ color: #4C4C4C;}
.jflist ul li dl dd{ font-size: 0.4rem; color: #c1c1c1;}
.jflist ul li i{ color: #F70000;}


/* 重新绑定电话 */
.hbsj{ margin: 0.5rem 0;}
.hbsj ul li{ display: flex; justify-content: space-between; margin-bottom: 0.5rem; height: 1.6rem; border: 1px solid #d6d6d6; border-radius: 0.2rem; padding: 0 0.5rem;}
.hbsj ul li input{ width: 100%; height: 100%; border: 0 none; font-size: 0.56rem; color: #A4A4A4;}
.hbsj ul li select{ width: 100%; height: 100%; border: 0 none; font-size: 0.56rem; color: #A4A4A4; background-color:#fff;}
.hbsj ul li input::-webkit-input-placeholder{ color: #A4A4A4;}
.hbsj ul li input::-moz-placeholder{ color: #A4A4A4;}
.hbsj ul li input::-ms-input-placeholder{ color: #A4A4A4;}
.hbsj ul li a{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding-left: 0.5rem; white-space: nowrap; font-size: 0.56rem; color: #DA6F16;}
.hbsj ul li a:before{ content: ''; position: absolute; top: 0.5rem; left: 0; z-index: 10; width: 0; height: 0.6rem; border-left: 1px solid #da6f16;}
.hbsjsub{ width: 100%; height: 2.2rem; border: 0 none; background: #839cf6; border-radius: 0.2rem; font-size: 0.72rem; color: #FFFFFF; margin: 0.8rem 0;}
/*注册*/

.sfzup{ display: flex; justify-content: space-between; align-items: center;}
.sfzup span{ position: relative; z-index: 1; display: flex; width: 6.7rem; height: 4.5rem; border: 1px dashed #278ef5; border-radius: 0.2rem; padding: 0.1rem;}
.sfzup span .sfzimg{ position: absolute; top: 0px; left: 0px; z-index: 15; width: 100%; height: 100%; padding: 0.1rem;}
.sfzup span img{ width: 100%; height: 100%;}
.sfzup span .sfzf{ position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; padding-top: 0.7rem; text-align: center;}
.sfzup span .sfzf i{ display: block; width: 1.58rem; height: 1.58rem; margin: 0 auto; background: url(../images/tianjia-pic.png) no-repeat center / cover;}
.sfzup span .sfzf p{ display: block; margin-top: 0.5rem; font-size: 0.56rem; color: #278ef5;}
.sfzup span input{ position: absolute; top: 0px; left: 0px; z-index: 19; width: 100%; height: 100%; opacity: 0;}



/* 我的订单 */
.orderType{}
.orderType ul{ display: flex; justify-content: space-between;}
.orderType ul li{ width: 100%; text-align: center;}
.orderType ul li a{ display: flex; justify-content: center; align-items: center; height: 1.5rem; font-size: 0.56rem; color: #3C3C3C;}
.orderType ul li.active a{ color: #F70000; border-bottom: 1px solid #f70000;}
.orderlist{background: #eeeeee;}
.orderlist ul li{background: #FFFFFF;margin: 0.5rem 0;padding: 0.5rem;border-radius: 15px;}
.orderlist ul li dl dt{ display: flex; justify-content: space-between; align-items: center; height: 1.2rem; border-bottom: 1px solid #EAEAEA;}
.orderlist ul li dl dt i{ color: #cecece;}
.orderlist ul li dl dt em{ font-size: 0.52rem; color: #f70000;}
.orderlist ul li dl dd{ display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0; border-bottom: 1px solid #EAEAEA;}
.orderlist ul li dl dd .od-spimg{ display: flex; justify-content: center; align-items: center; width: 3.4rem; height: 3.2rem; overflow: hidden; border: 1px solid #EAEAEA; border-radius: 0.2rem;}
.orderlist ul li dl dd .od-spimg img{ max-height: 100%;}
.orderlist ul li dl dd .od-xx{ width: 9.1rem;}
.orderlist ul li dl dd .od-xx div{ display: flex; justify-content: space-between; align-items: center; font-size: 0.52rem; color: #313131;}
.orderlist ul li dl dd .od-xx div p{ width: 6.4rem; overflow: hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.orderlist ul li dl dd .od-xx span{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.2rem; font-size: 0.44rem; color: #C8C8C8;}
.fkprice{ display: flex; justify-content: flex-end; align-items: center; padding: 0.25rem 0; font-size: 0.52rem; color: #000000;}
.fkprice i{ color: #F70000;}
.fkprice em{ font-size: 0.4rem;}



.orderlist_coupon{background: #eeeeee;}
.orderlist_coupon ul li{background: #FFFFFF;margin: 0.5rem 0;padding: 0.5rem;border-radius: 15px;}
/*.orderlist_coupon ul li dl dt{ display: flex; justify-content: space-between; align-items: center; height: 1.2rem; border-bottom: 1px solid #EAEAEA;}
.orderlist_coupon ul li dl dt i{ color: #cecece;}
.orderlist_coupon ul li dl dt em{ font-size: 0.52rem; color: #f70000;}
.orderlist_coupon ul li dl dd{ display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0; border-bottom: 1px solid #EAEAEA;}
.orderlist_coupon ul li dl dd .od-spimg{ display: flex; justify-content: center; align-items: center; width: 3.4rem; height: 3.2rem; overflow: hidden; border: 1px solid #EAEAEA; border-radius: 0.2rem;}
.orderlist_coupon ul li dl dd .od-spimg img{ max-height: 100%;}
.orderlist_coupon ul li dl dd .od-xx{ width: 9.1rem;}
.orderlist_coupon ul li dl dd .od-xx div{ display: flex; justify-content: space-between; align-items: center; font-size: 0.52rem; color: #313131;}
.orderlist_coupon ul li dl dd .od-xx div p{ width: 6.4rem; overflow: hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.orderlist_coupon ul li dl dd .od-xx span{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.2rem; font-size: 0.44rem; color: #C8C8C8;}*/

.orderlist_coupon ul li{background:url(../images/coubg.jpg) no-repeat right top; background-size:100% 100%; margin-top:25px;}
.orderlist_coupon ul li.used{background:url(../images/coued.jpg) no-repeat left top;background-size:100% 100%;}

.orderlist_coupon ul li .con{overflow:hidden;}
.orderlist_coupon ul li .l{width:90px;height:115px;color:#fff;float:left;text-align:center;}
.orderlist_coupon ul li .l a{width:63px;height:22px;line-height:22px;display:block;margin:0 auto;background:#e3895a;text-align:center;border-radius:11px;font-size:12px;color:#fff;}
.orderlist_coupon ul li .l p{padding:5px 0;}
.orderlist_coupon ul li .price{font-size:18px;}
.orderlist_coupon ul li .price strong{font-size:36px;}
.orderlist_coupon ul li .r{padding-right:4px; width:215px;float:right;height:115px;position:relative;}
.orderlist_coupon ul li .r .b{}
.orderlist_coupon ul li .r .t{font-size:14px;color:#222;padding-top:13px;}
.orderlist_coupon ul li .r .desc{line-height:24px;}
.orderlist_coupon ul li .r .time{border-top:solid 1px #fafafa;line-height:32px;}


.qrsh-btn{ display: flex; justify-content: flex-end; padding-bottom: 0.5rem;}
.qrsh-btn a{ display: flex; justify-content: center; align-items: center; height: 1.3rem; padding: 0 0.6rem; border-radius: 0.2rem; background: #f70000; font-size: 0.56rem; color: #FFFFFF;}


/* 订单详情 */
.od-xq-top{ display: flex; justify-content: center; align-items: center; height: 4rem; padding-bottom: 1.5rem; background: #e2781f;}
.od-xq-top p{ display: flex; justify-content: center; align-items: center; font-size: 0.72rem; color: #FFFFFF;}
.od-xq-top p img{ width: 0.9rem; margin-right: 0.4rem;}

.od-xq-xx{ margin-top: -1.5rem; padding: 0.5rem; border-radius: 0.2rem;}
.od-xq-xx dl dt{ display: flex; align-items: center; justify-content: space-between;}
.od-xq-xx dl dt p{ display: flex; align-items: center; font-size: 0.52rem; color: #4A4A4A;}
.od-xq-xx dl dt p img{ width: 0.6rem; margin-right: 0.2rem;}
.od-xq-xx dl dd{ margin-top: 0.3rem; color: #a6a6a6; font-size: 0.44rem;}
.od-xq-xx dl dd i{ color: #da6f16;}

.od-xq-lb{ margin: 0.5rem 0; background: #FFFFFF; border-radius: 0.2rem;}
.od-xq-lb ul li{ border-bottom: 1px solid #eaeaea;}
.od-xq-lb ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0;}
.od-xq-lb ul li div{ display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.3rem; border-radius: 0.2rem; border: 1px solid #EAEAEA; border-radius: 0.2rem;}
.od-xq-lb ul li div img{ max-height: 100%;}
.od-xq-lb ul li dl{width:8.7rem}
.od-xq-lb ul li dl dt p{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #313131;}
.od-xq-lb ul li dl dt i{ display: block; font-size: 0.4rem; color: #C8C8C8;}
.od-xq-lb ul li dl dd{ display: flex; justify-content: space-between; align-items: center; margin-top: 0.3rem; font-size: 0.52rem;}
.od-xq-lb ul li dl dd em{ color: #ABABAB;}


/* 地址管理 */
.dzgl{ margin: 0.4rem 0;}
.dzgl ul li{ margin-bottom: 0.4rem; padding: 0 0.4rem; background: #FFFFFF;}
.dzgl ul li dl{ padding: 0.3rem 0; border-bottom: 1px solid #EAEAEA;}
.dzgl ul li dl dt{ font-size: 0.56rem; color: #202020; font-weight: bold;}
.dzgl ul li dl dd{ padding-left: 0.5rem; background: url(../images/dzgl-icon1.png) no-repeat left center / 0.34rem auto; margin-top: 0.1rem; color: #888888;}
.dzgl ul li div{ display: flex; padding: 0.5rem 0;}
.dzgl ul li div span{ position: relative; z-index: 1; padding-left: 0.8rem; background: url(../images/dzgl-icon2.png) no-repeat left center / 0.56rem auto; color: #3C3C3C;}
.dzgl ul li div span input{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0;}
.dzgl ul li.active div span{ background-image: url(../images/dzgl-icon3.png);}
.dzgl ul li div .dzgl-upd{ display: flex; align-items: center; justify-content: center; margin-left: 3rem; color: #3C3C3C;}
.dzgl ul li div .dzgl-del{ display: flex; align-items: center; justify-content: center; margin-left: 1rem; color: #3C3C3C;}
.dzgl ul li div .dzgl-upd img{ width: 0.42rem; margin-right: 0.2rem;}
.dzgl ul li div .dzgl-del img{ width: 0.44rem; margin-right: 0.2rem;}

.add-dz{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; width: 100%; max-width: 750p; margin: 0 auto;}
.add-dz a{ display: flex; justify-content: center; align-items: center; height: 2.2rem; background: #839cf6; font-size: 0.72rem; color: #FFFFFF;}
.add-dz img{ width: 0.94rem; margin-right: 0.2rem;}


/* 编辑地址 */
.bjdz{ padding: 0.5rem 0;}
.bjdz .bjdzc{ background: #FFFFFF;}
.bjdz ul{}
.bjdz ul li{ margin-bottom: 0.5rem; background: #f3f3f3; border-radius: 0.2rem; }
.bjdz ul li div{ display: flex; justify-content: space-between; align-items: center; height: 1.7rem; border-bottom: 1px solid #e9e9e9; margin: 0 0.5rem;}
.bjdz ul li div:last-child{ border-bottom: 0 none;}
.bjdz ul li div span{ font-size: 0.52rem; color: #4A4A4A;}
.bjdz ul li div em{ color: #a4a4a4; font-size: 0.4rem;}
.bjdz ul li div input{ width: 7rem; height: 1.7rem; line-height: 1.7rem; border: 0 none; font-size: 0.52rem; color: #4A4A4A; text-align: right;}
.bjdz ul li div img{ width: 0.24rem;}
.bjdz ul li div span{ white-space: nowrap;}
.bjdz ul li textarea{ width: 100%; border: 0 none; background: none; padding: 0.3rem 0.5rem; font-size: 0.52rem; color: #4A4A4A; font-family: "微软雅黑"; resize: none;}
.grzlsub{ width: 100%; height: 2.2rem; background: #da6f16; font-size: 0.72rem; color: #FFFFFF; border: 0 none; border-radius: 0.2rem; font-family: "微软雅黑"; margin: 0.4rem 0;}

.bjdzbg{ padding-bottom: 8rem; background: url(../images/bjdz-bg.png) no-repeat left bottom / 100% auto;}


/* 我的购物车  */
.gwclist{ padding: 0.5rem 0;}
.gwclist ul li{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.7rem; background: #fff; padding: 0.5rem; }
.gwclist ul li .gwcchk{ display: flex; align-items: center; width: 1rem; height: 3.7rem; background: url(../images/chk3.png) no-repeat left center / 0.84rem auto;}
.gwclist ul li.active .gwcchk{ display: flex; align-items: center; width: 1rem; height: 3.7rem; background-image: url(../images/chk4.png);}
.gwclist ul li .gwcchk input{ width: 100%; height: 100%; opacity: 0;}
.gwclist ul li .gwcimg{ display: flex; width: 4rem; height: 3.7rem; overflow: hidden;}
.gwclist ul li .gwcimg a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.gwclist ul li .gwcimg img{ max-height: 100%;}
.gwclist ul li .gwcxx{ position: relative; z-index: 1; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; width: 8rem; margin-left: 0.6rem; height: 3.7rem;}
.gwclist ul li .gwcxx a{ display: block; width: 100%;}
.gwclist ul li .gwcxx a.delete{ width: 1rem;  color: red; right: 0px; position: absolute; text-align: right}
.gwclist ul li .gwcxx dl dt{ width: 6.8rem;}
.gwclist ul li .gwcxx dl dt p{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #313131;}
.gwclist ul li .gwcxx dl dt i{ display: block; font-size: 0.4rem; color: #C8C8C8;}
.gwclist ul li .gwcxx dl dd{ margin-top: 0.2rem; font-size: 0.4rem; color: #f70000;}
.gwclist ul li .gwcxx dl dd i{ font-size: 0.56rem;}
.gwclist ul li .gwcxx dl dd em{ color:#ccc;text-decoration:line-through;}
.gwclist ul li .gwcxx .btn{ position: absolute; bottom: 0px; right: 0px; z-index: 10; display: flex; align-items: center;}
.gwclist ul li .gwcxx .btn input{ margin-left: 0.1rem;}
.gwclist ul li .gwcxx .btn input[type=button]{ width: 0.8rem; height: 0.8rem; border: 1px solid #c9c9c9; font-size: 0.8rem; font-weight: 100; font-family: "宋体"; color: #333; cursor: pointer; border-radius: 50%;}
.gwclist ul li .gwcxx .btn input[type=text]{ width: 1.5rem; text-align: center; height: 0.9rem; border: 0 none; font-size: 0.6rem; margin: 0 0.2rem;}
.gwclist ul li .gwcxx .btn input[type=button].reduce{ background: url(../images/reduce1.png) no-repeat center center / 0.42rem auto;}
.gwclist ul li .gwcxx .btn input[type=button].add{ background: url(../images/add1.png) no-repeat center center / 0.42rem auto;}


/* 购物车底部 */
.footh{ height: 2.2rem;}
.footgwc{ position: fixed; bottom: 1.92rem; left: 0px; right: 0px; z-index: 9999; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 750px; margin: auto; height: 2.2rem; padding-left: 0.6rem; background: #FFFFFF; border-top: 1px solid #c4c4c4;}
.footgwc input[type=checkbox]{ width: 1rem; height: 0.72rem; opacity: 0;}
.footgwc span{ display: flex; align-items: center; color: #000000; background: url(../images/chk3.png) no-repeat left center / 0.84rem auto; line-height: 0.9rem;}
.footgwc span.active{ background-image: url(../images/chk4.png);}
.footgwc span em{ margin-left: 0.2rem;}
.footgwc div{ display: flex; align-items: center; font-size: 0.6rem; color: #f70000;}
.footgwc a{ display: flex; justify-content: center; align-items: center; height: 1.4rem; width: 3.8rem; font-size: 0.64rem; background: #FFFFFF; color: #f70000; border: 1px solid #F70000; border-radius: 0.2rem; margin-right: 0.5rem;}
.footgwc a img{ width: 0.26rem; margin-left: 0.25rem;}

.posh{ position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; min-height: 100%;}

/* 缺省页-我的订单  没有订单 */
.noOrder{ margin: 4rem 0; text-align: center; font-size: 0.72rem;}
.noOrder img{ width: 5.68rem;}
.noOrder p{ display: block; margin-top: 0.5rem;}
.noOrder a{ display: flex; justify-content: center; align-items: center; width: 4.6rem; height: 1.5rem; margin: 0 auto; margin-top: 0.4rem; border: 1px solid #919191;}


.old-price_01{ font-size: 0.44rem; color: #979797; margin-left: 0rem; text-decoration: line-through;}