/*!***************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/zjy.css ***!
  \***************************************************************/
body {
  overflow-x: hidden;
  background-color: #85271d;
  margin: 0px;
  user-select: none;
  touch-action: manipulation;
}
ul {
  margin: 0%;
}
li {
  list-style-type: none;
}
.realBody {
  overflow: hidden;
  width: 100vw;
}
.PageSize {
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}
.leftPadding {
  display: block;
  width: 15vw;
  position: absolute;
  background-repeat: no-repeat;
}
.rightPadding {
  position: absolute;
  display: block;
  width: 15vw;
  background-repeat: no-repeat;
}

.GameLogo{
  position: absolute;
  margin: 3vw 3.4000000000000004vw;
}
.GameLogo img{
  /* width: 33.5vw; */
}

.LinksZone {
  display: flex;
  flex-direction: row;
  position: absolute;
  align-content: center;
  left: 50vw;
  transition: auto;
  transform: translateX(-50%);
  }

.LinkButton {
  display: none;
}
.FacebookButton {
  display: block;
}
.DiscordButton{
  display: block;
}
#fullScreenVideoOverlay {
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0%;
  top: 0%;
  z-index: 5;
}
.VideoScreen {
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
z-index: 10;}
/*
.AppStoreButton{
    background-image: url(images/ui/apple.png);
}
.GooglePlayButton{
    background-image: url(images/ui/google.png);
}
.FacebookButton{
    background-image: url(images/ui/facebook.png);
}
*/

.SlideButton {
  position: absolute;
  z-index: 2;
  transform: translate(0%, -50%);
}
.SlideButtonImage {
  position: absolute;
  /* left: 26%;
  top: 20%; */
  transform: translate(-50%, -50%);
  animation-duration: 1s;
  animation-name: wag;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes wag {
  from {
    margin-left: 1vw;
    filter: drop-shadow(0vw 0vw 0.5vw rgba(255, 0, 0, 0.501));
  }
  to {
    margin-left: 0vw;
    filter: drop-shadow(0.9vw 0vw 0.5vw rgba(255, 0, 0, 0.501));
  }
}

.slideCard {
  background-color: antiquewhite;
  position: absolute;
  left: 50vw;
  top: 0vw;
  opacity: 0;
  margin: 0;
  padding: 0;
  transform: scale(0.3);
  /*   transition: all 1s ,opacity 0.5s,transform 0.6s;*/
  transition: opacity 0.3s, left 0.3s, top 0.3s, z-index 0.3s, transform 0.3s;
}
/* .SlideCard > div {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  transform: translate(-50%, -28%);
} */
.SlideItemCurrent {
  z-index: 1;
  top: 0vw;
  opacity: 1;
  transition: all 0.5s;
}
.SlideItemPrev {
  z-index: auto;
  /*transition: left .3s,top .3s;*/
  opacity: 1;
  filter: brightness(0.5);
}
.SlideItemNext {
  z-index: auto;
  /* transition: left .3s,top .3s; */
  opacity: 1;
  filter: brightness(0.5);
}
.SlideBG {
  position: absolute;
  left: 50vw;
  transform: translate(-50%, -50%); /* background-color: aliceblue; */
}

.CurrentSlideIndicator > img{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABN0lEQVR42qzUv0sCYRjA8VcLW5QawiBqEIeWhlqMxIwaSvA/sMmgH3tN4doYtDQ0NInUGiG5CBU0RNrS1JzllEQJ0VD0feC9kMPTO30f+CDo8RW9ex/f2d6acjEBjOIDzW4X+x3e92EVJ3jBt379xDOOseglOoVblLCOcdvnE9jEFcqIdIumcId55W6W8YCkU3QB5xhW3mYERczaoyEU9A3pZYI4xVBrdAeTqr+Re7FlRQewrczMhhWdw5ih6DSiEp1RZicm0bDhaNjv5th5nKZE64ajrxKtGAz+yImU6BMeDUWv0bAe/gND0cPWE5XHTZ/BC+0/+ouM3pW9jPyF2XZbSpZwHFWPwXss4c1pn9b0CszpLd9pGthFwv5YDra5+Av7OEIaK3q7y8l71z9V9uel0xf/CTAAJ1M4Uy39Iq8AAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
    }

.SlideIndicatorZone {
  position: absolute;
  transform: translate(-50%);
  padding: 0;
  /* background: no-repeat url(images/ui/slide_bg.png) center/contain; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.SlideIndicatorZone.SlideIndicatorZoneUnique {}

.SlideIndicatorZone.SlideIndicatorZoneUnique {}

.SlideIndicatorZone > li {
  display: inline-block;
}
.SlideIndicator > img {
  transition: transform 0.3s;
  transform: translate(-50%, -50%);
}

.SlideIndicator {
  /* display: inline-block; */
  z-index: 2;
  transform: translate(50%, 50%);
}



.close {    
  color:#808080;
  font-size:10px;
  text-align:right;
}
.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #0f0f0f;
	z-index: 1001;
	-moz-opacity: 0.95;
	opacity: 0.1;
	filter: alpha(opacity=95);
}
.white_content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
    margin-left:-145px;
    margin-top:-150px;
	width: 290px;
    height:334px;
	background-color: white;
	z-index: 1002; /* 数字的大小指明了div的相对层，数字大的在上层 */
	overflow: auto;
}
.scanQR {
  font-weight:600;
}
/*!*************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/zjy-landscape.css ***!
  \*************************************************************************/
