|  |  | @@ -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; | 
		
	
	
		
			
				|  |  | 
 |