MiniPrograms/unpackage/dist/dev/mp-weixin/subpkg/datalist/swapList.wxss

.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;
}
.option-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120rpx;
  height: 50rpx;
  border-radius: 10rpx;
  padding: 5rpx;
}