.timeloading {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 640px;
  height: 4px;
  background: hsl(0, 0%, 97%);
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset;
  z-index: 900;
}

.timeloading.stop span {
  animation-play-state: paused;
}

.timeloading span {
  background: linear-gradient(to right, rgba(26, 188, 156, 0.4), rgb(26, 188, 156));
  transition: 1s linear;
  transform-origin: left;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  animation: countdown 16s infinite;
}

@keyframes countdown {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.timeloading span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  height: 4px;
  background-color: rgb(22, 153, 127);
  box-shadow: 0 0 5px 1px rgb(22, 153, 127);
}

.corner__wrap.BR .routemap__box:nth-child(odd) {
  height: 1.7004048583%;
}

.corner__wrap.BR .routemap__box:nth-child(even) {
  height: 2.3481781377%;
}

.corner__wrap.R .routemap__box:nth-child(odd) {
  height: 1.5446855462%;
}

.corner__wrap.R .routemap__box:nth-child(even) {
  height: 2.1331371828%;
}

.corner__wrap.G .routemap__box:nth-child(odd) {
  height: 2.1920668058%;
}

.corner__wrap.G .routemap__box:nth-child(even) {
  height: 3.0271398747%;
}

.corner__wrap.O1 .routemap__box:nth-child(odd) {
  height: 2.4489795918%;
}

.corner__wrap.O1 .routemap__box:nth-child(even) {
  height: 3.3819241983%;
}

.corner__wrap.O2 .routemap__box:nth-child(odd) {
  height: 1.9886363636%;
}

.corner__wrap.O2 .routemap__box:nth-child(even) {
  height: 2.7462121212%;
}

.corner__wrap.BL .routemap__box:nth-child(odd) {
  height: 1.8010291595%;
}

.corner__wrap.BL .routemap__box:nth-child(even) {
  height: 2.487135506%;
}

.corner__wrap.Y .routemap__box:nth-child(odd) {
  height: 2.9288702929%;
}

.corner__wrap.Y .routemap__box:nth-child(even) {
  height: 4.0446304045%;
}

.corner__wrap.BX .routemap__box:nth-child(odd) {
  height: 19.8113207547%;
}

.corner__wrap.BX .routemap__box:nth-child(even) {
  height: 27.358490566%;
}

.corner__wrap.QX .routemap__box:nth-child(odd) {
  height: 19.8113207547%;
}

.corner__wrap.QX .routemap__box:nth-child(even) {
  height: 27.358490566%;
}

.corner__wrap.BR .stationlabel__box {
  height: 4.048582996%;
}

.corner__wrap.R .stationlabel__box {
  height: 3.6778227289%;
}

.corner__wrap.G .stationlabel__box {
  height: 5.2192066806%;
}

.corner__wrap.O1 .stationlabel__box {
  height: 5.8309037901%;
}

.corner__wrap.O2 .stationlabel__box {
  height: 4.7348484848%;
}

.corner__wrap.BL .stationlabel__box {
  height: 4.2881646655%;
}

.corner__wrap.Y .stationlabel__box {
  height: 6.9735006974%;
}

.corner__wrap.BX .stationlabel__box {
  height: 47.1698113208%;
}

.corner__wrap.QX .stationlabel__box {
  height: 47.1698113208%;
}

.cart {
  display: block;
  width: 100%;
}

.cart.up {
  text-align: right;
}

.cart.down {
  text-align: left;
}

