html { --backupground-color: #f7f7f7; --btn-color-blue: #307dbe; --btn-color-yellow: #f7b24d; --btn-color-green: #5bad60; --btn-color-red: #e56651; --btn-font-color: #fff; } @font-face { font-family: yunfengfeiyunti; src: url(../fonts/YunFengfeiyunti.TTF); } @font-face { font-family: jinghongtifan; src: url(../fonts/FZZJ-JHTJF.TTF); } body { font-family: "Poppins", sans-serif; padding: 0px; overflow-x: hidden; min-width: 1280px; /* -ms-overflow-style: none; */ } ::-webkit-scrollbar { width: 0 !important; } .login_box { box-shadow: 0px 0px 10px #bbb; /* border-radius: 5px; */ position: fixed; height: 100vh; width: 400px; top: 0vh; right: 50px; background-color: #ffffffcf; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .login_box img { height: 100px; } .login_box h2 { margin: 15px 0px; font-size: 2.9rem; color: #333; } .input-div { position: relative; display: grid; grid-template-columns: 7% 93%; grid-gap: 5px; margin: 0px 0px 5px 0; padding: 5px 0; } .user { margin-top: 0; } .i { color: #b9b9b9; font-family: "Font Awesome 5 Free"; display: flex; justify-content: center; align-items: center; } .input-div > div { /* 相对定位 */ /* position: relative; */ /* height: 45px; */ } /* .input-div > div > h5 { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #999; font-size: 18px; transition: 0.3s; } */ .fa-user::before { content: "\f007"; } .input-div > div > input { border: none; outline: none; height: 2rem; padding: 0px 10px; border-radius: 5px; } .btn_login { display: block; width: 40%; height: 50px; border-radius: 25px; outline: none; border: none; background-image: linear-gradient(to right, #32be8f, #32b39f, #32be8f); background-size: 200%; font-size: 1.2rem; color: #fff; font-family: "Poppins", sans-serif; text-transform: uppercase; margin: 1rem auto; /* 鼠标放上变小手 */ cursor: pointer; /* transition: 0.1s; */ } .btn_login:active { background-color: var(--btn-font-color); background-image: none; color: var(--btn-color-red); } .title_box { position: absolute; font-family: "jinghongtifan"; font-size: 60px; color: #fff; top: 5vh; left: 10vw; height: 2em; width: 10em; z-index: 10; } .dash_box { position: relative; min-height: 120vh; width: 100vw; background-color: #ddd; z-index: 0; background-image: url("../img/login/login_bg_06.jpg"); background-position: right; background-size: cover; background-repeat: no-repeat; }