@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;
}
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;}

.calendar-box{position:fixed; top:0; left:0; z-index:10000; display:none; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0,.25);}
.calendar-box.show{display:flex;}
.calendar-box .box2{position:relative; margin:5rem auto; padding:.8rem .5rem .5rem; height:310px; background-color:#fff; box-shadow:0 0 15px 4px rgba(0,0,0,.12);}
.calendar-box .box2 .close_btn{position:absolute; right:-.9rem; top:-.9rem; width:1.8rem; height:1.8rem; font-size:2rem; text-align:center; line-height:1.8rem; border:1px #ccc solid; border-radius:50%; cursor:pointer; background-color:#eee;}
.calendar-box .box2 .close_btn:hover{color:red; border-color:red;}
.calendar-box .laydate-day-mark::after{background-color:#dc3545;}
.calendar-box a{color:#222;}
.calendar-box .history-a{padding:.5rem 0; border-top:1px #eee solid;}

/* 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; padding:0; list-style:none;}
.pager-list .infos li{font-size:1.15rem; border-bottom:1px #eee 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:last-child{border-bottom-color:transparent;}
.pager-list .infos li a{display:block; padding:10px 15px;}
.pager-list .infos li a .t{flex-grow:1;}
.pager-list .infos .alert{margin-bottom:0; font-size:.9rem;}
.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%;}

.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;}
.m-boxline{position:fixed; display:block; bottom:55px; right:10px; width:40px; height:40px; font-size:16px; line-height:40px; border:1px #fff solid; border-radius: 40px; background: #000; color: #FFF; text-align: center; cursor: pointer;}
.m-boxline:focus,
.m-boxline:hover{color:#fff;}

body.m-body{background:#fff;}
.m-header{position:fixed; top:0; left:0; z-index:9999; width:100%; height:2.15rem; background:#eee; border-bottom:1px #ccc solid; box-shadow:0 0 15px 0 rgba(0,0,0,.25);}
.m-header.view{padding:0 .5rem; height:2.35rem; background-color:#eee; border-bottom-color:#ccc;}
.m-header .m-logo{background-color:#eee;}
.m-header .site-logo{text-align:center; line-height:2.3rem;}
.m-header .site-logo img{height:1.6rem;}
.m-header .nav{background-color:#eee;}
.m-header .nav-pills .nav-link.active{background-color:#dc3545;}
.m-header .nav-link{padding:.25rem .5rem;}

.m-container{position:relative; padding:0 .5rem; margin-top:3rem; background-color:#fff;}
.m-container.view{margin-top:3rem; padding:1rem .8rem;}
.m-container.list{margin-top:2.5rem; padding:.5rem 0rem;}
.m-container .site-logo{text-align:center; padding:.2rem 0; height:2.5rem;}
.m-container .site-logo img{height:100%;}
.m-container .m-pic{position:relative; height:100vh;}
.m-container .m-pic img{width:100%;}
.m-container .m-pic .area-div{position:absolute; cursor:pointer; transition:background-color .5s, border .2s;}
/******/
.m-container.boxline .m-pic .area-div{border:1px red solid;}

.m-loading{position:fixed; top:5rem; left:0; width:100%; height:calc(100vh - 5.5rem); z-index:10000; background-color:rgba(0,0,0,.25);}
.m-loading .loading{width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:3rem; color:#f8f8f8;}

.m-content{margin-top:1rem; text-align:justify; line-height:1.65;}
.m-content img{display:block;}

/*
.m-edition{margin-bottom:.5rem;}
.m-nav{background-color:#dc3545;}
.m-nav a{color:#fff;}
.m-nav .nav{position:relative; padding:.3rem 0; text-align:center; align-items:center; font-size:1rem; font-weight:bold;}
.m-nav .nav.active::after {position:absolute; bottom:0; left:50%; display:block; width:0; height:0; margin-left:-.3em; content:""; border-top:0; border-right:.4em solid transparent; border-bottom:.4em solid #fff; border-left:.4em solid transparent;}
.m-nav .nav ul{display:none; position:absolute; top:100%; left:0; list-style:none; margin:0; padding:0;}
.m-nav .nav:hover ul{display:block;}
*/
.m-container .paper-list-box{padding:0;}
.m-container .pager-list .edition{padding:.25rem 1rem; font-size:1.05rem; color:#dc3545; background-image:linear-gradient(to left, transparent, #fbe0dc);}

@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;
  }
}