@charset "utf-8";
/* CSS Document */



/*login*/
.icon-home{ padding:0px 5px; border:solid 1px #4A5460; color:#4A5460; background:#fff;}
.warning{ min-width:10px; height:25px; display: inline-block;}

/*login-agent*/
.login-agent{width:550px; height:550px; border-radius:5px; position:absolute; left:50%; top:50%; margin-left:-275px; margin-top:-275px; box-shadow: 0 1px 14px rgba(0,0,0,0.3);}
.login-agent .login-top{position:relative; z-index:3; padding:25px 35px 30px 30px;}
.login-agent .icon-home{ position:absolute; top:70px; right:40px;}
/*content*/
.login-content{ padding:40px; position:relative; z-index:3;}

.login-content ul li {
width: 475px;
line-height: 9px;
color: #555;
font-size: 14px;
margin-bottom: 20px;}
.login-content ul li .li-bg {
	position: relative;
}
.login-content ul li .li-bg label {
width: 14px;
height: 19px;
display: inline-block;
position: absolute;
left: 15px;
top: 15px;
}
.login-content ul li.user-jobnum label { width:18px; left:12px;
background: url(../images/sprite_user.png) no-repeat -133px 0;
}
.login-content ul li.user-phone label {
background: url(../images/sprite_user.png) no-repeat -113px 0;
}
.login-content ul li .li-bg input {
height: 45px;
width: 410px;
line-height: 45px;
vertical-align: middle;
border: 1px solid #e3e3e3;
padding: 0 15px 0 38px;
color: #999;
font-size: 14px;
background: #fff;
}

/*.login-content ul li span { height:45px; width:110px; overflow:hidden; }*/
.login-content ul li .warning span { text-indent:14px;
height: 20px;
color: #e4393c;
line-height: 20px;
display: block;
font-size: 12px;
}
.login-content ul li.pwd label {
background: url(../images/sprite_user.png) no-repeat -113px -25px;
}
.user-login .wrapper .mt10 {
padding: 3px 0;
}
.login-content ul li .mind-login {
margin-right: 10px;
}
.login-content ul li a {
color: #555;
}
.login-content ul li button {
width:100%;
height: 49px;
background-color:#FFD200;
font-size: 20px;
color: #fff;
cursor: pointer; border:solid 1px #fff;
}
.login-content ul li button:hover{background-color:#FFDD25;}

.login-agent .foot{ position:absolute; z-index:3; bottom:35px; color:#333; width:100%; text-align:center;}
.login-agent .masklayer{ position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=85); opacity:.85; border-radius:5px;}

.bg-images img{display: block; position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: -1;}

/*login-user*/
.login-user{ position:absolute; top:50%; margin-top:-300px; background:url(../images/agent-user.jpg) no-repeat center; width:100%; height:600px;}
.login-user .login-content ul li{ margin-bottom:0;}
.login-user .warning{ height:30px; line-height:30px;}
.login-user .icon-home{ font-size:12px; font-weight:normal; height:24px; line-height:24px; position:relative; top:20px; right:50px;}
/*head*/
.head-login{ height:70px; padding-top:20px; position: relative; z-index: 99; text-align:center;}
.login-user .login-con{ width:454px; margin:0 auto; position:relative;}
.login-user .contbox{ width:437px; max-height:426px; overflow:hidden; border-radius:5px; margin-top:70px; box-shadow: 0px 0px 8px #A6E0E2;}
.login-user .contbox .h3-01{ height:60px; line-height:60px; background:#fff; border-bottom: solid 1px #FFD200; font-size:20px; color:#FFD200; font-weight:bold; text-align:center;}
.login-user .w-1000 .login-con .img{ position:absolute; bottom:0px; right:370px; z-index:3;}
.login-user .login-content { padding:20px; background:#fff; position:relative; z-index:2;}
.login-user .login-content ul li{ width:380px;}
.login-user .login-content ul li .li-bg input{ width:330px;}
.login-user .login-content ul li button{ width:395px; background-color:#FFD200;}
.login-user .login-content ul li button:hover{ background-color:#FFDD25;}
.login-user .icon-reg{ color:#333; text-align:center; padding-bottom:10px;}
.login-user .icon-reg a{ color:#333; text-decoration:underline;}

.icon-reg{ color:#fff; text-align:center;}
.icon-reg a{color: #000; text-decoration:underline;}
.icon-reg a:hover{ color:#FF6467;}
.icon-reg a.tbb{ background: #fff; padding:5px 5px 5px 10px; color: #000; border-radius: 5px; font-size: 14px; text-decoration:none;}
.icon-reg a.tbb:hover{ color:#fff; background:#FF6467;}
/*foot*/
.foot-login{ height:80px; text-align:center; padding-top:70px;}

/*register-user*/
.register-user .head{ padding:30px 0; }
.register-user .icon-home{ margin-top:30px;}
.register-user .h3-01{ height:50px; line-height:50px; background:#FFD200; border-radius:5px; padding:0 15px; color:#fff; font-size:16px;}
.re-tit{padding: 5px 10px; margin-left:25px; background: #fff; border: solid 1px #00C6EA; line-height: 22px; margin-top:7px; border-radius: 5px; font-size: 15px; color: #000;}
.register-user .login-content{ border:solid 1px #FFD200; border-top:none;}
.w-507{ width:507px;}
.register-user .login-content ul li{ width:auto;}
.register-user .login-content ul li .f-0DB1CC{ color:#ff3636;}
.register-user .login-content ul li .li-bg label {width:90px; height: 45px;line-height: 45px; left:10px; top:1px;  display: inline-block; position: absolute;  }
.register-user .login-content ul li .li-bg input { height: 45px; width: 400px; line-height: 45px; vertical-align: middle; border: 1px solid #e3e3e3; padding: 0 15px 0 90px; color: #999; font-size: 14px; background: #fff; }
/*.login-content ul li .error p { text-indent:22px; height: 20px; color: #e4393c; line-height: 20px; display: block; font-size: 12px; }*/
.icon-yzm{ position:absolute; right:197px; top:4px; display:block; padding:0 15px; height:37px; line-height:37px; text-align:center; border:solid 1px #FFDD25; color:#F44100; background:#fff;}
.icon-yzm:hover{ background:#FFD200; color:#fff;}
/**/

.send_validation{
	display: inline-block;
	width: 98px;
	height:35px;
	text-align:center;
	line-height:35px;
	margin-left: 14px;
	background: #ff903e;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.modal{
	line-height: 400px;
	text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.7);
    overflow: auto;
    z-index: 100;
    color: #fff;
    font-size: 20px;
    display:none;
}