body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, textarea, button {
  font: 99% arial,helvetica,clean,sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  font-size: 108%;
  line-height: 100%;
}

html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
  font: inherit;
}

del, ins {
  text-decoration: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  opacity: 0;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: Arial, Helvetica, sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  outline: 0;
  text-decoration: none;
}

input {
  outline: 0;
}

/* 
_mixins
*/
.hideText {
  display: block;
  overflow: hidden;
  text-indent: 110%;
  white-space: nowrap;
}

/* ----- Variables ----- */
/* ----- COLOR ----- */
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;

}

body {
  min-height: 100%;
  width: 100%;
  position: relative;
  overflow: scroll;
}

.wrap {
  min-height: 100%;
  width: 100%;
  position: relative;
  overflow: scroll;
}

.index {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: url("../images/index/index_bg.jpg") center center no-repeat;
  background-size: cover;
  /* overflow-y: scroll; */
  overflow: scroll;
}

@media (max-width: 750px) and (min-width: 0) {
  .index {
    width: 100vw;
    height: 100vh;
    background-size: cover;
  }
}

.index__sun {
  position: absolute;
  top: 4.16667vw;
  left: 5.72917vw;
  width: 10vw;
  height: 6.875vw;
  background: url("../images/index/index_sun.gif") center center no-repeat;
  background-size: 100% auto;
}

.index__weed {
  position: absolute;
  bottom: -4.16667vw;
  left: 2.60417vw;
  width: 8.33333vw;
  height: 15.10417vw;
  background: url("../images/index/index_weed.gif") center center no-repeat;
  background-size: 100% auto;
}

.index__fish__1 {
  position: absolute;
  bottom: 11.45833vw;
  left: 22.39583vw;
  width: 2.8125vw;
  height: 2.1875vw;
  background: url("../images/index/index_fish_1.gif") center center no-repeat;
  background-size: 100% auto;
}

.index__fish__2 {
  position: absolute;
  bottom: 10.41667vw;
  left: 79.16667vw;
  width: 10.9375vw;
  height: 7.8125vw;
  background: url("../images/index/index_fish_2.gif") center center no-repeat;
  background-size: 100% auto;
}

.index__turtle {
  position: absolute;
  bottom: 2.60417vw;
  left: 16.66667vw;
  width: 3.75vw;
  height: 3.75vw;
  background: url("../images/index/index_turtle.gif") center center no-repeat;
  background-size: 100% auto;
}

.index__center {
  position: absolute;
  top: 5.20833vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  height: 33.85417vw;
  background: url("../images/index/index_center.svg") center center no-repeat;
  background-size: 100% auto;
}

.index__go__item {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  color:#fff;
  text-align: center;
}

