* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  scrollbar-width: none;
}

img {
  width: 100%;
  display: block;
  position: relative;
}

.app-download {
  display: none;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.clearAll {
  clear: both;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

.page {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: none;
}

.page1 {
  display: block;
  background: #b8180c url(img/bg.jpg) no-repeat;
  background-size: 100%;
}

.page1 .a0 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 33.6vw;
}

.page1 .a0_1 {
  width: 29.33vw;
  position: absolute;
  left: 10.8vw;
  top: 48.4vw;
  mix-blend-mode: overlay;
}

.page1 .a3 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: screen;
}

.page1 .a1 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 9.7vw;
}

.page1 .a2 {
  width: 40.53vw;
  position: absolute;
  left: 2.8vw;
  top: 94.4vw;
}

.page1 .a4 {
  width: 44vw;
  position: absolute;
  left: 27.6vw;
  top: 136.8vw;
  animation-duration: 2.4s;
  cursor: pointer;
}

.page1 .a5 {
  width: 41.46vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8.8vw;
}

.page1 .a6 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.page1 .a7 {
  width: 26vw;
  position: absolute;
  right: 1vw;
  bottom: 13vw;
  cursor: pointer;
}

.page1 .b8 {
  width: auto;
  position: absolute;
  right: 3vw;
  top: 5.20vw;
  cursor: pointer;
  font-size: 14px;
  color: #e9c87e;
  border-bottom: 1px solid #e9c87e;
  padding: 0 1px;
}

.page2 {
  background: url(img/bg1_1.jpg) repeat-y;
  background-size: 100%;
}

.page2 .b1 {
  position: absolute;
  left: 0;
  top: 0;
}

.page2 .b1_0 {
  position: absolute;
  left: 0;
  top: 0;
}

.page2 .b2 {
  position: absolute;
  left: 0;
  top: 22.00vw;
}

.page2 .b2 div {
  width: 6.00vw;
  height: 3.33vw;
  line-height: 3.33vw;
  text-align: center;
  position: absolute;
  left: 52.00vw;
  top: 0;
  font-size: 3.20vw;
  color: #e24525;
  font-weight: bold;
}

