html {
	height: 100%
}

body.signin {
	height: auto;
	background: url(../img/login_bg1.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: rgba(255,255,255,.95);
}

.signinpanel {
	width: 750px;
	margin: 10% auto 0
}

.signinpanel .logopanel {
	float: none;
	width: auto;
	padding: 0;
	background: 0 0
}

.signinpanel .signin-info ul {
	list-style: none;
	padding: 0;
	margin: 20px 0
}

.signinpanel .form-control {
	display: block;
	margin-top: 15px
}

.signinpanel .uname {
	background: #fff url(../img/user.png) no-repeat 95% center;
	color: #333
}

.signinpanel .pword {
	background: #fff url(../img/locked.png) no-repeat 95% center;
	color: #333
}
.signinpanel .captcha {
	background: #fff url(../img/captcha.png) no-repeat 95% center;
	color: #333
}

.signinpanel .btn {
	margin-top: 15px
}

.signinpanel form {
	background: rgba(255,255,255,.2);
	border: 1px solid rgba(255,255,255,.3);
	-moz-box-shadow: 0 3px 0 rgba(12,12,12,.03);
	-webkit-box-shadow: 0 3px 0 rgba(12,12,12,.03);
	box-shadow: 0 3px 0 rgba(12,12,12,.03);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 30px
}

.signup-footer {
	border-top: solid 1px rgba(255,255,255,.3);
	margin: 20px 0;
	padding-top: 15px
}

@media screen and (max-width:768px) {
	.signinpanel,.signuppanel {
		margin: 0 auto;
		width: 420px!important;
		padding: 20px
	}

	.signinpanel form {
		margin-top: 20px
	}

	.signup-footer,.signuppanel .form-control {
		margin-bottom: 10px
	}

	.signup-footer .pull-left,.signup-footer .pull-right {
		float: none!important;
		text-align: center
	}

	.signinpanel .signin-info ul {
		display: none
	}
}

@media screen and (max-width:340px) {
	.signinpanel,.signuppanel {
		margin: 0 20px !important;
		width: auto
	}
}


/* login1 css */
.signinpanel.signinpanel1{
	width: 1200px;
	margin: 8% auto 0;
}
.signinpanel.signinpanel1 .rowBox{
	display: flex;
	justify-content: space-between;
}
.signinpanel.signinpanel1 .rowBox .rowBoxFirst{
	width: 580px;
}
.signinpanel .signin-info1 h1{
	color: #0B7EE9;
	font-size: 42px;
	font-weight: 600;
}
.signinpanel .signin-info1 p{
	color: #0B7EE9;
	font-size: 16px;
}
.signinpanel .signin-info1 img{
	width: 546px;
	margin-top: 70px;
}
.login_form.login_form1{
	background: #FFFFFF;
	width: 362px;
	height: 392px;
	margin-top: 80px;
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,.06);
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.06);
	box-shadow: 5px 5px 5px rgba(0,0,0,.06);
}
.login_form.login_form1 .no-margins{
	color: #333333;
	text-align: center;
	font-weight: bold;
}
.signin .foot_text_login1{
	font: 14px;
	color: #333333;
	text-align: center;
	margin-top: 156px;
}
@media screen and (max-width:768px) {
	.signinpanel.signinpanel1 .rowBox{
		justify-content: center;
		display: block;
	}
	.login_form.login_form1{
		width: auto;
		margin-top: 30px;
	}
	.signinpanel.signinpanel1 .rowBox .rowBoxFirst{
		width: auto;
	}
	.signinpanel.signinpanel1 .rowBox .rowBoxFirst img,.signinpanel.signinpanel1 .rowBox .rowBoxFirst p{
		display: none;
	}
	.signinpanel.signinpanel1 .rowBox .rowBoxFirst h1{
		font-weight: 500;
		font-size: 36px;
		width: auto;
	}
	.signin .foot_text_login1{
		margin-top: 20px;
		padding: 0 15px;
	}
}

