@charset "utf-8";
.article{padding-left: 2%; padding-right: 2%;}
.article-title{text-align:center; color:#0074D9; font-size:2.375em; 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:#808080; border-bottom:#F0F0F0 4px solid;}
.article-attr a{color:#808080;}
.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; margin-top: -4px;}
.article-attr-r .fontsize i{margin:0 5px; cursor:pointer; font-style: normal;}
.article-attr-r .fontsize i.l{font-size: 1.5em;}
.article-attr-r .fontsize i.m{font-size: 1.125em;}
.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 video,.article-content img{
    width: 800px;
    margin: auto;
    display: block;
    max-width:100% !important;
}
.article-content p{text-indent: 2em;}
.article-content table,.article-content img{max-width:100%;margin: auto;text-align: center;}

.article-content{clear:both;padding:30px 0;line-height:2.8;/* overflow:auto; */font-size:1.125em;}
.article-content p{margin:15px 0;}
.article-content span{text-wrap-mode: unset !important;}


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

.article-toolbar ul{float: right;}
.article-toolbar li{float: left; color: #999999;}
.article-toolbar li a{color: #999999;}
.article-toolbar li.collect a{background: url(../images/detail/icon_sc.png) no-repeat left center; background-size: 17px 17px; padding-left: 25px;}
.article-toolbar li.collect a.collected{background-image: url(../images/detail/icon_collected.png);}
.article-toolbar li + li{margin-left: 20px;}
.article-toolbar li.print a{background: url(../images/detail/icon_dy.png) no-repeat left center; background-size: 15px 15px; padding-left: 23px;}
.article-toolbar li a:hover{color: #204F95;}
.article-toolbar li.print a:hover{background-image: url(../images/detail/icon_dy_blue.png);}

.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{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: #e3e3e3 1px solid; font-size: 1.125em;}
.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;}
.article-toolbar .close{margin-left: 10px;}

@media (max-width:1200px){
  .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;}
}
/* 响应式：992px（按 768x1024 编写） */
@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{padding-left: 0; padding-right: 0;}
  .article-content video{width:100%; height:auto;}
  .article-sxp li a{float:none; max-width:none; white-space:normal;}
  .article-toolbar{display: flex; justify-content: center;}
  .article-content img {width: 100% !important;}
  #Canvas{display: none;}
  .article-content img{object-fit: cover;}
}
/* 响应式：450px（按 360x740 编写） */
@media (max-width:460px){
  .page-mainbox{padding-top: 15px;}
  .article-title{font-size:1.85em;}
  .article-content img{max-width:100% !important;}
  .res .pt40 {padding-top: 0px;}
  .res .mb50 {padding-bottom: 0px;margin-bottom: 0px;}
  .page-mainbox {box-shadow: 0px 0px 15px rgba(42, 130, 228, 0);}
}