You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
2.8 KiB
173 lines
2.8 KiB
.login-container { |
|
display: flex; |
|
align-items: center; |
|
position: relative; |
|
width: 100%; |
|
height: 100%; |
|
margin: 0 auto; |
|
background-image: url("/img/bg/bg.jpg"); |
|
background-size: 100% 100%; |
|
} |
|
|
|
.login-weaper { |
|
margin: 0 auto; |
|
width: 1000px; |
|
box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4); |
|
} |
|
.login-weaper .el-input-group__append { |
|
border: none; |
|
} |
|
|
|
.login-left, |
|
.login-border { |
|
position: relative; |
|
min-height: 500px; |
|
align-items: center; |
|
display: flex; |
|
} |
|
|
|
.login-left { |
|
border-top-left-radius: 5px; |
|
border-bottom-left-radius: 5px; |
|
justify-content: center; |
|
flex-direction: column; |
|
background-color: #8b9aac; |
|
color: #fff; |
|
float: left; |
|
width: 50%; |
|
position: relative; |
|
|
|
} |
|
|
|
.login-left .img { |
|
width: 140px; |
|
} |
|
|
|
.login-time { |
|
position: absolute; |
|
left: 25px; |
|
top: 25px; |
|
width: 100%; |
|
color: #fff; |
|
font-weight: 200; |
|
opacity: 0.9; |
|
font-size: 18px; |
|
overflow: hidden; |
|
} |
|
|
|
.login-left .title { |
|
text-align: center; |
|
color: #fff; |
|
font-weight: bold; |
|
font-size: 30px; |
|
letter-spacing: 2px; |
|
} |
|
|
|
.login-border { |
|
border-left: none; |
|
border-top-right-radius: 5px; |
|
border-bottom-right-radius: 5px; |
|
color: #fff; |
|
background-color: #fff; |
|
width: 50%; |
|
float: left; |
|
box-sizing: border-box; |
|
} |
|
|
|
.login-main { |
|
margin: 0 auto; |
|
width: 65%; |
|
box-sizing: border-box; |
|
} |
|
|
|
.login-main > h3 { |
|
margin-bottom: 20px; |
|
} |
|
|
|
.login-main > p { |
|
color: #76838f; |
|
} |
|
|
|
.login-title { |
|
color: #333; |
|
margin-bottom: 40px; |
|
font-weight: 500; |
|
font-size: 22px; |
|
text-align: center; |
|
letter-spacing: 4px; |
|
} |
|
|
|
.login-menu { |
|
margin-top: 40px; |
|
width: 100%; |
|
text-align: center; |
|
} |
|
.login-menu a { |
|
color: #999; |
|
font-size: 12px; |
|
margin: 0px 8px; |
|
} |
|
|
|
.login-submit { |
|
width: 100%; |
|
height: 45px; |
|
border: 1px solid #172e60; |
|
background: none; |
|
font-size: 18px; |
|
letter-spacing: 2px; |
|
font-weight: 300; |
|
color: #172e60; |
|
cursor: pointer; |
|
margin-top: 30px; |
|
font-family: "neo"; |
|
transition: 0.25s; |
|
} |
|
|
|
.login-form { |
|
margin: 10px 0; |
|
} |
|
.login-form i { |
|
color: #333; |
|
} |
|
.login-form .el-form-item__content { |
|
width: 100%; |
|
} |
|
.login-form .el-form-item { |
|
margin-bottom: 12px; |
|
} |
|
.login-form .el-input .el-input__wrapper { |
|
padding-bottom: 10px; |
|
text-indent: 5px; |
|
background: transparent; |
|
box-shadow: none; |
|
border-radius: 0; |
|
color: #333; |
|
border-bottom: 1px solid rgb(235, 237, 242); |
|
} |
|
.login-form .el-input .el-input__prefix i { |
|
padding: 0 5px; |
|
font-size: 16px !important; |
|
} |
|
|
|
.login-code { |
|
display: flex; |
|
align-items: center; |
|
justify-content: space-around; |
|
margin: 0 0 0 10px; |
|
} |
|
|
|
.login-code-img { |
|
margin-top: 2px; |
|
width: 100px; |
|
height: 38px; |
|
background-color: #fdfdfd; |
|
border: 1px solid #f0f0f0; |
|
color: #333; |
|
font-size: 14px; |
|
font-weight: bold; |
|
letter-spacing: 5px; |
|
line-height: 38px; |
|
text-indent: 5px; |
|
text-align: center; |
|
cursor: pointer !important; |
|
}/*# sourceMappingURL=login.css.map */ |