.cart__wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart__body {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.cart__dest {
  flex: 0 0 78.7726175878%;
  font-size: 0;
}

.cart.up .cart__dest {
  margin-left: 2px;
}

.cart.down .cart__dest {
  margin-right: 2px;
}

.cart__body .cart__arrow,
.cart__body .cart__car {
  flex: 0 0 100%;
  font-size: 0;
}

.cart.up .cart__arrow {
  margin-bottom: 1px;
}

.cart.down .cart__arrow {
  margin-top: 1px;
}

.swal2-popup {
  width: 100% !important;
  max-width: 480px !important;
}

.swal2-styled.swal2-confirm {
  font-size: 1.6rem !important;
}

.trainreal__wrap {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border-bottom: 0.5rem solid #808080;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.trainreal__wrap .trainreal__dest {
  flex: 0 0 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.trainreal__dest .dest__text {
  font-size: 1.6rem;
  font-weight: bold;
}

.trainreal__dest .dest__stationlabel {
  font-size: 0;
  max-width: 6rem;
}

.trainreal__wrap .trainreal__corner,
.trainreal__wrap .trainreal__cornertext {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
}

.trainreal__wrap .trainreal__corner.hide,
.trainreal__wrap .trainreal__cornertext.hide {
  display: none;
}

.trainreal__wrap .trainreal__cornertext {
  font-size: 1.4rem;
  color: #808080;
}

.trainreal__corner .corner__item {
  flex: 0 0 16.6666666667%;
  font-size: 0;
}

.BR .corner__item:nth-of-type(5),
.BR .corner__item:nth-of-type(6) {
  display: none;
}

.trainreal__corner .corner__item img {
  aspect-ratio: 300/137;
}

.traininfo__wrap {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border-bottom: 1px solid #808080;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.traininfo__wrap .traininfo__title {
  margin-bottom: 0.5rem;
  flex: 0 0 100%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}

.traininfo__wrap .traininfo__item {
  padding: 0.3rem 0;
  flex: 0 0 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
}

.traininfo__item .traininfo__headpic {
  font-size: 0;
}

.traintime__wrap {
  padding: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.traintime__wrap .traintime__item {
  flex: 0 0 50%;
  font-size: 1.6rem;
  text-align: left;
}

.updatetime__wrap {
  width: 100%;
  text-align: right;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.updatetime__text {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
}

.corner.container {
  padding: 0;
  min-height: 70vh;
}

.corner__wrap {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}

.corner__wrap .nav {
  position: relative;
  top: 0;
  width: 100%;
  max-width: 640px;
  z-index: 500;
  margin: 0 auto;
  background-color: #fff;
  display: flex;
}

.corner__wrap .nav::after {
  content: "";
  background-color: #FFF;
}

.corner__wrap .nav::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  width: 100%;
  height: 5px;
  background: linear-gradient(to bottom, #E6E6E6 0%, #FFF 100%);
}

.corner__wrap .nav .nav__item {
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: transparent;
  flex: 0 0 16.6666666667%;
  padding: 0;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.corner__wrap .nav .nav__item img {
  transform: scale(0.8);
  transition: all 0.3s ease-in-out;
  transform-origin: center;
}

.corner__wrap .nav .nav__item.active img {
  transform: scale(1);
}

.corner__wrap .main {
  width: 100%;
}

.main .cornerlegend__wrap {
  position: relative;
  width: 100%;
  padding: 10px 0;
  max-width: 640px;
  margin: auto;
  background: #FFF;
}

.transferhint__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
}

.transferhint__wrap .transferhint__item {
  flex: 0 0 33.33333333%;
  cursor: pointer;
}

.cornerlegend__wrap .showtraintime_wrap {
  position: absolute;
  left: 0;
  height: auto;
  margin: 0 auto;
  background-color: #4D4D4D;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 20px;
  z-index: 990;
}

.showtraintime_wrap .showtraintime_icon {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  flex: 0 0 8.303226%;
  background-color: transparent;
  margin-left: 10px;
  cursor: pointer;
}

@media screen and (min-width: 769px) {
  .showtraintime_wrap .showtraintime_icon {
    flex: 0 0 40px;
  }
}
.showtraintime_wrap .showtraintime_icon img {
  max-height: 40px;
}

.cornerlegend__wrap .showtraintime_wrap.alert,
.showtraintime_wrap.alert .showtraintime_icon {
  background-color: #d02c2f;
}

.showtraintime_wrap .showtraintime_text {
  flex: 1;
  padding: 0;
  font-size: 0;
}

.showtraintime_wrap .showtraintime_text img {
  width: 90%;
}

.cornerlegend__wrap .showtraintime_wrap.hide {
  background: transparent;
  z-index: 500;
}

.cornerlegend__wrap .showtraintime_wrap.none,
.cornerlegend__wrap .showtraintime_wrap.none .showtraintime_icon,
.cornerlegend__wrap .showtraintime_wrap.none .showtraintime_text {
  display: none;
  width: 0;
  height: 0;
}

.showtraintime_wrap.show .showtraintime_icon {
  box-shadow: none;
}

.showtraintime_wrap.show {
  right: 0;
  width: 95%;
  box-shadow: #A3A3A3 2px 2px 4px;
}

.showtraintime_wrap.hide .showtraintime_text {
  flex: 0;
}

.ledgendbranchmenu__wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cornerlegend__wrap .showcornerlegend {
  display: inline-block;
  flex: 0 0 39.0625%;
  margin-left: 9.1145833333%;
}

.cornerlegend__wrap .branchmenu__wrap {
  display: flex;
  justify-content: flex-end;
  position: relative;
  left: 98%;
  width: 50%;
  max-width: 200px;
  margin: auto;
  z-index: 900;
  transform: translateX(-100%);
  pointer-events: none;
}

@media screen and (min-width: 769px) {
  .cornerlegend__wrap .branchmenu__wrap {
    width: 100%;
    max-width: 640px;
    left: 0;
    right: 0;
    transform: none;
  }
}
.branchmenu__wrap .branchmenu__item {
  --border-width: 2px;
  --border-radius: 10000px;
  --background-spread: 70px;
  position: relative;
  z-index: 10;
  cursor: pointer;
  margin-left: 10px;
  background-color: #e5f2f7;
  border-radius: var(--border-radius);
  box-shadow: 1px 1px 5px #e3e3e3;
  padding: var(--border-width);
  overflow: hidden;
  pointer-events: all;
}

.branchmenu__wrap .branchmenu__item > span {
  display: block;
  background-color: #e5f2f7;
  border-radius: calc(var(--border-radius) - var(--border-width) / 2);
  padding: 5px;
  font-size: 0;
}

.branchmenu__wrap .branchmenu__item.active > span {
  background: #FFF;
}

.branchmenu__item.active::after {
  content: "";
  position: absolute;
  background: linear-gradient(to right, #FFF 0%, #FFF 50%, #40af36 50%, #007ab0 75%);
  top: calc(var(--background-spread) * -1);
  right: calc(var(--background-spread) * -1);
  bottom: calc(var(--background-spread) * -1);
  left: calc(var(--background-spread) * -1);
  z-index: -1;
  animation: 3s rotate linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.main .routemap__inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.routemapimg__wrap {
  position: relative;
  width: 100%;
  background-color: transparent !important;
}

.stationlabel__wrap {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 24.7395833333%;
  height: 100%;
}

.BR .stationlabel__wrap {
  top: 1.1740890688%;
}

.R .stationlabel__wrap {
  top: 1.0665685914%;
}

.G .stationlabel__wrap {
  top: 1.5135699374%;
}

.O1 .stationlabel__wrap {
  top: 1.6909620991%;
}

.O2 .stationlabel__wrap {
  top: 1.3731060606%;
}

.BL .stationlabel__wrap {
  top: 1.243567753%;
}

.Y .stationlabel__wrap {
  top: 2.0223152022%;
}

.BX .stationlabel__wrap {
  top: 13.679245283%;
}

.QX .stationlabel__wrap {
  top: 13.679245283%;
}

.stationlabel__wrap .stationlabel__box a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.stationtransfer__wrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 20.1822916667%;
  height: 100%;
}

.stationtransfer__wrap .stationtransfer__item {
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
}

.BR .stationtransfer__wrap .stationtransfer__item {
  height: 4.048582996%;
}

.R .stationtransfer__wrap .stationtransfer__item {
  height: 3.6778227289%;
}

.G .stationtransfer__wrap .stationtransfer__item {
  height: 5.2192066806%;
}

.O1 .stationtransfer__wrap .stationtransfer__item {
  height: 5.8309037901%;
}

.O2 .stationtransfer__wrap .stationtransfer__item {
  height: 4.7348484848%;
}

.BL .stationtransfer__wrap .stationtransfer__item {
  height: 4.2881646655%;
}

.Y .stationtransfer__wrap .stationtransfer__item {
  height: 6.9735006974%;
}

.BX .stationtransfer__wrap .stationtransfer__item {
  height: 47.1698113208%;
}

.QX .stationtransfer__wrap .stationtransfer__item {
  height: 47.1698113208%;
}

.stationtransfer__item .stationtransfer__box {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.station__wrap {
  width: 4.296875%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 52.4739583333%;
  z-index: 6;
}

.BR .station__wrap {
  top: 1.1740890688%;
}

.R .station__wrap {
  top: 1.0665685914%;
}

.G .station__wrap {
  top: 1.5135699374%;
}

.O1 .station__wrap {
  top: 1.6909620991%;
}

.O2 .station__wrap {
  top: 1.3731060606%;
}

.BL .station__wrap {
  top: 1.243567753%;
}

.Y .station__wrap {
  top: 2.0223152022%;
}

.BX .station__wrap {
  top: 13.679245283%;
}

.QX .station__wrap {
  top: 13.679245283%;
}

.station__wrap .station__box {
  -webkit-appearance: none;
  border: none;
  outline: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
}

.BR .station__box,
.R .station__box,
.G .station__box,
.O .station__box,
.O1 .station__box,
.O2 .station__box,
.BL .station__box {
  cursor: pointer;
}

.station__wrap .station__box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-radius: 25%;
  background-color: #fff;
  border: 1px solid #bdb9ba;
}

.station__wrap .station__box.active::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  z-index: -1;
  background-color: rgb(100, 255, 243);
  border-radius: 25%;
}

.BR .station__wrap #stationbox1 {
  height: 1.3360323887%;
  top: 0%;
}

.BR .station__wrap #stationbox2 {
  height: 1.3360323887%;
  top: 4.048582996%;
}

.BR .station__wrap #stationbox3 {
  height: 1.3360323887%;
  top: 8.0971659919%;
}

.BR .station__wrap #stationbox4 {
  height: 1.3360323887%;
  top: 12.1457489879%;
}

