.banner {
    position: relative;
}

.banner-img {
    display: block;
    width: 100%;
    height: auto;
}

.banner-text {
    position: absolute;
    top: 37.5%;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
}

.progress {
    width: 861px;
    padding: 62px 0 100px 27px;
    margin: 0 auto;
    box-sizing: border-box;
    background: url(/img/docking/progress-bg.png) no-repeat right 111px/ 182px;
}

.progress-box {
    width: 515px;
    height: 267px;
    padding-left: 100px;
    background: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #e9eaf2;
}

.step1 {
    background: url(/img/docking/one.png) no-repeat left 75px/ 45px;
}

.step2 {
    background: url(/img/docking/two.png) no-repeat left 75px/ 58px;
}

.step3 {
    border: none;
    background: url(/img/docking/three.png) no-repeat left 75px/ 58px;
}

.progress-box .title {
    font-size: 30px;
    padding-top: 74px;
    color: #000;
}

.progress-box .description {
    max-width: 360px;
    padding-top: 32px;
    padding-bottom: 15px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
}

.button-link {
    text-decoration: underline;
    font-size: 14px;
    color: #ff7200;
}

.button-link:hover {
    color: #ffa200;
}

.mobile {
    display: none;
}

@media screen and (max-width: 750px) {
    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }

    .banner-text {
        font-size: .36rem;
        top: 50%;
        margin-top: -.18rem;
    }

    .progress {
        width: 100%;
        padding: 0 .33rem .34rem;
        background: url(/img/docking/progress-bg.png) no-repeat right .4rem/ 1.63rem;
    }

    .progress-box {
        width: 4.66rem;
        padding-left: 1.17rem;
        height: 2.34rem;
    }

    .progress-box .title {
        padding-top: .7rem;
        font-size: .32rem;
    }

    .step1 {
        background: url(/img/docking/one.png) no-repeat left .7rem/ .45rem;
    }

    .step2 {
        background: url(/img/docking/two.png) no-repeat left .7rem/ .58rem;
    }

    .step3 {
        border: none;
        background: url(/img/docking/three.png) no-repeat left .7rem/ .58rem;
    }

    .progress-box .description {
        width: 3.6rem;
        padding-top: .23rem;
        font-size: .24rem;
        line-height: .34rem;
        color: #666;
    }
}