/** ** +---------------------------------------------------------------------- ## $ 月梦网络 { DM299 } ** +---------------------------------------------------------------------- || $ Copyright (c) 2025-2031 月梦网络 ( https://www.dm299. com ) ## +---------------------------------------------------------------------- @@ $ taobao：https://dm299.taobao.com不能倒卖哦 一发现停止任何服务 // +---------------------------------------------------------------------- ## $ 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用； @@ $ 请不要对程序进行任何形式任何目的的再发布。 ## +---------------------------------------------------------------------- @@ $ 作者: 周志华 [124861234] ~~ +---------------------------------------------------------------------- */ html,body {width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;}:root{--background-color:#189F92;--button-color:#189F92;--background-color-bj:#dffbfa;--background-color-1:#5F75ED;--button-color-1:#7789F0;--background-color-bj-1:#EEF0FD;}.login-bg{background:url(../images/bg.png) no-repeat center;background-size: cover;overflow: hidden;display:-webkit-box;display:-webkit-flex;display: flex;justify-content: center;align-items: center;width: 100%;min-height: 100%;position: relative;overflow-x: hidden;box-sizing: border-box;}.login-bg-1{background:url(../images/banner.jpg) no-repeat center;}.login{flex:1;min-height: 420px;max-width: 420px;padding: 40px;background-color: #ffffff;border-radius: 4px;box-sizing: border-box;}.login a.logo{display: block;height: 58px;width: 167px;margin: 0 auto 30px auto;background-size: 167px 42px;}.right-top-sign,.login .left-top-sign,.login-back{display:none;}.login .message {margin: 10px 0 25px -58px;padding: 18px 10px 18px 60px;background: var(--background-color);position: relative;color: #fff;font-size: 16px;}.login-bg-1 .login .message{background: var(--background-color-1);}.input-box{position: relative;margin-bottom:15px;}.input-icon {position: absolute;top: 16px;left: 15px;z-index: 9;color:#BCB8B2;line-height:1;}.login input[type=text],.login input[type=file],.login input[type=password],.login input[type=email], select {border: 1px solid #DCDEE0;vertical-align: middle;border-radius: 3px;height: 50px;padding: 0px 16px 0 40px;font-size: 14px;color: #555555;outline:none;width:100%;box-sizing: border-box;}.login input[type=text]:focus,.login input[type=file]:focus,.login input[type=password]:focus,.login input[type=email]:focus, select:focus {border: 1px solid #27A9E3;}.login input[type=submit],.login input[type=button]{display: inline-block;vertical-align: middle;padding: 12px 24px;margin: 0px;font-size: 18px; line-height: 24px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;color: #ffffff;background: var(--button-color);border-radius: 3px;border: none;-webkit-appearance: none;outline:none;width:100%;}.login-bg-1 .login input[type=submit],.login-bg-1 .login input[type=button]{background: var(--button-color-1);}.login .code_tip{font-size: 12px;color: #999 ;position: absolute;right: 10px;top: 15px;display: inline-block;height: 25px;line-height: 25px;cursor: pointer;border: 1px solid #ccc !important;border-radius: 50px;padding:0 10px;}.login .login_tip{font-size:13px;color:#9D9D9D;margin-top:20px;}.login .login_tip a{color: #7789F0;}.login a {color: #8A8A8A;text-decoration: none;cursor: pointer;}.login a:hover{color: #444444;}.login_tip_between{display: flex;justify-content: space-between;align-items: center;}.other_login {display:flex;justify-content: center;}.other_login a{margin-top:30px;margin-left:10px;width:40px;height:40px;text-align:Center;line-height:40px;border-radius:50%;}.other_login .password{background:#DCDEE0;display:none;}.other_login .password i{font-size:26px;color:#fff;}.other_login .wechat i{font-size:40px;color:#33CC00;}.login .qrcode{width:220px;height:220px;border: 1px solid #DCDEE0;margin:0 auto;display: block;text-align:center;line-height:220px;}.login .qrcode img{max-width:218px;max-height:218px;}.demo-login-area{padding: 15px;background-color: #f8f8f8;border-radius: 8px;margin:20px 0 0 0;}.demo-login-area .demo-title {font-size: 16px;color: #333;font-weight: bold;text-align: center;margin-bottom: 5px;}.demo-login-area .demo-desc {font-size: 12px;color: #999;text-align: center;margin-bottom:10px;}.demo-login-area .demo-buttons {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}@media screen and (max-width: 768px) { .login-bg{background:#fff !important;align-items: flex-start;padding-top:80px;}.login-back{display:block;position: absolute;top:20px;left:20px;color:rgb(153, 153, 153);z-index: 95;}.login{min-height: 340px;width: 100%;padding: 0;position: relative;background: transparent !important;}.login .left-top-sign {display:block;font-size: 60px;color: #f8f8f8;position: relative;left: -18px;}.login .message {background: transparent !important;font-weight: 400;position: relative;left: 25px;top: -45px;font-size:23px;color: #555;margin:0;padding:0;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3);}.layui-form{padding:0 20px;}.login_tip{padding:0 20px;margin-left:10px;}.login_tip .login_tip_between{margin-left:0;}.input-box{margin-bottom:20px;}.login input[type=text],.login input[type=password]{border-radius: 6px;}.login input[type="submit"], .login input[type="button"] { border-radius:60px;}.right-top-sign {display:block;position: absolute;top:40px;right:-15px;z-index: 95;}.right-top-sign:before,.right-top-sign:after {display: block;content: '';width: 200px;height: 40px;background: var(--background-color-bj);}.right-top-sign:before {transform: rotate(50deg);border-radius: 0 50px 0 0;}.right-top-sign:after {position: absolute;right: -100px;top: 0;transform: rotate(-50deg);border-radius: 50px 0 0 0;}.login-bg-1 .right-top-sign:before,.login-bg-1 .right-top-sign:after {background: var(--background-color-bj-1);}.demo-login-area{margin:30px 15px 0 15px;}}