|
|
@ -1,24 +1,33 @@ |
|
|
|
.container{ |
|
|
|
page { |
|
|
|
background: #f7f7f7; |
|
|
|
} |
|
|
|
|
|
|
|
.container { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
.top-bg{ |
|
|
|
|
|
|
|
.top-bg { |
|
|
|
width: 100%; |
|
|
|
height: 354rpx; |
|
|
|
} |
|
|
|
.top-bg image{ |
|
|
|
|
|
|
|
.top-bg image { |
|
|
|
width: 100%; |
|
|
|
height: 290rpx; |
|
|
|
} |
|
|
|
.position-absolute{ |
|
|
|
|
|
|
|
.position-absolute { |
|
|
|
position: absolute; |
|
|
|
top: 225rpx; |
|
|
|
left: 20rpx; |
|
|
|
right: 20rpx; |
|
|
|
} |
|
|
|
.info{ |
|
|
|
|
|
|
|
.info { |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.info-box { |
|
|
|
width: 100wh; |
|
|
|
height: auto; |
|
|
@ -33,70 +42,84 @@ |
|
|
|
padding: 35rpx 0rpx; |
|
|
|
margin: 0rpx 20rpx; |
|
|
|
} |
|
|
|
.info-box-last-v2 { |
|
|
|
width: 100wh; |
|
|
|
height: auto; |
|
|
|
/* padding: 35rpx 0rpx; */ |
|
|
|
margin: 0rpx 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.info-left{ |
|
|
|
.info-left { |
|
|
|
width: 40%; |
|
|
|
float: left; |
|
|
|
word-wrap:break-word; |
|
|
|
word-wrap: break-word; |
|
|
|
} |
|
|
|
.name{ |
|
|
|
font-size:34rpx; |
|
|
|
font-family:PingFang SC; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(51,51,51,1); |
|
|
|
|
|
|
|
.name { |
|
|
|
font-size: 34rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.info-right{ |
|
|
|
.info-right { |
|
|
|
width: 60%; |
|
|
|
float: left; |
|
|
|
text-align: right; |
|
|
|
word-wrap:break-word; |
|
|
|
word-wrap: break-word; |
|
|
|
} |
|
|
|
.address{ |
|
|
|
|
|
|
|
.address { |
|
|
|
text-align: right; |
|
|
|
word-wrap:break-word; |
|
|
|
word-wrap: break-word; |
|
|
|
} |
|
|
|
.introduce{ |
|
|
|
|
|
|
|
.introduce { |
|
|
|
text-align: left; |
|
|
|
font-size:34rpx; |
|
|
|
color:rgba(51,51,51,1); |
|
|
|
font-size: 34rpx; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
} |
|
|
|
.clear{ |
|
|
|
|
|
|
|
.clear { |
|
|
|
clear: both; |
|
|
|
} |
|
|
|
.red-button{ |
|
|
|
|
|
|
|
.red-button { |
|
|
|
width: 144rpx; |
|
|
|
height: 44rpx; |
|
|
|
background-color: rgba(250,47,47); |
|
|
|
background-color: rgba(250, 47, 47); |
|
|
|
text-align: center; |
|
|
|
line-height: 44rpx; |
|
|
|
font-size:24rpx; |
|
|
|
font-family:PingFang SC; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
font-size: 24rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
border-radius: 15rpx; |
|
|
|
margin-top: 5rpx; |
|
|
|
float: right; |
|
|
|
} |
|
|
|
.yzm{ |
|
|
|
|
|
|
|
.yzm { |
|
|
|
float: right; |
|
|
|
margin-right: 36rpx; |
|
|
|
width: 190rpx; |
|
|
|
} |
|
|
|
.magin-top{ |
|
|
|
|
|
|
|
.magin-top { |
|
|
|
margin-top: 15rpx; |
|
|
|
} |
|
|
|
|
|
|
|
textarea { |
|
|
|
width: auto; |
|
|
|
width: auto; |
|
|
|
} |
|
|
|
.button{ |
|
|
|
background:linear-gradient(90deg,rgba(244,12,12,1),rgba(255,78,78,1)); |
|
|
|
|
|
|
|
.button { |
|
|
|
background: linear-gradient(90deg, rgba(244, 12, 12, 1), rgba(255, 78, 78, 1)); |
|
|
|
width: 560rpx; |
|
|
|
height: 84rpx; |
|
|
|
font-size:36rpx; |
|
|
|
font-weight:500; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
text-align: center; |
|
|
|
line-height: 84rpx; |
|
|
|
border-radius: 20rpx; |
|
|
@ -109,11 +132,12 @@ width: auto; |
|
|
|
height: 85rpx; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items:center; |
|
|
|
align-items: center; |
|
|
|
margin-top: 40rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.submit-btn button { |
|
|
|
background: linear-gradient(to right, #f51010, #ff4c4c); |
|
|
|
width: 560rpx; |
|
|
@ -127,6 +151,7 @@ width: auto; |
|
|
|
padding: 0; |
|
|
|
outline: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.submit-btn .hover-button { |
|
|
|
background: red; |
|
|
|
} |
|
|
@ -140,6 +165,7 @@ width: auto; |
|
|
|
padding: 0 20rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item { |
|
|
|
width: 100%; |
|
|
|
height: 100rpx; |
|
|
@ -147,36 +173,44 @@ width: auto; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.basic-info .list-item + .list-item { |
|
|
|
|
|
|
|
.basic-info .list-item+.list-item { |
|
|
|
border-top: 1rpx solid #eaeaea; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .left { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
height: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .left .must { |
|
|
|
color: #F61616; |
|
|
|
font-size: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .left .title { |
|
|
|
color: #333; |
|
|
|
font-size: 34rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right { |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right.code { |
|
|
|
width: calc(100% - 120rpx); |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right .placeholder-style { |
|
|
|
font-size: 28rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right input { |
|
|
|
text-align: right; |
|
|
|
font-size: 34rpx; |
|
|
@ -184,9 +218,11 @@ width: auto; |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right.code input { |
|
|
|
width: calc(100% - 300rpx); |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right .get-code { |
|
|
|
padding: 0 15rpx; |
|
|
|
height: 60rpx; |
|
|
@ -198,6 +234,7 @@ width: auto; |
|
|
|
margin: 0; |
|
|
|
margin-left: 25rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item .right .button-hover { |
|
|
|
background: rgb(175, 1, 1); |
|
|
|
} |
|
|
@ -205,27 +242,35 @@ width: auto; |
|
|
|
.basic-info .list-item.identity-no .left { |
|
|
|
width: 160rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.identity-no .right { |
|
|
|
width: calc(100% - 160rpx); |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.real-name .left { |
|
|
|
width: 140rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.real-name .right { |
|
|
|
width: calc(100% - 140rpx); |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.mobile .left { |
|
|
|
width: 140rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.mobile .right { |
|
|
|
width: calc(100% - 140rpx); |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.mobile .right input { |
|
|
|
width: calc(100% - 25rpx - 200rpx); |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.sms-code .left { |
|
|
|
width: 140rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.basic-info .list-item.sms-code .right { |
|
|
|
width: calc(100% - 140rpx); |
|
|
|
} |
|
|
@ -235,8 +280,91 @@ width: auto; |
|
|
|
color: #999; |
|
|
|
line-height: 62rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.header { |
|
|
|
color: #333; |
|
|
|
font-size:34rpx; |
|
|
|
font-size: 34rpx; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.my-info { |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait { |
|
|
|
width: 100wh; |
|
|
|
height: auto; |
|
|
|
border-bottom: 1rpx solid #e7eeee; |
|
|
|
height: 100rpx; |
|
|
|
/* padding: 35rpx 0rpx; */ |
|
|
|
margin: 0rpx 20rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait .head-portrait-name { |
|
|
|
font-size: 34rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait .head-portrait-image { |
|
|
|
width: 95rpx; |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait .head-portrait-image .photo { |
|
|
|
border-radius: 50%; |
|
|
|
width: 64rpx; |
|
|
|
height: 64rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait .head-portrait-image .photo-right { |
|
|
|
width: 24rpx; |
|
|
|
height: 24rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.nickname { |
|
|
|
width: calc(100% - 120rpx); |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.nickname .nicknameinput { |
|
|
|
text-align: right; |
|
|
|
font-size: 34rpx; |
|
|
|
color: #333; |
|
|
|
height: 100%; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait-last { |
|
|
|
width: 100wh; |
|
|
|
height: 100rpx; |
|
|
|
/* padding: 35rpx 0rpx; */ |
|
|
|
margin: 0rpx 20rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
|
|
|
|
.head-portrait-last .head-portrait-name-last { |
|
|
|
font-size: 34rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: rgba(51, 51, 51, 1); |
|
|
|
} |
|
|
|
|
|
|
|
.wux-actionsheet__button { |
|
|
|
font-size: 34rpx !important; |
|
|
|
color: #333 !important; |
|
|
|
} |
|
|
|
.wux-actionsheet{ |
|
|
|
background: #999 !important; |
|
|
|
} |
|
|
|
/* .wux-actionsheet__group--options{ |
|
|
|
background: #fff !important; |
|
|
|
} */ |