@charset 'utf-8';
.login-bg{overflow: hidden;position: relative;}
.login{margin: 0 auto;min-height: 418px;width: 1100px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.login .side-adv{float: left;width: 450px;display: none;
    height: 360px;
    margin-top: 120px;}
.login .side-adv img{width: 100%;}
.login .loginbox{float: right;width: 420px;height: 440px;padding: 40px 55px;box-sizing: border-box;background: #fff;margin-top: 60px;}
.login a.logo{display: block;height: 58px;width: 167px;margin: 0 auto 30px auto;background-size: 167px 42px;}
.login .message {position: relative;font-size: 16px;text-align:center;margin-bottom: 40px;overflow: hidden;}
.login .message .item{float: left; width: 50%;height: 50px; line-height: 50px;}
.login .message .item a{display: block;font-size: 18px;}
.login .message .item.active{color: #1492ff;border-bottom:1px solid #1492ff;}
.login .message .item.active a{color: #1492ff;}
.login .message h2{font-size: 16px;line-height: 26px;color: #444;}
.login .message h1{font-size: 26px;line-height: 40px;color: #333;letter-spacing: 2px;}
.login .message h1 img{display: block;width: 100%;margin: 0 auto;}
.login #darkbannerwrap {width: 18px;height: 10px;margin: 0 0 20px -58px;position: relative;}

.login  .loginbox .box{width: 100%;margin-top: 30px;}
.login  .loginbox .box .login-title{width: 100%;margin-bottom: 24px;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.tool_2{color:#2b3058;border-bottom: 1px solid #2b3058;}
.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: #1492ff;
    border-radius: 6px;
    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%; overflow:hidden;margin-bottom: 26px;position: relative;height: 40px;background:#f3f4f9;border-radius: 5px;}
.login .form-inline-input .form-label{width: 40px;height:40px;float: left;text-align: center;border-radius: 5px 0 0 5px;position: absolute; top: 1px; left:1px;z-index:99999;margin-left: 15px;}
.login .form-inline-input .form-label img{height: 14px;margin-top: 11px;}
.login .form-inline-input .layui-input{border: none;font-size: 14px !important;outline:none;outline-width:0;position: absolute; width: 100%;border: 1px solid #f2f4f9;background:none;padding-left: 55px;border-radius: 5px;}
.login .form-inline-input .layui-input:focus{outline:none;}

.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%;}