@charset "UTF-8";
/* CSS Document */

* {margin: 0;padding: 0;}

*:focus {outline: none;}
body {font: 12px/1.5 "PingFang SC", Microsoft YaHei, arial, "\5B8B\4F53", sans-serif; min-width: 1060px;}
html,body {height: 100%; overflow: auto;}

img {border: 0 none; max-width: 100%;}
ul, li {display: block; list-style: none;}
a {text-decoration: none; cursor: pointer;}
textarea {resize: none;}


body {background: url("../images/background.jpg") no-repeat fixed center / cover;}
.logo {position: absolute; left: 30px; top: 30px; font-size: 0;}
.logo a {display: block;}
.logo img {height: 50px;}


.wrapper {display: flex; justify-content: center; align-items: center; width: 100%; min-height: 100vh; box-sizing: border-box; padding: 110px 30px; position: relative;}
.login-wrap {width: 1000px; height: auto; background: #fff; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); display: flex;}
.login-cover {font-size: 0;}
.login-cover img {width: 500px; height: 640px;}
.login-main {flex: 1; min-width: 0; min-height: 640px; display: flex; align-items: center; justify-content: center; position: relative;}

.login-toast {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 90; display: flex; justify-content: center; align-items: center;}
.login-toast .box {width: auto; min-width: 136px; max-width: 240px; height: auto; min-height: 136px; box-sizing: border-box; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.75); border-radius: 12px;}
.login-toast .box .icon {font-size: 0; text-align: center;}
.login-toast .box .icon img {width: 40px; height: 40px;}
.login-toast .box .text {font-size: 17px; font-weight: 500; color: #fff; text-align: center; padding: 15px 15px 0 15px;}
.login-toast {display: none;}
.login-toast.show {display: flex;}



.login-center {width: 360px; height: auto;}

.login-title {text-align: center;}
.login-title .name {font-size: 36px; font-weight: bold; color: #333;}
.login-title .mark {font-size: 20px; font-weight: bold; color: #666;}
.login-form {padding-top: 40px;}
.login-form .item {padding-top: 20px;}
.login-form .item:first-child {padding-top: 0;}
.login-form .item .inp-box {background: #F7F7F7; border-radius: 8px; position: relative;}
.login-form .item .inp-box .icon {display: block; width: 20px; height: 20px; font-size: 0; position: absolute; left: 20px; top: 50%; margin-top: -10px;}
.login-form .item .inp-box .icon img {width: 20px; height: 20px;}
.login-form .item .inp-box input.inp {width: 100%; height: 50px; box-sizing: border-box; background: none; border: 0 none; font-size: 16px; color: #333; padding: 0 20px 0 60px; position: relative; z-index: 10;}
.login-form .item .inp-box input.inp.padding-verify {padding-right: 100px;}
.login-form .item .inp-box input.inp.padding-obtain {padding-right: 120px;}
.login-form .item .inp-box .verify {display: block; font-size: 0; position: absolute; right: 10px; top: 10px; z-index: 20;}
.login-form .item .inp-box .verify img {height: 40px; cursor: pointer;}
.login-form .item .inp-box .obtain {position: absolute; right: 20px; top: 50%; margin-top: -10px; height: 20px; line-height: 20px; font-size: 16px; color: #0A7EF5; font-weight: 500; z-index: 20;}
.login-form .item .btn-box {padding: 10px 0;}
.login-form .item .btn-box input.btn {width: 100%; height: 50px; background: #0A7EF5; border-radius: 8px; border: 0 none; cursor: pointer; font-size: 17px; font-weight: 500; color: #fff;}
.login-form .item .other {display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #666;}
.login-form .item .other .forget a {color: #0A7EF5; font-weight: 500;}
.login-form .item .other .forget a:hover {text-decoration: underline;}
.login-form .item .back {font-size: 16px; text-align: center;}
.login-form .item .back a {color: #0A7EF5; font-weight: 500;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-text-fill-color: inherit !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent !important;
}