/*打赏*/
.reward {display: flex;flex-direction: column;align-items: center;margin: 40px 0 32px;}
.reward button {outline: none;}
.reward .reward-tit {font-size: 16px;font-weight: 500;margin-bottom: 16px;color: #404040;}
.reward .reward-button {color: #fff;font-size: 16px;padding: 8px 16px;border-radius: 50px;cursor: pointer;border: 1px solid #999;background-color: #ec7259;border-color: #ec7259;}
.reward .reward-button:hover {color: #fff;background-color: #ee806a;border-color: #ec7259;}
.reward .reward-users {color: #666;margin-top: 24px;}
.none {display: none;}
.reward-hidden {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,.5);height: 100vh;filter: alpha(opacity=50);z-index: 1000;}
.reward-mask {text-align: center;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;overflow: auto;outline: 0;}
.reward-mask:before {content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.reward-mask .reward-mask-doc {width: 640px;transform-origin: 164px 214px;position: static;display: inline-block;text-align: left;vertical-align: middle;margin: 0 auto;}
.reward-mask .reward-mask-doc .reward-mask-content {position: relative;background-color: #fff;border-radius: 4px;box-shadow: 0 2px 8px rgba(26,26,26,.1);}
.reward-mask .reward-mask-doc .reward-mask-content .reward-close {position: absolute;top: 0;right: 0;margin: 0;padding: 0;border: 0;outline: 0;color: grey;background-color: transparent;cursor: pointer;text-decoration: none;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-close .reward-close-x {display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;font-size: 24px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body {line-height: 1.5;word-wrap: break-word;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-head {text-align: center;padding: 48px 64px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-title {display: flex;justify-content: center;align-items: center;margin-bottom: 24px;font-size: 24px;font-weight: 500;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-seclet {display: flex;justify-content: center;flex-wrap: wrap;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-radio.active {border-color: #ec7259;color: #ec7259;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-radio {align-items: center;width: 115.5px;display: flex;justify-content: center;height: 36px;font-size: 28px;color: #969696;margin-bottom: 12px;margin-right: 12px;border-radius: 10px;border: 1px solid #eee;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-radio:nth-last-child(-n+3) {margin-bottom: 0;}

.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-radio>span {font-size: 28px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-radio>span {font-size: 16px;font-style: normal;opacity: 1;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-radio {position: relative;font-size: 28px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-radio>input {outline: 0;padding-right: 4px;border: 0;position: absolute;top: 50%;left: 50%;width: 100%;height: 36px;margin: 0 auto;text-align: center;transform: translate(-50%,-50%);background-color: transparent;opacity: 0;cursor: pointer;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .active>input {opacity: 1;cursor: text;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-pay {font-size: 15px;margin: 12px 0;color: #404040;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-onpay {display: flex;justify-content: center;flex-wrap: wrap;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-onpay>span {font-size: 14px;font-style: normal;margin-left: 4px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-onpay.active {color: #404040;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-button {margin-top: 24px;font-size: 18px;font-weight: normal;color: #fff;background-color: #ec7259;border-color: #ec7259; position: relative;flex-shrink: 0;outline: 0;display: inline-flex;justify-content: center;align-items: center;border-radius: 50px;touch-action: manipulation;cursor: pointer;background-image: none;white-space: nowrap;user-select: none;transition: all .2s cubic-bezier(.645,.045,.355,1);border: 0;padding: 10px 48px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-button:hover {color: #fff;background-color: #ee806a;border-color: #ec7259;}
.reward-mask-body-radio i {font-size: 20px;margin-right: 3px;}
.reward-mask-body-radio i.b2-pay-zhifubao {color: #00a0e9;}
.reward-mask-body-radio i.b2-pay-weixin {color: #00c800;border-radius: 3px;}
.reward-mask-body-radio i.b2-qq {color: #ff9900;border-radius: 3px;}
.reward-mask-body-radio.active i {color: #f16b6f;border-radius: 3px;}
.reward-mask-body-radio .ds-pay-yue {    font-style: normal;
    width: 16px;
    height: 16px;
    color: #fff;
    background: #f16b6f;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mt {margin-top: 20px;}
.reward-mask-body-pay span {font-size: 16px;text-shadow: 0 0 1px #fff;box-shadow: inset 0 0 10px #e0e0e0;padding: 5px 10px;}
.reward-mask-content .reward-auth img {width: 30px;height: 30px;border-radius: 100%;margin-right: 5px;align-items: center;justify-content: center;}
.reward-mask-content .reward-auth {position: absolute;top: 0;left: 0;margin: 0;padding: 10px;border: 0;outline: 0;color: grey;background-color: transparent;cursor: pointer;text-decoration: none;}
.reward-mask-content .reward-auth span {align-items: center;justify-content: center;font-size: 16px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-radio.active>span {opacity: 0;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-radio.active .b2-zidingyi{display: none;}
.reward-mask-body-onpay .mask-body-onpay.active .ds-pay-yue {color: #fff;border-radius: 3px;}
button, html input[type=button], input[type=reset], input[type=submit] {outline: 0;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-button.none {display: none;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .reward-mask-body-seclet.none {display: none;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mt.none {display: none;}
.reward-mask-body-images img {width: 200px;height: 200px;}
.pay_explain {font-size: 14px;margin-bottom: 10px;}
.reward-mask .reward-mask-doc .reward-mask-content .reward-mask-body .mask-body-numb {
    align-items: center;
    width: 172.5px;
    display: flex;
    justify-content: center;
    height: 56px;
    font-size: 28px;
    color: #969696;
    margin-bottom: 12px;
    margin-right: 12px;
    border-radius: 10px;
    border: 1px solid #eee;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.shang_info p {margin: 0;}