@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑"; color:#666666; background:#eee; font-size:1.0rem; position:relative;}
.body-register{font-family:"微软雅黑"; color:#666666; background:#fff; font-size:1.0rem;}
/*header部分*/
header{ position:relative;}
header+main{margin-top:45px; display:inline-block;}
header+main+main{margin-top:45px; display:inline-block;}
header+main+main+main{margin-top:45px; display:inline-block;}
header+main+main+main+main{margin-top:45px; display:inline-block;}
header+.slideTxtBox{margin-top:45px; display:inline-block;}
header+.receiving-chose{margin-top:45px; display:inline-block;}
header+.ok-order{margin-top:55px;display:inline-block; display:inline-block;}
.headerMin{width:100%; height:45px; background:#fc5044; position:fixed; top:0; z-index:9999;}
a{color: white;}
i{font-style: normal;}
.headerMin p{font-size:1.125rem; color:#FFF; text-align:center; line-height:45px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:78%; margin:0 auto;}
.left{ position:absolute; top:28%; left:10px;}
.left img{width:50%; min-width:12px;}
.details-share{ position:absolute; top:27%; right:10px;}
.details-share img{width:100%; min-width:20px; max-width:24px;}
.tools{ position:absolute; top:28%; right:10px;}
.tools img{width:100%; min-width:22px; max-width:24px;}
.tools_add{ position:absolute; top:28%; right:10px;}
.tools_add img{width:100%; min-width:22px; max-width:24px;border-radius: 30px;}
.right-wrds{ position:absolute; top:28%; right:10px; color:#fff;font-size:1.125rem;}
h1{position:absolute; top:22%; left:10px;}
h1>img{width:1.7rem;}
/*login*/
.headerMin-login{}
i.icon a{ color:#666; font-size:30px; position:fixed; top:20px; right:30px;}
/*payment-ok*/
.headerMin-no-fixed{width:100%; height:45px; background-color:#fc5044;}
.headerMin-no-fixed p{font-size:1.125rem; color:#FFF; text-align:center; line-height:45px;}
.left{ position:absolute; top:28%; left:10px;}
.left img{width:50%;}
/*agent-personal*/
.agent-header{width:100%; height:60px; background:#fc5044; text-align:center;}
.person-img{ margin:4px 0 0 0; width:40px; height:40px; -webkit-border-radius:99px; -moz-border-radius:99px; border:3.5px solid #d44339;}
.agent-header>p{color:#fff; margin-left:0px; line-height:180%;}
.agent-header>p>label{width:100%; margin-top:10px;}
.agent-header>p>label img{width:4%; padding-left:10px; max-width:16px;}
.agent-header>.integral{width:86%; margin:0 auto; color:#fff; font-size:0.625rem;line-height:160%; }
.agent-header>.integral .jifen{ padding-left:10px;}
.agent-header>.integral>img{width:4%; max-width:14px;}
/*search*/
.search-headerMin{width:100%; height:45px; background-color:#fc5044; position:relative; position:fixed; top:0; z-index: 9999;}
.search-headerMin input{ position:absolute; top:50%; border:0; line-height:20px; height:20px; width:78%; padding:4px 2%; margin-top:-14px; border-radius:6px; font-size:0.875rem; font-family:"微软雅黑"; margin-left:10px; background:#fff;}
.search-icon{ position:absolute; top:13px; right:12%;}
.search-icon>a>img{width:50%;}
i.search-cha{ position:absolute; top:33%; right:20%; }
i.search-cha>img{ width:40%;}
.search-headerMin>label>a{padding:0 3%; float:right; line-height:45px;}
/*search-end*/
.search-end-headerMin{width:100%; height:45px; background-color:#fc5044; position:relative; position:fixed; top:0; z-index:9999;}
.search-end-headerMin input{ position:absolute; top:50%; border:0; line-height:20px; height:20px; width:82%; padding:4px 2%; margin-top:-14px; border-radius:6px; font-size:0.875rem; font-family:"微软雅黑"; margin-left:35px; background:#fff;}
.search-end-icon{ position:absolute; top:13px; right:2%;}
.search-end-icon>a>img{width:50%;}
i.search-end-cha{ position:absolute; top:33%; right:11%; }
i.search-end-cha>img{ width:40%;}
.search-end-headerMin .left{ position:absolute; top:28%; left:10px;}
.search-end-headerMin .left a{ cursor:pointer;}
/*main部分*/
main{width:100%;}
/*ok-order*/
.order-no-address{ background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.order-no-address>p{ float:left; line-height:45px; color:#fc5044; padding-left:10px;}
.order-no-address>img{ float:right; width:3%; padding:12px 10px 0 0;}
.order-no-address:after{content:""; clear:both; display:block; height:0;}
.ok-order{ margin-bottom:49px;width:100%; margin-top:10px;}
.top{height: 90px; background-color: white;margin-top: 10px;}
.top .top-line{height: 3px;background: url(../../images/Base/topline.png);background-size:99%; width: 100%;}
.top .bottom-line{height: 3px;background: url(../../images/Base/downline.png);background-size:99%;width: 100%;}
.top .center{width: 100%;height: 95%;}
.top .center .right{width:3%; float: left;margin-top: 9%;padding-left:24px;}
.top .center .right>img{width:100%;}
.receiver{width:75%; float:left; font-size:0.875rem; padding-left:26px;}
.receiver > div{padding-top: 5%;}
.receiver > div > .telephone {float: right; margin-right:13px; margin-top:2px;}
.receiver > p {padding-top: 3%; line-height:1.2rem;}
.location{float:left; width:5%;margin-top: 8%;}
.location img{margin-left:10px; width:100%;}
.details{background-color: white;margin-top: 12px;}
.details .title {background: url(../../images/Base/house.png) no-repeat 10px 7px; background-size:20px;margin-top: 10px;border-bottom: 1px solid #f0eeef;;}
.details .title > p {margin-left:35px; line-height:2rem; color:#4f4e4e;}
.discribe{border-bottom: 1px solid #f0eeef;}
.discribe .details-img{float: left; margin:10px 0;margin-left:10px; border-radius:6px; border:1px solid #F6F6F6;width:8rem;height:auto; max-height: 8rem; line-height: 8rem; overflow:hidden;}
@media screen and (max-width:480px){.discribe .details-img{width:7rem;height:auto; max-height: 7rem; line-height: 7rem;}}
@media screen and (max-width:375px){.discribe .details-img{width:6rem;height:auto; max-height: 6rem; line-height: 6rem;}}
@media screen and (max-width:320px){.discribe .details-img{width:5rem;height:auto; max-height: 5rem; line-height: 5rem;}}	
.discribe .details-img > img{width:100%; vertical-align: middle;}
.discribe .details-wenzi{width: 66%;float:left;margin-left: 1%; font-size:0.875rem;}
.discribe .details-wenzi .details-top{margin-top:10px; color:#4f4e4e; line-height:1.4rem;}
.details-top .details-title{ float:left; width:75%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.details-top .details-right{ float:right; width:25%;}
.discribe .details-wenzi .details-top .danjia{color: red; float:right; width:100%;}
.discribe .details-wenzi .details-top .danjia>i{float:right;}
.details-num{ float:right;}
.details-top:after{content:""; clear:both; display:block; height:0;}
.discribe .details-wenzi .details-bottom{margin-top: 10px; font-size:0.625rem;}
.discribe .details-wenzi .details-bottom .details-size {margin-left: 5px;margin-right: 20px; font-size:0.625rem;}
.discribe .details-wenzi .details-bottom .details-color{margin-left: 5px; font-size:0.625rem;}
.discribe:after{content:""; clear:both; display:block; height:0;}
.details .num{border-bottom: 1px solid #f0eeef; line-height:45px;}
.details .num .product-num {margin-left: 10px; color:#4f4e4e;}
.details .num .real-num{float: right;width: 30%;height: 100%; margin-right:10px;}
.details .num .real-num span{border:1px solid #ccc; width:30px; height:24px;float: left;display: block;margin-top: 10px; text-align: center;border-radius:0 6px 6px 0;}
.details .num .real-num span.dis{border-radius:6px 0 0 6px;line-height: 23px;}
.details .num .real-num span.nums{border-radius: 0;}
.details .num .real-num i{position: absolute;line-height: 23px;width: 32px;display: block;text-align: center; color:#4f4e4e;}
.details .num .real-num .add{color: red;line-height: 23px;}
.details .total {line-height:45px;}
.details .total .real-total{margin-left: 10px; color:#4f4e4e;}
.details .total .product-total{float: right;margin-right:13px;color: red;}
.details .total .order-details-total{margin-left: 10px; color:#4f4e4e; font-size: 0.925rem;}
.ok-payment{margin-bottom:49px;width:100%;}
.ok-payment .payMents{font-size:0.875rem; color:#4f4e4e; line-height:40px; margin-left:10px;}
.payment > p{line-height:45px; border:0; padding-left:40px; border-top:1px solid #f0eeef; border-bottom:1px solid #f0eeef;}
.payment > .p-alipay{background:url(../../images/Base/zhi.gif) no-repeat 10px 13px #FFF; background-size:25px; border-bottom:0; }
.payment > .p-wechat{background:url(../../images/Base/wechat.png) no-repeat 10px 13px #FFF; background-size:25px;}
.payment label {float:right;display: block;width:30px; height:30px;background: url(../../images/Base/default.png) 0 7px no-repeat ; background-size:75%;margin-right: 10px;margin-top: 5px;}
.payment label>img{width:74%;}
.payment > .deposit-zhi{border-top:1px solid #ccc;}
.payment > .deposit-wchat{border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.order-coupon{margin-top: 10px;}
.secret-coupon{margin-bottom: 10px;}
.secret-coupon>a{color: #666;}
.order-coupon>a{color: #666;}
.order-coupon-wrds{float:right; font-size:0.875rem; color:#fc5044; padding-right:30px; height:45px; -webkit-appearance:none;}
.order-choose-coupon{overflow-y:scroll; height: 180px;}
.order-choose-coupon > p{line-height:45px; border:0; padding-left:10px; border-bottom:1px solid #f0eeef;}
.order-choose-coupon label {float:right;display: block;width:30px; height:30px;background: url(../../images/Base/default.png) 0 7px no-repeat ; background-size:75%;margin-right: 10px;margin-top: 5px;}
.order-choose-coupon label>img{width:74%;}
.payment > .secret-coupon-bg{background:url(../../images/Base/coupon-y.png) no-repeat 10px 15px #FFF; background-size:28px; border-bottom:0; padding-left:45px; color: #4f4e4e; }
/*payment-ok*/
.payment-ok-main{ margin-top:0;}
.payment-ok-banner{ font-size:0;}
.payment-ok-banner img{width:100%;}
.payment-ok-backg{background:#fff;}
.payment-ok-receiver{width:94%; margin:0 auto; font-size:0.938rem; }
.payment-ok-receiver>div{padding-top: 5%;}
.payment-ok-receiver>p{padding-top: 3%; line-height:1.2rem;padding-bottom: 3%;}
.payment-ok-btn{background:#fff; text-align:center;}
.payment-ok-btn>a{display:inline-block; margin:5% 4%;}
.payment-ok-btn .payment-ok-look{padding:6px 30px; background-color:#fff; color:#fc5044; border:1px solid #fc5044; border-radius:6px; cursor:pointer;}
.payment-ok-btn .payment-ok-back{padding:8px 30px; background-color:#fc5044; color:white; border-radius:6px; cursor:pointer;}
.payment-ok-remark{font-size:0.875rem; margin:0 auto; margin-top:3%;width:94%;line-height:1.2rem;}
/* my order */
.slideTxtBox{ width:100%; text-align:left;}
.slideTxtBox .hd{line-height:30px; background:#fff; padding:1.1rem 0 1.1rem 0; height:5px; position:fixed; z-index: 99; width: 100%; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top:0; text-align:center; width:100%;}
.slideTxtBox .hd ul li{ float:left; width:14%; padding:5px 2px;border-right:1px solid #ccc; font-size:0.8rem;  cursor:pointer;  }
.slideTxtBox .hd ul li:last-child{border:0; width:18%;}
.slideTxtBox .hd ul li.on{ height:30px; color:#fc5044; background:#f0eeef;}
.slideTxtBox .bd-top{margin-top: 40px; display: inline-block; width: 100%;}
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{/* height:24px; */line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.order-ok{float:right; margin-right:10px; color:#fc5044;}
.order-money{width:94%; margin:0 auto;border-bottom: 1px solid #f0eeef; line-height:45px;}
.order-money .order-words{ float:right; font-size:0.875rem;}
.order-money .order-total{color:#fc5044; font-size:1.125rem;}
.order-money:after{content:""; clear:both; display:block; height:0;}
.order-st{border-bottom: 1px solid #f0eeef; padding:10px 0;}
.order-st .order-state{ float:right; width:83%;}
.state01{color:#fc5044; border:1px solid #fc5044; border-radius:6px; padding:0.8% 4%; margin:0 auto; font-size:0.875rem; margin-right:10px;float:right;}
.state01 a {color:#fc5044;}
.state02{color:#fff; background: #fc5044; border:1px solid #fc5044; border-radius:6px; padding:0.8% 4%; margin:0 auto; font-size:0.875rem;margin-right:10px;float:right;}
.order-st:after{content:""; clear:both; display:block; height:0;}
/*my-coupon*/
.my-coupon-bdmin{margin-top: 148px;}
.coupon-topgxg{position: fixed; z-index: 99; background: #fff;}
.coupon-banner{width: 100%; }
.coupon-banner .coupon-bannermin{width: 100%; height: 100px;}
.coupon-banner .right-pic{position: absolute; right:15%; top:55%; width: 7%; max-width: 30px;
-webkit-animation: pic 1s ease infinite;
-o-animation: pic 1s ease infinite;
-ms-animation: pic 1s ease infinite;
-moz-animation: pic 1s ease infinite;
animation: pic 3s ease infinite;}
@-webkit-keyframes pic{
	0%{right:14%;}
	50%{right:16%;}
	100%{right:14%;}
}
@-o-keyframes pic{
	0%{right:14%;}
	50%{right:16%;}
	100%{right:14%;}
}
@-ms-keyframes pic{
	0%{right:14%;}
	50%{right:16%;}
	100%{right:14%;}
}
@-moz-keyframes pic{
	0%{right:14%;}
	50%{right:16%;}
	100%{right:14%;}
}
@keyframes pic{
	0%{right:14%;}
	50%{right:16%;}
	100%{right:14%;}
}
.slideTxtBox .my-coupon-title{ width: 100%; line-height:15px; background:#fff; padding:1.1rem 0 1.1rem 0; height:5px; border-bottom: 1px solid #ccc; position: fixed; z-index: 99; top:145px;}
@media screen and (max-width:480px){
.my-coupon-bdmin{margin-top: 178px;}
.coupon-banner .coupon-bannermin{width: 100%; height: auto;}
.slideTxtBox .my-coupon-title{top:172px;}
}
@media screen and (max-width:375px){
.my-coupon-bdmin{margin-top: 165px;}
.coupon-banner .coupon-bannermin{width: 100%;height: auto;}
.slideTxtBox .my-coupon-title{top:160px;}
}
@media screen and (max-width:320px){
.my-coupon-bdmin{margin-top: 148px;}
.coupon-banner .coupon-bannermin{width: 100%;height: auto;}
.slideTxtBox .my-coupon-title{top:145px;}
}
.slideTxtBox .my-coupon-title ul{float:left;  position:absolute; left:0; top:0; text-align:center; width:100%; padding: 12px 0 0 0;}
.slideTxtBox .my-coupon-title ul li{float:left; width:32%; padding:0px 0px;  border-right:1px solid #ccc; font-size:1rem;  cursor:pointer; }
.slideTxtBox .my-coupon-title ul li:last-child{border:0; width:32%;}
.slideTxtBox .my-coupon-title ul li.on{height:15px; color:#fc5044; background:#fff;}
.coupon-paple{width: 94%; margin: 0 auto; margin-top: 10px; background:url(../../images/Base/coupon-bg.png) no-repeat center 0; background-size:100%; position: relative;}
.coupon-paple>a{color: #666;}
.coupon-paple .coupon-left{float: left; width: 88%;}
.coupon-paple .coupon-right{float: right; font-size: 0.625rem; width: 9%; line-height: 16px; position: absolute; top: 50%; right: 0; margin-top: -42px; color: #fc5044;}
.coupon-paple .coupon-right>a{color: #fc5044; display: block;}
.coupon-paple:after{content:""; clear:both; display:block; height:0;}
.coupon-left .coupon-on .coupon-name{float: left; color: #fc5044; font-size:0.875rem; margin-left: 12px; height: 44px; line-height: 44px;}
.coupon-left .coupon-on .coupon-store{float: right; font-size:0.75rem; margin-right: 12px; width: 42%; text-overflow:ellipsis; height: 44px; line-height: 44px; white-space: nowrap; overflow: hidden;}
.coupon-left .coupon-on:after{content:""; clear:both; display:block; height:0;}
.coupon-left .coupon-center h2{float: left; color: #fc5044; font-size: 2.2rem; height: 120px; line-height: 120px; margin-left: 12px; width: 44%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-left .coupon-center h2>i{font-size: 1.2rem;}
.coupon-left .coupon-center .couponmin-right{float: right; width: 46%; height: 51px; line-height: 20px; margin-top: 41px; margin-right: 12px;}
.coupon-left .coupon-center .couponmin-right .couponmin-txt{font-size: 0.875rem; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-left .coupon-center .couponmin-right>h3{font-size: 0.925rem; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-left .coupon-center:after{content:""; clear:both; display:block; height:0;}
.coupon-left .coupon-down{font-size: 0.6rem; color: #fff; height: 36px; line-height: 36px; margin-left: 12px;}
@media screen and (max-width:480px){
.coupon-left .coupon-on .coupon-name{height: 30px; line-height: 30px;}
.coupon-left .coupon-on .coupon-store{height: 30px; line-height: 30px;}
.coupon-left .coupon-center h2{height: 83px; line-height: 83px; }
.coupon-left .coupon-center .couponmin-right{margin-top: 22px;}
.coupon-left .coupon-down{height: 26px; line-height: 26px; }
}
@media screen and (max-width:375px){
.coupon-left .coupon-on .coupon-name{height: 28px; line-height: 28px;}
.coupon-left .coupon-on .coupon-store{height: 28px; line-height: 28px;}
.coupon-left .coupon-center h2{height: 74px; line-height: 74px; }
.coupon-left .coupon-center .couponmin-right{margin-top: 16px;}
.coupon-left .coupon-down{height: 22px; line-height: 22px;}

}
@media screen and (max-width:320px){
.coupon-left .coupon-on .coupon-name{height: 24px; line-height: 24px;}
.coupon-left .coupon-on .coupon-store{height: 24px; line-height: 24px;}
.coupon-left .coupon-center h2{height: 62px; line-height: 62px;}
.coupon-left .coupon-center .couponmin-right{margin-top: 11px;}
.coupon-left .coupon-down{height: 20px; line-height: 20px;}
}
.coupon-paple-grey{background:url(../../images/Base/coupon-bgg.png) no-repeat center 0; background-size:100%;}
.coupon-paple .coupon-right-grey>a{color: #888;}
.coupon-left .coupon-center .h-grey{color: #888;}
.coupon-left .coupon-on .coupon-name-grey{color: #888;}
.coupon-left .coupon-center .couponmin-right>.h-greys{color: #888;}
/*.coupon-paple>img{width: 100%;}*/
/*details*/
.keBody{ margin-bottom:49px; width:100%; display:inline-block;}
.focus span{width:10px;height:10px;margin-right:10px;border-radius:50%; border:1px solid #fc5044;font-size:0}
.focus span.current{background:#fc5044;}
.info{width:100% ;background-color: white;border-top: 1px solid #ccc;}
.info .info-left{width: 80%; float: left;}
.info .info-right{width: 20%; float: left;}
.info .info-left .donain{padding:0 10px;margin:4% 0;border-right: 1px solid #ccc;}
.info .info-left .donain .price{color:#fc5044; font-size:1.45rem;}
.info .info-left .donain > p{line-height: 1.2rem; margin:5% 0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.info .info-right{ text-align:center;}
.info .info-right img{width:38%; margin-top:17px;}
.info .info-right span{width: 100%; display: block;}
.info .info-right i{display: block;text-align: center;padding-top: 10%; font-size:0.625rem;}
.info:after{content:""; clear:both; display:block; height:0;}
.transm{width: 100%; margin:10px 0;background:#FFF;padding:10px 0;}
.transm .introduce{width:93%; margin:0 auto;}
.transm .introduce .intr-01{ float:left; width:15%; font-size:0.875rem; color:#999; line-height:1.2rem;}
.transm .introduce .intr-02{ float:left; width:85%;  font-size:0.875rem;color:#666; line-height:1.2rem; }
.transm .introduce:after{content:""; clear:both; display:block; height:0;}
.transm-detail{background-color: white; width:100%;}
.qrcode .tit-img{width: 100%;padding-top: 20px;padding-bottom: 18px;}
.transm-detail img{width: 100% !important;}
.transm-detail div{max-width: 100% !important;}
.ifrm #document img{width: 100%;}
.qrcode{background-color: white;padding-bottom: 20px; margin-top:10px;}
.qrcode .code {width: 90%; text-align:center;}
.qrcode .code .zhen{margin:0 10%; width:30%;}
.qrcode .code .er{width:30%;}
.details-onepic{width: 100%; overflow: visible;}
.details-onepic img{ min-width:320px; max-width:420px; width:100%; min-height:320px; max-height:420px; margin:0 auto;}
/*agent-personal*/
.agent-personal{ margin-bottom:49px;width:100%; margin-top:0;}
.agent-label{ text-align:center; background:#fff; height:84px;}
.agent-label li a{width:24.5%; float:left; padding:40px 0 2px 0; margin:14px 0; border-right:1px solid #ccc;font-size:0.625rem; color:#666666; cursor:pointer; }
.agent-label .agent-sales a{ background:url(../../images/Base/recruit.png) no-repeat center 6px;background-size:29px;}
.agent-label .agent-recruit a{ background:url(../../images/Base/store.png) no-repeat center 8px;background-size:29px;}
.agent-label .agent-shop a{ background:url(../../images/Base/money-icon.png) no-repeat center 8px;background-size:29px;}
.agent-label .agent-money a{ background:url(../../images/Base/money-store-icon.png) no-repeat center 6px;background-size:29px; border:none;}
.agent-coms{ margin:10px auto; line-height:2rem; width:94%; border:1px solid #a6a5a5; border-radius:6px 6px 6px 6px; background:#fff;}
.agent-coms .coms{float:left; width:49.6%; border-radius:6px 0 0 6px; border:1px solid #a6a5a5; background:#a6a5a5; color:#fff; text-align:center;}
.agent-coms .money-me{float:right; width:49.6%; text-align:center; color:#fc5044;}
.agent-coms:after{content:""; clear:both; display:block; height:0;}
.agent-article{margin:0 auto; width:94%; margin-top:10px;}
.agent-article .article-left{float:left;width:35.2%;}
.agent-article .article-left a img{ width:100%;margin-bottom:7px; border-radius:6px;}
.agent-article .article-right{width:62%; float:right;}
.agent-article .article-right a img{margin-bottom:7px; width:100%;}
.agent-article:after{content:""; clear:both; display:block; height:0;}
.agent-article a{color:#666666;text-align: center; font-size:0.875rem;}
.pop{ position:fixed; top:80%; left:20%; width:60%; line-height:230%; background:#000; opacity:0.7; color:#fff; text-align:center; border-radius:6px; display:none; z-index: 99999;}
/*developing*/
.brandcode-wds{color:#fc5044; line-height:45px; margin-left:10px;}
.develop-wds{font-size:0.875rem; color:#4f4e4e; line-height:20px; margin-left:10px;}
.developmin{text-align:center; background:#fff; height:105px;}
.developmin li{width:49%; float:left; font-size:0.625rem; padding:64px 0 10px 0; margin:10px 0; border-right:1px solid #ccc; cursor:pointer;}
.developmin li>a{color:#666;}
/*.developmin .dev-sails{ background:url(../../images/Base/developing.png) no-repeat center 20px; background-size:40%;}
.developmin .dev-branding{ background:url(../../images/Base/branding.png) no-repeat center 21px; background-size:40%;} */
.developmin .dev-commodity{background:url(../../images/Base/commodity.png) no-repeat center 17px; background-size:20%;} 
.developmin .dev-app{ background:url(../../images/Base/app-icon.png) no-repeat center 17px; border:none; background-size:20%;}
/*APP-download*/
.download-wds{font-size:0.875rem; color:#4f4e4e; line-height:20px; margin:10px auto 10px; width:93%;}
.downloadmin{text-align:center;background:#fff;}
.downloadmin .apple,.downloadmin .android{float:left; width:49%; padding:25px 0; border-right:1px solid #ccc; background:#fff;}
.downloadmin .apple>img,.downloadmin .android>img{ width:20%;}
.downloadmin .android{border-right:none; }
.downloadmin a{display:block; color:#fc5044; border:1px solid #fc5044; border-radius:6px; padding:3% 0; width:45%; margin:0 auto; margin-top:10%;font-size:0.875rem;}
.downloadmin:after{ content:""; clear:both; display:block; height:0;}
/*e-mail*/
.e-mail-txt{margin-top:10px; line-height:45px; color:#a6a5a5; width:100%; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-indent:10px; font-family:"微软雅黑";}
.e-mail-but{width:92%; text-align: center; padding: 10px 0 10px 0;background-color:#fc5044; color:#fff; border-radius: 6px;margin:30px auto 0; cursor:pointer;}
.e-mail-but>a{display:block;}
/*phone-change*/
.phonemin{ position:relative;}
.kong{height:10px;}
.phone-code01{outline: none;line-height:45px; color:#666; width:100%; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;text-indent:10px; font-family:"微软雅黑"; -webkit-appearance:none; border-radius:0;}
.phone-code02{ outline: none; background:0; border:0; color:#fc5044; position:absolute; right:20px; bottom:16px; font-family:"微软雅黑";}
.phone-code02:link{border:0;}
/*binding-pho*/
.binding-txt{line-height:45px; color:#666; width:100%; border:0; border-top:1px solid #ccc;  -webkit-appearance:none; border-radius:0; text-indent:10px; font-family:"微软雅黑"; outline: none;}
.account-change-txt{border-bottom:1px solid #ccc;}
.binding-btn{margin:0 auto; width:92%;}
.binding-btn .no-btn{float:left; width:36%;text-align: center; padding: 10px 0 10px 0;background-color:#fff; border-radius: 6px;margin-top: 30px; border:1px solid #ccc; cursor:pointer;}
.binding-btn .no-btn>a{color:#666;}
.binding-btn .yes-btn{float:right; width:60%;text-align: center; padding: 10px 0 10px 0;background-color:#fc5044; color:#fff; border-radius: 6px;margin-top: 30px; cursor:pointer;}
.binding-btn:after{ content:""; clear:both; display:block; height:0;}
/*receiving-fill*/
.fill-00{line-height:45px; color:#666; width:100%; border:0;  -webkit-appearance:none; border-radius:0; text-indent:10px; font-family:"微软雅黑";border-bottom:1px solid #f0eeef;}
.fill-01{line-height:45px; color:#666; width:100%; border:0;  -webkit-appearance:none; border-radius:0; text-indent:10px; font-family:"微软雅黑";border-bottom:1px solid #f0eeef;}
.fill-all02{ background:#fff;}
.fill-02{ float:left; width:32%; text-indent:3px; line-height:45px; }
.fill-all02:after{content:""; clear:both; display:block; height:0;}
.fill-02min{ width:100%;font-family:"微软雅黑"; color:#666; border:0;-webkit-appearance: none;}
.fill-02min option{font-family:"微软雅黑";}
.fill-03{line-height:45px; color:#666; width:100%; border:0;border-top:1px solid #f0eeef; border-bottom:1px solid #f0eeef; -webkit-appearance:none; border-radius:0; text-indent:10px; font-family:"微软雅黑";}
/*receiving-chose*/
.receiving-chose{width:100%;}
header+.receiving-chose{margin-top:45px;}
.receiving-chose-min{position:relative;}
.receiving-min{ background:#fff; margin-top:10px; padding:10px 10px 0; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #E8E8E8;}
.receiving-wrds01{line-height:20px; -webkit-appearance:none;}
.receiving-wrds01>i{font-size:0.875rem; padding-left:3%;}
.receiving-wrds02{font-size:0.875rem; line-height:20px; -webkit-appearance:none; width:100%; margin-bottom:10px;}
.receiving-min-bottom>i{ font-size:0.75rem; padding-left:8%; color:#999;}
.rec-dot{position:absolute; width:5%; max-width:20px; top:20px; right:20px;}
.rec-bottom{height:45px; background:#fff; border-bottom:1px solid #ccc;}
.rec-no00{ position:absolute; padding:10px 0; bottom:7px; left:40px;}
.rec-no00>img{position:absolute; width:44%; right:55px; bottom:5px;}
.rec-no00>i{font-size:0.75rem; color:#999;}
.rec-no01{ position:absolute; padding:10px 0; bottom:7px; right:80px;}
.rec-no01>img{position:absolute; width:85%; right:30px; bottom:7px;}
.rec-no01>i{font-size:0.75rem; color:#999;}
.rec-no02{ position:absolute; padding:10px 0; bottom:7px; right:12px;}
.rec-no02>img{position:absolute; width:80%; right:30px; bottom:7px;}
.rec-no02>i{font-size:0.75rem; color:#999;}
.receiving-min-bottom:after{content:""; clear:both; display:block; height:0;}
/*account-change*/
.account-chose{ position:relative; line-height:45px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 0 0;}
.account-chose .chose{ margin-left:40px;}
.account-chose .chose>label{margin-left:68px;}
.account-chose .or01{position:absolute; top:3px; left:15px; }
.account-chose .or02{position:absolute; top:3px; left:130px; }
.account-chose .or01>img{width:50%;}
.account-chose .or02>img{width:50%;}
.account-old{line-height:45px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-left:10px;}
.account-old>label{ margin-left:20%; color:#a6a5a5; font-size:0.875;}
.develop-wds{color:#fc5044;line-height:35px;}
/*user-deposit*/
.user-deposit-money01{ padding-left:10px; line-height:45px; background:#fff; border-top:1px solid #ccc; margin-top:10px;}
.user-deposit-money02{ padding-left:10px; line-height:45px; background:#fff; border-top:1px solid #ccc;  border-bottom:1px solid #ccc;}
td.user-name{ color:#fc5044; }
td.user-name i{color:#666; padding:0 3px;}
.user-deposit-money03{padding-left:10px; line-height:45px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 10px;}
.user-deposit-txt{ float:right; width:63%; line-height:45px; border:0; font-family:"微软雅黑"; font-size:0.875rem; outline: none;}
/**.user-deposit-money04{padding-left:10px; line-height:45px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:10px;}
.deposit-04{ float:left; width:66%; padding:15px 0;font-family:"微软雅黑"; color:#666; border:0; background:url(../../images/Base/down.png) no-repeat 190px 20px; background-size:7%; font-size:0.875rem;-webkit-appearance: none;}
.deposit-04 option{font-family:"微软雅黑";}**/
.change-gai{background:#fff; text-align:center; width: 100%; border-bottom: 1px solid #ccc;}
.change-gai a{ color:#fc5044; line-height:45px;  width: 100%; display: block;}
.user-deposit-money04:after{content:""; clear:both; display:block; height:0;}
/*my-browsing*/
.browsing-ths{margin:0 auto; border-bottom:1px solid #f0eeef; padding:3% 0; background:#fff;}
.browsing-ths:hover{background:#F6F6F6;}
.browsing-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:10rem;height:auto; max-height: 10rem; line-height: 10rem; overflow:hidden;}
@media screen and (max-width:480px){
.browsing-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:8rem;height:auto; max-height: 8rem; line-height: 8rem; overflow:hidden;}}
@media screen and (max-width:375px){
.browsing-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:7rem;height:auto; max-height: 7rem; line-height: 7rem; overflow:hidden;}}
@media screen and (max-width:320px){
.browsing-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:6rem;height:auto; max-height: 6rem; line-height: 6rem; overflow:hidden;}}	
.browsing-img>img{width:100%; vertical-align: middle;}
.browsing-words{float:right; width:56%; margin-right:14px; font-size:0.938rem;}
.browsing-words .wds01{line-height:1.2rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.browsing-words .wds02{margin-top:10px; background:#fc5044; width:55%; border-radius:6px; line-height:1.2rem; color:#fff; text-align:center;font-size:0.5rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.browsing-words .wds03{color:#fc5044; font-size:1.25rem; margin-top:1.6rem; margin-left:-4px;}
.browsing-words .collect-03{margin-top:0.8rem;}
.browsing-ths:after{content:""; clear:both; display:block; height:0;}
/*get-coupon*/
.get-coupon-ths{margin:0 auto; border-bottom:1px solid #f0eeef; padding:3% 0; background:#fff;}
.get-coupon-ths:hover{background:#F6F6F6;}
.get-coupon-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:8rem;height:8rem; overflow:hidden;}
.get-coupon-img>a>img{width:100%;}
.get-coupon-words{float:right; width:48%; margin-right:14px; font-size:0.938rem;}
.get-coupon-words .wds01{line-height:1.2rem; color: #4f4e4e; overflow:hidden; margin-left:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.get-coupon-words .wds03{color:#fc5044; font-size:0.875rem; margin-left:5px; line-height:2rem;}
.get-coupon-ths:after{content:""; clear:both; display:block; height:0;}
.get-coupon-bg{background: url(../../images/Base/coupon-red.png) no-repeat; background-size: 100%; text-align: center;cursor:pointer}
.get-coupon-bg h4{color: #fff; font-size: 1.45rem; line-height: 2.3rem; width: 100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.get-coupon-bg .get-coupon-wrds01{color: #fc5044; font-size: 0.875rem; background: #fff; border-radius: 12px; line-height: 1.1rem; width: 80%; margin: 0 auto; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.get-coupon-bg .get-coupon-wrds02{color: #fff; font-size: 0.625rem;line-height: 1.6rem; width: 100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
@media screen and (max-width:480px){.get-coupon-words{width:60%;}}
@media screen and (max-width:375px){.get-coupon-words{width:56%;}}
@media screen and (max-width:320px){.get-coupon-words{width:48%;}}
.get-coupon-grey{background: url(../../images/Base/coupon-grey.png) no-repeat; background-size: 100%; text-align: center; height: 78px; line-height: 78px; color: #fff;}
/*coupon-details*/
.coupon-del-bg{background: url(../../images/Base/coupon-details.png) no-repeat; background-size: 100%; text-align: center; width: 94%; margin: 10px auto;}
.coupon-del-wrds01{line-height: 60px; width: 100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-del-wrds02{color: #fc5044; font-size: 3.4rem; line-height: 180px; height: 180px; width: 100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-del-wrds02 .cdw01{font-size: 2rem;}
.coupon-del-wrds02 .cdw02{font-size: 0.875rem;}
.coupon-del-wrds02 .cdw03{font-size: 1.8rem;}
.coupon-del-wrds03{color: #fff; font-size: 0.75rem; line-height: 57px; width: 100%; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-del-words1{ width: 94%; margin: 0 auto;}
.coupon-del-words1>i{width: 5px; height:14px; background: #fc5044; display: inline-block; margin-right: 5px;}
.coupon-del-words2{font-size: 0.875rem;width: 94%; margin: 0 auto; line-height: 1.2rem; margin-bottom: 18px; margin-top: 5px;}
.coupon-del-pic{width: 40%; margin:6px 0 55px 10px;}
.coupon-del-pic img{width: 100%; max-width: 180px;}
@media screen and (max-width:480px){
.coupon-del-wrds01{line-height: 40px;}
.coupon-del-wrds02{line-height: 122px; height: 122px;}
.coupon-del-wrds03{line-height: 35px;}
}
@media screen and (max-width:375px){
.coupon-del-wrds01{line-height: 30px;}
.coupon-del-wrds02{line-height: 116px; height: 116px;}
.coupon-del-wrds03{line-height: 35px;}
}
@media screen and (max-width:320px){
.coupon-del-wrds01{line-height: 30px;}
.coupon-del-wrds02{line-height: 95px; height: 95px;}
.coupon-del-wrds03{line-height: 30px;}
}


/*my-message*/
.messages{margin-top:0.625rem;}
.messagemin{margin:0 auto; border-bottom:1px solid #CCC; padding:3% 0 4% 0; background:#fff;}
.message-wrds{width:85%; margin:0 auto; font-size:1.0rem; padding:1% 0 3% 7%; background:url(../../images/Base/trumpet.png) no-repeat 2px 5px; background-size:6%;}
.message-wrds .date{color:#fc5044; font-size:0.4rem; float:right; margin-right:4px;}
.messagemin>p{ font-size:0.875rem; width:94%; margin:0 auto; line-height:1.2rem; overflow:hidden;}
/*my-comment*/
.comments{background:#fff; border-bottom: 1px solid #ccc; padding:15px 0;}
.commentmin{width:94%; margin:0 auto;}
.commentmin .comment-pic{width:20%;float: left;}
.commentmin .comment-pic>img{width:100%;}
.commentmin .comment-wenzi{width:70%;float:left;margin-left: 2%; font-size:0.875rem; line-height:1.2rem; }
.comment-wenzi .endwds{width:50px; text-align:center; border-radius:6px; font-size:0.625rem;color:#fc5044; border:1px solid #fc5044; padding:1px 2px;}
.comment-wenzi .comment-title{width:100%;margin-top:0.6rem; }
.commentmin:after{content:""; clear:both; display:block; height:0;}
.comment-aga{width:94%; margin:0 auto; line-height:1.2rem; padding:8px 0;}
.comment-time{width:94%; margin:0 auto; font-size:0.5rem; color:#ccc;}
.comment-time>.times{margin-left:16px;}
.pic-on{width:94%; margin:0 auto;}
.pic-on .pic-01{ float:left; width:20%; margin-right:10px; margin-top:10px; border:1px solid #ccc; border-radius:6px; overflow:hidden;}
.pic-on .pic-01>img{width:100%;}
.pic-on:after{content:""; clear:both; display:block; height:0;}
/*my-store*/
.store-menu{ font-size:0; background:#fff; padding:0.6rem 0;}
.store-menu>li{display:inline-block; border-right:1px solid #ccc; width:33%;}
.store-menu>li:last-child{border-right:0;}
.store-menu>li>a{font-size:1rem; color:#666; display:block;cursor:pointer;}
.store-menu>li>a.choose01{padding-left:12%;  background:url(../../images/Base/down.png) no-repeat 84% 65%; background-size:10%;  }
.store-menu>li>a.choose02{padding-left:7%;  background:url(../../images/Base/down.png) no-repeat 95% 65%; background-size:10%;  }
.store-menu>li>a.choose03{padding-left:30%; background:url(../../images/Base/down.png) no-repeat 72% 65%; background-size:10%;  }
.store-menu li a:hover{color:#fc5044; background:#F6F6F6;}
.store-menu li .submenu{ position:absolute; z-index:1; background:#fff; top:5rem; display:none;}
.store-menu li .submenu li{ border:1px dotted #fc5044; width:105px; text-align:center;}
.store-menu li .submenu li a{font-size:0.875rem; padding:0.5rem 0; color:#666; display:block; width:100%; cursor:pointer;}
.store-menu li .submenu li a:hover{ color:#fc5044;}
.my-store{ position:relative; margin:10px 0; background:#fff;}
.my-store-ths{margin:0 auto; border-bottom:1px solid #f0eeef; padding:3% 0; background:#fff;}
.my-store-ths:hover{background:#F6F6F6;}
.my-store-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:10rem;height:10rem; overflow:hidden;}
@media screen and (max-width:480px){
.my-store-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:6.6rem;height:6.6rem; overflow:hidden;}}
@media screen and (max-width:375px){
.my-store-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:6.4rem;height:6.4rem; overflow:hidden;}}
@media screen and (max-width:320px){
.my-store-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:6rem;height:6rem; overflow:hidden;}}	
.my-store-img>img{width:100%;border-radius:6px; border:1px solid #f0eeef;}
.my-store-words{float:left; width:50%; font-size:0.938rem; margin-left:10px;}
.my-store-words .wds01{line-height:1.2rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.my-store-words .wds02{margin-top:10px; width:34%; margin-top:6%; color:#fc5044; text-align:center;font-size:1.25rem;}
.my-store-words .wds03{color:#fc5044; font-size:0.75rem; margin-top:6%; border-radius:6px; border:1px solid #fc5044; padding:2% 2%; width:60%; text-align:center;}
.my-store-ths:after{content:""; clear:both; display:block; height:0;}
.my-store-share{float:right; width:10%; text-align:center; margin-right:10px;}
.my-store-share>img{ width:68%; padding-top:40px; max-width:30px;}
.my-store-share>i{display: block;text-align: center;padding-top: 10%; font-size:0.625rem;}
.news01{position:absolute; top:0; right:0; background:#fc5044; border-radius:0 0 0 6px; color:#fff; padding:8px 7px;font-size:0.875rem;}
.news02{position:absolute; top:0; right:0; background:#a6a5a5; border-radius:0 0 0 6px; color:#fff; padding:8px 7px;font-size:0.875rem;}
/*user-info*/
.user-info01{background:#fff; line-height:76px; padding-left:10px; border-bottom:1px solid #f0eeef;background:url(../../images/Base/right.png) no-repeat 97% 50% #fff; background-size:0.625rem;}
.wrds .user-pic{float:right;  line-height:70px; text-align:center;  margin:9px 30px 0 0;width: 60px;height: 60px;background: #f0eeef;
    border-radius: 30px;}
.wrds .user-pic img{width:50%; width:60px; height:60px; border-radius:30px;}
.user-info02{line-height:45px; width:100%; border-bottom:1px solid #f0eeef; background:url(../../images/Base/right.png) no-repeat 97% 50% #fff; background-size:0.625rem; position: relative;}
.user-infoer{line-height:45px; width:100%; border-bottom:1px solid #f0eeef; background-color:#fff;}
.user-info02 .wrds{padding-left:10px; }
.user-info02 .wrds .wrdsmin{float:right; font-size:0.875rem; color:#a6a5a5; padding-right:30px; height:45px; -webkit-appearance:none;}
.user-info02 .wrds>a{color: #666; display: block; width: 100%;}
.user-info02 .secreted-wrds{padding-left:44px; }
.user-info02 .secreted-wrds>a{color: #666; display: block; width: 100%;}
.user-info02 .secreted-wrds>.sec-pic01{position: absolute; width:21px; left: 10px; top:10px;}
.user-info02 .secreted-wrds>.sec-pic02{position: absolute; width:26px; left: 10px; top:14px;}
.user-brand{line-height:45px; width:100%; border-bottom:1px solid #f0eeef; background:#FFF;}
.user-brand .wrds{padding-left:10px; }
.user-brand .wrds .wrdsmin{float:right; font-size:0.875rem; color:#a6a5a5; padding-right:30px; height:45px; -webkit-appearance:none;}
.user-brand .wrds .brandcode-wrdsmin{float:right; font-size:0.875rem; color:#a6a5a5; padding-right:10px; height:45px; color:#fc5044;}
.user-infoer .wrds{padding-left:10px; }
.user-infoer .wrds .wrdsmin{float:right; font-size:0.875rem; color:#a6a5a5; padding-right:15px; height:45px; -webkit-appearance:none;}
.user-info03{ position:relative; line-height:45px; width:100%; border-bottom:1px solid #f0eeef; background:#fff;}
.user-info03 .wrds{}
.user-info03 .wrds span{ float:left;}
.user-info03 .wrds span:nth-child(1){margin-left:10px;}
.user-info03 .wrds span:nth-child(2){margin-left:168px;color:#a6a5a5;}
.user-info03 .wrds .dd{margin-left:45px;color:#a6a5a5; position:absolute; right:100px;}
.user-info03 .wrds .tt{margin-left:45px;color:#a6a5a5; position:absolute; right:37px;}
.user-info03 .user-or01{ position:absolute; top:4px; right:100px; }
.user-info03 .user-or02{ position:absolute; top:4px; right:37px; }
.user-or01>img{width:50%;}
.user-or02>img{width:50%;}
.user-info03:after{content:""; clear:both; display:block; height:0;}
/*store-setting*/
.wrds .user-pic0{float:right; width:55px; height:55px; background:#f0eeef; border-radius:6px; line-height:64px; text-align:center;  margin:10px 30px 0 0;}
.wrds .user-pic0 img{width:50%;}
.user-info04{line-height:45px; width:100%; border-bottom:1px solid #f0eeef; background:#fff;}
.user-info04 .wrds{padding-left:10px; }
.setting-store{line-height: 0.8rem; width:100%; border-bottom:1px solid #f0eeef; background:#fff; position:relative;}
.setting-store>.wrds{padding-left:10px; width: 30%; line-height: 45px;}
.setting-store>.wrdsmin{font-size:0.875rem; color:#a6a5a5; word-wrap:break-word;  float: right; margin: 15px 10px 15px 0;}
@media screen and (max-width:480px){.setting-store>.wrdsmin{font-size:0.875rem; color:#a6a5a5; word-wrap:break-word; width:38%; float: right; margin: 15px 10px 15px 0;}}
@media screen and (max-width:375px){.setting-store>.wrdsmin{font-size:0.875rem; color:#a6a5a5; word-wrap:break-word; width:42%; float: right; margin: 15px 10px 15px 0;}}
@media screen and (max-width:320px){.setting-store>.wrdsmin{font-size:0.875rem; color:#a6a5a5; word-wrap:break-word; width:48%; float: right; margin: 15px 10px 15px 0;}}
.setting-store:after{content:""; clear:both; display:block; height:0;}
/*brand*/
.brandmin{float:left; margin-left:3%; width:45%; margin-top:10px; }
.brandmin .min-top{height:6.5rem; text-align:center;border-radius:6px 6px 0 0; background:#fff;border:1px solid #ccc;}
.brandmin .min-top img{max-width:100%; max-height:6.5rem;}
.brandbtn{border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #fff; border-radius:0 0 6px 6px;background:#fff;}
.brandbtn .min-wrd01,.brandbtn .min-wrd02{ margin:7px auto;width:70%; font-size:0.875rem; color:white; border-radius:6px; padding:6px 3px; text-align:center; cursor:pointer;}
.brandbtn .min-wrd01{background-color:#fc5044; }
.brandbtn .min-wrd02{background-color:#a6a5a5;}
.brand:after{content:""; clear:both; display:block; height:0;}
/*submit-ok*/
.submit-wrds{font-size:0.875rem; color:#4f4e4e; line-height:1.4rem; margin:10px auto 10px ; width:94%;}
.submit-details{ background:#fff;padding:10px 0;}
.submit-details td{padding-left:10px;}
.submit-details td.name-01{padding-left: 4%;line-height: 30px; color:#4f4e4e;}
/*statistics*/
.statis-date{font-size:0.875rem; color:#fc5044; line-height:1.2rem; margin:10px auto; width:94%; font-family:Arial;}
.statis-box{background:#fff;border-bottom:1px solid #f0eeef;}
.statis-title{width:94%; margin:0 auto; padding-top:15px; font-size:1.125rem; color:#4f4e4e;}
.statis-title .words-time{ float:right; font-size:0.625rem; padding-top:5px; font-family:Arial;}
.statis-wrds{width:94%; margin:0 auto; line-height:45px;  font-size:0.875rem;}
.statis-wrds .sm-wrds{ font-size:0.75rem; color:#a6a5a5; }
.statis-wrds .words-money{float:right; color:#fc5044; font-size:1.25rem;}
/*order-details*/
.order-details{ margin-bottom:49px;}
.order-banner{width:100%; font-size:0;}
.order-banner img{ width:100%;}
.schedule{ background:#fff; text-align:center; position:relative; height:62px;}
.schedule>img{width:55%; margin-top:20px;}
.schedule ul{ margin:0 auto; position:absolute; top:13px; width:100%;}
.schedule ul li{ display:inline-block; width:17%;}
.schedule ul li img{ width:25%;}
.schedule ul li p{ font-size:0.625rem; margin-top:6px;}
.line-grey{width:100%; height:10px; background:#eee;}
.orders-details{ background:#fff;padding:10px 0; }
.orders-details td{padding-left:10px; font-size:0.875rem;}
.orders-details td.name-01{padding-left: 4%;line-height: 30px;}
.details-order{margin-top:10px; line-height:1.4rem;}
.details-order .details-title{ float:left; width:76%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.details-order .details-right{ float:right; width:22%;}
.discribe .details-wenzi .details-order .danjia{color: red; float:right;}
.details-num{ float:right; padding-left:10px;}
.details-order:after{content:""; clear:both; display:block; height:0;}
.details .title{position:relative;}
.details .title .right{ position:absolute; top:7px; right:7px;}
.details .title .right>img{ width:56%;}
/*my-collect*/
.collect-ths{margin:0 auto; border-bottom:1px solid #f0eeef; padding:3% 0; background:#fff; position: relative;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);}
.collect-ths:hover{background:#F6F6F6;}
.collect-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:10rem;height:10rem; overflow:hidden;}
@media screen and (max-width:480px){
.collect-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:8rem;height:8rem; overflow:hidden;}}
@media screen and (max-width:375px){
.collect-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:7rem;height:7rem; overflow:hidden;}}
@media screen and (max-width:320px){
.collect-img{float:left; margin-left:10px; border-radius:6px; border:1px solid #F6F6F6; width:6rem;height:6rem; overflow:hidden;}}	
.collect-img>img{width:100%;}
.collect-words{float:right; width:60%; margin-right:14px; font-size:0.938rem;}
.collect-words .wds01{line-height:1.2rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.collect-words .wds02{margin-top:10px; background:#fc5044; width:55%; border-radius:6px; line-height:1.2rem; color:#fff; text-align:center;font-size:0.5rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.collect-words .wds03{color:#fc5044; font-size:1.25rem; margin-top:1.6rem; margin-left:-4px;}
.collect-words .collect-03{margin-top:0.8rem;}
.collect-delete{position: absolute; top: 0; right: -60px; text-align: center; background: #999; color: #fff; width: 60px; height:10rem; padding:3% 0;line-height: 10rem; }
@media screen and (max-width:480px){.collect-delete{height:8.2rem;line-height: 8.2rem; }}
@media screen and (max-width:375px){.collect-delete{height:7.2rem;line-height: 7.2rem; }}
@media screen and (max-width:320px){.collect-delete{height:6.3rem;line-height: 6.3rem; }}
.collect-ths:after{content:""; clear:both; display:block; height:0;}
/*my-collect-no-state*/
.no-state{ text-align:center; margin-top:120px;}
.no-state>img{width:40%;}
.no-state-wrds01{ text-align:center; margin-top:20px; }
.no-page-wrds01{ text-align:center; margin-top:40px; font-size:0.875rem;}
.no-pagered{ color:#fc5044;}
.no-state-wrds02{ text-align:center;}
.no-state-wrds02 a{ color:#fc5044; font-size:0.875rem; display:block; line-height:40px;}
.no-couponmin{ text-align:center; margin-top:220px;}
@media screen and (max-width:480px){.no-couponmin{margin-top:280px;}}
@media screen and (max-width:375px){.no-couponmin{margin-top:240px;}}
@media screen and (max-width:320px){.no-couponmin{margin-top:210px;}}
.no-couponmin>img{width:40%;}
.no-couponmin-wrds01{ text-align:center; margin-top:20px; }
/*store-saozhenpin*/
.store-brand-menu{font-size:0; background:#fff; border-bottom:1px solid #fc5044; position:relative; width:100%; z-index:9999; padding:0.8rem 0;}
.store-brand-menu>li{display:inline-block; border-right:1px solid #ccc; width:49%; text-align:center; }
.store-brand-menu>li.store-brand-menu-01 .store-brand-ch01{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:62%;}
.store-brand-menu>li.store-brand-menu-01 .brand-menu-pic01{width:6%; transition:0.5s;}
.store-brand-menu>li.store-brand-menu-01:hover{border-right:1px solid #fc5044;}
.store-brand-menu>li.store-brand-menu-01:hover .store-brand-ch01{color:#fc5044;}
.store-brand-menu>li.store-brand-menu-02 .store-brand-ch02{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:62%;}
.store-brand-menu>li.store-brand-menu-02 .brand-menu-pic02{width:6%; transition:0.5s;}
.store-brand-menu>li.store-brand-menu-02:hover{}
.store-brand-menu>li.store-brand-menu-02:hover .store-brand-ch02{color:#fc5044;}
.store-brand-menu>li.store-brand-menu-03 .store-brand-ch03{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:62%;}
.store-brand-menu>li:last-child{border-right:0;}
.store-brand-menu>li>a{font-size:1rem; color:#666; display:inline-block;cursor:pointer; }
.store-brand-menu>li>img{width:9%; display:inline-block; max-width:20px;}
.store-brand-menumin{border-top:1px solid #fc5044; position:absolute; top:35px; left:0; z-index:99; background:#fff; width:100%; text-align:left;}
.store-brand-submenu,.store-brand-submenu-thr{ float:left; width:34%; background:#eee;height:300px; padding-bottom:30px; overflow-y:scroll; overflow-x:hidden; }
.store-brand-submenu>li .bra-frist-name{ color:#fc5044;background-color:#fff;}
.store-brand-submenu>li>a{ font-size:0.875rem; color:#666;width:75%; display:block; padding:10% 0 10% 26%; }
.store-brand-submenu>li>a:hover{background:#fff; color:#fc5044;}
.store-brand-thr-menu{float:left; background:#fff; width:66%; padding-top:20px;height:300px; overflow-y:scroll; overflow-x:hidden; }
.store-brand-thr-menu>li{ margin:0 0 10% 6%; display:inline-block; border:1px solid #ccc; width:40%; text-align:center;border-radius:6px;}
.store-brand-thr-menu>li>a{ font-size:0.75rem; color:#666; display:inline-block;  padding:8% 0; width:100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.store-brand-thr-menu>li:hover{ border:1px solid #fc5044;border-radius:6px;}
.store-brand-thr-menu>li>a:hover{color:#fc5044;}
.store-brand-menumin:after{content:""; clear:both; display:block; height:0;}
.store-brand-submenu-sec,.store-brand-submenu-thr{border-top:1px solid #fc5044; position:absolute; top:35px; left:0; z-index:999; background:#eee; width:100%; text-align:left;box-sizing:border-box;}
.store-brand-submenu-sec>li>a,.store-brand-submenu-thr>li>a{ font-size:0.875rem; color:#666;display:block; padding:2% 0 2% 0; margin-left:10%; border-bottom:1px solid #ccc; padding-top:5%;}
.store-brand-submenu-sec>li>a:hover,.store-brand-submenu-thr>li>a:hover{ color:#fc5044;background:url(../../images/Base/yes-s.png) no-repeat 90% 17px; background-size:5%; }
/*store-saozhenpin-no-state*/
.store-no-state{ text-align:center; margin-top:40px;}
.store-no-state>img{width:40%;}
.store-no-words{ text-align:center; margin:20px 0; }
/*store-brand*/
li.brand-width-thr{display:inline-block; border-right:1px solid #ccc; width:33%; text-align:center; }
.store-brand-menu>li.brand-width-thr>img{width:14%; display:inline-block;}
.store-brand-menu>li.brand-width-thr>a{font-size:1rem; color:#666; display:inline-block;cursor:pointer; padding:0 4px;}
.store-brand-menu>li.brand-width-thr .brand-menu-pic01{ width:8%; transition:0.5s;}
.store-brand-menu>li.brand-width-thr .brand-menu-pic02{ width:8%; transition:0.5s;}
.store-brand-menu>li.brand-width-thr .brand-menu-pic03{ width:8%; transition:0.5s;}
/*search-end*/
.search-end-top{height:36px;}
.search-end-words{font-size:0.875rem; color:#4f4e4e; line-height:20px; margin:10px auto 10px; width:93%;}
.search-black{ position:absolute; width:100%; height:100000px; background:rgba(0,0,0,0.5); z-index: 99;}
/*shopping*/
header+.shopping-nostyle{margin-top:55px;}
.shopping{background-color: white;margin-top:10px;}
.shopping .title {background:url(../../images/Base/house.png) no-repeat 35px 8px; background-size:20px;margin-top: 10px;border-bottom: 1px solid #f0eeef;;}
.shopping .title>p {margin-left:34px; line-height:2rem; color:#4f4e4e; width:60%; float:left; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.title .shopping-dot{float:left; width:20px; height:20px; margin-left:10px; margin-top:6px;}
.title .shopping-right{float:right; width:3%; margin-right:10px; margin-top:7px;}
.shopping .title:after{content:""; clear:both; display:block; height:0;}
.shopping-detais{border-bottom: 1px solid #f0eeef; background:#f9f9f9;}
.shopping-detais .details-img{ position:relative; float: left; width:37%;}
.shopping-detais .details-img .shopping-dot{ position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; margin-left:10px;}
.shopping-detais .details-img .shopping-pic{ width:80px; height:80px; border:1px solid #ccc; border-radius:6px; margin:10px 0;margin-left:35px;}
.shopping-detais .shopping-wenzi{width:58%;float:left; font-size:0.875rem; margin-left:2%;}
.shopping-detais .shopping-wenzi .shopping-top{margin-top:8px; color:#4f4e4e; line-height:1.2rem;}
.shopping-top .details-title{float:left; width:65%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.shopping-detais .shopping-wenzi .shopping-top .danjia{color: red; float:right;}
.shopping-top:after{content:""; clear:both; display:block; height:0;}
.shopping-detais .shopping-wenzi .shopping-center{ margin:6px 0; font-size:0.5rem;}
.shopping-detais .shopping-wenzi .shopping-center .details-size {margin-right:10px; font-size:0.625rem;}
.shopping-detais .shopping-wenzi .shopping-center .details-color{font-size:0.625rem;}
.shopping-detais:after{content:""; clear:both; display:block; height:0;}
.shopping-bottom{}
.shopping-wenzi .real-num{width:80%;height: 100%; margin-right:10px;}
.shopping-wenzi .real-num span{border:1px solid #ccc; width:30px; height:21px;float: left;display: block; text-align: center;border-radius:0 6px 6px 0;}
.shopping-wenzi .real-num span.dis{border-radius:6px 0 0 6px;line-height: 21px;}
.shopping-wenzi .real-num span.nums{border-radius: 0;}
.shopping-wenzi .real-num i{position: absolute;line-height: 21px;width: 32px;display: block;text-align: center; color:#4f4e4e;}
.shopping-wenzi .real-num .add{color: red;line-height: 21px;}
.shopping-wenzi img{ width:10%; float:right;}
.shopping-bottom:after{content:""; clear:both; display:block; height:0;}
.shopping-margin-bottom{height:49px;}

@media screen and (max-width:480px){
#shopping-bg{ position:fixed; z-index:99999; width:100%; height:100%; margin:auto; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3);}
.bgmin{position:absolute; z-index:99999; top:14rem; left:5rem; background:#fff; border-radius:10px; position:absolute;  text-align:center; width:62%;}
.bgmin>p{line-height:1.4rem; padding:10% 5%; border-bottom:1px solid #ccc; font-size:0.875rem;}
.bgmin a{ color:#666; display:inline-block; width:49.5%; margin:0 auto; padding:14px 0;}
.bgmin .shopping-yes{ color:#fc5044; border-left:1px solid #ccc;}}
@media screen and (max-width:375px){
#shopping-bg{ position:fixed; z-index:99999; width:100%; height:100%; margin:auto; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3);}
.bgmin{position:absolute; z-index:99999; top:12rem; left:3.5rem; background:#fff; border-radius:10px; position:absolute;  text-align:center; width:70%;}
.bgmin>p{line-height:1.4rem; padding:10% 5%; border-bottom:1px solid #ccc; font-size:0.875rem;}
.bgmin a{ color:#666; display:inline-block; width:49.5%; margin:0 auto; padding:14px 0;}
.bgmin .shopping-yes{ color:#fc5044; border-left:1px solid #ccc;}}
@media screen and (max-width:320px){
#shopping-bg{ position:fixed; z-index:99999; width:100%; height:100%; margin:auto; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3);}
.bgmin{position:absolute; z-index:99999; top:12rem; left:2.7rem; background:#fff; border-radius:10px; position:absolute;  text-align:center; width:74%;}
.bgmin>p{line-height:1.4rem; padding:10% 5%; border-bottom:1px solid #ccc; font-size:0.875rem;}
.bgmin a{ color:#666; display:inline-block; width:49.5%; margin:0 auto; padding:14px 0;}
.bgmin .shopping-yes{ color:#fc5044; border-left:1px solid #ccc;}}
/*register*/
header+main.register-phonemin{margin-top:35px;}
.register-phonemin{margin:30px auto 30px; width:78%;}
.phonemin-01{width:100%; border-bottom:1px solid #fc5044; padding-top:10px;}
.register-phone{width:80%; line-height:35px; color:#666;  border:0;  -webkit-appearance:none; border-radius:0; text-indent:10px; font-family:"微软雅黑"; outline:none; }
i.icon{float:left;line-height:35px;}
.register-phone:focus+i.icon{ color:#fc5044;}
.phonemin-02{width:100%; border-bottom:1px solid #fc5044; padding-top:10px; position:relative;}
.register-code01{width:60%; line-height:35px; color:#666;  border:0;text-indent:10px; font-family:"微软雅黑"; -webkit-appearance:none; border-radius:0; outline:none;}
.register-code01:focus+i.icon{ color:#fc5044;}
.register-code02{background:0; border:0; color:#fc5044; position:absolute; right:1px; bottom:9px; font-family:"微软雅黑";}
.register-code02:link{border:0;}
.phonemin-03{width:100%; border-bottom:1px solid #fc5044; padding-top:10px; position:relative;}
.phonemin-03 i.iconeye{ position:absolute; top:12px; right:40px; font-size:22px; }
.register-code{width:90%; line-height:35px; color:#666;  border:0; -webkit-appearance:none; border-radius:0; text-indent:10px; font-family:"微软雅黑"; outline:none;}
.register-code:focus+i.icon{ color:#fc5044;}
i.login-cha{ position:absolute; top:35%; right:1%; width:7%; }
i.login-cha>img{ width:100%; min-width:20px; max-width:22px;}
.register-btn{margin:0 auto; width:78%;}
.register-btn .red-btn{text-align: center; padding: 10px 0 10px 0;background-color:#fc5044; color:#fff; border-radius: 6px;margin-top: 15px; cursor:pointer;}
.register-btn .red-btn>a{ display:block;}
.register-btn .white-btn{text-align: center; padding: 9px 0 9px 0;background-color:#fff; border-radius: 6px;margin:15px 0 30px; border:1px solid #fc5044; cursor:pointer;}
.register-btn .white-btn>a{color:#fc5044; display:block;}
/*login*/
.login-logo{text-align:center; margin-top:11%;}
.login-logo img{width:25%;}
.loginmin{margin:10% auto 0; width:78%;}
.login-chose{ border-bottom:1px solid #ccc; margin:10px 0; position:relative;}
.login-chose>ul{text-align:center; margin:10px 0;}
.login-chose>ul>li{ display:inline-block; width:48%; }
.login-chose>ul>li.login-chose01{ border-right:1px solid #ccc;}
.login-chose .login-line{ border:2px solid #fc5044; width:40%; position:absolute; top:23px; left:10px;}
.loginmin .login-slide{ margin:10% 0 20%;}
/*plain-code*/
.code-box01{background:#fff; margin-bottom:10px;}
.box01-top{border-top:1px solid #ddd; padding:2% 0;}
.box01-top .box01-words{float:left; width:78%; border-right:1px solid #ccc; line-height: 1.2rem; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0 10px;}
.box01-top .box01-share{float:right; width:15%; text-align:center;}
.box01-top .box01-share .sharemin{width:100%; display:block; padding:2px 0;}
.box01-top .box01-share .sharemin>img{width:40%;}
.box01-top .box01-share>i{ display:block; font-size:0.6rem;}
.box01-top:after{content:""; clear:both; display:block; height:0;}
.box01-bottom{color:#fc5044; font-size:1.45rem; padding:2px 10px 5px;}
.code-box02{background:#fff; margin-bottom:10px;}
.code-title{background:#fff; position:relative; height:40px;}
.code-title .code-lined{border-bottom:1px solid #ccc; width:93%; margin:0 auto; padding:10px 0;}
.code-title .codes-words{ position:absolute; top:50%; margin-top:-8px; width:100%; text-align:center;}
.code-title .codes-words>i{background:#fff; padding:0 10px; font-size:0.875rem;}
.code-certificate{margin-left:10px; overflow:hidden;}
#certificate-width{width:4000px; padding:10px 0 22px; font-size:0;}
#certificate-width>a{font-size:0.875rem; display:inline-block; padding:6px 5px; margin-right:0.2%; background-color:#fff;color:#fc5044;border-radius: 6px; border:1px solid #fc5044;}
.certificate-back{ position:fixed; z-index:99999; width:100%; height:170%; top:0; left:0; background:#333;}
.certificate-back>img{width:80%;  border-radius:6px; position:fixed; margin:auto; top:0; left:0; bottom:0; right:0; text-align:center;}
.code-box03{background:#fff; margin-bottom:10px;}
.code-batch{width:93%; margin:0 auto; padding:10px 0 22px;}
.code-batch .batch01{float:left; width:42%; line-height:1.2rem;}
.code-batch .batch02{float:left;width:58%; color:#fc5044; word-wrap:break-word; line-height:1.2rem;}
.code-batch:after{content:""; clear:both; display:block; height:0;}
.code-box04{background:#fff; margin-bottom:10px;}
.code-box04 .code-details{line-height:1.2rem; width:93%; margin:0 auto; font-size:0.938rem;padding:10px 0 22px;}
.code-margin-bottom{height:48px; width:100%;}
/*secret-code*/
.secret-wrds{padding:10px 0 22px; text-align:center; color:#fc5044;}
.secret-true{width:89%; margin:0 auto; background: #fff; border:1px solid #fc5044; box-shadow:0 0 6px #fc5044; line-height:1.4rem; padding:2% 2%; margin:10px auto; border-radius:6px;}
.brandcode-true{width:89%; margin:0 auto; text-align:center; border:1px solid #fc5044; line-height:1.2rem; padding:6% 2%; margin-bottom:10px; border-radius:6px;}
.brandcode-true>span{color:#fc5044; font-size:1.25rem;}
.secret-true>span{color:#ffc602; font-size:1.45rem;}
.secret-true>i{color:#ffc602;}
.secret-true .secret-shopping{color:#fc5044;}
.secret-true>.secret-time{color:#fc5044; text-decoration:underline;}
.brandcode01{ line-height:45px;}
.brandcode02-bla{ background-color:#fff;}
.brandcode02{width:92%; margin:0 auto 10px; line-height:1.2rem; padding: 10px 0 10px 0; }
.brandcode-btn{width:92%; text-align: center; padding: 10px 0 10px 0;background-color:#fff; border:1px solid #fc5044; border-radius: 6px;margin:35px auto 0; cursor:pointer;}
.brandcode-btn>a{ color:#fc5044; width:100%; display:block;}
.secret-btn{width:92%; text-align: center; padding: 10px 0 10px 0;background-color:#fc5044; color:#fff; border-radius: 6px;margin:15px auto 15px; cursor:pointer;}
.secret-btn>a{width:100%; display:block;}
.secret-info{width:93%; margin:0 auto; border:1px solid #a6a5a5; border-radius:6px; margin-bottom:10px;}
.secret-info>span{ float:left; width:50%; background:#a6a5a5; font-size:0.875rem; text-align:center; height:35px; line-height:35px; border-radius:5px 0 0 5px; color:#fff;}
.secret-info>a{ float:right; width:50%; background:#fff; color:#fc5044; font-size:1.125rem; text-align:center; height:35px; line-height:35px; border-radius:0 5px 5px 0;}
.secret-info:after{content:""; clear:both; display:block; height:0;}

/*footer部分*/
/*agent-personal*/
.index_nav {position: fixed; bottom: 0;height: 48px; width: 100%; margin: 0 auto;z-index: 100;text-align: center;
             -webkit-transition: opacity .2s ease;
             transition: opacity .2s ease;}
.agent-nav{height:50px; border:1px solid #ccc; background:#FFF; border-bottom:0;}
.agent-nav li a{float:left; width:33%; text-align:center; padding-top:31px; cursor:pointer;color:#666666;font-size:0.5rem;}
.agent-nav .stores a{ background:url(../../images/Base/true-store.png) no-repeat center 0.3rem; background-size:26px; }
.agent-nav .collected a{ background:url(../../images/Base/love-me.png) no-repeat center 0.3rem; background-size:26px;}
.agent-nav .viewing a{ background:url(../../images/Base/browse.png) no-repeat center 0.3rem; background-size:26px; }
.agent-nav:after{content:""; clear:both; display:block; height:0;}
/*store-brand*/
.store-brand-nav{position: fixed; bottom: 0;height: 48px; width: 100%; margin: 0 auto;z-index: 100;text-align: center;
             -webkit-transition: opacity .2s ease;
             transition: opacity .2s ease;}
.st-nav{height:50px; border:1px solid #ccc; background:#FFF; border-bottom:0;}
.st-nav li a{float:left; width:33%; text-align:center; padding-top:31px; cursor:pointer;color:#666666; font-size:0.5rem;}
.st-nav .st-first a{ background:url(../../images/Base/store-house.png) no-repeat center 0.3rem; background-size:26px;}
.st-nav .my-car a{ background:url(../../images/Base/shopping-cart.png) no-repeat center 0.3rem; background-size:26px; }
.st-nav .my-center a{ background:url(../../images/Base/browse.png) no-repeat center 0.3rem; background-size:26px; }
.st-nav:after{content:""; clear:both; display:block; height:0;}
/*ok-order*/
.go{background-color: white; border:1px solid #ccc; border-bottom:0; position: fixed; bottom:0;height: 48px; width: 100%; margin: 0 auto;z-index: 100;-webkit-transition: opacity .2s ease; transition: opacity .2s ease;}
.go > p >.infact{padding-left:10px; line-height:45px; color:#4f4e4e;}
.go > p >.money{color:#fc5044;line-height:1.2rem;}
.go > p >.pay{float:right; display:block; padding:8px 15px; background-color:#fc5044; color:white; border-radius:6px; margin:8px 10px 0 0; cursor:pointer; font-size:0.938rem;}
.go > p >.payed{float:right; display:block; padding:6px 15px; background-color:#fff; color:#fc5044; border:1px solid #fc5044; border-radius:6px; margin:8px 10px 0 0; cursor:pointer;}
.go > p >.payed a{ color:#fc5044; font-size:0.938rem;}
/*shopping*/
.shopping-end{background-color: white; border:1px solid #ccc; border-bottom:0; position: fixed; bottom:0;height:48px; width: 100%; margin: 0 auto;z-index: 100;-webkit-transition: opacity .2s ease; transition: opacity .2s ease;}
.shopping-end > p >.shopping-dot{width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; margin-left:10px;}
.shopping-end > p >.infact{padding-left:35px; line-height:45px; color:#4f4e4e;}
.shopping-end > p >.money{color:#fc5044;line-height:1.2rem;}
.shopping-end > p >.pay{float:right; display:block; padding:8px 15px; background-color:#fc5044; color:white; border-radius:6px; margin:8px 10px 0 0; cursor:pointer; font-size:0.938rem;}
.shopping-end > p >.payed{float:right; display:block; padding:6px 15px; background-color:#fff; color:#fc5044; border:1px solid #fc5044; border-radius:6px; margin:8px 10px 0 0; cursor:pointer;}
.shopping-end > p >.payed a{ color:#fc5044; font-size:0.938rem;}
/*details*/
.transm-pay{height:48px; background:#fff; border:1px solid #ccc; border-bottom:0; position: fixed; bottom:0; width: 100%;margin: 0 auto;z-index: 100;-webkit-transition: opacity .2s ease; transition: opacity .2s ease;}
.transm-pay > label>.details-shop,.transm-pay > label>.details-shopping{display:inline-block; text-align:center; width:13%; position:relative;}
.transm-pay > label>.details-shop>img,.transm-pay > label>.details-shopping>img{width:42%;margin-top:9px; min-width:22px; max-width:24px;}
.transm-pay > label>.details-shop>i,.transm-pay > label>.details-shopping>i{color:#666666; font-size:0.5rem; display:block;}
.transm-pay > label>.details-add{width:29%;text-align: center;display:inline-block; padding: 8px 0 8px 0;background-color:#fff;color:#fc5044;border-radius: 6px;margin-top:7px;border:1px solid #fc5044; float:right; margin-right:10px;}
.transm-pay > label>.details-quite{width:29%;text-align: center;display:inline-block; padding: 9px 0 9px 0;background-color:#fc5044;color: white;border-radius: 6px;margin-top:7px; float:right; margin-right:10px;}
.transm-pay > label>.coupon-quite{-webkit-appearance:none; width:94%;text-align: center;display:inline-block; padding: 9px 0 9px 0;background-color:#fc5044;color: white;border-radius: 6px;margin-top:7px; float:right; margin-right:10px;}
.transm-pay > label>.coupon-quite02{-webkit-appearance:none; outline: none; border:0; font-family: "微软雅黑"; width:94%;text-align: center;display:inline-block; padding: 9px 0 9px 0;background-color:#fc5044;color: white;border-radius: 6px;margin-top:7px; float:right; margin-right:10px;}
.transm-pay > label>.coupon-quite02:link{ border:0;}
.details-dot{width:15px; height:15px; border-radius:15px; background:#fc5044; position:absolute; z-index:999; top:3px; left:60px; color:#fff; font-size:0.75rem; text-align:center; line-height:15px;}
@media screen and (max-width:480px){
.details-dot{ left:30px;}}
@media screen and (max-width:375px){
.details-dot{  left:27px; }}
@media screen and (max-width:320px){
.details-dot{left:24px;}}
/*plain-code*/
.plain-code-nav{position: fixed; bottom: 0;height: 48px; width: 100%;margin: 0 auto;z-index: 100;text-align: center;
             -webkit-transition: opacity .2s ease;
             transition: opacity .2s ease;}
.plain-nav{height:50px; border:1px solid #ccc; background:#FFF; border-bottom:0;}
.plain-nav li a{float:left; width:33%; text-align:center; padding-top:31px; cursor:pointer;color:#666666; font-size:0.5rem;}
.plain-nav .st-first a{ background:url(../../images/Base/agency-icon.png) no-repeat center 0.4rem; background-size:26px;}
.plain-nav .my-car a{ background:url(../../images/Base/brand-icon.png) no-repeat center 0.3rem; background-size:26px; }
.plain-nav .my-center a{ background:url(../../images/Base/buy-icon.png) no-repeat center 0.3rem; background-size:26px; }
.plain-nav:after{content:""; clear:both; display:block; height:0;}
.no-things-state{ background:#fff; position:fixed; z-index:9999; height:100%; text-align:center;}
.no-things-state>img{width:30%; margin-top:180px;}
.no-things-state>p{ margin-top:20px;}
/*secret-code*/
.secret-code-nav{position: fixed; bottom: 0;height: 48px; width: 100%; margin: 0 auto;z-index: 100;text-align: center;
             -webkit-transition: opacity .2s ease;
             transition: opacity .2s ease;}
.secret-nav{height:50px; border:1px solid #ccc; background:#FFF; border-bottom:0;}
.secret-nav li a{float:left; width:33%; text-align:center; padding-top:31px; cursor:pointer;color:#666666; font-size:0.5rem;}
.secret-nav .st-first a{ background:url(../../images/Base/brand-icon.png) no-repeat center 0.3rem; background-size:26px;}
.secret-nav .my-car a{ background:url(../../images/Base/buy-icon.png) no-repeat center 0.2rem; background-size:26px; }
.secret-nav .my-center a{ background:url(../../images/Base/browse.png) no-repeat center 0.3rem; background-size:26px; }
.secret-nav:after{content:""; clear:both; display:block; height:0;}
/*sharing*/
.sharing-back{padding:10px;}
.sharing-icon{ padding:10px 0;}
.sharing-icon li a{float:left; width:33%; text-align:center; padding-top:56px; cursor:pointer;color:#666666; font-size:0.625rem;}
.sharing-icon .share-QQ a{ background:url(../../images/Base/shares01.png) no-repeat center 0.3rem; background-size:46px; }
.sharing-icon .share-QQspace a{ background:url(../../images/Base/shares01-19.png) no-repeat center 0.3rem; background-size:46px; }
.sharing-icon .share-WEUI a{ background:url(../../images/Base/shares01-21.png) no-repeat center 0.3rem; background-size:46px; }
.sharing-icon .share-WEUI-circle a{ background:url(../../images/Base/shares01-26.png) no-repeat center 0.3rem; background-size:46px; }
.sharing-icon .share-sina a{ background:url(../../images/Base/shares01-27.png) no-repeat center 0.3rem; background-size:46px; }
.sharing-icon .share-connect a{ background:url(../../images/Base/shares01-28.png) no-repeat center 0.3rem; background-size:46px; }
.sharing-icon:after{content:""; clear:both; display:block; height:0;}
/*operation*/
.hide {display:none !important;}
.fixed{ position:fixed !important; }


/*pre自动换行*/
.pre-change {word-wrap: break-word;white-space: pre-wrap; line-height: 1.25rem; width: 94%; margin: 0 auto; font-family: "微软雅黑";}