.white{color:white;}
 ::-webkit-input-placeholder { /*WebKit browsers */
	color: #c0c0c0;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #c0c0c0;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #c0c0c0;
}

:-ms-input-placeholder { /*Internet Explorer 10+*/
	color: ##c0c0c0;
}

input[type="text"] {
    /* width:100%; */
    padding: 0 1.5em 0 1.0em;
    border-radius: 0;
    color: #333;
    font-size: 16px;
    outline: none;
/*     background: #fff url(../images/user.png) no-repeat 10px center; */
    /* background-color:initial; */
/*     border: none; */
    border: 1px solid #c0c0c0;
    -webkit-appearance: none; /*iOS涓璽extbox鏂囨湰妗嗘竻闄ゅ渾瑙�*/
}

#name {
    outline: none;
    background: #fff url(../images/name.png) no-repeat 10px center;
    background-color:initial;
    -webkit-appearance: none; /*iOS涓璽extbox鏂囨湰妗嗘竻闄ゅ渾瑙�*/
}

#phone {
    outline: none;
    #background: #fff url(../images/phone.png) no-repeat 10px center;
    background-color:initial;
    -webkit-appearance: none; /*iOS涓璽extbox鏂囨湰妗嗘竻闄ゅ渾瑙�*/
}

#code {
	width:150px;
    float:left;
    outline: none;
    #background: #fff url(../images/code.png) no-repeat 10px center;
    background-color:initial;
    -webkit-appearance: none; /*iOS涓璽extbox鏂囨湰妗嗘竻闄ゅ渾瑙�*/
}

.layui-form-item #getcode{border-radius:0;}


input[type="password"] {
    /* width:100%; */
    padding: 0 1.5em 0 1.0em;
    border-radius: 0;
    color: #333;
    font-size: 16px;
    outline: none;
    margin-top: 20px;
    margin-bottom: 20px;
/*     background: #fff url(../images/locked.png) no-repeat 10px center; */
   /*  background-color:initial; */
/*     border: none; */
    border: 1px solid #c0c0c0;
    -webkit-appearance: none; /*iOS涓璽extbox鏂囨湰妗嗘竻闄ゅ渾瑙�*/
}

@media (min-width: 768px) {
	.login-box {
    width: 380px;
    padding: 25px 25px;
    color: #6c6c6c;
    background: #fff;
    position: relative;
    margin-top:80%;
	left: -13%;
    }
}

@media (min-width: 992px) {
	.login-box {
    width: 380px;
    padding: 25px 25px;
    color: #6c6c6c;
    background: #fff;
    position: relative;
    margin-top:60%;
	left: 80%;
    }
    @media ( max-height :665px) {
		.login-box {
	    	width: 380px;
		    padding: 25px 25px;
		    color: #6c6c6c;
		    background: #fff;
		    position: relative;
		    margin-top:50%;
			left: 80%;
	    }
	}
	@media ( max-height :585px) {
		.login-box {
	    	width: 380px;
		    padding: 25px 25px;
		    color: #6c6c6c;
		    background: #fff;
		    position: relative;
		    margin-top:35%;
			left: 80%;
	    }
	}
}
@media (min-width: 1400px) {
	.login-box {
    width: 380px;
    padding: 25px 25px;
    color: #6c6c6c;
    background: #fff;
    position: relative;
    margin-top:80%;
	left: 150%;
    }
}


@media (min-width: 992px) {
	.password-box {
    width: 380px;
    padding: 25px 25px;
    color: #6c6c6c;
    background: #fff;
    position: relative;
/*     margin-top:20%; */
    margin:100px auto 0 auto;
 	border:1px聽solid聽#000;
    }
}



.layui-input:focus, .layui-textarea:focus {
    border-color: #1E9FFF!important;
}

.bg-glay-only {
 background: #f0f0f0;
 border-bottom: 1px solid #d7d7d7;
}

.header,
.footer {
  min-height: 50px;
  padding: 0 15px;
}

.phosx{
	height: 45px;
	text-align: center;
}

.title{font-size:24px;margin:50px 0 50px 0;}

.layui-form-label{width:110px;}

.loginscreen.middle-box {
	height: -moz-calc(100% - 100px);
	height: -webkit-calc(100% - 100px);
	height: calc(100% - 100px)}

.bg-glay-only-2 {
 background: #ffffff;
 border-bottom: 1px solid #d7d7d7;
}
.login-verifycode-img {
    margin-left: 20px;
}
.borderlimit-sm {
    width: 180px;
    padding-bottom: 5px;
}
.inputfloat{
	float:left;
}
.margin10{margin:10px 0px;}
.titlecolor{color:#fff;}