/* csshint-disable */
body{ margin:0;}
.el-form-item__content{margin-left:0px!important;}
.el-input{ }
.el-form-item__error{margin-left:95px!important;}
.san-form-item-content>.el-input{ width: 75%!important;}
input:focus { outline: none; } 
.brand {
    height: 213px;
    width: 100%;
    background: url(../img/home/bg-1920x1080.png) repeat-x center center #000;
    position: absolute;
    top: 0;
    z-index: 100;
}
.san-toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100px;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 5px;
    z-index: 2000;
    text-align: center;
}
.san-toast-info {
    background: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}
.san-toast-error {
    background: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}
.reg-form {
    position: relative;
    z-index: 2000;
    width: 635px;
    font-size: 14px;
    margin: 0 auto;
    top: 100px;
    padding: 45px 20px 20px;
    background: #fff;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.09);
	height:700px;
}
.reg-form div a{
	background:none;
	color:#333;
	text-decoration:none;
}
.reg-form div a:hover{
	color:#288aed;
	text-decoration:none;
}
.reg-form .san-form {
    width: 417px;
    margin: 0 auto;
}
.reg-form .san-form-item {
    margin: 20px 0;
    position: relative;
}
.reg-form input::-webkit-input-placeholder { 
    color: #999;
}
.reg-form input[type="number"]::-webkit-inner-spin-button {
    display: none;
}
label{ width:90px; float:left; line-height:38px;}
.reg-form input[type="text"],
.reg-form input[type="number"],
.reg-form input[type="password"] {
    height: 38px;
	padding:0px 0px 0px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
	float:left;
	border-radius:0px;
}
.reg-form input[type="checkbox"] {
    width:16px;
    height:16px;
    margin-right:8px;
    vertical-align: -1px;
    cursor: pointer;
}
.reg-form .san-form-item-verifyCode input {
    width: 175px;
	float:left;
}
.reg-form input:focus {
    border-color: #288aed;
    outline: none;
}
.reg-form .invalid input {
    border-color: #f52431 !important;
}
.reg-form .vcode-img {
    vertical-align: bottom;
    width: 80px;
    height: 40px;
    cursor: pointer;
}
.san-form-item-content{ height:40px;}
.reg-form .vcode-img-refresh {
    color: #ccc;
    margin-left: 10px;
}
.reg-form .invalid-label {
    color: #f52431;
    font-size: 12px;
    margin-left: 10px;
    position: absolute;
    left: 418px;
    top: 12px;
    width: 300px;
}
.reg-form .login-tip {
    text-align: right;
    color: #666;
    width: 417px;
    margin: 0 auto;
    font-size: 14px;
}
.reg-form .btn-light {
    color: #51a0f0;
    background-color: #e8f5fd;
    width: 137px;
    height: 41px;
    border: none;
    font-size: 14px;
	border-radius:0px;
}
.reg-form .btn-light[disabled] {
    background-color: #ccc;
    color: #fff;
}
.reg-form .submit {
    width: 416px;
    height: 42px;
    color: #fff;
    background-color: #288aed;
    border: none;
    font-size: 16px;
}
.reg-form .submit[disabled] {
    background-color: #ccc;
    color: #fff;
    cursor: not-allowed;
}
.reg-form .agreements {
    text-align: center;
    font-size: 14px;
}
