body, html, div, a, span, p, h1, h2, h3, h4, h5, ul, li, input, button {
    margin: 0 auto;
    padding: 0;
	max-width: 750px;
}

a, li {
    list-style: none;
}
a {
    text-decoration: none;
    color: black;
}
.login-bg {
    color: #666;
    background-size: 100% 100%;
}
.login-contain {
    width: 85%;
	margin:auto;
}
.login-header{padding-top:5%;}
.login-header div{
    flex: 1;
}
.login-header div h3{margin:35px 0 0 5%;padding-left:15px;font-size:22px;position:relative;}
.login-header div h3:before,
.login-header div h3:after {
    content: '';
    position: absolute;
    left:0%;
	top:15%;
    background: rgba(233, 51, 35, 1);
    width: 2px;
    height: 80%;
}
.login-header p {
    font-size: 32px;
    color: #666666;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}
.login-logo {
    padding-top: 50px;
    text-align: center;
}
.login-logo img {
    height: 55px;
}

.login-contain h1{
    padding: 0% 5%;
}
.form-group {
    padding: 5% 5%;
}
.form-group .form-item {
	
	position:relative;
    padding:5px 10px;
    background:rgba(255,255,255,0.3);
	border-bottom:1px solid #ddd;
}
.form-group .form-item input {
    outline: none;
    border: 0;
    background-color: transparent;
    color: #666666;
    height: 50px;line-height:50px;
    font-size: 18px;	
    width: 85%;
    margin-left: 12%;
}
.form-group .form-item input::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
}
.form-group .form-item input:-moz-placeholder {
    color: #999999;
    font-size: 16px;
}
.form-group .form-item input::-moz-placeholder {
    color: #999999;
    font-size: 16px;
}
.form-group .form-item input:-ms-input-placeholder {
    color: #999999;
    font-size: 16px;
}
.form-group .form-item span{
    font-size: 24px;
	height: 50px;line-height:50px;
	color:#999;
    position: absolute;
}

.sms{float:left;color:#666666;font-size:16px;text-align:left;padding-left:5%;}

.getsmscode{
	position: absolute;
    right: 0;
    top: 5px;
	padding:0 15px;
    border: 0px solid #c4c7ce;
    background: #fff;
	height: 50px;line-height:50px;
    color: rgba(233,51,35,1);
    z-index: 999;
}
.getsmscode:before,
.getsmscode:after {
    content: '';
    position: absolute;
    left:-15px;
	top:30%;
    background: #ddd;
    width: 1px;
    height:40%;
}

.smscode{display:none;}


.reg{float:right;color:#666666;font-size:16px;text-align:right;padding-right:5%;}
.button-group {
    padding: 5%;
}
.button-group .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 49px;
    margin-top: 45px;
    background-color:rgba(233,51,35,1);
    border-radius: 68px;
    color: #fff;
    font-size: 17px;
	border:0;
}


.other-login {
    padding: 5%;
}
.other-login-line {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #666666;
}
.other-login-line:before,
.other-login-line:after {
    content: '';
    position: absolute;
    top: 50%;
    background: #666666;
    width: 20%;
    height: 1px;
}
.other-login-line:before {
    left: 10%;
}
.other-login-line:after {
    right: 10%;
}
.other-login-box {
    display: flex;
    width: 100%;
    justify-content:center;
    margin-top: 20px;
}
.other-login-box div{
    flex: 1;
    text-align: center;
}
.other-login-box div p{
    text-align: center;
    font-size: 14px;
	padding-top:10px;
    color: #666666;
}
.footer{max-width:750px;position:absolute;left:50%;bottom:15px;text-align:center;}
.footer a{font-size: 12px;text-align:center;color:#999}