@charset "utf-8";

.article{position: relative; padding-left: 120px;}
@media (max-width: 992px) {
  .article{padding-left: 0;}
}
.article-title{text-align: center; font-weight: bold; font-size: 2.25em; color: #008af1; line-height: 1.4em; padding-top: .625em;}
@media (max-width: 768px) {
  .article-title{font-size: 1.75em;}
}
@media (max-width: 450px) {
  .article-title{font-size: 1.5em;}
}

.article-subtitle{padding: .875em 0 1em; font-size: 1.375em; font-weight: normal; line-height: 1.5em; text-align: center; color: #666666;}
@media (max-width: 450px) {
  .article-subtitle{font-size: 1.25em;}
}
.article-attr{position: absolute; top: 0; left: 0; width: 100px; padding-bottom: .625em; color: #666; font-size: 1em;}
.article-attr span{display: block; line-height: 1.5em; margin-top: .5em; margin-bottom: .5em;}
.article-attr span label{display: none;}
.article-attr span b{font-weight: normal;}
.article-attr .ly{display: none;}
.article-attr .cate{font-weight: bold; font-size: 1.125em;}
.article-attr .date{margin-top: 1em; margin-bottom: 1em;}
.article-attr .date b{position: relative; display: block; padding-top: 65px; font-size: 1.125em; text-align: left;}
.article-attr .date b em{font-style: normal; font-size: 2em; position: absolute; top: 0; right: 0; left: 0; line-height: 60px; font-weight: bold; font-size: 3.25em; color: #008af1;}
.article-attr .date b em font{display: none;}
.article-attr .llcs{display: none;}
.article-attr .llcs b{color: #8d0707;}
@media (max-width: 992px) {
  .article-attr{position: static; width: auto; padding-bottom: 0; text-align: center;}
  .article-attr span{display: inline-block; margin-right: 1.5em;}
  .article-attr span label{display: inline;}
  .article-attr .cate{display: none;}
  .article-attr .ly{display: inline-block;}
  .article-attr .date{margin-top: .5em; margin-bottom: .5em;}
  .article-attr .date b{display: inline; padding-top: 0; font-size: 1em;}
  .article-attr .date b em{position: static; font-size: 1em; color: inherit; font-weight: normal; line-height: normal;}
  .article-attr .date b em font{display: inline;}
}
.favorite-tips{font-size: 16px;}

.article-content{clear: both; padding: 30px 60px; line-height: 2.25em; text-align: justify; background: #f3f3f3; overflow: hidden;}
.article-content p{margin: 1em 0;}
.article-content p:first-child{margin-top: 0;}
.article-content table,
.article-content video,
.article-content img{max-width:100%;}
.article-content .table-scroll{overflow: auto;}
.article-content .table-scroll table{max-width: none;}
.article-content .layui-table thead tr td{white-space: nowrap; line-height: 1.625em !important;}
.article-content .layui-table tbody tr td{line-height: 1.625em !important;}
.article-content .layui-table tbody tr:hover{background: #fff;}
@media (max-width: 1024px) {
  .article-content{padding: 20px 30px;}
  .article-content .table-scroll .table-lg{width: 1200px;}
}
@media (max-width: 992px) {
  .article-content img.nfw-cms-img{width: 85% !important; max-width: 85%; height: auto !important;}	
  .article-content .table-scroll .table-md{width: 1000px;}
}
@media (max-width: 768px) {
  .article-content{padding: 15px; margin-right: -15px; margin-left: -15px;}	
}

.article-content *{font-family: Microsoft YaHei,Simsun,SimHei,Arial !important; font-size: 18px !important; line-height: 2.25em !important;}
@media (max-width: 992px) {
  .article-content *{font-size: 16px !important;}	
}
.article-content > p{margin-bottom: 1em !important;}
.article-content.fontsize12 *{font-size: 12px !important;}
.article-content.fontsize14 *{font-size: 14px !important;}
.article-content.fontsize16 *{font-size: 16px !important;}
.article-content.fontsize18 *{font-size: 18px !important;}
.article-content.fontsize20 *{font-size: 20px !important;}
.article-content.fontsize22 *{font-size: 22px !important;}
.article-content.fontsize24 *{font-size: 24px !important;}
.article-content.fontsize26 *{font-size: 26px !important;}
.article-content.fontsize28 *{font-size: 28px !important;}
.article-content.fontsize30 *{font-size: 30px !important;}


.article-documents{display: none; padding: 20px 30px; border: 1px solid #eee;}
@media (max-width: 1024px) {
  .article-documents{padding: 20px 20px 15px;}
}
@media (max-width: 768px) {
  .article-documents{padding: 20px 0 0; border-top-width: 2px; border-right: none; border-bottom: none; border-left: none;}
}

.article-attachments{display: none;}
.article-attachments h3{padding-bottom: 10px; font-weight: bold; font-size: 1.125em;}

.article-qrcode{text-align: center;}
#qr_container{padding-top: 5px; color:#b5b5b5; font-size: .875em;}


.article-share .sharebtnbox a{position: relative; display: inline-block; vertical-align: middle; background: url(../images/share_wx.png) no-repeat center; background-size: 32px; float: none; width: 58px; height: 58px; padding: 0;cursor: pointer;}
.article-share .sharebtnbox a.weixin #qrcode{position: absolute; top: 58px; left: 50%; z-index: 99; display: none;  width: 120px; background: #fff; padding: 10px; box-shadow: 0 0 8px #f3f3f3;margin-left: -70px;}
.article-share .sharebtnbox a.weixin #qrcode img{display: block; width: 100%;}
.article-share .sharebtnbox a.tsina{background-image: url(../images/share_xl.png);}
.article-share .sharebtnbox a.sharelz{background-image: url(../images/share_lz.png);}
.article-share .sharebtnbox a.email{background-image: url(../images/share_mail.png);}
.article-share .sharebtnbox a:hover{background-image: url(../images/share_wx_hover.png);}
.article-share .sharebtnbox a.weixin:hover #qrcode{display: block;} 
.article-share .sharebtnbox a.tsina:hover{background-image: url(../images/share_xl_hover.png);}
.article-share .sharebtnbox a.sharelz:hover{background-image: url(../images/share_lz_hover.png);}
.article-share .sharebtnbox a.email:hover{background-image: url(../images/share_mail_hover.png);}