﻿/* ============================================================
   样式重置 
   ============================================================ */
*{box-sizing:border-box; cursor:pointer; -webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;outline: none;}
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:400;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
img{display:inline-block;overflow:hidden;vertical-align:top; width:100%;}
em{font-style:normal;}
strong{font-weight:bolder;}
table{border-collapse:collapse;border-spacing:0;}
button,input{cursor:pointer;border:0 none;-webkit-appearance: none;appearance:none; border-radius: 0;}
textarea{word-wrap:break-word;resize:none;}  /* word-wrap for opera, resize for webkit */
menu{margin:0;padding:0;}
body{margin: 0 auto;-webkit-user-select: none;-webkit-text-size-adjust: none!important;font-family:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Arial",sans-serif,Droidsansfallback;font-size: 0.26rem;font-weight: 400;background:#fff; color:#333;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
input,textarea{font-family:"Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","Arial",sans-serif,Droidsansfallback;font-weight: 400;}
input[type="number"]{-webkit-user-select:text;}
a,button,input{-webkit-touch-callout:none;}/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input,select,textarea{outline:none;background: none;font-weight: 400;}
/* input { -webkit-appearance: none; } */
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,button,input,select,li{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d){
    /* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
    /*a,button,input{-webkit-tap-highlight-color:rgba(130,130,130,.52);}*/
    a,button,input,select{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent;outline: none;}
}
a{text-decoration:none;}
.fl{
    float:left;
}
.fr{
    float:right;
}

/*弹性盒子*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-top{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:center;align-items:flex-start;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex-space-around{-webkit-justify-content:space-around;justify-content:space-around;}
.flex-space-between{-webkit-justify-content:space-between;justify-content:space-between;}
.hor-view{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}
.ver-view{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}
.hor-gap{width:1px;height:100%;line-height:0}
.ver-gap{height:1px;width:100%;line-height:0}

/*弹性盒子*/
.between{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between}
.around{display: flex; display: -webkit-flex; -webkit-justify-content:space-around;justify-content:space-around}
.center{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center}
.start{display: flex;display: -webkit-flex; justify-content: flex-start;-webkit-justify-content: flex-start}
.end{display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end}
.middle{display: flex;display: -webkit-flex;-webkit-align-items:center;align-items:center;}
.v-bottom{display: flex;display: -webkit-flex;-webkit-align-items:flex-end;align-items:flex-end;}
.v-baseline{display: flex;display: -webkit-flex;-webkit-align-items:baseline;align-items:baseline;}
.col{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;}
.row{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;}
.nowrap{-webkit-flex-wrap:nowrap;-webkit-box-lines:single;-moz-flex-wrap:nowrap;flex-wrap:nowrap;}
.wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}　
.fn-hide{display:none}