@media (min-aspect-ratio: 1/1) {
  .leftPadding {
    display: block;
    width: 21.6484%;
    height: 100%;
    background-size: 100%;
  }
  .rightPadding {
    display: block;
    width: 21.6484%;
    height: 100%;
    left: 78%;
    background-size: 100%;
  }

  .embeddedVideoView {
    width: 7vw;
    position: absolute;
    top: 32.3vw;
    left: 69vw;
    /* FONT-VARIANT: JIS04; */
}
.embeddedVideoView:hover{
  filter: brightness(1.4);
}

  .PageSize {
    background-size: 100%;
    height: 50.44vw;
    /* opacity: .5; */
  }
  /*
  .Page_1 {
    background-image: url(images/bg/zh/l_01.jpg);
  }
  .Page_2 {
    background-image: url(images/bg/zh/l_02.jpg);
  }
  .Page_3 {
    background-image: url(images/bg/zh/l_03.jpg);
  }
  .Page_4 {
    background-image: url(images/bg/zh/l_04.jpg);
  }*/
  .Page_5 {
  /*  background-image: url(images/bg/zh/l_05.jpg);*/
  /* height: .75vw; */
  }
/*
  .SlideCardImage1{
    background-image: url(images/slides/zh/l1.jpg);
  }
  .SlideCardImage2{
    background-image: url(images/slides/zh/l2.jpg);
  }
  .SlideCardImage3{
    background-image: url(images/slides/zh/l3.jpg);
  }
  .SlideCardImage4{
    background-image: url(images/slides/zh/l4.jpg);
  }*/
  .LinksZone {
    /* top: 50.1vw; */
    top: -3.3vw;
    /* left: 21.700000000000003vw; */
    /* width: 39vw; */
    /* height: 14vw; */
  }
  .linksZoneTitleImg{
    
width: 3vw;
  }
  .LinksZone2{
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* background-repeat: round; */
  }
  .redirectPosition1{
    top: 2.5vw;
    width: 9vw;
    height: 2.5vw;
    left: 25.5%;
  }
  .redirectPosition2{
    top: 2.5vw;
    width: 9vw;
    height: 2.5vw;
    left: 45.5%;
  }
  .redirectPosition3{
    top: 2.5vw;
    width: 9vw;
    height: 2.5vw;
    left: 64.5%;
  }
  .redirectPosition4{
    top: 23vw;
    width: 9vw;
    height: 2.5vw;
    left: 25.5%;
  }
  .redirectPosition5{
    top: 23vw;
    width: 9vw;
    height: 2.5vw;
    left: 45.5%;
  }
  .redirectPosition6{
    top: 23vw;
    width: 9vw;
    height: 2.5vw;
    left: 64.5%;
  }
  .LinksZone3{
    top: 35.4vw;
  }
  .LinksZone4{
    position: absolute;
    top: 7vw;
    left: 1vw;
    display: flex;
    justify-content: end;
    flex-direction: column;
  }
  .SNSIcon{
    width: 3vw;
    height: 3vw;
    /* padding-right: 1vw; */
    margin-top: 1vw;
  }
  .redirectButton{
    width: 9vw;
    height: 2.5vw;
    /* margin: 0px 0vw; */
  }
  .WeChatButton{
    position: absolute;
    display: block;
    height: 12vw;
    top: 7vw;
    left: -9vw;
  }
  .DownLine{
    position: absolute;
    left: 15%;
    transform: translate(-50%);
    top: 37vw;
    width: 10vw;
    height: 2vw;
  }
  .LinkButton {
    /* width: 27vw; */
    /* height: 3vw; */
    /* margin-bottom: 1.6vw; */
    /* display: block; */
    
  }
  .LinkButton:hover {
    filter: brightness(1.4);
  }

  .LinkButton > a > img{
    width: 18.2vw;
    margin: 0px 1.6vw;
  }
  .SlideBG {
    top: 52.8vw;
    width: 33.3vw;
  }
  .SlideButtonImage {
    width: 10.2vw;
    /* left: 13%; */
    /* top: -3%; */
  }
  .SlideButton {
    top: 2.2vw;
    /* width: 33vw; */
    /* height: 30vw; */
    /* background-color: aliceblue; */
    }
  .LeftSlideButton {
    left: 21vw;
  }
  .RightSlideButton {
    right: 21vw;
    transform:  rotate(180deg) translateY(50%);
  }
  .SlideIndicator {
    width: 3.5vw;
    height: 2vw;
    margin: 0vw -0.55vw;
  }
  .SlideIndicator > img{
    width: 1.1vw;
  }
  .CurrentSlideIndicator > img{
    /* transform: translate(-50%,-50%) scale(2); */
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABN0lEQVR42qzUv0sCYRjA8VcLW5QawiBqEIeWhlqMxIwaSvA/sMmgH3tN4doYtDQ0NInUGiG5CBU0RNrS1JzllEQJ0VD0feC9kMPTO30f+CDo8RW9ex/f2d6acjEBjOIDzW4X+x3e92EVJ3jBt379xDOOseglOoVblLCOcdvnE9jEFcqIdIumcId55W6W8YCkU3QB5xhW3mYERczaoyEU9A3pZYI4xVBrdAeTqr+Re7FlRQewrczMhhWdw5ih6DSiEp1RZicm0bDhaNjv5th5nKZE64ajrxKtGAz+yImU6BMeDUWv0bAe/gND0cPWE5XHTZ/BC+0/+ouM3pW9jPyF2XZbSpZwHFWPwXss4c1pn9b0CszpLd9pGthFwv5YDra5+Av7OEIaK3q7y8l71z9V9uel0xf/CTAAJ1M4Uy39Iq8AAAAASUVORK5CYII=);
    width: 1vw;
  }
  .SlideZone{
    position: absolute;
    top: 10.5vw;
    width: 100vw;
    /* height: 1vw; */
  }
  
