/*浏览器滚动条*/
::-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: #ffffff;width: 100%;height: 70px;box-sizing: border-box;box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);position: sticky; top:0; z-index: 10000}
.header .logo {width: 120px;text-align: center;}
.header .logo {display: inline-block;}
.header .logo a {line-height: 70px;}
.header .logo a img{width: 120px;}
.header .nav {display: inline-block;float: right;}
.header .nav .layui-nav {padding: 5px 0;font-size: 18px;background: #ffffff;}
.header .nav .layui-nav .layui-nav-item a {color: rgba(0,0,0,.55);font-size:16px;transition: .3s}
.header .nav .layui-nav .layui-nav-item a:hover ,.header .nav .layui-nav .layui-nav-child a:hover {color: #ff7300 !important;transition: .3s;}
.header .nav .layui-nav .layui-this a {color: #ff7300 !important;transition: .3s;}
.header .nav .layui-nav .layui-nav-child a {color: rgba(0,0,0,.55);}
.header .nav .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {display: none}
.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);}
    .header .nav .layui-nav {background: #f8f9fa;}
    .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: #1E9FFF;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;}
}
@media screen and (max-width: 991px) {
    .index-slide-icon{display: none}
    .index-slide-container{width: 100% !important;text-align: center}
}
@media screen and (max-width: 1200px) {
    .index-slide-container{width: 50% ;}
    .index-slide-icon{width: 50% ;}
}
/*首页*/
.index-slide{background: linear-gradient(#ffffff 5%,#ffffff 5%,#ffffff 5%, #affde0, #a4fddc, #97ffd8);}
.sleep-1{animation-delay:100ms;-webkit-animation-delay:100ms; --animate-duration:700ms}
.sleep-2{animation-delay:200ms;-webkit-animation-delay:200ms; --animate-duration:700ms}
.sleep-3{animation-delay:300ms;-webkit-animation-delay:300ms; --animate-duration:700ms}
.sleep-4{animation-delay:400ms;-webkit-animation-delay:400ms; --animate-duration:700ms}
.sleep-5{animation-delay:500ms;-webkit-animation-delay:500ms; --animate-duration:700ms}
.sleep-6{animation-delay:600ms;-webkit-animation-delay:600ms; --animate-duration:700ms}
.sleep-7{animation-delay:700ms;-webkit-animation-delay:700ms; --animate-duration:700ms}
.sleep-8{animation-delay:800ms;-webkit-animation-delay:800ms; --animate-duration:700ms}
.sleep-9{animation-delay:900ms;-webkit-animation-delay:900ms; --animate-duration:700ms}
.sleep-10{animation-delay:1s;-webkit-animation-delay:1s; --animate-duration:700ms}

.index-slide .index-slide-title{padding-top: 40px;color: #393d49;font-size:2rem;font-weight:600;}
.index-slide .index-slide-info{padding-top: 10px;color: #393d49;font-size:0.8rem;font-weight:300;}
.index-slide .index-slide-last{padding-bottom: 80px}
.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%;}
@media screen and (max-width: 400px) { .index-top {display: none;}  .index-info .index-info-right {display: none;}  .index-info .index-info-left {width: 100%;}  }
.index-function {padding: 30px 0 60px;}
.index-function .tag-title{font-size: 40px;margin: 30px 0 10px 0;text-align: center;color: #1E9FFF;letter-spacing: 0;text-shadow: #f3f3f3 1px 1px 0, #b2b2b2 1px 2px 0}
.index-function .tag-body{margin-bottom: 30px;text-align: center;color: grey;}

.index-safe {padding: 30px 0 60px;background: #1E9FFF;}
.index-safe .tag-title{font-size: 40px;margin: 30px 0 10px 0;text-align: center;color: #f8f9fa;letter-spacing: 0;text-shadow: #5d5c5c 1px 1px 0, #1a1a1a 1px 2px 0}
.index-safe .tag-body{margin-bottom: 30px;text-align: center;color: #f8f9fa;}

.index-demo img {height: 200px;width: 100%;border-radius: 10px}
.layui-layer-photos .layui-layer-phimg img{border-radius: 10px}
.index-demo img:hover {cursor:pointer}
.index-demo .img-info {text-align: center;padding: 10px 0 30px 0;color: grey}

.index-demo {padding: 30px 0 60px}
.index-demo .tag-title{font-size: 40px;margin: 30px 0 10px 0;text-align: center;color: #1E9FFF;letter-spacing: 0;text-shadow: #f3f3f3 1px 1px 0, #b2b2b2 1px 2px 0}
.index-demo .tag-body{margin-bottom: 30px;text-align: center;color: grey;}
.index-demo .index-banner a {margin: 10px 0 !important;}

.index-price {padding: 30px 0 60px;background: #1E9FFF;}
.index-price .tag-title{font-size: 40px;margin: 30px 0 10px 0;text-align: center;color: #f8f9fa;letter-spacing: 0;text-shadow: #5d5c5c 1px 1px 0, #1a1a1a 1px 2px 0}
.index-price .tag-body{margin-bottom: 30px;text-align: center;color: #f8f9fa;}

.index-banner{padding: 30px 30px 10px 30px;line-height: 24px;background:#fff;border-radius: 10px;text-align: center;transition: .3s;cursor:default}
.index-banner:hover{transition: .3s;transform: translateY(-6px);}
.index-banner .title{font-size: 20px;font-weight: 300;color: #666;margin: 0 auto;position: relative;text-align: center}
.index-banner .blue{color: #1E9FFF !important;}
.index-banner .title:before {content: "";border-top: 1px solid #d2d2d2;display: block;position: absolute;width: 22%;top: 10px;left: 0}
.index-banner .title:after {content: "";border-top: 1px solid #d2d2d2;display: block;position: absolute;width: 22%;top: 10px;right: 0}
.index-banner p {margin: 10px 0;line-height: 28px;text-align: left;font-weight: 500;color: grey;}
.index-banner span{color: grey;}
.index-banner dl{color: grey;padding-bottom: 10px;}
.index-banner a{margin: 10px 0 20px 0;}
.index-banner .price{display: block;padding: 10px;font-size: 16px;font-weight: 400;color: #a4a4a4;}
.index-banner s{display: block;padding-top: 20px;color: #a4a4a4;}
.index-banner .price span{font-size: 30px;color: #1E9FFF;}

.index-function .index-banner {background: #e3f2ff !important;}
.channels .layui-card {min-height: 280px;}
/*.index-function .index-banner .title{color: #fff !important;}*/
/*.index-function .index-banner p {color: #fff !important;}*/
/*.index-function .index-banner .title:before {content: "";border-top: 1px solid #f8f9fa !important;display: block;position: absolute;width: 22%;top: 10px;left: 0}*/
/*.index-function .index-banner .title:after {content: "";border-top: 1px solid #f8f9fa !important;display: block;position: absolute;width: 22%;top: 10px;right: 0}*/

/*频道右侧*/
.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;}
.menu-tool 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;}
.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;}
.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;}
/*layui 卡片标题图标*/
.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;}
.pt-10 {padding-top: 10px;}
.pb-10 {padding-bottom: 10px;}
.pt-15 {padding-top: 15px;}
.pb-15 {padding-bottom: 15px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
/*页脚*/
.footer > *{color: #aaaaaa}
.footer a{color: #aaaaaa}
.footer a:hover{color:#ff7300 !important;transition: .3s;}
/*LAYUI重写:分页相关*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {background-color: #01AAED;}
.layui-laypage a:hover {color: #01AAED;}
/*LAYUI重写:频道类目相关*/
.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重写:卡片内边距*/
.layui-card-body {padding: 15px !important;}
/*LAYUI重写:卡片背景色*/
.layui-card {background-color: #faffff;}
/*.markdown-body img {max-width: 500px !important;}*/

.text-danger {color: #c6303e !important;}
.text-blue {color: #1e9fff !important;}
.layui-table .title {
    vertical-align: middle !important;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
}
.layui-table .body {
    vertical-align: middle !important;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
}
.r {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../img/r.png);
    font-style: normal;
}
.w {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/w.png);
    font-style: normal;
}
.about-price{
    padding: 20px;
    text-align: center;
    line-height: 30px;
}
.copyright {
    padding: 20px;
    text-align: center;
    line-height: 30px;
}
.layui-btn-primary:hover{
    border-color: #1E9FFF !important;
}
.layui-nav .layui-nav-item a {
    padding: 0 14px;
}