.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    clear: both;
}

input {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

input:focus {
    border: none;
    box-shadow: none;
}

.common-box {
    width: 1200px;
    margin: 0 auto;
}

.top {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 1200px;
    height: 580px;

    background: url("../../../../images/site/wf_web02/scan/bg1.png") no-repeat;
    background-size: cover;

    &-left {
        display: flex;
        flex-direction: column;

        color: rgba(255, 255, 255, 1);

        margin-right: 190px;

        .title {
            width: 536px;

            font-size: 49px;
            font-weight: 700;
        }

        .subtitle {
            width: 494px;

            font-size: 21px;
            font-weight: 400;

            margin-top: 15px;
            margin-bottom: 23px;
        }

        .btn {
            width: 151px;
            height: 44px;

            line-height: 44px;
            text-align: center;
            font-size: 21px;
            font-weight: 500;

            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 1);
        }
    }
}

.content1 {
    // background: url(../../../../images/site/wf_web02/pay/bg7.png) no-repeat;
    // background-size: cover;

    .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500;
        line-height: 58px;
        color: rgba(0, 0, 0, 1);

        margin-top: 69px;
        margin-bottom: 47px;
    }

    .box {
        display: flex;
        justify-content: center;

        padding-bottom: 57px;

        &-left {
            margin-right: 127px;

            .img {
                width: 510px;
                height: 512px;
            }
        }

        &-right {
            &-title {
                width: 422px;

                font-size: 35px;
                color: rgba(0, 0, 0, 1);

                margin-top: 114px;
            }

            .split {
                width: 91px;
                height: 3px;

                background: linear-gradient(90deg, rgba(87, 192, 254, 1) 0%, rgba(38, 80, 250, 1) 100%);

                margin: 27px 0;
            }

            &-desc {
                width: 437px;

                font-size: 24px;
                font-weight: 500;
                letter-spacing: 0px;
                line-height: 37px;
                color: rgba(51, 51, 51, 1);
            }
        }
    }
}

.content2 {
    background: rgba(235, 238, 242, 1);

    .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500;
        line-height: 58px;
        color: rgba(0, 0, 0, 1);

        margin-top: 69px;
    }

    .box {
        &-top {
            .img {
                width: 1200px;
                height: 418px;

                margin-top: 42px;
                margin-bottom: 26px;
            }
        }

        &-bottom {
            width: 1200px;
            display: flex;
            justify-content: space-between;

            padding-bottom: 76px;

            .step {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
            }

            .text1 {
                font-size: 20px;
                font-weight: 700;
                line-height: 29px;
                color: rgba(0, 0, 0, 1);

                margin-bottom: 9px;
            }

            .text2 {
                width: 183px;

                text-align: center;
                font-size: 16px;
                line-height: 23px;
                color: rgba(51, 51, 51, 1);
            }
        }
    }
}

.content3 {
    .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500;
        line-height: 58px;
        color: rgba(0, 0, 0, 1);

        margin-top: 69px;
        margin-bottom: 47px;
    }

    .box {
        display: flex;
        justify-content: center;

        padding-bottom: 57px;

        &-left {
            margin-right: 47px;

            .img {
                width: 510px;
                height: 512px;
            }
        }

        &-right {
            margin-top: 60px;
            &-item {
                display: flex;

                margin-bottom: 50px;
            }

            .img {
                width: 70px;
                height: 70px;

                margin-right: 14px;
            }

            .text1 {
                font-size: 20px;
                font-weight: 700;
                line-height: 29px;
                color: rgba(0, 0, 0, 1);
            }

            .text2 {
                width: 486px;

                font-size: 16px;
                font-weight: 500;
                line-height: 23px;
                color: rgba(51, 51, 51, 1);

                margin-top: 9px;
            }
        }
    }
}

.content4 {
    background: rgba(235, 238, 242, 1);

    .title {
        text-align: center;
        font-size: 40px;
        font-weight: 500;
        line-height: 58px;
        color: rgba(0, 0, 0, 1);

        margin-top: 69px;
        margin-bottom: 47px;
    }

    .box {
        display: flex;
        justify-content: center;

        padding-bottom: 66px;

        &-left {
            margin-left: 127px;

            .img {
                width: 510px;
                height: 512px;
            }
        }

        &-right {
            padding-top: 84px;

            &-title {
                font-size: 35px;
                font-weight: 500;
                line-height: 43px;
                color: rgba(0, 0, 0, 1);
            }

            &-subtitle {
                width: 422px;

                font-size: 29px;
                font-weight: 500;
                line-height: 43px;
                color: rgba(0, 0, 0, 1);
            }

            .split {
                width: 91px;
                height: 3px;

                background: linear-gradient(90deg, rgba(87, 192, 254, 1) 0%, rgba(38, 80, 250, 1) 100%);

                margin: 27px 0 15px;
            }

            &-desc {
                width: 437px;

                font-size: 24px;
                font-weight: 500;
                letter-spacing: 0px;
                line-height: 37px;
                color: rgba(51, 51, 51, 1);
            }
        }
    }
}