@charset "utf-8";

.article-wrap {
  box-sizing: border-box;
  padding: 10px 100px 30px 100px;
   background-color: #fff;}

@media (max-width:500px){
  .article-wrap{padding: 10px;}

}

/*  正文 */
.article { padding: 30px 0; word-break:break-all; }
.article h2 { padding: 15px 0; line-height: 1.5; font-size: 30px; text-align: center; color: #333;font-weight:normal }
.article .option { box-sizing: border-box; border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px 0; padding: 20px; line-height: 30px; color: #ccc; transition: padding .3s;
}
.article .option h4 { display: none; }
.article .info { color: #ccc; }
.article .info>span { color: #666; }
.article .info i { margin: 0 10px 0 0; font-size: 16px; color: #ccc; vertical-align: -1px; }
.article .option.fixed { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; border-top: none; margin: 0; padding: 20px 10px; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); }
.article .option.fixed h4 { display: block; position: absolute; top: 50%; left: 20%; right: 20%; width: 60%; height: 30px; margin-top: -15px; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article .option.fixed .info { display: none; }
.article .option.fixed .jfontsize { float: none; padding: 0; }
.article .source {text-align: center;}
@media (max-width:500px){
.article .source {text-align: left;}
}
.jfontsize { float: right; height: 32px; margin: -1px 0; padding: 0 20px; }
.jfontsize a { float: left; box-sizing: content-box; display: block; width: 24px; height: 24px; border: 1px solid #ddd; margin: 0 4px; padding: 3px; background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; }
.jfontsize a i { display: block; width: 24px; height: 24px; line-height: 24px; background-image: url(../images/jfont.png); background-repeat: no-repeat; }
#jfontsize-p2 i { background-position: 0 0; }
#jfontsize-m2 i { background-position: -24px 0; }
#jfontsize-d2 i { background-position: -48px 0; }
a#jfontsize-p2:hover i { background-position: 0 -24px; }
a#jfontsize-m2:hover i { background-position: -24px -24px; }
a#jfontsize-d2:hover i { background-position: -48px -24px; }
.article .option .share { float: right; margin: -7px 0; }
.article .option .share a+a { margin-left: 10px; }
.article .option .bds_tsina { background: url(../images/wb.png) center no-repeat !important; background-size: 32px auto !important; }
.article .option .bds_weixin { background: url(../images/wx.png) center no-repeat !important; background-size: 32px auto !important; }
.bdshare_popup_box { margin-left: -200px; }
.article-box { padding:10px 60px; line-height: 2; text-align: justify; color: #333; font-size: 16px; }
.article-box p { margin: 1em 0; }
.article-box .lxfs-bg p { margin: 0.5em 0; }
.article-box p img { display: inline-block; max-width: 80%; height: auto; margin: 0 auto; }
@media (max-width:500px){
.article-box p img {  width: 80%;  }
.article-box section img {  width: 80%;  }
}
.article-box a {text-decoration:underline;}
.article .jr-btn { min-width: 180px; }
.article .files { padding: 15px; }
.article .files li { border-bottom: 1px dotted #ddd; padding: 8px; line-height: 24px; font-size: 16px; }
.func {  padding-top: 10px; text-align: center; border-top: 1px solid #ddd;}
.func .tj {  color: #333; padding-bottom: 50px;}
.func .tj  div {  width: 45%;}
.func .tj  .fl {  text-align: left;}
.func .tj  .fr {  text-align: right;}
.btn-group { display: inline-block; margin-right: 5px; margin:0 auto; }
.btn-group img { margin-left: 5px; margin-right: 5px; float:left; }
@media (max-width: 768px) {
 .article h2 {
 margin: 0 10px;
}
 .article .jfontsize, .article .option h4 {
 display: none;
}
 .article .option {
 padding: 20px 10px;
 margin: 0;
 
}
 .article .option.fixed {
 padding: 10px 5px;
}
 .article .option.fixed .share, .article .option.fixed .jfontsize {
 display: block;
}
 .article .option.fixed .info, .article .option.fixed h4 {
 display: none;
}
 .article .jfontsize {
 float: none;
 padding: 0;
}
 .article-box {
 padding: 15px;
}
}
 @media (max-width: 480px) {
 .article .share {
 display: none;
}
 .article .option .info span {
 display: block;
 font-size: 13px;
}
}
@media (max-width: 480px) {
 .article h2 {
 margin: 0 20px;
 padding: 0;
 font-size: 22px;
}
 .article .option .info span {
 display: block;
}
 .article .share, .article .jfontsize, .article .option h4 {
 display: none;
}
 .article .option {
 padding: 10px 5px;
}
 .article .option.fixed {
 padding: 10px 5px;
}
 .article .option.fixed .share, .article .option.fixed .jfontsize {
 display: block;
}
 .article .option.fixed .info, .article .option.fixed h4 {
 display: none;
}
 .article .jfontsize {
 float: none;
 padding: 0;
}
 .article-box {
 padding: 15px;
}

.func {
  
}

.lxfs-bg { background: url(nebg2.png) no-repeat; color: #ff0000; }