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;}
|
