.wrapper{background:#f6f6f6;width:100%;height:100%;padding:10px 0;}
.container{position:relative;margin-left:auto;margin-right:auto;padding-right:20px;padding-left:20px;}
::-webkit-scrollbar{width:5px;background-color:#e6e6e6;}
::-webkit-scrollbar-corner{background-color:#ccc;}
::-webkit-scrollbar-thumb{width:5px;border-radius:2px;background-color:#c7c7c7;}
.text-center{text-align:center;}
.logoin.wrapper{background:url(../images/bg.jpg) no-repeat;background-size:100% 100%;}
/* 默认 */
.logoin-box{position:absolute;top:20vh;left:25vw;width:50vw;height:28vw;}
.logoin-bg{background-color:rgba(0,161,195,.7);width:80%;margin-left:auto;height:90%;position:relative;padding:5rem 2rem;}
.logoin-show{width:60%;margin-left:auto;}
.logoin-show > p{position:absolute;bottom:4rem;left:auto;right:12%;font-size:1.32rem;text-align:center;padding-left:10%;color:#bff7f0;}
.logoin-show > p a{color:#fff;}
.logoin-form{height:100%;width:52%;background:#fff;position:absolute;left:-17%;top:5rem;padding:3rem;border-radius:8px;}
.login-title{margin-top:-3rem;margin-left:-3rem;margin-right:-3rem;margin-bottom:1.2rem;background-image:linear-gradient(to right,#09abff 60%,#00dec6);padding:1rem 5rem;text-align-last:justify;color:#fff;font-size:1.8rem;white-space:nowrap;}
.form-title{text-align:center;width:80%;margin:auto;margin-bottom:1.5rem;letter-spacing:.3em;}
.form-title > h3{font-size:2.65rem;color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(45deg,#09abff 0%,#00dec6 100%);background-image:-moz-linear-gradient(45deg,#09abff 0%,#00dec6 100%);background-image:-o-linear-gradient(45deg,#09abff 0%,#00dec6 100%);background-image:linear-gradient(45deg,#09abff 0%,#00dec6 100%);font-weight:600;}
.form-title > p{font-size:1.68rem;color:#768797;}
.form-item > p{padding:1rem 5%;}
.form-item > p span{color:rgba(5,5,5,.6);}
.form-item .form-control{width:100%;height:3.6rem;position:relative;}
.form-item .form-control > input{width:100%;height:100%;border:1px solid #d9eaf4;padding:0 1rem;-webkit-box-shadow: 0 0 0 1000px white inset;}
.form-item .form-control > .code{position:absolute;top:0;right:0;cursor:pointer;bottom:0;width:100px;height:100%;}
.form-item .form-control > .code > *{position:absolute;width:100%;height:100%;}
.form-item button{width:100%;margin-top:3rem;background-color:#16a5ff;border:none;color:#fff;padding:1rem 0;font-size:1.45rem;cursor:pointer;}

/*鐧诲綍*/
.theme .logoin-box{position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);width:60vw;height:85vh;}
.theme .logoin-bg{background-color:rgba(255,255,255,1);margin-left:auto;height:100%;position:relative;display:flex;width:100%;padding:0;border-radius:10px;overflow:hidden;}
.theme .logoin-show{position:relative;}
.index-banner{height:100%;}
.index-banner .swiper-container{height:100%;}
.content-wrapper{overflow:hidden;position:relative;height:100%;display:flex;}
/*.content-wrapper:before{content:'';display:block;width:100%;height:70%;position:absolute;bottom:0;z-index:99;background:url(../images/shadow.png) no-repeat;background-size:cover;}*/
.content-wrapper .slider-thumb{height:100%;position:absolute;width:100%;background-size:100% 100%;background-position:50% 0;transform:scale(1.1);-webkit-transform:scale(1.1);transition:transform 4.5s;-webkit-transition:transform 4.5s;}
.swiper-slide-active .content-wrapper .slider-thumb{/* -webkit-animation:zoom 7000ms infinite;animation:zoom 7000ms infinite; */transform:scale(1);-webkit-transform:scale(1);}
.context-wrapper{position:absolute;z-index:100;top:40%;padding:7%;left:0;right:0;width:100%;transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.index-banner .swiper-container .swiper-pagination{height:3px;bottom:40px;left:10%;text-align:left;}
.swiper-pagination-bullet{width:90px;height:100%;background:#fff;opacity: 0.8;border-radius:inherit;transition: all 0.2s;}
.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active:nth-child(1){background:#2e979f;}
.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active:nth-child(2){background:#006eff;}
.index-banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active:nth-child(3){background:#fffc43;}
.theme .logoin-show > p{position:absolute;bottom:4rem;left:0;right:0;font-size:1.32rem;text-align:center;padding-left:10%;color:#bff7f0;}
.theme .logoin-form{width:40%;padding:10% 6%;position:initial;}
.theme .form-title{margin-bottom:55px;width:100%;text-align-last: auto;text-align:left;}
.theme .form-title > p{color:#258c94;font-size:24px;}
.theme .form-title > h3{color:#8997a6;font-weight:700;margin-bottom:15px;font-weight:400;}
.theme .form-item{padding:2.5% 2%;position:relative;}
.theme .form-item label p{font-size:14px;color:#8997a6;padding:0;padding-bottom:5px;}
.theme .form-item .form-control{width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.theme .form-control > span{width:80px;height:100%;text-align:center;line-height:5rem;background:#cbd5dd;}
.theme .form-control > span i{font-size:30px;color:#fff;}
.theme .form-item .form-control > input{width:100%;height:100%;background-color:#fff;}
.theme .form-item button{width:100%;margin-top:50%;background-color:#258c94;border-radius:6px;border:none;color:#fff;height:5rem;font-size:2rem;cursor:pointer;box-shadow:1px 5px 13px 6px rgba(2, 107, 92, 0.09);}
.theme .form-box > .form-item:nth-child(3) .form-control > input{width:60%;border-radius:6px;}
.theme .form-item:last-child{border:none;}
.theme .logoin-box + .login-text{position:absolute;left:0;right:0;bottom:3%;text-align:center;color:#8e8e8e;font-size:12px;}
.theme .logoin-box + .login-text a{color:#5f5f5f;}
/*鍥捐〃*/
.charts .wrapper > *{display:-webkit-box;display:-ms-flex;display-ms-flex:box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}
.wrapper > * > .area-sta:first-child{height:55%;}
.wrapper > * > .area-sta:last-child{height:45%;}
.wrapper > * > .area-sta .row,.wrapper > * > .area-sta .row > [class*="col-"],.wrapper > * > .area-sta .row > [class*="col-"] .sta-item,.wrapper > * > .area-sta .row > [class*="col-"] .sta-item > *{height:100%;}
.wrapper > * > .area-sta .row > [class$="-8"] .sta-item > * [class*="col-"]:last-child{background-color:#fff;margin-left:-10px;margin-right:-10px;}
.wrapper > * > .area-sta .row > [class$="-8"] .sta-item > * [class*="col-"]:last-child .sta-fun{margin-right:-10px;}
.wrapper > * > .area-sta .row > [class$="-8"] .sta-item > * [class*="col-"]:last-child .sta-fun .sta-auto{margin:0;}
.wrapper > * > .area-sta .row > [class*="col-"] .sta-item{padding:4px 0;position:relative;}
.wrapper > * > .area-sta .row > [class*="col-"] .sta-box{background:#fff;height:100%;}
.wrapper > * > .area-sta .row > [class$="-4"]{display:flex;flex-direction:column;}
.wrapper > * > .area-sta .row > [class$="-4"] .sta-item{flex:1;}
.wrapper > * > .area-sta .row > [class$="-4"]:first-of-type .sta-box{display:flex;justify-content:space-between;align-items:center;padding:5% 10%;}
.sta-ico > img{padding:10%;margin-left:-20%;}
.sta-class,.sta-type{color:#3b3b3b;flex:1;}
.sta-class > p{font-size:1.976rem;padding:.5rem 0;}
.sta-class > span{font-size:2.54rem;font-weight: 600;}
.sta-type > a{display:flex;color:#3b3b3b;padding:.6rem 0;font-size:1.54rem;}
.sta-type > a span{flex:1;text-align:left;}
.sta-type > a span i[class*="ico-"]{width:20px;display:inline-block;}
.wrapper > * > .area-sta .row > [class*="col-"] .sta-box{padding:1.5rem;}
.sta-alone{height:100%;padding:20px 0 25px;}
.progress-wrap{height:calc(100% - 5rem);}
.sta-alone > h2{font-size:1.7rem;height:5rem;text-align:center;}
.progress-wrap{display:flex;justify-content:space-around;}
.progress-wrap > .progress-box{display:flex;flex-direction:column;align-items:center;justify-content: flex-end;}
.progress-wrap > .progress-box .progress-bar{transition:height 1s linear 0s;animation:animate-positive 2s;width:2rem;}
.progress-wrap > .progress-box .progress-text{padding-top:.5rem;color:#3b3b3b;}
.progress-wrap > .progress-box .progress-num{font-weight:700;font-size:1.4rem;}
.progress-wrap > .progress-box:first-child .progress-bar{background-color:#008b8b;}
.progress-wrap > .progress-box:nth-child(2) .progress-bar{background-color:#7fc7a0;}
.progress-wrap > .progress-box:nth-child(3) .progress-bar{background-color:#fac858;}
.progress-wrap > .progress-box:first-child .progress-num{color:#008b8b;}
.progress-wrap > .progress-box:nth-child(2) .progress-num{color:#7fc7a0;}
.progress-wrap > .progress-box:nth-child(3) .progress-num{color:#fac858;}
.switch-wrap{padding:0 5%;display:flex;flex-direction:column;}
.switch-wrap > .switch-content{flex:1;overflow:hidden;}
.switch-wrap > .switch-control{text-align:center;padding-left:10%;}
.switch-wrap > .switch-control > .switch-item{display:inline-block;padding:.4rem 2.4rem;margin:.6rem;color:#7c7c7c;font-size:1.6rem;border-radius:4px;cursor:pointer;}
.switch-wrap > .switch-control > .switch-item.on{background-color:#ebebeb;color:#3b3b3b;}
.switch-wrap > .switch-content > .switch-con{height:100%;}
.sta-fun{height:100%;display:flex;flex-direction:column;font-size:1.56rem;}
.sta-fun > p.sta-fun-title{background-color:#414646;padding:1rem 4rem;color:#fff;display:flex;}
.sta-fun > p.sta-fun-title span,.sta-work p:last-child span{flex:1;padding:0 .3rem}
.sta-work p:last-child span i[class*="ico-"]{margin-right:5px;}
.sta-auto{flex:1;overflow:auto;border-left:1px solid #f6f6f6;margin:1rem 2rem;}
.sta-auto > .sta-work:last-child:after{border:none;}
.sta-work{margin:0 1rem;padding:1rem 1.7rem 0;border-radius:4px;cursor:pointer;position:relative;}
.sta-work:after{content:'';display:inline-block;width:100%;border-bottom:1px dashed #f5c859;}
.sta-work.on{background:#b3b1b1;}
.sta-work p:first-child{color:#3b3b3b;font-size:1.56rem;font-weight:700;padding-bottom:.5rem;}
.sta-work p:last-child{display:flex;}
.sta-work p em{color:#008b8b;padding: 0 5px;}
.sta-list > a{display:flex;display:-webkit-flex;align-items:center;color:#222222;padding:1.5rem 3.5rem 1.5rem 5rem;border-left:.5rem solid transparent;transition:.4s linear;}
.sta-full{margin-left:-1.5rem;margin-right:-1.5rem;}
.sta-full h2{padding-left:5.5rem;font-size:1.7rem;padding-bottom:2rem;}
.list-text{flex:1;width:100%;position:relative;}
.list-text p{padding:1rem 2rem;}
.list-text p [class*="ico-"]{position:absolute;left:0;top:1.3rem;color:#008b8b;}
.list-text span{padding-left:2rem;}
.list-link span{color:#cccccc;}
.list-link span [class*="ico-"]{padding-left:2rem;}
.sta-list > a:hover{background-color:#b2dcdc;border-left:.5rem solid #008b8b;}
.sta-list > a:hover .list-link span{color:#fff;}
/*鏃犳暟鎹�*/
.sta-null{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.sta-null > p{color:#ccc;font-size:1.5rem;padding:2rem 0;}
@-webkit-keyframes animate-positive{
    0% {
        height: 0%;
    }
}
@keyframes animate-positive{
    0% {
        height: 0%;
    }
}

@media (min-width: 1024px){

}

@media (min-width: 1100px){
    html{font-size:42.5%;}
}

@media (min-width: 1284px){

}

@media (min-width: 1366px){

}

@media (min-width: 1440px){
     html{font-size:48.5%;}
}

@media (min-width: 1680px){
    html{font-size:57.5%;}
}

@media (min-width: 1920px){
    html{font-size:62.5%;}
}

@media (min-width: 2100px){
    html{font-size:75%;}
}

@media (min-width: 3160px){
    html{font-size:115%;}
}
/*头部*/
.header {position:fixed;top: 0;width:100%;z-index:10;}
.head-line {width: 100%;background-color: #000;height: 5px;position: fixed;top: 0;}
.head-content {width: 14%;padding: 3px 0 5px;margin: 0 auto;color: #fff;text-align: center;font-size: 2.2rem;font-weight: 700;letter-spacing: 3px;position: relative;top: 0;}
.head-content::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;transform: perspective(2em) rotateX(-10deg);z-index: -1;}
/*日期选择*/
.wrapper > * > .area-sta .row > [class*="col-"] .sta-item .choice-time {position: absolute;width: 17.5%;height: 5.5%;}
.wrapper > * > .area-sta .row > [class*="col-"] .sta-item .choice-time:nth-child(2) {top: 8%;right: 3%;}
.wrapper > * > .area-sta .row > [class*="col-"] .sta-item .choice-time:nth-child(3) {top: 8%;right: 8%;}
.wrapper > * > .area-sta .row > [class*="col-"] .sta-item .choice-time input{border-radius: 5px;border: 1px solid #000;padding-left: 10px;width:100%;height:100%;}
.choice-time input::-webkit-input-placeholder{letter-spacing: 1px;}
.date-js {
    position: absolute;
    background-color: #fff;
    width: 245px;
    margin-top: 5px;
    border: 1px solid #e2e2e2;
    display: flex;
    flex-flow: column;
    z-index: 999;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}
.date-js .show-year {width: 100%;height: 30px;border-bottom: 1px solid #e2e2e2;display: flex;}
.date-js .show-year .show-date {width: 60%;display: flex;align-items: center;justify-content: center;}
.date-js .show-year .change-date {width: 10%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.date-js .show-year .change-date:hover {color: #3B87D7;}
.date-js .show-week {width: 100%;height: 30px;border-bottom: 1px solid #e2e2e2;display: flex;}
.date-js .show-week .week-day {width: 35px;display: flex;justify-content: center;align-items: center;font-size: 14px;}
.date-js .show-month {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.date-js .show-month .month-day {width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;font-size: 14px;cursor: pointer;}
.date-js .show-month .month-day.active {background-color: #3B87D7;border-radius: 50%;color: #fff;}
.date-js .show-month .month-day.today {color: #3B87D7;}
.date-js .show-month .month-day.today.active {color: #fff;}
.date-js .show-month .month-day.active:hover {color: #fff;}
.date-js .show-month .month-day.not-this-month {color: #c0c4cc;}
.date-js .show-month .month-day:hover {color: #3B87D7;}
.date-js .bts {width: 100%;height: 30px;border-top: 1px solid #e2e2e2;display: flex;}
.date-js .bts .bt {width: 50%;height: 30px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.date-js .bts .bt:first-child{border-right: 1px solid #e2e2e2;}
.date-js .bts .bt:hover {background-color: deepskyblue;color: #fff;}
/*年选择*/
#year-choice {width: 7%;height: 7%;top: 6%;right: 2%;cursor:pointer;}
#year-choice input {cursor:pointer;}
#year-choice .year-out {display:none;}
#year-choice .year {display: flex;flex-direction: column;border: 1px solid #ccc;background-color: #fff;}
#year-choice .year span {width: 98%;font-size: 1.5rem;padding: 1rem 1rem;margin: 0 auto;border-bottom: 1px solid #e7e7e7;}
#year-choice .year span:hover {background-color:#f1f1f1;}
#year-choice .year span:last-child {border:0;}
/*模块*/
.layui-laydate{border-radius:4px !important;background-color:#ffffff !important;border:1px solid rgb(210, 216, 227) !important;}
.layui-laydate .layui-laydate-header i,.layui-laydate .layui-laydate-content td{color:#484a4c;}
.layui-laydate .layui-laydate-header{border-bottom:1px solid #d4dbe6;}
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content, .layui-laydate-range .laydate-main-list-1 .layui-laydate-header{border-left:1px solid #d4dbe6 !important}
.layui-laydate .layui-laydate-footer{border-top:1px solid #d4dbe6}
.layui-laydate .layui-laydate-content .laydate-day-next,.layui-laydate .layui-laydate-content .laydate-day-prev {color:#c3c3c3;}
.layui-laydate .layui-laydate-content th{color:#61686d;}
.layui-laydate:before,.layui-laydate:after{position:absolute;display:inline-block;border-bottom-color:rgba(0, 0, 0, 0.2);content:'';}
.layui-laydate:before{top:-6px;left:7px;border-right:6px solid transparent;border-bottom:6px solid #d4dbe6;border-left:6px solid transparent;}
.layui-laydate:after{top:-4px;left:9px;border-right:4px solid transparent;border-bottom:4px solid #fff;border-left:4px solid transparent;}
.layui-laydate .layui-this:after{background-color:#32a2a3!important;color:#fff!important;display:inline-block;}
.layui-laydate-content td.layui-this{color:#fff;}
.layui-laydate-content td:after{content:'';display:inline-block;position:absolute;z-index:-1;top:50%;left:50%;width:24px;transform:translate(-50% , -50%);height:24px;line-height: 24px;border-radius:50%;}
.layui-laydate .layui-laydate-footer span{background:transparent;color:#7e858a !important;}
.layui-laydate-footer span:first-child{border:none;color:#409eff;}
.layui-laydate-footer span:last-child:hover{border-color:#409eff;color:#409eff;}