.article-header{border-bottom: 1px solid #1f5ac1;margin-top: 50px;padding-bottom: 20px; height: 40px;position: relative}
.article-header .logo a{display: block;height: 40px;width: 36px;background: url(../images/logo-icon-36x36.png) no-repeat center;text-indent: -9999px;}
.article-header .channel-name a{line-height: 40px; color: #333; font-size: 26px;}
.article-header .channel-name a:hover{text-decoration: none;}
.article-header .breadcrumbs{line-height: 40px;font-size: 16px;color: #999;}
.article-header .breadcrumbs a{color: #999;}
.article-header .search{position: absolute;height: 32px;right: 0;top: 0;line-height: 32px;font-size: 14px;color: #999;border-bottom: 1px #ededed solid;background: #FFFFFF;z-index: 1;}
.article-header .search .search-input{position: relative;z-index: 2; }
.article-header .search .search-input input{height: 32px;padding: 0 5px;margin: 0; border: 0;line-height: 32px; font-size: 14px; color: #D6D6D6; width: 180px;background: none;}
.article-header .search .search-input label{position: absolute;left: 0;top: 0;z-index: -1; color: #D6D6D6;padding-left: 5px;}
.article-header .search .search-btn{width: 16px;height: 32px;cursor: pointer;background-image: url(../images/search-btn.png);background-repeat: no-repeat;background-position: right center;background-color: #ffffff;border: 0;}
.article-header .search-focus .search-input input{color: #666666;}
.article-header .search-focus .search-btn{background-image: url(../images/search-btn-focus.png);}
.article-title{margin-top: 38px;padding-bottom: 15px;position: relative;}
.article-title h1{font-size: 36px;line-height: 46px; margin-bottom: 38px;}
.article-meta{font-size: 16px; color: #999999; border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2;padding: 10px 0;}
.article-meta span{margin-right: 30px;line-height: 44px;}
.article-share{position: absolute;height: 36px;right: 0;bottom: 19px;}
.article-share a{display: block;float: left;width: 36px;height: 36px!important;background-image: url(../images/share-icon.png)!important;background-repeat: no-repeat;padding-left: 0!important;}
.bdsharebuttonbox a{margin: 0 0 0 15px!important;}
.article-font-size a{margin: 0 15px 0 0!important;}
.article-share .line{width:1px;height:26px;margin:5px 0;background: #e5e5e5;}
.article-share a.font-small{background-position: 0 0!important;}
.article-share a.font-small:hover{background-position: 0 -40px!important;}
.article-share a.font-big{background-position: -40px 0!important;}
.article-share a.font-big:hover{background-position: -40px -40px!important;}
.article-share a.bds_weixin{background-position: -80px 0!important;}
.article-share a.bds_weixin:hover{background-position: -80px -40px!important;}
.article-share a.bds_tsina{background-position: -120px 0!important;}
.article-share a.bds_tsina:hover{background-position: -120px -40px!important;}
.article-share a.bds_qzone{background-position: -160px 0!important;}
.article-share a.bds_qzone:hover{background-position: -160px -40px!important;}
.article-share a.bds_copy{background-position: -200px 0!important;}
.article-share a.bds_copy:hover{background-position: -200px -40px!important;}
.article-share a.bds_print{background-position: -240px 0!important;}
.article-share a.bds_print:hover{background-position: -240px -40px!important;}
.article-left{width: 810px;}
.article-content p{font-size: 18px;line-height: 2.2; padding: 15px 0px; }
.article-content img{max-width: 100%!important;height: auto!important;}
.article-content video{max-width: 100%!important;height: auto!important;}
.article-play{padding: 20px;background: #f8f8f8;margin: 0 auto;width: 700px;}
.article-play center{color: #666666;padding-top: 5px;}
.article-photo{width: 810px;margin: 20px auto;}
.article-photo .big-show{position:relative;}
.article-photo .big-show-block{position: absolute;width: 200px;height: 100%;top: 0;cursor: pointer;}
.article-photo .big-show-handle{width: 50px;height: 50px; position: absolute; top: 50%;z-index: 1; background-color: rgba(0,0,0,.5); background-position: center;
    background-repeat: no-repeat;color: #fff; line-height: 50px;text-align: center;display: none;}
.article-photo .big-show-block:hover .big-show-handle{display: block;}
.article-photo .big-show-left{left: 0;background-image: url(../images/slide-prev.png);}
.article-photo .big-show-right{right: 0;background-image: url(../images/slide-next.png);}
.article-photo .big-pic{display: block;    min-height: 400px; max-width: 100%;margin: 0 auto; max-height: 600px;}
.article-photo .thumbs{width: 100%;height: 120px;position: relative;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;overflow: hidden;background: #fafbfc;margin-top: 10px;}
.article-photo .thumbs ul{position: absolute;width: 10000px;top: 15px;}
.article-photo .thumbs li{width: 110px;height: 90px;padding: 0 10px;float: left;text-align: center; cursor: pointer;line-height: 90px;}
.article-photo .thumbs li img {max-width: 100px;max-height: 80px;border: 4px solid transparent;padding: 1px;}
.article-photo .thumbs li.cur img {border: 4px solid #333;}
.article-photo .thumbs-handle {width: 40px;height: 40px;position: absolute;top: 40px;z-index: 1;background-color: rgba(0,0,0,.3);background-position: center;
    background-repeat: no-repeat;color: #fff;line-height: 40px;text-align: center;cursor: pointer;}
.article-photo .thumbs-left {left: 0;background-image: url(../images/slide-prev.png);}
.article-photo .thumbs-right {right: 0;background-image: url(../images/slide-next.png);}
.article-editor{font-size: 18px; text-align: right;margin: 20px 0 60px;color: #999999;}
.related{border-top: 5px solid #eaeaea;padding-top: 20px;position: relative;width: 100%;}
.related h2{font-size: 24px;margin-bottom: 20px;}
.related .related-nav{width: 120px;position: absolute;left: 0;top:20px}
.related .related-nav-item{width: 120px;background: #fff;border-right: 1px solid #e5e5e5;}
.related .related-nav-item dt{padding-bottom: 20px;font-size: 24px;line-height: 26px;}
.related .related-nav-item dd a{display: block;text-align: center; font-size: 18px;line-height: 46px;}
.related .related-nav-item dd a:hover{background: #1f5ac1;text-decoration: none;color: #fff;}
.related .related-list{width: 660px;padding-left: 150px;min-height: 350px;}
.related .related-list li a{color: #888;display: block;padding: 20px 0; width: 100%;overflow: hidden;height: 95px;border-bottom: 1px solid #f3f3f3;}
.related .related-list li a:hover{text-decoration: none; background: #fafafa;}
.related .related-thumb{float: left;margin-right: 20px;width: 140px;height: 95px;overflow: hidden;}
.related .related-thumb img{width: 100%;height: 100%;}
.related .related-info{width: 100%;overflow: hidden;height: 95px;position: relative;}
.related .related-info-thumb{width: 500px;}
.related .related-info h2{font-size: 20px; line-height: 28px;height: 56px;overflow: hidden;font-weight: normal;color: #333333;}
.related .related-tips{font-size: 14px;position: absolute;left: 0;bottom: 0;}
.related .related-tips span{display: inline-block;color: #1f5ac1;border: 1px solid #1f5ac1;border-radius: 3px;padding: 0 5px; margin-right: 20px;}
.back-index{padding: 80px 0;text-align: center;}
.back-index a{color: #888888; border: 1px solid #dddddd;border-radius: 3px; font-size: 14px;padding: 10px 50px;}
.back-index a:hover{text-decoration: none;color: #FFFFFF;border: 1px solid #db2232;background: #db2232;}
.article-copyright{font-size: 14px;line-height: 1.8;padding: 40px 0;}
.article-copyright p{ text-indent: 2em;color: #666;}
.article-right{width: 300px;}
.article-adv{width: 300px;overflow: hidden;}
.pannel-side .pannel-title{padding-left: 15px;font-size: 24px;color: #333;position: relative;height: 30px;line-height: 30px;}
.pannel-side .pannel-title i{width: 4px;height: 22px;display: inline-block;position: absolute;left: 0;top: 4px;background-color: #1f5ac1;}
.pannel-side .pannel-body{width: 300px;overflow: hidden;}
.pannel-side .pannel-list-thumbnail{overflow: hidden;width: 316px;}
.pannel-side .pannel-list-thumbnail li{width: 142px;margin-right: 16px;margin-bottom:10px;float: left;}
.pannel-side .pannel-list-thumbnail a{display: block;}
.pannel-side .pannel-list-thumbnail a:hover{text-decoration: none;}
.pannel-side .pannel-list-thumbnail img {width: 142px;height: 88px; display: block;}
.pannel-side .pannel-list-thumbnail .title{line-height: 24px;height: 48px;overflow: hidden;margin-top: 6px;font-size: 14px;color: #999;}
.pannel-side .pannel-thumbnail-big {width: 300px;}
.pannel-side .pannel-thumbnail-big li{width: 300px;margin-right:0}
.pannel-side .pannel-thumbnail-big img {width: 300px;height: 186px;}
.pannel-side .pannel-list-text li{background: url(../images/list-disc.png) 0 21px no-repeat;padding-left: 12px;padding-top: 10px;}
.pannel-side .pannel-list-rank {margin-top: -10px;}
.pannel-side .pannel-list-rank li{background: none;padding-left: 0;}
.pannel-side .pannel-list-rank li span {width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 18px;background-color: #bebebe;color: #fff;font-size: 14px;margin-right: 8px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
.pannel-side .pannel-list-rank li .current{background-color: #db2232;}
.footer {}
.footer .footer-nav {}
.footer .footer-nav a{color: #FFFFFF;margin-left: 10px;}
.footer .footer-sub{color: #999; font-size: 14px; line-height: 30px;}
.footer .footer-sub a{color: #999;}
.footer .mobile-media .item{float: left; width: 95px; margin-left: 25px;padding-top: 3px;}
.footer .mobile-media img{width: 95px;height: 95px;}
.footer .mobile-media p{text-align: center; font-size: 14px; line-height: 28px;}
.footer .footer-gray{background: #f6f6f6;padding: 30px 0;}
.footer .footer-black{background: #333333;color: #FFFFFF; font-size: 12px;line-height: 45px;height: 45px;overflow: hidden;}
.content-adv{width: 810px;}
@media print, screen and (max-width: 480px) {
.article-title{margin-top: 20px; padding-bottom: 0;}
.article-title h1{font-size: 22px;line-height: 32px;padding: 0 15px;margin-bottom: 0;}
.article-meta{padding: 0 15px; border: 0;font-size: 14px;}
.article-meta .fl{border-bottom: 1px solid #e2e2e2; width: 100%;}
.article-meta .fr, .article-copyright{display: none;}
.related{padding-top: 10px;}
.related h2 {font-size: 20px;margin-bottom: 10px;}
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2024-08-02 18:08:13" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->