::-webkit-scrollbar{width:4px;background-color:#F5F5F5}
::-webkit-scrollbar-thumb{background-color:rgba(128,128,128,0.43)}
body{background-image: repeating-linear-gradient(147deg, hsla(199,0%,94%,0.12) 0px, hsla(199,0%,94%,0.12) 2px,transparent 2px, transparent 5px,hsla(199,0%,94%,0.12) 5px, hsla(199,0%,94%,0.12) 7px,transparent 7px, transparent 9px,hsla(199,0%,94%,0.12) 9px, hsla(199,0%,94%,0.12) 11px),repeating-linear-gradient(322deg, hsla(199,0%,94%,0.12) 0px, hsla(199,0%,94%,0.12) 2px,transparent 2px, transparent 5px,hsla(199,0%,94%,0.12) 5px, hsla(199,0%,94%,0.12) 7px,transparent 7px, transparent 14px,hsla(199,0%,94%,0.12) 14px, hsla(199,0%,94%,0.12) 16px),repeating-linear-gradient(0deg, hsla(199,0%,94%,0.15) 0px, hsla(199,0%,94%,0.15) 0px,transparent 0px, transparent 1px,hsla(199,0%,94%,0.15) 1px, hsla(199,0%,94%,0.15) 4px,transparent 4px, transparent 5px,hsla(199,0%,94%,0.15) 5px, hsla(199,0%,94%,0.15) 8px),repeating-linear-gradient(90deg, hsla(199,0%,94%,0.15) 0px, hsla(199,0%,94%,0.15) 0px,transparent 0px, transparent 1px,hsla(199,0%,94%,0.15) 1px, hsla(199,0%,94%,0.15) 4px,transparent 4px, transparent 5px,hsla(199,0%,94%,0.15) 5px, hsla(199,0%,94%,0.15) 8px),linear-gradient(90deg, rgb(251,251,251),rgb(251,251,251));}
.header{background:linear-gradient(#40abfa,#1E9FFF);width:100%;height:70px;box-sizing:border-box;}
.header .logo{width:200px;height:80px;text-align:center}
.header .logo{display:inline-block}
.header .logo a{line-height:70px}
.header .logo a img{max-height:46px}
.header .nav{display:inline-block;float:right}
.header .nav .layui-nav{padding:5px 0;font-size:18px;background:linear-gradient(#39a9fc,#1E9FFF)}
.header .nav .layui-nav .layui-nav-item a{color:rgba(255,255,255,.9)}
.header .nav .layui-nav .layui-nav-child a{color:#333}
.header .nav .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{background:linear-gradient(#C1E4FF,#C1E4FF)}
.header .nav .layui-nav .layui-nav-item{line-height:58px}
.mobile-icon{display:none}
@media screen and (max-width:1024px){.header .logo{text-align:left}
    .header .nav{display:none;position:absolute;z-index:9999;left:50%;transform:translate(-50%,-5px)}
    .layui-nav .layui-nav-item{line-height:44px}
    .layui-nav{border-top-left-radius:0;border-top-right-radius:0}
    .header .nav li{width:100%;text-align:center}
    .mobile-icon{display:block;color:#FFF;font-size:30px;float:right;margin-top:22px}
    .layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{height:1px;background-color:#5FB878}
}.index-info{margin-top:10px;color:#999}
.index-info .index-info-left{width:80%;display:inline-block}
.index-info .index-info-right{width:20%;position:absolute;text-align:right;right:20px;min-width:90px}
.index-info .index-info-right i{font-size:14px}
.index-list-sort a{top:-2px;height:16px;line-height:16px;margin-right:10px;font-size:12px;border:1px solid #5FB878;background:none;color:#5FB878}
.index:first-child{margin-top:0}
.index a{transition:.3s}
.index a:hover{color:#ff7300 !important;transition:.3s}
.index{height:195px}
.slide img{width:100%;height:100%}
.channels .layui-card {min-height: 290px;}
@media screen and (max-width:400px){.index-top{display:none}
    .index-info .index-info-right{display:none}
    .index-info .index-info-left{width:100%}
}.channel-right{}
.channel-right dd{line-height:30px;font-size:12px}
.channel-right dd a{color:#999;display:inline-block;width:70%;transition:.3s}
.channel-right dd span{color:#999;position:absolute;right:15px}
.channel-right dd span i{font-size:11px}
.channel-right dd a:hover{color:#ff7300 !important;transition:.3s}
.channel-right-link{}
.channel-right-link dd{line-height:30px;font-size:12px}
.channel-right-link dd a{color:#999}
.channel-right-link dd a:hover{color:#ff7300 !important;transition:.3s}
.channel-right-link .link{display:inline-block;margin-right:10px}
.new-posts{margin-bottom:15px;background-color:#fff;box-shadow:0 1px 2px 0 rgb(0 0 0 / 5%)}
.new-posts .new-posts-btn{display:block;position:relative;height:60px;line-height:60px;padding:0 20px;text-align:center;font-size:16px;font-weight:300}
.menu-tool{position:fixed;left:10px;bottom:10px;z-index:999999}
.menu-tool li:hover{opacity:.85}
.layui-fixbar{position:fixed;right:15px;bottom:15px;z-index:999999}
.layui-fixbar .layui-fixbar-top{display:none;font-size:30px}
.layui-fixbar li:hover{opacity:.85}
.menu-tool li,.layui-fixbar li{width:36px;height:36px;line-height:36px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9F9F9F;color:#fff;border-radius:2px;opacity:.95}
.article{}
.article .article-list{padding:20px 0;border-bottom:1px dotted #e2e2e2}
.article div:last-child{border-bottom:none}
.article .article-list h2{font-size:16px;display:inline-block}
.article .article-list h2 a{transition:.3s}
.article .article-list h2 a:hover{color:#ff7300 !important;transition:.3s}
.article .article-list .article-top{display:inline-block;position:absolute;right:20px}
.article .article-list .article-info{margin-top:10px;color:#999}
.article .article-list .article-info .article-info-left{width:80%;display:inline-block}
.article .article-list .article-info .article-info-right{width:20%;position:absolute;text-align:right;right:20px}
.article .article-list .article-info .article-info-right i{font-size:14px}
.article .article-list .article-list-sort a{top:-2px;height:16px;line-height:16px;margin-right:10px;font-size:12px;border:1px solid #5FB878;background:none;color:#5FB878}
@media screen and (max-width:1024px){.article .article-list .article-top{display:none}
    .article .article-list .article-info .article-info-right{display:none}
    .article .article-list .article-info .article-info-left{width:100%}
}.article-view{}
.article-view .article-title{display:inline-block;width:100%;padding:15px 0;border-bottom:1px dotted #e2e2e2}
.article-view .article-title h1{font-size:18px}
.article-view .article-title span{margin-top:15px}
.article-view .article-title span i{font-size:11px}
.article-view .article-body{margin-top:15px;min-height:600px;line-height:40px;font-size:16px}
.article-view .article-body img {max-width: 400px;!important;border: 2px solid #c7c7c7;box-shadow: 0 0 4px 2px rgb(0 0 0 / 20%);border-radius: 5px;margin: 15px 0 20px 0;}
.article-view .article-body img:hover{box-shadow: 0 0 4px 2px rgb(0 0 0 / 30%);}
.doc{height:100%;position:relative}
.doc .doc-menu-main{width:300px;height:100%;border-radius:2px;overflow:hidden scroll;background:#fff;display:inline-block;z-index:999;position:absolute}
.doc .doc-body{border-radius:2px;background:#fff;position:absolute;left:320px;right:0;display:inline-block;overflow:hidden scroll;height:100%}
.doc .doc-body-children{font-size:15px;color:#4183c4;margin:0 20px 5px;line-height:30px}
.doc .doc-body-children li{list-style:disc;color:#0C0C0C;transition:.3s}
.doc .doc-menu-main ul{position:relative;z-index:9999}
.doc .doc-body-mobile{left:0 !important}
.doc .doc-content{margin:0 auto}
.doc .doc-content .doc-content-header{margin:20px;text-align:center}
.doc .doc-content .doc-content-header h1{font-weight:600}
.doc .editormd-preview-container,.editormd-html-preview{overflow:hidden}
.doc .doc-menu-main .doc-main{margin-left:0;margin-bottom: 36px}
.doc .doc-menu-main ul{margin-left:20px;line-height:40px}
.doc .doc-menu-main ul li i{padding-right:5px}
.doc .doc-menu-main ul a{transition:.3s}
.doc .doc-menu-main ul a:hover{color:#ff7300 !important;transition:.3s}
.doc .doc-menu-this a{color:#ff7300 !important;font-weight:500;transition:.3s}
.doc .doc-menu-this ul a{color:#0C0C0C !important;transition:.3s}
.doc .layui-doc-hide{display:none}
.doc .markdown-body h1{font-size:1.7em}
.doc .markdown-body h2{font-size:1.5em}
.doc .markdown-body h3{font-size:1.25em}
.doc .markdown-body h4{font-size:1em}
.doc .markdown-body h5{font-size:.875em}
.doc .markdown-body h6{font-size:.85em}
.doc ol.linenums li{width:max-content}
.doc pre.linenums{max-height:500px}
.doc li.L1,li.L3,li.L5,li.L7,li.L9{background:none !important}
.doc .editormd-preview-container,.editormd-html-preview{padding:0}
.doc .markdown-body p code,.doc .markdown-body li code,.doc .markdown-body h1 code,.doc .markdown-body h2 code,.doc .markdown-body h3 code,.doc .markdown-body h4 code,.doc .markdown-body h5 code,.doc .markdown-body h6 code{border:none !important;color:#e91e63 !important}
.doc .editormd-preview-container p code,.doc .editormd-html-preview p code{margin-left:5px;margin-right:4px}
.doc-content .markdown-body img {max-width: 400px;!important;border: 2px solid #c7c7c7;box-shadow: 0 0 4px 2px rgb(0 0 0 / 20%);border-radius: 5px;margin: 15px 0 20px 0;}
.doc-content .markdown-body img:hover{box-shadow: 0 0 4px 2px rgb(0 0 0 / 30%);}
.download{}
.download td a:hover{color:#ff7300 !important;transition:.3s}
.attachments{color:#1e9fff;transition:.3s}
.attachments:hover{color:#ff7300 !important;transition:.3s}
.layui-card-header .layui-icon{line-height:initial;position:absolute;right:15px;top:50%;margin-top:-7px;color:grey}
.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}
.mt-15{margin-top:15px}
.mb-15{margin-bottom:15px}
.mt-20{margin-top:20px}
.mb-20{margin-bottom:20px}
.footer > *{color:#aaaaaa}
.footer a{color:#aaaaaa}
.footer a:hover{color:#ff7300 !important;transition:.3s}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#01AAED}
.layui-laypage a:hover{color:#01AAED}
.layui-card-body .layui-breadcrumb > *{font-size:16px}
.layui-breadcrumb a{transition:.3s}
.layui-breadcrumb a:hover{color:#ff7300 !important;transition:.3s}
.layui-breadcrumb .a-this{color:#ff7300 !important;transition:.3s}
.layui-card-body{padding:15px !important}
.layui-card{background-color:#faffff}
.fee{
    border: #1e9fff 1px solid;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: rgba(86, 199, 238, 0.1) !important;
}
.fee-block{
    color: #333333;
    border: #1e9fff 1px solid;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: rgba(86, 199, 238, 0.1) !important;
    height: 60px;
    line-height: 60px;
    text-align: center;
    letter-spacing:1px
}
.fee-block span{color: #ff5722 ;}
.fee-block a{color: #008aff;transition:.3s}
.fee-block a:hover{color: #ff5722 !important;transition:.3s}