body{
  background-color: #eef1fa;
}
.downBox{
  position: relative;
  width: 90vw;
  margin-left: 5vw;
  margin-top: -141vw;
  margin-bottom: 5vw;
  display: none;
} 
.maincard{
  position: absolute;
  width: 39vw;
  left: 28vw;
  height: 31vw;
  top: 52vw;
  -webkit-animation: stress 1s linear infinite;
  animation: stress 1s linear infinite;
}
@keyframes stress {
  0% {
      -webkit-transform: scale(.98);
      transform: scale(.98);
      -moz-transform: scale(.98);
      -ms-transform: scale(.98);
      -o-transform: scale(.98);
}

  50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
}

  100% {
      -webkit-transform: scale(.98);
      transform: scale(.98);
      -moz-transform: scale(.98);
      -ms-transform: scale(.98);
      -o-transform: scale(.98);
}
} 
.openBox,.supportBox,.rechargeBox{
  position: relative;
  width: 90vw;
  margin-left: 5vw;
  margin-top: -104vw;
  margin-bottom: 5vw;
  display: none;
}
.swipeBox{
  position: relative;
  width: 90vw;
  margin-left: 5vw;
  margin-top: -123vw;
  margin-bottom: 5vw;
  display: none;
} 
.ques1{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 1vw;
}
.ques2{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 17vw;
}
.ques3{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 33vw;
}
.ques4{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 49vw;
}
.ques5{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 65vw;
}
.ques6{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 81vw;
}
.ques7{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 98vw;
}
.ques8{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 114vw;
}
.ques9{
  position: absolute;
  height: 12vw;
  width: 100%;
  top: 130vw;
}
.topGif{
  position: absolute;
  width: 80vw;
  height: 80vw;
  left: 11vw;
  top: 18vw;
}
.swipeGif2{
  position: absolute;
  width: 80vw;
  left: 10vw;
  top: 17vw;
  border-radius: 1vw;
}
.swipeGif{
  position: absolute;
  width: 90vw;
  left: 5vw;
  top: 20vw;
  border-radius: 1vw;
}
.backBtn{
  position: absolute;
  height: 10vw;
  width: 50%;
  left: 25%;
  bottom: 0;
}
.backBtn_move{
  position: absolute;
  height: 10vw;
  width: 50%;
  left: 25%;
  bottom: 3vw;
}
.more{
  position: absolute;
  height: 10vw;
  width: 50%;
  left: 25%;
  bottom: 12vw;
}
.card1{
  position: absolute;
  width: 30vw;
  left: 35vw;
  top: 46vw;
  -webkit-animation: stress1 2s linear infinite;
  animation: stress1 2s linear infinite;
}
.card2{
  position: absolute;
  width: 21vw;
  left: 19vw;
  top: 26vw;
  -webkit-animation: stress1 3s linear infinite;
  animation: stress1 3s linear infinite;
}
.card3{
  position: absolute;
  width: 19vw;
  left: 60vw;
  top: 19vw;
  -webkit-animation: stress1 4s linear infinite;
  animation: stress1 4s linear infinite;
}
.card4{
  position: absolute;
  width: 21vw;
  left: 68vw;
  top: 39vw;
  -webkit-animation: stress1 5s linear infinite;
  animation: stress1 5s linear infinite;
}
.card5{
  position: absolute;
  width: 21vw;
  left: 68vw;
  top: 61vw;
  -webkit-animation: stress1 3s linear infinite;
  animation: stress1 3s linear infinite;
}
.card6{
  position: absolute;
  width: 20vw;
  left: 44vw;
  top: 77vw;
  -webkit-animation: stress1 3s linear infinite;
  animation: stress1 3s linear infinite;
}
.card7{
  position: absolute;
  width: 21vw;
  left: 13vw;
  top: 72vw;
  -webkit-animation: stress1 4s linear infinite;
  animation: stress1 4s linear infinite;
}
.card8{
  position: absolute;
  width: 20vw;
  left: 5vw;
  top: 44vw;
  -webkit-animation: stress1 4s linear infinite;
  animation: stress1 4s linear infinite;
}
.card9{
  position: absolute;
  width: 14vw;
  left: 45vw;
  top: 33vw;
  opacity: 0.5;
  -webkit-animation: stress1 8s linear infinite;
  animation: stress1 8s linear infinite;
}
.card10{
  position: absolute;
  width: 13vw;
  left: 72vw;
  opacity: 0.3;
  top: 78vw;
  -webkit-animation: stress1 8s linear infinite;
  animation: stress1 8s linear infinite;
}
.card11{
  position: absolute;
  width: 14vw;
  left: 18vw;
  top: 60vw;
  opacity: 0.2;
  -webkit-animation: stress1 8s linear infinite;
  animation: stress1 8s linear infinite;
}
.move-1, .move-2 {
  position: absolute;
  top: 50vw;
  width: calc(100vw - 15vw);
  left: 50%;
  transform: translate(-50%);
}
.move-btn {
  position: absolute;
  top: 47vw;
  height: 10vw;
  width: 40vw;
  z-index: 2;
}
.move-1-btn {
  left: 10vw;
}
.move-2-btn {
  right: 9vw;
}
.hide {
  display: none;
}
.wrap-move, .wrap-delete, .wrap-recharge {
  position: relative;
}
.clickBtn {
  position: absolute;
  top: 243vw;
  left: 12vw;
  height: 5vw;
  width: 8vw;
}
.backBtn-delete {
  position: absolute;
  height: 10vw;
  width: 50%;
  left: 25%;
  bottom: 3vw;
}
.btn-1-delete {
  position: absolute;
  height: 6vw;
  width: 19vw;
  right: 19vw;
  top: 446vw;
}
.btn-2-delete {
  position: absolute;
  height: 6vw;
  width: 10vw;
  left: 11vw;
  top: 289vw;
}
.btn-3-delete {
  position: absolute;
  height: 6vw;
  width: 16vw;
  left: 15vw;
  top: 298vw;
}
@keyframes stress1 {
  0% { 
          transform: translate(0,1vw);
      } 
      50% {
          transform: translate(0,2vw);
          -webkit-transform: translate(0,2vw);
          -moz-transform: translate(0,2vw);
          -ms-transform: translate(0,2vw);
          -o-transform: translate(0,2vw);
} 
      100% { 
          transform: translate(0,1vw);
      }
  }