@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,.footer{overflow:hidden;padding:10px 15px;background-color:#fff;}
.header .header-content{overflow:hidden;height:40px;line-height:40px;}
.header .header-content .header-logo{float:left;line-height:1;}
.header .header-content .header-logo img{height:40px;}
.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 .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.article-content .article-content-info .title strong{color: #f44336;margin-left: 5px;font-weight: 400;opacity: .7;}
.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 .title{color:#50a1ff;opacity:.7;}
.article-content .article-content-info .meta{margin-top:2px;font-size:14px;opacity:.5;}
.article-content .article-content-info .meta span{margin-right:15px;}
.article-content .article-content-info .meta span .views-ico{display:inline-block;margin-right:3px;width:16px;height:16px;background-size:100%;background-repeat:no-repeat;vertical-align:-3px;}
.article-content .article-content-info .meta span .comment-ico{display:inline-block;margin-right:3px;width:14px;height:14px;background-size:100%;background-repeat:no-repeat;vertical-align:-3px;}
.article-content .article-content-info .meta span .time-ico{display:inline-block;margin-right:3px;width:14px;height:14px;background-size:100%;background-repeat:no-repeat;vertical-align:-2px;}
.article-content .article-content-info .meta span:last-child{margin-right:0;}
.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{overflow:hidden;padding:15px;letter-spacing:1.5px;line-height:1.5;}
.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{overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 0 20px -5px rgb(158 158 158/22%);}
.page-comment>.title{position:relative;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;}
.page-comment>.title:before{position:absolute;top:10%;bottom:10%;left:0;margin-top:7.5px;width:4px;height:20px;border-radius:2px;background:#409eff;content:"";}
.page-comment .page-comment-box{overflow:hidden;padding:15px;}
.page-comment .page-comment-box form{overflow:hidden;border-radius:6px 0 6px 6px;background:#f2f6fc;}
.page-comment-box .page-comment-head{overflow:hidden;border-bottom:1px solid #dcdfe6;}
.page-comment-box .page-comment-head input{float:left;padding:0 15px;width:33.33333%;height:40px;border:0;border-right:1px solid #dcdfe6;background:0 0;color:#606266;}
.page-comment-box .page-comment-head input:last-child{border-right:0;}
.page-comment-box .page-comment-body{padding:15px;}
.page-comment-box .page-comment-body textarea{width:100%;height:180px;outline:0;border:0;background:0 0;color:#606266;vertical-align:middle;resize:none;}
.page-comment-box .page-comment-foot{overflow:hidden;padding:0 15px 15px;}
.page-comment-box .page-comment-foot .meta{float:left;display: flex;}
.page-comment-box .page-comment-foot .meta a{display:inline-block;padding:0 5px;height:20px;border-radius:5px;background:#00bcd4;color:#fff;font-size:12px;line-height:20px;margin-top: 12px;}
.page-comment-box .page-comment-foot .meta>p{margin-left:15px;}
.page-comment-box .page-comment-foot .meta>p>input{padding:0 10px;width:100px;height:32px;border:1px solid #ebeef5;line-height:32px;border-radius: 5px;}
.page-comment-box .page-comment-foot .meta>p>label{display:none;}
.page-comment-box .page-comment-foot .meta>p>img{width:80px!important;height:30px!important;line-height:32px;height: 32px;border-radius: 5px;}
.page-comment-box .page-comment-foot .submit{float:right;}
.page-comment-box .page-comment-foot .submit .cancel{margin-right:5px;background:#f44336;}
.page-comment-box .page-comment-foot .submit .cancel,.page-comment-box .page-comment-foot .submit button{display:inline-block;padding:0 15px;height:32px;border:0;border-radius:5px;color:#fff;font-size:12px;line-height:32px;cursor:pointer;}
.page-comment-box .page-comment-foot .submit button{background:#50a1ff;}
.page-comment .page-comment-list{overflow:hidden;}
.comment-list-item .item{display:flex;padding: 15px;padding-bottom: 0!important;}
.comment-list-item .item>.avatar{margin-right:15px;padding:3px;width:48px;height:48px;border:1px solid #f2f6fc;border-radius:50%;object-fit:cover;}
.comment-list-item .item .comment-content{padding-bottom:10px;flex:1;padding-top: 10px;}
.comment-list-item .item .comment-content .user{display:flex;color:#303133;line-height:20px;align-items:center;}
.comment-content>.user>.author{overflow:hidden;margin-right:10px;text-overflow:ellipsis;white-space:nowrap;flex: 1;display: flex;}
.comment-content>.user>.agent{margin-left:auto;color:#909399;font-size:12px;}
.comment-list-item .item .comment-content .substance{margin-bottom:10px;padding:10px 15px;width:100%;border-radius:4px;color:#303133;line-height:24px;word-break:break-all;margin-top: 10px;background: #f2f6fc;}
.comment-list-item .item .comment-content .substance .hfsj{display:inline-block;margin-right:8px;padding:0 8px;height:22px;border:1px solid #f35532;border-radius:4px;color:#f35532;font-size:14px;line-height:20px;}
.comment-list-item .item .comment-content .handlebox{display:flex;color:#909399;font-size:14px;align-items:center;}
.comment-list-item .item .comment-content .handlebox>.date{margin-right:10px;}
.comment-list-item .item .comment-content .handlebox>.revertcomment{color:#555;font-size:14px;cursor:pointer;transition:color .35s;display: none;}
.page-comment-list .item:hover .handlebox .revertcomment{display: block;}
.page-comment-list .comment-list-item{border-bottom:1px solid #ebeef5;}
.comment-list-item .item-level .comment-list-item{border-bottom: 0;}
.page-comment-list>.comment-list-item>.item-level{margin-left: 62px;}
.comment-content>.user>.author>em,.comment-content>.user>.author>time{font-size: 12px;font-style: normal;margin-left: 5px;opacity: .7;}
.comment-content>.user>.author>a{color: #333;}
.page-comment .page-comment-list .commentmsg{padding: 15px;text-align: center;}
.page-comment .substance #divCommentPost{padding-left: 0; padding-right: 0;}
.page-comment .substance #divCommentPost #frmSumbit{border: 1px solid #dcdfe6;background: #fff;}
/*底部*/
.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;}
}