.login-body{
    background:url(../images/jcf10.jpg) no-repeat center center fixed;
}
body{
    background-color: #f5f5f5;
}
.login-page{
    /* margin: auto; */
    /* height: 607px; */
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
}
.login-page .logo{
    margin-top: 75px;
    line-height: 74px;
}
.login-page .logo img{
    vertical-align: middle;
}
.login-page .logo span{
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 4px rgba(7, 30, 41, .6);
    margin-left: 12px;
    vertical-align: middle;
}
.login-wrap{
    margin-top: 87px;
    width: 460px;
    /* height: 508px; */
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    padding: 20px;
    background: rgba(255, 255, 255, .4);
    float: right;
}
.login-b{
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    /* height: 100%; */
    padding: 28px;
}
.login-b h1{
    text-align: center;
}

.login-b ul{
    margin-top: 15px;
}
.login-b ul li{
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    /* overflow: hidden; */
    position: relative;
}
.login-b ul li.lib1{
    border-bottom: none;
    margin-top: 6px;
}
.login-b ul li.lib2{
    border-bottom: none;
    margin-top: 40px;
}
.login-b ul li i{
    float: left;
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
}
.login-b ul li:nth-of-type(1) i{
    background:url(../images/jcf2_07.png) no-repeat center
}
.login-b ul li:nth-of-type(2) i{
    background:url(../images/jcf4_03.png) no-repeat center
}
.login-b ul li:nth-of-type(3) i{
    background:url(../images/jcf5_03.png) no-repeat center
}
.login-b ul li i img{
    display: none;
}
.putc1{
    width: calc(100% - 42px);
    height: 42px;
    border: none;
    float: left;
}
.putc1::-webkit-input-placeholder{
    color: #333;
}
.yzm{
    position: absolute;
    right: 0;
    top: 10px;
}
.la11{
    float: left;
    line-height: 36px;
    cursor: pointer;
}
.la11 #remPwd{
    display: none;
}
.la11 span{
    /* margin-left: 20px; */
    padding-left: 40px;
    position: relative;
}
.la11 span:before{
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.la11 #remPwd:checked+span:before{
    width: 20px;
    height: 20px;
    border: none;
    background: url(../images/jcf20_07.png) no-repeat;
}

