html {
}
.page-body {
  width: 1900px;
  height: 1200px;
  transform: scale(0.6, 0.5);
  transform-origin: 49% 15% 0;
  position: relative;
  top: 0px !important;
}
body {
  background: url(../../static/page-img/page-bg.png) no-repeat center center;
  overflow: hidden;
  position: relative;
  height: 1000px;
}

/* @media screen and (min-width: 1450px)  and (max-width:1890px) {
    .page-body{
    	transform: scale(.5,.5) translate(-25%, -30%);
		transform-origin: 50% 50% 0;
    }
} */
/* @media screen and (min-width:1200px) and (max-width:1450px){
	.page-body{
		transform: scale(.5,.5) translate(25%, 25%);
		transform-origin: 0 0 0;
	}
}
@media screen and (min-width: 1450px)  and (max-width:1890px) {
    .page-body{
    	transform: scale(.5,.5) translate(25%, 25%);
		transform-origin: 0 0 0;
    }
}
@media screen and (min-width: 1900px) {
    .page-body{
    	transform:scale(.5,.5);
		transform-origin: 0 0 0;
    }
} */
.business-box {
  width: 100%;
  height: 100%;
  background: url(../../static/page-img/business-land.png) no-repeat 0 0;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-animation: downshow 0.2s linear 0.1s forwards;
  animation: downshow 0.2s linear 0.1s forwards;
}
.business-box > div {
  width: 100%;
  height: 100%;
  position: relative;
}
.wall-left {
  position: absolute;
  left: 0;
  top: 430px;
  opacity: 0;
  -webkit-animation: leftshow 0.5s ease-in 0.2s forwards;
  animation: leftshow 0.5s ease-in 0.2s forwards;
}
.wall-right {
  width: 985px;
  height: 674px;
  background: url(../../static/page-img/wall-right.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  right: -80px;
  top: -150px;
  opacity: 0;
  -webkit-animation: rightshow 0.5s ease-in 0.2s forwards;
  animation: rightshow 0.5s ease-in 0.2s forwards;
}
.wall-prev {
  width: 920px;
  height: 651px;
  background: url(../../static/page-img/wall-prev.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 8px;
  top: -109px;
  opacity: 0;
  -webkit-animation: prevshow 0.5s ease-in 0.2s forwards;
  animation: prevshow 0.5s ease-in 0.2s forwards;
}
.wall-next {
  position: absolute;
  left: 985px;
  top: 458px;
  opacity: 0;
  -webkit-animation: nextshow 0.5s ease-in 0.2s forwards;
  animation: nextshow 0.5s ease-in 0.2s forwards;
}
.wall-prev2 {
  position: absolute;
  left: 228px;
  top: 4px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.3s forwards;
  animation: downshow 0.5s ease-in 0.3s forwards;
}
.wall-prev3 {
  width: 245px;
  height: 240px;
  background: url(../../static/page-img/wall-prev3.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  right: 353px;
  top: 229px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.4s forwards;
  animation: downshow 0.5s ease-in 0.4s forwards;
}
.wall-right2 {
  position: absolute;
  right: 238px;
  top: 142px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.5s forwards;
  animation: downshow 0.5s ease-in 0.5s forwards;
}
.wall-right3 {
  width: 237px;
  height: 241px;
  background: url(../../static/page-img/wall-right3.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 639px;
  top: 32px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.6s forwards;
  animation: downshow 0.5s ease-in 0.6s forwards;
}
.wall-right4 {
  position: absolute;
  right: 528px;
  top: 405px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.7s forwards;
  animation: downshow 0.5s ease-in 0.7s forwards;
}
.wall-right5 {
  position: absolute;
  left: 462px;
  top: 403px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.8s forwards;
  animation: downshow 0.5s ease-in 0.78s forwards;
}
.wall-stairs {
  width: 226px;
  height: 264px;
  background: url(../../static/page-img/wall-stairs.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 790px;
  top: -90px;
  opacity: 0;
  -webkit-animation: downshow 0.5s ease-in 0.9s forwards;
  animation: downshow 0.5s ease-in 0.9s forwards;
}
.wall-door {
  position: absolute;
  left: 1022px;
  top: 835px;
  opacity: 0;
  -webkit-animation: downshow 0.2s ease-in 1s forwards;
  animation: downshow 0.2s ease-in 1s forwards;
}
.wall-door-box {
  position: relative;
  width: 186px;
  height: 211px;
  overflow: hidden;
  position: absolute;
  left: 1030px;
  top: 870px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.1s forwards;
  animation: show 0.2s ease-in 1.1s forwards;
}
.wall-reception {
  position: absolute;
  right: 640px;
  bottom: 315px;
  opacity: 0;
  -webkit-animation: show 0.3s ease-in 1.2s forwards;
  animation: show 0.3s ease-in 1.2s forwards;
}
.wall-iscern {
  position: absolute;
  left: 708px;
  bottom: 338px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-iscern2 {
  position: absolute;
  left: 792px;
  bottom: 380px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-camera {
  position: absolute;
  left: 1022px;
  top: 856px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.1s forwards;
  animation: show 0.2s ease-in 1.1s forwards;
}
.wall-camera-naked1 {
  position: absolute;
  left: 967px;
  top: 986px;
  opacity: 0;
  -webkit-animation: show 1s ease-in 2s forwards, action 6s linear 2s infinite;
  animation: show 1s ease-in 2s forwards, action 6s linear 2s infinite;
  transform-origin: 79px 0;
  -moz-transform-origin: 79px 0;
  -webkit-transform-origin: 79px 0;
  -o-transform-origin: 79px 0;
  -ms-transform-origin: 79px 0;
}
.wall-camera-naked2 {
  position: absolute;
  left: 1165px;
  top: 870px;
  opacity: 0;
  -webkit-animation: show 1s ease-in 2s forwards, action 6s linear 2s infinite;
  animation: show 1s ease-in 2s forwards, action 6s linear 2s infinite;
  transform-origin: 79px 0;
  -moz-transform-origin: 79px 0;
  -webkit-transform-origin: 79px 0;
  -o-transform-origin: 79px 0;
  -ms-transform-origin: 79px 0;
}
.wall-room1-1 {
  position: absolute;
  right: 395px;
  bottom: 418px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.2s forwards;
  animation: show 0.2s ease-in 1.2s forwards;
}
.wall-room1-2 {
  position: absolute;
  right: 383px;
  bottom: 573px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-room1-3 {
  position: absolute;
  right: 285px;
  bottom: 573px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-room2-1 {
  position: absolute;
  right: 100px;
  bottom: 667px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.2s forwards;
  animation: show 0.2s ease-in 1.2s forwards;
}
.wall-room2-2 {
  position: absolute;
  right: 287px;
  top: 343px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-room2-3 {
  position: absolute;
  right: 285px;
  top: 290px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-room3-1 {
  position: absolute;
  left: 1065px;
  top: 153px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.2s forwards;
  animation: show 0.2s ease-in 1.2s forwards;
}
.wall-room3-2 {
  position: absolute;
  left: 1400px;
  top: 254px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-room3-3 {
  position: absolute;
  left: 1000px;
  top: 85px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-room3-4 {
  position: absolute;
  left: 1145px;
  top: 86px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.5s forwards;
  animation: show 0.2s ease-in 1.5s forwards;
}
.wall-room3-5 {
  position: absolute;
  left: 1135px;
  top: 168px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.6s forwards;
  animation: show 0.2s ease-in 1.6s forwards;
}
.wall-room3-6 {
  position: absolute;
  left: 1450px;
  top: 228px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.7s forwards;
  animation: show 0.2s ease-in 1.7s forwards;
}
.wall-room4-1 {
  position: absolute;
  left: 480px;
  top: 295px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.2s forwards;
  animation: show 0.2s ease-in 1.2s forwards;
}
.wall-room4-2 {
  position: absolute;
  left: 832px;
  top: 284px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-room4-3 {
  position: absolute;
  left: 1000px;
  top: 385px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-room4-4 {
  position: absolute;
  left: 608px;
  top: 412px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.5s forwards;
  animation: show 0.2s ease-in 1.5s forwards;
}
.wall-room4-5 {
  position: absolute;
  left: 770px;
  top: 504px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.6s forwards;
  animation: show 0.2s ease-in 1.6s forwards;
}
.wall-room4-6 {
  position: absolute;
  left: 733px;
  top: 368px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.7s forwards;
  animation: show 0.2s ease-in 1.7s forwards;
}
.wall-room5-1 {
  position: absolute;
  left: 305px;
  top: 480px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.2s forwards;
  animation: show 0.2s ease-in 1.2s forwards;
}
.wall-room5-2 {
  position: absolute;
  left: 320px;
  top: 570px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-room5-3 {
  position: absolute;
  left: 480px;
  top: 665px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-room6-1 {
  width: 135px;
  height: 164px;
  background: url(../../static/page-img/wall-room6-1.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 575px;
  top: 153px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.2s forwards;
  animation: show 0.2s ease-in 1.2s forwards;
}
.wall-room6-2 {
  width: 135px;
  height: 164px;
  background: url(../../static/page-img/wall-room6-1.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 465px;
  top: 216px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.3s forwards;
  animation: show 0.2s ease-in 1.3s forwards;
}
.wall-room6-3 {
  width: 135px;
  height: 164px;
  background: url(../../static/page-img/wall-room6-1.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 350px;
  top: 282px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.4s forwards;
  animation: show 0.2s ease-in 1.4s forwards;
}
.wall-room6-4 {
  width: 135px;
  height: 164px;
  background: url(../../static/page-img/wall-room6-1.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 230px;
  top: 347px;
  opacity: 0;
  -webkit-animation: show 0.2s ease-in 1.5s forwards;
  animation: show 0.2s ease-in 1.5s forwards;
}
.glass-loth {
  position: absolute;
  right: 688px;
  top: 260px;
  width: 294px;
  height: 0;
  background: #36c0ca;
  border-bottom: solid 10px #02a9ac;
  opacity: 0;
  -webkit-animation: show 0.5s ease-in 2.5s forwards,
    heighten1 20s ease-in 5s infinite;
  animation: show 0.5s ease-in 2.5s forwards, heighten1 20s ease-in 5s infinite;
  transform: skew(0deg, 30deg);
}
.projector1 {
  position: absolute;
  right: 788px;
  top: 121px;
  width: 110px;
  height: 0;
  background: #e1e6f0;
  opacity: 0;
  -webkit-animation: show 0.5s ease-in 2.5s forwards,
    heighten2 20s ease-in 5s infinite;
  animation: show 0.5s ease-in 2.5s forwards, heighten2 20s ease-in 5s infinite;
  transform: skew(0deg, -29.5deg);
}
.wall-light {
  position: absolute;
  right: 772px;
  top: 90px;
  opacity: 0;
  -webkit-animation: show4 20s ease-in 5s infinite;
  animation: show4 20s ease-in 5s infinite;
}
.wall-projection {
  position: absolute;
  right: 750px;
  top: 122px;
  opacity: 0;
  -webkit-animation: downshow6 20s ease-in 5s infinite forwards;
  animation: downshow6 20s ease-in 5s infinite forwards;
}
.night-box {
  position: absolute;
  left: 927px;
  top: 41px;
  opacity: 0;
  -webkit-animation: show4 20s ease-in 5s infinite;
  animation: show4 20s ease-in 5s infinite;
}
.portrayal {
  position: absolute;
  left: 845px;
  bottom: 365px;
  width: 80px;
  height: 100px;
  background: rgba(140, 214, 215, 0.3);
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: portrayaShow 1s ease-in 1.5s forwards,
    portrayaDown 4s linear 14.2s infinite forwards;
  animation: portrayaShow 1s ease-in 1.5s forwards,
    portrayaDown 4s linear 14.2s infinite forwards;
  transform: skew(0deg, -29.5deg);
}
.portraya2 {
  position: absolute;
  left: 865px;
  bottom: 340px;
  width: 100px;
  height: 120px;
  background: rgba(140, 214, 215, 0.4);
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: portrayaShow 1s ease-in 2.5s forwards,
    portrayaDown 4s linear 14.2s infinite forwards;
  animation: portrayaShow 1s ease-in 2.5s forwards,
    portrayaDown 4s linear 14.2s infinite forwards;
  transform: skew(0deg, -29.5deg);
}
.portraya3 {
  position: absolute;
  left: 885px;
  bottom: 320px;
  width: 120px;
  height: 140px;
  background: rgba(140, 214, 215, 1);
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: portrayaShow 1s ease-in 3.5s forwards,
    portrayaDown 4s linear 14.2s infinite forwards;
  animation: portrayaShow 1s ease-in 3.5s forwards,
    portrayaDown 4s linear 14.2s infinite forwards;
  transform: skew(0deg, -29.5deg);
}
.portraya-user {
  position: absolute;
  left: 906px;
  bottom: 351px;
  opacity: 0;
  -webkit-animation: downshow1 1s ease-in 4s forwards,
    portrayaDown2 4s linear 14.2s infinite forwards;
  animation: downshow1 1s ease-in 4s forwards,
    portrayaDown2 4s linear 14.2s infinite forwards;
}
.monitor1 {
  position: absolute;
  left: 498px;
  bottom: 460px;
  opacity: 0;
  -webkit-animation: show 0.5s ease-in 2s forwards,
    precession 4s ease-in 2.5s infinite;
  animation: show 0.5s ease-in 2s forwards, precession 4s ease-in 2.5s infinit;
}
.monitor2 {
  position: absolute;
  left: 558px;
  bottom: 490px;
  opacity: 0;
  -webkit-animation: show 0.5s ease-in 2s forwards,
    precession 4s ease-in 2.5s infinite;
  animation: show 0.5s ease-in 2s forwards, precession 4s ease-in 2.5s infinit;
}
.monitor3 {
  position: absolute;
  left: 615px;
  bottom: 526px;
  opacity: 0;
  -webkit-animation: show 0.5s ease-in 2s forwards,
    precession 4s ease-in 2.5s infinite;
  animation: show 0.5s ease-in 2s forwards, precession 4s ease-in 2.5s infinit;
}
.projection-text {
  position: absolute;
  left: 315px;
  bottom: 626px;
  opacity: 0;
  -webkit-animation: show6 2s ease-in 1.6s infinite;
  animation: show6 2s ease-in 1.6s infinit;
}
.echart1 {
  position: absolute;
  left: 1245px;
  bottom: 540px;
  opacity: 0;
  -webkit-animation: downshow2 2s ease-in 2s forwards,
    echartDown 6s linear 4s infinite forwards;
  animation: downshow2 2s ease-in 2s forwards,
    echartDown 6s linear 4s infinite forwards;
}
.echart2 {
  position: absolute;
  left: 1363px;
  bottom: 563px;
  opacity: 0;
  -webkit-animation: downshow3 2s ease-in 2.1s forwards,
    echartDown 6s linear 4.1s infinite forwards;
  animation: downshow3 2s ease-in 2.1s forwards,
    echartDown 6s linear 4.1s infinite forwards;
}
.echart3 {
  position: absolute;
  left: 1350px;
  bottom: 640px;
  opacity: 0;
  -webkit-animation: downshow4 2s ease-in 2.2s forwards,
    echartDown 6s linear 4.2s infinite forwards;
  animation: downshow4 2s ease-in 2.2s forwards,
    echartDown 6s linear 4.2s infinite forwards;
}
.echart4 {
  position: absolute;
  left: 1430px;
  bottom: 560px;
  opacity: 0;
  -webkit-animation: downshow5 2s ease-in 2.3s forwards,
    echartDown 6s linear 4.3s infinite forwards;
  animation: downshow5 2s ease-in 2.3s forwards,
    echartDown 6s linear 4.3s infinite forwards;
}
.echart5 {
  position: absolute;
  left: 415px;
  bottom: 672px;
  opacity: 0;
  -webkit-animation: downshow2 2s ease-in 2s forwards,
    echartDown 6s linear 4s infinite forwards;
  animation: downshow2 2s ease-in 2s forwards,
    echartDown 4s linear 4s infinite forwards;
}
.echart6 {
  position: absolute;
  left: 310px;
  bottom: 572px;
  opacity: 0;
  -webkit-animation: downshow3 2s ease-in 2.1s forwards,
    echartDown 6s linear 4.1s infinite forwards;
  animation: downshow3 2s ease-in 2.1s forwards,
    echartDown 4.1s linear 4.1s infinite forwards;
}
.tootip-box > div {
  padding: 12px 20px 20px 20px;
  background-image: -webkit-linear-gradient(
    -30deg,
    rgba(9, 199, 204, 0.8),
    rgba(0, 155, 129, 0.8)
  );
  background-image: linear-gradient(
    -30deg,
    rgba(9, 199, 204, 0.8),
    rgba(0, 155, 129, 0.8)
  );
  border: solid 1px #12a1ae;
  color: #fff;
  position: relative;
  border-radius: 10px;
}
.tootip-box > div h4 {
  font-size: 36px;
  font-weight: normal;
  line-height: 40px;
}
.tootip-box > div p {
  font-size: 24px;
  line-height: 30px;
  margin-top: 12px;
}
.tootip-box > div .arrow {
  position: absolute;
  left: 37px;
  bottom: -45px;
  z-index: 2;
}
.tootip-box {
  z-index: 99;
  position: absolute;
  opacity: 0;
}
.tootip-box.tootip1 {
  left: 910px;
  top: 540px;
}
.tootip-box.tootip1.active {
  opacity: 0;
  -webkit-animation: tootip1 20s ease-in 5s infinite forwards;
  animation: tootip1 20s ease-in 5s infinite forwards;
}
.tootip-box.tootip3 {
  left: 1300px;
  top: 0;
}
.tootip-box.tootip3.active {
  opacity: 0;
  -webkit-animation: tootip3 20s ease-in 5s infinite forwards;
  animation: tootip3 20s ease-in 5s infinite forwards;
}
.tootip-box.tootip5 {
  left: 600px;
  top: 420px;
}
.tootip-box.tootip5.active {
  opacity: 0;
  -webkit-animation: tootip5 20s ease-in 5s infinite forwards;
  animation: tootip5 20s ease-in 5s infinite forwards;
}
.tootip-box.tootip6 {
  left: 600px;
  top: 50px;
}
.tootip-box.tootip6.active {
  opacity: 0;
  -webkit-animation: tootip6 20s ease-in 5s infinite forwards;
  animation: tootip6 20s ease-in 5s infinite forwards;
}
.conditioner-box > div {
  position: relative;
}
.conditioner-box > div .wind {
  position: absolute;
  left: -35px;
  top: 20px;
  width: 61px;
  transform: rotate(30deg);
  -webkit-animation: windHeight 20s linear 5s infinite forwards;
  animation: windHeight 20s linear 5s infinite forwards;
}
.user-into {
  width: 64px;
  height: 147px;
  background: url(../../static/page-img/user.png) no-repeat center center;
  position: absolute;
  left: 1170px;
  top: 1000px;
  opacity: 0;
  -webkit-animation: userInto1 10s linear 2s infinite forwards;
  animation: userInto1 10s linear 2s infinite forwards;
}
.user-into > div {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.user-scar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../static/page-img/user-scar.png) no-repeat 0 0;
  overflow: hidden;
  opacity: 0;
  -webkit-animation: userScar 10s ease-in 2s infinite forwards;
  animation: userScar 10s ease-in 2s infinite forwards;
}
.user-scar .scar-line {
  position: absolute;
  left: 0;
  top: -40px;
  width: 100%;
  opacity: 0;
  -webkit-animation: scarLine 10s ease-in 2s infinite forwards;
  animation: scarLine 10s ease-in 2s infinite forwards;
}
.wall-door-left {
  position: absolute;
  left: 0;
  /* top: -40px; */
  -webkit-animation: doorLeft 10s ease-in 2s infinite forwards;
  animation: doorLeft 10s ease-in 2s infinite forwards;
}
.wall-door-right {
  position: absolute;
  right: 0;
  /* top: -15px; */
  -webkit-animation: doorRight 10s ease-in 2s infinite forwards;
  animation: doorRight 10s ease-in 2s infinite forwards;
}
.wall-user {
  position: absolute;
  left: 790px;
  bottom: 325px;
  opacity: 0;
  -webkit-animation: usershow 10s ease-in 2s infinite forwards;
  animation: usershow 10s ease-in 2s infinite forwards;
}
.wall-tootipHover {
  position: absolute;
  z-index: 99;
}
.wall-tootipHover.hover1 {
  width: 235px;
  height: 295px;
  left: 826px;
  top: 649px;
}
.wall-tootipHover.hover2 {
  width: 608px;
  height: 350px;
  left: 927px;
  top: 41px;
}
.wall-tootipHover.hover3 {
  width: 188px;
  height: 194px;
  left: 483px;
  top: 589px;
}
.wall-tootipHover.hover4 {
  width: 542px;
  height: 344px;
  left: 177px;
  top: 158px;
}
.tootip-box.active2 {
  opacity: 1;
}
@-webkit-keyframes leftshow {
  0% {
    opacity: 0;
    left: -130px;
    top: 540px;
  }

  100% {
    opacity: 1;
    left: 0;
    top: 430px;
  }
}

@keyframes leftshow {
  0% {
    opacity: 0;
    left: -130px;
    top: 540px;
  }

  100% {
    opacity: 1;
    left: 0;
    top: 430px;
  }
}