html {width: 100%;height: 100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
body {width: 100%;height: 100%;margin: 0;padding: 0; font-size:0.9em;  
line-height: 1.5;background:#f8f8f8;    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei;}
dl,dd,dt,ul,li{ list-style:none;margin:0; padding:0}
h1,h2,h3{ margin:0; padding:0;}
textarea,input{font-family: Helvetica,sans-self;}
em,i{font-style:normal}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}

input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
box-shadow: inset 0 0 0 1000px #ffffff!important;
}
*{margin:0px;padding:0px;}
.none{display:none;}
.show_box{
	height: 100%;
	overflow: scroll;
}
.chat_show_header{width:100%;height:260px;}
.chat_show_header_c{width:100%; position:fixed;left:0px;top:0px; z-index:1000}
.show_box_header{
	position: relative;
	height: 220px;
	color: #ffff;
}
.show_box_header_opacity{
	background-color: #808080;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.show_box_header img{
	width: 100%;
    display: block;
    height: 100%;
}
.xjh_zb_h{position: absolute;
	left: 10px;
	top: 15px;z-index:1001;}
.show_box_header .number{
	
	border: 1px solid #ccc;
	border-radius: 15px;
	padding: 2px 8px;
	font-size: 12px;
	color:#fff;
	display:inline-block
}
.show_box_header_bg{
	text-align: center;
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0;
	width: 100%;
		background-color: rgba(0.5,0.5,0.5,0.5); z-index:1000
}
.show_box_header_bg_js{color:#fff;
	margin: 20px 0;
}
.show_box_header_bg_js span{color:#fff;}
.show_box_header_bg_djs{
	font-size: 16px;
	margin-top: 50px;color:#fff;
}
.show_box_header_bg span{
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444));
	padding: 5px 7px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	border-radius: 5px;
	color: #72bb38;
	font-size: 20px;
	background-color: #444;
}
/* .show_box_header_btn{
	background: #288ee0;
	padding: 8px 15px;
	border-radius: 5px;
	margin: 0 auto;
	width: 80px;
	margin-top: 10px;
} */
.show_box_header_btn{
	width: 115px;
	height: 35px;
	line-height: 35px;
	background: #72bb38;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	z-index: 3;
}