.BR .station__wrap #stationbox5 {
  height: 1.3360323887%;
  top: 16.1943319838%;
}

.BR .station__wrap #stationbox6 {
  height: 1.3360323887%;
  top: 20.2429149798%;
}

.BR .station__wrap #stationbox7 {
  height: 1.3360323887%;
  top: 24.2914979757%;
}

.BR .station__wrap #stationbox8 {
  height: 1.3360323887%;
  top: 28.3400809717%;
}

.BR .station__wrap #stationbox9 {
  height: 1.3360323887%;
  top: 32.3886639676%;
}

.BR .station__wrap #stationbox10 {
  height: 1.3360323887%;
  top: 36.4372469636%;
}

.BR .station__wrap #stationbox11 {
  height: 1.3360323887%;
  top: 40.4858299595%;
}

.BR .station__wrap #stationbox12 {
  height: 1.3360323887%;
  top: 44.5344129555%;
}

.BR .station__wrap #stationbox13 {
  height: 1.3360323887%;
  top: 48.5829959514%;
}

.BR .station__wrap #stationbox14 {
  height: 1.3360323887%;
  top: 52.6315789474%;
}

.BR .station__wrap #stationbox15 {
  height: 1.3360323887%;
  top: 56.6801619433%;
}

.BR .station__wrap #stationbox16 {
  height: 1.3360323887%;
  top: 60.7287449393%;
}

.BR .station__wrap #stationbox17 {
  height: 1.3360323887%;
  top: 64.7773279352%;
}

.BR .station__wrap #stationbox18 {
  height: 1.3360323887%;
  top: 68.8259109312%;
}

.BR .station__wrap #stationbox19 {
  height: 1.3360323887%;
  top: 72.8744939271%;
}

.BR .station__wrap #stationbox20 {
  height: 1.3360323887%;
  top: 76.9230769231%;
}

.BR .station__wrap #stationbox21 {
  height: 1.3360323887%;
  top: 80.971659919%;
}

.BR .station__wrap #stationbox22 {
  height: 1.3360323887%;
  top: 85.020242915%;
}

.BR .station__wrap #stationbox23 {
  height: 1.3360323887%;
  top: 89.0688259109%;
}

.BR .station__wrap #stationbox24 {
  height: 1.3360323887%;
  top: 93.1174089069%;
}

