/* ==payment== */
.paymentApp { }
.payment { overflow: hidden; width: 100%; margin: 0 auto; color: gray; text-align: center; }
.payment .paymentText { line-height: 18px; font-size: 15px; }
.payment .paymentBtn { color: #d43f3a; background: #ffffff; border-radius: 20px; font-size: 18px; padding: 6px 24px; }
.payment  .paymentList { margin-top: 20px; width: 50%; margin: 0 auto; }
.payment  .paymentList .donator { display: inline-block; margin-right: 5px; }
.payment  .paymentList .donator img { width: 30px; height: 30px; border-radius: 50%; }
.i-modal-wrap .close { cursor: pointer; position: absolute; right: 16px; top: 10px; font-size: 26px; line-height: 20px; color: rgba(0, 0, 0, 0.8); float: right; outline: none; text-shadow: none; font-weight: 200; opacity: .2; }
.i-modal { width: 420px; text-align: center; }
.i-modal .close:hover { color: #000000; }
.i-modal .modal-footer { padding: 0 15px 20px; border: none; background-color: transparent; text-align: center; }
.i-modal .modal-footer .btn { padding: 8px 45px; font-size: 24px; }
.i-modal .btn-pay { padding: 8px 25px; font-size: 16px; color: #ffffff; background-color: #F5A623; }

/* ==iCMS-payment-DIALOG== */
#iCMS-payment-DIALOG .i-modal { width: 420px; text-align: center; }
#iCMS-payment-DIALOG .i-modal form { margin: 0 auto 25px auto; padding: 0 40px; }
#iCMS-payment-DIALOG .i-modal .reward-info .amount { font-size: 28px; font-weight: bold; color: #EA6F5A; }
#iCMS-payment-DIALOG .i-modal .reward-info .pay-method { font-size: 14px; }
#iCMS-payment-DIALOG .i-modal .reward-info .pay-method a { color: #3194D0; }
#iCMS-payment-DIALOG .i-modal .choose-pay { margin: 0 -5px; }
#iCMS-payment-DIALOG .i-modal .choose-pay input { display: none; }
#iCMS-payment-DIALOG .i-modal .choose-pay input:checked+.option { color: #EA6F5A; border-color: #EA6F5A; }
#iCMS-payment-DIALOG .i-modal .choose-pay .option { margin: 20px 5px 10px; width: 156px; height: 56px; line-height: 54px; text-align: center; border: 1px solid #E6E6E6; border-radius: 4px; cursor: pointer; }
#iCMS-payment-DIALOG .i-modal .choose-pay .option img { height: 30px; vertical-align: middle; }
#iCMS-payment-DIALOG .i-modal .choose-pay .option img.day.alipay, #iCMS-payment-DIALOG .i-modal .choose-pay .option img.night.alipay { min-width: 85px; }
#iCMS-payment-DIALOG .i-modal .choose-pay .option img.day.wechat, #iCMS-payment-DIALOG .i-modal .choose-pay .option img.night.wechat { min-width: 112px; }
#iCMS-payment-DIALOG .i-modal .choose-pay .option img.night { display: none; }
#iCMS-payment-DIALOG .i-modal .choose-pay .tooltip { width: 230px; }
#iCMS-payment-DIALOG .i-modal .btn-pay { margin-bottom: 20px; padding: 8px 25px; font-size: 16px; color: #fff; background-color: #ea6f5a; border-radius: 20px; }

/* ==iCMS-qrcode-DIALOG== */
#iCMS-qrcode-DIALOG .i-modal { width: 300px; }
#iCMS-qrcode-DIALOG .i-modal #qrcode { width: 200px; }
#iCMS-qrcode-DIALOG .qrcode-wrap h3 { margin-bottom: 20px; color: #333333; font-size: 24px; }
#iCMS-qrcode-DIALOG .qrcode-wrap .pay-amount { margin: 20px 0; color: #787878; }
#iCMS-qrcode-DIALOG .qrcode-wrap .pay-amount span { color: #F5A623; }
#content-iCMS-qrcode-DIALOG { min-width: 240px; }
@media screen and (max-width:376px) {
    .iCMS_UI_DIALOG{width: 90%;}
    #iCMS-payment-DIALOG { }
    #iCMS-payment-DIALOG .i-modal{ width: 100%; text-align: center; }
    #iCMS-payment-DIALOG .ui-dialog-content { padding: 5px; }
    #iCMS-payment-DIALOG .i-modal form { padding: 0 10px; }
    #iCMS-payment-DIALOG .i-modal .main-inputs .amount-group .option { width: 86px; }
    #iCMS-payment-DIALOG .i-modal .main-inputs { margin: 10px 0; }
    #iCMS-payment-DIALOG .i-modal .main-inputs .message { padding: 0px; }
    #iCMS-payment-DIALOG .i-modal .main-inputs .message textarea { padding: 8px; }
    #iCMS-payment-DIALOG .i-modal .choose-pay .option { margin: 5px; width: 128px; }
    #iCMS-payment-DIALOG .i-modal .choose-pay .option img.night.wechat { display: none !important; }
    #iCMS-payment-DIALOG .i-modal .choose-pay .option img.night.alipay { display: none !important; }
}