html { font-family: 'Microsoft Yahei';}
body, div, ul, ol, h1, h2, h3, button, input, a, select, dl, dt, dd, p,em{ box-sizing: border-box; margin: 0; }
h1, h2, h3,button, input{font-weight: normal;}
a { text-decoration: none; cursor: pointer; }
li{display: block;}
ul, ol,em { list-style-type: none; padding-left: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.qinchu {clear:both;padding-bottom:6px;}
.mkuan {width: 100%;  min-width: 320px; max-width: 750px; margin:5px auto;}

#mue-bar{ background:#237ded;width: 100%;color:#FC6751; border-top:dashed 1px #237ded; margin:0 auto; min-width: 320px; max-width: 750px;height:36px;line-height:36px; padding:0 8px;}
#mue-bar a{ color:#FFF;}
#mue-bar a:hover{ color:#FFEB0B; text-decoration:underline;}
.juzhong {margin:0 auto; min-width: 320px; max-width: 750px;}
.muleft{ width:83%; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFFFFF}
.muright{ background:url(../images/icon-store-white.png) no-repeat 0 11px;; padding-left:1.2rem; float: right; margin-right:0px; color:#FFFFFF;}

.m-article { 
    max-width: 750px; 
    margin: 0 auto; 
    padding: 10px 15px; 
    background: #fff; 
}
.m-title { font-size: 20px; font-weight: 700; line-height: 1.5; margin: 10px 0; text-align: center; }
.m-info { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 13px; color: #999; padding: 8px 0 12px 0; border-bottom: 1px solid #eee; gap: 10px; }
.m-info .afbox { display: inline-flex; gap: 8px; }
.m-info .afbox a { display: inline-block; padding: 4px 14px; border-radius: 4px; font-size: 13px; text-decoration: none; cursor: pointer; }
.m-info .afbox a.download-btn { background-color: #00a2ff; border: 1px solid #00a2ff; color: #fff; }
.m-info .afbox a.copy-btn { background-color: #00a2ff; border: 1px solid #00a2ff; color: #fff; border-radius: 4px; padding: 4px 14px; font-size: 13px; text-decoration: none; display: inline-block; }

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

.hcontent { font-size: 16px; line-height: 1.8; padding: 10px 0; }
.hcontent img { max-width: 100% !important; height: auto !important; }
.hcontent p { margin-bottom: 8px; }
.hcontent h2 { font-size: 18px; font-weight: 700; color: #222; padding: 12px 0 8px 0; margin: 16px 0 10px 0; border-bottom: 2px solid #00a2ff; position: relative; padding-left: 12px; }
.hcontent h2:before { content: ''; position: absolute; left: 0; top: 12px; width: 4px; height: 22px; background: #00a2ff; border-radius: 2px; }

.download_card { background: #fff; border-radius: 8px; border: 1px solid #e8f0fe; padding: 15px; margin: 15px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.04); overflow: hidden; }
.download_card .download_card_msg { float: left; width: 70%; }
.download_card .download_card_title { font-size: 16px; font-weight: 600; color: #222; margin-bottom: 6px; }
.download_card .download_card_pic { width: 44px; height: 44px; float: left; margin-right: 12px; }
.download_card .download_card_tip { font-size: 13px; color: #999; line-height: 1.6; overflow: hidden; }
.download_card .download_card_tj { font-size: 13px; color: #666; margin-top: 4px; }
.download_card .download_card_tj img { width: 18px; height: 18px; }
.download_card .download_card_btn { background: #00a2ff; border-radius: 6px; padding: 10px 20px; float: right; width: 26%; cursor: pointer; text-align: center; box-sizing: border-box; }
.download_card .download_card_btn img { width: 22px; height: 22px; vertical-align: middle; }
.download_card .download_card_btn .downlod_btn_right { color: #fff; font-size: 14px; font-weight: 600; display: inline-block; vertical-align: middle; margin-left: 6px; }
.download_card .download_card_btn:hover { background: #0088e6; }
.download_card:after { content: ''; display: table; clear: both; }

.m-related { margin: 20px 0; }
.m-related h2 { font-size: 17px; font-weight: 700; color: #222; padding-left: 12px; border-left: 4px solid #00a2ff; margin-bottom: 12px; }
.m-related .rel-item { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.m-related .rel-item:last-child { border-bottom: none; }
.m-related .rel-item img { width: 90px; height: 70px; border-radius: 4px; object-fit: cover; flex-shrink: 0; background: #f5f5f5; }
.m-related .rel-item .rel-info { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.m-related .rel-item .rel-info .rel-title { font-size: 15px; font-weight: 600; color: #222; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m-related .rel-item .rel-info .rel-title a { color: #222; text-decoration: none; }
.m-related .rel-item .rel-info .rel-title a:hover { color: #00a2ff; }
.m-related .rel-item .rel-info .rel-desc { font-size: 13px; color: #888; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m-related .rel-item .rel-info .rel-meta { font-size: 12px; color: #bbb; margin-top: 4px; }

.m-prev-next { display: flex; justify-content: space-between; padding: 12px 0; font-size: 14px; color: #666; border-top: 1px solid #eee; margin-top: 10px; width: 100%; box-sizing: border-box; }
.m-prev-next .prev { max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-prev-next .next { max-width: 48%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
.m-prev-next a { color: #00a2ff; text-decoration: none; }
.m-prev-next a:hover { text-decoration: underline; }

.m-ztshop { margin: 20px 0; }
.m-ztshop .hong-mu { background: #f5f9ff; padding: 10px 15px; border-radius: 6px 6px 0 0; border-bottom: 2px solid #00a2ff; }
.m-ztshop .hong-mu h3 { font-size: 16px; font-weight: 700; color: #222; margin: 0; }
.m-ztshop ul { display: flex; flex-wrap: wrap; padding: 10px 0 5px 0; margin: 0; list-style: none; border: 1px solid #e8f0fe; border-top: none; border-radius: 0 0 6px 6px; background: #fff; }
.m-ztshop ul li { width: 33.333%; box-sizing: border-box; padding: 4px 6px; }
.m-ztshop ul li a { display: block; text-align: center; padding: 6px 0; background: #f8faff; border-radius: 4px; font-size: 13px; color: #333; text-decoration: none; border: 1px solid #eef4ff; }
.m-ztshop ul li a:hover { background: #e8f0fe; border-color: #00a2ff; color: #00a2ff; }

.copyright{width:100%;max-width:750px;margin:0 auto;height:4rem;font-size:0.8rem; color:#666666; clear:both;text-align:center; padding:15px 0;}
.copyright a{ color:#666666;}

.pupop,.mask{position:fixed;_position:absolute;pointer-events:auto}
.pupop {width:90%;height:80%;display:none;z-index:199;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:460px;background:#fff;border-radius:8px;-webkit-overflow-scrolling:touch;}
.pupop a.close {position: absolute;top:10px;right:10px;color: #fff;width: 20px;background:url(//www.huibaoshu.com/static/imgs/dialog-close.png) no-repeat center;height: 20px;line-height: 20px;text-align: center;font-family: arial;text-indent: -9999em;overflow: hidden;}
.pupop a.close-white {background: url(//www.huibaoshu.com/static/imgs/dialog-close.png) no-repeat;}
.pupop a.close:hover {opacity: .8;}
.pupop .bd {padding:10px 20px;}
.mask{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px"); background:#000;opacity:0.3;filter:alpha(opacity=30); display:none; z-index:198 !important;}
#copy_pay .desc {color: #f00;text-align: center}
#copy_pay .desc a {color: #f00;}
#copy_help {display: none;width: 730px;height: auto;}
#copy_help h2 {text-align: center;font-size: 20px;padding: 20px 0 10px;}
#copy_help ul {padding: 0 30px 30px;}
#copy_help li {margin-top: 10px;border: 1px solid #5A9EF2;padding: 10px;-webkit-box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .1);-moz-box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .1);box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .1);}
#copy_help li h3 {font-size: 16px;color: #1F40C5;font-weight: bold;line-height: 30px;border-bottom: 1px dotted #aaa;}
#copy_help li p {line-height: 20px;color: #888;padding: 5px 0;}
#copy_pay {display: none;width: 400px;height: auto;}
#copy_pay .copy_pay_tit {background: #1F40C5;color: #fff;font-size: 18px;line-height: 46px;text-indent: 1em;border-radius: 8px 8px 0 0;}
.mask2 {z-index: 199;}
#copy_help {display: none;width: 100%;height: 50%;top:auto;bottom: 0;-webkit-transform:translate(-50%,-0%);transform:translate(-50%,-0%);z-index: 200;}
#copy_help h2 {text-align: left;font-size: .875rem;padding: 0 0  0 20px;background-color: #f3f4f8;border-bottom:1px solid #e8e8e8;line-height: 40px;}
#copy_help .bd {height: calc(100% - 40px);overflow-y:auto;padding: 0;}
#copy_help ul {padding: 0 1rem;}
#copy_help li {margin-top: 10px;border:0;border-bottom: 1px solid #e8e8ee;padding: 1rem;-webkit-box-shadow: unset;-moz-box-shadow:-webkit-box-shadow: unset;;box-shadow: -webkit-box-shadow: unset;font-size: .875rem;}
#copy_help li h3 {color: #333;font-weight: 400;line-height: 30px;border-bottom: 0}
#copy_help li p {line-height: 1.6rem;color: #aaa;padding:.5rem 0;}
#copy_pay {display: none;width: 90%;height: auto;}
#copy_pay .copy_pay_tit {background: #1F40C5;color: #fff;font-size: 18px;line-height: 46px;text-indent: 1em;border-radius: 8px 8px 0 0;}
#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;font-size:22px;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-raidus:1rem !important;}
#downwordpay .red-pay {text-align:center;padding-top:100px;background:url(//www.huibaoshu.com/static/imgs/pay.jpg) no-repeat center 0;background-size:90px auto;}