*: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 .boom {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    z-index: 5; 
    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 .shiny {
    position: absolute;
    width: 100%;
    top: 0%;
    left: 0;
    z-index: 5; 
	animation: shiny 6S infinite both 0.3s;  /* shiny效果 */
}

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

.eventPage .menu {
    position: absolute;
    top: 38%;
    width: 100%;
}

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

.eventPage .menu .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 .menu .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 .menu2 {
    position: absolute;
    top: 19.5%;	
	left: 3%;
	cursor: pointer;
	z-index: 6; 
    animation: btn 1s infinite;

}

.eventPage .menu2 .lbox2 {
    float: left;
    width: 97%;
	
}



.eventPage .ad1{
    width: 100%;
    margin: auto;
}
.eventPage .game {
    position: absolute;
    top: 91.9%;
}
.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 .phone02 {
    top: 0;
    right: 0;
    z-index: 2;
    position: absolute;
    animation: phone02 7S infinite both 0.5s;
}

@keyframes phone02 {
    0% {
        opacity: 0;
        top: 7%;
        right: 3%;
    }

    10% {
        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;
    }
}