.contentMain {
  padding: 20px;
}
.newWrlight div,
.newWrlight span {
  color: #333;
}
.newWrdark div,
.newWrdark span {
  color: #fff !important;
}
.newWrblue div,
.newWrblue span,
.newWrblue .changeItem {
  color: #fff !important;
}
.score {
  color: #018aff !important;
}
.newWrlight .rank div,
.newWrdark .rank div,
.newWrlight .rank span,
.newWrdark .rank span {
  color: inherit !important;
}
.newWrlight .rank .ant-rate-star-half .ant-rate-star-second,
.newWrdark .rank .ant-rate-star-half .ant-rate-star-second {
  color: #f0f0f0 !important;
}
.newWrlight .rank .ant-rate-star-zero,
.newWrdark .rank .ant-rate-star-zero {
  color: #f0f0f0 !important;
}
.newWrlight,
.newWrdark {
  height: 716px;
  position: relative;
  color: #fff;
}
.newWrlight .title,
.newWrdark .title {
  height: 18px;
  line-height: 18px;
  font-family: PingFangSC-Medium-, PingFangSC-Medium;
  background-size: 238px 100%;
  font-size: 16px;
  margin-bottom: 16px;
}
.newWrlight .title .titleText,
.newWrdark .title .titleText {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#95fff9));
  background: linear-gradient(180deg, #fff 0%, #95fff9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newWrlight .score,
.newWrdark .score {
  width: 1180px;
  height: 180px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  margin: 12px;
}
.newWrlight .score .rank,
.newWrdark .score .rank {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe25d), to(#ff7f08));
  background: linear-gradient(180deg, #ffe25d 0%, #ff7f08 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.newWrlight .score .tagContent,
.newWrdark .score .tagContent {
  margin-top: 10px;
}
.newWrlight .score .tagContent .tags,
.newWrdark .score .tagContent .tags {
  margin-top: 10px;
}
.newWrlight .score .tagContent .tags .tagItem,
.newWrdark .score .tagContent .tags .tagItem {
  display: inline-block;
  padding: 8px 12px;
  margin-right: 8px;
  border-radius: 4px;
}
.newWrlight .score .tagContent .tags .tagItemY,
.newWrdark .score .tagContent .tags .tagItemY {
  background: rgba(38, 216, 140, 0.1);
  border: 1px solid #26d88c;
  color: #26d88c !important;
}
.newWrlight .score .tagContent .tags .tagItemN,
.newWrdark .score .tagContent .tags .tagItemN {
  background: rgba(178, 178, 178, 0.102);
  border: 1px solid #b2b2b2;
  color: #b2b2b2 !important;
}
.newWrlight .record,
.newWrdark .record {
  width: 1180px;
  height: 525px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  margin: 10px 12px 0;
  position: relative;
}
.newWrlight .record .typeChange,
.newWrdark .record .typeChange {
  width: 162.3px;
  height: 30px;
  line-height: 28px;
  border-radius: 4px;
  border: 1px solid #b2b2b2;
  position: absolute;
  top: 20px;
  right: 10px;
}
.newWrlight .record .typeChange .changeItem,
.newWrdark .record .typeChange .changeItem {
  display: inline-block;
  width: 80px;
  text-align: center;
  cursor: pointer;
}
.newWrlight .record .typeChange .changeItemA,
.newWrdark .record .typeChange .changeItemA {
  background: #07b077;
  color: #fff !important;
}
.newWrlight .record .timeContent,
.newWrdark .record .timeContent {
  margin: 10px 0 20px;
}
