body {
|
position: relative;
|
margin: 0 auto !important;
|
font-family: Arial, Helvetica;
|
background-color: #f3f3f3;
|
|
}
|
|
@media screen and (min-width:750px) {
|
html {
|
font-size: 75px !important;
|
}
|
}
|
.none {display: none;}
|
/* 聊天页面增加发送位置 */
|
.chat_send_header {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
position: fixed;
|
top: 0;
|
left: 50%;
|
transform: translateX(-50%);
|
width: 100%;
|
height: 3.333333rem;
|
min-width: 320px;
|
max-width: 750px;
|
padding: .213333rem .32rem .373333rem .32rem;
|
background-color: #fff;
|
z-index: 999;
|
}
|
|
.chat_send_header_nav {
|
position: relative;
|
display: flex;
|
justify-content: center;
|
width: 100%;
|
height: .766667rem;
|
}
|
|
.chat_send_header_nav_return {
|
position: absolute;
|
top: 50%;
|
left: 0;
|
transform: translateY(-50%);
|
width: .28rem;
|
height: .48rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.chat_send_header_nav_fall {
|
position: absolute;
|
top: 50%;
|
right: 0;
|
transform: translateY(-50%);
|
width: .586667rem;
|
height: .586667rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.recruiter_name {
|
height: .346667rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
margin-bottom: .106667rem;
|
}
|
|
.recruiter_job {
|
height: .293333rem;
|
font-size: .293333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
}
|
|
.chat_send_header_function {
|
width: 100%;
|
height: 1.466667rem;
|
}
|
|
.chat_send_header_function>ul {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
}
|
|
.chat_send_header_function>ul>li {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
flex-direction: column;
|
}
|
|
.function_icon {
|
width: .8rem;
|
height: .8rem;
|
}
|
|
.function_word {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.chat_send_min_body {
|
margin-top: 4rem;
|
width: 100%;
|
padding-left: .32rem;
|
padding-right: .32rem;
|
margin-bottom: 2rem;
|
}
|
|
.chat_send_card {
|
margin-top: .4rem;
|
padding: .36rem;
|
width: 100%;
|
background-color: #fff;
|
border-radius: .213333rem;
|
margin-bottom: .533333rem;
|
}
|
|
.chat_send_card_datum {
|
padding-left: 1.333333rem;
|
position: relative;
|
width: 100%;
|
height: 1.066667rem;
|
}
|
|
.datum_logo {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 1.066667rem;
|
height: 1.066667rem;
|
}
|
.datum_logo img{border-radius:50%;}
|
.card_datum_details {
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
}
|
|
.card_datum_details_top {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.card_datum_details_top_name {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
}
|
|
.card_datum_details_top_pay {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #2778F8;
|
}
|
|
.card_datum_details_bom {
|
display: flex;
|
}
|
|
.card_datum_details_bom_direction {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
margin-right: .266667rem;
|
}
|
|
.card_datum_details_bom_job {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
width: 5rem;
|
height: 0.5rem;
|
overflow: hidden;
|
display: -webkit-box;
|
text-overflow: ellipsis;
|
word-break: break-all;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: 1;
|
}
|
|
.chat_send_card_state {
|
display: flex;
|
justify-content: space-between;
|
margin-top: .4rem;
|
font-size: .346667rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.chat_send_card_state_1 {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.chat_send_card_advantage {
|
margin-top: .4rem;
|
font-size: .346667rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.chat_send_card_experience {
|
margin-top: .533333rem;
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
}
|
|
.chat_send_card_experience_top {
|
display: flex;
|
flex-direction: column;
|
margin-bottom: .4rem; position:relative ; padding-left: .633333rem;
|
}
|
.chat_send_card_experience_top:after{ width: .013333rem;height: 1.5rem; background:#e0eafd;content:''; position:absolute;left:.133333rem;top:15px;}
|
.chat_send_card_experience li:last-child:after{ display:none;}
|
.chat_send_card_experience_top_company {
|
position: relative;
|
display: flex;
|
|
margin-bottom: .2rem;
|
}
|
|
.chat_send_card_experience_top_company_dot {
|
position: absolute;
|
top: .133333rem;
|
left: -.633333rem;
|
width: .266667rem;
|
height: .266667rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.chat_send_card_experience_top_company_dot_line {
|
position: absolute;
|
top: -1.15rem;
|
left: .133333rem;
|
width: .013333rem;
|
height: 1.5rem;
|
background-color: #D7E6FF;
|
}
|
|
.chat_send_card_experience_top_company_name {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.chat_send_card_experience_top_limit {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.chat_send_card_experience_top_limit_job {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.chat_send_card_experience_top_limit_time {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #CCCCCC;
|
}
|
|
.company_top_name {
|
width: 80%;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
margin-bottom: .266667rem;
|
}
|
|
.company_top_jobandname {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.company_top_job {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.company_top_time {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #CCCCCC;
|
}
|
|
.chat_send_card_one {
|
padding-top: .373333rem;
|
position: relative;
|
margin-top: .4rem;
|
width: 100%;
|
height: 1.4rem;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
}
|
|
.chat_send_card_one_line {
|
position: absolute;
|
top: 0;
|
left: -0.346667rem;
|
width: 9.36rem;
|
height: .013333rem;
|
background-color: #eee;
|
}
|
|
.chat_send_card_one_exchange {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.chat_send_card_one_name_pay {
|
display: flex;
|
}
|
|
.chat_send_card_one_name {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
margin-right: .48rem;
|
}
|
|
.chat_send_card_one_pay {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #2778F8;
|
}
|
|
.Chat_dialog_box {
|
margin-top: .533333rem;
|
width: 100%;
|
}
|
|
.dialog_job_seeker {
|
display: flex;
|
padding-left: 1.466667rem;
|
position: relative;
|
width: 100%;
|
margin-bottom: .533333rem;
|
}
|
|
.dialog_job_seeker_logo {
|
position: absolute;
|
top: .266667rem;
|
left: 0;
|
width: 1.066667rem;
|
height: 1.066667rem;
|
}
|
.dialog_job_seeker_logo img{border-radius:50%;}
|
.dialog_job_seeker_word {
|
padding: .4rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
max-width: 6.373333rem;
|
background-color: #fff;
|
border-radius: .213333rem .213333rem .213333rem 0px;word-break: break-all;
|
}
|
|
.dialog_job_seeker_word_icon_text {
|
position: relative;
|
padding: .4rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
max-width: 6.373333rem;
|
background-color: #fff;
|
border-radius: .213333rem .213333rem .213333rem 0px;
|
padding-left: 1.066667rem;
|
}
|
|
.dialog_job_seeker_word_icon {
|
position: absolute;
|
top: .44rem;
|
left: .4rem;
|
width: .48rem;
|
height: .48rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.dialog_job_seeker_word_text {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
}
|
|
.dialog_recruiters {
|
display: flex;
|
justify-content: flex-end;
|
padding-right: 1.466667rem;
|
position: relative;
|
width: 100%;
|
margin-bottom: .533333rem;
|
}
|
|
.dialog_recruiters_logo {
|
position: absolute;
|
top: 0;
|
right: 0;
|
width: 1.066667rem;
|
height: 1.066667rem;
|
}
|
.dialog_recruiters_logo img{border-radius:50%}
|
.dialog_recruiters_word {
|
position: relative;
|
padding: .4rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #FFFFFF;
|
max-width: 6.373333rem;
|
background-color: #4B8FF9;
|
border-radius: .213333rem .213333rem 0px .213333rem;word-break: break-all;
|
}
|
|
.dialog_recruiters_word_and_icon {
|
position: relative;
|
padding: .4rem 1.066667rem .4rem .4rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #FFFFFF;
|
max-width: 6.373333rem;
|
background-color: #4B8FF9;
|
border-radius: .213333rem .213333rem 0px .213333rem;
|
}
|
|
.dialog_recruiters_imgbox {
|
width: 6.133333rem;
|
background-color: #fff;
|
}
|
|
.dialog_recruiters_imgbox_img {
|
width: 100%;
|
}
|
.dialog_recruiters_imgbox_img img{ max-width:100px;border-radius:5px; min-height:50px;}
|
.dialog_recruiters_imgbox_img_r{ text-align:right}
|
.dialog_recruiters_location {
|
width: 6.133333rem;
|
background-color: #fff;
|
border-radius: .213333rem
|
}
|
|
.dialog_recruiters_location_img {
|
width: 100%;
|
height: 2.5034rem;
|
border-radius: .213333rem
|
}
|
|
.dialog_recruiters_location_place {
|
padding: .2rem;
|
}
|
|
|
.location_place_top {
|
width: 90%;
|
/* 超过文本长度。。。显示 */
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
/*margin-bottom: .4rem;*/
|
}
|
|
.location_place_bom {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.dialog_recruiters_location_opinion {
|
border-top: .013333rem solid #eee;
|
display: flex;
|
}
|
|
.dialog_recruiters_location_opinion_left {
|
flex: 1;
|
padding-top: .386667rem;
|
padding-bottom: .32rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
border-right: .013333rem solid #eee;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.dialog_recruiters_location_opinion_right {
|
flex: 1;
|
padding-top: .386667rem;
|
padding-bottom: .32rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #4B8FF9;
|
}
|
|
.Fixed_bottom {
|
position: fixed;
|
bottom: 0;
|
left:0;
|
width: 100%;
|
|
background-color: #fff;
|
min-width: 320px;
|
max-width: 750px;
|
}
|
|
.chat_Fixed_bottom {
|
position: fixed;
|
bottom: 0;
|
left: 50%;
|
transform: translateX(-50%);
|
width: 100%;
|
height: 1.173333rem;
|
background-color: #fff;
|
min-width: 320px;
|
max-width: 750px;
|
padding-left: .32rem;
|
padding-right: .32rem;
|
}
|
|
.Fixed_bottom_input_field {
|
position: relative;
|
width: 100%;
|
min-height: 1.306667rem;
|
display: flex;
|
align-items: center;
|
}
|
|
.input_field_left {
|
padding: .16rem .2rem .16rem .186667rem;
|
height: .64rem;
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
background-color: #2778F8;
|
border-radius: .106667rem;
|
color: #FFFFFF;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-left: .32rem;
|
}
|
|
.input_field_center {
|
width: 5.813333rem;
|
margin-left: .266667rem;
|
display: flex;
|
align-items: center;padding-top:10px; padding-bottom:10px;
|
}
|
#textarea {
|
overflow: hidden;
|
|
font-size: 14px;
|
|
height: 18px;
|
|
line-height: 24px;
|
|
padding:2px;
|
|
}
|
|
.input_field_center>input {
|
width: 100%;
|
height: .8rem;
|
border-radius: .4rem;
|
background-color: #F8F8F8;
|
padding-left: .266667rem;
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.input_field_right {
|
width: 1.533333rem;
|
height: 100%;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
margin-right: .32rem;
|
margin-left: .32rem;
|
}
|
|
.input_field_right>div {
|
width: .64rem;
|
height: .64rem;
|
}
|
|
.Fixed_bottom_function {
|
width: 100%;
|
height: 2.32rem;
|
background-color: #fff;
|
}
|
|
.Fixed_bottom_function>ul {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
}
|
|
.Fixed_bottom_function>ul>li {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: space-evenly;
|
}
|
|
.Fixed_bottom_function_icon {
|
width: 1.066667rem;
|
height: 1.066667rem;
|
}
|
|
.Fixed_bottom_function_word {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.dialog_recruiters_word_status {
|
display: flex;
|
flex-direction: column;
|
align-items: flex-end;
|
}
|
|
.dialog_recruiters_status {
|
margin-top: .203333rem;
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #CCCCCC;
|
}
|
.Chat_dialog_box_time_line {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
font-size: .346667rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
margin-bottom: .733333rem;
|
}
|
.dialog_recruiters_word_icon {
|
position: absolute;
|
top: .4rem;
|
right: .4rem;
|
width: .48rem;
|
height: .48rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.on_line_resume {
|
display: flex;
|
flex-direction: column;
|
width: 6.586667rem;
|
height: 2.853333rem;
|
background-color: #fff;
|
border-radius: .213333rem;
|
}
|
.on_line_resume_top {
|
display: flex;
|
align-items: center;
|
width: 100%;
|
height: 1.693333rem;
|
position: relative;
|
padding-left: 1.6rem;
|
}
|
|
.on_line_resume_top_icon {
|
position: absolute;
|
left: .4rem;
|
width: .906667rem;
|
height: .906667rem;
|
}
|
.chat_hhyq_icon{ width:100%; height:100%; background:url(../images/iphone@2x.png) no-repeat; background-size:100%; display:inline-block }
|
.chat_hhwx_icon{ width:100%; height:100%; background:url(../images/weixin@2x.png) no-repeat; background-size:100%;display:inline-block }
|
.on_line_resume_top_word {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.on_line_resume_bom {
|
border-top: .013333rem solid #eee;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
height: 1.16rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
}
|
|
.on_line_resume_top_word_iphone {
|
margin-bottom: .133333rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.on_line_resume_top_word_number {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.on_line_resume_bom>ul {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
}
|
|
.on_line_resume_bom>ul>li {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;width:100%; text-align:center; line-height: 1.16rem;
|
}
|
#mask {
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 100%;
|
background: rgba(46, 47, 50, 0.5);
|
display: none;
|
z-index: 9999;
|
}
|
|
#mask_layer {
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 100%;
|
background: rgba(46, 47, 50, 0.5);
|
display: none;
|
z-index: 99999;
|
}
|
|
.mask_layer_box {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
width: 6.933333rem;
|
background-color: #fff;
|
border-radius: .213333rem;
|
}
|
|
.mask_layer_box_all {
|
width: 100%;
|
height: 2.933333rem;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-evenly;
|
align-items: center;
|
}
|
|
.mask_layer_box_win {
|
width: .853333rem;
|
height: .853333rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.mask_layer_box_btn {
|
width: 100%;
|
height: 1.066667rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
border-top: .013333rem solid #eee;
|
}
|
|
.mask_layer_box_center {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.mask_layer_box_word {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.mask_box {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
width: 6.933333rem;
|
background-color: #fff;
|
border-radius: .213333rem;
|
}
|
|
.lose_interest_ing_box {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
width: 6.933333rem;
|
background-color: #fff;
|
border-radius: .213333rem;
|
}
|
|
.mask_box_word {
|
width: 100%;
|
height: 2.4rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
border-bottom: .013333rem solid #eee;
|
padding-left: .666667rem;
|
padding-right: .666667rem;
|
}
|
|
.mask_box_decision {
|
display: flex;
|
}
|
|
.mask_box_decision_cancel {
|
width: 100%;
|
height: 1.066667rem;
|
flex: 1;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.mask_box_decision_confirm {
|
width: 100%;
|
height: 1.066667rem;
|
flex: 1;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.mask_box_decision_confirm_del{
|
width: 100%;
|
height: 1.066667rem;
|
flex: 1;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
#iphone_weixin {
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 100%;
|
background: rgba(46, 47, 50, 0.5);
|
display: none;
|
z-index: 9999;
|
}
|
|
.swop_iphone {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
width: 6.933333rem;
|
background-color: #fff;
|
border-radius: .213333rem;
|
display: none;
|
|
}
|
|
.swop_weixin {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
width: 6.933333rem;
|
background-color: #fff;
|
border-radius: .213333rem;
|
display: none;
|
}
|
|
.iphone_weixin_box {
|
position: absolute;
|
bottom: 0;
|
left: 50%;
|
transform: translateX(-50%);
|
width: 100%;
|
height: 3.84rem;
|
background-color: #fff;
|
display: none;
|
min-width: 320px;
|
max-width: 750px;
|
}
|
|
.swap_box {
|
width: 100%;
|
height: 2.64rem;
|
display: flex;
|
flex-direction: column;
|
justify-content: space-evenly;
|
border-bottom: .013333rem solid #eee;
|
}
|
|
.iphone_icon {
|
width: .533333rem;
|
height: .533333rem;
|
margin-right: .266667rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.iphone_word {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
}
|
|
.iphone,
|
.weixin {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.call_off {
|
width: 100%;
|
height: 1.2rem;
|
font-size: .426667rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #666666;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
#lose_interest_ing {
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 100%;
|
background: rgba(46, 47, 50, 0.5);
|
display: none;
|
z-index: 9999;
|
}
|
|
#Common_language {
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 100%;
|
background: rgba(46, 47, 50, 0.5);
|
display: none;
|
z-index: 9999;
|
}
|
|
#Common_language_box {
|
position: absolute;
|
bottom: 0;
|
left: 50%;
|
transform: translateX(-50%);
|
width: 100%;
|
background-color: #fff;
|
display: block;
|
min-width: 320px;
|
max-width: 750px;
|
padding: .48rem .32rem;
|
}
|
|
.Common_language_box_header {
|
display: flex;
|
width: 100%;
|
height: .586667rem;
|
justify-content: space-between;
|
|
}
|
|
.Common_language_box_header_left {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: .586667rem;
|
height: .586667rem;
|
}
|
|
.Common_language_box_header_center {
|
font-size: .453333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
}
|
|
.Common_language_box_header_right {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: .586667rem;
|
height: .586667rem;
|
}
|
|
.Common_language_box_header_text {
|
/* 超过文本长度。。。显示 */
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
width: 90%;
|
margin-top: .8rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.Common_language_box_header_textandfall {
|
position: relative;
|
width: 100%;
|
}
|
|
.Common_language_box_header_text_fall {
|
position: absolute;
|
top: 0;
|
right: 0;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #4B8FF9;
|
}
|
|
|
/* 设置常用语 */
|
.useful_expressions_header {
|
position: relative;
|
width: 100%;
|
height: 1.173333rem;
|
background-color: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.useful_expressions_header_icon {
|
position: absolute;
|
top: 50%;
|
left: .32rem;
|
transform: translateY(-50%);
|
width: .28rem;
|
height: .453333rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.useful_expressions_header_word {
|
font-size: .453333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
}
|
|
.useful_expressions_body {
|
padding: .32rem;
|
width: 100%; background-color: #f3f3f3;
|
}
|
|
.useful_expressions_body_word {
|
width: 100%;
|
background-color: #fff;
|
border-radius: .213333rem;
|
}
|
.useful_expressions_body_ps{ }
|
.useful_expressions_body_word ul {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
}
|
|
.useful_expressions_body_word ul li {
|
width: 100%;
|
padding: .4rem .4rem .266667rem .453333rem;
|
display: flex;
|
flex-direction: column;
|
border-bottom: .013333rem solid #eee;
|
}
|
.useful_expressions_body_word ul li:last-child{border:none;}
|
.body_word_text {
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
margin-bottom: .266667rem;word-break: break-all;
|
}
|
|
.body_word_icon {
|
display: flex;
|
justify-content: flex-end;
|
}
|
|
.body_word_icon>div {
|
width: .586667rem;
|
height: .586667rem;
|
margin-left: .4rem;
|
}
|
|
.useful_expressions_add {
|
|
height: 1.28rem;
|
|
padding-left: .32rem;
|
padding-right: .32rem; margin-bottom: 0.533333rem;
|
}
|
|
.expressions_add_btn {
|
width: 100%;
|
height: 100%;
|
background-color: #2778F8;
|
border-radius: .213333rem;
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #FFFFFF;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
#useful_expressions_mask{
|
position: fixed;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 100%;
|
background: rgba(46, 47, 50, 0.5);
|
display: none;
|
z-index: 9999;
|
}
|
.cyy_box{ max-height: 8rem; overflow: auto;}
|
/* 编辑常用语 */
|
.header {
|
width: 100%;
|
height: 1.173333rem;
|
background-color: #fff;
|
padding-left: .32rem;
|
padding-right: .32rem;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.header_left_nav {
|
width: .28rem;
|
height: .453333rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.header_center {
|
font-size: .453333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
}
|
|
.header_right {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
}
|
|
.min_body {
|
width: 100%;
|
height: 100vh;
|
padding: .32rem;
|
}
|
|
.expressions {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
background-color: #fff;
|
}
|
|
.expressions_text {
|
width: 100%;
|
height: 100vh;
|
/* 去掉没选中时的边框 */
|
border: 0;
|
/* 去掉选中时的边框 */
|
outline: none;
|
padding: .4rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
|
.expressions_bom {
|
position: absolute;
|
bottom: .8rem;
|
right: .706667rem;
|
}
|
|
.expressions_bom_new {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
}
|
|
.expressions_bom_sum {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666;
|
}
|
/* 添加常用语 */
|
.add_header {
|
width: 100%;
|
height: 1.173333rem;
|
background-color: #fff;
|
padding-left: .32rem;
|
padding-right: .32rem;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.add_header_left_nav {
|
width: .28rem;
|
height: .453333rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.add_header_center {
|
font-size: .453333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
}
|
|
.add_header_right {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
}
|
|
.add_min_body {
|
width: 100%;
|
height: 90vh;
|
padding: .32rem;
|
}
|
|
.add_expressions {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
background-color: #fff;
|
}
|
|
.add_expressions_text {
|
width: 100%;
|
height: 90vh;
|
/* 去掉没选中时的边框 */
|
border: 0;
|
/* 去掉选中时的边框 */
|
outline: none;
|
padding: .4rem;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
resize:none;
|
}
|
|
.add_expressions_bom {
|
position: absolute;
|
bottom: .8rem;
|
right: .706667rem;
|
}
|
|
.add_expressions_bom_new {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
}
|
|
.add_expressions_bom_sum {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666;
|
}
|
.remark {
|
width: 100%;
|
}
|
|
.remark_name {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
|
.remark_word {
|
margin-top: .4rem;
|
position: relative;
|
width: 100%;
|
height: 3.2rem;
|
overflow: hidden;
|
border-radius: .213333rem;
|
}
|
|
.remark_word_text {
|
width: 100%;
|
height: 100%;
|
/* 去掉没选中时的边框 */
|
border: 0;
|
/* 去掉选中时的边框 */
|
outline: none;
|
font-size: .373333rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
background-color: #F6F6F6;
|
padding: .4rem;
|
}
|
|
.expressions_bom {
|
position: absolute;
|
bottom: .8rem;
|
right: .706667rem;
|
}
|
|
.expressions_bom_new {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #2778F8;
|
}
|
|
.expressions_bom_sum {
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666;
|
}
|
|
.remark_word_box {
|
width: 100%;
|
height: 100%;
|
|
}
|
.job_resume {
|
position: relative;
|
width: 100%;
|
display: flex;
|
margin-bottom: .733333rem;
|
}
|
|
.job_resume_left {
|
width: 25%;
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666666;
|
}
|
.job_resume_right_two {
|
/* 多行文本溢出。。。显示 */
|
display: -webkit-box;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: 2;
|
overflow: hidden;
|
width: 71%;
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
}
|
|
.job_resume_nav {
|
position: absolute;
|
top: .133333rem;
|
right: 0;
|
width: .24rem;
|
height: .426667rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
.job_resume_right>input {
|
/* 超过文本长度。。。显示 */
|
text-overflow: ellipsis;
|
overflow: hidden;
|
white-space: nowrap;
|
width: 100%;
|
height: 100%;
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333333;
|
}
|
.Save_button {
|
margin-top: .533333rem;
|
width: 100%;
|
height: 1.28rem;
|
background-color: #2778F8;
|
border-radius: .213333rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: .453333rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #FFFFFF;
|
}
|
.sc_bth{
|
width: 100%;
|
height: 100%;
|
opacity: 0; position:absolute;left:0px;top:0px;
|
}
|
|
.showbq{ position:absolute;left:0px;bottom:50px;background:#fff; padding-bottom:2px;}
|
.chat_face{position: relative;max-height: 180px;overflow: auto;padding: 10px;font-size: 0;}
|
.chat_face li {cursor: pointer;display: inline-block;vertical-align: bottom;padding: 5px 2px;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:0.64rem;height:0.64rem;}
|
.chat_iframe{border: 0;visibility: hidden;position: absolute;width: 0;height: 0;}
|
.chat_footer_text{background:#f8f8f8;border-radius:3px; }
|
|
#send_content {
|
display: block;
|
overflow: hidden;
|
width: 100%;
|
font-size: 14px;
|
height:0.8rem;
|
line-height:0.8rem;
|
padding:0px 0.266666rem; border:none; background:#f8f8f8;border-radius:0.16rem; font-size:12px;font-family: PingFang SC;outline:none;
|
}
|
.bq_img img{ display:inline-block;width:0.64rem;height:0.64rem}
|
.chatno_tip{width:100%; text-align:center; padding-top:150px;color:#999; font-size:12px; position:relative}
|
.chatno_tip:after{width:80px;height:80px; background:url(../../images/yun_wap_no.png) no-repeat; background-size:100%; position:absolute;left:50%;top:50px; margin-left:-40px;content:'';}
|
|
.company_jobandcompensation {
|
display: flex;
|
justify-content: space-between;
|
margin-bottom: .3rem;
|
}
|
|
.company_job {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #333333;
|
}
|
|
.company_scompensation {
|
font-size: .4rem;
|
font-family: PingFang SC;
|
font-weight: bold;
|
color: #2778F8;
|
}
|
|
.company_nameandstate {
|
display: flex;
|
margin-bottom: .3rem;
|
}
|
|
.company_name {
|
font-size: .346667rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333;
|
margin-right: .133333rem;
|
}
|
|
.company_state {
|
font-size: .346667rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #333;
|
}
|
|
.company_siteandyear>ul {
|
display: flex;
|
}
|
|
.company_siteandyear>ul>li {
|
padding: .146667rem .173333rem;
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 400;
|
color: #666666;
|
background-color: #eee;
|
border-radius: .106667rem;
|
margin-right: .2rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.company_logoandposition {
|
position: relative;
|
margin-top: .4rem;
|
padding-left: 1.2rem;
|
display: flex;
|
align-items: center;
|
height: .8rem;
|
width: 100%;
|
}
|
|
.company_logo {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: .8rem;
|
height: .8rem;
|
}
|
|
.company_position {
|
font-size: .346667rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #666;
|
}
|
|
.company_first_communicate {
|
border-top: .013333rem solid #eee;
|
margin-top: .4rem;
|
width: 100%;
|
padding-top: .3rem;
|
display: flex;
|
align-items: center;
|
font-size: .32rem;
|
font-family: PingFang SC;
|
font-weight: 500;
|
color: #999999;
|
}
|
.yuyiconl{width: .2rem;height: .2rem; display:block; background:red; position:absolute;right:-.4rem;top:.6rem;border-radius:50%;}
|
|
/* 职位列表弹出框 */
|
.chatjob_list{border-bottom:1px solid #eee; padding:10px 0; position:relative}
|
.chatjob_box{width:320px; background:#fff;max-height:330px; position:fixed; left:50%;top:50%; margin-left:-160px; margin-top:-115px; z-index:1000000;border-radius:5px;}
|
.chatjob_box_c{ padding:0px 15px;}
|
.chatjob_box_job{width:100%;max-height:270px; overflow:auto}
|
.chatjob_name{ font-size:16px; padding-right:120px; font-weight:bold}
|
.chatjob_info{ color:#999; font-size:12px;}
|
.chatjob_info_line{ display:inline-block; padding:0px 10px; font-size:12px;color:#e9e9e9}
|
.chatjob_xz{color:#f00;padding:8px 0;}
|
.chatjob_box_tit{width:100%; position:relative}
|
.chatjob_box_tit_name{ display:inline-block; padding-top:15px; font-size:15px; padding-left:10px; padding-bottom:10px;color:#666}
|
.chatjob_box_tit_close{width:20px;height:20px; position:absolute;top:15px;right:15px;background:url(../images/close.png) no-repeat; background-size:70%; display:inline-block}
|
.chatjob_bth{width:55px;height:28px; line-height:28px; text-align:center; background:#4B8FF9;color:#fff;border-radius:20px; display:inline-block; position:absolute;right:0px;bottom:30px; font-size:12px;}
|
.chat_bg{ position:fixed; left:0px;top:0px;right:0px;bottom:0px; background:#000; opacity:0.5; z-index:100000}
|
/* 换微信、电话输入弹出框 */
|
.wx_tck_box{width:280px; background:#fff; position:fixed;left:50%; margin-left:-140px;top:100px; z-index:1000001;border-radius:10px; font-size: 0.373333rem;}
|
.wx_tck_boxall{ padding:20px;}
|
.wx_tck_boxall_text{width:210px;height:40px;border:1px solid #ddd;border-radius:5px; padding:0px 15px;box-sizing: content-box; overflow:hidden}
|
.wx_tck_boxtit{font-size:16px; font-weight:bold; padding-bottom:20px;}
|
.wx_tck_boxall_input{width:100%;height:40px;border:none;;outline:none;padding:0px;margin:0px; font-size: 0.373333rem;}
|
.wx_tck_boxall_bth{ padding-top:20px;}
|
.wx_tck_boxall_bth_a{width:240px; display:block;border-radius:5px;height:40px; line-height:40px; text-align:center; background:#2d8cf0;color:#fff; font-size:16px;}
|
.wx_tck_boxall_no{ display:block;margin-top:20px; text-align:right;color:#2d8cf0}
|
/* 换微信、电话聊天记录 */
|
.chat_hhyq{background: #fff;border-radius:5px;width:230px; margin: 20px auto;color:#666}
|
.chat_hhyq_p{padding:10px 15px 15px 60px;line-height:25px; position: relative;}
|
.chat_hhyq_bth{border-top:1px solid #eee;text-align: center;color:#139905}
|
/*聊天页面-邀请视频面试*/
|
.wapspms_show{width:100%;height:100%; position:fixed;left:0px;top:0px;bottom:0px;right:0px; z-index:19891013}
|
.wapspms_bg{width:100%;height:100%; position:fixed;left:0px;top:0px;bottom:0px;right:0px;background:#000; opacity:0.8; z-index:19891012;color:#fff}
|
.wapspms_com{ padding:50px 90px 30px 20px;font-size: 14px; text-align:right; position:relative;color:#fff}
|
.wapspms_comlogo{width:55px;height:55px; background:#fff; position:absolute;right:20px;top:50px;border-radius:5px;}
|
.wapspms_comlogo img{width:55px;height:55px;border-radius:5px;}
|
.wapspms_comname{ font-size:18px; padding-bottom:5px;}
|
.wapspms_cz{width:100%; position:absolute;left:0px;bottom:30px; text-align:center; z-index:19891014}
|
.wapspms_cz_a{ display:inline-block;color:#fff;}
|
.wapspms_cz_icon{width:60px;height:60px; background:url(../images/tel.png) no-repeat; background-size:100%; display:block}
|
.wapspms_cz_p{ padding-top:5px;}
|
.wapspms_cz_icon_js{background:url(../images/teljs.png) no-repeat; background-size:100%; }
|
.wapspms_cz_aml{ margin-left:100px;}
|
/*视频面试房间*/
|
.chat_msg_header{ background:#3b7cff; padding:0px 10px 0px 10px;height:48px; line-height:48px; position:relative;}
|
.chat_msg_header_p{ font-size:18px;color:#fff; position:relative;height:48px; line-height:48px; text-align:center; display:block}
|
.chat_msg_header_p_back{content: ' ';width: 12px;height: 12px;border: #fff solid;-webkit-transform: rotate(-135deg);border-width: 2px 2px 0 0;color: #fff; display:inline-block; position:absolute;left:15px;top:16px;}
|
.chat_msg_header_other{ position:absolute;right:20px;top:12px;color:#fff}
|
.chat_msg_box{ padding:10px 15px;}
|
.chat_msg_box ul li{ padding:15px 0px 15px 65px; position:relative; background:#fff;border-bottom:1px solid #eee; margin-bottom:0px;}
|
.chat_msg_tx{width:50px; position:absolute;left:0px;top:17px;}
|
.chat_name_box{ padding-right:60px;}
|
.chat_name{width:100%;height:25px; line-height:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
|
.chat_hrname{ font-size:16px;}
|
.chat_comname{ font-size:12px;color:#999}
|
.chat_new_p{width:100%;height:30px; line-height:30px;color:#999;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
|
.chat_new_time{ font-size:12px;color:#999; position:absolute;right:0px;top:18px;}
|
.chat_msg_new{ background:#f00; display:inline-block; position:absolute;left:38px;top:15px; padding:0px 5px;color:#fff;border-radius:50%;}
|
/*面试间*/
|
.msj_header{ background:#3b7cff;padding:0px 0 0px 0;color:#fff;}
|
.msj_header_rs{width:100%; text-align:center;color:#fff; font-size:35px;padding:5px 0 10px 0 ; }
|
.msj_header_time{width:100%; text-align:center;font-size:12px;}
|
.msj_header_rsn{width:100%;height:40px; line-height:40px; text-align:center;font-size:12px;}
|
.msj_header_rs_p{width:100%; text-align:center;font-size:16px;}
|
.msj_header_rsn_r{ display:inline-block; margin-left:20px;}
|
.msj_msgw{width:288px;height:26px; line-height:26px; display:inline-block; background:#1467b7; padding-right:5px;padding-left:5px; margin-right:5px;border-radius:3px; position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#fff}
|
.msj_msgw:after{ width:0;height:0;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #fff;position:absolute;right:3px;bottom:4px; display:inline-block; transform:rotate(-45deg);content:'';}
|
.msj_list_c{padding:0px 10px;}
|
.msj_userall_box{width:100%;max-height:400px; overflow:auto}
|
.msj_list{ position:relative; margin-top:10px;}
|
.msj_list_user_box{ padding:10px 10px 10px 70px; position:relative}
|
.msj_list_user_pic{width:45px;height:45px; position:absolute;left:10px;top:10px;}
|
.msj_list_user_pic img{width:45px;height:45px; border-radius:50%;}
|
.spzl{ background:#2ea8cc;color:#fff;position:absolute;left:12px;top:45px;border-radius:5px 0 5px 0px;font-size:12px;padding:0px 8px; line-height:13px;}
|
.msj_list_user{font-size:16px;color:#b6bbc2}
|
.msj_list_userinnfo{color:#666;padding:10px 0 0 0;font-size:13px;}
|
.msj_list_userline{padding:0px 5px;color:#999;font-size:12px;}
|
.msj_list_userjob{color:#7e8da1; padding-top:5px;font-size:12px;}
|
.msj_list_userjob_yq{padding:3px 15px; background:#3b7cff;color:#fff;border-radius:20px;position:absolute;right:6px;top:15px;}
|
.msj_list_userjob_msz{padding:3px 15px; background:#504f49;color:#ffac35;border-radius:20px;position:absolute;right:6px;top:15px;}
|
.msj_list_userjob_n{}
|
.msj_list_userlook{color:#74abe4;font-size:12px; margin-left:10px;}
|
.msj_list_zt{ background:#eaf2ff;color:#5784e1;border-radius:2px;display:inline-block;padding:2px 6px;}
|
.msj_list_msz{ background:#ffefe5;color:#ff6600;border-radius:2px; display:inline-block;padding:2px 6px 2px 28px;}
|
.msj_list_msz:after{width:14px;height:14px; background:url(../images/ms_icon2.png) no-repeat; background-size:100%; display:inline-block;content:''; position:absolute;left:8px;top:4px;}
|
.msj_header_job{width:100%; height:26px;position:relative; text-align:center; padding-top:20px;}
|
.msj_msgwbth{ display:inline-block;}
|
.msj_list_jobtit{ padding-top:10px; font-size:16px; padding-bottom:5px; font-weight:bold}
|
.msj_list_joblist{padding:3px 10px;border:1px solid #eee; background:#fff;border-radius:20px; margin-top:10px; display:inline-block; margin-right:5px;}
|
.msj_list_joblist_cur{border:1px solid #3b7cff;color:#3b7cff}
|
|
.video_room_frame{width:100%;height:90%; position:fixed;left:0px;top:50px;right:0px;bottom:0px; z-index:1}
|
.video_room{width:100%;height:100%; background:#242c33}
|
.video_room_tit{width:100%;height:50px; line-height:50px; font-size:18px;color:#fff;position:fixed;left:0px;top:0px; z-index:12}
|
.video_room_user{width:120px;height:140px; background:#383f48;position:fixed;right:20px;top:70px; z-index:10}
|
.video_room_tit_s{ padding-left:20px;}
|
.video_room_qh{width:20px;height:20px; background:url(../images/qhsxt.png) no-repeat; background-size:100%;display:inline-block; position:absolute;right:25px;top:15px;}
|
.sp_cshm{width:100%; text-align:center;color:#9db0cc;padding-top:30px;}
|
.sp_cshmicon{width:130px;height:70px; background:url(../images/spcs.png) no-repeat; background-size:100%;display:block; margin:0 auto}
|
.sp_cshm_bthbox{width:100%;padding:20px 0}
|
.sp_cshm_bth{ display:inline-block; background:#3b7cff;color:#fff;height:30px; line-height:30px;border-radius:3px; text-align:center;font-size:14px;width:130px; }
|
|
.video_hang_up{ width:100%; text-align:center;color:#8b99af;position:fixed;left:0px;bottom:30px; z-index:15}
|
.video_hang_upicon{width:55px;height:55px; display:block; margin:0 auto; background:url(../images/tel.png) no-repeat; background-size:100%;}
|
.video_hang_up_p{ padding-top:8px;}
|
|
.sprequest_waitbox{width:100%; color:#fff; text-align:center;position:fixed;left:0px;top:50%; margin-top:-60px; z-index:15}
|
.sprequest_waitiocn {width: 120px;height: 70px;background:url(../images/spdd.png) no-repeat; background-size:100%; margin:0 auto}
|
.sprequest_wait{font-size:17px;padding:15px 0}
|
.sprequest_wait_time{COLOR:#9db1cd;}
|
.sprequest_wait_time span{color:#2cb6f4;padding:0px 5px}
|
|
.msj_tjbox{width:100%; text-align:center;color:#9db0cc;position:fixed;left:0px;top:50%; margin-top:-100px;z-index:12}
|
.msj_tj_c{}
|
.msj_tj{padding:10px;}
|
.msj_tj_dmszs{font-size:40px; display:block; padding-bottom:10px;}
|
.msj_tj_dms{font-size:16px;color:#fff; padding-bottom:10px;}
|
.msj_userall{width:100%; position:fixed;left:0px;right:0px;bottom:0px; z-index:60; background:#383f48;border-radius:15px 15px 0 0}
|
.msj_userall_h1{padding:10px;color:#fff;border-bottom:1px solid #eee}
|
.msj_userztbox_c{padding:0px 15px;}
|
.msj_userztbox{ background:#202830; text-align:center;padding:10px;}
|
.msj_userzt{width:32%; display:inline-block;color:#9db0cc;font-size:12px; position:relative}
|
.msj_header_rsn_c{ display:block;font-size:18px;color:#dde4e4; padding-bottom:5px;}
|
.msj_userztline:after{width:1px;height:30px; background:#9db0cc; display:inline-block; position:absolute;right:-5px;top:10px;content:''; opacity:0.5}
|
|
.spview_jobshow{width:100%; position:fixed;left:0px;bottom:0px; z-index:90; background:#fff;border-radiuS:5px 5px 0 0}
|
.spview_jobshow_c{padding:10px 15px;}
|
.spview_jobshowbg{ position:fixed; left:0px;top:0px;right:0px;bottom:0px; background:#000; opacity:0.5; z-index:10}
|
.spview_jobshowtit{width:; padding:10px;border-bottom:1px solid #eee;position:relative}
|
.spview_jobshowtitname{ font-size:16px; font-weight:bold}
|
.spview_jobshowgb{width:14px;height:14px; background:url(../images/close.png) no-repeat; background-size:100%; position:absolute;right:20px;top:15px;display:inline-block;}
|
.spview_jobname{ font-size:18px; font-weight:bold}
|
.spview_jobinfo{color:#666;padding:10px 0}
|
.spview_jobxz{ font-size:18px; font-weight:bold;color:#f60;}
|
.spview_jobn{ font-size:16px; font-weight:bold; padding:10px 0}
|
.spview_jobshow_h{width:100%;height:350px; overflow:auto}
|
.spview_jobp{ line-height:28px;color:#666}
|
.spview_jobw{width:45%; display:inline-block}
|
.spview_yms{width:100%;height:55px;}
|
.spview_yms_c{width:100%;height:50px; padding-top:5px;border-top:1px solid #eee; background:#fff; position:fixed;left:0px;bottom:0px; text-align:center}
|
.spview_yms_bth{width:80%;height:40px; line-height:40px; background:#276bf2;color:#fff;font-size:16px; display:inline-block; text-align:center;border-radiuS:5px}
|
.sp_mspd{ padding-top:50px;}
|
.sp_mspdicon {width: 120px;height: 70px;background:url(../images/spdd.png) no-repeat; background-size:100%; margin:0 auto}
|
.sp_mspd_p{width:100%; text-align:center;color:#FFF; font-size:16px; padding-top:20px;}
|
.video-box{width: 100%;height: 100%;}
|
.col-div{flex-direction: column;}
|