.landing-a{
    background: #FFFFFF;
    width: 360px;
    display: none;
}
input {
    height: 100%;
}
.login-img,
.login-img img{
    width: 100%;
}
.landing-table{
    width: 215px;
    height: 25px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 38px auto;
}
.landing-table .wx-code,
.landing-table .email-zc{
    font-size: 18px;
    height: 30px;
    cursor: pointer;
}
.landing-table>span.on{
    border-bottom:1px solid #66BBFF;
    color: #66BBFF;
}
.landing-qrcode{
    height: 275px;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: #EBEBEB 2px solid;
}
.landing-qrcode>div{
    width: 210px;
    height: 210px;
}
.landing-qrcode>div img{
    width: 100%;
    height: 100%;
}
.email-go{
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #646464;
    font-size: 16px;
}
/*邮箱登录*/
.email-login{
    width: 100%;
    /*height: 275px;*/
    border-bottom: #EBEBEB 1px solid;
}
.landing-email{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.landing-email .form-input{
    width: 280px;
    height: 40px;
    margin-top:13px;
}
.landing-email .form-input>input {
    width: 100%;
    height: 100%;
}
/*错误提示*/
.hint{
    width: 271px;
    font-size: 12px;
    color:#FF0000;
    margin-top: 2px;
    margin-left: -10px;
}
.seven-login{
    width: 13px;
    height: 13px;
    border: 1px solid;
    margin-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seven-login img{
    width: 8px;
    height: 8px;
}
.login-btn{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-top: 15px;
    width: 271px;
    padding-bottom: 38px;
}
.sevenday{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 271px;
    padding-bottom: 10px;
    align-items: center;
    margin-top: 16px;
}
.sevenday-btn{
    display: flex;
    display: -webkit-flex;
}
.sevenday-btn span{
    margin-left: 7px;
}
.sevenday-password span{
    color:#CBE7FD;
}
.login-btn-go{
    width: 271px;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 24px;
    background-color: #66BBFE;
}
/*注册*/
.email-wrap{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    border-bottom: #EBEBEB 2px solid ;
}
.form-input{
    width: 280px;
}
.getcode{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    border: 0px !important;
    margin-top: 18px !important;
}
.getcode button{
    width: 130px;
    border: 1px solid #646464;
}
.getcode div input{
    width: 100%;
    height: 100%;
}
.getcode-child{
    background-color: #66BBFE;
    color: white;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    border: none !important;
}
.btn-submit-zc{
    width: 271px;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 24px;
    background-color: #66BBFE;
    cursor: pointer;
}
.zc-btn-bottom{
    width: 280px;
    margin-top: 38px;
    padding-bottom: 38px;
}
.verift-zc{
    margin-bottom: 10px;
    font-size: 12px;
    color: #646464;
    display: inline-block;
}
.success-return{
    width: 358px;
    height: 395px;
    background-color:#FFFFFF;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.success-go{
    width: 130px;
    height: 230px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.success-img{
    width: 80px;
    height: 80px;
}
.success-img img{
    width: 100%;
    height: 100%;
}
.register-success{
    width: 100%;
    font-size:18px;
    color:#757575;
    padding-top: 23px;
    padding-bottom: 60px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
.return-main{
    font-size: 15px;
    color: #BEBEBE;
}
.seven-mobile-pc {
    width: 12px;
    height: 12px;
    border: 1px solid #646464;
    line-height: 10px;
    margin-top: 4px;
}
.seven-mobile-pc img {
    width: 10px;
    height: 10px;
}
/*忘记密码*/
@media (min-width: 768px) {

    .mobile-login-wrap{
        display: none;
    }
    .landing-email{
        position: relative;
    }
    .hint-index{
        position: absolute;
        color: #DCB7B9;
        top: 10px;
        font-size: 10px;
    }
    .yzm-border{
        border: 1px solid #646464;
    }
    .mobile-email-page-wrap{
        display: none;
    }
    .donga-pc-masking{
        z-index: 49;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8);
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
    }
    .landing-a{
        display: block;
    }
    .amend-img{
        width: 100%;
        height: 500px;
    }
    /*背景图*/
    .amend-img>img{
        width: 100%;
        height: 100%;
    }
    .amend-wrap{
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .amend-content{
        width: 51%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .apend-password{
        font-size:19px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    }
    .apend-password div{
        padding: 114px 0 64px 0;
        font-weight: bold;
        color: #656565;
    }
    .append-line{
        width: 100%;
        height: 90px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        border-top: 2px #EFEFEF solid;
        border-bottom: 2px #EFEFEF solid;
    }
    .line-wrap{
        width: 66%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
    }
    .cir-wrap{
        display: flex;
        align-items: center;
        width: 96px;
        justify-content: space-between;
        margin: 0 22px;
    }
    .cir{
        width: 30px;
        height: 30px;
        overflow: hidden;
        text-align: center;
        border-radius: 15px;
        background-color: #e6e6e6;
        color: #646464;
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
    }
    .line-one,.line-two{
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    .line-one .line,.line-two .line{
        width: 24px;
        height: 1px;
        background-color: #E0E0E0;
        margin-right: 5px;
    }
    .line-one .line {
        background-color: #60BEFE !important;
    }
    .line-one .cir-wrap .cir{
        background-color: #60BEFE;
        color: white;
    }
  .amendemail{
      width: 514px;
      height: 42px;
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
  }
    .amendemail label{
        font-size: 15px;
        color: #A0A0A0 !important;
    }
    .amendemail input{
        width: 411px;
        height: 42px;
        font-size: 16px;
        border: 1px solid #636363;
    }
    .code-email{
        width: 411px;
        height: 42px;
        color: #DCDCDC;
        font-size: 16px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }
    .code-email input{
        width: 68%;
        height: 42px;
        font-size: 16px;
        border: 1px solid #636363;
        color: #636363;
    }
    .code-email button{
        width: 29%;
        height: 100%;
        background: #66BAFA;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 14px;
        border: none;
    }
    .password-top{
        margin-top: 18px;
    }
    .amendemail-top{
        margin-top: 75px;
    }

    .line-clear{
        width: 100%;
        height: 1px;
        background-color: #EFEFEF;
        margin: 40px 0;
    }
    .btn-amend{
        /*width: 85%;*/
        height: 40px;
        width: 438px;
        border-radius: 19px;
        background-color: #66BAFA;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size:17px;
        margin-bottom: 80px;
        border: none;
    }
    .amend-pass-hint{
        width: 512px;
        color:#FF0000;
        font-size:12px;
        margin-left: 202px;
        margin-top: 3px;
        display: none;
    }
    .btn-amend-wrap{
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .email-over{
        width: 129px;
        height: 203px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 115px;
        margin-bottom: 87px;
    }
    .email-over-img{
        width: 82px;
        height: 82px;
        margin-bottom: 23px;
    }
    .email-over-img img{
        width: 100%;
        height: 100%;
    }
    .email-over-ok{
        font-size: 16px;
        color: #8B8B8B;
        margin-bottom: 60px;
    }
    .email-over-return{
        font-size: 15px;
        color:#999999;
    }
    .cir-one{
        background-color: white;
        color: #787878;
        border: 1px solid #787878;
    }
}
@media (max-width: 768px) {
    .hint{
        margin-left: 0px !important;
    }
    .cir-one{
        color: #787878;
        border: 1px solid #787878;
    }
    .mobile-login-type {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;

    }
    .mobile-login-type .type-content {
        width: 181px;
        height: 81px;
        overflow: hidden;
    }
    .mobile-login-type .type-content .type-item {
        font-style: 16px;
    }
    .emial-input-hide{
        width: 100%;
    }

    .amend-img {
        display: none;
    }
    .hint-index {
        position: absolute;
        color: red;
        top: 3px;
        width: 100%;
        text-align: center;
        font-size: 10px;
    }
    .donga-pc-masking {
        z-index: 49;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    }

    .amend-wrap {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 60px;
    }

    .amend-content {
        width: 85.6%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    /*登錄頁面*/
    .mob-login-page {
        width: 100%;
        height: 100%;
    }

    .wx-login {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 64px;
        height: 82px;
        font-size: 16px;
        color: #646464;
    }

    .login-type-icon {
        width: 43px;
        height: 43px;
        margin: 0 auto 15px;
    }

    .login-type-icon img {
        width: 100%;
        height: 100%;
    }

    .mobile-email-page-login {
        margin-top: 44px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mob-login-tab {
        width: 226px;
        margin: 0 auto 28px;
        overflow: hidden;
    }

    .mob-login-tab .tab-item {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        padding-bottom: 2px;
    }
    .mob-login-tab .tab-item.on {
        color: #66BBFF;
        border-bottom: 1px solid #66BBFF;
    }
    .login-table-style-a {
        color: #66BBFF;
        font-size: 15px;
        border-bottom: 1px solid #66BBFF;
    }

    .footer-bottom-phone {
        display: none !important;
    }
    .login-img {
        display: none;
    }
    .mob-login-page .form-input {
        height: 35px;
        width: 318px;
    }
    .mob-login-page input {
        border: #737373 1px solid;
        width: 100%;
        height: 100%;
    }

    .list-input-top {
        margin-top: 28px;
    }

    .list-input-top1 {
        margin-top: 15px;
    }

    .login-table-hint {
        font-size: 12px;
        margin-top: 7px;
        color: #FF0000;
    }

    .seven-table-hint {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        margin-top: 29px;
        margin-bottom: 11px;
    }

    .seven-table-hint-seven {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .seven-table-hint-seven input {
        width: 12px;
        height: 12px;
        border: 1px solid #ABABAB;
    }

    .seven-table-hint-seven span {
        font-size: 12px;
        color: rgba(100,100,100,0.85);
        margin-left: 9px;
    }

    .seven-table-hint-pass {
        font-size: 12px;
        color: #C8E8F6;
    }

    .login-table-btn {
        width: 320px;
        height: 40px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        color: white;
        border-radius: 30px;
        font-size: 16px;
        background-color: #66BBFE;
        margin-bottom: 27px;
        letter-spacing: 2px;
        margin-top: 10px;
    }

    .login-table-btn-line {
        width: 320px;
        height: 2px;
        background-color: #EAEAEA;
    }

    .login-table-btn-wx {
        height: 50px;
        width: 320px;
        color: #646464;
        /*display: flex;*/
        /*display: -webkit-flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/
        font-size: 15px;
    }

    .form-input.code {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .form-input.code input {
        width: 65.5%;
    }

    .form-input.code button {
        width: 32%;
        height: 35px;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        background-color: #66BBFE;
        color: white;
        display: flex;
        border: none !important;
        font-size: 14px;
    }

    .login-table-hint-five {
        margin-top: 30px;
        color: #CCCCCC !important;
    }

    .mobile-email-page-wrap-succee {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    }

    .zc-succee-wrap {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 128px;
    }

    .zc-succee-wrap-font {
        font-size: 15px;
        color: #545454;
        font-weight: bold;
        margin-top: 92px;
        margin-bottom: 92px;
        letter-spacing: 1px;
    }

    .zc-succee-wrap-img {
        width: 120px;
        height: 120px;
    }

    .zc-succee-wrap-img img {
        width: 100%;
        height: 100%;
    }

    .zc-succee-wrap-hint {
        font-size: 19px;
        color: #393939;
        margin-top: 28px;
    }

    .zc-succee-wrap-return {
        margin-top: 43px;
        color: #757575;
        font-size: 14px;
    }

    /*修改密码*/
    .apend-password {
        font-size: 16px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
    }

    .apend-password div {
        padding: 50px 0 21px 0;
        font-weight: bold;
        color: #646464;
    }

    .append-line {
        width: 100%;
        height: 90px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        border-top: 2px #EFEFEF solid;
        border-bottom: 2px #EFEFEF solid;
    }
    .line-wrap {
        width: 66%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
    }
    .line-one, .line-two {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    .line-one, .line-two {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    .line-one .line, .line-two .line {
        width: 8px;
        height: 1px;
        background-color: #E0E0E0;
        margin-right: 1px;
        margin-top: -24px;
    }
    .line-one .line {
        background-color: #60BEFE !important;
    }
    .cir-wrap {
        display: flex;
        align-items: center;
        width: 58px;
        height: 43px;
        flex-direction: column;
        justify-content: space-between;
    }
    .cir {
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-align: center;
        border-radius: 15px;
        background-color: #e6e6e6;
        color: #646464;
        font-size: 10px;
        font-weight: 300;
        line-height: 30px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
    }
    .line-one .cir-wrap .cir {
        background-color: #60BEFE;
        color: white;
    }
    .amendemail {
        width: 100%;
        height: 35px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        color: #787878;
    }
    .amendemai label{
        width: 19%;
    }
    .amendemail-top {
        margin-top: 26px;
    }
    .amendemail input {
        width: 78%;
        font-size: 14px;
    }
    .amendemail-top label{
        width: 18%;
    }
    .amend-pass-hint {
        color: #FA929D;
        font-size: 11px;
        line-height: 15px;
        display: none;
        margin: 5px auto 0 22% !important;
    }
    .password-top {
        margin-top: 15px;
    }
    .code-email {
        /*width: 258px;*/
        height: 35px;
        width: 78%;
        color: #DCDCDC;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }
    .code-email input {
        width: 65%;
        color: #646464;
    }
    .code-email button {
        width: 32%;
        height: 100%;
        background: #66BAFA;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 14px;
        border: none;
        line-height: 25px;
    }
    #btn-sendcode {
        font-size: 10px;
    }
    .btn-amend-wrap {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .btn-amend {
         width: 100%;
        height: 40px;
        /*width: 438px;*/
        border-radius: 30px;
        background-color: #66BAFA;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 17px;
        margin-bottom: 80px;
        margin-top: 26px;
        border: none;
    }
    .email-over {
        width: 121px;
        height: 230px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 47px;
        margin-bottom: 87px;
    }
    .email-over-img {
        width: 120px;
        height: 120px;
        margin-bottom: 25px;
    }
    .email-over-img img{
        width: 100%;
        height: 100%;
    }
    .email-over-ok {
        font-size: 19px;
        color: #8B8B8B;
        margin-bottom: 43px;
    }

}