.R .station__wrap #stationbox1 {
  height: 1.2136815006%;
  top: 0%;
}

.R .station__wrap #stationbox2 {
  height: 1.2136815006%;
  top: 3.6778227289%;
}

.R .station__wrap #stationbox3 {
  height: 1.2136815006%;
  top: 7.3556454579%;
}

.R .station__wrap #stationbox4 {
  height: 1.2136815006%;
  top: 11.0334681868%;
}

.R .station__wrap #stationbox5 {
  height: 1.2136815006%;
  top: 14.7112909158%;
}

.R .station__wrap #stationbox6 {
  height: 1.2136815006%;
  top: 18.3891136447%;
}

.R .station__wrap #stationbox7 {
  height: 1.2136815006%;
  top: 22.0669363737%;
}

.R .station__wrap #stationbox8 {
  height: 1.2136815006%;
  top: 25.7447591026%;
}

.R .station__wrap #stationbox9 {
  height: 1.2136815006%;
  top: 29.4225818316%;
}

.R .station__wrap #stationbox10 {
  height: 1.2136815006%;
  top: 33.1004045605%;
}

.R .station__wrap #stationbox11 {
  height: 1.2136815006%;
  top: 36.7782272894%;
}

.R .station__wrap #stationbox12 {
  height: 1.2136815006%;
  top: 40.4560500184%;
}

.R .station__wrap #stationbox13 {
  height: 1.2136815006%;
  top: 44.1338727473%;
}

.R .station__wrap #stationbox14 {
  height: 1.2136815006%;
  top: 47.8116954763%;
}

.R .station__wrap #stationbox15 {
  height: 1.2136815006%;
  top: 51.4895182052%;
}

.R .station__wrap #stationbox16 {
  height: 1.2136815006%;
  top: 55.1673409342%;
}

.R .station__wrap #stationbox17 {
  height: 1.2136815006%;
  top: 58.8451636631%;
}

.R .station__wrap #stationbox18 {
  height: 1.2136815006%;
  top: 62.5229863921%;
}

.R .station__wrap #stationbox19 {
  height: 1.2136815006%;
  top: 66.200809121%;
}

.R .station__wrap #stationbox20 {
  height: 1.2136815006%;
  top: 69.8786318499%;
}

.R .station__wrap #stationbox21 {
  height: 1.2136815006%;
  top: 73.5564545789%;
}

.R .station__wrap #stationbox22 {
  height: 1.2136815006%;
  top: 77.2342773078%;
}

.R .station__wrap #stationbox23 {
  height: 1.2136815006%;
  top: 80.9121000368%;
}

.R .station__wrap #stationbox24 {
  height: 1.2136815006%;
  top: 84.5899227657%;
}

.R .station__wrap #stationbox25 {
  height: 1.2136815006%;
  top: 88.2677454947%;
}

.R .station__wrap #stationbox26 {
  height: 1.2136815006%;
  top: 91.9455682236%;
}

.R .station__wrap #stationbox27 {
  height: 1.2136815006%;
  top: 95.6233909526%;
}

.G .station__wrap #stationbox1 {
  height: 1.7223382046%;
  top: 0%;
}

.G .station__wrap #stationbox2 {
  height: 1.7223382046%;
  top: 5.2192066806%;
}

.G .station__wrap #stationbox3 {
  height: 1.7223382046%;
  top: 10.4384133612%;
}

.G .station__wrap #stationbox4 {
  height: 1.7223382046%;
  top: 15.6576200418%;
}

.G .station__wrap #stationbox5 {
  height: 1.7223382046%;
  top: 20.8768267223%;
}

.G .station__wrap #stationbox6 {
  height: 1.7223382046%;
  top: 26.0960334029%;
}

.G .station__wrap #stationbox7 {
  height: 1.7223382046%;
  top: 31.3152400835%;
}

.G .station__wrap #stationbox8 {
  height: 1.7223382046%;
  top: 36.5344467641%;
}

.G .station__wrap #stationbox9 {
  height: 1.7223382046%;
  top: 41.7536534447%;
}

.G .station__wrap #stationbox10 {
  height: 1.7223382046%;
  top: 46.9728601253%;
}

.G .station__wrap #stationbox11 {
  height: 1.7223382046%;
  top: 52.1920668058%;
}

.G .station__wrap #stationbox12 {
  height: 1.7223382046%;
  top: 57.4112734864%;
}

.G .station__wrap #stationbox13 {
  height: 1.7223382046%;
  top: 62.630480167%;
}

.G .station__wrap #stationbox14 {
  height: 1.7223382046%;
  top: 67.8496868476%;
}

.G .station__wrap #stationbox15 {
  height: 1.7223382046%;
  top: 73.0688935282%;
}

.G .station__wrap #stationbox16 {
  height: 1.7223382046%;
  top: 78.2881002088%;
}

.G .station__wrap #stationbox17 {
  height: 1.7223382046%;
  top: 83.5073068894%;
}

.G .station__wrap #stationbox18 {
  height: 1.7223382046%;
  top: 88.7265135699%;
}

.G .station__wrap #stationbox19 {
  height: 1.7223382046%;
  top: 93.9457202505%;
}

.O1 .station__wrap #stationbox1 {
  height: 1.9241982507%;
  top: 0%;
}

.O1 .station__wrap #stationbox2 {
  height: 1.9241982507%;
  top: 5.8309037901%;
}

.O1 .station__wrap #stationbox3 {
  height: 1.9241982507%;
  top: 11.6618075802%;
}

.O1 .station__wrap #stationbox4 {
  height: 1.9241982507%;
  top: 17.4927113703%;
}

