@font-face {
  src: url("ActionNBACondensed-Medium.otf") format("OpenType");
  font-family: "Action NBA Condensed-Medium";
  font-style: normal;
  font-weight: normal;
}

@font-face {
  src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.eot) format("embedded-opentype"), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.otf) format("opentype"), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.ttf) format("TrueType"), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.woff) format("woff"), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.woff2) format("woff2");
  font-family: AlibabaPuHuiTi-3-65-Medium;
}

body,
html,
#wrap {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-transform: translate3d(0, 0, 0);
}

#wrap {
  visibility: hidden;
}

#wrap.show {
  visibility: visible;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  transition: background-color 5000s ease-out .5s;
  -webkit-text-fill-color: #fff;
}

img {
  display: block;
  position: absolute;
  width: 100%;
  -webkit-transform: translateZ(0);
}

.my_prize_pop img {
  position: relative;
  width: auto;
}

section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.section-1 {
  background-image: url(http://anchor-main-oss.anchorsports.cn/nba/wave5/images/index-bg.jpg);
  background-position: top center;
}

.section-1 .logo {
  position: absolute;
  left: 4%;
  top: 2%;
  width: 5%;
}

.section-1 .index-title {
  position: absolute;
  left: 15%;
  top: 7%;
  width: 70%;
  transform: scale(0);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.section-1 .index-title.anm {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.section-1 .index-btn1 {
  position: absolute;
  right: 0;
  top: 8%;
  width: 4.8%;
}

.section-1 .index-btn2 {
  position: absolute;
  right: 0;
  top: 14%;
  width: 4.8%;
}

.section-1 .index-btn3 {
  position: absolute;
  right: 0;
  top: 20%;
  width: 4.8%;
}

.section-1 .index-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.section-1 .index-img {
  position: absolute;
  left: 0;
  top: 23.4%;
  width: 100%;
  opacity: 0;
  transition: all 1s .2s;
  -webkit-transition: all 1s .2s;
  -moz-transition: all 1s .2s;
  -ms-transition: all 1s .2s;
  -o-transition: all 1s .2s;
}

.section-1 .index-img.anm {
  opacity: 1;
}

.section-1 .index-btn {
  position: absolute;
  left: 20%;
  top: 76.5%;
  width: 60%;
  opacity: 0;
  transition: all 1s .6s;
  -webkit-transition: all 1s .6s;
  -moz-transition: all 1s .6s;
  -ms-transition: all 1s .6s;
  -o-transition: all 1s .6s;
}

.section-1 .index-btn .bg {
  position: relative;
  animation: btnBox .8s linear infinite .6s;
  -webkit-animation: btnBox .8s linear infinite .6s;
}

.section-1 .index-btn .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: btnBox .8s linear infinite .6s;
  -webkit-animation: btnBox .8s linear infinite .6s;
}

.section-1 .index-btn.anm {
  opacity: 1;
}

.section-1 .index-bottom {
  position: absolute;
  left: 21%;
  top: 89.5%;
  width: 57%;
}

.section-2 {
  display: none;
  background-image: url(http://anchor-main-oss.anchorsports.cn/nba/wave5/images/p2-bg.jpg);
}

.section-2 .number {
  position: absolute;
  left: 81%;
  top: 40.5%;
  width: 11%;
}

.section-2 .p2-return {
  position: absolute;
  left: 4%;
  top: 1.5%;
  width: 17%;
}

.section-2 .p2-logo {
  position: absolute;
  right: 6%;
  top: 1.5%;
  width: 25%;
}

.section-2 .p2-btn1 {
  position: absolute;
  right: 0;
  top: 5.5%;
  width: 5%;
}

.section-2 .p2-img {
  position: absolute;
  left: 4%;
  top: 10%;
  width: 90%;
}

.section-2 .p2-txt {
  position: absolute;
  left: 5%;
  top: 72.8%;
  width: 90%;
}

.section-2 .p2-txt2 {
  position: absolute;
  left: 43.5%;
  top: 60.8%;
  width: 13%;
}

.section-2 .p2-title {
  position: absolute;
  left: 9%;
  top: 40%;
  width: 14%;
}

.section-2 .p2-txt1 {
  position: absolute;
  left: 9%;
  top: 44.5%;
  width: 82%;
  line-height: 1.4;
  font-family: AlibabaPuHuiTi-3-65-Medium;
  font-size: 30px;
  color: #000;
}

.section-2 .p2-t1-cont {
  display: none;
  position: absolute;
  left: 9%;
  top: 52.2%;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 82%;
}

.section-2 .p2-t1-cont.show {
  display: flex;
}

.section-2 .p2-t1-cont .t1-cont {
  overflow: hidden;
  position: relative;
  margin-bottom: 5%;
  width: 47%;
}

.section-2 .p2-t1-cont .t1-cont img {
  position: relative;
}

.section-2 .p2-t1-cont .t1-cont .error,
.section-2 .p2-t1-cont .t1-cont .right {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.section-2 .p2-t1-cont .t1-cont p {
  position: absolute;
  bottom: 5%;
  width: 100%;
  text-align: center;
  font-family: AlibabaPuHuiTi-3-65-Medium;
  font-size: 24px;
  color: #fff;
}

.section-2 .p2-t2-cont {
  display: none;
  position: absolute;
  left: 9%;
  top: 52.2%;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 82%;
}

.section-2 .p2-t2-cont img {
  position: relative;
}

.section-2 .p2-t2-cont .right,
.section-2 .p2-t2-cont .error {
  position: relative;
}

.section-2 .p2-t2-cont .right-error,
.section-2 .p2-t2-cont .right-right,
.section-2 .p2-t2-cont .error-error,
.section-2 .p2-t2-cont .error-right {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

.section-2 .p2-t2-cont .btn-wrap {
  top: 110%;
  justify-content: space-between;
}

.section-2 .p2-t2-cont.show {
  display: flex;
}

.section-2 .p2-t3-cont {
  display: none;
  position: absolute;
  left: 4%;
  top: 9.2%;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 92%;
}

.section-2 .p2-t3-cont img {
  position: relative;
}

.section-2 .p2-t3-cont .btn-wrap {
  top: 110%;
  justify-content: space-between;
}

.section-2 .p2-t3-cont.show {
  display: flex;
}

.section-2 .p2-t3-cont .video-wrap {
  overflow: hidden;
  position: relative;
  margin-bottom: 5%;
  border-radius: 20px;
  width: 100%;
}

.section-2 .p2-t3-cont .video-wrap video {
  position: relative;
  width: 100%;
  object-fit: cover;
}

.section-2 .p2-t3-btn {
  display: none;
  position: absolute;
  left: 9%;
  top: 53.2%;
  width: 82%;
}

.section-2 .p2-t3-btn.show {
  display: block;
}

.section-2 .p2-t3-btn .btn-a,
.section-2 .p2-t3-btn .btn-b,
.section-2 .p2-t3-btn .btn-c,
.section-2 .p2-t3-btn .btn-d {
  position: relative;
  margin-bottom: 4%;
}

.section-2 .p2-t3-btn .btn-a img,
.section-2 .p2-t3-btn .btn-b img,
.section-2 .p2-t3-btn .btn-c img,
.section-2 .p2-t3-btn .btn-d img {
  position: relative;
}

.section-2 .p2-t3-btn .btn-a .t3-right,
.section-2 .p2-t3-btn .btn-a .t3-error,
.section-2 .p2-t3-btn .btn-b .t3-right,
.section-2 .p2-t3-btn .btn-b .t3-error,
.section-2 .p2-t3-btn .btn-c .t3-right,
.section-2 .p2-t3-btn .btn-c .t3-error,
.section-2 .p2-t3-btn .btn-d .t3-right,
.section-2 .p2-t3-btn .btn-d .t3-error {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.section-2 .p2-t3-btn .btn-a p,
.section-2 .p2-t3-btn .btn-b p,
.section-2 .p2-t3-btn .btn-c p,
.section-2 .p2-t3-btn .btn-d p {
  position: absolute;
  left: 15%;
  top: 53%;
  width: 72%;
  text-align: center;
  font-family: AlibabaPuHuiTi-3-65-Medium;
  font-size: 32px;
  color: #000;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.section-2 .p2-t3-btn .btn-a.on p,
.section-2 .p2-t3-btn .btn-b.on p,
.section-2 .p2-t3-btn .btn-c.on p,
.section-2 .p2-t3-btn .btn-d.on p {
  color: #fff;
}

.section-2 .p2-left,
.section-2 .p2-right {
  display: none;
  position: absolute;
  top: 59.5%;
  width: 9%;
  opacity: 0;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}

.section-2 .p2-left {
  left: 4%;
}

.section-2 .p2-right {
  right: 4%;
}

.section-2 .p2-left.show,
.section-2 .p2-right.show {
  display: block;
  opacity: 1;
}

.section-2 .btn-wrap {
  display: flex;
  position: absolute;
  top: 88%;
  justify-content: space-around;
  width: 100%;
}

.section-2 .btn-wrap .pre,
.section-2 .btn-wrap .next,
.section-2 .btn-wrap .finish {
  display: none;
  position: relative;
  width: 28%;
}

.section-2 .p2-btn {
  display: none;
  position: absolute;
  left: 33%;
  top: 59%;
  width: 34%;
}

.section-2 .line-wrap {
  display: none;
  position: absolute;
  left: 5%;
  top: 89%;
  width: 90%;
}

.section-2 .line-wrap .line-txt {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 100%;
}

.section-2 .line-wrap .line-txt span {
  display: block;
  font-family: "Action NBA Condensed-Medium";
  font-size: 56px;
}

.section-2 .line-wrap .line {
  display: flex;
  position: relative;
  margin-top: 3px;
  width: 100%;
  height: 40px;
}

.section-2 .line-wrap .line span {
  display: block;
  height: 100%;
}

.section-2 .line-wrap .line span.left {
  width: 20%;
  background-color: #09438c;
}

.section-2 .line-wrap .line span.right {
  width: 80%;
  background-color: #d80025;
}

.section-2 .pop-up {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}

.section-2 .pop-up .p2-pop-up {
  position: absolute;
  left: 9%;
  top: 18%;
  width: 82%;
}

.section-2 .pop-up .p2-pop-up .bg {
  position: relative;
}

.section-2 .pop-up .p2-pop-up .pop-up-share-btn {
  position: absolute;
  left: 7%;
  top: 63%;
  width: 42%;
  height: 11%;
  background-color: #fff;
  opacity: 0;
}

.section-2 .pop-up .p2-pop-up .pop-up-share-lottery {
  position: absolute;
  right: 7%;
  top: 63%;
  width: 42%;
  height: 11%;
  background-color: #fff;
  opacity: 0;
}

.section-2 .pop-up .p2-pop-up .close {
  position: absolute;
  left: 40%;
  bottom: 0;
  width: 20%;
  height: 9%;
  background: #000;
  opacity: 0;
}

.section-3 {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}

.section-3 .wrap {
  position: absolute;
  left: 13%;
  top: 12.5%;
  width: 74%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.section-3 .wrap .bg {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}

.section-3 .wrap .t1 {
  position: absolute;
  left: 22%;
  top: 79%;
  width: 6%;
  text-align: center;
  font-family: "Action NBA Condensed-Medium";
  font-size: 55px;
  color: #ffac00;
}

.section-3 .wrap .t2 {
  position: absolute;
  left: 50%;
  top: 79%;
  width: 14%;
  text-align: center;
  font-family: "Action NBA Condensed-Medium";
  font-size: 55px;
  color: #ffac00;
}

.section-3 .wrap .t3 {
  position: absolute;
  left: 73.5%;
  top: 79%;
  width: 11%;
  text-align: center;
  font-family: "Action NBA Condensed-Medium";
  font-size: 55px;
  color: #ffac00;
}

.section-3 .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.section-3 .loading .gif {
  position: absolute;
  width: 20%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.section-3 .close {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px;
  width: auto;
}

.section-3 .poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
}

.section-3 .people {
  position: absolute;
  width: 37%;
}

.section-3 .people img {
  position: relative;
}

.section-3 .people span {
  display: block;
  width: 100%;
  text-align: center;
}

.section-3 .people span.txt1 {
  position: absolute;
  bottom: 1.5%;
  font-family: "Alibaba-PuHuiTi-Regular";
  font-size: 30px;
}

.section-3 .people span.txt2 {
  position: absolute;
  bottom: -8%;
  font-family: "Action NBA Condensed-Medium";
  font-size: 38px;
}

.section-3 .people.people-1 {
  top: 25.5%;
}

.section-3 .people.people-1 span.txt1 {
  margin-left: -7%;
}

.section-3 .people.people-1 span.txt2 {
  margin-left: -7%;
}

.section-3 .people.people-1 .txt1 {
  position: absolute;
  left: 30%;
  top: 94%;
  width: 25%;
}

.section-3 .people.people-2 {
  left: 22%;
  top: 21%;
}

.section-3 .people.people-2 span.txt1 {
  margin-left: -3%;
}

.section-3 .people.people-2 span.txt2 {
  margin-left: -3%;
}

.section-3 .people.people-2 .txt1 {
  position: absolute;
  left: 34%;
  top: 94.5%;
  width: 25%;
}

.section-3 .people.people-3 {
  left: 43%;
  top: 25.5%;
}

.section-3 .people.people-3 span.txt1 {
  margin-left: 5%;
}

.section-3 .people.people-3 span.txt2 {
  margin-left: 5%;
}

.section-3 .people.people-3 .txt1 {
  position: absolute;
  left: 42%;
  top: 94%;
  width: 25%;
}

.section-3 .people.people-4 {
  left: 63.5%;
  top: 21%;
}

.section-3 .people.people-4 span.txt1 {
  margin-left: 10%;
}

.section-3 .people.people-4 span.txt2 {
  margin-left: 10%;
}

.section-3 .people.people-4 .txt1 {
  position: absolute;
  left: 48%;
  top: 95%;
  width: 25%;
}

.section-4 {
  display: none;
  background-image: url(http://anchor-main-oss.anchorsports.cn/nba/wave5/images/lottery-bg.jpg?v1);
}

.section-4 .back_btn {
  right: 4%;
  top: 2%;
  width: 14%;
}

.section-4 .lottery-btn1 {
  position: absolute;
  right: 0;
  top: 8%;
  width: 4.8%;
}

.section-4 .lottery-share-btn {
  position: absolute;
  left: 4%;
  bottom: 10%;
  width: 92%;
}

.section-4 .lottery-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.section-4 .lottery-btn .bg {
  position: relative;
}

.section-4 .lottery-btn .btn1 {
  position: absolute;
  left: 23%;
  top: 20%;
  width: 55%;
  height: 57%;
  background-color: #fff;
  opacity: 0;
}

.section-4 .lottery-btn .btn2 {
  position: absolute;
  left: 81%;
  top: 20%;
  width: 13%;
  height: 57%;
  background-color: #fff;
  opacity: 0;
}

.section-4 .lottery-wrap {
  overflow-y: scroll;
  position: absolute;
  left: 0;
  top: 30.5%;
  width: 100%;
  height: 60%;
}

.section-4 .lottery-wrap .bg {
  position: relative;
}

.section-4 .lottery-wrap .cont {
  position: absolute;
  width: 30.4%;
}

.section-4 .lottery-wrap .cont .cont-bg {
  position: relative;
  opacity: 0;
}

.section-4 .lottery-wrap .cont.active .cont-bg {
  opacity: 1;
}

.section-4 .lottery-wrap .cont.active p {
  color: #9f6f31;
}

.section-4 .lottery-wrap .cont .prize {
  position: absolute;
  left: 28.5%;
  top: 10%;
  width: 43%;
}

.section-4 .lottery-wrap .cont p {
  position: absolute;
  left: 0;
  top: 46%;
  width: 100%;
  line-height: 1.2;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.section-4 .lottery-wrap .cont.cont-1 {
  left: 34.7%;
  top: 18.6%;
}

.section-4 .lottery-wrap .cont.cont-2 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(45deg);
  transform-origin: bottom;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.section-4 .lottery-wrap .cont.cont-3 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(90deg);
  transform-origin: bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.section-4 .lottery-wrap .cont.cont-4 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(135deg);
  transform-origin: bottom;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

.section-4 .lottery-wrap .cont.cont-5 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(180deg);
  transform-origin: bottom;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.section-4 .lottery-wrap .cont.cont-6 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(225deg);
  transform-origin: bottom;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
}

.section-4 .lottery-wrap .cont.cont-7 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(270deg);
  transform-origin: bottom;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.section-4 .lottery-wrap .cont.cont-8 {
  left: 34.7%;
  top: 18.6%;
  transform: rotate(315deg);
  transform-origin: bottom;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
}

.section-4 .lottery-wrap .lottery-icon {
  position: absolute;
  left: 43%;
  top: 44%;
  width: 14%;
}

.section-4 .pop-up {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}

.section-4 .pop-up .pop-up-wrap {
  position: absolute;
  left: 0;
  top: 9%;
  width: 100%;
}

.section-4 .pop-up .pop-up-wrap .bg {
  position: relative;
}

.section-4 .pop-up .pop-up-wrap .prize {
  position: absolute;
  left: 36.5%;
  top: 33%;
  width: 26%;
}

.section-4 .pop-up .pop-up-wrap p {
  position: absolute;
  left: 0;
  top: 60%;
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: #9f6f31;
}

.section-4 .pop-up .pop-up-wrap .close {
  position: absolute;
  left: 40%;
  top: 83%;
  width: 20%;
  height: 10%;
  background-color: #000;
  opacity: 0;
}

.section-4 .pop-up .pop-up-wrap .goform_pop {
  position: absolute;
  left: 21%;
  top: 63%;
  width: 58%;
  height: 10%;
  background-color: #000;
  opacity: 0;
}

@keyframes btnBox {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoom {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes zoom2 {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes zoom3 {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}

@keyframes indexImg {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  25% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
  }
  50% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  75% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}