@import url("../css/public.css");
html, body { height:100%; overflow-x:hidden; position:relative;}
body { width:100%; height:100%; /* background:#ccc url(../images/logo_bg.jpg) bottom center no-repeat; background-size:cover; background-attachment:fixed; */
	background:#2f1ba1; background:linear-gradient(135deg,#2f1ba1,#0068dd);
}

/* 登录头部 */
.login-head { width:100%; height:70px; background:rgba(0,0,0,0); position:fixed; top:0; left:0; right:0; z-index:10;}
.login-head .login-top { width:96%; height:60px; line-height:60px;}
.login-head .login-top img { height:50px; padding-top:10px;}
.login-head a { color:#fff;}
.login-head a:hover { color:#ff0;}
/* login-box */
.login-box-wrap { width:370px; height:430px; margin:-215px 0 0 -185px; top:48%; left:75%; position:absolute; z-index:10;}
.login-logo { width:100%; height:64px; text-align:center; padding-bottom:10px;}
.login-logo img { width:240px; height:64px;}
.login-box { width:100%; background:rgba(255,255,255,0.85);
	-moz-border-radius:5px 5px 5px 5px; 
	-webkit-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 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:100%; height:30px; line-height:30px; color:#fff; letter-spacing:2px; padding:10px 0px;
	background:#0068dd;
	background:linear-gradient(135deg,#0068dd,#00aeee);
	-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:90%; font-size:16px; font-weight:bold; padding-left:20px; float:left;}
.login-box .hd ul li.on { height:39px; color:#fff;}
.login-box .bd { }
.login-box .bd ul { }
.login-box .tempWrap { }
.login-box .pc-ico { width:50px; height:50px; background:url(../images/login/pc_ico.png) no-repeat; background-size:cover; cursor:pointer; position:absolute; right:5px; top:0px;}
.login-box .code-ico { width:50px; height:50px; background:url(../images/login/code_ico.png) no-repeat; background-size:cover; cursor:pointer; position:absolute; right:5px; top:0px;}
.login-box-list { width:100%; padding:0px 20px 20px 20px; position:relative; box-sizing:border-box;}
.login-box-list ul { }
.login-box-list li { width:100%; height:36px; line-height:36px; text-align:center; margin-top:20px; position:relative;}
.login-box-list li i { font-size:16px; color:#999; position:absolute; top:2px; left:10px; z-index:1;}
.login-box-list li:hover i { color:#1E9FFF;}
.login-input { width:100%; height:40px; line-height:40px; padding:0 10px 0 36px; color:#333; border:#dcdcdc 1px solid; box-sizing:border-box;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
}
.login-input:hover,.select:hover { border:#1E9FFF 1px solid;}
.login-input:focus,.select:focus { outline:none;
	border-color:rgba(28, 153, 239, 0.8); 
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6)
}
.login-input::-webkit-input-placeholder { color:#ccc;}
.login-input::-moz-placeholder { color:#ccc;}
.login-input:-ms-input-placeholder { color:#ccc;}
.login-btn { width:100%; height:40px; background:#1c99ef; font-size:15px; border:none; color:#fff; text-align:center; cursor:pointer;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
}
.login-btn:hover { opacity:0.8;}
.login-select { width:100%; border:#dcdcdc 1px solid; box-sizing:border-box; outline:none; /*padding-left:5px;background:url(../images/pro_tab_icon_arrow.png) 65px 10px no-repeat;*/
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
	/*很关键：将默认的select选择框样式清除*/ 
	/*appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
.login-select::-ms-expand { display:none;}
.login-select option { font-size:14px;}

.clr-input { font-size:16px; color:#999; position:absolute; top:0px !important;}
.hidepass { position:absolute; top:2px; right:35px; z-index:1;}
.hidepass2 { position:absolute; top:12px; right:200px; z-index:1;}
.hidepass3 { position:absolute; top:12px; right:15px; z-index:1;}

.login-identify-code-input { width:100%; height:40px; background:url(../images/login_ico.png) 12px -120px no-repeat; line-height:40px; padding:0px 130px 0px 35px;}
.identify-code { position:absolute; right:4px; top:3px;}

.reg-text { line-height:50px; padding:0 5px;}
.reg-text a { color:#1E9FFF;}
 .reg-text a:hover { color:#c00;}
.login-box-code { width:100%; padding:30px; position:relative; box-sizing:border-box;}
.code-box { text-align:center; position:relative; cursor:pointer; transition:all 0.3s;}
.code-box img { width:160px; height:160px;}
.code-box p { line-height:24px; padding:10px 0 0 0;}
.code-app-pic { position:absolute; right:-100px; top:15px; transition:all 1s;}

.login-other { width:100%; border-top:#eee 1px solid; padding:10px 0px 0 0px; position:relative;}
.login-other .text { width:140px; text-align:center;  background:rgba(255,255,255,0.1); padding:10px; position:absolute; left:100px; top:-20px;}
.login-other li { width:100%; height:24px; line-height:24px; font-size:12px; text-align:left; margin-top:0;}
.login-other dl { width:120px; background:#fff; color:#333; margin:10px 0px 0 45px; float:left; cursor:pointer; border-radius:5px;}
.login-other dl:nth-of-type(2) { margin-left:10px;}
.login-other dt { height:35px; line-height:35px; float:left;}
.login-other dt i { font-size:24px; padding:0 5px;}
.login-other dd { height:35px; line-height:35px; font-size:12px;}
.login-other .app-menu-hover { background:#1E9FFF; color:#fff;}
.login-other .app-menu-hover i { color:#fff;}
.login-other .qq { color:#19a9f1;}
.login-other .weixin { color:#00b100;}
.login-other .forget { color:#ee5e7b;}
.login-error { width:330px; line-height:30px; background:#fff7f7; color:#f00; border:1px solid #ffe1e1; padding:0 5px; box-sizing:border-box; position:absolute; bottom:105px; left:20px; z-index:10;}
.login-other2 { }
.login-other2 dl { width:110px; margin:10px 0px 0 5px;}
.login-other2 dl:nth-of-type(1) { width:100px; margin-left:0px;}
.login-other2 dl:nth-of-type(2) { margin-left:5px;}
.login-other2 .app-up { left:0 !important;}

.app-up { width:181px; /*width:281px; 二个二维码宽度*/  background:#fff; text-align:center; line-height:24px; color:#333; padding:5px 0; border:#19a9f1 1px solid; display:none;
	position:absolute; left:15px; bottom:35px; z-index:9999;
	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);
}
.app-up img { width:180px; height:180px;} /* 一个二维码 */ 
/* .app-up img { width:140px; height:140px;} */ /* 二个二维码 */ 
.app-up .app-img { width:140px; line-height:15px; text-align:center; float:left; padding-bottom:10px; border-bottom:#f2f2f2 1px dashed;}

/* 登录版权 */
.login-copyright { width:100%; font-size:12px; position:absolute; bottom:0; left:0; right:0; z-index:10;}
.login-copyright .login-copyright-content { width:1200px; line-height:24px; color:#ccc; text-align:center; padding:10px 0; position:relative;}
.login-copyright a { color:#ccc;}
.login-copyright a:hover { color:#ff0;}

/* 首页banner */
.banner { width:100%; height:100%; position:relative; overflow:hidden;}
.swiper-container { width:100%; height:100%;}
.swiper-slide { text-align:center; font-size:18px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide .banner-bg { width:100%; height:100%; background-position:bottom center; background-size:cover;}
.banner-wrap { width:100%; height:100%;}
.banner-wrap img { width:100%; height:100vh; display:block;}

/* 密码修改样式 */
.body-bg { background:#fff;}
.edit-table { background:#fff;}
.edit-table td { height:20px; border:#e6e6e6 1px solid; border-width:0 1px 1px 0px; padding:5px; font-size:14px;}
.edit-table .edit-bar { background:#f8f8f8 url(../../Hrm/images/table_title_ico.png) 8px 6px no-repeat; padding-left:30px; position:relative; font-weight:bold;}
.edit-table .edit-left-wd { width:100px; text-align:right;}
.edit-table .edit-right-wd { width:60px; text-align:center;}
.edit-input { width:100%; height:30px; line-height:30px; border:#e6e6e6 1px solid; padding:0 5px; box-sizing:border-box; position:relative;}
.edit-input:focus { border:#85d8f6 1px solid;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(102,175,233, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(102,175,233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0, .075), 0 0 8px rgba(102,175,233, 0.6);
}
.edit-pwd-ok-wrap { padding:10px 10px 10px 115px;}
.edit-pwd-ok-btn, .edit-pwd-cancel-btn { padding:5px 10px; min-width:100px; height:36px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform:translateZ(0);
	transform: translateZ(0);
}
.edit-pwd-ok-btn:hover, .edit-pwd-cancel-btn:hover { background:#ff8208; color:#fff; border:1px #ff8208 solid; cursor:pointer;
/*-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: scale(1.1);
transform: scale(1.1);*/
}
.edit-pwd-ok-btn { background:#1E9FFF; color:#fff; border:1px #1E9FFF solid;}
.edit-pwd-cancel-btn { background:#fff; color:#333; border:1px #dedede solid;}

/* 密码强度 */
.pw-strength { width:180px; clear:both; position:absolute; right:10px; top:12px; z-index:1;}
.pw-bar { background:url(../images/login/pw_strength_bg.png) no-repeat; height:16px; overflow:hidden; width:180px;}
.pw-bar-on { background: url(../images/login/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;}

.edit-tip { text-align:center; padding:20px 0;}
.edit-tip img { width:128px; height:128px; padding-bottom:0px;}
.edit-tip h3 { letter-spacing:1px; line-height:30px;}
 
/* 忘记密码 */
.findpwd-wrap { width:100%; background:#fff; box-sizing:border-box;}
.findpwd-wrap h4 { height:20px; font-size:18px; color:#f60; padding:0px 0px 0px 20px; }
.findpwd-wrap .findpwd-wxts { height:20px; font-size:18px; color:#f60; font-weight:bold; padding:20px 0px 10px 20px;}
.findpwd-wrap .step { line-height:30px; font-size:14px; padding:0px 20px; border-bottom:#dfdfdf 1px solid;}
.findpwd-input { width:100%; padding:0 10px; color:#333; border:#dcdcdc 1px solid; box-sizing:border-box; flex:1;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
}
.findpwd-input:focus { outline:none;
	border-color:rgba(28, 153, 239, 0.8); 
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(28, 153, 239, 0.6)
}
.findpwd-input::-webkit-input-placeholder { color:#ccc;}
.findpwd-input::-moz-placeholder { color:#ccc;}
.findpwd-input:-ms-input-placeholder { color:#ccc;}
.findpwd-btn { width:100%; background:#1c99ef; border:none; color:#fff; text-align:center; cursor:pointer;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
}
.findpwd-btn:hover { background:#ff9728;}
.findpwd-select { width:100%; border:#dcdcdc 1px solid; box-sizing:border-box; outline:none; /*padding-left:5px;background:url(../images/pro_tab_icon_arrow.png) 65px 10px no-repeat;*/
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	transition:all 0.4s;
	/*很关键：将默认的select选择框样式清除*/ 
	/*appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
.findpwd-select::-ms-expand { display:none;}
.findpwd-select option { font-size:14px;}
.findpwd-box { font-size:14px; padding:0 20px;}
.findpwd-box li { height:40px; line-height:40px; margin-top:20px; position:relative; display:flex;}
.findpwd-box span { width:80px; display:block; text-align:right; padding-right:10px;}
.findpwd-box .findpwd-input-wd { height:40px; line-height:40px; padding:0px 10px;}
.findpwd-box .findpwd-identify-code-input {  height:40px; line-height:40px; padding:0px 130px 0px 10px; position:relative;}
.findpwd-box .identify-code { position:absolute; right:5px; top:3px;}
.findpwd-box .findpwd-btn-wd { height:40px; background:#0FA9F6; font-size:15px; flex:1;}
.findpwd-box .findpwd-btn-wd:hover { background:#0b0;}
.findpwd-box .findpwd-text { line-height:50px; padding:0 5px;}
.findpwd-box .findpwd-text a { color:#00abec;}
.findpwd-box .findpwd-text a:hover { color:#f00;}
.findpwd-box .findpwd-select-wd { width:130px; height:40px; background:#fff; color:#333; padding:10px 0px 10px 5px;}
.findpwd-box .ms-yzm-input { width:140px; height:40px; line-height:40px; padding:0px 10px 0px 10px; position:relative;}
.findpwd-box .ms-yzm-btn { width:100px;  height:40px; background:#0FA9F6; font-size:15px;}
.findpwd-box .ms-yzm-btn-box { position:absolute; right:0px; top:-2px;}

/*浏览器弹出层*/  
.browser-mask { width:100%; height:100%; background:#000;
	position:absolute; top:0; bottom:0; left:0; right:0; z-index:998;
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}	
.browser-pop { width:1000px; height:auto; position:absolute; left:50%; z-index:999;}
.browser-con { width:100%; background: #fff; padding:30px 0 0 0;  /* margin-top:30px;border:#FEC7A3 1px solid; */ box-sizing:border-box; position:relative;}
.browser-tip { font-size:16px; line-height:48px; text-align:center; padding:20px 0 0 0;}
.browser-list { padding:10px 0 0 20px;}
.browser-list li { font-size:14px; float:left; margin-right:30px; text-align:center; position:relative;}
.browser-list li:last-child { margin-right:0px;}
.browser-list li img { width:48px; height:48px;}
.browser-recommend { background:#f00; color:#fff; font-size:12px; padding:2px 5px; position:absolute; top:-15px; right:10px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.browser-close { width:50px; height:24px; line-height:24px; font-size:14px; color:#f00; font-weight:bold; text-align:center; cursor:pointer; position:absolute; right:0px; top:5px;}
.browser-instructions { width:100%; font-size:16px; line-height:24px; text-align:center;}
.browser-instructions img { width:75%; height:auto;}

/* 媒体查询 */
@media screen and (max-width:1000px){
	.banner-wrap img { width:auto; height:100%;}
}