|
|
@ -1,36 +1,37 @@ |
|
|
|
page { |
|
|
|
width: 100%; |
|
|
|
height: 100vh; |
|
|
|
} |
|
|
|
.main-bg { |
|
|
|
} |
|
|
|
|
|
|
|
.main-bg { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background:#fff; |
|
|
|
background: #fff; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.header .header-bg { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
/* position: absolute; |
|
|
|
.header .header-bg { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
/* position: absolute; |
|
|
|
z-index: 10; |
|
|
|
left: 0; |
|
|
|
top: 0; */ |
|
|
|
position: absolute; |
|
|
|
height: 100%; |
|
|
|
z-index: -999; |
|
|
|
} |
|
|
|
position: absolute; |
|
|
|
height: 100%; |
|
|
|
z-index: -999; |
|
|
|
} |
|
|
|
|
|
|
|
.main-bg image{ |
|
|
|
.main-bg image { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-top{ |
|
|
|
.login-top { |
|
|
|
width: 100%; |
|
|
|
height: 310rpx; |
|
|
|
z-index: 100; |
|
|
@ -39,51 +40,54 @@ page { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.login-top .picture{ |
|
|
|
} |
|
|
|
|
|
|
|
.login-top .picture { |
|
|
|
flex: 1; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-end; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-top .picture .picture-bg{ |
|
|
|
.login-top .picture .picture-bg { |
|
|
|
width: 160rpx; |
|
|
|
height: 160rpx; |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.data-name{ |
|
|
|
.data-name { |
|
|
|
width: 96rpx; |
|
|
|
height: 36rpx; |
|
|
|
text-align: center; |
|
|
|
position: relative; |
|
|
|
left: 85rpx; |
|
|
|
top: -22rpx; |
|
|
|
} |
|
|
|
.data-name image{ |
|
|
|
} |
|
|
|
|
|
|
|
.data-name image { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
.data-name .name{ |
|
|
|
font-size:24rpx; |
|
|
|
font-family:PingFang SC; |
|
|
|
font-weight:500; |
|
|
|
} |
|
|
|
|
|
|
|
.data-name .name { |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
position: relative; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
} |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.login-bottom{ |
|
|
|
.login-bottom { |
|
|
|
width: 100%; |
|
|
|
height: 570rpx; |
|
|
|
z-index: 100; |
|
|
@ -93,73 +97,80 @@ page { |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
top: 127rpx; |
|
|
|
} |
|
|
|
.login-bottom .info{ |
|
|
|
} |
|
|
|
|
|
|
|
.login-bottom .info { |
|
|
|
flex: 1; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-bottom .info .info-bg{ |
|
|
|
.login-bottom .info .info-bg { |
|
|
|
width: 640rpx; |
|
|
|
height: 520rpx; |
|
|
|
position: relative; |
|
|
|
background:rgba(255,255,255,1); |
|
|
|
box-shadow:0px 8px 10px 0px rgba(33,155,138,0.22); |
|
|
|
background: rgba(255, 255, 255, 1); |
|
|
|
box-shadow: 0px 8px 10px 0px rgba(33, 155, 138, 0.22); |
|
|
|
border-radius: 24rpx; |
|
|
|
} |
|
|
|
.login-bottom .info .info-bg .name{ |
|
|
|
width:560rpx; |
|
|
|
height:88rpx; |
|
|
|
background:rgba(248,248,248,1); |
|
|
|
border-radius:44rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.login-bottom .info .info-bg .name { |
|
|
|
width: 560rpx; |
|
|
|
height: 88rpx; |
|
|
|
background: rgba(248, 248, 248, 1); |
|
|
|
border-radius: 44rpx; |
|
|
|
position: relative; |
|
|
|
margin-top: 97rpx; |
|
|
|
left: 39rpx; |
|
|
|
} |
|
|
|
.name-pw-bg{ |
|
|
|
} |
|
|
|
|
|
|
|
.name-pw-bg { |
|
|
|
width: 34rpx; |
|
|
|
height: 34rpx; |
|
|
|
float: left; |
|
|
|
position: absolute; |
|
|
|
left: 41rpx; |
|
|
|
margin-top: 27rpx; |
|
|
|
} |
|
|
|
.info-input{ |
|
|
|
} |
|
|
|
|
|
|
|
.info-input { |
|
|
|
float: left; |
|
|
|
width: 395rpx; |
|
|
|
height: 100%; |
|
|
|
position: absolute; |
|
|
|
margin-left: 107rpx; |
|
|
|
} |
|
|
|
.info-input input{ |
|
|
|
margin-top: 15rpx; |
|
|
|
font-size:30rpx; |
|
|
|
} |
|
|
|
.login-bottom .info .info-bg .password{ |
|
|
|
width:560rpx; |
|
|
|
height:88rpx; |
|
|
|
background:rgba(248,248,248,1); |
|
|
|
border-radius:44rpx; |
|
|
|
margin-left: 100rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.info-input input { |
|
|
|
margin-top: 20rpx; |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.login-bottom .info .info-bg .password { |
|
|
|
width: 560rpx; |
|
|
|
height: 88rpx; |
|
|
|
background: rgba(248, 248, 248, 1); |
|
|
|
border-radius: 44rpx; |
|
|
|
position: relative; |
|
|
|
margin-top: 29rpx; |
|
|
|
left: 39rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-bottom .info .info-bg .login{ |
|
|
|
width:560rpx; |
|
|
|
height:88rpx; |
|
|
|
background:#f5071ad6; |
|
|
|
border-radius:44rpx; |
|
|
|
.login-bottom .info .info-bg .login { |
|
|
|
width: 560rpx; |
|
|
|
height: 88rpx; |
|
|
|
background: #f5071ad6; |
|
|
|
border-radius: 44rpx; |
|
|
|
position: relative; |
|
|
|
margin-top: 50rpx; |
|
|
|
left: 39rpx; |
|
|
|
text-align: center; |
|
|
|
line-height: 88rpx; |
|
|
|
font-size:36rpx; |
|
|
|
font-family:PingFang SC; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
} |
|
|
|
font-size: 36rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
} |