html, body, form {
width: 100%;
height: 100%;
}
body {
background: #f5f5f5 url(/assets/static_new/img/login-bg.jpg) center center no-repeat;
background-size: cover;
}
.pc-style .login {
position: relative;
width: 100%;
height: 100%;
}
.pc-style .login .login-box {
position: absolute;
width: 400px;
left: 50%;
top: 40%;
border-radius: 20px;
margin: -220px 0px 0px -200px;
box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.3);
border: 10px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
}
.pc-style .login .login-box .login-box-inner {
background: #ffffff;
padding: 20px;
border-radius: 10px;
}
.pc-style .login .login-box-title {
font-weight: bold;
text-align: center;
/* padding: 40px 0px 10px 0px; */
padding: 20px 0px 10px 0px;
position: relative;
}
.pc-style .login .login-box .logo {
width: 100px;
height: 100px;
margin: 0px auto;
position: absolute;
top: -90px;
left: 50%;
margin-left: -50px;
border-radius: 100%;
overflow: hidden;
padding: 5px;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.pc-style .login .login-box .logo img {
width: 100%;
height: 100%;
}
.pc-style .login .login-box .current-school-name {
font-size: 20px;
color: #01305f;
background: #f5f5f5;
padding: 5px 0px;
margin-bottom: 10px;
}
.pc-style .login .login-box .school-name {
font-size: 22px; letter-spacing:3.5px;
}
.pc-style .login .login-box .system-name {
font-size: 20px;
}
.pc-style .login .login-box-content .item {
padding: 10px 0px;
}
.pc-style .login .login-box-content .text-box {
border-radius: 5px;
height: 40px;
width: 100%;
box-sizing: border-box;
border: 1px solid #999999;
padding: 0px 10px;
}
.yanzheng {
display: flex;
flex-direction: column; /* 让子元素垂直排列 */
}
.yanzheng .input-container {
display: flex;
align-items: center; /* 垂直居中对齐 */
}
.yanzheng .mark {
margin-left: 10px; /* 调整间距 */
cursor: pointer; /* 鼠标悬停时显示为小手 */
}
.pc-style .login .login-box-content .input-error {
color: #e53737;
}
.pc-style .login .login-box-content .btn-container {
padding: 10px 0px;
}
.pc-style .login .login-box-content .btn-login {
border-radius: 5px;
height: 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
border: 1px solid #0b4b8b;
background: #0b4b8b;
background: -webkit-linear-gradient(to right, #0b4b8b, #0b4b8b);
background: linear-gradient(to right, #0b4b8b, #0b4b8b);
cursor: pointer;
}
.pc-style .login .login-box-content .btn-login:hover {
border: 1px solid #2d21cc;
background: #2d21cc;
background: -webkit-linear-gradient(to right, #2942fe, #2d21cc);
background: linear-gradient(to right, #2942fe, #2d21cc);
color: #ffffff;
}
.pc-style .login .login-box-content .busying .btn-login {
display: none;
}
.pc-style .copy-right{
position: fixed;
left: 0px;
right: 0px;
bottom: 0;
padding: 10px;
}
.pc-style .copy-right .copy-right-inner{
padding: 20px 0px;
color: rgba(255, 255, 255, 0.75)
}
.pc-style .copy-right a{
color: rgba(255, 255, 255, 0.75)
}
.mobile-style {
padding: 0px;
}
.mobile-style .login {
position: relative;
width: 100%;
height: 100%;
}
.mobile-style .login .login-box {
position: absolute;
width: 80%;
max-width: 400px;
left: 50%;
top: 45%;
border-radius: 20px;
box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.3);
border: 10px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.mobile-style .login .login-box .login-box-inner {
background: #ffffff;
padding: 20px;
border-radius: 10px;
}
.mobile-style .login .login-box-title {
font-weight: bold;
text-align: center;
/* padding: 40px 0px 10px 0px; */
padding: 20px 0px 10px 0px;
position: relative;
}
.mobile-style .login .login-box .logo {
width: 100px;
height: 100px;
margin: 0px auto;
position: absolute;
top: -90px;
left: 50%;
margin-left: -50px;
border-radius: 100%;
overflow: hidden;
padding: 5px;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.mobile-style .login .login-box .logo img {
width: 100%;
height: 100%;
}
.mobile-style .login .login-box .current-school-name {
font-size: 20px;
color: #01305f;
background: #f5f5f5;
padding: 5px 0px;
margin-bottom: 10px;
}
.mobile-style .login .login-box .school-name {
font-size: 19px;
}
.mobile-style .login .login-box .system-name {
font-size: 19px;
}
.mobile-style .login .login-box-content .item {
padding: 5px 0px;
}
.mobile-style .login .login-box-content .text-box {
border-radius: 5px;
height: 40px;
width: 100%;
box-sizing: border-box;
border: 1px solid #999999;
padding: 0px 10px;
}
.mobile-style .login .login-box-content .input-error {
color: #e53737;
}
.mobile-style .login .login-box-content .btn-container {
padding: 10px 0px;
}
.mobile-style .login .login-box-content .btn-login {
border-radius: 5px;
height: 40px;
width: 100%;
box-sizing: border-box;
color: #ffffff;
border: 1px solid #043d75;
background: #043d75;
background: -webkit-linear-gradient(to right, #043d75, #043d75);
background: linear-gradient(to right, #043d75, #043d75);
cursor: pointer;
}
.mobile-style .login .login-box-content .btn-login:hover {
border: 1px solid #2d21cc;
background: #2d21cc;
background: -webkit-linear-gradient(to right, #2942fe, #2d21cc);
background: linear-gradient(to right, #2942fe, #2d21cc);
color: #ffffff;
}
.mobile-style .login .login-box-content .busying .btn-login {
display: none;
}
.mobile-style .copy-right{
position: fixed;
left: 0px;
right: 0px;
bottom: 0;
}
.mobile-style .copy-right .copy-right-inner{
padding: 20px 0px;
color: rgba(255, 255, 255, 0.75)
}
.mobile-style .copy-right a{
color: rgba(255, 255, 255, 0.75)
}
.captcha-box {
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
z-index: 99999;
background: rgba(0, 0, 0, 0.75);
display: none;
}
.captcha-box * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.captcha-box .sc-captcha {
width: 300px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background: #ffffff;
padding: 20px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
border-radius: 12px;
}
.captcha-box .sc_net_panel {
padding: 10px;
}
.captcha-box .sc_net_panel>div {
position: relative;
}
.captcha-box .bg_slider {
position: absolute;
left: 0;
top: 0;
}
.captcha-box .bg_refresh {
position: absolute;
right: 5px;
top: 5px;
background: #808080;
color: #fff;
border-radius: 3px;
width: 16px;
line-height: 16px;
text-align: center;
cursor: pointer;
}
.captcha-box .sc_net_slider {
height: 40px;
}
.captcha-box .sc_net_slider_icon {
position: absolute;
left: 0;
top: 0;
height: 37px;
text-align: center;
border-radius: 5px;
border: #808080 1px solid;
width: 37px;
line-height: 37px;
cursor: pointer;
background: #ffffff;
}
.captcha-box .sc_net_slider_icon:hover {
color: #fff;
background: #1991fa;
}
.captcha-box .sc_net_slider_text {
position: absolute;
left: 0;
top: 0;
text-align: center;
width: 280px;
color: #45494c;
border: #808080 1px solid;
border-radius: 5px;
line-height: 35px;
height: 37px;
cursor: default;
}
.captcha-box .sc_net_slider_area {
position: absolute;
left: 0;
top: 0;
height: 37px;
}