.practice-base{
    padding-top: 18px
}
.banner-wrapper{
    position: relative;
}
.banner-wrapper img{
    width:100%;
}
.banner-wrapper .collect-group{
    width: 100%;
    position: absolute;
    bottom: 12%;
    text-align: center;
}
.banner-wrapper .collect-group a{
    display: inline-block;
    padding: 1vw 1.6vw;
    text-align: center;
    background: #FFFFFF;
    opacity: 0.7;
    border-radius: 5px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #032CBD;
}
.banner-wrapper .collect-group a:first-child {
    margin-right: 2%;

}
.banner-wrapper .collect-group a:last-child {
    margin-left: 2%;
}
.background-target{
    margin: 0 auto 101px;
}
.background-target .title{
    margin-top: 62px;
    margin-bottom: 73px;
    position: relative;
    font-size: 72px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: center;
    color: #f3f9ff;
    letter-spacing: -4px;
}
.background-target h4{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Bold;
    font-weight: bold;
    text-align: center;
    color: #0917b7;
    letter-spacing: 0;
}
.background-content,
.target-content {
    display: flex;
    justify-content: center;
}
.background-content img,
.target-content img{
    max-width: 100%;
}
.background-content .text{
    margin-left: 71px;
    padding-top: 51px;
    width: 464px;
}
.target-content .text {
    margin-right: 74px;
    padding-top: 28px;
    width:505px;
}
.background-content .text h5,
.target-content .text h5 {
    margin: 0;
    font-size: 18px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Regular;
    font-weight: normal;
    text-align: left;
    color: #666666;
}
.background-content .text p {
    margin-top: 55px;
    margin-bottom: 27px;
    font-size: 16px;
    font-weight: normal;
    font-family: Source Han Sans CN,
        Source Han Sans CN-Regular;
    text-align: left;
    color: #999999;
    line-height: 30px;
}
.target-content .text p {
    margin-top: 45px;
    margin-bottom: 0;
    font-size: 16px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Regular;
    text-align: left;
    color: #999999;
    line-height: 26px;
}
.background-content .text .bottom {
    display: flex;
    justify-content: space-between;
}
.background-content .text .bottom span{
    display: inline-block;
    flex:1;
    height: 60px;
    border-right: 1px solid #EEEEEE;
    font-size: 16px;
    font-weight: normal;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Regular;
    text-align: center;
    color: #66666a;
    line-height: 60px;
}
.background-content .text .bottom span:last-child {
    border-right: none
}
.target-content{
    margin-top:153px;
    margin-bottom: 123px;
}
.slogan{
    background: #f5faff;
    padding-top: 63px;
    padding-bottom: 60px;
}
.slogan h3{
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 32px;
    font-family: Adobe Heiti Std, Adobe Heiti Std-R;
    text-align: center;
    color: #232323;
    letter-spacing: -2px;
}
.slogan p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    font-family: Adobe Heiti Std,Adobe Heiti Std-R;
    text-align: center;
    color: #232323;
}
.advantage{
    padding-top: 64px;
    padding-bottom: 86px;
    background: #F5FAFF;
}
.advantage .title{
    margin-bottom: 60px;
    position: relative;
    font-size: 72px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Bold;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}
