/* 头部 */
.banner {
    height: 41.66vw;
    position: relative;
    background-image: url(/images/network/banner.png);
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .banner_left {
    display: flex;
    flex-direction: column;
    height: 27.91vw;
    z-index: 2;
}

.banner .app_banner_left {
    display: none;
}

.banner .banner_left .banner_text_header {
    position: relative;
    color: #fff;
    word-spacing: -1.0416vw;
}

.banner .banner_left .banner_text_header .banner_top_left {
    position: absolute;
    background-image: url(/images/drive/banner_left_top.png);
    top: -0.52vw;
    left: -1.78125vw;
    width: 1.92vw;
    height: 3.07vw;
    background-size: cover;
}

.banner .banner_left .banner_text_header .banner_bottom_right {
    position: absolute;
    background-image: url(/images/drive/banner_right_bottom.png);
    right: -1.78125vw;
    bottom: -0.8vw;
    width: 1.92vw;
    height: 3.07vw;
    background-size: cover;
}

.banner .banner_text {
    font-size: 4.06vw;
    line-height: 4.89vw;
}

.banner .banner_text .banner_text_bottom {
    font-size: 2.08vw;
    display: flex;
    align-items: center;
}

.banner .banner_text .banner_text_bottom>div {
    color: rgba(255, 255, 255, 0.75);
}

.banner .apply_for_btn {
    color: #fff;
    border: 0.13vw solid rgba(0, 255, 0, .75);
    width: 8.33vw;
    height: 2.91vw;
    text-align: center;
    line-height: 2.91vw;
    border-radius: 1.458vw;
    cursor: pointer;
    display: block;
}

.banner .banner_text .banner_text_bottom img {
    margin-left: 1.875vw;
    width: 2.5vw;
}

.banner .banner_img {
    /* background-image: url(/images/approval/banner_img.png); */
    width: 37.8vw;
    height: 27.91vw;
    background-size: cover;
    margin-left: 10vw;
    z-index: 2;
}

.content {
    position: relative;
}

/* 导航栏 */
.nav_list {
    width: 7.979vw;
    position: fixed;
    left: 2.5vw;
    /* top: 5.416vw; */
    top: 44.416vw;
    border-left: 1px solid #DBDCE0;
    padding-left: 1.145vw;
    padding-top: 2.5vw;
    padding-bottom: 0.3vw;
}

.nav_list .nav_item {
    margin-bottom: 1.875vw;
    cursor: pointer;
    color: #5a5f66;
    white-space: nowrap;
}

.nav_list .nav_item.active {
    font-weight: bold;
    color: #00C846;
    position: relative;
}

.nav_list .nav_item.active::before {
    content: "";
    height: 1.875vw;
    width: 0.208vw;
    position: absolute;
    background-color: #00C846;
    left: -1.257vw;
    top: -50%;
    transform: translateY(10%);
}

@media screen and (max-width: 1200px) {

    /* 头部-移动端 */
    .banner {
        flex-direction: column;
        align-items: start;
        padding: 5.33vw;

    }

    .banner .banner_left {
        display: none;
    }

    .banner .app_banner_left {
        display: block;
        z-index: 2;
    }

    .banner .apply_for_btn {
        width: 21vw;
        height: 6vw;
        margin-top: 4vw;
        font-size: 3vw;
        line-height: 5vw;
        border-radius: 7.46667vw;
    }

    .banner .banner_img {
        margin-left: 0;
        width: 89.33vw;
        /* height: 66vw; */
        margin-top: 0;
    }

    /* 导航栏-移动端 */

    .nav_list {
        display: none;
    }
}