#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: 340px; height: 406px; padding-bottom: 20px; background: url(../images/pay-bg.png) no-repeat; position: fixed; top: 50%; left: 50%; z-index: 99999; margin: -250px 0 0 -180px; border-radius: 8px; box-sizing: border-box; }
#pay_point .pay_content .pay_close { width: 22px; height: 22px; background: url("../images/publish_close.png") no-repeat; background-size: 22px 22px; position: absolute; top: -14px; right: -31px; cursor: pointer; }
#pay_point .pay_content .shuoming { width: 100%; height: 50px; color: #000; text-align: center; font-size: 12px; position: absolute; bottom: 5px; }
#pay_point .pay_content .tit { width: 100%; height: 50px; line-height: 50px; color: #000; text-align: center; font-size: 20px; font-weight: bold; }
#pay_point .pay_content .tit3 { width: 100%; height: 18px; line-height: 18px; color: #000; text-align: center; font-size: 12px; margin-top:5px; }

#pay_point .pay_content .sesm2{ width:150px; height:150px; margin:auto;}
#pay_point .pay_content .sesm2 img{ width:100%; height:100%; margin:auto;}

#pay_point .pay_content .tt5 { width: 100%; height: 20px; color: #000; text-align: center; font-size: 12px; }
#pay_point .pay_content .pay_back { width: 34px; height: 28px; background: url("../images/back_icon.png") no-repeat; background-size: 34px 28px; position: absolute; top: 20px; left: 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_img img { width: 100%; height: 100% }
#pay_point #wx_code { width: 140px; height: 140px; background: #fff; margin: 5px auto; text-align: center; padding: 5px; border-radius: 3px; }
#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: 80%;
    height: 45px;
    background: #1e474e;
    border-radius: 16px;
    margin: auto;
    line-height: 45px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; cursor: pointer; display: block }