.index__go {

  margin: auto;
  width: 9.21875vw;
  height: 3.75vw;
  background: url("../images/index/index_go.png") center center no-repeat;
  background-size: 100% auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.index__go:hover {
  width: 9.21875vw;
  height: 3.75vw;
  background: url("../images/index/index_go.png") center center no-repeat;
  background-size: 100% auto;
  -webkit-animation: go linear  0.3s  1;
  animation: go linear  0.3s  1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.index__enter {
  text-align: center;
  margin-top: 10px;

}

.directions {

  width: 100%;
  height: 100vh;
  background: url("../images/index/directions.jpg") top center no-repeat;
  background-size: cover;
}

@media (max-width: 750px) and (min-width: 0) {
  .directions {
    width: 100%;
    height: 100vh;
    background: url("../images/index/directions.jpg") top center no-repeat;
    background-size: 100% auto;
  }
}

.game {
  background-color: #F0F0F0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

.game__top {
  width: 96.35417vw;
  height: 4.6875vw;
  background-color: #fff;
  border-radius: 2.60417vw;
  position: absolute;
  top: 1.04167vw;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

.game__top__left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.60417vw;
  margin: auto;
  width: 17.1875vw;
  height: 2.34375vw;
  background: url("../images/game/game_top_title01.svg") left top no-repeat;
  background-size: 100% auto;
}

.game__top__center {
  color: #707070;
  font-size: 1.04167vw;
  font-weight: bolder;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 10.41667vw;
  height: 1.30208vw;
  margin: auto;
  text-align: center;
}

.game__top__center__text, .game__top__center__score {
  display: inline-block;
  vertical-align: middle;
}

.game__top__center__score {
  color: #97C981;
  font-size: 1.875vw;
}

.game__top__right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.60417vw;
  font-size: 1.04167vw;
  font-weight: bolder;
  color: #707070;
  height: 1.30208vw;
  margin: auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.game__top__right__text, .game__top__right__progress__bar, .game__top__right__progress__num {
  margin: 0 1px;
}

.game__top__right__progress__bar {
  width: 9.89583vw;
  height: 1.30208vw;
  position: relative;
  overflow: hidden;
}

.game__top__right__progress__bar__color {
  width:0%;
  height: 100%;
  background-color: #FF9517;
  position: absolute;
  top:0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

.game__top__right__progress__bar__bg {
  width: 100%;
  height: 100%;
  background: url("../images/game/progress.svg") left center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  overflow: hidden;
}

.game__footer {
  position: absolute;
  top: 52.34375vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 10.10417vw;
  height: 2.34375vw;
  background: url("../images/game/game_bottom_title.svg") left top no-repeat;
  background-size: 100% auto;
}

.game__scroll {
  width: 356.77083vw;
  /* height: 194.79167vw; */
  position: absolute;
  left: -119.79167vw;
  top: 0vw;
  bottom: 0;
  margin: auto;
}

.game__box {
  background-color: #83CCEB;
  position: absolute;
  top: 6.77083vw;
  left: 0;
  right: 0;
  margin: auto;
  overflow: scroll;
  width: 96.35417vw;
  height: 44.79167vw;
  border-radius: 2.60417vw;
  border: 1.04167vw solid #fff;
}

.game .zoom {
  position: fixed;
  top: 10.41667vw;
  left: 5.20833vw;
}

.game .zoom__in {
  position: absolute;
  top: 2.86458vw;
  width: 2.60417vw;
  height: 2.60417vw;
  background: url("../images/game/zoom_in.svg") left top no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

.game .zoom__out {
  position: absolute;
  top: 5.36458vw;
  width: 2.60417vw;
  height: 2.60417vw;
  background: url("../images/game/zoom_out.svg") left top no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

.game .zoom__target {
  position: absolute;
  top: 8.48958vw;
  width: 2.60417vw;
  height: 2.60417vw;
  background: url("../images/game/target.svg ") left top no-repeat;
  background-size: 100% auto;
  cursor: pointer;
}

.game__map {
  width: 223.95833vw;
  height: 119.79167vw;
  background-size: 100% auto;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  overflow: hidden;
}

.game__map__cloud__round2 {
  position: absolute;
  top: 20.83333vw;
  left: 49.47917vw;
  width: 100vw;
  height: 117.03125vw;
  background: url("../images/game/cloud_ground2.gif") left top no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}

.game__map__cloud__round3 {
  position: absolute;
  top: 5.20833vw;
  left: 119.79167vw;
  width: 100vw;
  height: 117.03125vw;
  background: url("../images/game/cloud_ground3.gif") left top no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}

.game__map__cloud__end {
  position: absolute;
  top: 70.3125vw;
  left: 166.66667vw;
  width: 41.66667vw;
  height: 25vw;
  background: url("../images/end/cloud_end.gif") left top no-repeat;
  background-size: 100% auto;
  z-index: 10;
  pointer-events: none;
}

.game__map__road {
  position: absolute;
  top: 0;
  left: 5.20833vw;
  width: 218.75vw;
  height: 119.79167vw;
}

.game__map__road .game__round3__bear {
  position: absolute;
  top: 82.29167vw;
  left: 184.89583vw;
  width: 11.45833vw;
  height: 15.625vw;
  background: url("../images/end/bear_good.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__map__road .game__round3__great {
  position: absolute;
  top: 84.375vw;
  left: 173.4375vw;
  width: 11.97917vw;
  height: 5.20833vw;
  background: url("../images/end/great.svg") center center no-repeat;
  background-size: 100% auto;
}

.game .zoomout {
  -webkit-animation: zoomout linear  0.3s  1;
  animation: zoomout linear  0.3s  1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.game .zoomin {
  -webkit-animation: zoomin linear  0.3s  1;
  animation: zoomin linear  0.3s  1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.game__round1 {
  position: absolute;
  top: 0;
  left: 5.20833vw;
  width: 94.27083vw;
  height: 117.03125vw;
  background: url("../images/game/round1_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.game__round1__bus {
  position: absolute;
  top: 7.8125vw;
  left: 26.04167vw;
  width: 8.38542vw;
  height: 5.20833vw;
  background: url("../images/round1/game_bus.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round1__sun {
  position: absolute;
  top: 7.29167vw;
  left: 62.5vw;
  width: 6.25vw;
  height: 6.25vw;
  background: url("../images/round1/game_sun.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round1__camel {
  position: absolute;
  top: 14.0625vw;
  left: 54.6875vw;
  width: 8.22917vw;
  height: 9.375vw;
  background: url("../images/round1/game_camel.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round1__start {
  position: absolute;
  top: 67.1875vw;
  left: 18.75vw;
  width: 13.02083vw;
  height: 4.42708vw;
  background: url("../images/round1/start.svg") left top no-repeat;
  background-size: 100% auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.game__round1__start:hover {
  -webkit-animation: go linear  0.2s  1;
  animation: go linear  0.2s  1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.game__round1__cloud {
  position: absolute;
  top: 72.91667vw;
  left: 45.83333vw;
  width: 8.22917vw;
  height: 9.375vw;
  background: url("../images/game/game_cloud.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round2 {
  position: absolute;
  top: 0;
  left: 52.3437vw;
  width: 101.19792vw;
  height: 126.04167vw;
  background: url("../images/game/round2_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.game__round2__fish {
  position: absolute;
  top: 20.83333vw;
  left: 53.125vw;
  width: 6.25vw;
  height: 4.16667vw;
  background: url("../images/round2/game_fish.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round2__bear {
  position: absolute;
  top: 88.54167vw;
  left: 5.20833vw;
  width: 11.97917vw;
  height: 15.10417vw;
  background: url("../images/round2/game_bear.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round3 {
  position: absolute;
  top: 0;
  left: 117.29167vw;
  width: 95.625vw;
  height: 126.04167vw;
  background: url("../images/game/round3_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.game__round3__cloud {
  position: absolute;
  top: 67.70833vw;
  left: 51.04167vw;
  width: 8.22917vw;
  height: 9.375vw;
  background: url("../images/game/game_cloud.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round3__light {
  position: absolute;
  top: 5.72917vw;
  left: 19.79167vw;
  width: 6.45833vw;
  height: 8.33333vw;
  background: url("../images/round3/game_light.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round3__kite {
  position: absolute;
  top: 16.66667vw;
  left: 80.72917vw;
  width: 3.38542vw;
  height: 7.8125vw;
  background: url("../images/round3/game_kite.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round3__bird {
  position: absolute;
  top: 23.4375vw;
  left: 72.91667vw;
  width: 3.90625vw;
  height: 7.8125vw;
  background: url("../images/round3/game_bird.gif") left top no-repeat;
  background-size: 100% auto;
}

.game__round3__windmill {
  position: absolute;
  top: 26.5625vw;
  left: 45.3125vw;
  width: 4.16667vw;
  height: 9.375vw;
  background: url("../images/round3/game_windmill.gif") left top no-repeat;
  background-size: 100% auto;
}

.questions {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 10;
  overflow: hidden;
  top: 6.77083vw;
  left: 0;
  right: 0;
  margin: auto;
  width: 96.35417vw;
  height: 44.79167vw;
  border-radius: 2.60417vw;
  z-index: 20;
}

.questions__main {
  width: 57.29167vw;
  height: 31.25vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.questions .container {
  width: 41.66667vw;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.questions .close {
  width: 2.08333vw;
  height: 2.08333vw;
  background: url("../images/game/close.svg") left top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 1.04167vw;
  left: 46.35417vw;
  cursor: pointer;
}

.questions .title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.08333vw;
  font-size: 1.45833vw;
}

.questions .title__num {
  width: 2.08333vw;
  height: 2.08333vw;
  border-radius: 1.04167vw;
  background-color: #cc9672;
  color: #fff;
  line-height: 2.08333vw;
  margin-bottom: 1.04167vw;
  font-size: 1.04167vw;
}

.questions .title__text {
  color: #cc9672;
  font-weight: bolder;
}

.questions .title__text2 {
  color: #cc9672;
  font-weight: bolder;
  margin: 1.04167vw 0;
}

.questions .line {
  width: 100%;
  height: 0.52083vw;
  margin: 1.04167vw 0;
  background: url("../images/game/questions_line.svg") left top no-repeat;
  background-size: 100% auto;
}

.questions .ques {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.14583vw;
  font-weight: bolder;
  font-size: 1.14583vw;
}

.questions .ques .question__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 2.34375vw;
  background-color: #FBFBFB;
  margin-bottom: 0.52083vw;
  padding: 0 0.52083vw 0 0.52083vw;
  color: #707070;
}

.questions .ques .question__item__title {
  width: 75%;
}

.questions .ques .question__item .true {
  background: url("../images/game/ques_true.svg") right center no-repeat #F4FAF2 !important;
  background-size: auto 80% !important;
}

.questions .ques .question__item .false {
  background: url("../images/game/ques_false.svg") right center no-repeat #FFF4F4 !important;
  background-size: auto 80% !important;
}

.questions .ques .question__item .answers {
  width: 100%;
}

.questions .ques input {
  display: inline-block;
}

.questions .ques label {
  margin: 0 0.26042vw 0 0;
  width: 80%;
  display: inline-block;
}

.questions .btns {
  width: 7.03125vw;
  height: 4.16667vw;
  position: absolute;
  bottom: 3.125vw;
  overflow: hidden;
}

.questions .button__submit {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/game/submit.svg") left bottom no-repeat;
  background-size: 100% auto;
  margin-top: 1.04167vw;
  cursor: pointer;
}

.questions .button__submit:hover {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/game/submit_active.svg") center bottom no-repeat;
  background-size: 100% auto;
}

.questions .button__next {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/game/next.svg") left bottom no-repeat;
  background-size: 100% auto;
  margin-top: 1.04167vw;
  cursor: pointer;
}

.questions .button__next:hover {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/game/next_active.svg") center bottom no-repeat;
  background-size: 100% auto;
}

.questions .button__back {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/game/back.svg") left bottom no-repeat;
  background-size: 100% auto;
  margin-top: 1.04167vw;
  cursor: pointer;
}

.questions .button__back:hover {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/game/back_active.svg") center bottom no-repeat;
  background-size: 100% auto;
}

.questions .button__end {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/end/end.svg") left bottom no-repeat;
  background-size: 100% auto;
  margin-top: 1.04167vw;
  cursor: pointer;
}

.questions .button__end:hover {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/end/end_active.svg") center bottom no-repeat;
  background-size: 100% auto;
}

.questions .true {
  background: url("../images/game/ques_true.svg") right center no-repeat #F4FAF2 !important;
}

.questions .false {
  background: url("../images/game/ques_false.svg") right center no-repeat #FFF4F4 !important;
}

.round1 .questions__main {
  background: url("../images/round1/round1_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.round1 input {
  display: inline-block;
}

.round1 label {
  margin: 0 0.26042vw 0 0;
}

.round2 .questions__main {
  background: url("../images/round2/round2_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.round2 .title__num {
  background-color: #62629B;
}

.round2 .title__text {
  color: #62629B;
}

.round3 .questions__main {
  background: url("../images/round3/round3_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.round3 .title__num {
  background-color: #5A7150;
}

.round3 .title__text {
  color: #5A7150;
}

.round3 .ques {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.round3 .ques .question__item {
  border-radius: 0.26042vw;
  width: 20.3125vw;
  height: auto;
  background: #FBFBFB;
  background-size: auto 80%;
  text-align: right;
  padding: 0 0.52083vw;
  line-height: 1.5625vw;
  padding: 0.52083vw 2.60417vw 0.52083vw 0vw;
  text-align: left;
}

.round3 .ques .question__item input {
  margin: 0 0.52083vw 0 0.52083vw;
}

.round3 .ques .question__item label {
  margin: 0 0.26042vw 0 0;
}

.round3 .answers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.end__score {
  position: fixed;
  margin: auto;
  top: 7.6vw;
  right: 0;
  left: 0;
  right: 0;
  width: 95.27084vw;
  height: 43vw;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 10;
}

.end__score__main {
  width: 52.08333vw;
  height: 31.25vw;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url("../images/end/text_bg.svg") left top no-repeat;
  background-size: 100% auto;
}

.end__score .container {
  width: 41.66667vw;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.end__score .close {
  width: 2.08333vw;
  height: 2.08333vw;
  background: url("../images/game/close.svg") left top no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 1.5625vw;
  left: 45.3125vw;
  cursor: pointer;
}

.end__score .title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5.20833vw;
  font-size: 1.5625vw;
}

.end__score .title__text {
  color: #FF9517;
  font-weight: bolder;
}

.end__score .line {
  width: 100%;
  height: 0.52083vw;
  margin: 1.04167vw 0;
  background: url("../images/game/questions_line.svg") left top no-repeat;
  background-size: 100% auto;
}

.end__score .score {
  color: #707070;
  line-height: 2.08333vw;
}

.end__score .score__green {
  border-radius: 0.26042vw;
  width: 20.3125vw;
  height: 2.60417vw;
  background: url("../images/game/true.svg") 10px center no-repeat #F4FAF2;
  background-size: auto 80%;
  text-align: right;
  padding: 0 0.52083vw;
  font-weight: bolder;
  font-size: 1.14583vw;
  line-height: 2.60417vw;
}

.end__score .score__red {
  border-radius: 0.26042vw;
  width: 20.3125vw;
  height: 2.60417vw;
  background: url("../images/game/false.svg") 10px center no-repeat #FFF7F7;
  background-size: auto 80%;
  text-align: right;
  padding: 0 0.52083vw;
  font-weight: bolder;
  font-size: 1.14583vw;
  line-height: 2.60417vw;
}

.end__score .score__allright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.end__score .score__allright__text {
  height: 2.60417vw;
  margin: 2.08333vw 0 0 0;
}

.end__score .score__allright img {
  width: 2.08333vw;
  height: 2.08333vw;
}

.end__score .score__false {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.end__score .score__false__text {
  width: 100%;
  margin: 2.08333vw 0 0 0;
}

.end__score .score__false__ques {
  width: 100%;
  padding: 0 0.67708vw;
  margin: 0.52083vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.end__score .score__false__ques__item {
  width: 1.82292vw;
  height: 1.82292vw;
  border-radius: 2.08333vw;
  color: #fff;
  text-align: center;
  line-height: 1.97917vw;
  margin: 0 0.78125vw 0.78125vw 0;
  font-size: 1.04167vw;
}

.end__score .score__false__ques .bg01 {
  background-color: #D7B56D;
}

.end__score .score__false__ques .bg02 {
  background-color: #62629B;
}

.end__score .score__false__ques .bg03 {
  background-color: #5A7150;
}

.end__button {
  position: fixed;
  top: 41.14583vw;
  right: 4.16667vw;
  width: 7.8125vw;
  height: 7.8125vw;
}

.end__button__score {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/end/score.svg") center bottom no-repeat;
  background-size: 100% auto;
}

.end__button__score:hover {
  background: url("../images/end/score_active.svg") center bottom no-repeat;
  background-size: 100% auto;
}

.end__button__again {
  width: 7.03125vw;
  height: 3.125vw;
  background: url("../images/end/again.svg") center bottom no-repeat;
  background-size: 100% auto;
  margin: 1.5625vw 0 0 0;
}

.end__button__again:hover {
  background: url("../images/end/again_active.svg") center bottom no-repeat;
  background-size: 100% auto;
}


.end__go {

  margin: auto;
  width: 9.21875vw;
  height: 3.75vw;
  background: url("../images/index/index_go.png") center center no-repeat;
  background-size: 100% auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.end__go:hover {
  width: 9.21875vw;
  height: 3.75vw;
  background: url("../images/index/index_go.png") center center no-repeat;
  background-size: 100% auto;
  -webkit-animation: go linear  0.3s  1;
  animation: go linear  0.3s  1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.end__enter {

  margin: auto;
  width: fit-content;

  color:#000;
}


.road__dot {
  width: 15.625vw;
  height: 6.25vw;
  font-size: 1.04167vw;
  color: #CC9672;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

.road__dot .dot__ques {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2.1875vw;
  height: 2.1875vw;
  background-color: #D7B56D;
  border-radius: 1.5625vw;
}

.road__dot:hover .dot__ques__main__text {
  text-decoration: underline;
}

.road__dot__pre {
  width: 15.625vw;
  height: 6.25vw;
  font-size: 1.04167vw;
  color: #969696;
  font-weight: bold;
  position: relative;
}

.road__dot__pre .dot__ques__pre {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2.1875vw;
  height: 2.1875vw;
  background-color: #F7CE79;
  border-radius: 1.5625vw;
}

.road__dot__pre:hover .dot__ques__pre__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dot__status {
  width: 15.625vw;
  height: 6.25vw;
  font-size: 1.04167vw;
  color: #CC9672;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

.dot__status__true {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2.1875vw;
  height: 2.1875vw;
  background: url("../images/game/true.svg") center center no-repeat;
  background-size: 120% auto;
  border-radius: 1.5625vw;
}

.dot__status__false {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 2.1875vw;
  height: 2.1875vw;
  background: url("../images/game/false.svg") center center no-repeat;
  background-size: 120% auto;
  border-radius: 1.5625vw;
}

.color__2 .road__dot {
  color: #62629B;
}

.color__2 .dot__ques {
  background-color: #ACACCC;
}

.color__2 .dot__ques__main {
  border: 0.20833vw solid #62629B;
}

.color__2 .dot__ques__main__num {
  background-color: #62629B;
}

.color__2 .dot__ques__main::before {
  border-color: #62629B transparent transparent transparent;
}

.color__2 .dot__ques__pre {
  background-color: #CDDAEA;
}

.color__3 .road__dot {
  color: #5A7150;
}

.color__3 .dot__ques {
  background-color: #749A64;
}

.color__3 .dot__ques__main {
  border: 0.20833vw solid #5A7150;
}

.color__3 .dot__ques__main__num {
  background-color: #5A7150;
}

.color__3 .dot__ques__main::before {
  border-color: #5A7150 transparent transparent transparent;
}

.color__3 .dot__ques__pre {
  background-color: #E0B577;
}

.dot__ques__1 {
  position: absolute;
  left: 11.71875vw;
  top: 40.36458vw;
}

.dot__ques__2 {
  position: absolute;
  left: 26.04167vw;
  top: 40.36458vw;
}

.dot__ques__3 {
  position: absolute;
  left: 26.04167vw;
  top: 20.83333vw;
}

.dot__ques__4 {
  position: absolute;
  left: 5.20833vw;
  top: 20.83333vw;
}

.dot__ques__5 {
  position: absolute;
  left: 5.20833vw;
  top: 7.8125vw;
}

.dot__ques__6 {
  position: absolute;
  left: 37.70833vw;
  top: 7.8125vw;
}

.dot__ques__7 {
  position: absolute;
  left: 37.70833vw;
  top: 24.73958vw;
}

.dot__ques__8 {
  position: absolute;
  left: 50.67708vw;
  top: 24.73958vw;
}

.dot__ques__9 {
  position: absolute;
  left: 50.67708vw;
  top: 33.85417vw;
}

.dot__ques__10 {
  position: absolute;
  left: 76.71875vw;
  top: 33.85417vw;
}

.dot__ques__11 {
  position: absolute;
  left: 76.71875vw;
  top: 75.26042vw;
}

.dot__ques__12 {
  position: absolute;
  left: 87.08333vw;
  top: 75.26042vw;
}

.dot__ques__13 {
  position: absolute;
  left: 87.08333vw;
  top: 85.67708vw;
}

.dot__ques__14 {
  position: absolute;
  left: 101.35417vw;
  top: 85.67708vw;
}

.dot__ques__15 {
  position: absolute;
  left: 101.35417vw;
  top: 75.26042vw;
}

.dot__ques__16 {
  position: absolute;
  left: 126.04167vw;
  top: 75.26042vw;
}

.dot__ques__17 {
  position: absolute;
  left: 126.04167vw;
  top: 66.14583vw;
}

.dot__ques__18 {
  position: absolute;
  left: 98.75vw;
  top: 66.14583vw;
}

.dot__ques__19 {
  position: absolute;
  left: 98.75vw;
  top: 40.20833vw;
}

.dot__ques__20 {
  position: absolute;
  left: 98.75vw;
  top: 27.23958vw;
}

.dot__ques__21 {
  position: absolute;
  left: 132.5vw;
  top: 27.34375vw;
}

.dot__ques__22 {
  position: absolute;
  left: 132.5vw;
  top: 14.32292vw;
}

.dot__ques__23 {
  position: absolute;
  left: 158.38542vw;
  top: 22.03125vw;
}

.dot__ques__24 {
  position: absolute;
  left: 158.38542vw;
  top: 33.85417vw;
}

.dot__ques__25 {
  position: absolute;
  left: 184.375vw;
  top: 33.85417vw;
}

.dot__ques__main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0vw;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 3.125vw;
  background-color: #fff;
  border-radius: 1.5625vw;
  border: 0.20833vw solid #CC9672;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  padding: 0 0.52083vw;
  -webkit-animation: jump linear  1s  infinite;
  animation: jump linear  1s  infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.dot__ques__main__num {
  width: 1.82292vw;
  height: 1.82292vw;
  background-color: #CC9672;
  border-radius: 1.82292vw;
  color: #fff;
  text-align: center;
  line-height: 1.82292vw;
  margin-right: 0.52083vw;
}

.dot__ques__main__text {
  width: auto;
  white-space: nowrap;
}

.dot__ques__main::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 2.76042vw;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.04167vw 1.04167vw 0 1.04167vw;
  border-color: #CC9672 transparent transparent transparent;
}

.dot__ques__main::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 2.5vw;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.04167vw 1.04167vw 0 1.04167vw;
  border-color: #fff transparent transparent transparent;
}

.dot__ques__pre__main {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 3.125vw;
  background-color: #fff;
  border-radius: 1.5625vw;
  border: 0.20833vw solid #969696;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  padding: 0 0.52083vw;
}

.dot__ques__pre__main__num {
  width: 1.82292vw;
  height: 1.82292vw;
  background-color: #969696;
  border-radius: 1.82292vw;
  color: #fff;
  text-align: center;
  line-height: 1.82292vw;
  margin-right: 0.52083vw;
}

.dot__ques__pre__main__text {
  width: auto;
  white-space: nowrap;
}

.dot__ques__pre__main::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 2.76042vw;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.04167vw 1.04167vw 0 1.04167vw;
  border-color: #969696 transparent transparent transparent;
}

.dot__ques__pre__main::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 2.5vw;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.04167vw 1.04167vw 0 1.04167vw;
  border-color: #fff transparent transparent transparent;
}

.road {
  width: 10.41667vw;
  height: 0.9375vw;
  background: url("../images/game/road_line.svg") left center repeat-x;
  background-size: auto;
}

.road__1 {
  width: 15.10417vw;
  position: absolute;
  left: 19.47917vw;
  top: 61.97917vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__2 {
  width: 9.89583vw;
  position: absolute;
  left: 21.875vw;
  top: 45.05208vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__3 {
  width: 15.10417vw;
  position: absolute;
  left: 33.85417vw;
  top: 42.60417vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__4 {
  width: 16.66667vw;
  position: absolute;
  left: 31.77083vw;
  top: 25.52083vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.road__5 {
  width: 9.375vw;
  position: absolute;
  left: 13.02083vw;
  top: 23.4375vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__6 {
  width: 28.64583vw;
  position: absolute;
  left: 15.10417vw;
  top: 12.5vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__7 {
  width: 12.60417vw;
  position: absolute;
  left: 45.46875vw;
  top: 14.58333vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.road__8 {
  width: 9.375vw;
  position: absolute;
  left: 47.65625vw;
  top: 29.42708vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__9 {
  width: 5.72917vw;
  position: absolute;
  left: 58.59375vw;
  top: 31.51042vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.road__10 {
  width: 21.875vw;
  position: absolute;
  left: 60.67708vw;
  top: 38.54167vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__11 {
  width: 37.5vw;
  position: absolute;
  left: 84.53125vw;
  top: 40.625vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.road__12 {
  width: 6.25vw;
  position: absolute;
  left: 86.61458vw;
  top: 80vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__13 {
  width: 6.25vw;
  position: absolute;
  left: 94.89583vw;
  top: 82.08333vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.road__14 {
  width: 10.15625vw;
  position: absolute;
  left: 96.97917vw;
  top: 90.36458vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__15 {
  width: 6.5625vw;
  position: absolute;
  left: 109.11458vw;
  top: 88.54167vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__16 {
  width: 20.3125vw;
  position: absolute;
  left: 111.45833vw;
  top: 80vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__17 {
  width: 5.20833vw;
  position: absolute;
  left: 133.85417vw;
  top: 78.125vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__18 {
  width: 22.91667vw;
  position: absolute;
  left: 131.77083vw;
  top: 70.83333vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.road__19 {
  width: 21.875vw;
  position: absolute;
  left: 106.51042vw;
  top: 68.75vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__20 {
  width: 8.85417vw;
  position: absolute;
  left: 106.51042vw;
  top: 42.70833vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__21 {
  width: 29.6875vw;
  position: absolute;
  left: 108.59375vw;
  top: 32.03125vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__22 {
  width: 9.375vw;
  position: absolute;
  left: 140.26042vw;
  top: 30.20833vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.road__23-1 {
  width: 10.9375vw;
  position: absolute;
  left: 142.1875vw;
  top: 19.01042vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__23-2 {
  width: 7.03125vw;
  position: absolute;
  left: 153.125vw;
  top: 19.53125vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.road__23-3 {
  width: 10.67708vw;
  position: absolute;
  left: 153.75vw;
  top: 26.82292vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__24 {
  width: 7.8125vw;
  position: absolute;
  left: 166.19792vw;
  top: 28.90625vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.road__25 {
  width: 21.35417vw;
  position: absolute;
  left: 168.33333vw;
  top: 38.54167vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__28 {
  width: 8.85417vw;
  position: absolute;
  left: 181.35417vw;
  top: 38.54167vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.road__end {
  width: 31.51042vw;
  position: absolute;
  left: 192.13542vw;
  top: 40.625vw;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@-webkit-keyframes go {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes go {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes zoomout {
  100% {
    -webkit-transform: scale(0.35);
    transform: scale(0.35);
    left: 11.45833vw;
  }
}

@keyframes zoomout {
  100% {
    -webkit-transform: scale(0.35);
    transform: scale(0.35);
    left: 11.45833vw;
  }
}

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(0.35);
    transform: scale(0.35);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomin {
  0% {
    -webkit-transform: scale(0.35);
    transform: scale(0.35);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hide {
  display: none !important;
}

@-webkit-keyframes jump {
  100% {
    top: -20px;
  }
}

@keyframes jump {
  100% {
    top: -20px;
  }
}

.form__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: url("../images/index/from_bg.jpg") center center no-repeat;
  background-size: cover;
  /* overflow-y: scroll; */
  overflow: scroll;
}

@media (max-width: 750px) and (min-width: 0) {
  .form__bg {
    width: 100vw;
    height: 100vh;
    background-size: cover;
  }
}
.index .form {
  width: 80%;
  height: fit-content;
  margin: auto;
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 18px;
  z-index: 100;
  position: relative;
}
.form div {
  width: 100%;
}
.index input,select {
  height: 40px;
  border-radius: 10px;
  border: 1px solid #888;
  width: 100%;
  margin-top: 4px;
  padding: 0 10px;
}

.index .title {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #3D7FB3;
}

.index .button__submit {
  width: 100px;
  height: 40px;
  background: #FF9518;
  background-size: 100% auto;
  cursor: pointer;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  text-align: center;
}

.index .button__submit:hover {

  background: #da7e15;
}