@font-face{font-weight:400;font-style:normal;font-family:Dosis;src:url(Dosis.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd;}
body{margin:0;background-color:#f8fafc;color:#757575;font-weight:400;font-family:Dosis,Open Sans,pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif;line-height:1.5;}
body,html{width:100%;height:100%;}
*,:after,:before{box-sizing:border-box;margin:0;padding:0;}
img{max-width:100%;vertical-align:middle;}
li,ul{list-style-type:none;}
a{color:#757575;text-decoration:none;cursor:pointer;}
button,input{outline:0;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#3c4248;font-family:Dosis,Open Sans,pingfang SC,-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,PingFang TC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif;}
.views-ico{background-image:url(images/view-ico.png);}
.comment-ico{background-image:url(images/comment-ico.png);}
.time-ico{background-image:url(images/time-ico.png);}
.book-ico{background-image:url(images/book-ico.png);}
.search-ico{background-image:url(images/search.png);}
.overflow-hidden{overflow: hidden;}
#masking-layer{position:fixed;top:0;left:0;z-index:1000;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.7);}
/** ----------------------------------
 * 主题CSS
 -------------------------------------- */
 .header{overflow:hidden;margin:0 auto;width:977px;max-width:100%;}
.header,.footer{overflow:hidden;padding:10px 15px;background-color:#fff;}
.header .header-content{overflow:hidden;height:25px;line-height:30px;}
.header .header-content .header-logo{float:left;line-height:1;}
.header .header-content .header-logo img{height:25px;}
.header .header-content .header-search{float:right;}
.header .header-content .header-search img{height:28px;vertical-align:-8px;}
/*容器*/
.container{overflow:hidden;margin:15px auto;padding:0 10px;width:992px;max-width:100%;min-height: calc(100vh - 162.8px);}
.container .article{border-radius:4px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.article h1{padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:400;font-size:18px;}
.article h1 .book-ico{display:inline-block;margin-right:5px;width:18px;height:18px;background-size:100%;background-repeat:no-repeat;vertical-align:-2px;}
.article .article-content{position: relative;display:block;overflow:hidden;padding:15px;width:100%;border-bottom:1px solid rgba(0,0,0,.05);transition:transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;}
.article .article-content:hover{background-color:transparent;background-image:linear-gradient(#fff,hsla(0,0%,100%,.5) 30%,#fff);box-shadow:0 0 26px rgb(0 61 131/10%);transform:translateY(-1px);border-bottom-style:solid!important;}
.article-content .loaded{float:left;margin-right:15px;width:50px;height:50px;border-radius:5px;transition:transform .3s ease-in-out,translateY .3s ease-in-out;}
.article-content:hover .loaded{transform:scale(1.1);}
.article-content .article-content-info{float:left;max-width:calc(100% - 65px);}
.article-content .article-content-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.article-content .article-content-info .title>.xin{display:inline-block;margin-right:5px;width:6px;height:6px;border-radius:100%;background:#4caf50;vertical-align:3px;text-align:center;font-size:12px;}
.article-content:hover .article-content-info {color:#50a1ff;opacity:.7;}
.title h1{font-size:1.2rem;color:#4682B4}
.page-content p{margin-bottom:20px}
.article-content .istop{position:absolute;top:5px;right:15px;z-index:10;display:block;width:40px;height:25px;background-image:url(images/istop.gif);background-size:100%;background-repeat:no-repeat;}
/*分页*/
.pagination{display:flex;font-size:14px;}
.pagination a,.pagination span{display:flex;padding:0 5px;height:40px;flex:1;align-items:center;justify-content:center;}
.pagination .pagination-next,.pagination .pagination-prev{opacity:.6;}
/*搜索*/
.masking-search{position:fixed;top:0;left:0;z-index:1024;display:none;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);width:100%;max-height:100%;background-color:#fff;transition:transform .3s,-webkit-transform .3s;}
.masking-search>.masking-show{display:flex;padding:10px 0 10px 12px;background-color:#fff;align-items:center;}
.masking-search>.masking-show>.masking-content{display:flex;padding-left:8px;border-radius:999px;background-color:#f7f8fa;flex:1;}
.masking-content>.masking-field{position:relative;display:flex;overflow:hidden;box-sizing:border-box;padding:5px 8px 5px 0;width:100%;background-color:transparent;color:#323233;font-size:14px;line-height:24px;flex:1;}
.masking-content>.masking-field>.search-ico{display:inline-block;margin-top:5px;margin-right:10px;width:16px;height:16px;background-size:100%;background-repeat:no-repeat;opacity:1;}
.masking-content>.masking-field>.masking-value{position:relative;overflow:visible;color:#323233;vertical-align:middle;text-align:left;word-wrap:break-word;flex:1;}
.masking-content>.masking-field>.masking-value>#masking-body{display:flex;align-items:center;}
.masking-content>.masking-field>.masking-value>#masking-body>.form-control{display:block;width:100%;outline-offset:-2px;border:0;background-color:transparent;color:#323233;text-align:left;line-height:inherit;resize:none;-webkit-appearance:none;}
.masking-search>.masking-show>.masking-action{padding:0 10px;color:#323233;font-size:14px;line-height:34px;cursor:pointer;}
/*文章内容*/
.page .page-box{overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.page-box .page-header{position:relative;overflow:hidden;padding:15px;border-bottom:1px solid rgba(0,0,0,.05);}
.page-box .page-header>.title{display:-webkit-box;overflow:hidden;margin-bottom:15px;color:#2c2e3b;text-align:center;text-overflow:ellipsis;font-weight:600;font-size:18px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.page-box .page-header>.meta{text-align:center;font-size:14px;}
.page-box .page-header>.meta>span{margin-left:10px;}
.page-box .page-header>.meta>span:first-child{margin-left:0;}
.page-box .page-header .istop{position:absolute;top:15px;right:15px;z-index:10;display:block;width:80px;height:50px;background-image:url(images/istop.gif);background-size:100%;background-repeat:no-repeat;}
.page-box .page-content{color:#6E7B8B;overflow:hidden;padding:15px;letter-spacing:1.5px;line-height:180%;}
.page-box .page-content img{height: auto;}
.page-box .page-content h1,.page-box .page-content h2,.page-box .page-content h3{position:relative;margin-bottom:5px;padding:0 15px;color:#303133;letter-spacing:2px;font-size:16px;line-height:24px;}
.page-box .page-content h1:before,.page-box .page-content h2:before,.page-box .page-content h3:before{position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:#409eff;content:"";}
.page-box .page-copyright{margin:0 15px 15px;padding:10px 15px;border-radius:0 5px 5px 0;background:#e8eef3;color:#828a92;font-size:14px;}
.page-box .page-tags{overflow:hidden;padding:0 15px;}
.page-box .page-tags a{float:left;margin-right:10px;margin-bottom:10px;padding:0 15px;height:26px;border-radius:5px;background:#ebeef5;color:#909399;font-size:12px;line-height:26px;transition:opacity .35s;}
.page .upper-lower{overflow:hidden;margin:15px auto;}
.page .upper-lower a{padding:0 15px;border-radius:5px;background:#50a1ff;color:#fff;font-size:12px;line-height:32px;}
.page .upper-lower .left{float:left;}
.page .upper-lower .right{float:right;}
/*友情链接*/
.links{overflow:hidden;margin-top:15px;border-radius:4px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.links h2{position:relative;margin-bottom:5px;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.05);color:#303133;letter-spacing:2px;font-weight:400;font-size:16px;line-height:24px;}
.links h2:before{position:absolute;top:10%;bottom:10%;left:0;margin-top:7.5px;width:4px;height:20px;border-radius:2px;background:#409eff;content:"";}
.links .links-infao{overflow:hidden;}
.links .links-infao a{float:left;padding:0 15px 10px;font-size:14px;opacity:.8;}
/*评论*/
.page-comment{padding:10px;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.page-comment .title{padding:10px}
.page-comment p{list-style-type:disc;display:table;padding-left:7px;height:189%;line-height:189%}
.page-comment p a{font-size:.9rem;color:#8B8989;}
.page-comment p::before{content: "\00BB";padding-right:5px;}
.page-comment p a:hover{font-size:1rem;color:#06f}
/*底部*/
.footer {text-align: center;margin-top: 20px;font-size: 14px;}
.footer .footer-content a{margin: auto 5px;font-size: 14px;}
@media (max-width:768px){
.page-comment .page-comment-box,.comment-list-item .item{padding: 10px;}
.comment-list-item .item .comment-content{padding-bottom: 5px;padding-top: 5px;}
.comment-list-item .item>.avatar{margin-right: 10px;width: 35px;height: 35px;}
.comment-list-item .item .comment-content .substance{margin: 5px auto;padding: 5px 10px;font-size: 14px;}
.page-comment-list>.comment-list-item>.item-level{margin-left: 0;}
}