.login-bg{background:url('../images/login_bg.jpg') no-repeat center;background-size: 100% 100%;overflow: hidden;}
.login{margin: 14vh auto 0 auto;max-width: 480px;padding: 0px;background-color: #ffffff;margin-left: auto;margin-right: auto;border-radius: 8px;box-sizing: border-box;overflow: hidden;padding: 40px;box-shadow: 0px 0px 10px 0px #7b7b7b;}
.login .loginbox{float: right;width: 50%;padding: 40px;box-sizing: border-box;}
.login a.logo{display: block;height: 58px;width: 167px;margin: 0 auto 30px auto;background-size: 167px 42px;}
.login .message {margin: 10px 0 0 0px;padding: 0px 10px 30px 10px;position: relative;font-size: 16px;text-align:center;}
.login .message h2{font-size: 16px;line-height: 26px;color: #444;}
.login .message h1{font-size: 26px;line-height: 30px;color: #333;letter-spacing: 4px;}
.login #darkbannerwrap {width: 18px;height: 10px;margin: 0 0 20px -58px;position: relative;}

.login  .loginbox .box{width: 100%;}
.login  .loginbox .box .login-title{width: 100%;margin-bottom: 15px;height: 40px; border-bottom: 1px solid #ddd;}
.login  .loginbox .box .login-title ul{}
.login  .loginbox .box .login-title ul li{width: 50%; float:left;line-height: 40px;height: 40px;text-align: center;font-size: 14px;}
.login  .loginbox .box .login-title ul li.active{color:#0bb489;border-bottom: 1px solid #0bb489;}
.login  .loginbox .box .login-item{width: 100%;}

.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email], select {border: 1px solid #DCDEE0;vertical-align: middle;border-radius: 3px;height: 40px;padding: 0px 16px;font-size: 14px;color: #555555;outline:none;width:calc(100% - 60px);box-sizing: border-box;border:none;}
.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: 0px 24px;margin: 0px;font-size: 18px;line-height: 24px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;color: #ffffff;background-color: #d60011;border-radius: 20px;border: none;-webkit-appearance: none;outline:none;width:100%;font-size: 14px !important;height: 40px;}
.login hr {background: #fff url(..) 0 0 no-repeat;}
.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 .form-inline-input {width: 100%; margin-bottom: 20px;position: relative;height: 40px;border-radius: 20px;border: 1px solid #ddd;}
.login .form-inline-input .form-label{width: 120px;height:40px;float: left;text-align: center;border-radius: 5px 0 0 5px;position: absolute; top: 0px; left:0px;z-index:99999;    line-height: 40px;
font-size: 14px;color: #565656}
.login .form-inline-input .layui-input{border: none;font-size: 14px !important;outline:none;outline-width:0;position: absolute; width: 100%;border: none;background:none;padding-left: 120px;    border-radius: 20px;}
.login .form-inline-input .layui-input:focus{outline:none;}
.login .form-inline-input .form-label .x-red{color: #f00;}

.login .form-inline-input .verify-img{position: absolute;width: 140px;background: #f2f2f2;right: 1px;top: 1px;height: 48px;overflow: hidden;border-left: 1px solid #f2f2f2;}
.login .form-inline-input .verify-img img{width: 100%; height: 100%;}
.login .form-inline-block{width: 100%; overflow:hidden;margin-bottom: 20px;position: relative;height: 40px;line-height: 40px; font-size: 14px;}
.login .form-inline-block .layui-checked{}
.layui-form-checkbox{width: 20px;height:20px;}
.layui-form-checkbox i{width: 20px; height: 20px;    border-left: 1px solid #d2d2d2;}
.red{color:#f00;}

.denglu{width: 100%;text-align: center;margin-top: 20px;font-size: 16px;line-height: 30px;}
.denglu a{color:#d60011;}
.layui-form-select .layui-edge{margin-top: 15px;}

.login-xz{margin: 6vh auto 6vh auto;
    max-width: 1000px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 40px;
    box-shadow: 0px 0px 10px 0px #7b7b7b;
    height: 88vh;}
.login-xz .message {margin: 10px 0 0 0px;padding: 0px 10px 15px 10px;position: relative;font-size: 16px;text-align:center;border-bottom: 1px solid #ddd;}
.login-xz .message h2{font-size: 16px;line-height: 26px;color: #444;}
.login-xz .message h1{font-size: 26px;line-height: 30px;color: #333;letter-spacing: 4px;}
.login-xz .box{width: 100%;margin-top: 20px;}
.login-xz .box .cont{height: 60vh;overflow: auto;width: 100%;}
.login-xz .box .cont p{font-size: 16px;line-height: 30px;text-indent: 2em;padding: 20px 0;}
.login-xz .box .cz{width: 100%;border-top: 1px solid #ddd;padding-top: 10px;}
.login-xz .box .cz .check{width: 100%;height: 30px;line-height: 30px;font-size: 16px;color: #555;}
.login-xz .box .cz .check #ck{width: 20px;height: 28px;cursor: pointer;vertical-align: middle;margin-right: 10px;}
.login-xz .box .cz .btn{margin-top: 10px;text-align: center;}

.login-xz .box .item{line-height: 30px;padding: 5px 60px;    overflow: hidden;}
.login-xz .box .item span{float: left;width: 140px;font-size: 14px;}
.login-xz .box .item span .red{color: #f00;}
.login-xz .box .item .text{font-size: 14px;line-height: 30px;float: left;}
.login-xz .box .item .picbox{float: left;overflow: hidden; }
.login-xz .box .item .picbox .ipc{width: 160px; float: left; margin-right: 15px;text-align: center;color: #d60011;}
.login-xz .box .item .picbox .ipc .pcb{width: 100%; height: 100px;}
.login-xz .box .item .picbox .ipc .pcb img{display: block; width: 100%;height: 100%;}
.login-xz .box .item .picbox .ipc a{color: #d60011;}
.login-xz .box .item .text .btn{display: block;width: auto;height: 28px; background: #d60011; color: #fff;font-size: 14px; text-align: center;border-radius: 6px;padding: 0 15px;}
.login-xz .box .item .inputtext{width: 260px;height: 32px;border: 1px solid #ddd;border-radius: 5px;padding: 0 10px;}
.login-xz .box .item .selectbox{width: 280px;height: 32px;border: 1px solid #ddd;border-radius: 5px;padding: 0 10px;}

.login-xz .box .sp{float: left;border: 1px solid #ddd;padding: 5px 10px;height: 22px;width: 152px;margin-right: 12px;margin-bottom: 12px;}
.login-xz .box .sp .pro_id{width: 20px;height: 20px;border: 1px solid #ddd;float: left;cursor: pointer;}


.login-xz .box .sp a{ display: block;float: left;width: calc( 100% - 25px);margin-left: 5px;font-size: 16px;color: #333;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.login-xz .box .sp:Hover a{color: #d60011;font-weight: bold;}
.login-xz .box .sp:nth-child(5n){margin-right: 0;}
input[type="checkbox"]:after{width: 15px;height: 15px;border-color: #f00;}
input[type="checkbox"]:checked::after{color: #fff;background-color: #f00;}

.x-admin-sm .layui-btn {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin-top: -3px;
    background: #d60011;
}
@media screen and (max-width: 760px) {
    .login-xz{width: 100%;height: 100vh;margin: 0;border-radius: 0;padding: 0 20px;}
    .login-xz .message{margin: 0;font-size: 16px;padding: 2vh 0 0;height: 6vh;}
    .login-xz .message h1{font-size: 20px;line-height: 6vh;}
    .login-xz .box{margin-top: 2vh;height: 90vh;}
    .login-xz .box .cont{height: 70vh;}
    .login-xz .box .cont p{font-size: 14px; padding: 4px 0;line-height: 26px;}

    .login{width: 100%;margin: 0;height: 100vh;border-radius: 0;}
    .login-xz .box .item{padding: 5px 10px;}
	
    .login-xz .box .item span{    width: 100%;}
    .login-xz .box .item .inputtext{width: 100%;box-sizing: border-box;}
    .login-xz .box .item .selectbox{width: 100%;}
    .login-xz .box .item .picbox{    width: 100%;}
    .login-xz .box .item .picbox .ipc{width: 48%; margin-right: 0;}
    .login-xz .box .item .picbox .ipc:nth-child(2n){float: right;}

    .login-xz .box .sp{width: 48%;margin-right: 0;box-sizing: border-box;overflow: hidden;height: auto;}
    .login-xz .box .sp:nth-child(2n){float: right;}
	
	.login .form-inline-input .form-label{width: 100px; text-align: right;}
	.login .form-inline-input .layui-input{padding-left: 100px;}
	.verify .sendmsm .layui-btn-sm{padding: 0 15px 0 10px;}

}