.recruit {
    position: relative;
    top: 76px;
    width: 100%;
    height: 720px;
    background: url("../img/recruit-img.png") no-repeat;
    background-position: 67%;
    margin-bottom: 76px;
}

.recruit-content {
    position: absolute;
    top: 10%;
    left: 26%;
    width: 400px;
    height: 400px;
}
.recruit-title {
    font-family: 'douyuFont';
    font-size: 32px;
}
.recruit-text:nth-child(3) {
    margin-top: 40px;
}
.recruit-text {
    margin-top: 10px;
}
.recruit-tips {
    color: #3377FF;
    margin-top: 40px;
}
.toBottom {
    width: 30px;
    height: 36px;
    margin-top: 30px;
}
.recruit-distributor-code {
    position: absolute;
    bottom: 10px;
    left: 26%;
    
}
.recruit-distributor-code img {
    width: 180px;
    height: 180px;
    border-radius: 10px;
}
@media screen and (max-width: 768px) {
    .recruit {
        top: 40px;
        margin-bottom: 40px;
    }
    .recruit-title {
        font-size: 28px;
    }
    .recruit-content {
        left: 10%;
    }
    .recruit-distributor-code {
        bottom: 25px;
        left: 10%;
    }
    .recruit-distributor-code img {
        width: 140px;
        height: 140px;
        border-radius: 10px;
    }
    .recruit {
        background-position: 63%;
    }
}
@media screen and (max-width: 500px) {
    .recruit-content {
        width: 90%;
        left: 5%;
    }
}