.O1 .station__wrap #stationbox5 {
  height: 1.9241982507%;
  top: 23.3236151603%;
}

.O1 .station__wrap #stationbox6 {
  height: 1.9241982507%;
  top: 29.1545189504%;
}

.O1 .station__wrap #stationbox7 {
  height: 1.9241982507%;
  top: 34.9854227405%;
}

.O1 .station__wrap #stationbox8 {
  height: 1.9241982507%;
  top: 40.8163265306%;
}

.O1 .station__wrap #stationbox9 {
  height: 1.9241982507%;
  top: 46.6472303207%;
}

.O1 .station__wrap #stationbox10 {
  height: 1.9241982507%;
  top: 52.4781341108%;
}

.O1 .station__wrap #stationbox11 {
  height: 1.9241982507%;
  top: 58.3090379009%;
}

.O1 .station__wrap #stationbox12 {
  height: 1.9241982507%;
  top: 64.139941691%;
}

.O1 .station__wrap #stationbox13 {
  height: 1.9241982507%;
  top: 69.970845481%;
}

.O1 .station__wrap #stationbox14 {
  height: 1.9241982507%;
  top: 75.8017492711%;
}

.O1 .station__wrap #stationbox15 {
  height: 1.9241982507%;
  top: 81.6326530612%;
}

.O1 .station__wrap #stationbox16 {
  height: 1.9241982507%;
  top: 87.4635568513%;
}

.O1 .station__wrap #stationbox17 {
  height: 1.9241982507%;
  top: 93.2944606414%;
}

.O1 .station__wrap #stationbox18 {
  height: 1.9241982507%;
  top: 99.1253644315%;
}

.O2 .station__wrap #stationbox1 {
  height: 1.5625%;
  top: 0%;
}

.O2 .station__wrap #stationbox2 {
  height: 1.5625%;
  top: 4.7348484848%;
}

.O2 .station__wrap #stationbox3 {
  height: 1.5625%;
  top: 9.4696969697%;
}

.O2 .station__wrap #stationbox4 {
  height: 1.5625%;
  top: 14.2045454545%;
}

.O2 .station__wrap #stationbox5 {
  height: 1.5625%;
  top: 18.9393939394%;
}

.O2 .station__wrap #stationbox6 {
  height: 1.5625%;
  top: 23.6742424242%;
}

.O2 .station__wrap #stationbox7 {
  height: 1.5625%;
  top: 28.4090909091%;
}

.O2 .station__wrap #stationbox8 {
  height: 1.5625%;
  top: 33.1439393939%;
}

.O2 .station__wrap #stationbox9 {
  height: 1.5625%;
  top: 37.8787878788%;
}

.O2 .station__wrap #stationbox10 {
  height: 1.5625%;
  top: 42.6136363636%;
}

.O2 .station__wrap #stationbox11 {
  height: 1.5625%;
  top: 47.3484848485%;
}

.O2 .station__wrap #stationbox12 {
  height: 1.5625%;
  top: 52.0833333333%;
}

.O2 .station__wrap #stationbox13 {
  height: 1.5625%;
  top: 56.8181818182%;
}

.O2 .station__wrap #stationbox14 {
  height: 1.5625%;
  top: 61.553030303%;
}

.O2 .station__wrap #stationbox15 {
  height: 1.5625%;
  top: 66.2878787879%;
}

.O2 .station__wrap #stationbox16 {
  height: 1.5625%;
  top: 71.0227272727%;
}

.O2 .station__wrap #stationbox17 {
  height: 1.5625%;
  top: 75.7575757576%;
}

.O2 .station__wrap #stationbox18 {
  height: 1.5625%;
  top: 80.4924242424%;
}

.O2 .station__wrap #stationbox19 {
  height: 1.5625%;
  top: 85.2272727273%;
}

.O2 .station__wrap #stationbox20 {
  height: 1.5625%;
  top: 89.9621212121%;
}

.O2 .station__wrap #stationbox21 {
  height: 1.5625%;
  top: 94.696969697%;
}

.O2 .station__wrap #stationbox22 {
  height: 1.5625%;
  top: 99.4318181818%;
}

.BL .station__wrap #stationbox1 {
  height: 1.4150943396%;
  top: 0%;
}

.BL .station__wrap #stationbox2 {
  height: 1.4150943396%;
  top: 4.2881646655%;
}

.BL .station__wrap #stationbox3 {
  height: 1.4150943396%;
  top: 8.576329331%;
}

.BL .station__wrap #stationbox4 {
  height: 1.4150943396%;
  top: 12.8644939966%;
}

.BL .station__wrap #stationbox5 {
  height: 1.4150943396%;
  top: 17.1526586621%;
}

.BL .station__wrap #stationbox6 {
  height: 1.4150943396%;
  top: 21.4408233276%;
}

.BL .station__wrap #stationbox7 {
  height: 1.4150943396%;
  top: 25.7289879931%;
}

.BL .station__wrap #stationbox8 {
  height: 1.4150943396%;
  top: 30.0171526587%;
}

.BL .station__wrap #stationbox9 {
  height: 1.4150943396%;
  top: 34.3053173242%;
}

.BL .station__wrap #stationbox10 {
  height: 1.4150943396%;
  top: 38.5934819897%;
}

.BL .station__wrap #stationbox11 {
  height: 1.4150943396%;
  top: 42.8816466552%;
}

.BL .station__wrap #stationbox12 {
  height: 1.4150943396%;
  top: 47.1698113208%;
}

