.order-purchase { width: 1400px; margin: auto; margin-top: 32px; }
.order-purchase .order-tit { width: 100%; height: 60px; line-height: 60px; justify-content: flex-start; align-items: center; color: rgba(245, 245, 245, 1); font-size: 20px; }
.ui-order-courseinfo { background: rgba(29, 34, 39, 1); width: 100%; margin-top: 16px; border-radius: 8px; padding: 0px 24px 24px 24px; box-sizing: border-box; }
.ui-order-purchase-tit { width: 100%; height: 52px; line-height: 52px; color: rgba(245, 245, 245, 1); font-size: 14px; }
.ui-order-courseinfo .course-info { margin-right: 20px; display: inline-block; }
.ui-order-courseinfo .course-info-cover { float: left; margin-top: 16px; width: 241px; height: 155px; }
.ui-order-courseinfo .course-info-cover img { width: 241px; height: 155px; }
.ui-order-courseinfo .course-info-doc { float: left; margin-left: 24px; margin-top: 16px; }
.ui-order-courseinfo .course-info-doc .course-info-title { height: 25px; color: rgba(245, 245, 245, 1); font-size: 18px; margin-bottom: 4px; width: 100%; }
.ui-order-courseinfo .course-info-doc .course-info-2 div { float: left; height: 20px; color: rgba(99, 102, 105, 1); font-size: 14px; margin-right: 20px; }
.ui-order-courseinfo .course-info-doc .course-info-3 img { width: 32px; height: 32px; border-radius: 16px; float: left; }
.ui-order-courseinfo .course-info-doc .course-info-3 { width: 100%; display: inline-block; margin-top: 8px; }
.ui-order-courseinfo .course-info-doc .course-info-3 .teacher-name { float: left; color: rgba(245, 245, 245, 1); font-size: 14px; height: 32px; line-height: 32px; margin-left: 10px; }
.ui-order-courseinfo .course-info-doc .course-info-4 { margin-top: 44px; }
.ui-order-courseinfo .course-info-doc .course-info-4 .e3 { color: rgba(99, 102, 105, 1); margin-left: 20px; text-align: right; float: left; }
.ui-order-courseinfo .course-info-doc .course-info-4 .e3 .icon { background: url(../img/course-coin-bg.png) no-repeat; width: 20px; height: 20px; float: right; background-size: 100%; margin-left: 10px; margin-right: 2px; margin-top: 1px; }
.ui-order-courseinfo .course-info-doc .course-info-4 .e3 .text { color: rgba(222, 93, 29, 1); font-size: 12px; float: right; height: 20px; line-height: 20px; margin-top: 2px; }
.ui-order-courseinfo .vip-info { margin-right: 20px; display: inline-block; }
.ui-order-courseinfo .vip-info-cover { float: left; margin-top: 16px; width: 304px; height: 197px; }
.ui-order-courseinfo .vip-info-cover img { width: 100%; height: 197px; }
.ui-order-courseinfo .vip-info-doc { float: left; margin-left: 24px; margin-top: 16px; }
.ui-order-courseinfo .vip-info-doc .vip-info-title { height: 25px; color: rgba(245, 245, 245, 1); font-size: 18px; margin-bottom: 4px; width: 100%; }
.ui-order-courseinfo .vip-info-doc .vip-info-2 { font-size: 18px; font-weight: 400; letter-spacing: 0px; line-height: 26.06px; color: rgba(99, 102, 105, 1); }
.ui-order-courseinfo .vip-info-doc .vip-info-4 { margin-top: 40px; }
.ui-order-courseinfo .vip-info-doc .original_price { height: 22px; line-height: 22px; margin-right: 9px; color: rgba(222, 93.00000000000001, 29.00000000000002, 1); font-size: 16px; float: left; }
.ui-order-courseinfo .vip-info-doc .price { height: 22px; line-height: 22px; color: rgba(99, 102, 105, 1); font-size: 14px; float: left; text-decoration-line: line-through; }
.ui-order-courseinfo .course-info-doc .activity-price { height: 22px; line-height: 22px; margin-right: 9px; color: rgba(222, 93.00000000000001, 29.00000000000002, 1); font-size: 16px; float: left; }
.ui-order-courseinfo .course-info-doc .price { height: 22px; line-height: 22px; color: rgba(99, 102, 105, 1); font-size: 14px; float: left; text-decoration-line: line-through; }
.ui-order-payinfo { width: 100%; height: 465px; background: rgba(29, 34, 39, 1); border-radius: 8px; margin-top: 16px; padding: 0px 24px; box-sizing: border-box; }
.ui-order-paylist { margin-top: 24px; display: inline-block; width: 100%; padding-bottom: 40px; border-bottom: 1px solid rgba(65, 68, 73, 1); }
.ui-order-paylist .ui-order-pay-item { width: 240px; height: 88px; background: rgba(29, 34, 39, 1); border: 1px solid rgba(65, 68, 73, 1); justify-content: flex-start; align-items: center; float: left; padding: 0px 24px; box-sizing: border-box; margin-right: 16px; cursor: pointer; }
.ui-order-paylist .ui-order-pay-item .payradio { width: 15px; height: 15px; border-radius: 8px; border: 1px solid rgba(245, 245, 245, 1); float: left; margin-top: 36px; }
.ui-order-paylist .ui-order-pay-item.pay-active { background: rgba(119, 77, 247, 0.2); background-blend-mode: normal; border: 1px solid rgba(119, 77, 247, 1); }
.ui-order-paylist .ui-order-pay-item.pay-active .payradio { border: 1px solid rgba(119, 77, 247, 1); }
.ui-order-paylist .ui-order-pay-item.pay-active .payradio span { width: 9px; height: 9px; border-radius: 5px; background: rgba(119, 77, 247, 1); margin: auto; display: block; margin-top: 3px; }
.ui-order-paylist .ui-order-pay-item:hover { background: rgba(119, 77, 247, 0.2); background-blend-mode: normal; border: 1px solid rgba(119, 77, 247, 1); }
.ui-order-paylist .ui-order-pay-item .payicon { width: 40px; height: 40px; margin-top: 24px; margin-left: 16px; float: left; }
.ui-order-paylist .ui-order-pay-item .payname { color: rgba(245, 245, 245, 1); font-size: 16px; float: left; margin-left: 8px; margin-top: 33px; }
.ui-order-paylist .ui-order-pay-item.alipay .payicon { background: url(../img/icon-alipay.png) no-repeat; }
.ui-order-paylist .ui-order-pay-item.wxpay .payicon { background: url(../img/icon-wxpay.png) no-repeat; }
.ui-order-paylist .ui-order-pay-item.coinpay .payicon { background: url(../img/icon-coinpay.png) no-repeat; background-size: 100%; }
/**/
.ui-order-pay-confirm { }
.used-conpon-list { margin-top: 16px; }

