/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_ani2{-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.pub_ani3{-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
.textover{text-indent: -9999px; overflow: hidden; cursor: pointer; display: block;}
body{background:#1e2837; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; min-width: 1360px;}
#content{background:url(../images/bg1.jpg) no-repeat center 0; max-width: 1920px; width: 100%; overflow: hidden; margin: 0 auto;}
#wrap{background: url(../images/bg2.jpg) no-repeat center 1500px;}


.publicMain{width: 1360px; position: relative; margin: 0 auto;}
.header{position: relative;}
.renBoxLeft{width: 960px; height: 1180px; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/ren1.png) no-repeat 0 0;}
.renBoxRight{width: 960px; height: 1180px; position: absolute; right: 0; top: 0; z-index: 1; background: url(../images/ren2.png) no-repeat 0 0;}
.sLeft{width: 0px; height: 1180px; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/sleft.png) no-repeat 0 0;}
.sRight{width: 0px; height: 1180px; position: absolute; right: 0; top: 0; z-index: 2; background: url(../images/sright.png) no-repeat right 0;}

.header{height: 1300px;}
.header .publicMain{height: 1454px; position: absolute; left: 50%; margin-left: -680px; z-index: 99; top: 0;}
.slogan{width: 1021px; height: 912px; position: absolute; left: 50%; margin-left:-510px; top: 0;}
.sloganTop{width: 1021px; height: 663px;}
.sloganFot{width: 1021px; height: 166px;}
.videoBox{margin:0 auto; width: 185px;}
.videoPic{width: 185px; height: 100px; border: 3px solid #87e3e7; position: relative; background: url(../images/pic.jpg) no-repeat 0 0;}
.videoPic span{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: rgba(33,57,94,0.8);}
.videoPic a{display: block; width: 100%; height: 100%; background: url(../images/play.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.videoPic a:hover{background-position: 0 -98px;}
.videoBox p{text-align: center; color: #FFF; font-weight: bold; font-size: 18px; padding-top: 12px;}
.videoBox p:before, .videoBox p:after{ content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 2px; background: #FFF; }
.videoBox p:before{ margin-right: 15px; }
.videoBox p:after{ margin-left: 15px; }

.navMain{width: 1360px; height: 360px; position: absolute; left: 0; top: 990px;}
.navLeBox{width:648px; height: 306px; background: url(../images/left.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2}
.navLrBox{width: 648px; height: 306px; background: url(../images/right.png) no-repeat 0 0; position: absolute; right: 0; top: 0; z-index: 2}
.navGuang{display: block; width: 292px; height: 292px; position: absolute; left: 526px; top: 24px; background: url(https://w2i.games.wanmei.com/hd/2006/net/sports/images/g.png) no-repeat 0 0; z-index: 1}
.navLeLink{width: 648px; height: 306px; position: absolute; left: 0; top: 0; z-index: 10; }
.navleText{width: 360px; position: absolute; left: 97px; top: 82px;}
.navleText a{display: block; margin:25px 0; width: 342px; height:22px; overflow: hidden; text-indent: -999px; cursor: pointer;}
.navleText a.t1{background: url(../images/t1.png) no-repeat 0 0;}
.navleText a.t2{background: url(../images/t2.png) no-repeat 0 0;}
.navleText a.t3{background: url(../images/t3.png) no-repeat 0 0;}
.navleText a.t4{background: url(../images/t4.png) no-repeat 0 0;}
.navleText a.on,.navleText a:hover{background-position: 0 -22px;}


.navLrLink{width: 648px; height: 306px; position: absolute; right: 0; top: 0; z-index: 10; }
.navlrText{width: 360px; position: absolute; left: 104px; top: 82px;}
.navlrText a{display: block; margin:25px 0; width: 342px; height: 22px; overflow: hidden; text-indent: -999px; cursor: pointer;}
.navlrText a.p1{background: url(../images/p1.png) no-repeat 0 0;}
.navlrText a.p2{background: url(../images/p2.png) no-repeat 0 0;}
.navlrText a.p3{background: url(../images/p3.png) no-repeat 0 0;}
.navlrText a.p4{background: url(../images/p4.png) no-repeat 0 0;}
.navlrText a.on,.navlrText a:hover{background-position: 0 -22px;}

.fifteenYear{position: absolute; background: url(../images/year.png) no-repeat 0 0; width: 72px; height: 73px; left: 209px; top: 36px;}
.huya{position: absolute; background: url(../images/huya.png) no-repeat 0 0; width: 157px; height: 48px; left: 316px; top: 50px;}
.enterBtn{position: absolute; background: url(../images/enter.png) no-repeat 0 0; width: 191px; height: 43px; right: 16px; top: 52px;}
.enterBtn:hover{background-position: 0 -43px;}

.videoFiex{width:100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.8); display: none;}
.videoMain{width: 800px; height: 500px; position: fixed; left: 50%; top: 50%; margin: -250px 0 0 -400px;}
.videoClose{width: 63px; height: 63px; background: url(https://static.games.wanmei.com/public/images/close.png) no-repeat 0 0; position: absolute; right: -63px; top: 0;}
.videoClose:hover{background-position: 0 -63px;}
.videoPlay{background: #000; width: 800px; height: 500px;}
.videoPlay video{width: 800px; height: 500px;}

.navRight{width: 1px; height: 311px; position: fixed; right: 70px; top: 50%; transform: translate(0, -50%); background: url(../images/silder-right.png) no-repeat 0 0; z-index: 555;}
.navBtn{ position: absolute; top: 50%; right: 0; transform: translate(0, -50%); text-align: right; }
.navBtn a{ position: relative; display: inline-block; font-size: 14px; color: #FFF; cursor: pointer; text-align: right; white-space: nowrap; margin: 25px 0; padding: 0 11px 0 32px; }
.navBtn a:hover, .navBtn a.on{color: #fce1a8;}
.navBtn a:before, .navBtn a:after{ content: ""; position: absolute; top: 50%; transform: translate(0, -50%); }
.navBtn a:before{ right: -2px; width: 5px; height: 5px; border-radius: 2px; background: #FFF; }
.navBtn a.on:after{ left: 0; width: 21px; height: 21px; background: url(../images/navBtnAfter.png) no-repeat 0 0; }

.opacityShow{opacity: 0;}

.mainBox{/*background:#242b58;*/ padding-bottom: 100px; display: none;}
.num1{width: 83px; height: 63px; background: url(../images/num1.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -42px; top: -31px;}
.imgBox{display: block; margin:0 auto;}
.thTitle img{margin:100px auto; display: block; }
.thTitle1 img{ transform: translate(-140px, 0);  }
.thText{font-size: 20px; line-height: 48px; color: #FFF; text-indent: 2em;}
.thText strong{color: #a9cfff;}
.thLc{/*background: url(../images/th_0ss2.png) no-repeat 0 0;*/ height: 470px; display: flex; justify-content: space-between; }
.thLc li{float: left; width: 295px; height: 307px;position: relative;}
.thLc li span{display: block; font-size: 16px;  font-weight: bold;}
.thLc li span.time{color: #e0e0e0; width: 294px; height: 55px; line-height: 55px; text-align: center; margin-bottom: 5px; background:url(../images/time-bg.png) no-repeat center; margin:0 auto;font-size: 18px;font-weight: bold;}
.thLc li span.time2{color: #c8b37c; height: 42px; line-height: 42px; text-align: center;}
.thLc li a.btn{display: block; width: 191px; height: 43px; overflow: hidden; text-indent: -999px;  background: url(../images/cai.png) no-repeat 0 0;position: absolute;top:222px;left: 50%;margin-left: -76px;}
.thLc li a.btn:hover{background-position: 0 -43px;}
.thLc li.th1{margin-left: -34px;}
.thLc li.th2{padding: 0 0 0 52px;}
.thLc li.th3{padding: 0 0 0 52px;}
.thLc li.th4{padding: 0 0 0 52px;}
.thLc li.th1 span.top{height: 304px;}
.thLc li.th2 span.top{height: 304px;}
.thLc li.th3 span.top{height: 304px;}
.thLc li.th4 span.top{height: 304px;}
.thLc li.th4 span.time{margin-bottom: 22px;}

.thLc_box{ position: relative; width: 372px; height: 371px; }
.thLc_box.box1{ background: url(../images/th1.png) no-repeat 0 0; }
.thLc_box.box2{ background: url(../images/th2.png) no-repeat 0 0; }
.thLc_box.box3{ background: url(../images/th3.png) no-repeat 0 0; }
.thLc_box.box1:after, .thLc_box.box2:after{ content: ""; position: absolute; top: 50%; right: -70px; width: 16px; height: 20px; transform: translate(0, -50%); background: url(../images/thLc_arrow.png) no-repeat 0 0; }
.thLc_box .date{ position: absolute; left: 50%; transform: translate(-50%, 0); height: 46px; line-height: 46px; font-size: 18px; color: #FFF; }
.thLc_box.box1 .date{ top: 260px; }
.thLc_box.box2 .date{ top: 260px; }
.btn_guessing{ position: absolute; bottom: -60px; left: 50%; transform: translate(-50%, 0); width: 224px; height: 51px; background: url(../images/btn_guessing.png) no-repeat 0 0; }
.btn_guessing:hover{ background-position: 0 -51px; }
.thLc_box.box2 .date2{ position: absolute; top: 270px; left: 50%; transform: translate(-50%, 0); font-size: 16px; color: #fce1a8; }
.thLc_box.box2 .btn_info{ position: absolute; top: 303px; left: 50%; transform: translate(-50%, 0); font-size: 12px; color: #FFF; text-decoration: underline; cursor: pointer; }

.thlcThree{margin-left:200px;background: url(../images/th_022.png) no-repeat 0 0; height: 450px;}
.thlcThree li.th2{padding-left: 114px;}
.thlcThree li.th3{padding: 0 0 0 114px;}
.thlcThree li span.time2{height: 60px; line-height: 60px;}
.thlcThree li a.btn{margin-left: -36px;}
.btn-detail{font-size: 12px;color: #fff;text-decoration: underline;text-align: center;display: block;width: 100%;}
.thText2{font-size: 20px; line-height: 48px; color: #FFF; text-indent: 2em; height:114px; text-align: center;}
.thText2 span{color: #fce1a8;}
.thSix img{display: block; margin:0 auto;}
.thText3{padding: 56px 76px 56px 0; color: #d5d691; font-size: 24px; font-weight: bold; text-align: center;}
.thText3 span{color: #911104; padding: 0 10px; font-size: 30px;}
.thText3-1{color: #d5d791; }
.thText3-2{color: #c9c9c9; }
.thText3-3{color: #c2876d; }
.thText3-4{color: #88a4df; }
.thText3-5{color: #83a1dd; }
.thText3-6{color: #a2524b; }

.thImgs{padding-top: 60px;}
.thImgs img{display: block; margin: 0 auto;}

.liveMain{width: 1360px; height: 840px; margin-bottom: 150px;}
.livePlay{width: 1360px; height: 720px; margin-bottom: 22px;}
.livePlay iframe{width: 1360px; height: 720px;}
.liveBtn{height: 99px;}
.liveBtn a{float: left; width: 260px; height: 88px; margin-right: 15px; background: url(../images/live_03.jpg) no-repeat 0 0; background-repeat: no-repeat; color: #FFF; text-align: center; font-size: 16px; cursor: pointer; display: flex; flex-wrap: wrap; align-content: center; line-height: 30px; }
.liveBtn a strong{display: block; width: 100%; font-size: 20px;}
.liveBtn a span{display: block; width: 100%;}
.liveBtn a.mr{margin: 0;}
.liveBtn a:hover,.liveBtn a.on{ background-position: 0 -88px; }
.liveNews{width: 1360px; height: 640px; overflow: hidden; position: relative;}
.liveNews .bd{width:1360px; overflow: hidden; height: 590px;}
.liveNews .bd li{float: left; width: 1360px; height: 590px;}
.liveNews .hd{width: 100%; position: absolute; left: 0; bottom: 0; text-align: center;}
.liveNews .hd span{display: inline-block; width: 56px; height: 12px; background: url(../images/live_04.png) no-repeat right 0; cursor: pointer; margin: 0 10px;}
.liveNews .hd span.on{background-position: 0 0;}
.liveList{float: left; width: 610px; height: 292px;}
.liveMar{margin-right: 130px;}
.liveTop{height: 106px;}
.liveTop img{float: left; width: 133px; height: 87px;}
.liveTop h2{float: right; width: 448px; background: url(../images/l.png) no-repeat 0 bottom; height: 88px;}
.liveTop h2 a{color: #fce1a8; font-size: 20px; font-weight: bold; line-height: 36px;}
.liveTop h2 a:hover{color: #ceb980;}
.liveTime{float: left; width: 133px; color:#FFF; text-align: right;}
.liveTime strong{display: block; font-size: 36px; height: 36px; line-height: 36px; padding-top: 4px;}
.liveTime span{display: block; font-size: 16px;}
.liveCont{float: right; width: 448px;}
.liveCont p{color: #adadad; line-height: 30px; font-size: 16px; padding-bottom: 16px;}
.liveCont a{display: block; width: 91px; height: 33px; background: url(../images/more.png) no-repeat 0 0; text-indent: -999em; }
.liveCont a:hover{ background-position: 0 -33px; }

.textMain{height: 2520px;}
.textLeft{float: left; width: 650px;}
.textRight{float: right; width: 650px;}
.textTitle{height: 104px;}
.textTitle .textTime{float: right; width: 428px; height: 64px; line-height: 64px; font-size: 24px; color: #ceb980; text-indent:17px;font-weight: bold;}
.tTit1{background: url(../images/text_tit_01.png) no-repeat 0 0;}
.tTit2{background: url(../images/text_tit_02.png) no-repeat 0 0;}
.tTit3{background: url(../images/text_tit_03.png) no-repeat 0 0;}
.tTit4{background: url(../images/text_tit_04.png) no-repeat 0 0;}
.tTit5{background: url(../images/text_tit_05.png) no-repeat 0 0;}
.textUl{font-size: 20px; color: #FFF; line-height: 48px;}
.textUl li{padding: 0 0 0 50px; }

.text1{height: auto;padding-bottom: 60px;}
.text3{height: auto;padding-bottom: 60px;}
.text4{height: auto;padding-bottom: 60px;}
.textMain h3{font-size: 24px; color: #fce1a8; font-weight: bold; line-height: 48px; background: url(../images/l2.png) no-repeat left center; text-indent: 44px;}

.textMain2{padding-bottom: 70px;}
.textMain2 h3{font-size: 24px; color: #fce1a8; font-weight: bold; line-height: 48px; background: url(../images/l2.png) no-repeat left center; text-indent: 44px;}
.textMain2 ul{font-size: 20px; color: #FFF; line-height: 48px;}
.textMain2 li{padding: 0 0 0 50px;}
.textMain2 li.no-dot{padding: 0 0 0 50px;background:none;}
.textMain2 li img{display: block;margin: auto;}
.textMain2 li p{display: block;margin: auto;text-align: center;}
.textMain3{height: 750px;}
.textMain3 h3{font-size: 24px; color: #fce1a8; font-weight: bold; line-height: 48px; background: url(../images/l2.png) no-repeat left center; text-indent: 44px;}
.textMain3 ul{font-size: 20px; color: #FFF; line-height: 48px;}
.textMain3 li{padding: 0 0 0 50px; }
.textMain3 strong{color: #fce1a8;}

.tableBox{}
.tableTitle{height: 90px;}
.tableLi{float: left; width: 146px; text-align: center; margin-right: 30px;}
.tableLi strong{display: block; width: 147px; height: 41px; background: url(../images/re_02.png) no-repeat 0 0; line-height: 41px; font-size: 18px; color: #fff;}
.tableLi span{display: block; font-size: 14px; color: #bcc5ff; padding-top: 8px;}
.tableDd{float: left; width: 284px; font-size: 18px; color: #fce1a8; height: 44px; line-height: 44px; text-align: center;margin-right: 40px;}
.tableDd2{float: left; width: 576px; font-size: 18px; color: #fce1a8; height: 44px; line-height: 44px; text-align: center;margin-right: 40px;}
.tableMr{margin:0;}
.tableMain{width: 1360px; height: 1350px; position: relative;}
.tableMain2{width: 1360px; height: 900px; position: relative;}

.tableUl{width: 522px; height: 675px; position: absolute;}
.tableUl2{width: 522px; height: 450px; position: absolute;}

.tablepos1{left: 0; top: 0;}
.tablepos2{left: 0; bottom: 0;}
.tablepos3{right: 0; top: 0;}
.tablepos4{right: 0; bottom: 0;}
.tableName{height: 95px;}
.tableName span{display: none; background: url(../images/re_03.png) no-repeat 0 0; width: 147px; height: 69px; text-indent: 24px; line-height: 46px; font-size: 24px; font-weight: bold; color: #FFF; overflow: hidden; text-indent: -9999px;}
.tableCont{float: left; height: 560px; width: 174px;}
.tableCont span{width: 147px; height: 40px; line-height: 40px; text-align: center; background: url(../images/tableCont_a.png) no-repeat 0 0; font-size: 14px; color: #FFF; float: left;}
.tableCont span.a1{margin-bottom: 26px;}
.tableCont span.a2{margin-bottom: 93px;}
.tableCont span.a3{margin-bottom: 100px;}
.tableCont strong{display: block;}
.tableRight .tableCont span{float: right;}
.tableRight .tableName span{float: right;}
.tableWin{width: 573px; height: 571px; position: absolute; left: 50%; top: 64px; transform: translate(-50%, 0); background: url(../images/win.png) no-repeat 0 0; z-index: 10; text-align: center;}
.tableWin2{width: 573px; height: 571px; position: absolute; left: 50%; top: 66px; transform: translate(-50%, 0); background: url(../images/win2.png) no-repeat 0 0; z-index: 10; text-align: center;}

.wintime{display: block; width: 234px; height: 43px; line-height: 43px; background: url(../images/ti.png) no-repeat center; position: absolute; left: 50%; transform: translate(-50%, 0); top: 456px; font-size: 18px; color: #e0e0e0;font-weight: bold;}
.winleft, .winright{ width:197px; height: 52px; line-height: 52px; background: url(../images/winleft.png) no-repeat 0 0; font-size: 18px; color: #FFF; position: absolute; top: 260px; }
.winleft{ left: 28px; }
.winright{ right: 28px; }
.winleft.win, .winright.win{ background: url(../images/winright.png) no-repeat 0 0; color: #1b2149; }
.winleft.win:after, .winright.win:after{ content: ""; position: absolute; right: -14px; top: 50%; transform: translate(0, -50%); width: 49px; height: 60px; /*background: url(../images/win_03.png) no-repeat 0 0;*/ }
.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan2{
  -webkit-animation: moveyuan 2s linear infinite alternate;
  -moz-animation: moveyuan 2s linear infinite alternate;
  -o-animation: moveyuan 2s linear infinite alternate;
  -ms-animation: moveyuan 2s linear infinite alternate;
  animation: moveyuan 2s linear infinite alternate;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform:scale(1.05);}
  100%{-webkit-transform: scale(0.95);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform:scale(1.05);}
  100%{-moz-transform: scale(0.95);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform:scale(1.05);}
  100%{-ms-transform: scale(0.95);}
}
@-o-keyframes moveyuan{
  0%{-o-transform:scale(1.05);}
  100%{-o-transform: scale(0.95);}
}
@keyframes moveyuan{
  0%{transform:scale(1.05);}
  100%{transform:scale(0.95);}
}

@-webkit-keyframes linkhoverMove{
  0%{background-position: 0 0px;}
  20%{background-position: 0 -53px;}
  40%{background-position: 0 -106px;}
  60%{background-position: 0 -159px;}
  80%{background-position: 0 -212px;}
  100%{background-position: 0 -265px;}
}
@keyframes linkhoverMove{
  0%{background-position: 0 0px;}
  20%{background-position: 0 -53px;}
  40%{background-position: 0 -106px;}
  60%{background-position: 0 -159px;}
  80%{background-position: 0 -212px;}
  100%{background-position: 0 -265px;}
}

.moveTop{
  -webkit-animation: moveTop 1s ease-in alternate;
  -moz-animation: moveTop 1s ease-in alternate;
  -o-animation: moveTop 1s ease-in alternate;
  -ms-animation: moveTop 1s ease-in alternate;
  animation: moveTop 1s ease-in alternate;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,10px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,-10px);}
  100%{-moz-transform:translate(0,10px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,-10px);}
  100%{-ms-transform:translate(0,10px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,-10px);}
  100%{-o-transform:translate(0,10px);}
}
@keyframes moveTop{
  0%{transform:translate(0,-10px);}
  100%{transform:translate(0,10px);}
}