@charset "utf-8";
/* .article{padding-left: 3%; padding-right: 3%;} */
.article-title{text-align:center; color:#1764C2; font-size:2.25em; line-height:1.4; padding:20px 0 40px;}
.article-subtitle{font-size:1.375em; font-weight:normal; line-height:1.4; text-align:center; padding-bottom:40px; color:#000000; margin-top:-30px; display: none;}
.article-attr{padding-bottom:10px; line-height:36px; color:#999999; border-bottom:#f5f5f5 1px solid;}
.article-attr a{color:#999999;}
.article-attr a:hover{color:#D43030;}
.article-attr b{font-weight:normal;}
.article-attr-l span{margin-right:30px; display:inline-block; white-space:nowrap;}
.article-attr #view span{margin:0;}
.article-attr-l{float:left;}
.article-attr-r{float:right;}
.article-attr-r .print{margin-right:10px; margin-left:30px;}
.shareIcon{display:inline-block;}

.article-attr-r .fontsize {float:left; display: flex; align-items: center;}
.article-attr-r .fontsize font{display: inline-block;}
.article-attr-r .fontsize {padding-top: 8px;line-height: normal;float: left;}
.article-attr-r .fontsize i {margin: 0 5px;display: inline-block;cursor: pointer; font-style: normal;}
.article-attr-r .fontsize i.on,
.article-attr-r .fontsize i:hover{color: #D43030;}

.article-attr-r .shareIcon{position:relative; padding-left:35px; margin-left: 15px;}
.article-attr-r .split:before{content:""; width:1px; height:20px; background:#e1e1e1; position:absolute; left:0; top:50%; margin-top:-10px;}
.article-attr-r .split .fxicon{position: absolute; left: 15px; top: 50%; margin-top: -8px; width: 14px; height: 16px; background: url(../images/detail/icon_share.png) no-repeat; background-size: 100% 100%;}
.article-attr-r .shareIcon.nob:before{content:normal;}
.article-attr-r .social-share .social-share-icon{width:26px; height:26px; font-size:16px; line-height:26px;}

.article-content{clear:both; padding:30px 0; line-height:2.8; overflow:hidden; font-size:1.25em;}
.article-content p{margin:15px 0;}
.article-content table,.article-content img, .article-content video{max-width:100%;}
/* .article-content video{width:600px; height:400px;} */

.article-appendix h3{color:#333333; font-weight:bold; font-size:1.375em; margin-bottom:10px; }
.article-appendix{display:none; margin-bottom:40px;}

/* .article-extend{border-top:#e1e1e1 1px solid;} */
/* .article-toolbar{padding-top: 25px;} */
.article-toolbar ul{float: right;}
.article-toolbar li{float: left; color: #999999;}
.article-toolbar li a{color: #999999;}
.article-toolbar li + li{margin-left: 10px;}
.article-toolbar li a:hover{color: #1E5AA8;}

.article-ewm{text-align:center; padding:40px 0 40px;}
#qr_container{padding-top:5px; color:#b5b5b5; font-size:0.875em;}

.article-reldoc{display:none; border-top:#e1e1e1 1px solid;}
.article-reldoc h3{margin-bottom:10px; color:#015293; font-weight:bold; font-size:1.375em;}
/* .article-reldoc .infolist.dot li a:before{background-color:#d43030;} */
.article-reldoc .infolist.dot li a{color:#015293;}
.article-reldoc .infolist.dot li a:hover{color:#d43030;}
.article-reldoc .infolist.dot li .time{display:none;}
.article-sxp{padding-top:18px; border-top: rgba(0, 0, 0, .2) 1px solid;}
.article-sxp li{padding-top:8px; min-height:26px; padding-bottom:8px; line-height:26px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.article-sxp li span{opacity:0.6;}
.article-sxp li a:hover{color:#d43030;}


@media (max-width:1280px){
  .article-attr{padding-bottom:10px;}
  .article-attr{text-align:center;}
  .article-attr-l,.article-attr-r{float:none; display:inline-block; text-align:center;}
  .article-attr-l span{margin:0 5px; line-height:24px; white-space:normal;}
  .article-attr-r .shareIcon{margin-left: 0;}
  .article-attr-r .shareIcon::before{display:none;}
}
@media (max-width:992px){
  .article-title, .article-subtitle{padding-bottom:30px;}
  .article-subtitle{margin-top: -25px;}
  .article-attr-r .print, .article-attr-r .close{display:none;}

  .article-content{font-size: 1.125em;}
}
@media (max-width:768px){
  .article{padding-left: 0; padding-right: 0;}
  .article-title{padding-top: 0;}
  .article-content video{width:100%; height:auto;}
  .article-sxp li a{float:none; max-width:none; white-space:normal;}

  .article-toolbar ul{float: none; text-align: center;}
  .article-toolbar ul li{float: none; display: inline-block;}

}
@media (max-width:480px){
  .article-title{font-size:1.85em;}
  
}
@media (max-width:320px){

}