.advantage .title h4{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: center;
    color: #0917b7;
}
.advantage ul{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.advantage ul li{
    display: flex;
    font-weight:normal;
}
.advantage ul li:last-child {
    margin-right: 0;
}
.advantage ul li img{
    max-width: 100%;
}
.advantage ul li .text{
    margin-left: 14px;
}
.advantage ul li p:first-child{
    padding-top: 12px;
    margin-bottom: 17px;
    font-size: 16px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Regular;
    text-align: left;
    color: #333333;
}
.advantage ul li p.small-padding {
    padding-top: 6px;
}
.advantage ul li p:last-child {
    margin-bottom: 0;
    font-size: 14px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Regular;
    text-align: left;
    color: #666666;
    line-height: 20px;
}
.culture .title{
    margin: 67px 0 61px 0;
    position: relative;
    font-size: 72px;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: center;
    color: #f3f9ff;
    letter-spacing: -4px;
}
.culture .title h4{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: center;
    color: #0917b7;
    letter-spacing: 0;
}
.culture p{
    width: 1183px;
    margin: 0 auto 83px;
    font-size: 16px;
    font-weight: normal;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    text-align: left;
    color: #999999;
    line-height: 32px;
}
.call-for-form{
    background:#F8FAFD;
    padding-top: 75px;
    padding-bottom: 60px;
}
.call-for-form .title{
    position: relative;
    font-size: 72px;
    font-family: Source Han Sans CN,
    Source Han Sans CN-Bold;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    letter-spacing: -4px;
}
.call-for-form .title h4{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: bold;
    text-align: center;
    color: #0917b7;
    letter-spacing: 0;
}
.call-for-form .form-name h5{
    font-size: 18px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: bold;
    text-align: left;
    color: #0917b7;
    line-height: 16px;
    letter-spacing: 1px;
}
.call-for-form .form-name p {
    margin:0;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Bold;
    font-weight: bold;
    text-align: left;
    color: #717071;
    line-height: 16px;
    letter-spacing: 1px;
}
.call-for-form .form-content{
    width: 1200px;
    margin: 0 auto;
}
.position-content{
    border-bottom: 2px dashed #DCDCDC;
}
.company-content,
.position-content {
    display: flex;
}
.company-content{
    padding-top: 40px;
    padding-bottom: 88px;
}
.position-content{
    padding-top: 42px;
    padding-bottom: 41px;
}
.form-content label{
    font-size: 16px;
    font-family: PingFang SC,
    PingFang SC-Bold;
    font-weight: 700;
    color: #333333;
    line-height: 21px;
    margin-bottom: 13px;
}
.company-content .left,
.company-content .right,
.position-content .right,
.position-content .left  {
    width: 42%;
    display: flex;
    flex-direction: column;
    text-align:right;
}
.form-content .text-line {
    display: flex;
    justify-content: flex-end;
}
.form-content .text-line.suggest {
    text-align: left;
}
.form-content .suggest textarea{
    height: 76px;
}
.company-content .right #intro {
    height: 207px;
}
.position-content .welfare {
    margin-top: 9px;
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
    font-family: PingFang SC,
    PingFang SC-Bold;
    font-weight: bold;
    text-align: center;
    color: #333333;
    line-height: 21px;
}
.position-content .welfare p{
    padding-right: 4px;
}
.position-content .welfare input{
    width: 16px;
    height: 16px;
    margin-top: 0;
    vertical-align: bottom;
}
.position-content .welfare-option {
    display:flex;
    justify-content: space-between;
    width: 322px;
    font-size: 14px;
    font-family: PingFang SC,
    PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #717071;
    line-height: 16px;
    letter-spacing: 1px;
}
.position-content .welfare-option div{
    display: flex;
    flex-direction:column
}
.position-content .welfare-option .subsidy-wrapper {
    display: flex;
}
.position-content .welfare-option .subsidy {
    flex-direction: row;
    padding-right: 12px;
}
.position-content #duty {
    height: 172px;
}
.position-content #welfareOther{
    height: 52px;
}
.position-content .right label:last-child {
    margin-bottom: 0;
}
.subsidy label:last-child{
    padding-left: 10px;
}
.subsidy label:last-child input{
    width: 60px;
    padding-left: 8px;
    border-bottom-color: #333;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    outline:none;
    background: inherit;
}
.form-content input,
.form-content textarea{
    width: 322px;
    height: 31px;
    color: #484848;
    font-weight: normal;
    border: 1px solid #0917b7;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}
.form-content textarea {
    padding-top: 4px;
    padding-bottom: 4px;
}
.call-for-form .add-position{
    display:flex;
    font-size: 24px;
    font-family: PingFang SC,
    PingFang SC-Heavy;
    font-weight: 800;
    text-align: center;
    color: #0917b7;
    line-height: 16px;
    letter-spacing: 2px;
}
.add-position{
    margin-top: 9px;
    cursor: pointer;
}
.add-position p{
    margin-bottom: 0;
    margin-left: 12px;
    font-size: 18px;
    font-family: PingFang SC,
    PingFang SC-Heavy;
    font-weight: 800;
    text-align: left;
    color: #0917b7;
    line-height: 18px;
    letter-spacing: 2px;
}
.add-position .add{
    position: relative;
    width: 16px;
    height: 16px;
}
.add::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -2px;
    width: 16px;
    background:#0917B7;
    border: 2px solid #0917B7;
}
.add::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -2px;
    height: 16px;
    background:#0917B7;
    border: 2px solid #0917B7;
}
.sign-up{
    text-align: center;
}
.sign-up button{
    margin-top: 53px;
    width: 160px;
    height: 46px;
    opacity: 0.92;
    background: #0917b7;
    border: 1px solid #0917b7;
    border-radius: 4px;
    font-size: 18px;
    font-family: PingFang SC,
    PingFang SC-Bold;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    letter-spacing: 2px;
}

 .select-type-content {
     width: 1120px;
     display: flex;
     margin: 70px auto 106px;
     justify-content: space-between;
 }
 .select-type-content .text-content .title {
     position: relative;
     font-size: 72px;
     font-family: Source Han Sans CN,
     Source Han Sans CN-Bold;
     font-weight: bold;
     color: #F3F9FF;
     line-height: 56px;
     margin-bottom: 17px;
 }
 .select-type-content .text-content h2 {
     margin-bottom: 0;
     width: 196px;
     position: absolute;
     left: 0;
     top: 50%;
     font-family: Source Han Sans CN,
     Source Han Sans CN-Bold;
     transform: translateY(-50%);
     margin-top: 0;
     font-size: 32px;
     font-weight: 600;
     color: #0917B7;
 }
 .select-type-content .text-content p {
     margin-bottom: 0;
     width: 305px;
     height: 82px;
     font-size: 16px;
     font-family: PingFang SC;
     font-weight: 400;
     color: #595959;
     line-height: 22px;
     word-break: break-all;
 }

 .select-type-content .buy-for-me,
 .select-type-content .buy-for-other {
     width: 361px;
     height: 170px;
     padding: 14px 30px 20px 30px;
     margin-left: 45px;
     margin-top: 20px;
     background: #FFFFFF;
     box-shadow: 0px 15px 20px 0px rgba(62, 105, 116, 0.1);
     border-radius: 10px;
     cursor: pointer;
 }

 .select-type-content .buy-for-me .header-bar,
 .select-type-content .buy-for-other .header-bar {
     display: flex;
     justify-content: space-between;
 }
 .select-type-content .buy-for-me .header-bar h4,
 .select-type-content .buy-for-other .header-bar h4{
     margin-top: 41px;
     margin-bottom: 0;
 }
 .select-type-content .buy-for-other .img-wrapper img{
     padding-top: 4px;
 }
 .select-type-content .buy-for-me p,
 .select-type-content .buy-for-other p {
     margin-top: 16px;
     font-size: 13px;
     font-family: PingFang SC;
     font-weight: 400;
     color: #999999;
     line-height: 16px;
 }
