|
@ -1,16 +1,16 @@ |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
width: 320rpx; |
|
|
width: 320rpx; |
|
|
height: 354rpx; |
|
|
/* height: 354rpx; */ |
|
|
margin-top: 20rpx; |
|
|
margin-top: 20rpx; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
border-radius: 20rpx; |
|
|
border-radius: 20rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
|
|
|
padding-bottom: 30rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item image { |
|
|
.item .photo { |
|
|
width: 110rpx; |
|
|
width: 110rpx; |
|
|
height: 110rpx; |
|
|
height: 110rpx; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
@ -20,18 +20,53 @@ |
|
|
.item .name { |
|
|
.item .name { |
|
|
margin-top: 11rpx; |
|
|
margin-top: 11rpx; |
|
|
font-size: 30rpx; |
|
|
font-size: 30rpx; |
|
|
|
|
|
line-height: 30rpx; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
color: rgba(51, 51, 51, 1); |
|
|
color: rgba(51, 51, 51, 1); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item .autograph { |
|
|
.item .autograph-all { |
|
|
|
|
|
margin-top: 13rpx; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
padding: 0 30rpx; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
word-wrap: break-word |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item .autograph-all .autograph { |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
margin-bottom: 7rpx; |
|
|
|
|
|
font-size: 26rpx; |
|
|
|
|
|
line-height: 36rpx; |
|
|
|
|
|
/* font-weight:500; */ |
|
|
|
|
|
color: rgba(193, 193, 193, 1); |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item .click-button{ |
|
|
margin-top: 8rpx; |
|
|
margin-top: 8rpx; |
|
|
font-size:26rpx; |
|
|
width: 100%; |
|
|
font-weight:500; |
|
|
height: 56rpx; |
|
|
color:rgba(193,193,193,1); |
|
|
display: flex; |
|
|
padding: 0 20rpx; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item .click-button button{ |
|
|
|
|
|
width: 156rpx; |
|
|
|
|
|
height: 56rpx; |
|
|
|
|
|
padding: 0 !important; |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
line-height: 0 !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item .click-button button .button-bg{ |
|
|
|
|
|
width: 156rpx; |
|
|
|
|
|
height: 56rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item .click-button button::after { |
|
|
|
|
|
border: 0rpx !important; |
|
|
|
|
|
} |
|
|
.show { |
|
|
.show { |
|
|
padding: 0rpx 40rpx; |
|
|
padding: 0rpx 40rpx; |
|
|
height: 24rpx; |
|
|
height: 24rpx; |
|
@ -40,10 +75,11 @@ |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
color: #C5C5C5; |
|
|
color: #C5C5C5; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.volunteer-box { |
|
|
.volunteer-box { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: flex-start; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
flex-wrap: wrap; |
|
|
flex-wrap: wrap; |
|
|
padding: 0rpx 40rpx 19rpx 40rpx; |
|
|
padding: 0rpx 40rpx 19rpx 40rpx; |
|
|
} |
|
|
} |
|
|