@media screen and (min-width: 768px) {
    .box {
        .f2 {
            padding: 70px 0;

            .f2-i {
                width: calc(25% - 30px);
                background: #FFFFFF;
                border-radius: 0px 0px 0px 0px;
                border: 1px solid #E6E6E6;
                padding: 20px 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                cursor: pointer;

                &:hover {
                    transform: scale(110%);
                    transition: all 0.4s ease;
                }
            }
        }

        .f7 {
            padding: 80px 0;
            background-color: #F6F7FA;

            .f7-a {
                font-family: Arial, Arial;
                font-weight: 900;
                font-size: 31px;
                color: #000000;
                line-height: 31px;
                text-align: center;
                font-style: normal;
                text-transform: none;
            }

            .f7-b {
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: 400;
                font-size: 21px;
                color: #000000;
                line-height: 21px;
                text-align: center;
                font-style: normal;
                text-transform: none;
                margin: 2px 0 15px 0;
            }

            .f7-c {
                width: 40px;
                height: 4px;
                border-radius: 0px 0px 0px 0px;
                border: 3px solid #000000;
                margin: 0 auto;
                margin-bottom: 60px;
            }

            .input-s {
                flex: 1;
                padding: 10px 0;
                padding-left: 25px;
            }

            .input-s1 {
                margin-top: 20px;
                width: 100%;
                min-height: 160px;
                padding: 20px;
            }

            .f7-btn {
                width: 300px;
                height: 60px;
                text-align: center;
                line-height: 60px;
                background-color: #723AFF;
                border-radius: 8px 8px 8px 8px;
                color: #fff;
                margin-top: 40px;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .box {
        .f1 {
            width: 100%;
            height: 200px;

            img {
                width: 100%;
                height: 200px;
            }
        }

        .f2 {
            padding: 70px 16px;

            .f2-i {
                width: calc(50% - 15px);
                background: #FFFFFF;
                border-radius: 0px 0px 0px 0px;
                border: 1px solid #E6E6E6;
                padding: 20px 0;
                display: flex;
                flex-direction: column;
                align-items: center;

            }
        }

        .f7 {
            padding: 50px 16px;
            background-color: #F6F7FA;

            .f7-a {
                font-family: Arial, Arial;
                font-weight: 900;
                font-size: 31px;
                color: #000000;
                line-height: 31px;
                text-align: center;
                font-style: normal;
                text-transform: none;
            }

            .f7-b {
                font-family: Microsoft YaHei, Microsoft YaHei;
                font-weight: 400;
                font-size: 21px;
                color: #000000;
                line-height: 21px;
                text-align: center;
                font-style: normal;
                text-transform: none;
                margin: 2px 0 15px 0;
            }

            .f7-c {
                width: 40px;
                height: 4px;
                border-radius: 0px 0px 0px 0px;
                border: 3px solid #000000;
                margin: 0 auto;
                margin-bottom: 60px;
            }

            .input-s {
                flex: 1;
                padding: 10px 0;
                padding-left: 25px;
            }

            .input-s1 {
                margin-top: 20px;
                width: 100%;
                min-height: 160px;
                padding: 20px;
            }

            .f7-btn {
                width: 300px;
                height: 60px;
                text-align: center;
                line-height: 60px;
                background-color: #723AFF;
                border-radius: 8px 8px 8px 8px;
                color: #fff;
                margin-top: 40px;
            }
        }
    }
}