.SlideCardImage{
  width: 37.25vw;
  height: 78.966vw;
  /* filter: drop-shadow(0px 0px 10px #3A6E7B); */
}

.SlideCardMask1{
  background-image: url(363adfad955068d04ffe.png);
  width: 41.15vw;
  height: 82.766vw;
  /* left: 0; */
  /* top: -2.1vw; */
}
.SlideCardMask2{

}

  .SlideItemCurrent {
    left: 50%;
    transform: scale(1);
    top: 1.7vw;
    }
  .SlideItemPrev {
    left: 42.8%;
    top: 3.7vw;
    transform: scale(0.8) rotateZ(0deg);
  }
  .SlideItemNext {
    left: 57%;
    top: 3.5vw;
    transform: scale(0.8) rotateZ(0deg);
  }
  .SlideIndicatorZone {
    top: 43.9vw;
    /* width: 20vw; */
    width: 81.1vw;
    left: 50vw;
    /* height: 5vw; */
    height: 1vw;
    /* background-color: aliceblue; */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3IAAAAPCAYAAAChg/1jAAABEElEQVR42uzdPWoCURSAUd/gfrIGQdCFJI02NtlAXISFkDZF6gTS+IMQXINZzMsVZgVO4X1yDtz+4+kwcxnQUmsdAQAA0I7OEQAAAFjkAAAAsMgBAABgkQMAAGjU+G+5dAoAAAAN8UYOAACgwUXuqZ+sZjHzxH3PMS+J+95i1on7NjHbxH0fMZ+J+75jfhL37WNOifuOMb/6HrbvoG/w9atP373sGug7J+776j/jrN77Z6ysVjGvifsmMdPrInf9I7lip31oRdugvqLvZp3vnz59+vTpu/H+0SXvc/8d1uf5b+D1Wy6LhTUHAACgIaXW6hQAAAAa4sdOAAAALHIAAABY5AAAALDIAQAAtOpfgAEABkMnqhc4HVEAAAAASUVORK5CYII=);
    background-repeat: round;
    }
    .SlideIndicatorZoneUnique{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }

  .SlideCard > div {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
  } 




}

