body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    background: #f8f8f8;
    max-width: 750px;
    margin: 0 auto;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-input-placeholder {
    color: #ccc;
}

input::-ms-input-placeholder {
    color: #ccc;
}

.f14 {
    font-size: .28rem;
}

.gray {
    color: darkgray;
}

.pcsmall {
    font-size: .24rem;
    color: #333;
    padding-right: .4rem;
}

.header {
    background-color: #03a9f4;
    padding: .1rem;
}

.weui-cell {
    padding: .24rem .4rem .24rem .4rem;
}

.showdetail {
    font-size: 14px;
    border: solid 1px #d8d8d8;
    padding: 10px;
    margin: 5px 0;
    text-align: left;
}

.loginheader {
    padding: .6rem 0 .2rem 0;
    text-align: center;
}

.footer-comment {
    color: #ccc;
    font-size: .24rem;
}

.other-login {
    position: absolute;
    bottom: .7rem;
    width: 100%;
    left: 0;
    right: 0;
}

    .other-login .title {
        position: relative;
        font-size: 11px;
        color: #b3b6be;
        line-height: 1;
        text-align: center;
        border-top: 1px solid #f4f4f4;
    }

        .other-login .title span {
            position: absolute;
            top: -.13rem;
            left: 50%;
            margin-left: -1rem;
            width: 2rem;
            font-size: .24rem;
            text-align: center;
            background: #fff;
        }

    .other-login a {
        display: inline-block;
        width: 48%;
        margin-top: .5rem;
        font-size: .24rem;
        line-height: 1.5;
        color: #333333;
        text-align: center;
    }

        .other-login a:last-child {
            margin-right: 0;
        }

        .other-login a i {
            display: inline-block;
            width: .6rem;
            height: .6rem;
        }

            .other-login a i.wx {
                background: url(/static/images/login/wx.png) no-repeat;
                background-size: contain;
            }

            .other-login a i.phone {
                background: url(/static/images/login/2.png) no-repeat;
                background-size: contain;
            }

            .other-login a i.account {
                background: url(/static/images/login/1.png) no-repeat;
                background-size: contain;
            }


.content-padded {
    padding: .5rem .3rem;
}

.pw-icon {
    cursor: pointer;
    display: inline-block;
    width: .48rem;
    height: .28rem;
    margin-top: .16rem;
}

    .pw-icon.pw-icon-hide {
        background: url(/static/images/icon-password-hide@2x.png) no-repeat 50%;
        background-size: contain;
    }

    .pw-icon.pw-icon-show {
        background: url(/static/images/icon-password-show@2x.png) no-repeat 50%;
        background-size: contain;
    }



.mod-pop {
    width: 90%;
    margin: 0 auto;
}

.mod-pop-title {
    color: #3478ff;
    font-size: .36rem;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
}

.mod-pop-rule .mod-pop-cont {
    padding: 0 .3rem .4rem;
    text-align: justify;
}

.mod-pop .mod-rule {
    -webkit-overflow-scrolling: touch;
    max-height: 8rem;
    overflow: hidden;
    overflow-y: scroll;
    padding: .3rem 0;
    color: #666;
}

    .mod-pop .mod-rule p {
        font-size: .28rem;
        line-height: 2;
        text-align: justify;
    }

.mod-pop .mod-btn {
    display: flex;
}

    .mod-pop .mod-btn a {
        flex: 1;
        font-size: .26rem;
        line-height: 3;
        border: none;
        text-align: center;
        margin: .3rem;
        border-radius: .06rem;
    }

    .mod-pop .mod-btn .mod-btn1 {
        color: #333;
        background: #fff;
        border: solid 1px #ccc;
        margin-left: 0;
    }

    .mod-pop .mod-btn .mod-btn2 {
        color: #fff;
        background: #38f;
        border: solid 1px #38f;
        margin-left: 0;
        margin-right: 0;
    }