|
@@ -4,52 +4,68 @@
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.main_image {
|
|
|
- height: 1344rpx;
|
|
|
+ height: 1334rpx;
|
|
|
width: 750rpx;
|
|
|
margin-top: -128rpx;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+.logo_view{
|
|
|
+ margin: 0rpx 268rpx;
|
|
|
+}
|
|
|
+.login_logo1 {
|
|
|
+ height: 213rpx;
|
|
|
+ width: 214rpx;
|
|
|
+ margin-top: 90rpx;
|
|
|
+}
|
|
|
+.login_logo2 {
|
|
|
+ height: 120rpx;
|
|
|
+ width: 184rpx;
|
|
|
+ margin: 0rpx 15rpx;
|
|
|
}
|
|
|
-
|
|
|
.main .context {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
+ box-shadow: 0rpx 6rpx 6rpx #f5f5f5 inset;
|
|
|
}
|
|
|
|
|
|
.context_input {
|
|
|
- margin-top: 450rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
margin-right: 32rpx;
|
|
|
margin-left: 32rpx;
|
|
|
margin-bottom: 30rpx;
|
|
|
}
|
|
|
|
|
|
.account_img {
|
|
|
- width: 26rpx;
|
|
|
+ width: 30rpx;
|
|
|
height: 32rpx;
|
|
|
- margin: 28rpx 32rpx 28rpx 0;
|
|
|
+ margin: 28rpx 0rpx 28rpx 30rpx;
|
|
|
+ padding-right:30rpx;
|
|
|
+ border-right: 2rpx #999999 solid;
|
|
|
}
|
|
|
|
|
|
.password_img {
|
|
|
- width: 24rpx;
|
|
|
- height: 30rpx;
|
|
|
- margin: 27rpx 34rpx 27rpx 0;
|
|
|
-}
|
|
|
-
|
|
|
-.context_input .input_view {
|
|
|
- border-bottom: 1rpx solid #f1f1f1;
|
|
|
+ width: 26rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ margin: 27rpx 0rpx 27rpx 32rpx;
|
|
|
+ padding-right:32rpx;
|
|
|
+ border-right: 2rpx #999999 solid;
|
|
|
}
|
|
|
|
|
|
.context_input input {
|
|
|
- width: calc(100% - 58rpx);
|
|
|
+ width: calc(100% - 122rpx);
|
|
|
display: inline-block;
|
|
|
font-size: 32rpx;
|
|
|
height: 88rppx;
|
|
|
line-height: 88rpx;
|
|
|
min-height: 88rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
color: #434343;
|
|
|
font-family: 'Lucida Sans',
|
|
|
'Lucida Sans Regular',
|
|
@@ -61,11 +77,7 @@
|
|
|
}
|
|
|
|
|
|
.context_input .placeholder {
|
|
|
- color: #c9c9c9;
|
|
|
- font-size: 32rpx;
|
|
|
- height: 88rppx;
|
|
|
- line-height: 88rpx;
|
|
|
- min-height: 88rpx;
|
|
|
+ color: #999999;
|
|
|
font-family: 'Lucida Sans',
|
|
|
'Lucida Sans Regular',
|
|
|
'Lucida Grande',
|
|
@@ -74,27 +86,16 @@
|
|
|
Verdana,
|
|
|
sans-serif;
|
|
|
}
|
|
|
-
|
|
|
-.errorMsg {
|
|
|
- height: 28rpx;
|
|
|
- margin: 0rpx 32rpx 32rpx 30rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- font-family: 'Lucida Sans',
|
|
|
- 'Lucida Sans Regular',
|
|
|
- 'Lucida Grande',
|
|
|
- 'Lucida Sans Unicode',
|
|
|
- Geneva,
|
|
|
- Verdana,
|
|
|
- sans-serif;
|
|
|
- color: red;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+.input_view{
|
|
|
+ box-shadow: 0rpx 0rpx 10rpx #dedede;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ margin: 40rpx 0rpx;
|
|
|
+ height: 88rpx;
|
|
|
}
|
|
|
-
|
|
|
.login_button {
|
|
|
- width: calc(100% - 62rpx);
|
|
|
+ width: calc(100% - 270rpx);
|
|
|
font-size: 32rpx;
|
|
|
- margin: 0rpx 32rpx;
|
|
|
+ /* margin: 0rpx 32rpx; */
|
|
|
font-family: 'Lucida Sans',
|
|
|
'Lucida Sans Regular',
|
|
|
'Lucida Grande',
|
|
@@ -105,13 +106,17 @@
|
|
|
color: #fff;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
- background-color: #83c4ee;
|
|
|
+ background-color: #00a8dc;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ border: none;
|
|
|
+ margin: 125rpx 135rpx 0 135rpx;
|
|
|
}
|
|
|
|
|
|
.login_button_disable {
|
|
|
- width: calc(100% - 62rpx);
|
|
|
+ width: calc(100% - 270rpx);
|
|
|
font-size: 32rpx;
|
|
|
- margin: 0rpx 32rpx;
|
|
|
+ /* margin: 0rpx 32rpx; */
|
|
|
font-family: 'Lucida Sans',
|
|
|
'Lucida Sans Regular',
|
|
|
'Lucida Grande',
|
|
@@ -123,16 +128,25 @@
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
background-color: #c9c9c9;
|
|
|
+ border-radius: 40rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ border: none;
|
|
|
+ margin: 125rpx 135rpx 0 135rpx;
|
|
|
}
|
|
|
|
|
|
.login_button.button-hover {
|
|
|
- background-color: #76b1d8;
|
|
|
+ background-color: #36a9a6;
|
|
|
}
|
|
|
-.forget_view {
|
|
|
- margin: 0rpx 32rpx;
|
|
|
- width: 240rpx;
|
|
|
+
|
|
|
+.other_button {
|
|
|
+ width: calc(100% - 270rpx);
|
|
|
+ margin: 20rpx 135rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.register_view {
|
|
|
+ display: inline-block;
|
|
|
height: 48rpx;
|
|
|
- color: #2483c0;
|
|
|
+ color: #999999;
|
|
|
font-size: 24rpx;
|
|
|
line-height: 48rpx;
|
|
|
text-align: left;
|
|
@@ -144,19 +158,15 @@
|
|
|
Verdana,
|
|
|
sans-serif;
|
|
|
}
|
|
|
-.register_view {
|
|
|
- width: 240rpx;
|
|
|
- height: 48rpx;
|
|
|
+.forget_view {
|
|
|
position: absolute;
|
|
|
- bottom: 88rpx;
|
|
|
- left: 375rpx;
|
|
|
- margin-left: -120rpx;
|
|
|
- border-radius: 24rpx;
|
|
|
- border: 1rpx solid #83c4ee;
|
|
|
- color: #2483c0;
|
|
|
+ right: 135rpx;
|
|
|
+ display: inline-block;
|
|
|
+ height: 48rpx;
|
|
|
+ color: #999999;
|
|
|
font-size: 24rpx;
|
|
|
line-height: 48rpx;
|
|
|
- text-align: center;
|
|
|
+ text-align: right;
|
|
|
font-family: 'Lucida Sans',
|
|
|
'Lucida Sans Regular',
|
|
|
'Lucida Grande',
|
|
@@ -166,7 +176,3 @@
|
|
|
sans-serif;
|
|
|
}
|
|
|
|
|
|
-.register_view.active {
|
|
|
- color: #fff;
|
|
|
- background-color: #83c4ee;
|
|
|
-}
|