.BL .station__wrap #stationbox13 {
  height: 1.4150943396%;
  top: 51.4579759863%;
}

.BL .station__wrap #stationbox14 {
  height: 1.4150943396%;
  top: 55.7461406518%;
}

.BL .station__wrap #stationbox15 {
  height: 1.4150943396%;
  top: 60.0343053173%;
}

.BL .station__wrap #stationbox16 {
  height: 1.4150943396%;
  top: 64.3224699828%;
}

.BL .station__wrap #stationbox17 {
  height: 1.4150943396%;
  top: 68.6106346484%;
}

.BL .station__wrap #stationbox18 {
  height: 1.4150943396%;
  top: 72.8987993139%;
}

.BL .station__wrap #stationbox19 {
  height: 1.4150943396%;
  top: 77.1869639794%;
}

.BL .station__wrap #stationbox20 {
  height: 1.4150943396%;
  top: 81.4751286449%;
}

.BL .station__wrap #stationbox21 {
  height: 1.4150943396%;
  top: 85.7632933105%;
}

.BL .station__wrap #stationbox22 {
  height: 1.4150943396%;
  top: 90.051457976%;
}

.BL .station__wrap #stationbox23 {
  height: 1.4150943396%;
  top: 94.3396226415%;
}

.Y .station__wrap #stationbox1 {
  height: 2.3012552301%;
  top: 0%;
}

.Y .station__wrap #stationbox2 {
  height: 2.3012552301%;
  top: 6.9735006974%;
}

.Y .station__wrap #stationbox3 {
  height: 2.3012552301%;
  top: 13.9470013947%;
}

.Y .station__wrap #stationbox4 {
  height: 2.3012552301%;
  top: 20.9205020921%;
}

.Y .station__wrap #stationbox5 {
  height: 2.3012552301%;
  top: 27.8940027894%;
}

.Y .station__wrap #stationbox6 {
  height: 2.3012552301%;
  top: 34.8675034868%;
}

.Y .station__wrap #stationbox7 {
  height: 2.3012552301%;
  top: 41.8410041841%;
}

.Y .station__wrap #stationbox8 {
  height: 2.3012552301%;
  top: 48.8145048815%;
}

.Y .station__wrap #stationbox9 {
  height: 2.3012552301%;
  top: 55.7880055788%;
}

.Y .station__wrap #stationbox10 {
  height: 2.3012552301%;
  top: 62.7615062762%;
}

.Y .station__wrap #stationbox11 {
  height: 2.3012552301%;
  top: 69.7350069735%;
}

.Y .station__wrap #stationbox12 {
  height: 2.3012552301%;
  top: 76.7085076709%;
}

.Y .station__wrap #stationbox13 {
  height: 2.3012552301%;
  top: 83.6820083682%;
}

.Y .station__wrap #stationbox14 {
  height: 2.3012552301%;
  top: 90.6555090656%;
}

.Y .station__wrap #stationbox15 {
  height: 2.3012552301%;
  top: 97.6290097629%;
}

.Y .station__wrap #stationbox16 {
  height: 2.3012552301%;
  top: 104.6025104603%;
}

.Y .station__wrap #stationbox17 {
  height: 2.3012552301%;
  top: 111.5760111576%;
}

.Y .station__wrap #stationbox18 {
  height: 2.3012552301%;
  top: 118.549511855%;
}

.Y .station__wrap #stationbox19 {
  height: 2.3012552301%;
  top: 125.5230125523%;
}

.Y .station__wrap #stationbox20 {
  height: 2.3012552301%;
  top: 132.4965132497%;
}

.Y .station__wrap #stationbox21 {
  height: 2.3012552301%;
  top: 139.470013947%;
}

.Y .station__wrap #stationbox22 {
  height: 2.3012552301%;
  top: 146.4435146444%;
}

.Y .station__wrap #stationbox23 {
  height: 2.3012552301%;
  top: 153.4170153417%;
}

.BX .station__wrap #stationbox1 {
  height: 15.5660377358%;
  top: 0%;
}

.BX .station__wrap #stationbox2 {
  height: 15.5660377358%;
  top: 47.1698113208%;
}

.QX .station__wrap #stationbox1 {
  height: 15.5660377358%;
  top: 0%;
}

.QX .station__wrap #stationbox2 {
  height: 15.5660377358%;
  top: 47.1698113208%;
}

.routemap__wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 5;
}

.BR .routemap__wrap {
  top: 1.1740890688%;
}

.R .routemap__wrap {
  top: 1.0665685914%;
}

.G .routemap__wrap {
  top: 1.5135699374%;
}

.O1 .routemap__wrap {
  top: 1.6909620991%;
}

.O2 .routemap__wrap {
  top: 1.3731060606%;
}

.BL .routemap__wrap {
  top: 1.243567753%;
}

.Y .routemap__wrap {
  top: 2.0223152022%;
}

.BX .routemap__wrap {
  top: 13.679245283%;
}

.QX .routemap__wrap {
  top: 13.679245283%;
}

.routemap__wrap .routemap__box {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
}

.O .routemap__wrap .routemap__box,
.O1 .routemap__wrap .routemap__box,
.O2 .routemap__wrap .routemap__box {
  position: absolute;
}

.O1 .routemap__wrap #Ypointbox1 {
  top: 0;
}

.O1 .routemap__wrap #Ypointbox2 {
  top: 2.4489795918%;
}

.O1 .routemap__wrap #Ypointbox3 {
  top: 5.8309037901%;
}

.O1 .routemap__wrap #Ypointbox4 {
  top: 8.2798833819%;
}

