.lottery {
  padding-left: 4.2667vw;
  padding-right: 4.2667vw;
}
.lottery .kj {
  display: flex;
  flex-direction: column;
  margin-top: 2.6667vw;
  background-color: #ffffff;
  padding: 1.6vw 2.1333vw;
  box-shadow: 0vw 0.1333vw 1.0667vw 0vw rgba(0, 0, 0, 0.06), 0vw -0.1333vw 1.0667vw 0vw rgba(0, 0, 0, 0.04);
  border-radius: 1.0667vw;
}
.lottery .kj .w_date {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.6vw;
  border-bottom: 0.2667vw dashed #eeeeee;
}
.lottery .kj .w_date .w {
  display: flex;
  font-size: 3.2vw;
}
.lottery .kj .w_date .w .qi {
  color: #181818;
  margin-right: 2.6667vw;
}
.lottery .kj .w_date .w .date {
  color: #bbbbbb;
}
.lottery .kj .w_date .r {
  display: flex;
  width: 4.2667vw;
  height: 4.2667vw;
  transform: rotate(270deg);
}
.lottery .kj .balls {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2vw;
}
.lottery .kj .balls > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.9333vw;
  height: 6.9333vw;
  border-radius: 50%;
  background: #c60000;
  font-size: 3.7333vw;
  color: #ffffff;
  margin-right: 1.0667vw;
  margin-bottom: 1.6vw;
}
.lottery .kj .balls > span.blue {
  background: #2fa1f2;
}
.lottery .kj .balls .sjh {
  font-size: 3.2vw;
  color: #181818;
  display: flex;
  align-items: center;
  margin-left: 1.6vw;
}
.lottery .kj .balls .sjh > span {
  color: #25a0f4;
}
.lottery .zst {
  margin-top: 5.2vw;
}
.lottery .zst .top {
  height: 6vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lottery .zst .top .text {
  font-size: 4.2667vw;
  font-weight: bold;
  color: #181818;
  padding-left: 5.8667vw;
  background: url(/m8300/images/zst_icon.png) no-repeat left center / 4.8vw 4.8vw;
}
.lottery .zst .top .more {
  font-size: 3.2vw;
  color: #181818;
}
.lottery .zst .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3.2vw;
}
.lottery .zst .list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21.3333vw;
  height: 6.4vw;
  background: #fbecec;
  border-radius: 0.8vw;
  font-size: 3.2vw;
  color: #d55757;
  margin-bottom: 2.1333vw;
}
.lottery .zst .list a:not(:nth-of-type(4n)) {
  margin-right: 2vw;
}
.lottery .channel {
  display: flex;
  justify-content: space-between;
  margin-top: 4.2667vw;
}
.lottery .channel a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.6vw;
}
.lottery .channel a img {
  display: block;
  width: 11.7333vw;
  height: 11.7333vw;
  margin-bottom: 0.8vw;
}
.lottery .channel a img.after {
  display: none;
}
.lottery .channel a b {
  font-size: 3.7333vw;
  color: #4a4a4a;
}
.lottery .channel a.icon {
  position: relative;
}
.lottery .channel a.icon::after {
  display: inline-block;
  content: "";
  width: 9.2vw;
  height: 4vw;
  background: url(/m8300/images/bzf.png) no-repeat center center / 100%;
  position: absolute;
  top: 0;
  right: -3.3vw;
}
.lottery .channel a.active b {
  color: #c60000;
}
.lottery .channel a.active .before {
  display: none;
}
.lottery .channel a.active .after {
  display: block;
}
.lottery .channel.around {
  justify-content: space-around;
}
.lottery .remind {
  width: 100%;
  height: 7.8667vw;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 3.7333vw;
  color: #ff9d00;
  padding-left: 10.1333vw;
  margin-top: 1.7333vw;
  border-radius: 0.9333vw;
  border: 0.2667vw solid #ff9d00;
  background: url(/m8300/images/bell.png) no-repeat 3.8667vw center / 4.2667vw 4.8vw;
  background-color: #f7f7f7;
}
.lottery .bottom {
  height: 220vw;
}
.lottery .announcement {
  width: 100%;
  margin-top: 2.1333vw;
}
.lottery .announcement .con {
  display: flex;
  align-items: center;
  height: 9.0667vw;
  padding-left: 2.4vw;
  padding-right: 0.8vw;
  background: #f7f7f7;
  border: 0.9333vw;
}
.lottery .announcement .con .text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16.5333vw;
  height: 5.8667vw;
  font-size: 3.7333vw;
  font-weight: bold;
  color: #ff5000;
  margin-right: 2.1333vw;
  background: url(/m8300/images/2_xb.png) no-repeat center center / 100%;
}
.lottery .announcement .con .scroll-container {
  flex: 1;
  height: 6.4vw;
  line-height: 6.4vw;
  overflow: hidden;
  display: flex;
}
.lottery .announcement .con .scroll-container .scroll-text,
.lottery .announcement .con .scroll-container .scroll-copy {
  display: inline-block;
  white-space: nowrap;
  color: #4a4a4a;
  font-size: 3.7333vw;
}
.lottery .zj_recommend {
  width: 100%;
  padding: 3.2vw 2.6667vw;
  background: #f7f7f7;
  border-radius: 1.3333vw;
  display: flex;
  justify-content: space-between;
  margin-top: 3.2vw;
}
.lottery .zj_recommend a {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.lottery .zj_recommend a img {
  display: block;
  width: 10.6667vw;
  height: 10.6667vw;
  border-radius: 50%;
}
.lottery .zj_recommend a b {
  width: 100%;
  height: 4.4vw;
  line-height: 4.4vw;
  overflow: hidden;
  display: block;
  text-align: center;
  font-size: 3.2vw;
  font-weight: normal;
  color: #181818;
  margin: 1.0667vw 0;
}
.lottery .zj_recommend a span {
  display: block;
  padding: 0 1.2667vw;
  height: 4.2667vw;
  line-height: 4.2667vw;
  font-size: 2.6667vw;
  color: #ffb400;
  border-radius: 0.5333vw;
  border: 0.2667vw solid #ffb400;
  word-break: break-all;
  max-width: 100%;
  overflow: hidden;
}
.lottery .cut_type {
  display: flex;
  margin-top: 2vw;
}
.lottery .cut_type a {
  font-size: 3.7333vw;
  color: #4a4a4a;
  margin-right: 6.4vw;
}
.lottery .cut_type a.active {
  font-weight: bold;
  color: #fabf61;
  position: relative;
}
.lottery .cut_type a.active::after {
  display: inline-block;
  content: "";
  width: 48%;
  height: 0.8vw;
  background: #fabf61;
  border-radius: 0.4vw;
  position: absolute;
  bottom: -0.8vw;
  left: 50%;
  transform: translateX(-50%);
}
.lottery .cloumn {
  width: 100%;
  height: 10.6667vw;
  overflow: hidden;
  margin-top: 2.6667vw;
  border-bottom: 0.2667vw solid #e0e0e0;
}
.lottery .cloumn a {
  width: auto;
  display: flex;
  align-items: center;
  font-size: 4.2667vw;
  color: #999999;
  white-space: nowrap;
  margin-right: 3.8vw;
}
.lottery .cloumn a.active {
  color: #c60000;
  position: relative;
}
.lottery .cloumn a.active::after {
  display: inline-block;
  content: "";
  width: 60%;
  height: 0.8vw;
  background: #c60000;
  border-radius: 0.5333vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.lottery .zx_list a {
  display: block;
  font-size: 4.2667vw;
  color: #181818;
  height: 12.8vw;
  line-height: 12.8vw;
  border-bottom: 0.2667vw solid #e0e0e0;
  overflow: hidden;
  word-break: break-all;
  position: relative;
  padding-left: 4vw;
}
.lottery .zx_list a::before {
  display: inline-block;
  content: "";
  width: 1.8667vw;
  height: 1.8667vw;
  border-radius: 50%;
  background: #ffe7cf;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.lottery .zj_stzj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.2vw 0;
}
.lottery .zj_stzj .left {
  display: flex;
  align-items: center;
  flex: 1;
}
.lottery .zj_stzj .left .rank {
  display: block;
  width: 5.8667vw;
  min-width: 5.8667vw;
  height: 4.2667vw;
  font-size: 3.7333vw;
  color: #181818;
  margin-right: 2.6667vw;
}
.lottery .zj_stzj .left .rank.num1 {
  background: url(/m8300/images/2_n1.png) no-repeat center center / 100%;
}
.lottery .zj_stzj .left .rank.num2 {
  background: url(/m8300/images/2_n2.png) no-repeat center center / 100%;
}
.lottery .zj_stzj .left .rank.num3 {
  background: url(/m8300/images/2_n3.png) no-repeat center center / 100%;
}
.lottery .zj_stzj .left .info {
  display: flex;
  align-items: center;
}
.lottery .zj_stzj .left .info > img {
  width: 9.6vw;
  height: 9.6vw;
  border-radius: 50%;
  margin-right: 1.3333vw;
}
.lottery .zj_stzj .left .info .r {
  display: flex;
  flex-direction: column;
}
.lottery .zj_stzj .left .info .r .top {
  display: flex;
  align-items: center;
  margin-bottom: 2vw;
}
.lottery .zj_stzj .left .info .r .top b {
  display: block;
  max-width: 50%;
  height: 5vw;
  line-height: 5vw;
  word-break: break-all;
  overflow: hidden;
  font-size: 3.7333vw;
  font-weight: normal;
  color: #181818;
  margin-right: 1.6vw;
}
.lottery .zj_stzj .left .info .r .top span {
  display: block;
  font-size: 3.2vw;
  color: #ce904f;
  padding: 0.4vw 1.3333vw;
  background: #fff7cd;
  border-radius: 0.5333vw;
}
.lottery .zj_stzj .left .info .r .top span i {
  font-size: 3.2vw;
  font-weight: bold;
  color: #ff6610;
}
.lottery .zj_stzj .left .info .r .bot {
  display: flex;
}
.lottery .zj_stzj .left .info .r .bot span {
  display: flex;
  align-items: center;
  font-size: 3.2vw;
  color: #4a4a4a;
}
.lottery .zj_stzj .left .info .r .bot span i {
  color: #c60000;
}
.lottery .zj_stzj .left .info .r .bot span:not(:last-of-type) {
  margin-right: 3.7333vw;
}
.lottery .zj_stzj:not(:last-of-type) {
  border-bottom: 0.2667vw solid #e0e0e0;
}