.card-view .card-item { width: 100%; } .card-view .card-item .card-title { display: flex; align-items: center; padding: 40rpx; height: 40rpx; } .card-view .card-item .card-title .t-icon { height: 40rpx; width: 40rpx; margin-right: 10rpx; } .card-view .card-item .card-title .state-seal { width: 55px; height: 55px; margin-left: auto; margin-right: -20rpx; } .card-view .card-item .card-info { display: flex; flex-direction: column; margin: 0 40rpx 40rpx 40rpx; } .card-view .card-item .card-info .info-type { font-size: 26rpx; line-height: 30rpx; color: #909399; } .card-view .card-item .content-box { margin: 20rpx; padding: 0 20rpx; background-color: #f6f6f6; border-radius: 10rpx; } .card-view .card-item .content-box .title-box { position: relative; top: -20rpx; width: -webkit-fit-content; width: fit-content; height: 36rpx; border-radius: 6rpx; padding: 5rpx 20rpx; } .card-view .card-item .content-box .title-box .title-text { font-size: 25rpx; font-weight: bold; color: #FFF; } .card-view .card-item .content-box .content-detail { font-size: 30rpx; font-weight: bold; color: #303133; word-break: break-all; } .card-view .card-item .content-box .content-subtitle { font-size: 25rpx; font-weight: bold; color: #909399; } .report-title { font-size: 75rpx; line-height: 75rpx; font-family: YSfont; color: #FFF; z-index: 99; } .report-subtitle { font-size: 40rpx; font-family: YSfont; margin-top: 40rpx; margin-bottom: 20rpx; color: #FFF; z-index: 99; } .top-box { display: flex; flex-direction: column; margin: 140rpx 0 0 50rpx; height: 170rpx; justify-content: space-around; } .top-box .info-title { margin-left: 10rpx; font-size: 70rpx; font-family: YSfont; color: #FFF; z-index: 2; text-shadow: 1px -1px 0px #c0c0c0, 2px -2px 0px #b0b0b0, 1px -1px 0px #a0a0a0, 2px -2px 0px #909090; } .top-box .info-subtitle { margin-left: 10rpx; font-size: 40rpx; font-family: YSfont; color: #FFF; z-index: 2; text-shadow: 1px -1px 0px #c0c0c0, 2px -2px 0px #b0b0b0, 1px -1px 0px #a0a0a0, 2px -2px 0px #909090; } .top-box .data-title { font-size: 60rpx; font-family: YSfont; color: #FFF; z-index: 2; margin-left: 20rpx; } .top-box .data-subtitle { font-size: 40rpx; font-family: YSfont; color: #FFF; z-index: 2; opacity: 0.8; margin-left: 20rpx; } .tag-fill { background-color: #ff8caf; }