html { font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
body, div, ul, ol, h1, h2, h3, button, input, a, select, dl, dt, dd, p, em { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #f4f5f7; }
a { text-decoration: none; cursor: pointer; }
li { display: block; list-style-type: none; }
img { max-width: 100%; height: auto; border: 0; }
.mkuan { width: 100%; min-width: 320px; max-width: 750px; margin: 0 auto; padding-bottom: 10px; }

#mue-bar { background: #237ded; width: 100%; color: #fff; margin: 0 auto; height: 36px; line-height: 36px; padding: 0 12px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
#mue-bar a { color: #fff; }
#mue-bar a:hover { text-decoration: underline; }
.muleft { width: 100%; display: block; }

.m-article { background: #fff; padding: 20px 15px; margin-top: 10px; margin-bottom: 10px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); margin-left: 10px; margin-right: 10px; }
.m-title { font-size: 22px; font-weight: 700; line-height: 1.4; margin: 5px 0 15px 0; text-align: center; color: #222; }
.m-info { display: flex; justify-content: center; align-items: center; font-size: 13px; color: #999; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; gap: 10px; }
.m-info .afbox a { background: #eef4ff; color: #1a6bf5; padding: 5px 14px; border-radius: 20px; font-size: 13px; font-weight: 500; text-decoration: none; }

.hcontent { font-size: 16px; color: #333; line-height: 1.9; word-wrap: break-word; text-align: justify; }
.hcontent h2 { font-size: 20px; font-weight: bold; color: #222; margin: 24px 0 6px 0; padding-bottom: 5px; border-bottom: 2px solid #00a2ff; position: relative; padding-left: 0; }
.hcontent h2:before { display: none; }
.hcontent p { margin: 1em 0; text-indent: 2em; }
.hcontent img { max-width: 100%; height: auto; display: block; margin: 15px auto; border-radius: 4px; }

.article-info { background: #f5f9ff; border-radius: 8px; padding: 10px 12px; margin: 5px 0 15px 0; }
.article-info .info-line { font-size: 15px; line-height: 1.8; color: #333; margin: 0; text-indent: 0; }
.article-info .info-label { color: #666; font-weight: 600; }
.article-info .info-value { color: #222; }

.m-article .download_card { background: #f8fafd; border-radius: 8px; border: 1px solid #e1e8f0; padding: 15px; margin-top: 45px; margin-bottom: 15px; float: none; display: block; width: 100%; box-sizing: border-box; overflow: hidden; clear: both; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.m-article .download_card > a { display: block; width: 100%; overflow: hidden; }
.download_card .download_card_msg { width: 100%; margin-bottom: 12px; }
.download_card .download_card_title { font-size: 16px; font-weight: 700; color: #1a1a1a; margin-bottom: 8px; line-height: 1.5; }
.download_card .download_card_tj { font-size: 13px; color: #999; line-height: 24px; display: flex; align-items: center; clear: both; }
.download_card .download_card_tj img { width: 16px; height: 16px; margin-left: 2px; }
.download_card .download_card_btn { background: #00a2ff; border-radius: 6px; padding: 12px 0; width: 100%; cursor: pointer; text-align: center; display: block; transition: background 0.2s; }
.download_card .download_card_btn:hover { background: #0088e6; }
.download_card .download_card_btn img { width: 20px; height: 20px; vertical-align: middle; display: inline-block; }
.download_card .download_card_btn .downlod_btn_right { color: #fff; font-size: 16px; font-weight: 600; display: inline-block; vertical-align: middle; margin-left: 6px; line-height: 1; margin-top: 0px; }

.mobile-blue-box { background: #fff; border-radius: 10px; padding: 15px; margin-top: 10px; margin-bottom: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); margin-left: 10px; margin-right: 10px; clear: both; float: none; display: block; box-sizing: border-box; }
.blue-title { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 12px; border-left: 4px solid #237ded; padding-left: 10px; line-height: 1.2; }
.mobile-list { padding: 0; margin: 0; }
.mobile-list li { padding: 12px 0; border-bottom: 1px solid #f5f5f5; }
.mobile-list li:last-child { border-bottom: none; }
.mobile-list li a { color: #222; font-size: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-list li.current-column-btn a { text-align: center; color: #237ded; background: #f0f4ff; padding: 10px 0; border-radius: 6px; border: 1px solid #e0ebff; }
.mobile-grid-box { padding: 0; }
.mobile-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.mobile-grid li { width: calc(25% - 8px); background: #f8f9fa; text-align: center; border-radius: 6px; padding: 10px 0; }
.mobile-grid li a { color: #222; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; }

.new-prev-next-box { background: #fff; padding: 15px; margin-top: 10px; margin-bottom: 10px; font-size: 14px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); margin-left: 10px; margin-right: 10px; }
.new-prev-text, .new-next-text { margin-bottom: 10px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.new-prev-text a, .new-next-text a { color: #237ded; }
.new-next-text { margin-bottom: 0; }

.mkuan .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6); z-index: 9998; display: none; overflow: auto; }
.mkuan .pupop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 360px; background: #fff; border-radius: 12px; z-index: 9999; display: none; box-shadow: 0 4px 20px rgba(0,0,0,0.15); height: auto; overflow: hidden; }
.pupop a.close { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background: #ddd; border-radius: 50%; color: #666; text-align: center; line-height: 24px; text-decoration: none; z-index: 10; }

#downwordpay { width: 90%; height: auto; display: block; padding-top: 1rem; }
#downwordpay .copy_pay_tit { background: none; color: #0a0; font-size: 2rem; height: 3rem; text-indent: 0em; border-radius: 8px 8px 0 0; text-align: center; font-weight: bold; }
#downwordpay .tps { line-height: 26px; color: #888; text-align: center; }
#downwordpay .bd { padding-bottom: 20px; }
#downwordpay .paye { display: none; }
#downwordpay .desc { color: #f00; text-align: center; padding-bottom: 1rem; }
#downwordpay .desc a { color: #f00; }
#downwordpay .wordmoney { color: #f00; font-weight: bold; font-size: 1rem; font-style: normal; }
#downwordpay .downword { display: none; padding: 5rem 1rem; }
#downwordpay .downword a { background: #1F40C5; height: 50px; line-height: 50px; border-radius: 4px; color: #fff; font-weight: 700; display: block; text-align: center; font-size: 1rem; }
#downwordpay .copy_buy { padding: 1rem 2rem 0; }
#downwordpay .copy_buy a { background: #44b549; font-weight: 700; color: #fff; text-decoration: none; display: block; border-color: #44b549; padding: .8rem 0; border-radius: 4px; }
#downwordpay .red-pay { text-align: center; padding-top: 100px; background: url(//www.1566.cn/static/imgs/pay.jpg) no-repeat center 0; background-size: 90px auto; }
#downwordpay .red-pay p { margin: 0; line-height: 26px; font-size: 15px; }
#downwordpay .red-pay-hd { display: flex; justify-content: space-around; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
#downwordpay .red-pay-hd a { color: #666; font-size: 15px; padding: 5px 10px; }
#downwordpay .red-pay-hd a.on { color: #1a6bf5; border-bottom: 2px solid #1a6bf5; font-weight: bold; }
#downwordpay .pay_qrcode { text-align: center; margin: 15px 0; }
#downwordpay .pay_qrcode img { width: 150px; height: 150px; display: inline-block; }
#downwordpay .red-pay-box { display: none; }
body.mask-open {
    overflow: hidden;
    height: 100vh;
    position: fixed;
    width: 100%;
}

.copyright { width: 100%; margin: 0 auto; font-size: 13px; color: #888; text-align: center; padding: 15px 0 30px 0; }
.copyright a { color: #888; }