/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/zjy-portrait.css ***!
  \************************************************************************/
@media (max-aspect-ratio: 1/1) {
.leftPadding{
    display: none;
}
.rightPadding{
    display: none;
}

  .PageSize {
    background-size: 100%;
    height: 90.9vw;
  }
  .embeddedVideoView {
    width: 14vw;
    position: absolute;
    top: 98vw;
    left: 81vw;
    z-index: 2;
  }

  .LinksZone{
    display: flow;
    top: 40vw;
    /* left: 34.7vw; */
    /* width: 42vw; */
    /* height: 20vw; */
  }
  .linksZoneTitleImg{
    display: none;
  }
  .LinksZone2{
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* background-repeat: round; */
  }
  .redirectPosition1{
    top: 65vw;
    left: 28%;
  }
  .redirectPosition2{
    top: 93vw;
    left: 61%;
  }
  .redirectPosition3{
    top: 129vw;
    left: 28%;
  }
  .redirectPosition4{
    top: 32vw;
    left: 24%;
  }
  .redirectPosition5{
    top: 45vw;
    left: 60%;
  }
  .redirectPosition6{
    top: 98vw;
    left: 60%;
  }
  .LinksZone3{
    top: 116.4vw;
  }
  .LinksZone4{
    position: absolute;
    top: 4vw;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    width: 36%;
    height: 7.5vw;
    /* background-image: url("images/ui/zh/guanzhu.png"); */
    /* background-repeat: round; */
    /* padding-right: 1vw; */
  }
  .SNSIcon{
    width: 5vw;
    height: 5vw;
    /* padding-right: 3vw; */
    margin-right: 3vw;
  }
  .redirectButton{
    width: 18vw;
    height: 5vw;
    /* margin: 0px 0vw; */
  }
  .GuideArrow{
    position: fixed;
    width: 20vw;
    height: 20vw;
    bottom: 2vw;
    left: 41%;
    z-index: 999;
    animation-duration: 1s;
    animation-name: downUp;
    animation-timing-function: cubic-bezier(0.250, 0.010, 0.120, 0.995);
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
  }
  @keyframes downUp {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(0, 2vw);
    }
  }
  .AppointmentButtonSize{
    /* height: 11vw; */
  }
  .WeChatButton{
    position: absolute;
    display: block;
    height: 12vw;
    top: 15vw;
    left: -22vw;
    width: 20vw;
  }
  .DownLine{
    position: absolute;
    left: 15%;
    transform: translate(-50%);
    top: 37vw;
    width: 10vw;
    height: 2vw;
  }
  .LinkButton{
    /* width: 46vw; */
    /* height: 2vw; */
    margin: 1.5vw 0;
    }

