.dia {
  position: fixed;
  display: block;
  visibility: visible;
  z-index: 9999;
  left: 20%;
  top: 25%;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 12vw;
}

.dia .dia-center {
  width: 80%;
  height: 117.33333vw;
  margin: 10.66667vw auto 0;
  position: relative;
  overflow: auto;
}

.dia .dia-close {
  position: absolute;
  right: 12.66667vw;
  top: 5.33333vw;
  width: 3.73333vw;
  height: 3.73333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-close.png) no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}

.dia-reward {
  width: 98.8vw;
  height: 158.53333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-bg.png) no-repeat center/contain;
}

.dia-reward.dia-reward4 {
  height: 144.53333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-bg-small.png) no-repeat center/contain;
}

.dia-reward.dia-reward4 .dia-center {
  height: 104vw;
  margin-top: 9.33333vw;
}

.dia-reward .dia-title {
  width: 48.93333vw;
  height: 7.73333vw;
  margin: 0 auto;
}

.dia-reward .reward-intro {
  font-size: 3.2vw;
  color: #663c16;
}

.dia-reward .reward-table {
  width: 100%;
}

.dia-reward .reward-title {
  width: 66.66667vw;
  height: 7.86667vw;
  margin: 5.33333vw auto 0;
}

.dia-reward .eg {
  font-size: 3.2vw;
  color: #857469;
  text-align: center;
  margin: 5.33333vw auto 0;
}

.dia-video-box {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

.dia-video-box .video-box {
  width: 100vw;
}

.dia-video-box video {
  background-color: black;
  width: 100%;
}

.dia-reward1 .dia-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-reward1-title.png) no-repeat center/contain;
}

.dia-reward1 .reward-table .reward-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/reward1-title.png) no-repeat center/contain;
}

.dia-reward1 .reward-table .col-title {
  font-size: 3.2vw;
  color: #ffffff;
  background-color: #d8aa64;
  display: flex;
  margin-top: 5.73333vw;
}

.dia-reward1 .reward-table .col-title span {
  height: 6.66667vw;
  width: 33%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dia-reward1 .reward-table .col-title > span:nth-child(2) {
  border-left: 1px solid #c49855;
  border-right: 1px solid #c49855;
}

.dia-reward1 .reward-table .col-table {
  display: flex;
  width: 100%;
  padding: 2.66667vw 0;
}

.dia-reward1 .reward-table .col-table .col-item {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  color: #663c16;
  text-align: center;
  line-height: 4.53333vw;
}

.dia-reward1 .reward-table > .col-table:nth-child(2n) {
  background-color: #E6E0CC;
}

.dia-reward2 .dia-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-reward2-title.png) no-repeat center/contain;
}

.dia-reward2 .reward-table .reward-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/reward2-title.png) no-repeat center/contain;
}

.dia-reward2 .reward-table .col-title {
  font-size: 2.93333vw;
  color: #b06839;
  display: flex;
  margin-top: 5.73333vw;
}

.dia-reward2 .reward-table .col-title span {
  height: 13.33333vw;
  width: 33%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.dia-reward2 .reward-table .col-table {
  display: flex;
  width: 100%;
  height: 26.66667vw;
}

.dia-reward2 .reward-table .col-table div {
  width: 25%;
  justify-content: center;
  align-items: center;
  font-size: 3.2vw;
  color: #663c16;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.dia-reward2 .reward-table .col-table div img {
  width: 14vw;
  height: 14vw;
}

.dia-reward2 .reward-table .col-table div.rank1 {
  justify-content: flex-start;
}

.dia-reward3 .dia-center {
  width: 88%;
}

.dia-reward3 .dia-center .reward-intro {
  width: 90%;
  margin: 0 auto;
}

.dia-reward3 .dia-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-reward3-title.png) no-repeat center/contain;
}

.dia-reward3 .reward-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/reward3-title.png) no-repeat center/contain;
}

.dia-reward3 .col-title {
  font-size: 2.93333vw;
  color: #b06839;
  display: flex;
  justify-content: center;
  margin-top: 7.33333vw;
}

.dia-reward3 .col-title span {
  text-align: center;
  border-bottom: 1px solid #b99f886b;
  margin-bottom: 4vw;
}

.dia-reward3 .reward-table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.dia-reward3 .reward-table .col-table {
  display: flex;
  flex-direction: column;
  width: 33.3%;
  margin-bottom: 6vw;
}

.dia-reward3 .reward-table .col-table:last-child .reward-icon .icon-type {
  margin-left: -6vw;
}

.dia-reward3 .reward-table .col-table .reward-icon {
  font-size: 3.2vw;
  color: #857469;
  line-height: 4vw;
}

.dia-reward3 .reward-table .col-table .reward-icon .icon-name {
  margin-top: 2vw;
  margin-bottom: 1.06667vw;
}

.dia-reward3 .reward-table .col-table .reward-icon .icon-type {
  margin-bottom: 4vw;
  white-space: nowrap;
}

.dia-reward3 .reward-table .col-table .conditions {
  font-size: 2.93333vw;
}

.dia-reward3 .reward-table .col-table .conditions span {
  color: #663c16;
  margin-bottom: 1.33333vw;
  font-weight: bolder;
  border-bottom: 1px solid #b99f886b;
}

.dia-reward3 .reward-table .col-table .conditions p {
  color: #857469;
}

.dia-reward3 .reward-table .col-table div {
  font-size: 3.2vw;
  color: #663c16;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dia-reward3 .reward-table .col-table div img {
  width: 15.33333vw;
  height: 15.33333vw;
}

.dia-reward3 .reward-table .eg {
  margin: 0 auto;
}

.dia-reward4 .dia-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-reward4-title.png) no-repeat center/contain;
}

.dia-reward4 .reward-title {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/reward4-title.png) no-repeat center/contain;
  margin: 0 auto;
}

.dia-reward4 .col-title {
  font-size: 2.93333vw;
  color: #b06839;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 5.33333vw 0 4.66667vw;
}

.dia-reward4 .reward-table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.dia-reward4 .reward-table .col-table {
  width: 33.3%;
  height: 27.33333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 3.33333vw;
}

.dia-reward4 .reward-table .col-table .reward-icon {
  width: 19.33333vw;
  height: 21.33333vw;
}

.dia-reward4 .reward-table .col-table .reward-icon img {
  width: 100%;
  height: 100%;
}

.dia-reward4 .reward-table .col-table .name-bg {
  width: 18vw;
  height: 5.6vw;
  line-height: 5.6vw;
  margin-bottom: 4.93333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/dia-reward4-span.png) no-repeat center/contain;
  font-size: 3.2vw;
  color: #ffffff;
}

.dia-reward4 .reward-table .eg {
  margin: 2.66667vw auto 0;
}