.page{ /*background-color: #F9F9F9;*/ background-image: linear-gradient(#FFE05C 0%, #FFE05C 40%,#F9F9F9 40%,#F9F9F9 100%); min-height: 100vh; } .statistics{ width: 750rpx; height: 288rpx; background-image: url("/static/index/earningBg.png"); /*background-image: url('https://jje.xinyuekj.com.cn/tk/static/index/earningBg.png');*/ background-repeat: no-repeat; background-size: contain; } .gridItem{ width: 248rpx; height: 104rpx; margin-top: 40rpx; } .title{ font-weight: 400; font-size: 24rpx; color: #666666; line-height: 44rpx; } .number{ font-weight: 600; font-size: 40rpx; color: #333333; line-height: 44rpx; margin-top: 12rpx; } .tixian{ width: 200rpx; height: 64rpx; background: rgba(255,224,92,0); border-radius: 32rpx; border: 2rpx solid #333333; font-weight: 400; font-size: 28rpx; color: #333333; line-height: 64rpx; margin-top: 44rpx; } .leftBorder{ border-left: 2rpx solid #FFFFFF; } .grid1{ width: 750rpx; height: 160rpx; background: white; } .gridItem1{ width: 186rpx; height: 98rpx; margin-top: 32rpx; } .number1{ font-weight: 400; font-size: 32rpx; color: #333333; line-height: 44rpx; } .leftBorder1{ border-left: 2rpx solid #EEEEEE; } .title-h1{ font-weight: 600; font-size: 32rpx; color: #333333; line-height: 44rpx; padding: 32rpx 0 16rpx 32rpx; } .listItem{ width: 686rpx; margin-left: 32rpx; padding: 24rpx 0; border-bottom: 2rpx solid #EEEEEE; } .time{ font-weight: 400; font-size: 24rpx; color: #999999; line-height: 44rpx; } .listItemMsg{ font-weight: 400; font-size: 28rpx; color: #333333; line-height: 44rpx; } .memberNo{ width: 450rpx; } .msg{ flex: 1; } .seeMore{ font-weight: 400; font-size: 24rpx; color: #999999; line-height: 44rpx; padding: 10rpx; } .bgColor{ background: #F7F7F7; }