#login-box-big{
    width: 100vw;
    height:100vh;
    background:rgba(233, 220, 220, 0.404);
    position: fixed;
    z-index: 99;
    top:0;
    left:0;
    display: none;
}
#login-box{
    width:400px;
    background-color: #fff;
    margin-top:120px;
    margin-left:calc((100vw - 400px) / 2);
    border-radius: 5px;
}
#login-item,#logon-item{
    display: none;
    position: relative;
}
#login-box input {
    border: 1px solid #ccc;
    padding: 10px;
}
.input-control:placeholder-shown::placeholder{
    color:transparent;
}
#login-box .layui-input:focus,#login-box .layui-textarea:focus {
    border-color: #001e5a !important;
    box-shadow: 0 0 0 3px rgba(22, 183, 119, .08);
}
#login-box .layui-form-checkbox[lay-skin=primary]:hover>i {
    border-color: #001e5a;
    color: #fff;
}
#login-box .layui-form-checked[lay-skin=primary]>i {
    border-color: #001e5a !important;
    background-color: #001e5a;
    color: #fff;
}
#login-box .layui-tab-content{
    position: relative;
}
#login-box .close-button{
    position: absolute;
    right:13px;
    top:13px;
}
#login-box .close-button:hover{
    cursor: pointer;
}
#login-box .input-label{
    position: absolute;
    left:22px;
    top:10px;
    pointer-events:none;
    color:#7d7d7d;
    background-color: #fff;
    font-size: 12px;
    padding: 0 10px;
    transition: font-size 0.3s, color 0.3s, transform 0.3s;
}
#login-box .input-control:not(:placeholder-shown) ~ .input-label,
#login-box .input-control:focus ~ .input-label{
    font-size: 18px;
    color:#454545;
    font-weight: 600;
    transform:scale(0.75) translate(-22px,-32px);
}
#login-box .pass-eye{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#login-box .layui-tab-item{
    padding:0 40px;
}
#login-box .layui-tab-item .other{
    width: 100%;
    display: flex;
    justify-content: right;
}
#login-box .layui-tab-item .other span{
    color: #005594;
    cursor: pointer;
    margin-left: 5px;
}
#login-box .layui-tab-item .other span:hover{
    color: #001e5a;
}
#login-box .terms-box .layui-form-checkbox div{
    font-size: 12px;
}
#login-box .terms-box a{
    margin-top: 10px;
    display: block;
    float: right;
    font-size: 12px;
    color:#001e5a;
}
#login-box .forget-box{
    font-size: 13px;
}
.login-button button{
    background-color: #005594;
}
.login-button button:hover{
    background-color: #001e5a;
}
#login-box .btn-code{
    width: 90px;
    height:26px;
    color: #fff;
    font-size: 12px;
    border: 0;
    background-color: #005594;
}
#login-box .btn-code:hover{
    cursor: pointer;
    background-color: #001e5a;
}

#login-box .serve-content{
    display: none;
    position:fixed;
    z-index:12;
    width:500px;
    height:600px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    margin:-300px 0 0 -250px;
    overflow: hidden;
}
#login-box .serve-content iframe{
    width: 100%;
    height: 100%;
    padding: 40px 20px 20px 20px;
}
#login-box .serve-content .close{
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    right:11px;
    top:11px;
}
#login-box .serve-content .close:hover{
    cursor:pointer;
}