.login-bg{
    /*background: #eeeeee url() 0 0 no-repeat;*/
     background:url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.login{
    margin: 120px auto 0 auto;
    max-width: 1200px;
}
.login .ltext{
    width: 380px;
    margin-right: 70px;
}
.login .ltext .h1{font-size: 30px;font-weight: bold;color: #555555;padding: 30px 0;}
.login .ltext .te{font-size: 14px;line-height: 24px;}
.login_c{
    width: 475px;
    padding: 40px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    /* overflow-x: hidden; */
    box-sizing: border-box;
}
.login a.logo{
    display: block;
    height: 58px;
    width: 167px;
    margin: 0 auto 30px auto;
    background-size: 167px 42px;
}
.login .message {
    font-size: 28px;
    position: relative;
    padding:  30px 0 15px 0;
    border-bottom: 1px solid #dddddd;
}
.login .message:nth-child(2){display: none}
.login_c .top{position: relative;}
.login_c .co_img{
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;z-index: 1;
}
.login_c  .co_imgs{display: inline-block!important;}
.co_img.on{opacity: 1;z-index: 5}
.login_c .co_img:hover .hov_s{z-index:1000;opacity: 1;}
.login_c .co_img .hov_s{
    position: absolute;
    right: 100%;
    z-index: -100;
    text-align: center;
    opacity: 0;
    top: 0;
    font-size: 12px;
    line-height: 24px;
    width: 128px;
    background: url("../images/bg.png") no-repeat 100% 100%;
}


.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email], select {
    border: 1px solid #dddddd;
    vertical-align: middle;
    border-radius: 3px;
    height: 57px;
    padding: 0px 16px;
    padding-left: 75px;
    font-size: 16px;
    color: #555555;
    outline:none;
    width:100%;
    box-sizing: border-box;
}
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus, select:focus {
    border: 1px solid #27A9E3;
}
.login input[type=submit],
.login input[type=button]{
    display: inline-block;
    vertical-align: middle;
    padding: 12px 24px;
    margin: 0px;
    font-size: 18px !important;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    background-color: #0078e8;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    outline:none;
    width:100%;
}
.login hr {
    background: #fff ;
}
.login hr.hr15 {
    height: 15px;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.login hr.hr20 {
    height: 20px;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.login_c .li {margin-top: 25px;position: relative}
.login_c .li .na{width: 55px; position: absolute;left: 1px;top:1px;background: #dddddd;text-align: center;line-height: 55px;}
.login_c .li .yans{padding-left: 20px;width: 200px}
.login_c .li .paimg{width: 150px;border: 1px solid #dddddd;text-align: center;line-height: 55px}
.login_c .li .pa_ya{width: 150px;background: #ebebeb;text-align: center;font-size: 16px;cursor: pointer; line-height: 55px}

.login_c .type_co{padding: 20px 0;line-height: 40px;}

.login_c .type_co .pas_fo{color:#0078e8;font-size: 14px;}
.login_c .type_co label{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}
.login_c .type_co input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #d6d6d6;
    position: absolute;
    background: #d6d6d6;
    left: 0px;
    top: calc(50% - 12px);
}
.login_c .type_co input[type="radio"]:checked + label:before {
    border: 1px solid #0078e8;
    background: #ffffff;
}
.login_c .type_co .layui-form-checkbox{
    height: 18px;
    line-height: 18px;
}
.login_c .type_co .layui-form-checkbox i{
    width: 18px;
    height: 18px;
    border: 1px solid #d2d2d2;
}

.a_register {color: #666666;text-align: center;font-size: 14px;}
.a_register a{color: #0078e8;display: inline-block}

.cons .con:nth-child(n+2){display: none;}
.login_c .codes{
    margin: 30px auto;
    width: 160px;
    background: #eaeaea;
    text-align: center;
    padding: 40px;

}

.login_c .text_t{width: 240px;margin: 0 auto;color: #666666;}
.login_c .text_t span{display: inline-block;color: #0078e8;}
.login_c .text_t dl{display: inline-block;vertical-align: middle;font-size: 14px;padding-left: 18px}
.login_c .a_register_t{color: #666666;text-align: right;font-size: 16px;}


.register{background: #f7f7f7;padding-top: 100px;}
.register .register_c{padding: 70px; background: #FFFFFF; width: 860px;margin: 0 auto;display: block;}
.register_c .top_a{text-align: right;color: #333333;font-size: 16px;}
.register_c .f_logo{text-align: center;line-height: 130px;}
.register_c .h1{font-size: 24px;text-align: center;padding: 20px 0;line-height: 40px}
.register_c .lis{width: 460px;margin: 0 auto;display: block;}
.register_c .lis .li{padding: 20px 0;line-height: 48px;font-size: 16px;}
.register_c .lis .li .na{width: 100px;text-align: right;padding-right: 12px;-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box; }
.register_c .lis .li .ins{width: 360px;position: relative}
.register_c .ins input{
    border: 1px solid #dddddd;
    vertical-align: middle;
    border-radius: 3px;
    padding: 0px 16px;
    display: block;
    height: 48px;
    line-height: 46px;
    font-size: 16px;
    color: #555555;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}
.register_c .ins .te_show{color: #f43400;position: absolute;top: 100%;left: 0;font-size: 14px;line-height: 40px;}
.register_c .ins .yans {padding-left: 20px;width: 170px;    height: 58px;line-height: 58px;}
.register_c .ins .paimg {width: 150px;border: 1px solid #dddddd;text-align: center;line-height: 55px;}

.register_c .btn{
    display: inline-block;
    vertical-align: middle;
    padding: 12px 24px;
    margin: 0px;
    font-size: 18px !important;
    line-height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    background-color: #0078e8;
    border-radius: 3px;
    border: none;
    -webkit-appearance: none;
    outline: none;
    width: 100%;
    margin-top: 50px;

}
.register_c .pa_ya {
    width: 150px;
    background: #ebebeb;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    line-height: 55px;
}

.register_c .radios input{display: none;}

.register_c .radios label{padding-left:26px;position: relative;color: #494f67; margin-right: 20px;}
.register_c .radios label:last-child{margin-right: 0;}
.register_c .radios input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    background: #e0e3e8;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    border: 5px solid #e0e3e8;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box;
}
.register_c .radios input[type="radio"]:checked + label:before {background: #ffffff;border-color: #0078e8;}
.che_ture{font-size: 14px;}
.register_c .che_ture input{display: inline-block;width: 15px;    vertical-align: middle;}
.register_c .radios label{padding-left:26px;position: relative;color: #494f67; margin-right: 20px;}
.register_c .radios label:last-child{margin-right: 0;}
.register_c .radios input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    background: #e0e3e8;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    border: 5px solid #e0e3e8;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box;
}
.register_c .radios input[type="checkbox"]:checked + label:before {background: #ffffff;border-color: #0078e8;}
.register_c .che_ture label a{display: inline-block;color: #0078e8;}
.register_c .li_ture {padding-left: 100px;line-height: 30px;}

.register .bom{color: #999999;font-size: 16px;text-align: center;padding: 45px 0;}