/*全局样式*/
*{ margin: 0; padding: 0;}
html { box-sizing: border-box;}
*,*:before, *:after { box-sizing: inherit;}
body{ font-family: Helvetica; text-align: left; color: #000; background: #f0f0f0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); min-height: 100vh; line-height:1.6;}
a:link,a:visited,a:hover,a:active,a:focus { text-decoration: none !important;}
ul,ol{ list-style-type: none;}
.clearfix:after{ content: "."; display: block; height: 0; visibility: hidden; clear: both;}
.clearfix{zoom: 1;}
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
.iphonex {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
.fl{ float: left;}
.fr{ float: right;}
/*字体大小*/
.font14{
font-size: 7px;
}
[data-dpr="2"] .font14{
font-size: 14px;
}
[data-dpr="3"] .font14{
font-size: 21px;
}
div{
font-size: 12px;
}
[data-dpr="2"] div{
font-size: 24px;
}
[data-dpr="3"] div{
font-size: 36px;
}
.font16{
font-size: 8px;
}
[data-dpr="2"] .font16{
font-size: 16px;
}
[data-dpr="3"] .font16{
font-size: 24px;
}
.font18{
font-size: 9px;
}
[data-dpr="2"] .font18{
font-size: 18px;
}
[data-dpr="3"] .font18{
font-size: 27px;
}
.font20{
font-size: 10px;
}
[data-dpr="2"] .font20{
font-size: 20px;
}
[data-dpr="3"] .font20{
font-size: 30px;
}
.font22{
font-size: 11px;
}
[data-dpr="2"] .font22{
font-size: 22px;
}
[data-dpr="3"] .font22{
font-size: 33px;
}
.font24{
font-size: 12px;
}
[data-dpr="2"] .font24{
font-size: 24px;
}
[data-dpr="3"] .font24{
font-size: 36px;
}
.font26{
font-size: 13px;
}
[data-dpr="2"] .font26{
font-size: 26px;
}
[data-dpr="3"] .font26{
font-size: 39px;
}
.font28{
font-size: 14px;
}
[data-dpr="2"] .font28{
font-size: 28px;
}
[data-dpr="3"] .font28{
font-size: 42px;
}
.font30{
font-size: 15px;
}
[data-dpr="2"] .font30{
font-size: 30px;
}
[data-dpr="3"] .font30{
font-size: 45px;
}
.font32{
font-size: 16px;
}
[data-dpr="2"] .font32{
font-size: 32px;
}
[data-dpr="3"] .font32{
font-size: 48px;
}
.font34{
font-size: 17px;
}
[data-dpr="2"] .font34{
font-size: 34px;
}
[data-dpr="3"] .font34{
font-size: 51px;
}
.font36{
font-size: 18px;
}
[data-dpr="2"] .font36{
font-size: 36px;
}
[data-dpr="3"] .font36{
font-size: 54px;
}
/******* 通用 *******/
.wrap{ width: 10rem; margin: 0 auto;}
.bottomFixed{ width: 10rem; height: 1.6133rem; position: fixed; bottom: 0; left: 0; margin:0 auto; right:0; display: flex; z-index: 98;}
.weui-toast{ position: fixed; top:50%; padding: .2rem .333333rem;}
.weui-toast p{
font-size: 12px;
}
[data-dpr="2"] .weui-toast p{
font-size: 24px;
}
[data-dpr="3"] .weui-toast p{
font-size: 36px;
}
.weui-loading { width: 0.4rem; height: 0.4rem;}
.weui-loadmore__tips{ color: #999;}
.weui-loadmore {width: 65%;margin: 1.5em auto 2rem;line-height: 1.6em;font-size: 14px;text-align: center;}
.noOrder{ width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.noOrder i{ display: block; width: 4.306667rem; height: 2.746667rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -4.8267rem -0.8267rem; position: absolute; top: 4.24rem; left: 0; right: 0; margin: auto;}
.noOrder p{ color: #aaa; text-align: center; width: 100%; position: absolute; top: 7.36rem; left: 0;}
/* 计数器 */
.wrap .Counter .Counter-number { color: #151515; width: 0.5867rem; height: .5rem; border: 0; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
.wrap .Counter a { height: 0.5rem; width: 0.5rem; display: inline-flex; justify-content: center; align-items: center; border: 0.0133rem solid #9e9e9e; border-radius: 50%; color: #a0a0a0;}
.wrap .Counter a i{ font-size: 0.38rem;}
/* picker组件 */
.toolbar .title{ font-size: .426667rem; line-height: 1.6rem;}
.toolbar .picker-button { height: 1.6rem; line-height: 1.6rem; color: #c50c0c; font-size: 0.3733rem; }
.toolbar .toolbar-inner{ height: 1.6rem;}
.weui-picker-modal{ height: auto;}
.weui-picker-modal .picker-modal-inner { height: 8rem;}
.weui-picker-modal .picker-item { height: .853333rem; line-height: .853333rem; padding: 0 0.1333rem; font-size: 0.4267rem;}
.weui-picker-modal .picker-item.picker-selected{ font-size: 0.44rem; color: #000;}
.weui-picker-modal .picker-center-highlight { height: .8rem; margin-top: -.45rem;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-picker-modal .picker-center-highlight:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.weui-picker-modal .picker-center-highlight:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.weui-picker-modal .picker-center-highlight::after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.weui-picker-modal .picker-center-highlight:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
/* tabbar */
.tabbar{ width: 10rem; position: fixed; bottom: 0; left: 50%; background: #e5e5e5; display: flex; justify-content: space-around; padding-top: .08rem; margin-left:-5rem}
.tabbar a{ width: 1.866667rem; height: 1.466667rem; display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1; cursor: pointer;}
.tabbar a i{ display: block; width: .706667rem; height: .6rem; background: url(images/icons.png); background-size: 10rem 17.7867rem;}
.tabbar a i.tabbar-home{ background-position: -2.44rem 0;}
.tabbar a i.tabbar-cart{ background-position: -3.24rem 0;}
.tabbar a i.tabbar-user{ background-position: -4.04rem 0;}
.tabbar a.cur i.tabbar-home{ background-position: -2.44rem -0.693333rem;}
.tabbar a.cur i.tabbar-cart{ background-position: -3.24rem -0.693333rem;}
.tabbar a.cur i.tabbar-user{ background-position: -4.04rem -0.693333rem;}
.tabbar span{ margin-top: .1rem; font-size: 0.3467rem; color: #080e4d;}
.tabbar a.cur span{ color: #c50c0c;}
/******* start *******/
/* 商品详情 */
.productDetails{ background: #fff;}
.productDetails .swiper-pagination-bullet { width: .6em; height: .6em; display: inline-block; border-radius: 99999px; background: #fff; border: 0.0267rem solid #c50c0c; opacity: 1;}
.productDetails .swiper-pagination-bullet-active {opacity: 1; background: #c50c0c;}
.productDetails .swiper-wrapper img{ width: 100%; }
.productDetails .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.1rem;}
.productDetails .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0.5867rem;}
.productDetails .title{ color: #161616; text-align: center;width: 9rem;margin: auto;}
.productDetails .subTitle{ color: #7f7f7f; text-align: center;}
.productDetails .price{ width: 100%; height: 0.8533rem; display: flex; justify-content: center; align-items: center; color: #c50c0c; margin-top: 0.2133rem;}
.productDetails .price span{ color: #595959; font-weight: bold; margin-right: 0.1333rem;}
.productDetails .price i{ font-size: 0.28rem; font-style: normal; font-weight: bold;}
.productDetails .price strong{ font-size: 0.64rem; display: inline-block; margin-top: -0.2rem;}
.productDetails .detailP{ width: 100%; height: 0.88rem; position: relative; margin-top: 0.6933rem; margin-bottom: 0.6933rem;}
.productDetails .detailP i{ width: 3.04rem; height: 0.0267rem; background: #c50c0c; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 1; }
.productDetails .detailP span{ display: block; width: 1.5733rem; background: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; z-index: 2; color: #c50c0c;}
.productDetails .detailImg img{ width: 100%;}
.productDetails .detailImg{ margin-bottom: 1.6133rem;}
.productDetails .btn-addCart{ display: inline-flex; flex: 1; background: #dcdcdc; justify-content: center; align-items: center; color: #363636;}
.productDetails .btn-buyNow{ display: inline-flex; flex: 1; background: #c50c0c; justify-content: center; align-items: center;color: #fff;}
.productDetails .model{ display: none; width: 10rem; height: 100vh; background: rgba(0,0,0,.23); position: fixed; top: 0; left: 0; right:0; margin: auto; z-index: 99;}
.productDetails .model .modelMain{ width: 10rem; background: #fff; position: absolute; bottom: 1.5333rem; left: 0;}
.productDetails .model .modelMain .btn-close{ display: flex; justify-content: center; align-items: center; width: 0.6667rem; height: 0.6667rem; position: absolute; top: 0.2533rem; right: 0.24rem; z-index: 999;}
.productDetails .model .modelMain .btn-close::before{ content: ''; display: block; width: 0.4533rem; height: 0.4533rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 0;}
.productDetails .model .modelMain ul li{ border-bottom: 0.0267rem solid #eaeaea; position: relative; overflow: hidden; min-height: 1.4667rem;}
.productDetails .model .modelMain ul li .Counter{ position: absolute; right: 0.44rem; top: 0.36rem;}
.productDetails .model .modelMain ul li:last-child{ border-bottom: 0;}
.productDetails .model .modelMain ul li .productPic{ width: 2.6667rem; height: 2.6667rem; display:block; float: left;}
.productDetails .model .btn-confirm{ display: flex; width: 10rem; height: 1.5333rem; justify-content: center; align-items: center; color: #fff; font-weight: bold; position: absolute; bottom: 0; left: 0; background: #c50c0c;}
.productDetails .model .productPrice{ width: 60%; height: 0.8533rem; display: flex; float: left; justify-content: flex-start; align-items: center; color: #c50c0c; margin-top: 1.68rem; margin-left: 0.1333rem;}
.productDetails .model .productPrice span{ color: #595959; font-weight: bold; margin-right: 0.1333rem;}
.productDetails .model .productPrice i{ font-size: 0.28rem; font-style: normal; font-weight: bold;}
.productDetails .model .productPrice strong{ font-size: 0.64rem; display: inline-block; margin-top: -0.2rem;}
.productDetails .model .modelMain ul li p{ width: 100%; height: 0.88rem; display: flex; align-items: center; justify-content: flex-start; text-indent: 0.52rem; color: #5f5f5f;}
.productDetails .model .modelMain ul li:last-child p{ margin-top: 0.16rem;}
.productDetails .model .modelMain ul li .checkType{ width: 100%; padding: 0 0.52rem;}
.productDetails .model .modelMain ul li .checkType span{border: 1px solid #c50c0c; display: inline-flex; justify-content: center; align-items: center; height: 0.8933rem; padding: 0 0.4533rem; border-radius: 0.08rem; margin-right: 0.24rem; margin-bottom: 0.24rem; overflow: hidden; position: relative;}
.productDetails .model .modelMain ul li .checkType span.cur::before { content: ''; width: .44rem; height: .4rem; background: url(images/icons.png); background-size: 10rem 17.786667rem; background-position: -0.6rem 0; position: absolute; bottom: 0; right: -1px;}
/* 确认订单 */
.firmOrder { padding-bottom:1.573333rem;}
.firmOrder .topAdress{ width: 10rem; background: #fff;}
.firmOrder .topAdress .addAdress{ width: 10rem; height: 2.6133rem; display: flex; justify-content: center; align-items: center;}
.firmOrder .topAdress .addAdress a{ display: flex; width: 2.5333rem; height: 1.533333rem; flex-direction: column; justify-content: space-around; align-items: center;}
.firmOrder .topAdress .addAdress span { display: flex; justify-content: center; align-items: center; width: 1.6em; height: 1.6em; border-radius: 100%; border: .026667rem solid #9b9b9b;}
.firmOrder .topAdress .addAdress span i{ font-size: .38rem; color: #666; }
.firmOrder .topAdress .addAdress p{ color: #939393;}
.firmOrder .info{ width: 9.36rem; background: #fff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.44); border-radius: 0.2133rem; margin: 0.24rem auto 0.28rem auto; overflow: hidden;}
.firmOrder .info ul li{ width: 100%; border-bottom: 1px solid #e3e3e3;}
.firmOrder .info ul li:last-child{ border: 0;}
.firmOrder .info ul li.row1{ width: 100%; height: 2.88rem; position: relative; margin-bottom: .186667rem;}
.firmOrder .info ul li.row1 img.pic{ width: 2.1867rem; height: 2.1867rem; border-radius: 0.0533rem; border: solid 1px #d6d6d6; position: absolute; top: 0.3467rem; left: 0.2933rem;}
.firmOrder .info ul li.row1 .title{ color: #1b1b1b; font-weight: bold; position: absolute; top: .346667rem; left: 2.813333rem;}
.firmOrder .info ul li.row1 .subTitle{ color: #818181; position: absolute; top: .893333rem; left: 2.813333rem; font-size: .293333rem}
.firmOrder .info ul li.row1 .tag{ display: inline-flex; height: .64rem; padding: 0 .306667rem; background: #e9e9e9; color: #777777; justify-content: center; align-items: center; font-size: .266667rem; border-radius: .08rem; position: absolute; top: 1.4rem; left: 2.813333rem;}
.firmOrder .info ul li.row1 .row{ width: 6.306667rem; display: flex; justify-content: space-between; position: absolute; top: 2.2rem; left: 2.813333rem;}
.firmOrder .info ul li.row1 .row .price{ color: #c50c0c;}
.firmOrder .info ul li.row1 .row .price b{ font-size: 0.24rem;}
.firmOrder .info ul li.row1 .row .num{ color: #1b1b1b;}
.firmOrder .info ul li.row2 ul li{ width: 8.84rem; height: 0.6933rem; margin: 0 auto; display: flex; align-items: flex-start; color: #2e2e2e; border: 0;}
.firmOrder .info ul li.row2 ul li .left{ width: 2.4rem; height: 0.6933rem; display: flex; justify-content: flex-start; align-items: center;}
.firmOrder .info ul li.row2 ul li .right{ width: 6.44rem; height: 0.6933rem; display: flex; justify-content: flex-end; align-items: center;}
.firmOrder .info ul li.row2 ul li .right b{ font-size: .24rem; margin-top: .013333rem;}
.firmOrder .info ul li.row2 ul li .coupon{ color: #c50c0c;}
.firmOrder .info ul li.row2 ul li .iconfont{ color: #2e2e2e; font-size: .4rem; margin-right: -0.1rem;}
.firmOrder .info ul li.row2 ul li:last-child{ border-top: 1px solid #efefef; margin-top: 0.1867rem; height: 1.1867rem;}
.firmOrder .info ul li.row2 ul li:last-child .left{ height: 1.1867rem;}
.firmOrder .info ul li.row2 ul li:last-child .right{ height: 1.186667rem; color: #c50c0c;}
.firmOrder .info ul li.row2 ul li.coupon_money{border-top: 1px solid #efecec;height: .8rem;padding: .15rem .0rem;}
.firmOrder .info ul li.row2 ul li .Offer_btn{color: #000;}
.firmOrder .info ul li.row2 ul li .Offer_btn:after{content: '>';float: right;padding-left: .1rem; color: #b5b2b2;}
.firmOrder .msg{ width: 9.36rem; height: 1.72rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.44); border-radius: 0.2133rem; margin: 0 auto; position: relative;}
.firmOrder .msg p{ font-weight: bold; color: #2e2e2e; position: absolute; top: .386667rem; left: .293333rem;}
.firmOrder .msg textarea{ position: absolute; width: 6.906667rem; height: 1.2rem; top: .38rem; left: 2.2rem; border: 0;}
.firmOrder .bottomFixed{ background: #fff; height: 1.373333rem; justify-content: flex-end; align-items: center;}
.firmOrder .bottomFixed a { width: 2.88rem; height: 1.0933rem; border-radius: 0.5467rem; border: solid 0.0267rem #c50c0c; display: inline-flex; justify-content: center; align-items: center; color: #fff;}
.firmOrder .bottomFixed a.btn-send{ color: #c50c0c; margin-right: .146667rem;}
.firmOrder .bottomFixed a.btn-pay{ background: #c50c0c; color: #fff; margin-right: .32rem;}
.firmOrder .detailAdress{ overflow: hidden;}
.firmOrder .detailAdress .namePhone{width: 100%; height: .68rem; margin-top: .413333rem; margin-bottom: .186667rem; display: flex; justify-content: space-between; align-items: center;}
.firmOrder .detailAdress .namePhone .name{ margin-left: 1.266667rem;}
.firmOrder .detailAdress .namePhone .phone{ margin-right: .92rem;}
.firmOrder .adressInfo{display: flex; align-items: center; justify-content: flex-start; margin-bottom: .533333rem;}
.firmOrder .adressInfo i.icon{display: inline-block; width: .373333rem; height: .48rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -1.28rem 0; margin-left: 0.6133rem;}
.firmOrder .adressInfo p{ color:#2e2e2e; width: 7.5rem; margin-left: .293333rem;}
.firmOrder .adressInfo i.iconfont{ font-size: .4rem;}
.firmOrder .Offer_float{position: fixed;top:0;left:50%;width: 10rem;margin-left: -5rem;height: 100vh;z-index: 99;background:rgba(0, 0, 0, 0.7);display: none;}
.firmOrder .Offer_float .offer_con{background: #fff;position: absolute;bottom: 0;width: 10rem;left: 0;}
.firmOrder .Offer_float .offer_con .title{text-align: center;font-size: .4rem;padding: .26667rem 0;}
.firmOrder .Offer_float .offer_con .title i{background: url("images/icons.png");background-size: 10rem;width: .46667rem;height: .46667rem;position: absolute;right: .26667rem;top:.33333rem;}
.firmOrder .Offer_float .offer_list{padding-bottom: 2rem;}
.firmOrder .Offer_float .offer_list li{border-bottom: 1px solid #dddbdb;width: 9.4rem;margin: auto;padding: .13333rem; font-size: .34rem;}
.firmOrder .Offer_float .offer_list li span{float: right;width:.5rem;height:.5rem;display: block;border-radius: 50%;border:1px solid #dddddd;margin-top: .06667rem}
.firmOrder .Offer_float .offer_list li.sel span{background: url("images/icons.png");background-size: 10rem;background-position: -1.92rem -.61333rem;}
/* 收银台 */
.cashier { padding-bottom:1.653333rem;}
.cashier .topInfo { width: 9.36rem; height: 1.573333rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.44); border-radius: 0.2133rem; margin: 0.36rem auto 0.44rem auto; position: relative;}
.cashier .topInfo i{ display: block; width: .426667rem; height: .4rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -1.8667rem 0; position: absolute; top: 0.3467rem; left: 0.3867rem;}
.cashier .topInfo p{ position: absolute; color: #1b1b1b; left: 1.053333rem; top: .346667rem;}
.cashier .topInfo .row{ width: 7.906667rem; position: absolute; left: 1.053333rem; top: .893333rem; display: flex; justify-content: space-between;}
.cashier .topInfo .row .subTitle{ color: #818181; font-size: .293333rem;}
.cashier .topInfo .row .price{ color: #c50c0c; font-weight: bold;}
.cashier .topInfo .row .price b{ font-weight: normal; font-size: 0.24rem;}
.cashier p.chose{ color: #1b1b1b; margin-left: .36rem;}
.cashier .payments { width: 9.36rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.44); border-radius: 0.2133rem; margin:0.3333rem auto 0 auto;}
.cashier .payments ul li{ width: 100%; height: 1.3333rem; border-bottom: 1px solid #d2d2d2; display: flex; justify-content: space-between; align-items: center; color: #1b1b1b;}
.cashier .payments ul li:last-child{ border: 0;}
.cashier .payments ul li .item{ margin-left: 0.72rem;}
.cashier .payments ul li .price{ margin-right: 0.4267rem; font-weight: bold;}
.cashier .payments ul li .price b{ font-weight: normal; font-size: 0.24rem;}
.cashier .payments ul li.change{ justify-content: flex-end; color: #c50c0c; padding-right: 0.34rem;}
.cashier .payments ul li.change .iconfont{ font-size: 0.4rem; color: #888888; margin-left: 0.1333rem;}
.cashier .bottomFixed{ height: 1.453333rem;}
.cashier .bottomFixed a{ display: flex; width: 100%; justify-content: center; align-items: center; color: #fff; background: #c50c0c;}
/* 收获地址 */
.receiveAdress{ padding: 1.666667rem 0;}
.receiveAdress .topFixed{ width: 10rem; height: 1.4rem; display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; margin:0 auto; right:0; background: #fff; color: #2e2e2e; display: none;}
.receiveAdress .topFixed span i{font-size: .48rem; color: #c50c0c; margin-left: .32rem; margin-right: .27rem;}
.receiveAdress .topFixed .btn{ margin-right: .32rem;}
.receiveAdress .topFixed .btn-edit { width: 2.2933rem; height: 0.8267rem; background-color: #c50c0c; border-radius: 0.4133rem; display: flex; justify-content: center; align-items: center; color: #fff;}
.receiveAdress .list{ width: 10rem; overflow: hidden; margin-bottom: 1.5rem;}
.receiveAdress .list li{ width: 11.426667rem; height: 1.946667rem; background: #fff; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: flex-start; align-items: center;}
.receiveAdress .list li:last-child{ border: 0;}
.receiveAdress .list li a.icon-del{ display: inline-flex; width: .946667rem; height: .946667rem; justify-content: center; align-items: center; display: none;}
.receiveAdress .list li a.icon-del span{ display: flex; width: 1em; height: 1em; justify-content: center; align-items: center; border-radius: 100%; border: 1px solid #c50c0c;}
.receiveAdress .list li a.icon-del i{ font-size: .22rem; color: #c50c0c; font-weight: bold;}
.receiveAdress .list li .info{ width: 7.626667rem; display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-start; margin-left: .946667rem;}
.receiveAdress .list li .info p{ width:7.626667rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.receiveAdress .list li .btn-change{ width: 1.426667rem; display: inline-flex; justify-content: center; align-items: center; color: #c50c0c; display: none;}
.receiveAdress .list li .btn-delete{ width: 1.426667rem; height: 1.946667rem; display: inline-flex; justify-content: center; align-items: center; background: #e60c16; color: #fff; display: none;}
.receiveAdress .list li.moveLeft{ animation: moveLeft .5s linear forwards;}
@keyframes moveLeft{
0%{ transform: translateX(0)}
100%{ transform: translateX(-1.426667rem)}
}
.receiveAdress .list li.moveRight{ animation: moveRight .5s linear forwards;}
@keyframes moveRight{
0%{ transform: translateX(-1.426667rem)}
100%{ transform: translateX(0)}
}
.receiveAdress .btn-add{ width: 10rem; height: 1.266667rem; display: flex; justify-content: center; align-items: center; background: #c50c0c; color: #fff;}
.receiveAdress .bottomFixed{ height: 1.266667rem;}
.receiveAdress .list li.editOn .icon-del{ display: inline-flex;}
.receiveAdress .list li.editOn .btn-change{ display: inline-flex;}
.receiveAdress .list li.editOn .btn-delete{ display: inline-flex;}
.receiveAdress .list li.editOn .info{ margin-left: 0;}
.receiveAdress .model{ width: 10rem; height: 100vh; overflow: hidden; overflow-y: scroll; background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; right:0; margin: auto; justify-content: center; align-items: center; flex-direction: column; display: none; z-index: 99;}
.receiveAdress .model .main{ width: 9.333333rem; border-radius: .333333rem; background: #fff; position: relative;}
.receiveAdress .model .main h1{ text-align: center; margin: .36rem 0 .746667rem 0;}
.receiveAdress .model .picker{ border: 0;width:100%;position: absolute; left: 0;background: none;height: 100%; top: 0;z-index: 2;}
.receiveAdress .model .picker01{padding-left: 2.3rem;}
.receiveAdress .model .picker02{padding-left: 2.6rem;}
.receiveAdress .model .picker03{padding-left:1.2rem;}
.receiveAdress .model .picker04{padding-left:1.2rem;}
.receiveAdress .model .main p{ height:1rem; text-indent: .373333rem;border-bottom: 1px solid #f0f0f0; padding-top: .25rem;position: relative;}
.receiveAdress .model .main p .picker03{width: 8rem;}
.receiveAdress .model .main p i{top: .2rem;right: .4rem;position: absolute;}
.receiveAdress .model .main ul{ margin-bottom: 0.8rem;}
.receiveAdress .model .main ul li{ width: 100%; padding: .3rem 0; border-bottom: 1px solid #f0f0f0; text-indent: .373333rem; display: flex; align-items: center; justify-content: flex-start;}
.receiveAdress .model .main ul li span{ display: inline-block; width: 2rem;}
.receiveAdress .model .main ul li input{ border: 0; width: 6.933333rem;}
.receiveAdress .model .main ul li textarea{ border: 0; width: 6.933333rem; height: 1.4rem;}
.receiveAdress .model .main ul li:last-child{border:none;}
.receiveAdress .model .btn-confirm{ width: 9.36rem; height: 1.32rem; display: flex; justify-content: center; align-items: center; color: #fff; background: #c50c0c; border-radius: .666667rem; margin-top: .466667rem;border: none;outline: none;}
.receiveAdress .model .main ul li .detailAdress{ display: flex; align-items: flex-start; height: 1.4rem;}
.receiveAdress .model .close{ display: flex; width: .666667rem; height: .666667rem; position: absolute; top: .24rem; right: .24rem; justify-content: center; align-items: center;}
.receiveAdress .model .close i{ font-size: .533333rem; color: #cfcfcf; font-weight: bold;}
/* 购物车 */
.cart{ padding-bottom: 2.6933rem;}
.cart .top{ width: 10rem; height: 1.56rem; display: flex; justify-content: space-between; align-items: center; padding: 0 .32rem;}
.cart .top p{ color: #404040;}
.cart .top span{ color: #767676; font-size: .266667rem;}
.cart .top .btn-manage{ color: #c50c0c; display: none;}
.cart .shop_cart{width: 10rem;}
.cart .shop_cart .store_name{font-size: .4rem;margin: auto;width: 9.36rem;}
.cart ul li { width: 9.36rem; height: 2.88rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.44); border-radius: 0.2133rem; margin: 0 auto .253333rem auto; position: relative;}
.cart ul li .checkWrap{ width: .826667rem; height: 2.853333rem; display: block; border-radius: 0.2133rem;}
.cart ul li .check{ width: .5rem; height: .5rem; border: 0.0267rem solid #bdbdbd; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 1.186667rem; left: .176667rem;}
.cart ul li .checkOn{ border: 0.0267rem solid #c50c0c; background: #c50c0c;}
.cart ul li .check i{ font-size: .44rem; color: #fff; line-height: 0;}
.cart ul li img.pic { width: 2.1867rem; height: 2.1867rem; border-radius: 0.0533rem; border: solid 1px #d6d6d6; position: absolute; top: .346667rem; left: 0.84rem;}
.cart ul li .title { color: #1b1b1b; font-weight: bold; position: absolute; top: .346667rem; left: 3.3467rem;}
.cart ul li .subTitle { color: #818181; top: .906667rem; position: absolute; left: 3.3467rem; font-size: .293333rem;}
.cart ul li .tag { display: inline-flex; height: .64rem; padding: 0 .306667rem; background: #e9e9e9; color: #777777; justify-content: center; align-items: center; font-size: .266667rem; border-radius: .08rem; position: absolute; top: 1.4rem; left: 3.3467rem;}
.cart ul li .row { width: 5.813333rem; display: flex; justify-content: space-between; position: absolute; top: 2.28rem; left: 3.3467rem;}
.cart ul li .row .price{ color: #c50c0c;}
.cart ul li .row .price b{ font-size: 0.24rem;}
.cart ul li .row .Counter{ margin-top: -0.08rem;}
.cart .bottom{ width: 10rem; height: 1.226667rem; background: #fff; position: fixed; bottom: 1.466667rem; left: 0; margin:0 auto; right:0; display: flex; justify-content: flex-start; align-items: center; display: none;}
.cart .bottom .check2{ width: .5rem; height: .5rem; border: 0.0267rem solid #bdbdbd; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-left: .533333rem;}
.cart .bottom .checkall{ border: 0.0267rem solid #c50c0c; background: #c50c0c;}
.cart .bottom .check2 i{ font-size: .44rem; color: #fff; line-height: 0;}
.cart .bottom .all{ font-size: .293333rem; color: #707070; margin-left: 0.16rem;}
.cart .bottom .total{ width: 5.626667rem; display: flex; justify-content: flex-end; line-height: 0;}
.cart .bottom .total label{ font-size: .24rem; color: #a5a5a5; /*margin-top: 0.27rem; line-height: 0;*/ margin-right: .106667rem;}
.cart .bottom .total em{ color: #383838; margin-right: .426667rem;}
.cart .bottom .total span b{ font-size: 0.24rem;}
.cart .bottom .total span{ color: #c50c0c; font-size: .346667rem;}
.cart .bottom .btn-balance{ width: 2.2rem; height: 0.9067rem; background-color: #c50c0c; border-radius: 0.4533rem; display: flex; justify-content: center; align-items: center; color: #fff; margin-left: 0.16rem;}
.cart .bottom .btn-delete { width: 2.2rem; height: 0.9067rem; background-color: #ffffff; border-radius: 0.4533rem; border: solid 1px #c50c0c; display: flex; justify-content: center; align-items: center; color: #c50c0c; margin-left: 5.7rem; display: none;}
.cart .weui-toast{ font-size: .426667rem; padding: .266667rem .666667rem;}
/* 个人中心 */
.user .top{ width: 10rem; height: 3.693333rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 -14.0933rem; position: relative; z-index: 1;}
.user .top .avatar{ width: 1.333333rem; height: 1.333333rem; border-radius: 100%; border: .026667rem solid #fff; position: absolute; top: 0.76rem; left: 0.32rem; }
.user .top p{ color: #fff; position: absolute; top: 1.1rem; left: 2.04rem;}
.user .icons{ width: 9.36rem; height: 3.7067rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: -1.24rem auto 0.2667rem auto; position: relative; z-index: 2; overflow: hidden;}
.user .icons .row{ width: 100%; height: 1.066667rem; border-bottom: 1px solid #eaeaea; display: flex; justify-content: space-between; align-items: center; padding: 0 0.2933rem 0 0.4267rem;}
.user .icons .row .iconfont{ font-size: .34rem; }
.user .icons .row .left{ color: #1b1b1b; }
.user .icons .row .left span{ margin-left: .106667rem; }
.user .icons .row .right,.user .icons .row .right a{ color: #818181; }
.user .icons .main{ width: 100%; display: flex; justify-content: flex-start;}
.user .icons .main div{ flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.user .icons .main div i{ display: block; width: .746667rem; height: 0.7467rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; margin: 0.68rem auto 0.25rem auto;}
.user .icons .main div i.icon1{ background-position: -5.333333rem 0;}
.user .icons .main div i.icon2{ background-position: -6.16rem 0;}
.user .icons .main div i.icon3{ background-position: -7rem 0;}
.user .icons .main div i.icon4{ background-position: -7.84rem 0;}
.user .icons .main div span{ color: #1b1b1b;}
.user .icons .main div .tag{ display: flex; justify-content: center; align-items: center; width: 1.2em; height: 1.2em; background: #f61a1a; color: #fff; position: absolute; right: .48rem; top: .426667rem; border-radius: 100%;}
.user .middle{ width: 9.36rem; height: 1.573333rem; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 -12.44rem; color: #343333; padding: 0 0.2933rem 0 0.4133rem; }
.user .middle .iconfont { font-size: .34rem; }
.user .list { width: 9.36rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: 0.24rem auto; overflow: hidden;}
.user .list li a{ display: flex; width: 100%; height: 1.2rem; justify-content: space-between; align-items: center; padding: 0 .293333rem 0 .4rem; border-bottom: 1px solid #e8e8e8;}
.user .list li:last-child a{ border: 0;}
.user .list li .iconfont{ font-size: .34rem; color: #888888;}
.user .list li a .left i{ display: inline-block; width: .44rem; height: 0.4533rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; margin-right: 0.1333rem; margin-top: -0.0267rem;}
.user .list li a .left i.icon1{ background-position: 0 -0.586667rem;}
.user .list li a .left i.icon2{ background-position: -0.466667rem -0.586667rem;}
.user .list li a .left i.icon3{ background-position: -0.933333rem -0.586667rem;}
.user .list li a .left i.icon4{ background-position: -1.4rem -0.586667rem;}
.user .list li a .left{ color: #343333; display: flex; justify-content: flex-start; height: 1.2rem; align-items: center;}
/* 我的订单 */
.myOrder{ padding-top: 1.03rem;}
.myOrder-paddingB{ padding-bottom: 1.24rem;}
.myOrder .navbar{ width: 10rem; height: 1.026667rem; background: #fff; display: flex; justify-content: space-around; position: fixed; top: 0; left: 0; margin:0 auto; right:0; z-index: 99;}
.myOrder .navbar a{ display: flex; height: .973333rem; border-bottom: .026667rem solid #fff; align-items: center; justify-content: center; color: #1b1b1b; padding: 0 .2rem;}
.myOrder .navbar a.cur{ border-bottom: .026667rem solid #c50c0c; color: #c50c0c;}
.myOrder ul li:last-child{ margin-bottom: .28rem;}
.myOrder ul li { width: 9.36rem; height: 4.46rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: 0.28rem auto 0 auto; overflow: hidden; position: relative;}
.myOrder ul li .top{ width: 100%; height: .92rem; display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px solid #eaeaea; color: #c50c0c; padding-right: 0.24rem;}
.myOrder ul li .middle{ width: 100%; position: relative;}
.myOrder ul li .middle a{ display: block; width: 100%; height:2.5rem; overflow: hidden; color: #3f3f3f;}
.myOrder ul li img.pic { width: 1.8667rem; height: 1.8667rem; border-radius: 0.0533rem; border: solid 1px #d6d6d6; position: absolute; top: 0.3467rem; left: 0.2933rem;}
.myOrder ul li .title { color: #1b1b1b; font-weight: bold; position: absolute; top: .346667rem; left: 2.813333rem; width: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myOrder ul li .subTitle { color: #818181; position: absolute; top: .893333rem; left: 2.813333rem; font-size: .293333rem; width: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myOrder ul li .tag { display: inline-flex; height: .64rem; padding: 0 .306667rem; background: #e9e9e9; color: #777777; justify-content: center; align-items: center;
font-size: .266667rem; border-radius: .08rem; position: absolute; top: 1.48rem; left: 2.813333rem;}
.myOrder ul li .price { /*width: 1.36rem;*/ /*height: 0.6933rem;*/ display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0.2667rem; top: 0.26rem; line-height: 1;}
.myOrder ul li .price b { font-size: .24rem; margin-top: .013333rem; line-height: 0;}
.myOrder ul li .num { width: 1.36rem; height: 0.6933rem; display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0.2667rem; top: 0.73rem;}
.myOrder ul li .bottom{ width: 100%; height: 1rem; display: flex; align-items: center; position: absolute; bottom: 0; left: 0; border-top: 1px solid #eaeaea; padding: 0 0.2rem 0 0.2667rem;}
.myOrder ul li .bottom span{ margin-right: .08rem;}
.myOrder ul li .bottom .total { display: flex; justify-content: flex-end; align-items: center; color: #c50c0c; line-height:1;}
.myOrder ul li .bottom .total b { font-size: .24rem;}
.myOrder ul li .bottom .btn { width: 1.6rem; height: 0.6267rem; background-color: #ffffff; border-radius: 0.32rem; border: solid 1px #d2d2d2; display: inline-flex; justify-content: center; align-items: center; color: #808080; position: absolute; top: 0.1867rem; line-height:normal; }
.myOrder ul li .bottom .btn-03{ right: 3.7rem}
.myOrder ul li .bottom .btn-02{ right: 1.95rem}
.myOrder ul li .bottom .btn-01{ right: 0.2rem; border-color: #c50c0c; color: #c50c0c;}
.myOrder .bottomFixed{ background: #fff; height: 1.24rem;}
.myOrder .bottomFixed .btn-pay { width: 2.2rem; height: 0.9067rem; background-color: #ccc; border-radius: 0.4533rem; color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; top: .146667rem; right: .306667rem;}
.myOrder .bottomFixed .btn-pay-on { background-color: #c50c0c;}
.myOrder ul li .checkWrap{ width: .946667rem; height: .946667rem; display: flex; justify-content: center; align-items: center; border-radius: 0.2133rem; position: absolute; top: 0; left: 0;}
.myOrder ul li .check{ width: .5rem; height: .5rem; border: 0.0267rem solid #bdbdbd; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.myOrder ul li .checkOn{ border: 0.0267rem solid #c50c0c; background: #c50c0c;}
.myOrder ul li .check i{ font-size: .44rem; color: #fff; line-height: 0;}
.myOrder ul li .bottom .btn-remind{ border-color: #d2d2d2; color: #808080;}
.myOrder ul li .bottom .btn-remind-on{ border-color: #d1d1d1; color: #d1d1d1;}
.myOrder .mask{ display: none; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; right:0; bottom: 0; margin: auto; background: rgba(0,0,0,.32); z-index: 998;}
.myOrder .model-cancel{ display: none; width: 5.0533rem; height: 2.96rem; background-color: #ffffff; border-radius: 0.1333rem; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 999; overflow: hidden;}
.myOrder .model-cancel span{ width: 100%; height: 1.893333rem; display: flex; justify-content: center; align-items: center; color: #2c2c2c;}
.myOrder .model-cancel .btns{ width: 100%; height: 1.0533rem; display: flex; border-top: 1px solid #d2d2d2; position: absolute; bottom: 0; left: 0; }
.myOrder .model-cancel .btns a{ display: flex; flex: 1; justify-content: center; align-items: center; color: #2c2c2c; border-right: 1px solid #d2d2d2;}
.myOrder .model-cancel .btns a:last-child{ border: 0;}
.myOrder .remindP{ display: none; color: #fff; position: fixed; width: 100vw; height: 100vh; text-align: center; line-height: 100vh; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 999; background: rgba(0,0,0,.7); }
.myOrder .success-model{ display: none; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; right:0; bottom: 0; margin: auto; background: rgba(0,0,0,.32); z-index: 998; }
.myOrder .success-model .main { width: 5.0533rem; height: 3.36rem; background-color: #ffffff; border-radius: 0.1333rem; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.myOrder .success-model .main .successIcon{ display: block; width: .746667rem; height: .746667rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -3.9733rem -1.4533rem; position: absolute; top: 0.6rem; left: 2.1733rem;}
.myOrder .success-model .main p{ color: #c50c0c; text-align: center; margin-top: 1.533333rem;}
.myOrder .success-model .main a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 1.04rem; border-top: 1px solid #d2d2d2; position: absolute; bottom: 0; left: 0; color: #5c5c5c;}
.myOrder .success-model .main .success-model-close{ width: .8rem; height: .8rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 4.24rem;}
.myOrder .success-model .main .success-model-close span{ display: flex; width: .346667rem; height: .346667rem; border: .04rem solid #9f9f9f; justify-content: center; align-items: center; border-radius: 100%;}
.myOrder .success-model .main .success-model-close span .iconfont{ font-size: .22rem; color: #9f9f9f; font-weight: bold; }
/* 订单详情 */
.orderDetail{ padding-bottom: 3.35rem;}
.orderDetail .top{ width: 10rem; height: 2.866667rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 -9.36rem; display: flex; justify-content: space-between; padding: 0 0.32rem; color: #fff;}
.orderDetail .top div{ height: 1.666667rem; display: flex; align-items: center;}
.orderDetail .top div .iconfont{ font-size: .5rem; margin-right: .266667rem;}
.orderDetail .top div.font24 .iconfont { font-size: .35rem; margin-right: .2rem;}
.orderDetail .detailAdress{ width: 9.36rem; height: 2.5067rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: -1.2933rem auto 0 auto; overflow: hidden;}
.orderDetail .detailAdress .namePhone{width: 100%; height: .68rem; margin-top: .3rem; margin-bottom: .186667rem; display: flex; justify-content: space-between; align-items: center;}
.orderDetail .detailAdress .namePhone .name{ margin-left: 1.266667rem;}
.orderDetail .detailAdress .namePhone .phone{ margin-right: .92rem;}
.orderDetail .adressInfo{display: flex; align-items: center; justify-content: flex-start; margin-bottom: .533333rem;}
.orderDetail .adressInfo i.icon{display: inline-block; width: .373333rem; height: .48rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -1.28rem 0; margin-left: 0.6133rem;}
.orderDetail .adressInfo p{ color:#2e2e2e; width: 7.5rem; margin-left: .293333rem;}
.orderDetail .adressInfo i.iconfont{ font-size: .4rem;}
.orderDetail .info{ width: 9.36rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: 0.28rem auto 0 auto; overflow: hidden; position: relative;}
.orderDetail .info img.pic { width: 1.8667rem; height: 1.8667rem; border-radius: 0.0533rem; border: solid 1px #d6d6d6; position: absolute; top: 0.3467rem; left: 0.2933rem;}
.orderDetail .info .title { color: #1b1b1b; font-weight: bold; position: absolute; top: .346667rem; left: 2.813333rem; width: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.orderDetail .info .subTitle { color: #818181; position: absolute; top: .893333rem; left: 2.813333rem; font-size: .293333rem; width: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.orderDetail .info .tag { display: inline-flex; height: .64rem; padding: 0 .306667rem; background: #e9e9e9; color: #777777; justify-content: center; align-items: center;
font-size: .266667rem; border-radius: .08rem; position: absolute; top: 1.48rem; left: 2.813333rem;}
.orderDetail .info .price { /*width: 1.36rem;*/ height: 0.6933rem; display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0.2667rem; top: 0.26rem;}
.orderDetail .info .price b { font-size: .24rem; margin-top: .013333rem;}
.orderDetail .info .num { width: 1.36rem; height: 0.6933rem; display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0.2667rem; top: 0.73rem;}
.orderDetail .info .orderNum,.orderDetail .info .orderTime{ display: flex; width: 100%; height: .88rem; justify-content: space-between; align-items: center; border-top: 1px solid #efefef; padding: 0 0.3067rem; color: #323232;}
.orderDetail .info .orderNum{margin-top: 2.68rem;}
.orderDetail .info .orderNum span,.orderDetail .info .orderTime span{ color: #696868; margin-left: .293333rem;}
.orderDetail .info .orderNum .btn-copy{ color: #c50c0c;}
.orderDetail .info .btn-service{ display: flex; width: 2rem; height: .666667rem; justify-content: center; align-items: center; margin: .08rem auto .28rem auto; color: #1b1b1b;}
.orderDetail .info .btn-service::before{ content:''; display: inline-block; width: .346667rem; height: .32rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -3.4133rem -1.72rem; margin-right: 0.1067rem;}
.orderDetail .finalAmount { width: 9.36rem; overflow: hidden; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem;
margin: .293333rem auto; padding: .2rem 0 0 0;}
.orderDetail .finalAmount ul li{ width: 100%; height: .64rem; display: flex; justify-content: space-between; align-items: center; padding: 0 .2rem 0 .306667rem; color: #323232; position: relative;}
.orderDetail .finalAmount ul li.price { width: 1.36rem; height: 0.6933rem; display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0.2667rem; top: 0.26rem;}
.orderDetail .finalAmount ul li .price b { font-size: .24rem; margin-top: .013333rem;}
.orderDetail .finalAmount ul li .coupon{ color: #c50c0c;}
.orderDetail .finalAmount ul li.sumAmount { border-top: 1px solid #efefef; justify-content: flex-end; color: #c50c0c; margin-top: 0.133rem; height: 1.0267rem;}
.orderDetail .finalAmount ul li.sumAmount span span{ color:#323232; }
.orderDetail .bottomFixed{ height: 1.346667rem; background: #fff; display: flex; justify-content: flex-end; align-items: center;}
.orderDetail .bottomFixed a{ width: 2.2rem; height: 0.9067rem; display: inline-flex; justify-content: center; align-items: center; color: #737373; border-radius: 0.4533rem; border: solid 1px #bfbfbf;}
.orderDetail .bottomFixed a.btn-pay{ margin-right: .306667rem; margin-left: .266667rem; background: #c50c0c; border-color: #c50c0c; color: #fff;}
.orderDetail .btn-refund { display: flex; justify-content: center; align-items: center; width: 1.96rem; height: 0.76rem; border-radius: 0.3867rem; border: solid 1px #bfbfbf; color: #737373; margin: 2.2533rem 0 0 7.2267rem;}
.orderDetail .info .finalAmount02{ border-top: 1px solid #efefef;}
.orderDetail .info .finalAmount02 .price { width: auto; height: auto; display: block; position: relative; right: 0; top: 0;}
.orderDetail .info .finalAmount02 .sumAmount{ height: 1.026667rem; display: flex; align-items: center; border-bottom: 1px solid #efefef; margin-top: 0.133rem;}
.orderDetail .info .finalAmount02{ box-shadow: none;}
.orderDetail .orderInfo { width: 9.36rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: 0.2533rem auto 2rem; padding: 0.3067rem 0;}
.orderDetail .orderInfo .orderNum,.orderDetail .orderInfo .orderTime{ display: flex; width: 100%; height: .6rem; justify-content: space-between; align-items: center; padding: 0 0.3067rem; color: #323232;}
.orderDetail .orderInfo .orderNum span,.orderDetail .info .orderTime span{ color: #696868; margin-left: .293333rem;}
.orderDetail .orderInfo .orderNum .btn-copy{ color: #c50c0c;}
.orderDetail .orderInfo .title{ color: #323232; display: flex; height: .466667rem; justify-content: flex-start; align-items: center; margin-left: .306667rem; margin-bottom: .08rem;}
.orderDetail .orderInfo .title::before{ content: ''; width: .093333rem; height: .44rem; background: #c50c0c; margin-right: 0.1333rem;}
.orderDetail .bottomFixed a.btn-confirm { background: #c50c0c; color: #fff; margin-right: .32rem; margin-left: .266667rem;}
.orderDetail .bottomFixed a.btn-remind { margin-right: .32rem; margin-left: .266667rem;}
.orderDetail .info .finalAmount03{ margin-top: 2.773333rem;}
/* 发票管理 */
.invoice{ padding-bottom: 2.6933rem;}
.invoice ul{ padding-top: .28rem;}
.invoice ul li{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: .226667rem; overflow: hidden;}
.invoice ul li .panel { width: 8.9333rem; background-color: #ffffff; box-shadow: 0px 0px 0.2rem 1px rgba(90, 90, 90, 0.07); border-radius: 0.1333rem; padding-top: 0.2rem; position: relative;}
.invoice ul li .checkWrap{ display: inline-flex; width: .746667rem; height: .746667rem;}
.invoice ul li .checkWrap .check{ display: flex; width: 1em; height: 1em; justify-content: center; align-items: center; border: .026667rem solid #b0b0b0; margin-top: .213333rem; margin-left: .32rem; background: #f5f5f5;}
.invoice ul li .checkWrap .check .iconfont{ color: #f5f5f5; font-size: .38rem; font-weight: bold;margin-left: -0.06rem;}
.invoice ul li .checkWrap .checkOn{ display: flex; width: 1em; height: 1em; justify-content: center; align-items: center; border: .026667rem solid #c50c0c; margin-top: .213333rem; margin-left: .32rem;}
.invoice ul li .checkWrap .checkOn .iconfont{ font-size: .38rem; color: #c50c0c; font-weight: bold;margin-left: -0.06rem;}
.invoice ul li .panel p{ height: 0.58rem; display: flex; justify-content: flex-start; align-items: center; color: #8a8a8a; margin-left: 0.28rem;}
.invoice ul li .panel p .iconfont{ font-size: 0.32rem; color: #8a8a8a; margin-right: 0.18rem; }
.invoice ul li .panel .total{ width: 100%; height: 0.72rem; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid #e5e5e5; margin-top: 0.1067rem; color: #8a8a8a; padding-left: 0.28rem;}
.invoice ul li .panel .price{ color: #434343; position: absolute; top: 0.9333rem; right: 0.2533rem;}
.invoice .bottom{ width: 10rem; height: 1.226667rem; background: #fff; position: fixed; bottom: 1.466667rem; left: 0; margin:0 auto; right:0; display: flex; justify-content: flex-start; align-items: center; display: none;}
.invoice .bottom .checkWrap{ display: inline-flex; width: .973333rem; height: .973333rem; justify-content: center; align-items: center;}
.invoice .bottom .checkWrap .check2{ display: flex; width: 1em; height: 1em; justify-content: center; align-items: center; border: .026667rem solid #b0b0b0; background: #f5f5f5;}
.invoice .bottom .checkWrap .check2 .iconfont{ color: #f5f5f5;margin-left: -0.06rem;}
.invoice .bottom .checkWrap .checkall{ display: flex; width: 1em; height: 1em; justify-content: center; align-items: center; border: .026667rem solid #c50c0c;}
.invoice .bottom .checkWrap .checkall .iconfont{ font-size: .38rem; color: #c50c0c; margin-left: -0.06rem; font-weight: bold;}
.invoice .btn-next{ width: 2.6933rem; height: 0.8667rem; background-color: #ccc; border-radius: 0.44rem; display: flex; justify-content: center; align-items: center; color: #fff; margin-left: 5.3rem;}
.invoice .btn-next-on{background-color: #c50c0c;}
.issueInvoice{ width: 10rem; padding: .16rem .333333rem 1.626667rem .333333rem;}
.issueInvoice .title{ display: flex; height: .84rem; justify-content: flex-start; align-items: center; color: #525252;}
.issueInvoice .title::before{ content: ''; width: .12rem; height: .12rem; background: #c50c0c; border-radius: 100%; margin-right: .066667rem;}
.issueInvoice .tabwrap{ width: 100%; background-color: #ffffff; box-shadow: 0px 0px 0.1067rem 1px rgba(172, 172, 172, 0.15); border-radius: 0.1333rem; overflow: hidden; padding: 0.2133rem 0.1867rem 0 0.1867rem;}
.issueInvoice .tabwrap .tabs{ width: 100%; display: flex; justify-content: space-between; }
.issueInvoice .tabwrap .tabs a{ display: flex; width: 4.32rem; height: 1.413333rem; border: 1px solid #9b9b9b; color: #565656; flex-direction: column; justify-content: center;align-items: center;}
.issueInvoice .tabwrap .tabs a.cur{ border-color: #c50c0c; color: #c50c0c;}
.issueInvoice .tabwrap .tips{ color: #b6b6b6; height: 0.7067rem; display: flex; align-items: center;}
.issueInvoice .form{ width: 100%; background-color: #ffffff; box-shadow: 0px 0px 0.1067rem 1px rgba(172, 172, 172, 0.15); border-radius: 0.1333rem; overflow: hidden; padding: 0 0.1067rem;}
.issueInvoice .form li{ width: 100%; height: 1.226667rem; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #e6e6e6; color: #3b3b3b}
.issueInvoice .form li:last-child{ border: 0;}
.issueInvoice .form li label{ width: 2.4667rem; text-indent: .12rem;}
.issueInvoice .form li .checks{ width: 6.48rem; display: inline-flex; margin-left: -0.213333rem; justify-content: space-between;}
.issueInvoice .form li .checks div span{ display: inline-flex; height: 1.226667rem; align-items: center;}
.issueInvoice .form li .checks .checkWrap{ display: inline-flex; width: .706667rem; justify-content: center;}
.issueInvoice .form li .checks .checkWrap .check{ display: inline-flex; width: .32rem; height: .32rem; justify-content: center; align-items: center; border: .026667rem solid #b0b0b0;}
.issueInvoice .form li .checks .checkWrap .check .iconfont{ font-size: .36rem; color: #fff;}
.issueInvoice .form li .checks .checkWrap .checkOn{ display: inline-flex; width: .32rem; height: .32rem; justify-content: center; align-items: center; border: .026667rem solid #c50c0c;}
.issueInvoice .form li .checks .checkWrap .checkOn .iconfont { font-size: .36rem; color: #c50c0c; margin-left: -0.06rem; font-weight: bold;}
.issueInvoice .form li input{ border: 0; width: 6.48rem; padding: .2rem 0; color: #b1b1b1; margin-top: -0.08rem;}
.issueInvoice .form li .text{ color: #666;}
.issueInvoice .form li .textRight{ width: 6.533333rem; display: inline-flex; height: 1.226667rem; justify-content: flex-end; align-items: center; color: #b1b1b1;}
.issueInvoice .form li .textRight i{ font-size: .426667rem; }
.issueInvoice .formPaper{ display: none;}
.issueInvoice .formPaperTips{ color: #b1b1b1; margin-top: .266667rem; display: none;}
.issueInvoice .btn-submit { width: 2.6933rem; height: 0.8667rem; background-color: #c50c0c; border-radius: 0.44rem; display: flex; justify-content: center; align-items: center; color: #fff; margin: .213333rem 0 .146667rem 6.666667rem;}
.issueInvoice .modelMore{ display: none; width: 10rem; height: 100vh; background: rgba(0,0,0,.42); position: fixed; top: 0; left: 0; right:0; margin: auto; z-index: 99;}
.issueInvoice .modelMore .main { position: relative; width: 10rem; background-color: #ffffff; background: #fff; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; padding-top: .16rem;}
.issueInvoice .modelMore .main h1{ height: 1.333333rem; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #e9e9e9; color: #1b1b1b;}
.issueInvoice .modelMore .main ul{ width: 9.36rem; margin: 0 auto;}
.issueInvoice .modelMore .main ul li{ width: 100%; height: 1.333333rem; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #e9e9e9;}
.issueInvoice .modelMore .main ul li label{ width:3.3rem; text-indent: .2rem;}
.issueInvoice .modelMore .main ul li input{border: 0; padding: .2rem 0;}
.issueInvoice .modelMore .main ul .btn-confirm { width: 8.2667rem; height: 1.2933rem; background-color: #c50c0c; border-radius: 0.64rem; color: #fff; display: flex; justify-content: center; align-items: center; margin: 1.08rem auto .333333rem auto;}
.issueInvoice .modelMore .close{ display: flex; width: .8rem; height: .8rem; justify-content: center; align-items: center; position: absolute; top: .373333rem; right: .12rem;}
.issueInvoice .modelMore .close .iconfont{ color: #666666; font-size: .426667rem; font-weight: normal;}
.publick_bg{background: #fff;border-radius: .2rem;padding:.45rem 0 .45rem .26rem;margin-top: .26rem;}
.publick_ok_btn{position: fixed;bottom: 0;left: 0;background: #c50c0c;width: 10rem;left: 50%;margin-left: -5rem;z-index: 2;color: #fff;font-size: .37rem;line-height: 1.2rem; border: 0;}
.servicetype,.exchange,.refund{margin-bottom: 1.5rem}
.servicetype img{width: 100%;}
.servicetype .server_main{width: 9.4rem;margin: auto;}
.servicetype .server_main .top_main .goods_img{width:1.9rem;height: 1.9rem;border:1px solid #d6d6d6;float: left;}
.servicetype .server_main .top_main .goods_list{float: left;width: 6.6rem;margin-left: .36rem;}
.servicetype .server_main .top_main .goods_list .title{font-size: .34rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.servicetype .server_main .top_main .goods_list .fit_model{font-size: .29rem;color: #818181;padding:.1rem 0 .2rem 0;}
.servicetype .server_main .top_main .goods_list .service_btn span{font-size: .29rem;color:#777777;background: #e9e9e9;border-radius:.1rem;padding: .15rem .26rem;margin:.5rem .2rem 0 0;}
.servicetype .server_main .top_main .goods_list .symbol{float:right}
.servicetype .server_main .top_main .goods_list .num{float:right}
.servicetype .server_main .top_main .goods_list .quantity{font-size: .34rem;}
.servicetype .server_main .top_main .goods_list .quantity_symbol{font-size: .30rem;margin-top: .05rem;}
.servicetype .server_main .return_list{width:100%;background: #fff;border-radius: .2rem;padding:0 0 0 .26rem;margin-top: .26rem;}
.servicetype .server_main .return_list li{border-bottom: 1px solid #9c9c9c;position: relative;padding:.45rem .5rem .45rem .7rem;}
.servicetype .server_main .return_list li:before{content:'';position: absolute;top:.45rem;left: 0;background: url("images/icons.png")0 -1.6rem no-repeat;background-size: 10rem;width: .57rem;height: .57rem;}
.servicetype .server_main .return_list li:after{content: '>';position: absolute;top:.8rem;right:.38rem;transform: scale(1,2);color: #9c9c9c;}
.servicetype .server_main .return_list li .title{font-size: .37rem;color: #000;}
.servicetype .server_main .return_list li p{font-size:.32rem;color: #919090;}
.servicetype .server_main .return_list li:last-child{border:none;}
.servicetype .server_main .return_list li.second:before{background-position:-.74rem -1.6rem; }
.servicetype .server_main .return_list li.third:before{background-position:-1.42rem -1.6rem; }
/*申请退款页面*/
.refund img{width: 100%;}
.refund .server_main{width: 9.4rem;margin: auto;}
.refund .server_main .top_main .goods_img{width:1.9rem;height: 1.9rem;border:1px solid #d6d6d6;float: left;}
.refund .server_main .top_main .goods_list{float: left;width: 6.6rem;margin-left: .36rem;}
.refund .server_main .top_main .goods_list .title{font-size: .34rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.refund .server_main .top_main .goods_list .fit_model{font-size: .29rem;color: #818181;padding:.1rem 0 .2rem 0;}
.refund .server_main .top_main .goods_list .service_btn span{font-size: .29rem;color:#777777;background: #e9e9e9;border-radius:.1rem;padding: .15rem .26rem;margin:.5rem .2rem 0 0;}
.refund .server_main .top_main .goods_list .symbol{float:right}
.refund .server_main .top_main .goods_list .num{float:right}
.refund .server_main .top_main .goods_list .quantity{font-size: .34rem;}
.refund .server_main .top_main .goods_list .quantity_symbol{font-size: .30rem;margin-top: .1rem;}
.refund .server_main .logistics_status{padding: .45rem 0;}
.refund .server_main .logistics_status .logistics_title{font-size:.37rem;text-align: left;border-bottom: 1px solid #d6d6d6;padding: 0 .26rem .45rem;position: relative;}
.refund .server_main .logistics_status .logistics_title .logistics_way{position: absolute;right: .7rem;font-size: .37rem;color: #777777;border:none;background:none; direction: rtl;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.refund .server_main .logistics_status .logistics_title:after{content: '>';position: absolute;top:-.105rem;right:.26rem;transform: scale(1,2);color: #9c9c9c;font-weight: 100;}
.refund .server_main .logistics_status .refund_reason{text-align: left;font-size:.37rem;padding:.45rem .26rem;height: 2.5rem;}
.refund .server_main .logistics_status .refund_reason textarea{border:none;height: 2rem;width: 7rem;float: right;margin-top: .05rem;}
.refund .server_main .goods_detail{padding: .45rem 0;}
.refund .server_main .goods_detail ul{border-bottom: 1px solid #d6d6d6;}
.refund .server_main .goods_detail ul li{padding:0 .26rem .36rem;font-size: .32rem;}
.refund .server_main .goods_detail ul li div{float: right;font-size: .24rem;}
.refund .server_main .goods_detail ul li div span{font-size: .34rem;font-weight: 600;}
.refund .server_main .goods_detail ul li div.offer{color: #c50c0c;}
.refund .server_main .goods_detail .refund_money{font-size: .37rem;padding: .36rem .26rem 0}
.refund .server_main .goods_detail .refund_money p{float: right;color: #c50c0c;font-size: .37rem;}
.refund .server_main .upload{margin-bottom: .4rem;}
.refund .server_main .upload .upload_title{font-size: .37rem;padding-bottom: .2rem;}
.refund .server_main .upload ul li{width: 1.93rem;height: 1.93rem;border:.05rem dashed #d6d6d6;float: left;margin-right: .2rem;position: relative;font-size: .24rem;color: #777777;text-align: center;}
.refund .server_main .upload ul li .upload_icon{border:none;opacity: 0;position: absolute;top: 0;left: 0;width: 1.85rem;height: 1.85rem;}
.refund .server_main .upload ul li i{background: url("images/icons.png")-2.49rem -1.62rem;background-size: 10rem;width:.666rem;height:.53rem;display: block;margin:.25rem auto .15rem;}
.refund .server_main .upload ul li:last-child{margin: 0;}
/*申请换货*/
.exchange img{width: 100%;}
.exchange .server_main{width: 9.4rem;margin: auto;}
.exchange .server_main .top_main .goods_img{width:1.9rem;height: 1.9rem;border:1px solid #d6d6d6;float: left;}
.exchange .server_main .top_main .goods_list{float: left;width: 6.6rem;margin-left: .36rem;}
.exchange .server_main .top_main .goods_list .title{font-size: .34rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.exchange .server_main .top_main .goods_list .fit_model{font-size: .29rem;color: #818181;padding:.1rem 0 .2rem 0;}
.exchange .server_main .top_main .goods_list .service_btn span{font-size: .29rem;color:#777777;background: #e9e9e9;border-radius:.1rem;padding: .15rem .26rem;margin:.5rem .2rem 0 0;}
.exchange .server_main .top_main .goods_list .symbol{float:right}
.exchange .server_main .top_main .goods_list .num{float:right}
.exchange .server_main .top_main .goods_list .quantity{font-size: .34rem;}
.exchange .server_main .top_main .goods_list .quantity_symbol{font-size: .30rem;margin-top: .05rem;}
.exchange .server_main .exchange_way div{font-size: .37rem;text-align: left;position: relative;width: 100%;}
.exchange .server_main .exchange_way div .logistics_way{position: absolute;right: .7rem;font-size: .37rem;color: #777777;border:none;background:none; direction: rtl;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.exchange .server_main .exchange_way div:after{content: '>';position: absolute;top:-.105rem;right:.26rem;transform: scale(1,2);color: #9c9c9c;font-weight: 100;}
.exchange .server_main .logistics_status{padding: .45rem 0;}
.exchange .server_main .logistics_status .logistics_title{font-size:.37rem;text-align: left;border-bottom: 1px solid #d6d6d6;padding: 0 .26rem .45rem;position: relative;}
.exchange .server_main .logistics_status .logistics_title .logistics_way{position: absolute;right: .7rem;font-size: .37rem;color: #777777;border:none;background:none; direction: rtl;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.exchange .server_main .logistics_status .logistics_title:after{content: '>';position: absolute;top:-.105rem;right:.26rem;transform: scale(1,2);color: #9c9c9c;font-weight: 100;}
.exchange .server_main .logistics_status .refund_reason{text-align: left;font-size:.37rem;padding:.45rem .26rem;height: 2.5rem;}
.exchange .server_main .logistics_status .refund_reason p{width:6.5rem;margin-top: .05rem;font-size: .32rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.exchange .server_main .logistics_status .refund_reason .address_title{float: left;font-size: .37rem;padding-top: 0.52rem;}
.exchange .server_main .logistics_status .refund_reason .address{width:6.5rem;height: 2rem;position: relative;float: left;}
.exchange .server_main .logistics_status .refund_reason .address:after{content: '>';position: absolute;top:.3rem;right:-.5rem;transform: scale(1,2);color: #9c9c9c;font-weight: 100;font-size: .37rem;}
.exchange .server_main .logistics_status .refund_reason p span:last-child{float: right;}
.exchange .server_main .exchange_instru{line-height: 1;}
.exchange .server_main .exchange_instru span{font-size: .37rem;float: left;}
.exchange .server_main .exchange_instru input{float: left;width:7rem; margin-top: -.07rem; font-size: .37rem;border: none;background: none;}
.exchange .server_main .upload{margin-bottom: .4rem;}
.exchange .server_main .upload .upload_title{font-size: .37rem;padding-bottom: .2rem;}
.exchange .server_main .upload ul li{width: 1.93rem;height: 1.93rem;border:.04rem dashed #d6d6d6;float: left;margin-right: .2rem;position: relative;font-size: .24rem;color: #777777;text-align: center;}
.exchange .server_main .upload ul li .upload_icon{border:none;opacity: 0;position: absolute;top: 0;left: 0;width: 1.85rem;height: 1.85rem;}
.exchange .server_main .upload ul li i{background: url("images/icons.png")-2.49rem -1.62rem;background-size: 10rem;width:.666rem;height:.53rem;display: block;margin:.25rem auto .15rem;}
.exchange .server_main .upload ul li:last-child{margin: 0;}
/*售后页面*/
.after_sale .publick_bg{padding:.45rem 0 .26rem 0;}
.after_sale img{width: 100%;}
.after_sale .server_main{width: 9.4rem;margin: 0 auto 1rem;}
.after_sale .server_main .top_main .goods_img{width:1.9rem;height: 1.9rem;border:1px solid #d6d6d6;float: left;margin-left: .26rem;}
.after_sale .server_main .top_main .goods_list{float: left;width: 6.6rem;margin-left: .36rem;}
.after_sale .server_main .top_main .goods_list .title{font-size: .34rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.after_sale .server_main .top_main .goods_list .fit_model{font-size: .29rem;color: #818181;padding:.1rem 0 .2rem 0;}
.after_sale .server_main .top_main .goods_list .service_btn span{font-size: .29rem;color:#777777;background: #e9e9e9;border-radius:.1rem;padding: .15rem .26rem;margin:.5rem .2rem 0 0;}
.after_sale .server_main .top_main .goods_list .symbol{float:right}
.after_sale .server_main .top_main .goods_list .num{float:right}
.after_sale .server_main .top_main .goods_list .quantity{font-size: .34rem;}
.after_sale .server_main .top_main .goods_list .quantity_symbol{font-size: .30rem;margin-top: .1rem;}
.after_sale .server_main .top_main .after_sale_text{width: 100%;float: left;font-size: .32rem;padding: .26rem .26rem 0 .26rem;line-height: .57rem;border-top:1px solid #d6d6d6;margin-top: .26rem;}
.after_sale .server_main .top_main .after_sale_text:before{content:'';background: url("images/icons.png")no-repeat;background-size: 10rem;width: .57rem;height: .57rem;float: left;margin-right: .15rem;}
.after_sale .server_main .top_main .money:before{background-position:0 -1.6rem }
.after_sale .server_main .top_main .tui:before{background-position:-.74rem -1.6rem;}
.after_sale .server_main .top_main .huan:before{background-position:-1.42rem -1.6rem;}
.after_sale .server_main .top_main .after_sale_text div{float: right;color: #c50c0c;border-radius: 1rem;padding: .05rem .2rem;border:1px solid #c50c0c;}
/*退货退款详情*/
.sale_detail .publick_bg{padding:.45rem 0 .26rem 0;}
.sale_detail img{width: 100%;}
.sale_detail .server_main{width: 9.4rem;margin: auto;}
.sale_detail .server_main .top_main .goods_img{width:1.9rem;height: 1.9rem;border:1px solid #d6d6d6;float: left;margin-left: .26rem;}
.sale_detail .server_main .top_main .goods_list{float: left;width: 6.6rem;margin-left: .36rem;}
.sale_detail .server_main .top_main .goods_list .title{font-size: .34rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sale_detail .server_main .top_main .goods_list .fit_model{font-size: .29rem;color: #818181;padding:.1rem 0 .2rem 0;}
.sale_detail .server_main .top_main .goods_list .service_btn span{font-size: .29rem;color:#777777;background: #e9e9e9;border-radius:.1rem;padding: .15rem .26rem;margin:.5rem .2rem 0 0;}
.sale_detail .server_main .top_main .goods_list .symbol{float:right}
.sale_detail .server_main .top_main .goods_list .num{float:right}
.sale_detail .server_main .top_main .goods_list .quantity{font-size: .34rem;}
.sale_detail .server_main .top_main .goods_list .quantity_symbol{font-size: .30rem;margin-top: .1rem;}
.sale_detail .server_main .top_main .tuikuan_way{border-bottom: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;margin-top: .26rem;float: left;width: 100%;padding: .26rem 0;}
.sale_detail .server_main .top_main .tuikuan_way li{font-size: .32rem;padding: 0 .26rem;line-height: 2;}
.sale_detail .server_main .top_main .tuikuan_way li span:last-child{padding-left: .5rem;color: #777777;}
.sale_detail .server_main .top_main .contacat_btn{font-size: .32rem;text-align: center;float: left;width: 100%;padding: .26rem 0 0;}
.sale_detail .server_main .top_main .contacat_btn span{position: relative;}
.sale_detail .server_main .top_main .contacat_btn span:before{content: '';background: url("images/icons.png")-3.4rem -1.7rem no-repeat;background-size: 10rem;width:.4rem;height: .33rem;position: absolute;left: -.5rem;top:.0rem;}
.sale_detail .top_time{background: url("images/icons.png")0 -14.5rem;width: 10rem;background-size: 10rem;height:1.6rem;color: #fff;font-size: .48rem;line-height: 1.6rem;padding-left: .26rem;}
.sale_detail .top_time .sale_time{float:right;font-size: .32rem;padding-right: .26rem;position: relative;}
.sale_detail .top_time .sale_time:before{content: '';background: url("images/icons.png")0 -2.22rem no-repeat;background-size: 10rem;width:.46rem;height: .4rem;position: absolute;left: -.5rem;top:.59rem;}
/* 物流信息 */
.logistics .info{ width: 9.36rem; padding: .306667rem .213333rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: .266667rem auto;}
.logistics .info p{ line-height:0.6rem; color: #323232; margin-left: .16rem;}
.logistics .progress { width: 9.36rem; background-color: #ffffff; box-shadow: 0px 0px 0.12rem 1px rgba(221, 221, 221, 0.24); border-radius: 0.2133rem; margin: 0 auto .266667rem auto; overflow: hidden;}
.logistics .progress ul{ padding: 0.52rem 0.2267rem 0 0.2267rem; position:relative}
.logistics .progress ul li{ width: 100%; margin-bottom: 0.48rem; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.logistics .progress ul li:first-child .point span::before{ background: #c50c0c;}
.logistics .progress ul li:first-child .row{ color: #c50c0c; font-weight: bold;}
.logistics .progress ul li .point span{ display: flex; justify-content: center; align-items: center; width: 0.2933rem; height: 0.2933rem; background: #fff; position: relative; z-index: 2;}
.logistics .progress ul li .point span::before{ content: ''; width: 0.24rem; height: 0.24rem; border-radius: 100%; background: #8c8c8c;}
.logistics .progress ul li:first-child::before{ content: ''; width: 1px; height: 1000vh; background: #acacac; position: absolute; top: .9rem ;left: .145rem; z-index: 1;}
.logistics .progress ul li:last-child::before{ content: ''; width: 0.1333rem; height: 100vh; background: #fff; position: absolute; top: .9rem ;left: .1rem; z-index: 9;}
.logistics .progress ul li .row { width: 7.9867rem; background: #fde4d7; color: #323232; padding: 0.2133rem 0.4rem; line-height: 0.56rem; position: relative; margin-left: 0.4533rem;}
.logistics .progress ul li .row .arrow{ display: block; width: 0.1867rem; height: 0.1867rem; background: #fde4d7; transform: rotate(45deg); position: absolute; top: 50%; margin-top: -.0933rem; left: 0; margin-left: -.0933rem; }
/* 帮助中心 */
.help .top{ background: #fff; padding-top: .64rem; padding-bottom: .586667rem; margin-bottom: .32rem;}
.help .btn-service { display: flex; justify-content: center; align-items: center; width: 5.96rem; height: 1.1733rem; background-color: #c50c0c; border-radius: 0.08rem; margin: 0 auto .86rem auto; color: #fff;}
.help .tab{ width: 9.013333rem; display: flex; margin: 0 auto;}
.help .tab a{ display: inline-flex; flex: 1; height: .933333rem; justify-content: center; align-items: center; color: #494949; border-bottom: 0.0267rem solid #bbbbbb;}
.help .tab a.cur{ color: #c50c0c; border-color: #c50c0c;}
.help .list li{ background: #fff; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin-bottom: 0.2533rem; padding:0.32rem .4267rem 0.4rem 0.4267rem; position: relative;}
.help .list li h1{ font-size: .48rem; height: .933333rem; display: flex; align-items: center; font-weight: bold; color: #4d4d4d; border-bottom: 1px solid #bebebe; margin-bottom: .133333rem;}
.help .list li .contentH { height: 1.2rem;}
.help .list li .contentMore { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.help .list li .contentText{margin-top: .133333rem; font-size: .373333rem; color: #494949; }
.help .list li .more{ display: flex; width: 100%; height: .4rem; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0;}
.help .list li .more a{ display: flex; width: 1.333333rem; height: .4rem; justify-content: center; align-items: center;}
.help .list li .more a .iconfont{ font-size: .426667rem; color: #4e4e50; font-weight: bold;}
/* 登录 */
.login {
background: #fff;
min-height: 100vh;
}
.login .bg {
width: 10rem;
height: 6rem;
}
.login ul li {
width: 8.3333rem;
display: flex;
margin: 0 auto .293333rem auto;
}
.login ul li .rowWrap {
flex: 1;
height: 1.32rem;
background-color: #ffffff;
border-radius: 0.1333rem;
border: solid 1px #fe6310;
display: flex;
justify-content: flex-start;
align-items: center;
}
.login ul li .iconfont {
font-size: 0.48rem;
color: #737373;
margin: 0 0.3733rem;
}
.login ul li input {
border: 0;
text-indent: .213333rem;
color: #949494;
font-size: .4rem;
width: 3.066667rem;
padding: 0.2133rem 0;
}
.login ul li span.line {
border-right: 1px solid #fe6310;
width: 0.1333rem;
height: 0.96rem;
}
.login ul li input.phoneNum {
width: 6.6667rem;
}
.login .verificationCode .rowWrap:first-child {
margin-right: .173333rem;
flex: 0 0 4.586667rem;
}
.login .verificationCode .rowWrap .btn {
color: #3c3c3c;
text-align: center;
display: block;
font-size: .4rem;
}
.login .verificationCode .rowWrap:last-child {
justify-content: center;
}
.login .btn-signIn {
width: 8.3333rem;
height: 1.32rem;
background-color: #fe6310;
box-shadow: 0px 0.0533rem 0.08rem 1px rgba(145, 145, 145, 0.32);
border-radius: 0.1333rem;
display: flex;
justify-content: center;
align-items: center;
margin: 1.3333rem auto 0 auto;
color: #fff;
}
/* 订单详情 & 我的订单 修改 */
.orderDetail .orderProductList{ width: 100%; overflow: hidden; position: relative; /*border-bottom: 1px dashed #efefef;*/ padding-bottom: .2rem;}
.orderDetail .info .finalAmount03 { margin-top: 0;}
.orderDetail .info .orderNum{ margin-top: 0;}
.orderDetail .btn-refund { margin: 0rem 0 0 7.2267rem;}
.orderDetail .info img.pic { position: relative; margin-top: 0.3467rem; margin-left: 0.2933rem; left: 0; top: 0;}
.myOrder ul li .top { justify-content: space-between; padding-left: 0.24rem;}
.myOrder ul li .checkWrap + .top { padding-left: 0.9rem;}
.myOrder ul li .top span:first-child{ color: #1b1b1b;}
.myOrder ul li .bottom { position: relative;}
.myOrder ul li{ height: auto;}
.orderDetail .info .finalAmount02 { border-top: 0; padding: 0;}
/* 订单详情页底部调整 */
.productDetails .detailImg{ margin-bottom: 1.5067rem;}
.productDetails .detailImg img{ display: block;}
.productDetails .bottomFixed{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background: #fff; width: 100%; height: auto;}
.productDetails .bottomFixed .btn-home,.productDetails .bottomFixed .btn-cart,.productDetails .bottomFixed .btn-mine{ flex: 1 1 1.48rem; height: 1.5067rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.productDetails .bottomFixed .btn-addCart,.productDetails .bottomFixed .btn-buyNow{flex: 1 1 2.7733rem;height: 1.5067rem; }
.productDetails .bottomFixed .btn-home,.productDetails .bottomFixed .btn-cart,.productDetails .bottomFixed .btn-mine{ border-top: 1px solid #dbdbdb;}
.productDetails .bottomFixed .btn-home i,.productDetails .bottomFixed .btn-cart i,.productDetails .bottomFixed .btn-mine i{ background: url(images/icons.png); background-size: 10rem 17.7867rem; width: 0.5333rem; height: 0.4533rem; display: block;}
.productDetails .bottomFixed .btn-home i.icon-home{ background-position: 0 -4rem;}
.productDetails .bottomFixed .btn-cart i.icon-cartNew{background-position: -0.6rem -4rem;}
.productDetails .bottomFixed .btn-mine i.icon-mine{ background-position: -1.2rem -4rem;}
.productDetails .bottomFixed .btn-home span,.productDetails .bottomFixed .btn-cart span,.productDetails .bottomFixed .btn-mine span{ color: #363636; margin-top: 0.04rem;}
.productDetails .btn-addCart{ background: #fba732; color: #fff;}
.complete { width: 1.30667rem; height: 1.09333rem; position: absolute; right: .2rem; bottom: 1.1rem;}
/* 积分商城 & 个人中心、商品详情、收货地址调整 */
.productDetails .price-BP s,.productDetails .productPrice-BP s { font-size: 0.4rem; color: #9c9c9c; margin-left: 0.3467rem;}
.user .list li a .left i.icon5{ background-position: 0 -1.12rem;}
.user .list li a .left i.icon6{ background-position: -0.533333rem -1.12rem;}
.user{ padding-bottom: 1.7rem;}
.firmOrder .topAdress{ position: relative;}
.firmOrder .topAdress::after{ position: absolute; left: 0; bottom: 0; content: ''; width: 10rem; height: .066667rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 -9.2533rem;}
.firmOrder .info ul li.row1 .row .price-BP{ margin-left: -2.4rem; color: #989898;}
.firmOrder .row2.row2-BP{ width: 100%; height: .96rem; display: flex; justify-content: flex-start; align-items: center; color: #323232; font-size: .32rem; text-indent: .293333rem;}
.firmOrder .row2.row2-BP span{ color: #6e6e6e; font-size: .24rem;}
.firmOrder .info ul li.row2 ul li .right-BP{ color: #252525;}
.firmOrder .adjust-BP input{ width: 1.4rem; text-indent: .106667rem; height: .453333rem; border-radius: 0.08rem; border: solid 1px #b6b6b6; font-size: 0.3467rem; color: #000; }
.firmOrder .adjust-BP span{ color: #3f3f3f; font-size: .293333rem; margin-left: .066667rem; margin-right: .213333rem;}
.firmOrder .adjust-BP .btn-adjust{ display: inline-flex; width: 1.026667rem; height: .48rem; justify-content: center; align-items: center; font-size: .266667rem; color: #fff; background: #fe0f0f; border-radius: 0.08rem;}
.firmOrder .adjust-BP .btn-adjust::before{ content: ''; display: inline-flex; width: .253333rem; height: .253333rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 -4.6rem; }
.firmOrder .bottomFixed-BP span{ color: #323232; font-size: .32rem; margin-right: .3rem;}
.firmOrder .bottomFixed-BP span strong{ color: #fe0f0f; font-size: .48rem;}
.firmOrder .info ul li.row2 ul li.range-BP {display: none; width: 100%; height: 2.906667rem; position: relative; padding-left: 2.7rem; border-top: 1px solid #d8d8d8;}
.firmOrder .info ul li.row2 ul li.range-BP.showHide{ display: flex;}
.firmOrder .info ul li.row2 ul li.range-BP .balance{ position: absolute; top:0.3467rem; left: .28rem; color: #323232; font-size: .32rem;}
.firmOrder .info ul li.row2 ul li.range-BP .balance strong{ font-size: .48rem;}
.firmOrder .range input { width: 4.28rem; height: 1.2533rem; line-height: 1.2533rem; background: #fff; border: 1px solid #ededed; text-indent: .5467rem; border-radius: .1333rem; margin-top: .8rem; margin-bottom: -.4rem; margin-left: .4rem;}
.firmOrder .range { text-align: center; position: relative; padding-top: 2.24rem;}
.slider-container{ width: 9.2rem; margin:0 auto;}
.slider-container .back-bar { height: .1067rem; position: relative; width: 4.28rem;}
.slider-container .back-bar .selected-bar { position: absolute; height: 100%;}
.slider-container .back-bar .pointer { position: absolute; width: .3733rem; height: .3733rem; background-color: #e3e2e2; cursor: col-resize; opacity: 1; z-index: 2; display: flex; justify-content: center; align-items: center;}
.slider-container .back-bar .pointer::before{ content: ''; width: .213333rem; height: .213333rem; display: block; border-radius: 99999px; background: #dadada;}
.slider-container .back-bar .pointer-label { position: absolute; top: 4.1rem; left: 0; white-space: nowrap; line-height: 1;}
.pointer-label { white-space: nowrap; line-height: 1; color: #fe0f0f; position: absolute; top: 1.293333rem; left: 0; font-size: .48rem;}
.pointer-label::after{ content: '积分'; color: #fe0f0f; font-size: 0.32rem;}
.slider-container .scale { display: none; top: 2px; position: relative;}
.slider-container .scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0;}
.slider-container .scale ins { font-size: 29px; text-decoration: none; position: absolute; left: 0; top: 5px; color: #999; line-height: 1;}
.slider-container.slider-readonly .clickable-dummy,.slider-container.slider-readonly .pointer { cursor: auto;}
.theme-green .back-bar { height: .146667rem; border-radius: .1333rem; background-color: #eeeeee; background-color: #e7e7e7;
background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);}
.theme-green .back-bar .selected-bar { border-radius: .1333rem; background-color: #fe0f0f; background-image: -moz-linear-gradient(top, #fe0f0f, #fe0f0f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fe0f0f), to(#fe0f0f)); background-image: -webkit-linear-gradient(top, #fe0f0f, #fe0f0f); background-image: -o-linear-gradient(top, #fe0f0f, #fe0f0f);
background-image: linear-gradient(to bottom, #fe0f0f, #fe0f0f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbdfade', endColorstr='#ff76fabc', GradientType=0);}
.theme-green .back-bar .pointer { width: .6rem; height: .6rem; top: -.23rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);}
.bonusPoints{ padding-bottom: 1.7rem;}
.bonusPoints .title{ width: 100%; height: 1.3467rem; display: flex; justify-content: flex-start; align-items: center;}
.bonusPoints .title i{ width: .16rem; height: .626667rem; background: #fe640f; margin-left: .32rem;}
.bonusPoints .title span{ font-size: .4rem; color: #020202; margin-left: .266667rem;}
.bonusPoints dl{ width: 9.36rem; border-radius: .133333rem; box-shadow: 0px 0px 12px 1px rgba(183, 183, 183, 0.27); margin: 0 auto; background: #fff; position: relative;}
.bonusPoints dl::before{ content: ''; width: .266667rem; height: .266667rem; display: block; border-radius: 9999px; position: absolute; top: 1.1733rem; left: -0.1333rem; background: #f0f0f0;}
.bonusPoints dl::after{ content: ''; width: .266667rem; height: .266667rem; display: block; border-radius: 9999px; position: absolute; top: 1.1733rem; right: -0.1333rem; background: #f0f0f0;}
.bonusPoints dl dt{ display: flex; justify-content: space-between; align-items: center; width: 100%; height: 1.306667rem; padding: 0 .546667rem 0 .813333rem; font-size: .346667rem; color: #2d2d2d;}
.bonusPoints dl dd{ width: 8.84rem; height: 1.013333rem; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; border-top: 1px dashed #dfdfdf; padding-left: 0.0933rem; padding-right: 0.3333rem; font-size: 0.32rem; color: #595959;}
.bonusPoints dl dd:last-child{ border: 0;}
.bonusPoints ul{ width: 9.36rem; border-radius: .133333rem; box-shadow: 0px 0px 12px 1px rgba(183, 183, 183, 0.27); margin: 0 auto; background: #fff; position: relative;}
.bonusPoints ul li{ width: 8.826667rem; height: 1.573333rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #cdcdcd; line-height: 0;}
.bonusPoints ul li:last-child{ border: 0;}
.bonusPoints ul li span{ font-size: .373333rem; color: #343333;}
.bonusPoints ul li span::before{ content: ''; display: inline-block; width: .413333rem; height: .44rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 -1.12rem; margin-right: 0.2133rem;}
.bonusPoints ul li a{ font-size: .266667rem; color: #fe640f;}
.orderDetail .sumAmount-BP span.price:first-child{ margin-right: .533333rem;}
.myOrder ul li .bottom .total-BP{ margin-left: .32rem;}
.productDetails .bottomFixed .btn-buyNow-BP { flex: 1 1 5.5466rem}
.myOrder ul li .price-BP,.orderDetail .info .price-BP{ width: 1.7rem;}
.user .list li a.btn-signOut{ display: flex; justify-content: center; align-items: center; color: #666;}
.firmOrder .info ul li.row2 ul li.range-BPLi{ border-top: 1px solid #d8d8d8; margin-top: 0.1333rem; height: 1.12rem; width: 100%; padding-left: .28rem;}
.firmOrder .info ul li.row2 ul li.range-BPLi .left,.firmOrder .info ul li.row2 ul li.range-BPLi .right{ height: 1.12rem;}
/*商品名超长*/
.longProductName {width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
/*收银台*/
.cashier{width: 9.4rem;margin: auto;}
.cashier .title{background: #fff;border-radius: .2rem;padding:0 .26667rem .26667rem;margin-top: .4rem;box-shadow:0 0 18px 0px #dedede;}
.cashier .title .pro_detaile{width: 5.86667rem;float: left;margin-top:.26667rem}
.cashier .title .pro_detaile i{background: url("images/cssicon.png") no-repeat;background-size: 10rem;height: .53333rem;width: .48667rem;float: left;}
.cashier .title .pro_detaile .pro_name{font-size: .34667rem; margin-left: 25px;}
.cashier .title .pro_detaile .pro_min_name{font-size: .29333rem;color: #818181; margin-left: 25px;}
.cashier .title .pay_text{float: right;font-size: .32rem; padding-top: 0.8rem;}
.cashier .title .pay_text span{color: #ea1616;font-weight: bold;}
.cashier .sel_text{font-size: .4rem;padding: .46667rem 0 .33333rem;}
.cashier .payway{box-shadow:0 0 18px 0px #dedede;border-radius: .2rem;background: #fff;}
.cashier .payway li{height: 1.33333rem;line-height: 1.33333rem;border-bottom: 1px solid #bfbfbf;position: relative;}
.cashier .payway li:last-child{border:none;}
.cashier .payway i{background-size: 10rem;height: .53333rem;width: .58667rem;float: left;margin:.13333rem .13333rem 0 .26667rem;}
.cashier .payway i img{width: .58667rem;}
.cashier .payway li.wx i{background-position:-.58667rem 0;}
.cashier .payway li.jianhang i{background-position:-1.25333rem 0;}
.cashier .payway li.huaxia i{background-position:-1.92rem 0;}
.cashier .payway span{font-size: .34667rem;}
.cashier .payway li input{float: right;width: .58667rem;height: .53333rem;margin:.4rem .26667rem 0 0;opacity: 0;}
.cashier .payway li:after{content: '';width:.40667rem;height:.40667rem;border-radius: 50%;border:1px solid #bfbfbf;position: absolute;top:.37333rem;right: .26667rem;}
.cashier .payway li.sel:after{background: url("images/cssicon.png") no-repeat;background-size: 10rem;background-position:-2.6rem 0;width: .58667rem;height: .53333rem;border:none;right: .18rem;}
.cashier .pay_btn{width: 9.53333rem;height: 1.33333rem;background: #fe640f;font-size: .45333rem;text-align:center;line-height: 1.33333rem;border-radius: .2rem;color: #fff;border:none;position: fixed;bottom: .26667rem;left: 50%;-webkit-transform:translate(-50%,0);}
.cashier .payway .jifen{font-size: .34667rem;border-bottom: 1px solid #bfbfbf;line-height: 1.33333rem;}
.cashier .payway .jifen span{float: right;padding-right:.26667rem}
/* 登录页颜色修改 */
.login ul li .rowWrap { border: solid 1px #c50c0c; }
.login ul li span.line { border-right: 1px solid #c50c0c; }
.login .btn-signIn { background-color: #c50c0c;border: none; }
/* 我的优惠券 */
.my_coupon .merchant_coupon{ width:9.4rem; margin:.26667rem auto 0;background: #fff;border-radius: .2rem;padding:.26667rem 0 .13333rem;}
.my_coupon .merchant_coupon .merchant_title i{background: url("images/icons.png");background-size: 10rem;width: .46667rem;height: .46667rem;float: left;background-position:-1.86667rem 0;position: relative;top: .05rem;}
.my_coupon .merchant_coupon .merchant_title{font-size: .32rem;padding: .26667rem .26667rem 0;margin-bottom: .13333rem;}
.my_coupon .merchant_coupon li{background:url("images/icons.png") no-repeat;background-size: 10rem;width: 8.93333rem;height: 2.2rem;background-position:0 -6.6rem;margin: auto;position: relative;overflow: hidden;margin-bottom:.2rem;}
.my_coupon .merchant_coupon li.expired:after{content: '快过期';background: #ffc3c3;color: #f31112;font-size: .21333rem;-webkit-transform:rotate(45deg);position: absolute;top: .2rem;right:-.4rem;
padding: .01rem .4rem;}
.my_coupon .merchant_coupon li div{float: left;}
.my_coupon .merchant_coupon li .coupon_money{width:2.32rem;text-align: center;font-size: .8rem;color: #ff0f10;line-height: 2.2rem;}
.my_coupon .merchant_coupon li .coupon_money span{font-size: .21333rem;}
.my_coupon .merchant_coupon li .coupon_con{width: 4.73333rem;padding-left: .26667rem;color:#000;}
.my_coupon .merchant_coupon li .coupon_con span{font-size: .24rem;color: #ff0f10;background: #fff;padding: .05rem .1rem;}
.my_coupon .merchant_coupon li .coupon_con p:nth-child(1){margin-top: .26667rem;}
.my_coupon .merchant_coupon li .coupon_con p:nth-child(2){font-size: .34667rem;}
.my_coupon .merchant_coupon li .coupon_con p:nth-child(3){font-size:.24rem;}
.my_coupon .merchant_coupon li .coupon_con p:nth-child(4){font-size:.21333rem;}
.my_coupon .merchant_coupon li .go_use_btn{font-size: .25333rem;text-align: center;background: #ff0f10;border-radius: .5rem;padding: .1rem .26667rem;color: #fff;margin: .8rem .25rem 0;}
.my_coupon .coupon_active{background:#f8f8f8;width: 9.4rem;margin:.26667rem auto 1.6rem;border-radius: .2rem;padding:.26667rem .33333rem;box-shadow:0 0 15px #c8c8c8;}
.my_coupon .coupon_active .coupon_active_title{font-size: .48rem;/*text-align: center;*/position: relative;}
/*.my_coupon .coupon_active .coupon_active_title:before{content:'';position: absolute;left: 0;top:.4rem;background:#000;width: 2.66667rem;height: 1px;}
.my_coupon .coupon_active .coupon_active_title:after{content:'';position: absolute;right: 0;top:.4rem;background:#000;width: 2.66667rem;height: 1px;}*/
.my_coupon .coupon_active .active_text{font-size: .32rem;}
.my_coupon .foot_navigation{position: fixed;bottom: 0;width: 10rem;left:50%;margin-left: -5rem;height: 1.33333rem;background: #fff;}
.my_coupon .foot_navigation>a{float:left;width:3.33rem;text-align: center;display: block;font-size: .32rem;color: #000;}
.my_coupon .foot_navigation>a:first-child{float:left;width:3.34rem;}
.my_coupon .foot_navigation>a i{background: url("images/icons.png") no-repeat;background-size: 10rem;height: .6rem;display: block;margin:.15rem auto 0;}
.my_coupon .foot_navigation>a.history i{background-position: 0 -2.72rem;width: .6rem;}
.my_coupon .foot_navigation>a.receive i{background-position:-.76rem -2.72rem;width: .66667rem;}
.my_coupon .foot_navigation>a.my_info i{background-position:-2.75rem -2.72rem;width: .6rem;}
.my_coupon .foot_navigation>a.receive{color: #ff0f10;position: relative;}
.my_coupon .foot_navigation>a.receive:before{content: '';height:1.33333rem;width: 1px;background: #c3c3c3;position: absolute;left: 0;top:0;}
.my_coupon .foot_navigation>a.my_info{position: relative;}
.my_coupon .foot_navigation>a.my_info:before{content: '';height:1.33333rem;width: 1px;background: #c3c3c3;position: absolute;left: 0;top:0;}
.my_coupon .coupon_float{position: fixed;top:0;left: 0;width: 10rem;height: 100vh;z-index: 99;background:rgba(0, 0, 0, 0.7);overflow: hidden;display: none;}
.my_coupon .coupon_float .add_coupon{background: #fff;position: absolute;bottom: 0;left: 0;width: 100%;height: 5.86667rem;}
.my_coupon .coupon_float .add_coupon .close_btn{background:url("images/icons.png");background-size: 10rem;width:.49333rem;height: .49333rem;display: block;float: right;margin: .26667rem}
.my_coupon .coupon_float .add_coupon .add_coupon_btn{width: 100%;position: absolute;bottom: 0;left: 0;background:#f10c0d;font-size:.4rem;text-align: center;color: #fff;line-height: 1.28rem;}
.my_coupon .coupon_float .add_coupon .coupon_text{width: 8.44rem;height: 1.2rem;font-size: .4rem;color: #9e9e9e;padding: 0 .26667rem;margin:0 0 0 .8rem;background: #f5f5f5;border-radius: .2rem;border:1px solid #d9d9d9;}
.my_coupon .coupon_float .add_coupon .add_type{display: block;width:10rem;margin: 1.5rem 0 .3rem;padding: 0 0 0 .8rem;}
.my_coupon .coupon_float .add_coupon .add_type i{background:url("images/icons.png");background-size: 10rem;float: left;width: .62667rem;height: .6rem;}
.my_coupon .coupon_float .add_coupon .entry_type{width: 6.26667rem;float: left;font-size: .4rem;}
.my_coupon .coupon_float .add_coupon .entry_type i{background-position:-1.50667rem -2.72rem;}
.my_coupon .coupon_float .add_coupon .saoyisao{float: left;width: 2.26667rem;float: left;font-size: .4rem;}
.my_coupon .coupon_float .add_coupon .saoyisao i{background-position:-2.2rem -2.72rem;}
.my_coupon .merchant_coupon li .coupon_con label{font-size: .24rem;color: #ff0f10;margin-left: .26667rem;}
/* 优惠券详情 */
.coupon_detail {overflow: hidden;}
.coupon_detail .coupon_detail_con{background:#fff;margin:1rem auto 0;width: 9.33333rem;text-align: center;border-radius: .2rem;}
.coupon_detail .coupon_detail_con i{background:url("images/icons.png") no-repeat;background-size: 10rem;display: block;margin: auto;background-color: #ff0f10;width:1.46667rem;height:1.46667rem;background-position:-8.83rem .36rem;border-radius: 50%;padding: .33333rem;position: relative;top: -.73rem;}
.coupon_detail .coupon_detail_con .title{font-size: .34667rem;color:#757575;margin-top: -.5rem;}
.coupon_detail .coupon_detail_con .subtitle{font-size: .4rem;margin:.26667rem 0;font-weight: 6 00;}
.coupon_detail .coupon_detail_con .instructions{font-size:.4rem;color: #3c3c3c;}
.coupon_detail .coupon_detail_con .usenow_btn{width: 5rem;font-size:.4rem;color: #fff;background:#ff0f10;margin:.4rem auto .26667rem;padding:.2rem 0;border-radius: .1rem;}
.coupon_detail .coupon_detail_con .time{font-size: .32rem;color: #757575;padding-bottom: 1rem;border-bottom: 1px dashed #757575;position: relative;}
.coupon_detail .coupon_detail_con .time:before{content: '';background: #f0f0f0;width: .26667rem;height: .26667rem;position:absolute;left:-.13333rem;bottom:-.13333rem;border-radius: 50%;}
.coupon_detail .coupon_detail_con .time:after{content: '';background: #f0f0f0;width: .26667rem;height: .26667rem;position:absolute;right:-.13333rem;bottom:-.13333rem;border-radius: 50%;}
.coupon_detail .coupon_detail_con .detail_eescription{text-align: left;font-size: .32rem;padding: .4rem;}
.coupon_detail .coupon_detail_con .detail_eescription p{font-size: .34667rem;font-weight: 600;position: relative;padding-left: .25rem;padding-bottom: .13333rem;}
.coupon_detail .coupon_detail_con .detail_eescription p:before{content: '';float: left;background: #ff0f10;width: .1rem;height:60%;position:absolute;left: 0;top:15%;}
.back_btn{background: url("images/icons.png") no-repeat;width: .65333rem;height: .65333rem;background-position:-1.90667rem -3.93333rem;display: block;opacity: .5;position: absolute;top:.2rem;left: .26667rem;z-index: 9;background-size:10rem;}
/* 历史优惠券 */
.historical_coupon .merchant_coupon{ width:9.4rem; margin:1.5rem auto 0;background: #fff;border-radius: .2rem;padding:.26667rem 0 .13333rem;}
.historical_coupon .merchant_coupon .merchant_title i{background: url("images/icons.png");background-size: 10rem;width: .46667rem;height: .46667rem;float: left;background-position:-1.86667rem 0;position: relative;top: .05rem;}
.historical_coupon .merchant_coupon li{background:url("images/icons.png") no-repeat;background-size: 10rem;width: 8.93333rem;height: 2.2rem;background-position:0 -6.6rem;margin: auto;position: relative;overflow: hidden;margin-bottom:.2rem;-webkit-filter: grayscale(.6);}
.historical_coupon .merchant_coupon li div{float: left;}
.historical_coupon .merchant_coupon li .coupon_money{width:2.32rem;text-align: center;font-size: .8rem;color: #f50f0f;line-height: 2.2rem;}
.historical_coupon .merchant_coupon li .coupon_money span{font-size: .21333rem;}
.historical_coupon .merchant_coupon li .coupon_con{width: 4.73333rem;padding-left: .26667rem;color:#000;}
.historical_coupon .merchant_coupon li .coupon_con span{font-size: .24rem;color: #f50f0f;background: #fff;padding: .05rem .1rem;}
.historical_coupon .merchant_coupon li .coupon_con p:nth-child(1){margin-top: .26667rem;}
.historical_coupon .merchant_coupon li .coupon_con p:nth-child(2){font-size: .34667rem;}
.historical_coupon .merchant_coupon li .coupon_con p:nth-child(3){font-size:.24rem;}
.historical_coupon .merchant_coupon li .coupon_con p:nth-child(4){font-size:.21333rem;}
.historical_coupon .used li i{background:url("images/icons.png") no-repeat;background-size: 10rem;width: 1.2rem;height: 1.2rem;background-position:-1.38667rem -5.2rem;float:left;margin:.6rem 0 0 .35rem;}
.historical_coupon .expired_icon li i{background:url("images/icons.png") no-repeat;background-size:10rem;width:1.2rem;height:1.2rem;background-position:0 -5.2rem;float:left;margin:.6rem 0 0 .35rem;}
.historical_coupon .expired_icon{display:none;}
.historical_coupon .historical_coupon_top{position: fixed;top:0;width: 10rem;left: 50%;margin-left: -5rem;background: #fff;z-index: 9;}
.historical_coupon .historical_coupon_top div{width: 5rem;text-align: center;font-size:.4rem;border-bottom: .04rem solid #fff;float: left;line-height: 1.2rem;}
.historical_coupon .historical_coupon_top div.sel{color: #f50f0f;border-bottom-color: #f50f0f;}
.historical_coupon .merchant_coupon li .coupon_con label{font-size: .24rem;color: #f50f0f;margin-left: .26667rem;}
/*售后第二版*/
/* 退款页 */
.refund .server_main .top_main .goods_img{ width: 1.91rem; height: 1.91rem;}
.refund .server_main .refund_money_problem{padding: .45rem 0;}
.refund .server_main .refund_money_problem .money{font-size: .37rem;padding:0 .26rem .26667rem;border-bottom:1px solid #f0f0f0;}
.refund .server_main .refund_money_problem .money span{color:red;}
.refund .server_main .refund_money_problem .problem{font-size: .37rem;padding:.26667rem .26rem 0;}
.refund .server_main .refund_money_problem .problem input{background:none;border:none;}
.refund .server_main .logistics_status .apply_reason{padding:.45rem .26rem 0;font-size: .37rem;position: relative;}
.refund .server_main .logistics_status .apply_reason .tip_text{font-size: .26667rem;color: #989898;}
.refund .server_main .logistics_status .apply_reason #receiver{width:auto;height: 0.5rem;border: 0; background: #fff; font-size:.32rem; color: #6a6a6a; display: inline-flex; justify-content: flex-start; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: right;text-align:right;padding-right: .4rem;}
.refund .server_main .logistics_status .apply_reason input::-webkit-input-placeholder{font-size: .32rem;}
.refund .server_main .logistics_status .apply_reason input{background: #fff;border:none;}
.weui-picker-container .weui-cell {height: 1.05rem;}
.weui-picker-container .weui-cell p {font-size: 0.4rem;}
.weui-cells_checkbox .weui-icon-checked:before {font-size: 0.6667rem;}
.refund .server_main .logistics_status .apply_reason::before{content: '>';position: absolute;top:.34rem;right: .26rem;transform: scale(1,2);color: #9c9c9c;font-weight: 100;}
.refund_page .weui-cells_radio .weui-check:checked+.weui-icon-checked:before{content: '\EA06'!important;font-size: 0.6667rem;}
.black_bg{position: absolute;top:0;width: 10rem;height: 100vh;left: 0;z-index: 100;background:rgba(0, 0, 0, 0.63);display: none;}
.refund .server_main .logistics_status .logistics_title #logistics_status{width:auto;height: 0.5rem;border: 0; background: #fff; font-size:.32rem; color: #6a6a6a; display: inline-flex; justify-content: flex-start; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;float: right;text-align:right;padding-right: .4rem;}
.refund .server_main .logistics_status .logistics_title input::-webkit-input-placeholder{font-size: .32rem;}
.refund .server_main .logistics_status .logistics_title input{background: #fff;border:none;}
/* 售后列表页 */
.after_sale .server_main .top_main .goods_img{ width: 1.91rem; height: 1.91rem;}
/*退货退款页*/
.refundRefund .server_main .logistics_status .apply_reason{ padding-top: 0;}
.refundRefund .server_main .logistics_status .apply_reason::before{ top: -.13rem;}
.refundRefund .returnMethod{ display: flex; flex-direction: column; padding: 0;}
.refundRefund .returnMF1{ width: 100%; height: 1.2rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d2d2d2; padding: 0 .45rem;}
.refundRefund .returnMF1 p{ font-size: 0.3733rem; color: #323232;}
.refundRefund .returnMF1 span { width: 1.92rem; height: 0.6133rem; border-radius: 0.3067rem; border: solid 1px #cccccc; display: flex; justify-content: center; align-items: center; font-size: 0.32rem; color: #636363;}
.refundRefund .returnMF2{ height: 1.1467rem; display: flex; justify-content: flex-start; align-items: center; font-size: 0.3733rem; color: #323232; padding: 0 .45rem;}
.refundRefund .returnMF3{ display: flex; justify-content: flex-start; align-items: flex-start; padding: 0 .45rem; margin-bottom: 0.24rem;}
.refundRefund .returnMF3 i{ display: inline-flex; width: 0.3733rem; height: 0.4533rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -9.6267rem -3.8133rem; }
.refundRefund .returnMF3 p { margin-left: 0.3867rem; width: 6.1867rem; font-size: 0.3467rem; color: #808080; margin-top: -0.0533rem;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.refundRefund .returnMF3 .arrow{ display: inline-flex; width: 0.24rem; height: 0.4rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -8.9333rem -3.8267rem; margin-left: 1rem; margin-top: 0.0533rem;}
.refundRefund .returnMF4{ margin-bottom: 0.4rem;}
.refundRefund .returnMF4 i{ background-position: -9.2267rem -3.8133rem; }
.refundRefund .returnMF4 .point{ display: inline-flex; width: 0.5867rem; height: 0.16rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -9.4133rem -4.4133rem; margin-left: .8rem; margin-top: 0.1333rem; }
.refundRefund .contactInfo{ padding: 0.2rem 0.3467rem; }
.refundRefund .contactInfo ul li{ height: 1.28rem; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #d2d2d2;}
.refundRefund .contactInfo ul li:last-child{ border: 0;}
.refundRefund .contactInfo ul li span{ font-size: 0.3733rem; color: #323232; display: inline-flex; width: 2.2667rem; }
.refundRefund .contactInfo ul li input{ font-size: 0.3733rem; color: #7b7b7b; width: 6rem; border: 0;}
.refundRefund .adressEdit{ display: none; width: 100vw; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #fdfdfd; z-index: 99;}
.refundRefund .adressEdit .adressUl{ width: 8.72rem; margin: 0 auto; color: #000; font-size: 0.3733rem;}
.refundRefund .adressEdit .adressUl li{ width: 100%; border-bottom: 0.0267rem solid #eeeeee; display: flex; justify-content: flex-start; align-items: flex-start; padding: 0.4rem 0;}
.refundRefund .adressEdit .adressUl li span{ display: inline-flex; width: 2.08rem;}
.refundRefund .adressEdit .adressUl li input{ border: 0; margin-top: 0.0533rem; width: 5.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.refundRefund .adressEdit .adressUl li textarea{ border: 0; margin-top: 0.0533rem; width: 6.2667rem; height: 1.0667rem; }
.refundRefund .adressEdit .adressUl li i{ display: inline-flex; width: 0.5867rem; height: 0.16rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: -9.4133rem -4.4133rem; margin-left: .8rem; margin-top: 0.24rem; }
.refundRefund .adressEdit .btn-saveAdress{ position: fixed; bottom: 0; left: 0; background: #c50c0c; width: 10rem; left: 50%; margin-left: -5rem; z-index: 2;color: #fff; font-size: .37rem; line-height: 1.2rem; border: 0; text-align: center;}
.m-cityselect { position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 1000; background-color: #fff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.m-cityselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.cityselect-header:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-title { width: 100%; font-size: 0.3733rem; text-align: center; height: 1.6rem; line-height:1.6rem; position: relative; }
.cityselect-title .btn-closeCity{ display: block; width: 0.4533rem; height: 0.4533rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 0; position: absolute; top: 0.5rem; right: 0.3rem;}
.cityselect-title:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-nav { width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.cityselect-nav > a { font-size: 0.32rem; color: #222; display: block; height: 1rem; line-height: 1rem; padding: 0 .2rem; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; }
.cityselect-nav > a.crt { color: #F23030; }
.cityselect-nav > a.crt:after { content: ''; width: 100%; height: 2px; background-color: #F23030; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cityselect-content { height: 100%; padding-top: 2.6rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.cityselect-content.cityselect-move-animate { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.cityselect-content.cityselect-next { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.cityselect-content.cityselect-prev { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-content > .cityselect-item { display: block; height: inherit; width: 50%; /* for old android */
-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF; }
.cityselect-content > .cityselect-item::-webkit-scrollbar { width: 0;}
.cityselect-content > .cityselect-item:nth-child(2n) { background-color: #F5F5F5; }
.cityselect-item-box { width: 100%; height: inherit; display: block; padding: 0 .4rem; }
.cityselect-item-box > a { color: #333; font-size: .32rem; height: 1rem; line-height: 1rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 1; }
.cityselect-item-box > a:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; }
.cityselect-item-box > a:active { background: none;/* for firefox */}
.cityselect-item-box > a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; }
.cityselect-item-box > a.crt { color: #F23030; }
/* .cityselect-item-box > a.crt:after { display: block; content: '\E600'; font-family: 'YDUI-INLAY'; } */
.m-timeselect { position: fixed; bottom: 0; left: 0; width: 100%; height: 10.8267rem; z-index: 1000; background-color: #fff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.m-timeselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.m-timeselect .closeWrap{ width: 100%; height: 1.2rem;}
.m-timeselect .btn-closeTimeSelect{ display: block; width: 0.4533rem; height: 0.4533rem; background: url(images/icons.png); background-size: 10rem 17.7867rem; background-position: 0 0; position: absolute; top: 0.5rem; right: 0.3rem;}
.m-timeselect .tag{ width: 100%; height: 1.0933rem; display: flex; justify-content: center; align-items: center;}
.m-timeselect .tag span{ width: 3.6rem; height: 0.72rem; display: flex; border-radius: 999px; justify-content: center; align-items: center; color: #fff; font-size: 0.3467rem; background: #f72d1e;}
.m-timeselect .main{ width: 100%; height:8.5334rem; display: flex; justify-content: flex-start;}
.m-timeselect .main .left{ width: 3.2rem; background: #f8f8f8; }
.m-timeselect .main .left ul{ display: flex; flex-direction: column; }
.m-timeselect .main .left ul li{width: 100%; height: 1.2rem; display: flex; justify-content: center; align-items: center; font-size: 0.3467rem; color: #797979;}
.m-timeselect .main .left ul li.on{background: #fff; color: #090909; font-weight: bold;}
.m-timeselect .main .right{width: 6.8rem; background: #fff; display: flex; flex-direction: column; align-items: flex-start; padding-top: 0.2667rem;}
.m-timeselect .main .right .ampm{ display: flex; flex-direction: column; margin-bottom: 0.5333rem;}
.m-timeselect .main .right .ampm p{ font-size: 0.32rem; color: #737373; margin: 0 0 0.26rem 0.24rem;}
.m-timeselect .main .right .ampm span{ display: block; width: 3rem; height: 1.44rem; border-radius: 0.1333rem; border: 1px solid #f6f6f6; color: #000; background: #f6f6f6; font-size: 0.4rem; display: flex; justify-content: center; align-items: center; margin-left: 0.08rem; }
.m-timeselect .main .right .ampm span.on{border: 1px solid #b83a20; color: #b83a20; background: #fef2f2; }
/*通用*/
.payProcessing {
width: 10rem;
height: 100vh;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
margin: 0 auto;
overflow-x: hidden;
min-height: 100vh;
background: #fefffa;
display: none;
}
.payProcessing .icon {
width: 2.8533rem;
height: 2.96rem;
margin: 0.88rem auto 0 auto;
pointer-events: none;
}
.payProcessing .Processing {
font-size: 0.3733rem;
color: #5f5f5f;
display: flex;
justify-content: center;
margin-top: 0.4rem;
margin-bottom: 0.8rem;
}
.payProcessing .tips {
width: 8.4rem;
display: flex;
justify-content: flex-start;
margin: 0 auto 0.1333rem auto;
font-size: 0.4rem;
color: #181914;
}
.payProcessing .btn1 {
display: flex;
justify-content: center;
align-items: center;
width: 8.4rem;
height: 1.28rem;
background: #ff7e04;
color: #fff;
font-size: 0.4rem;
border-radius: 0.6667rem;
margin: 0.9rem auto 0.5333rem auto;
border: 1px solid #ff7e04;
}
.payProcessing .btn2 {
display: flex;
justify-content: center;
align-items: center;
width: 8.4rem;
height: 1.28rem;
background: none;
border: 1px solid #ff7e04;
color: #ff7e04;
font-size: 0.4rem;
border-radius: 0.6667rem;
margin: 0 auto;
}
/* end */