/*
* @Author: yq
* @Date:   2017-03-22 10:44:18
* @Last Modified by:   yq
* @Last Modified time: 2017-12-26 17:57:46
*/

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

/*会员中心头部*/
.member-top{display: block; width: 100%; height: 5.6rem;position: relative; background:url(../images/member_bg.png) no-repeat; background-size: cover; background-position: 50% 50%}
.member-top .my-img-wrap{display: block; width: 2.8rem; height: 2.8rem; border-radius: 100%; overflow: hidden; border:0.12rem solid #ce4165; background: transparent;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: 7rem; overflow: hidden; height: 3.2rem; margin-left: 4.14rem; padding-top:1.2rem }
.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: #fff; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 100%}
.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;}
.member-top .my-message .message-content .message{ width: 0.8rem; height: 0.8rem; background: url(../images/message.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:1.7rem; right: 0.4rem}
.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 a{color: #fff}

/*订单&&财产&&设置共用样式*/
.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 em .yuan{display: none;}
.m-detail .m-detail-left a span.spe{ 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-left sup{ width: 0.28rem; height: 0.28rem; border-radius: 100%; background:#f23030; display: block; position:absolute; top:0.6rem; right: 25%}

.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-left a i.address{background: url(../images/mi_05.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: 20%;}
.m-detail .m-detail-right a{ display: block; width: 100%; height: 3.4rem;}
.m-detail .m-detail-right 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-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; bottom: 0.7rem }
.m-detail .m-detail-right a span b{ width: 0.4rem; height: 0.4rem;display: inline-block; vertical-align: middle; background: url(../images/arrow-right.png) no-repeat; background-position: 50% 50%; background-size: cover; margin-top:-0.12rem;margin-left: 0.05rem}

.m-detail .m-detail-right a i.order{background: url(../images/mr_01.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.m-detail .m-detail-right a i.property{background: url(../images/mr_02.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 }

.function-list .function-items a i.fu_01{background: url(../images/fu_01.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;}
.function-list .function-items a i.fu_03{background: url(../images/fu_03.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.function-list .function-items a i.fu_04{background: url(../images/fu_04.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 .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-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}
.personal-info .bind-faq { padding: 0.75rem; font-size: 0.5rem; line-height: 0.7rem; color: #333; text-shadow: 1px 1px 0 rgba(255,255,255,1)}


/*消息设置开关*/
.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.25rem; background: url(../images/switch.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/noswitch.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.setup-container .setup-content .setup-items .icon-cancel {display: block; width: 1rem; height: 1rem; background: url(../images/cancel_card.png) no-repeat; background-position: 50% 50%; background-size: 100%; float: right; margin-right: 0.76rem }

/*性别选择*/
.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: 0.64rem; height: 0.64rem; background:url(../images/ok.png) no-repeat; background-position: 50% 50%; background-size:cover; margin-top:0.1rem;}
.gender-selection ul .checked .gender{color: #f23030}

/*日期选择*/

.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-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}


/*新的优惠券样式*/
/*优惠券和领券中心公用样式*/
.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}

/*优惠券套组*/
.coupon-group{display: block; width: 100%; overflow: hidden; position: relative;}
.coupon-group ul{ overflow: hidden; padding: 0 0.5rem; }
.coupon-group ul .items{margin-top:0.8rem; overflow: hidden;}
.coupon-group ul .items:last-child{margin-bottom: 0.8rem}
.coupon-group ul .items a{ display: block; margin-left: 0.18rem; height: 4rem; background:#fff; position: relative; border-top-right-radius: 0.3rem; border-bottom-right-radius:0.3rem; }
.coupon-group ul .items a .left{ display: block;  width: 32%; height: 4rem; position: relative; background: #f95a6c; float: left; }
.coupon-group ul .items a .left .adorn{display: block; width: 0.18rem; height: 4rem; position: absolute; left: -0.18rem; top:0;background:url(../images/coupon/adorn.png) no-repeat; background-position: 50% 50%; background-size:cover; }
.coupon-group ul .items a .left div{color: #fff}
.coupon-group ul .items a .left .price{ display: block; width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: 1.3rem; font-weight: 600; text-align: center; overflow: hidden; padding-top:0.6rem; }
.coupon-group ul .items a .left .price .pointer,.coupon-group ul .items a .left .price .decimal{display: none}
.coupon-group ul .items a .left .price .yuan{ font-size: 0.6rem; }
.coupon-group ul .items a .left .trem{display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.48rem; text-overflow: ellipsis; white-space: normal; overflow: hidden; text-align: center; margin-top:0.35rem; word-break: break-all; word-wrap: break-word; }
.coupon-group ul .items a .right{float: right; padding:0.6rem 0.5rem; overflow: hidden; position: relative; width: 68%; height: 4rem; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; box-sizing: border-box; border-width: 0.05rem 0.05rem 0.05rem 0; border-style: solid; border-color: #f1f1f1}
.coupon-group ul .items a .right .subtitle{ display: block;width: 100%; height: 1.8rem; overflow: hidden; line-height: 0.9rem; font-size: 0.6rem; color: #232326 }
.coupon-group ul .items a .right .subtitle .client{margin-right:0.2rem; display: block; float:left;padding:0.05rem 0.25rem; line-height: 0.6rem; color: #fff; font-size: 0.4rem; text-align: center; background-color: #f95a6c; border-radius: 0.1rem; margin-top:0.05rem;}
.coupon-group ul .items a .right .text{ overflow: hidden; width: 100%; height: 0.9rem; margin-top:0.4rem;}
.coupon-group ul .items a .right .text .time{line-height: 0.8rem; float: left; font-size: 0.48rem; color: #aaaaaa}

.v-g-option{ display: block; position: fixed; left: 0; right: 0; bottom: 0; height: 2rem; overflow: hidden; }
.v-g-option .usable{padding:0 0.6rem;  display: block; line-height: 2rem; overflow: hidden; word-break: break-all;font-size: 0.6rem; color: #fff; background:#f23030; text-align: center;}
.v-g-option .disabled{padding:0 0.6rem;  display: block; line-height: 2rem; overflow: hidden; word-break: break-all;font-size: 0.6rem; color: #fff; background:#999999; text-align: center;}

/*会员中心*/
@keyframes Firstlocation
{
    from {
        left:0;
    }
    to {
        left:4rem;
    }
}
@-webkit-keyframes Firstlocation
{
    from {
        left:0;
    }
    to {
        left:4rem;
    }
}
@keyframes Secondlocation
{
    from {
        left:0;
    }
    to {
        left:7.8rem;
    }
}
@-webkit-keyframes Secondlocation
{
    from {
        left:0;
    }
    to {
        left:7.8rem;
    }
}

.nav-fixed .coupon{margin-top: 2rem;}
.coupon{ display: block; width: 100%;  overflow: hidden; position: relative; }
.coupon .content{ padding:0 0.4rem; overflow: hidden; }
.coupon .content .items{ margin-top:0.6rem; position: relative; z-index: 1; background: #fff; height: 4.4rem; margin-left: 0.18rem;  border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}
.coupon .content .items:last-child{margin-bottom: 0.6rem}
.coupon .content .items .gather{ display: block;}
.coupon .content .items .gather .adorn{background: url(../images/coupon/adorn_w.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0; left: -0.18rem; display: block; width: 0.18rem; height: 4.4rem}
.coupon .content .items .gather .circle{ display: block; width: 0.5rem; height: 0.5rem; border-radius:100%; background: #f0f2f5; position:absolute; right:3.05rem; top:-0.25rem; z-index: 10 }
.coupon .content .items .gather .circle1{ display: block; width: 0.5rem; height: 0.5rem; border-radius:100%; background: #f0f2f5; position:absolute; right:3.05rem; bottom:-0.25rem; z-index: 10 }
.coupon .content .items .gather .spot{background: url(../images/coupon/spot.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0; right: 3.26rem; display: block; width: 0.08rem; height: 4.4rem; z-index: 2}

.coupon .content .items .left{ display: block; padding:0.4rem; margin-right: 3.5rem; position: relative; height: 3.6rem }
.coupon .content .items .left .condition{ display: block; overflow: hidden; position: relative; height: 3.6rem }
.coupon .content .items .left .condition .image{ display: block; width:3.6rem; height: 3.6rem; position:absolute; left: 0; top:0; background: url(../images/coupon/coupon_sku_background1.png) no-repeat; background-size: cover; background-position: 50% 50%; overflow: hidden; }
.coupon .content .items .left .condition .image img{ display: block; width: 3rem; height: 3rem; margin:0.3rem auto; overflow: hidden;  }
.coupon .content .items .left .condition .info{ display: block; margin-left: 4rem; overflow: hidden; margin-top:0.3rem; }
.coupon .content .items .left .condition .info .title{ display: block; overflow: hidden; width: 100%; line-height: 0.8rem; height: 1.6rem; font-size: 0.56rem; color: #232326; word-break: break-all; word-wrap: break-word}
.coupon .content .items .left .condition .info .price{display: block; width: 100%; height: 1.1rem; overflow: hidden; margin-top:0.5rem;}
.coupon .content .items .left .condition .info .price em{ float: left; font-size: 1.1rem; color: #f23030; line-height: 1.1rem; font-weight: 600 }
.coupon .content .items .left .condition .info .price em .yuan,
.coupon .content .items .left .condition .info .price em .pointer,
.coupon .content .items .left .condition .info .price em .decimal{display: none;}
.coupon .content .items .left .condition .info .price .term{ display: block; float: left; font-size: 0.52rem; line-height: 0.7rem; padding:0.1rem 0.2rem; background:#fff4eb; color: #f23030; margin-left: 0.3rem; margin-top:0.1rem;}
.coupon .content .items .left .goods{ display: none; height: 3.6rem; background: #fff; position: absolute; top:0.4rem; left: 0.4rem; right:0.4rem; overflow: hidden; z-index: 2}
.coupon .content .items .left .goods .info{display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 0.8rem; background: rgba(255,255,255,0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; word-wrap: break-word; line-height: 0.8rem; font-size: 0.52rem; color: #6a6a6a; padding-top:0.1rem; z-index: 3}
.coupon .content .items .left .goods .info span{ color: #f23030; margin-right: 0.25rem }
.coupon .content .items .left .goods .goods-thumb{display: block; position: relative; width: 100%; height: 3.6rem; overflow: hidden;}
.coupon .content .items .left .goods .goods-thumb img{display: block; width: 3rem; height: 3rem; padding:0.2rem; border:0.05rem solid #f9f9f9; box-shadow: 0 0 5px rgba(210,210,210,.1); position:absolute;}
.coupon .content .items .left .goods .goods-thumb img:first-child{left: 0.2rem}
.coupon .content .items .left .goods .goods-thumb img:nth-child(2){left: 4rem}
.coupon .content .items .left .goods .goods-thumb img:nth-child(3){left: 7.8rem}
.coupon .content .items .animation .goods .goods-thumb img:nth-child(2){animation: Firstlocation 0.3s ease-in-out; -webkit-animation:Firstlocation 0.3s ease-in-out;}
.coupon .content .items .animation .goods .goods-thumb img:nth-child(3){animation: Secondlocation 0.3s ease-in-out; -webkit-animation:Secondlocation 0.3s ease-in-out;}
.coupon .content .items .second .goods{display: block;}

.coupon .content .items .right{width: 3.3rem ;height: 4.4rem;position: absolute;top: 0;right: 0;}
.coupon .content .items .right .begin{ display: block; padding:0 0.15rem 0 0.25rem; height: 4.4rem; overflow: hidden; text-align: center; position: relative; }
.coupon .content .items .right .begin .title{ display: block; width: 100%; height: 0.8rem; font-size: 0.48rem; color: #f23030; line-height: 0.8rem; margin-top:0.6rem; }
.coupon .content .items .right .begin time{display: block; overflow: hidden; margin:0.2rem 0 0 0.1rem;}
.coupon .content .items .right .begin time .time-hours{display:block; float: left; padding: 0 0.12rem; line-height: 0.8rem; border-radius: 0.15rem; background: #f23030; font-size: 0.4rem; color: #fff}
.coupon .content .items .right .begin time em{font-size: 0.5rem; margin: 0 0.05rem; float: left; }
.coupon .content .items .right .begin .days{display: block; height: 0.8rem ;line-height: 0.8rem; overflow: hidden;  font-size: 0.56rem; color: #f23030; word-break: break-all; word-wrap: break-word;margin-top:0.3rem; font-weight: 600}

.add-custom { text-align: center; padding: 1rem 0;}
.add-custom a { display: inline-block; position: relative; width: 3rem; height: 1rem; padding: 3rem 0 0; margin: 0 auto; line-height: 1rem; font-size: 0.6rem; color: #ED5E2A;}
.add-custom .icon { position: absolute; top: 0; left: 0; display: block; width: 3rem; height: 3rem; background: url(../images/custom_add.png) no-repeat 0 0; background-size: 100%;}

.coupon .content .items .right .receive{display: block; padding:0 0.15rem 0 0.25rem; height: 4.4rem; overflow: hidden; text-align: center; position: relative;}
.coupon .content .items .right .receive .sign{ position: absolute; right:-0.2rem; top:-0.2rem; width: 2.85rem; height: 2.8rem; background: url(../images/coupon/couponCenter_lingqu_icon.png) no-repeat; background-size: cover; background-position: 50% 50% }
.coupon .content .items .right .finish{display: block; padding:0 0.15rem 0 0.25rem; height: 4.4rem; overflow: hidden; text-align: center; }
.coupon .content .items .right .finish .sign{ width: 2.2rem; height: 2.1rem; background: url(../images/coupon/coupon_qiangguang_new_icon.png) no-repeat; background-size: cover; background-position: 50% 50%; margin:0.3rem auto 0; position: relative;}
.coupon .content .items .right .finish .sign i{display: block; width: 2.2rem; height: 0.8rem; background: transparent; color: #979797; font-size: 0.52rem; position: absolute; top:50%; left: 50%; margin-top:-0.3rem; margin-left: -1.1rem}
.coupon .content .items .right .underway{display: block; padding:0 0.15rem 0 0.25rem; height: 4.4rem; overflow: hidden; text-align: center; position: relative;}
.coupon .content .items .right .underway .myStat{width: 3.4rem; height: 3.4rem; margin:-0.2rem 0 0 -0.3rem;}
.coupon .content .items .right .operation{ display: block; text-align: center; height: 0.9rem; line-height: 0.9rem; width: 2.8rem; border-radius: 100rem; color: #fff; font-size: 0.52rem; position: absolute; bottom: 0.6rem; left: 50%; margin-left: -1.35rem }
.coupon .content .items .right .operation.tobegin{background: linear-gradient(90deg,#fd114f,#fb0f39);box-shadow: 0 5px 8px rgba(242,48,48,0.15)}
.coupon .content .items .right .operation.touse{background: linear-gradient(90deg,#ff8b23,#ff6d00);box-shadow: 0 5px 8px rgba(165,165,165,0.15)}
.coupon .content .items .right .operation.tolist{background: linear-gradient(90deg,#b9b9b9,#979797);box-shadow: 0 5px 8px rgba(165,165,165,0.15)}

.custom-block { position: relative;}
.custom-title { border-bottom: solid 1px #EEE; height: 1.4rem; text-align: center; box-sizing: border-box; padding: 0.3rem 0; background-color: #FFF;}
.costom-title-icon { display: inline-block; width: 0.8rem; height: 0.8rem; margin: 0 auto; vertical-align: top; background-size: 100%;} 
.costom-title-name { display: inline-block; vertical-align: top; font-size: 0.64rem; line-height: 0.8rem;}
.custom-content { position: relative; overflow: hidden; text-align: center; background-color: #FFF; padding: 0.6rem 0;}
.custom-item { display: block; overflow: hidden; width: 30%;}
.custom-item-left { float: left; margin-left: 12%;}
.custom-item-right { float: right; margin-right: 12%;}
.custom-item-center { position: absolute; left: 50%; width: auto; top: 0.5rem; margin-left: -1.7rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.15)}
.custom-item-number { height: 1.6rem; margin: 0.2rem auto; line-height: 1.6rem; }
.custom-item-number span { font-family: Verdana, Tahoma;}
.custom-item-number .yuan,
.custom-item-number .unit { font-size: 0.6rem;}
.custom-item-number .integer,
.custom-item-number .pointer,
.custom-item-number .decimal { font-size: 1.2rem;}
.custom-item-center .order-goods { width: 3.4rem; height: 4.4rem;}
.custom-item-center .order-goods .p-img { width: 3.4rem; height: 3.4rem;}
.custom-item-center .order-goods .p-img img { width: 3.4rem; height: 3.4rem}
.custom-item-center .order-goods .p-name { width: 2.8rem; height: 0.8rem; overflow: hidden; padding: 0.1rem 0.3rem; font-size: 0.5rem; line-height: 0.8rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.custom-item-icon { width: 1.6rem; height: 1.6rem; background-color: #FAFAFA; background-size: 100%; border-radius: 100%; margin: 0.2rem auto;}
.custom-item-name { display: block; text-align: center; font-size: 0.55rem; line-height: 1rem; color: #666;}
.custom-item-sub { font-size: 0.45rem; line-height: 0.6rem; color: #999}
.custom-bottom-btn { width: 4.8rem; height: 1.2rem; margin: 0 auto; border: solid 1px #EEE; border-radius: 0.8rem;}
.custom-bottom { padding: 0.3rem 0 0.6rem 0;}
.custom-bottom-btn a { display: block; text-align: center; font-size: 0.6rem; line-height: 1.2rem;}
/*推广*/
.custom-distribution .costom-title-icon { background-image: url(../images/fu_08.png)}
.custom-distribution .custom-item-icon { background-image: url(../images/custom/distribution_item_icon.png)}
.custom-distribution .custom-item-number,
.custom-distribution .custom-bottom-btn a{ color: #019aa8;}
.custom-distribution .custom-bottom-btn { border-color: #019aa8;}
/*砍价*/
.custom-bargain .custom-content{height: 4.4rem;}
.custom-bargain .custom-item-left { margin-left: 5%;}
.custom-bargain .custom-item-right { margin-right: 5%;}
.custom-bargain .costom-title-icon { background-image: url(../images/fu_10.png)}
.custom-bargain .custom-item-icon { background-image: url(../images/custom/bargain_item_icon.png)}
.custom-bargain .custom-item-number,
.custom-bargain .custom-bottom-btn a,
.custom-bargain .custom-item-center .p-name { color: #FF7F00;}
.custom-bargain .custom-bottom-btn { border-color: #FF7F00;}
/*门店*/
.custom-chain .costom-title-icon { background-image: url(../images/fu_02.png)}
.custom-chain .custom-item-icon { background-image: url(../images/custom/chain_item_icon.png)}
.custom-chain .custom-item-number,
.custom-chain .custom-bottom-btn a{ color: #A6CB72;}
.custom-chain .custom-bottom-btn { border-color: #A6CB72;}
/*积分*/
.custom-points .custom-content { height: 4.4rem;}
.custom-points .custom-item-left { margin-left: 5%;}
.custom-points .custom-item-right { margin-right: 5%;}
.custom-points .costom-title-icon { background-image: url(../images/fu_05.png)}
.custom-points .custom-item-icon { background-image: url(../images/custom/chain_item_icon.png)}
.custom-points .custom-item-number,
.custom-points .custom-bottom-btn a,
.custom-points .p-name { color: #CC6F19;}
.custom-points .custom-bottom-btn { border-color: #CC6F19;}
/*推文*/
.custom-article .custom-content {height: 4.4rem;}
.custom-article .custom-item-left { margin-left: 5%;}
.custom-article .custom-item-right { margin-right: 5%;}
.custom-article .costom-title-icon { background-image: url(../images/fu_07.png)}
.custom-article .custom-item-number,
.custom-article .custom-bottom-btn a,
.custom-article .p-name { color: #F30213;}



.custom-article .custom-bottom-btn { border-color: #F30213;}

.demo-point { background: url(../images/custom/demo_point.png) 0 0; background-size: cover; width: 100%; height: 4rem;}
.demo-bargain { background: url(../images/custom/demo_bargain.png) 0 0; background-size: cover; width: 100%; height: 4rem;}
.demo-article { background: url(../images/custom/demo_article.png) 0 0; background-size: cover; width: 100%; height: 4rem;}
.demo-chain { background: url(../images/custom/demo_chain.png) 0 0; background-size: cover; width: 100%; height: 4rem;}
.demo-distribution { background: url(../images/custom/demo_distribution.png) 0 0; background-size: cover; width: 100%; height: 4rem;}

.custom-main { height: 4rem;}
.custom-add-btn { display: inline-block; height: 1rem; margin: 0 auto; padding: 0 0.5rem; border: solid 1px #9ED594; border-radius: 0.5rem; font-size: 0.64rem; line-height: 1rem; color: #9ED594;}
.custom-add-btn .icon-add { display: inline-block; width: 0.6rem; height: 0.6rem; background: url(../images/add_card.png) no-repeat 0 0; background-size: 100%; vertical-align: middle; margin-right: 0.25rem;}
.custom-give { position: absolute; z-index: 2; right: 0.5rem; top: 0.5rem; width: 2rem; height: 3rem; background: url(../images/custom_give.png) no-repeat 0 0; background-size: 100%;}
.custom-note { display: block; padding: 0.25rem 0 1rem 0; text-align: center; line-height: 0.75rem; font-size: 0.48rem; color: #999;}

.countdown{ display: block; padding:0.5rem 0.5rem; overflow: hidden; height: 0.8rem; background: #fff ; border-bottom:0.05rem solid #e9ebee; border-top:0.05rem solid #e9ebee; }
.countdown .txt{ font-size: 0.48rem; line-height: 0.8rem; color: #232326; float: left; }
.countdown .time{display: block; float: right; text-align: right;font-size: 0.48rem; line-height: 0.8rem; color: #232326;}
.countdown .time .seckill-time{margin-left: 0.2rem}
.countdown .time .seckill-time .s{ padding:0 0.1rem; line-height: 0.8rem; border-radius: 0.12rem; background: #232326; font-size: 0.48rem;  color: #fff; vertical-align: baseline;}
.countdown .time .seckill-time em{font-family:arial; font-size:0.7rem; margin:0 0.1rem; }