.guide_page{background-color:#f5f5f5;overflow:hidden}
.guide_page .page_w{width:1200px}
.guide_page .breadcrumb_box{padding-bottom:20px;padding-top:30px;text-align:left;font-size:14px}
.guide_page .breadcrumb_box a{color:#333}
.guide_page .breadcrumb_box span{color:#999}
.guide_page .pb50{padding-bottom:50px}
.guide_page .guide_box{float:left;width:820px}
.guide_page .guide_box .no_article{text-align:center;margin-top:100px;font-size:18px;color:#999;min-height:60vh}
.guide_page .guide_article{background-color:#fff;padding:20px 30px 30px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1)}
.guide_page .guide_article h1{font-size:28px;font-weight:600}
.guide_page .guide_article .article_info{line-height:24px;font-size:14px;color:#888;margin-top:8px}
.guide_page .guide_article .article_info span{margin-right:30px;font-size:13px;}
.guide_page .guide_article .article_info .article_view{float:right; font-size: 12px;}
.guide_page .guide_article .article_info .article_view i{display:inline-block;vertical-align:top;line-height:24px;margin-right:3px}
.guide_page .guide_article .tuijian_box{ background-color: #f8f8f8; padding: 20px;margin-top: 10px;}
.guide_page .guide_article .tuijian_box h2{ text-align: center; font-weight: bold;}
.guide_page .guide_article .tuijian_box ul{ overflow: hidden; margin-top: 20px;}
.guide_page .guide_article .tuijian_box ul li{ float: left; width: 130px; margin-left: 17px; text-align: center;}
.guide_page .guide_article .tuijian_box ul li:nth-child(1){ margin-left: 0;}
.guide_page .guide_article .tuijian_box ul li img{ width: 100%; border: 1px solid #eee;}
.guide_page .guide_article .tuijian_box ul li span{ margin-top: 15px; display: inline-block; line-height: 26px; border-radius: 4px; padding: 0 15px; font-size: 13px; border: 1px solid #09c;color: #09c;}
.guide_page .guide_article .tuijian_box ul li a:hover span{ border-color: #13d8a7; color: #13d8a7;}
.guide_page .guide_article .article_detail{margin-top:20px;font-size:15px;line-height:28px}
.guide_page .guide_article .article_detail a{ color: #09c;}
.guide_page .guide_article .article_keys{margin-top:20px}
.guide_page .guide_article .article_keys dl{overflow:hidden}
.guide_page .guide_article .article_keys dl dt,.guide_page .guide_article .article_keys dl dd{float:left;color:#777;line-height:28px}
.guide_page .guide_article .article_keys strong{display:inline-block;padding:0 10px;line-height:28px;font-size:12px;margin-right:10px;background-color:#f2f2f2;border-radius:5px;vertical-align:top;font-weight:normal}
.guide_page .guide_article .article_keys p{text-align:center;color:#888;margin-bottom:20px}
.guide_page .guide_article .article_footer{margin-top:20px;font-size:14px;border-top:1px solid #ddd;padding-top:20px}
.guide_page .guide_article .article_footer a{display:inline-block;max-width:280px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide_page .guide_aside{float:right;width:360px}
.guide_page .guide_aside .guide_aside_fixed{position:relative;top:0;width:360px}
.guide_page .guide_aside .is_fixed{position:fixed;top:80px}
.guide_page .guide_aside .aside_box{background-color:#fff;margin-top:20px;padding:15px 20px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1)}
.guide_page .guide_aside .aside_box .aside_tit{font-size:16px;border-bottom:1px solid #ccc;padding-bottom:6px;font-weight:bold;color:#333}
.guide_page .guide_aside .aside_box ul{margin-top:10px}
.guide_page .guide_aside .aside_box ul li{padding:6px 0;font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide_page .guide_aside .ad_box{border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1);overflow:hidden;position:relative}
.guide_page .guide_aside .ad_box::after{display:block;content:"\5E7F\544A";position:absolute;right:0;top:0;background:rgba(0, 0, 0, .1);color:#999;font-size:11px;line-height:13px;z-index:3;padding:0 3px}
.guide_page .guide_aside .ad_box img{display:block;width:100%}

@media screen and (max-width: 980px){
    .guide_page .breadcrumb_box{padding:20px 20px 12px}
    .guide_page .page_w{width:100%}
    .guide_page .guide_box{float:none;float:initial;width:100%}
    .guide_page .guide_box .guide_article{padding:20px}
    .guide_page .guide_box .guide_article h1{font-size:18px}
    .guide_page .guide_box .guide_article .article_info{font-size:13px}
    .guide_page .guide_box .guide_article .article_info span{margin-right:20px}
    .guide_page .guide_box .guide_article .article_keys strong{margin-bottom:10px}
    .guide_page .guide_box .guide_article .article_footer span{display:block}
    .guide_page .guide_box .guide_article .article_footer .fr{float:none !important;float:initial !important;margin-top:10px}
    .guide_page .guide_aside{float:none;float:initial;width:100%;margin-top:20px}
    .guide_page .guide_aside .guide_aside_fixed{width:100%}
    .guide_page .guide_aside .guide_aside_fixed .aside_box ul li{font-size:14px}
}