.O1 .routemap__wrap #Ypointbox5 {
  top: 11.6618075802%;
}

.O1 .routemap__wrap #Ypointbox6 {
  top: 14.110787172%;
}

.O1 .routemap__wrap #Ypointbox7 {
  top: 17.4927113703%;
}

.O1 .routemap__wrap #Ypointbox8 {
  top: 19.9416909621%;
}

.O1 .routemap__wrap #Ypointbox9 {
  top: 23.3236151603%;
}

.O1 .routemap__wrap #Ypointbox10 {
  top: 25.7725947522%;
}

.O1 .routemap__wrap #Ypointbox13 {
  top: 29.1545189504%;
}

.O1 .routemap__wrap #Ypointbox14 {
  top: 31.6034985423%;
}

.O1 .routemap__wrap #Ypointbox15 {
  top: 34.9854227405%;
}

.O1 .routemap__wrap #Ypointbox16 {
  top: 37.4344023324%;
}

.O1 .routemap__wrap #Ypointbox17 {
  top: 40.8163265306%;
}

.O1 .routemap__wrap #Ypointbox18 {
  top: 43.2653061224%;
}

.O1 .routemap__wrap #Ypointbox19 {
  top: 46.6472303207%;
}

.O1 .routemap__wrap #Ypointbox20 {
  top: 49.0962099125%;
}

.O1 .routemap__wrap #Ypointbox21 {
  top: 52.4781341108%;
}

.O1 .routemap__wrap #Ypointbox22 {
  top: 54.9271137026%;
}

.O1 .routemap__wrap #Ypointbox23 {
  top: 58.3090379009%;
}

.O1 .routemap__wrap #Ypointbox24 {
  top: 60.7580174927%;
}

.O1 .routemap__wrap #Ypointbox25 {
  top: 64.139941691%;
}

.O1 .routemap__wrap #Ypointbox26 {
  top: 66.5889212828%;
}

.O1 .routemap__wrap #Ypointbox27 {
  top: 69.970845481%;
}

.O1 .routemap__wrap #Ypointbox28 {
  top: 72.4198250729%;
}

.O1 .routemap__wrap #Ypointbox29 {
  top: 75.8017492711%;
}

.O1 .routemap__wrap #Ypointbox30 {
  top: 78.250728863%;
}

.O1 .routemap__wrap #Ypointbox31 {
  top: 81.6326530612%;
}

.O1 .routemap__wrap #Ypointbox32 {
  top: 84.0816326531%;
}

.O1 .routemap__wrap #Ypointbox33 {
  top: 87.4635568513%;
}

.O1 .routemap__wrap #Ypointbox34 {
  top: 89.9125364431%;
}

.O1 .routemap__wrap #Ypointbox35 {
  top: 93.2944606414%;
}

.O1 .routemap__wrap #Ypointbox11,
.O1 .routemap__wrap #Ypointbox12 {
  top: 25.7725947522%;
  height: 3.3819241983%;
}

.O2 .routemap__wrap #Ypointbox1 {
  top: 0;
}

.O2 .routemap__wrap #Ypointbox2 {
  top: 1.9886363636%;
}

.O2 .routemap__wrap #Ypointbox3 {
  top: 4.7348484848%;
}

.O2 .routemap__wrap #Ypointbox4 {
  top: 6.7234848485%;
}

.O2 .routemap__wrap #Ypointbox5 {
  top: 9.4696969697%;
}

.O2 .routemap__wrap #Ypointbox6 {
  top: 11.4583333333%;
}

.O2 .routemap__wrap #Ypointbox7 {
  top: 14.2045454545%;
}

.O2 .routemap__wrap #Ypointbox8 {
  top: 16.1931818182%;
}

.O2 .routemap__wrap #Ypointbox9 {
  top: 18.9393939394%;
}

.O2 .routemap__wrap #Ypointbox10 {
  top: 20.928030303%;
}

.O2 .routemap__wrap #Ypointbox11 {
  top: 23.6742424242%;
}

.O2 .routemap__wrap #Ypointbox12 {
  top: 25.6628787879%;
}

.O2 .routemap__wrap #Ypointbox13 {
  top: 28.4090909091%;
}

.O2 .routemap__wrap #Ypointbox14 {
  top: 30.3977272727%;
}

.O2 .routemap__wrap #Ypointbox15 {
  top: 33.1439393939%;
}

.O2 .routemap__wrap #Ypointbox16 {
  top: 35.1325757576%;
}

.O2 .routemap__wrap #Ypointbox17 {
  top: 37.8787878788%;
}

.O2 .routemap__wrap #Ypointbox18 {
  top: 39.8674242424%;
}

.O2 .routemap__wrap #Ypointbox19,
.O2 .routemap__wrap #Ypointbox20 {
  top: 39.8674242424%;
  height: 2.7462121212%;
}

.O2 .routemap__wrap #Ypointbox21 {
  top: 42.6136363636%;
}

.O2 .routemap__wrap #Ypointbox22 {
  top: 44.6022727273%;
}

.O2 .routemap__wrap #Ypointbox23 {
  top: 47.3484848485%;
}

.O2 .routemap__wrap #Ypointbox24 {
  top: 49.3371212121%;
}

.O2 .routemap__wrap #Ypointbox25 {
  top: 52.0833333333%;
}

.O2 .routemap__wrap #Ypointbox26 {
  top: 54.071969697%;
}

.O2 .routemap__wrap #Ypointbox27 {
  top: 56.8181818182%;
}

.O2 .routemap__wrap #Ypointbox28 {
  top: 58.8068181818%;
}

