.box { padding: 0 $pages-padding; } .card-box { width: 100%; min-height: 327rpx; padding: 34rpx 30rpx; background: linear-gradient(89deg, #05c373 1%, #8eeabb 99%); border-radius: 18rpx; .card-title { width: 100%; display: flex; align-items: center; .title { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; line-height: 33rpx; } .icon { width: 28rpx; height: 18rpx; margin-left: 10rpx; } .title-icon{ margin-left: 4px; font-size: 28rpx; color: #ffffff; } } .card-num { margin: 19rpx 0 11rpx; font-size: 40rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; line-height: 56rpx; height: 56rpx; } .card-nums { font-size: 20rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; height: 28rpx; display: flex; align-items: center; .nums-icon{ font-size: 20rpx; margin-right: 10rpx; } } .card-muen { padding-top: 48rpx; display: flex; align-items: center; flex-wrap: wrap; ::v-deep .card-muen-item_1 { width: calc((100% - 22rpx) / 2); min-height: 64rpx; flex-shrink: 0; background: #05bd73; border: 1rpx solid rgba(255, 255, 255, 0.81); border-radius: 6rpx; display: flex; align-items: center; justify-content: center; &:nth-child(even) { margin-left: 22rpx; } &:nth-child(n + 3) { margin-top: 22rpx; } .item-icon { width: 38rpx; height: 38rpx; border-radius: 6rpx; } .item-name { padding-left: 32rpx; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; } } ::v-deep .card-muen-item_2 { flex-shrink: 0; width: 20%; display: flex; flex-direction: column; justify-content: center; align-items: center; .item-icon { width: 32rpx; height: 32rpx; border-radius: 6rpx; } .item-name { padding-top: 2.5px; font-size: 22rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; line-height: 30rpx; } } } }