@charset "utf-8"; 
.article-title{color:#000000; text-align:center; font-size:1.875em; line-height:1.4; padding:15px 0 40px; max-width:80%; margin:0 auto; }
.article-subtitle{font-size:1.25em; font-weight:700; line-height:140%; text-align:center; padding-bottom:40px; color:#666666; margin-top:-20px; }

.article-attr{position:relative; padding-bottom:6px; line-height:36px; color:#999999; border-bottom:#e1e1e1 1px solid; }
.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{position:absolute; left:0; top:0; }
.article-attr-r{position:absolute; right:0; top:0; }
.article-attr-c{text-align:center; }
.fontsize i{cursor: pointer; font-style: normal; margin: 0 5px;}
.fontsize i.l{font-size: 1.5em;}
.fontsize i.m{font-size: 1.125em;}
.fontsize i:hover{color: #1F5EAB;}

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

@media (max-width:1280px){
  .article-attr-l,
  .article-attr-r{position: static;}
  .article-attr{text-align: center;}
  .article-attr > div{display: inline-block;}
  .article-attr-l span{margin:0 5px; line-height:24px; white-space:normal; }
  .article-attr-c{padding: 0 15px;}
}
@media (max-width:992px){
  .article-title{padding-bottom:30px; }
  .article-attr-l{display: block !important;}
}
@media (max-width:768px){
  .article-title{max-width: none;}
  .article-content video{width:100%; height:auto; }
}
@media (max-width:480px){
  .article-title{font-size:1.85em; }
}