@import url("../css/public.css");

body,html { overflow-x:hidden;}

/* 登录头部 */
.login-head { width:100%; height:70px; background:#fff;}
.login-head .login-top { width:1200px; height:70px; line-height:70px;}
.login-head .login-top img { height:66px;}

/* banner 幻灯片位置开始 */
.logoin-banner { width:100%; height:530px; background:#2e71c2 url(../images/user_login_banner.jpg) 50% 0px no-repeat;}

/* login-box */
.login-box-wrap { width:1200px; position:relative;}
.login-box { width:340px; position:absolute; z-index:900; top:55px; right:0px;
	background:#fff;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, .2);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, .2);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, .2);
}
.login-box .hd { width:340px; height:30px; background:#eee; line-height:30px; letter-spacing:2px; padding:10px 0px;
	-moz-border-radius:5px 5px 0 0; 
	-webkit-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.login-box .hd ul li { width:320px; font-size:16px; font-weight:bold; padding-left:20px; float:left;}
.login-box .hd ul li.on { height:39px; color:#0FA9F6; border-bottom:#0FA9F6 2px solid;}
.login-box .bd { }
.login-box .bd ul { }
.login-box .tempWrap { }
.login-box-list { width:300px; padding:0px 20px 20px 20px; position:relative;}
.login-box-list ul { }
.login-box-list li { width:300px; height:36px; line-height:36px; text-align:center; margin-top:20px; position:relative;}
.login-box-list .login-user-input { width:300px; height:40px; background:url(../images/login_ico.png) 10px 10px no-repeat; line-height:40px; padding:0px 10px 0px 35px;}
.login-box-list .login-pass-word-input { width:300px; height:40px; background:url(../images/login_ico.png) 12px -54px no-repeat; line-height:40px; padding:0px 10px 0px 35px;}
.login-box-list .login-identify-code-input { width:300px; height:40px; background:url(../images/login_ico.png) 12px -120px no-repeat; line-height:40px; padding:0px 130px 0px 35px;}
.login-box-list .identify-code { position:absolute; right:4px; top:3px;}
.reg-box .ms-yzm-input { width:270px; height:40px; line-height:40px; padding:0px 130px 0px 10px; position:relative;}
.reg-box .ms-yzm-btn { width:120px;  height:40px; background:#f56600; font-size:15px;}
.reg-box .ms-yzm-btn-box { position:absolute; right:244px; top:0px;}
.login-box-list .login-btn { width:300px; height:40px; background:#f56600; font-size:15px;}
.login-box-list .login-btn:hover { width:300px; height:40px; background:#eb3534;}
.login-box-list .reg-text { line-height:50px; padding:0 5px;}
.login-box-list .reg-text a { color:#00abec;}
.login-box-list .reg-text a:hover { color:#c00;}
.login-other { width:200px; border-top:#f0f0f0 1px solid; padding:0px 50px; position:relative;}
.login-other .text { width:100px; text-align:center; background:#fff; padding:10px; position:absolute; left:90px; top:-20px;}
.login-other dl { width:100px; color:#333; text-align:center; padding-top:20px; float:left;}
.login-other dt { padding-top:10px;}
.login-other dd { font-size:12px;}
.login-other .qq { color:#19a9f1;}
.login-other .weixin { color:#00b100;}
.login-other .forget { color:#ee5e7b;}
.login-box .login-error { width:290px; line-height:30px; background:#fff7f7; color:#f00; border:1px solid #ffe1e1; padding:0 5px; position:absolute; bottom:75px; left:20px; z-index:10;}

/* 登录版权 */
.login-copyright { width:100%; background:#fff;}
.login-copyright .copyright-content { width:1200px; line-height:30px; text-align:center; padding:10px 0; position:relative;}

/* 用户注册 */
.reg-body-bg { width:100%; min-width:1200px; background:#f5f5f5 url(../images/reg_bg3.png) no-repeat;}
.reg-logo { width:1200px; line-height:66px; padding-top:100px; color:#fff;}
.reg-logo a { color:#fff;}
.reg-logo a:hover { color:#ff0;}
.reg-wrap { width:1200px; background:#fff; padding:20px 50px 50px 50px; box-sizing:border-box;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.reg-wrap h4 { font-size:18px; line-height:30px; color:#f60;}
.reg-wrap .step { line-height:40px; font-size:16px; padding:10px 0px; border-bottom:#dfdfdf 1px solid;}
.reg-wrap .qq-info { line-height:30px; font-size:16px; text-align:center; padding:10px 50px 20px 0px;}
.reg-wrap .qq-info img { width:60px; height:60px;
	-moz-border-radius:50%; 
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%
}
.reg-box { width:750px;}
.reg-box li { width:750px; height:36px; line-height:36px; margin-top:20px; position:relative;}
.reg-box span { width:100px; display:block; text-align:right; padding-right:10px;}
.reg-box .reg-input { width:400px; height:40px; line-height:40px; padding:0px 10px;}
.reg-box .reg-identify-code-input { width:400px; height:40px; line-height:40px; padding:0px 130px 0px 10px; position:relative;}
.reg-box .identify-code { position:absolute; right:244px; top:3px;}
.reg-box .login-btn { width:400px; height:40px; background:#f56600; font-size:15px;}
.reg-box .login-btn:hover { width:400px; height:40px; background:#eb3534;}
.reg-box .reg-text { line-height:50px; padding:0 5px;}
.reg-box .reg-text a { color:#00abec;}
.reg-box .reg-text a:hover { color:#f00;}
.reg-box .reg-select { width:400px; height:40px; background:#fff; color:#333; padding:10px 0px 10px 5px;}
.reg-exist { width:269px; /*height:400px;*/ padding:20px; border-left:#dfdfdf 1px solid;}
.reg-exist .reg-exist-text { line-height:30px;}
.reg-exist .reg-exist-text .blue a { }
.reg-exist .reg-code { padding:20px 0px 10px 0px; line-height:30px;}
.reg-exist .reg-code img { width:100px; height:100px; background:#ccc; padding:5px;}
.reg-xy { line-height:30px; padding:20px; font-size:15px;}

/* 密码强度 */
.pw-strength { width:180px; clear:both; position:absolute; right:50px; top:12px; z-index:1;}
.pw-bar { background:url(../images/pw_strength_bg.png) no-repeat; height:16px; overflow:hidden; width:180px;}
.pw-bar-on { background: url(../images/pw_strength_bg2.png) no-repeat; width:0px; height:16px; position:absolute; top:0px; left:0px;
	transition:width .5s ease-in;
	-moz-transition:width .5s ease-in;
	-webkit-transition:width .5s ease-in;
	-o-transition:width .5s ease-in;
}
.pw-weak .pw-defule { width:0px;}
.pw-weak .pw-bar-on { width:60px;}
.pw-medium .pw-bar-on { width:120px;}
.pw-strong .pw-bar-on { width:180px;}

/* QQ用户注册绑定 */
.qq-btn { width:180px; height:40px; background:#0b0; font-size:15px;}