.clearfix:after,.clearfix:before {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom: 1; }
::-moz-placeholder { color:#AAAEB6; font-size:0.28rem;}
::-webkit-input-placeholder { color: #AAAEB6; font-size: 0.28rem;}
:-ms-input-placeholder { color: #AAAEB6;  font-size: 0.28rem;}

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.midcenter {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center; align-items: center;}

html {overflow-y: auto;overflow-x: hidden;height: 100%;max-width:750px; margin:0 auto;}
body{max-width:750px;min-height: 100%;box-sizing:border-box;margin: 0 auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;position:relative;background: #12813d;}

.index_bg{height: 100%;background:url(../images/coverbg.png) top no-repeat; background-size:100% 100%; /*background-attachment:fixed;*/padding-top:1.3rem;}
.index_bg.bg_1{padding-top: 0;}
.main_top{}
.main_logo{ width:3.92rem; margin:0 auto; margin-bottom:0.44rem;}
.main_zt{font-weight: 500;font-size: .3rem;color: #222222;opacity: 0.4;padding-top: .64rem;}
.main_tu{ position:relative; width:100%;margin-bottom:0.25rem;font-weight: 600;font-size: .44rem;color: #222222;text-align: center;}
.apply{ margin-top:0.16rem; font-size:0.28rem;font-weight: 600;color: #FFFFFF;line-height: 0.4rem;text-shadow: 0px 2px 4px #8B5A1C; text-decoration: underline; text-align:center;}
.main_top .tijiao_btn{ margin-top:0;}

.layer{ position:fixed;z-index:5;top:0;bottom:0;left:0;right:0; background:rgba(0,0,0,0.8)}
.laybox{ margin:1rem auto 0; width:6.9rem; height:6.6rem; background: #FFFFFF;border-radius: 0.16rem; padding:0.55rem 0.55rem;}
.laybox .close{ position:absolute; z-index:2; top:0.14rem;right:0.14rem; width:0.56rem;height:0.56rem; background:url(../images/close.png) center no-repeat; background-size:0.36rem 0.36rem;}
.laybox .title{ font-size:0.36rem;font-weight: 500;color: #333333;line-height: 0.5rem; text-align:center;}
.laybox .tip{font-size: .26rem;color: #222222;opacity: 0.3;text-align: center;padding-top: .44rem;}
.denglu{ padding:0.31rem 0 0;}
.denglu li{ height:1rem; background: #F7F7F7;border-radius: 8px;border: 1px solid #DDDDDD;margin-bottom: .4rem;padding: 0 0.44rem;}
.denglu li span{ width:1.26rem;font-size:0.32rem;color: #666666;}
.denglu li span.ico-1{
    width:0.36rem;height:0.42rem; background:url(../images/ico1.png) center no-repeat; background-size:100% 100%;margin-right: 0.4rem;
}
.denglu li span.ico-2{
    width:0.4rem;height:0.37rem; background:url(../images/ico2.png) center no-repeat; background-size:100% 100%;margin-right: 0.4rem;
}
.denglu li input{ display:block; width:calc(100% - 1.26rem); height:0.9rem; border:0;font-size:0.32rem;color: #333;text-align: left; }
.denglu li input::placeholder{ color: #999;  font-size: 0.32rem;}
.queding{height: 1rem;background-color: rgba(16, 119, 231, 1);border-radius: 0.1rem;font-size: 0.32rem;font-weight: 600;color: #FFFFFF;letter-spacing: 1px;}

.ny_bg{background:url(../images/nybg.png) top no-repeat; background-size:100% auto; background-attachment:fixed;}
.ny_top{ position:relative; padding:2.6rem 0.32rem 0.48rem;}
.ny_logo{ position:absolute;top:0.26rem;left:0.23rem; width:3.35rem;}
.bk1{height: 0.12rem;background: #D7AF7C;border-radius: 0.12rem 0.12rem 0px 0px;}
.bk2{background: #FFFFFF; box-shadow: 0.06rem 0.12rem 0.1rem 0px rgba(0,0,0,0.05);border-radius:0px 0px 0.12rem 0.12rem;}
.main1{padding:0.24rem 0.32rem 0.36rem;font-size: 0.28rem;color: #333333;}
.line {border-bottom: 1px solid #D9DAE2; margin-bottom:0.28rem;}
.title_bt {line-height: 0.96rem;}
.form_input{ height:0.96rem; padding-right:0.36rem;background:url(../images/arrow.png) right center no-repeat; background-size:0.24rem 0.24rem; }
.text_input{ padding-right:0; background:none;}
.form_input input{ display:block; height:0.96rem; border:0; line-height:0.96rem; font-size:0.28rem;color: #AAAEB6;text-align: right;}
.form_input.on input{ color:#333;}
.mail_list .txt{ line-height:0.4rem;}
.mail_list ul li{ margin-top:0.24rem; width:calc(50% - 0.12rem);background: #F1F7FA;border: 2px solid #F1F7FA;border-radius: 0.12rem; padding:0.24rem;}
.mail_list ul li:nth-child(1),.mail_list ul li:nth-child(2){ margin-top:0.16rem;}
.mail_list ul li .bt1{font-size: 0.28rem;font-weight: 600;color: #000000;line-height: 0.4rem;}
.mail_list ul li .bt2{font-size: 0.22rem;font-weight: 400;color: #939EAE;line-height: 0.3rem; margin-top:2px;}
.mail_list ul li.on{border: 2px solid #006FBB;}
.mail_list ul li.on .bt1,.mail_list ul li.on .bt2{color: #006FBB;}

.main2{padding-top:0.24rem;}
.nav_menu{height: 0.72rem;background: #FFFFFF;box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.09);}
.nav_menu li{ height:0.72rem; width:2.1rem; font-size:0.3rem;color: #4B4B4B; line-height:0.72rem; position:relative; text-align:center;}
.nav_menu li.on{font-weight: 600;color: #000000;}
.nav_menu li.on:before{ position:absolute; content:'';bottom:0;left:0;right:0; margin:0 auto;width: 0.56rem;height: 2px;background: #006FBB;border-radius: 2px;}
.mail_list2{ padding:0.32rem 0.32rem 0;}
.tab_data{ display:none;}
.tab_data:first-child{ display:block;}
.mail_ul2 li{ margin-top:0.24rem; width:100%;background: #F1F7FA;border-radius: 0.12rem; padding:0.24rem 1.8rem 0.24rem 0.24rem; position:relative;}
.mail_ul2 li:first-child{margin-top:0}
.mail_ul2 li .bt1{font-size: 0.28rem;font-weight: 600;color: #000000;line-height: 0.4rem;}
.mail_ul2 li .bt2{font-size: 0.22rem;font-weight: 400;color: #939EAE;line-height: 0.3rem; margin-top:2px;}
.mail_ul2 li .edit{ position:absolute;right:0.48rem; top:50%; transform:translateY(-50%); font-size:0.24rem;color: #006FBB;line-height: 0.4rem; text-decoration:underline; padding-left:0.36rem;background:url(../images/edit.png) left center no-repeat; background-size:0.29rem 0.29rem; }

.mail_btn{ padding:0.36rem 0px;font-size: 0.28rem;color: #006FBB;line-height: 0.4rem;}
.mail_btn a{ display:block;text-decoration:underline; padding-left:0.37rem; background:url(../images/mail.png) left center no-repeat; background-size:0.3rem 0.3rem;}

.main3{padding:0.4rem 0px 0.36rem;}
.txt_03icon{ width:1.08rem;}
.txt_03wz{ font-size:0.32rem;font-weight: 600;color: #000000;line-height: 0.45rem; margin-top:0.12rem; margin-bottom:0.4rem;}
.txt_bt{height: 0.56rem; line-height:0.56rem;background: #F1F7FA; padding:0 0.32rem;font-size:0.26rem;font-weight: 600;color: #333333;}
.txt_main{ padding:0 0.32rem;}
.txt_main .line{border-bottom: 1px solid #eee; margin-bottom:0px;}
.txt_main .wzline{ padding:0.25rem 0px;font-size:0.32rem;color: #333333;
line-height: 0.46rem;}
.txt_main .line .tag{ color:#666;}
.process{height: 0.16rem;background: #F1F7FA;border-radius: 0.20rem; margin-bottom:0.32rem; position:relative;}
.process span{ position:absolute;left:0;top:0;bottom:0;background: #6F7EC7;border-radius: 0.20rem;}

.tijiao_btn{width: 5.88rem; margin:0 auto; margin-top:0.48rem;height: 0.88rem;background: #D7AF7C;border-radius: 0.44rem; font-size:0.32rem;font-weight: 600;color: #FFFFFF;line-height: 0.88rem;
letter-spacing: 1px;}
.back_btn{width: 5.88rem; margin:0 auto;  margin-top:0.24rem;height: 0.88rem;background: #006FBB;border-radius: 0.44rem;border: 1px solid #FFFFFF; font-size:0.32rem;font-weight: 600;color: #FFFFFF;line-height: 0.88rem;
letter-spacing: 1px;}
.footwz{ 
    padding:0.9rem 0.3rem 0.4rem; font-size:0.28rem;color: #222;line-height: 0.4rem;letter-spacing: 1px; text-align:center;
    /*position: absolute;*/
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    opacity: 0.4;
}

.tipbox{ position:absolute; z-index:3;top:0.88rem;left:0;right:0; margin:0 auto;width: 5.18rem;height: 2rem;background: #000000;border-radius: 0.16rem;opacity: 0.75;backdrop-filter: blur(20px);}
.tipbox .wrong{ width:0.56rem; margin-bottom:0.15rem;}
.tipbox .wz{ font-size:0.26rem;color: #FFFFFF;line-height: 0.37rem;}


.container{
    padding: .4rem .3rem;
}
.container .info{
    display: flex;
    align-items: center;
}
.container .info .head{
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .3rem;
}
.container .info .head img{
    display: block;
    border: 1px solid #fff;
    border-radius: 8px;
}
.container .info .text{
    line-height: 1.6;
}
.container .info .text h2{
    font-weight: 600;
    font-size: .4rem;
    color: #222;
}
.container .info .text p{
    font-weight: 500;
    font-size: .28rem;
    color: #999;
}

.main{
    padding: .4rem .35rem;
    min-height: 10rem;
    background: #FFFFFF;
    border-radius: .14rem;
    margin-top: .4rem;
}
.notice-box{
    background: linear-gradient( 90deg, #DEDBD8 0%, #F8F8F8 100%);
    border-radius: 0.07rem;
    font-size: .26rem;
    color: #222222;
    padding: .17rem .24rem;
    position: relative;
}
.notice-box i{
    position: absolute;
    width: .12rem;
    height: .19rem;
    background: url('../images/jt.png') no-repeat;
    background-size: 100% 100%;
    right: 0.23rem;
    top: 0.25rem;
}
.links{
    display: flex;
    flex-wrap: wrap;
    padding-top: .1rem;
    padding-left: 0.2rem;
    
}
.links .item{
    width: 1.08rem;
    margin-top: .4rem;
    margin-right: 1.28rem;

}
.links .item p{
    font-size: .26rem;
    color: #222222;
    line-height: .37rem;
    padding-top: .2rem;
}

.u-top{
    text-align: center;
    font-weight: 600;
    font-size: .4rem;
    color: #222222;
    position: relative;
}
.u-top a{
    position: absolute;
    width: .17rem;
    height: .28rem;
    background: url('../images/jt1.png') no-repeat;
    background-size: 100% 100%;
    left: 0.25rem;
    top: 0.15rem;
}
.select-box{
    display: flex;
    gap: .25rem;
}
.select-box .item{
    width: 1.9rem;
    height: .7rem;
    background: #FBFBFB;
    border-radius: .07rem;
    border: 1px solid #D6D6D6;
    display: flex;
    align-items: center;
    position: relative;
}
.select-box .item span{
    padding-left: .15rem;
    font-weight: 500;
    font-size: .29rem;
    color: #222222;
    display: inline-block;
    width: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-box .item i{
    width: .14rem;
    height: .07rem;
    background: url('../images/jt2.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .2rem;
    top: .3rem;
}
.hd-list .item{
    /*width: 6.1rem;*/
    min-height: 2.2rem;
    background: linear-gradient( 90deg, #F4FBFF 0%, #FFFFFF 100%);
    border-radius: .06rem;
    border: 1px solid #E7E7E7;
    margin-top: .24rem;
    padding: .3rem;
}
.team-list .item{
    height: 2.7rem;
}
.hd-list .item h2{
    font-weight: 600;
    font-size: .32rem;
    margin-bottom: .12rem;
}
.hd-list .item p{
    line-height: .42rem;
    font-size: .22rem;
    color: #999;
}
.btn{
    font-weight: 600;
    font-size: .3rem;
    color: #FFFFFF;
    height: .93rem;
    background: #1077E7;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;

}
.details h2{
    font-weight: 600;
    font-size: .36rem;
    color: #222222;
    line-height: .5rem;
    margin-bottom: .2rem;
}
.details p{
    font-size: .26rem;
    color: #999;
    line-height: .52rem;
}
.details h3{
    font-weight: 600;
    font-size: .28rem;
    color: #222222;
    line-height: .48rem;
    margin: .2rem 0;
}
.details .imgs{
    display: flex;
    flex-wrap: wrap;
    gap:.22rem;
}
.details .imgs img{
    width: 1.85rem;
    height: 1.7rem;
    background: #EFEFEF;
    border-radius: .06rem;
}
.form li{
    padding: .3rem 0;
    border-bottom: 1px solid #E6E6E6;
    display: flex;
    justify-content: space-between;
    color: #999;
}
.form .li{
    display: block;
}
.form .li textarea{
    display: block;
    width: 100%;
    min-height: 2rem;
    border: 0;
    padding: 8px 0;
}
.form .li .add{
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    background-color: #eee;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: normal;
    float: left;
    margin-right: 0rem;
}
.form li input{
    width: 70%;
    text-align: right;
    font-size: .26rem;
}
.form li input::placeholder,.form .li textarea::placeholder{
    font-size: .26rem;
}
.form li span{
    font-weight: 600;
    font-size: .3rem;
    color: #222222;
}
.form .check{
    display: flex;
    align-items: center;
    width: 70%;
    justify-content: right;
}
.form .check .name{
    width: 90%;
    word-break: break-all;
    text-align: right;
}
.form li .check i{
    display: block;
    width: .12rem;
    height: .20rem;
    background: url('../images/jt3.png') no-repeat;
    background-size: 100% 100%;
    margin-left: .3rem;
}
.form li .check i.add{
    width: .3rem;
    height: .3rem;
    background: url('https://gkbimg.360eol.com/employment/ytu/add.png') no-repeat;
    background-size: 100% 100%;
    margin-left: 0.1rem;
}
.m-success{
    text-align: center;
    margin-bottom: 0.6rem;
    padding-top: 1.5rem;
}
.m-success img{
    width: 1.5rem;
    height: 1.5rem;
}
.m-success h2{
    font-weight: 600;
    font-size: .34rem;
    color: #222222;
    margin-top: .38rem;
}
.back{
    text-align: center;
    font-weight: 600;
    font-size: .3rem;
    padding-top: .24rem;
    
}
.back a{
    color: #222222; 
}

.data-box .year{
    text-align: center;
    font-weight: 600;
    font-size: .36rem;
    color: #999;
    padding-top: 0.2rem;
}
.data-box .year i{
    display: inline-block;
    width: .15rem;
    height: .24rem;
    background: url('../images/jt.png') no-repeat;
    background-size: 100% 100%;
    margin-left: .2rem;
}

.data-box .total-box{
    text-align: center;
    padding-top: .75rem;
}
.data-box .total-box strong{
    font-family: DINAlternate, DINAlternate;
    font-weight: bold;
    font-size: 1.4rem;
    color: #222222;
    line-height: 1.63rem;
}

.grid-box{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    padding-top: .4rem;
    margin-top: .8rem;
}
.grid-box .item{
    width: 33.3%;
    text-align: center;
    color: #999;
}
.grid-box .item span{
    font-family: DINAlternate, DINAlternate;
    font-weight: bold;
    font-size: .8rem;
    padding-bottom: 20px;
    padding-top: 10px;
    display: inline-block;
    color: #222;
    opacity: 0.6;
}
.details .personal{
    margin-bottom: .2rem;
}
.details .personal .head{
    width: 0.9rem;
    height: 0.9rem;
    background: #E7E7E7;
    border-radius: 3px;
}
.tabs{
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
}
.tabs span{
    flex: 1;
    text-align: center;
    display: block;
    font-weight: 500;
    font-size: .36rem;
    color: #222222;
    opacity: 0.3;
}
.tabs span.cur{
    opacity: 1;
    font-weight: 600;
    position: relative;
}
.tabs span.cur:after {
    content:"";
    width: .5rem;
    height: .1rem;
    background: #1077E7;
    position: absolute;
    left: 50%;
    bottom: -0.32rem;
    margin-left: -0.25rem;
}
.teacher{position: relative;}
.teacher .btn{
    /*position: fixed;
    width: 6.2rem;
    bottom: 20px;*/
}
.hd-list{
    max-height: 12rem;
    overflow-y: auto;
}
.teacher .btns{
    display: flex;
    margin-top: 0.3rem;
}
.teacher .btns a{
    flex: 1;
}
.teacher .btns a.btn-1{
    background: #FFFFFF;
    border-radius: .1rem;
    border: 1px solid #1077E7;
    color: #1077E7;
    margin-right: .2rem;
}

.addlist_con{ position:relative; z-index:2; margin-top:-1px; background:#fff;}
.addlist_con .add_box{ border:1px solid #ECECEC;border-radius: 0.08rem; margin-bottom:0.24rem; padding:0.24rem 0.32rem; position:relative;}
.add_box .delete{ position:absolute; top:0.1rem;right:0.12rem; width:0.6rem; height:0.6rem; background:url(https://gkbimg.360eol.com/employment/ytu/delete2.png) center no-repeat; background-size:0.21rem 0.27rem}
.add_box .bt{ font-size:0.28rem;font-weight: 600;color: #000000;line-height: 0.34rem; width:calc(100% - 0.4rem)}
.add_box .date{margin-top:0.24rem;font-size:0.24rem;color: #000000;line-height: 0.34rem;}
.add_box .details{ margin-top:0.1rem;font-size:0.24rem;color: #626773;line-height: 0.34rem;}

/**弹框**/
.fixd_lay {position: fixed;z-index: 998;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
/*.fixd_box1 {position: fixed;z-index: 1002;left: 0;right: 0;margin: 0 auto;width: 7.5rem;bottom: 0;top: 1.93rem;bottom:0;background: #fff;border-radius: 0.16rem 0.16rem 0 0; padding:0.38rem 0px}*/
.fixd_box1 {position: fixed;z-index: 1002;left: 0;right: 0;margin: 0 auto;width: 7.5rem;height:11rem;bottom: 0;bottom:0;background: #fff;border-radius: 0.16rem 0.16rem 0 0; padding:0.38rem 0px}
.close_box {position: absolute;z-index: 10;top: 0.24rem;right: 0.24rem;width: 0.58rem;height: 0.58rem; cursor:pointer;background: url(https://gkbimg.360eol.com/employment/ytu/close.png) center no-repeat;background-size:0.46rem 0.46rem;}
.fixd_box1 .title {font-size: 0.36rem;font-weight: 600;color: #333;line-height: 0.5rem;position: relative;z-index: 2; margin-bottom:0.3rem;}
.fixd_box1 .search_k{border-radius:0.08rem;border: 1px solid #C7C7C7; margin:0 0.48rem;}
.fixd_box1 .search_k input{display:block; width:calc(100% - 1.2rem); height:0.8rem; border:0; line-height:0.8rem; font-size:0.3rem;color: #333; padding-left:0.3rem;}
.fixd_box1 .search_k .search_btn{ width:1.2rem;height:0.8rem;line-height:0.8rem; font-size:0.3rem;color: #333; font-weight:600}
.form_add{ position:fixed;left: 0;right: 0;margin: 0 auto;width: 7.5rem; bottom:0; height: 1.6rem;background:#fff;font-size: 0.3rem;font-weight: 600;color: #0061FF;}
.company_con{ margin-top:0.3rem; height:calc(100% - 3.3rem); padding:0 0.3rem;  overflow-y:auto}
.company_con li{ border-bottom:1px solid #eee; padding:0.19rem 0.8rem 0.32rem 0.18rem; position:relative;}
.company_con li:before{ position:absolute; content:''; top:50%; right:0; transform:translateY(-50%); width:0.37rem; height:0.36rem;background:url(https://gkbimg.360eol.com/employment/ytu/arrow5.png) center no-repeat; background-size:0.36rem 0.37rem;}
.company_con .bt{font-weight: 600;font-size: 0.32rem;color: #333333;line-height: 0.45rem;}
.company_con .city{font-size: 0.24rem;color: #999999;line-height: 0.34rem; margin-top:0.08rem}

/**添加企业联系人弹框**/
/*.people_02 {padding:0 0.3rem;height: calc(100% - 2.5rem);overflow: hidden;overflow-y: auto;background: #fff;}
.people_02 ul {padding-left: 0.12rem;}
.people_02 li { padding: 0.19rem 0.95rem 0.19rem 0.12rem; position: relative;border-bottom: 1px solid #eee;}
.people_02 li:before { position: absolute;content: '';right: 0.32rem;top: 0.23rem;width: 0.39rem;height: 0.39rem;background: url(https://gkbimg.360eol.com/employment/ytu/choose.png) no-repeat;background-size: cover;}
.people_02 li.on:before { background: url(https://gkbimg.360eol.com/employment/ytu/choose_on.png) no-repeat;background-size: cover;}
.people_02 li .name {font-size: 0.3rem;color: #000;line-height: 0.42rem;}
.people_02 li .work {font-size: 0.24rem;color: #626773; line-height: 0.3rem;margin-top:0.1rem;}*/

.people_list {
    padding: 0.2rem 0.34rem 0;
}
.people_con{ height:7rem; margin-top:0.5rem; position:relative;}
.people_con:before{ position:absolute;content:'';    left: 1.8rem;; top:0;bottom:0; width:1px; height:100%; background:#d8d8d8;}
.people_01{ width:3rem; height:100%; overflow:hidden; overflow-y:auto;}
.people_01 ul{ padding:0 0.2rem;}
.people_01 ul li{ font-size:0.32rem;font-weight: 600;color:rgba(17, 17, 17, 0.3);line-height: 0.45rem; margin-bottom:0.4rem;}
.people_01 ul li:last-child{margin-bottom:0;}
.people_01 ul li.on{color: #111111;}
.people_02{ width:calc(100% - 3rem);height:100%; overflow:hidden; overflow-y:auto;}
.people_02 ul{padding-left:0.54rem; padding-right:0.2rem;}
.people_02 li{ padding-right:1.1rem;margin-bottom:0.4rem; position:relative;}
.people_02 li:before{ position:absolute; content:'';right:0;top:0; width:0.48rem; height:0.48rem;background:url(../images/choose.png) no-repeat;background-size:cover;}
.people_02 li:last-child{margin-bottom:0;}
.people_02 li.on:before{background:url(../images/choose_on.png) no-repeat;background-size:cover;}
.people_02 li .name{font-size:0.32rem;font-weight: 600;color:rgba(17, 17, 17, 0.6);line-height: 0.45rem;}
.people_02 li .work{font-size:0.26rem;font-weight: 600;color:rgba(17, 17, 17, 0.3);line-height: 0.38rem;}
#peoplebox .people_01{
    width: 2.2rem;
}
#peoplebox .people_02{
    padding-right: 0.3rem;
}
#peoplebox .people_01 ul{
    padding-left: 0.5rem;
}
.upload{
    

}
.upload .imgs{
    display: flex;
    margin-left: .2rem;
}
.upload .imgs .img{
    width: 1.3rem;
    height: 1.3rem;
    position: relative;
}
.upload .imgs .img .close{
    position: absolute;
    width: .3rem;
    height: .3rem;
    background: url('../images/close1.png') no-repeat;
    background-size: 100% 100%;
    right: -0.1rem;
    top: -0.1rem;

}
.upload .imgs .img img{
    display: block;
    width: 100%;
    height: 100%;

}
.dropload-load{height:0.5rem;line-height: 0.5rem;text-align: center; font-size:0.27rem; margin-bottom:0.2rem; display:none;}
.dropload-load .loading{display: inline-block;height: 0.25rem;width:0.25rem;border-radius: 100%;margin:0.1rem;border: 1px solid #666;border-bottom-color: transparent;vertical-align:middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
.photolist{ margin-bottom:0.3rem }
/*信息提示层*/
.prompt, .tip-pop {
    z-index: 9999;
    position: fixed;
    padding: .45em .25rem;
    background-color: rgb(0 0 0 / 55%);
    color: #fff;
    font-size: .32rem;
    border-radius: .2rem;
    top: 5rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-name: fadeIn;
}
.check-all{
    display: flex;
    justify-content: right;
    padding-right: .2rem;
    height: .5rem;
}
.check-all .people_02{
    overflow: hidden;
}
.check-all .people_02 li{
    display: flex;
    justify-content: right;
    float: right;
}
.form_add{
    width: 5.48rem;
    height: 0.96rem;
    background: #2368FF;
    border-radius: 0.08rem;
    font-size: 0.34rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 0.48rem;
    bottom: .2rem;
}
/**适配**/
@media screen and (min-width:320px) {
    html { font-size: 42.66px }
    }
    @media screen and (min-width:360px) {
    html { font-size: 48px }
    }
    @media screen and (min-width:375px) {
    html { font-size: 50px }
    }
    @media screen and (min-width:384px) {
    html { font-size:51.2px }
    }
    @media screen and (min-width:400px) {
    html { font-size: 54px }
    }
    @media screen and (min-width:414px) {
    html { font-size: 54px }
    }
    @media screen and (min-width:424px) {
    html { font-size: 56.54px }
    }
    @media screen and (min-width:480px) {
    html { font-size: 64px }
    }
    @media screen and (min-width:540px) {
    html { font-size: 72px }
    }
    @media screen and (min-width:640px) {
    html { font-size: 85.32px }
    }
    @media screen and (min-width:720px) {
    html { font-size: 96px }
    }
    @media screen and (min-width:750px) {
    html { font-size: 100px }
    .fixd_box1{width: 6.9rem;height: 8rem;}
        .people_list .people_con_1{height: 4.6rem;margin-top: .3rem;}
    .people_01 ul li,.people_02 li,.people_02 li .name,.people_02 li .work{font-size: 0.24rem;}
    .people_01 ul li,.people_02 li{margin-bottom: .2rem;}
    .people_02 li:before{width: 0.3rem;height: 0.3rem;top: .1rem;}
    .form_add{height: .8rem;}
    .fixd_box1 .title{font-size: .3rem;margin-bottom: 0;}
    }
	
	@media only screen and (device-width: 375px) and (device-height: 667px){
		
	}
	
	/* x/xs */
	@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
		
	}
	
	/* xs max/xr/11 */
	@media only screen and (device-width: 414px) and (device-height: 896px){
		
	}
	@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {	
		
	}
	@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {	
		
	}