.button {
    width: 6.3rem;
    display: block;
    margin: 0 auto;
    height: 0.88rem;
    line-height: 0.88rem;
    border-radius: 0.44rem;
    margin-top: 0.4rem;
    box-sizing: border-box;
}

.input_list {
    margin: 0 0.6rem;
}

    .input_list > .text {
        margin-top: 0.2rem;
        color: #0888FF;
    }

.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.6rem;
}

    .title > .text {
        font-size: 0.54rem;
        color: rgba(34,34,34,1);
    }

    .title > .logo {
        width: 2rem;
        height: 0.54rem;
        background: url(../images/logo.png) no-repeat;
        background-size: contain;
    }

.otherways {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.5rem;
}

    .otherways > .line {
        width: 2rem;
        height: 0.02rem;
        background: rgba(221,221,221,1);
    }

    .otherways > .text {
        color: rgba(204,204,204,1);
        margin: 0 0.1rem;
    }

.otherway-items {
    display: flex;
    justify-content: center;
    margin-top: 0.8rem;
}

    .otherway-items > div {
        width: 0.8rem;
        height: 0.8rem;
        background: url(../images/other1.png) no-repeat;
        background-size: contain;
    }

        .otherway-items > div:nth-child(2) {
            background: url(../images/other2.png) no-repeat;
            background-size: contain;
            margin: 0 1.2rem;
        }

        .otherway-items > div:nth-child(3) {
            background: url(../images/other3.png) no-repeat;
            background-size: contain;
        }