.O2 .routemap__wrap #Ypointbox29 {
  top: 61.553030303%;
}

.O2 .routemap__wrap #Ypointbox30 {
  top: 63.5416666667%;
}

.O2 .routemap__wrap #Ypointbox31 {
  top: 66.2878787879%;
}

.O2 .routemap__wrap #Ypointbox32 {
  top: 68.2765151515%;
}

.O2 .routemap__wrap #Ypointbox33 {
  top: 71.0227272727%;
}

.O2 .routemap__wrap #Ypointbox34 {
  top: 73.0113636364%;
}

.O2 .routemap__wrap #Ypointbox35 {
  top: 75.7575757576%;
}

.O2 .routemap__wrap #Ypointbox36 {
  top: 77.7462121212%;
}

.O2 .routemap__wrap #Ypointbox37 {
  top: 80.4924242424%;
}

.O2 .routemap__wrap #Ypointbox38 {
  top: 82.4810606061%;
}

.O2 .routemap__wrap #Ypointbox39 {
  top: 85.2272727273%;
}

.O2 .routemap__wrap #Ypointbox40 {
  top: 87.2159090909%;
}

.O2 .routemap__wrap #Ypointbox41 {
  top: 89.9621212121%;
}

.O2 .routemap__wrap #Ypointbox42 {
  top: 91.9507575758%;
}

.O2 .routemap__wrap #Ypointbox43 {
  top: 94.696969697%;
}

.routemap__box .train__box {
  width: 55.2442057292%;
  height: 100%;
  position: absolute;
  z-index: 5;
  left: 26.9008463542%;
  top: 0;
  display: none;
}

.routemap__box .train__box.show {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.train__box .train__item {
  flex: 0 0 35.9052549582%;
  position: relative;
}

.train__box .p_right.train__item {
  margin-left: 1.8229166667%;
}

.train__box .traintime {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 78.7726175878%;
  margin: auto 0;
  text-align: center;
  background: rgb(100, 255, 245);
  border-radius: 1em;
  padding: 0;
  color: #000;
  font-size: clamp(1.4rem, 0.509vw + 1.209rem, 1.6rem);
  display: none;
}

.train__box .train__item .traintime.show {
  display: flex;
  justify-content: center;
  align-items: center;
}

.train__box .traintime.down {
  left: 0;
}

.train__box .traintime.up {
  right: 0;
}

.routemap__box .train__box .train__item.specialactive::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: -1;
  width: 30%;
  height: 0;
  padding-bottom: 30%;
  border-radius: 50%;
  background-color: rgba(254, 78, 218, 0.2);
  box-shadow: 0 0 0 0 rgb(254, 78, 218);
  animation: specialpulse 2s infinite;
}

.routemap__box .train__box .train__item.specialactive.p_left::after {
  right: -5%;
}

.routemap__box .train__box .train__item.specialactive.p_right::after {
  left: -5%;
}

@keyframes specialpulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(254, 78, 218, 0.7);
  }
  70% {
    transform: scale(1.5);
    box-shadow: 0 0 0 10px rgba(254, 78, 218, 0);
  }
  100% {
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}
.routemap__box .predict__box {
  display: none;
  position: absolute;
  left: 53.9393489583%;
  width: 1.7916666667%;
  z-index: -1;
  pointer-events: none;
}

.routemap__box .predict__box.show {
  display: flex;
  justify-content: space-between;
}

.routemap__box:nth-child(odd) .predict__box {
  height: 100%;
  top: 0;
}

.routemap__box:nth-child(even) .predict__box {
  height: 200%;
  top: -60%;
}

.predict__box .predict {
  flex: 0 0 44.7368421053%;
}

.O1 #Ypointbox10 .predict__box {
  top: -45%;
  height: 100%;
}

.O1 #Ypointbox11 .predict__box {
  top: 45%;
  height: 100%;
}

.routemap__box .predict__box.O2_O12_1 {
  height: 58%;
  top: -40%;
}

.routemap__box .predict__box.O2_O12_2 {
  top: 18%;
  height: 58%;
}

.routemap__box .predict__box.O2_O12_3 {
  top: 75%;
  height: 58%;
}

.predict.level0 {
  background-color: #E5E5E5;
}

.Y .predict.level0 {
  background-color: #ffdb00;
}

.predict.level1 {
  background-color: #89B638;
}

.predict.level2 {
  background-color: #F3D726;
}

.predict.level3 {
  background-color: #F19818;
}

.predict.level4 {
  background-color: #D5131A;
}

.predict.level5 {
  background-color: #D5131A;
}

.train__box .train__item .cart,
.train__box .train__item .traintime {
  display: none;
}

.BR .train__box .train__item.show,
.R .train__box .train__item.show,
.G .train__box .train__item.show,
.O .train__box .train__item.show,
.O1 .train__box .train__item.show,
.O2 .train__box .train__item.show,
.BL .train__box .train__item.show {
  cursor: pointer;
}

.train__box .train__item.show .cart {
  display: block;
}

.scroll__wrap {
  position: sticky;
  bottom: 5dvh;
  left: 0;
  right: 0;
  width: fit-content;
  padding: 1rem 0;
  max-width: 640px;
  margin-left: auto;
  z-index: 1500;
  font-size: 0;
}

.scroll__wrap .btn__scroll-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.scroll__wrap .btn__scroll {
  cursor: pointer;
  flex: 0 0 100%;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: transparent;
}

.btn__scroll.bottom {
  margin-top: 5px;
  transform: scaleY(-1);
}