#pay_point .pay_title { font-size: 26px; height: 70px; line-height: 70px; border-radius: 8px; color: #70FFF7; text-align: center; }
#pay_point .pay_btn { text-align: center; margin: auto; display: block; margin-top: 10px; }
#pay_point .pay_btn .my_coin { text-align: center; width: 100%; height: 24px; margin: 20px 0px; overflow: hidden; }
#pay_point .pay_btn .my_coin span { margin: auto; display: inline-block; line-height: 24px; }
#pay_point .pay_btn .my_coin span:nth-child(1) { color: #346D86; font-size: 16px; }
#pay_point .pay_btn .my_coin span:nth-child(2) { background: url(../images/coin.png) 0px no-repeat; width: 24px; height: 24px; margin-left: 5px; margin-right: 5px; vertical-align: top; }
#pay_point .pay_btn .my_coin span:nth-child(3) { font-size: 16px; color: #70FFF7 }
#pay_point .pay_btn .pay_tips { font-size: 18px; padding-bottom: 20px; color: #70FFF7 }
#pay_point .pay_btn .pay_tips span { font-size: 16px; color: #346D86; margin-right: 5px; }
#pay_point .pay_btn .lj_pay { width: 128px; height: 40px; background: #6FFFF7; display: block; color: #1E474D; border-radius: 8px; text-align: center; margin: auto; line-height: 40px; cursor: pointer; font-size: 18px; }
#pay_point .pay_content .tit2 { width: 80%; height: 45px; background: #1e474e; border-radius: 16px; margin: auto; line-height: 45px; color: #fff; margin-top:10px; text-align: center; font-size: 20px; font-weight: bold; display: block; }
#pay_point .pay_btn a { width: 194px; height: 62px; display: inline-block; text-indent: 9999px; margin-bottom: 20px; }
#pay_point .pay_btn a.pay_wx { background: url(../images/pay_wx_icon.png) no-repeat; }
#pay_point .pay_btn a.pay_zfb { background: url(../images/pay_ali_icon.png) no-repeat; }
/*兑换资源*/
.resources { width: 100%; display: inline-block; border: 1px solid #70FFF7; border-radius: 8px; margin-bottom: 20px; position: absolute; top: 20px; left: 0px; z-index: 999 }
.article-detail-info .resources { position: relative; top: 0px; }
.resources .showcon { width: 100%; height: 100%; margin: auto; padding: 5px 20px; box-sizing: border-box; display: inline-block }
.resources .zyicon { width: 24px; height: 24px; background: url(../images/yasuoba_bg.png) no-repeat; display: block; margin-top: 10px; float: left; }
.resources .name { height: 44px; line-height: 44px; font-size: 16px; font-weight: 400; color: #6FFFF7; float: left; margin-left: 5px; float: left; }
.resources .jubao { width: 24px; height: 24px; background: url(../images/jubao5.png) no-repeat; display: block; margin-top: 10px; float: left; margin-left: 10px; }
.resources .resources_count { height: 44px; font-size: 16px; font-weight: 400; color: #6FFFF7; line-height: 44px; margin-left: 50px; float: left; }
.resources .need_coin { float: right; margin-right: 40px; }
.resources .need_coin .coin { background: url(../images/coin.png) no-repeat; width: 24px; height: 24px; margin-left: 30px; margin-right: 10px; float: left; margin-top: 10px; }
.resources .need_coin .val { height: 44px; font-size: 18px; font-weight: 400; color: #6FFFF7; line-height: 44px; float: left; }
.resources .paynow { width: 128px; height: 44px; background: #6FFFF7; border-radius: 22px; text-align: center; line-height: 44px; cursor: pointer; font-size: 18px; float: right; }
.resources .lookurl { width: 162px; height: 44px; font-size: 18px; font-weight: 400; color: #6FFFF7; line-height: 44px; background: url(../images/lookurl_bg.png) right no-repeat; float: right; text-align: left; cursor: pointer }
.resources .hidecon { margin: auto; box-sizing: border-box; float: right; text-align: left; }
.resources .hidecon div { display: inline-block; font-size: 16px; font-weight: 400; color: #70FFF7; float: left }
.resources .hidecon .url { height: 44px; line-height: 44px; margin-right: 20px; word-wrap: break-word; word-break: normal; }
.resources .hidecon .url a { color: #70FFF7; }
.resources .hidecon .pwd { height: 44px; line-height: 44px; }
 .deal-with::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
.deal-with::-webkit-outer-spin-button {
 -webkit-appearance: none;
}
#popupbuy { width: 100%; height: 465px; position: fixed; top: 80px; z-index: 99999; display:none }
#popupbuy .buybottom { width: 100%; height: 450px; background: rgba(56,95,122,0.99); position: relative; }
#popupbuy .classdetaill { width: 1390px; height: 100%; margin: auto; padding-top: 26px; position:relative;  }
.classdetaill .itemleft { float: left; width: 440px; position: relative; }
.classdetaill .itemcenter { float: left; width: 440px; }
.classdetaill .itemright { float: right; width: 440px; border-left:1px solid #668397; padding-left:30px; }
.Ikdk { margin-bottom: 27px; width: 100%; display: inline-block; }
.Ikdk .tis { float: left; color: #000; background: #e1c97d; width: 86px; height: 26px; line-height: 26px; border-radius: 4px; text-align: center; font-size: 16px; }
.iskdj2 { float: left; color: #fff; width: 300px; line-height: 26px; margin-left: 15px; font-size: 16px; }
.iskdj2 .dsg { width: 259px; height: 110px; border-radius: 10px; }
.itemcenter .dgys{white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;}
.iskdj2.price{ font-size:26px;}
.classdetaill .banner-btn { overflow: hidden; width: 308px; height: 50px; line-height: 50px; display: block; font-size: 18px; color: rgba(0, 0, 0, 0.90); text-align: center; background-color: #ADFF5A; border-radius: 4px; border: 1px solid #ADFF5A; }
#popupbuy .course_detaill_down {
    width: 36px;
    height: 36px;
    background: url(../images/course_detaill_down.png) top no-repeat;
    display: block;
    position: absolute;
    bottom: 16px;
    right: 50px;
    cursor: pointer;
}

#popupbuy .buyok { width: 1390px; height: 100%; margin: auto; padding-top: 26px; display:none  }
#popupbuy .buyok .dr1{ font-size:18px; color:#fff; margin-top:20px; line-height:20px; height:20px; text-align:center;}
#popupbuy .buyok .dr2{ width:140px; height:140px; margin:auto; margin-top:20px;}
#popupbuy .buyok .dr2 img{ width:100%; height:100%;border-radius:5px;}
#popupbuy .buyok .dr3{ font-size:14px; color:#fff; margin-top:20px; line-height:20px; height:20px; text-align:center; }
#popupbuy .buyok .dr4{ font-size:18px; color:#000; margin:auto; margin-top:20px; width:174px; display:block; background:#adff5a; line-height:48px; height:48px; text-align:center;border-radius:5px;}

#popupbuy .pay_title{ font-size:20px; color:#fff; margin-top:20px; line-height:20px; height:20px; text-align:center;}
#popupbuy .wx_img{ width:140px; height:140px; margin:auto; margin-top:20px;    background: #fff;
    padding: 5px;}
#popupbuy .wx_img img{ width:100%; height:100%;border-radius:5px;}
#popupbuy .pay_back { width: 34px; height: 28px; background: url("../images/back_icon.png") no-repeat; background-size: 34px 28px; position: absolute; top: 20px; left: 14px; cursor: pointer; }


.payment2302-payway-list { margin-right: -24px; display: flex; flex-wrap: wrap; }
.payment2302-payway-item.active { background-color: #defffc; border-color: #11d8c4; cursor: default; }
.payment2302-payway-item:hover{ background-color: #defffc; border-color: #11d8c4; cursor: default;}
.payment2302-payway-item { position: relative; width: 178px; height: 40px; padding-left: 10px; margin-right: 24px; margin-bottom: 8px; border: 2px solid #f1f3f5; user-select: none; cursor: pointer; -webkit-border-radius: 6px; border-radius: 6px; display: flex; align-items: center; background: #fff; color: #000; cursor:pointer; }
.payment2302-payway-item.active:before { background-color: #defffc; border-color: #3ee1d0; }
.payment2302-payway-item:before { width: 20px; height: 20px; margin-right: 10px; background-color: #e3e9ef; border: 6px solid transparent; content: ''; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; }
 @media (min-width: 1200px) {
.payment2302-payway-item .cover { width: 42px; height: 42px; margin-right: 5px; }
}
.payment2302-payway-item .name { font-size: 18px; font-weight: 400; line-height: 25px; white-space: nowrap; }