html,body{
	margin: 0;
    padding: 0;
    width: 100%;  
}

.js-password,.js-password:hover,.experience,.experience a,.experience a:hover {color:#9095a9;cursor:pointer;}

.layui-form-checkbox span {font-size:14px;}

.layui-form-checkbox[lay-skin=primary] i {width:14px;height:14px;line-height:14px;}

.layui-form-checkbox[lay-skin=primary] span {color:#9095a9;}

body{
	position: relative;
	background-color: #414550;
	font-size: 14px;
	height: 100%;	
}

.login{
	width: 330px;
	border: 0;
	border-radius: 3px;
}

.layui-form-label{
	width: 58px;
	padding:9px 10px 9px 0;
}

.layui-input-block{
	margin-left: 66px;
}

.layui-input-block{
	margin-left: 75px;
}


.login-Content{
	padding: 30px;
	padding-top:10px;
}

#verificationCode{
	width: 55%;
	float: left;
	width: 40%\0;
}

.layui-btn{
	min-width: 101px;
	text-align:center;
	background-color: transparent;
}
.layui-btn-warm {
	background-color: #ff9c00;
}
#loginButton{
	width: 270px;
	margin-top: 30px;
	height:40px;
	font-size:16px;
}

.login_title{
	width: 100%;
	text-align: center;
	color: #1aa094;
	font-size: 22px;
	border-bottom: 1px solid #cce6e4;
	line-height: 2.2;
	background: #F8F8F8;
}

.text-decort{
	text-decoration:none;
	padding-left: 15px;
}

#getCode,#getVerification,#getRegCode{
	height: 36px;
    width: 40%;
    float: left;
    margin-left: 5%;	
}
#getVerification {
	height: 40px;
    margin-left: -1px;
    border: 0;
}

.login-bottom-left{
	margin-left: 7px;
	float: left;
}

.login-bottom-right{
	float: right;
	padding-top: 4px;
}


.login-item{
	margin-bottom: 5px;
}


.main-right{
    padding-top: 100px;
}

.content{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -165px;
    margin-top: -250px;
}

.layui-container{
	margin: auto;
	width: 960px\0;
	height: 100%;
}

.password,.register,.password-next {
	width: 330px;
	border: 0;
	border-radius: 3px;
}
.verification {
	width: 60%;
	float: left;
	border-top-right-radius:0!important;
	border-bottom-right-radius:0!important;
}
.js-get-btn {
	width: 270px;
	font-size:16px;
}
.layui-input {border-radius:4px;color:#a8a8a8;height:40px;}
.login_header img {padding-left: 30px;}
.login-Content .layui-input-block span {position: absolute;top:10px;left: 10px ;color:#a8a8a8;padding-right:10px;border-right:1px solid #a8a8a8;}
.login-Content .layui-input-block input {padding-left: 50px;font-size:14px;color:#333}
.login-Content .layui-input-block {margin: 0}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover{
    border: 0;
    background-color: #00ac49;
    color: #FFFFFF;
    cursor: not-allowed;
    opacity: 0.6;
}

/*浏览器升级提示*/
.browser{ position:fixed; left:0; top:0; width:100%; padding:15px; text-align:center; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWSURBVChTY2BgYDAmEo8qxBsCVA4eANiVE+3mi7vjAAAAAElFTkSuQmCC");}
.browser-instructions{ font-size: 18px; font-weight:bold;  color: orange; padding-bottom:15px;}
.browser-list a{ color:#add4f3; font-size:12px; padding-right:15px;}
.browser-list a:hover{ text-decoration:underline;}
.browser-list a img { margin-right:10px;} 

.side-QRcode {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -125px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.copyright {
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0,0,0,.2);
}

.copyright a {
    color: #65b8ff;
}