.red-envelope__bar{width:480px;height:66px;display:table;margin:20px auto;background:url(/images/reward/red-envelope.png) 50%/100% no-repeat;cursor:pointer}
.status-retweet .red-envelope__bar,.timeline .red-envelope__bar{margin-left:0}
.red-envelope__lf,.red-envelope__rt{display:table-cell;vertical-align:middle}
.red-envelope__rt{width:86px}
.red-envelope__rt .button{display:inline-block;width:68px;height:32px;line-height:32px;color:#ff8922;text-align:center;border:1px solid #eee;background-color:#fff}
.status-list .red-envelope__rt .button:hover{color:#ff8922}
.red-envelope__lf{padding-left:103px}
.red-envelope__lf .avatar{width:20px;height:20px;border-radius:100%;margin-right:5px;vertical-align:middle}
.red-envelope__lf .username{color:#333;font-size:15px;vertical-align:middle}
.red-envelope__modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.4);z-index:504}
.red-envelope__modal .red-envelope__modal--main{display:none;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:50%;background-size:100%;text-align:center;width:285px;height:380px;color:#fc6;background-image:url(/images/reward/red-envelope-bg@2x.png)}
.red-envelope__modal .red-envelope__modal--main>.avatar{margin-top:72px;margin-bottom:10px}
.red-envelope__modal .red-envelope__modal--main .title{margin-bottom:31px}
.red-envelope__modal .red-envelope__modal--detail{display:none;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:100%;text-align:center;width:375px;background-image:url(/images/reward/red-envelope-nav.png);background-position:50% 0;background-color:#fff;padding-bottom:12px}
.red-envelope__modal .red-envelope__modal--detail>.avatar{margin-top:30px;margin-bottom:15px}
.red-envelope__modal .red-envelope__modal--detail .title{font-size:24px;color:#333;margin-bottom:0}
.red-envelope__modal .close{position:absolute;right:11px;top:11px;width:17px;height:17px;background:url(/images/reward/close@2x.png) 50%/100% no-repeat}
.red-envelope__modal .avatar{width:58px;height:58px;border-radius:50%}
.red-envelope__modal .title,.red-envelope__modal .username{font-size:20px;line-height:1.3}
.red-envelope__modal .button{display:inline-block;width:82px;height:82px;line-height:82px;border-radius:100%;font-size:22px;background-color:#fc6;color:#cd4a34;margin-bottom:42px}
.red-envelope__modal .qrcode-text{font-size:12px}
.red-envelope__modal .agree{font-size:12px;-webkit-user-select:none;user-select:none}
.red-envelope__modal .detail{color:#fc6}
.red-envelope__modal .checkbox{display:inline-block;width:12px;height:12px;text-align:center;line-height:12px;margin-right:3px;border:1px solid #fc6;vertical-align:middle;cursor:default}
.red-envelope__modal .checkbox .iconfont{visibility:hidden;font-size:10px}
.red-envelope__modal .checkbox+span{vertical-align:middle}
.red-envelope__modal .checkbox.checked .iconfont{visibility:visible}
.red-envelope__status__ft{margin-top:180px}
.red-envelope__status__ft a{font-size:12px;color:#fc6}
.red-envelope__modal__hd{margin-top:10px;margin-left:15px;text-align:left;color:#fff;font-size:15px}
.red-envelope__wallet{height:16px;margin-top:10px;font-size:13px;line-height:16px}
.red-envelope__wallet a{color:#05a}
.red-envelope__list--detail{text-align:left;padding:0 20px;margin-top:20px;min-height:87px;max-height:355px;overflow-y:auto}
.red-envelope__list__hd{border-bottom:1px solid #dadee5;padding-bottom:7px;font-size:12px;color:#788799}
.red-envelope__list__hd span{margin-left:10px}
.red-envelope__item{padding:10px 0;width:100%;border-bottom:1px solid #dadee5}
.red-envelope__item table{width:100%}
.red-envelope__item td{vertical-align:middle}
.red-envelope__item tr td:first-child{width:54px}
.red-envelope__item .avatar{margin:0;width:44px;height:44px}
.red-envelope__item .username{margin-bottom:5px;font-size:18px}
.red-envelope__item .time{font-size:12px;color:#9b9b9b}
.red-envelope__item .mount{text-align:right;font-size:15px}
.red-envelope__status--open{display:none}
.js-shown{display:block!important}
.js-hidden{display:none!important}
.red-envelope__qrcode{display:inline-block;padding:5px;border-radius:4px;background-color:#fff;margin-bottom:15px}
.reward-btn{width:120px;height:32px;margin:30px auto;border-radius:1px;text-align:center;line-height:32px;color:#fff;font-size:16px;cursor:pointer;background:#f70}
.clearfix:after{content:'';display:table;clear:both}
.reward-member{padding:12px 14px;background:#f7f7f7;font-size:14px;margin-bottom:20px}
.reward-member-bd{overflow:hidden;margin-top:15px;width:560px;height:50px;padding-right:12px}
.reward-member-bd.list-fold{height:auto}
.reward-member-bd.list-fold .fold-icon{background-position:-133px -24px}
.reward-member-list{position:relative;margin-bottom:-10px}
.reward-member-list:after{content:'';display:table;clear:both}
.reward-member-item{width:30px;height:50px;float:left;margin-right:10px;margin-bottom:10px}
.reward-member-item img{width:100%}
.reward-member-item span{display:inline-block;width:100%;text-align:center;color:#888;line-height:20px}
.fold-icon{position:absolute;width:12px;height:12px;right:-10px;top:9px;cursor:pointer;background:url(/images/icons.png) -133px -7px no-repeat}
.reward-modal{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.1);z-index:504}
.reward-modal.dimmer:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.reward-modal.center{text-align:center}
.reward-modal.center .reward-container{display:inline-block}
.reward-modal.middle{font-size:0}
.reward-modal.middle:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.reward-modal.middle .reward-container{font-size:12px;display:inline-block;text-align:left;vertical-align:middle}
.reward-modal .reward-container{width:460px;background:#fff}
.reward-modal-hd{height:44px;padding:0 16px;line-height:44px;font-size:16px;color:#fff;background:#0052ad}
.reward-modal-hd:after{content:'';display:table;clear:both}
.reward-modal-hd .close{float:right;width:17px;height:17px;margin-top:13.5px;cursor:pointer;background:url(/images/icon_close@3x.png) 50%/100% no-repeat}
.reward-modal-bd{border:1px solid #dbdbdb;border-top:none;padding:30px 44px}
.reward-modal-btn{height:44px;text-align:center;line-height:44px;color:#fff;font-size:16px;background:#f70;cursor:pointer}
.reward-modal-btn.disabled{background:#d4d7dc;pointer-events:none}
.reward-modal-btn.blue{background:#0063cf}
.reward-modal-btn.gray{background:#eee;color:#666}
.reward-member-terms{margin-top:10px;text-align:center;color:#666;font-size:13px;overflow:hidden}
.reward-member-terms .reward-ft-lf{float:left}
.reward-member-terms .reward-ft-rt{float:right}
.reward-payment-mod{position:relative;margin:30px auto}
.reward-payment-mod:after{content:'';display:table;clear:both}
.reward-payment-layout-3{display:flex;justify-content:center}
.reward-payment-layout-3 .reward-payment{width:33.333333333333336%}
.reward-payment-layout-2{display:flex;justify-content:center}
.reward-payment-layout-2 .reward-payment{width:50%}
.reward-payment{box-sizing:border-box;width:33.333333333333336%;border-right:1px solid #d4d7dc;float:left;font-size:16px;color:#333;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}
.reward-payment:before{content:'';display:inline-block;margin-right:5px;vertical-align:middle;width:24px;height:24px;background-position:50%;background-repeat:no-repeat;background-size:100%}
.reward-payment.wechat:before{background-image:url(/images/reward/wechat.png)}
.reward-payment.alipay{display:none}
.reward-payment.alipay:before{background-image:url(/images/reward/alipay.png)}
.reward-payment.wallet:before{background-image:url(/images/reward/wallet.png)}
.reward-payment.checked .check-radio{background:url(/images/reward/checked.png) 50% 50%/100% no-repeat;border:none}
.reward-payment:last-child{border-right:none}
.reward-payment span{vertical-align:middle;position:relative}
.reward-payment .check-radio{box-sizing:border-box;display:inline-block;border:1px solid #d4d7dc;width:16px;height:16px;border-radius:100%;vertical-align:middle}
.reward-payment.error{border:none}
.reward-payment.error .wallet-amount{color:#f70}
.wallet-amount{position:absolute;width:150px;top:100%;left:0;margin-top:5px;font-size:12px;color:#aaa;text-align:left;font-style:normal}
.reward-amount-mod{color:#333}
.reward-amount-hd{font-size:14px}
.reward-amount-bd{margin-top:24px;overflow:hidden}
.reward-amount-grid{margin-right:-20px;margin-bottom:-10px}
.reward-amount-grid:after{content:'';display:table;clear:both}
.reward-amount-custom,.reward-amount-item,.reward-amount-other{box-sizing:border-box;float:left;margin-right:20px;margin-bottom:10px;width:110px;height:40px;border:1px solid #d4d7dc;font-size:16px;line-height:40px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}
.reward-amount-custom input{margin:0;vertical-align:middle;font-size:16px}
.reward-amount-custom.error input{color:#f70}
.reward-amount-custom.empty input{text-align:left}
.reward-amount-item.active{color:#fff;border:none;background:#f70}
.reward-amount-custom input{box-sizing:border-box;display:block;width:100%;line-height:1.5;padding:7px 8px;border:none;text-align:center;outline:0}
.reward-heading{margin-top:10px;margin-bottom:60px;font-size:24px;color:#f70;text-align:center}
.reward-result-heading{margin-top:20px;margin-bottom:15px;font-size:18px;color:#333}
.reward-result-heading+p{font-size:13px;line-height:1.5;color:#666}
.reward-result-mod{padding:35px 0 65px;text-align:center}
.reward-result-mod.error:before{background-image:url(/images/reward/error.png)}
.reward-result-mod.success:before{background-image:url(/images/reward/success.png)}
.reward-result-mod:before{content:'';display:block;margin:0 auto;width:60px;height:60px;background-repeat:no-repeat;background-position:50%;background-size:100%}
.reward-terms-detail{margin-bottom:20px}
.reward-terms-detail iframe{width:100%;height:300px}
#rewardTerms .reward-modal-bd{padding-top:20px}
#payConfirm .reward-container{width:380px}
#payConfirm .reward-modal-bd{padding-left:24px;padding-right:24px}
.pay-user-info{padding:0 0 20px;border-bottom:1px solid #d4d7dc;text-align:center;color:#333;line-height:1.4;font-size:13px}
.pay-user-avatar{width:70px;height:70px;margin-bottom:10px;border-radius:100%}
.pay-user-name{font-size:18px;font-weight:700}
.pay-user-title{margin:2px auto 6px}
.pay-user-desc{margin-top:6px;color:#aaa;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4;max-height:4.199999999999999em;overflow:hidden}
.profile-pay-btn{width:100px;height:30px;border-radius:1px;margin:8px auto 0;text-align:center;line-height:30px;font-size:14px;color:#fff;background:#06c;cursor:pointer}
#offerEditor .reward-container,#payEditor .reward-container{width:500px}
#offerEditor .reward-modal-bd,#payEditor .reward-modal-bd{padding:13px 15px 36px}
#offerEditor #home-editor,#payEditor #home-editor{margin:0}
#offerEditor #home-editor .editor-textarea,#payEditor #home-editor .editor-textarea{border:1px solid #d4d4d4}
#offerEditor #home-editor .edui-container,#payEditor #home-editor .edui-container{border:0}
#offerEditor #home-editor .editor-ctrl .extra div.editor-image,#payEditor #home-editor .editor-ctrl .extra div.editor-image{width:auto}
#offerEditor #home-editor textarea,#payEditor #home-editor textarea{display:none}
.reward-modal-terms{margin-top:20px;text-align:center;line-height:1.5;color:#aaa}
.reward-modal-terms a{margin:0 3px}
.donate-detail,.donate-error{margin:20px 0;color:#666;font-size:13px}
.donate-error{color:#c00}
.donate-modal .reward-amount-item.active{background-color:#367bf1}
#qrcodeModal .reward-container{width:370px}
#payAmountModal .reward-container,#payWindow .reward-container{width:520px}
#payAmountModal .reward-modal-bd,#payWindow .reward-modal-bd{padding-left:30px;padding-right:30px}
#payAmountModal .reward-amount-mod,#payAmountModal .reward-submit-mod,#payWindow .reward-amount-mod,#payWindow .reward-submit-mod{width:400px;margin:0 auto}
#payAmountModal .reward-amount-custom,#payAmountModal .reward-amount-item,#payAmountModal .reward-amount-other,#payWindow .reward-amount-custom,#payWindow .reward-amount-item,#payWindow .reward-amount-other{width:120px}
#offer-assign .reward-container{width:380px;border:4px solid #eee;text-align:center}
#offer-assign .reward-modal-hd{background-color:#C0A26F;text-align:left}
#offer-assign .reward-modal-bd{border:none;padding:30px 0 15px}
#offer-assign .offer-modal__amount{font-size:13px;color:#666;margin:0;line-height:1.5}
#offer-assign .offer-modal__input{width:200px;margin:10px auto 30px;border:1px solid #d4d7dc;border-radius:2px;position:relative}
#offer-assign .offer-modal__input label{position:absolute;top:0;right:0;font-size:15px;line-height:24px;padding:11px 10px;color:#aaa;background-color:#fff}
#offer-assign .offer-modal__input input{width:100%;padding:11px 0;color:#c0a26f;border:0;font-size:20px;line-height:1.2;text-align:center}
#offer-assign .offer-modal__btns{margin-bottom:15px}
#offer-assign .offer-modal__declaration{font-size:12px;margin:0;color:#aaa}
#offer-assign .offer-modal__btn{display:inline-block;width:100px;height:34px;line-height:34px;font-size:16px;color:#9b9b9b;border-radius:2px;background-color:#eee;border:1px solid #e1e1e1}
#offer-assign .offer-modal__btn--submit{margin-left:8px;background-color:#C0A26F;border-color:#C0A26F;color:#fff}
#walletConfirmModal .reward-container{width:360px}
#walletConfirmModal .reward-modal-bd:after{content:'';display:table;clear:both}
#walletConfirmModal p{font-size:16px;margin-bottom:20px}
#walletConfirmModal .reward-modal-btn{width:120px}
#walletConfirmModal .define{float:left}
#walletConfirmModal .deny{float:right}
.qrcode-container{text-align:center}
.qrcode-container .qrcode-title{color:#f70;font-size:15px}
.qrcode-container img{width:155px}
.qrcode-container .qrcode-desc{font-size:12px;color:#333}
body.no-scroll{overflow:hidden}
.hidden{display:none!important}