.TopHead{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:.84rem;font-size:.34rem;font-weight:700;color:#fff}.TopHead,.TopHead.fixed{top:0;left:0;z-index:1000}.TopHead.fixed{position:fixed!important;background-color:#fff;color:#000!important}.TopHead i{position:absolute;top:.25rem;left:.3rem;width:.35rem;height:.32rem;background:url(../img/whiteBack.5b1da55a.png) 50% no-repeat;background-size:contain}.CardShow{width:6.86rem;height:3.43rem;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;margin:0 .32rem;border-radius:.16rem;background-color:#eee;transform:translateY(.24rem)}.CardShow .CardShow__unregist{padding:.32rem}.CardShow .CardShow__unregist .unregister__top{display:flex;justify-content:space-between;align-items:center}.CardShow .CardShow__unregist .unregister__top>p{font-size:.36rem;font-weight:700;color:#333}.CardShow .CardShow__unregist .unregister__top>span{width:1.28rem;height:.48rem;border-radius:.28rem;border:.01rem solid rgba(51,51,51,.3);display:inline-flex;align-items:center;justify-content:center;font-size:.24rem;font-weight:400;color:#333}.CardShow .CardShow__unregist .unregister__tip{font-size:.24rem;font-weight:400;color:#333;margin-top:.08rem}.CouponList{margin-top:.64rem}.CouponList .CouponList__title{margin-left:.32rem;font-size:.34rem;font-weight:700;color:#333;line-height:.48rem}.CouponList .scrollList__item{background:url(../img/coupon.26922afc.png) 50% no-repeat;background-size:contain;width:7.1rem;height:1.6rem;flex-shrink:0;margin-left:.2rem;margin-top:.24rem}.CouponList .scrollList__item:last-child{margin-right:0}.CouponList .scrollList__item{margin-right:.2rem;display:inline-flex;align-items:center;justify-content:center}.CouponList .scrollList__item .item__back{width:6.8rem;height:1.44rem;background:#fffee9;overflow:hidden;position:relative;display:flex}.CouponList .scrollList__item .item__back .item__back__left{width:2rem;height:1.44rem;display:inline-flex;justify-content:center;align-items:center;flex-direction:column}.CouponList .scrollList__item .item__back .item__back__left .left__money{display:inline-flex;align-items:flex-end}.CouponList .scrollList__item .item__back .item__back__left .left__money>span{font-size:.24rem;font-weight:500;color:#333;margin-right:.04rem;margin-bottom:.05rem}.CouponList .scrollList__item .item__back .item__back__left .left__money>p{font-size:.48rem;font-weight:700;color:#333}.CouponList .scrollList__item .item__back .item__back__left .left__tip{font-size:.2rem;font-weight:400;color:#adadad}.CouponList .scrollList__item .item__back>i{height:.8rem;position:absolute;left:2rem;top:.33rem;border-left:.01rem dashed #fff100}.CouponList .scrollList__item .item__back .item__back__right{width:4.79rem;height:1.44rem;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;margin-left:.24rem}.CouponList .scrollList__item .item__back .item__back__right .right__title{font-size:.26rem;font-weight:700;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:2.2rem}.CouponList .scrollList__item .item__back .item__back__right .right__tip{font-size:.2rem;font-weight:400;color:#adadad;margin-top:.06rem}.CouponList .scrollList__item .item__back .item__back__right .right__button--active{background:#fff100;border-radius:.16rem;opacity:.76;font-size:.2rem;font-weight:400;color:#333;padding:0 .16rem;margin-top:.1rem}.CouponList .scrollList__item .item__back .item__back__right .right__button--deactive{background:#fff43c;border-radius:.16rem;opacity:.25;font-size:.2rem;font-weight:400;color:#333;padding:0 .16rem;margin-top:.1rem}.CouponList .scrollList__item .item__back .item__back__right .right__button--deactiveGray{background:#eee;border-radius:.16rem;font-size:.2rem;font-weight:400;color:#999;padding:0 .16rem;margin-top:.1rem}.CouponList .scrollList__item .item__back:before{left:0;transform:translate(-.1rem,-50%)}.CouponList .scrollList__item .item__back:after,.CouponList .scrollList__item .item__back:before{content:"";display:inline-block;top:50%;position:absolute;background:#fff100;border-radius:.1rem;width:.2rem;height:.2rem}.CouponList .scrollList__item .item__back:after{right:0;transform:translate(.1rem,-50%)}.CardTopBack{width:7.5rem;height:4.51rem;background:linear-gradient(180deg,#333,#000);position:absolute;top:0;left:0}.CardTopBack .CardTopBack__tip{width:100%;height:.88rem;background:#888;margin-top:.84rem;box-sizing:border-box;padding:.28rem .31rem;font-size:.24rem;font-weight:400;color:#fff;line-height:.33rem}