*{
    margin: 0;
    padding: 0;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}
input {
    background-color:transparent;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#loginBox{
    width: 100%;
    height: 100%;
    background-image: url("/image/login/loginBg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#login_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -5%;
}
#login_container .loginLogo{
    width:100px;
    margin-bottom:30px;
}
#login_container .login_content{
    width: 400px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.login_content h4{
    font-size:20px;
    font-family:PingFang-SC-Heavy;
    font-weight:800;
    color:rgba(0,0,0,1);
    line-height:90px;
}
.login_content form{
    width: 77%;
}
.login_content form .layui-form-item{
    height: 45px;
    background: rgba(245,245,245,1);
    border: 1px solid rgba(211,211,211,1);
    border-radius: 6px;
    box-sizing: border-box;
}
.login_content form .layui-form-item label{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 0;
    background: rgba(245,245,245,1);
    width:15%;
    padding: 0;
    display: flex;
    align-items: center;
}
.login_content form .layui-form-item label img{
    width: 35%;
    padding: 0 26%;
    border-right: 1px solid #D3D3D3 !important;
}
.login_content form .layui-form-item .layui-input-block{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: transparent;
    margin-left: 15%;
}
.login_content form .layui-form-item .layui-input-block input{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 0;
    height:43px;
    background:rgba(245,245,245,1);
}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{ border-color: rgba(211,211,211,1);}
.login_content form>.layui-form-item:last-child{
    margin-bottom:30px;
}
#login_container .loginFooter{
    width:400px;
    font-size:12px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-top:20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#login_container .loginFooter hr{
    width:100px;
    height:1px;
    background:rgba(255,255,255,1);
}
.loginBtn{
    width: 100%;
    border: 0 !important;
    position: relative;
}
.loginBtn .layui-input-block{
    margin-left: 0 !important;
    width: 100%;
    z-index:2;
}
.loginBtn button{
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(253,226,0,1),rgba(253,173,0,1));
    border-radius: 6px;
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(60,60,60,1);
    line-height:45px;
}
.loginBtnShadow{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 165%;
}
.code .layui-input-block{
    margin-right: 40%;
}
.code .btn-label-right{
    /*right:3%;*/
    left: 71% !important;
    width: 27% !important;
}
.code .btn-label-right img{
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
    border-radius:6px;
    cursor: pointer;
}