.container{
  width:100%;
  background:#fff;

}
.width1200{
  width:1200px;
  margin:0 auto;
}
.head-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    background: #fff;
    box-shadow: 0px 2px 17px 0px rgb(0 0 0 / 16%);
}
.head-top {
    width: 100%;
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xinghao{
  color:#e02020;
}
.head-top-left {
  display: flex;
  align-items: center;
  height: 100%;
}
.top-left-img {
  width: 238px;
  height: 32px;
  margin-right: 8px;
}
.top-left-font {
  color: #1C68AE;
  font-size:20px;
  font-weight: bold;
}
.top-left-line {
  width: 4px;
  height: 26px;
  background: #1C68AE;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 12px;
}
.head-top-right {
display: flex;
}
.head-top-nav {
margin-right: 52px;
display: flex;
}
.head-top-nav-item {
    margin-right: 6px;
    padding: 0 12px;
    position: relative;
    height: 64px;
    line-height: 64px;
    cursor: pointer;
    text-decoration: none;
    color: #666666;
}
.head-top-nav-item:hover {
    background: #F3F7FF;
    color: #1C68AE;
}
.head-top-nav-item:active {
    background: #F3F7FF;
    color: #1C68AE;
    font-weight: bold;
}
.head-top-nav-item:hover::before, .head-top-nav-item:hover::after {
    content: '';
    width: 100%;
    height: 4px;
    background: #518BFF;
    position: absolute;
    left: 0;
    top: -1px;
}
.head-top-icon {
display: inline-block;
width: 22px;
height: 22px;
background-image: url(../images/rem-head-icon.png);
background-repeat: no-repeat;
background-size: contain;
}
/*cont-banner背景*/
.cont-banner {
    width: 100%;
    height: 620px;
    position: relative;
    /*background: url(../images/topBanner1x.png) no-repeat;
  background-size: 100% 100%;*/
    background: linear-gradient(to bottom, #6196FF, #3D7EFF);
}
.cont-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 282px;
}

.banner-cont{
  height:100%;
  display:flex;
  justify-content:space-between;
}
.banner-left {
  width: 61%;
  height:100%;
  position:relative;
}
.banner-right {
  width: 410px;
  height: 500px;
  background: #fff;
  margin: auto 0;
  border-radius:4px;
  position: relative;
}
.banner-people {
  width: 525px;
  height: 500px;
  display: inline-block;
  position: absolute;
  bottom: -56px;
  left: -70px;
}
.banner-people2 {
  width: 475px;
  height: 377px;
  display: inline-block;
  position: absolute;
  bottom: -26px;
  left: -23px;
  z-index:1;
}
.banner-prople-con {
    width: 552px;
    position: absolute;
    right: -47px;
    bottom: 115px;
}

.banner-people2-con {
    height: 470px;
    position: absolute;
    right: -48px;
    bottom: 86px;
}
.banner-left-top {
  width: 315px;
  height: 168px;
  background: url(../images/banner-left-1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: inline-block;
  left: 230px;
  top: 60px;
  padding: 24px 22px;
}

.banner-left-top1 {
  width: 196px;
  height: 164px;
  background: url(../images/banner-left-3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: inline-block;
  left: 134px;
  top: 156px;
  padding: 36px 26px;
}
.banner-left-top2 {
  width: 190px;
  height: 204px;
  background: url(../images/banner-left-4.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: inline-block;
  left: 336px;
  top: 80px;
  padding: 24px 22px;
  z-index: 2;
}
.banner-left-top3 {
  width: 166px;
  height: 176px;
  background: url(../images/banner-left-5.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: inline-block;
  left: 492px;
  top: 280px;
  padding: 32px 26px;
  z-index:2;
}
.line-circle{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#fff;
  display:inline-block;
  margin-right:12px;
}



.banner-left-title {
  font-weight: 600;
  color: #FFF;
  line-height: 30px;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.2000);
  font-size: 22px;
  margin-bottom: 26px;
}
.banner-left-cont {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  margin:14px 0;
}

.banner-left-bottom {
  width: 328px;
  height: 168px;
  background: url(../images/banner-left-2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  display: inline-block;
  left: 394px;
  bottom: 60px;
  padding: 24px 22px;
}

/*banner右侧*/
.right-phone{
  /*padding:0 38px;*/
}
.work-box {
    padding-top: 34px;
}

.right-phone-top {
    padding: 3px 8px;
    border: 1px solid #DFDFDF;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin: 0 auto 20px;
    width: 334px;
    box-sizing: border-box;
}
  .right-phone-top:hover, .right-phone-bottom:hover {
    border: 1px solid #0091FF;
  }
.right-phone-bottom {
    padding: 3px 0 3px 8px;
    border: 1px solid #DFDFDF;
    display: flex;
    align-items: center;
    width: 334px;
    box-sizing: border-box;
    margin: 30px auto 0;
}
.work-item {
    margin-bottom: 44px;
}
.work-item-vc {
    width: 178px;
}
.phone-icon {
    width: 38px;
    height: 28px;
    display: block;
    color: #DFDFDF;
}
.email-icon {
  width: 47px;
  height: 28px;
  display: block;
  color: #DFDFDF;
}
.line-height {
  width: 1px;
  height: 20px;
  background: #D8D8D8;
}
.phoneIcon {
    background: url(../images/rem-ic-phone.png) center center no-repeat;
    background-size: cover;
}
.companyIcon {
    background: url(../images/rem-ic-company.png) center center no-repeat;
    background-size: cover;
}
.peopleIcon {
    background: url(../images/rem-ic-people.png) center center no-repeat;
    background-size: cover;
}
.depIcon {
    background: url(../images/rem-ic-dep.png) center center no-repeat;
    background-size: cover;
}
.emailIcon {
    background: url(../images/rem-ic-email.png) center center no-repeat;
    background-size: cover;
}

.right-phone-top:hover .phoneIcon {
    background: url(../images/rem-ic-phone-blue.png) center center no-repeat;
    background-size: cover;
}
.right-phone-top:hover .companyIcon {
    background: url(../images/rem-ic-company-blue.png) center center no-repeat;
    background-size: cover;
}
.right-phone-top:hover .peopleIcon {
    background: url(../images/rem-ic-people-blue.png) center center no-repeat;
    background-size: cover;
}
.right-phone-top:hover .depIcon {
    background: url(../images/rem-ic-dep-blue.png) center center no-repeat;
    background-size: cover;
}

.right-phone-bottom:hover .emailIcon {
    background: url(../images/rem-ic-email-blue.png) center center no-repeat;
    background-size: cover;
}
.right-phone-bottom:hover .line-height {
  background: #0091FF;
}
.borderNone {
  border: none;
}
.right-bottom-btn {
    width: 356px;
    height: 66px;
    line-height: 65px;
    text-align: center;
    background: url(../images/rem-banner-btn.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    border: none;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    display: block;
}
  .right-bottom-btn:hover {
    background: url(../images/rem-banner-btn-click.png) no-repeat;
    background-size: 100% 100%;
    opacity: .8;
  }
    .right-bottom-btn:focus {
        background: url(../images/rem-banner-btn-click.png) no-repeat;
        background-size: 100% 100%;
    }
.right-bottom-btn.grey, .right-bottom-btn.grey:hover, .right-bottom-btn.grey:focus {
    background: url(../images/rem-banner-btn-noclick.png) no-repeat;
    background-size: 100% 100%;
    color: #999;
    cursor: not-allowed;
}
    .sure-box {
        position: absolute;
        bottom: 16px;
        text-align: center;
        width: 100%;
    }
/*锐仕方达的优势*/
.cont-top {
    width: 100%;
    color: #1C68AE;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}
.cont-top1 {
  width: 100%;
  color: #1C68AE;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lineBorder1 {
  width: 67px;
  height: 4px;
  background: #1C68AE;
  display:inline-block;
}
.lineBorder2 {
  width: 36px;
  height: 4px;
  background: #1C68AE;
  display:inline-block;
}
.cont-moddle{
  display:flex;
  justify-content:space-between;
  padding:56px 0 60px;
}
.cont-moddle-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 24px;
}
.cont-moddle-btn {
    display: inline-block;
    width: 100px;
    height: 30px;
    border-radius: 15px;
    margin-top: 13px;
    background: url(../images/rem-ic-btn.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.cont-moddle-btn:hover {
    background: url(../images/rem-ic-btn-hover.png) no-repeat;
    background-size: cover;
}
.cont-moddle-btn:focus, .cont-moddle-btn:active {
    background: url(../images/rem-ic-btn-focus.png) no-repeat;
    background-size: cover;
}
/*锐仕方达公司介绍*/
.company-hd {
    width: 100%;
    background: #F3F7FF;
    padding: 60px 0 40px;
}
.company-box {
    position: relative;
    background: #F3F7FF;
}
.company-left {
    position: relative;
}
.company-btn {
    position: absolute;
    left: 557px;
    bottom: 3px;
    width: 100px;
    height: 30px;
    border-radius: 15px;
    background: url(../images/rem-ic-btn.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
    .company-btn:hover {
        background: url(../images/rem-ic-btn-hover.png) no-repeat;
        background-size: cover;
    }
    .company-part-title {
        width: 124px;
        font-size: 30px;
        line-height: 42px;
        color: #1C68AE;
        font-weight: bold;
        padding: 30px 0 9px;
        border-bottom: 4px solid #1C68AE;
        margin-bottom: 19px;
    }
.company-intro {
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
}
.company-intro-part {
    margin-bottom: 10px;
    display: flex;
}
.company-intro-part-item {
    width: 212px;
    height: 104px;
    background: #E7F3FF;
    text-align: center;
    font-size: 36px;
    color: #115492;
    font-weight: bold;
    line-height: 104px;
    margin-right: 12px;
    border-radius: 4px;
}
.company-intro-part-item span {
    font-weight: normal;
    font-size: 14px;
}
.company-con li {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    position:relative;
    padding-left: 15px;
}
.company-con li:before {
    content: '.';
    font-size: 36px;
    position: absolute;
    color: #1C68AE;
    top: -12px;
    left: 0;
}
.company-img {
    width: 388px;
    position: absolute;
    top: 0;
    right: 0;
}
/*锐仕方达猎头顾问*/
.headhunting-hd {
    padding-top: 60px;
    background: #F7FBFF;
    position: relative;
    padding-bottom: 38px;
}
.headhunting-box {
    width: 1240px;
    height: 390px;
    overflow: hidden;
    margin: 50px auto 0;
    transform: translateX(20px);
}
.headhunting-box .swiper-slide {
    width: 1230px;
    height: 390px;
    display: inline-block;
}
.headhunting-item {
    display: inline-block;
    width: 278px;
    height: 390px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-right: 30px;
    cursor: pointer;
}
.headhunting-item:hover {
    background: #4281FF;
    padding-top: 5px;
    box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.18);
}
.headhunting-item:hover .headhunting-item-img {
    width: 268px;
    margin: 0 auto 10px;
}
.headhunting-item:hover .headhunting-item-name, .headhunting-item:hover .headhunting-item-intro {
    color: #fff;
}
.headhunting-item-img {
    margin-bottom: 14px;
    width: 278px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    border-radius: 10px 10px 0 0;
}
.headhunting-item-name {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 33px;
    color: #333333;
}
.headhunting-item-intro {
    color: #666666;
    font-size: 16px;
    line-height: 22px;
}
.headhunting-item-time {
    position: absolute;
    width: 78px;
    height: 24px;
    background: #FF9442;
    border-radius: 1px 14px 1px 14px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    top: 11px;
    left: 12px;
    z-index: 1;
}
/*锐仕方达行业*/
.industry-hd {
    padding-top: 60px;
    padding-bottom: 40px;
    background: #F7FBFF;
}
.industry-box {
    width: 1220px;
    margin: 60px auto 0;
    transform:translateX(-10px;)
}
.industry-item {
    width: 285px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-right: 20px;
    font-size: 20px;
    color: #333333;
    display: inline-flex;
    align-items: center;
    border: 1px solid #fff;
    margin-bottom: 20px;
    box-sizing: border-box;
    cursor: pointer;
}
.industry-item.cur {
    color: #2062E5;
    border: 1px solid #2062E5;
}
.industry-item-img {
    display: block;
    margin: 0 20px 0 24px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
}
.industry1 {
    background-image: url(../images/rem-ic-indu1.png);
}
.industry2 {
    background-image: url(../images/rem-ic-indu2.png);
}
.industry3 {
    background-image: url(../images/rem-ic-indu3.png);
}
.industry4 {
    background-image: url(../images/rem-ic-indu4.png);
}
.industry5 {
    background-image: url(../images/rem-ic-indu5.png);
}
.industry6 {
    background-image: url(../images/rem-ic-indu6.png);
}
.industry7 {
    background-image: url(../images/rem-ic-indu7.png);
}
.industry8 {
    background-image: url(../images/rem-ic-indu8.png);
}
.industry9 {
    background-image: url(../images/rem-ic-indu9.png);
}
.industry10 {
    background-image: url(../images/rem-ic-indu10.png);
}
.industry11 {
    background-image: url(../images/rem-ic-indu11.png);
}
.industry12 {
    background-image: url(../images/rem-ic-indu12.png);
}
.industry-item.cur .industry1 {
    background-image: url(../images/rem-ic-indu1-blue.png);
}
.industry-item.cur .industry2 {
    background-image: url(../images/rem-ic-indu2-blue.png);
}
.industry-item.cur .industry3 {
    background-image: url(../images/rem-ic-indu3-blue.png);
}
.industry-item.cur .industry4 {
    background-image: url(../images/rem-ic-indu4-blue.png);
}
.industry-item.cur .industry5 {
    background-image: url(../images/rem-ic-indu5-blue.png);
}
.industry-item.cur .industry6 {
    background-image: url(../images/rem-ic-indu6-blue.png);
}
.industry-item.cur .industry7 {
    background-image: url(../images/rem-ic-indu7-blue.png);
}
.industry-item.cur .industry8 {
    background-image: url(../images/rem-ic-indu8-blue.png);
}
.industry-item.cur .industry9 {
    background-image: url(../images/rem-ic-indu9-blue.png);
}
.industry-item.cur .industry10 {
    background-image: url(../images/rem-ic-indu10-blue.png);
}
.industry-item.cur .industry11 {
    background-image: url(../images/rem-ic-indu11-blue.png);
}
.industry-item.cur .industry12 {
    background-image: url(../images/rem-ic-indu12-blue.png);
}
/*锐仕方达成功数据*/
.suc-data-hd {
    padding-top: 60px;
    width: 100%;
    height: 780px;
    background-image: url(../images/rem-suc-bg.png);
    background-size: contain;
    background-repeat: round;
}
.suc-data-box {
    width: 1200px;
    height: 565px;
    position: relative;
    margin: 60px auto 0;
}
.suc-data-box-btn {
    width: 100px;
    height: 30px;
    border-radius: 15px;
    background: url(../images/rem-ic-btn-blue.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 47px auto;
}
    .suc-data-box-btn:hover {
        background: url(../images/rem-ic-btn-blue-hover.png) no-repeat;
        background-size: cover;
    }
    .suc-data-list {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #FFCE6B 0%, #FFD18E 100%);
        z-index: 1;
        display: flex;
    }
.suc-data-nav {
    width: 240px;
    padding-left: 4px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #FFCE6B 0%, #FFD18E 100%);
    position: relative;
    z-index: 1;
}
.suc-data-nav li {
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 22px;
    color: #281A00;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    margin-bottom: 2px;
}
li.suc-data-nav-title {
    cursor: default;
}
.suc-data-nav li:hover, .suc-data-nav li.cur {
    color: #714C00;
    background:#fff;
    border-radius: 30px 0 0 30px;
}
.suc-data-nav li.suc-data-nav-title:hover {
    background: rgba(0,0,0,0);
    border-radius: 0;
    color: #281A00;
}
.suc-data-icon1 {
    position: absolute;
    width: 136px;
    top: -66px;
    left: -70px;
    z-index: 0;
}
.suc-data-icon2 {
    position: absolute;
    width: 98px;
    bottom: -22px;
    right: -48px;
    z-index: 2;
}
.suc-data-con-box {
    width: 960px;
    height: 565px;
    background:#fff;
}
.suc-data-con-title {
    background: #FDF9F3;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 14px;
    box-sizing: border-box;
    font-size: 16px;
    color: #714C00;
}
.suc-data-con-item {
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #EFC78D;
    height: 60px;
    line-height: 60px;
}
.suc-data-con-item span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.suc-data-con {
    box-sizing: border-box;
    padding: 0 15px;
    overflow: hidden;
}
.suc-data-con-time {
    display: inline-block;
    width: 140px;
    padding-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.suc-data-con-dep {
    width: 210px;
    display: inline-block;
    padding-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.suc-data-con-company {
    width: 300px;
    display: inline-block;
    padding-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.suc-data-con-salary {
    width: 160px;
    padding-left: 20px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*锐仕方达合作客户*/
.cont-bottom {
    width: 100%;
    background: #F7FBFF;
    padding: 60px 0;
}
.cont-bottom .bottom-top {
    position: relative;
}
.cont-bottom-btn {
    width: 100px;
    height: 30px;
    border-radius: 15px;
    background: url(../images/rem-ic-btn.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 20px auto 0;
}
    .cont-bottom-btn:hover {
        background: url(../images/rem-ic-btn-hover.png) no-repeat;
        background-size: cover;
    }

    .width238 {
        width: 962px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-top: 22px;
    }
.footer {
  width: 100%;
  height: 74px;
  background: #1A1E23;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footer-cont{
  text-align:center;
}
.footer-font {
  color: #999;
  font-size: 14px;
}
.footer-line {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin:0 5px;
  background: #B7B7B7;
}
/*联系我们*/
.contact-hd {
    display: flex;
    width: 100%;
    min-width: 1200px;
    box-sizing: border-box;
    position: relative;
    justify-content: space-between;
    background-image: url(../images/rem-bg-contact.png);
    background-size: cover;
    height: 100%;
}
.contact-box {
    margin: 0 auto;
    padding: 60px 60px 60px 0;
    box-sizing: border-box;
    width: 1200px;
}
.contact-box-title{
    font-size: 30px;
    line-height: 62px;
    font-weight: bold;
    color: #fff;
    width: 124px;
    border-bottom: 4px solid #fff;
    margin-bottom: 56px;
}
.contact-intro li{
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 39px;
    padding-left: 54px;
    position: relative;
}
.contact-intro li:before {
    content: '';
    width: 36px;
    height: 36px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -6px;
    left: 0;
}
.contact-intro1:before {
    background-image: url(../images/rem-ic-contact1.png);
}
.contact-intro2:before {
    background-image: url(../images/rem-ic-contact2.png);
}
.contact-intro3:before {
    background-image: url(../images/rem-ic-contact3.png);
}
.contact-intro4:before {
    background-image: url(../images/rem-ic-contact4.png);
}
.contact-box-btn {
    width: 100px;
    height: 30px;
    border-radius: 15px;
    background: url(../images/rem-ic-btn-blue.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.contact-box-btn:hover {
    background: url(../images/rem-ic-btn-blue-hover.png) no-repeat;
    background-size: cover;
}
/*浮层弹窗*/
.shade-hd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.shade-box {
    width: 450px;
    height: 300px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url(../images/rem-img-shade.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 24%);
}
.shade-btn {
    background-image: url(../images/rem-shade-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 201px auto 0;
    width: 156px;
    height: 56px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}
    .shade-btn:hover, .shade-btn:active {
        background-image: url(../images/rem-shade-btn-hover.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
.shade-close {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 18px;
    height: 18px;
    background-image: url(../images/rem-shade-close.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.shade-btn-icon {
    position: absolute;
    bottom: 28px;
    right: 116px;
    width: 57px;
}
/*右侧浮层*/
.onlogin-wrap-hd {
    /*top: 50%;*/
    bottom: 125px;
    background: #fff;
    width: 90px;
    /*height: 390px;*/
    box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.16);
    position: fixed !important;
    right: 0;
    z-index: 99999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+200));
    padding: 0 0 10px;
}
.onlogin-wrap-item {
    position: relative;
    cursor: pointer;
    width: 90px;
    height: 100px;
}
.ow-rem-item {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding-top: 20px;
    position: relative;
    z-index: 1;
    background: #fff;
}
.ow-rem-item .ow-img {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    display: block;
}
.ow-item-in-box {
    position: absolute;
    right: -286px;
    top: 20px;
    padding-right: 10px;
    transition: all .3s ease;
}
.ow-item-in {
    width: 196px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding-left: 50px;
    text-align: center;
    font-size: 16px;
    color: #1B68AD;
    box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.11);
}
.ow-item-in .ow-img {
    position: absolute;
    top: 0;
    left:  -1px;
    width: 50px;
}
.ow-item-wechat {
    width: 126px;
    height: 126px;
    padding: 0;
}
.ow-img-wechat {
    width: 100%;
}
.onlogin-wrap-item:hover .ow-item-in-box {
    right: 90px;
}
/*工作信息及公司信息弹框*/
.workInformation {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 10;
}

.companyInformation, .successInformation {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.4);
  z-index: 10;
}

.workDialog {
  width: 446px;
  border-radius: 6px;
  background: #fff;
  margin: 150px auto;
  padding: 34px 28px 20px;
  max-height: 70%;
  overflow: auto;
}

.workDialog-top-title {
  color: #333333;
  font-size: 16px;
}

.workDialog-moddle {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.workDialog-top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #EDEDED;
}

.moddle-top {
  width: 212px;
}

.moddle-top-title {
  margin-bottom: 10px;
}

.ageSelect {
  width: 100%
}

.workDialog-cont {
  margin-top: 20px;
}
.successCont{
  width:480px;
  border-radius:6px;
  background:#fff;
  padding:24px 18px 16px 20px;
  margin:260px auto 0; 
}
.successIcon{
  width:20px;
  height:20px;
  display:inline-block;
  margin-right:10px;
}
.success-font{
  font-size:16px;
  color:#333;
}
.successTop {
  display: flex;
  justify-content: space-between;
  margin-bottom:16px;
}
.successBtn {
  padding: 9px 17px;
  border: none;
  background: #1C68AE;
  color:#fff;
  font-size:14px;
  margin-top:28px;
}
  .successBtn:hover, .successBtn:active, .successBtn:focus {
    border: none;
    background: #1C68AE;
    color: #fff;
  }

  .moddle-contant {
    width: 446px;
  }
.workDialog-top-close{
  cursor:pointer;
}

.dialogFooter {
  width: 100%;
  height: 40px;
  text-align: end;
  margin-top: 40px;
}

.btn-no {
  border: 1px solid #D8D8D8;
  color: #666666;
  background: none;
}

  .btn-no:hover, .btn-no:focus, .btn-no:active {
    border: 1px solid #D8D8D8;
    color: #666666;
    background: none;
  }

.btn-yes {
  border: none;
  color: #fff;
  background: #1C68AE;
}

  .btn-yes:hover, .btn-yes:focus, .btn-yes:active {
    border: none;
    color: #fff;
    background: #1C68AE;
  }
    .btn-yes.grey, .btn-yes.grey:hover, .btn-yes.grey:focus, .btn-yes.grey:active {
        border: none;
        color: #999;
        background: #ccc;
        cursor: not-allowed;
    }
.selectV {
  text-align: center;
}

/*上传附件*/
.uploadDiv {
  margin: 0;
  padding: 0;
  max-width: 414px;
  margin: 0 auto;
}
.upload-file {
  position: relative;
  background: url('../images/z_add.png') no-repeat 50%/100% 100%;
  /* width: 100px; */
  height: 120px;
  order: 9;
}

.upload-piclist {
  padding: 0 10px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, 120px);
  justify-content: space-between;
  grid-gap: 14px;
}

#file {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.upload-Picitem {
  width: 100%;
  height: 120px;
}

  .upload-Picitem > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }