body{background-color:#fff}.bonus-box{position:relative;margin:1.3rem .83rem 0}.bonus-info{position:relative;width:100%;height:15rem;background:url(../images/bonus/bonus-info-bg.png) no-repeat center;background-size:cover;border-radius:10px;overflow:hidden}.bonus-info .amount{color:#823209;font-size:3.5rem;font-weight:700;text-align:center;padding-top:1.5rem}.bonus-info .title{color:#823209;font-size:1.2rem;text-align:center}.bonus-group{display:flex;justify-content:space-between;margin-top:1.5rem}.bonus-group .bonus-group-item{display:block;flex:1;height:3.5rem;color:#823209;font-size:1.25rem;line-height:3.5rem;text-align:center;margin:0 .5rem 0 .83rem;background:url(../images/bonus/bonus-info-item.png) no-repeat center;background-size:cover;border-radius:.5rem}.bonus-exchange-btn{position:absolute;top:1.5rem;right:0;width:6.25rem;height:2rem;background:url(../images/bonus/bonus-exchange-btn.png) no-repeat center;background-size:cover}.bonus-img{width:40%;display:inline-block;float:left}.bonus-img i{font-size:5rem;color:red;display:inline-block}.bonus-num{text-align:left;width:60%;float:left;margin-top:1rem}.bonus-num p{font-size:1.1rem;color:#393939;margin-bottom:.5rem}.bonus-num p span{color:red}.bonus-detailed{position:absolute;top:.5rem;right:.5rem;width:3rem;height:3rem;line-height:3rem}.bonus-detailed a{display:block}.bonus-detailed a i{font-size:1.7rem;color:#c3c3c3;line-height:3rem}.bonus-list{margin:1.5rem .83rem 0}.bonus-list-con h3{font-size:1.1rem;color:#393939;line-height:3rem;text-indent:1rem}.bonus-list-con ul{overflow:hidden;display:flex}.bonus-list-con ul li{flex:1;color:#000;font-size:1.25rem;height:5.5rem;line-height:5.5rem;text-align:center;margin-right:.75rem;border-radius:10px;border:1px solid #979797}.bonus-list-con ul li:nth-child(2n){margin:0}.bonus-list-con ul li a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-box-orient:vertical;align-items:center;justify-content:center;flex-direction:column;height:100%}.bonus-list-con ul li a p{line-height:2rem;color:#000;font-size:1.2rem;text-align:center}.bonus-list-con ul li a p i{margin-right:.5rem;font-size:1.5rem;color:red;vertical-align:middle}.bonus-detail-box{margin:2rem 1.25rem 0}.bonus-detail-box .bonus-detail-title{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.bonus-detail-box .bonus-detail-tab{display:flex;position:relative;font-size:0;margin-bottom:.5rem}.bonus-detail-box .bonus-detail-tab::after{content:'';position:absolute;right:0;left:0;bottom:0;border-bottom:1px solid rgba(5,5,5,.06);z-index:7}.bonus-detail-box .bonus-detail-tab .tab-con{position:relative;display:none;width:30%;color:#666;font-size:1.16rem;height:3rem;line-height:3rem;text-align:center;margin-right:2px;background:rgba(0,0,0,.02);border:1px solid rgba(5,5,5,.06);border-bottom:0;border-radius:10px 10px 0 0;z-index:8}.bonus-detail-box .bonus-detail-tab .tab-con-active{color:#bd0f0f;font-weight:700;background:#fff;border-bottom-color:#fff}.bonus-detail-box .divLoadMore{padding:1rem 0;text-align:center}.bonus-detail-box .divLoadMore img{width:1.8rem}.bonus-tc{display:none}.bonus-tc-bg{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.2);z-index:9}.bonus-tc-con{position:absolute;top:20%;left:5%;width:90%;height:12rem;background:#fff;z-index:9;padding:1rem;box-sizing:border-box}.bonus-tc-con h3{line-height:3rem;font-size:1.2rem;color:#393939}.bonus-tc-ui{border:1px solid #f1f1f1;line-height:3rem;height:3rem;padding:0 1rem;margin-top:2rem}.bonus-tc-ui input{height:3rem;width:100%}.bonus-tc-btn{display:-webkit-box;display:flex;margin-top:1rem}.bonus-tc-btn span{flex:1;-webkit-box-flex:1;display:inline-block;height:3rem;line-height:3rem;color:#fff;font-size:1.2rem;text-align:center;margin:.2rem}.bonus-tc-btn span:nth-child(1){background:#52bf52}.bonus-tc-btn span:nth-child(2){background:red}.bonuschange-total{display:flex;flex-direction:column;justify-content:center;height:8rem;padding:0 1.5rem;background:linear-gradient(135deg,#fde7bf 0,#f9a55e 49%,#f8c969 100%);border-bottom:.67rem solid #f0f0f0}.bonuschange-total p{color:#823209;font-size:1.25rem;font-weight:600;line-height:2.5rem}.bonuschange-list{display:none;padding:1.25rem 0 2.5rem}.bonuschange-list h3{position:relative;color:#000;font-size:1.5rem;line-height:1.5rem;padding-left:1.25rem;margin-bottom:1rem}.bonuschange-list h3::before{content:'';position:absolute;left:0;width:3px;height:100%;background:#bd0f0f;border-radius:2px}.bonuschange-list ul{padding:0 1.25rem}.bonuschange-list ul li{margin-top:.67rem;box-sizing:border-box}.bonuschange-list .bonuschange-content{padding:1rem;margin:0 .5rem;text-align:center;border:1px solid #e7e5e5;border-radius:10px}.bonuschange-list .bonuschange-content .bonus-card{display:flex;justify-content:start;align-items:center;padding:1rem;box-sizing:border-box}.bonuschange-list .bonuschange-content .bonus-card{width:100%;height:100%;background:url(../images/bonus/cash-card.png) no-repeat center;background-size:100% 100%}.bonuschange-list .bonus-card .bonus-card-left{width:30%}.bonuschange-list .bonus-card .bonus-card-right{width:70%}.discount-list .bonuschange-content .bonus-card{background:url(../images/bonus/discount-card.png) no-repeat center;background-size:100% 100%}.gift-list .bonuschange-content .bonus-card{background:url(../images/bonus/gift-card.png) no-repeat center;background-size:100% 100%}.consume-list .bonuschange-content .bonus-card{background:url(../images/bonus/consume-card.png) no-repeat center;background-size:100% 100%}.bonuschange-list .bonus-card p{color:#fff;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.bonuschange-list .bonus-card .bonus-card-right p{font-size:1rem;text-align:left}.bonuschange-list .bonus-card .bonus-card-left p{font-size:1.2rem;text-align:center}.bonuschange-list .bonus-card p.bonus-card-left-brand{font-size:.8rem}.bonuschange-list .bonus-card p.bonus-card-left-time{font-size:.6rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;margin-top:.2rem;margin-bottom:.2rem;white-space:normal}.bonuschange-list .bonus-card p.bonus-card-left-notice{font-size:.8rem}.bonuschange-list .bonus-card p.bonus-card-left-subtitle{font-size:.8rem}.bonuschange-list .bonus-card p.bonus-card-left-use{font-size:.6rem}.bonuschange-list .bonuschange-content .desc{line-height:1.5rem;font-size:1.3rem;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:1rem}.bonuschange-list li.on.active{border:2px solid #e02020}.bonuschange-list li.off .bonuschange-content .bonus-card{background:url(../images/bonus/bonus-card-disabled.png) no-repeat center;background-size:100% 100%}.bonuschange-list li.off .desc{color:#999}.bonuschange-exchange-box{height:4.5rem}.bonuschange-exchange{position:fixed;bottom:0;left:0;width:100%;height:4.5rem;background:#fff;box-shadow:0 0 10px 0 rgba(224,224,224,.5)}.bonuschange-exchange-btn{height:100%;max-width:640px;padding:0 1.25rem;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:space-between}.bonuschange-exchange-btn span{display:block;background:#bd0f0f;color:#fff;width:8.3rem;height:3.6rem;line-height:3.6rem;font-size:1.25rem;font-weight:600;text-align:center;border-radius:10px}.bonuschange-exchange-btn p{font-size:1.5rem;color:#000}.bonuschange-exchange-btn i{font-style:normal;color:#bd0f0f}.bonuschange-default{text-align:center;display:none}.bonuschange-default p{line-height:2rem;font-size:1rem;color:#393939;padding:1.5rem 0}.bonuschange-default a{font-size:1rem;color:red;display:block;line-height:2rem}.bonusrecord-list ul li{display:flex;align-items:center;padding:1.5rem 0;border-bottom:1px solid #e4e4e4;overflow:hidden}.bonusrecord-list-logo{width:3rem;margin-right:.6rem}.bonusrecord-list-logo span{display:block;width:3rem;height:3rem;background:url(../images/bonus/icon-bonus.png) no-repeat center;background-size:100% 100%}.bonusrecord-list-name{flex:2}.bonusrecord-list-name h3{color:#000;font-size:1.25rem;line-height:1.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bonusrecord-list-name p{color:#999;font-size:1rem;line-height:1.5rem}.bonusrecord-list-money{flex:1;text-align:right}.bonusrecord-list-money h3{color:#000;font-size:1.5rem;font-weight:600;line-height:2rem}.bonusrecord-list-money p{color:#e02020;font-size:1rem;line-height:1.5rem}.bonusrecord-list-con{width:80%;float:right}.bonuschange-tc{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.8);display:none}.bonuschange-tc-con{background:#fff;margin:40% auto;width:80%;border-radius:4px;padding:1rem}.bonuschange-tc-con h3{font-size:1.4rem;text-align:center;line-height:3rem;color:#393939;font-weight:700}.bonuschange-tc-con ul{overflow:hidden;display:flex;display:-webkit-box;clear:both}.bonuschange-tc-con ul li{text-align:center;line-height:2.5rem;color:#fff;padding:.2rem 0;flex:1;-webkit-box-flex:1;font-size:1.1rem}.bonuschange-tc-con ul li:nth-child(1){background:red;margin-right:10%}.bonuschange-tc-con ul li:nth-child(2){background:#ccc}.bonuschange-tc-list{max-height:16rem;overflow-y:auto;margin:1rem}.bonuschange-tc-list p{padding:.5rem 1rem;font-size:1.2rem;color:#393939}