* {
	font-family: 'Microsoft yahei';
}
.pc-login-content{
    width: 500px;
    margin: 100px auto 0;
    padding: 40px;
    border-radius: 3px;
	position: relative;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
}
.pc-login-content .logo{
	display:block;
}
.pc-login-content .welcome{
	font-size: 24px;
    display: block;
    margin: 25px 0;
    font-weight:bold;
}
.pc-login-content .form-group{
	margin-left:0;
	margin-right:0;
} 
.pc-login-content .help-block{
	margin-left:72px;
}
.pc-login-content .login-btn{
	width: 298px;
    color: #fff;
    background: #3487fd;
    border-radius: 2px;
}
.pc-login-content .tip{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}


.phone-login-content{
	background: #fff;
    padding: 22px 36px 0;
}
.phone-login-content .logo{
	display: block;
    width: 90px;
    height: 30px;
    margin-bottom: 12px;
}
.phone-login-content .welcome{
    display: block;
	margin-bottom: 23px;
	font-size: 24px;
    color: #000000;
}
.form-horizontal .form-group{
	width:100%;
	margin-right:0!important;
	margin-left:0!important;
	margin-bottom: 30px;
}
.form-horizontal .control-label{
    font-size: 16px;
    color: #5A5A5A;
    width:72px;
    letter-spacing: 20px;
    text-align:left!important;
}
.form-horizontal .control-label-code{
	letter-spacing: 2px;
}
.form-horizontal .form-group .form-input{
    width:calc(100% - 72px);
    float:right;
}
.form-horizontal .form-group .form-input .form-control{
    border: 1px solid #828282;
    border-radius: 1px;
}
input[name="validateCode"]{
	font-weight: inherit!important;
    margin-bottom: 0;
    display: inline-block;
    width: 202px!important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #595959;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.validateCode{
	height: 34px;
    vertical-align: bottom;
}

.input-text {
	line-height: 34px;
}
.btn-primary {
	background-color: #28aac5 !important;
	border-color: #28aac5 !important;
}
#qqLoginBtn {
	display: none;
}
.other-login {
	text-align: center;
}
.login-title {
	color: #7d7b7b;
	/* margin: 10px auto; */
}
.login-title hr {
	width: 25%;
    display: inline-block;
    margin: 0;
    margin-bottom: 3px;
    color: #7d7b7b;
}
.login-title img{
	cursor: pointer;
}
.register_content a {
	color: #28aac5 !important;
}


.shopCar {
	float: right !important;
}

.content {
	width: 100%;
	margin: 50px auto 150px;
}

.content .form-box {
	background-color: #fff;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.content .form-top {
	overflow: hidden;
	padding: 25px;
	background: #fff;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: left;
}

.content .form-top .form-top-img {
	width: 100%;
	margin: 0 auto;
}

.content .form-top .form-top-img img {
	width: 100%;
	height: 100%;
}

.content .register_content .option {
	padding: 0 15px;
}

.content .register_content .forget_password a:last-of-type {
	margin-right: 15px;
}

.content .register_content .Third_party_login {
	width: 90%;
	margin: 20px auto 0;
	display: flex;
}

.content .register_content .Third_party_login .line {
	flex: 1;
	position: relative;
	top: -10px;
	border-bottom: 1px solid #ccc;
}

.content .register_content .Third_party_login .text {
	padding: 0 12px;
	font-weight: 700;
	font-size: 14px;
}

.content .form-bottom {
	background-color: #fff;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	text-align: left;
}
.pc-login-content .form-bottom{
	width: 50%;
    margin: 0 auto!important;
}
.content .form-bottom .tab-content {
	min-height: 400px;
	margin-top: 15px;
}

.content .third-party-login-logo {
	width: 90%;
	margin: 1em auto 0;
}

/* 移动端样式 */
@media all and (max-width: 640px) {
	body {
	    padding-top: 0px!important;
	}
	html, body {
	    height: 100%;
	    background: #fff;
	}
	.pc-login-content {
	    width: 100%;
	    height:100%;
	    padding: 40px 20px;
    	padding-bottom: 0px;
	    margin: 0;
	    border-radius:0px;
	    position: relative;
	    background-color: #fff;
	    border: none;
	}
	.pc-login-content .logo{
		position: absolute;
	    left: 20px;
	    top: 18px;
	}
	.form-horizontal .control-label {
	    padding-top: 7px;
	}
	.form-horizontal .form-group .phone-class{
		width:100%;
	}
	.pc-login-content .login-btn{
		width:100%;
	}
	.form-horizontal .phone-class-t-btn{
		width:50%;
		margin:0 auto!important;
	}
	.form-horizontal .form-group .form-input{
	    width: 100%;
	}
	.login-input{
		-webkit-display:flex;
		-moz-display:flex;
		-ms-display:flex;
		-o-display:flex;
		display:flex;
		align-items:center;
	}
	.login-input input[name='validateCode']{
		flex:1;
	    width: auto!important;
	}
	.login-input img.validateCode{
		margin:0 5px;
	}
	.validateCodeRefresh{
		flex: 0 0 50px;
	}
	.pc-login-content .help-block {
	    margin-left: 0px;
	}
}
@media screen and (min-width: 375px) and (max-width: 414px),
only screen and (min-device-width: 376px) and (max-device-width: 414px) {/* p6plu */
	body {
	    padding-top: 0px!important;
	}
}
@media screen and (min-width: 320px) and (max-width: 375px),
only screen and (min-device-width: 321px) and (max-device-width: 375px) {/* p6  */
}
@media screen and (max-width: 321px),
only screen and (max-device-width: 320px) {/* p5 */
	.pc-login-content {
	    width: 100%;
	    padding: 40px 20px;
	   	padding-bottom: 0px;
	    margin: 0;
	    border-radius:0px;
	    position: relative;
	    background-color: #fff;
	    border: none;
	}

}
@media screen and (max-width: 360px),
only screen and (max-device-width: 360px) {/* Galaxy S5 */
	.pc-login-content {
	    width: 100%;
	    padding: 40px 20px;
	   	padding-bottom: 0px;
	    margin: 0;
	    border-radius:0px;
	    position: relative;
	    background-color: #fff;
	    border: none;
	}

}