html{height: 100%;}
body.signin {
    background: #18c8f6;
    height: auto;
    background:url("../img/login-background.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: rgba(255,255,255,.95);
}

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

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

.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 .btn {
    margin-top: 15px;
}

.signinpanel form {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255,255,255,.3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.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 {
        margin-bottom: 10px;
    }
    .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: 320px) {
    .signinpanel,
    .signuppanel {
        margin:0 20px;
        width:auto;
    }
}
.login_bgwrap{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
    z-index: 10;
}
.login_bgwrap img{
	width: 100%;
	height: 100%;
}
.web_bg{
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index:-10;
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
.login_wrap{
    height: 100%;
    display: flex;
}
.login_wrap2{
	position: absolute;
	top: 30%;
	width: 57%;
	height:30%;
	left: 70%;
	margin-left:-62%;
	z-index: 100;
	border:4px solid white;
}
/* .login_title{
	height: 80px;
	background: url('/static/img/title.png') no-repeat 0 center;
	margin-bottom: 10px;
} */
.login_con{
	width: 410px;
	padding: 0px;
	background-color:white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    align-self: center;
    margin-left: 60%;
  /*   background: url('/static/img/conbg.png') no-repeat 0 center;	 */
}

.login_wrap .login_con h1{font-size:18px;color:#E4393C}
.login_wrap .login_con h1 a{display:inline-table;padding:6px 0;width:50%;text-align:center;font-weight:normal;color:#222;background-color:#eee}
.login_wrap .login_con h1 a.select{background-color:#fff;}

.login_wrap .login_con .inputshow{height: 52px;
    background: #FFFFFF;
    border: 1px solid rgba(36,66,227,0.3);
    border-radius: 4px;}
.login_wrap .login_con .inputshow span{display:table;float:left;padding:0 10px;height:38px;border-right:1px solid #bdbdbd;background-color:#F3F3F3;overflow:hidden;zoom:1;}
.login_wrap .login_con .inputshow span img{float:left;margin-top:10px;}
.login_wrap .login_con .inputshow input{margin-left:0px;border:none;font-size:14px;width:100%;height:52px;line-height:52px;color:#444;padding:0px;}

.login_wrap .login_con .code input{margin-left:0px;border:none;font-size:14px;width:45%;height:35px;line-height:35px;color:#444;}
.login_wrap .login_con .code a{display:block;float:right;width:40%;height:35px;overflow:hidden;zoom:1;}
.login_wrap .login_con .code a img{float:right;padding-top:0px;padding-right:4px;width:auto;height:auto;max-width:100%;max-height:100%;}
.login_wrap .login_con .code .validCodeBtn{float:right;padding-top:3px;padding-right:4px;width:100px;height:35px;text-align:center;background-color: #948efd;}
.login_wrap .login_con .code .validCodeMsg{float:right;padding-top:3px;padding-right:4px;width:100px;height:35px;text-align:center;background-color: #8cc7df;}
 
.button{display:block;margin:0px;overflow:hidden;zoom:1;clear:both;background: #3266CC;border-radius: 4px;height: 52px;text-align: center;}
.button a{font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 52px;
    text-decoration: none;
}

.login_cell{
	width: 260px;
	height:40px;
	padding: 4px 0px;
	margin-bottom: 15px;
	border: 1px solid #dddddd;
	background: #f3f8f9;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.login_cell_hb{
  width: 195px;
  padding-left: 10px;
  float: left;
}
.login_input{
	width: 100%;
	height: 30px;
	line-height: 25px;
	border: 1px;
	background: #f3f8f9;
	color: #000;
	outline: none;
}
.login_input_kaptcha{
	width: 100%;
	height: 30px;
	border: 1px;
	background: #f3f8f9;
	color: #000;
	outline: none;
}

.login_cell_title{
	width: 30px;
	float: left;
	height: 24px;
	border-right: 1px solid #ddd;

}

.login_icon1{
	background: url('/static/img/login-icon1.png') no-repeat center;
}
.login_icon2{
	background: url('/static/img/login-icon2.png') no-repeat center;
}

.login_footer_wrap{
	position: absolute;
	bottom: 0;
	width: 100%;
	height:55px;
	/* background-color:#404040; */
	text-align:center;
	/* color:#808080; */
	color:white;
	font-size:12px;
	line-height:50px;
	z-index: 99;
}

.login_footer_wrap .copyright a {
	text-decoration:none;
	/* color:#808080; */
	color:white;
}

.copyright div{
   text-align: center;
   line-height: 1.8;
}

.head_div {
	position: absolute;
	top: 0;
	width: 100%;
	height:50px;
	background-color:#486EB2;
	text-align:center;
	color:white;
	font-size:12px;
	line-height:50px;
	z-index: 99;
}

.top_div {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.logo_div {
	float:left;
}

.inner_login h3 {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #595959;
    text-align: center;
    margin: 0 0 29px 0;
    font-family: "Microsoft Yahei";
    background: url(../img/loginh3_bg.png) center bottom no-repeat;
}
body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
.font-class{
    font-size: 36px;
    font-weight: normal;
    color: #333333;
    line-height: 40px;
}

.nameClass{
    font-size: 32px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 40px;
}