[flex-box] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.desc-box {
    background-color: #FFFFFF;
    padding: 15px;
    color: #595959;
    font-size: 14px;
    line-height: 28px;
}

.box {
    background-color: #FFFFFF;
    padding: 30px 15px;
    color: #595959;
    line-height: 25px;

    .item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 15px 0;
        border-bottom: 1px solid #B5B5B5;
        height: 5vh;
        font-size: 16px;

        .title {
            font-size: 16px;
            margin-right: 20px;
        }

        .iconfont {
            position: absolute;
            right: 20px;
            font-size: 25px;
            padding: 0 10px;
        }
    }

    button {
        margin: 35px 0 20px 0;
    }
}

.mt10 {
    margin-top: 10px;
    flex-grow: 1;
}

[textcenter] {
    font-size: 13px;
    color: #389BEE;
}

.savepw {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;

    .checkbox {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid #ddd;
        margin: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;

        i {
            color: #fff;
            font-size: 10px;
            transform: scale(0.8);
        }
    }

    .checkbox.selected {
        background-color: #389bee;
    }

    .savepw2 {
        padding: 10px;
        line-height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
}

ion-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .name {
        font-size: 15px;
    }

    .state {
        height: 0;
        font-size: 10px;
        font-weight: 400;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        transition: height 0.6s, opacity 1.2s;
        opacity: 0;

        i {
            margin-left: 3px;
        }
    }

    .showState {
        height: 12px;
        opacity: 1;
    }
}

.end-btns {
    font-size: 10px;
    color: #fff;
}