@charset "utf-8";
html{font-size:100px;font-weight: 400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-weight: 400;}
body,input,label,select,option,textarea,button,fieldset,legend,td,th,caption{ background-color:transparent;font-weight: 400;color:#3A3D40;font-size:14px;font-family:"Microsoft YaHei","PingFang SC",Helvetica,Roboto,Arial,sans-serif;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight: 400;}
a,button{color:#3A3D40;text-decoration:none; cursor: pointer;border: none;display: inline-block}
a{vertical-align:baseline;outline:0;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
img { border:none;vertical-align: middle;}
ol,ul,li { list-style:none; }
em,i{ font-style:normal}
input, textarea, select, button {outline: none;}
table { border-collapse:collapse; }
html {min-width: 100%;min-height: 100%; background:#bf2c18}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用样式*/
html, body {width: 100%; /*max-width:7.5rem;*/ height: 100%;overflow-x:hidden;overflow-y:auto;min-height:10rem; margin:0 auto; background:#fff;}
.txtC { text-align:center}
.txtL { text-align:left}
.txtR { text-align:right}
.fl{ float:left}
.fr{ float:right}
body>canvas{display:none;}
a{ display: inline-block;}
.imgWrap img{display: block;width:100%;}
.imgW100{ display: block;width:100%;}
.bodyBg{opacity: 0;}

.warpper{ width: 100%; height: 100%;}
.logo { width:4.32rem; height:1rem;background:url('../img/titNew_1.png') no-repeat left top; background-size:contain;}

/*======顶部导航 start======*/
.unifyNav{ position:fixed;top:0; left:50%;transform:translateX(-50%); width:100%; /*max-width:7.5rem;*/height:1rem;background-image:linear-gradient(#2f1702 30%,#5c3616); z-index:10}
.unifyNav ul{ width:100%; padding-top:0.5rem;position:absolute;left:0; top:1rem;opacity:0;visibility:hidden;list-style:none;transition:0s; z-index:600; background:rgba(20,13,18,.9);border-bottom-left-radius:0.1rem;border-bottom-right-radius:0.1rem}
.unifyNav ul>li{color:#b0894b; line-height:0.6rem; padding-bottom:0.3rem; margin-bottom:0.3rem; background:url('../img/line.png') no-repeat center bottom;font-size:0.36rem; padding-left:2.57rem;}
.unifyNav ul>li a { color:#b0894b; padding-left:0.8rem; display:block}
.unifyNav ul>li a:hover { color:#e0bd84}
.unifyNav ul>li:nth-child(1) a { background:url('../img/ico2.png') no-repeat left center; background-size:contain}
.unifyNav ul>li:nth-child(2) a { background:url('../img/ico3.png') no-repeat left center; background-size:contain}
.unifyNav ul>li:nth-child(3) a { background:url('../img/ico4.png') no-repeat left center; background-size:contain}
.unifyNav ul>li:nth-child(4) a { background:url('../img/ico5.png') no-repeat left center; background-size:contain}
.unifyNav ul>li:nth-child(4) { background:none; margin:0;}
.unifyNav ul>li:nth-child(5) {background:none; text-align:center; padding-left:0; font-size:0.28rem}
.unifyNav ul>li:nth-child(5) img { width:2.4rem}
.unifyNav ul>li:nth-child(6) {background:none; margin:0; padding:0 0 0.2rem 0}
.unifyNav ul>li:nth-child(6) a { padding:0; display:block; height:0.44rem;background:url('../img/ico6.png') no-repeat center center; background-size:contain; text-indent:-9999px}
.unifyNav.open ul{transition:.75s ease-in-out;visibility:visible;opacity:1;height:100vh}
.drop{cursor:pointer;position:absolute;width:0.44rem;height:0.44rem;transform:rotate(45deg);right:0.2rem; top:0.36rem; z-index:600}
.unifyNav.open>.drop{transition:.5s ease-in-out;}
.drop.active{border-radius:50%;animation:drop .3s forwards}
.drop>div{transform:rotate(-45deg);height:100%;width:100%;}
.drop span{display:block;background-color:#c6a159;width:0.44rem;height:0.04rem;margin-top:0.05rem;transition:.5s;border-radius:0.1rem;}
.drop span.open:nth-child(1){transform:rotate(45deg) translate(0.04rem,0.04rem)}
.drop span.open:nth-child(2){transform:rotate(-45deg) translate(0.04rem,-0.05rem)}
.drop span.open:nth-child(3){opacity:0}
.drop span.open::before {opacity:0}
@keyframes drop{0%{transform:translateY(0) rotate(45deg)}
50%{transform:translateY(30px) rotate(45deg)}
100%{transform:translateY(10px) rotate(45deg)}
}
/*======顶部导航 end======*/
.header {height:12rem; position:relative;background:url('../img/bg01New1_1.jpg') no-repeat center 1rem; background-size:100% auto;z-index:1}
.btnFun { width:100%; height:1.12rem; text-align:center; position:absolute; left:0; bottom:.2rem;}
.btnFun a { height:100%; display:inline-block; text-indent:-9999px; outline:none; margin:0 0.15rem}
.btnFun a.btnXzzx { width:4.12rem;background:url('../img/btnXzzx.png') no-repeat; background-size:contain;}
.btnFun a.btnCz { width:2.42rem;background:url('../img/btnCz.png') no-repeat; background-size:contain;}
.btnBase{ width:4.52rem; height:1.02rem; line-height:1.02rem; text-align:center; font-size:0.36rem; color:#f3dc98; display:inline-block; background:url('../img/bgBtn.png') no-repeat center center; background-size:contain; margin-top:0.2rem}
/*======顶部下载 start======*/
.downPC-M { width:5.4rem;position:absolute; top:6.66rem; left:50%;transform:translateX(-50%);text-align:center; line-height:0.4rem; font-size:0.24rem; color:#fff}
.downPC-M dd { height:2.6rem;box-sizing:border-box; overflow:hidden; position:relative}
.downPC-M dd.n1 { width:1.96rem; padding:0.06rem;float:left;  background:rgba(0,0,0,0.4); border-radius:0.1rem}
.downPC-M dd.n1 img { width:1.8rem;border-radius:0.1rem}
.downPC-M dd.n1:after {position: absolute;top: 0.05rem;left:0;width:1.96rem;height:0.02rem; background:#0F0;content: ' ';animation: erwmLine 2.5s linear infinite alternate}
@keyframes erwmLine {
	0% {transform: translate(0,0)}
	100% {transform: translate(0,1.81rem)}
}
.downPC-M dd.n2 { width:3.12rem; float:right} 
.downPC-M dd.n2 a { height:1.05rem; display:block; text-indent:-9999px; outline:none; margin-bottom:0.1rem;}


/*======新闻区域 start======*/
.news { padding:0 0.2rem;background:url('../img/titNews.png') no-repeat center top; background-size:contain; padding-top:2.2rem; position:relative}
.tabNav {height:0.58rem;border-bottom:0.03rem solid #caa987; position:relative}
.tabNav li {float:left;overflow:hidden; margin-right:0.03rem;}
.tabNav li a {width:1.53rem; height:0.58rem; line-height:0.58rem;display:block;outline:none;text-align:center; color:#fff;transition:all .5s ease; background:#d5ab6d; font-size:0.3rem;transition:none}
.tabNav li a:hover,.tabNav li a.current {background:#a7381d}
.news_con { padding-top:0.1rem;}
.modMore { position: absolute;bottom:0;right:0;}
.modMore a {width:0.4rem;height:0.4rem; line-height:0.33rem; display:block; text-align:center;font-size:0.3rem;color:#fff; background:#b42e0d; font-weight:bold}
.tabCon li {line-height:0.6rem;height:0.6rem;position: relative; font-size:0.24rem; border-bottom:1px solid #d9c6ad;}
.tabCon li a { display:block; width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tabCon a:link,.tabCon a:visited { color:#000;}
.tabCon a:hover { color:#d01a14;}
.tabCon li span {position: absolute;right: 5px;top: 0px;color: #7f2d00;}
.tabCon li em { font-style:normal; margin-right:30px;}
.tabCon li b { padding-right:10px}
.tabCon li a.hot{ padding-right:40px; background:url('../img/titNews.png') 100% 50% no-repeat;}
.tabCon li.red a{color:#bb2907;}
.tabCon li.redstrong a{color:#bb2907;font-weight:bold;}
.tabCon li.yellow a{color:#ef9911;}
.tabCon li.yellowstrong a{color:#ef9911;font-weight:bold;}
.tabCon li.blue a{color:#00f;}
.tabCon li.bluestrong a{color:#00f;font-weight:bold;}
.tabCon li.strong a{font-weight:bold;}
/*======新闻区域 end======*/
 .game-list{width: 100%;
    height: 13rem;
    background: #fff;}
    .game-list ul {
        width: 100%;
        height: 100%;
        margin-left: 0.2rem;
    }
 .game-list{ padding:0 0.2rem;background:url('../img/titNews11.png') no-repeat center top; background-size:contain; padding-top:2.2rem; position:relative}
    .game-list .first {
        width: 8rem;
        height: 2rem;
        margin: 0 auto;
        margin-bottom: .28rem;
        border-bottom: 1px solid #ccc;
    }
    .game-list .first div {
        padding-left: .28rem;
        height: 1.51rem;
        float: left;
        width: 3.81rem
    }
    .game-list .first h2{
        font-size: .48rem;
        color: #e7cb33;
        }
    .game-list ul a .info{
        float: right;
        width: 3.5rem;
        margin-right: 1rem;
        margin-top:0.5rem;
    }
    .game-list .game img {
        width: 2rem;
    }
    .game-list .game li{
        margin-top:0.3rem;
        width:6.78rem ;
        height: 2rem;
        border-bottom: 1px solid #ccc;
    }

.bigAd { padding-top:0.8rem; text-align:center}
.bigAd img { width:100%;}


/*======下载说明======*/
.downInfo { background:#e7e7e7; padding:0.5rem 0; color:#945c2d; font-size:0.24rem; line-height:0.4rem; margin-top:1px;}
.downInfo em { font-size:0.36rem; line-height:0.6rem; font-weight:bold}

/*======客户服务======*/
.service {background:url('../img/titNews22.png') no-repeat left top; background-size:contain; padding-top:2.2rem;font-size:0.24rem;}
.service img { width:3.2rem}
.serviceTel { width:5.5rem; display:inline-block;background-image:linear-gradient(to right,#774b0b,#e3b55d); line-height:0.4rem; color:#fbeedb;  border-radius:0.5rem; text-align:left; padding:0.08rem 0 0.09rem 1.4rem;box-sizing:border-box; position:relative}
.serviceTel::before { width:0.59rem; height:0.62rem; display:block; position:absolute; top:50%; left:0.6rem;transform:translateY(-50%); content:" "; background:url('../img/ico1.png') no-repeat; background-size:contain;}
.serviceTel em { font-size:0.36rem; display:block;}


/*=====pager start====*/
.tabCon .pager a:link, .tabCon .pager a:visited {color:#efd58c;}
.pager{margin:0 auto;padding-top:0.6rem;height:0.5rem;text-align:center;}
.pager a{display:inline-block;margin-right:0.08rem;padding:0.05rem 0.15rem;text-align:center;color:#efd58c;border:1px solid #a7624c; background:#5e291b;}
.pager a:hover,.pager a.current{background:#900; color:#fff; border:1px solid #fa8f41}
.pager a.upDown {/*width:0.7rem*/}
.pager b { margin:0 0.1rem; color:#666; font-weight:normal;}
.pager span { margin:0 0.1rem}
/*=====pager end====*/

/*----弹层-----*/
.alertBox {width:5.02rem; height:3.21rem;background:url('../img/bgPop.png') left center no-repeat; background-size:contain;position:fixed;z-index:1000;display:none;top:50%; left:50%; margin:-1.605rem 0 0 -2.51rem;}
.alertCon{width:100%;height:100%;}
.ajaxConIn {width:100%;height:100%;color:#df8e58;font-size:0.22rem; padding:0.2rem 0.3rem;line-height:0.35rem;box-sizing: border-box;}
.ajaxConIn i { color:#e12c14;}
.ajaxConIn i.blue { color:#00F;}
.ajaxConIn td { padding-left:1.9rem}
#dialog-overlay {opacity: 0.8;background:#000;top:0; left:0;z-index:500;display:none;position: fixed;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;}
.alertBox .close {width:0.5rem;height:0.5rem;position:absolute;left:50%;bottom:-1rem;background:rgba(255,255,255,0.85) url(data:image/gif;base64,R0lGODlhFAAUAIAAAP///3R0dCH5BAEAAAAALAAAAAAUABQAAAIjhI+py+0PU3hzVesu0ozzdn0ZIFKRRJ5GeHqQWK5gZ6r2rRYAOw==) 50% 50%/70% 70% no-repeat;border:1px solid #fff;border-radius:0.5rem;transform:translate(-50%,0%);}
.alertMainCon { height: 2.8rem; overflow-x: hidden; overflow-y: auto;}
.alertMainCon a { color:#FC6; text-decoration:underline}
.alertMainCon a:hover{ color:#FF9}
.alertMainCon i { color: #edb535;}
.alertMainCon img { margin:0.15rem 0;}
.alertMainCon h2 { color:#FC3; font-size:0.4rem; line-height:80px;}


.henBox{background:rgba(37,112,113,1);width:100%;height:100%;position:fixed;z-index:999999;top:0px;left:0px;text-align:center}
.henBox p{position:absolute;width:100%;top:40%;text-align:center;color:#FFFFFF;font-size:0.12rem}
.popBox{width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:99;overflow:hidden;background:rgba(0,0,0,0.8)}
.popBox .popBoxCon{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.popBox .popBoxBottom{width:100%;height:0.54rem;padding-top:0.6rem}
.popBox .popClose{width:0.75rem;height:0.75rem;bottom:-0.8rem;left:50%;margin-left:-0.375rem;position:absolute}


@keyframes affix{0%{opacity:0;-webkit-transform:scale(10)}
85%{opacity:0;-webkit-transform:scale(10)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-webkit-keyframes affix{0%{opacity:0;-webkit-transform:scale(10)}
85%{opacity:0;-webkit-transform:scale(10)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes affix{0%{opacity:0;-moz-transform:scale(10)}
85%{opacity:0;-moz-transform:scale(10)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-o-keyframes affix{0%{opacity:0;-moz-transform:scale(10)}
85%{opacity:0;-moz-transform:scale(10)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-ms-keyframes affix{0%{opacity:0;-ms-transform:scale(10)}
85%{opacity:0;-ms-transform:scale(10)}
100%{opacity:1;-ms-transform:scale(1)}
}
.big-small{-webkit-animation:affix .6s linear 0.6s both;-moz-animation:affix .6s linear 0.6s both;-o-animation:affix .6s linear 0.6s both;animation:affix .6s linear 0.6s both}
@keyframes rotateDeg{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotateDeg{0%{-webkit-transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotateDeg{0%{-moz-transform:rotate(0deg)}
50%{-moz-transform:rotate(180deg)}
100%{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotateDeg{0%{-ms-transform:rotate(0deg)}
50%{-ms-transform:rotate(180deg)}
100%{-ms-transform:rotate(360deg)}
}
.rotateDeg{-webkit-animation:rotateDeg 4s linear 0s both infinite;-moz-animation:rotateDeg 4s linear 0s both infinite;-o-animation:rotateDeg 4s linear 0s both infinite;animation:rotateDeg 4s linear 0s both infinite}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:1s;animation-duration:1s}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
.bounceInDown{-webkit-animation-delay:.3s;animation-delay:0.3s}
.bounceInRight,.bounceInLeft{-webkit-animation-delay:.6s;animation-delay:0.6s}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-10deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-10deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,10deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,10deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-10deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-10deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-10deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-10deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-10deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,10deg);-ms-transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,10deg);transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,10deg)}
40%,60%,80%{-webkit-transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,-10deg);-ms-transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,-10deg);transform:scale3d(1.3,1.3,1.3) rotate3d(0,0,1,-10deg)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes ZoomIn{0%{opacity:0;-webkit-transform:scale(5)}
70%{opacity:1;-webkit-transform:scale(1)}
80%{opacity:0.4;-webkit-transform:scale(1.3)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes ZoomIn{0%{opacity:0;-webkit-transform:scale(5)}
70%{opacity:1;-webkit-transform:scale(1)}
80%{opacity:0.4;-webkit-transform:scale(1.3)}
100%{opacity:1;-webkit-transform:scale(1)}
}
.ZoomIn{-webkit-animation-name:ZoomIn;animation-name:ZoomIn}
@-webkit-keyframes ZoomInFanzhuan{0%{opacity:0;-webkit-transform:scale(5) rotateY(360deg)}
70%{opacity:1;-webkit-transform:scale(1)}
80%{opacity:0.4;-webkit-transform:scale(1.3)}
100%{opacity:1;-webkit-transform:scale(1) rotateY(0deg)}
}
@keyframes ZoomInFanzhuan{0%{opacity:0;-webkit-transform:scale(5) rotateY(360deg)}
70%{opacity:1;-webkit-transform:scale(1)}
80%{opacity:0.4;-webkit-transform:scale(1.3)}
100%{opacity:1;-webkit-transform:scale(1) rotateY(0deg)}
}
.ZoomInFanzhuan{-webkit-animation-name:ZoomInFanzhuan;animation-name:ZoomInFanzhuan}