body{font-size:12px;padding-top:50px;}
.nav_header{position:fixed !important;top:0;left:0;right:0;}

a{text-decoration:none; cursor:pointer}
a:hover{text-decoration:underline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left;}
.fr{float:right;}
.hide,.hidden{display:none;}
.show{display:block;}
.tal{text-align:left}
.tac,.center{text-align:center}
.taj{text-align:justify;}
.tar{text-align:right}
.pointer{cursor:pointer;}
.inline-block{display:inline-block;zoom:1;*display:inline;}
.vam{vertical-align:middle;}
label.vam{vertical-align:middle;font-family:tahoma;}
.jobcn_index{width:990px; margin:0 auto;}

/* notice tip */
.notice_tip{background:#fefce5;}
.notice_tip_txt{color:#f26b01;line-height:24px;height:24px;padding:18px 0;font-size:14px;position:relative;text-align:center;font-family:"Microsoft yahei",SimSun,Tahoma;}
.notice_tip_txt em{width:16px;height:16px;background:url("/commImage/10.2/ui/icon/tip.png") no-repeat 0 0;overflow:hidden;display:inline-block;vertical-align:top;margin:4px 5px 4px 0;}
.notice_tip_close{width:14px;height:14px;position:absolute;top:50%;right:0;overflow:hidden;background:#f50;text-indent:-1000px;background:url("/commImage/10.2/ui/icon/52.png") no-repeat -98px -148px;cursor:pointer;margin-top:-7px;}

/*survey*/
.new_survey_c{top:43px;right:10px;position:absolute;background:url("/commImage/10.2/ui/icon/newSurvey.png") no-repeat left bottom;padding-top:10px; z-index:302;}
.new_survey_c a{width:25px;height:75px;display:block;overflow:hidden;text-indent:-200px;}
.new_survey_c a:hover{text-decoration:none;}
/* Safari need -webkit- perfix */
.new_survey_c a{transition:height 0.3s;-webkit-transition:height 0.3s;}
.new_survey_c a:hover{height:100px;}

/*sms_bar*/
.nav_header .nav_wrapper .sms{position:absolute; left:668px; top:33px;}
.smsBar{padding-top:4px;position:relative; width:150px;right:20px;}
.smsBar .sms_top{background:url("/commImage/10.2/ui/icon/default_nav_icon.png") no-repeat -200px 0px;height:5px;width:9px;position:absolute;top:0;left:30px; display:none}
.smsBar .sms_content{border:1px solid #666; padding:7px 10px; background:#fff; line-height:20px;box-shadow: 0px 1px 5px #ccc;}
.smsBar a{color:#3E68A7;font-size:12px;}
.smsBar .close{background:url("/commImage/10.2/ui/icon/default_nav_icon.png") no-repeat -298px 3px; display:block; height:12px; width:12px; position:absolute; top:7px; right:2px; text-indent:-999px}

/* public jobcn toolbar fr */
html {_background:url(about:blank) fixed; } 
.jobcn_toolbar_fr{bottom:192px;right:7px;position:fixed;width:47px;z-index:400;_position:absolute;_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight-400)); }
.jobcn_toolbar_fr ul{}
.jobcn_toolbar_fr li{padding-top:5px;}
.jobcn_toolbar_fr a{display:block;width:47px;height:47px;line-height:47px;line-height:50px\9;_line-height:47px;background:url("/commImage/10.2/ui/icon/25.png") no-repeat;text-indent:-100px;overflow:hidden;border-radius:5px;}
.jobcn_toolbar_fr .top_triangle a{background-position:0 0;}
.jobcn_toolbar_fr .fenxiang a{background-position:0 -50px;}
.jobcn_toolbar_fr .proposal a{background-position:0 -100px;}
.jobcn_toolbar_fr .message a{background-position:0 -150px;}
.jobcn_toolbar_fr a:hover{text-decoration:none;background:#5F8DC9;text-indent:0;text-align:center;color:#FFFFFF;font-weight:bold;}
.jobcn_toolbar_fr .fenxiang{position:relative;_zoom:1;}
.jobcn_toolbar_fr #bdshare a.share{width:110px;height:47px;position:absolute;bottom:0;left:-70px;padding-top:0;opacity:0;filter:alpha(opacity=0);}

/*product,service: Icon*/
/*.icon2{height:63px;width:63px;background:url(/commImage/ui/icon/icon2.png) no-repeat;}/*color*/
/*.icon2gray{height:63px;width:63px;background:url(/commImage/ui/icon/icon2gray.png) no-repeat;}/*gray*/
/*.icon2.add_product{background-position:0 -900px;}
.icon2.add_product a{width:63px; height:63px; display:block}


.icon2.JP,.icon2gray.JP{background-position:-100px 0px;}/*jp*/
/*.icon2.RD,.icon2gray.RD{background-position:0 0;}/*rd*/
/*.icon2.HR,.icon2gray.HR{background-position:-200px -400px;}/*hr*/
/*.icon2.TJ,.icon2gray.TJ{background-position:-200px 0px;}/*tj*/
/*.icon2.SR,.icon2gray.SR{background-position:-100px -500px;}/*sr*/
/*.icon2.JH,.icon2gray.JH{background-position:-200px -200px;}/*jh*/
/*.icon2.JD,.icon2gray.JD{background-position:0 -600px;}/*jd*/
/*.icon2.LD,.icon2gray.LD{background-position:0 -200px;}/*ld*/
/*.icon2.PD,.icon2gray.PD{background-position:-100px -100px;}/*pd*/
/*.icon2.FS,.icon2gray.FS{background-position:-200px -100px;}/*fs*/
/*.icon2.TS,.icon2gray.TS{background-position:-100px -400px}/*ts*/
/*.icon2.BS,.icon2gray.BS{background-position:0 -100px}/*bs*/
/*.icon2.PS, .icon2gray.PS{background-position:-100px -200px}/*ps*/
/*.icon2.VS, .icon2gray.VS{background-position:-200px -500px;}/*vs*/
/*.icon2.SMS, .icon2gray.SMS{background-position:0px -300px}/*sms*/
/*.icon2.AR, .icon2gray.AR{background-position:0px -500px}/*ar*/
/*.icon2.JS, .icon2gray.JS{background-position:-100px -300px}/*js*/
/*.icon2.RS, .icon2gray.RS{background-position:-200px -300px}/*rs*/
/*.icon2.CR, .icon2gray.CR{background-position:-100px -600px}/*ar*/
/*.icon2.SA, .icon2gray.SA{background-position:-200px -600px}/*js*/
/*.icon2.ME, .icon2gray.ME{background-position:-0px -700px}/*rs*/
/*.icon2.JR, .icon2gray.JR{background-position:-100px -700px}/*JR*/
/*.icon2.JB,.icon2gray.JB{background-position:-200px -200px;}/*JB*/

.icon2{height:63px;width:63px;background:url(/commImage/10.2/ui/icon/productIcon.png) no-repeat;}/*color*/
.icon2gray{height:63px;width:63px;background:url(/commImage/10.2/ui/icon/productIcon.png) no-repeat;}/*gray*/
.icon2.add_product{background-position:0 -900px;}
.icon2.add_product a{width:63px; height:63px; display:block}

.icon2.JP{background-position:0px 0px;}
.icon2.JR{background-position:0px -100px;}
.icon2.JB{background-position:0px -200px;}
.icon2.RD{background-position:0px -300px;}
.icon2.PS{background-position:0px -400px;}
.icon2.VS{background-position:0px -500px;}
.icon2.TS{background-position:0px -600px;}
.icon2.FS{background-position:0px -700px;}
.icon2.SMS{background-position:0px -800px;}
.icon2.JD{background-position:0px -900px;}
/*
.icon2gray.JP{background-position:-200px 0px;}
.icon2gray.JR{background-position:-200px -100px;}
.icon2gray.JB{background-position:-200px -200px;}
.icon2gray.RD{background-position:-200px -300px;}
.icon2gray.PS{background-position:-200px -400px;}
.icon2gray.VS{background-position:-200px -500px;}
.icon2gray.TS{background-position:-200px -600px;}
.icon2gray.FS{background-position:-200px -700px;}
.icon2gray.SMS{background-position:-200px -800px;}
.icon2gray.JD{background-position:-200px -900px;}
*/

/* public jobcn-tip */
.jobcn_tip{position:absolute;box-shadow:0 0 5px #E9E9E9;width:117px;top:42px;left:-50px;}
.jobcn_tip .tip_top{width:17px;height:9px;background:url("/commImage/10.2/ui/icon/01.png") no-repeat 0 -150px;position:absolute;top:-8px;left:50%;margin-left:-8px;overflow:hidden;}
.jobcn_tip .tip_body{width:87px;padding:14px;border:1px solid #C9C9C9;background:#FFF;}
.jobcn_tip .tip_body img{display:block;}


/*Added by vic 2013-7-24*/
/* language choose */
.jobcn_language_choose .language_choose_box{width:360px;margin:0 auto;overflow:hidden;background:#FFF;border-radius:2px;padding:0;}
.jobcn_language_choose h1{height:24px;line-height:24px;padding:30px 0;margin:0;color:#444;font-size:14px;text-align:center;font-weight:normal;}
.jobcn_language_choose h1 a{font-size:14px;color:#444;}
.jobcn_language_choose .btn{background:#EDEDED;height:29px;padding:12px;text-align:right;}
.jobcn_language_choose .btn button{height:29px;line-height:29px;margin:0;padding:0;border:0;margin-left:10px;cursor:pointer;}
.jobcn_language_choose .language_choose_box .chooseURL{width:110px;background:#5CB65C url("/commImage/10.2/ui/btn/btn03.png") 0 -100px no-repeat;color:#FFF;}
.jobcn_language_choose .language_choose_box .chooseGoOn{width:58px;background:#DCE5E9 url("/commImage/10.2/ui/btn/btn03.png") 0 -150px no-repeat;color:#55595B;}

/* login */
.jobcn_person_login{overflow:visible;}
.jobcn_person_login div{overflow:visible;}
.jobcn_person_login .box-ct{padding:0;}
.jobcn_person_login .login-body{height:366px;}
.jobcn_person_login .login-body .pass input,
.jobcn_person_login .login-body .name input,
.jobcn_person_login .login-body .code input{border:1px solid #CCC;width:260px;padding:3px;font-size:14px;font-weight:bold;font-family:verdana;height:18px;}
.jobcn_person_login .login-body .row{margin-left:65px;font-size:14px;height:30px;line-height:30px;color:#333;padding-bottom:15px;font-family:"\5b8b\4f53";}
.jobcn_person_login .login-body .long_login{margin-left:117px;}
.jobcn_person_login .login-body .btn{margin-left:121px;}
.jobcn_person_login .login-body .btn  button{margin:0;border:none;background:url("/commImage/ui/bg/bg24.png") no-repeat 0 -100px;cursor:pointer;padding:0;overflow:visible;width:76px;height:36px;}
.jobcn_person_login .box-ct .box-header{display:none;}
.jobcn_person_login .login_content{width:480px;height:366px;position:relative;}
.jobcn_person_login .login_content .login_title{font-size:22px;height:29px;line-height:29px;font-family:"Microsoft Yahei",Tahoma;position:relative;color:#5882CB;width:410px;margin:0 auto;margin-top:35px;}
.jobcn_person_login .login_content .login_main{padding-top:40px;position:relative;zoom:1;}
.jobcn_person_login .login_content .login_tips{position:absolute;top:15px;left:120px;border: 1px solid #FFC7B9;color:#F50;padding-left:5px;line-height:18px;padding-top: 1px;background:#FFF4F1;width:262px;}
.jobcn_person_login .login_content .forgetPwd{font-size:12px;position:absolute;top:0;right:0;font-family:Tahoma;}
.jobcn_person_login .login_content .forgetPwd a{color:#15C;}
.jobcn_person_login .login_content .forgetPwd span{padding:0 15px;color:#ccc;}
.jobcn_person_login .service_tell{position:absolute;left:0;bottom:0;height:56px;line-height:56px;border-top:1px solid #F4F4F4;background:#FAFAFA;width:480px;text-indent:65px;font-size:14px;font-family:verdana;}
.jobcn_person_login .service_tell span{width:29px;height:29px;background:url("/commImage/ui/bg/bg24.png") no-repeat 0 -150px;position:absolute;left:26px;top:12px;}
.jobcn_person_login .register_content{width:175px;border-left:1px solid #4A76C1;background:#5882CB;height:366px;position:relative;}
.jobcn_person_login .no_member{color:#DEE6F5;text-align:center;padding-top:165px;background:url("/commImage/ui/bg/bg24.png") no-repeat center 115px;}
.jobcn_person_login .register_content .box-close{background: url("/commImage/ui/bg/bg24.png") no-repeat scroll 0 -200px;width:18px;height:18px;top:7px;right:7px;}
.jobcn_person_login .register_content a:hover.box-close{background: url("/commImage/ui/bg/bg24.png") no-repeat scroll -50px -200px;}
.jobcn_person_login .free_register{text-align:center;padding-top:20px;}
.jobcn_person_login .free_register a{font-size:25px;color:#fff;font-family:"Microsoft Yahei",Tahoma;border-bottom:2px solid #fff;line-height:30px;}

/* wechat login */
.jobcn_person_login .login_box{width:380px;background:#fff;padding:46px 0 24px 0;position:relative;height:310px;}
.jobcn_person_login .login_box .icon_close{position:absolute;top:12px;right:12px;display:inline-block;width:21px;height:21px;background:url("/commImage/10.2/ui/icon/71.png") no-repeat 0 0;}
.jobcn_person_login .login_box .icon_close:hover{background-position:0 -50px;}
.jobcn_person_login .login_box .login_list li {float: left;width: 50%;text-align: center;position: relative;}
.jobcn_person_login .login_box .login_list li a {color: #666666;font-size: 18px;text-decoration: none;}
.jobcn_person_login .login_box .login_list li.active a {font-weight: bold;color: #618fcb;}
.jobcn_person_login .login_box .login_list li .line {display: inline-block;width: 1px;height: 16px;background: #ebebeb;position: absolute;right: 0;top: 5px;}
.jobcn_person_login .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;}
.jobcn_person_login .login_box .login_list li.active .icon_code {background-position: 0 0;}
.jobcn_person_login .login_box .login_content_box{}
.jobcn_person_login .login_box input.text {border: 1px solid #bec4c9;color: #444;font-weight: bold;padding: 10px;height: 18px;line-height: 18px;margin: 0px auto;width: 246px;font-size: 14px;zoom: 1;margin-top:3px;}
.jobcn_person_login .login_box .main {padding: 8px 20px 5px 20px;position: relative;overflow: hidden;zoom: 1;}
.jobcn_person_login .login_box .main ul{display: block;overflow: hidden;zoom: 1;width: 268px;margin: 0 auto;}
.jobcn_person_login .login_box .main ul li {position: relative;padding: 7px 0 8px 0;zoom: 1;}
.jobcn_person_login .login_box .errorDilog{width:258px !important;margin:0 auto;background:#fff2f2; border:1px solid #ff8080; border-radius:2px;color:#e04545;font-size:12px;line-height:20px;padding:0px 5px;}
.jobcn_person_login .login_box .login_btn {padding-top: 7px;}
.jobcn_person_login .login_box .login_btn .btn {display: block;height: 32px;line-height: 32px;width: 266px;background: #618fcb;border: 1px solid #5884bf;border-radius: 3px;padding: 0;margin:0 auto;color: #fff;font-size: 14px;font-weight: bold;cursor: pointer;outline: none;}
.jobcn_person_login .menu_bottom {text-align: center;margin-top: 20px;}
.jobcn_person_login .menu_bottom span {padding: 0 8px;color: #44659e;}
.jobcn_person_login .login_wechat .login_QRcode {position:relative;width: 170px;height: 170px;margin: 0 auto;background: #fff;border: 1px solid #ebebeb;margin-top: 32px;}
.jobcn_person_login .login_wechat .login_QRcode .refresh_box{position:absolute;top:-1px;left:-1px;width:174px;height:174px;background:rgba(255,255,255,0.8);text-align:center;}
.jobcn_person_login .login_wechat .login_QRcode .refresh_box h2{font-size:16px;color:#222222;font-weight:bold;margin-top:40px;}
.jobcn_person_login .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;}
.jobcn_person_login .login_wechat .code_tip {font-size: 14px;color: #666666;text-align: center;margin-top: 22px;}
.jobcn_person_login .login_wechat  .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;}

/*jobcn click code*/
.jobcn_click_code a{border:1px solid #ccc;background:#f7f7f7;border-radius:2px;text-align:center;line-height:22px;height:22px;padding:8px;display:block;color:#555555 !important;font-size:14px;}
.jobcn_click_code a:hover{text-decoration:none !important;background:#fff;}
.jobcn_click_code i{width:18px !important;height:18px !important;display:inline-block !important;vertical-align:top;margin:2px 5px;background:url("/commImage/10.2/ui/icon/100.png") no-repeat !important;position:static !important;}
.jobcn_click_code_success a{border-color:#5eb75d;background:#f2ffea;color:#5eb75d !important;}
.jobcn_click_code_success a:hover{background:#f2ffea;}
.jobcn_click_code_success i{background-position:0 -50px !important;}
.jobcn_click_code_reset i{background-position:-50px 0 !important;}

/* affiche   */
.affiche{background:#fff; width:380px;border-radius:3px; margin:14px auto; border:1px solid #a4a7ae; box-shadow:1px 1px 3px #AAAAAA;}
.affiche .affiche_close{ position:absolute; right:0; top:0;background:url("/commImage/10.2/ui/icon/index_close.png") no-repeat; height:28px; width:28px; overflow:hidden; text-indent:-100px; cursor:pointer;}
.affiche dl{padding:12px;}
.affiche dt{ font-weight:bold; color:#64666b; float:left;padding:2px 0px;}
.affiche dd{ margin-left:40px;padding:2px 0px;width:310px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.affiche dd a{ color:#15c;}

/* newest-notice */
.notice_right_box{position:fixed;width:280px;bottom:75px;right:70px;box-shadow:0px 4px 15px rgba(0,0,0,0.15);z-index:999;border:1px solid #e6e6e6;}
.notice_right_box .notice_right_hd{position:relative;background:#f7f7f7;padding:0 18px;}
.notice_right_box .notice_right_hd li{position:relative;float:left;margin-right:18px;}
.notice_right_box .notice_right_hd a{display:inline-block;font-size:16px;color:#222222;text-decoration:none;height:56px;line-height:56px;}
.notice_right_box .notice_right_hd li.active a{color:#5f8dc9;font-weight:bold;border-bottom:2px solid #5f8dc9;}
.notice_right_box .notice_right_hd li .red_dot{position:absolute;top:12px;right:-6px;display:inline-block;width:6px;height:6px;background:#e46660;border-radius:50%;}
.notice_right_box .notice_right_hd .icon_close{display:inline-block;width:13px;height:13px;background:url("/commImage/10.2/ui/icon/74.png") -50px 0 no-repeat;position:absolute;right:20px;top:22px;}
.notice_right_box .notice_right_content{background:#fff;}
.notice_right_box .newest_notice_box{background:#fff;}
.notice_list{padding:18px 18px 0 18px;height:183px;}
.notice_list li{margin-bottom:16px;padding-left:13px;list-style:none;}
.notice_list li a{display:inline-block;color:#555555;font-size:14px;line-height:18px;}
.notice_list i.dot{display:inline-block;width:5px;height:5px;background:#555;margin-right:8px;margin-left:-13px;border-radius:50%;vertical-align:top;margin-top:7px;}
.notice_list i.icon_new{display:inline-block;width:24px;height:12px;background:url("/commImage/10.2/ui/icon/new02.png") no-repeat;margin-left:3px;vertical-align:top;margin-top:4px;}
.notice_setting .notice_more{text-align:center;background:#fff;border-top:1px solid #e6e6e6;}
.notice_setting .notice_more a{display:inline-block;width:100%;font-size:16px;color:#5f8dc9;height:58px;line-height:58px;text-decoration:none;}
.notice_setting .notice_more a:hover{background:#5f8dc9;color:#fff;}
.notice_right_box .login_tip{padding:18px;height:165px;}
.notice_right_box .login_tip_box{background:#fff;}
.login_tip .login_check_row{margin-bottom:12px;}
.login_tip .login_check_row dt,.login_tip dd{float:left;font-size:14px;}
.login_tip .login_check_row dt{color:#555555;}
.login_tip .login_check_row dd span{color:#555555;font-weight:bold;font-size:14px;}
.login_tip .login_check_row dd a{color:#5f8dc9;font-size:14px;font-weight:normal;}
.login_tip .login_check_row dd.last span{color:#ff9f00;}
.login_tip .login_msg{color:#888888;font-size:14px;margin-bottom:10px;margin-top:-5px;}
.login_tip .login_msg i.line{display:inline-block;width:1px;height:10px;background:#888888;margin:0 6px;}
.login_tip .login_text{color:#555555;font-size:14px;line-height:22px;}
.deviceInfo_tip .login_check_row dd span{font-weight: 400 !important;}
.deviceInfo_tip .login_check_row dt, .deviceInfo_tip .login_check_row dt span{font-size: 14px;}
.notice_right_box .customer_service_box{background:#fff;}
.customer_service{padding:18px 18px 6px 18px;}
.customer_service .service_text{color:#888888;font-size:14px;line-height:22px;margin-bottom:10px;}
.customer_service .service_left_pic i{display:inline-block;width:24px;height:26px;background:url("/commImage/10.2/ui/icon/74.png") no-repeat;vertical-align:top;margin:8px 20px 0 0;}
.customer_service .service_left_pic i.person{background-position:0 0;}
.customer_service .service_left_pic i.email{background-position:0 -50px;}
.customer_service .service_left_pic i.QQ{background-position:0 -100px;}
.customer_service .service_left_pic i.phone{background-position:0 -150px;}
.customer_service .service_left_pic{float:left;}
.customer_service .service_inner_info{margin-bottom:20px;}
.customer_service .service_inner_info h2{margin:0;font-size:12px;color:#aaaaaa;margin-bottom:4px;font-weight:normal;}
.customer_service .service_inner_info  p{font-size:14px;color:#222222;}
.customer_service .service_inner_info p a{font-size:14px;color:#222222;}
.customer_service .service_inner_info p a:hover{color:#5f8dc9;}
.notice_right_box .send_msg_box{background:#fff;padding:20px 20px;height: 215px;}
.notice_right_box .send_msg_box .send_WeChat{color:#666;font-size:14px;text-align: center;line-height: 45px;}
.notice_right_box .send_msg_box .send_WeChat i{background: url("/commImage/10.2/ui/icon/80.png") no-repeat 0 -50px;display: inline-block;width:20px;height:20px;vertical-align: middle;margin-right: 5px;}
.notice_right_box .send_msg_box .send_code{width: 120px;height:120px;text-align: center;margin: 25px auto;}
.notice_right_box .send_msg_box .send_code img{width: 100%;height: 100%;background-color: #C9C9C9;}
.send_msg_box .send_msg_row{margin-bottom:10px;}
.send_msg_box .send_msg_row dt,.send_msg_box .send_msg_row dd{font-size:14px;}
.send_msg_box .send_msg_row dt{float:left;color:#888888;margin-right:10px;}
.send_msg_box .send_msg_row dt{line-height:32px;}
.send_msg_box .send_msg_row dd textarea{display:block;width:196px;height:73px;resize:none;font-size:14px;color:#333;outline:none;text-indent:6px;border:1px solid #e6e6e6;}
.send_msg_box .send_msg_row dd input{width:196px;height:26px;padding:2px;line-height:30px;font-size:14px;color:#333;outline:none;text-indent:6px;border:1px solid #e6e6e6;}
.send_msg_box .send_msg_row dd input::-webkit-input-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd input::-moz-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd input:-moz-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd input::-ms-input-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd textarea::-webkit-input-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd textarea::-moz-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd textarea:-moz-placeholder{color:#aaaaaa;}
.send_msg_box .send_msg_row dd textarea::-ms-input-placeholder{color:#aaaaaa;}
.notice_setting .send_msg_btn{border-top:1px solid #e6e6e6;}
.notice_setting .send_msg_btn a{display:inline-block;width:50%;height:58px;line-height:58px;text-align:center;text-decoration:none;font-size:16px;color:#999;background:#fff;}
.notice_setting .send_msg_btn a.btn_send{background:#5f8dc9;color:#fff;}

.notice_setting .send_wechat_btn{border-top:1px solid #e6e6e6;}
.notice_setting .send_wechat_btn a{display:inline-block;width:100%;height:58px;line-height:58px;text-align:center;text-decoration:none;font-size:16px;color:#5f8dc9;background:#fff;}

.notice_setting .send_wechat_btn a:hover{background:#5f8dc9;color:#fff;}

.tim-container {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1001;
	overflow:visible;
}

.jobcn_sidebar{position:fixed;right:10px ;bottom:10px;z-index:500;overflow:visible;}
.jobcn_sidebar_quick{overflow:visible;}
/* .jobcn_sidebar_quick ul{padding-bottom:58px;} */
.jobcn_sidebar_quick li{margin-top:8px;}
.jobcn_sidebar_quick li a{display:inline-block;width:50px;height:46px;font-size:14px;color:#ffffff;border:1px solid #dddddd;background:#fff url("/commImage/10.2/ui/icon/77.png") no-repeat;text-decoration:none;text-align:center;position:relative;}
.jobcn_sidebar_quick li.upward a{background-position: -100px 0;}
.jobcn_sidebar_quick li.share a{background-position:-150px 0;}
.jobcn_sidebar_quick li.notice a{background-position:0 0;}
.jobcn_sidebar_quick li.chat{position:relative;}
.jobcn_sidebar_quick li.chat a{position:absolute;top:0;right:0;width:138px;height:46px;background:#fff;}
.jobcn_sidebar_quick li.chat .chat_dot{width:6px;height:6px;border-radius:4px;background:#f50;position:absolute;top:11px;left:40px;border:1px solid #fff;}
.jobcn_sidebar_quick li a:hover{background:#5f8dc9;}
.jobcn_sidebar_quick li.chat a:hover .chat_dot{display:none;}
.jobcn_sidebar_quick li.chat em{float:left;height:46px;width:46px;background:#fff url("/commImage/10.2/ui/icon/77.png") no-repeat -50px 0;margin-left:8px;}
.jobcn_sidebar_quick li.chat a:hover{background:#fff;}
.jobcn_sidebar_quick li.chat p{float:left;width:auto;height:46px;line-height:46px;color:#000;font-size:16px;opacity:1;margin-top:0;}
.jobcn_sidebar_quick li a p{width:40px;margin:0 auto;color:#fff;line-height:18px;margin-top:5px;opacity:0;}
.jobcn_sidebar_quick li a:hover p{opacity:1;}

.jobcn_sidebar_guest{border:1px solid #ddd;margin-bottom:8px;width:50px;background:#fff;}
.jobcn_sidebar_guest_hd{font-weight:bold;color:#222;text-align:center;padding:10px 0;line-height:16px;font-size:14px;padding:8px 10px;}
.jobcn_sidebar_guest_bd{padding:0 10px;}
.jobcn_sidebar_guest_bd li{border-top:1px dotted #bbb;padding:10px 0;position:relative}
.jobcn_sidebar_guest_bd img{vertical-align:top;border-radius:2px;}
.jobcn_sidebar_guest_bd .online-icon{width:21px;height:10px;overflow:hidden;background:url("/commImage/online2.png") no-repeat;position:absolute;bottom:10px;right:0;}
.jobcn_sidebar_guest_ft{text-align:center;font-size:12px;padding-bottom:10px;}

/* browser check popup */
.browser_check_dialog .box-header .box-close{width:22px;height:22px;position:absolute;top:15px;right:15px;background:url("/commImage/10.2/ui/icon/82.png") no-repeat 0 -100px;}
.browser_check_dialog .box-header .box-close:hover{background-position:-50px -100px;}
.browser_check_content{background:#fff;border-radius:20px;}
.browser_check_content .browser_check_select{background:#ffe0e2;border-radius:20px;padding:30px 0;text-align:center;}
.browser_check_content .browser_check_select_hd{text-align:center;}
.browser_check_content .browser_check_select_hd i{height:80px;width:80px;display:inline-block;vertical-align:top;background:url("/commImage/10.2/ui/icon/82.png") no-repeat;}
.browser_check_content .browser_check_select_bd{font-size:16px;color:#e90202;font-family:"Microsoft yahei";line-height:28px;padding:18px 0;}
.browser_check_content .browser_check_select_ft a{display:inline-block;line-height:22px;height:22px;padding:7px 20px;background:#eb6363;margin:0 10px;font-size:14px;color:#fff;border-radius:4px;font-family:"Microsoft yahei";text-decoration:none;vertical-align:top;}
.browser_check_content .browser_check_select_ft a:hover{background:#d24848;}
.browser_check_content .browser_check_phone{text-align:center;font-size:14px;color:#222;padding:10px 0;}
.browser_check_content .browser_check_phone_hd{font-family:"Microsoft yahei";padding:10px 0;}
.browser_check_content .browser_check_phone_bd dl{display:inline-block;padding:0 20px;}
.browser_check_content .browser_check_phone_bd dl img{vertical-align:top;}
.browser_check_content .browser_check_phone_bd dd{font-family:"Microsoft yahei";color:#888;font-size:12px;padding:10px 0;}

.wechat_warp {min-height: 100px;padding: 18px;background: #fff;font-size: 14px;box-sizing: border-box;}

.ie_lower_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
}
.ie_lower_wrap .header {
    background: #ffe0e2;
    padding: 30px 0;
}
.ie_lower_wrap .content {
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    position: absolute;
    width: 450px;
    height: 480px;
    left: 50%;
    top: 50%;
    margin-top: -240px;
    margin-left: -225px;
    overflow: hidden;
}

.ie_lower_wrap .content .close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url('/commImage/10.2/ui/icon/82.png') no-repeat 0 -100px;
    cursor: pointer;
}

.ie_lower_wrap .content .warnning {
    height: 80px;
    width: 80px;
    display: inline-block;
    vertical-align: top;
    background: url('/commImage/10.2/ui/icon/82.png') no-repeat;
}

.ie_lower_wrap .content .text1 {
    font-size: 16px;
    color: #e90202;
    font-family: "Microsoft yahei";
    line-height: 28px;
    padding: 18px 0;
}

.ie_lower_wrap .content .link {
    display: inline-block;
    line-height: 22px;
    height: 22px;
    padding: 7px 20px;
    background: #eb6363;
    margin: 0 10px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    font-family: "Microsoft yahei";
    text-decoration: none;
    vertical-align: top;
}

.ie_lower_wrap .content .footer {
    text-align: center;
    font-size: 14px;
    color: #222;
    padding: 10px 0;
}

.ie_lower_wrap .content .footer dl {
    display: inline-block;
    padding: 0 20px;
}

.ie_lower_wrap .content .footer .title {
    font-family: "Microsoft yahei";
    padding: 10px 0;
}

.fz16 {
	font-size: 16px;
}

/* transition */
.fade-opacity-enter-active, .fade-opacity-leave-active, .fade-opacity-move {
	transition: all .5s;
}
.fade-opacity-leave-to, .fade-opacity-enter {
	opacity: 0;
}

.fade-right-enter-active, .fade-right-leave-active, .fade-right-move {
	transition: all .3s;
}
.fade-right-leave-to, .fade-right-enter-from {
	opacity: 0;
    transform: translateX(20px);
}


[v-cloak] {
    visibility: hidden;
}

/* jobcn sidebar chat */
#small-tim{overflow:visible;}

.small-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
	overflow:visible;
}

.contact_list > .empty {
    height: 552px;
    display: flex;
    flex-direction: column;
    align-items: center;    
    justify-content: center;
}

.contact_list > .empty > p {font-size: 14px;font-weight: bold;margin-top: 10px;}
.contact_list > .empty > a {font-size: 14px;margin-top: 10px;color: #277ccc;}

.jobcn_sidebar #small-tim{overflow:visible;}
.jobcn_sidebar .small-container{overflow:visible;}
.jobcn_sidebar_chat{position:absolute;bottom:66px;right:70px;overflow:visible;}
.jobcn_sidebar_chat_hd{width:220px;background-color: #fff;}
.jobcn_sidebar_chat_hd li{border:1px solid #ddd;}
.jobcn_sidebar_chat_hd .title{line-height:26px;height:26px;padding:10px 14px;font-size:14px;color:#222;display:flex;align-items:center;cursor:pointer;}
.jobcn_sidebar_chat_hd .title:before{content:'';display:inline-block;vertical-align:top;height:26px;width:26px;margin-right:8px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -150px -350px;}
.jobcn_sidebar_chat_hd .title b{flex:1;}
.jobcn_sidebar_chat_hd .title i{width:16px;height:14px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -300px -100px;margin-left:12px;}
.jobcn_sidebar_chat_hd .message{line-height:26px;height:26px;padding:10px 14px;font-size:14px;color:#222;display:flex;align-items:center;cursor:pointer;}
.jobcn_sidebar_chat_hd .message b{flex:1;font-weight:bold;font-size:14px;}
.jobcn_sidebar_chat_hd .message i{width:16px;height:14px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -300px -100px;margin-left:12px;}
.jobcn_sidebar_chat_hd .message span{height:14px;line-height:14px;font-size:12px;background:#eb0000;color:#fff;padding:0 3px;border-radius:7px;}

.jobcn_sidebar_chat_hd .message.blink{background:#016aeb;}
.jobcn_sidebar_chat_hd .message.blink b{color:#fff;}
.jobcn_sidebar_chat_hd .message.blink i{background-position:-350px -50px;}

.jobcn_sidebar_chat_bd{display:flex;overflow:visible;}


.packup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 34px;
    margin-right: -12px;
    transform: rotate(270deg);
}

.extend-click {
    position: relative;
}
.extend-click::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
}

.jobcn_sidebar_chat_person {width: 230px;border:1px solid #dadada;background:#fff;box-shadow:0px 6px 20px rgba(0,0,0,0.15);
    height: calc(100vh - 52px);
    display: flex;
    flex-direction: column;
}
.jobcn_sidebar_chat_person .item{position:relative;display:flex;padding:12px 14px;overflow:visible;cursor:pointer;}
.jobcn_sidebar_chat_person .item.top:before{position:absolute;top:0;right:0;content:"";width:8px;height:8px;background:linear-gradient(-135deg, #f26b01, #f26b01 50%, transparent 50%, transparent 100%);}

.jobcn_sidebar_chat_person .item.active {background: #f2f2f2;}
.jobcn_sidebar_chat_person .title{line-height:26px;height:26px;padding:11px 14px;font-size:14px;color:#222;display:flex;align-items:center;}
.jobcn_sidebar_chat_person .title:before{content:'';display:inline-block;vertical-align:top;height:26px;width:26px;margin-right:8px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -150px -350px;}
.jobcn_sidebar_chat_person .title b{flex:1;font-size:14px;font-weight:normal;}
.jobcn_sidebar_chat_person .title span{width:16px;height:14px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -200px -350px;cursor:pointer;}
.jobcn_sidebar_chat_person .title span.unread{background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -250px -350px;}
.jobcn_sidebar_chat_person .title i{width:16px;height:14px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -300px -50px;cursor:pointer;}
.jobcn_sidebar_chat_person .title > .link {display: inherit;}
.jobcn_sidebar_chat_person .contact_list { flex: 1; }
.jobcn_sidebar_chat_person .items{
    max-height: 746px;
    overflow-y: auto;
}
.jobcn_sidebar_chat_person .items::-webkit-scrollbar{width:5px;}
.jobcn_sidebar_chat_person .items::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:50px;}

.jobcn_sidebar_chat_person .avatar{margin-right:16px;flex-shrink:0;position:relative;overflow:visible;}
.jobcn_sidebar_chat_person .avatar-img{border-radius: 999px; width:36px;height:36px;overflow:hidden;position:relative;}
.jobcn_sidebar_chat_person .avatar-img img{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.jobcn_sidebar_chat_person .row_1{display:flex;justify-content:space-between;line-height:22px;}
.jobcn_sidebar_chat_person .avatar.online:after{content:"";position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;overflow:hidden;background:#14b25c;border-radius:4px;}
.jobcn_sidebar_chat_person .avatar .unread{position:absolute;top:-2px;right:-5px;background:#eb0000;height:14px;line-height:14px;border-radius:7px;padding:0 3px;color:#fff;font-size:12px;}
.jobcn_sidebar_chat_person .content{flex:1;}
.jobcn_sidebar_chat_person .info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-weight:bold;color:#222;font-size:14px;}
.jobcn_sidebar_chat_person .row_2{display:flex;align-items: center;}
.jobcn_sidebar_chat_person .row_2 .message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa;font-size:12px;line-height:14px;position:relative;flex:1;}
.jobcn_sidebar_chat_person .row_2 .blacklist{white-space: nowrap;width:28px;height:16px;line-height:16px;font-size: 12px;text-align: center;background: #1c1917;color: #fff;border-radius: 2px;margin-left: 10px}
.jobcn_sidebar_chat_person .row_2 .apply{white-space: nowrap;width: 26px;height: 14px;line-height: 14px;font-size: 12px;text-align: center;background: #92beff;color: #fff;border-radius: 2px;margin-left: 10px}
.jobcn_sidebar_chat_person .applied{height:14px;width:32px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat 0 -400px;position:absolute;top:0;right:0;}
.jobcn_sidebar_chat_person .date{color:#aaa;font-size:12px;}

.jobcn_sidebar_chat_window{ display: flex; flex-direction: column; width:538px;border:1px solid #dadada;background:#fff;height:600px;margin-right:10px;box-shadow:0px 6px 20px rgba(0,0,0,0.15);}
.jobcn_sidebar_chat_window .window_title{padding:13px 20px;line-height:22px;height:22px;border-bottom:1px solid #ddd;display:flex;align-items:center;}
.jobcn_sidebar_chat_window .window_title b{font-size:16px;font-weight:bold;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px;}
.jobcn_sidebar_chat_window .window_title span{font-size:14px;font-family:"Microsoft yahei";color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;}
.jobcn_sidebar_chat_window .window_title a{font-size:14px;font-family:"Microsoft yahei";margin-left:20px;}
.jobcn_sidebar_chat_window .window_title i.close{width:18px;height:18px;background: url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -300px 0;margin-left:10px;cursor:pointer;}
.jobcn_sidebar_chat_window .window_title i:hover.close{background-position:-350px 0;}

.jobcn_sidebar_chat_window .window_content{ flex:1;height:398px;background:#fff;border-bottom:1px solid #ddd;display:flex;flex-direction:column;}
/* .jobcn_sidebar_chat_window .window_content_tip{display:flex;align-items:center;padding:4px 20px;} */
.jobcn_sidebar_chat_window .inMyBlacklist{color: #e46660;background: #fff3f3;text-align: center;padding: 20px 0;}

.window_content_tip{display:flex;align-items:center;padding:4px 20px;}
.window_content_tip.error {
	background:#fff3f3;
}
.window_content_tip.error > span {
	color:#e46660;
}
.window_content_tip.orange {
	background:#fff1e0;
}
.window_content_tip.orange > span {
	color:#ff9211;
}

.window_content_tip span{
	flex:1;
	line-height:22px;
	font-size:12px;
}

.window_content_tip a{
	font-size:12px;
    text-decoration: none;
	color: #36C;
}

.window_content_tip .icon_close{
	margin-left: 5px;
	width:18px;
	height:18px;
	background: url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -248px -197px;
	cursor:pointer;
}

.jobcn_sidebar_chat_window .window_content_items{flex:1;overflow-y:auto;padding:10px 0;}
.jobcn_sidebar_chat_window .window_content_date{font-size:12px;text-align:center;color:#aaa;line-height:22px;margin-top:10px;}
.jobcn_sidebar_chat_window .window_content_more{font-size:14px;text-align:center;color:#aaa;line-height:22px;}
.jobcn_sidebar_chat_window .window_content_more a{font-size:14px;}
.jobcn_sidebar_chat_window .window_content_report{text-align:center;line-height:22px;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_report .fail-icon{width:16px;height:16px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -250px -100px;display:inline-block;vertical-align:top;margin:3px 5px;}
.jobcn_sidebar_chat_window .window_content_report .m5{margin:0 5px;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_report .red{color:#eb0000;margin:0 5px;font-size:14px;}

.jobcn_sidebar_chat_window .window_content_item.exchange_weixin{justify-content:center;}
.jobcn_sidebar_chat_window .window_content_exchange_weixin{background-color:#ffffff;width:300px;border:1px solid #ddd;display:inline-block;vertical-align:top;border-radius:8px;color:#222;}
.jobcn_sidebar_chat_window .exchange_weixin_bd{padding:10px 15px;}
.jobcn_sidebar_chat_window .exchange_weixin_bd h2{text-align:center;line-height:22px;padding-bottom:5px;font-size:16px;font-weight:normal;margin:0;}
.jobcn_sidebar_chat_window .exchange_weixin_bd dl{display:flex;padding:5px 0;line-height:22px;font-size:14px;}
.jobcn_sidebar_chat_window .exchange_weixin_ft{text-align:center;line-height:20px;padding:10px 15px;border-top:1px solid #ddd;cursor:pointer;font-size:14px;}

.jobcn_sidebar_chat_window .window_content_items::-webkit-scrollbar{width:5px;}
.jobcn_sidebar_chat_window .window_content_items::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:50px;}
.jobcn_sidebar_chat_window .window_content_item{display:flex;padding:10px 20px;}
.jobcn_sidebar_chat_window .window_content_item .avatar_img{height:36px;width:36px;background:#eee;border-radius:4px;overflow:hidden;position:relative;}
.jobcn_sidebar_chat_window .window_content_item .avatar_img img{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.jobcn_sidebar_chat_window .window_content_item .col-2{margin:0 10px;background:#f3f3f3;border-radius:4px;padding:8px 10px;line-height:20px;position:relative;word-break:break-all;word-wrap:break-word;max-width:340px;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_item .col-2:before{content:"";position:absolute;top:15px;width:6px;height:6px;transform:rotate(45deg);}
.jobcn_sidebar_chat_window .window_content_item .col-2 img{vertical-align:top;}
.jobcn_sidebar_chat_window .window_content_item .col-2.col-pic{padding:0;}
.jobcn_sidebar_chat_window .window_content_item .col-2.col-pic:before{display:none;}
.jobcn_sidebar_chat_window .window_content_item .col-2.col-pic img{width:180px;border-radius:4px;}
.jobcn_sidebar_chat_window .window_content_item .col-status{white-space:nowrap;}
.jobcn_sidebar_chat_window .window_content_item.right{flex-direction:row-reverse;}
.jobcn_sidebar_chat_window .window_content_item.left .col-2:before{left:-3px;background:#f3f3f3;}
.jobcn_sidebar_chat_window .window_content_item.right .col-2:before{right:-3px;background:#016aeb;}
.jobcn_sidebar_chat_window .window_content_item.right .col-2{background:#016aeb;font-size:14px;color:#fff;}

.jobcn_sidebar_chat_window .window_content_item.right .col_card{padding:0;background:#f3f3f3;color:#000;width:330px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_card:before{background:#f3f3f3;}

.jobcn_sidebar_chat_window .window_content_item .col_card_hd{border-bottom:1px solid #ddd;line-height:22px;padding:18px 20px;font-size:16px;color:#000;}
.jobcn_sidebar_chat_window .window_content_item .col_card_bd{display:flex;align-items:center;padding:20px;justify-content:space-between;}
.jobcn_sidebar_chat_window .window_content_item .col_card_bd_number{display:flex;flex-direction:column;width:190px;}
.jobcn_sidebar_chat_window .window_content_item .col_card_bd_number b{font-size:24px;font-weight:bold;line-height:36px;padding-bottom:6px;}
.jobcn_sidebar_chat_window .window_content_item .col_card_bd_number span{color:#888;font-size:14px;line-height:22px;}
.jobcn_sidebar_chat_window .window_content_item .col_card_bd_text{width:190px;line-height:26px;color:#888;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_item .col_card_btn{display:flex;border-top:1px solid #ddd;}
.jobcn_sidebar_chat_window .window_content_item .col_card_btn a{flex:1;text-align:center;line-height:22px;padding:10px 0;font-size:16px;}
.jobcn_sidebar_chat_window .window_content_item .col_card_btn a.cancel{color:#aaa;}
.jobcn_sidebar_chat_window .window_content_item .col_card_btn a.submit{border-left:1px solid #ddd;}

.jobcn_sidebar_chat_window .window_content_item .col-status{align-self:flex-start;height:16px;line-height:16px;background:#cecece;color:#fff;border-radius:4px;padding:0 2px;font-size:12px;}
.jobcn_sidebar_chat_window .window_content_item .col-fail{width:16px;height:16px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -250px -100px;align-self:flex-start;}
.jobcn_sidebar_chat_window .window_content_item .col-loading{width:20px;height:20px;background:url("/commImage/10.2/ui/icon/loading.gif") no-repeat;align-self:flex-start;}


.jobcn_sidebar_chat_window .window_content_item.right .col-3{display:flex;flex-direction:column;}
.jobcn_sidebar_chat_window .window_content_item.right .col-3 .col-fail{align-self:flex-end;}
.jobcn_sidebar_chat_window .window_content_item .col-resend{background:#d0e5ff;height:16px;line-height:16px;width:16px;border-radius:8px;color:#016aeb;font-size:12px;margin-top:4px;cursor:pointer;overflow:hidden;}
.jobcn_sidebar_chat_window .window_content_item .col-resend:hover{width:auto;padding-left:5px;}
.jobcn_sidebar_chat_window .window_content_item .col-resend:hover:before{content:"重新发送";}
.jobcn_sidebar_chat_window .window_content_item .col-resend:after{content:"";background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -300px -250px;width:16px;height:16px;display:inline-block;vertical-align:top;}
.jobcn_sidebar_chat_window .window_content_item .col-recall{background:#d0e5ff;height:16px;line-height:16px;width:16px;border-radius:8px;color:#016aeb;font-size:12px;margin-top:4px;cursor:pointer;overflow:hidden;}
.jobcn_sidebar_chat_window .window_content_item .col-recall:hover{width:auto;padding-left:5px;}
.jobcn_sidebar_chat_window .window_content_item .col-recall:hover:before{content:"撤回消息";}
.jobcn_sidebar_chat_window .window_content_item .col-recall:after{content:"";background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -350px -250px;width:16px;height:16px;display:inline-block;vertical-align:top;}

.jobcn_sidebar_chat_window .window_content_item.right .col_interview{background:#f3f3f3;color:#000;width:310px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_interview:before{background:#f3f3f3;}
.jobcn_sidebar_chat_window .window_content_item.right .col_interview_hd{font-size:20px;font-weight:bold;line-height:28px;padding-bottom:5px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_interview dl{display:flex;line-height:22px;padding:4px 0;}
.jobcn_sidebar_chat_window .window_content_item.right .col_interview dt{width:80px;color:#888;flex-shrink:0;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_interview dd{font-size:14px;}

.jobcn_sidebar_chat_window .window_content_item.right .col_job{background:#f3f3f3;color:#000;max-width:380px;padding:0;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job:before{left:-3px;background:#f3f3f3;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job_hd{font-size:20px;font-weight:bold;line-height:28px;display:flex;padding:8px 10px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job_hd b{flex:1;font-size:20px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job_hd span{color:#ff9f00;font-weight:normal;font-size:20px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job_info{padding:0 10px;color:#555;line-height:22px;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job_desc{padding:0 10px;color:#888;line-height:22px;-webkit-line-clamp:6;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;margin:5px 0 10px;font-size:14px;}
.jobcn_sidebar_chat_window .window_content_item.right .col_job_set{line-height:22px;height:22px;border-top:1px solid #ddd;padding:8px 10px;color:#aaa;font-size:14px;}

.payinfo {height: 32px;line-height: 32px;text-align: center;background: #F3F3F3;border-bottom: 1px solid #ddd;}
.payinfo span, .payinfo a {font-size: 14px;}
.payinfo > span {color: #CA3402;}
.payinfo > a {color: #009900;text-decoration: none;}


.jobcn_sidebar_chat_window .window_footer{height:122px;background:#fff;padding:15px 20px;overflow:visible;position:relative;}
.jobcn_sidebar_chat_window .window_footer_hd{height:24px;display:flex;overflow:visible;}
.jobcn_sidebar_chat_window .window_footer_hd .icon{margin:2px 8px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon-line{background-image: url(/commImage/10.2/ui/icon/96.png) !important; background-repeat: no-repeat;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i{display:inline-block;width:20px;height:20px;vertical-align:top;background: url(/commImage/10.2/ui/icon/chaticon.png) no-repeat;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_hd .icon .icon-smile{background-position:-100px -100px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-smile{background-position:-200px 0;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-pic{background-position:0 -150px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-pic{background-position:-150px -50px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-commonWrods{background-position:-50px -100px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-commonWrods{background-position:-50px -100px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-communicate{background-position:0 -200px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-communicate{background-position:-200px -100px;}


.jobcn_sidebar_chat_window .window_footer_hd i.icon-location{margin:2px 8px;display:inline-block;width:20px;height:20px;vertical-align:top;background: url("/commImage/10.2/ui/icon/coordinates.png") no-repeat;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_hd i:hover.icon-location{margin:2px 8px;display:inline-block;width:20px;height:20px;vertical-align:top;background: url("/commImage/10.2/ui/icon/coordinates_hover.png") no-repeat;cursor:pointer;}

.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-InvitationDelivery{background-position:-100px -200px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-InvitationDelivery{background-position:-250px -100px;}

.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-card{background-position:-50px -150px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-card{background-position:-200px -50px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-interview{background-position:-150px -200px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-interview{background-position:-150px -250px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-evaluation{background-position:-200px -200px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-evaluation{background-position:-200px -250px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-report{background-position:-200px -300px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-report{background-position:-250px -300px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-log{background-position:-300px -300px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-log{background-position:-350px -300px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i.icon-exchange_weixin{background-position:-50px -250px;}
.jobcn_sidebar_chat_window .window_footer_hd .icon i:hover.icon-exchange_weixin{background-position:-150px -250px;}

.jobcn_sidebar_chat_window .window_footer_hd .dropdown{position:relative;overflow:visible;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown:before{content:"";position:absolute;left:0;top:-15px;right:0;height:15px;background:#fff;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown:hover .dropdown_menu {display: block;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown_menu{display:none;position:absolute;left:-20px;bottom:38px;background:#fff;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,0.2);width:400px;z-index:200;overflow:visible;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown_menu:before{content:"";position:absolute;bottom:-10px;left:38px;height:11px;width:22px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -200px -111px;}
.jobcn_sidebar_chat_window .window_footer_hd .log_hd{line-height:22px;padding:15px 20px;border-bottom:1px solid #eee;font-size:16px;display:flex;justify-content:space-between;}
.jobcn_sidebar_chat_window .window_footer_hd .log_hd a{font-size:14px;}
.jobcn_sidebar_chat_window .window_footer_hd .log_bd{padding:0 20px;}
.jobcn_sidebar_chat_window .window_footer_hd .log_bd li{line-height:22px;padding:8px 0;border-bottom:1px solid #eee;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_hd .log_bd li:last-child{border-bottom:0;}
.jobcn_sidebar_chat_window .window_footer_hd .log_bd li a{font-size:14px;}
.jobcn_sidebar_chat_window .window_footer_hd .log .dropdown_menu{left:-52px;width:250px;}
.jobcn_sidebar_chat_window .window_footer_hd .log .dropdown_menu:before{left:50px;}
.jobcn_sidebar_chat_window .window_footer_hd .common_hd{line-height:22px;padding:15px 20px;border-bottom:1px solid #eee;font-size:16px;display:flex;justify-content:space-between;}
.jobcn_sidebar_chat_window .window_footer_hd .common_hd a{font-size:14px;}
.jobcn_sidebar_chat_window .window_footer_hd .common_bd{padding:0 20px;height:195px;overflow-y:auto;}
.jobcn_sidebar_chat_window .window_footer_hd .common_bd::-webkit-scrollbar{width:5px;}
.jobcn_sidebar_chat_window .window_footer_hd .common_bd::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:50px;}
.jobcn_sidebar_chat_window .window_footer_hd .common_bd li{line-height:22px;padding:8px 0;border-bottom:1px solid #eee;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_hd .common_bd li:hover{color:#000;}
.jobcn_sidebar_chat_window .window_footer_hd .smile .dropdown_menu{left:-92px;}
.jobcn_sidebar_chat_window .window_footer_hd .smile_bd{height:280px;overflow-y:auto;} 
.jobcn_sidebar_chat_window .window_footer_hd .smile_bd::-webkit-scrollbar{width:5px;}
.jobcn_sidebar_chat_window .window_footer_hd .smile_bd::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:50px;}
.jobcn_sidebar_chat_window .window_footer_hd .smile_bd::scrollbar{width:5px;}
.jobcn_sidebar_chat_window .window_footer_hd .smile_bd::scrollbar-thumb{background:#c7c7c7;border-radius:50px;}
.jobcn_sidebar_chat_window .window_footer_hd .smile .dropdown_menu ul{display:flex;flex-wrap:wrap;}
.jobcn_sidebar_chat_window .window_footer_hd .smile .dropdown_menu li{padding:13px;}
.jobcn_sidebar_chat_window .window_footer_hd .smile .dropdown_menu img{vertical-align:top;}
.jobcn_sidebar_chat_window .window_footer_hd .smile .dropdown_menu:before{left:92px;}
.jobcn_sidebar_chat_window .window_footer_hd .card .dropdown_menu{left:-164px;width:320px;}
.jobcn_sidebar_chat_window .window_footer_hd .card_hd{line-height:22px;padding:15px 20px;border-bottom:1px solid #eee;font-size:16px;}
.jobcn_sidebar_chat_window .window_footer_hd .card_bd{display:flex;padding:18px 20px;}
.jobcn_sidebar_chat_window .window_footer_hd .card_bd_number{flex:1;display:flex;flex-direction:column;align-self:center;}
.jobcn_sidebar_chat_window .window_footer_hd .card_bd_number b{font-size:24px;font-weight:bold;line-height:32px;height:32px;padding-bottom:8px;}
.jobcn_sidebar_chat_window .window_footer_hd .card_bd_number span{font-size:14px;color:#aaa;}
.jobcn_sidebar_chat_window .window_footer_hd .card_bd_rqcode img{vertical-align:top;}
.jobcn_sidebar_chat_window .window_footer_hd .card .dropdown_menu:before{left:163px;}
.jobcn_sidebar_chat_window .window_footer_hd .text{margin-right:8px;}
.jobcn_sidebar_chat_window .window_footer_hd .text .dropdown_toggle{display:inline-block;height:22px;line-height:22px;vertical-align:top;background:#d8d8d8;border-radius:4px;padding:1px 10px;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate{display:flex;overflow: visible;flex:1;justify-content: flex-end;}

.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation{padding-right:14px;color:#555;display: flex;align-items: center;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation:hover{color:#016aeb;text-decoration:none;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation:before{content:"";width:18px;height:18px;overflow:hidden;background:url("/commImage/10.2/ui/icon/96.png") no-repeat -50px -200px;display:inline-block;margin:2px 4px 2px 0;vertical-align:top;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation.interview:before{background-position:-50px -200px;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation.resume:before{background-position:-100px -200px;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation:hover.interview:before{background-position:-250px -50px;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .invitation:hover.resume:before{background-position:-250px -100px;}

.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .dropdown{position: relative;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .dropdown_toggle{font-size:14px;font-weight:bold;display:inline-block;vertical-align:top;line-height:12px;height:22px;cursor: pointer;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate .dropdown_toggle:hover{color:#016aeb;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate ul{padding:10px 0;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate li{font-size:14px;white-space:nowrap;line-height:22px;padding:5px 18px;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_hd .mini-operate li:hover{color:#36C;}
.dropdown_main{position:absolute;background:#fff;border-radius:8px;box-shadow:6px 0 20px rgba(0,0,0,0.20);z-index:3;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown_main{z-index:99;bottom:32px;width:120px;margin-left:-40px;margin-left: -93px;overflow: visible;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown_main:after{content:"";height:0;width:0;border:10px solid transparent;border-top-color:#fff;bottom:-20px;left:90px;position:absolute;}
.jobcn_sidebar_chat_window .window_footer_hd .dropdown_main:before{content:"";position:absolute;bottom:-10px;left:0;right:0;height:10px;}

.dropdown:hover .dropdown_toggle + .dropdown_main{display:block;}

.exchange_weixin{overflow: visible;}
.exchange_weixin .dropdown_main{width:300px !important;left:0!important;bottom:32px !important}
.exchange_weixin .dropdown_main:before{left:138px;}
.exchange_weixin_form{padding:18px 20px 20px;}
.exchange_weixin_form h2{font-size:16px;color:#222;line-height:22px;text-align:center;line-height:24px;font-weight:normal;margin:0;}
.exchange_weixin_form p{font-size:12px;color:#888;padding:6px 0 10px 0;}
.exchange_weixin_form_input{background:#e8e8e8;padding:4px 14px;border-radius:15px;}
.exchange_weixin_form_input input{border:0;width:100%;background:none;outline:none;vertical-align:top;line-height:22px;font-size:14px;color:#222;}
.exchange_weixin_form_btn{display:flex;justify-content:space-between;padding-top:15px;}
.exchange_weixin_form_btn a{width:100px;background:#016aeb;color:#fff;line-height:22px;padding:5px 0;text-align:center;border-radius:16px;text-decoration:none;}
.exchange_weixin_form_btn a.btn_cancel{background:#ddd;color:#222;}
.exchange_weixin_fulfilled .exchange_weixin_bd{padding:10px 15px;}
.exchange_weixin_fulfilled .exchange_weixin_bd dl{display:flex;padding:5px 0;line-height:22px;font-size:14px;}
.exchange_weixin_fulfilled .exchange_weixin_bd h2{line-height:22px;padding-bottom:5px;font-size:16px;text-align:center;font-weight:normal;margin:0;}
.exchange_weixin_fulfilled .exchange_weixin_ft{line-height:20px;padding:10px 15px;border-top:1px solid #eee;cursor:pointer;text-align:center;font-size:14px;}
.exchange_weixin_pending{padding:10px 15px;text-align:center;color:#888;font-size:14px;}
.exchange_weixin_rejected{padding:10px 15px;text-align:center;color:#e46660;font-size:14px;}

.jobcn_sidebar_chat_window .window_footer_bd{height:60px;padding:5px 0;position:relative;}
.jobcn_sidebar_chat_window .window_footer_bd textarea{border:0;outline:none;resize:none;padding:0;width:100%;height:60px;line-height:20px;font-size:14px;overflow-y:auto;}
.jobcn_sidebar_chat_window .window_footer_bd textarea::-webkit-scrollbar{width:5px;}
.jobcn_sidebar_chat_window .window_footer_bd textarea::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:50px;}
.jobcn_sidebar_chat_window .window_footer_bd .msg_error{position:absolute;bottom:5px;right:-5px;color:#e46660;line-height:22px;padding:2px 10px;background:#ffecec;border-radius:13px;}
.jobcn_sidebar_chat_window .window_footer_error{position:absolute;bottom:5px;right:0;background:#ffecec;color: #eb0000;font-size:14px;border-radius:4px;line-height:22px; height:22px;padding:2px 8px;}
.jobcn_sidebar_chat_window .window_footer_ft{height:28px;display:flex;line-height:28px;overflow:visible;position:relative;}
.jobcn_sidebar_chat_window .window_footer_ft div:first-child{flex:1;}
.jobcn_sidebar_chat_window .window_footer_ft div:first-child span{padding:0 5px;color:#14b25c;}
.jobcn_sidebar_chat_window .window_footer_ft div:first-child span.red{color:#eb0000;}
.jobcn_sidebar_chat_window .window_footer_ft > a{display:inline-block;width:78px;height:28px;line-height:28px;margin-left:10px;background:#016aeb;color:#fff;text-align:center;border-radius:14px;}
.jobcn_sidebar_chat_window .window_footer_ft > a:hover{text-decoration:none;}
.jobcn_sidebar_chat_window .window_footer_ft span{color:#aaa;}
.dropdown:hover .dropdown_toggle + .dropdown_main{display:block;}
.jobcn_sidebar_chat_window .window_footer_ft .dropdown_toggle{cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_ft .dropdown_main{position:absolute;background:#fff;border-radius:8px;box-shadow:6px 0 20px rgba(0,0,0,0.20);z-index:3;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style{margin-left:5px;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_toggle{width:28px;height:28px;line-height:20px;border-radius:14px;background:#eee;text-align:center;font-weight:bold;color:#888;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_main{right:0;bottom:0;width:200px;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_main ul{padding:10px 20px;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_main li{white-space:nowrap;line-height:22px;height:22px;padding:5px 0;font-size:12px;color:#555;position:relative;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_main li:before{position:absolute;top:50%;transform:translateY(-50%);right:0;width:12px;height:12px;border:1px solid #acacac;border-radius:7px;content:"";}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_main li.active:before{background:#016aeb;border-color:#016aeb;}
.jobcn_sidebar_chat_window .window_footer_ft .send_style .dropdown_main li.active:after{content:"";width:6px;height:3px;border-bottom:2px solid #fff;border-left:2px solid #fff;position:absolute;transform:rotate(-45deg);top:12px;right:3px;}
.jobcn_sidebar_chat_window .window_footer_mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);font-size:14px;color:#fff;display: flex;justify-content:center;align-items:center;display:none;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type{position:relative;overflow:visible;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type ul{position:absolute;bottom:34px;right:0;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.15);border-radius:4px;padding:10px 0;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type li{white-space:nowrap;padding:5px 20px;line-height:22px;height:22px;color:#555;font-size:12px;display:flex;justify-content:space-between;width:160px;align-items:center;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type li:after{content:"";width:14px;height:14px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -350px -150px;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type li.active:after{background-position:-300px -150px;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type a{width:28px;height:28px;display:block;background:#d8d8d8 url("/commImage/10.2/ui/icon/chaticon.png") no-repeat -300px -200px;;border-radius:4px;margin-left:5px;cursor:pointer;}
.jobcn_sidebar_chat_window .window_footer_ft .center_type a:hover{background-color:#dae8fb;background-position:-350px -200px;}

.jobcn_sidebar_chat_card{width:298px;border:1px solid #dadada;background:#fff;height:600px;margin-right:10px;box-shadow:0px 6px 20px rgba(0,0,0,0.15);}
.jobcn_sidebar_chat_card .title{display:flex;justify-content:space-between;padding:13px 20px;line-height:22px;height:22px;border-bottom:1px solid #ddd;}
.jobcn_sidebar_chat_card .title b{font-size:16px;color:#222;font-weight:bold;}
.jobcn_sidebar_chat_card .title a{font-size:14px;}
.jobcn_sidebar_chat_card .items{height:551px;overflow-y:auto;}
.jobcn_sidebar_chat_card .items::-webkit-scrollbar{width:5px;}
.jobcn_sidebar_chat_card .items::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:50px;}
.jobcn_sidebar_chat_card .item{padding:10px 20px;font-size:14px;border-bottom:1px solid #ddd;}
.jobcn_sidebar_chat_card .item:last-child{border-bottom:none;}
.jobcn_sidebar_chat_card .item_hd{display:flex;justify-content:space-between;line-height:22px;height:22px;padding-bottom:5px;}
.jobcn_sidebar_chat_card .item_hd b{font-weight:bold;color:#222;font-size:14px;}
.jobcn_sidebar_chat_card .item_hd b:before{content:"";display:inline-block;vertical-align:top;width:16px;height:16px;background:url("/commImage/10.2/ui/icon/chaticon.png") no-repeat;margin:3px 5px 3px 0;}
.jobcn_sidebar_chat_card .item_hd a{font-size:14px;}
.jobcn_sidebar_chat_card .item_communicate b:before{background-position:0 -350px;}
.jobcn_sidebar_chat_card .item_apply b:before{background-position:-50px -350px;}
.jobcn_sidebar_chat_card .item_invite b:before{background-position:-100px -350px;}

.jobcn_sidebar_chat_card .item_bd{line-height:20px;font-size:14px;color:#555;font-size:12px;}
.jobcn_sidebar_chat_card .item_bd dl{display:flex;}
.jobcn_sidebar_chat_card .item_bd dt{font-family:"Microsoft yahei";}
.jobcn_sidebar_chat_card .item_bd dd{font-family:"Microsoft yahei";max-width:196px;}
.jobcn_sidebar_chat_card .item_bd dd > span{color:#aaa;font-size:12px;font-family:"Microsoft yahei";}
.jobcn_sidebar_chat_card .item_base_name{line-height:28px;height:28px;color:#222;padding-bottom:3px;margin:0;display:flex;justify-content:space-between;}
.jobcn_sidebar_chat_card .item_base_name > b{font-size:18px;white-space:nowrap;text-overflow:ellipsis;max-width:165px;overflow:hidden;}
.jobcn_sidebar_chat_card .item_base_name > a{font-size:14px;font-weight:normal;}

.jobcn_sidebar_chat_card .item_base_name > a.radius {
    border: 1px solid #0099FF;
    padding: 0 10px;
    border-radius: 5px;
    color: #0099FF;
    text-decoration: none;
}

.jobcn_sidebar_chat_card .item_base_info{padding-bottom:8px;color:#555;}
.jobcn_sidebar_chat_card .item_communicate .item_bd{display:flex;justify-content:space-between;}
.jobcn_sidebar_chat_card .item_communicate_job{font-size:12px;font-family:"Microsoft yahei";}
.jobcn_sidebar_chat_card .item_communicate_job > span{color:#aaa;font-size:12px;font-family:"Microsoft yahei";}
.jobcn_sidebar_chat_card .item_communicate_state{color:#aaa;font-size:12px;font-family:"Microsoft yahei";}
.jobcn_sidebar_chat_card .item_base_hd{color:#555;line-height:22px;height:22px;padding-bottom:3px;}
.jobcn_sidebar_chat_card .item_base_bd ul>li{line-height:20px;padding:0 0 5px 20px;position:relative;}
.jobcn_sidebar_chat_card .item_base_bd ul>li:before{content:"";position:absolute;top:8px;left:10px;width:5px;height:5px;background:#888;border-radius:50%;}

/* 聊天框的样式 */
.message-container {
    flex: 1;
    overflow-y: auto;

	display: flex;
	flex-direction: column;
	background-color: #F3F3F3;

    padding-bottom: 10px;
}

.message-container div {
    overflow: visible;
}

.chat-item {
	display: flex;
	margin: 10px 0;
}

.chat-item.right {
	flex-direction: row-reverse;
}

.chat-item.left .avatar, .chat-item.left .avatar-box {
    margin-left: 10px;
}

.chat-item.right .avatar, .chat-item.right .avatar-box {
    margin-right: 10px;
}

.chat-item .avatar-box div {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background-position: center center;
	background-size: cover;
    border-radius: 999px;
}

.warnning-regexp {
	padding: 0 10px;
	color: red;
}

.notice-red {
    padding: 0 18px;
    line-height: 30px;
    color: red;
}

.chat-item .content {
	font-size: 14px;
    position: relative;
    padding: 8px 10px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 10px;
    max-width: 400px;
    word-break: break-all;
    word-wrap: break-word;
    box-sizing: border-box;
}

.chat-item.left .content {
    background-color: #fff;
}

.chat-item.right .content {
    background-color: #508cee;
    color: #fff;
}

.chat-item .content::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 15px;
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
}

.chat-item.left .content::after {
    transform: rotate(135deg);
    left: -4px;
    border-color: #fff;
}

.chat-item.right .content::after {
    right: -4px;
    transform: rotate(-45deg);
    border-color: #508cee;
}
.tag {
    width: 26px;
    height: 16px;
    line-height: 16px;
    background-color: #cecece;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.content .emoji {
	width: 20px;
	height: 20px;
}

.content .image {
	position: relative;
	z-index: 2;
	width: 160px;
	height: 160px;
	background-color: #ddd;
	background-repeat: no-repeat;
	background-size: cover;
}

.send-status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.send-loading {
	width: 20px;
	height: 20px;
	margin:0 5px;
	background:url("/commImage/10.2/ui/icon/loading.gif") no-repeat;
}

.send-error {
	width: 16px;
    height: 16px;
    background: url(/commImage/10.2/ui/icon/chaticon.png) no-repeat -250px -100px;
}

.errorItem {text-align:center;padding:7px 0;font-size:14px;line-height:22px;}
.errorItem .msg{display:inline-block;vertical-align:top;background:#ddd;line-height:24px;font-size:12px;padding:0 15px;color:#555;border-radius:12px;}

.send-repeat, .send-recall {
    display: inline-block;
    background: #d0e5ff;
    height: 16px;
    line-height: 16px;
    width: 16px;
    border-radius: 8px;
    color: #016aeb;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
}
  
.send-repeat::after {
    content: "";
    background: url(/commImage/10.2/ui/icon/chaticon.png) no-repeat -300px -250px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.send-recall:hover {
    width: auto;
    padding-left: 5px;
}

.send-recall:hover::before {
    content: '\64a4\56de\6d88\606f';
}

.send-recall::after {
    content: "";
    background: url(/commImage/10.2/ui/icon/chaticon.png) no-repeat -350px -250px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.msg-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whiteAfter::after {
	border-color: #fff !important;
	background-color: #fff !important;
}

.chat-item .interview {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	color: rgb(34,34,34);
	min-width: 310px;
}

.chat-item .interview .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.chat-item .interview .flex-wrap {
	display: flex;
	margin: 5px 0;
}

.chat-item .interview .flex-wrap .left {
	font-size: 14px;
	color: #aaa;
	width: 80px;
	flex-shrink: 0;
}

.chat-item .interview .flex-wrap .right {
	flex-grow: 1;
	word-break: break-all;
}

.sayHello, .normal {
	font-size: 12px;
    text-align: center;
    line-height: 22px;
    height: 22px;
    padding: 2px 0;
    color: #aaa;
}

.chat-item .resume {
	font-size: 14px;
}

.chat-item .resume .username {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 10px;
}

.chat-item .resume .posName {
	color: #555;
	margin-bottom: 10px;
	padding: 0 10px;
}

.chat-item .resume .workyear {
	color: #aaa;
	margin-bottom: 10px;
	padding: 0 10px;
}

.chat-item .resume .tag-wrap {
	margin-bottom: 10px;
	padding: 0 10px;
}

.chat-item .resume .tag {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #888;
	background-color: #eeeeee;
	border-radius: 4px;
	padding: 4px 8px;
	box-sizing: border-box;
	margin-right: 5px;
}

.view-resume {
	height: 32px;
    line-height: 32px;
    text-align: center;
    border-top: 1px solid #ddd;
}

.hasBorder {
	padding: 8px 0px 0px 0px !important;
}

.chat-item .posData {
	width: 405px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
	color: rgb(34,34,34);
}

.chat-item .posData .pos-info {
	display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.chat-item .posData .pos-info .title {
	color: #000;
    font-size: 20px;
    font-weight: bold;
}

.chat-item .posData .pos-info .salary {
    color: #ff9f00;
    font-size: 20px;
    font-weight: bold;
    flex-shrink: 0;
}

.chat-item .posData .desc {
    color: #555;
    margin: 10px 0;
    padding: 0 10px;
}

.chat-item .posData .info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    color: #888;
    padding: 0 10px;
	line-height: 22px;
	margin-bottom: 10px;
}

.chat-item .posData .bottom {
	padding: 0 10px;
	color: #aaa;
	min-height: 24px;
    line-height: 24px;
    border-top: 1px solid #ddd;
}

.message-date {
	color: #aaa;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
	margin-top: 10px;
}

.message-more {
	font-size: 14px;
    text-align: center;
    line-height: 22px;
    height: 22px;
    padding: 2px 0;
}

.message-more > a {
    color: #207bf1;
}

.report-xxx {
	font-size: 14px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.report-xxx .fail-icon {
	margin: 0 5px;
	width: 16px;
    height: 16px;
    background: url(/commImage/10.2/ui/icon/chaticon.png) no-repeat -250px -100px;
}

.report-xxx .red {
	color: #eb0000;
    margin: 0 8px;
}

.report-xxx.small {
	font-size: 12px;
	color: #aaa;
}

.chat-copy {
	text-align: center;
    font-size: 14px;
    color: #888;
    line-height: 22px;
    padding-top: 5px;
}

.cursor {
	cursor: pointer;
}

.summary-card-bottom {
	display: flex;
	padding: 0 10px;
	height: 32px;
    line-height: 32px;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #ddd;
	color: rgb(187, 187, 187);
}

.summary-card-bottom > .left {
	display: flex;
    max-width: 300px;
}

.summary-card-bottom > .left > .pos {
	margin-left: 10px; 
	color: rgb(51, 51, 51);
}

.summary-card-bottom > .right {
	flex-shrink: 0;
}

.m5 {
	margin: 0 5px;
}

.shield-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shield-wrapper > .box {
    padding: 5px 10px;
    color: #6B6B6B;
    background: #d7d7d7;
    border-radius: 5px;
    margin-bottom: 10px;
}

.chat-item .location {
	width: 300px;
	height: 200px;
	font-size: 14px;
	position: relative;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	margin: 0 10px;
	box-sizing: border-box;
	background-color: #fff;
}

.chat-item .location .header {
	padding: 8px 10px;
}

.chat-item .location .header .title {
    font-weight: bold;
    font-size: 22px;
    color: #222;
    padding-bottom: 4px;
    display: flex;
    justify-content: space-between;
}

.chat-item .location .header p {
    font-size: 14px;
    color: #555;
    line-height: 22px;
}

/* 2022-4-13 unify width 1200px */
@media (min-width:1350px){
    .jobcn_index{width:1200px;}	
}

/* jobcn fullscreen sidebar */

.jobcn_fullscreen_sidebar {
    user-select: none;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px);
    position:fixed;top:50px;right:0;z-index:1000;padding:0 0 366px;width:60px;
    transition: all .5s;
    z-index: 1031;
    box-shadow:-3px 0 10px rgba(0,0,0,0.15);
}
.jobcn_fullscreen_sidebar.boxshadow {
    box-shadow:-3px 0 10px rgba(0,0,0,0.15);
}

.jobcn_fullscreen_sidebar.close {box-shadow:none;}

.jobcn_fullscreen_sidebar_toggle{position:fixed;top:0;right:0;z-index:1030;height:50px;background:#5f8dc9;cursor:pointer; flex-shrink: 0;}
.jobcn_fullscreen_sidebar_toggle:after{content:"";height:20px;width:20px;margin:15px 20px;display:block;background:url("/commImage/10.2/ui/icon/91.png") no-repeat 0 -100px;}

.jobcn_fullscreen_sidebar_toggle.close{background:#6F99CF;}
.jobcn_fullscreen_sidebar_toggle.close:after{background-position:-50px -150px;}

/* .jobcn_fullscreen_sidebar.close .jobcn_fullscreen_sidebar_quick{display:none;} */
.jobcn_fullscreen_sidebar_dialog .tab_hd ul{padding:0 20px;border-bottom:1px solid #eee;}
.jobcn_fullscreen_sidebar_dialog .tab_hd li{float:left;line-height:22px;height:22px;padding:13px 30px 13px 0;position:relative;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .tab_hd li.icon_new:before{content:"";width:6px;height:6px;background:#ff0012;border-radius:3px;position:absolute;top:15px;right:20px;}
.jobcn_fullscreen_sidebar_dialog .tab_hd li.active a{color:#5f8dc9;font-weight:bold;}
.jobcn_fullscreen_sidebar_dialog .tab_hd li.active:after{content:"";bottom:-1px;left:0;right:30px;height:3px;background:#5f8dc9;overflow:hidden;position:absolute;z-index:2;}
.jobcn_fullscreen_sidebar_dialog .tab_hd a{color:#222;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .tab_hd a:hover{text-decoration:none;color:#000;}
.jobcn_fullscreen_sidebar_dialog .tab_bd{height:calc(100vh - 391px);}

.customer_server_support_manual .item{border:1px solid #eee;border-radius:6px;margin-bottom:20px;padding:15px;}
.customer_server_support_manual .item:last-child{margin-bottom:0;}
.customer_server_support_manual h4{font-size:16px;font-weight:bold;line-height:22px;}
.customer_server_support_manual p{color:#999;font-size:14px;line-height:22px;padding:6px 0 10px;}
.customer_server_support_manual li{font-size:14px;line-height:22px;padding:2px 0;}
.customer_server_support_manual li a{font-size:14px;color:#36C;}
.customer_server_support_manual .item_feedbook{padding-top:10px;line-height:22px;font-size:14px;}
.customer_server_support_manual .item_feedbook a{font-size:14px;}
.customer_server_support_manual .item_qrcode{padding-top:2px;}
.jobcn_fullscreen_sidebar_dialog .tab .customer_server_support_manual .content{height:calc(100vh - 431px);}

.customer_server_support_help .help_form{position:relative;}
.customer_server_support_help .help_form_input{line-height:22px;padding:8px 40px 8px 15px;background:#ededee;border-radius:6px;outline:none;border:0;font-size:14px;width:100%;box-sizing:border-box;}
.customer_server_support_help .help_form_search{position:absolute;top:50%;right:10px;width:25px;height:25px;background:url("/commImage/10.2/ui/icon/91.png") no-repeat 5px -145px;transform:translateY(-50%);cursor:pointer;}
.customer_server_support_help .help_list h4{color:#999;font-size:14px;padding:20px 0 10px;line-height:22px;}
.customer_server_support_help .help_list li{padding:10px 0;line-height:22px;height:22px;font-size:16px;}
.customer_server_support_help .help_list li a{font-size:16px;color:#36C;}
.customer_server_support_help .help_list li.help_pic{height:auto;border-radius:6px;overflow:hidden;padding:0;margin:5px 0 10px;}
.customer_server_support_help .help_pic img{vertical-align:top;border-radius:6px;}


.jobcn_fullscreen_sidebar_chat{ text-align:center; flex: 1; background-color: #fff;}

.jobcn_fullscreen_sidebar_chat .chat_num{font-size:12px;padding:2px 0;}
.jobcn_fullscreen_sidebar_chat .chat_num span{display:inline-block;background:#ff0012;color:#fff;font-size:12px;vertical-align:top;line-height:14px;height:14px;font-family:Arial;padding:0 5px;border-radius:7px;}
.jobcn_fullscreen_sidebar_chat .chat_title{font-size:16px;padding:10px 10px 5px;font-weight:bold;color:#222;}

.jobcn_fullscreen_sidebar_chat .chat_list { max-height: 495px; overflow: hidden; }
.jobcn_fullscreen_sidebar_chat .chat_list::-webkit-scrollbar {display: none;}
.jobcn_fullscreen_sidebar_chat .chat_list a{padding:12px 10px;display:block;position:relative;}
.jobcn_fullscreen_sidebar_chat .chat_list a:hover{background:#f1f6ff;}
.jobcn_fullscreen_sidebar_chat .chat_list a span{display:block;overflow:hidden;position:relative;border-radius:999px;height:40px;width:40px;}
.jobcn_fullscreen_sidebar_chat .chat_list span img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.jobcn_fullscreen_sidebar_chat .chat_list a i{position:absolute;top:5px;right:5px;background:#ff0012;color:#fff;font-size:12px;line-height:14px;height:14px;min-width:10px;padding:0 2px;font-family:Arial;border-radius:7px;}

.jobcn_fullscreen_sidebar_chat .chat_list > .empty-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
}

@media screen and (max-height: 600px) {
    .jobcn_fullscreen_sidebar_chat .chat_list > .empty-text {
        height: auto;
    }
}

.jobcn_fullscreen_sidebar_chat .chat_list > .empty-text > span {width: 20px;font-weight: bold;font-size: 14px;}
.jobcn_fullscreen_sidebar_chat .chat_list > .empty-text > a {width: 20px;font-size: 14px; color: #277ccc;}


.jobcn_fullscreen_sidebar_chat .chat_more{font-size:12px;padding-top:3px;}
.jobcn_fullscreen_sidebar_chat .chat_more a{font-size:12px;}

.jobcn_fullscreen_sidebar_quick {background-color: #fff;}

.jobcn_fullscreen_sidebar_quick.rows ul {
    display: flex;
}
.jobcn_fullscreen_sidebar_quick.rows li{text-align:center;}
.jobcn_fullscreen_sidebar_quick.rows li p{margin-bottom:3px;}
.jobcn_fullscreen_sidebar_quick.rows li span{font-size:12px;color:#b8bdcc;}
.jobcn_fullscreen_sidebar_quick.rows li:hover span{color:#5f8dc9;}

/* .jobcn_fullscreen_sidebar_quick.rows ul {
    display: grid;
    grid-template-columns: repeat(5, 46px);
    grid-template-rows: 60px 60px;
}

.jobcn_fullscreen_sidebar_quick.rows li {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.jobcn_fullscreen_sidebar_quick.rows li:nth-child(5) ~ li {
    border-top: none;
} */

.jobcn_fullscreen_sidebar_quick li {border-top:1px solid #eee;}
.jobcn_fullscreen_sidebar_quick li a{text-align:center;padding:17px 10px;display:block;position:relative;}
.jobcn_fullscreen_sidebar_quick li a:hover{background:#f1f6ff;}
.jobcn_fullscreen_sidebar_quick li p{width:26px;height:26px;text-indent:-500px;overflow:hidden;background:url("/commImage/10.2/ui/icon/91.png") no-repeat;display:inline-block;vertical-align:top;}
.jobcn_fullscreen_sidebar_quick li .icon_guest{background-position:0 0;}
.boxshadow .jobcn_fullscreen_sidebar_quick li .icon_guest{background:none;text-indent:0;color:#b8bdcc;font-weight:bold;overflow:visible;line-height:13px;width:28px;}
.boxshadow .jobcn_fullscreen_sidebar_quick li:hover .icon_guest{color:#5f8dc9;}
.jobcn_fullscreen_sidebar_quick li .icon_guest{background-position:0 0;}
.jobcn_fullscreen_sidebar_quick li .icon_giude{background-position:-50px 0;}
.jobcn_fullscreen_sidebar_quick li .icon_history{background-position:-100px 0;}
.jobcn_fullscreen_sidebar_quick li .icon_message{background-position:-150px 0;}
.jobcn_fullscreen_sidebar_quick li .icon_service{background-position:-200px 0;}
.jobcn_fullscreen_sidebar_quick li .icon_backtop{background-position:-250px 0;}
.jobcn_fullscreen_sidebar_quick li a:hover .icon_guest{background-position:0 -50px;}
.jobcn_fullscreen_sidebar_quick li a .icon_num{position:absolute;top:8px;right:8px;background:#ff0012;color:#fff;font-size:12px;line-height:14px;height:14px;min-width:10px;padding:0 2px;font-family:Arial;border-radius:7px;}
.jobcn_fullscreen_sidebar_quick li a .icon_dot{position:absolute;top:11px;right:11px;background:#ff0012;width:8px;height:8px;border-radius:4px;}
.jobcn_fullscreen_sidebar_quick li a:hover .icon_giude{background-position:-50px -50px;}
.jobcn_fullscreen_sidebar_quick li a:hover .icon_history{background-position:-100px -50px;}
.jobcn_fullscreen_sidebar_quick li a:hover .icon_message{background-position:-150px -50px;}
.jobcn_fullscreen_sidebar_quick li a:hover .icon_service{background-position:-200px -50px;}
.jobcn_fullscreen_sidebar_quick li a:hover .icon_backtop{background-position:-250px -50px;}
.jobcn_fullscreen_sidebar_quick li.active{background:#f1f6ff;}
.jobcn_fullscreen_sidebar_quick li.active a .icon_guest{background-position:0 -50px;}
.jobcn_fullscreen_sidebar_quick li.active a .icon_giude{background-position:-50px -50px;}
.jobcn_fullscreen_sidebar_quick li.active a .icon_history{background-position:-100px -50px;}
.jobcn_fullscreen_sidebar_quick li.active a .icon_message{background-position:-150px -50px;}
.jobcn_fullscreen_sidebar_quick li.active a .icon_service{background-position:-200px -50px;}
.jobcn_fullscreen_sidebar_quick li.active a .icon_backtop{background-position:-250px -50px;}

a {
    text-decoration: none !important;
}
i {
    font-style: normal !important;
}

.jobcn_fullscreen_sidebar_dialog * {margin: 0;padding: 0;}
.jobcn_fullscreen_sidebar_dialog{position:fixed;right:70px;bottom:10px;width:400px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.20);z-index:1000;border-radius:6px;}
.jobcn_fullscreen_sidebar_dialog .hd{line-height:22px;height:22px;padding:19px 20px;position:relative;}
.jobcn_fullscreen_sidebar_dialog .hd h3{font-size:20px;color:#222;font-weight:bold;}
.jobcn_fullscreen_sidebar_dialog .hd a{position:absolute;top:50%;right:20px;font-size:14px;color:#555;background:#eee;line-height:24px;height:24px;transform:translateY(-50%);border-radius:12px;padding:0 6px;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list{}
.jobcn_fullscreen_sidebar_dialog .content{height:calc(100vh - 382px);overflow-y:auto;}
.jobcn_fullscreen_sidebar_dialog .tab .content{height:calc(100vh - 471px);overflow-y:auto;padding:20px;}
.jobcn_fullscreen_sidebar_dialog .more{line-height:22px;padding:9px 0;height:22px;background:#f1f6ff;text-align:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.jobcn_fullscreen_sidebar_dialog .more a{color:#478dec;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .scrollbar::-webkit-scrollbar{width:5px;}
.jobcn_fullscreen_sidebar_dialog .scrollbar::-webkit-scrollbar-thumb{width:5px;background:#aaa;border-radius:3px;box-shadow:inset 0 0 1px rgba(0,0,0,0.15);}
.jobcn_fullscreen_sidebar_dialog .scrollbar::-webkit-scrollbar-track{width:5px;background:#DDD;border-radius:3px;box-shadow:inset 0 0 1px rgba(0,0,0,0.15);}
.jobcn_fullscreen_sidebar_dialog .job_guest_list h4{font-size:14px;color:#999;padding:10px 20px 0;line-height:22px;font-weight:normal;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list h4 span{padding:0 5px;color:#ddd;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list h5{font-weight:bold;color:#222;font-size: 14px;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list p{line-height:20px;height:20px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list li a{padding:12px 60px 12px 70px;display:block;height:40px;position:relative;line-height:20px;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list li a:hover{background:#f1f6ff;text-decoration:none;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list li .icon_new{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:12px;background:#ff0012;color:#fff;padding:0 5px;line-height:14px;height:14px;font-family:Arial;border-radius:7px;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list_avatar{float:left;margin-left:-50px;border-radius:6px;width:40px;height:40px;position:relative;overflow:hidden;}
.jobcn_fullscreen_sidebar_dialog .job_guest_list_avatar img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;}

.empty-con { width: 400px; height: 400px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.empty-con p { font-size: 16px;padding-top: 10px;text-align: center; color: #555; line-height: 20px; }

.new_announcement .item{border:1px solid #eee;border-radius:6px;margin-bottom:20px;position:relative;}
.new_announcement .item a{text-decoration:none;}
.new_announcement .item:hover{border-color:#ddd;}
.new_announcement .item:last-child{margin-bottom:0;}
.new_announcement .item_content{padding:10px 14px;}
.new_announcement .item_content h4{font-size:14px;font-weight:bold;color:#222;line-height:22px;}
.new_announcement .item_content img{margin:10px 0;border-radius:6px;}
.new_announcement .item_content p{color:#555555;font-size:12px;line-height:22px;}
.new_announcement .item_date{border-top:1px solid #eee;line-height:22px;height:22px;padding:9px 15px;font-size:12px;color:#999;}
.new_announcement .item_date span{padding:0 5px;}
.new_announcement .item_new{position:absolute;top:0;right:0;background:#ff0012;color:#fff;font-size:12px;line-height:14px;height:14px;padding:0 5px;font-family:Arial;border-bottom-left-radius:6px;border-top-right-radius:6px;}

.remind_important{padding:0 20px;}
.remind_important .item{border:1px solid #eee;border-radius:6px;margin-bottom:20px;position:relative;}
.remind_important .item a{text-decoration:none;}
.remind_important .item:hover{border-color:#ddd;}
.remind_important .item_content{padding:10px 15px;}
.remind_important .item_content h4{font-size:14px;font-weight:bold;color:#222;line-height:22px;}
.remind_important .item_content img{margin:10px 0;border-radius:6px;}
.remind_important .item_content p{color:#555555;font-size:12px;line-height:22px;}
.remind_important .item_invoice{border-top:1px solid #eee;font-size:14px;}
.remind_important .item_invoice a{line-height:22px;height:22px;padding:9px 15px;font-size:14px;display:block;position:relative;}
.remind_important .item_invoice a:after{content:"";position:absolute;top:50%;right:15px;border-top:1px solid #aaa;border-right:1px solid #aaa;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;}
.remind_important .icon_date{padding-top:5px;color:#999;font-size:12px;}
.remind_important .icon_new{position:absolute;top:0;right:0;background:#ff0012;color:#fff;font-size:12px;line-height:14px;height:14px;padding:0 5px;font-family:Arial;border-bottom-left-radius:6px;border-top-right-radius:6px;}

.remind_login{}
.remind_login ul{}
.remind_login .item{border:1px solid #eee;border-radius:6px;margin-bottom:20px;position:relative;}
.remind_login .item a{text-decoration:none;}
.remind_login .item:hover{border-color:#ddd;}
.remind_login .item:last-child{margin-bottom:0;}
.remind_login .item_content{padding:10px 15px;}
.remind_login .item_content h4{font-size:14px;font-weight:bold;color:#222;line-height:22px;}
.remind_login .item_content img{margin:10px 0;border-radius:6px;}
.remind_login .item_content p{color:#555555;font-size:12px;line-height:22px;}
.remind_login .item_content ul{padding:8px 0;}
.remind_login .item_content li{padding:7px 0 7px 46px;line-height:18px;}
.remind_login .item_content li i{width:36px;height:36px;float:left;margin-left:-46px;background:#b8bdcc url("/commImage/10.2/ui/icon/91.png") no-repeat;border-radius:18px;}
.remind_login .item_content li i.icon_pc{background-position:-250px -100px;}
.remind_login .item_content li i.icon_phone{background-position:-200px -100px;}
.remind_login .item_passwrod{border-top:1px solid #eee;font-size:14px;}
.remind_login .item_passwrod a{line-height:22px;height:22px;padding:9px 15px;font-size:14px;display:block;position:relative;}
.remind_login .item_passwrod a:after{content:"";position:absolute;top:50%;right:15px;border-top:1px solid #aaa;border-right:1px solid #aaa;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;}
.remind_login .item_passwrod_ignore{border-top:1px solid #eee;font-size:0;}
.remind_login .item_passwrod_ignore a{line-height:22px;height:22px;padding:9px 0;font-size:14px;display:inline-block;width:50%;text-align:center;position:relative;}
.remind_login .item_passwrod_ignore a:first-child:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#eee;}
.remind_login .icon_date{padding-top:5px;color:#999;font-size:12px;}
.remind_login .icon_new{position:absolute;top:0;right:0;background:#ff0012;color:#fff;font-size:12px;line-height:14px;height:14px;padding:0 5px;font-family:Arial;border-bottom-left-radius:6px;border-top-right-radius:6px;}
.remind_login .login_ip{font-size:14px;}
.remind_login .login_ip a,
.remind_login .login_ip span{font-size:14px;}
.remind_login .login_mode{font-size:12px;color:#999;}
.remind_login .login_mode span{padding:0 8px;color:#ddd;}

.self_guide{padding:0 20px;height:calc(100vh - 342px);overflow-y:auto;}
.self_guide .item{border:1px solid #eee;border-radius:6px;margin-bottom:20px;position:relative;}
.self_guide .item_content{padding:6px 0;}
.self_guide .item_content p{font-size:14px;line-height:22px;padding:7px 15px;color:#999;}
.self_guide .item_content h4{font-size:16px;font-weight:bold;color:#222;line-height:22px;padding:7px 15px;}
.self_guide .self_guide_tip{font-size:14px;line-height:22px;padding-bottom:15px;color:#555;}
.self_guide .self_guide_operate{position:absolute;top:13px;right:15px;line-height:22px;height:22px;font-size:0;}
.self_guide .self_guide_operate span{display:inline-block;vertical-align:top;height:16px;line-height:16px;font-size:12px;background:#ff0012;color:#fff;margin:3px 20px 3px 0;padding:0 5px;border-radius:8px;}
.self_guide .self_guide_operate a{display:inline-block;vertical-align:top;height:22px;line-height:22px;font-size:12px;color:#222;}
.self_guide .self_guide_operate a:after{content:"";width:0;height:0;border:6px solid transparent;overflow:hidden;display:inline-block;vertical-align:top;margin-left:6px;border-top-color:#aaa;margin-top:8px;}
.self_guide .self_guide_operate > a.open:after{border:6px solid transparent;border-bottom-color:#aaa;margin-top:2px;}
.self_guide .item_content li a{display:block;line-height:22px;height:22px;padding:7px 35px 7px 15px;font-size:14px;color:#222;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.self_guide .item_content li a:hover{background:#f1f6ff;text-decoration:none;}
.self_guide .item_content li a:hover:after{content:"";width:8px;height:8px;border-top:1px solid #bbb;border-right:1px solid #bbb;overflow:hidden;position:absolute;top:13px;right:16px;transform:rotate(45deg);overflow:hidden;}
.self_guide .item_content li i{display:inline-block;height:16px;width:16px;vertical-align:top;margin:3px 8px 3px 0;background:url("/commImage/10.2/ui/icon/91.png") no-repeat;}
.self_guide .item_content li .self_guide_icon_warn{background-position:-50px -100px;}
.self_guide .item_content li .self_guide_icon_success{background-position:-100px -100px;}
.self_guide .item_content li .self_guide_icon_tip{background-position:-150px -100px;}
.self_guide .item_promote img{border-top-left-radius:6px;border-top-right-radius:6px;}
.self_guide .item_promote p{line-height:22px;height:22px;padding:6px 10px;position:relative;color:#555;font-size:14px;}
.self_guide .item_promote a:hover p:after{content:"";width:8px;height:8px;border-top:1px solid #bbb;border-right:1px solid #bbb;overflow:hidden;position:absolute;top:13px;right:16px;transform:rotate(45deg);overflow:hidden;}


.jobcn_fullscreen_sidebar_dialog .job_history_list{height:calc(100vh - 342px);}
.jobcn_fullscreen_sidebar_dialog .job_history_list h4{font-size:14px;color:#999;padding:10px 20px 0;line-height:22px;font-weight:normal;}
.jobcn_fullscreen_sidebar_dialog .job_history_list h4 span{padding:0 5px;color:#ddd;}
.jobcn_fullscreen_sidebar_dialog .job_history_list h5{color:#222;line-height:20px;height:20px;}
.jobcn_fullscreen_sidebar_dialog .job_history_list h5 span{font-weight:normal;padding-left:10px;color:#999;display:inline-block;vertical-align:top;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .job_history_list h5 em{font-weight:bold;color:#222;display:inline-block;vertical-align:top;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .job_history_list p{line-height:20px;height:20px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jobcn_fullscreen_sidebar_dialog .job_history_list p em{color:#aaa;padding:0 5px;font-style:normal;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .job_history_list li a{padding:12px 20px 12px 70px;display:block;height:40px;position:relative;line-height:20px;font-size:14px;}
.jobcn_fullscreen_sidebar_dialog .job_history_list li a:hover{background:#f1f6ff;text-decoration:none;}
.jobcn_fullscreen_sidebar_dialog .job_history_list li .icon_new{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:12px;background:#ff0012;color:#fff;padding:0 5px;line-height:14px;height:14px;font-family:Arial;border-radius:7px;}
.jobcn_fullscreen_sidebar_dialog .job_history_list_avatar{float:left;margin-left:-50px;border-radius:6px;width:40px;height:40px;position:relative;overflow:hidden;}
.jobcn_fullscreen_sidebar_dialog .job_history_list_avatar img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.jobcn_fullscreen_sidebar_dialog .empty_data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.jobcn_fullscreen_sidebar_dialog .empty_data p{font-size:16px;padding-top:10px;text-align:center;}

.newCommonWrods{display:inline-block;height:22px;line-height:22px;vertical-align:top;background:#d8d8d8;border-radius:4px;padding:1px 10px;cursor:pointer}
.newCommonWrods-box{width:400px;height:265px}
.newCommonWrods-box > .newCommonWrods-header{display:flex;align-items:center;height:60px;border-bottom:1px solid #eee;padding:0 20px}
.newCommonWrods-box > .newCommonWrods-body{position:relative;height:205px;overflow-y:auto !important}
.newCommonWrods-box > .newCommonWrods-body li{font-size:14px;color:#000;line-height:22px;padding:9px 18px;overflow:hidden !important;white-space:nowrap;text-overflow:ellipsis;list-style:none;cursor:pointer;border-bottom:1px solid #eee}
.newCommonWrods-box > .newCommonWrods-body li:hover{background-color:#f2f2f2}
.tippy-content .newEmoji-content{display:flex;flex-wrap:wrap;width:384px;height:270px;overflow-y:auto !important;user-select:none}
.newEmoji-content .item{display:flex;align-items:center;justify-content:center;width:52px;height:54px;cursor:pointer}
.newEmoji-content .item:hover{background-color:#fff}
.newEmoji-content .item > img{width:30px;height:30px}
.tippy-content:has(.newEmoji-content){padding:0}
.tippy-content:has(.newCommonWrods-box){padding:0}
.tippy-content:has(.new-chat-record-content){padding:0}
.tippy-content:has(.newTel){padding:0}
.newTel{width:320px;height:187px}
.tel-box > .box .header,.newTel-header{display:flex;align-items:center;box-sizing:border-box;height:60px;padding:0 20px;border-bottom:1px solid #eee}
.tel-box > .box .content,.newTel-content{height:108px;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
.tel-box > .box .content .phone,.newTel-phone{font-size:24px;color:#222;font-weight:bold}
.tel-box > .box .content .address,.newTel-address{color:#aaa;margin-top:10px}
.bottomTools{position:fixed;bottom:0;right:0;width:60px;border:1px solid #ddd}
.g-relative{position:relative}
.el-loading-mask{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s;background-color:hsla(0,0%,100%,.5);z-index:2000}
.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}
.el-loading-spinner .circular{height:42px;width:42px;animation:loading-rotate 2s linear infinite}
.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409eff;stroke-linecap:round}

@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}
50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}
100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}
}
@keyframes loading-rotate{100%{transform:rotate(360deg)}}
.mini-loading-box{height:495px}

/* .newwork-text {display:flex;align-items:center;justify-content:center;height:500px} */
.newwork-text a {color:#36C;display:flex !important;align-items:center;justify-content:center;height:300px;}
.newwork-text .item {display: inline;writing-mode:vertical-rl;font-size:14px;font-weight:bold}


/* password find */
.jobcn_container_hd{line-height:22px;padding:20px 25px 36px;color:#999;font-size:14px;}
.password_find_hd{padding:28px 0;}
.password_find_hd .jobcn_index{display:flex;justify-content:space-between;align-items:center;}
.password_find_hd .jobcn_index h1{display:flex;align-items:center;}
.password_find_hd .jobcn_index h1 span{padding-left:40px;color:#222;font-size:24px;font-weight:bold;position:relative;}
.password_find_hd .jobcn_index h1 span:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:20px;height:40px;width:1px;background:#e6e6e6;}
.password_find_hd .jobcn_index > a{height:40px;line-height:40px;width:120px;color:#5f8dc9;border-radius:20px;text-align:center;font-weight:bold;font-size:18px;background:#dcebff;}

.jobcn_container{padding:20px 0 30px;background:#f3f3f3;}
.jobcn_container_inner{background:#fff;border-radius:8px;}
.password_find a{color:#5f8dc9;}
.password_find_container{padding:0 150px;}
.password_find_container_step{}
.password_find_container_step ul{display:flex;margin-right:0;overflow:hidden;}
.password_find_container_step li{flex:1;line-height:22px;height:22px;padding:14px 0;text-align:center;font-size:16px;margin-right:12px;position:relative;}
.password_find_container_step li span{position:relative;z-index:1;}
.password_find_container_step li:last-child{margin-right:0;}
.password_find_container_step li:after{content:"";top:0;bottom:0;left:0;right:0;background:#f3f3f3;position:absolute;transform:skewx(30deg)}
.password_find_container_step li:first-child:after{left:-20px;}
.password_find_container_step li:last-child:after{right:-20px;}
.password_find_container_step li.active:after{background:#d6e8ff;}
.password_find_container_step li.active span{color:#5f8dc9;font-weight:bold;}

.password_find_container_body{padding:30px 0;}
.password_find_container_body > p{font-size:14px;line-height:24px;color:#555;}
.password_find_container_body > ul li{padding-bottom:30px;}
.password_find_container_body > ul li > h3{font-size:14px;font-weight:bold;color:#222;line-height:22px;padding-bottom:8px;}
.password_find_container_body .input_text{background:#f3f3f3;padding:9px 15px;border-radius:6px;}
.password_find_container_body .input_text input{line-height:32px;height:32px;width:100%;margin:0;padding:0;background:transparent;border:0;outline:none;vertical-align:top;font-size:14px;}

.password_find_btn{line-height:32px;height:32px;padding:9px 15px;border-radius:6px;display:block;text-align:center;font-size:16px;}
.password_find_btn.btn_default{background:#f3f3f3;color:#555;}
.password_find_btn.btn_primary{background:#5f8dc9;color:#fff;}
.password_find_btn.btn_disable{background:#f3f3f3;color:#999;cursor:default;}

.password_find_container_body.step_one{width:540px;margin:0 auto;}
.password_find_container_body.step_one li:nth-child(2){padding-bottom:50px;}
.password_find_container_body.step_one > p{padding-bottom:40px;}
.password_find_container_body.step_one li > div{display:flex;}
.password_find_container_body.step_one li > div dl{width:110px;margin-right:10px;position:relative;}
.password_find_container_body.step_one li > div dt{line-height:32px;height:32px;padding:9px 16px;background:#f3f3f3;border-radius:6px;font-size:14px;cursor:pointer;}
.password_find_container_body.step_one li > div dt:after{content:"";width:0;height:0;border:6px solid transparent;border-top-color:#555;margin-left:10px;vertical-align:top;margin-top:13px;display:inline-block;}
.password_find_container_body.step_one li > div dd{position:absolute;top:50px;left:0;border:1px solid #f3f3f3;right:0;border-radius:6px;overflow:hidden;}
.password_find_container_body.step_one li > div dd div{line-height:22px;height:22px;padding:5px 16px;background:#fff;font-size:14px;cursor:pointer;}
.password_find_container_body.step_one li > div dd div:hover{background:#f5f5f5;}
.password_find_container_body.step_one li > div dl:hover dd{display:block;}
.password_find_container_body.step_one li > div .input_text{flex:1;}

.password_find_container_body.step_two .step_two_content{width:540px;margin:0 auto;}
.password_find_container_body.step_two .step_two_content > p{font-size:14px;line-height:24px;color:#555;}
.password_find_container_body.step_two .step_two_content > p b{font-weight:bold;}
.password_find_container_body.step_two .step_two_content.reserve_phone > ul{padding:30px 0 50px;}
.password_find_container_body.step_two .step_two_content.reserve_phone h3{font-size:14px;font-weight:bold;color:#555;line-height:1.5;padding-bottom:8px;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .verification{display:flex;position:relative;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .verification > span{position:absolute;top:50%;left:560px;white-space:nowrap;transform:translateY(-50%);font-size:16px;color:#999;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .verification .input_text{flex:1;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .verification > a{background:#d6e8ff;padding:9px 20px;border-radius:6px;margin-left:10px;line-height:32px;height:32px;font-size:16px;color:#5f8dc9;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .btn{display:flex;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .btn .btn_default{width:90px;margin-right:10px;}
.password_find_container_body.step_two .step_two_content.reserve_phone li .btn .btn_primary{flex:1;}
.password_find_container_body.step_two .step_two_content.reserve_phone li:first-child{padding-bottom:40px;}
.password_find_container_body.step_two .step_two_content.reserve_phone li:first-child > p{color:#999;font-size:14px;line-height:22px;padding-top:8px;}
.password_find_container_body.step_two .step_two_content.reserve_email > div{width:400px;margin:0 auto;padding:50px 0 70px;}
.password_find_container_body.step_two .step_two_content.reserve_email > div p{font-size:14px;line-height:22px;padding:10px 0 20px;text-align:center;color:#999;}
.password_find_container_body.step_two .step_two_content.reserve_username > div{width:400px;margin:0 auto;padding:50px 0 70px;}
.password_find_container_body.step_two .step_two_content.reserve_username > div p{font-size:14px;line-height:22px;padding:10px 0 20px;text-align:center;color:#999;}
.password_find_container_body.step_three .reserve_resetpasswrod{width:540px;margin:0 auto;padding:0 0 30px;}
.password_find_container_body.step_three .reserve_resetpasswrod > p{font-size:14px;line-height:24px;color:#555;padding-bottom:20px;}
.password_find_container_body.step_three .reserve_resetpasswrod > p b{font-weight:bold;color:#555;}
.password_find_container_body.step_three .reserve_resetpasswrod > p > a{display:inline-block;height:24px;width:48px;background:#d6e8ff;color:#5f8dc9;border-radius:4px;text-align:center;margin-left:10px;}
.password_find_container_body.step_three .reserve_resetpasswrod dl{display:flex;padding-bottom:20px;}
.password_find_container_body.step_three .reserve_resetpasswrod dt{width:80px;padding:9px 0;line-height:32px;height:32px;color:#555;font-size:14px;}
.password_find_container_body.step_three .reserve_resetpasswrod dd{flex:1;}

.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_general{display:flex;justify-content:space-between;align-items:center;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_power{width:180px;display:flex;padding-top:10px;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_power span{flex:1;margin-left:1px;background:#ddd;text-align:center;line-height:18px;height:18px;font-size:12px;border-radius:2px;color:#fff;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_power span.weak{background:#ff9933;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_power span.secondary{background:#ff6600;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_power span.strong{background:#ff0000;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_msg{margin-top:10px;position:relative;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_msg .msg_success{width:16px;height:16px;position:absolute;top:-53px;left:470px;background:#009946;border-radius:8px;}
.password_find_container_body.step_three .reserve_resetpasswrod .passwrod_msg .msg_success:before{height:3px;width:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);}
.password_find_container_body.step_three .reserve_resetpasswrod .msg_item{line-height:22px;}
.password_find_container_body.step_three .reserve_resetpasswrod .msg_item:before{content:"";display:inline-block;height:14px;width:14px;overflow:Hidden;background:url("/commImage/10.2/ui/icon/35.png") no-repeat;vertical-align:top;margin:4px 5px 4px 0;}
.password_find_container_body.step_three .reserve_resetpasswrod .msg_info{color:#5ad;}
.password_find_container_body.step_three .reserve_resetpasswrod .msg_info:before{background-position:-50px -199px;}
.password_find_container_body.step_three .reserve_resetpasswrod .msg_warn{color:#e6696a;}
.password_find_container_body.step_three .reserve_resetpasswrod .msg_warn:before{background-position:0 -199px;}

.password_find_container_body .pwd-tip{line-height:24px;width:540px;margin:0 auto;}
.password_find_container_body .pwd-tip > h4{font-size:14px;font-weight:bold;color:#222;}
.password_find_container_body .pwd-tip > ul li{font-size:14px;color:#999;list-style:disc;margin-left:20px;}

.password_find_container_fail{text-align:center;line-height:1.5;padding:40px 0 80px;}
.password_find_container_fail h3{font-size:30px;font-weight:bold;color:#222;margin-top:15px;}
.password_find_container_fail i{height:120px;width:120px;border-radius:60px;background:#e46763;display:inline-block;vertical-align:top;position:relative;transform:rotate(45deg)}
.password_find_container_fail i:after{height:60px;width:10px;background:#fff;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;}
.password_find_container_fail i:before{height:10px;width:60px;background:#fff;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;}
.password_find_container_fail p{color:#999;font-size:16px;padding:5px 0 30px;}
.password_find_container_fail div{width:410px;margin:0 auto;}

.password_find_container_success{text-align:center;line-height:1.5;padding:40px 0 80px;}
.password_find_container_success h3{font-size:30px;font-weight:bold;color:#222;margin-top:15px;}
.password_find_container_success i{height:120px;width:120px;border-radius:60px;background:#5eb75d;display:inline-block;vertical-align:top;position:relative;}
.password_find_container_success i:after{height:10px;width:60px;background:#fff;content:"";position:absolute;top:55px;left:40px;transform:rotate(-45deg);border-radius:5px;}
.password_find_container_success i:before{height:10px;width:40px;background:#fff;content:"";position:absolute;top:64px;left:20px;transform:rotate(45deg);border-radius:5px;}
.password_find_container_success p{color:#999;font-size:16px;padding:5px 0 30px;}
.password_find_container_success div{width:410px;margin:0 auto;}
