body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: -apple-system-font, helvetica neue, helvetica, sans-serif;
}

ul {
    list-style: none;
}

.page, body {
    background-color: #f8f8f8;
}

.link {
    color: #1aad19;
}

.container {
    /*overflow: hidden;*/
    margin: 0 auto;
    padding: 0;
    max-width: 480px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page__main {
}

.page__hd {
    padding: 20px 20px 0;
}

.page__bd_spacing {
    /*padding: 0 15px*/
}

.page__ft {
    padding: 30px 0 30px;
    text-align: center;
}

.page__title {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.page__desc {
    margin-top: 5px;
    color: #888;
    text-align: center;
    font-size: 14px;
}

.weui-cell {
    /*border: 1px solid #e5e5e5;*/
}

.weui-cell_vcode {
    height: 45px;
}

.weui-vcode-img {
    width: 115px;
    height: 45px;
}

.weui-loadmore_line .weui-loadmore__tips {
    background-color: #f8f8f8;
}

a.weui-footer__link {
    color: #1aad19;
}

.weui-label_ex-selector {
    cursor: pointer;
    width: 75px;
    padding: 10px 15px;
    vertical-align: baseline;
}

.weui-btn_ex-link {
    border: none;
    font-size: 14px;
}

::-webkit-input-placeholder { /* webkit browsers */
    color: #e0e0e0;
}

:-moz-placeholder { /* mozilla firefox 4 to 18 */
    color: #e0e0e0;
}

::-moz-placeholder { /* mozilla firefox 19  */
    color: #e0e0e0;
}

:-ms-input-placeholder { /* internet explorer 10  */
    color: #e0e0e0;
}

@media screen and (min-width: 640px) {
    .container {
    }

    .weui-btn-area {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-height: 560px) {
    .container {
        height: 560px;
    }
}