.erw{
    margin-top: 20px;
    text-align: center;
}
.erw a{
    display: inline-block;
    margin: 0 20px;
    font-size: 14px;
    color: #666;
    padding-left: 34px;
    line-height: 26px;
}
.erw .wxa1{
    background: url(../images/ww1_03.png) no-repeat left center;
}
.erw .wxa2{
    background: url(../images/ww2_03.png) no-repeat left center;
}
.ptm2{
    display: none;
}
.btn12{
    margin-top: 20px;
}
.ppc1{
    margin-top: 20px;
    text-align: center;
}
.dla{
    float: right;
    width: 120px;
    height: 36px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background: #33a1ff;
}
.btn11{
    display: block;
    height: 48px;
    background: url(../images/jc30_03.png) no-repeat;
    /*overflow: hidden;
    */text-align: center;
    color: #fff;
    font-size: 18px;
    width: 100%;
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 5px #33a6ff;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}





.header{
    height: 85px;
    /* background: url(../images/jcf46_01.jpg) no-repeat center top; */
    background: url(../images/top_bg.jpg) #0372eb left top repeat-x;
}
.topl-l{
    float: left;
}
.topl-r{
    float: right;
    margin-top: 25px;
}
.header .logo{
    float: left;
    margin-top: 18px;
}
.header .logo img{width: 410px;}
.number{
    float: left;
    color: #a7cef7;
    margin-left: 44px;
    margin-top: 60px;
}
.number span{
    font-weight: bold;
    color: #fff;
    margin-left: 10px;
}
.online{
    float: left;
    margin-left: 22px;
    color: #a7cef7;
    margin-top: 60px;
}
.top-links{padding-top: 10px;}
.top-links li{float: left; color: #a7cef7; font-size: 14px; margin-left: 15px;}
.top-links li span em{color: #fff; font-weight: bold; padding: 0 2px; font-style: normal;}
.top-links li span.icon-user{padding-left: 25px; background: url(../images/icon_top_user.png) left center no-repeat;}
.top-links li span.icon-quit{padding-left: 25px; background: url(../images/icon_top_quit.png) left center no-repeat;}

.t_2{
    float: left;
    padding: 0 18px;
    text-align: center;
    cursor: pointer;
}
.t_2 span{
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #a7cef7;
}
.t_2:hover{
    opacity: 0.8;
}

.menus-btn{
    margin-top: 8px;
    /* padding-top: 10px; */
}
.menus-btn h2{
    padding: 16px 11px 10px;
}
.menus-btn h2 a{
    height: 120px;
    background-repeat: no-repeat;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display: block;
    text-align: center;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    background-size: 100% 100%;
}
.ai1{
    background-image: url(../images/jcf70_06.png);
}
.ai2{
    background-image: url(../images/jcf70_03.png);
}
.ai3{
    background-image: url(../images/jcf70_09.png);
}
.ai4{
    background-image: url(../images/jcf70_11.png);
}
.ai5{
    background-image: url(../images/jcf70_13.png);
}
.ai6{
    background-image: url(../images/jcf70_15.png);
}
.ai7{
    background-image: url(../images/jcf70_23.png);
}
.ai8{
    background-image: url(../images/jcf70_26.png);
}
.ai9{
    background-image: url(../images/jcf70_28.png);
}

.menus-btn h2 a span{
    display: block;
    font-weight: bold;
    color: #fff;
}
.menus-btn h2 a img{
    margin-top: 10px;
    margin-bottom: 0px;
    display: inline-block;
}

.menus-btn h2 a:hover{
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    box-shadow: 0 0 10px rgba(27, 28, 31, .4);
}

.menus-btn .slick-dots{
    margin-top: 2px;
}
.menus-btn .slick-dots li{
    width: 16px;
    height: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: #cccccc;
}
.menus-btn .slick-dots .slick-active{
    background: #004bbb;
    width: 32px;
}

.menus-btn .slick-prev, .menus-btn .slick-next{
    width: 19px;
    height: 31px;
    background: url(../images/jcf40_03.png) no-repeat;
    top: 41%;
}
.menus-btn .slick-prev{
    background-position: 0 -43px;
}
.menus-btn .slick-next{
    background-position: -42px -43px;
}
.menus-btn .slick-prev.slick-disabled{
    background-position: 0 0;
}
.menus-btn .slick-next.slick-disabled{
    background-position: -42px 0;
}
.data-box{
    margin-top: 20px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(7, 30, 41, .1);
}
.tytit{
    overflow: hidden;
}
.tytit .a1{
    float: left;
    font-weight: bold;
    font-size: 20px;
    color: #004bbb;
}
.rmly{
    padding: 16px 0;
    border-bottom: 1px solid #cccccc;
}
.lyt_1{
    float: left;
    width: 94px;
    margin-top: 54px;
    text-align: center;
}
.tbda_1{
    width: 552px;
    margin-left: 36px;
    height: 242px;
    float: left;
}
.tbda_2{
    float: right;
    width: 408px;
}
.lyt_1 p{
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.lyt_1 h6{
    height: 24px;
    border: 1px solid #004bbb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    line-height: 22px;
    overflow: hidden;
    margin-top: 12px;
}
.lyt_1 h6 span{
    float: left;
    width: 50%;
    font-size: 14px;
    color: #004bbb;
    cursor: pointer;
}
.lyt_1 h6 span.active{
    background: #004bbb;
    color: #fff;
}

.tbda_2 .p1 span{
    font-size: 24px;
    font-weight: bold;
}
.tbda_2 .p2{
    margin-top: 15px;
}
.tbda_2 .p2 span{
    font-size: 24px;
    font-weight: bold;
}
.tbda_2-1 ul{
    margin: 0 -15px;
    position: relative;
}
.tbda_2-1 li{
    width: 50%;
    margin-top: 26px;
    float: left;
}
.tbda_2-1 li img{
    float: left;
    margin-top: 5px;
}
.tbda_2-1 li h3{
    float: left;
    padding-left: 10px;
    width: calc(100% - 48px);
}

.tbda_2-1 li h3 span{
    font-weight: bold;
    font-size: 24px;
}
.sjtb{
    padding-top: 10px;
    padding-bottom: 10px;
}
.sjtb .tbda_2-1{
    float: left;
    width: 600px;
    margin-left: 46px;
}
.sjtb .tbda_2-1 li{
    width: 33.3333%;
}
.sjtb .tbda_2-1 ul:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #ebeded;
    position: absolute;
    left: 0;
    top: 60%;
}
.sjtb_3{
    float: right;
    width: 360px;
    height: 152px;
    border-left: 1px solid #ebeded;
    margin-top: 10px;
}
.sjtb_3_1{
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 13px;
}
.sjtb_3_1 span{
    font-weight: bold;
    margin-top: 10px;
    display: block;
    font-size: 18px;
}
.sjtb .lyt_1{
    margin-top: 40px;
}

.sys-box{
    margin-top: 25px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(7, 30, 41, .1);
}
.tytit .a2{
    float: right;
    font-size: 14px;
    margin-top: 4px;
}
.tytit .a2:hover{
    color: #004bbb;
}

.sys-lists li{
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.sys-lists li .time{
    float: left;
    width: 188px;
    position: relative;
    line-height: 24px;
}
.sys-lists li .time:before{
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    right: 0;
    top: 6px;
    background: #fff;
}
.sys-lists li .ric{
    float: left;
    width: calc(100% - 188px);
    padding-left: 18px;
}
.sta1{
    float: left;
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background: #ee6e39;
    font-size: 14px;
}
.sta1.oncc{
    background: #57cb28;
}
.stext{
    width: calc(100% - 60px);
    padding-left: 14px;
    padding-right: 120px;
    float: left;
}
.stext a{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px
}
.stext p{
    margin-top: 8px;
    color: #999;
    font-size: 14px;
}
.stext p span{
    color: #333;
}
.sys-lists{
    max-height: 264px;
    overflow-y: auto;
    margin-top: 10px;
}
.sys-lists ul{
    position: relative;
}
.sys-lists ul:before{
    content: "";
    width: 2px;
    height: 100%;
    background: #cdcdcd;
    position: absolute;
    left: 181px;
    top: 7px;
}

.stext a:hover{
    color: #004bbb;
}

.main{
    margin-bottom: 30px;
}




@media screen and (max-width:1600px){
    /* .login-page .logo{
        margin-top: -80px;
    } */
    /* .login-page .logo img{width: 360px;} */
    .login-page .logo span{font-size: 44px;}
    .login-page .logo{margin-top: 50px;}
    .login-wrap{width: 400px;margin-top: 60px;padding: 16px;}
    .login-b{padding: 20px;}
    .login-b ul{margin-top: 5px;}
    .login-b h1 img{width: 130px;}
    .login-b ul li{padding: 5px 0;}
    .login-b ul li.lib2{margin-top: 20px;}
    .yzm img{width: 90px;}
}