@charset "UTF-8";

.page-sign-in {
    .g-inner {
        padding: 0 px2rem(25);
    }
    .mod-qa {
        margin-top: px2rem(40);
        li {
            padding-left: px2rem(52);
            position: relative;
            margin-bottom: px2rem(20);
            .index {
                position: absolute;
                top: 0;
                left: 0;
                line-height: px2rem(44);
                color: #f3493d;
                font-size: px2rem(30);
            }
            h3 {
                font-size: px2rem(30);
                line-height: px2rem(44);
                color: #666;
            }
            p {
                color: #999999;
                font-size: px2rem(26);
                line-height: px2rem(42);
            }
        }
    }
    .mod-download {
        margin-top: px2rem(40);
        .code-box {
            text-align: center;
            margin-top: px2rem(30);
            img {
                width: px2rem(174);
                height: px2rem(174);
            }
            p {
                font-size: px2rem(24);
                line-height: px2rem(75);
                color: #000;
            }
        }
        .btn-box {
            text-align: center;
            a {
                display: inline-block;
                width: px2rem(206);
                height: px2rem(88);
                color: #fff;
                line-height: px2rem(88);
                text-align: center;
                font-size: px2rem(34);
                margin: 0 px2rem(21);
                border-radius: 5px;
            }
            .ios {
                background: #3db3f2;
            }
            .android {
                background: #55da75;
            }
        }
    }
    .title {
        font-size: px2rem(32);
        color: #000;
        line-height: px2rem(44);
        margin-bottom: px2rem(15);
    }
}