*:link,
*:visited,
*:hover,
*:active,
*:focus,
* {
    -o-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
    -webkit-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
    -moz-transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
    transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
}
#r_ad{display: none!important;}

.eventPage {
 /* overflow: hidden; */
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    line-height: 0;
}

.eventPage img{width: 100%;}
.eventPage .star{
    position: absolute;
    width:10%;
    top: 16%;
    right: 3%;
    z-index: 6;
    animation:rotate-taichi 10s ease-in infinite alternate;
}

.eventPage .probox{
    position: absolute;
	top: 31.4%;
    z-index: 7;
}
.eventPage .probox .pro{
    float: left;
}
.eventPage .probox .pro img{
    width: 100%;
}

.eventPage .star1{
    position: absolute;
    width:10%;
    top:3%;
    left: 5%;
    z-index: 6;
    animation:rotate-taichi-1 7s ease-in infinite alternate;
}
@keyframes rotate-taichi {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(720deg);}
  }
@keyframes rotate-taichi-1 {
    0%{transform:rotate(540deg);}
    100%{transform:rotate(0deg);}
  }

.eventPage .h2 {
	position     : absolute;
	display      : block;
	width        : 100%;
    top          : 52%;
    z-index      : 6;
    cursor       : pointer;
    animation    : btn 1s infinite;

}

.eventPage .shiny {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5; 
    animation: shiny 6S infinite both 0.3s;
}

@keyframes shiny {
    0%,10%,60%,100%{
        opacity: 0;
    }
    30%,50%,80% {
        opacity: 1;
    }
}

.eventPage .boom {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    z-index: 4; 
	animation: boom .75s ease;	/*boom效果*/ 
}

@keyframes boom {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.eventPage .menu11 {
    position: absolute;
    top: 49%;

}

.eventPage .menu11 .lbox {
    float: left;
    width: 50%;
}

.eventPage .menu {
    position: absolute;
    top: 72.4%;

}

.eventPage .menu .lbox {
    float: left;
    width: 100%;
}

.eventPage .menu11 .lbox a img {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.eventPage .menu11 .lbox a:hover img{
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}
.eventPage .ad1{
    width: 100%;
    margin: auto;
}
.eventPage .game {
    position: absolute;
    top: 34%;
}
.eventPage .tbtn{
    position: absolute;
    width: 100%;
    bottom: 22%;
    display: block;
}
@keyframes phone01 {
    0% {
        opacity: 0;
        top: 7%;
        right: -2%;
    }

    8% {
        opacity: 1;
        top: 0%;
        right: 0%;
    }

    100% {
        opacity: 1;
        top: 0%;
        right: 0%;
    }
}

.eventPage .action-btn {
    left: 323px;
    /*margin-left:-25%;*/
    position: absolute;
    top: 462px;
    display: block;
    z-index: 6;
    cursor: pointer;
    animation: btn 1s infinite;

}

@keyframes btn {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.eventPage .icon01 {
    bottom: 52px;
    left: 56px;
    z-index: 4;
    position: absolute;
    animation: icon01 5.5S infinite both 0s;
}

@keyframes icon01 {
    0% {
        opacity: 1;
        transform: rotateY(0deg);
    }

    20% {
        opacity: 1;
        transform: rotateY(360deg);
    }

    40% {
        opacity: 1;
        transform: rotateY(0);
    }

    100% {
        opacity: 1;
    }
}

.eventPage .icon02 {
    bottom: 48px;
    left: 402px;
    z-index: 4;
    position: absolute;
    animation: icon02 6S infinite both 0.5s;
}

@keyframes icon02 {
    0% {
        opacity: 0;
        left: 418px;
    }

    20% {
        opacity: 1;
        left: 402px;
    }

    80% {
        opacity: 1;
        left: 402px;
    }

    90% {
        opacity: 0;
        left: 390px;
    }

    100% {
        opacity: 0;
    }
}

.eventPage .icon03 {
    bottom: 39px;
    left: 639px;
    z-index: 4;
    position: absolute;
    animation: icon03 8S infinite both 1s;
}

@keyframes icon03 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        transform-origin: right bottom;
    }

    25% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: right bottom;
    }

    80% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: right bottom;
    }

    90% {
        opacity: 0;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        transform-origin: right bottom;
    }

    100% {
        opacity: 0;
    }
}