limit-help.scss 1.61 KB
.limit-help-page {
    padding: 28px;
    color: #444;

    h2 {
        font-size: 30px;
        font-weight: bold;
    }

    .method {
        display: block;
        width: 80px;
        height: 35px;
        line-height: 35px;
        background-color: #444;
        color: #fff;
        border-radius: 20px;
        text-align: center;
        margin: 20px 0;
    }

    li {
        font-size: 24px;
    }

    .intro-img {
        width: 100%;
        height: 220px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 20px 0;
    }

    .method-1 {
        li:nth-child(1) .intro-img {
            background-image: url("img/product/help/1.png");
        }

        li:nth-child(2) .intro-img {
            background-image: url("img/product/help/2.png");
        }

        li:nth-child(3) .intro-img {
            background-image: url("img/product/help/3.png");
        }
    }

    .method-2 {
        li:nth-child(1) .intro-img {
            background-image: url("img/product/help/4.png");
        }

        li:nth-child(2) .intro-img {
            background-image: url("img/product/help/5.png");
        }

        li:nth-child(3) .intro-img {
            background-image: url("img/product/help/6.png");
        }

        li:nth-child(4) .intro-img {
            background-image: url("img/product/help/7.png");
        }
    }

    .how {
        li:nth-child(1) .intro-img {
            background-image: url("img/product/help/8.png");
        }

        li:nth-child(2) .intro-img {
            background-image: url("img/product/help/9.png");
            margin-bottom: 0;
        }
    }
}