/*Login: company--2022-08-22*/
html, body{height:auto;}
.login_body{background:#fff;}

.login_top{padding:28px 0 48px;}
.login_top_logo{float:left;margin:0;}
.login_top_logo a{display:block;width:240px;height:44px;position:relative;background:url("/commImage/logo/logo_com_05.png") no-repeat;text-indent:-300px;overflow:hidden;cursor:default;}
.login_top_reg{float:right;}
.login_top_reg a{display:block;line-height:22px;padding:9px 24px;background:#dcebff;color:#5f8dc9;font-size:18px;font-weight:bold;border-radius:20px;}
.login_page a{color:#999;font-size:14px;} 
.login_page a:hover{text-decoration:underline} 
.login_top .logo2{width:230px;padding:0px;display:block;}
.login_top .logo2 a{display:block; width:290px; height:150px; margin-top:2px; position:relative;background:url("/commImage/logo/logo.png") no-repeat 10px 48px;}
.login_top .logo2 .icon{background:url("/commImage/10.2/ui/icon/default_icon.png") 0px 0px no-repeat; display:block; width:51px; height:15px; position:absolute; bottom:40px; right:26px; display:none}
.login_top .welcome{border-left:2px solid #d6d6d6; margin:60px auto; padding:0px 10px 2px 15px; width:180px; font-family:\5FAE\8F6F\96C5\9ED1,SimHei; font-size:22px; line-height:24px}
.login_top .menu{width:300px; color:#ccc; text-align:right; margin-top:65px}
.login_top .menu span{padding:0 8px}

.login_body .errorDilog{background:#fff2f2; border:1px solid #ff8080; border-radius:2px; color:#e04545; font-size:12px; line-height:20px; padding:0px 5px; margin:0px auto}
/*
login_banner
*/
.login_page .content{overflow:visible;}
.login_page .content .left{width:340px;float:left;height:600px;background:#20b7c1;border-radius:8px;}
.login_page .content .contact{line-height:20px; padding-top:20px}
.login_banner{width:620px; height:310px; position:relative; overflow:hidden;}
.login_banner a{text-decoration:none; display:block; text-align:center}
.login_banner .loading{position:absolute; left:295px; top:140px}
.login_slide{position:relative;}
.login_slide .slide_wrapper{width:340px;height:600px;}
.login_slide .dots-wrapper{position:absolute;bottom:20px;left:50%;font-size:0;transform:translateX(-50%);}
.login_slide .dots-wrapper .dot{display:inline-block;height:8px;width:8px;border-radius:4px;background:rgba(255,255,255,0.5);overflow:hidden;margin:0 3px;transition:all 0.2s;cursor:pointer;}
.login_slide .dots-wrapper .dot.active{width:16px;background:#fff;}

.login_slide .slide_wrapper .slide_content {
  height:600px;
  white-space: nowrap;
  font-size: 0;
}
.login_slide .slide_wrapper .slide-page {
  display: inline-block;
}

/*
login box
*/
.login_page .login_fr{min-height:600px;margin-left:360px;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:8px;position:relative;}
.login_page .login_box{width:320px;margin:0 auto;padding-top:60px;}
.login_box .tit{color:#ccc; text-align:right; padding:0 20px}
.login_box .tit span{padding:0 8px}
.login_box .main{position:relative;overflow:hidden;zoom:1;}
.login_box .main ul{display:block; overflow:hidden; zoom:1;}
.login_box .main ul li{position:relative;padding:10px 0;zoom:1}
.login_box .main ul .code{position:absolute; right:0; top:9px; text-align:right}
.login_box .main ul .code img{display:block; margin-bottom:2px}
.login_box .main ul .code span{color:#ccc; padding:0 5px}
.login_box .jobcn_click_code a{border:0;background:#f3f3f3;padding:12px 0;}
.login_box .jobcn_click_code a:hover{background:#f3f3f3;}


/*add by z3f*/
.login_box label{display:none;}
.login_box label{position:absolute; left:13px; top:19px; font-size:14px; color:#aaa; cursor:text}
.login_box input.text{border:1px solid #e6e6e6;color:#444;font-weight:bold; padding:10px;height: 18px;line-height:18px; margin:0px auto; width:298px; font-size:14px; zoom:1;outline:none;border-radius:4px;background:#fafafa;}

.login_box input.text:focus {background:#f4fcff;border-color:#aedced; }

.login_box .c_code label{font-size:12px; top:16px; top:18px\9}
.login_box .c_code input{width:115px; padding:6px 10px;font-size:12px;}

.login_box .autoLog{overflow:hidden;}
.login_box .auto_login{padding:20px 0 5px;line-height:22px;height:22px;color:#666666;}
.login_box .auto_login span{color:#999;}
.login_box .auto_login a{color:#222;}
.login_box .auto_login a i.checkbox{background:url("/commImage/10.2/ui/icon/90.png") no-repeat -100px -50px;width:18px;height:18px;display:inline-block;margin:2px 10px 2px 0;vertical-align:top;}
.login_box .auto_login a.checked i.checkbox{background-position:-50px -50px;}
.login_box .auto_login a:hover{text-decoration:none;}

.login_page .login_box .login_btn{padding-top:7px}
.login_box .login_btn .btn{display:block;height:46px;line-height:46px;width:100%;background:#5f8dc9;border:1px solid #5884bf;border-radius:3px;margin:0;color:#fff; font-size:18px;cursor:pointer;outline:none;padding:0;}
.login_box .login_btn .btn:hover{background:#498af3;text-decoration:none}

.login_page .reg{margin:20px 15px; font-size:14px; line-height:30px; height:40px; position:relative}
.login_page .reg .btn{position:absolute; right:0; top:0px;}
.login_page .reg .btn a{color:#222; font-size:14px; display:block; text-align:center; width:103px; height:32px; line-height:32px; background:url("/commImage/10.2/ui/btn/btn_bg1.png") 0px 0px no-repeat;}
.login_page .reg .btn a:hover{text-decoration:none; background-position:left -100px}

.tip_login{overflow:visible; position:absolute; bottom:3px; right:2px;}
.tip_login .tip{text-align:left;overflow:visible;position:relative;width:208px;}
.tip_login .tip .triangle_top{position:absolute;top:-4px;right:80px;width:9px;height:5px;line-height:5px;font-size:0;background:url("/commImage/ui/bg/tips_area_search.png") no-repeat scroll -25px -11px;}
.tip_login .tip .tas_top_l{width:3px;height:3px;background:url("/commImage/ui/bg/tips_area_search.png") no-repeat scroll 0 0;}
.tip_login .tip .tas_top_c{background:url("/commImage/ui/bg/tips_area_search.png") repeat-x scroll 0 -20px;}
.tip_login .tip .tas_top_r{width:3px;height:3px;background:url("/commImage/ui/bg/tips_area_search.png") no-repeat scroll -3px 0;}
.tip_login .tip .tas_center_l{background:url("/commImage/ui/bg/tips_area_search01.png") repeat-y scroll left 0;}
.tip_login .tip .tas_center_c{background:#fef9db;line-height:16px;}
.tip_login .tip .tas_center_c span{padding:0 5px;color:#333;display:block;}
.tip_login .tip .tas_center_r{background:url("/commImage/ui/bg/tips_area_search01.png") repeat-y scroll right 0;}
.tip_login .tip .tas_bottom_l{width:3px;height:3px;background:url("/commImage/ui/bg/tips_area_search.png") no-repeat scroll 0 -3px;}
.tip_login .tip .tas_bottom_c{background:url("/commImage/ui/bg/tips_area_search.png") repeat-x scroll 0 -40px;}
.tip_login .tip .tas_bottom_r{width:3px;height:3px;background:url("/commImage/ui/bg/tips_area_search.png") no-repeat scroll -3px -3px;}

.forced_offline .box{padding:20px;font-size:14px;line-height:25px;}

.login_service{text-align:center;padding:60px 0 50px;color:#888;font-size:14px;}

/*footer*/
.login_footer{width:990px; text-align:center; margin:20px auto; color:#999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:20px 0; border-top:1px solid #ececec}
.login_footer a{color:#666}

/* enter_box */
.login_box .enter_box{text-align:center;}
.login_box .login_tip{line-height:22px;color:#222222;font-family:"Microsoft Yahei";margin:35px 0 24px 0;font-size:14px;}
.login_box .login_pic img{width:160px;height:160px;vertical-align:top;border-radius:8px;}
.login_box .login_text{font-size:14px;line-height:22px;color:#222222;font-weight:bold;font-family:"Microsoft Yahei";margin:15px 0 30px 0;}
.login_box .enter_box .login_btn{padding-top:0;}

.login_box .login_list{padding-bottom:50px;}
.login_box .login_list li{float:left;width:50%;text-align:center;position:relative;}
.login_box .login_list li a{color:#888888;font-size:22px;text-decoration:none;}
.login_box .login_list li.active a{font-weight:bold;color:#222;position:relative;font-size:24px;}
.login_box .login_list li.active a:after{content:"";position:absolute;bottom:0px;left:0;right:0;height:8px;background:#5f8dc9;z-index:1;background:linear-gradient(45deg,#5f8dc9,transparent);}
.login_box .login_list li.active a span{position:relative;z-index:2;}
.login_box .login_list li .icon_code{display:inline-block;width:17px;height:17px;background:url("/commImage/10.2/ui/icon/69.png") no-repeat -50px 0px;vertical-align:top;margin:4px 5px 0 0 ;}
.login_box .login_list li.active .icon_code{background-position:0 0;}
.login_box .login_list li .line{display:inline-block;width:1px;height:16px;background:#ebebeb;position:absolute;right:0;top:5px;}
.login_wechat .login_QRcode{position:relative;width:258px;height:258px;margin:0 auto;background:#fff;border:1px solid #ebebeb;margin-top:20px;}
.login_wechat .login_QRcode .refresh_box{position:absolute;top:-1px;left:-1px;width:260px;height:260px;background:rgba(255,255,255,0.8);text-align:center;}
.login_wechat .login_QRcode .refresh_box h2{font-size: 16px;color: #222222;font-weight: bold;margin-top: 90px;}
.login_wechat .login_QRcode .refresh_box a{display: inline-block;width: 86px;height: 32px;text-align: center;line-height: 32px;background: #618fcb;color: #fff;border-radius: 3px;text-decoration: none;margin-top: 16px;}
.login_wechat .code_tip{font-size:14px;color:#666666;text-align:center;margin-top:50px;}
.icon_wechat{display:inline-block;width:24px;height:18px;background:url("/commImage/10.2/ui/icon/69.png") no-repeat 0 -50px;vertical-align:top;margin:2px 4px 0 0 ;}
.menu_bottom{text-align:center;position:absolute;bottom:30px;left:0;right:0;}
.menu_bottom span{padding:0 10px;color:#ddd;font-size:14px;}

/* wechat_binding */
.wechat_binding{width:990px;margin:0 auto;position:relative;margin-top:15px;}
.wechat_binding .left_sidebar{width:230px;height:500px;position:absolute;left:0;text-align:center;border:1px solid #eeeeee;}
.wechat_binding .left_sidebar .user_state{font-size:14px;color:#666666;margin:32px 0;}
.wechat_binding .left_sidebar .user_pic{width:100px;height:100px;overflow:hidden;border:1px solid #eeeeee;margin:0 auto;margin-bottom:20px;}
.wechat_binding .left_sidebar .user_pic img{width:100%;}
.wechat_binding .left_sidebar .user_name{font-size:14px;color:#222222;}
.wechat_binding .binding_box{margin-left:232px;border:1px solid #eeeeee;border-left:0;height:500px;}
.wechat_binding .binding_main{padding:26px 0 0 40px;}
.wechat_binding .binding_main .binding_hd h2{font-size:28px;color:#222222;margin-bottom:6px}
.wechat_binding .binding_main .binding_hd p{font-size:14px;color:#666666;margin-bottom:16px;}
.wechat_binding .binding_main .input_row{padding:10px 0;}
.wechat_binding .binding_main .input_row input{width:300px;height:40px;line-height:40px;background:#fff;font-size:14px;padding:0 10px;border:1px solid #5f8dc9;color:#444;}
.wechat_binding .binding_main .binding_btn{margin-top:10px;}
.wechat_binding .binding_main .binding_btn button{display:inline-block;width:320px;height:46px;line-height:46px;text-align:center;font-size:18px;color:#ffffff;background:#5f8dc9;font-weight:bold;text-decoration:none;}
.wechat_binding .binding_main .binding_tip{font-size:14px;;color:#222222;margin-top:16px;}
.wechat_binding .binding_main .binding_tip a{color:#44659e;}

/* login demo */
.login_demo{overflow:visible;}
.login_page .content .login_demo .left{height:460px;background:#9998cc url("/commImage/10.2/banner/340_460_1.jpg") no-repeat;}
.login_page .content .login_demo .login_fr{min-height:460px;}
.login_tip_demo{padding:30px 25px;color:#fff;}
.login_tip_demo div{font-size:18px;font-weight:bold;padding-bottom:10px;}
.login_tip_demo li{line-height:28px;font-size:14px;padding:10px 0;}
.login_form_demo{width:330px;margin:0 auto;padding-top:60px;}
.login_form_demo_theme{padding-bottom:25px;}
.login_form_demo_theme b{font-size:24px;display:inline-block;font-weight:bold;color:#222;position:relative;}
.login_form_demo_theme b:after{content:"";position:absolute;bottom:0px;left:0;right:0;height:8px;background:#5f8dc9;z-index:1;background:linear-gradient(45deg,#5f8dc9,transparent);}
.login_form_demo_theme b span{position:relative;z-index:2;}
.login_form_demo_tit{color:#222;font-size:16px;line-height:32px;padding-bottom:5px;}
.login_form_demo_invalid{line-height:22px;padding-bottom:15px;color:#aaa;font-size:14px;}
.login_form_demo_list input.text{border:1px solid #e6e6e6;background:#fafafa;padding:4px 10px;height:30px;line-height:30px;width:308px;border-radius:4px;outline:none;font-size:14px;color:#222;font-weight:normal;}

.login_form_demo_list input.text:focus {
  background:#f4fcff;border-color:#aedced; 
}

.login_form_demo_list .jobcn_click_code a{border:0;background:#f3f3f3;padding:12px 0;border-radius:4px;font-size:16px;}
.login_form_demo_list .jobcn_click_code a:hover{background:#f3f3f3;}
.login_form_demo_list li{position:relative;padding-bottom:20px;}
.login_form_demo_list label{padding:4px 10px;height:32px;line-height:32px;width:310px;position:absolute;top:0;left:0;font-size:14px;color:#888;}
.login_form_demo_btn{padding-bottom:15px;}
.login_form_demo_btn .btn{background:#618fcb;height:46px;width:100%;color:#fff;font-size:16px;border-radius:4px;}
.login_form_demo_btn .btn:hover{background:#498af3;border-color:#3079ed;}

.login_copyright{text-align:center;font-size:14px;color:#aaa;padding:50px 0 30px;}