.popup .el-dialog{ border-radius:0.18rem; overflow: hidden; margin-top: 11vh !important; }
.popup .el-dialog__header{display: none}
.popup .el-dialog__body{padding: 0;}
.popup dl.form-dl label.form-label {
    font-size: 0.15rem;
    line-height: 0.5rem;
}
.popup  dl.form-dl label.form-label.top {
    font-size: 0.14rem;
    line-height: 0.17rem;
}
.login-wrap,.login-container,.el-dialog{
    min-height:5.3rem;width:8rem;
}
.login-container{
    border: none;
}
.login-form .remember{padding-top: 0rem;}
/*表单样式*/
.popup  dl.form-dl dd{
    border-radius: 0.1rem;
    border: 1px solid #C7C7C7;
    transition: all 0.2s linear;
}
.el-form-item.is-error dd{
    border-color: #F56C6C !important;
}
.popup dl.form-dl dd:hover, dl.form-dl dd:focus{
    box-shadow: 0px 0px 0.03rem 0.02rem #5A57FD;
}
.popup dl.form-dl .specildd {
    box-shadow: 0px 0px 0.03rem 0.02rem #5A57FD;
}
.popup .login-form{
    background: #FAFAFF;
}
.popup .login-form dd .el-input__inner{
    border: none;
    box-shadow: none;
    border-radius: 0.1rem;
}
.popup dl.form-dl dd:hover .el-input__inner{
    border: none;
    box-shadow: none;
}

