/* 页面初始化 */
body.page-magazine-detail{background-color: #888;}
.magazine-container{display: flex;flex-wrap: nowrap;justify-content: center;}
.wrapper-content{background-color:#fff;}
.wrapper-content .magazine-article-block{padding:10px;}
a.favorities,
a.praise{font-size:14px;padding-left:5px;padding-right:5px;color:#808080;}
a.favorities:not(.active) .on,
a.praise:not(.active) .on,
a.favorities.active .off,
a.praise.active .off{display:none !important;}
a.favorities:hover,
a.favorities:active,
a.favorities.active:link .on,
a.favorities.active:visited .on,
a.praise:hover,
a.praise:active,
a.praise.active:link .fa,
a.praise.active:visited .fa{color:#eb4f38;}

.share-block .tab-content .catalog-overflow{overflow: hidden auto;}
.share-block .tab-content .catalog-overflow::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);border-radius: 6px;background-color: #F5F5F5;}
.share-block .tab-content .catalog-overflow::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
.share-block .tab-content .catalog-overflow::-webkit-scrollbar-thumb{border-radius: 6px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.6);background-color: #999;}

.share-block .tab-content ul.data-list{display:flex;flex-wrap:wrap;margin:0 -7px;padding:0;list-style:none;}
.share-block .tab-content ul.data-list > li.data-item {padding:7px;}
.share-block .tab-content ul.data-list.data-catalog-picture > li.data-item {border:none!important;}
.share-block .tab-content ul.data-list.data-catalog-picture > li.data-item:before,
.share-block .tab-content ul.data-list.data-catalog-picture > li.data-item:after,
.share-block .tab-content ul.data-list.data-catalog-picture > li.data-item a.image:before,
.share-block .tab-content ul.data-list.data-catalog-picture > li.data-item a.image:after{content:unset;clear:unset;overflow:unset;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item {display:flex;flex-wrap:wrap;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item + li.data-item {border-top: 1px solid #f0f0f0;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item h3{font-weight: inherit;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item h3 > a:link,
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item h3 > a:visited{font-size:16px;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item > a.image{width:90px;margin-bottom:0;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item > a.image + .txt-block{width:calc(100% - 90px);margin-bottom:0;padding-left:10px;}
.share-block .tab-content ul.data-list.data-catalog-text > li.data-item > a.image + .txt-block .summary{margin-bottom:0;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/******************** 上一篇、下一篇 begin ********************/
.share-block.prev-next-block{padding:15px;background-color:#f2f2f2;}
.share-block.prev-next-block ul.data-list{display:flex;flex-wrap:wrap;}
.share-block.prev-next-block ul.data-list > li.data-item{display:flex;}
.share-block.prev-next-block ul.data-list > li.data-item:before,
.share-block.prev-next-block ul.data-list > li.data-item:after{content:unset;font-size:16px;}
.share-block.prev-next-block ul.data-list > li.data-item a:link,
.share-block.prev-next-block ul.data-list > li.data-item a:visited{font-size:16px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/******************** 上一篇、下一篇 begin ********************/


.share-block.magazine-info-block{display: flex;display: -ms-flexbox;flex-direction:column;}
.share-block.magazine-info-block .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.share-block.magazine-info-block .period-group{display:flex;flex-wrap: wrap;line-height:200%;}
.share-block.magazine-info-block .period-group > .period{width:100%;}
.share-block.magazine-info-block .morebutton{text-align:right;}
.share-block.magazine-info-block .morebutton a.more:link,
.share-block.magazine-info-block .morebutton a.more:visited{color:#00A1E9;}
.share-block.magazine-info-block .toolbar-group{display:flex;flex-wrap:wrap;}
.share-block.magazine-info-block .toolbar-group .praise-favorities{display: flex;align-items: center;}

.share-block.magazine-info-block .toolbar-group .sharetoolbar-block{margin-left:auto;}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharetoolbar{display: flex;flex-wrap: nowrap;align-items: center;}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharetoolbar > strong {margin-right: 5px;color: #808080;}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a{width:22px;height:17px;margin-left:0;margin-right:0;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a.bds_weixin{background-image:url('../images/share-icon-weixin.png');}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a.bds_tsina{background-image:url('../images/share-icon-sina.png');}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a.bds_qzone{background-image:url('../images/share-icon-qzone.png');}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a.bds_renren{background-image:url('../images/share-icon-renren.png');}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a.bds_mshare{display: none !important;}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a.bds_more{display: none !important;}
.share-block.magazine-info-block .toolbar-group .sharetoolbar-block .bdsharebuttonbox a + a{margin-left:6px;}

.share-block.magazine-catalog-block{margin-bottom:0;}

.carousel:hover .carousel-control-prev{
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.25) 0,rgba(0,0,0,.0001) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.25) 0,rgba(0,0,0,.0001) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.25)),to(rgba(0,0,0,.0001)));
  background-image: linear-gradient(to right,rgba(0,0,0,.25) 0,rgba(0,0,0,.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel:hover .carousel-control-next{
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.25) 100%);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.25) 100%);
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.25)));
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=1);
  background-repeat: repeat-x;
}
.magazine-block img.img-cover{width:100%;}
.magazine-block a.magazine-link{display: none !important;}

.wrapper-content .magazine-article-block .detail-con .art-sum{background-color:#DDEBFB;color:#5081A1;padding:1rem;margin-bottom:1rem;}
.wrapper-content .magazine-article-block .detail-con .con .txt{color:#555;font-size:1rem;}
.wrapper-content .magazine-article-block .detail-con .con .txt p:not([class]){text-indent:2em;}
.wrapper-content .magazine-article-block .detail-con .con .txt img{max-width:100% !important;width:auto !important;height:auto !important;}


@media (max-width:767.98px){
  .seize{height:49px;}
  .magazine-container{align-items:center;height:calc(100vh - 105px);}
  .wrapper-content.text-magazine{height:100%;overflow: hidden auto;padding-bottom:15px;}
  .carousel-inner{display: flex;align-items: center;background:#333;}
  .wrapper-content .carousel-inner .carousel-item img{width:100%;display:block;}
  .wrapper-rightaside{position:fixed;bottom:0;z-index:1499;width:100%;box-shadow:inset 0 -1px 0 rgb(255 255 255 / 15%), 0 -1px 5px rgb(0 0 0 / 8%)}
  .wrapper-rightaside .share-block.magazine-info-block{display:none;}
  .wrapper-rightaside .share-block.magazine-info-block.active.mobile{display:block;margin-bottom:0;background-color:#f2f2f2;padding:15px;border-radius:15px 15px 0 0;}
  .wrapper-rightaside .share-block.magazine-info-block a.image{display:block;padding:15px;margin-left:auto;margin-right:auto;max-width:200px;}
  .wrapper-rightaside .share-block.magazine-info-block .title{font-size:18px;}
  .wrapper-rightaside .share-block.magazine-info-block .toolbar-group,
  .wrapper-rightaside .share-block.magazine-info-block .morebutton{display:none;}
  .wrapper-rightaside .share-block.magazine-info-block .period-group > .period{width:auto;font-size:14px;}
  .wrapper-rightaside .share-block.magazine-info-block .period-group > .period + .period:before{content:"/";margin-left:3px;margin-right:3px;}
  
  .wrapper-rightaside .share-block.magazine-catalog-block{display:flex;flex-direction:column;}
  .wrapper-rightaside .share-block.magazine-catalog-block .closemagazineinfo{display:block;background-color:#fff;text-align:center;line-height:56px;vertical-align:middle;font-size:1.25rem;}
  .wrapper-rightaside .share-block.magazine-catalog-block .closemagazineinfo + .nav.nav-magazine-catalog{display:none!important;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog{order:99;border:none;background-color:#fff;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog .nav-link{border:none;padding-left:0;padding-right:0;border-radius:unset;background-color:transparent;text-align:center;width:25%;color:#444;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog .nav-link.mobile.active{color:#00A1E9;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog .nav-link .fa{display:block;font-size:20px}
  .wrapper-rightaside .share-block.magazine-catalog-block .tab-content{order:-1;background-color:#f2f2f2;border-radius:15px 15px 0 0;}
  .wrapper-rightaside .share-block.magazine-catalog-block .tab-content .catalog-overflow{height:calc(100vh - 280px)}
  .wrapper-rightaside .share-block.magazine-catalog-block .tab-content > .tab-pane.active{display:none;}
  .wrapper-rightaside .share-block.magazine-catalog-block .tab-content > .tab-pane.active.mobile{display:block;padding:15px;}


  .detail-page .con,
  .detail-page .con p{font-size:20px;text-align: justify;}
  .magazine-block{margin:0px;position: relative;}
  #spotlight .header div {width: 50px !important;}
  #fullPage{display: none;background: black;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 19930428;}
  #fullPage img{display: block;width: 100%;}
  #canvas{width: 100%;height: 100%;background: none;display: block;}
  .magazine-block a.magazine-link[href]{display: block !important;position: absolute;right:10px;bottom:50px;background-color:rgba(0,0,0,.75);color:#fff;z-index:99;font-size:20px;width:40px;height:40px;border-radius:100%;line-height:40px;text-align:center;}
  /******************** 上一篇、下一篇 begin ********************/
  .share-block.prev-next-block ul.data-list > li.data-item{width:100%;padding-top:5px;padding-bottom:5px;}
  /******************** 上一篇、下一篇 end ********************/
}

@media (min-width:768px){
  .magazine-container{margin-top:5px;margin-bottom: 5px;}
  .wrapper-content{height:calc(100vh - 67px);}
  .wrapper-content.image-magazine{width:calc(100vh*210/297 - 67px*210/297);}
  .wrapper-content.text-magazine{width:800px;}
  .wrapper-content .carousel{width:calc(100vh*210/297 - 67px*210/297);height:calc(100vh - 67px);}
  .wrapper-content .carousel-inner .carousel-item img{height:calc(100vh - 67px);width:calc(100vh*210/297 - 67px*210/297);display:block;}
  .wrapper-content .magazine-article-block .detail-con{padding:10px;overflow: hidden auto;height:calc(100vh - 87px);}
  .wrapper-content .magazine-article-block .detail-con::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);border-radius: 6px;background-color: #F5F5F5;}
  .wrapper-content .magazine-article-block .detail-con::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
  .wrapper-content .magazine-article-block .detail-con::-webkit-scrollbar-thumb{border-radius: 6px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.6);background-color: #999;}
  .wrapper-rightaside {width:380px;max-width:380px;background-color: #fafafa;padding:10px;margin-left: 5px;}
  
  .wrapper-rightaside .share-block.magazine-catalog-block .tab-content .catalog-overflow{height:calc(100vh - 255px);}

  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog{border:none;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog .nav-link{border:none;border-radius:unset;background-color:transparent;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog .nav-link.active{color:#00A1E9;}
  .wrapper-rightaside .share-block.magazine-catalog-block .nav.nav-magazine-catalog .nav-link.moremagazine{background-color:#888;padding:5px 15px;color:#fff;border-radius:5px;margin-left:auto;margin-bottom:auto;}

  /******************** 上一篇、下一篇 begin ********************/
  .share-block.prev-next-block ul.data-list > li.data-item{max-width:50%;display:flex;}
  .share-block.prev-next-block ul.data-list > li.data-item span{display:none;}
  .share-block.prev-next-block ul.data-list > li.data-item.prev-item{order:-1;padding-right:7px;}
  .share-block.prev-next-block ul.data-list > li.data-item.prev-item:before{display:inline;content:"\f053";font-family:FontAwesome;margin-right:5px;}
  .share-block.prev-next-block ul.data-list > li.data-item.next-item{order:13;margin-left:auto;padding-left:7px;}
  .share-block.prev-next-block ul.data-list > li.data-item.next-item:after{display:inline;content:"\f054";font-family:FontAwesome;margin-left:5px;}
  .share-block.prev-next-block ul.data-list > li.data-item a:link,
  .share-block.prev-next-block ul.data-list > li.data-item a:visited{flex:1;}
  /******************** 上一篇、下一篇 end ********************/
}

.magazine-current-block{position:relative;background-color:#f2f2f2;padding-top:50px;padding-bottom:50px;margin-top:15px;}
.magazine-current-block:before{content:"";display:block;position:absolute;width:100%;height:50%;bottom:0;background:#00408d url('../images/magazine-current-bg.png') repeat center center;}
.magazine-current-block .share-block{display:flex;flex-wrap:wrap;margin-bottom:0;}
.magazine-current-block .share-block a.image{display:block;}
.magazine-current-block .share-block .txt-block{width:100%;max-width:100%;}
.magazine-current-block .share-block .txt-block .mtinfo{width:100%;display:flex;flex-wrap:wrap;}
.magazine-current-block .share-block .txt-block .mtinfo .title{width:100%;margin-top:auto;}
.magazine-current-block .share-block .txt-block .mtinfo .period-group{width:100%;}
.magazine-current-block .share-block .txt-block .mtinfo .period-group .period + .period:before{display:inline-block;content:"/";}
.magazine-current-block .share-block .txt-block .summary{margin-top:auto;margin-bottom:auto;width:100%;display:flex;flex-wrap:wrap;}
.magazine-current-block .share-block .txt-block .summary > .txt{margin-top:auto;margin-bottom:15px;color:#eee;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.magazine-current-block .share-block .txt-block .summary a:link,
.magazine-current-block .share-block .txt-block .summary a:visited{display:block;background-color:#4C98FF;color:white;margin-bottom:auto;border-radius:20px 20px 20px 0;padding:10px 20px;width:100%;max-width:200px;text-align:center;}
.magazine-current-block .share-block .txt-block .summary a:after{display:inline;margin-left:10px;content:"\f054";font-family:FontAwesome;}

.magazine-list-block .share-block.magazine-block{background-color:#fff;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item{padding:15px;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item + li.data-item{border-top:1px solid #eee;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:link,
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:visited{padding:2px;border:1px solid #eee;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block{display:flex;flex:1;width:100%;flex-direction:column;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .summary{background-color:#f2f2f2;padding:15px;color:#888;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .summary > .txt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .readdetail{margin-top:auto;margin-bottom:0;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .readdetail a:link,
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .readdetail a:visited{display:block;text-align:center;background-color:#4C98FF;color:white;border-radius:20px 20px 20px 0;padding:8px 15px;width:100%;max-width:150px;}
.magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .readdetail a:after{display:inline;margin-left:10px;content:"\f054";font-family:FontAwesome;}
@media(max-width:575.98px){
  .magazine-current-block:before{height:60%;}
  .magazine-current-block .share-block a.image{width:100%;text-align:center;}
  .magazine-current-block .share-block a.image img{max-width:200px;}
  .magazine-current-block .share-block .txt-block{flex:1;}
  .magazine-current-block .share-block .txt-block .mtinfo .title{margin-top:10px;}
  .magazine-current-block .share-block .txt-block .mtinfo .title a:link,
  .magazine-current-block .share-block .txt-block .mtinfo .title a:visited{color:#FFF;}
  .magazine-current-block .share-block .txt-block .mtinfo .period-group .period{color:#fff;}
  .magazine-current-block .share-block .txt-block .mtinfo .period-group .period + .period:before{margin-left:3px;margin-right:3px;}

  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:link,
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:visited{max-width:120px;}
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block{max-width:calc(100% - 120px);}
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .summary{display:none;}
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block .period-group .period{white-space:nowrap;color:#555;}
}
@media(min-width:576px){
  .magazine-current-block:before{height:50%;}
  .magazine-current-block .share-block a.image{display:block;max-width:200px;}
  .magazine-current-block .share-block .txt-block{flex:1;padding-left:20px;}
  .magazine-current-block .share-block .txt-block .mtinfo{height:50%;}
  .magazine-current-block .share-block .txt-block .mtinfo .title a:link,
  .magazine-current-block .share-block .txt-block .mtinfo .title a:visited{color:#00A1E9;}
  .magazine-current-block .share-block .txt-block .mtinfo .period-group{margin-bottom:auto;}
  .magazine-current-block .share-block .txt-block .mtinfo .period-group .period{color:#444;font-size:1.25rem;}
  .magazine-current-block .share-block .txt-block .mtinfo .period-group .period + .period:before{margin-left:8px;margin-right:8px;}
  .magazine-current-block .share-block .txt-block .summary{height:50%;}

  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:link,
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:visited{max-width:160px;}
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block{max-width:calc(100% - 160px);}
}
@media(min-width:768px){
  .magazine-current-block .share-block a.image{display:block;max-width:300px;}
  .magazine-current-block .share-block .txt-block{flex:1;padding-left:50px;}
  .magazine-current-block .share-block .txt-block .mtinfo .title a:link,
  .magazine-current-block .share-block .txt-block .mtinfo .title a:visited{font-size:150%;}
  .magazine-current-block .share-block .txt-block .mtinfo .title a:hover,
  .magazine-current-block .share-block .txt-block .mtinfo .title a:active{color:#00408d;}

  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:link,
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item a.image:visited{max-width:180px;}
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block{max-width:calc(100% - 180px);}
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block .title .a:hover,
  .magazine-list-block .share-block.magazine-block ul.data-list > li.data-item .txt-block .title .a:active{color:#4C98FF;text-decoration:none;}
  
}