.online-head{
    background: #3a3a3a;
    height:30px;
}
.online-head .layui-container{
    line-height: 30px;
    text-align: right;
    color: #ffffff;
    min-width: 1140px;
}
.layui-container{
    min-width: 1140px;
}
.online-head .layui-container a{
    color: #ffffff;
}
.online-head .layui-container>span{
    float: left;
}
.online-head .layui-container a:hover{
    text-decoration: none;
}
.online-logo{
    height: 50px;
    padding: 35px 0 35px 80px;
    width: 500px;
    background: url("../img/logo.png") left center no-repeat;
    float: left;
}
.online-logo p{
    font-size: 12px;
    color: #444444;
    line-height: 22px;
}
.online-logo p:first-child{
    font-size: 28px;
    line-height: 34px;
}
.online-banner{
    height: 486px;
   
    min-width: 1140px;
}
.online-banner .layui-row{
   
}
.online-login{
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 0;
    padding: 0;
    background-color: rgba(10, 10, 10, 0.17);
    box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);
    border-radius: 15px;
    background-color: rgba(10, 10, 10, 0.17);
    width: 440px;
    border-bottom: 8px solid #0d588a;
    border-radius: 30px 30px 50px 50px;
    float:none;
    min-height:476px;
    /* overflow: hidden; */
}
 .pass-word .right-btn,.pass-key .right-btn{
    width: 48px;
    height: 46px;
    float: right;
    margin-right: 0;
}  
.BTN
{
	color: #fff;
    background-color: #0084ff;
    width: 35%;
    margin:0 auto;
    margin-top:4rem;
    height: 3rem;
    border-color: #0084ff;
    border-radius: 10px;
    display:block;
    font-size:14px;
    
}
.pass-word .right-btn{
      background: url(../img/icon_Pass_key.png) right top no-repeat;
}
.pass-key .right-btn{
     background: url(../img/icon_Pass_word.png) right top no-repeat;
}
.loading_box{
    width: 100%;
    height: 250px;
    margin-top: 48px;
}
.loading_Pic{
    width: 270px;
    height: 86px;
    margin: 0 auto;
}
.loading_Pic img{
    width: 100%;
}
.loading_test{
    width: 320px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    background: #ceeba3;
    margin: 20px auto 10px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;

}
.loading_undone .loading_untest{
    background: #ffe6c2;
    color: #a35100;
}
.login-info{
    font-size: 14px;
    background:#FEEEEB;
    border:1px solid #F15532;
    color:#F15533;
    line-height:24px;
    box-sizing:border-box;
    padding:5px 12px 5px 32px;
    margin-bottom: -20px;
}
.online-login form input{
    margin-top: 30px;
    font-size: 16px;
    height:46px;
    line-height: 46px;
}

.online-login .login-title{
    font-size: 24px;
    text-align:center;
    color: #ffffff;
    margin-bottom: 20px;
}
.login-register{
    float: right;
}
.online-notice{
    margin: 20px 0;
}
.online-notice .layui-col-xs1:first-child{
    background: #ffa800;
    color: #ffffff;
    text-align: center;
}
.display{
    display: none;
}
.online-pro{
    margin-top:40px;
    color: #444;
    font-size: 22px;
    height: 240px;
    background: url("../img/pro.png") center bottom no-repeat;
}
.online-contact{
    margin: 18px auto 20px;
}
.online-phone p ,.online-internet p ,.online-address p ,.online-scan p{
    font-size: 16px;
    color: #666;
}
.online-phone p:first-child ,.online-internet p:first-child ,.online-address p:first-child ,.online-scan p:first-child{
    font-size: 14px;
    color: #999;
}
.online-phone {
    padding-left: 80px;
    background: url("../img/phone.png") 20px center no-repeat;
}
.online-internet{
    padding-left: 80px;
    background: url("../img/internet.png") 20px center no-repeat;
 }
.online-address {
    padding-left: 80px;
    background: url("../img/address.png") 20px center no-repeat;
}
.online-scan {
    padding-left: 80px;
    background: url("../img/scan.png") 20px center no-repeat;
}
.online-scan:hover .ca-scan{
     display: block;
}
.ca-scan{
    position: relative;
    float: right;
    margin-top: -350px;
    z-index: 999;
    display: none;
}
.online-footer{
    text-align: center;
    color: #888;
    font-size: 14px;
    padding-bottom: 20px;
}

.reg-container{
    border-top: 1px dotted #3f84e2;
    padding-top: 30px;
    padding-bottom: 30px;
}
.reg-container>div>div.layui-col-xs10{
    background: #ffffff;
    height:auto;
    padding: 30px 0;
   
}
.border-bottom1{
    border-bottom: 1px solid #ddd;
}
.reg-contact ,.reg-contact a{
    font-size: 12px;
    color: #1E9FFF;
    line-height: 28px;
}
.layui-form-checked ,.layui-form-checked:hover ,.layui-form-checkbox[lay-skin=primary]:hover i{
    border-color: #1E9FFF;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #1E9FFF;
    background-color: #1E9FFF;
}
p.reg-title{
    text-align: center;
    padding-top:40px;
    font-size:30px;
    color:#37517e;
    letter-spacing:1px;
    line-height:36px;
    text-indent: 0!important;
}
.reg-container input{
    height:38px;
    line-height: 38px;
}
.reg-container img{
    height:38px;
}
.reg-container .layui-row{
    margin-top: 20px;
}
.notice-list{
    padding-left: 60px;
    padding-top: 20px;
}
.notice-list li {
    line-height: 46px;
}
.online-nav{
    width: 100px;
    float: right;
    height: 116px;
    line-height: 116px;
    text-align: center;
    /*margin-right: 200px;*/
}
.online-nav a{
    color: #444;
    font-size: 20px;

}
.online-nav:hover{
    border-bottom: 4px solid #1E9FFF;
    cursor: pointer;
}
.online-nav:hover a{
    color: #1E9FFF;

}
.notice-con p{
    text-indent: 2em;
    padding: 20px 60px;
    line-height: 34px;
}
.notice-con h4{
    text-align: center;
}
.reg-success{
    height: 300px;
    padding-top: 240px;
    background: url("../img/reg-success.png") center 80px no-repeat #ffffff;
}
.reg-success .reg-p1{
    color:#24272e;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}
.reg-success .reg-p2{
    color: #FF5722;
    font-size: 46px;
    line-height: 80px;
    font-weight: bold;
    text-align: center;
}
.reg-success .reg-p3{
    color: #77767c;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
}
.reg-success .reg-p3 a ,.reg-success .reg-p3 a:hover{
    color: #1E9FFF;
    text-decoration: none;
}