/* 浏览器重置 [[ */

.content.bg-color {
    background-color: #f7f7f7;
    padding-bottom: 120px;
}
.content .main .index-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    font-size: 18px;
    color: #0052D9;
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 #d8d8d8\0;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    text-align: center;
    line-height: 48px;
    height: 48px;
    margin: 0 auto 96px;
    padding: 0 24px;
    min-width: 208px;
    overflow: hidden;
    box-sizing: border-box;
}

.content .main .index-btn::after,
.content .load-more-wrapper .more-btn::after,
.content .main .welfare-btn::after,
.content .main .recruit-btn::after {
    content: "";
    position: absolute;
    left: -7px;
    top: -28px;
    height: 215%;
    width: 0%;
    transform: rotate(8deg);
    background-color: rgba(0, 0, 0, .05);
    transition: all 1s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .load-more-wrapper .more-btn:hover {
    transform: translate(0, -4px);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);
}

.content .main .index-btn:hover,
.content .main .welfare-btn:hover,
.content .main .recruit-btn:hover {
    transform: translate(-50%, -4px);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.40);
}

.content .a-wrapper {
    margin-top: 32px;
    margin-bottom: 120px;
}


.content .city-wrap {
    max-width: 1168px;
    min-width: 964px;
    margin: 0 auto 0;
}

