.article{ padding: 1px 0 30px;  background: #f6f6f6;  overflow: hidden;}
.article-contents{ margin-top: 22px; overflow: hidden;}
.article-contents .content-left{ float: left; width: 868px; background: #ffffff;}
.article-contents .content-left .anchor-title{ position: relative; font-size: 20px; line-height: 30px; color: #000000;font-weight: bold;}
.article-contents .content-left .anchor-title:before{ content: ''; display: block; width: 18px; height: 25px; position: absolute; left: -35px; top: 2px; background: #4591e7;}

.article-contents .content-right{ float: right; width: 312px;}

.article-container{ margin-top: 1px; padding: 30px 35px; background: #ffffff;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.article-header .article-title{ text-align: center; font-size: 28px; line-height: 30px; color: #1a1a1a;}
.article-header .article-info{ margin: 12px; text-align: center; font-size: 14px; line-height: 30px; color: #b9b9b9;}
.article-header .article-info span{ padding: 0 24px;}
.article-header .guiding-read{ display: block; padding: 20px 25px; background: #f4f8fb; box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.article-header .guiding-read p{ font-size: 15px; line-height: 30px;}
.article-header .guiding-read p span{ font-size: 16px; color: #555555; font-weight: bold;}
.article-header .article-cover-img{ margin: 20px 0; text-align: center;}


.article-body{}
.article-body h2{ font-weight:bold}
.article-body h3{font-size: 16px;text-indent: 2em;color: #000;font-weight: bold;margin: 20px 0px;}
.article-body div{ font-size: 15px; line-height: 25px; color: #1a1a1a; /* text-indent: 2em; */}
.article-body video{max-width: 80%;display: block;margin: 0 auto;max-height: 400px;}
.article-body img{max-width: 100%!important;height: auto!important;}
.article-body h1{margin-bottom: 50px;text-align: center;font-size: 24px;font-weight: bold;}
.article-body h2{font-size: 20px;margin-bottom: 15px;  }
.article-body p{margin-bottom: 15px;line-height: 1.8;}
.article-body ul{margin:0 0 15px 2em;}
.article-body ul li{list-style-type: disc;}
.article-body ol{margin:0 0 15px 2em;}
.article-body ol li{list-style-type: decimal;}
.article-body table{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-bottom:0;}
.article-body tr, .article-content th,.article-content td{ border:1px solid #c4c4c4;padding: 5px;}
.article-body blockquote{border-left: 3px solid #23527c;background-color: #EFF6FE;padding: 10px 20px 3px 20px;margin:20px 0;}
.article-body blockquote p{text-indent: 0 !important;}
.article-body a{color: #006bdb}

.article-footer .tags{ padding: 5px 0; border-top: 1px dashed #e7e7e7; overflow: hidden;margin-top: 20px;}
.article-footer .tags a{ float: left; padding-left: 20px; margin-right: 20px; line-height: 30px; background: url("../images/icon-tag.png") left center no-repeat; font-size: 12px; color: #c1c1c1}
.article-footer .control{ position: relative; margin-top: 20px; height: 45px;}
.article-footer .control .share{ float: left;}
.article-footer .control .share a{ display: block; width: 40px; height: 40px; float: left; margin-right: 0px; transition: all 0.2s linear;}
.article-footer .control .share a.share-icon-sina{ background: url("../images/icon-share-sina-1.png") center no-repeat;}
.article-footer .control .share a.share-icon-wx{ background: url("../images/icon-share-wx-1.png") center no-repeat;}
.article-footer .control .share a.share-icon-qq{ background: url("../images/icon-share-qq-1.png") center no-repeat;}
.article-footer .control .share a:hover.share-icon-sina{ background: url("../images/icon-share-sina-2.png") center no-repeat;}
.article-footer .control .share a:hover.share-icon-wx{ background: url("../images/icon-share-wx-2.png") center no-repeat;}
.article-footer .control .share a:hover.share-icon-qq{ background: url("../images/icon-share-qq-2.png") center no-repeat;}
.article-footer .control .prise{ display: block; width: 156px; height: 45px; position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -78px; text-align: center; line-height: 45px; background: #4591e7; border-radius: 3px; cursor: pointer;}
.article-footer .control .prise b{ display: inline-block; padding-left: 36px; line-height: 45px; background: url("../images/icon-prise-1.png") left center no-repeat; font-size: 22px; color: #ffffff; font-weight: normal; vertical-align: middle;}
.article-footer .control .prise i{ display: inline-block; padding-left: 38px; line-height: 45px; font-size: 14px; color: #ffffff; opacity: 0.5; font-style: normal; vertical-align: middle;}
.article-footer .control .collect{ float: right; width: 120px; height: 42px; border: 1px solid #777777; border-radius: 22px; text-align: center; cursor: pointer;}
.article-footer .control .collect i{ display: inline-block; line-height: 42px; padding-left: 25px; background: url("../images/icon-heart.png") left center no-repeat; font-size: 14px; color: #777777; font-style: normal;}
.article-footer .control .collect.active{ background: #4591e7; border-color: #4591e7;}
.article-footer .control .collect.active i{ color: #ffffff; background: url("../images/icon-heart-1.png") left center no-repeat; }

.article-footer .article-direction{ margin-top: 40px; padding: 17px 0; border-top: 1px dashed #e7e7e7; overflow: hidden;}
.article-footer .article-direction p{ font-size: 14px; line-height: 40px; color: #b1b1b1;}
.article-footer .article-direction p a{ color: #777777;}
.article-footer .article-comment{ padding-top: 32px; border-top: 1px dashed #e7e7e7; overflow: hidden;}
.article-footer .article-comment .avatar{ float: left; width: 50px; height: 50px;}
.article-footer .article-comment .ipt{ float: left; margin-left: 12px; width: 736px;}
.article-footer .article-comment .ipt textarea{ display: block; width: 710px; height: 68px; padding: 12px; font-size: 14px; line-height: 24px; resize: none;}
.article-footer .article-comment .ipt input[type='submit']{ float: right; margin-top: 10px; width: 82px; height: 30px; background: #4591e7; font-size: 14px; color: #ffffff; cursor: pointer;}


.site-other-plate{ margin-top: 1px;}
.reply-list .reply-item .question a{ display: block; padding: 18px 0; font-size: 16px; line-height: 24px; color: #000000; transition: all 0.2s linear;}
.reply-list .reply-item .question a:hover{ color: #4591e7;}
.reply-list .answer-box{ overflow: hidden;}
.reply-list .answer-box .avatar{ float: left;}
.reply-list .answer-box .avatar img{ display: block; width: 60px; height: 60px; margin: 0 auto;}
.reply-list .answer-box .ask-me{ display: block; width: 80px; height: 33px; margin-top: 10px; border: 1px solid #e7e7e7; border-radius: 3px; font-size: 14px; color: #4591e7; text-align: center; line-height: 33px;font-weight: bold;}
.reply-list .answer-box .reply-content{ float: right; position: relative; width: 653px; padding: 16px 25px; border-radius: 4px; border: 1px solid #eef3f5; background: #f3f7f9;}
.reply-list .answer-box .reply-content:before{ content: ''; display: block; width: 11px; height: 23px; position: absolute; top: 30px; left: -11px; background: url("../images/shape-2.jpg") center no-repeat;}
.reply-list .answer-box .reply-text{ font-size: 14px; line-height: 26px;}
.reply-list .answer-box .reply-text a{ color: #202020;}
.reply-list .answer-box .reply-name{ margin-top: 5px; font-size: 14px; color: #7d7d7d; line-height: 26px;}


.relative-baike{ margin-top: 30px;}
.relative-baike .baike-list{ margin-top: 15px; overflow: hidden;}
.relative-baike .baike-item{ width: 350px; padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.relative-baike .baike-item:nth-child(odd){ float: left;}
.relative-baike .baike-item:nth-child(even){ float: right;}
.relative-baike .baike-item a{ position: relative; padding-left: 18px; font-size: 14px; line-height: 24px; color: #555555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.2s linear;}
.relative-baike .baike-item a:before{ content: ''; display: block; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; border-radius: 50%; background: #c2c2c2; transition: all 0.2s linear;}
.relative-baike .baike-item a:hover{ color: #4591e7}
.relative-baike .baike-item a:hover:before{ background: #4591e7;}


.relative-video{ margin-top: 24px;}
.relative-video .video-list{ margin-top: 20px; margin-right: -20px; overflow: hidden;}
.relative-video .video-item{ float: left; margin-right: 10px; background: #dfe2e6; width: 262px;}
.relative-video .video-item a{ display: block;}
.relative-video .video-item .image{ width: 262px; height: 140px; position: relative;}
.relative-video .video-item .image img{width: 100%;height: 100%;}
.relative-video .video-item .image .mask{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.relative-video .video-item:hover .image .mask{ display: block;}
.relative-video .video-item .image .mask span{ position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px;}
.relative-video .video-item .title{ padding: 10px 0; text-align: center; font-size: 16px; line-height: 24px; color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-index{ display: none; position: fixed; left: 5px; top: 25%;}
.page-index ul{ position: relative;}
.page-index ul:after{ content: ''; width: 1px; position: absolute; right: 8px; top: 28px; bottom: 20px; z-index: -1; background: #d0d8df;}
.page-index li:first-child{ position: relative; width: 140px; padding: 10px 28px 10px 0; overflow: hidden}
.page-index li:first-child:after{ content: ''; display: block; width: 7px; height: 7px; position: absolute; right: 2px; top: 50%; margin-top: -6px; border-radius: 50%; border: 3px solid #777777;}
.page-index li:first-child span{ display: block; text-align: right; font-size: 20px; line-height: 24px; color: #777777;}
.page-index li:first-child.active span{ color: #4591e7;}
.page-index li:first-child.active:after{ background: #ffffff; border: 3px solid #4591e7;}

.page-index li{ position: relative; width: 140px; padding: 10px 28px 10px 0; overflow: hidden; cursor: pointer;}
.page-index li span{ display: block; text-align: right; font-size: 14px; line-height: 24px; color: #777777;}
.page-index li:after{ content: ''; display: block; width: 10px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: -8px; border-radius: 50%; background: #999999; border: 3px solid #d3dae1;}
.page-index li.active span{ color: #4591e7;}
.page-index li.active:after{ background: #4591e7; border: 3px solid #c1d8f3;}



.article-draw{ border:solid 2px #0F5AAF; height:104px; margin-bottom: 20px}
.article-draw .ad-left{ float:left; width:460px}
.article-draw .ad-left span{ display:block; font-size:16px; color:#333; line-height:21px; font-weight:bold; padding:8px 0 0 22px; position:relative}
.article-draw .ad-left span:before{ content:""; position:absolute; background:#0F5AAF; width:14px; height:4px; top:16px; left:0}
.article-draw .ad-left ul{ padding-left:22px; overflow:hidden}
.article-draw .ad-left li{ float:left; width:120px; padding:8px 0 8px 20px; line-height:20px; font-size:16px; color:#333; position:relative}
.article-draw .ad-left li:before{ content:"★"; position:absolute; font-size:16px; color:#0F5AAF; top:7px; left:0}
.article-draw .ad-right{ float: right; margin-right: 50px; width:152px; padding-top:24px}
.article-draw .ad-right a{ display:block; background:#0F5AAF; width:152px; height:56px; text-align:center; line-height:56px; font-size:24px; color:#fff; border-radius:7px}
.desc{/* padding: 0 !important; *//* border: none !important; */}



.article-body video{max-width: 80%;display: block;margin: 0 auto;max-height: 400px;}
.article-body img{max-width: 100%!important;height: auto!important;}
.article-body h1{margin-bottom: 50px;text-align: center;font-size: 24px;font-weight: bold;}
.article-body h2{font-size: 20px;margin-bottom: 15px;  }
.article-body p{margin-bottom: 15px;line-height: 1.8;}
.article-body ul{margin:0 0 15px 2em;}
.article-body ul li{list-style-type: disc;}
.article-body ol{margin:0 0 15px 2em;}
.article-body ol li{list-style-type: decimal;}
.article-body table{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;margin-bottom:0;}
.article-body tr, .article-content th,.article-content td{ border:1px solid #c4c4c4;padding: 5px;}
.article-body blockquote{border-left: 3px solid #23527c;background-color: #EFF6FE;padding: 10px 20px 3px 20px;margin:20px 0;}
.article-body blockquote p{text-indent: 0 !important;}
.article-body a{color: #ff6e00}