.bigphoto{
    display: block !important;
}
.smallphoto{
    display: none !important;
}
.login-container .login-img{
    position: relative;
}
.login-container .login-img img{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.login-form{position: relative;padding: 0.42rem 0 0rem;}
.login-form-nr{
    margin: 0 auto;
    width: 3.3rem;
}
.login-form h3{
    text-align: left;
    line-height: 0.42rem;
    font-size: 0.28rem;
    margin: 0.05rem 0 0.08rem;
}
.login-form h5{
    text-align: left;
    font-size: 0.15rem;
    line-height: .2rem;
    margin: 0rem 0 0.2rem;
    width: 3.09rem;
}

.login-form dl {
    margin-bottom: .08rem;
}
.login-form dd {
    /*min-height: 0.75rem;*/
}
.login-form dd  .tips{
    font-size: .14rem;
    font-family: AliRegular;
    color: #d20000;
    padding-left: .08rem;
    display: inline-block;
    vertical-align: top;
    line-height: 0.25rem;
}
.english .login-form dd  .tips{
    font-family: RobotoRegular;
}
.login-form dd .el-input__inner{    border: 1px solid #E4E3E3;
    /*border-radius:0rem;*/
    padding: 0.3rem 0.22rem 0.11rem;
    font-size: .14rem;
    font-family: AliRegular;
    /*height: 0.46rem;*/
    cursor: text;
    color: #000;}
 .plan-btn{
    margin: 0.2rem 0 0;
}
 .morebtn {
    width: 1.41rem;
    height: 0.38rem;
    font-size: 0.18rem;
    font-weight: 500;
    font-family: AliBold;
}
.close{ position: absolute; right: 0px; top:0px;padding: 0.2rem; z-index: 12;}
.close img{ width:0.2rem; height: 0.2rem;cursor: pointer; display: block; }
.error-tip{
    height:.3rem;
    color:#D20000;
    display:block;
    font-size:.15rem;
    padding-top:.06rem;"
}

/*英文版本*/
.english .login-form h3{
    font-size: 0.32rem;
    margin-top: .15rem;
}
.english .login-form h5{
    font-size: 0.16rem;
    line-height: 0.2rem;
    word-break: auto-phrase;
    width: 3rem;
}
.english  .login-form-nr{
    margin: 0 auto;
    width: 3.3rem;
}
/*ipad*/
@media (min-width: 751px) and (max-width: 1024px){
    .popup dl.form-dl label.form-label {
        font-size: 0.15rem;
        line-height: 0.46rem;
    }
    .popup  dl.form-dl label.form-label.top {
        font-size: 0.13rem;
        line-height: 0.16rem;
    }
    .login-wrap,.login-container,.el-dialog{
        min-height:5rem;width:7rem;
        padding: 0;
    }
    .english .login-wrap,.english .login-container,.english .el-dialog{
        min-height:4.7rem;
    }
    .login-form{position: relative;padding: 0.42rem 0 0rem;}
    .login-form-nr{
        margin: 0 auto;
        width: 2.86rem !important;
    }
    .english  .login-form-nr{
        margin: 0 auto;
        width: 2.9rem !important;
    }
    .english  .login-form-nr form{
        width: 2.86rem !important;
        margin: 0 auto;
    }
    .login-form h3{
        text-align: left;
        line-height: 0.42rem;
        font-size: 0.28rem;
        margin: 0rem 0 0.08rem;
    }
    .english .login-form h3{
        margin-top: 0rem;
    }
    .login-form h5{
        text-align: left;
        font-size: 0.15rem;
        margin: 0rem 0 0.2rem;
        width: 2.85rem;
    }
    .login-form dl {
        margin-bottom: 0rem;
    }
    .login-form dd {
        min-height: 0rem;
    }
    .login-form dd .el-input__inner{    border: 1px solid #E4E3E3;
        border-radius: .1rem;
        font-size: .14rem;
        font-family: AliRegular;
        color: #000;}
    .plan-btn{
        margin: 0.3rem 0 0;
    }
    .morebtn {
        width: 1.41rem;
        height: 0.38rem;
        font-size: 0.18rem;
        font-weight: 500;
        font-family: AliBold;
    }
    .close{ position: absolute; right: 0px; top:0px;padding: 0.2rem; z-index: 12;}
    .close img{ width:0.2rem; height: 0.2rem;cursor: pointer; display: block; }
    .error-tip{
        padding-top: 0rem;
        font-size: .13rem;
    }
}

/* mobile */
@media screen and (max-width:750px){
    .popup .login-form{
        background: none;
    }
    .popup dl.form-dl label.form-label {
        font-size: 0.15rem;
        line-height: 0.46rem;
    }
    .popup  dl.form-dl label.form-label.top {
        font-size: 0.13rem;
        line-height: 0.16rem;
    }
    .login-container .login-img img{
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0,0);
    }
    .login-img{
        order: 2;
        background: #fff !important;
    }
    .bigphoto{
         display: none !important;
     }
    .smallphoto{
        display: block !important;
    }
    .login-wrap,.login-container,.el-dialog{
        min-height:6.54rem;width:3.38rem;
        padding: 0;
    }
    .login-form{ order: 1; position: relative;padding: 0.32rem 0 0rem; margin: 0;}
    .login-form-nr{
        margin: 0 auto;
        width: 2.86rem !important;
    }
    .login-form h3{
        text-align: left;
        line-height: 0.38rem;
        font-size: 0.28rem;
        margin: 0.18rem 0 0.08rem;
    }
    .login-form h5{
        text-align: left;
        font-size: 0.15rem;
        width: 2.86rem;
    }
    .login-form dl {
        margin-bottom: 0rem;
    }
    .login-form dd {
        min-height: 0rem;
    }
    .login-form dd .tips{
        font-size: 0.12rem;
    }
    .login-form dd .el-input__inner{    border: 1px solid #E4E3E3;
        border-radius: .07rem;
        font-size: .12rem;
        font-family: AliRegular;
        height: 0.34rem;
        line-height: 0.34rem;
        color: #000;}
    .plan-btn{
        margin: 0.2rem 0 0.2rem;
    }
    .morebtn {
        width: 1.41rem;
        height: 0.38rem;
        font-size: 0.18rem;
        font-weight: 500;
        font-family: AliBold;
    }
    .close{ position: absolute; right: 0px; top:0px;padding: 0.2rem; z-index: 12;}
    .close img{ width:0.15rem; height: 0.15rem;cursor: pointer; display: block; }
    .error-tip{
        padding-top: 0rem;
        font-size: .13rem;
    }
    .login-form .remember .el-checkbox__label {
        font-size: .14rem!important;
    }
    dl.form-dl .el-input__inner{font-size: .14rem!important;}
    /*英文版本*/
    .english .login-form h3{
        font-size: 0.3rem;
        line-height: .4rem;
    }
    .english .login-form h5{
        font-size: 0.14rem;
        line-height: 0.18rem;
        width: 2.5rem;
    }
    .english  .login-form .login-form-nr{
        width: 2.6rem !important;
    }
}