@charset "utf-8";
body,html{
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 12px;
    font-weight: 400;
    background: #F7F9FB;
    padding: 0;
    margin: 0;
}
ul{
    margin: 0;
}
li{
    list-style:none
}
a,a:hover{
    text-decoration:none;
}
.pd20 {
    padding: 0 20px;
}
p{
    margin: 0;
}
/*去掉谷歌，火狐下的type="number"中的右边箭头*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
input[type="number"]{-moz-appearance:textfield;}
.f_left {
    float: left;
}
.f_right {
    float: right;
}
.main__430_content{
    height: 100vh;
}
.main__430_content .index_left{
    width: 220px;
    float: left;
    height: 100%;
    background: linear-gradient(180deg, #1B88EE 0%, #4BB3F3 100%);
    position: relative;
}
.main__430_content .index_left:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 193px;
    background: url("images/khfwt/left_bg.png") no-repeat 0 0/ 220px 193px;
}
.main__430_content .index_left .logo{
    height: 115px;
    background: url("images/khfwt/logo.png") no-repeat center center;
}
.main__430_content .index_left .nav_div{
    height: calc(100% - 250px);
    overflow: auto;
}
.main__430_content .index_left ul{

}
.main__430_content .index_left ul li{
    height: 60px;
    line-height: 60px;
    margin-bottom: 4px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255,255,255,.7);
    padding-left: 78px;
    cursor: pointer;
}
.main__430_content .index_left ul li.icon1{
    background:url("images/khfwt/icon_1.png") no-repeat 50px center ;
}
.main__430_content .index_left ul li.icon2{
    background:url("images/khfwt/icon_2.png") no-repeat 50px center ;
}
.main__430_content .index_left ul li.icon3{
    background:url("images/khfwt/icon_3.png") no-repeat 50px center ;
}
.main__430_content .index_left ul li.icon4{
    background:url("images/khfwt/icon_4.png") no-repeat 50px center ;
}
.main__430_content .index_left ul li.icon5{
    background:url("images/khfwt/icon_5.png") no-repeat 50px center ;
}
.main__430_content .index_left ul li.icon6{
     background:url("images/khfwt/icon_6.png") no-repeat 50px center ;
 }
.main__430_content .index_left ul li.icon1.on{
    background:url("images/khfwt/icon1.png") no-repeat 50px center rgba(0,0,0,.08);
}
.main__430_content .index_left ul li.icon2.on{
    background:url("images/khfwt/icon2.png") no-repeat 50px center rgba(0,0,0,.08);
}
.main__430_content .index_left ul li.icon3.on{
    background:url("images/khfwt/icon3.png") no-repeat 50px center rgba(0,0,0,.08);
}
.main__430_content .index_left ul li.icon4.on{
    background:url("images/khfwt/icon4.png") no-repeat 50px center rgba(0,0,0,.08);
}
.main__430_content .index_left ul li.icon5.on{
    background:url("images/khfwt/icon5.png") no-repeat 50px center rgba(0,0,0,.08);
}
.main__430_content .index_left ul li.on.icon6{
    background:url("images/khfwt/icon6.png") no-repeat 50px center rgba(0,0,0,.08);
}
.main__430_content .index_left ul li.on{
    color: rgba(255,255,255,1);
}
.main__430_content .index_left ul li.on:after{
    content: '';
    width: 4px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}
.main__430_content  .index_right{
    margin-left: 220px;
    background: #F7F9FB;
    height: 100%;
    overflow: auto;
}
.main__430_content  .index_right .main_header{
    height: 60px;
    background: #FFFFFF;
    padding: 0 30px;
}
.main__430_content  .index_right .main_header .nav_title{
    padding: 0 40px;
    height: 42px;
    line-height: 42px;
    background: #F7F9FB;
    font-size: 14px;
    color: #333333;
    position: relative;
    top: 18px;
    border-radius: 10px 10px 0 0;
}
.main_header .today_data{
    font-size: 14px;
    color: #666666;
    line-height: 60px;
    display: inline-block;
    margin-right: 20px;
}
.main_header .help_btn{
    display: inline-block;
}
.main_header .help_btn a{
    font-size: 14px;
    color: #666666;
    display: block;
    line-height: 60px;
    padding-left: 19px;
    background: url("images/khfwt/help.png") no-repeat 0 center;
}
.main_header .help_btn:hover a{
    color: #0D7DE6;
    background: url("images/khfwt/help_1.png") no-repeat 0 center;
}
.main_header .peopleview{
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 12px;
}
.main_header .peopleview .headimg{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    float: left;
}
.main_header .peopleview .p1{
    font-size: 14px;
    color: #666666;
    margin-left: 44px;
}
.main_header .peopleview .p2{
    font-size: 12px;
    color: #999999;
    margin-left: 44px;
}
.main_header .peopleview  .editview{
    width: 120px;
    height: 90px;
    background: #FFFFFF;
    position: absolute;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.04);
    padding-top: 14px;
    box-sizing: border-box;
    display: none;
}
.main_header .peopleview  .editview .div1,.main_header .peopleview  .editview .div2{
    height: 34px;
    padding-left: 13px;
    line-height: 34px;
}
.main_header .peopleview  .editview .div1 a,.main_header .peopleview  .editview .div2 a{
    color: #666666;
}
.main_header .peopleview  .editview .div1:hover{
    background: rgba(27, 136, 238, 0.04);
}
.main_header .peopleview  .editview .div1:hover a{
    color: #1B88EE;
    font-weight: 500;
}
.main_header .peopleview  .editview .div2:hover{
    background: rgba(27, 136, 238, 0.04);
}
.main_header .peopleview  .editview .div2:hover a{
    color: #F24727;
    font-weight: 500;
}
.layui-layer{
    border-radius: 10px;
}
.layui-layer-title{
    height: 58px;
    border-radius: 10px 10px 0 0;
    line-height: 58px;
    font-weight: 500;
    color: #333333;
    font-size: 18px;
}
.layui-layer-setwin .layui-layer-close1{
    width: 24px;
    height: 24px;
    background: url("images/khfwt/close_btn.png") no-repeat 0 0;
}
.layui-layer-btn{
    text-align: center;
}
.layui-layer-btn .layui-layer-btn0{
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background: rgba(0,0,0,0.04);
    border-radius: 4px;
    box-shadow:0 0 0 rgba(0,0,0,0);
    color: #666666;
    text-align: center;
}
.layui-layer-btn .layui-layer-btn1{
    text-align: center;
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background: #1B88EE;
    border-radius: 4px;
    color: #FFFFFF;
}
.changepassword{
    padding-top: 30px;
    display: none;
}
.changepassword input{
    width: 200px;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    display: block;
}
.changepassword .inputdiv{
    position: relative;
    width: 200px;
    height: 40px;
    margin: 0 auto 20px;
}
.changepassword .changetype{
    position: absolute;
    display: block;
    right:14px;
    top:14px;
    width: 14px;
    height: 14px;
}
.changepassword .inputdiv .wrongts{
    width: 130px;
    position: absolute;
    right: -130px;
    top: 0;
    color: #FF5939;
    line-height: 40px;
    padding-left: 34px;
    box-sizing: border-box;
    background: url("images/khfwt/wrong.png") no-repeat 12px center;
    display: none;
}
.wrongdiv {
    border: 1px solid #FF5939;
    border-radius: 8px;
}
.changepassword  .wrongdiv .wrongts{
    display: block;
}
.changepassword .changetype.openpassword{
    background: url("images/khfwt/kejian.png") no-repeat 0 0;
}
.changepassword .changetype.closepassword{
    background: url("images/khfwt/nokejian.png") no-repeat 0 0;
}
.iframediv{
    width: 100%;
    height: calc(100vh - 60px);
    border: 0;
    background: #F7F9FB;
}
.nopower{
    background: url("images/khfwt/no-power.png") no-repeat  center 0;
    padding-top: 118px;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -80px;
}
.nopower .p1{
    font-size: 16px;
    color: #666666;
    line-height: 16px;
}
.nopower .p2{
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    margin-top: 10px;
}
.login_div{
    height: 100vh;
    background: url("images/khfwt/login_bg.png") no-repeat 0 0;
    background-size: cover;
}
.login_div .loginform{
    width: 430px;
    height: 448px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.06);
    border-radius: 20px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*filter: blur(10px);*/
    padding: 60px 60px 0;
    box-sizing: border-box;
}
.login_div .loginform .logo{
    background: url("images/khfwt/indexlogo.png") no-repeat center 0;
    width: 100%;
    height: 44px;
    margin-bottom: 50px;
}
.login_div .loginform  input{
    width: 310px;
    height: 52px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
    font-size: 16px;
    padding: 0 30px;
    margin-bottom: 20px;
}
.login_div .loginform .rememberlogin{
    height: 14px;
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    position: relative;
    padding-left: 28px;
}
.login_div .loginform .rememberlogin input{
    width: 14px;
    height: 14px;
    position: absolute;
    left: 6px;
    top: 0;
    margin: 0;
}
.login_div .loginform  .loginbtn{
    width: 310px;
    height: 46px;
    margin: 30px 0 0 0;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height:46px;
    background: #1B88EE;
    border-radius: 8px;
    padding: 0;
}
.index_1{
    padding: 30px;
}
.index_1 .index_left{
    margin-right: 420px;
}
.index_1 .index_left .index1{
    height: 290px;
    background: #FFFFFF;
    border-radius: 10px;
    box-sizing: border-box;
    padding-left: 30px;
}
.index_1 .index_left .index1 .p1{
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    padding: 30px 0 16px 0;
}
.index_1 .index_left .index1 .address{
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    background: url("images/khfwt/address.png") no-repeat left center;
    padding-left: 18px;
}
.index_1 .index_left .index1 .tongji{
    margin-top: 20px;
}
.index_1 .index_left .index1 .tongji ul{
    display: flex;
}
.index_1 .index_left .index1 .tongji ul li{
    flex-grow:1;
    height: 156px;
    background: linear-gradient(316deg, #D7E9FF 0%, #F6FAFF 100%);
    border-radius: 8px;
    margin-right: 25px;
    padding-left: 30px;
    position: relative;
}
.index_1 .index_left .index1 .tongji ul li:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 81px;
    height: 106px;
}
.index_1 .index_left .index1 .tongji ul li.icon1:after{
    background: url("images/khfwt/indexicon1.png") no-repeat;
}
.index_1 .index_left .index1 .tongji ul li.icon2:after{
    background: url("images/khfwt/indexicon2.png") no-repeat;
}
.index_1 .index_left .index1 .tongji ul li.icon3:after{
    background: url("images/khfwt/indexicon3.png") no-repeat;
}
.index_1 .index_left .index1 .tongji ul li .num{
    font-size: 14px;
    font-family: AlibabaPuHuiTiB;
    color: #999999;
    line-height: 14px;
    padding: 47px 0 16px 0;
    position: relative;
    z-index: 1;
}
.index_1 .index_left .index1 .tongji ul li .num span{
    font-size: 30px;
    font-family: Bebas;
    color: #1B88EE;
    line-height: 30px;
    margin-right: 6px;
}
.index_1 .index_left .index1 .tongji ul li .name{
    font-size: 16px;
    font-weight: 300;
    color: #999999;
    line-height: 16px;
    position: relative;
    z-index: 1;
}
.index_1 .index_left .index2{
    margin-top: 30px;
    background: #FFFFFF;
    border-radius: 10px;
    box-sizing: border-box;
    padding:0 30px 40px;
}
.index_1 .index_left .index2 .title{
    padding: 22px 0 0 0;
    height: 36px;
    line-height: 36px;
}
.index_1 .index_left .index2 .title .p1{
    float: left;
    font-size: 20px;
    font-weight: 500;
    color: #181818;
}
.index_1 .index_left .index2 .title input{
    width: 142px;
    height: 36px;
    background: url("images/khfwt/time.png") no-repeat right 20px center #F7F9FB;
    border-radius: 8px;
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    padding-left: 20px;
    box-sizing: border-box;
}
.index_1 .index_right{
    width: 390px;
    float: right;
    background: #FFFFFF;
    border-radius: 10px;
}
.index_1 .index_right ul{
    padding: 43px 0 43px 19px;
    overflow: hidden;
}
.index_1 .index_right ul li{
    width: 176px;
    height: 176px;
    box-sizing: border-box;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    float: left;
    text-align: center;
}
.index_1 .index_right ul li:nth-child(2n){
    border-right: 0 none;
}
.index_1 .index_right ul li:last-child,.index_1 .index_right ul li:nth-last-child(2){
    border-bottom: 0 none;
}
.index_1 .index_right ul li a{
    display: block;
    height: 100%;
}
.index_1 .index_right ul li a:active{
    background: rgba(27, 136, 238, .04);
}
.index_1 .index_right ul li a:active .p1{
    color: #0D7DE6;
}
.index_1 .index_right ul li a:active .p2{
    color: #0D7DE6;
}
.index_1 .index_right ul li.wrongview a:active .p1{
    color: #F24727;
}
.index_1 .index_right ul li.wrongview a:active .p2{
    color: #F24727;
}
.index_1 .index_right ul li.wrongview .p1{
    color: #F24727;
}
.index_1 .index_right ul li .p1{
    font-size: 30px;
    font-family: Bebas;
    color: rgba(27, 136, 238, .7);
    line-height: 30px;
    padding: 57px 0 16px 0;
}
.index_1 .index_right ul .p2{
    font-size: 16px;
    color: #999999;
    line-height: 16px;
}
table{
    width:100%;
}
table tr td,table tr th{
    line-height: 45px;
}
.index-table tr td{
    /*text-align: center;*/
    font-size: 14px;
    color: #999999;
    text-indent: 10px;
}
.index-table tr td.col666{
    color: #666666;
}
.index-table tr th{
    font-size: 14px;
    font-weight: 500;
    color: #666666;
}
.index-table tbody tr{
    border-bottom: 1px solid #F0F0F0;
}
.nokaifang{
    background: #fff;
    width: 100%;
    height: 100%;
}
.nokaifang .p1{
    background: url("images/khfwt/weikaifang.png") no-repeat  center 0;
    text-align: center;
    position: relative;
    top: 45%;
    font-size: 16px;
    color: #666666;
    line-height: 16px;
    padding-top: 140px;
}