input {
    font-family: PingFangSC-Regular, sans-serif, Hiragino Sans GB, Microsoft Yahei, Arial, Helvetica Neue, Helvetica
}

.container-wrapper {
    height: 100%;
    background: #fff
}

.login {
    background: #fff
}

.login .title h1 {
    width: 85%;
    text-align: left;
    font-size: 8vw;
    margin: 5.33333vw auto 2.66667vw;
    font-weight: 700;
    position: relative
}

.login .title h1 a {
    font-size: 4.26667vw;
    position: absolute;
    right: 0;
    top: 2.66667vw
}

.form-header {
    padding: 10.66667vw 8vw 0
}

.form-header h1 {
    font-size: 8vw;
    margin-bottom: 1.33333vw
}

.form-header p {
    font-size: 3.73333vw;
    color: #999
}

.form-wrap {
    margin-top: 8vw
}

.item {
    color: #66cdaa
}

.form-item {
    margin: 0 8vw 5.86667vw;
    padding: 2.66667vw 5.33333vw;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eeeeee;
    border-radius: 6.66667vw
}

.form-item .icon-space {
    position: relative;
    top: 1.6vw;
    display: inline-block;
    width: 5.33333vw;
    height: 5.33333vw
}

.form-item input {
    height: 8vw;
    line-height: 8vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    padding-left: 2.66667vw;
    font-size: 4vw;
    flex: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-item .getcode {
    height: 100%;
    color: #ff677d;
    font-size: 3.73333vw
}

.form-item .getcode:disabled {
    color: #aaa
}

.form-item .input-status {
    width: 6.66667vw;
    position: relative
}

.form-item.has-button .input-status {
    margin-right: 3.2vw
}

.form-item.has-button .captcha {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.form-item .input-status .quxiao {
    display: inline-block;
    width: 5.33333vw;
    height: 5.33333vw;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.66667vw;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAABYVJREFUaAXtWE9PXUUUf1ih8qdqqTUhQKAVoZImTcV+AVfGxIWJLl0YY1zoB2jSRdOu/A4u3Whi0oXBhPARtG0aSgD54wMEEi0xCjwsEPX8bu9v3rnnzsy97yGmMW+SeXPm/D/zzsycO5VKoLUp/EQK78k4T/zE39JkMlGr1VZkPEuJhFtoP7S1tb1BboyXdnd352ScmJqauq4JgM+CYJHRObidxDMpa4Job2/HNIFJqAB5eHiY8lUqjqCRjpoCGRuWWDjnipDReUuEGu8Cdj4J7JixlHAeoxLIRkdCGnomUtIwlnXpT+Gd1YJPEWxj6BHfxox/yXISpwVGBXmGBDPekzlSOvM/JMybm5u3yaz+h9eJ4x93gYiDg4MahMDc3d19jXiOz6bAi0QMDw9/Duatra3vZEclbpCGkRbWiKRmWiKeIwW2iYAb0AxL29vbVeI56lWCe1dIMKNbWi1AHpe1gtiR/iMJT+foC8HnKdZjUHq3dJwtNemPpLvFFdjbYgZiqehT9kCQR5bgM+DbEFYuNnf/MJiYRxTAUmR2W7VavY5k1HuE5xXwXV1d1kmdJbkj6bIYOE1reoShoaGh94hjQnNuRheFjaB+BygJeEzlq6ur34C0tLR0S7EEQWtgwXJiGWSfJicBbkVsQYzYu6AtLCx8ZmSweVyz60dCZh2JLDH+Ijzrmi9kADyguYNOC3ngnGIPTwv1f12BWBbpmM/J5CXpXdKxGVFXIh1zh5vgMq3IwCXhxhEda9icuyGGkIHYfejThd3rvfpOebhh9KoHH0PhgDwjPXcB2bMISsruXvDqBgO4SzLNGkDh7trOzs6XgTO/sra2dgM0x/wEyNwlQFkDF7VAb2/vB5jv7e19ry8WKB8cHHx3Y2PjW82fwvj/XLMGHAEAvgY6OjqSDxca0coHBgZuZQSeTFAcuGazyHtM48LBnUApeB5QDpbH0h+SNxoBmRDJ+vr6Hc5HR0dvE/aMyScT8aUM6GWBIJeLSsyImsm1QgNaOZbF/idOUx14VAfzWYQd6drMzMxHzBauuf3jHXMdyGw2G0Fmu6+srCzPzc19QeXUQSOyVLZIwCGYaTaLQESavZzhKj+5a1ltBKDjGMa3X6MNtWmu+Q47MP0qHTuy6KgGLxq+y/5KIPPjWyLDUolV2Xi3+M0KtOatFWitwH+5AmW2cZE/KEPOS0fN0kjDvYDz6FjHQDMBQGZAerPHuYh6Gz7Bfpaee0HycqfIRgLAyY2i7bmYwn+BhmsIl2ThVwFslQ3gOBco7DTTSn0U+y5jawyfN950mZycfFOe9r6an5//VFfFVoGdowadnZ39WGS/np6efsvS0zlswna0FQWAezh44UsxNtTZ2TkyNjb2IcpIvCXFAoHjqBBRQI+Pj38isq+IjgsRD2EbPgRbLIXOidRwUDIlwKnFxcXMGxWec0dGRm7ySRc8y8vLybcK9aHyR3FOHuIDY1XwmUqUfLEAsGFzn3IUtGMokKOjo8com8nfoOMUw9e3rX4TWiyAq8JRlGI04EZfICA26Tj1oha9z4keYw56Xx21sIWZKnyV1PT+/v538DoZ2yOa38BBX2IB5D5QjFI3hePcnEwXrDjea/EZx+fVvr6+t8tsdqe4DgR9iaUQLq4rdR15iCtOp8ERShVfatnNnrfgMPhe8l5ssQAgjTrnIgBfw/NLT0/Pa6CFHLdyNpD9/f2fJK3et3xqHv1sKgoAenAS5d59lIGTBHHyBN//YLhMAOR7VYBGK07INtNQqS5KLyzsygZAJ7AvkFInFQgcR8p4813wudZoAFoBUgtldbDU0MwRGCcMyuhoqoTkjxOA1Yl/5wXpz0vvkI53Or7V4RxHP5D+h/TfpZdeZeFttdYKnNQK/AOmRf5DMXFR8wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 5.33333vw auto
}

.form-capcha {
    margin: 0 8vw 5.86667vw;
    border: 1px solid #eeeeee;
    border-radius: 6.66667vw
}

.form-btn {
    padding: 8vw 5.33333vw 2.66667vw
}

.form-btn .ui-btn {
    height: 12vw;
    line-height: 12vw;
    background-image: -webkit-linear-gradient(top left, #ffd8c2, #fe7c84 77%)
}

.form-btn .ui-btn:disabled {
    background-image: -webkit-linear-gradient(top left, #ddd, #ccc 30%)
}

.login-third {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 8vw
}

.login-third .login-third-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login-third .login-third-item i {
    display: inline-block;
    width: 12vw;
    height: 12vw;
    background-repeat: no-repeat;
    background-size: 12vw 12vw;
    margin-bottom: .8vw;
    border-radius: 50%
}

.icon-wechat {
    background-image: url(https://wx-img.jhrx.cn/love/20190917/icon_login_wechat_btn.png)
}

.third-login .van-popup__close-icon {
    color: #222
}

.third-login-wrap {
    padding: 13.33333vw 8vw 10.66667vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.third-login-wrap .phone {
    font-size: 6.4vw;
    color: #222
}

.third-login-wrap .txt {
    color: #787878;
    margin: 2.66667vw 0 8vw
}

.third-login-wrap .btn {
    width: 100%
}

.third-login-wrap .third-btn {
    width: 100%;
    height: 11.73333vw;
    display: block;
    background-image: -webkit-linear-gradient(top left, #ffd8c2, #fe7c84 77%);
    color: #fff;
    border: none
}

.third-login-wrap .third-btn:before {
    display: none
}

.third-login-wrap .service-btn {
    margin-top: 4vw;
    line-height: 4.26667vw
}

.checkbox-label {
    display: flex;
    align-items: center;
}

    .checkbox-label .kong {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #ccc;
        position: relative;
        cursor: pointer;
        border-radius: 50%;
        margin-right: 5px;
    }

#agreement:checked + .kong::after {
    content: '\2713';
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    color: #ffffff;
    background-color: #8c70ff;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #8c70ff;
    transform: translate(-50%, -50%);
}