/*
* @Author: yq
* @Date:   2017-03-22 10:44:18
* @Last Modified by:   yq
* @Last Modified time: 2017-08-04 16:33:07
*/

/*会员中心基础样式*/
[v-cloak]{display: none;}

/*会员中心头部*/
.member-top{display: block;width: 100%;height: 4.6rem;position: relative;background: #25d4cf;background-size: cover;background-position: 50% 50%;}
.member-top .my-img-wrap{ border: white solid;display: block;width: 2.8rem;height: 2.8rem;border-radius: 100%;overflow: hidden;background: #eee;position: absolute;top:50%;left: 0.7rem;margin-top:-1.52rem;cursor: pointer;}
.member-top .my-img-wrap img{width: 100%; height: 100%; border-radius: 100% ;}
.member-top .my-person-info{display: block; width: 9rem; overflow: hidden; height: 3.2rem; margin-left: 4.14rem; padding-top:1.2rem }
.member-top .my-person-info i.info-hint{width: 0.8rem;height: 0.8rem;display: inline-block;vertical-align: middle;background: url(../images/btn_forward_highlight@2x.png) no-repeat;background-position: 50% 50%;background-size: cover;margin-left: 0.2rem;margin-top:-0.12rem;}
.member-top .my-person-info .my-user-head-name{font-size: 0.64rem;line-height: 0.8rem;height: 0.8rem;margin-top: 0.5rem;margin-bottom:0.4rem;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;position: relative;top: 10%;}
.member-top .my-person-info .my-user-head-grade{ display: inline-block;padding:0.1rem 0.3rem; box-sizing: border-box; border:0.08rem solid #7e0021; background: #8d1a3d; color: #fff; font-size: 0.48rem; line-height: 0.6rem; border-radius: 10rem}
.member-top .my-message{position:absolute; width: 1.6rem; height: 1.6rem; top:0.1rem; right:0.4rem; display: block;}
.member-top .my-message .message-content{position: relative;z-index: 1;width: 0.8rem;height: 0.8rem;padding:0.4rem;right: 1.4rem;top: 0.5rem;}
.member-top .my-message .message-content .message{ width: 0.8rem; height: 0.8rem; background: url(../images/nav_btn_message_white@2x.png) no-repeat; background-position: 50% 50%; background-size: cover; display: block;margin-left: 0.1rem }
.member-top .my-message .message-content sup{ width: 0.2rem; height: 0.2rem; background:#f23030; border-radius: 50%; position: absolute; top:0.3rem; right: 0.1rem; border:0.05rem solid #fff;}
.member-top .my-account{position: absolute;top: 1rem;right: 0.3rem;padding-right: 0.4rem;padding-bottom: 0.4rem;padding-left: 0.4rem;}
.member-top .my-account i.set-up{background: url(../images/user_btn_setting_normal@2x.png) no-repeat;background-position: 50% 50%;background-size: cover;display: block;height: 0.8rem;width: 0.8rem;}
.member-top .my-account .account-name{display:block;font-size: 0.52rem; line-height: 0.8rem; color: #fff;}
.member-top .my-account .account-name .info-hint{ width: 0.48rem; height: 0.48rem;display: inline-block; vertical-align: middle; background: url(../images/arrow-right_a.png) no-repeat; background-position: 50% 50%; background-size: cover; margin-left: 0.2rem; margin-top:-0.12rem;}
/*.member-top .my-login{display: block; width: 7rem; overflow: hidden; height: 0.8rem; margin-left: 4.14rem; padding-top:2.4rem; color: #fff; vertical-align: top; font-size: 0.64rem}*/
.member-top .my-login{display: block; height: 0.8rem; margin-left: 4.14rem; padding-top:1.5rem; color: #ffffff; vertical-align: top; font-size: 1rem}
.member-top .my-login a{color: #ffffff
}

/*订单&&财产&&设置共用样式*/
.m-detail{display: block;background:#fff;border-top:0.05rem solid #e9ebee;border-bottom: 0.05rem solid #e9ebee;box-sizing: border-box;margin-top: 0.4rem;position: relative;overflow:hidden;}
.m-detail .m-detail-left{position:relative;display: block;float: left;width: 80%;}
.m-detail .m-detail-left a{ display: block; width: 25%; height: 3.4rem; position: relative; float: left;}
.m-detail .m-detail-left a i{ display: inline-block; width: 1rem; height: 1rem; margin:0 auto; top:0.7rem; position: absolute; left: 50%; margin-left: -0.5rem}
.m-detail .m-detail-left a em{display: inline-block; width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.64rem; text-align: center; position: absolute; top:0.8rem; color: #232326; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.m-detail .m-detail-left a span{display: block;width: 100%;height: 0.8rem;color: #232326;font-size: 0.52rem;line-height: 0.8rem;text-align: center;position: absolute;bottom: 0.7rem;}
.m-detail .m-detail-left .arrow{ display: block; width: 0.23rem; height: 3.4rem; background: url(../images/arrow_right_c.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0; right:-0.17rem;z-index:0 }
.m-detail .m-detail-right sup{    width: 0.5rem;height: 0.5rem;border-radius: 100%;    line-height: 0.5rem;text-align: center;background: #FF3A30;display: block;font-size: 0.36rem;position: absolute;top: 42%;color: #fff;right: 10%;}

.m-detail .m-detail-left a i.payment{background: url(../images/mi_01.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-left a i.receiving{background: url(../images/mi_02.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-left a i.evaluation{background: url(../images/mi_03.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-left a i.customer{background: url(../images/mi_04.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-right a i.address{background: url(../images/prodetails_icon_shipping_normal@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-left a i.info{background: url(../images/mi_06.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-left a i.security{background: url(../images/mi_07.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-left a i.binding{background: url(../images/mi_08.png) no-repeat; background-position: 50% 50%; background-size: cover;}

.m-detail .m-detail-right{position:relative;display: block;float: right;width: 100%;border-bottom: 1px solid #eee;}
.m-detail .m-detail-right a{display: block;width: 100%;height: 2.4rem;}
.m-detail .m-detail-right a i{display: inline-block;width: 1rem;height: 1rem;margin:0 auto;top:0.7rem;position: absolute;left: 8%;margin-left: -0.5rem;}
.m-detail .m-detail-right a span{display: block;width: 100%;height: 0.8rem;color: #232326;font-size: 0.52rem;line-height: 0.8rem;/* text-align: center; */position: absolute;left: 5%;bottom: 0.8rem;}
.m-detail .m-detail-right a div{  position: absolute;  right: 0.8rem;  bottom: 0.8rem;  font-size: 0.6rem;  color: #25d4cf;  }
.m-detail .m-detail-right a span b{width: 0.6rem;height: 0.7rem;display: inline-block;vertical-align: middle;background: url(../images/arrow-right.png) no-repeat;background-position: 50% 50%;background-size: cover;/* margin-top: -0; */margin;margin-left: 12.05rem;}
.m-detail .m-detail-right a b{
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/arrow-right.png) no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    right: 1.2rem;
    /* margin-left: 12.05rem; */
    }
.m-detail .m-detail-right a i.order{background: url(../images/comfirmoder_icon_oder_default@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-right a i.property{background: url(../images/user_icon_wallet_default@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-right a i.set-up{background: url(../images/mr_03.png) no-repeat; background-position: 50% 50%; background-size: cover;}

/*功能集合*/
.function-list{overflow: hidden;}
.function-list .function-items{display: block; width: 100%; height: 3.4rem; border-bottom: 0.05rem solid #e9ebee; background:#fff;}
.function-list .function-items:last-child{border-bottom: 0}
.function-list .function-items a{display: block; width: 25%; height: 3.4rem; float: left; position: relative;}
.function-list .function-items a i{ display: inline-block; width: 1.2rem; height: 1.2rem; margin:0 auto; top:0.6rem; position: absolute; left: 50%; margin-left: -0.6rem}
.function-list .function-items a em{display: inline-block; width: 100%; height: 0.8rem; line-height: 0.8rem;  font-size: 0.64rem; font-weight: 600; text-align: center; position: absolute; top:0.8rem; color: #232326; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.function-list .function-items a span{ display: block; width: 100%; height: 0.8rem; color: #232326; font-size: 0.52rem; line-height: 0.8rem; text-align: center; position: absolute; bottom: 0.6rem }

.m-detail .m-detail-right a i.fu_01{background: url(../images/user_icon_like_default@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.function-list .function-items a i.fu_02{background: url(../images/fu_02.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-right a i.fu_03{background: url(../images/user_icon_history_default@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-right a i.fu_04{background: url(../images/user_icon_consult_default@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.function-list .function-items a i.fu_05{background: url(../images/fu_05.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.function-list .function-items a i.fu_06{background: url(../images/fu_06.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.function-list .function-items a i.fu_07{background: url(../images/fu_07.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.function-list .function-items a i.fu_08{background: url(../images/fu_08.png) no-repeat; background-position: 50% 50%; background-size: cover;}

/*发现频道顶部滑块Copyright: BIZPOWER*/
.slide-navi-container { display: block; position: fixed; z-index: 2; top: 2rem; left: 0; right: 0; padding:0.5rem 0; background:#fff;}
.slide-navi-container .slide-navi{overflow: hidden;}
.slide-navi-container .slide-navi li{float: left;width:20%; text-align: center;}
.slide-navi-container .slide-navi li .slide-navi-thumb{width:1.2rem; height: 1.2rem; overflow: hidden; margin:0 auto;}
.slide-navi-container .slide-navi li .slide-navi-thumb img{width: 100%; height: 100%}
.slide-navi-container .slide-navi li p{display:block; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.52rem; color: #848689;margin-top:0.15rem; }
.slide-navi-container .slide-navi li.selected p{color: #232326}

/*个人信息*/
.personal-info{display: block; width: 100%; margin-top:2rem;}
.personal-info ul{overflow: hidden; border-bottom: 0.05rem solid #e3e5e9; background:#fff;}
.personal-info ul .personal-items{ padding:0.5rem 0; margin-left:0.4rem; border-bottom: 0.05rem solid #e3e5e9; position: relative; overflow: hidden;}
.personal-info ul .personal-items:last-child{border-bottom: 0}
/*.personal-info ul .personal-items a{display: block; width: 100%; overflow: hidden;}*/
.personal-info ul .personal-items a{display: block; width: 100%; }
/*.personal-info ul .personal-items .personal-name{display: block; width: 40%;font-size: 0.64rem; color: #232326; line-height: 0.9rem; overflow: hidden; float: left; text-align: left;}*/
.personal-info ul .personal-items .personal-name{display: block; width: 40%;font-size: 0.64rem; color: #232326; line-height: 0.9rem; float: left; text-align: left;}
.personal-info ul .personal-items .personal-content{display: block; width: 40%;font-size: 0.52rem; color: #848689; line-height: 0.9rem; overflow: hidden; float: right; text-align: right; margin-right: 1.2rem; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.personal-info ul .personal-items .personal-thumb{ display: block;float: right;width: 2rem; height: 2rem; border-radius: 100%; margin-right: 1.2rem; overflow: hidden;}
.personal-info ul .personal-items .personal-thumb img{width: 100%; height: 100%; }
.personal-info ul .personal-items .arrow-right{position: absolute; width: 0.5rem; height: 0.5rem; background: url(../images/arrow-right_b.png) no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0.6; top:50%; right: 0.4rem; margin-top:-0.25rem;}

.personal-info ul .personal-items .user-title{line-height: 2rem;}
.personal-info ul .personal-items .user-name{margin-right: 0.4rem}

/*消息设置开关*/
.setup-container{display: block; width: 100%; overflow: hidden;}
.setup-container .setup-title{padding:0.5rem 0.4rem;}
.setup-container .setup-title h1{display: block; width: 100%;height: 0.8rem; font-size: 0.6rem; line-height: 0.8rem; text-align: left; color: #7f7f7f;}
.setup-container .setup-content{background: #fff; overflow: hidden;}
.setup-container .setup-content .setup-items{padding:0.4rem 0; margin-left: 0.4rem; border-bottom: 0.05rem solid #e3e5e9; overflow: hidden;}
.setup-container .setup-content .setup-items:last-child{border-bottom: 0}
.setup-container .setup-content .setup-items .setup-name{display: block; width: 80%; font-size: 0.64rem; color: #232326; line-height: 1.25rem;overflow: hidden; float: left; text-align: left;}
.setup-container .setup-content .setup-items .switch{display: block; width: 2.04rem; height: 1.2rem; background: url(../images/btn_enabled_highlight@2x.png) no-repeat; background-position: 50% 50%; background-size: cover; float: right; margin-right: 0.76rem}
.setup-container .setup-content .setup-items .no-switch{background: url(../images/btn_disabled_normal@2x.png) no-repeat; background-position: 50% 50%; background-size: cover;}

/*性别选择*/
.gender-selection{display: block; width: 100%; height: 15rem; overflow: hidden;position: relative;}
.gender-selection ul{overflow: hidden; margin:0 0 0 0.4rem;}
.gender-selection ul .gender-item{position:relative; z-index: 1; border-bottom:0.05rem solid #eee; padding:0.5rem 0.4rem 0.5rem 0; overflow: hidden;}
.gender-selection ul .gender-item .gender{ float: left; width: 85%; height: auto;line-height: 0.9rem; font-size: 0.52rem; color:#232326; word-break: break-all; word-wrap: break-word; }
.gender-selection ul .checked .tick{float: right; width: .8rem; height: .8rem; background:url(../images/search_icon_tick_normal@2x.png) no-repeat; background-position: 50% 50%; background-size:cover; margin-top:0.1rem;}
.gender-selection ul .checked .gender{color: #25d4cf
}

/*日期选择*/

.slideInUp {
        animation: slideInUp .3s ease;
        -webkit-animation: slideInUp .3s ease;
    }
@-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

.gearDate {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 0.48rem; background-color: rgba(0, 0, 0, 0.65); display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9900; overflow: hidden; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.date_ctrl {vertical-align: middle; background-color: #fff; color: #232326; margin: 0; height: 10rem; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9901; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.date_btn_box {display: -webkit-box; -webkit-box-pack: justify; -webkit-box-align: stretch; background-color: #fff; position: relative; border-bottom: 0.05rem solid #eee;height: 1.8rem; overflow: hidden;}
.date_btn {color: #0575f2; font-size: 0.64rem; font-weight: bold; line-height: 0.8rem; text-align: center; padding: 0.5rem}

.date_roll_mask {-webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0)); padding: 1.05rem 0}
.date_roll{display: -webkit-box; width: 100%; height: auto; overflow: hidden; font-weight: bold; background-color: transparent; -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))}
.date_roll>div{font-size: 1.2rem; height: 6rem; float: left; background-color: transparent; position: relative; overflow: hidden; -webkit-box-flex: 4}
.date_roll>div:nth-child(2) {-webkit-box-flex: 2}
.date_roll>div:nth-child(1){-webkit-box-flex: 4}

.date_roll>div .gear{width: 100%; float: left; position: absolute; z-index: 9902; margin-top: -6rem}
.date_roll>div:nth-child(1) .gear {text-indent: 20%}
.date_roll>div:nth-child(2) .gear {text-indent: -20%}
.date_roll>div:nth-child(3) .gear {text-indent: -55%}
.tooth {height: 2rem;line-height: 2rem;text-align: center}

.date_roll>div:nth-child(3) .date_grid>div {left: 42%}
.date_grid {position: relative;top: 2rem;width: 100%;height: 2rem;margin: 0;box-sizing: border-box;z-index: 0;border-top: 0.05rem solid #abaeb5;border-bottom: 0.05rem solid #abaeb5}
.date_grid>div {color: #232326;position: absolute;right: 0;top: 0;font-size: 0.8rem;line-height: 2rem}

/*领券中心*/
.swipe { position: relative; overflow: hidden; visibility: hidden; }
.swipe-wrap { overflow: hidden; position: relative;}
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap img { width: 100%; height: 7.8rem}

.hot-store{display: block; width: 100%; background: #fff; margin-top:0.4rem;}
.hot-store .store-title{ display: block; padding:0.4rem 0.5rem; overflow: hidden;position: relative; border-bottom: 0.05rem solid #eee }
.hot-store .store-title h1{ float: left; display: block; line-height: 0.8rem; font-size: 0.6rem; color: #666;  }
.hot-store .store-title p{float: right;display: block; line-height: 0.8rem; font-size: 0.52rem; color: #20a8fe; }
.hot-store .store-title p .freshen{width: 0.5rem; height: 0.5rem;display: inline-block; background: url(../images/freshen.png) no-repeat; background-position: 50% 50%; background-size: cover; vertical-align: middle; margin:-0.05rem 0.25rem 0 0;}
.hot-store .store-title sub{width: 0; height: 0; border:0.4rem solid; border-color: #20a8fe transparent transparent #20a8fe; display: block; position: absolute; top: 0; left: 0}
.hot-store .store-thumb{display: block;}
.hot-store .store-thumb li{display: block; width: 100%; overflow: hidden;}
.hot-store .store-thumb li .items{display: block; float: left; width: 25%; box-sizing: border-box; border-width: 0 0.05rem 0.05rem 0; border-style: solid; border-color: #eee;}
.hot-store .store-thumb li .items:nth-child(4n){border-right: 0}
.hot-store .store-thumb li .items a{display: block; width: 100%; height: 100%}
.hot-store .store-thumb li .items a img{ width: 3.2rem;margin:0.8rem auto; display: block; }

.move-top {-webkit-animation: float ease-in-out 0.5s ;animation: float ease-in-out 0.5s;}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

.nav-fixed .horizontal-scroll-nav{position: fixed;top:0;margin-top: 2rem;}
.nav-fixed .coupon-content{margin-top: 2rem;}
/*.coupon-container{margin-top: 0.4rem;}*/
.coupon-content{overflow: hidden; display: block; width: 100%;position: relative;}
.coupon-content ul{overflow: hidden; padding:0 0.4rem;}
.coupon-content ul .coupon-item{margin-top:0.8rem; overflow: hidden;}
.coupon-content ul .coupon-item:last-child{margin-bottom:0.8rem;}
.coupon-content ul .coupon-item a{display: block; margin-left: 0.18rem; height: 4rem; background: #fff; position: relative; z-index: 1; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem}
.coupon-content ul .coupon-item a .decorate{background: url(../images/decorate_a.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0; left: -0.18rem; display: block; width: 0.18rem; height: 4rem}
.coupon-content ul .coupon-item a .decorate1{ width:0.4rem; height: 0.4rem; border-radius: 50%; background: #f0f2f5; position:absolute; top:-0.2rem; right: 2.85rem; z-index: 3}
.coupon-content ul .coupon-item a .decorate2{ width:0.4rem; height: 0.4rem; border-radius: 50%; background: #f0f2f5; position:absolute; bottom:-0.2rem; right: 2.85rem; z-index:3}
.coupon-content ul .coupon-item a .decorate3{background: url(../images/decorate_b.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0; right: 3.01rem; display: block; width: 0.08rem; height: 4rem; z-index: 2}
.coupon-content ul .coupon-item a .coupon-left{padding:0.2rem 0 0.2rem 0.1rem; position: relative;height: 3.6rem; display: block; margin-right: 3.2rem}
.coupon-content ul .coupon-item a .coupon-left .coupon-term{position: absolute; width: 4rem; height: 3.6rem; }
.coupon-content ul .coupon-item a .coupon-left .coupon-term .decorate-trem{background: url(../images/decorate_b.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0; right: -0.18rem; display: block; width: 0.08rem; height: 3.6rem;}
.coupon-content ul .coupon-item a .coupon-left .coupon-term .price{ line-height: 1.4rem; height: 1.4rem; overflow: hidden; text-align: center; padding-top:0.6rem; color: #3199da;margin-left:0.2rem}
.coupon-content ul .coupon-item a .coupon-left .coupon-term .price b{ font-size: 0.6rem; font-weight:bold;}
.coupon-content ul .coupon-item a .coupon-left .coupon-term .price em{ font-size: 1.3rem;  font-weight: 600;}
.coupon-content ul .coupon-item a .coupon-left .coupon-term .trem{ display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.48rem; color: #999999; text-overflow: ellipsis; white-space: normal; overflow: hidden; text-align: center; margin-top:0.35rem; word-break: break-all; word-wrap: break-word; }
.coupon-content ul .coupon-item a .coupon-left .coupon-con{padding:0.3rem 0 0.3rem 0.3rem;margin-left: 4.18rem;}
.coupon-content ul .coupon-item a .coupon-left .coupon-con .con-name{line-height: 0.8rem; height: 0.8rem; color: #232326; font-size: 0.64rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.coupon-content ul .coupon-item a .coupon-left .coupon-con .subtitle{ height: 0.7rem; line-height: 0.7rem; overflow: hidden; color: #42b6ff; font-size: 0.48rem; margin-top:0.15rem;}
.coupon-content ul .coupon-item a .coupon-left .coupon-con .coupon-text{ overflow: hidden; width: 100%; height: 0.9rem; margin-top:0.5rem;}
.coupon-content ul .coupon-item a .coupon-left .coupon-con .coupon-text .time{line-height: 0.8rem; float: left; font-size: 0.44rem; color: #aaaaaa}
.coupon-content ul .coupon-item a .coupon-left .coupon-con .coupon-text .client{line-height: 0.8rem; float: right; font-size: 0.44rem; color: #3199da}
.coupon-content ul .coupon-item a .coupon-right{width: 3.05rem ;height: 4rem;position: absolute;top: 0;right: 0; background: #42b6ff; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem}
.coupon-content ul .coupon-item a .coupon-exchange{ width: 2.4rem; background: #fff; color: #0087dc; font-size: 0.44rem; line-height: 0.8rem; border:0.1rem solid #0087dc; border-radius: 10rem; margin:-0.55rem auto 0; text-align: center; position: absolute; bottom: 0.3rem; left: 0.3rem }
.coupon-content ul .coupon-item a .coupon-invalid{display: block; width: 2.4rem; height: 2.4rem;  background: url(../images/receive.png) no-repeat; background-size: cover; background-position: 50% 50%; position: absolute; top:-0.5rem; right: -0.5rem}
.coupon-content ul .coupon-item.no-voucher{font-size: 0.52rem; width: 100%; height: 0.8rem; text-align: center; color: #999}

.voucher-share{position: absolute; width: 12rem;height: 17rem; top:50%; left: 50%; margin-top: -8.5rem; margin-left: -6rem; background: url(../images/share_bg.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.voucher-share img{transform:none; left: 1.2rem; top: 1.2rem; border-radius: 0}

.nctouch-bottom-mask-block {
    display: block;
    position: absolute;
    z-index: 22;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    max-height: 24rem;
    background: #FFF;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    border-top: solid #eee 0.05rem;
}

.mbsc-ios .dwb{
    color: #25d4cf !important;
}