/* 移动端 */
@media (max-width: 769px){
    .practice-base{
        padding-top: 76px;
    }
    .background-target,
    .culture{
        width: 80vw;
        margin: 0 auto;
    }
    .practice-base .title{
        margin-top: 22px;
        margin-bottom: 33px;
    }
    .practice-base .title {
        font-size: 40px;
    }
    .practice-base .title h4 {
        width: 100%;
        font-size: 20px;
    }
    .background-content{
        flex-direction: column;
    }
    .background-content .text{
        margin-left: 0;
        width: 100%;
        padding-bottom: 30px;
    }
    .background-content .text p{
        margin-top: 25px;
        margin-bottom: 8px;
    }
    .target-content{
        margin-top: 53px;
        margin-bottom: 23px;
        flex-direction: column-reverse
    }
    .target-content .text{
        width: 100%
    }
    .slogan h3{
        font-size: 18px;
    }
    .slogan p{
        width: 80vw;
        margin: 0 auto;
        font-size: 12px;
    }
    .advantage ul{
        width: 100vw;
        flex-direction: column;
    }
    .advantage ul li{
        width: 100%;
        justify-content: center;
        margin-right: 0;
    }
    .sign-up h4{
        width: 80vw;
        margin: 0 auto;
    }
    .sign-up .contact-info{
        width: 80vw;
        flex-direction: column;
    }
    .sign-up .contact-info p{
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .sign-up .contact-info #fast-sign{
        padding: 11px 24px;
    }
    .culture .title{
    }
    .culture p{
        width: 80vw;
    }
    .call-for-form .form-content{
        width: 100vw;
    }
    .form-content input,
    .form-content textarea{
        width: 56vw;
    }
    .company-content,
    .position-content{
        flex-direction: column
    }
    .company-content .left,
    .company-content .right,
    .position-content .right,
    .position-content .left {
        width: 100%;
    }
    .position-content .welfare-option{
        flex-direction: column;
        width: 56vw;
    }
    .position-content .welfare-option .lunch{
        flex-direction: row;
        justify-content: space-between
    }
    .position-content .welfare-option .subsidy {
        flex-direction: column;
    }
    .position-content .welfare-option .subsidy label{
        text-align: left
    }
    .subsidy label:last-child{
        padding-left: 0;
    }
    .call-for-form .form-name h5{
        text-align: center;
    }
    .call-for-form .add-position{
        margin-top: 20px;
        justify-content: center;
    }
    .banner-wrapper .collect-group{
        position: relative;
        margin-top: 20px;
    }
    .banner-wrapper .collect-group a{
        background-color: #032DC4;
        padding: 3vw 4vw;
        color: #ffffff;
        opacity: 1;
    }
    .select-type-content{
        width: 80vw;
        flex-direction: column;
    }
    .select-type-content .text-content h2{
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .select-type-content .buy-for-me,
    .select-type-content .buy-for-other{
        margin-left: 0;
        width: 100%;
    }
}
@media (max-width: 769px) and (min-width: 350px) {
    .company-content .left,
    .company-content .right{
        margin: 0 auto;
        width: 92vw;
    }
    .position-content .right,
    .position-content .left {
        margin: 0 auto;
        width: 88vw;
    }
}
@media (max-width: 349px) {
    .company-content .left,
    .company-content .right{
        width: 98vw;
        margin: 0 auto;
    }
    .position-content .right,
    .position-content .left {
        margin: 0 auto;
        width: 93vw;

    }
}