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.
196 lines
3.1 KiB
196 lines
3.1 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-image: url('https://www.v6g.cn/IMAGE/kg2.png'); |
|
background-size: 100% 100%; |
|
} |
|
|
|
.login-weaper { |
|
margin: 0 auto; |
|
width: 1000px; |
|
box-shadow: 1px 1px 4px #d9d9d9; |
|
|
|
.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: #fff; |
|
color: #fff; |
|
float: left; |
|
width: 50%; |
|
position: relative; |
|
} |
|
|
|
.login-left .img { |
|
width: 140px; |
|
} |
|
|
|
.login-time { |
|
position: absolute; |
|
left: 25px; |
|
left:100px; |
|
top: 25px; |
|
width: 100%; |
|
color: #002e55; |
|
font-weight: 500; |
|
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: 100%; |
|
box-sizing: border-box; |
|
} |
|
|
|
.login-main > h3 { |
|
margin-bottom: 20px; |
|
} |
|
|
|
.login-main > p { |
|
color: #76838f; |
|
} |
|
|
|
.login-title { |
|
color: #002e55; |
|
margin-bottom: 40px; |
|
font-weight: 600; |
|
font-size: 30px; |
|
text-align: center; |
|
letter-spacing: 4px; |
|
padding-right: 50px; |
|
} |
|
|
|
.login-menu { |
|
margin-top: 40px; |
|
width: 100%; |
|
text-align: center; |
|
|
|
a { |
|
color: #999; |
|
font-size: 12px; |
|
margin: 0px 8px; |
|
} |
|
} |
|
|
|
.login-submit { |
|
width: 100%; |
|
height: 45px; |
|
// border: 1px solid #172e60; |
|
border: 0; |
|
background: none; |
|
font-size: 18px; |
|
letter-spacing: 2px; |
|
font-weight: 300; |
|
color: #fff; |
|
cursor: pointer; |
|
margin-top: 30px; |
|
font-family: 'neo'; |
|
transition: 0.25s; |
|
background-color: #d3822a !important; |
|
} |
|
|
|
.login-form { |
|
margin: 10px 0; |
|
width: 65%; |
|
margin: 0 auto; |
|
|
|
i { |
|
color: #333; |
|
} |
|
|
|
.el-form-item__content { |
|
width: 100%; |
|
} |
|
|
|
.el-form-item { |
|
margin-bottom: 12px; |
|
} |
|
|
|
.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); |
|
} |
|
|
|
.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; |
|
} |
|
.el-input__suffix { |
|
// width: 5px !important; |
|
} |
|
.inputLog span.el-input__suffix-inner { |
|
width: 5px !important; |
|
}
|
|
|