.show_box_header_btn a{
	color: #fff;
}
.xjh_zb_fhui{width: 12px;height: 12px;border: #5f6575 solid;-webkit-transform: rotate(-135deg);border-width: 2px 2px 0 0; display:inline-block; position:absolute;left:10px;top:19px;}
/* 选项菜单 */


.chat_nav{
	display: flex;
	height: 40px;
	background: #fff;    box-shadow: 0 1px 10px #ddd;

}
.chat_nav li{
	justify-content: center;
	width: 25%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	position: relative;
}
.chat_nav_follow{
	background: #3d9af6;
	color: #fff;
	text-align: center;
	display:inline-block;
	 padding:2px 8px;border-radius:5px;
	 margin-left:10px;
}
.chat_nav li a{
	display: inline-block;
	margin: auto;
	padding: 0 5px;
	color: #888;
}

.chat_nav li .show_box_menu_border{
	color: #288ee0; 	position:relative
}
.show_box_menu_border:after{width:30px;height:3px;position: absolute;left:50%;bottom:0px; margin-left:-15px;border-radius:3px;content:''; background:#288ee0}
.show{
	display: block !important;
}
.hide{
	display: none !important;
}


.show_box_menu{
	/* 
	position: absolute;
	top: 190px;
	bottom: 0;
	left: 0;
	right: 0; */
	height: calc(100% - 260px);
	background-color: #efeff4;
}
.show_box_menu_con{
	/* position: absolute;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0; */
	height: 100%;
}

.con1,.con2,.con3,.con4{
	overflow: scroll;
	height: 100%;
}



/* 聊天窗 */
.con1_tips{
	height: 52px;
}
.con1_tips>div{
	color: #f5b347;
	padding: 5px 15px;
	font-size: 12px;
}
.show_box_chat_foot{width:100%;height: 50px;}
.show_box_chat_fix{position: fixed;
	bottom: 0;
	left: 0;
	right: 0;}
.show_box_chat_input{
	background: #eff0f2;
	
	box-shadow: 10px 1px 5px #ddd;
	width:100%;
	/* border-top: 1px solid #eee; */
}

.show_box_chat_box{ height:35px;padding:8px 115px 8px 30px; position:relative}
.show_box_chat_input .show_box_chat_icon{
	background: url(../images/chaticon.png) no-repeat;
	position: absolute;
	width: 18px;
	height: 18px;
	background-size: 100%;
	top: 8px;
	left:10px;
	display:inline-block;
}
.show_box_chat_text{ background:#fff;border-radius:20px;padding:0px 20px 0px 35px;position:relative;display: block;}
.sendbq{width:28px;height:28px; background:url(../chat/images/face.png) no-repeat;background-size: 100%; position:absolute;right:75px;top:10px;}
.show_box_chat_input input{
	width: 100%;
	border: none;
	height: 35px; line-height:35px; font-size:14px; margin:0; padding:0;outline:none;
	
}
input::-webkit-input-placeholder { color: #c5c9d0; } 
.show_box_chat_input .seng_bth{
	position: absolute;
	right: 10px;
	top: 8px;
	color: #fff;
	background: #288ee0;
	border-radius: 20px;
	text-align: center;
	
	width:55px;
	height: 35px;
	line-height: 35px;
}


.show_box_chat_c{
	position: relative;
	margin: 20px 10px 10px 15px;
}
.show_box_chat_c .touxiang{
	width: 40px;
	height: 40px;
	position: absolute;border-radius:50%; bbackground: #fff;
}
.touxiang img{
	display: block;
	width: 100%;height:100%;border-radius:50%;
}
.show_box_chat_c .netname{
	margin-left: 50px;
}
.netname>div:nth-child(1){
	font-size: 14px;
	color: #888;
}
.netname>span{
	background: #fff;
	padding: 5px 10px;
	border-radius: 1px 10px 10px 10px;
	margin-top: 4px;
	display: inline-block;
	box-shadow: 0 1px 10px #ddd;
	 max-width:90%;
}

 .netname>span img{width:20px;height:20px; vertical-align:bottom}

/* 职位开始 */

.show_box_position{
	
}
.position_c{
	background: #fff;
	padding: 15px 80px 15px 15px;
	margin-top: 10px;
	/* position: relative; */
	display: flex; position:relative
}
.position_c>div{
	justify-content: center;
}
.position_c_left{
	width: 100%;
}
.position_c_right{
}
.position_c_submit{
	background: #288ee0;
	text-align: center;
	padding: 4px 15px;
	color: #fff;
	border-radius: 5px;
	position: absolute;
	top: 30px;
	right: 10px; box-shadow: 0 2px 10px 0 #b8d5f6;
}
.position_c_title{
	font-size: 17px;
	margin: 0;
	font-weight: bold;
}
.position_c_title a{ display:block}
.position_c_label{
	margin: 10px 0;
}
.position_c_label i{
	margin-right: 2px;
	background: #F7F7F7;
	padding: 3px 8px;
	border-radius: 0px;
	color: #8E8E8E;
}
.position_c_salary{
	color: #FB7900;font-size:16px;
}

.menu_scroll{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 100;
}
.jianjie{ background:#fff; padding:15px; line-height:30px; margin-top:10px; font-size:14px; overflow-x: hidden;}

.jiabing_list{padding:15px;margin-top:10px; position:relative; background:#fff;}
.jiabing_name{ font-size:18px; font-weight:bold; }
.jiabing_js{ color:#666;padding:10px 0; line-height:23px;}
.jiabing_job{ padding:13px; background:#F7F8F9; margin-top:10px;position:relative;color:#666;border-radius:5px}
.jiabing_job:hover{ background:#F6FAFF}
.jiabing_job_bth{ padding:5px 10px; background:#09F;color:#fff; position:absolute;right:10px;top:8px;border-radius:3px;}
.jiabing_job_a{font-weight:bold; display:block;color:#4a90e6; font-size:15px;}
.jiabing_job_a:hover{color:#09F}
.jiabing_list:after{width:4px;height:18px; background:#09F; display:inline-block;content:''; position:absolute;left:0px;top:20px;}
.jiabing_job_xz{color:#f60}
.jiabing_job_line{ font-size:12px;color:#999; padding:0px 10px;}
.jiabing_jobzj{ padding-top:20px; position:relative;color:#999;}
.jiabing_jobzj_n{ display:inline-block;color:#F00; padding:0px 5px;}
.jiabing_jobzj_more{ position:absolute;right:0px;top:10px;}

.gf_tip{ display: inline-block; padding: 0px 3px; background: #72BB38;color:#fff; margin-left: 5px; font-size: 12px; line-height: 14px;    border-radius: 4px;}
.sp_ewm_box{width:260px; text-align:center; padding-bottom:20px;}
.jshowCtrl{ display:inline-block; background:#fbede4;color:#f79c5c; padding:5px 10px; position:absolute;right:10px;top:0px;}

.evaluate_pj_no{width:100%; text-align:center; padding:180px 0 10px 0px;color:#999; position:relative}
.evaluate_pj_no_icon{width:100px;height:100px; background:url(../images/yun_wap_no.png) no-repeat; background-size:100%; display:inline-block; position:absolute;left:50%; top:50px;margin-left:-50px;}





.zb_end_box{width:100%;height:100%;;font-size:14px; position:absolute;left:0px;top:0px; text-align:center; z-index:3;color:#fff;}
.zb_end_bg{width:100%;height:100%; position:absolute;left:0px;top:0px; text-align:center; z-index:2; background:rgba(0,0,0,0.7);}
.zb_end_tit{ padding-top:70px; font-size:26px;color:#72bb38; padding-bottom:20px;}
.zb_end_tip{ padding-bottom:10px; padding-bottom:10px;color:#fff;}
.sp_img{width:100%;height:220px;}
.sp_img img{width:100%;height:220px;}

/* iphoneX */
@media (min-device-width : 375px) and (max-device-width : 375px) and (-webkit-min-device-pixel-ratio : 3) {
	.show_box_chat_box{padding:8px 75px 22px 15px}
	.show_box_chat_foot{height:65px;}
}
.chat_footer_keyboard{width:28px;height:28px; background:url(../chat/images/face.png) no-repeat;background-size: 100%; position:absolute;right:75px;top:10px;}
.showbq{ position:absolute;left:0px;bottom:50px;background:#fff; padding-bottom:2px;border-top:1px solid #ddd;}
.chat_face{position: relative;max-height: 170px;overflow: auto;padding: 10px;}
.chat_face li {cursor: pointer;display: inline-block;vertical-align: bottom;padding: 5px 5px;text-align: center;width: 10%;-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;box-sizing: border-box!important;}
.chat_face li img {width: 30px;height: 30px;}