.pageBox {
        position: relative;
        /* background-color: #F1F5FA; */
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
    }

    .loginBg {
        position: absolute;
        top: 0;
        /* left: -100px; */
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover;
    }

    .logo {
        position: absolute;
        top: 6%;
        left: 8%;
        z-index: 0;
        object-fit: contain;
    }

    .loginBox {
        position: absolute;
        right: calc(20% - 120px);
        top: 20%;
        width: 400px;
        /* height: 600px; */
        background-color: white;
        border-radius: 5px;
        padding: 50px 30px 70px 30px;
        box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.05), -4px -4px 16px 0px rgba(0, 0, 0, 0.05);
        border: 1px solid #E2E3E9;
        transition: all .5s ease-out;
    }

    .loginItem {
        width: 100%;
        padding: 15px 0px 7px 0px;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .title {
        position: relative;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 20px;
        color: #2E2E2E;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .title:before {
        position: absolute;
        content: "";
        left: 25%;
        width: 50%;
        height: 3px;
        background-color: var(--blue-deep);
        bottom: -10px;
    }

    .input {
        width: 70%;
        border-radius: 0px;
    }
    .input:focus{
        border:1px solid #2C79E8 !important;
    }

    .button {
        width: 77.5%;
        padding: 11px;
        background-color: var(--blue-deep);
        color: white;
        border-radius: 3px;
        border: 1px solid var(--blue-deep);
        letter-spacing: 4px;
    }

    .logoBox {
        padding: 0px;
        height: 40px;
    }

    /* 隐藏原生小眼睛 */
    input[type="password"]::-ms-reveal {
        display: none;
    }

    .eyesbox {
        position: absolute;
        width: 12%;
        height: 70%;
        /* background-color: rgba(206, 217, 228, 0.671); */
        right: 10%;
        filter: drop-shadow(0 0 4px #ccc);
    }

    /** 密码框的小眼睛 纯css控制 */
    #eyeInput[type="checkbox"]:checked ~ .close {
        display: block;
    }

    #eyeInput[type="checkbox"]:checked ~ .show {
        display: none;
    }

    #eyeInput[checked] ~ .close {
        display: none;
    }

    #eyeInput[checked] ~ .show {
        display: block;
    }


    /** 密码框的小眼睛 纯css控制 --2*/
    #eyeInput2[type="checkbox"]:checked ~ .close2 {
        display: block;
    }

    #eyeInput2[checked] ~.close2 {
        display: none;
    }

    #eyeInput2[type="checkbox"]:checked~.show2 {
        display: none;
    }

    #eyeInput2[checked]~.show2 {
        display: block;
    }

    .codeBtn {
        width: fit-content;
        font-size: 12px;
        letter-spacing: 1px;
        background-color: #c1dde8;
        color: rgb(0, 127, 253);
        border: 1px solid rgb(98, 192, 230);


    }
    .codeBtn:hover{
        color: white !important;
    }
    .layui-unselect{
        min-width: calc(80% - 8px);
        background-color: var(--bd);
    }
    .eyesbox>.layui-form-checkbox{
        display: none;
    }
    .load{
        width: 15px;
        height: 15px;
        margin-right: 5px;
        color: white;
    }