/* login2 css */
.login_form.login_form2{
	background: #4347B4;
}
.login_form.login_form2 input{
	background: #2D2D88;
	color: #FFFFFF;
}
.login_form.login_form2 .btn{
	background:#0DC28D;
}
.signin .foot_text_login2{
	font: 14px;
	color: #FFFFFF;
	position: absolute;
	bottom: 5%;
	left: 0;
	text-align: center;
	width: 100%;
}
.login_form.login_form2 .no-margins{
	text-align: center;
}
.signinpanel.signinpanel2{
	    width: 1200px;
	    margin: 10% auto 0;
}
.rowBoxFirst2H1{display: none;}
@media screen and (max-width:768px) {
	.signin .foot_text_login2{
		position: absolute;
		bottom: 5%;
		left: 0;
		text-align: center;
		width: 100%;
	}
	.signin2.signin{
		 background-image: linear-gradient(#0B003D, #0B003D) !important;
	}
	.rowBoxFirst2H1{display: block;color: #0DC28D;}
	.rowBoxFirst3H1{display: block;color: #8C6EE1;}
}
@media screen and (max-width:374px) { 
	.signin .foot_text_login2{
		position: static;
		margin-top: 10px;
	}
}


/* login3 css */
.login_form.login_form3{  
	background: #30306B;
}
.login_form.login_form3 input{
	background: #30306B;
	color: #FFFFFF;
}
.login_form.login_form3 .no-margins{   
	text-align: center;
}
.login_form.login_form3 .btn{
	background:#8C6EE1;
}
.rowBoxFirst3H1{display: none;color: #8C6EE1;}
@media screen and (max-width:768px) {
	.rowBoxFirst3H1{display: block;color: #8C6EE1;}
}


/* login4 css */
.signinpanel.signinpanel4 .rowBox{
	    display: flex;
	    justify-content: center;
}
.login_form.login_form4{  
	background: #FFFFFF;
	width: 480px;
	height: 462px;
}
.rowBoxFirst4{
	width: 350px;
	height: 462px;
	background: url(../img/login4img_04.png);
}
.rowBoxFirst3{
	width: 350px;
	height: 350px;
	background-color: #30306B;
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,.3);
}
.login_form.login_form4 input{
	background: #FFFFFF;
	color: #000000;
	height: 48px;
	width: 360px;
	margin: 0 auto;
	margin-top: 24px;
}
.login_form.login_form4 .no-margins{   
	text-align: center;
	color: #000000;
}
.login_form.login_form4 .widBule{
	width: 100px;
	background: #296BEF;
	height: 2px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.login_form.login_form4 .btn{
	background:#296BEF;
	height: 48px;
	width: 360px;
	margin: 0 auto;
	margin-top: 34px;
} 
.login_form.login_form4 .yanZm_box{
	display: flex;
	justify-content: space-between;
	width: 360px;
	margin: 0 auto;
}
.login_form.login_form4 .yanZm_box .yanZm_box_img{
	width:198px;cursor:pointer;margin-top:24px;height: 48px;
}
.login_form.login_form4 .yanZm_box .yanZm_box_input{
	width: 154px;margin-left: 0;margin-right: 10px;
}
.signin .foot_text_login4{
	font: 14px;
	color: #333333;
	text-align: center;
	margin-top: 200px;
}
.rowBoxFirst3H1{display: none;color: #8C6EE1;}
@media screen and (max-width:768px) {
	.rowBoxFirst3H1{display: block;color: #8C6EE1;}
	.rowBoxFirst4{display: none;}
	.login_form.login_form4{
		width: auto;
		margin: 0 auto;
	}
	.signinpanel.signinpanel4 .rowBox{
		display: block;
	}
	.login_form.login_form4 input{
		width: 100%;
	}
	.login_form.login_form4 .yanZm_box{
		width: 100%;
	}
	.login_form.login_form4 .yanZm_box .yanZm_box_img{
		width:45%;cursor:pointer;margin-top:24px;height: 48px;
	}
	.login_form.login_form4 .yanZm_box .yanZm_box_input{
		width:45%;
	}
	.login_form.login_form4 .btn{
		width: 100%;
	}
	.signin .foot_text_login4{
		font: 14px;
		color: #333333;
		text-align: center;
		margin-top: 100px;
		padding: 0 15px;
	}
}

/* 商汤登录页面 */
.stsignin.signin{
	height: 100%;background: #040D16;min-height: 718px;
}
.login_form.stLogin_form{
	background: #FFFFFF;
}
.stsignin.signin .signinpanel{
	width: auto;
	margin: 0;
}
.stsignin.signin .signinpanel input{
	width: 75%;
	height: 40px;
	margin: 24px auto;
}
.stsignin.signin .signinpanel .login_form button{
	width: 75%;
	margin: 0 auto;
	margin-top: 24px;
}
.stsignin.signin .signinpanel .signinpanelLeft{
	display: flex;margin: 0 auto; justify-content: space-between;height: 100%;
}
@media screen and (max-width:768px) { 
	.stsignin.signin .signinpanel .signinpanelLeft{width: auto;}
	.stsignin.signin .signinpanel .signinpanelLeft>div{
		width: 100% !important;
	}
	.stsignin.signin .signinpanel .leftsigninpanel{
		display: none;
	}
	.stsignin.signin .signinpanel {
		padding: 0;
	}
    .stsignin.signin .signinpanel #login_form{
		margin-top: 0;
		padding-top: 100px !important;
	}
	.stsignin.signin {
		min-height: auto;
	}
	.signinpanel, .signuppanel{
		width: auto !important;
	}
}

/* 天津分公司登录页面 */

.login_form.tianjinlogin_form {
	text-align: center;
	background-color: #144AB7;
	width: 362px;
	margin-top: 80px;
	-moz-box-shadow: 0px 3px 6px rgba(1, 15, 59, 0.21);
	-webkit-box-shadow:0px 3px 6px rgba(1, 15, 59, 0.21);
	box-shadow: 0px 3px 6px rgba(1, 15, 59, 0.21);
	border-color: #0038BE;
	padding-top: 0;
}
.login_form.tianjinlogin_form .no-margins{
	font-weight: bold;
	letter-spacing: 2px;
	margin: 20px 0;
}
.login_form.tianjinlogin_form input{
	background: #004398;
	border-color: #496DD2;
	color: #C4CBD9;
	height: 38px;
}
.login_form.tianjinlogin_form .btn{
	background-color: #0DC28D;
	height: 44px;
}
.signinpanel.tianjinsigninpanel1 {
    width: auto;
	padding: 10% 12% 0% 5%;
    margin: 0 auto;
}
.signinpanel.tianjinsigninpanel1 .rowBox{
	display: flex;
	justify-content: space-between;
}
.signinpanel.tianjinsigninpanel1 .rowBox .rowBoxFirst{
	width: 60%;
}
.signinpanel.tianjinsigninpanel1 .rowBoxFirst img{
	width: 100%;
}
.signin.tianjinsignin .foot_text_login1{position: absolute;
		bottom: 3%;
		left: 0;
		text-align: center;
		width: 100%;
		}

@media screen and (max-width:768px) { 
	.signinpanel.tianjinsigninpanel1 .rowBoxFirst{
		display: none;
}
.signin.tianjinsignin .foot_text_login1{position: absolute;
		bottom: 3%;
		left: 0;
		text-align: center;
		width: 100%;}
.login_form.tianjinlogin_form{width: auto;}
.signinpanel.tianjinsigninpanel1 .rowBox{display: block;}
.login_form.tianjinlogin_form{margin-left: auto;margin-right: auto;}
.signinpanel.tianjinsigninpanel1>img {position: static!important;width: 260px;}
.signinpanel.tianjinsigninpanel1{padding: 10%;}
}

/* 山西分公司登录 */
.shanxi .signinpanel.tianjinsigninpanel1 .rowBox .rowBoxFirst{
	width: 55%;
}
.signin.tianjinsignin.shanxi .foot_text_login1{margin-top: 10px;margin-bottom: 10px;}
.shanxi .signinpanel.tianjinsigninpanel1 .rowBoxFirst img{margin-top: 0;}

/* 江西查查 */
.signin .chachalogo {position: absolute;top: -80px;left: 0px;right: 0;margin: auto;width: 408px;}
.signin .chachalogo2{display: none;}
.login_form.login_form3.chachaloginform{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 500px;height: 448px;background: #FFFFFF;padding:0 40px;padding-top: 0;padding-bottom: 0;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);}
.login_form.login_form3.chachaloginform h4{color: #333333;letter-spacing: 2px;font-size: 24px;margin: 24px 0;}
.login_form.login_form3.chachaloginform input{background: #FFFFFF;margin-top: 16px;height: 42px;color: #333333;}
.login_form.login_form3.chachaloginform .btn{margin-top: 20px;height: 43px;background: #014BE6;outline: none;border: none;}
@media screen and (max-width:768px) { 
	.signin .chachalogo {display: none;}
	.signin .chachalogo{position: static;}
	.login_form.login_form3.chachaloginform{width: 95%;position: static;}
	.signin .chachalogo2{display: inline-block;margin-top: 20px;}
	.chachasignin {text-align: center;}
}
@media screen and (max-width:375px) { 
	.signin .chachalogo2 {width: 95%;}
	
}