html {
    height:100%;
}
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: calc(100vh - 0px);
    height: 100%;
}

body {
    background: linear-gradient(270deg, #8dd8da, #a77854, #a1c4fd, #c2e9fb, #fbc2eb, #a6c1ee);
    background-size: 600% 600%;
    animation: wave 15s ease infinite;
}

@keyframes wave {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.login_container {
    background: white;
    width: 520px;
    padding: 40px 50px;
    margin-top: 130px;
    border-radius: 10px;
    border: 2px solid #90f6c9;
    min-height: 500px;
}

    .login_container .account_box {
        margin-top: 50px;
        border-bottom: 2px solid #eee;
        position: relative;
    }

    .login_container .pwd_box {
        margin-top: 72px;
        border-bottom: 2px solid #eee;
        position: relative;
    }

.title {
    text-align: center;
    font-size: 40px;
    letter-spacing: 4px;
    margin-top: 20px;
    font-weight: 700;
    color: #2b3451;
}

input {
    width: 100%;
    border: none;
    color: #2b3451;
    font-weight: 700;
    padding-left: 0;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    background: transparent;
    background-clip: content-box;
    box-shadow: 0 0 0 1000px white inset !important;
}
    input::placeholder {
        color: #464951;
        font-size: 18px;
        font-weight: normal;
    }

    input:focus {
        outline: none;
    }

    input:focus-visible {
        outline: none;
    }
    input:-webkit-autofill {
        font-size: 24px;
        color: #2b3451;
    }

.loginbtn {
    width: 100%;
    line-height: 40px;
    background: linear-gradient(135deg, #00c36d, #64dc6d);
    border: none;
    font-size: 18px;
    font-weight: 700;
    margin-top: 57px;
}

.content {
    width: 100%;
    height: calc(100vh - 100px);
}

.footer {
    height: 100px;
    text-align: center;
    color: white;
}

.leftbox {
    padding-left: 40px;
}

.biaoti1 {
    font-size: 67px;
    font-weight: 700;
    letter-spacing: 6px;
    color: white;
    margin-top: 230px;
}

.biaoti2 {
    font-size: 26px;
    letter-spacing: 4px;
    margin-top: 30px;
    text-align: center;
    color: white;
}

.errortip {
    font-size:14px;
    color:red;
    display:none;
}