.main {
    background:url(/static/images/login.jpg) no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
    position:absolute;
    width:100%;
    height:100%;
}
.left {
    display: inline-block;
    margin: 140px 0 0 15%;
    font-size: 30px;
    font-weight: bolder;
}
.login-block{
    display: inline-block;
    float: right;
    width: 30%;
    margin: 150px 14% 0 0;
    background-color: #fff;
    height: 600px;
    border-radius: 30px;
}
.login-block .layui-form{
    padding: 6% 10% 10%;
}
.login-block .layui-title-block{
    font-size: 26px;
    font-weight: bolder;
    padding-bottom: 4%;
}
/*.svg-user {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background-image: url('/static/images/user.svg');*/
/*    background-size: cover;*/
/*}*/
/*.svg-lock {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background-image: url('/static/images/lock.svg');*/
/*    background-size: cover;*/
/*}*/
/*.svg-shield-security {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background-image: url('/static/images/shield-security.svg');*/
/*    background-size: cover;*/
/*}*/

.layui-input-block {
    line-height: 2em;
    border: solid 1px #e2e2e2;
    padding: 10px 12px;
    margin: 0 0 20px;
    border-radius: 15px;
}
.layui-input-block img {
    width: 36px;
    padding-bottom: 5px;
    /*fill: #0A8CFF*/
    filter: invert(23%) sepia(81%) saturate(392%) hue-rotate(181deg) brightness(97%) contrast(103%);
}
.layui-input-block input {
    display: inline-block;
    /*border-radius:0.5em;*/
    border:0;
    color: #777777;
    width: 60%;
    font-size: 22px;
    height: 45px;
    /*line-height: 38px;*/
    padding-left: 5%;
}
.layui-block-captcha {
    border-radius:0.8em;
    width:35%;
    display: inline-block
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000; /* 设置文本颜色 */
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset; /* 设置内阴影以覆盖背景色 */
    transition: background-color 5000s ease-in-out 0s; /* 过渡效果 */
}

.button-block {
    text-align: center;
}
.button-block button {
    width:100%;
    /*box-shadow: 1px 1px 3px #009688a8;*/
    /*background: linear-gradient(45deg, #45B29D, #009688);*/
    background-color: #0A8CFF!important;
    border-radius: 0.5em;
    height: 80px;
    line-height: 80px;
    font-size: 26px;
}
.footer {
    width: 100%;
    text-align: center;
}
.img1{
    width: 225px;
}
.img2{
    width: 135px;
    padding-left: 30px;
    margin-bottom: 12px;
}

.footer-bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}