/*余额*/
.ui-order-amountinfo { background: rgba(29, 34, 39, 1); width: 100%; margin-top: 16px; border-radius: 8px; padding: 24px 24px 24px 24px; box-sizing: border-box; }
.module-card{ position:relative;}
.module-card .next-collapse-panel-title.show-type-card{ color:#fff;}.module-card .next-collapse-panel-title.show-type-card .card-title{display:inline-block;min-width:150px}.module-card .next-collapse-panel-title.show-type-card .card-body{display:inline-block}
.module-card .icon-checkbox-ye {
    background: url(../img/tongyi-xieyi.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin-right: 6px;
    margin-top: 4px;
    cursor: pointer;
}
.module-card .icon-checkbox-ye.checked {
    background: url(../img/tongyi-xieyi-on.png) no-repeat;
    background-position: 0 -160px;
}
.next-checkbox-wrapper{ cursor:pointer;}
.font-color-warning-2{ color:rgba(222, 93.00000000000001, 29.00000000000002, 1);}
.module-card .amountnumber{ width:150px;}
/*优惠券*/
.used-conpon-list .item { background: url(../img/coupon-bg.png) no-repeat; width: 216px; height: 104px; position: relative; margin-right: 16px; float: left; }
.used-conpon-list .item .ui-coupon-title { height: 22px; line-height: 22px; padding: 0px 16px; background: rgba(224, 120, 64, 1); border-radius: 4px 0px 4px 0px; position: absolute; left: 0px; top: 0px; color: rgba(255, 255, 255, 1); font-size: 12px; }
.used-conpon-list .item .ui-coupon-price { position: absolute; top: 37px; left: 16px; font-weight: bold; }
.used-conpon-list .item .ui-coupon-price .fh { color: rgba(222, 93, 29, 1); font-size: 16px; float: left; margin-top: 8px; }
.used-conpon-list .item .ui-coupon-price .price { color: rgba(222, 93, 29, 1); font-size: 36px; line-height: 24px; float: left; }
.used-conpon-list .item .ui-coupon-data { height: 17px; line-height: 17px; color: rgba(40, 40, 40, 1); font-size: 12px; position: absolute; bottom: 8px; left: 16px; }
.used-conpon-list .item .ui-coupon-dasline { width: 0px; height: 72px; border: 1px dashed #BE936F; position: absolute; left: 168px; top: 14px; }
.used-conpon-list .item .ui-coupon-status { width: 16px; color: rgba(145, 71, 33, 1); font-size: 14px; height: 100%; position: absolute; right: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 16px; }
/**/
.ui-order-pay-confirm .ui-order-pay-coupon { width: 1020px; float: left; }
.ui-order-pay-confirm .used-coupon { height: 20px; color: rgba(245, 245, 245, 1); font-size: 14px; margin-top: 24px; }
.ui-order-pay-confirm .ui-order-pay-price { width: 260px; float: right; margin-top: 24px; }
.ui-order-pay-confirm .ui-order-pay-price .order-pay-price-1 { width: 202px; height: 22px; margin-bottom: 8px; float: right; }
.ui-order-pay-confirm .ui-order-pay-price .order-pay-price-1 .op1 { color: rgba(200, 201, 202, 1); font-size: 16px; float: left; }
.ui-order-pay-confirm .ui-order-pay-price .order-pay-price-1 .op2 { color: rgba(245, 245, 245, 1); font-size: 16px; float: right; text-align: right; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-pay { height: 45px; margin-bottom: 8px; float: right; line-height: 45px; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-pay .op1 { color: rgba(200, 201, 202, 1); font-size: 16px; float: left; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-pay .to-pay-price { height: 45px; line-height: 45px; color: rgba(222, 93.00000000000001, 29.00000000000002, 1); font-size: 32px; float: right; }
.ui-order-pay-price .submit-pay { width: 240px; height: 48px; background: rgba(119, 77, 247, 1); background-blend-mode: normal; line-height: 48px; color: rgba(245, 245, 245, 1); text-align: center; margin-top: 24px; font-size: 18px; border-radius: 8px; overflow: hidden; cursor: pointer }
.ui-order-pay-price .ui-order-agreement { font-size: 14px; margin-top: 16px; float: right; }
.ui-order-pay-price .ui-order-agreement .icon-checkbox { background: url(../img/tongyi-xieyi.png) no-repeat; width: 17px; height: 17px; float: left; margin-right: 16px; margin-top: 1px; cursor: pointer; }
.ui-order-pay-price .ui-order-agreement .icon-checkbox.checked { background: url(../img/tongyi-xieyi-on.png) no-repeat; background-position: 0 -160px; }
.ui-order-pay-price .ui-order-agreement .tongyi { color: rgba(200, 201, 202, 1); float: left; display: inline-block; }
.ui-order-pay-price .ui-order-agreement .agreement { color: rgba(119, 77, 247, 1); font-size: 14px; float: right; display: inline-block; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-coinpay { height: 45px; margin-bottom: 8px; float: right; line-height: 45px; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-coinpay .op1 { color: rgba(200, 201, 202, 1); font-size: 18px; float: left; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-coinpay .icon { background: url(../img/course-coin-bg2.png) no-repeat; width: 44px; height: 44px; float: left; background-size: 100%; margin-left: 10px; margin-right: 10px; margin-top: 1px; }
.ui-order-pay-confirm .ui-order-pay-price .order-to-coinpay .to-pay-coin { height: 45px; line-height: 45px; color: rgba(222, 93.00000000000001, 29.00000000000002, 1); font-size: 24px; float: left; }
.ui-order-pay-confirm .ui-order-pay-price .order-pay-two { display: none; }
/*支付弹窗*/
#pay_point { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99997; }
#pay_point .pay_mark { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99998; background-color: rgba(14, 18, 37,0.8); opacity: 0.8; }
#pay_point .pay_content { width: 620px; min-height: 350px; padding-bottom: 20px; background: #1F2537; position: fixed; top: 50%; left: 50%; z-index: 99999; margin: -240px 0 0 -310px; border-radius: 8px; box-sizing: border-box; }
#pay_point .pay_content .pay_close { width: 22px; height: 22px; background: url("../img/close_icon.png") center no-repeat; background-size: 22px 22px; position: absolute; top: 14px; right: 14px; cursor: pointer; }
#pay_point .wx_title { text-align: center; font-size: 18px; padding: 40px 0 20px 0; }
#pay_point .wx_img { text-align: center; }
#pay_point #wx_code { width: 240px; height: 240px; background: #fff; padding: 20px; margin: 30px auto; text-align: center; }
#pay_point .wx_text { text-align: center; color: #fff; font-size: 16px; }
#pay_point .pay_text { text-align: center; margin-top: 110px; color: #fff; font-size: 18px; }
#pay_point .pay_text .pay_end { width: 290px; height: 60px; line-height: 60px; text-align: center; background: #3B4E6C; color: #FFF; border-radius: 5px; margin: auto; margin-top: 100px; cursor: pointer; display: block }
#pay_point .pay_title { font-size: 18px; height: 50px; background: #252D48; line-height: 50px; border-radius: 8px; color: #fff; text-align: center; }