@import url(public.css);
body,html{overflow-x:hidden; height:auto;}
#head { width:100%; height:60px; background:url(../images/login/login-top-bg.jpg) repeat-x;}
#head .top { width:1003px; height:60px; line-height:60px;}

/* banner 幻灯片位置开始*/
#flash{ clear:both; text-align:center;}
#flash .pos { width:100%; height:480px; overflow:hidden; }
#flash a { width:100%; height:480px; display: none;}
.flash_bar {padding-left:50%; height:30px; background:url(../images/login/touming.png) repeat-x; text-align:center; padding-top:12px; position:absolute; z-index:69; top:500px;bottom:0px; left:0px; overflow:hidden;}/*  width:100%;  */
.flash_bar .dq {display:block; float:left; width:12px; height:12px; margin:2px 4px; cursor:pointer; background: url(../images/login/pagination.png) no-repeat 0px -12px; overflow:hidden;}
.flash_bar .no { display:block; float:left; width:12px; height:12px; margin:2px 4px; cursor:pointer; background:url(../images/login/pagination.png) no-repeat 0px 0px; overflow:hidden;}

.wrapper { width:980px; position:relative;}
/* login-box */
.box, .box2, .loginbar, .loginbar li.cur, .loginbar1, .loginbar2, .loginbar3, .loginbar4,.help,
.user, .userhover, .pwd, .pwdhover, .log, .log:hover, .reg, .reg:hover, .yzm, .yzmhover,
.android, .iphone, .pc, .android2, .iphone2, .pc2, .app-code, .app-code2 .android-ico, .sjzs, .wdj, .apple-gw, .apple-yy,
.mp-oa,.mp-zwjq,.mp-weixin,.mp-yzj,.mp-400,.mp-app,.mp-yuming { background:url(../images/icon.png) no-repeat;}
input::-webkit-input-placeholder { color:#999; font-size:14px; line-height:40px;}
.loginbar1,.loginbar2 { width:149px; height:50px;}
.user,.userhover,.pwd,.pwdhover,.yzm,.yzmhover { width:214px; height:45px; border:none; line-height:40px; padding:0px 0 0 35px; color:#ccc;}
.log,.reg { width:112px; height:37px; border:none; line-height:37px; cursor:pointer;}
#box { width:302px; height:386px; position:absolute; z-index:900; top:50px; right:0px; }
.loginbar { width:302px; height:50px; background-position:-5px 0px;text-align:center; font-size:16px; font-weight:bold; line-height:50px; }
.loginbar li { width:149px; text-align:center; font-size:16px; font-weight:bold; line-height:50px; float:left; cursor:pointer;}
.loginbar li.cur {  background-position:-156px 0px;}
.loginbar .loginbar1 { background-position:-5px 0px;}
.loginbar .loginbar2 { background-position:-313px 0px; color:#3a8cde;}
#box .box { width:277px; height:246px; background-position:-5px -50px; padding:10px 0 0 25px; overflow:hidden;}
#box .box li { margin-top:10px; position:relative;}
#box .user { background-position:-8px -394px;}
#box .userhover { background-position:-273px -394px; color:#185aa5;}
#box .pwd { background-position:-8px -455px;}
#box .pwdhover { background-position:-273px -455px; color:#185aa5;}
#box .yzm { background-position:-540px -396px;}
#box .yzmhover { background-position:-540px -457px; color:#185aa5;}
#box .log { background-position:-10px -528px; color:#fff;}
#box .log:hover { background-position:-139px -528px;}
#box .reg { background-position:-274px -528px; color:#333;}
#box .reg:hover { background-position:-403px -528px;}
#box .help { width:302px; height:74px; background-position:-5px -303px;}
#box .help ul { padding:15px 0 0 20px;}
#box .help li { width:260px; height:25px; line-height:25px; overflow:hidden;}
#box .m-t10 { margin-top:10px;}
#box .identify-code { position:absolute; right:32px; top:3px;}
#box .identify-code img { width:100px; height:34px; border:none;}

/* 二维码登录 */
.btn-general,.btn-qrcode { width:60px; height:60px; background:url(../images/login/qricon.png) no-repeat; display:block; outline:none; line-height:99em; cursor:pointer; position:absolute; z-index:9999; overflow:hidden;
-webkit-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
-moz-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);
}
.btn-qrcode { background-position:-60px 0; right:4px; bottom:5px;}
.btn-general { background-position:0 -60px; right:4px; bottom:-1px;}

.qrcode-box { width:302px; height:371px; text-align:center; position:absolute; z-index:999; top:50px; right:0px;}
.qrcode-con { width:295px; height:301px; padding:20px 0 0 0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	background:rgba(255, 255, 255, 0.95) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/
	-moz-opacity:0.95;
	opacity:0.95;
}
.qrcode-img { width:155px; border:1px solid #f4f4f4; padding:10px;}
.qrcode-img img { width:147px; height:147px;}
.qrcode-help { padding:10px; }

/* 底部 */
#bottom { width:100%; background:#fff;}
#copyright { width:980px; text-align:center; line-height:25px;}
#copyright .quick { width:680px; padding:10px 0px 20px 300px;}
#copyright .quick ul { padding:1px 1px 1px 1px; list-style-type:none;}
#copyright .quick li { width:183px; margin:0 10px 0 0px; list-style-type:none; float:left; position:relative;}
#copyright .quickbd { border:#adccea 1px solid;}
#copyright .quickbd2 { border:#59a3ea 1px solid;}
.android,.android2,.iphone,.iphone2,.pc,.app-code,.app-code2 { width:183px; height:40px; cursor:pointer;}
#copyright .android { background-position:-11px -576px;}
#copyright .android:hover { background-position:-11px -628px;}
#copyright .android2 { background-position:-11px -628px;}
#copyright .iphone { background-position:-206px -576px;}
#copyright .iphone:hover { background-position:-206px -628px;}
#copyright .iphone2 { background-position:-206px -628px;}
#copyright .pc { background-position:-401px -576px;}
#copyright .pc:hover { background-position:-401px -628px;}
#copyright .app-code { background-position:-401px -680px;}
#copyright .app-code2:hover { background-position:-401px -732px;}
#copyright .text { padding:0 0 10px 0}
#Msg{color:#F00;}

.android-up,.iphone-up,.app-up { width:181px; background:#fff; padding:10px 0; border:#adccea 1px solid; border-width:1px 1px 0px 1px; position:absolute; left:0px; bottom:40px; z-index:9999; display:none;}
.android-up ul,.iphone-up ul {}
.android-up li,.iphone-up li { width:141px; height:42px; line-height:42px; text-align:left; padding:0px 0 0 40px;  position:relative;}
.app-up img { width:180px; height:180px;}
.tip-infor { color:#f00;}
.android-ico { background-position:-5px -688px;}
.sjzs { background-position:-5px -725px;}
.wdj { background-position:-5px -771px;}
.apple-gw { background-position:-5px -814px;}
.apple-yy { background-position:-5px -853px;}

/* 密码修改样式 */
.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:24px; line-height:24px; border:#e6e6e6 1px solid; padding:0 5px; box-sizing:border-box;}
.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:9px; 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;}

/* 密码强度 */
.pw-strength { width:180px; clear:both; position:absolute; right:10px; top:9px; 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 .step { line-height:30px; font-size:16px; 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;
	-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 { width:350px; font-size:14px;}
.findpwd-box li { height:40px; line-height:40px; margin-top:20px; position:relative;}
.findpwd-box span { width:80px; display:block; text-align:right; padding-right:10px;}
.findpwd-box .findpwd-input-wd { width:250px; height:40px; line-height:40px; padding:0px 10px;}
.findpwd-box .findpwd-identify-code-input { width:250px; height:40px; line-height:40px; padding:0px 130px 0px 10px; position:relative;}
.findpwd-box .identify-code { position:absolute; right:13px; top:3px;}
.findpwd-box .findpwd-btn-wd { width:250px; height:40px; background:#0FA9F6; font-size:15px;}
.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 130px 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:10px; top:0px;}