|
|
@@ -3,6 +3,7 @@ |
|
|
|
.topbg { |
|
|
|
margin-bottom: 30rpx; |
|
|
|
width:100%; |
|
|
|
/* padding: 0 3%; */ |
|
|
|
height:234rpx; |
|
|
|
background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); |
|
|
|
} |
|
|
@@ -12,8 +13,9 @@ |
|
|
|
display: inline-block |
|
|
|
} |
|
|
|
.topbg-btom{ |
|
|
|
width:100%; |
|
|
|
height: 50%; |
|
|
|
width:84%; |
|
|
|
height: 40%; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
.user-avatar { |
|
|
|
width: 20%; |
|
|
@@ -72,8 +74,7 @@ |
|
|
|
margin: 60rpx 0 0 20rpx; |
|
|
|
} |
|
|
|
progress{ |
|
|
|
width:214rpx; |
|
|
|
height: 6rpx; |
|
|
|
width:230rpx; |
|
|
|
border-radius:60rpx; |
|
|
|
overflow:hidden; |
|
|
|
} |
|
|
@@ -83,43 +84,43 @@ progress{ |
|
|
|
font-family:PingFangSC-Regular; |
|
|
|
font-weight:400; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
width: 30%; |
|
|
|
height: 100%; |
|
|
|
margin-top:80rpx; |
|
|
|
margin-top: 84rpx; |
|
|
|
} |
|
|
|
.btoml{ |
|
|
|
float: left; |
|
|
|
height: 100%; |
|
|
|
width: 60%; |
|
|
|
/* margin-left: 60rpx; */ |
|
|
|
width: 50%; |
|
|
|
} |
|
|
|
.jifen{ |
|
|
|
font-size: 20rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF; |
|
|
|
width: 500rpx; |
|
|
|
height:30rpx; |
|
|
|
position: absolute; |
|
|
|
top: 294rpx; |
|
|
|
left:70rpx; |
|
|
|
line-height: 30rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
} |
|
|
|
.jifen image{ |
|
|
|
width: 10rpx; |
|
|
|
height: 22rpx; |
|
|
|
margin-left: 5rpx; |
|
|
|
} |
|
|
|
.topbg .score{ |
|
|
|
font-size: 40rpx; |
|
|
|
font-weight: 500; |
|
|
|
position: absolute; |
|
|
|
float: left; |
|
|
|
/* position: absolute; |
|
|
|
top:240rpx; |
|
|
|
left:70rpx; |
|
|
|
left:70rpx; */ |
|
|
|
color: #FFFFFF; |
|
|
|
margin-right: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.qrcode{ |
|
|
|
width: 84rpx; |
|
|
|
height: 84rpx; |
|
|
|
float: right; |
|
|
|
margin-right: 48rpx; |
|
|
|
/* margin-right: 48rpx; */ |
|
|
|
} |
|
|
|
.qrcode image { |
|
|
|
margin: auto; |
|
|
|