.LinkButton > a > img{
    width: 42vw;
}
.SlideBG {
  top: 155.5vw;
  width: 59.3vw;
}


.SlideButtonImage{
  width: 13vw;
  /* left: 17%; */
  /* top: 9.5%; */
}

.SlideButton{
  top: 50vw;
  /* width: 0vw; */
  /* height: 0; */
  /* background-color: aquamarine; */
  }
.LeftSlideButton{
  left: 13vw;
}
.RightSlideButton{
  right: 13vw;
  transform: rotate(180deg) translateY(78%);
}
.SlideIndicator {
  width: 34.2vw;
  /* height: 5vw; */
}
.SlideIndicator > img{
  width: 1.5vw;
  transform: translate(-50%,-50%);
}
.CurrentSlideIndicator > img{
  
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABN0lEQVR42qzUv0sCYRjA8VcLW5QawiBqEIeWhlqMxIwaSvA/sMmgH3tN4doYtDQ0NInUGiG5CBU0RNrS1JzllEQJ0VD0feC9kMPTO30f+CDo8RW9ex/f2d6acjEBjOIDzW4X+x3e92EVJ3jBt379xDOOseglOoVblLCOcdvnE9jEFcqIdIumcId55W6W8YCkU3QB5xhW3mYERczaoyEU9A3pZYI4xVBrdAeTqr+Re7FlRQewrczMhhWdw5ih6DSiEp1RZicm0bDhaNjv5th5nKZE64ajrxKtGAz+yImU6BMeDUWv0bAe/gND0cPWE5XHTZ/BC+0/+ouM3pW9jPyF2XZbSpZwHFWPwXss4c1pn9b0CszpLd9pGthFwv5YDra5+Av7OEIaK3q7y8l71z9V9uel0xf/CTAAJ1M4Uy39Iq8AAAAASUVORK5CYII=);
  
/* width: 3vw; */
  
overflow: hidden;
}
.SlideZone{
  position: absolute;
  top: 57vw;
  width: 95.7vw;
  /* height: 1vw; */
}




.SlideCardImage{
  width: 53.3vw;
  opacity: 1;
  height: 96.22222vw;
  /* filter: drop-shadow(0px 0px 10px #3A6E7B); */
}

.SlideCardMask1{
  background-image: url(363adfad955068d04ffe.png);
  width: 59.15vw;
  height: 102.166vw;
}
.SlideCardMask2{
}

.SlideItemCurrent{
  /* left: 51.2%; */
  transform: scale(1);
}
.SlideItemPrev{
  left: 34.4%;
  top: -1.5vw;
  transform: scale(0.8);
}
.SlideItemNext{
  left: 67.7%;
  top: -1.4vw;
  transform: scale(0.8);
}
.SlideIndicatorZone{
  top: 106vw;
  width: 24.2vw;
  left: 50vw;
  height: 8.1vw;
  /* background-color: red; */
  z-index: 1;
  }
  
.SlideCard > div {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
} 


/*
  .AppStoreButton{
    left: 47vw;
    top: 63vw;
  }
  .AppStoreButton{
    left: 47vw;
    top: 63vw;
  }
  .AppStoreButton{
    left: 47vw;
    top: 63vw;
  }
*/



}