@charset "UTF-8";

html{font-size:14px;}
html, body{
  font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size:1rem; font-weight:400; line-height:1.6; color:#333;
}
body{background:url(../img/p-01.jpg) no-repeat; background-size:cover;}
img{max-width:100%; height:auto; transition:all .5s;}

.col-gutters-10 {margin-right:-10px; margin-left:-10px;}
.col-gutters-10 > .col,
.col-gutters-10 > [class*="col-"]{padding-right:10px; padding-left:10px;}
.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-none{list-style:none; margin:0; padding:0;}
a{color:#444; text-decoration:none; transition:all .4s;}
a:active,a:hover{color:#dc3545; text-decoration:none;}
a.focus{color:#dc3545; text-decoration:none; transition:all .4s;}
a.focus:active,a.focus:hover{color:#ff0000; text-decoration:none;}
.fonts1{font-size:.95rem;}
.fonts2{font-size:.9rem;}
.fonts3{font-size:.85rem;}
.mt-6{margin-top:2.5rem !important;}
.mt-7{margin-top:2.75rem !important;}
.mt-8{margin-top:3rem !important;}
.mb-6{margin-bottom:2.5rem !important;}
.flex-grow-1{flex-grow:1;}
.text-gray{color:#bbb !important;}
.bg-gray{background-color:#f1f1f1;}
.w-50{width:50%;}
.form-control{border-radius:2px;}
.form-control:focus{border-color:#dc3545; box-shadow:none;}
.cursor-pointer{cursor:pointer;}
.hover-gray:hover{background-color:#f5f5f5;}

.page-item.active .page-link{background-color:#dc3545; border-color:#dc3545;}
.page-link{color:#dc3545;}
.page-link:hover{color:#ff8db2;}

.paper-container{position:relative; min-width:1100px; max-width:1200px; margin:3rem auto; background-color:rgba(255,255,255,.98); box-shadow:0 0 15px 0 rgba(0,0,0,.25);}
.paper-pic-box{position:relative; padding:1.5rem; flex-shrink:0;}
.paper-pic{position:relative;}
.paper-pic img{width:380px;}
.paper-pic .area-div{position:absolute; cursor:pointer; transition:background-color .5s, border .2s;}
.paper-pic .area-div.active,
.paper-pic .area-div:hover{background-color:rgba(255,0,0,.4); border:3px #ff6600 solid;}
.paper-pic .area-hover{position:fixed; display:none; padding:1px 5px; color:#fff; background-color:#dc3545; border-radius:5px;}
.edition-nav{position:absolute; top:0; left:-2rem; padding:1px; width:2rem; text-align:center;}
.edition-nav a{display:block; color:#fff;}
.edition-nav a:hover{color:#dc3545;}
.edition-nav > div{margin-bottom:1rem; padding:4px 3px; font-size:.9rem; line-height:1.25; color:#fff; background-color:#dc3545; border:1px #dc3545 solid; border-radius:5px; cursor:pointer; transition:background-color .3s ease-in-out;}
.edition-nav > div:hover{color:#dc3545; background-color:#fff;}
.edition-nav > div:hover a{color:#dc3545;}
.edition-nav .prev,
.edition-nav .next{background:#555;}
.edition-nav .nav{position:relative;}
.edition-nav .nav-box{display:block; position:absolute; top:0px; left:2.4rem; min-width:10rem; color:#222; background-color:#fff; border:1px #dc3545 solid; border-radius:2px; opacity:0; visibility:hidden; transition:all .5s linear;}
.edition-nav .nav-box ul{list-style:none; margin:0; padding:0;}
.edition-nav .nav-box li{padding:5px 8px; text-align:left; white-space:nowrap; transition:background-color .3s ease-in-out;}
.edition-nav .nav-box li:hover{color:#fff; background-color:#dc3545;}
.edition-nav .nav-box li a{color:#222;}
.edition-nav .nav-box li a:hover{color:#fff;}
.edition-nav .nav:hover{}
.edition-nav .nav:hover .nav-box{display:block; visibility:visible; opacity:1;}
.edition-nav .nav-box > .arrow, .edition-nav .nav-box > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.edition-nav .nav-box > .arrow{
    top: 11px;
    left: -11px;
    margin-top: -11px;
    border-width:11px;
    border-right-color: #dc3545;
    border-left-width: 0;
}
.edition-nav .nav-box > .arrow:after {
    content: "";
    bottom: -10px;
    left: 1px;
    border-width: 10px;
    border-right-color: #fff;
    border-left-width: 0;
}

/* index */
.paper-detail{position:relative; padding-left:1rem; flex-grow:2;}
.detail-nav{position:absolute; top:-1px; right:-1.96rem; padding:1px; width:2rem; text-align:center;}
.detail-nav a{display:block; color:#fff;}
.detail-nav a:hover{color:#656565;}
.detail-nav > div{margin-bottom:1rem; padding:4px 3px; font-size:1rem; line-height:1.35; color:#fff; background-color:#656565; border:1px #fff solid; border-left-color:transparent; border-radius:0 2px 2px 0; cursor:pointer; transition:background-color .3s ease-in-out;}
.detail-nav > div:hover{color:#656565; background-color:#fff;}
.detail-nav > div:hover > a{color:#656565;}
.detail-nav .pdf{padding-left:0; padding-right:0; font-size:.9rem;}
.detail-nav .pdf i{font-size:1rem;}
.detail-nav .share{position:relative;}
.detail-nav .calendar-box{position:absolute; right:100%; top:0; display:none; background-color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.12);}
.detail-nav .calendar-box.show{display:block;}
.detail-nav .calendar-box.left{right:auto; left:100%;}
.detail-nav .calendar-box .layui-laydate, .layui-laydate-hint{border:none; box-shadow:none;}
.detail-nav .calendar-box .laydate-day-mark::after{background-color:#dc3545;}
.detail-nav .calendar-box a{color:#222;}
.detail-nav .calendar-box .history-a{padding:.5rem 0; border-top:1px #eee solid;}
.detail-nav .nav{position:relative;}
.detail-nav .nav-box{display:block; position:absolute; top:0px; right:2.4rem; min-width:10rem; color:#222; background-color:#fff; border:1px #dc3545 solid; border-radius:2px; opacity:0; visibility:hidden; transition:all .5s linear; box-shadow:0 0 5px 0 rgba(0,0,0,.25);}
.detail-nav .nav-box ul{list-style:none; margin:0; padding:0;}
.detail-nav .nav-box li{padding:5px 8px; text-align:left; white-space:nowrap; transition:background-color .3s ease-in-out;}
.detail-nav .nav-box li:hover{color:#fff; background-color:#dc3545;}
.detail-nav .nav-box li a{color:#222;}
.detail-nav .nav-box li a:hover{color:#fff;}
.detail-nav .nav:hover{}
.detail-nav .nav:hover .nav-box{display:block; visibility:visible; opacity:1;}
.detail-nav .nav-box > .arrow, .detail-nav .nav-box > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.detail-nav .nav-box > .arrow{
    top: 11px;
    right: -11px;
    margin-top: -11px;
    border-width:11px;
    border-left-color: #dc3545;
    border-right-width: 0;
}
.detail-nav .nav-box > .arrow:after {
    content: "";
    bottom: -10px;
    right: 1px;
    border-width: 10px;
    border-left-color: #fff;
    border-right-width: 0;
}
.detail-nav .bdsharebuttonbox{position:absolute; right:100%; top:0; display:none; padding-left:.8rem; justify-content:space-between; align-items:center; width:150px; height:100%; background-color:#fff; border:1px #ccc solid;}
.detail-nav .bdsharebuttonbox a{float:none !important; margin:0 !important; background-image:none !important; text-indent:0 !important;}
.detail-nav .share:hover .bdsharebuttonbox{display:flex;}
.bd_weixin_popup .bd_weixin_popup_main{min-height:135px !important; padding:10px !important;}
.paper-header{padding-bottom:.5rem; border-bottom:2px #dc3545 solid;}
.site-logo{padding:1rem 0;}
.site-logo img{height:80px;}
.site-logo-small{padding:2px 1rem;}
.site-logo-small img{height:35px;}
.paper-edition{padding-left:2rem;}
.paper-edition2{padding-top:.4rem; padding-left:.5rem; font-size:.9rem; color:#888;}
.paper-info .summary{color:#999;}
.paper-info .infos{margin:0; padding:0; list-style:none;}
.paper-info .infos li{padding:15px 15px 15px 5px; border-bottom:1px #ccc dotted; transition:background-color .3s ease-in-out;}
.paper-info .infos li.active,
.paper-info .infos li:hover{background-color:rgba(255,0,0,.05);}
.paper-info .infos li h3{font-size:1.6rem;}
.content-box{padding:0 1rem 0 0;}
.content-box .title{margin-top:1rem; margin-bottom:.6rem; padding-bottom:.6rem; font-size:1.85rem; text-align:center; border-bottom:1px #dc3545 dotted;}
.content-box .subtitle{margin-top:.3rem; font-size:1.1rem; color:#444;}
.content-box .content{padding-top:1rem; padding-right:.8rem; font-size:1rem; line-height:1.75; color:#444; text-align: justify;}
.content-box .content p{margin-bottom:.5rem !important; line-height:1.75; text-indent:2rem; text-align: justify;}
.content-box .content p img{display:block; margin:0 auto .5rem;}
.paper-reply{position:relative; display:block; margin-top:-1rem; margin-left:-2rem; width:3rem; height:3rem; line-height:3rem; font-size:2rem; text-align:center; color:#fff; background-color:#dc3545; border:1px #fff solid; border-radius:2rem;}
.paper-reply:hover{color:#dc3545; background-color:#fff; border-color:#dc3545;}
/* list */
.paper-list-box{position:relative; padding:1.5rem 1.5rem 1.5rem 2.5rem; flex-grow:1;}
.paper-list{position:relative;}
.pager-list .edition{padding:.5rem 1rem; font-size:1.15rem; color:#fff; background-image:linear-gradient(to left, transparent, #dc3545);}
.pager-list .summary{color:#999;}
.pager-list .infos{margin:0; margin-bottom:.5rem; padding:0; list-style:none;}
.pager-list .infos li{padding:15px 5px; border-bottom:1px #ccc dotted; transition:background-color .3s ease-in-out;}
.pager-list .infos li.active,
.pager-list .infos li:hover{background-color:rgba(255,0,0,.05);}
.pager-list .infos li h3{font-size:1.6rem;}
.paper-detail.list{width:350px; flex-shrink:1; flex-grow:0;}
.paper-header.list{border-bottom:none;}
.paper-header.list .site-logo{padding-right:1rem;}
.paper-header.list .site-logo img{height:auto; width:100%;}
/* history */
.paper-history{position:relative; padding:2rem 3rem;}
.paper-history .site-logo{text-align:center;}
.paper-history .site-logo img{height:80px;}
.history-box{margin-top:1rem; font-size:0;}
.history-box .item{display:inline-block; margin-bottom:1rem; padding:1rem; width:33.33333%; font-size:1rem;}
.history-box .wrapper{display:block; padding:1rem; border:1px #ccc solid;}
.history-box .pic{height:320px; background-repeat:no-repeat; background-size:cover; transition:transform .5s ease-in-out;}
.history-box .item:hover .pic{transform:scale(1.03);}
.paper-history .detail-nav .bdsharebuttonbox{padding-right:.8rem;}

.footer{background-color:#2c2e2e; background-color:rgba(0,0,0, .56); color:#ccc; font-size:0.875rem;}
.foot-nav{padding:1rem; background-color:#3d3f3e;}
.b-nav{text-align:center;}
.b-nav a{display: inline-block; padding:0 .8rem; color:#f8f8f8;}
.b-nav a:hover{ color:#D80808;}
.foot-container{display:flex; justify-content:space-between;}
.foot-container .foot-qrcode{display:flex; flex-grow:0; width:180px; text-align:center;}
.foot-container .foot-qrcode div{display:flex; padding:1rem; align-items:center;}
.foot-links{padding:1rem 0; text-align:center;}
.foot-links i{color:#f13a3a;}
.foot-links a{display:inline-block; margin-right:1rem; font-size:.85rem; white-space:nowrap; color:#fff;}
.foot-links a:hover{color:#F13A3A;}
.foot-copyright{margin-top:1rem; padding-bottom:2rem; text-align:center; color:#999;}
.foot-copyright p{margin-bottom:.1rem;}

.site-gotop{position:fixed; display:none; bottom:10px; right:10px; width:40px; height:40px; font-size:30px; line-height:35px; border:1px #fff solid; border-radius: 40px; background: #000; color: #FFF; text-align: center; cursor: pointer;}
.site-gotop:hover,
.site-gotop:focus{color:#F13A3A;}

.bd_weixin_popup_foot{display:none !important;}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
  .container {
      max-width:100%;
  }
}
@media (max-width: 1250px) {
  .paper-container {
      margin-left:2rem;
      margin-right:2rem;
  }
}