@charset "utf-8";
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
body{height:100%;font: 12px/1.5em "Microsoft Yahei";}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
address, cite, em{font-style:normal;}
ol,ul{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
input,select,label{vertical-align:middle;}
select,input,textarea,font{font-size:12px;line-height:1.2em;}
img{display:inline;height: auto;width:100%;}
i{font-style:normal;}
strong{font-weight:normal;}
*{margin:0px;padding:0px;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
section{display: block;box-shadow: 0px 0px 15.5px 0.5px rgba(0, 0, 0, 0.1);border-bottom: 1px solid #f1f1f1;}

/*第一屏*/
.sr1{width: 100%;background: url(../images/mbg1.jpg)no-repeat;height: 100%;background-size: 100% auto;}
.logo{width: 80%;margin: 0 auto;background: url(../images/logo.png) no-repeat;background-size: 100% auto;height: 1rem;margin-top: 2.8rem;    -moz-animation: cloudMove 1s 1.4s ease both;
    -webkit-animation: cloudMove 1s 1.4s ease both;
    animation: cloudMove 1s 1.4s ease both;}
.title{width: 90%;margin: 0 auto;background: url(../images/title.png) no-repeat;background-size: 100% auto;margin-top: .6rem;height: 1rem;    -moz-animation: cardLeftIn 0.4s 0.4s ease both;
    -webkit-animation: cardLeftIn 0.4s 0.4s ease both;
    animation: cardLeftIn 0.4s 0.4s ease both;}
.info{width: 70%;margin: 0 auto;background: url(../images/info.png) no-repeat;height: 2.2rem;background-size: 100% auto;margin-top: .3rem;    -moz-animation: cardLeftIn 0.8s 0.8s ease both;
    -webkit-animation: cardLeftIn 0.8s 0.8s ease both;
    animation: cardLeftIn 0.8s 0.8s ease both;}
.text{width: 80%;margin: 0 auto;background: url(../images/time.png) no-repeat;background-size: 100% auto;height: 1rem; -moz-animation: cardRightIn 1.2s 1.2s ease both;
    -webkit-animation: cardRightIn 1.2s 1.2s ease both;
    animation: cardRightIn 1.2s 1.2s ease both;}
.arrow{width: .6rem;height: .8rem;margin: 0 auto;background: url(../images/arrow.png) no-repeat;background-size: 100% auto;margin-top: .5rem;    -moz-animation: float ease-in-out 1.0s 0.9s infinite;
    -webkit-animation: float ease-in-out 1.0s 0.9s infinite;
    animation: float ease-in-out 1.0s 0.9s infinite;}

/*第二屏*/
.sr2{width: 100%;background: #040a25 url(../images/mbg2.jpg)no-repeat;height: 100%;background-size: 100% auto;}
.intro{width: 85%;margin: 0 auto;margin-top: 7.3rem;-moz-animation: cardRightIn 1.2s 1.2s ease both;-webkit-animation: cardRightIn 1.2s 1.2s ease both;animation: cardRightIn 1.2s 1.2s ease both;}
.intro p{color: #fff;text-align: left;line-height: .5rem;margin-bottom: .2rem;font-size: .3rem;-moz-animation: cardRightIn 1.2s 1.2s ease both;-webkit-animation: cardRightIn 1.2s 1.2s ease both;animation: cardRightIn 1.2s 1.2s ease both;}

/*第三屏*/
.sr3{width: 100%;background: #040a25 url(../images/mbg3.jpg)no-repeat;height: 100%;background-size: 100% auto;}
.sr3_box{width: 96%;margin: 0 auto;margin-top: 2.2rem;}
.sr3_box ul{width: 124%;}
.sr3_box ul li{width: 38%;float: left;margin-right: .3rem;margin-bottom: .3rem;}
.sr3_box ul li a{width: 100%;}
.sr3_box ul li a img{width: 100%;overflow: hidden;}
.sr3_box ul li a p{width: 100%;height: .5rem;background: #ffcc00;overflow: hidden;color: #111;padding-bottom: .2rem;padding-top: .1rem;}
.sr3_box ul li a p b{font-weight: normal;font-size: .35rem;display: block;padding-top: .15rem;}
.sr3_box ul li a p em{display: none;font-weight: normal;font-size: .2rem;}
.sr3_box ul li a span{display: block;height: 1.85rem;}

/*弹窗*/
.popdiv{width: 100%;height: 100%;background: url(../images/mbg4.jpg) no-repeat;background-size: 100% auto;padding-top: 1rem; position: absolute; left: 0; top: 0; display: none;}
.popcon{ display: none; }
.popimg{width: 76%;margin: 0 auto;background: #8213da;overflow: hidden;padding-bottom: .3rem;}
.popimg p{width: 94%;margin: 0 auto;position: relative;padding-top: .13rem;overflow: hidden;}
.popimg p span{position: absolute;width: 3rem;height: .7rem;background: #111;color: #ffcc00;right: 0;top: .13rem;line-height: .7rem;font-size: .3rem;}
.popimg p b{font-weight: normal;color: #fff;font-size: .4rem;display: block;text-align: center;padding-top: .2rem;}
.popimg p em{width: .7rem;height: .7rem;display: inline-block;float: left;background: #ffcc00 url(../images/crown.png) no-repeat;background-size: 70% auto;background-position: .1rem .1rem;margin-right: .3rem;}
.year{width: 90%;margin-top: .7rem;}
.year h2{font-size: .4rem;color: #49e4d7;text-align: right;}
.year p{width: 100%;height: .2rem;background: url(../images/rank.png) no-repeat;background-size: 100% auto;margin-top: .2rem;margin-bottom: .1rem;}
.year b{font-weight: normal;color: #fff;font-size: .3rem;text-align: right;display: block;}

.game{width: 84%;margin: 0 auto;margin-top: .4rem;}
.game ul{width: 7rem;}
.game ul li{width: 2rem;float: left;padding-right: .42rem;}
.game ul li {width: 1.7rem;display: block;margin-bottom: .2rem;height: 1.8rem;}
.game ul li img{width: 1.7rem;border: 1px solid #3d0e63;}
.game ul li b{display: block;color: #fff;font-size: .23rem;text-align: center;width: 100%;font-weight: normal;line-height: .35rem;}

.close{width: .7rem;height: .7rem;display: block;position: absolute;right: .2rem;top: .4rem;background: url(../images/close.png) no-repeat;background-size: 100% auto;text-indent: -9999px;}

.cnxh{width:100%;overflow:hidden;display:block;background: #20004a url(../images/mbg3.jpg) center top no-repeat;background-size: 100% auto;height: 100%;}
.cnxh h2{ font-size: 16px; color: #2fc26e;height: 36px; line-height: 36px; margin-left: 15px; margin-top: 10px;}
.cnxh .cn_lb{ margin:5px 15px; overflow:hidden; position:relative;border-bottom: 1px solid #f0f0f0;}
.cnxh .cn_lb li{ width:25% !important; height:30px; float:left;}
.cnxh .cn_lb .hover{ background-color: #2fc26e; color: #fff;border-radius: 5px 5px 0 0; }
.cnxh .cn_lb li a{ display:block; overflow:hidden; width:100%; text-align:center; height:30px; font-size:16px; color:#292828; line-height: 30px;}
.cnxh .cn_lb .hover a{ color:#fff; line-height:30px; }
.cnxh .c_text{ padding:0 15px; overflow:hidden; position:relative; margin-top:15px;}
.cnxh .c_text .c_title{ font-size:14px; color:#1b1c1d; font-weight:600;}
.cnxh .c_text .c_more{ font-size:12px; color:#9e9c9d; float:right; width:38px; height:30px; margin-right:4px;}
.cnxh .c_text .c_more a{ color: #2fc26e; }
.cnxh .c_text .c_more em{background:url(../images/c_more.png) no-repeat right; background-size:360px auto; background-position:-30px -10px; display:block; float:right; width:9px; height:10px; margin-top:5px;}
.cnxh .c_text .c_jj{ font-size:12px; color:#9e9c9d; height:60px; line-height:20px; margin-top:13px; margin-bottom:12px;overflow:hidden;     text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.cnxh .c_text .soft_img {width: 100%;overflow: hidden; position: relative; border-radius: 10px; margin-bottom:20px}
.cnxh .c_text .soft_img img {display: block; width: 100%; max-height: 150px }
.cnxh .c_text .soft_img p {font-size: 16px; color: #fff; height: 30px; line-height: 30px; background: url(../images/blank_bg.png); position: absolute; bottom: 0px;width: 100%; padding-left: 10px;}

.cnxh .c_text .c_app{ overflow:hidden; position:relative; width: 100% !important; padding-bottom:10px}
.cnxh .c_text .c_app li{ width:25%; float:left; height:130px; }
.cnxh .c_text .c_app li a{ display:block; overflow:hidden; width:100%; text-align:center;}
.cnxh .c_text .c_app li a img{ width:62px; height:62px; border-radius:10px;}
.cnxh .c_text .c_app li a p{ font-size:12px; color:#080909; height:20px; width:70px; display:block; overflow:hidden; margin:2px auto 0 auto;}
.cnxh .c_text .c_app li a span { display: block;width: 62px;height: 24px;margin: 0 auto; line-height: 24px; font-size: 14px; color: #fff;overflow: hidden; text-align: center; background: #2fc26e; border-radius: 2px; }

#cnxh_box .cn_lb_point{width: 100%;height: 10px;}
#cnxh_box .cn_lb_point ul{ width: 100%; text-align: center; height: 10px;}
#cnxh_box .cn_lb_point ul li{ display: inline-block; width: 8px; height:8px; margin: 0 4px; background: #ccc; border-radius:5px; vertical-align: top;}
#cnxh_box .cn_lb_point ul li.active{background: #2fc26e;width: 32px;}
#cnxh_box .cn_lb .active{background-color: #2fc26e; color: #fff; border-radius: 5px 5px 0 0; }
#cnxh_box .cn_lb .active a{ color: #fff; line-height: 30px; }


/***@description: css3 动画;***/
@-moz-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-webkit-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-o-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-ms-keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@keyframes cardZoomIn { 0% { -moz-transform: scale(0) translateY(-200px); -ms-transform: scale(0) translateY(-200px); -webkit-transform: scale(0) translateY(-200px); transform: scale(0) translateY(-200px); }
  100% { -moz-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } }
@-moz-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-o-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-ms-keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes cardLeftIn { 0% { opacity: 0; -moz-transform: translateX(246px); -ms-transform: translateX(246px); -webkit-transform: translateX(246px); transform: translateX(246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-moz-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-o-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-ms-keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes cardRightIn { 0% { opacity: 0; -moz-transform: translateX(-246px); -ms-transform: translateX(-246px); -webkit-transform: translateX(-246px); transform: translateX(-246px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-moz-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-webkit-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-o-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-ms-keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@keyframes cardZoomOut { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
  100% { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -webkit-transform-origin: center bottom; transform-origin: center bottom; } }
@-moz-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-o-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-ms-keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes cloudMove { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  25% { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); }
  50% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  75% { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-moz-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-webkit-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-o-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-ms-keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@keyframes icoMove { 0% { -moz-transform: scale(1) translate(0, 0); -ms-transform: scale(1) translate(0, 0); -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }
  100% { -moz-transform: scale(1) translate(-200px, -300px); -ms-transform: scale(1) translate(-200px, -300px); -webkit-transform: scale(1) translate(-200px, -300px); transform: scale(1) translate(-200px, -300px); } }
@-moz-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-ms-keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes float { 0% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }