/* css reset */
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0;box-sizing:border-box;}body{-webkit-text-size-adjust:none;touch-action:manipulation;}button,input,optgroup,select,textarea{color:inherit;font:inherit}li,ol,ul{list-style:none}button,img{border:0;outline:0}a{outline:0;text-decoration:none}a:active,a:hover,a:visited{color:inherit}table,td,tr{border-collapse:collapse}input,textarea{outline:0}code,kbd,pre,samp{font-family:Menlo,Consolas}blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{font-weight:400;text-align:left}abbr,body,fieldset,html,iframe,img{border:0}address,cite,dfn,em,i,var{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:400}a,a:hover{text-decoration:none}
body,button,input,keygen,legend,select,textarea{-webkit-font-smoothing:antialiased;color:#000;font:.32rem/1 SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;outline:0}
html,body{scroll-behavior:smooth;}
a{color:#333;}a:hover,a::after:hover{color:#3662EC;transition:all .3s;}
body{background-color: #f7f7f7;}
.bg-white{background:#fff;}
/* 缩略图处理方法 */
.thumb{position:relative;display:block;width:100%;padding:0;overflow:hidden;}
.thumb::before{display:block;content:"";padding-top:66.66666667%;}
.thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
/* 移动端横向滚动 */
.card-slider-box{-webkit-overflow-scrolling:touch;}
.card-slider{white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-transition:-webkit-transform .5s,transform .5s;transition:-ms-transform .5s,-webkit-transform .5s,transform .5s;}
/* 不显示滚动条 */
.card-slider::-webkit-scrollbar{-webkit-appearance:none;display:none;}
/* 小箭头 */
.arrow-line{border:solid #1e1e1e;border-width:0 .02rem .02rem 0;display:inline-block;padding: .06rem;margin-left: .1rem;}
.arrow-line.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-left:.1rem;}
.arrow-line.left{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.arrow-line.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.arrow-line.down{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-bottom:.06rem;}
.arrow-item{display:flex;align-items:center;}
/* 隐藏文字 */
.text-hide {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.d-none{display:none!important;}
.container{margin:0 auto;}
.container + .container{margin-top: .16rem;}
.breadnav + .container{margin-top: 0;}
.breadnav{background:#fff;}
.more-item{position:relative;display:flex;align-items:center;justify-content:center;padding:.4rem;margin-top:.6rem;background: #f7f7f7;border-radius: .2rem;}
/* 两列布局通用样式 Start *****************/
.main-wrap .main-item{
    flex: 1 1 auto;
    position:relative;
    display: flex;
    flex-direction: column;
    margin: 0 .2rem;
    padding: .3rem;
    background: #fff;
    border-radius: .2rem;
    overflow: hidden;
}
.main-item + .main-item,
.main-wrap + .side-wrap,
.article-adjacen + .main-item{margin-top: .2rem;}
.side-wrap .side-item{margin: .2rem 0 0;padding: .3rem;background: #fff;border-radius: .2rem;}
.side-wrap .side-item + .side-item{margin-top: .22rem;}
.side-wrap .tags{margin-left:-.1rem;margin-right:-.1rem;}
.side-wrap .item-bar{
    font-size: .44rem;
    margin-top: .2rem;
}
.side-wrap .item-bar h3{
    font-weight: 600;
}
.side-wrap .item-bar + .tags{
    margin-top: .4rem;
}
.tags{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}
.tags > a{
    display: flex;
    align-items: center;
    padding: .1rem;
    margin: .1rem;
    font-size: .3rem;
    background: rgba(54, 98, 236, .06);
    border-radius: .1rem;
}
.tags  > a:hover{
    background:rgba(54, 98, 236, .1);
}
.tags > a > span{
    margin-left: .1rem;
    padding: .05rem .1rem;
    font-size: .24rem;
    background: #fff;
    color: #999;
    border-radius: .4rem;
}
/* 两列布局通用样式 End *****************/
/* 全站统用头部导航 Start */
.header{
    position: sticky;
    top: -.78rem;
    z-index: 999;
    padding-top: .18rem;
    background: #fff;
    box-shadow: 0 .16rem .16rem rgb(54 56 79 / 3%);
}
.header .brand{display:flex;order:1;margin-left:.18rem;}
.header .brand .brand-logo{height:.58rem;vertical-align:middle;}
.header .brand .logo{display: flex;align-items: center;}
.header .brand .logo > h1,
.header .brand .logo > h2,
.header .brand .logo > span{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.header > .container{
    flex-wrap: nowrap;
    align-items: center;
}
.header > .card-slider-box,
.header > .container > .card-slider-box{
    position: relative;
    flex: 1 0 100%;
    width: 100%;
    order: 4;
    display: flex;
    align-items: center;
}
.header > .card-slider-box .nav-channel,
.header > .container > .card-slider-box .nav-channel{display:flex;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-transition:-webkit-transform .5s,transform .5s;transition:-ms-transform .5s,-webkit-transform .5s,transform .5s;}
.header > .card-slider-box .nav-channel::-webkit-scrollbar,
.header > .container > .card-slider-box .nav-channel::-webkit-scrollbar{-webkit-appearance:none;display:none;}
.nav-channel a{
    display: inline-block;
    position: relative;
    padding: .3rem .2rem;
    font-size: .36rem;
}
.nav-channel > a:first-child{margin-left:.12rem;}
.nav-channel > a:last-child{margin-right:.12rem;}
.nav-channel a.active{font-weight:600;color:#3662EC;}
.nav-channel a.active::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:.32rem;height:.06rem;background:#3662EC;border-radius:.06rem;}
/* 面包屑导航 */
.breadcrumb{display:flex;align-items:center;padding:.3rem .3rem 0;font-size:.22rem;color:#999;}
.breadcrumb li a{position:relative;color:#999;margin-right:.2rem;padding-right:.2rem;}
.breadcrumb li a::after{content:"/\00a0";position:absolute;right:-.12rem;top:.01rem;font-size:.2rem;color:#ccc;}
.breadcrumb li a:last-child::after{display:none;}
.breadcrumb + .item-bar{margin-top:.2rem}
.container > h1{
    font-size: .56rem;
    line-height: 1.4;
    font-weight: 600;
    text-align: justify;
}
/* 通用头部导航 End */
/* 尾部通用样式 footer */
footer{padding:.6rem 0;font-size:.24rem;text-align:center;}
footer p{margin:0 .32rem .1rem;line-height:1.6;color:#999;}
footer > .container{flex-direction:column;}
/* 通用模块标题 */
.item-bar{
    position: relative;
    display: flex;
    align-items: center;
    font-size: .4rem;
    font-weight: 600;
}
.item-bar a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0);}
.item-bar h2{font-weight: 600;font-size: .48rem;}
.item-bar .item-more{
    display: flex;
    align-items: center;
    margin-left: auto;
    font-size: .32rem;
}
/* 模块底部更多入口 */
a.more-bar,.more-bar{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .16rem;
    margin: .32rem 0 0;
    font-size: .28rem;
    color: #808080;
}
/* 通用文章列表卡片 */
.article-list{
    position:relative;
    display: flex;
    flex: 1 0 calc(100% - .32rem * 2);
    max-width: calc(100% - .32rem * 2);
    
    margin: 0 .32rem;
    padding: .32rem 0 .24rem;
    overflow: hidden;
}
.article-list::after{
    background: #f2f2f2;
    bottom: 0;
    content: "";
    display: block;
    height: .02rem;
    left: 0;
    position: absolute;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5);
    width: 100%;
}
.article-list .thumb{
    align-self: flex-start;
    order: 2;
    flex: 0 0 auto;
    height: 1.76rem;
    width: 2.26rem;
    border-radius: .15rem;
    margin-left: .24rem;
}
.article-list .thumb::before{padding-top:75%;}
.article-list > .bd{
    width: 100%;
    order: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.article-list > .bd > h2,
.article-list > .bd > h2 > a{
    font-size: .36rem;
    line-height: .5rem;
    -webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3;
}
.article-list > .bd > h2 > a:hover{
    color: #3662EC;
}
.article-list > .bd > h2,
.article-list > .bd > h4{margin-bottom: .1rem;}
.article-list > .bd a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0);}
.article-list > .bd > h2 + .info{
    margin-top: auto;
}
.article-list > .bd > .info > a:hover{color: #3662EC;}
.article-list > .bd > p{
    display: none;
    margin-bottom: .2rem;
    font-size: .3rem;
    line-height: 1.4;
    color: #999;
}
.article-list > .bd > .info{
    display: flex;
    align-items: center;
    margin-top: auto;
    font-size: .22rem;
    line-height: 1;
    color: #A6A6A6;
}
.article-list > .bd > .info > a{
    position: relative;
    z-index: 2;
    font-size: .22rem;
}
.article-list > .bd > .info > a:hover{
    color: #3662EC;
}
.article-list > .bd .info > span:not(:first-child){
    display: none;
}
.article-list > .bd .info > span + span,
.article-list > .bd .info > span + a,
.article-list > .bd .info > a + span{
    margin-left: .3rem;
}
.main-wrap .main-item.simple-list{
    margin: .2rem 0 0;
}
.simple-list .article-list{
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

/* 带缩略图文章列表 */
/* 带数字编号的文章列表 */
.list-article-newrank{
    counter-reset: list-number;
}
.list-article-newrank li{
    position: relative;
    counter-increment: list-number;
    display: flex;
    align-items: center;
    font-size: .32rem;
}
.list-article-newrank li::before {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    content: counter(list-number);
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
    color: #999;
    font-size: .26rem;
    background-color: #f1f3f4;
    border-radius: 100%;
}
.list-article-newrank li:first-child::before {
    color: rgb(240, 65, 66);
    background-color: rgba(240, 65, 66, .2);
    font-weight: 600;
    
}
.list-article-newrank li:nth-child(2)::before {
    color: rgb(255, 102, 0);
    background-color: rgba(255, 102, 0, .2);
    font-weight: 600;
}
.list-article-newrank li:nth-child(3)::before {
    color: rgb(255, 153, 0);
    background-color: rgba(255, 153, 0, .2);
    font-weight: 600;
}
.list-article-newrank li a {
    padding: .2rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.item-bar + .list-article-newrank{margin-top: .3rem;}
/* 首页样式 Start *******************/
.main-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-radius: .2rem;
}
.main-wrap.bg-white{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.main-wrap > .article-list:last-child{
    margin-bottom: .2rem;
}
.main-wrap > .article-list:last-child::after{
    display: none;
}
.main-wrap > .article-list:first-child{
    display: block;
    margin-top: .32rem;
    padding: 0;
    border-radius: .2rem;
    min-height: 200px;
    background: url(../../../thumb/thumb-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.main-wrap > .article-list:first-child > .thumb{
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto;
    margin: 0;
}
.main-wrap > .article-list:first-child > .thumb::before{
    padding-top: 56.25%;
}
.main-wrap > .article-list:first-child > .bd{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: .3rem;
    width: auto;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 100%);
}
.main-wrap > .article-list:first-child > .bd > h2{
    margin-top: auto;
    font-weight: 600;
}
.main-wrap > .article-list:first-child > .bd > h2 > a{
    color: #fff;
}
.main-wrap > .article-list:first-child > .bd > p{
    font-size: .28rem;
    color: rgba(255, 255, 255, .75);
}
.main-wrap > .article-list:first-child > .bd > .info{
    margin-top: .2rem;
}
.main-wrap > .article-list:nth-child(2)
.main-wrap > .article-list:nth-child(3){
    flex: 0 1 50%;
    max-width: 50%;
}

/* 不带缩略图文章列表 */
.list-article-newrank{
    counter-reset: list-number;
}
/* 等宽标签列表 */
.tags-item{
    display: flex;
    align-items: center;
    border-radius:.24rem;
}
.tag-item{
    margin: .08rem;
    padding: .23rem .26rem;
    border-radius: .2rem;
    background:#fff;
}
/* 友情链接 */
.friend-link{
    margin-top: .3rem;
    padding: .3rem .25rem;
    font-size: .26rem;
    color: #999;
    border:solid #eee;
    border-width: 1px 0;
}
.friend-link > li{
    flex: 0 1 auto;
    margin: .15rem;
}
.friend-link > li > a{
    color: #999;
}
/* .friend-link + footer{
    margin-top: .3rem;
} */
/* 首页样式 End */
/* 文章列表样式 Start ***************/
.main-wrap > h1{
    flex: 0 0 100%;
    position: relative;
    padding: .32rem .32rem 0;
    font-size: .48rem;
    line-height: 1.4;
    font-weight: 600;
    text-align: justify;
    background-color: #fff;
}
.main-wrap > .category-desc{
    flex: 0 0 100%;
    padding: .2rem .32rem 0;
    font-size: .28rem;
    line-height: 1.4;
    color: #999;
    background-color: #fff;
}
.main-wrap > .category-info{
    flex: 0 0 100%;
    position: relative;
    padding: .2rem .32rem .32rem;
    font-size: .28rem;
    color: #999;
    background-color: #fff;
}
.main-wrap > .category-info::after{
    background: #f2f2f2;
    bottom: 0;
    content: "";
    display: block;
    height: .02rem;
    left: 0;
    position: absolute;
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5);
    width: 100%;
}
/* 分页 */
.pagination{
    flex:0 0 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    padding: .3rem;
    background: #fff;
    border-radius: .2rem;
    font-size:.24rem;
    font-family:Arial, Helvetica, sans-serif;
}
.pagination > a,
.pagination > span{flex: 0 0 auto;padding: .15rem .2rem;background: #f7f7f7;border-radius:.1rem;}
.pagination > a:hover{background: #f1f3f4;}
.pagination > a + a,
.pagination > a + span,
.pagination > span + span,
.pagination > span + a{
    margin-left: .1rem;
}
/* 文章列表样式 End ***************/

/* 文章详情页样式 Start ****************/
.main-wrap .main-item.main-article{
    margin-left: 0;
    margin-right: 0;
    padding: .32rem .4rem;
}
.main-wrap > .main-item > h1{
    position: relative;
    font-size: .48rem;
    line-height: 1.4;
    font-weight: 600;
    text-align: justify;
    background-color: #fff;
}
.main-wrap > h2{
    position: relative;
    padding: .4rem .4rem 0;
    font-size: .38rem;
    line-height: 1.4;
    font-weight: 600;
    background-color: #fff;
}
.main-wrap > .article-info + .detail-dr{
    border-radius: 0;
}
.article-info{
    display: flex;
    align-items: center;
    padding: .3rem 0 0;
    font-size: .28rem;
    color: #999;
}
.article-info span{
    display: flex;
    align-items: center;
}
.article-info > a{
    display: none;
    margin-left: .3rem;
}
.article-info > a + span{
    display: none;
    margin-left: .3rem;
}
.summary{
    padding: .2rem 0;
    font-size: .3rem;
    color: #666;
    border: solid #f1f3f4;
    border-width: 2px 0 1px;
    margin-bottom: .3rem;
}
.article-content{
    padding: .4rem 0 0;
    font-size: .34rem;
    line-height: 1.8;
    text-align: justify;
    background-color: #fff;
}
.article-content h2{
    margin-bottom: .2rem;
    font-size: .4rem;
    font-weight: 600;
}
.article-content > *{
    margin-bottom: .2rem;
}
.article-content ul li{
    margin-bottom: .1rem;
}
.article-content h3{
    margin-bottom: .2rem;
    font-size: .38rem;
    font-weight: 600;
}
.article-content img{
    width: 100%!important;
    border-radius: .2rem;
}
.article-content p + p,
.article-content img + p{
    margin-top: .4rem;
}
.article-content p + h2,
.article-content p + h3,
.article-content p + table,
.article-content p + img{
    margin-top: .4rem;
}
.article-content strong,
.article-content b{font-weight:600;}
.article-content table{
    margin-bottom: .4rem;
    width:100%;
    border-collapse: collapse;
    font-size: .3rem;
}
.article-content table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.article-content table td,
.article-content table th {
    padding: .1rem .2rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}
.article-content table tr:hover {
    background-color: rgba(0,0,0,.025);
}
.article-content + .article-content{
    margin-top: .2rem;
}
.article-content + h2{
    margin-top: .2rem;
    border-radius: .2rem .2rem 0 0;
}
.article-content .tagslink{
    color: #00228D;
    border-bottom: 1px dashed #ccc;
    font-weight: 400;
}
.article-content code{
    white-space: pre-line;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive .td{
    white-space: nowrap;
}
.article-copyright{
    margin-top: .2rem;
    padding: .2rem;
    border-radius: .15rem;
    background: #f7f7f7;
    line-height: 1.6;
    text-align: left;
    font-size: .28rem;
    color: #999;
}
.main-article .tags{
    margin-top: .2rem;
    margin-left: -.1rem;
    margin-right: -.1rem;
}
.main-article .tags > a{
    margin: .1rem;
    padding: 0 .2rem 0 0;
    border-radius: .5rem;
    font-size: .28rem;
}
.main-article .tags > a:hover{
    background-color: #406AFF;
    color: #fff;
}
.main-article .tags > a::before{
    display: flex;
    align-items: center;
    justify-content: center;
    content: "#";
    margin-right: .1rem;
    width: .5rem;
    height: .5rem;
    background: #3662EC;
    color: #fff;
    border-radius: 100%;
}
.article-adjacen{
    display: flex;
    align-items: stretch;
    width: 100%;
    margin: .2rem 0 0;
    font-size: .3rem;
    line-height: 1.4;
}
.article-adjacen .arrow-item{
    display: flex;
    align-items: center;
    font-size: 85%;
    margin-bottom: .2rem;
    color: #999;
}
.article-adjacen .prev,
.article-adjacen .next{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    max-width: 50%;
    padding: .4rem;
    font-weight: 400;
    background:#fff;
}
.article-adjacen .prev + .next::before{
    background: #f2f2f2;
    bottom: 0;
    content: "";
    display: block;
    width: .02rem;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5);
    height: 100%;
}
.article-adjacen .prev{
    border-radius: .2rem 0 0 .2rem;
}
.article-adjacen .next{
    align-items: flex-end;
    text-align: right;
    border-radius: 0 .2rem .2rem 0;
}
.article-adjacen a{
    font-weight: 400;
    -webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3;
}
.article-adjacen a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0);}
.article-like{
    padding: .4rem;
    margin-top: .2rem;
    border-radius: .2rem;
    background-color: #fff;
}
/* .article-like .item-bar{
    margin: .2rem .4rem 0;
} */
/* .article-like .more-item{
    margin: .6rem .4rem 0;
} */
.article-like ul li a{
    font-size: .34rem;
    line-height: 1.4;
}
.article-like ul li p{
    font-size: .28rem;
    color: #999;
}
.article-like ul li a + p{
    margin-top: .2rem;
}
/*********************** 文章详情页样式 End */
.tag-description,
.special-description{
    line-height: 2;
    border-radius: .2rem;
    text-align: justify;
}
.tag-update,
.special-update{
    margin: .2rem .4rem .3rem;
    font-size: .28rem;
    color: #999;
}
.tags-list,
.column-list,
.channel-list
{display: flex;flex-wrap:wrap;margin-left: -.2rem;margin-right: -.2rem;margin-top: .3rem;}
.tags-list li,
.column-list li{
    flex: 0 0 50%;
    overflow: hidden;
}
.tags-list li a,
.column-list li a{
    display: block;
    margin: 0 .2rem .4rem;
    padding: .2rem;
    border-radius: .1rem;
    border: 1px solid #f1f3f4;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.tags-list li a:hover,
.column-list li a:hover{
    background-color: #f7f7f7;
}
.channel-list a{
    display: block;
    padding: .2rem;
    font-size: .34rem;
    font-weight: 600;
}
/* 查看更多带箭头 */
a.item-more{position:relative;padding-right:.3rem;line-height:1;font-size:.32rem;display:flex;align-items:center;}
a.item-more::after{position:absolute;content:"";width:0;height:0;border:.1rem solid transparent;border-left-color:#406AFF;top:50%;transform:translateY(-50%);right:0;left:auto;}
.go-top{display: none;}
@media (min-width:320px){
    html{font-size:266.667%;}
}
@media (min-width:375px){
    html{font-size:312.5%;}
}
@media (min-width:425px){
    html{font-size:354.167%;}
}
@media (min-width:768px){
    html{font-size:380%;}
    .article-info > a{
        display: block;
    }
    .article-info > a + span{
        display: block;
    }
    .article-list > .bd > p{
        display: block;
        font-size: .24rem;
        -webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;
    }
    .article-list .thumb::before{padding-top:66.66666667%;}
    .main-wrap > .article-list:first-child > .thumb::before{
        padding-top: 42.85714285714286%;
    }
}

@media (min-width:992px){
    .container{max-width:960px;}
    .go-top{
        display: block;
        bottom: 100px;
        font-size: 12px;
        position: fixed;
        right: 20px;
        width: 52px;
        z-index: 999;
    }
    .go-top a{
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        background: #fff;
        border: .5px solid hsla(0, 0%, 60%, .4);
        border-radius: 4px;
        box-shadow: 0 1.8px 6px 0 rgba(31, 31, 31, .06);
        box-sizing: border-box;
        color: #333;
        cursor: pointer;
        height: 56px;
        justify-content: center;
        margin-bottom: 12px;
        transition: all .3s ease-out;
        width: 44px;
    }
    .go-top a:last-child{
        height: 48px;
    }
    .go-top a:last-child.hide{
        border: 0;
        height: 0;
        margin-top: -20px;
        opacity: 0;
        pointer-events: none;
    }
    .go-top a:hover{
        background-color: #f2f2f2;
        border-color: #f2f2f2;
    }
}
@media (min-width:1200px){
    .container{max-width:1140px;display:flex;flex-wrap:wrap;align-items:flex-end;}
    .header + .container,
    .container + .container{margin-top: .3rem;}
    .more-item{
        padding: .3rem;
        font-size: .24rem;
    }
    .header{padding-top:0;top:0;flex-wrap: nowrap;}
    .header .brand{margin-left: 0;margin-right: .3rem;}
    .header .brand .brand-logo{height:.68rem;}
    .nav-channel h2:first-child, .nav-channel > a:first-child{margin-left: 0;}
    .header > .card-slider-box, 
    .header > .container > .card-slider-box{
        order: 2;
        flex: 1 1 auto;
        width: auto;
        height: 1.16rem;
        margin-left: 0.6rem;
    }
    .header > .card-slider-box .nav-channel, 
    .header > .container > .card-slider-box .nav-channel{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        overflow-y: hidden;
        height: 1.16rem;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        padding-left: .3rem;
        padding-right: .3rem;
    }
    .header > .card-slider-box .nav-channel:hover,
    .header > .container > .card-slider-box .nav-channel:hover {
        overflow: visible;
        height: auto;
        background-color: #fff;
        box-shadow: 0 0.16rem 0.16rem rgb(54 56 79 / 5%);
        border-radius: 0.2rem;
    }
    .nav-channel a{
        padding: .4rem .2rem;
        font-weight: 600;
    }
    .nav-channel a:hover{
        font-weight: 600;
        color: #3662EC;
    }
    .breadnav{background:transparent;}
    .breadcrumb{background:transparent;padding:0 .4rem;}
    footer p{display:block;max-width:70%;margin-left:auto;margin-right:auto;}
    .pagination{
        flex:0 0 calc(100% - .3rem);
        margin: 0 .15rem;
        border-radius: 0 0 .2rem .2rem;
    }
    
    .tags > a{
        font-size: .25rem;
    }
    .tags > a > span{
        font-size: .2rem;
    }
    .item-bar{
        font-size: .36rem;
    }
    /* 两列布局 */
    .container .main-wrap{
        flex: 0 0 65%;
        max-width: 65%;
        margin-bottom: auto;
    }
    .container .side-wrap{
        flex: 0 0 35%;
        max-width: 35%;
        position: sticky;
        bottom: .3rem;
    }
    .main-wrap + .side-wrap{margin-top: 0;}
    .side-wrap .function{margin:0 .15rem}
    .side-wrap .function + .function{
        margin-top: .3rem;
    }
    .main-wrap .main-item{
        width: calc(100% - 2 * .2rem);
        margin: 0 .2rem;
        padding: .4rem;
    }
    .main-item + .main-item,
    .article-adjacen + .main-item{margin-top: .3rem;}
    .side-wrap .side-item{margin: 0 .15rem 0;}
    .side-wrap .side-item + .side-item{margin-top: .3rem;}
    .main-wrap.bg-white{
        background: none;
    }
    .main-wrap > .article-list:first-child{
        margin-top: 0;
        min-height: 280px;
    }
    .main-wrap > .article-list:first-child + .article-list{
        margin-top: .3rem;
        border-radius: .2rem .2rem 0 0;
    }
    .main-wrap > .article-list:last-child{
        padding-bottom: .32rem;
        margin-bottom: 0;
        border-bottom-left-radius: .2rem;
        border-bottom-right-radius: .2rem;
    }
    .side-wrap .item-bar{
        font-size: .36rem;
        margin-top: .1rem;
    }
    .side-wrap .item-bar + .tags{
        margin-top: .3rem;
    }
    .list-article-newrank li{
        font-size: .265rem;
    }
    .list-article-newrank li::before{
        width: .36rem;
        height: .36rem;
        font-size: .24rem;
    }
    /* 内容页样式 */
    .article-content{
        border-radius: 0 0 .2rem .2rem;
        font-size: .3rem;
    }
    .article-info{
        font-size: .26rem;
    }
    .article-content + .article-content{
        margin-top: .4rem;
        border-radius: .2rem;
    }
    .article-content + h2{
        margin-top: .4rem;
    }
    .article-content h2{
        font-size: .36rem;
    }
    .article-content h3{
        font-size: .32rem;
    }
    .main-article .tags > a{
        font-size: .24rem;
    }
    .main-article .tags > a::before{
        width: .4rem;
        height: .4rem;
    }
    .article-copyright{
        font-size: .24rem;
    }
    .article-like{
        margin-top: .4rem;
    }
    .simple-list .article-list{
        padding-left: 0;
        padding-right: 0;
    }
    /* 列表页样式 Start ***********************/
    .main-wrap > h1{
        flex: 0 0 calc(100% - 2 * .15rem);
        width: calc(100% - 2 * .15rem);
        margin: 0 .15rem;
        border-radius: .2rem .2rem 0 0;
    }
    .main-wrap > .category-desc{
        flex: 0 0 calc(100% - 2 * .15rem);
        width: calc(100% - 2 * .15rem);
        margin: 0 .15rem;
        font-size: .26rem;
    }
    .main-wrap > .category-info{
        flex: 0 0 calc(100% - 2 * .15rem);
        width: calc(100% - 2 * .15rem);
        margin: 0 .15rem;
        font-size: .22rem;
    }
    /* 带缩略图文章列表 */
    .article-list{
        flex: 1 0 calc(100% - .3rem);
        max-width: calc(100% - .3rem);
        margin: 0 .15rem;
        padding-left: .32rem;
        padding-right: .32rem;
        background: #fff;
    }
    
    .article-list .thumb{
        order: 0;
        flex: 1 0 3rem;
        width: 3rem;
        height: auto;
    }
    .article-list > .bd + .thumb{
        margin-left: 0;
        margin-right: .4rem;
    }
    .article-list > .bd > h2,
    .article-list > .bd > h2 > a{
        font-size: .325rem;
    }
    .article-list > .bd .info > span:not(:first-child){
        display: block;
    }
    .main-wrap .main-item.simple-list{
        margin: .3rem .15rem 0;
    }
    /* 列表页样式 End ***********************/
    .tags-list li,
    .column-list li{
        flex: 0 0 25%;
    }
    .main-wrap .main-item.main-article{
        margin-left: .15rem;
        margin-right: .15rem;
    }
    .article-adjacen{
        margin: .3rem .15rem 0 ;
        font-size: .26rem;
    }
    /* 详情页的nav-tabs */
    .nav-tabs{
        top: 1.1rem;
        margin-top: .4rem;
    }
}
@media (min-width:1300px){
    .container{max-width:1250px}
}
/* @media (min-width:1440px){
    .container{max-width:1400px}
} */