|
|
@@ -1,87 +1,68 @@
|
|
|
body {
|
|
|
- background-color: #f5f5f5;
|
|
|
+ background:linear-gradient(133deg,rgba(45,79,139,1) 0%,rgba(20,39,83,1) 100%);
|
|
|
}
|
|
|
.login {
|
|
|
cursor: pointer;
|
|
|
+ height: 100%;
|
|
|
+ .bg{
|
|
|
+ width: 62%;
|
|
|
+ height: 100%;
|
|
|
+ text-align: center;
|
|
|
+ background: url("../images/loginBg2.png") center center no-repeat;
|
|
|
+ background-size: 84%;
|
|
|
+ }
|
|
|
.waring {
|
|
|
color: #FF4D4F;
|
|
|
margin-top: 18px;
|
|
|
height: 18px;
|
|
|
}
|
|
|
- .logoTop {
|
|
|
- height:50px;
|
|
|
- line-height:50px;
|
|
|
- padding-left: 20px;
|
|
|
- background:linear-gradient(123deg,rgba(90,142,238,1) 0%,rgba(126,171,255,1) 100%);
|
|
|
- img {
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- span {
|
|
|
- width: 1px;
|
|
|
- height: 15px;
|
|
|
- display: inline-block;
|
|
|
- background-color: #fff;
|
|
|
- position: relative;
|
|
|
- top: 3px;
|
|
|
- left: -1px;
|
|
|
- margin: 0 3px;
|
|
|
- }
|
|
|
- i {
|
|
|
- color: #fff;
|
|
|
- position: relative;
|
|
|
- top: 1px;
|
|
|
- }
|
|
|
- }
|
|
|
.sureLogin {
|
|
|
- width: 120px;
|
|
|
+ width: 300px;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
text-align: center;
|
|
|
- background-color: #5A8EEE;
|
|
|
+ background-color: #00A1FF;
|
|
|
color: #fff;
|
|
|
border-radius:4px;
|
|
|
margin: 20px auto 0;
|
|
|
}
|
|
|
}
|
|
|
-.loginForm {
|
|
|
- width: 800px;
|
|
|
- height: 520px;
|
|
|
+p.title {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- margin-left: -400px;
|
|
|
- margin-top: -260px;
|
|
|
- border-radius:20px;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- p.title {
|
|
|
- font-size: 28px;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- position: absolute;
|
|
|
- top: 90px;
|
|
|
- left: 50px;
|
|
|
- }
|
|
|
- .loginBg {
|
|
|
- float: left;
|
|
|
- width: 400px;
|
|
|
- }
|
|
|
+ top: 90px;
|
|
|
+ left: 50px;
|
|
|
+}
|
|
|
.message {
|
|
|
- float: left;
|
|
|
- width: 50%;
|
|
|
- padding:96px 50px;
|
|
|
+ width: 38%;
|
|
|
+ height: 100%;
|
|
|
+ background:linear-gradient(180deg,rgba(0,25,82,1) 0%,rgba(0,24,78,0.94) 100%);
|
|
|
box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ .inner{
|
|
|
+ height: 360px;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ margin-top: -180px;
|
|
|
+ margin-left: -150px;
|
|
|
+ }
|
|
|
.welcome {
|
|
|
font-size: 20px;
|
|
|
font-weight: bold;
|
|
|
- color: #333;
|
|
|
+ color: #fff;
|
|
|
margin-bottom: 50px;
|
|
|
}
|
|
|
}
|
|
|
.perPub {
|
|
|
+ width: 300px;
|
|
|
+ margin: auto;
|
|
|
p {
|
|
|
font-size: 12px;
|
|
|
padding-bottom: 8px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
img {
|
|
|
vertical-align: middle;
|
|
|
@@ -91,7 +72,7 @@ body {
|
|
|
.iptWrap {
|
|
|
padding-left: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- border: 1px solid #E2E5EF;
|
|
|
+ border: 1px solid #97A4BA;
|
|
|
width: 300px;
|
|
|
height: 40px;
|
|
|
line-height: 38px;
|
|
|
@@ -99,9 +80,10 @@ body {
|
|
|
input {
|
|
|
display: inline-block;
|
|
|
width: 80%;
|
|
|
+ color: #fff;
|
|
|
+ background: none;
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
.alertModal {
|
|
|
.modalBg {
|
zhouna
