html,body,#LAY_app {height: 100%;}.layui-layout-body {overflow: auto;}#LAY-user-login,.layadmin-user-display-show {display: block !important;}.layadmin-user-login {position: relative;left: 0;top: 0;padding: 110px 0;min-height: 100%;box-sizing: border-box;}.layadmin-user-login-main {width: 375px;margin: 0 auto;box-sizing: border-box;}.layadmin-user-login-box {padding: 20px;}.layadmin-user-login-header {text-align: center;}.layadmin-user-login-header h2 {margin-bottom: 10px;font-weight: 300;font-size: 30px;color: #000;}.layadmin-user-login-header p {font-weight: 300;color: #999;}.layadmin-user-login-body .layui-form-item {position: relative;}.layadmin-user-login-icon {position: absolute;left: 1px;top: 1px;width: 38px;line-height: 36px;text-align: center;color: #d2d2d2;}.layadmin-user-login-body .layui-form-item .layui-input {padding-left: 38px;}.layadmin-user-login-codeimg {max-height: 38px;width: 100%;cursor: pointer;box-sizing: border-box;}.layadmin-user-login-other {position: relative;font-size: 0;line-height: 38px;padding-top: 20px;}.layadmin-user-login-other>* {display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 14px;}.layadmin-user-login-other .layui-icon {position: relative;top: 2px;font-size: 26px;}.layadmin-user-login-other a:hover {opacity: 0.8;}.layadmin-user-jump-change {float: right;}.layadmin-user-login-footer {position: absolute;left: 0;bottom: 0;width: 100%;line-height: 30px;padding: 20px;text-align: center;box-sizing: border-box;color: #f2f2f2}.layadmin-user-login-footer span {padding: 0 5px;}.layadmin-user-login-footer a {padding: 0 5px;color: #f2f2f2;}.layadmin-user-login-footer a:hover {color: #fff;}/* 有背景图时 */.layadmin-user-login-main[bgimg] {background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);}/* 主题背景 */.ladmin-user-login-theme {position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;}.ladmin-user-login-theme ul {display: inline-block;padding: 5px;background-color: #fff;}.ladmin-user-login-theme ul li {display: inline-block;vertical-align: top;width: 64px;height: 43px;cursor: pointer;transition: all .3s;-webkit-transition: all .3s;background-color: #f2f2f2;}.ladmin-user-login-theme ul li:hover {opacity: 0.9}@media screen and (max-width: 768px) {.layadmin-user-login {padding-top: 60px;}.layadmin-user-login-main {width: 300px;}.layadmin-user-login-box {padding: 10px;}}html body {width: 100%;height: 100%;margin: 0;padding: 0;background-color: #34495e;background-image: linear-gradient(170deg, #34495e 0%, #235391 50%, #0099CC 100%);}.layui-header-top {height: 42px;width: 100%;background-color: #24394e;;opacity: 0.8;text-align: left;margin: auto;position: fixed;top: 0;overflow: hidden;box-shadow: 0 0 20px #ccc;border-bottom: 1px solid #fff;}/*标题字体*/.titleText {letter-spacing: 9px;font-size: 21px;font-weight: bold;vertical-align: middle;color: white;line-height: 1.7;background-image: -webkit-linear-gradient(-90deg, #eee 5%, #fff 10%, #EEE 50%, #fff 95%, #eee 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity: 1;}.layui-form-item {margin-bottom: 30px;}@keyframes move {0% {opacity: 0;transform: translateY(-100%);}100% {transform: translateY(-50%);opacity: 1;}}.layadmin-user-login-main {position: relative;top: 50%;transform: translateY(-50%);border-radius: 10px;border: solid 2px #ccc;box-shadow: 5px 10px 20px 5px rgba(0, 0, 0, 0.2);animation: move 0.6s ease;}.layadmin-user-login-main::before {content: '';display: block;background-color: #104c82;background-image: linear-gradient(180deg, #104c82 0%, #9fb8ad 100%);height: 100%;width: 100%;position: absolute;top: 0;left: 0;opacity: 0.7;z-index: -1;border-radius: 7px;}.layadmin-user-login {height: 100%;width: 100%;overflow: hidden;}@keyframes move_bg {0% {transform: translateX(-50%);}100% {transform: translateX(0%);}}.layadmin-user-login::before {content: '';display: block;height: 100%;width: 200%;background: url(../img/star.svg);/* background-size: cover; */position: absolute;top: -17px;left: 0;animation: move_bg 120s linear infinite;animation-direction: alternate;}.layui-layer-page {top: 50%;transform: translateY(-50%);}.layadmin-user-login-icon {transition: all 0.3s;}.layadmin-user-login-body .layui-form-item .layui-input:focus {padding-left: 60px;}.layadmin-user-login-body .layui-form-item .layui-input:focus+.layadmin-user-login-icon {color: #007DDB;width: 60px;}.layadmin-user-login-main.loading .layui-form-item {opacity: 0.5;}.layadmin-carousel {width: 100%;position: absolute;top: 0;height: 38px !important;background-color: #fff;position: relative;width: auto;display: block;border-radius: 3px;border: 1.5px solid #fff;overflow: hidden;box-sizing: border-box;margin-left: 10px;}.loading .layadmin-carousel {display: block;}@keyframes turn {0% {transform: rotate(0deg);}25% {transform: rotate(90deg);}50% {transform: rotate(180deg);}75% {transform: rotate(270deg);}100% {transform: rotate(360deg);}}.layui-carousel>[carousel-item]:before {color: #0099CC;animation: turn 1s linear infinite;}@keyframes star1 {0% {top: -300px;left: -500px;opacity: 0;}40% {top: -300px;left: -500px;opacity: 0;transform: rotate(0deg) scale(0.5);}60% {transform: rotate(90deg);}80% {transform: rotate(180deg);}95% {transform: rotate(-30deg) scale(1.2);top: -18px;left: -14px;opacity: 1;}100% {transform: rotate(0deg) scale(1);top: -18px;left: -14px;opacity: 1;}}@keyframes star2 {0% {top: -300px;left: -500px;opacity: 0;transform: rotate(0deg) scale(1);}40% {transform: rotate(90deg) scale(0.8);}60% {transform: rotate(90deg) scale(0);}80% {transform: rotate(180deg);}95% {transform: rotate(-30deg);opacity: 1;}100% {transform: rotate(0deg) scale(0);top: 1000px;left: 1500px;opacity: 0;}}.layui-icon-star {color: #fff;position: absolute;top: -18px;left: -14px;font-size: 26px;z-index: -2;}.layui-icon-star.star1 {animation: star1 2s ease;}.layui-icon-star.star2 {font-size: 30px;top: 1000px;left: 1500px;animation: star2 4.5s ease;}.layui-icon-star.star3 {font-size: 28px;top: 1000px;left: 1700px;animation: star2 6.5s ease;}.layui-err {height: 40px;display: flex;justify-content: center;align-items: center;color: #fff;background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);background-color: #ff8177;border-radius: 3px;margin-top: 18px;}