.mryt .content .header { background: #f15353; display: flex; padding: 40rpx 28rpx; } .mryt .content .header .img { width: 112rpx; height: 112rpx; border-radius: 56rpx; border: solid 4rpx #fff; overflow: hidden; margin-right: 20rpx; } .mryt .content .header .img image { width: 100%; height: 100%; } .mryt .content .header .name { text-align: left; width: 562rpx; } .mryt .content .header .name .li { color: #fff; line-height: 56rpx; } .mryt .content .header .name .li:first-child { width: 60%; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mryt .content .header .name .li:last-child .span { background-color: rgba(0, 0, 0, 0.2); font-size: 12px; padding: 4rpx 20rpx; border-radius: 32rpx; margin-right: 20rpx; } .mryt .content .list_info { background-color: #fff; padding: 20rpx 28rpx; display: flex; flex-wrap: wrap; } .mryt .content .list_info .ul:nth-child(2n) { border-right: none; padding-left: 28rpx; } .mryt .content .list_info .ul:nth-child(2n+1) .li { border-right: solid 2rpx #ebebeb; } .mryt .content .list_info .ul { width: 47%; border-bottom: solid 2rpx #ebebeb; text-align: left; padding: 20rpx 0; } .mryt .content .list_info .ul .li:first-child { line-height: 60rpx; font-size: 24px; } .mryt .content .list_info .ul .li:first-child .span { font-size: 14px; } .mryt .content .list_info .ul .li:last-child { line-height: 36rpx; color: #8c8c8c; font-size: 14px; } .mryt .content .reward_item { background: #fff; margin-top: 20rpx; } .mryt .content .reward_item .reward { line-height: 80rpx; background: #fafafa; padding: 0 28rpx; display: flex; justify-content: space-between; } .mryt .content .reward_item .reward .li { font-size: 16px; font-weight: bold; } .mryt .content .reward_item .reward .li:last-child { color: #ff8b4a; font-size: 18px; } .mryt .content .reward_item .reward .li:last-child .span { font-size: 14px; } .mryt .content .reward_item .item_box { display: flex; flex-wrap: wrap; padding: 28rpx 0; } .mryt .content .reward_item .item_box .ul { width: 33.33%; margin-bottom: 20rpx; text-align: center; } .mryt .content .reward_item .item_box .ul .img { display: inline-block; width: 120rpx; height: 120rpx; background-repeat: no-repeat; background-position: center center; background-size: 120rpx 120rpx; margin-bottom: 8rpx; } .mryt .content .reward_item .item_box .ul .img img { width: 120rpx; } .mryt .content .reward_item .item_box .ul .mryt_a { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/mryt_a.png"); } .mryt .content .reward_item .item_box .ul .mryt_b { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/mryt_b.png"); } .mryt .content .reward_item .item_box .ul .mryt_c { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/mryt_c.png"); } .mryt .content .reward_item .item_box .ul .mryt_d { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/mryt_d.png"); } .mryt .content .reward_item .item_box .ul .mryt_e { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/mryt_e.png"); } .mryt .content .reward_item .item_box .ul .li:nth-child(2) { font-size: 15px; line-height: 48rpx; } .mryt .content .reward_item .item_box .ul .li:last-child { color: #ff8b4a; font-size: 15px; line-height: 48rpx; } .mryt .content .team_date { background: #fff; margin-top: 20rpx; } .mryt .content .team_date .title { height: 80rpx; line-height: 80rpx; background: #fafafa; font-size: 16px; text-align: left; padding: 0 28rpx; font-weight: bold; }