@charset "utf-8";

html,body { font-family:"Microsoft YaHei"; background: #f1f3f8;}
.article { color:#4b4b4b; width:1200px; padding-left:250px; margin:20px auto 0; position:relative;}
.w { position:relative; width:950px; margin:0 auto; }
.article-head, .article-body { background-color:#fff; font-size:16px; line-height:28px; text-align:justify;}
.article-body {  margin-top:20px; padding-bottom:30px;}
.article-title { font-size:24px; font-weight:400; line-height:30px; padding:30px 50px;}
.article-title span { float:right; font-size:16px; color:#707070;}
.article-subtitle { font-size:18px; font-weight:400; line-height:30px; padding:14px 50px; overflow:hidden;}
.article-subtitle::before { content:""; display:inline; float:left; width:6px; height:14px; background-color:#06c962; margin-top:8px; margin-right:15px;}
.article-content {  padding:14px 50px; }
.article-content p.title, .article-content p b { font-weight:700; }
.article-content .text-indent { text-indent:2em; }
.article-subtitle + .article-content { padding-top:0; margin-top:-6px;}

.article-body .btnGo{ text-align:center;}
.article-body .btnGo a{ display:block; letter-spacing:1px; margin:0 auto; width:200px; line-height:38px; border-radius:5px; color:#fff; background:#ff7800;}
.article-body .btnGo a:hover{ text-decoration:none; opacity:0.9;}
.article-tips{ text-align:center; padding:5px; line-height:20px; margin-bottom:15px; font-size:12px; letter-spacing:1px; background:#fffcf4; color:#ff6600; border-radius:5px;}
.article-tips .iconfont{ font-size:14px; margin-right:10px;}

.sideMenu{ display:block; width:230px; position:fixed; left:calc(50% - 600px); top:20px; bottom:20px; padding:15px 0; z-index:88; background:#fff;}
.sideMenu li{ padding-bottom:10px;}
.sideMenu li a{ color:#333; padding:10px 15px; line-height:20px; display:block;}
.sideMenu li a:hover{ color:#FF6600; text-decoration:none;}
.sideMenu li a.acur{ background:#FF6600; color:#fff; text-decoration:none;}
.sideMenu li .iconfont{ font-size:12px; float:right; margin-top:3px;}
.sideMenuSq{ display:none;}
.arrow{ position:fixed; left:50%; top:45%; z-index:88; display:none;}
.arrow img{ width:20px;}
.arrowSq{ left:0;}
@media(min-width:320px) and (max-width:900px)
{
    html,body { min-width:auto;}
    .article{ padding:20px; margin:0; width:auto;}
    .article-title{ margin-top:0; font-size:18px; padding:30px 0; text-align:center; font-weight:bold;}
    .article-content{ padding:15px 20px;}
    .article-head, .article-body{ font-size:14px; line-height:28px;}
    .w { width:100%;}
    .sideMenu{ width:50%; position:fixed; left:0; top:0px; bottom:0px; box-shadow:0 2px 12px 0 rgba(0,0,0,.1); }
    .arrow{ display:block;}
}