.page2 .dateList {
  width: 78.60vw;
  position: absolute;
  left: 11.20vw;
  top: 57.33vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.page2 .dateList .date {
  width: 10.67vw;
  height: 15.60vw;
  margin: 0 0.27vw 0.67vw;
  border: 0.27vw solid #9f958c;
  cursor: pointer;
  padding-top: 1.60vw;
}

.page2 .dateList .date .date_1 {
  font-size: 2.93vw;
  color: #414040;
  text-align: center;
  height: 3.20vw;
  line-height: 3.20vw;
  font-weight: bold;
}

.page2 .dateList .date .date_2 {
  font-size: 2.93vw;
  color: #414040;
  text-align: center;
  height: 3.20vw;
  line-height: 3.20vw;
  margin-top: 0.80vw;
  font-weight: bold;
}

.page2 .dateList .date.act {
  border: 0.27vw solid #eb7159;
  background-color: #f4bda7;
}

.page2 .dateList .date.date1 .date_2 {
  color: #e34323;
}

.page2 .dateList .date.act .date_1 {
  color: #e34323;
}

.page2 .dateList .date.act .date_2 {
  display: none;
}

.page2 .b4 {
  width: 39.20vw;
  position: absolute;
  left: 46.80vw;
  top: 106.67vw;
  animation-duration: 2s;
}

.page2 .b5 {
  width: 27.07vw;
  position: absolute;
  left: 8.13vw;
  bottom: 13.33vw;
  cursor: pointer;
}

.page2 .b6 {
  width: 26.40vw;
  position: absolute;
  left: 36.80vw;
  bottom: 5.33vw;
  cursor: pointer;
}

.page2 .b7 {
  width: 27.07vw;
  position: absolute;
  left: 64.80vw;
  bottom: 13.33vw;
  cursor: pointer;
}

.page2 .b7 .b7_1 {
  width: 3.20vw;
  position: absolute;
  right: 3.33vw;
  top: 2.80vw;
}

.page2 .b8 {
  width: 13.73vw;
  position: absolute;
  left: 77.20vw;
  bottom: 5.20vw;
  cursor: pointer;
}

@keyframes b7_1a {
  from {
    top: 2.80vw;
    opacity: 0;
  }
  10% {
    top: 2.80vw;
    opacity: 1;
  }
  to {
    top: -1.33vw;
    opacity: 0;
  }
}

.b7_1a {
  animation-name: b7_1a;
  animation-duration: 1.5s;
  animation-timing-function: linear;
}

.page3 {
  background: url(img/bg2.jpg) no-repeat;
  background-size: 100% 100%;
}

.page3 .c1 {
  position: absolute;
  left: 0;
  top: 0;
}

.page3 .jdt {
  width: 40.00vw;
  position: absolute;
  left: 30.00vw;
  top: 26.80vw;
}

.page3 .jdt .jdtBg {
  width: 40.00vw;
  height: 4.00vw;
  background-color: #fff;
  border-radius: 4.00vw;
  overflow: hidden;
}

.page3 .jdt .jdtBg .jdtCol {
  transition-duration: 1s;
  width: 20%;
  height: 4.00vw;
  border-radius: 4.00vw;
  background-image: linear-gradient(to right, #fd804d, #fab75f);
}

.page3 .jdt .c2 {
  width: 17.60vw;
  position: absolute;
  left: 11.20vw;
  top: 5.60vw;
}

.page3 .quesCont {
  width: 82.93vw;
  height: 90.67vw;
  background: url(img/c4.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 39.60vw;
  left: 9.60vw;
}

.page3 .quesCont .hardStatus {
  width: 37.60vw;
  height: 6.93vw;
  position: absolute;
  left: 20.67vw;
  top: 5.47vw;
  background: url(img/c3.png) no-repeat;
  background-size: 100%;
  display: flex;
  padding: 1.33vw 0 0 19.47vw;
}

.page3 .quesCont .hardStatus div {
  width: 4.40vw;
  height: 4.40vw;
  background: url(img/c3_2.png) no-repeat;
  background-size: 100%;
  margin-right: 1.07vw;
}

.page3 .quesCont .hardStatus div.act {
  background: url(img/c3_1.png) no-repeat;
  background-size: 100%;
}

.page3 .quesCont .quesTitle {
  width: 66.67vw;
  position: absolute;
  left: 7.60vw;
  top: 21.20vw;
  font-size: 4.00vw;
  color: #171717;
  text-align: center;
  line-height: 6.67vw;
  font-weight: bold;
}

.page3 .quesCont .answerList {
  width: 48.80vw;
  position: absolute;
  left: 17.60vw;
  top: 46.00vw;
}

.page3 .quesCont .answerList .answer {
  width: 48.80vw;
  height: 7.20vw;
  position: relative;
  display: flex;
  border: 1px solid #323333;
  border-radius: 6.67vw;
  background-color: #ffffff;
  margin-bottom: 6.80vw;
  padding-left: 13.33vw;
  cursor: pointer;
}

.page3 .quesCont .answerList .answer .xz {
  width: 14.13vw;
  height: 8.00vw;
  background: url(img/c5.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: -1.60vw;
  top: -0.67vw;
}

.page3 .quesCont .answerList .answer .title {
  width: 28.80vw;
  height: 6.93vw;
  line-height: 6.80vw;
  font-size: 4.00vw;
  color: #171717;
  text-align: center;
  font-weight: bold;
}

.page3 .quesCont .answerList .answer .tip {
  width: 8.80vw;
  height: 7.47vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

.page3 .quesCont .answerList .answer:nth-child(2) .xz {
  background: url(img/c5_1.png) no-repeat;
  background-size: 100%;
}

.page3 .quesCont .answerList .answer:nth-child(3) .xz {
  background: url(img/c5_2.png) no-repeat;
  background-size: 100%;
}

.page3 .quesCont .answerList .answer.yes .tip {
  background: url(img/c6.png) no-repeat;
  background-size: 100%;
}

.page3 .quesCont .answerList .answer.no .tip {
  background: url(img/c6_1.png) no-repeat;
  background-size: 100%;
}

.page3 .quesCont .answerList .answer.yes {
  background-color: #ffab6a;
}

.page3 .quesCont .answerList .answer.no {
  background-color: #99d59a;
}

.page3 .c11 {
  width: 59.6vw;
  position: absolute;
  left: 21vw;
  top: 132vw;
}

.page3 .b7 {
  width: 30.27vw;
  position: absolute;
  right: 7.60vw;
  top: 142.67vw;
  cursor: pointer;
}

.page3 .b7 .b7_1 {
  width: 4.00vw;
  position: absolute;
  right: 3.33vw;
  top: 2.80vw;
}

.page4 {
  background: url(img/bg2_1.jpg) no-repeat;
  background-size: 100% 100%;
}

.page4 .c7 {
  position: absolute;
  left: 0;
  top: 0;
}

.page4 .b2 {
  width: 23.60vw;
  position: absolute;
  right: 7.20vw;
  top: 25.73vw;
}

.page4 .b2 div {
  width: 6.00vw;
  height: 3.20vw;
  line-height: 3.20vw;
  text-align: center;
  position: absolute;
  left: 13.73vw;
  top: 0;
  font-size: 3.20vw;
  color: #e24525;
  font-weight: bold;
}

.page4 .b5 {
  width: 27.07vw;
  position: absolute;
  left: 8.13vw;
  bottom: 13.33vw;
  cursor: pointer;
}

.page4 .b6 {
  width: 26.40vw;
  position: absolute;
  left: 36.80vw;
  bottom: 5.33vw;
  cursor: pointer;
}

.page4 .b7 {
  width: 27.07vw;
  position: absolute;
  left: 64.80vw;
  bottom: 13.33vw;
  cursor: pointer;
}

.page4 .b7 .b7_1 {
  width: 3.20vw;
  position: absolute;
  right: 3.33vw;
  top: 2.80vw;
}

.page4 .nowAnswerList {
  width: 66.67vw;
  position: absolute;
  left: 8.80vw;
  top: 40.67vw;
  display: flex;
}

.page4 .nowAnswerList div {
  width: 13.07vw;
  height: 8.00vw;
}

.page4 .nowAnswerList div.yes {
  background: url(img/c10.png) no-repeat;
  background-size: 100%;
}

.page4 .nowAnswerList div.no {
  background: url(img/c10_1.png) no-repeat;
  background-size: 100%;
}

.page4 .score {
  width: 20.00vw;
  position: absolute;
  left: 74.13vw;
  top: 40.67vw;
  text-align: center;
  line-height: 8.00vw;
  font-size: 5.33vw;
  color: #000;
  font-weight: bold;
}

.page4 .quesList {
  width: 75.60vw;
  position: absolute;
  left: 14.00vw;
  top: 56.00vw;
  font-size: 3.47vw;
  color: #171717;
  height: 76.40vw;
  overflow-y: scroll;
  line-height: 4.00vw;
}

.page4 .quesList .quesA {
  text-align: center;
  color: #e24525;
  margin: 2.67vw 0 2.00vw;
}

.page4 .quesList .quesI {
  color: #5f5f5f;
  padding: 0 4.00vw;
}

.page4 .quesList .ques {
  position: relative;
  margin-bottom: 6.67vw;
}

.page5 {
  background: url(img/bg3.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: 28.53vw;
}

.page5 .d1 {
  position: absolute;
  left: 0;
  top: 0;
}

.page5 .btnList {
  width: 41.33vw;
  height: 9.60vw;
  border-radius: 5.33vw;
  background-color: #f8e5be;
  color: #c32411;
  line-height: 9.60vw;
  text-align: center;
  font-size: 3.73vw;
  font-weight: bold;
  float: left;
  cursor: pointer;
  position: relative;
}

.page5 .charts {
  margin-left: 7.07vw;
}

.page5 .myScore {
  margin-left: 3.73vw;
}

.page5 .btnList.act {
  background-color: #c32411;
  color: #fff;
}

.page5 .cont {
  width: 100%;
  position: relative;
  clear: both;
  padding-top: 1.60vw;
}

.page5 .cont .chartsCont {
  width: 100%;
  position: relative;
  background: url(img/d2.png?v=1) no-repeat;
  background-size: 100%;
  height: 91.20vw;
  margin-top: 12.00vw;
}

.page5 .cont .chartsCont .chartsList {
  width: 72.40vw;
  position: absolute;
  left: 21.20vw;
  top: 7.87vw;
}

.page5 .cont .chartsCont .list {
  width: 100%;
  position: relative;
  display: flex;
  height: 7.73vw;
  line-height: 7.73vw;
  font-size: 3.47vw;
  color: #222222;
  font-weight: bold;
}

.page5 .cont .chartsCont .list .phone {
  width: 26.9vw;
  text-align: center;
}

.page5 .cont .chartsCont .list .score {
  width: 16.9vw;
  text-align: center;
}

.page5 .cont .chartsCont .list .time {
  width: 28.40vw;
  text-align: center;
}

.page5 .cont .d3 {
  width: 35.73vw;
  margin-left: 11.20vw;
  float: left;
  cursor: pointer;
}

.page5 .cont .d4 {
  width: 35.73vw;
  margin-right: 11.20vw;
  float: right;
  cursor: pointer;
  position: relative;
}

.page5 .cont .d6 {
  width: 30.4vw;
  cursor: pointer;
}

.page5 .cont .bottomBtnList {
  justify-content: space-around;
  align-items: flex-end;
  padding: 0 2vw;
  margin-top: 2vw;
}

.page5 .cont .d7 {
  width: 30.4vw;
  cursor: pointer;
  position: relative;
}

.page5 .cont .d10 {
  width: 28.8vw;
  cursor: pointer;
  position: relative;
}

.page5 .cont .myScoreCont {
  width: 100%;
  position: relative;
  background: url(img/d5.png) no-repeat;
  background-size: 100%;
  height: 93.33vw;
  margin-top: 4.80vw;
  padding-left: 6.00vw;
  padding-top: 0.13vw;
}

.page5 .cont .myScoreCont .scoreList {
  width: 100%;
  height: 91.20vw;
  overflow-y: scroll;
}

.page5 .cont .myScoreCont .list {
  width: 87.33vw;
  position: relative;
  font-size: 4.00vw;
  font-weight: bold;
  color: #222222;
  display: flex;
  height: 7.73vw;
  border-bottom: 1px solid #131313;
  line-height: 7.60vw;
}

.page5 .cont .myScoreCont .list .date {
  width: 18.67vw;
  border-right: 1px solid #222;
  text-align: center;
}

.page5 .cont .myScoreCont .list .num {
  flex: 1;
  border-right: 1px solid #222;
  text-align: center;
}

.page5 .cont .myScoreCont .list .num img {
  width: 6.00vw;
  margin: 0 auto;
}

.page5 .cont .myScoreCont .list .score {
  width: 11.60vw;
  text-align: center;
}

.page5 .cont .myScoreCont .list.noStart {
  background-color: #d1d1d1;
}

.page5 .cont .myScoreCont .myTotalCount {
  width: 87.33vw;
  position: relative;
  font-size: 4.00vw;
  font-weight: bold;
  color: #222222;
  display: flex;
  height: 7.73vw;
  line-height: 7.60vw;
  background-color: #f8e5be;
}

.page5 .cont .myScoreCont .myTotalCount .title {
  width: 18.67vw;
  border-right: 1px solid #222;
  text-align: center;
}

.page5 .cont .myScoreCont .myTotalCount .totalScore {
  flex: 1;
  text-align: center;
}

.page5 .cont .myPM {
  height: 3.20vw;
  background: url(img/d9.png) no-repeat;
  background-size: 20.93vw;
  padding-left: 21.60vw;
  color: #e24525;
  font-weight: bold;
  font-size: 3.20vw;
  line-height: 3.07vw;
  float: right;
  margin: 2.40vw 5.60vw 1.20vw;
  clear: both;
}

.page6 {
  background: #c62825 url(img/bg4.jpg) no-repeat;
  background-size: 100%;
}

.page6 .gdt {
  width: 100%;
  height: 4.80vw;
  line-height: 4.80vw;
  background-color: #b33b30;
  font-size: 3.33vw;
  color: #ffb5ae;
}

.page6 .gdt a {
  color: #ffb5ae;
}

.page6 .gdt ul, .page6 .gdt li {
  list-style: none;
}

.page6 .gdt .lz-pmd-point {
  display: none;
}

.page6 .b2 {
  width: 28.80vw;
  line-height: 3.47vw;
  position: absolute;
  left: 10.80vw;
  top: 9.60vw;
}

.page6 .b2 div {
  width: 9.87vw;
  position: absolute;
  left: 14.80vw;
  top: 0;
  height: 3.47vw;
  text-align: center;
  color: #fdd733;
  font-size: 3.47vw;
  font-weight: bold;
}

.page6 .e2 {
  width: auto;
  position: absolute;
  right: 9.20vw;
  top: 8.60vw;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: 0 1px;
}

.page6 .e3 {
  width: 26.40vw;
  position: absolute;
  left: 36.93vw;
  top: 119.73vw;
  cursor: pointer;
}

.page6 .e4 {
  width: 41.33vw;
  position: absolute;
  left: 29.33vw;
  top: 149.47vw;
  cursor: pointer;
}

.page7 {
  background: url(img/bg5.jpg) no-repeat;
  background-size: 100% 100%;
}

.page7 .f2 {
  width: 20.67vw;
  position: absolute;
  right: 0;
  top: 132.13vw;
  cursor: pointer;
}

.page7 .formList {
  width: 72.00vw;
  margin: 1.60vw 0 20.00vw 14.40vw;
}

.page7 .formList input, .page7 .formList textarea {
  outline: none;
  border: none;
  background-color: #fff;
  width: 50.00vw;
  border-radius: 0.80vw;
  height: 6.80vw;
  padding-left: 1.60vw;
}

.page7 .formList .list {
  display: flex;
  margin-bottom: 5.60vw;
}

.page7 .formList .list label {
  width: 20.00vw;
  line-height: 6.80vw;
  font-weight: bold;
  color: #fad665;
  font-size: 3.73vw;
}

.page7 .formList .list textarea {
  height: 25.60vw;
}

.page7 .f3 {
  width: 40.53vw;
  margin: 0 auto;
  cursor: pointer;
}

.page8 {
  background: url(img/bg5.jpg) no-repeat;
  background-size: 100% 100%;
}

.page8 .f2 {
  width: 20.67vw;
  position: absolute;
  right: 0;
  top: 131.47vw;
  cursor: pointer;
}

.page8 .prizeList {
  width: 88.27vw;
  height: 78.27vw;
  background: url(img/g1_1.png) no-repeat;
  background-size: 100%;
  margin: -13.33vw 0 4.40vw 7.60vw;
  position: relative;
  padding: 1px;
}

.page8 .prizeList .prize {
  width: 87.20vw;
  display: flex;
  height: 7.60vw;
  line-height: 7.60vw;
  border-right: 1px solid #131313;
  border-top: 1px solid #131313;
  font-size: 4.00vw;
  font-weight: bold;
  color: #222222;
}

.page8 .prizeList .prize .date {
  width: 22.80vw;
  border-right: 1px solid #131313;
  text-align: center;
  background-color: #d2ddcd;
}

.page8 .prizeList .prize .name {
  flex: 1;
  text-align: center;
}

.page8 .prizeList .title {
  width: 87.20vw;
  display: flex;
}

.page8 .prizeList .title .prize {
  border-top: none;
}

.page8 .prizeList .cont {
  width: 87.20vw;
  display: flex;
  flex-direction: column;
  height: 68.80vw;
  overflow-y: scroll;
}

.page8 .prizeList .cont .prize {
  font-weight: normal;
  font-size: 3.20vw;
  font-weight: bold;
}

.page8 .prizeList .prize.noStart {
  background-color: #d3d3d3;
}

.page8 .prizeList .prize.noStart .date {
  background-color: #d3d3d3;
}

.page8 .g2 {
  width: 28.13vw;
  cursor: pointer;
  margin-left: 9.60vw;
}

.page8 .g3 {
  width: 45.60vw;
  margin-left: 9.87vw;
  margin-top: 2.00vw;
}

.page8 .g4 {
  width: 35.73vw;
  display: inline-block;
  cursor: pointer;
  margin-left: 9.20vw;
  margin-top: 8.00vw;
}

.page8 .g5 {
  width: 35.73vw;
  display: inline-block;
  cursor: pointer;
  margin-left: 9.60vw;
  margin-top: 8.00vw;
}

.page9 {
  background: url(img/bg3.jpg) no-repeat;
  background-size: 100% 100%;
}

.page9 .i1 {
  position: absolute;
  top: 0;
  left: 0;
}

.page9 .i2 {
  position: absolute;
  top: 26.40vw;
  left: 0;
}

.page9 .todayPrize {
  margin-top: 46.67vw;
  position: relative;
  width: 100%;
  height: calc(100vh - 73.33vw);
  overflow-y: scroll;
}

.page9 .todayPrize .list {
  width: 100%;
  margin-bottom: 6.00vw;
  text-align: center;
}

.page9 .todayPrize .list .prizeLevel {
  font-size: 4.53vw;
  color: #d03722;
  font-weight: bold;
  margin-bottom: 2.40vw;
}

.page9 .todayPrize .list .prizeImg {
  width: 41.60vw;
  height: 26.00vw;
  margin: 0 auto 2.40vw;
}

.page9 .todayPrize .list .prizeImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page9 .todayPrize .list .prizeName {
  font-size: 3.73vw;
  color: #832604;
  margin-bottom: 2.00vw;
}

.page9 .todayPrize .list .prizeNum {
  font-size: 3.20vw;
  color: #832604;
}

.page9 .d6 {
  display: inline-block;
  width: 35.73vw;
  margin-left: 9.20vw;
  cursor: pointer;
}

.page9 .d7 {
  display: inline-block;
  width: 35.73vw;
  margin-left: 9.60vw;
  cursor: pointer;
  position: relative;
}

.pop {
  width: 100%;
  height: 100%;
  z-index: 111;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.popPhone {
  padding-top: 16.80vw;
}

.popPhone input {
  width: 57.60vw;
  height: 10.13vw;
  background-color: #f9eecb;
  border: 1px solid #d08f3e;
  border-radius: 2.00vw;
  outline: none;
  position: absolute;
  left: 21.20vw;
  top: 73.87vw;
  color: #cfa972;
  padding-left: 2.00vw;
}

.popPhone input::placeholder {
  color: #cfa972;
}

.popPhone .submitPhone {
  width: 38.67vw;
  height: 11.73vw;
  position: absolute;
  left: 30.67vw;
  top: 106.67vw;
  cursor: pointer;
}

.popQues .quesState {
  width: 74.00vw;
  height: 76.00vw;
  position: absolute;
  left: 12.80vw;
  top: 50.00vw;
  display: none;
}

.popQues .quesState img {
  width: 9.33vw;
  position: absolute;
  right: 2.00vw;
  top: 2.00vw;
  padding: 2.00vw;
  cursor: pointer;
}

.popQues .quesState div {
  width: 35.60vw;
  height: 10.93vw;
  position: absolute;
  left: 20.00vw;
  top: 57.20vw;
  cursor: pointer;
}

.noDrawPop .cont {
  background: url(img/e8.png) no-repeat;
  background-size: 100%;
  display: none;
}

.noDrawPop .e5 {
  margin-bottom: 2.67vw;
}

.noDrawPop .zf {
  width: 100%;
  height: 118.67vw;
}

.noDrawPop .e7 {
  width: 7.33vw;
  cursor: pointer;
  margin: 4.40vw auto 0;
}

.noDrawPop .e4 {
  width: 41.33vw;
  margin: 1.60vw auto 0;
  cursor: pointer;
}

.popRule .cont {
  width: 82.93vw;
  height: 138.53vw;
  background: url(img/h1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.popRule .cont .h2 {
  width: 9.20vw;
  padding: 1.33vw;
  position: absolute;
  right: 2.67vw;
  top: 0.40vw;
  cursor: pointer;
}

.hasDrawPop .cont {
  width: 100%;
  position: absolute;
  left: 0;
  top: 68.00vw;
}

.hasDrawPop .cont .prizeImg {
  width: 56.00vw;
  margin-left: 22.40vw;
  margin-bottom: 2.67vw;
  height: 37.20vw;
  overflow: hidden;
}

.hasDrawPop .cont .prizeImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.hasDrawPop .cont .prizeLevel {
  width: 66.67vw;
  margin-left: 17.33vw;
  text-align: center;
  font-size: 4.53vw;
  font-weight: bold;
  color: #832604;
}

.hasDrawPop .cont .prizeName {
  width: 66.67vw;
  margin-left: 17.33vw;
  text-align: center;
  font-size: 3.73vw;
  color: #832604;
  margin-top: 1.60vw;
}

.hasDrawPop .cont .h4 {
  width: 35.60vw;
  margin-left: 33.33vw;
  margin-top: 12.00vw;
}

.hasDrawPop .cont .e7 {
  width: 7.33vw;
  cursor: pointer;
  margin: 4.00vw auto 0;
}

@media screen and (max-height: 667px) {
  .page2 .b1 {
    margin-top: -8.00vw;
  }
  .page2 .b2 {
    top: 14.00vw;
  }
  .page2 .dateList {
    top: 49.33vw;
  }
  .page2 .b4 {
    top: 98.67vw;
  }
  .page2 .b5 {
    bottom: 9.33vw;
  }
  .page2 .b6 {
    bottom: 1.33vw;
  }
  .page2 .b7 {
    bottom: 9.33vw;
  }
  .page2 .b8 {
    bottom: 1.33vw;
  }
}

@media (min-width: 600px) {
  .page {
    min-height: 180vw;
  }
  .pop {
    overflow-y: scroll;
  }
  .pop .cont {
    width: 100%;
    position: relative;
    min-height: 180vw;
  }
  .popRule .cont {
    top: 0;
    transform: translate(-50%, 0);
  }
}