html {
    font-size: 14px;
}

@media only screen and (min-width: 401px) {
    html {
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 428px) {
    html {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 481px) {
    html {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 569px) {
    html {
        font-size: 22px !important;
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 24px !important;
    }
}

.custom-container {
    padding-top: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 1rem;
}

.layui-form-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    font-size: 1rem;
}

.layui-form {
    margin-top: 5px;
}

.layui-input-block {
    margin-left: 0;
}

.layui-logo {
    width: 70%;
}

.layui-form-label {
    width: auto;
}

.layui-form-msg {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    font-size: 1rem;
}

.missive-container {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.missive-list {
    text-align: left;
    padding: 0;
}

    .missive-list li {
        list-style: none;
        margin-top: 10px;
    }


::-webkit-input-placeholder {
    font-size: 1rem;
}
/*使用webkit内核的浏览器*/

::-moz-placeholder {
    font-size: 1rem;
}
/*FIrefox版本19+*/

::-moz-placeholder {
    font-size: 1rem;
}
/*Firefox版本4-18*/

:-ms-input-placeholder {
    font-size: 1rem;
}