.content .city-wrap .city-list {
    width: 45.89041095890411%;
    height: 320px;
    float: left;
    margin: 0px 2.054794520547945% 48px;
    background-position: center center !important;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-size: cover !important;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.content .city-wrap .city-list:hover .city-img {
    transform: scale(1.2) translateY(-54px);
}

.content .city-wrap .city-img {
    width: 100%;
    height: 320px;
    background-position: center center !important;
    background-repeat: no-repeat;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background-size: cover !important;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list .city-num,
.content .city-wrap .city-list .city-name {
    position: relative;
    z-index: 2;
}

.content .city-wrap .city-list .city-num {
    position: absolute;
    top: 0;
    font-size: 16px;
    padding-top: 32px;
    margin-bottom: 20px;
    padding-left: 40px;
}

.content .city-wrap .city-list .city-name {
    position: absolute;
    top: 0;
    margin-top: 66px;
    font-size: 28px;
    line-height: 28px;
    padding-left: 40px;
    font-weight: 600;
}

.content .city-wrap .city-list .city-href {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    transform-origin: top;
    padding-left: 40px;
    height: 80px;
    line-height: 80px;
}

.content .city-wrap .city-list .city-href .href-list {
    display: inline-block;
    position: relative;
    margin-right: 25px;
    padding-right: 14px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

.content .city-wrap .city-list .city-href .href-list:hover {
    color: #4C90FF;
}

.content .city-wrap .city-list:hover .city-href .href-list::after {
    background: url(../imgjoin/side-b-right.png) no-repeat;
    background-size: 12px 12px;
}

.content .city-wrap .city-list .city-href .href-list:hover::after {
    transform: translateX(6px);
    background: url(../imgjoin/side-right-hover.png) no-repeat;
    background-size: 12px 12px;
}

.content .city-wrap .city-list .city-href .href-list:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    background: url(../imgjoin/side-w-right.png) no-repeat;
    background-size: 12px 12px;
    background-position: right center;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1), .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list .city-box-pop {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.12;
    filter: alpha(opacity=12);
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list::after {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 80px;
    transform: translate(0, 80px);
    background-color: #ffffff;
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .city-wrap .city-list:hover::after {
    transform: translate(0, 0px);
}

.content .city-wrap .city-list:hover .city-href {
    color: #0052D9;
}

.content .city-wrap .city-list:hover .city-box-pop {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.content .swiper-wrap {
    background-color: #999999;
}

.max-center {
    max-width: 1120px;
    min-width: 964px;
    padding: 0 20px;
    margin: 0 auto;
}

.nav-content-more .nav-content-list,
.nav-content .nav-content-list {
    display: none;
}

.nav-content-more .nav-content-list.list-height,
.nav-content .nav-content-list.list-height {
    min-height: 70vh;
}

.nav-content-list.brace-height {
    min-height: 100vh;
}


.content .banner .welfare .banner-main {
    padding-top: 56px;
}

.content .banner .banner-main.special {
    padding-top: 56px;
}



.welfare .banner-title {
    line-height: 55px;
}

.content .banner .welfare .banner-href {
    display: none;
}

.life-li {
    margin-bottom: 144px;
}

.life-custom {
    position: relative;
    display: inline-block;
    width: 47.8251%;
}

.life-custom.active {
    margin-right: 3.87137%;
}

.life-custom .life-text {
    height: 536px;
}

.welf-text-wrapper {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding-right: 24px;
    width: 100%;
    box-sizing: border-box;
}

.text-one {
    position: relative;
    display: table;
    width: 100%;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 22px;
    color: #343434;
    /* letter-spacing: 0.04px; */
    cursor: pointer;
    height: 134px;
    line-height: 134px;
    box-sizing: border-box;
    /* font-weight: 600; */
}

.text-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 536px;
    height: 134px;
    background: #FF671F;
    padding-left: 24px;
}

.box-title {
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 22px;
    /* letter-spacing: 0.04px; */
    line-height: 22px;
    font-weight: 600;
}

.box-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 14px;
    /* letter-spacing: 0.03px; */
    line-height: 22px;
    opacity: 0;
    position: absolute;
    transform: translateY(20px);
    width: 113.5%;
    /* font-weight: 600; */
}

.text-one::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 134px;
    z-index: 0;
    transition: .5s width cubic-bezier(0.2, 0, 0.2, 1);
}

.text-one.active::before {
    width: 100%;
}

.text-one.active:nth-child(2n-1)::before {
    background: #0052d9;
}

.text-one.active:nth-child(2n)::before {
    background: #ff671f;
}


.text-one.active .box-title {
    color: white;
    padding-bottom: 12px;
    transform: translate(20px, 0);
}

.text-one.active .box-text {
    width: 100%;
    opacity: 1;
    position: static;
    color: white;
    transform: translate(20px, 0);
    transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.study .text-wrapper,
.text-wrapper .text-wrapper,
.family .text-wrapper,
.welfare .text-wrapper {
    background: #0052D9;
}


/*伪类部分*/

.life-bg {
    position: relative;
    width: 100%;
    height: 536px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0 0 56px;
    /*padding-bottom: 70.57% */
    box-sizing: border-box;
    background-position: center center;
    overflow: hidden;
}

.life-li.active .life-bg::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.life-li.active {
    animation: welfareTranslate 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.life-li.study.active .life-bg::after {
    background-color: #968C83;
    animation: bgTranslateRight 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.healthy.active .life-bg::after {
    background-color: #937F6D;
    animation: bgTranslateLeft 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.activity.active .life-bg::after {
    background-color: #38555B;
    animation: bgTranslateRight 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.family.active .life-bg::after {
    background-color: #123951;
    animation: bgTranslateLeft 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.enjoy.active .life-bg::after {
    background-color: #7F7666;
    animation: bgTranslateRight 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.life-li.sociology.active .life-bg::after {
    background-color: #793214;
    animation: bgTranslateLeft 1s cubic-bezier(0.0, 0.0, 0.0, 1) 2s forwards;
}

.healthy .decorate-one {
    width: 67.21%;
    padding-bottom: 67.21%;
    top: 0;
    right: -14.936%;
    transform: translate(-71.09%, 0%);
    background-color: #F8DACB;
    z-index: 1;
}

.activity .decorate-one {
    width: 89.614%;
    padding-bottom: 89.614%;
    left: -14.936%;
    top: 0;
    z-index: 1;
    transform: translate(28.25%, 0%);
}

.family .decorate-one {
    width: 82.147%;
    padding-bottom: 82.147%;
    right: -14.936%;
    transform: translate(-40%, 0);
    top: 0;
    z-index: 1;
}

.family .decorate-two {
    width: 29.872%;
    padding-bottom: 11.95%;
    left: 0;
    bottom: 0;
    animation: squareMove4-two 1s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.enjoy .decorate-one {
    width: 59.742%;
    padding-bottom: 59.742%;
    bottom: 0;
    left: -14.936%;
    transform: translate(92.4%, 0);
    z-index: 1;
    animation: squareMove5 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.sociology .decorate-one {
    width: 89.615%;
    padding-bottom: 89.615%;
    right: -14.936%;
    top: -14.9%;
    z-index: 1;
    transform: translate(-28.34%, 28.5%);
    box-sizing: border-box;
}


.study .decorate-one {
    width: 74.678%;
    padding-bottom: 74.678%;
    left: -14.936%;
    transform: translate(53.9%, 0);
    bottom: 0;
    z-index: 1;
}

.sociology .decorate-two {
    width: 29.872%;
    padding-bottom: 29.872%;
    /* left: -29.872%; */
    left: 0;
    bottom: 0px;
}

.sociology .decorate-three {
    position: absolute;
    width: 14.936%;
    padding-bottom: 29.872%;
    right: 0;
    bottom: 0px;
    background: #f8dacb;
}

.healthy.active .decorate-one {
    animation: squareMove2 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.activity.active .decorate-one {
    animation: squareMove3 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.family.active .decorate-one {
    animation: squareMove4 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.family.active .decorate-two {
    animation: squareMove4-two 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.enjoy.active .decorate-one {
    animation: squareMove5 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.sociology.active .decorate-one {
    animation: squareMove6 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.sociology.active .decorate-two {
    animation: squareMove6-one 1s cubic-bezier(0.4, 0.0, 0.2, 1) 2s forwards;
}

.sociology.active .decorate-three {
    animation: squareMove6-two 1s cubic-bezier(0.4, 0.0, 0.2, 1) 2s forwards;
}

.study.active .decorate-one {
    animation: squareMove1 2s cubic-bezier(0.4, 0.0, 0.2, 1) 1s forwards;
}

.underline:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #D8D8D8;
    z-index: -10;
}

.healthy .primary-wrapper .primary-title,
.enjoy .primary-wrapper .primary-title,
.study .primary-wrapper .primary-title,
.family .primary-wrapper .primary-title,
.activity .primary-wrapper .primary-title,
.sociology .primary-wrapper .primary-title {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 36px;
    color: #FFFFFF;
    /* letter-spacing: 0.07px; */
    line-height: 48px;
    max-width: 412px;
}

.healthy .primary-wrapper .primary-text,
.enjoy .primary-wrapper .primary-text,
.study .primary-wrapper .primary-text,
.family .primary-wrapper .primary-text,
.activity .primary-wrapper .primary-text,
.sociology .primary-wrapper .primary-text {
    width: 83.33%;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.03px; */
    line-height: 28px;
    margin-top: 10px;
}


.life-move-bg {
    position: absolute;
    height: 134px;
    width: 100%;
    background: #0052D9;
    top: 0;
    left: 0;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1), .2s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.life-move-bg.odd {
    background-color: #0052D9;
}

.life-move-bg.even {
    background-color: #FF671F;
}

.decorate-one {
    position: absolute;
    background: #c5d5f0;
}

.decorate-two {
    position: absolute;
    background: #f8dacb;
    z-index: -2;
}

.text-show {
    display: block;
}

.content .main .job-list {
    position: relative;
    float: left;
    width: 47.3%;
    height: 128px;
    margin: 0 1.33%;
    margin-bottom: 32px;
    background-color: white;
    padding: 20px 24px 24px 24px;
    box-sizing: border-box;
    background-size: contain;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), color .5s cubic-bezier(0.2, 0.0, 0.2, 1), box-shadow .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .job-list .job-box {
    display: inline-block;
    width: 80.265%;
}


.content .main .job-list .job-list-link {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.content .main .job-list:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.10);
}

.content .main .job-list:hover .job-classification {
    color: #0052D9;
}

.content .main .job-text {
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.08px; */
    line-height: 16px;
}

.content .main .job-classification {
    font-size: 22px;
    color: #323232;
    line-height: 32px;
    font-weight: 600;
}

.content .main .job-href {
    position: absolute;
    width: 80px;
    bottom: 23px;
    font-size: 16px;
    color: #0052D9;
    line-height: 18px;
    font-weight: 600;
}

.content .main .job-href::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-image: url(../imgjoin/side-b-right.png);
    background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .job-href:hover {
    color: #4C90FF;
}

.content .main .job-href:hover::after {
    transform: translateX(6px);
    background-image: url(../imgjoin/side-right-hover.png);
    background-size: 12px 12px;
}

.content .main .job-list .job-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 24px;
    top: 20px;
    background-size: contain;
}

.content .job-padding {
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 1168px;
    min-width: 964px;
    margin: 0 auto 68px;
    margin-bottom: 64px;
}

.content .process .tab-process-list {
    width: 100%;
    height: 104px;
    background: #00A9CE;
    text-align: center;
    padding-bottom: 30px;
    box-sizing: border-box;
}

.content .process .tab-process-list .swiper-container {
    height: 104px;
}

.content .process .tab-process-list .swiper-container .swiper-slide {
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .process .tab-process-list .tab-process-item {
    position: relative;
    text-align: center;
}

.content .process .border-bottom {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0 auto;
    width: 68.78%;
}

.content .process .border-bottom img {
    width: 100%;
}

.content .process-bg-0 {
    width: 100%;
    padding-bottom: 21.43%;
    background-size: contain;
    box-sizing: border-box;
}

.content .process-bg-1 {
    width: 100%;
    height: 240px;
}

.content .process-bg-2 {
    width: 100%;
    height: 240px;
}

.content .process .tab-process-bg {
    position: relative;
    float: left;
    height: 104px;
    line-height: 104px;
    width: 33.3%;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.content .explain-list {
    margin-bottom: 120px;
}

.content .explain-title-wrapper {
    position: relative;
}

.content .explain-title {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    color: #343434;
    line-height: 32px;
    z-index: 2;
    font-weight: 600;
}

.animation-circle-add {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #333333;
    border-radius: 50%;
    top: 1px;
    right: 0;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
    z-index: -1;
}

.animation-circle-add .circle-vertical {
    position: absolute;
    right: 5px;
    top: 9px;
    width: 10px;
    height: 2px;
    background-color: #333333;
    z-index: 1;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.animation-circle-add .circle-transverse {
    position: absolute;
    right: 9px;
    top: 5px;
    width: 2px;
    height: 10px;
    background-color: #333333;
    transition: .5s all;
}

.animation-circle-add.normal .circle-vertical {
    animation: rotateVerticalBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.animation-circle-add.active {
    border: 2px solid #0052d9;
}

.animation-circle-add.active .circle-vertical {
    background: #0052d9;
    animation: rotateTransverseGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.animation-circle-add.normal .circle-transverse {
    animation: rotateTransverseBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;

}

.animation-circle-add.active .circle-transverse {
    animation: rotateVerticalGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}





.content .explain-title.active {
    font-size: 22px;
    color: #0052D9;
    line-height: 32px;
    background-size: 24px 24px;
    background-position: right center;
    font-weight: 600;
}

.process-explain .process {
    position: relative;
}

.process-explain .process .tab-process-img {
    position: relative;
    height: 104px;
}

.process-explain .process .tab-process-img img {
    width: 100%;
    height: 104px;
}

.content .explain-li {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #D8D8D8;
}

.content .explain-li .explain-text-wrapper {
    display: none;
    max-width: 960px;
    margin-top: 8px;
}

.content .explain-li .explain-text-wrapper p {
    font-size: 16px;
    color: #343434;
    line-height: 28px;
}

.content .explain-li .explain-remarks {
    margin-top: 40px;
}

.content .process .tab-process-item.active .tab-process-li {
    animation: opacity .3s linear forwards;
}

.content .process .tab-process-item.active .border-bottom {
    animation: opacity .3s linear forwards;
}

.content .process .tab-process-item .tab-process-li {
    position: relative;
    display: inline-block;
    width: 32.6%;
    height: 104px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    box-sizing: border-box;
}

.content .process .four-module .tab-process-li {
    width: 22%;
}

.content .process .tab-process-li p {
    position: absolute;
    bottom: 64px;
    width: 100%;
    word-break: break-all;
}

.tab-process-list-img {
    position: absolute;
    width: 25px;
    height: 30px;
    left: 47%;
    bottom: -18px;
    background-color: #00A9CE;
    z-index: 2;
}

.content .main .process .tab-process-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 104px;
    width: 100%;
}


.content .content-wrapper .resume-content {
    float: left;
    width: 71.429%;
    padding-top: 40px;
    margin-right: 3.572%;
    margin-bottom: 120px;
}

.content .content-wrapper .recruit-content {
    float: left;
    width: 71.429%;
    padding-top: 40px;
    margin-right: 3.572%;
}

.content .resume-wrapper {
    position: relative;
}

.content .content-wrapper .resume-content .resume-bor {
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
}

.content .content-wrapper .resume-content .resume-text-wrapper {
    margin-top: 16px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8D8D8;
}

.content .content-wrapper .resume-content .resume-document-wrapper {
    margin-bottom: 64px;
}

.content .content-wrapper .binding-link {
    /* float: left;
    display: block; */
    color: #0052D9;
    font-size: 24px;
    line-height: 24px;
    vertical-align: baseline;
}

.content .content-wrapper .resume-text {
    float: left;
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}

.content .content-wrapper .content-right-1 {
    position: static;
    width: 272px;
    cursor: pointer;
    float: right;
}

.content .content-wrapper .content-right {
    position: static;
    width: 272px;
    cursor: pointer;
    float: right;
    transition: .3s margin cubic-bezier(0.2, 0.0, 0.2, 1), .3s transform cubic-bezier(0.2, 0.0, 0.2, 1);
    margin-top: 40px;
}

.content .content-wrapper .resume-operation {
    position: static;
    width: 272px;
    cursor: pointer;
    float: right;
    transform: translateY(-80px);
    margin-top: 120px;
    transition: .3s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-operation.fixed {
    position: fixed;
    margin-top: 40px;
}


.content .content-wrapper .resume-operation.affix-up {
    transform: translateY(0px);
}

.content .content-wrapper .resume-operation.affix-down {
    transform: translateY(-80px)
}


.content .content-wrapper .default-btn-1,
.content .content-wrapper .content-right .default-btn,
.content .content-wrapper .resume-operation .default-btn {
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    box-sizing: border-box;
    margin-bottom: 16px;
    background: #0052D9;
    color: white;
    -webkit-transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}
.content .content-wrapper .resume-operation .disable-btn {
    opacity: 0.6;
}
.content .content-wrapper .default-btn-1,
.content .content-wrapper .content-right .default-btn {
    margin-bottom: 0;
}

.content .content-wrapper .resume-operation .default-btn.establish-cancel {
    background: #F7F7F7;
    color: #333333;
    border: 1px solid #D9D9D9;
}

.content .content-wrapper .resume-operation .default-btn.establish-cancel:hover {
    background: #D9D9D9;
    border: 1px solid #C2C2C2;
    color: #262626;
}
.content .content-wrapper .resume-operation .resume-policy {
    vertical-align: middle;
    margin-left: 8px;
    display: inline-block;
    width: 250px;
}
.content .content-wrapper .resume-operation .resume-policy>a {
    color: #0041AD;
    vertical-align: baseline;
}
.content .content-wrapper .default-btn:hover {
    background: #0041AD;
}

.content .content-wrapper .resume-modify .cancel-btn {
    margin-top: 16px;
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
}

.content .content-wrapper .resume-content .upload {
    width: 100%;
    background: #F7F7F7;
    box-sizing: border-box;
    text-align: center;
}

.content .content-wrapper .resume-content .drag {
    width: 100%;
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    margin-top: 40px;
    box-sizing: border-box;
    text-align: center;
}

.content .content-wrapper .resume-content .drag-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    margin-top: 16px;
    margin-bottom: 32px;
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .drag-text.red-text {
    color: #E53535;
}

.content .content-wrapper .resume-content .drag-text.error-message {
    max-width: 600px;
    color: #E53535;
    margin-bottom: 79px;
    margin: 16px auto 79px;
}

.content .content-wrapper .resume-content .drag-text.success-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 24px;
    color: #0052D9;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .tips {
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    margin-bottom: 31px;
}

.content .content-wrapper .resume-content .upload-content .cancel-btn,
.content .content-wrapper .resume-content .drag .retry-btn,
.content .content-wrapper .resume-content .drag .cancel-btn {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #0052D9;
    /* letter-spacing: 0.03px; */
    line-height: 20px;
    margin-bottom: 27px;
    -webkit-transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .upload-content .cancel-btn:hover,
.content .content-wrapper .resume-content .drag .retry-btn:hover,
.content .content-wrapper .resume-content .drag .cancel-btn:hover {
    color: #0041AD;
}

.content .content-wrapper .resume-content .file-icon {
    background: url(./../images/resume-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .upload-icon {
    background: url(./../images/upload-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .file {
    margin: 0 auto;
    width: 52px;
    height: 56px;
    margin-top: 55px;
    background-size: 52px 56px;
}

.content .content-wrapper .resume-content .cancel-icon {
    background: url(./../images/cancel-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .fail-icon {
    background: url(./../images/error-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .success-icon {
    background: url(./../images/success-icon2x.png) no-repeat;
}

.content .content-wrapper .resume-content .icon {
    margin: 0 auto;
    width: 56px;
    height: 56px;
    margin-top: 55px;
    background-size: 56px 56px;
}

.content .content-wrapper .resume-content .bar {
    height: 8px;
    background: #F7F7F7;
}

.content .content-wrapper .resume-content .success-bar {
    width: 72%;
    height: 8px;
    background: #0052D9;
}

.content .content-wrapper .resume-content .error-bar {
    width: 72%;
    height: 8px;
    background: #E53535;
}

.content .content-wrapper .resume-content .drag .drag-remarks {
    margin: 0 auto;
    font-size: 14px;
    color: #999999;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    /* margin-bottom: 32px; */
    word-wrap: break-word;
}

.content .content-wrapper .resume-content .drag .drag-remarks.short {
    width: 87.085%;
    margin-bottom: 4px;
}

.content .content-wrapper .resume-content .drag .drag-remarks.long {
    width: 87.085%;
    margin-bottom: 12px;
}

.content .content-wrapper .resume-content .upload .upload-remarks {
    font-size: 14px;
    color: #999999;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
    margin-bottom: 32px;
    word-wrap: break-word;
}

.content .content-wrapper .resume-content .choice .personal-file {
    margin: 0 auto;
    width: 94%;
    height: 192px;
    background-color: #FFF;
}

.content .content-wrapper .resume-content .personal-file .file-icon {
    display: inline-block;
    margin-top: 48px;
    width: 52px;
    height: 56px;
    background-size: cover;
}

/*
.content .content-wrapper .resume-content .choice .upload-module {
    background: #FFFFFF;
    border-top: 1px solid #D9D9D9;
    padding-left: 20px;
    box-sizing: border-box;
} */

.content .content-wrapper .resume-content .upload-module .btn {
    float: left;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    padding: 19px 12px 19px 12px;
    cursor: pointer;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .upload-module .btn:hover {
    color: #0052D9;
}

.content .content-wrapper .resume-content .upload-module {
    padding-left: 20px;
    background-color: white;
    border-top: 1px solid #D9D9D9;
}

.content .content-wrapper .resume-content .personal-file .personal-file-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    margin-top: 16px;
    margin-bottom: 39px;
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .upload-module .delete:hover {
    color: #E53535;
}

.content .content-wrapper .resume-content .upload .upload-text {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    margin-top: 40px;
}

.content .content-wrapper .resume-content .drag .drag-title {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    padding-top: 40px;
}

.content .content-wrapper .resume-content .upload .upload-btn {
    cursor: pointer;
    display: inline-block;
    padding: 0 63px;
    margin-top: 24px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #0052D9;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    margin-bottom: 46px;
    box-sizing: border-box;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .drag .drag-btn {
    cursor: pointer;
    display: inline-block;
    padding: 0 18px;
    margin-top: 16px;
    margin-bottom: 32px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #0052D9;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .upload .upload-btn:hover,
.content .content-wrapper .resume-content .drag .drag-btn:hover {
    color: #F7F7F7;
    background: #D9D9D9;
    border: 1px solid #C2C2C2;
    color: #262626;
}

.content .content-wrapper .resume-content .work-experience,
.content .content-wrapper .resume-content .education-wrapper {
    margin-bottom: 64px;
}

.content .content-wrapper .resume-content .contact-information {
    margin-top: 64px;
}

.content .content-wrapper .resume-content .information {
    margin-bottom: 64px;
}

.content .content-wrapper .resume-content .contact-choice.special {
    margin-top: 48px;
}

.content .content-wrapper .resume-content .last-information {
    margin-top: 64px;
}

.content .content-wrapper .resume-content .title {
    display: inline-block;
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    margin-bottom: 32px;
}

.content .content-wrapper .resume-content .title-text {
    display: inline-block;
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
    margin-right: 8px;
}

.content .content-wrapper .resume-content .attachment-module {
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    text-align: center;
}

.content .content-wrapper .resume-content .attachment-module.enclosure {
    background: white;
}

.content .content-wrapper .resume-content .attachment-module .file-icon {
    margin: 0 auto;
    margin-top: 40px;
    width: 52px;
    height: 56px;
    background-size: cover;
}

.content .content-wrapper .resume-content .attachment-module .title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    margin: 16px 0;
    font-weight: 600;
}

.content .content-wrapper .resume-content .attachment-module .attachment-text {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.50);
    /* letter-spacing: 0.02px; */
    line-height: 12px;
    margin-bottom: 19px;
}

.content .content-wrapper .resume-content .attachment-module .attachment-icon {
    background-image: url(./../images/upload-icon2x.png);
    background-repeat: no-repeat;
}

.content .content-wrapper .resume-content .attachment-module .attachment-title {
    display: inline-block;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 28px;
    font-weight: 600;
}

.content .content-wrapper .resume-content .attachment-module .attachment-tips {
    font-size: 12px;
    color: rgba(51, 51, 51, 0.50);
    /* letter-spacing: 0.02px; */
    line-height: 12px;
    margin-bottom: 48px;
}

.content .content-wrapper .resume-content .remove-module {
    height: 16px;
}

.content .content-wrapper .resume-content .remove-btn {
    float: right;
    font-size: 16px;
    color: #E53535;
    /* letter-spacing: 0.03px; */
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .remove-btn:hover {
    color: #A32424
}

.content .content-wrapper .resume-content .enclosure-module {
    position: relative;
    display: inline-block;
    width: 31.75%;
    padding-bottom: 24.75%;
    box-sizing: border-box;
    background-size: cover;
}

/* .video {
    background: url(./../images/video.jpg) no-repeat;
}

.resume {
    background: url(./../images/resume.jpg) no-repeat;
    margin: 0 1.744%
}

.report {
    background: url(./../images/report.jpg) no-repeat;
} */

.content .content-wrapper .resume-content .enclosure-module img {
    display: block;
    width: 100%
}

.content .content-wrapper .resume-content .enclosure-module .shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 24px 0;
    background: url(./../images/shadow2x.png) no-repeat;
    background-size: cover;
}

.content .content-wrapper .resume-content .enclosure-module .shadow-bg {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20);
    background: #000000;
    width: 100%;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .file-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    padding-left: 20%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
    font-weight: 600;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .mp4 {
    background: url(./../images/camera2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 10% center;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .jpg {
    background: url(./../images/photo2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 10% center;
}

.content .content-wrapper .resume-content .enclosure-module .shadow .ppt {
    background: url(./../images/file2x.png) no-repeat;
    background-size: 18px 18px;
    background-position: 10% center;
}

.content .content-wrapper .resume-content .text-length {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #7F7F7F;
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.03px; */
    text-align: center;
    line-height: 22px;
}

.content .content-wrapper .resume-content .school {
    position: relative;
}

.content .content-wrapper .resume-content .text {
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    margin-bottom: 8px;
}

.content .content-wrapper .resume-content .blue {
    font-size: 14px;
    color: #0052D9;
    line-height: 14px;
}

.content .content-wrapper .resume-content .error-msg {
    display: none;
    margin-left: 8px;
    font-size: 14px;
    color: #E53535;
    line-height: 14px;
}

.content .content-wrapper .resume-content .error-text {
    display: none;
    margin-left: 8px;
    font-size: 14px;
    color: #E53535;
    line-height: 14px;
}

.test-border {
    border: 1px solid #D9D9D9;
}

.test-border.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .explain-text {
    font-size: 14px;
    color: #7E7E7E;
    line-height: 14px;
    margin-left: 8px;
}

.content .content-wrapper .resume-content .input {
    width: 100%;
    height: 40px;
    border: 1px solid #D9D9D9;
    padding: 8px 0 8px 16px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .input-select-ul {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 241px;
    height: auto;
    z-index: 1;
    background: white;
    border: 1px solid #D9D9D9;
    border-top: none;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .resume-content .input-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .input-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .input-select-li {
    cursor: pointer;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 15px;
    padding: 16px 0;
    border-bottom: 1px solid #E6E6E6;
    padding-left: 15px;
    box-sizing: border-box;
}

.content .content-wrapper .resume-content .input-select-li:hover {
    background-color: #EAEAEA;
}

.content .content-wrapper .resume-content .input.active {
    border: 1px solid #0052D9;
}

.content .content-wrapper .resume-content .error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .work-describe .describe-input {
    width: 100%;
    height: 144px;
    border: 1px solid #D9D9D9;
    resize: none;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    padding: 7px 16px 0;
    box-sizing: border-box;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .work-describe .describe-input.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .work-describe .describe-input.active {
    border: 1px solid #0052D9;
}

.content .content-wrapper .resume-module {
    margin-bottom: 16px;
}

.content .content-wrapper .dividing-line {
    margin: 32px 0;
    border-top: 1px dashed #D8D8D8;
}

.content .content-wrapper .first-new-module {
    margin-top: 32px;
}

.content .content-wrapper .resume-module-left {
    margin-right: 1.33%;
}

.content .content-wrapper .resume-module-right {
    position: relative;
    width: 49%;
    display: inline-block;
}


.content .content-wrapper .small-select-ul {
    display: none;
    position: absolute;
    width: 102%;
    max-height: 242px;
    height: auto;
    left: -1px;
    top: -1px;
    z-index: 1;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .resume-content .small-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .small-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}


.content .content-wrapper .select {
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 11px 0 11px 4.084%;
    border: 1px solid #D9D9D9;
    padding-right: 8%;
    background-color: #F7F7F7;
    box-sizing: border-box;
    cursor: pointer;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.content .content-wrapper .select.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .country-select .country-input.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .select-ul li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .select-ul {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 242px;
    height: auto;
    top: 23px;
    z-index: 6;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow-x: hidden;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .select-ul .select-li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .small-select-li.active,
.content .content-wrapper .resume-content .splicing-select-li.active,
.content .content-wrapper .select-ul .select-li.active {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .select::-webkit-scrollbar {
    display: none;
}

.content .content-wrapper .resume-content .shadow-menu {
    display: none;
    position: absolute;
    top: 8%;
    right: 5%;
    width: 68%;
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .content-wrapper .resume-content .shadow-menu li {
    width: 100%;
    font-size: 14px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
    padding: 0 16px;
    box-sizing: border-box;
}

.content .content-wrapper .resume-content .shadow-menu li.remove {
    border-top: 1px solid #e6e6e6;
    background: #FAFAFA;
    color: red;
}

.content .content-wrapper .resume-content .shadow-menu li:hover {
    background: #e6e6e6;
}

.content .content-wrapper .resume-content .shadow-menu li a {
    display: block;
    padding: 16px 0;
}

.content .content-wrapper .resume-content .shadow-menu .shadow-menu li:hover .shadow-text {
    border: none;
}

.content .content-wrapper .resume-content .shadow-menu .remove:hover .remove-text {
    border: none;
    color: red;
}

.content .content-wrapper .resume-content .input-short {
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 8px 0 8px 4.084%;
    font-size: 16px;
    color: #333333;
    box-sizing: border-box;
    height: 40px;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .select-right.error,
/* .content .content-wrapper .resume-content .telephone .splicing-input.error, */
.content .content-wrapper .resume-content .input-short.error {
    border: 1px solid #E53535;
}

.content .content-wrapper .resume-content .input-short.active {
    border: 1px solid #0052D9;
}

.content .content-wrapper .resume-content .select-left {
    float: left;
    width: 100%;
    padding: 8px 0 8px 16.76%;
    font-size: 16px;
    color: #333;
    background-color: #F7F7F7;
    box-sizing: border-box;
    line-height: 22px;
    padding-right: 6%;
    /* border-right: 0; */
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


.content .content-wrapper .resume-content .select-left.special {
    border: 1px solid #D9D9D9;
    border-right: none;
}

.content .content-wrapper .resume-content .select-ul li {
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 11px 0 11px 3%;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 26px;
    cursor: pointer;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .select-small-ul {
    display: none;
    position: absolute;
    width: 24.49%;
    max-height: 386px;
    height: auto;
    top: 23px;
    z-index: 1;
    line-height: 22px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.content .content-wrapper .resume-content .small-select-li {
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 13px 0 13px 17.03%;
    line-height: 22px;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.content .content-wrapper .resume-content .small-select-li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .select-right {
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 8px 0 8px 5.435%;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    border-left: 1px solid #D9D9D9;
    background-color: #F7F7F7;
    box-sizing: border-box;
    padding-right: 8%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
}

.content .content-wrapper .resume-content .splicing-select-ul {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 242px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    top: -1px;
    left: -1px;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    z-index: 1;
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.content .content-wrapper .resume-content .splicing-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .splicing-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.content .content-wrapper .resume-content .splicing-select-li {
    cursor: pointer;
    width: 100%;
    padding: 13px 0 13px 5.425%;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 22px;
    box-sizing: border-box;
    background-color: #FFF;
}

.content .content-wrapper .resume-content .splicing-select-li:hover {
    background: #EAEAEA;
}

.content .content-wrapper .resume-content .telephone .splicing-input {
    position: absolute;
    left: -2px;
    top: -1px;
    padding: 8px 20px 8px 6.972%;
    width: 101.6%;
    font-size: 16px;
    color: #333333;
    height: 42px;
    box-sizing: border-box;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
    border: 1px solid #D9D9D9;
    /* margin-left: -1px; */
}

/* .content .content-wrapper .resume-content .telephone .splicing-input.active {
    border: 1px solid #0052D9;
} */

.content .content-wrapper .resume-content .work-experience .checkbox-text {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    margin-bottom: 24px;
    padding-left: 28px;
    background: url(./../images/Rectangle-22x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 0;
    cursor: pointer;
    margin-top: 8px;
    transition: background .4s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .resume-content .work-experience .checkbox-text.active {
    background: url(./../images/Checkbox_selected2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: 0;
}

.content .content-wrapper .add-text {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #0052D9;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    padding-left: 22px;
    background: url(./../images/add-icon2x.png) no-repeat;
    background-size: 13px 13px;
    background-position: 0;
    margin-top: 24px;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .add-text:hover {
    color: #00368F;
    background: url(./../images/add-icon-hover2x.png) no-repeat;
    background-size: 13px 13px;
    background-position: 0;
}

.content-wrapper .resume-content .message-wrapper {
    width: 100%;
    margin-bottom: 16px;
    padding: 24px 24px 24px 24px;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content-wrapper .resume-content .message-wrapper .message-content {
    margin-top: 24px;
}

.content-wrapper .resume-content .message-wrapper .first-item {
    margin-top: 0;
}

.content-wrapper .resume-content .message-wrapper .title-text {
    font-size: 14px;
    color: #808080;
    line-height: 14px;
}

.content-wrapper .resume-content .message-wrapper .main-text {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 16px;
}

.content-wrapper .resume-content .message-wrapper .main-text.bold-text {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-weight: 600;
}

.content-wrapper .resume-content .message-wrapper .sketch {
    word-wrap: break-word;
    text-align: justify;
    line-height: 26px;
    margin-top: 7px;
}

.content .search-sidebar .sidebar-title {
    font-size: 22px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 22px;
}

.content .search-sidebar .option-wrapper {
    margin-top: 24px;
    padding: 0 24px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .search-sidebar .option-wrapper .option-item {
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 20px;
    padding: 24px 0;
    border-bottom: 1px solid #D8D8D8;
}

/* .content .search-sidebar .option-wrapper .item-text.active .open-btn {
    background: url(./../images/reduce2x.png) no-repeat\0;
    background-position: right center;
    background-size: 12px 2px;

} */

.content .search-sidebar .option-wrapper .item-text {
    position: relative;
    cursor: pointer;
}

.content .search-sidebar .option-wrapper .item-text .open-btn {
    cursor: pointer;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0;
    top: 4px;
}

.content .search-sidebar .option-wrapper .item-text .vertical-btn {
    position: absolute;
    right: 5px;
    top: 0px;
    width: 2px;
    height: 12px;
    background-color: #323232;
}

.content .search-sidebar .option-wrapper .item-text.active .vertical-btn {
    display: none\0;
}

.content .search-sidebar .option-wrapper .item-text .transverse-btn {
    position: absolute;
    right: 0px;
    top: 5px;
    width: 12px;
    height: 2px;
    background-color: #323232;
}

.content .search-sidebar .option-wrapper .item-text.nomarl .transverse-btn {
    animation: rotateTransverseBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-text.active .transverse-btn {
    animation: rotateTransverseGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-text.nomarl .vertical-btn {
    animation: rotateVerticalBack .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-text.active .vertical-btn {
    animation: rotateVerticalGo .5s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .search-sidebar .option-wrapper .item-ul {
    display: none;
    margin-top: 20px;
}

.content .search-sidebar .option-wrapper .classification {
    margin-bottom: 14px;
}

.content .search-sidebar .option-wrapper .item-li-box {
    margin-top: 14px;
}

.content .search-sidebar .option-wrapper .second-menu .item-li-box {
    margin-top: 8px;
}

.content .search-sidebar .option-wrapper .item-li-box:first-child {
    margin-top: 0;
}

.content .search-sidebar .option-wrapper .item-li-box .checkbox-content {
    display: inline-block;
}

.content .search-sidebar .option-wrapper .item-li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 20px;
    padding-left: 28px;
    box-sizing: border-box;
    cursor: pointer;
}

.content .search-sidebar .option-wrapper .item-li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    display: block;
    background: url(./../images/Rectangle-22x.png) no-repeat;
    background-size: 100% 100%;
    transition: background .4s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar .option-wrapper .item-li.active::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(./../images/Checkbox_selected2x.png) no-repeat;
    background-size: 100% 100%;
}

.content .search-sidebar .option-wrapper .item-li-box.first {
    margin-top: 10px;
}

/* .content .search-sidebar .option-wrapper .item-li.active {
    background: url(./../images/Checkbox_selected2x.png) no-repeat;
    background-size: 16px 16px;
    background-position: left center;
} */

.content .search-sidebar .option-wrapper .item-link {
    display: block;
}

.content .search-sidebar .option-wrapper .last {
    border: none;
}

.content .search-sidebar {
    display: inline-block;
    width: 25.715%;
    margin-right: 2.75%;
    margin-top: 32px;
    transition: .3s margin cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar.affix-down {
    margin-top: -32px;
}

.content .search-sidebar.affix-up {
    margin-top: 32px;
}

.content .search-content {
    float: right;
    width: 71.429%;
    margin-top: 32px;
    margin-bottom: 120px;
    min-height: 100vh;
}

.content .search-content .recruit-wrap .recruit-list-link {
    padding-top: 3%;
    padding-left: 3.5%;
    padding-bottom: 3.5%;
    padding-right: 5%;
}

.content .search-content .search-list {
    position: relative;
    float: left;
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    margin-left: 24px;
    cursor: pointer;
}

.content .search-content .new {
    display: inline-block;
    font-size: 22px;
    color: #333333;
    line-height: 22px;
}

.content .search-content .search-list.first {
    margin: 0;
}

.content .search-content .search-list.active {
    font-size: 22px;
    color: #000000;
    /* letter-spacing: 0.04px; */
    line-height: 22px;
    cursor: pointer;
}

.content .search-content .search-list.active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #0052D9;
    top: 100%;
    left: 0;
    margin-top: 1px;
}

.content .search-content .search-nav {
    margin-bottom: 24px;
}

.content .search-content .label-wrapper {
    position: relative;
    min-height: 56px;
}

.content .search-content .label-wrapper.hidden {
    height: 56px;
    overflow: hidden;
}

.content .search-content .label-wrapper .btn {
    cursor: pointer;
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #0052D9;
    /* letter-spacing: 0.03px; */
    margin-left: 2%;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-content .label-wrapper .btn:hover {
    color: #4C90FF;
}

.content .search-content .label-wrapper .label {
    width: 85.328%;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-content .label-wrapper .label-item {
    position: relative;
    display: inline-block;
    padding: 0 5.86% 0px 2.3%;
    margin-right: 1.7%;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    margin-bottom: 16px;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-content .label-wrapper .label-link {
    display: block;
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    padding: 11px 0;
}

.content .search-content .search-number {
    float: right;
}

.content .search-content .search-number .search-page,
.content .search-content .search-number .search-count {
    float: left;
    font-size: 16px;
    color: #818181;
    /* letter-spacing: 0.03px; */
    line-height: 22px;
}

.content .search-sidebar .option-wrapper .item-ul .item-city {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    padding: 9px 0;
    border-bottom: 1px solid #D8D8D8;
}

.content .search-sidebar .option-wrapper .current-selection .item-link.search {
    width: 100%;
    font-size: 16px;
    color: #333333;
    border: 1px solid #333333;
    padding: 9px 0 9px 16px;
    line-height: 20px;
    box-sizing: border-box;
    padding-right: 33%;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

/* .content .search-sidebar .option-wrapper .current-selection .search-input:after {
    content: "";
    display: block;
    position: absolute;
    right: .4%;
    top: 2px;
    width: 7%;
    height: 36px;
    background-color: #FFF;
    z-index: 1;
} */

.content .search-sidebar .option-wrapper .tips {
    display: none;
    font-size: 12px;
    color: #808080;
    line-height: 20px;
}

.content .search-sidebar .option-wrapper .tips.active {
    display: block;
}

.content .search-sidebar .option-wrapper .current-selection .item-link.active {
    border: 1px solid #0052D9;
}

.content .search-sidebar .option-wrapper .current-selection .city-selection {
    max-height: 280px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.content .search-sidebar .option-wrapper .current-selection {
    margin-top: 20px;
    display: none;
}


/* .content .search-sidebar .option-wrapper .item-ul{
  display: none;
} */

.content .search-sidebar .option-wrapper .current-selection .search-input {
    position: relative;
}

.content .search-sidebar .option-wrapper .current-selection .search-cancel-icon {
    display: none;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 14.5px;
    right: 21%;
    background: url(../images/cancel2x.png) no-repeat;
    background-size: 13px 13px;
    cursor: pointer;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar .option-wrapper .current-selection .search-icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 7%;
    cursor: pointer;
    background: url(../images/search.png) no-repeat;
    background-size: 20px 20px;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .search-sidebar .option-wrapper .current-selection .search-icon:hover {
    background: url(../images/search-blue.png) no-repeat;
    background-size: 20px 20px;
}

.content .search-sidebar .option-wrapper .current-selection .search-cancel-icon:hover {
    background: url(../images/cancel2x-hover.png) no-repeat;
    background-size: 13px 13px;
}

/* .content .search-sidebar .option-wrapper .current-selection .city-selection::-webkit-scrollbar{
  width: 4px;
  height: 4px;
}
.content .search-sidebar .option-wrapper .current-selection .city-selection::-webkit-scrollbar-thumb{
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #D8D8D8;
} */

.content .search-sidebar .option-wrapper .item-li .classification {
    display: block
}

.content .search-sidebar .option-wrapper .classification-item {
    padding-left: 28px;
    margin-top: 10px;
}

.content .main .recruit-margin {
    margin-top: 4px;
    padding: 0;
}

.content .content-wrapper .recruit-content .recruit-title .work-title {
    float: left;
    max-width: 590px;
    font-size: 36px;
    color: #333333;
    line-height: 44px;
    margin-right: 4%;
    font-weight: 600;
}

.content .content-wrapper .recruit-content .recruit-title .work-collection-wrapper {
    position: relative;
    top: 0;
    min-width: 80px;
    padding-top: 8px;
}

.content .content-wrapper .recruit-content .work-collection {
    position: relative;
    cursor: pointer;
    width: 24px;
    height: 32px;
    display: inline-block;
    background: url(../images/rectangle-narmal2x.png) no-repeat;
    background-size: 24px 32px;
    /* margin-left: 28px; */
    overflow: hidden;
}

.content .content-wrapper .recruit-content .work-collection::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 110%;
    background-color: #968c83;
    transform: rotate(8deg);
}



.content .content-wrapper .recruit-content .work-collection.normal::before {
    animation: collectionBack .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    -webkit-animation: collectionBack .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .content-wrapper .recruit-content .work-collection.active::before {
    animation: collectionGo .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
    -webkit-animation: collectionGo .25s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.content .content-wrapper .recruit-content .work-collection::after {
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 6px solid #f7f7f7;

}

.content-wrapper .share-text,
.content .content-wrapper .recruit-content .recruit-title .work-text {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-left: 4px;
}

.content .content-wrapper .recruit-content .work-wrapper {
    margin-top: 16px;
    padding-bottom: 40px;
    /* border-bottom: 1px solid #d8d8d8; */
}

.content .content-wrapper .recruit-content .recruit-tips {
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}

.content .content-wrapper .recruit-content .work-message {
    display: inline-block;
    width: 48%;
    border-bottom: 1px solid #D8D8D8;
    margin-top: 16px;
    margin-right: 3.4%;
}

.content .content-wrapper .recruit-content .work-message .work-title {
    font-size: 14px;
    color: #7F7F7F;
    /* letter-spacing: 0.03px; */
    line-height: 14px;
}

.content .content-wrapper .recruit-content .work-message .work-text {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.03px; */
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 4px;
}

.content .content-wrapper .recruit-content .work-module {
    margin-top: 40px;
}

.content .content-wrapper .recruit-content .work-module .duty-title {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
}

.content .content-wrapper .recruit-content .work-module .duty-text {
    margin-top: 16px;
}

.content .content-wrapper .recruit-content .requirement.work-module {
    margin-top: 40px;
}

.content .content-wrapper .recruit-content .work-module .duty-text .explain-item {
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 28px;
}

.content .module {
    display: inline-block;
}

.content .binding-wrapper,
.content .login-wrapper,
.content .apply-wrapper {
    position: relative;
    height: 100vh;
}

.content .apply {
    /* padding-top: 64px;
    height: 100vh */
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -80px;
}

.content .module .apply-text {
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}

.content .apply-left {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.content .module .check-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 56px;
    color: #333333;
    /* letter-spacing: 0.11px; */
    line-height: 56px;
    margin-top: 16px;
    font-weight: 600;
    max-width: 480px;
}

.content .module .check-btn {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    /* letter-spacing: 0.04px; */
    margin-top: 72px;
    cursor: pointer;
    box-sizing: border-box;
    background: #0052D9;
    color: white;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
    padding: 0 30px;
}

.content .module .check-btn:hover {
    background: #0041AD;
}

.content .apply-right {
    position: relative;
    float: right;
    width: 48.572%;
}

.content .apply-right .apply-resume .resume-img {
    width: 100%;
    /* padding-bottom: 88.236%; */
    height: 480px;
    background: url(./../images/resume-1.jpg) no-repeat;
    background-size: cover;
}

.content .apply-right .apply-resume .shadow-left {
    position: absolute;
    top: 0;
    left: -9.66%;
    width: 9.66%;
    padding-bottom: 35.295%;
    background: url(./../images/shadow-left.png) no-repeat;
    background-size: cover;
}

.content .apply-right .apply-resume .shadow-right {
    position: absolute;
    right: -9.66%;
    bottom: -9.66%;
    width: 88.236%;
    padding-bottom: 35.295%;
    background: url(./../images/shadow-right.png) no-repeat;
    background-size: cover;
    z-index: -3;
}

.content .content-wrapper .content-center {
    margin: 0 auto 96px auto;
    float: none;
}

.content .main .page-number {
    float: right;
    margin-top: 4px;
    background: white;
}

.content .main .page-number .prev,
.content .main .page-number .next {
    cursor: pointer;
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.08px; */
    display: inline-block;
    height: 18px;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}


.content .main .page-number .prev:hover {
    background: url(./../images/arrow-left-black.png) no-repeat;
    background-position: center;
    background-color: #FFFFFF;
    background-size: 12px 12px;
}

.content .main .page-number .prev.disabled:hover {
    background: url(./../images/arrow-left-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.content .main .page-number .next.disabled:hover {
    background: url(./../images/arrow-right-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
    padding: 7px 12px;
}

.content .main .page-number .next:hover {
    background: url(./../images/arrow-l-right.png) no-repeat;
    background-position: center;
    background-color: #FFFFFF;
    background-size: 12px 12px;
}

.content .main .page-number .prev {
    background: url(./../images/arrow-left-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
    padding: 7px 13.5px;
    float: left;
    margin-right: 0 2px;
}

.content .main .page-number .next {
    background: url(./../images/arrow-right-black.png) no-repeat;
    background-position: center;
    background-size: 12px 12px;
    padding: 7px 13.5px;
    float: left;
    margin-left: 2px;
}

/* .content .main .page-number .page-list {
    display: inline-block;
} */

.content .main .page-number .page-list .page-li {
    cursor: pointer;
    float: left;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    color: #343434;
    /* letter-spacing: 0.08px; */
    padding: 3px 4px;
    margin: 4px 2px;
    transition: .2s all cubic-bezier(0.2, 0.0, 0.2, 1);
    font-weight: 600;
}

.content .main .page-number .page-list .page-li .page-text {
    display: inline-block;
    min-width: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}

.content .main .page-number .page-list .page-li.active {
    background: #0052D9;
    color: #FFF;
}

.content .main .page-number .page-list .page-li:hover {
    background: #0052D9;
    color: #FFF;
}

/* 新增代码 用户绑定部分 */
.content .binding-wrapper {
    width: 480px;
    margin: 0 auto;
}

.content .binding-box {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);

    width: 480px;
    margin: -80px auto 0;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px 0 #d8d8d8\0;
}

.content .binding-box-header {
    padding: 32px 40px;
    border-bottom: 1px solid #D8D8D8;
}

.content .binding-box-header .binding-title {
    font-size: 36px;
    color: #333333;
    /* letter-spacing: 0.08px; */
    line-height: 48px;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-weight: 600;
}

.content .binding-box-header p {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    margin-top: 12px;
}

.content .binding-box-content {
    padding: 32px 40px 24px;
}

.content .binding-label-font {
    font-size: 14px;
    color: #333333;
    line-height: 14px;
}

.content .binding-label-font span {
    color: #0052D9;
}

.content .binding-mail-box {
    position: relative;
}

.content .binding-mail-input {
    width: 375px;
    height: 18px;
    border: 1px solid #D9D9D9;
    margin-top: 8px;
    margin-bottom: 16px;
    padding: 10px 11px;
    margin-right: 8px;
    font-size: 16px;
    color: #333333;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .binding-mail-input.active {
    border: 1px solid #0052D9
}

.content .binding-send-btn {
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 16px;
    top: 8px;
    opacity: 0.87;
    filter: alpha(opacity=87);
    font-size: 16px;
    cursor: pointer;
    color: #7E7E7E;
    box-sizing: border-box;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .binding-send-btn:hover {
    color: #4C90FF;
}

.content .binding-code-box {
    margin-top: 8px;
}

.content .binding-code-box:after {
    content: '';
    display: block;
    clear: both;
}

.content .binding-code-box .binding-code-input {
    width: 59px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #D9D9D9;
    margin-right: 6px;
    float: left;
    font-size: 16px;
    color: #333333;
    text-align: center;
    transition: .5s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .binding-code-box .binding-code-input.active {
    border: 1px solid #0052D9;
}

.content .binding-code-box .binding-code-input.clear-margin-right {
    margin-right: 0;
}

.content .binding-box-footer {
    padding: 0 40px 40px 40px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
}

.content .binding-box-footer .binding-validation-msg {
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}

.content .binding-box-footer .binding-validation-msg.active {
    font-size: 16px;
    color: #0052D9;
    line-height: 16px;
}


/*-----------------------------------------------*/


/* 新增代码 收藏岗位部分 */
.content .applications-box,
.content .save-job-box {
    padding: 40px 0;
    color: #333333;
}

.content .applications-box h1,
.content .save-job-box h1 {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 36px;
    /* letter-spacing: 0.08px; */
    line-height: 48px;
    margin-bottom: 16px;
    font-weight: 600;
}

.content .applications-box p,
.content .save-job-box p {
    font-size: 24px;
    line-height: 24px;
}

.content .main .recruit-wrap .recruit-collection .icon-delete {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 8px;
    background: url(../images/delete2x.png) no-repeat;
    background: url(../images/delete.png) no-repeat\0;
    background-size: 32px 32px;
    transition: .3s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .main .recruit-wrap .recruit-list.disabled {
    color: #808080;
}

.content .main .recruit-wrap .recruit-list.disabled:hover .recruit-title {
    color: #808080;
    cursor: text;
}

.content .nav-content .empty-line {
    width: 100%;
    height: 1px;
    border-top: 1px solid #D8D8D8;
    display: none;
}

.content .nav-content .empty-line.block {
    display: block;
}

.content .main .nav-ul .more-list.active,
.content .main .nav-ul .nav-list.active {
  color: #0052D9;
  position: relative;
  z-index: 1;
}

.header-text,
.content .main .nav-ul-none .nav-list.active,
.content .main .nav-ul-none .more-list.active {
  color: #0052D9;
}


/*-----------------------------------------------*/


/* 新增代码 我的申请部分 */

.content .recruit-list.border-left {
    box-sizing: border-box;
    border-left: 4px solid #0052D9;
}

.content .main .recruit-wrap .recruit-list .recruit-accept {
    position: absolute;
    top: 50%;
    right: 48px;
    margin-top: -10px;
    font-size: 20px;
    line-height: 20px;
    color: #808080;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
}

.content .main .recruit-wrap .recruit-list .recruit-view {
    display: inline-block;
    color: #808080;
    max-width: 535px;
    padding-left: 2.85%;
    margin-bottom: 32px;
}

.content .main .recruit-wrap .recruit-list .recruit-view a {
    display: inline-block;
    font-size: 16px;
    color: #0052D9;
    margin-right: 32px;
    font-weight: 600;
}

.cookie-box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
    padding-left: 32px;
    box-sizing: border-box;
    animation: cookieMove .5s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.cookie-box .prompt {
    padding: 12px 0;
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    width: 85%;
    box-sizing: border-box;
}

.cookie-box .prompt a {
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 3px;
}

.cookie-box .cookie-btn {
    float: right;
    width: 96px;
    height: 100%;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    background: #0052D9;
    color: #FFFFFF;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.cookie-box .cookie-btn:hover {
    background: #0041AD;
}

.cookie-box .cookie-mask {
    position: relative;
}



.content .search-content .label-wrapper .label-item:hover {
    border: 1px solid #0052D9;
}

.content .search-content .label-wrapper .label-item:hover {
    border: 1px solid #0052D9;
}

.content .search-content .label-wrapper .label-item span.close-btn {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(./../images/cancel2x.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -5.5px;
    z-index: 2;
    cursor: pointer;
}

.content-container {
    position: relative;
}

.header .header-search .icon-search img {
    width: 21px;
    height: 21px;
    display: block;
}

.content .container-left {
    display: inline-block;
    position: absolute;
    top: 8px;
}

.content .container-left.fixed {
    position: fixed;
    top: 40px;
}

.container-left .icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-bottom: 24px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.container-left .wechat-icon {
    background-image: url(./../images/wechat-default2x.png);
}

.container-left .qq-icon {
    background-image: url(./../images/qq-default2x.png);
}

.container-left .in-icon {
    background-image: url(./../images/in-default2x.png);
}

.container-left .fb-icon {
    background-image: url(./../images/facebook-default2x.png);
}

.container-left .gg-icon {
    background-image: url(./../images/google-default2x.png);
}


.container-right .container-story .story-text {
    font-size: 20px;
    color: #333333;
    line-height: 34px;
    margin-top: 50px;
}

.policy-container {
    width: 85.715%;
}

.policy-container .policy-explain {
    padding-bottom: 64px;
}

.policy-container .policy-headline {
    font-size: 36px;
    color: #333333;
    line-height: 48px;
    margin-top: 40px;
    margin-bottom: 4px;
    font-weight: 600;
}

.policy-container .policy-explain .policy-text {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-top: 26px;
    font-family: PingFangSC-Regular;
}

.policy-list .explain-item .inline-text .ten-email,
.policy-container .policy-explain .ten-email {
    vertical-align: baseline;
    font-size: 16px;
    color: #0052d9;
    line-height: 28px;
    text-decoration: underline;
    word-break: break-word;
    word-wrap: break-word;
}

.policy-container .policy-explain .policy-text.special {
    margin-top: 0;
}

.policy-list .explain-item .inline-text .ten-email {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
}


.policy-list {
    border-top: 1px solid #D8D8D8;
}

.policy-list .explain-item .policy-message {
    display: none;
    width: 85.715%
}

.policy-list .explain-item {
    padding: 36px 0;
    border-bottom: 1px solid #D8D8D8;
}

.policy-list .explain-item .policy-title-wrapper {
    position: relative;
}

.policy-list .explain-item .policy-title-wrapper .animation-circle-add.active {
    border: 2px solid #323232;
}

.policy-list .explain-item .policy-title-wrapper .animation-circle-add.active .circle-vertical {
    background: #343434;
}

.policy-list .explain-item .policy-title {
    cursor: pointer;
    font-family: PingFangSC-Semibold;
    font-weight: Semibold;
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: right center;
}
.policy-list .explain-item .policy-title2 {
    margin-top: 10px;
    cursor: pointer;
    font-family: PingFangSC-Semibold;
    font-weight: Semibold;
    font-size: 26px;
    color: #333333;
    line-height: 26px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: right center;
}

.policy-list .explain-item .secondary-headlines {
    font-size: 20px;
    color: #343434;
    line-height: 28px;
    margin-top: 24px;
}

.policy-list .explain-item .text-box {
    /* padding-left: 24px; */
    margin-top: 12px;
    font-family: PingFangSC-Regular;
}

.policy-list .explain-item .text-box.special {
    padding-left: 48px;
}

.policy-list .explain-item .text-box.special-clear {
    padding: 0;
    margin-top: 24px;
}

.policy-list .explain-item .text-box .bold-text {
    position: relative;
    display: block;
    font-size: 16px;
    color: #343434;
    line-height: 28px;
    margin-top: -2px;
    font-weight: 600;
    font-family: PingFangSC-Regular;
}
.policy-list .explain-item .text-box .bold-text-inline {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #343434;
    line-height: 28px;
    margin-top: -4px;
    font-weight: 600;
    word-break: break-all;
    font-family: PingFangSC-Regular;
}

.policy-list .explain-item .text-box .black-circle::before {
    content: "";
    position: absolute;
    top: 9px;
    left: -24px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #343434;
}

.policy-list .explain-item .text-box .white-circle::before {
    content: "";
    position: absolute;
    top: 9px;
    left: -24px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #343434;
}

.policy-list .explain-item .text-box .Information-text,
.policy-list .explain-item .inline-text {
    position: relative;
    font-size: 16px;
    color: #161616;
    line-height: 26px;
    /* word-break: break-all; */
}

.policy-list .explain-item .text-box .Information-text {
    display: inline-block;
}

.policy-message .table {
    border-collapse: collapse;
    margin-top: 12px;
}

.policy-message .table .table-th,
.policy-message .table .table-td {
    font-size: 16px;
    color: #343434;
    line-height: 26px;
    border: 1px solid #D8D8D8;
    padding: 7px 16px 7px 16px;
    vertical-align: top;
}

.policy-message .table .table-td.left {
    width: 29.3%;
}

.policy-message .table .table-td {
    min-height: 144px;

}

.policy-message .table .table-td .table-text.two {
    margin-top: 14px;
}

.policy-message .text {
    font-size: 16px;
    color: #343434;
    line-height: 26px;
    margin-top: 12px;
}

.candidate-data {
    margin-top: 72px;
}

.candidate-data .appendix-text {
    font-size: 26px;
    color: #343434;
    line-height: 26px;
}

.candidate-data .title {
    font-size: 32px;
    color: #343434;
    line-height: 32px;
    margin-top: 16px;
    font-weight: 600;
}

.data-wrapper .data-table {
    margin-top: 32px;
    margin-bottom: 96px;
    border-collapse: collapse;
}

.data-wrapper .data-table .th {
    height: 40px;
    background: #ebebeb;
    box-sizing: border-box;
}

.data-wrapper .data-table .th .title-text {
    border: 1px solid #D8D8D8;
    padding: 7px 16px;
}

.data-wrapper .cell .cell-text {
    font-size: 16px;
    color: #343434;
    margin-top: 7px;
}

.data-wrapper .cell .cell-text.special {
    margin-top: 0;
}

.data-wrapper .cell {
    width: 33.9%;
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    color: #343434;
    line-height: 25px;
}

.data-wrapper .data-table .cell {
    min-height: 242px;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
}

.bg {
    position: relative;
}

.bg .bg-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background-image: url(./../images/story-bg-shadow2x.png);
    background-repeat: no-repeat;
    background-size: 100% 160px;
}

.delete-wrapper {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 10;
    opacity: .8;
}

.delete-attachment-confirm,
.delete-resume-confirm {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 224px;
    margin-left: -200px;
    margin-top: -112px;
    padding: 32px;
    background-color: #FFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
    z-index: 11;
    box-sizing: border-box;
}

.delete-attachment-confirm .confirm-title,
.delete-resume-confirm .confirm-title {
    font-size: 24px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
}

.delete-attachment-confirm .confirm-text,
.delete-resume-confirm .confirm-text {
    font-size: 16px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
    margin-top: 32px;
}

.delete-attachment-confirm .confirm-btn-wrapper,
.delete-resume-confirm .confirm-btn-wrapper {
    float: right;
    margin-top: 48px;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn,
.delete-resume-confirm .confirm-btn-wrapper .btn {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #323232;
    /* letter-spacing: 0.01px; */
    padding: 6px 22px;
    transition: .5s background cubic-bezier(0.2, 0, 0.2, 1);
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.cancel-btn,
.delete-resume-confirm .confirm-btn-wrapper .btn.cancel-btn {
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.cancel-btn:hover,
.delete-resume-confirm .confirm-btn-wrapper .btn.cancel-btn:hover {
    background: #D9D9D9;
    border: 1px solid #C2C2C2;
    color: #262626;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.confirm-btn,
.delete-resume-confirm .confirm-btn-wrapper .btn.confirm-btn {
    background: #0052D9;
    color: white;
    margin-left: 12px;
}

.delete-attachment-confirm .confirm-btn-wrapper .btn.confirm-btn:hover,
.delete-resume-confirm .confirm-btn-wrapper .btn.confirm-btn:hover {
    background: #0041AD;
}

/*------------error页面---------------*/
.error-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 240px;
    width: 100%;

}

.error-wrapper .error {
    position: relative;
    height: 240px;
}


.error .error-left {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
}

.error .error-right {
    float: right;
    /* display: inline-block; */
}

.error .error-left .error-title {
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-weight: 600;
    font-size: 44px;
    color: #333333;
    /* letter-spacing: 0.02px; */
    line-height: 44px;
}

.error .error-left .error-text {
    max-width: 480px;
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.01px; */
    line-height: 34px;
    margin-top: 12px;
}

.error .error-right .error-number {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 200px;
    color: #0052D9;
    /* letter-spacing: 0.11px; */
    height: 240px;
}

.error .error-left .btn {
    display: inline-block;
    min-width: 200px;
    margin-top: 40px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    box-sizing: border-box;
    background: #0052D9;
    color: white;
    transition: 1s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.error .error-left .btn:hover {
    background: #0041AD;
}

.content .main .nav-ul-none .nav-list {
    font-weight: 600;
    list-style-type: none;
    float: left;
    margin-right: 32px;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    color: #323232;
    cursor: pointer;
}

.content .main .nav-ul-none .more-list {
    list-style-type: none;
    float: left;
    margin-right: 32px;
    font-size: 24px;
    line-height: 24px;
    position: relative;
    color: #323232;
    cursor: pointer;
    padding-bottom: 27px;
}

.content .main .nav-ul .more-list,
.content .main .nav-ul .nav-list {
    transition: 0.2s transform linear;
    list-style-type: none;
    float: left;
    margin-right: 32px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    position: relative;
    color: #323232;
    cursor: pointer;
    padding-bottom: 23px;
    font-weight: 600;
    transform-origin: center;
}


.content .main .nav-ul-none .more-list,
.content .main .nav-ul .more-list {
    padding-right: 36px;
    margin-right: 0;
}

.content .main .nav-ul .nav-item {
    transition: 0.2s transform linear;
    display: inline-block;
}

.content .main .nav-ul .nav-list.active .nav-item {
    transform: scale(1.375);
}

.content .main .nav-ul .nav-item.more {
    transition: 0.2s transform linear;
    position: relative;
}

.content .main .nav-ul .more-list.active .nav-item.more {
    transform: scale(1.375);
}

.more-list .nav-item .first-list-arrow {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: -18px;
    margin-top: -8px;
    background-image: url(./../images/arrow-b-bottom.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    transition: .35s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.more-list:hover .nav-item .first-list-arrow {
    background-image: url(./../images/arrow-l-bottom.png);
    background-size: 16px 16px;
}

.nav-item .first-list-arrow.active-up {
    display: none;
}

.more-list .down-list {
    display: none;
    padding: 8px 0;
    width: 224px;
    position: absolute;
    top: 40px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.30);
    z-index: 5;
    transform-origin: top;
    -webkit-transform-origin: top;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    text-align: left;
}

.more-list.normal .down-list {
    animation: dropDown .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: dropDown .5s cubic-bezier(.165, .84, .44, 1) forwards
}

.more-list.hover .down-list {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.more-list .down-list .down-li {
    font-size: 16px;
    color: #323232;
    line-height: 18px;
    padding: 8px 0;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.more-list .down-list .down-li.active {
    color: #0052D9;
}

.more-list .down-list .down-li:hover .screen-btn {
    color: #0052D9;
}

.more-list .down-list .down-li .screen-btn {
    display: block;
    padding-left: 48px;
}

.more-list .down-list .down-li.active {
    background: url(./../images/tick-icon.png) no-repeat;
    background-size: 17px 13px;
    background-position: 17px center;
}

.resume-file-label {
    position: relative;
    display: inline-block;
}

.resume-file-label #resume-file {
    cursor: pointer;
    width: 200px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 16px;
    opacity: 0;
    z-index: -1;
}

.resume-file-label:hover .choice-btn {
    background: black;

}

.resume-attachment-label {
    position: relative;
    display: inline-block;
}

.resume-attachment-label #resume-attachment {
    cursor: pointer;
    width: 200px;
    height: 46px;
    position: absolute;
    top: 24px;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.update-attachment-label,
.update-file-label {
    position: relative;
}

.update-attachment,
.update-file {
    position: absolute;
    left: 0;
    width: 32px;
    font-size: 16px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    padding: 14px 12px 14px 12px;
    z-index: -1;
    opacity: 0;
}

.message-header {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 96px 0px 56px;
}

.message-header.title {
    margin-top: 64px;
}

.message-header.tit {
    margin-top: 88px;
}

.message-header.message-header-a{
    margin-top: 48px;
}

.header-text {
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: #323232;
    line-height: 32px;
    padding-left: 24px;
    font-family: tencentFontW3, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

.header-text::after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    top: 6px\0;
    width: 8px;
    height: 26px;
    background-image: url(../img/skew-line.png);
    background-repeat: no-repeat;
    background-size: 8px 26px;
    background-position: 0 bottom;
}


.content .main .job-wrapper .job-content .job-padding.mar-bottom {
    margin-bottom: 16px;
}

.welfare-wrapper .welfare-item .welfare-title {
    display: inline-block;
    margin-bottom: 4px;
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 44px;
    box-sizing: border-box;
}

.welfare-wrapper .welfare-item .welfare-text {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 28px;
    padding-left: 40px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
    z-index: 2;
    box-sizing: border-box;
}

.welfare-item .welfare-bg::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(0, 280px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare-item .welfare-bg.bg-move {
    background: rgba(155, 38, 182, 0.5)
}

.bg-one::after {
    background: #0052D9;
}

.welfare-swiper-1 .bg-two::after {
    background: #00A9CE;
}

.welfare-swiper-1 .bg-three::after {
    background: #ff671f;
}

.welfare-swiper-2 .bg-four::after {
    background: #FF671F;
}

.welfare-swiper-2 .bg-five::after {
    background: #adb0b1;
}

.welfare-swiper-3 .bg-six::after {
    background: #717C7D;
}

.welfare-swiper-3 .bg-seven::after {
    background: #00A9CE;
}

.welfare-swiper-3 .bg-eight::after {
    background: #79C000;
}

.welfare-swiper-4 .bg-nine::after {
    background: #968C83;
}

.welfare-swiper-4 .bg-ten::after {
    background: #79C000;
}

.welfare-swiper-5 .bg-eleven::after {
    background: #ADB0B1;
}

.welfare-swiper-5 .bg-twelve::after {
    background: #79C000;
}

.welfare-swiper-5 .bg-thirteen::after {
    background: #717c7d;
}

.bg-move.bg-fourteen::after {
    background: #9B26B6;
}

.welfare-swiper-4 .bg-fifteen::after {
    background: #adb0b1;
}

.welfare-swiper-5 .bg-sixteen::after {
    background: #ff671f;
}

.welfare-swiper-1 .bg-seventeen::after {
    background: #79c000;
}

.welfare-swiper-2 .bg-eighteen::after {
    background: #968c83;
}

.welfare-wrapper .welfare-item .welfare-details {
    opacity: 0;
    position: relative;
    width: 92.765%;
    height: 100%;
    z-index: 4;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    transform: translate(0, 80px);
    transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare-wrapper .welfare-item .video-link {
    opacity: 0;
    position: absolute;
    bottom: 40px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    padding-left: 30px;
    transform: translate(0, 80px);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.welfare-wrapper .welfare-item .video-link::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    background: url(./../images/video-icon.png) no-repeat;
    background-size: 24px 24px;
    left: -1px;
}

.welfare-slide:hover .welfare-details {
    opacity: 1;
    transform: translate(0, 0);
}

.welfare-item.welfare-big:hover .welfare-details {
    opacity: 1;
    transform: translate(0, 0);
}


.welfare-bg:hover::after,
.welfare-slide:hover .welfare-bg::after {
    transform: translate(0, 0);
}

.welfare-item.welfare-big {
    width: 66.6666%;
}

.welfare-item.welfare-middle {
    width: 50%;
}

.welfare-item {
    position: relative;
    float: left;
    width: 33.3334%;
    height: 280px;
}
.welfare-slide{
	width: 100%;
}
.welfare-bg {
    position: relative;
	width: 100%;
    height: 280px;
    box-sizing: border-box;
    overflow: hidden;
    transition: .5s top cubic-bezier(0.2, 0, 0.2, 1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.welfare-bg.bg-one {
    background-image: url(./../images/welfare-1.jpg);
}

.welfare-bg.bg-two {
    background-image: url(./../images/welfare-2.jpg);
}

.welfare-bg.bg-three {
    background-image: url(./../images/welfare-3.jpg);
}

.welfare-bg.bg-four {
    background-image: url(./../images/welfare-4.jpg);
}

.welfare-bg.bg-five {
    background-image: url(./../images/welfare-5.jpg);
}

.welfare-bg.bg-six {
    background-image: url(./../images/welfare-6.jpg);
}

.welfare-bg.bg-seven {
    background-image: url(./../images/welfare-7.jpg);
}

.welfare-bg.bg-eight {
    background-image: url(./../images/welfare-8.jpg);
}

.welfare-bg.bg-nine {
    background-image: url(./../images/welfare-9.jpg);
}

.welfare-bg.bg-ten {
    background-image: url(./../images/welfare-10.jpg);
}

.welfare-bg.bg-eleven {
    background-image: url(./../images/welfare-11.jpg);
}

.welfare-bg.bg-twelve {
    background-image: url(./../images/welfare-12.jpg);
}

.welfare-bg.bg-thirteen {
    background-image: url(./../images/welfare-13.jpg);
}


.welfare-bg.bg-fifteen {
    background-image: url(./../images/welfare-15.jpg);
}

.welfare-bg.bg-sixteen {
    background-image: url(./../images/welfare-16.jpg);
}

.welfare-bg.bg-seventeen {
    background-image: url(./../images/welfare-17.jpg);
}

.welfare-bg.bg-eighteen {
    background-image: url(./../images/welfare-18.jpg);
}


.staff-wrapper .staff-info {
    width: 100%;
    height: 320px;
    background: white;
}

.staff-message-left {
    width: 57.14%;
    height: 320px;
    float: left;

}

.staff-message-left.staff-1 {
    background-image: url(./../images/user-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-2 {
    background-image: url(./../images/user-img-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-3 {
    background-image: url(./../images/user-img-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-4 {
    background-image: url(./../images/user-img-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-5 {
    background-image: url(./../images/user-img-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-left.staff-6 {
    background-image: url(./../images/user-img-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-user-wrapper .staff-icon-1 {
    background-image: url(./../images/user-img.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-2 {
    background-image: url(./../images/user-img-1.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-3 {
    background-image: url(./../images/user-img-2.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-4 {
    background-image: url(./../images/user-img-3.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-5 {
    background-image: url(./../images/user-img-4.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-user-wrapper .staff-icon-6 {
    background-image: url(./../images/user-img-5.png);
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.staff-message-right {
    float: right;
    width: 42.858%;
    height: 320px;
    padding: 48px 5% 40px;
    box-sizing: border-box;
    background-image: url(./../images/staff-right-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.staff-message-right .staff-message-text {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.staff-user-wrapper {
    position: absolute;
    bottom: 48px;
}

.staff-user-wrapper .user-wrapper-left,
.staff-user-wrapper .user-wrapper-right {
    float: left;
}

.staff-user-wrapper .staff-icon {
    width: 72px;
    height: 72px;
    border: 4px solid #0052D9;
    background-position: center;
    box-sizing: border-box;
    border-radius: 50%;
    margin-right: 16px;
}



.staff-user-wrapper .staff-username {
    padding-top: 12px;
    font-size: 18px;
    color: #343434;
    line-height: 20px;
}

.staff-user-wrapper .staff-label {
    margin-top: 8px;
    float: left;
    font-size: 14px;
    color: #808080;
    line-height: 18px;
    max-width: 264px;
}

.swiper-box {
    position: relative;
    height: 320px;
}

.swiper_btn {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.swiper_btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.staff-prev-wrapper {
    cursor: pointer;
    position: absolute;
    left: -88px;
    top: 50%;
    margin-top: -32px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    outline: none;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.button-prev {
    width: 64px;
    height: 64px;
    background: url(../images/arrow-w-left.png) no-repeat;
    background-size: 28px 28px;
    background-position: center;
    outline: none;
}

.button-next {
    width: 64px;
    height: 64px;
    background: url(../images/arrow-w-right.png) no-repeat;
    background-size: 28px 28px;
    background-position: center;
    outline: none;
}

.staff-next-wrapper {
    cursor: pointer;
    position: absolute;
    right: -88px;
    top: 50%;
    margin-top: -32px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.container.story-1 {
    display: none;
}


.banner-container .swiper-slide {
    height: 457px;
}

.swiper-one {
    width: 100%;
    height: 100%;
    background-image: url(./../images/swiper-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-container .prev-wrapper {
    position: absolute;
    top: 50%;
    padding: 10px;
    left: 8.333%;
    margin-top: -22px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    outline: none;
    z-index: 2;
}

.banner-container .next-wrapper {
    position: absolute;
    top: 50%;
    padding: 10px;
    margin-top: -22px;
    right: 8.333%;
    cursor: pointer;
    width: 48px;
    height: 48px;
    outline: none;
    z-index: 2;
}

.banner-container .prev-btn {
    width: 48px;
    height: 48px;
    background-image: url(./../images/arrow-w-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: transform .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.banner-container .next-btn {
    width: 48px;
    height: 48px;
    background-image: url(./../images/arrow-w-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    transition: transform .3s cubic-bezier(0.2, 0.0, 0.2, 1), border .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.banner-container .prev-btn.circle,
.banner-container .next-btn.circle {
    border: 1px solid white;
    border-radius: 50%;
}

/*重写swiper样式部分*/
.swiper-container.swiper-parent .swiper-container,
.swiper-container .swiper-slide,
.swiper-container .swiper-wrapper,
.swiper-container.swiper-parent {
    width: 100%;
    height: 100%;
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1), 1s top cubic-bezier(0.2, 0.0, 0.2, 1);
}

.swiper-container .swiper-slide .swiper-img {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.swiper-container .swiper-slide .swiper-bg-2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-2.jpg) no-repeat; */
    background-size: cover;
}

.swiper-container .swiper-slide .swiper-bg-3 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-3.jpg) no-repeat; */
    background-size: cover;
}

.swiper-container .swiper-slide .swiper-bg-4 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-4.jpg) no-repeat; */
    background-size: cover;
}

.swiper-container .swiper-slide .swiper-bg-5 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2560px;
    height: 600px;
    margin-left: -1280px;
    /* background: url(./../images/bannerSw-5.jpg) no-repeat; */
    background-size: cover;
}

.banner-swiper {
    position: relative;
}

.a-swiper .swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-swiper .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-size: 12px 12px;
    border-radius: 50%;
}

.banner-swiper .pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.a-swiper .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background-size: 12px 12px;
    border-radius: 50%;
}

.banner-swiper .swiper-pagination {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-container.staff-swiper-container {
    height: 320px;
}

.banner-swiper .banner-button-next {
    width: 24px;
    height: 24px;
}

.city-swiper-container {
    position: relative;
}

.swiper-container.city-swiper {
    height: 360px;
}

.header-seat.adaption-color {
    background-color: #0052d9;
}

.blue .logo {
    background: url(../images/Tencent-w-logo.png) no-repeat;
    background-size: 100% 100%;
}

.header.adaption-color .header-search .search-btn:after {
    background-image: url(./../images/side-w-right.png);
    background-size: 12px 12px;
}

.header.adaption-color .menu .menu-list .first-list {
    color: white;
    border-bottom: 1px solid transparent;
}

.header.adaption-color .menu .menu-list.active .first-list {
    border-bottom: 1px solid #ffffff;
}


.header.adaption-color .login .login-btn {
    border: 1px solid #FFFFFF;
    color: white;
}

.header.adaption-color .login .user-info .login-link {
    color: #fff
}

.header.adaption-color .login .user-info .login-link .first-list-down {
    background: url(./../images/arrow-w-down.png) no-repeat;
    background-size: 18px 18px;
    background-position: center;
}

.blue .search-input.input-value {
    border: 1px solid transparent;
}

.search-input.tint {
    border: 1px solid transparent;
}


.search-input.dark .search-input::-webkit-input-placeholder {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
}

.header.adaption-color .search-btn {
    color: white;
}

.header.adaption-color .header-search .search-btn:hover {
    color: white;
}

.adaption-color .header-search {
    background-color: rgba(255, 255, 255, .3);
}

.adaption-color .header-search .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.80);
}

.adaption-color .header-search .search-input {
    color: white;
}

/*产品与服务*/
.container.full {
    height: 100% !important;
}

.container.full .content {
    width: 100%;
    height: 100%;
}

.content.website-bg {
    background-color: #032aa0;
}

.header.no-background {
    position: absolute;
    z-index: 2;
    background: none
}

.sidebar {
    position: absolute;
    right: 0;
    max-width: 136px;
    float: right;
    z-index: 1000;
    transition: top .5s;
    -webkit-mask-image: url(../images/tab-mask.png);
    -webkit-mask-size: cover;
}

.sidebar .sidebar-ground {
    position: relative;
    overflow: hidden;
    padding: 48px 0;
  }

.sidebar-item {
    position: relative;
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1);
    cursor: pointer;
    float: right;
    width: 100%;
    min-width: 68px;
    transform: translate(22%, 0);
}

.sidebar-item.first {
    margin-top: 0;
    transform: translate(0, 0);
}


.sidebar-item-content .page-number {
    opacity: 0;
    height: 28px;
    padding-bottom: 2px;
}

.sidebar-item-content .number {
    font-family: Numfont;
    display: table-cell;
    font-size: 14px;
    color: #FFFFFF;
    /* letter-spacing: 0.1px; */
    height: 32px;
    vertical-align: bottom;
    transition: 1s transform cubic-bezier(0.2, 0, 0.2, 1);
}

.sidebar.start .sidebar-item-content {
    animation: BraceUpFirst 1s cubic-bezier(0.2, 0.0, 0.2, 1) forwards;
}

.sidebar .sidebar-list {
    position: relative;
    transform: translate(0, 0);
    transition: .3s transform cubic-bezier(0.6, -0.1, 0.6, 1);
}

.sidebar-item-content .headerline {
    height: 1px;
    width: 100%;
    opacity: 0.6;
    transform-origin: right;
    transform: translate(0, 0);
    padding-top: 4px;
    padding-bottom: 4px;
    background-image: url(../images/tab-line-active.png);
    background-size: 100% 1px;
    background-position: center center;
    background-repeat: no-repeat;
}

.sidebar-item-content .sidebar-text {
    opacity: 0;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    line-height: 16px\0;
    transition: font .2s cubic-bezier(0.2, 0, 0.2, 1);
    max-width: 138px;
    margin-right: 7px
}

.product-item-list {
    display: none;
    opacity: 0;
    margin-left: 14px;
    max-width: 122px;
    transform-origin: bottom;
}

.product-item-list .product-li {
    opacity: 0.8;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    font-weight: 600;
    padding-top: 8px;
    transition: .5s cubic-bezier(0.2, 0, 0.2, 1) transform;
}

.product-item-list .product-li:hover {
    opacity: 1;
    transform: translate(-8px, 0);
}

.sidebar.normal .sidebar-item:first-child .page-number {
    opacity: 1;
}

.sidebar.normal .sidebar-item:first-child .sidebar-text {
    opacity: 1;
}

.sidebar.normal .sidebar-item .sidebar-text {
    opacity: 0.5;
}

.sidebar-item .page-number .tilt {
    padding: 0 6px 0 24px;
    padding-left: 24px\0;
}

.sidebar-item:first-child .headerline {
    opacity: 1;
    height: 2px;
    background-image: url(../images/tab-line-active.png);
    background-size: 100% 2px;
}

.sidebar-item:first-child.leave .headerline,
.sidebar-item:first-child.normal .headerline {
  background-size: 100% 1px;
}

.sidebar-item:first-child .sidebar-text {
    opacity: 0;
    font-size: 18px;
    color: #FFFFFF;
}

.sidebar-item.normal:first-child .sidebar-text {
    font-size: 15px;
}

.sidebar-item .page-number .current-num .number-item {
    font-size: 24px;
}

.sidebar.start .sidebar-item:first-child .page-number {
    animation: minusReversalUp .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
    -webkit-animation: minusReversalUp .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}

.sidebar.normal .sidebar-item:first-child .change-number-wrapper {
    opacity: 1;
}

.sidebar.start .sidebar-item:first-child .change-number-wrapper {
    animation: minusReversalUp .1s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
    -webkit-animation: minusReversalUp .1s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}


.sidebar.start .sidebar-item:first-child .sidebar-text {
    animation: FirstReversalDown .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
    -webkit-animation: FirstReversalDown .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}

.sidebar.start .sidebar-item .sidebar-text {
    animation: ReversalDown .5s cubic-bezier(0.2, 0, 0.2, 1) .5s forwards;
}

.sidebar.normal .sidebar-item.normal .page-number {
    animation: sidebarNumNormal .2s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar.normal .sidebar-item.leave .sidebar-text,
.sidebar.normal .sidebar-item.normal .sidebar-text {
    animation: sidebarTextNormal 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar.normal .sidebar-item.active .page-number {
    animation: sidebarNumActive 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar.normal .sidebar-item.hover .sidebar-text,
.sidebar.normal .sidebar-item.active .sidebar-text {
  font-size: 18px;
  animation: sidebarTextActive 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}


.sidebar-item.leave,
.sidebar-item.normal {
  animation: sidebarNormal 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar-item.hover,
.sidebar-item.active {
  animation: sidebarActive 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.sidebar-item.normal .headerline {
    opacity: 0.5;
}

.sidebar-item:first-child.hover .headerline,
.sidebar-item:first-child.active .headerline,
.sidebar-item.hover .headerline,
.sidebar-item.active .headerline {
  opacity: 1;
  height: 2px;
  background-image: url(../images/tab-line-active.png);
  background-size: 100% 2px;
}

.change-number-wrapper {
    display: inline-block;
    position: absolute;
    top: 8px;
    height: 24px;
    line-height: 28px;
    overflow: hidden;
    opacity: 0\0;
}

.sidebar.normal .sidebar-item.normal .change-number-wrapper {
    animation: sidebarNumNormal .2s cubic-bezier(0.2, 0, 0.2, 1) forwards\0;
}

.sidebar.normal .sidebar-item.active .change-number-wrapper {
    animation: sidebarNumActive .8s cubic-bezier(0.2, 0, 0.2, 1) forwards\0;
}


.change-number-wrapper .second.number {
    transform: translate(0, -28px);
}

.application {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: top;
    animation: upwardGo 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
    padding-top: 40px;
}

.application.normal {
    animation: upwardOut .2s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}


.application-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 57.143%;
    padding-top: 40px;
}

.application-left.none {
    opacity: 0;
}

.application-left.show {
    opacity: 1;
}

.application-left.zindex {
    z-index: -1;
}


.application-left.normal {
    animation: turnYBack .1s linear forwards;
}


.application-left .detailed-info {
    margin-top: 30px;
}

.title-content .title-tips {
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.09px; */
    line-height: 18px;
    margin-bottom: 12px;
}

.title-content .title-content-left {
    float: left;
    width: 72%;
}

.title-content .title-content-left .title {
    display: inline-block;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
}

.title-content .title-content-left .text {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    vertical-align: bottom;
}

.title-content .title-content-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.application-left .title-content {
    position: relative;
}

.application .application-message {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #FFFFFF;
}

.application-right {
    float: right;
    width: 28.572%;
}

.application-logo {
    width: 256px;
    height: 256px;
    /* padding-bottom: 120%; */
    background-repeat: no-repeat;
    background-size: 256px 256px;
    background-position: center;
}

.service-swiper-item.product-1 {
    background-color: #12B7F5;
}

.service-swiper-item.product-2 {
    background-color: #4D4D4D;
}

.service-swiper-item.product-3 {
    background-color: #00A3FF;
}

.service-swiper-item.product-4 {
    background-color: #2F5DA5;
}

.service-swiper-item.product-5 {
    background-color: #141414;
}

.service-swiper-item.product-6 {
    background-color: #141414;
}

.service-swiper-item.product-7 {
    background-color: #1B1B1B;
}

.service-swiper-item.product-8 {
    background-color: #252525;
}

.service-swiper-item.product-9 {
    background-color: #000000;
}

.service-swiper-item.product-10 {
    background-color: #1853A4;
}

.service-swiper-item.product-11 {
    background-color: #3B5FE8;
}

.service-swiper-item.product-12 {
    background-color: #000000;
}

.service-swiper-item.product-13 {
    background-color: #1372FA;
}

.service-swiper-item.product-14 {
    background-color: #009FE8;
}

.service-swiper-item.product-15 {
    background-color: #042585;
}

.service-swiper-item.product-16 {
    background-color: #19294A;
}

.service-swiper-item.product-17 {
    background-color: #002268;
}

.service-swiper-item.product-18 {
    background-color: #206AB3;
}

.service-swiper-item.product-19 {
    background-color: #2575EA;
}

.service-swiper-item.product-20 {
    background-color: #56C2EC;
}

.service-swiper-item.product-21 {
    background-color: #424F3D;
}

.service-swiper-item.product-22 {
    background-color: #1AAD19;
}

.service-swiper-item.product-23 {
    background-color: #224BA4;
}

.service-swiper-item.product-24 {
    background-color: #2BA245;
}

.service-swiper-item.product-25 {
    background-color: #0BB2FF;
}

.service-swiper-item.product-26 {
    background-color: #0A67A1;
}

.service-swiper-item.product-27 {
    background-color: #032AA0;
}

.service-swiper-item.product-28 {
    background-color: #032AA0;
}

.service-swiper-item.product-29 {
    background-color: #07D0B0;
}

.service-swiper-item.product-30 {
    background-color: #675E47;
}

.service-swiper-item.product-31 {
    background-color: #0F1E3C;
}

.service-swiper-item.product-32 {
    background-color: #141414;
}

.service-swiper-item.product-33 {
    background-color: #141414;
}

.service-swiper-item.product-34 {
    background-color: #005EFE;
}

.service-swiper-item.product-35 {
    background-color: #0082EF;
}

.service-swiper-item.product-36 {
    background-color: #4A3A5B;
}

.service-swiper-item.product-37 {
    background-color: #0459FF;
}

.service-swiper-item.product-38 {
    background-color: #0459FF;
}

.service-swiper-item.product-39 {
    background-color: #0459FF;
}

.service-swiper-item.product-40 {
    background-color: #005AFF;
}

.service-swiper-item.product-41 {
    background-color: #073A8E;
}

.service-swiper-item.product-42 {
    background-color: #141414;
}

.service-swiper-item.product-43 {
    background-color: #0052D9;
}

.service-swiper-item.product-44 {
    background-color: #000000;
}

.service-swiper-item.product-45 {
    background-color: #04005B;
}

.service-swiper-item.product-46 {
    background-color: #1B36C4;
}

.service-swiper-item.product-47 {
    background-color: #152847;
}

.product-1 .application-logo {
    background-image: url(./../images/product-logo1.png);
}

.product-2 .application-logo {
    background-image: url(./../images/product-logo2.png);
}

.product-3 .application-logo {
    background-image: url(./../images/product-logo3.png);
}

.product-4 .application-logo {
    background-image: url(./../images/product-logo4.png);
}

.product-5 .application-logo {
    background-image: url(./../images/product-logo5.png);
}

.product-6 .application-logo {
    background-image: url(./../images/product-logo6.png);
}

.product-7 .application-logo {
    background-image: url(./../images/product-logo7.png);
}

.product-8 .application-logo {
    background-image: url(./../images/product-logo8.png);
}

.product-9 .application-logo {
    background-image: url(./../images/product-logo9.png);
}

.product-10 .application-logo {
    background-image: url(./../images/product-logo10.png);
}

.product-11 .application-logo {
    background-image: url(./../images/product-logo11.png);
}

.product-12 .application-logo {
    background-image: url(./../images/product-logo12.png);
}

.product-13 .application-logo {
    background-image: url(./../images/product-logo13.png);
}

.product-14 .application-logo {
    background-image: url(./../images/product-logo14.png);
}

.product-15 .application-logo {
    background-image: url(./../images/product-logo15.png);
}

.product-16 .application-logo {
    background-image: url(./../images/product-logo16.png);
}

.product-17 .application-logo {
    background-image: url(./../images/product-logo17.png);
}

.product-18 .application-logo {
    background-image: url(./../images/product-logo18.png);
}

.product-19 .application-logo {
    background-image: url(./../images/product-logo19.png);
}

.product-20 .application-logo {
    background-image: url(./../images/product-logo20.png);
}

.product-21 .application-logo {
    background-image: url(./../images/product-logo21.png);
}

.product-22 .application-logo {
    background-image: url(./../images/product-logo22.png);
}

.product-23 .application-logo {
    background-image: url(./../images/product-logo23.png);
}

.product-24 .application-logo {
    background-image: url(./../images/product-logo24.png);
}

.product-25 .application-logo {
    background-image: url(./../images/product-logo25.png);
}

.product-26 .application-logo {
    background-image: url(./../images/product-logo26.png);
}

.product-27 .application-logo {
    background-image: url(./../images/product-logo27.png);
}

.product-28 .application-logo {
    background-image: url(./../images/product-logo28.png);
}

.product-29 .application-logo {
    background-image: url(./../images/product-logo29.png);
}

.product-30 .application-logo {
    background-image: url(./../images/product-logo30.png);
}

.product-31 .application-logo {
    background-image: url(./../images/product-logo31.png);
}

.product-32 .application-logo {
    background-image: url(./../images/product-logo32.png);
}

.product-33 .application-logo {
    background-image: url(./../images/product-logo33.png);
}

.product-34 .application-logo {
    background-image: url(./../images/product-logo34.png);
}

.product-35 .application-logo {
    background-image: url(./../images/product-logo35.png);
}

.product-36 .application-logo {
    background-image: url(./../images/product-logo36.png);
}

.product-37 .application-logo {
    background-image: url(./../images/product-logo37.png);
}

.product-38 .application-logo {
    background-image: url(./../images/product-logo38.png);
}

.product-39 .application-logo {
    background-image: url(./../images/product-logo39.png);
}

.product-40 .application-logo {
    background-image: url(./../images/product-logo40.png);
}

.product-41 .application-logo {
    background-image: url(./../images/product-logo41.png);
}

.product-42 .application-logo {
    background-image: url(./../images/product-logo42.png);
}

.product-43 .application-logo {
    background-image: url(./../images/product-logo43.png);
}

.product-44 .application-logo {
    background-image: url(./../images/product-logo44.png);
}

.product-45 .application-logo {
    background-image: url(./../images/product-logo45.png);
}

.product-46 .application-logo {
    background-image: url(./../images/product-logo46.png);
}

.product-47 .application-logo {
    background-image: url(./../images/product-logo47.png);
}

.product {
    position: relative;
    height: 100%
}

.product .product-item {
    opacity: 0;
    font-weight: 500;
    font-size: 28px;
    color: #FFFFFF;
}

.product .product-item.top.normal {
    opacity: 0.2;
    animation: opacityOut .3s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.top {
    display: inline-block;
    position: absolute;
    top: 160px;
    left: 40px;
    white-space: nowrap;
    word-break: keep-all;
    transform-origin: left top;
    animation: narrow 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.bottom {
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 40px;
    white-space: nowrap;
    word-break: keep-all;
    transform-origin: left bottom;
    animation: upwardText 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.bottom.active {
    animation: Enlarge 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

.product .product-item.bottom.active {
    animation: Enlarge 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}


.product-item.bottom .product-item-title {
    display: table-cell;
    height: 48px;
}

.product-item .product-item-text {
    display: table-cell;
    font-size: 24px;
    /* letter-spacing: 0.24px; */
    height: 40px;
    vertical-align: bottom;
}

.product-item .product-item-title {
    display: table-cell;
    height: 40px;
}

.product-wrapper {
    position: relative;
    height: 100%;
    /* display: flex;
    align-items: center; */
}


.title-content .title-content-right .jop-link {
    font-weight: 600;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 18px;
    color: #FFFFFF;
    /* letter-spacing: 0.03px; */
    height: 64px;
    vertical-align: bottom;
}

.title-content .title-content-right .jop-link:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(./../images/side-w-right.png) no-repeat;
    background-size: 12px 12px;
    transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
}

.title-content .title-content-right .jop-link:hover:after {
    transform: translateX(6px)
}

.search-content .null-wrapper {
    padding-top: 174px;
    text-align: center;
}

.search-content .null-text {
    font-size: 28px;
    color: #333333;
    /* letter-spacing: 0.05px; */
    line-height: 28px;
}

.search-content .null-tips {
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 20px;
    margin-top: 32px;
}

.search-input-wrapper .search-select-ul {
    display: none;
    background: #FFF;
    margin-top: 1px;
    -webkit-box-shadow: 1px 14px 17px 0 rgba(0, 0, 0, .15);
    box-shadow: 1px 14px 17px 0 rgba(0, 0, 0, .15);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    max-height: 240px;
    overflow-y: auto;
    box-sizing: border-box;
}

.search-input-wrapper .search-select-ul.normal {
    animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: rotateSelectBack .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.search-input-wrapper .search-select-ul.active {
    animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: rotateSelectGo .5s cubic-bezier(.165, .84, .44, 1) forwards;
}

.search-input-wrapper .search-select-li {
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    padding: 15px 0 15px 24px;
    border-bottom: 1px solid #e6e6e6;
}

.search-input-wrapper .search-select-li:hover {
    background: #EAEAEA;
}

/* .header.adaption-color+.content .header-seat {
    background-color: #0052d9;
} */

.container .content .header-seat {
    padding-bottom: 144px;
    /* transition: .25s ease; */
}

.container.no-search .content .header-seat {
    padding-bottom: 81px;
    /* transition: .25s ease; */
}

.adaption-color .logo {
    background: url(../images/Tencent-w-logo.png) no-repeat;
    background-size: 100% 100%;
}

.routine-browser {
    height: 100%;
    width: 100%;
}

.service-swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
}

.service-swiper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* z-index: 1;  */
}

.service-swiper.top {
    z-index: 3;
}


.service-swiper-item {
    display: none;
    width: 100%;
    height: 100%;
    animation: opacity1 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;
}



.tencent-story .logo {
    width: 229px;
    height: 24px;
    float: left;
    cursor: pointer;
    margin: 28px 0;
    background-image: url(./../images/Tencent-logo-w.png);
    background-size: 100% 100%;
}


.content-wrapper.alone {
    height: 100vh
}

.error-msg-box {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    z-index: 1000;
}

.err-msg-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 336px;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
}

.err-msg-wrap .err-msg-content {
    position: relative;
}

.err-msg-wrap .msg-wrap-tit {
    font-size: 24px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
    margin-bottom: 32px;
}

.err-msg-wrap .msg-wrap-txt {
    font-size: 16px;
    color: #171717;
    /* letter-spacing: 0.01px; */
    line-height: 24px;
    padding-bottom: 80px;
}

.err-msg-wrap .msg-wrap-btn {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 72px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #FFFFFF;
    /* letter-spacing: 0.01px; */
    background: #0052D9;
    text-align: center;
    transition: .3s all cubic-bezier(0.2, 0.0, 0.2, 1);
}

.err-msg-wrap .msg-wrap-btn:hover {
    background: #0041AD;
}

.search-input-wrapper .search-select-ul {
    padding: 0px 24px 24px 24px;
}

.search-select-group .menu-item-group-title {
    font-size: 16px;
    color: #818181;
    /* letter-spacing: 0.03px; */
    line-height: 16px;
    margin-top: 24px;
}

.search-select-group .menu-item-group-ul .menu-item {
    /* display: inline-block; */
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.03px; */
    line-height: 18px;
    margin-top: 16px;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.search-select-group .menu-item-group-ul .menu-item .menu-item-text {
    cursor: pointer;
    display: inline-block;
}


.search-select-group .menu-item-group-ul .menu-item:hover {
    color: #0052D9;
}

.city-swiper-container .circle-animation {
    width: 120px;
    position: absolute;
    right: 0;
    /* background: #ffffff; */
    z-index: 2;
    bottom: 1px;
    text-align: center;
    height: 40px;
}

.a-swiper .circle-animation,
.banner-swiper .circle-animation {
    position: absolute;
    bottom: 38px;
    bottom: 37.5px\0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    height: auto;
    z-index: 3;
    text-align: center;
    box-sizing: border-box;
}

.a-swiper .circle-animation {
    bottom: 20px;
    bottom: 21px\0;
}

.a-swiper .circle-left {
    animation: rotate 3s linear 3s forwards;
}

.a-swiper .circle-right {
    animation: rotate1 3s linear forwards;
}

.a-swiper .swiper-pagination {
    bottom: 22px;
}


.banner-swiper .circle-animation .circle-li {
    margin: 0 5px;
}

.circle-wrapper-ground {
    display: none;
    width: 12px;
    height: 12px;
}

.circle-animation .circle-animation-list {
    display: inline-block;
    margin-top: 16px;
    margin-left: 1px\0;
}

.circle-animation .circle-li {
    cursor: pointer;
    position: relative;
    float: left;
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.circle-wrapper {
    position: absolute;
    top: 0;
    width: 6px;
    height: 12px;
    overflow: hidden;
}

.circle-left-wrapper {
    left: 0;
}

.circle-right-wrapper {
    right: 0px;
}

.city-swiper-container .circle-left-wrapper {
    margin-left: 0.5px\0;
}

.city-swiper-container .circle-right-wrapper {
    margin-right: -0.5px\0;
}

.banner-swiper .circle-li:first-child .circle-left {
    animation: rotate 6s linear 6s forwards;
}

.banner-swiper .circle-li:first-child .circle-right {
    animation: rotate1 6s linear forwards;
}

.banner-swiper .circle-li .circle-left {
    animation: rotate 3s linear 3s forwards;
}

.banner-swiper .circle-li .circle-right {
    animation: rotate1 3s linear forwards;
}

.circle-left {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    border-top: 2px solid #0052D9;
    border-right: 2px solid #0052D9;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    transform: rotate(45deg);
    animation: rotate 2s linear 2s forwards;
    -webkit-animation: rotate 2s linear 2s forwards;
}

.circle-right {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid #0052D9;
    border-left: 2px solid #0052D9;
    border-radius: 50%;
    transform: rotate(45deg);
    animation: rotate1 2s linear forwards;
    -webkit-animation: rotate1 2s linear forwards;
}


/* .video-wrapper {
    position: relative;
    height: 600px;
} */


.banner-swiper::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 144px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 1%, rgba(0, 0, 0, 0.15) 59%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 10;
}

.video-wrapper {
    width: 100%;
    /* float: left; */
    margin-right: -100%;
    position: relative;
    left: 0;
    opacity: 1;
    display: block;
    z-index: 2;
    height: 600px;
    overflow: hidden;
    transition: left 1s cubic-bezier(0.2, 0, 0.2, 1);
    background: black;
}

.video1 {
    width: 2560px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1280px;
}

.banner-container {
    height: 600px;
}

.load-more-wrapper .more-btn {
    position: relative;
    margin: 0 auto 120px;
    width: 240px;
    height: 48px;
    line-height: 48px;
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.30);
    font-size: 18px;
    color: #0052D9;
    text-align: center;
    overflow: hidden;
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    cursor: pointer;
}

.mrgbtm {
    margin-bottom: 72px;
}

.load-more-wrapper .more-btn.margin-null{
    margin-bottom: 0;
}

.service-swiper-container .mouse-icon {
    position: absolute;
    width: 20px;
    height: 32px;
    bottom: 44px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 2px solid #FFFFFF;
    border-radius: 18px;
    z-index: 2;
}

.service-swiper-container .mouse-wheel {
    width: 8px;
    height: 8px;
    background-image: url(../images/mouse-circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 8px auto 0;
    animation: mouseWheelDown 1.5s cubic-bezier(0.2, 0, 0.2, 1) infinite;
}

.nav-content-list .recruit-wrap.mba {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    padding: 40px 0 80px 0;
    margin-bottom: 480px;
}

.nav-content-list .recruit-wrap.mba .recruit-txt,
.nav-content-list .recruit-wrap.mba .recruit-tit {
    font-size: 24px;
    color: #343434;
    /* letter-spacing: 0.12px; */
    text-align: center;
    line-height: 36px;
}

.nav-content-list .recruit-wrap.mba .recruit-link {
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 40px;
    font-weight: 600;
    /* font-family: PingFangSC-Semibold, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif; */
    font-size: 16px;
    color: #0052D9;
    /* letter-spacing: 0.08px; */
    line-height: 16px;
    transition: .5s color cubic-bezier(0.2, 0.0, 0.2, 1);
}

.nav-content-list .recruit-wrap.mba .recruit-link::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(./../images/jump_blue.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    margin-left: 4px;
    transition: .5s background cubic-bezier(0.2, 0.0, 0.2, 1);
}

.nav-content-list .recruit-wrap.mba .recruit-link:hover {
    color: #4C90FF;
}

.nav-content-list .recruit-wrap.mba .recruit-link:hover::after {
    background-image: url(./../images/jump-blue-hover.png);
    background-size: 12px 12px;
}

.content.bg-color {
    background-color: #f7f7f7;
    padding-bottom: 120px;
}

.adaption-color .search-input.input-value.active {
    border-color: white
}

.welfare-item.welfare-big .welfare-video {
    /* display: none; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background-color: black;
}

.welfare-item.welfare-big:hover .welfare-video {
    display: block;
}

.welfare-item.welfare-big .welfare-vid {
    position: absolute;
    height: 280px;
    height: 380px\0;
    width: 2560px\0;
    left: 50%\0;
    margin-left: -1280px\0;
    object-fit: cover;
}

/* .welfare-item.welfare-big:hover .bg-move {
    transform: translate(0, -280px);
} */

.content .main .recruit-wrap.mar-bottom {
    margin-bottom: 52px;
}

.swiper-container.a-container,
.a-swiper {
    position: relative;
    height: 320px;
}

.a-container.swiper-container .swiper-wrapper {
    position: absolute;
    top: 0;
}

.not-available {
    background: #FFFFFF;
    border: 1px solid #ADB0B1;
    margin-bottom: 16px;
    padding: 4%;
}

.not-available .recruit-tit {
    font-size: 24px;
    color: #333333;
    /* letter-spacing: 0.12px; */
    line-height: 24px;

}

.not-available .recruit-t {
    font-size: 18px;
    color: #333333;
    /* letter-spacing: 0.08px; */
    line-height: 18px;
}

.not-available .recruit-l {
    display: inline-block;
    font-size: 16px;
    color: #0052D9;
    /* letter-spacing: 0.08px; */
    line-height: 16px;
}

.change-content.banner .banner-main .banner-title-wrapper {
    display: none;
}

.welfare-container .swiper-wrapper {
    top: 0;
}

.nav-content-mobile {
    display: none;
}


.bg-shadow1 {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: -1;
    transition: .5s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.bg-shadow1.show {
    opacity: 1;
    z-index: 1000;
}

.bg-shadow1 .welfare-video {
    width: 1024px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: -512px;
}

.bg-shadow1 .video-close {
    position: absolute;
    top: 0px;
    right: -48px;
    width: 48px;
    height: 48px;
    background: url(./../images/video-close-icon.png) no-repeat;
    background-size: 22px 22px;
    background-color: #1E1E1E;
    background-position: center;
}


.welfare-slide .welfare-limit {
    opacity: 0;
    position: absolute;
    bottom: 32px;
    font-size: 14px;
    color: #FFFFFF;
    /* letter-spacing: 0; */
    transform: translate(0, 80px);
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    padding-right: 40px;
}

.welfare-slide:hover .welfare-limit {
    opacity: 1;
    transform: translate(0, 0);
}

.welfare-item:hover .video-link {
    opacity: 1;
    transform: translate(0, 0);
}


.text-one .box-tips {
    opacity: 0;
    position: absolute;
    bottom: 12px;
    right: 22px;
    font-size: 12px;
    color: #FFFFFF;
    /* letter-spacing: 0.02px; */
    text-align: right;
    line-height: 12px;
    transform: translate(0, 20px);
}

.text-one.active .box-tips {
    opacity: 0.5;
    transform: translate(0, 0);
    transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
}

.recruit-wrap.null {
    font-size: 24px;
    color: #343434;
    /* letter-spacing: 0.12px; */
    text-align: center;
    line-height: 36px;
    background: white;
}

.content .main .recruit-wrap.null {
    padding: 60px 0;
    margin-bottom: 120px;
    box-sizing: border-box;
}

.content .content-wrapper .content-right.fixed {
    position: fixed;
    margin-top: 40px;
}

.content .content-wrapper .content-right.affix-up {
    transform: translateY(0px);
}

.content .content-wrapper .content-right.affix-down {
    transform: translateY(-65px);
}

.explain-text .join-link {
    display: inline-block;
    color: #0052D9;
}

.select-wrapper.short {
    position: relative;
    width: 24.49%;
    float: left;
}

.select-wrapper.long {
    position: relative;
    width: 75.512%;
    float: left;
}

.content .content-wrapper .resume-content .telephone .splicing-input.error {
    border: 1px solid #E53535;
}

.title-content .title-content-left .title-special {
    font-size: 48px;
    float: left;
}

.title-content .title-content-left .title-small {
    color: white;
    font-size: 36px;
    float: left;
    margin-top: 12px;
}

.content .main .recruit-wrap .recruit-list.disable {
    border-left: 4px solid #7e7e7e;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}

.content .main .recruit-wrap .recruit-list.disable .recruit-title {
    color: #7E7E7E;
}

.content .main .recruit-wrap .recruit-list.disable .recruit-tips {
    color: #7E7E7E;
}




.loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 1000;
}

.loading-content {
    position: absolute;
    height: 96px;
    width: 96px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
    background: white;
}

.block-item-wrapper {
    position: relative;
    height: 96px;
    width: 96px;
    overflow: hidden;
}

.block-item-wrapper.loading-item-2 {
    display: none;
}

.block-item-wrapper .block-item {
    position: absolute;
    top: 0;
    left: -120px;
    width: 120px;
    height: 96px;
}

.block-item-wrapper .loading-block-item1 {
    background: url(./../images/loading-block.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item2 {
    background: url(./../images/loading-block2.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item3 {
    background: url(./../images/loading-block3.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item4 {
    background: url(./../images/loading-block4.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item5 {
    background: url(./../images/loading-block5.png) no-repeat;
    background-size: 120px 96px;
}

.block-item-wrapper .loading-block-item1.active {
    animation: loadingBlock1 2s cubic-bezier(0.2, 0.0, 0.0, 1) forwards;
}

.block-item-wrapper .loading-block-item2.active {
    animation: loadingBlock2 2s cubic-bezier(0.2, 0.0, 0.05, 1) .65s forwards;
}

.block-item-wrapper .loading-block-item3.active {
    animation: loadingBlock3 2s cubic-bezier(0.2, 0.0, 0.1, 1) 1.3s forwards;
}

.block-item-wrapper .loading-block-item4.active {
    animation: loadingBlock4 2s cubic-bezier(0.2, 0.0, 0.15, 1) 1.95s forwards;
}

.block-item-wrapper .loading-block-item5.active {
    animation: loadingBlock5 2s cubic-bezier(0.2, 0.0, 0.2, 1) 2.6s forwards;
}

.head-mess-wrap {
    margin-top: 40px;
}

.head-mess-wrap p {
    width: 100%;
    display: block;
}

.head-mess-wrap h2 {
    font-size: 36px;
    color: #333;
    /* letter-spacing: 0.07px; */
    width: 100%;
    font-weight: bold;
    line-height: 48px;
}

.head-mess-wrap .march-year {
    font-size: 16px;
    color: #7F7F7F;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
    margin-top: 4px;
    margin-bottom: 28px;
}

.head-mess-wrap .x-label {
    font-size: 26px;
    color: #333333;
    /* letter-spacing: 0.13px; */
    line-height: 26px;
    font-weight: bold;
}

.head-mess-wrap .x-label-1 {
    margin-bottom: 14px;
}

.head-mess-wrap .x-label-2 {
    margin-bottom: 12px;
}

.head-mess-wrap .m-mess {
    font-size: 20px;
    color: #333333;
    /* letter-spacing: 0.04px; */
    line-height: 28px;
    margin-bottom: 26px;
}

.head-mess-wrap .x-mess {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.head-mess-wrap .x-mess-1 {
    margin-bottom: 28px;
}

.head-mess-wrap .section .x-mess-title {
    margin-bottom: 1px;
}

.head-mess-wrap .section .x-mess-title.x-mess-bottom {
    margin-bottom: 28px;
}

.head-mess-wrap .section .x-mess .circle {
    vertical-align: baseline;
    margin-right: 20px;
}

.head-mess-wrap .section-1 {
    margin-bottom: 28px;
}

.head-mess-wrap .section-2 {
    margin-bottom: 8px;
    width: 100%;
    overflow: hidden;
}

.head-mess-wrap .section-2 ul {
    margin-top: 1px;
}

.head-mess-wrap .section-2 ul li {
    margin-bottom: 28px;
}

.list-wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 120px;
}

.list-wrap .ul {
    width: 100%;
    overflow: hidden;
}

.list-wrap .ul .li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
    position: relative;
    padding: 36px 0;
}

.list-wrap .ul .li .more {
    width: 24px;
    height: 24px;
    border: 2px solid #323232;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 99;
    cursor: pointer;
}

.list-wrap .ul .li .more .line {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
}

.list-wrap .ul .li .more .x {
    width: 10px;
    height: 2px;
    background: #323232;
}

.list-wrap .ul .li .more .y {
    width: 2px;
    height: 10px;
    background: #323232;
}


.list-wrap .ul .li:nth-child(1) {
    border-top: 1px solid #D8D8D8;
}

.list-wrap .ul .li:last-child {
    border-bottom: none;
}

.list-wrap .ul .li .list-title {
    width: 100%;
    line-height: 26px;
    font-size: 26px;
    color: #333333;
    /* letter-spacing: 0.13px; */
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.list-wrap .ul .li .list-title span {
    margin-right: 10px;
}



.list-wrap .ul .li .child-mess-box {
    width: 100%;
    overflow: hidden;
    margin-top: 24px;
}

.list-wrap .ul .li .child-mess-box {
    display: none;
}

.list-wrap .ul .li .child-mess-box .child-list {
    margin-bottom: 28px;
}

.list-wrap .ul .li .child-mess-box .child-list:last-child {
    margin-bottom: 0;
}

.list-wrap .ul .li .child-mess-box .child-list .label {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .label .span {
    vertical-align: baseline;
    float: left;
}

.list-wrap .ul .li .child-mess-box .child-list .label .text {
    vertical-align: baseline;
    color: #343434;
    text-decoration: underline;
}

.list-wrap .ul .li .child-mess-box .child-list .label .link {
    color: #0052D9;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box {
    padding-left: 28px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box-1 .x-mess {
    margin-bottom: 30px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box {
    padding-left: 20px;
    margin-top: 12px;
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .text {
    vertical-align: baseline;
    color: #343434;
    text-decoration: underline;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box {
    margin-bottom: 12px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box p {
    font-size: 16px;
    color: #343434;
    /* letter-spacing: 0.08px; */
    line-height: 26px;
}

.list-wrap .ul .li .child-mess-box .child-list .x-child-mess-box .x-mess .s-child-box p span {
    margin-right: 20px;
}

.bold {
    vertical-align: unset;
    font-weight: 600;
    margin: 0 !important;
}


.list-title .animation-circle-add.active {
    border: 2px solid #323232;
}

.list-title .animation-circle-add.active .circle-vertical {
    background: #323232;
}

/*英文版样式*/

.container-en .content .module .check-title {
    line-height: 68px;
    margin-top: 10px;
}

.container-en .content .content-wrapper .resume-content .select-right {
    border-left: 0;
    border-right: 1px solid #D9D9D9;
}


.container-en .title-content .title-content-left .title {
    font-size: 40px;
    max-width: 480px;
}

.container-en .header .logo {
    background: url(../images/logo_en_bule.png) no-repeat;
    background-size: 100% 100%;
}

.container-en .footer .footer-main .footer-switch .logo-black {
    width: 229px;
    height: 24px;
    background: url(../images/logo_en_footer.png) no-repeat;
    background-size: 100% 100%;
}

.container-en .adaption-color .logo {
    background: url(../images/logo_en_white.png) no-repeat;
    background-size: 100% 100%;
}

.container-en .short-down-icon {
    background-position: 82% center;
}

.video-text-wrapper {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 36px;
}

.video-text-wrapper .video-text {
    font-family: tencentFont, 'microsoft yahei', 'PingFang SC', tahoma, arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
    font-size: 72px;
    color: #FFFFFF;
    text-align: center;
    line-height: 72px;
}

.video-text-wrapper .video-btn1 {
    cursor: pointer;
    margin-top: 32px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(./../images/video-icon1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.welfare-tips-hover {
    opacity: 0;
    position: absolute;
    left: 42px;
    bottom: 36px;
    padding: 10px 16px;
    font-size: 14px;
    color: #343434;
    letter-spacing: 0;
    line-height: 22px;
    box-sizing: border-box;
    background-color: white;
    max-width: 312px;
    z-index: 5;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}


.list-wrap .ul .li .list-title .list-title-text {
    width: 87.5%;
}


.content .content-wrapper .country-select .country-input {
    background-color: transparent;
    cursor: auto;
    width: 100%;
    font-size: 16px;
    color: #333333;
    padding: 11px 0 11px 4.084%;
    border: 1px solid #D9D9D9;
    padding-right: 8%;
    box-sizing: border-box;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    transition: .5s border cubic-bezier(0.2, 0.0, 0.2, 1);
}

.content .content-wrapper .country-select .country-input.active {
    border: 1px solid #0052D9;
}

.content .content-wrapper .country-select {
    position: relative;
}

.content .content-wrapper .country-select .input-select-icon {
    right: 4.085%;
}

.content .content-wrapper .country-select .select-ul {
    top: 45px;
}

.swiper-container {
    /* height: 600px; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

/* .swiper-container .swiper-wrapper {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s transform cubic-bezier(0.2, 0.0, 0.2, 1), 1s top cubic-bezier(0.2, 0.0, 0.2, 1);
} */


.resume-btn-wrapper .retry-btn,
.resume-btn-wrapper .cancel-btn {
    margin: 0 12px;
}

.banner-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.city-banner.change-content .banner-href {
    display: none
}

.policy-container.policy-en .policy-explain .ten-email {
    font-size: 20px;
}

.policy-container.policy-en .policy-explain {
    padding-bottom: 12px;
}

.content .banner.welfare-banner {
    position: relative;
    background: black;
}

.content .banner.welfare-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 3;
    transition: .5s background;
}

.content .banner.welfare-banner .welfare-video {
    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    left: 0;
    opacity: 1;
    display: block;
    z-index: 2;
    height: 320px;
    overflow: hidden;
}

.content .banner.welfare-banner .video1 {
    height: 320px;
}

.video-btn-wrapper {
    opacity: 0;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: .5s opacity;
}

.video-btn {
    width: 100%;
    height: 100%;
    background: url(./../images/video-btn1.png);
    background-size: 100% 100%;
    opacity: 0.8;
}

.content .banner.welfare-banner:hover::after {
    background: rgba(0, 0, 0, .4);
}

.content .banner.welfare-banner:hover .video-btn-wrapper {
    opacity: 1;
    z-index: 4;
}

.tab-process-li .small-text {
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: 1px;
}

.welfare-item {
    height: 280px;
    overflow: hidden;
}
.welfare-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    font-size: 18px;
    color: #0052D9;
    /* letter-spacing: 0.09px; */
    background: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 2px 0 #d8d8d8\0;
    -webkit-transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    transition: all .35s cubic-bezier(0.2, 0.0, 0.2, 1);
    text-align: center;
    line-height: 48px;
    height: 48px;
    margin: 48px auto 0;
    padding: 0 24px;
    min-width: 208px;
    overflow: hidden;
    box-sizing: border-box;
	text-decoration: none;
}