@charset "UTF-8";
a,body,dd,div,dl,dt,em,form,h1,h2,h3,html,i,img,input,li,p,span,ul {margin: 0;padding: 0;}
body {font-family:\5FAE\8F6F\96C5\9ED1,Verdana,arial;background: #F4F4F4;overscroll-behavior-y: contain;font-size: 14px;}
img {border: 0 none;}
button {border: none;}
li,ol,ul {list-style: none;}
em,i {font-style: normal;}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.filter{filter: brightness(0) invert(1);}
.fixed{position: fixed;width: 100%;top: 0;}

.page-top {justify-content: space-between;align-items: center;padding: 20px 0;background-color: #1e9fff;z-index: 999;    display: block;}
.top-banner {width: 1200px;align-items: center;margin: 0 auto;}
.logo img {height: 50px;}
.nav-links a {margin: 0 10px;text-decoration: none;color: #333;font-weight: bold;font-size: 16px;}
.user-actions{margin-left: auto;}
.user-actions a {margin: 0 5px;text-decoration: none;padding: 5px 15px;border: 1px solid #1e9fff;border-radius: 5px;color: #1e9fff;}
.content{width: 1200px;margin: 0 auto;align-items: center;}
.loginbg img{max-width: 600px;}
.loginbg p{font-size: 24px;font-weight: bold;color: #1e9fff;}
.eg_code{position: absolute;margin-left: 60px;padding: 10px;display: none;background: #eee;z-index: 99;}
.eg_code p{text-align: center;color: #ff0000;}
.eg_code img{width: 120px;}


.loginbox{background: #fff;width: 500px;margin-left: auto;padding: 50px 0;transition: all 0.3s;box-shadow: 8px 6px 12px 0px rgba(194, 194, 194, 0.88), -8px -6px 12px 0px rgb(194, 194, 194, 0.88);}
.loginbox .loginbox-title{font-size: 20px;font-weight: bold;color: #1e9fff;text-align: center;margin-bottom: 20px;}
.loginbox form{width: 70%;margin: 0 auto;}
.loginbox form img{height: 38px;}
.loginbox i{font-size: 30px;}
.login-other{align-items: center;margin-top: 10px;}

.Nav{width: 1200px;margin: 0 auto;margin-top: 5px;align-items: center;}
.Nav i{font-size: 20px;color: #1e9fff;font-weight: bold;margin-right: 10px;}
.workbenches{align-items: start;margin-top: 5px;}
.left-nav ul{width: 200px;background: #fff;margin-right: 20px;font-size: 16px;}
.left-nav ul li{padding: 20px;border-bottom: 1px solid #F4F4F4;display: flex;align-items: center;}
.left-nav ul li:hover {background: #e6e6e6;color: #1e9fff;}
.left-nav ul li:hover a{color: #1e9fff;font-weight: bold;}
.left-nav ul li i{margin-right: 10px;font-size: 20px;}

.on{background: #e6e6e6;color: #1e9fff;}


.mainpanel{width: 960px;}
.mainpanel .user-box{background: #fff;padding: 20px;}
.mainpanel .user-box .user-box-title{font-size: 18px;font-weight: bold;color: #1e9fff;align-items: center;}
.mainpanel .user-box .user-box-title a i{font-size: 20px;font-weight: bold;color: #1e9fff;margin-right: 10px;}
.mainpanel .user-box .user_query_info{margin-top: 10px;align-items: center;}
.mainpanel .user-box .user_query_info img{width: 120px;}
.mainpanel .user-box .user_query_info .query_detial .layui-form-item{align-items: center;margin-bottom: 0;}
.mainpanel .user-box .user_query_info .query_detial .layui-form-item input{width: 320px;margin-right: 10px;height: 30px;}
.mainpanel .user-box .user_query_info .query_detial .share a i{font-size: 30px;color:#1e9fff;margin-right: 10px;}
.mainpanel .user-box .user_query_info .query_detial .share a i:hover{color: #001988;}
.mainpanel .user-box .user_query_info .query_detial .layui-form-item label{width: 60px;}

.mainpanel .user-box .user_query_info .query_detial .user_tool{margin-left: 15px;}

.mainpanel .main_nav{background: #fff;margin-top: 20px;padding: 20px;}
.mainpanel .main_nav ul{display: flex;justify-content: space-between;}
.mainpanel .main_nav ul li{justify-content: center;width: 100%;display: flex;align-items: center;padding: 20px;margin-right: 10px;background:rgb(0, 0, 255,0.1);}
.mainpanel .main_nav ul li i{margin-right: 10px;font-size: 24px;color: #1e9fff;}
.mainpanel .main_nav ul li a{color: #1e9fff;font-size: 18px;}
.createpanel{width: 100%;background: #fff;padding: 20px;}
.createpanel .layui-upload-drag{padding: 200px;background: #F4F4F4;}
.createpanel #upload-excel-preview-thead th{background: #1e9fff;color: #fff;white-space: nowrap;min-width: 100px;}
.btn-step{justify-content: center;margin: 20px 0;}
.createpanel .seting{width: 600px;}
.createpanel .preview{width: 430px;height: 700px;margin-left: auto;box-shadow: 4px 3px 6px 0px rgb(222 222 222 / 58%), -4px -3px 6px 0px rgb(222 222 222 / 58%);}
.createpanel .successed{width: 100%;}
.createpanel .successed p{align-items: center;justify-content: center;font-size: 18px;font-weight: bold;margin: 40px 0;}
.createpanel .successed p img{width: 40px;margin-right: 20px;}
.createpanel .successed p a{margin: 0 20px;}

.mainpanel .successed{width: 100%;}
.mainpanel .successed p{align-items: center;justify-content: center;font-size: 18px;font-weight: bold;margin: 40px 0;}
.mainpanel .successed p img{width: 40px;margin-right: 20px;}
.mainpanel .successed p a{margin: 0 20px;}

.editbase{background: #fff;padding: 20px;}

.preview .preview_title{background: #1e9fff;}
.preview .preview_title p{font-size: 20px;height: 200px;text-align: center;display: flex;align-items: center;justify-content: center;color: #fff;padding: 10px;font-weight: bold;}
.preview_box{padding: 20px;}
.preview_box .preview_content label{text-align: left;}
.preview_box .tips{margin-top: 20px;}
.preview_box .tips span {font-weight: bold;color: #ff0000;}
.preview_box .layui-form-label{text-align: left;padding: 9px 0;}

.querytitle,.spacetitle{width: 100%;height: 30vh;align-items: center;}
.querytitle h1,.spacetitle h1{color: #fff;text-align: center;width: 100%;padding: 10px;}
.querycontent{padding: 10px;margin: 0 auto;}
.querycontent label{text-align: left;padding: 9px 0;}
.querycontent form img {height: 38px;}
.querycontent .tips{margin-top: 20px;}
.querycontent .tips span{font-weight: bold;color: #ff0000;}

.user_latest_list{background: #fff;padding: 20px;margin-top: 20px;}
.user_latest_list p{font-size: 18px;font-weight: bold;color: #1e9fff;}
.user_latest_list p i{margin-right: 10px;font-size: 20px;}
.user_latest_list .flow li{margin: 10px 0;border-bottom: 1px solid #F4F4F4;}
.flow .queryrow{align-items: center;margin: 10px 0;}
.flow .queryrowleftitle{font-size: 16px;font-weight: bold;margin: 10px 0;}
.flow .queryrowlefttime span{font-size: 12px;margin-right: 10px;}
.flow .queryrowright{margin-left: auto;}
.flow .queryrowright a{margin: 0 5px;}


.spacecontent li{border-bottom: 1px solid #F4F4F4;}
.spacecontent li:hover{background: #e6e6e6;}
.spacecontent .queryrow{align-items: center;padding: 10px;}
.spacecontent .queryrowleftitle{font-size: 16px;font-weight: bold;margin: 10px 0;}
.spacecontent .queryrowleftitle span{color: #fff;font-size: 14px;font-weight: lighter;padding: 0 5px;margin-left: 10px;border-radius: 2px;display: inline-block;}
.spacecontent .queryrowlefttime p{font-size: 12px;}
.spacecontent .queryrowright{margin-left: auto;}
.spacecontent .queryrowright i{width: 40px;height: 40px;border:1px solid #eee;padding: 10px;border-radius: 50%;}
.spacecontent li:hover i{background: #1e9fff;color: #fff;}

.query_code_box{padding: 10px;}
.query_code_box #query_code_text{padding: 20px;background: #F4F4F4;}
.query_code_box a{margin-top: 20px;}

.qr_code_box{padding: 20px;}
.qr_code_box p{text-align: center;}
.qr_code_box img{width: 200px;}
.qr_code_img{display: flex;justify-content: center;}
.qr_code_box a{margin-top: 20px;}

.section1{height: 50vh;background: #1e9fff;}
.pageindexcontent{justify-content: center;height: 100%;background:linear-gradient(-45deg, #ffffff, #1e9fff); }
.pageindexcontent form{width: 100%;justify-content: center;}
.pageindexcontent .layui-form-item{width: 50%;}
.pageindexcontent .layui-form-item input{border-radius: 20px;padding: 0 20px;}
.pageindexcontent .layui-btn{border:1px solid #fff;background:#1e9fff;margin-left: 10px;border-radius: 20px;}

.section2{height: 50vh;}
.section2 .content{justify-content: center;height: 100%;background: url(/static/index/images/s2.png) no-repeat;background-size: contain;background-position: right;}
.section2 .content .s2box{width: 100%;padding: 20px;}
.section2 .content .s2box h1,.section2 .content .s2box p{margin: 15px 0;}

.section3{height: 50vh;background: #16baaa;}
.section3 .content{justify-content: center;height: 100%;background: url(/static/index/images/s3.png) no-repeat;background-size: contain;}
.section3 .content .s3box{width: 100%;padding: 20px;text-align: right;color: #fff;}
.section3 .content .s3box h1,.section3 .content .s3box p{margin: 15px 0;}
.section3 .content .s3box .tocreatbtn{justify-content: end;}

.section4{height: 50vh;background: #ffefef;}
.section4 .content{justify-content: center;height: 100%;background: url(/static/index/images/s4.png) no-repeat;background-size: contain;background-position: right;}
.section4 .content .s4box{width: 100%;padding: 20px;}
.section4 .content .s4box h1,.section4 .content .s4box p{margin: 15px 0;}

.section5{height: 50vh;background: #00700f;}
.section5 .content{justify-content: center;height: 100%;background: url(/static/index/images/s5.png) no-repeat;background-size: contain;}
.section5 .content .s5box{width: 100%;padding: 20px;text-align: right;color: #fff;}
.section5 .content .s5box h1,.section5 .content .s5box p{margin: 15px 0;}
.section5 .content .s5box .tocreatbtn{justify-content: end;}

.section6{height: 50vh;background: #ffefd9;}
.section6 .content{justify-content: center;height: 100%;background: url(/static/index/images/s6.png) no-repeat;background-size: contain;background-position: right;}
.section6 .content .s6box{width: 100%;padding: 20px;}
.section6 .content .s6box h1,.section6 .content .s6box p{margin: 15px 0;}

.section7{height: 50vh;background: #001988;}
.section7 .content{justify-content: center;height: 100%;background: url(/static/index/images/s7.png) no-repeat;background-size: contain;}
.section7 .content .s7box{width: 100%;padding: 20px;text-align: right;color: #fff;}
.section7 .content .s7box h1,.section7 .content .s7box p{margin: 15px 0;}
.section7 .content .s7box .tocreatbtn{justify-content: end;}

.section8{height: 30vh;margin-top: 5vh;padding-top: 20px;}
.section8 p{text-align: center;}
.section8 img{max-width: 120px;padding: 10px;background: #fff;}
.section8 p a{margin: 5px;padding: 5px;}
.footer_code_box {justify-content: center;}
.footer_code_box div{margin-right: 10px;}

.sectiona{height: 40vh;background: #1e9fff;}
.sectiona .content{justify-content: center;height: 100%;background: url(/static/index/images/sa.png) no-repeat;background-size: contain;background-position: right;}
.sectiona .content .asbox{width: 100%;padding: 20px;color: #eee;}
.sectiona .content .asbox h1,.sectiona .content .asbox p{margin: 10px 0;}
.sectiona .content .asbox img{width: 120px;padding: 10px;background: #fff;}

.sectionnews {background: #eee;}
.sectionnews .content{padding: 20px;}
.flow-index li{display: flex;width: 45%;float: left;margin: 10px 20px 10px 0;padding: 20px;background: #fff;min-height: 150px;border-bottom: 1px solid #eee;}
.flow-index li:hover{transition: all 0.3s;box-shadow: 8px 6px 12px 0px rgba(194, 194, 194, 0.88), -8px -6px 12px 0px rgb(194, 194, 194, 0.88);}


.seting{background: #fff;}
.seting ul p{font-size: 18px;font-weight: bold;color: #1e9fff;}
.seting ul li{padding: 20px;border-bottom: 1px solid #eee;}
.seting ul li .uldiv{display: flex;margin: 5px 0;}
.seting ul li .uldiv span{font-weight: bold;font-size: 16px;}
.seting ul li .uldiv a{margin-left: auto;}
.seting ul li .uldiv .layui-form-onswitch{border-color: #1e9fff;background-color: #1e9fff;}

.service{background: #fff; padding: 20px;}

.querydata .layui-table-header .layui-table{background: #1e9fff;color: #fff;}

.help section{padding: 20px;background: #fff;margin-top: 20px;}
.help img{max-width: 100%;}
.help p{line-height: 28px;}
.help section ul li a{font-size: 18px;color: #0075cf;}

.article_title,.side1_title,.side2_title{display: flex;}
.article_title img,.side1_title img,.side2_title img{height: 40px;}
.article_title{background: #fff;padding: 20px;align-items: center;}
.side1_title,.side2_title{background: #fff;padding: 10px 0px;align-items: center;}
.article_title a,.side1_title a,.side2_title a{margin-left: auto;}
.article ul{margin: 10px 0;}
.article_list li{display: flex;margin: 20px 0;padding: 20px;background: #fff;min-height: 150px;border-bottom: 1px solid #eee;}
.article_list li:hover{transition: all 0.3s;box-shadow: 8px 6px 12px 0px rgba(194, 194, 194, 0.88), -8px -6px 12px 0px rgb(194, 194, 194, 0.88);}
.titleimg{margin-right: 20px;}
.titleimg a{width: 240px;height: 140px;overflow: hidden;position: relative;display: block;}
.titleimg a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;}
h2{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 18px;}
.newslistfooter{font-size: 12px;position: absolute;bottom: 0;left: 0;}
.info{position: relative;}
.info p{margin-top: 10px;line-height: 24px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.articledetail{background: #fff;margin-top: 20px;padding: 20px 0;}
.articledetail h1,.articledetail .articleinfo,.articledetail .articlecontent{padding: 0 20px;}
.articledetail .articleinfo{margin: 10px 0;}
.articledetail .articlecontent{font-size: 16px;}
.articledetail .articlecontent img{max-width: 100%;}
.articledetail .articlecontent p{line-height: 32px;}

/*返回顶部*/
.back-top {position: fixed;cursor: pointer;left: 80%;bottom: 300px;z-index: 100;visibility: hidden;padding: 5px 10px;background: #e7e7e7;color: #1e9fff}
.back-top:hover {color: #fff;background: #1e9fff}
.back-top i {font-size: 24px}

.s1words{width: 100%;text-align: center;margin-bottom: 2vh;}
.s1words h1{font-size: 58px;color: #000268;}
.s1words h1 span{margin-right: 20px;}
.s1words h1 i{background: linear-gradient(90deg, #8265ff 1%, #3b10f6 3%, #cd43ab 32%, #cd43ab 40%, #fe7075 60%, #fe7075 70%, #f99d50 80%, #f99d50);-webkit-background-clip: text;background-clip: text;color: transparent;}

/* @media screen and (min-width: 1200px) {
    .section1,.section2,.section3,.section4,.section5,.section6,.section7{height: 50vh;}
} */

@media screen and (max-width: 1200px) {
    body{background: #fff;}
    .loginbg{display: none;}
    .loginbox{width: 100%;margin: 0 auto;padding: 20px 0;box-shadow: none;}
    .top-banner{width: 90%;}
    .content{width: 100%;}
    .sectionnews .content{width: 90%;}
    .sectionnews .content li{width: 90%;}
    .section1,.section2,.section3,.section4,.section5,.section6,.section7{height: 40vh;}
    .s1words{top: 15vh;}
}

@media screen and (max-width: 1024px) {
    .s1words h1{font-size: 48px;}
}
@media screen and (max-width: 850px) {
    .s1words h1{font-size: 40px;}
}

@media (max-width: 768px) {
    .titleimg{display: none;}
    .logo img {height: 40px;}
    .nav-links {display: none;}
    .loginbox form{width: 90%;}
    .pageindexcontent .layui-form-item{width: 70%;}
    .section2 .content{background: #F4F4F4;}
    .section2 .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/s2.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .section3 .content{background: #16baaa;}
    .section3 .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/s3.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .section4 .content{background: #ffefef;}
    .section4 .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/s4.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .section5 .content{background: #00700f;}
    .section5 .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/s5.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .section6 .content{background: #ffefd9;}
    .section6 .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/s6.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .section7 .content{background: #001988;}
    .section7 .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/s7.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .sectiona .content{background: #1e9fff;}
    .sectiona .content::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/index/images/sa.png) center/cover;opacity: 0.2; /* 伪元素的透明度 */z-index: -1;}
    .s1words h1{font-size: 40px;display: grid;}
    .s1words h1 span{float: left;}
    .s1words h1 i{float: left;}
}
@media screen and (max-width: 450px) {
    .s1words h1{font-size: 36px;}
}
@media screen and (max-width: 350px) {
    .s1words h1{font-size: 30px;}
}
@media screen and (max-width: 300px) {
    .s1words h1{font-size: 20px;}
}