.loginHtml {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient( 180deg, #0D1F31 0%, #22405E 100%);
}

.login {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 3vh;
    width: 40vh;
    background-color: #fff;
    border-radius: 20px;
}

.loginText {
    margin-left: 4vh;
    font-size: 2vh;
    color: #FFFFFF;
}

.loginHeade {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5vh;
    border-radius: 20px 20px 0px 0px;
    background-color: red;
}

#accountAndPassword {
    display: block;
}

#quickRegistration {
    display: none;
}

#code {
    display: none;
}


.iBox {
    margin: 0px 2vh; 
}

.inputBox {
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-radius: 40px;
    background-color: #F2F2F2;
    padding: 1vh 2vh;
    box-sizing: border-box;
}
.input {
    flex: 1;
    width: 100%;
    margin: 0px 1vh;
    background-color: transparent;
    border: none;
    font-size: 1.6vh;
    outline: none;
}
/* 获取验证码 */
.codeText {
    white-space: nowrap;
    font-size: 1.6vh;
    color: #FF504D;
}


.mt5 {
    margin-top: 2vh!important;
}
.mt2 {
    margin-top: 1vh!important;
}
.icon {
    display: block;
    width: 2.6vh;
}

.icon2 {
    display: block;
    width: 2vh;
}

.btn {
    margin: 0 auto;
    margin-top: 5vh;
    display: flex;
    height: 5vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( 270deg, #FF774D 0%, #FF504D 100%);
    font-size: 2vh;
    color: #FFFFFF;
    border-radius: 50px;
}

.tabBox {
    margin: 0 auto;
    margin-top: 2vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5vh;
    color: #FF504D;
}

.tabCenter {
    justify-content: center;
}

.serviceHtml {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background:#000;
    z-index: 10;
}

.service {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 3vh;
    background-color: #fff;
    border-radius: 20px;
}


.serviceText {
    font-size: 2vh;
    color: #FFFFFF;
}

.remove2 {
    display: block;
    width: 3vh;
}

.serviceHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5vh 3vh;
    box-sizing: border-box;
    border-radius: 20px 20px 0px 0px;
    background-color: red;
}

.serviceImg {
    margin: 0 auto;
    padding: 2vh 6vh;
    display: block;
    width: 20vh;
    border-radius: 1vh;
}

.serviceText2 {
    color: #0D1F31;
    font-size: 1.4vh;
    text-align: center;
}

/* 实名认证 */
.tips {
    margin-top: 1vh;
    font-size: 1.6vh;
}

.realBtn {
    background: #999999!important;
}

#realNameBox {
    display: none;
}

.closeImg {
    display: block;
    width: 3vh;
    margin-right: 3vh;
}