@media screen and (max-width: 750px) {

    html,
    body {
        min-width: 100% !important;
    }

    #app {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mobile .logo {
        width: 3.36rem;
        display: block;
        margin: 25% auto .5rem;
    }

    .mobile .logo+p {
        font-size: .33rem;
        font-weight: bold;
        color: #282828;
        text-align: center;
        margin-bottom: .3rem;
    }

    .mobile .mobileLogin {
        text-align: center;
    }

    .mobileLogin li {
        width: 85%;
        margin: .4rem auto;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .mobile input[type='text']:not(.tip),
    .mobile .phone,
    .mobile input[type='password'] {
        width: 100%;
        height: .7rem;
        border: .02rem solid #ddd;
        padding: 0 .2rem;
        font-size: 14px;
        box-sizing: border-box;
    }

    .mobile .mobileLogin #login {
        width: 85%;
        height: .7rem;
        background: #1459f4;
        font-size: 14px;
        color: #fff;
        margin: .2rem auto;
    }

    .tip {
        width: 2.5rem;
        height: .7rem;
        border: .02rem solid #ddd;
        font-size: 14px;
        padding: 0 .2rem;
    }

    .imgcode {
        width: 2rem;
        height: .7rem;
        vertical-align: middle;
    }

    .change {
        color: #1459f4;
        line-height: .7rem;
    }

    .sendCode {
        width: 3.1rem;
        height: .7rem;
        color: #fff;
        background: #1459f4;
    }

    .sendCode:disabled {
        color: #999999;
        background: #E7E7E7;
    }

    .error {
        font-size: 12px;
        color: red;
        position: absolute;
        bottom: -16px;
        left: 0;
    }

    /* 会员服务协议弹框样式 */
    .agreement-modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        overflow: hidden;
    }

    .agreement-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        width: 90%;
        max-width: 6.5rem;
        max-height: 80%;
        border-radius: 0.2rem;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .agreement-header {
        padding: 0.3rem;
        border-bottom: 1px solid #f0f0f0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .agreement-header h3 {
        font-size: 0.32rem;
        color: #333;
    }

    .close-modal {
        font-size: 0.5rem;
        color: #999;
        cursor: pointer;
    }

    .agreement-body {
        padding: 0.3rem;
        overflow-y: auto;
        flex: 1;
        font-size: 0.26rem;
        line-height: 1.5;
        color: #666;
    }

    .agreement-body h4 {
        font-size: 0.3rem;
        color: #282828;
        margin: 0.3rem 0 0.2rem;
        font-weight: bold;
    }

    .blod {
        color: #282828;
        font-weight: bold;
    }

    .agreement-body h4:first-child {
        margin-top: 0;
    }

    .agreement-body p {
        margin-bottom: 0.2rem;
    }

    .agreement-body ul {
        padding-left: 0.4rem;
        margin-bottom: 0.2rem;
    }

    .agreement-body li {
        margin-bottom: 0.1rem;
    }

    .agreement-footer {
        padding: 0.3rem;
        border-top: 1px solid #f0f0f0;
        text-align: center;
    }

    .agreement-footer button {
        background-color: #FF5252;
        color: white;
        border: none;
        padding: 0.2rem 0.5rem;
        border-radius: 0.1rem;
        font-size: 0.28rem;
    }

    .haveRead {
        width: 85%;
        margin: 0 auto;
        text-align: left;
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 0.6rem;
    }

    .haveRead img {
        width: .3rem;
        position: absolute;
        left: 0.2rem;
        top: .08rem;
    }

    .haveRead label {
        color: #BFBFBF;
        font-size: 14px;
        line-height: .4rem;
    }

    .haveRead label span {
        color: #1459F4;
        vertical-align: top;
        cursor: pointer;
    }

}