/* 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_d{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.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_yh{font-family:"Microsoft YaHei";}
.pub_le{float: left;}
.pub_lr{float: right;}
.none{display:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{max-width: 1920px; margin:0 auto; position: relative; min-width: 1200px;}
.cont1{background: url(../images/bg_01.jpg) no-repeat center 0;}
.cont2{background: url(../images/bg_02.jpg) no-repeat center 1000px;}
.cont3{background: url(../images/bg_03.jpg) no-repeat center 2000px; height: 5388px;}

.section{position: relative;}
.publicMain{width: 1200px; margin: 0 auto; position: relative;}
.section1{height: 1727px;}
.logo{display: block; position: absolute; left: 20px; top: 75px; z-index: 10;}
.enterHome{display: block; width: 102px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; color: #a58e69; border: 1px solid #b49b73; position: absolute; right: 28px; top: 110px; z-index: 10; background-color: rgba(60,60,60,0.2)}
.enterHome:hover{background-color: rgba(0,0,0,0.8)}
.loginBox{position: absolute; right: 140px; top: 108px; border: 1px solid #383235; background-color: rgba(11,11,11,0.7); padding: 0 10px; border-radius: 6px; font-size: 16px; font-weight: bold; color: #7b7a7a; height: 28px; line-height: 28px;}
.loginBox span,.loginBox a{color: #b49b73;}
.loginBox a{cursor: pointer;}
.loginBox a:hover{color: #a23633;}
.btnMore{width: 100%; position: absolute; left: 0; top: 1306px;}
.btnMore a{display: block; width: 197px; height: 44px; background: url(../images/more.png) no-repeat 0 0; margin: 0 auto; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.btnMain{width: 844px; position: absolute; left: 50%; margin-left: -422px; top: 1557px;}
.btnMain2{top: 968px;}
.btnMain a{display: block; width: 405px; height: 115px; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.btnMain a.btn1{background: url(../images/btn_1.png) no-repeat 0 0;}
.btnMain a.btn2{background: url(../images/btn_2.png) no-repeat 0 0;}
.btnMain a.btn3{background: url(../images/btn_3.png) no-repeat 0 0;}
.btnMain a.btn4{background: url(../images/btn_4.png) no-repeat 0 0;}

.title1{background: url(../images/title1.png) no-repeat center 0; height: 110px;}
.title2{background: url(../images/title2.png) no-repeat center 0; height: 180px;}
.title3{background: url(../images/title3.png) no-repeat center 0; height: 200px;}


.section2{height: 1220px;}
.capMain{height: 430px;}
.caplist{display: block; width: 404px; height: 438px; margin: 0 auto; position: relative;}
.wait{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/wait.png) no-repeat center 40px;}
.capCont{width: 100%; height: 100%; background: url(../images/cap.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.capCont img{display: block; width: 213px; position: absolute; left: 96px; top: 18px;}
.capCont span{display: block; width: 215px; height: 34px; background: url(../images/phonebg.png) no-repeat 0 0; line-height: 34px; text-align: center; font-size: 18px; color: #fbedb3; position: absolute; left: 92px; top: 217px; z-index: 2;}
.teamMain{height: 330px; text-align: center;}
.teamMain ul{width: 100%; text-align: center;}
.teamMain li{display: inline-block; width: 215px; height: 327px; position: relative; margin: 0 10px;}
.teamCont{width: 100%; height: 100%; background: url(../images/team.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.teamCont img{display: block; width: 177px; position: absolute; left: 18px; top: 39px;}
.teamCont span{display: block; width: 147px; padding: 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height: 26px; background: url(../images/phonebg2.png) no-repeat 0 0; line-height: 26px; text-align: center; font-size: 18px; color: #fbedb3; position: absolute; left: 22px; top: 222px; z-index: 2;}

.section3{height: 690px;}
.showMain{width: 1238px; margin: 0 auto;}
.showMain a{display: block; width: 616px; height: 325px; position: relative; cursor: pointer;}
.showMain a.v1{background: url(../images/v1.png) no-repeat 0 0;}
.showMain a.v2{background: url(../images/v3.png) no-repeat 0 0;}
.showMain a.v2 div{display: none; width: 100%; height: 100%; background: url(../images/v3hover.png) no-repeat 0 0; z-index: 100; position: absolute; left: 0; top: 0;}
.showMain a.v2 div strong{display: block; width: 100%; height: 33px; background: url(../images/t.png) no-repeat center 0; position: absolute; left: 0; bottom: 28px;}
.showMain a.v2 div img{display: block; width: 220px; height: 220px; position: absolute; left: 50%; margin-left: -110px; top: 36px;}

.showMain a span{display: block; width: 249px; height: 53px; position: absolute; left: 50%; margin-left: -125px; bottom: 30px; overflow: hidden; text-indent: -9999px;}
.showMain a span.c1{background: url(../images/click.png) no-repeat 0 0;}
.showMain a span.c2{background: url(../images/click2.png) no-repeat 0 0;}
.showMain a.v2:hover div{display: block;}

.section4{height: 1116px;}
.lunbo{width: 1240px; height: 742px; margin: 0 auto; position: relative; background: url(../images/bor.png) no-repeat center 154px;}
.lunbo .swiper{width: 1130px; height: 100%; position: relative; overflow: hidden; margin: 0 auto;}
.lunbo .swiper-slide{width: 1072px; height: 604px;}
.lunbo .swiper-slide img{width: 1070px; height: 602px; display: block; border: 1px solid #866949;}
.lunbo .swiper-button-next,.lunbo .swiper-button-prev{width: 57px; height: 110px; margin-top: 0; top: 343px; background-size: 100% auto; position: absolute;}
.lunbo .swiper-button-next{background: url(../images/next.png) no-repeat 0 0; right: 0;}
.lunbo .swiper-button-prev{background: url(../images/prev.png) no-repeat 0 0; left: 0;}
.lunbo .swiper-pagination-bullet{width: 101px; height: 109px; opacity: 1;}
.lunbo .swiper-pagination-bullet a{display: block; width: 100%; height: 100%; background: url(../../../images/point-on.png) no-repeat 0 -1000px;}
.lunbo .number1{background: url(../../../images/main221223/page1.png) no-repeat center 0px;}
.lunbo .number2{background: url(../../../images/main221223/page2.png) no-repeat center 0px;}
.lunbo .number3{background: url(../../../images/main221223/page3.png) no-repeat center 0px;}
.lunbo .number4{background: url(../../../images/main221223/page4.png) no-repeat center 0px;}
.lunbo .number5{background: url(../../../images/main221223/page5.png) no-repeat center 0px;}
.lunbo .swiper-pagination-bullet-active a{background-position: 0 0;}
.lunbo .swiper-container-horizontal>.swiper-pagination-bullets,.lunbo .swiper-pagination-custom,.lunbo .swiper-pagination-fraction{background: 0;}

.qrcode{text-align: center;}
.qrcode li{display: inline-block; width: 236px; height: 290px; background: url(../images/li.png) no-repeat 0 0; margin: 0 10px;}
.qrcode li div{padding-top: 18px; height: 232px;}
.qrcode li img{display: block; width: 204px; height: 204px; margin: 0 auto;}
.qrcode li span{display: block; font-size: 24px; color: #cba26d;}

.ruleBox{padding: 120px 0 0 126px; font-size: 18px; color: #d1d1d1; line-height: 50px;}
.ruleBox span{color: #56a1ce;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 749px; height: 594px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 749px; height: 666px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{width: 749px; height: 720px; background: url(../images/pop3.png) no-repeat 0 0;}
.pop4{width: 749px; height: 754px; background: url(../images/pop4.png) no-repeat 0 0;}
.pop6{width: 1000px; height: 563px; background: url(../images/pop6.png) no-repeat 0 0;}
.closeBtn{display: block; width: 65px; height: 59px; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 29px; top: 0px;}

.popMain{width: 660px; position: absolute; left: 68px; top: 65px;}
.popTitle1{background: url(../images/pt1.png) no-repeat center 40px; height: 142px; overflow: hidden; text-indent: -9999px;}
.popTitle2{background: url(../images/pt2.png) no-repeat center 25px; height: 90px; overflow: hidden; text-indent: -9999px;}
.popTitle3{background: url(../images/pt3.png) no-repeat center 26px; height: 112px; overflow: hidden; text-indent: -9999px;}
.popTitle4{background: url(../images/pt4.png) no-repeat center 23px; height: 98px; overflow: hidden; text-indent: -9999px;}
.popTitle5{background: url(../images/pt5.png) no-repeat center 66px; height: 333px; overflow: hidden; text-indent: -9999px;}
.popTitle6{background: url(../images/pt6.png) no-repeat center 66px; height: 333px; overflow: hidden; text-indent: -9999px;}
.popTitle7{background: url(../images/pt7.png) no-repeat center 30px; height: 118px; overflow: hidden; text-indent: -9999px;}
.popTitle8{background: url(../images/pt8.png) no-repeat center 100px; height: 330px; overflow: hidden; text-indent: -9999px;}
.popTitleSpan{text-align: center; font-size: 24px; color: #1d1f2c; display: block; height: 34px;}

.sublist{height: 78px;}
.sublist select{width: 480px; height: 68px; display: block; margin: 0 auto; outline: none; border: 1px solid #3b332e; background: #fefced; font-size: 20px; color: #77736f;}

.btn_submit{display: block; width: 277px; height: 79px; margin: 0 auto; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.popBtn1{background: url(../images/popBtn1.png) no-repeat 0 0;}
.popBtn2{background: url(../images/popBtn2.png) no-repeat 0 0;}
.popBtn3{background: url(../images/popBtn3.png) no-repeat 0 0;}
.popBtn4{background: url(../images/popBtn4.png) no-repeat 0 0;}
.popBtn5{background: url(../images/popBtn5.png) no-repeat 0 0;}

.msg{padding: 140px 80px 0 80px; font-size: 32px; color: #7e1e1b; line-height: 60px; text-align: center; font-weight: bold;}
.msg span{color: #39b6ff;}

.createMain{width: 432px; height: 254px; margin: 0 auto; position: relative; overflow: hidden;}
.swiper{width: 100%; height: 100%;}
.createMain .swiper-button-next,.createMain .swiper-button-prev{width: 71px; height: 77px; margin-top: -38px; top: 50%; background-size: 100% auto; position: absolute;}
.createMain .swiper-button-next{background: url(../images/next2.png) no-repeat 0 0; right: 0;}
.createMain .swiper-button-prev{background: url(../images/prev2.png) no-repeat 0 0; left: 0;}
.createMain .swiper-slide{background: url(../images/y.png) no-repeat 100px 12px;}
.createMain .swiper-slide img{display: block; margin: 0 auto; width: 213px; margin-top: 10px;}

.joinInput{padding-bottom: 10px;}
.joinInput input{display: block; width: 424px; text-align: center; border: 1px solid #685747; background: rgba(255,255,255,0.7); margin: 0 auto; padding:0 25px; font-size: 24px; color: #000; height: 62px; outline: none;}

.ruleMain{padding: 0 20px; font-size: 18px; line-height: 33px;}
.ruleMain strong,.ruleMain span{color: #7e1e1b;}

.shareText{font-size: 20px; color: #000; height: 44px; padding-left: 28px;}
.shareUrl{height: 92px; padding-left: 28px;}
.copyUrl{float: left; outline: none; width: 480px; height: 58px; line-height: 58px; background: #fef9e9; border: 2px solid #685747; overflow:hidden; padding: 0 10px; font-size: 18px; color: #77736f;}
.copyBtn{float: left; width: 90px; height: 62px; background: #6f5d4c; margin-left: 10px; line-height: 62px; text-align: center; font-size: 24px; color: #fefbee; cursor: pointer; outline: none; border: 2px solid #685747;}
.shareImg{width: 632px; height: 313px; margin: 0 auto; position: relative;}
.intImg{width: 632px; height: 313px; position: absolute; left: 0; top: 0; z-index: 100;}
.intImg img{display: block; width: 632px; height: 313px;}
.sharehtml{width: 632px; height: 313px; position: absolute; left: 0; top: 0; z-index: 1;}
.sharehtml .hbimg{display: block; width: 632px; height: 313px;}
.sharehtml .hbimg img{display: block; width: 100%; height: 100%;}

.sharehtml .shareCode{width: 194px; height: 40px; line-height: 40px; text-align: center; font-size: 13px; color: #77736f; position: absolute; left: 10px; top: 228px; border: 1px solid #655342; background: #fef9e8;}

.sharehtml .shareQrCode{width: 160px; position: absolute; left: 10px; top: 95px;}
.sharehtml .shareQrCode .codeMain{width: 90px; height: 90px; margin: 0 auto; border: 8px solid #FFF; background: #FFF;}
.sharehtml .shareQrCode .codeMain img{display: block; width: 100%; height: 100%;}
.sharehtml .shareQrCode span.text{display: block; text-align: center; font-size: 14px; color: #43200b; padding-top: 6px; text-align: center;}

.tlbb_download{padding-top: 80px;}
.tlbb_download img{display: block; width: 240px; height: 240px; margin: 0 auto; border: 10px solid #FFF;}
.tlbb_download span{display: block; text-align: center; font-weight: bold; color: #000; font-size: 20px; padding-top: 10px;}

#lcShow .closeBtn{right: 0; top: 47px;}
.lcServerUser{width: 420px; height: 28px; position: absolute; left: 55px; top: 107px;}
.serverBox{float: left; width: 183px; height: 20px; background: url(../images/serverbg.png) no-repeat 0 0; margin-right: 8px; padding:4px 0; font-size: 14px; color: #332925;}
.serverBox span{float: left; width: 70px; height: 20px; line-height: 20px; text-align: right;}
.serverBox div{float: left; width: 92px; height: 18px; line-height: 18px; border: 1px solid #ddd5c1; background: #FFF; padding: 0 4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.lcTeamlist{width: 530px; height: 105px; position: absolute; left: 57px; top: 152px;}
.lcTeamlist div.lis{float: left; width: 81px; height: 105px; margin-right: 4px;}
.lcTeamlist div.lis span.wait2{display: block; width: 100%; height: 100%; background: url(../images/wait2.png) no-repeat 0 4px;}
.lcTeamlist div.lis .lisImg{display: block; width: 100%; height: 100%;}
.lcTeamlist div.lis .lisImg img{display: block; width: 81px;}
.lcTeamlist div.lis .lisImg span{display: block; text-align: center; font-size: 14px; color: #513e22; width: 100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lcZhanli{width: 200px; height: 72px; position: absolute; left: 587px; top: 166px; font-size: 20px;}
.lcZhanli div{height: 36px; line-height: 36px; padding-left: 90px;}
.lcZhanli div.c1{color: #997e58; background: url(../images/z1.png) no-repeat 0 center;}
.lcZhanli div.c2{color: #c4461f; background: url(../images/z2.png) no-repeat 0 center;}

.tabMain{width: 792px; background: url(../images/tabline.png) no-repeat 0 bottom; height: 42px; position: absolute; left: 55px; top: 260px;}
.tabMain a{float: left; width: 156px; height: 40px; cursor: pointer; overflow: hidden; text-indent: -9999px;position: relative;}
.tabMain a.a1{background: url(../images/tab1.png) no-repeat 0 6px;background-size: 100% auto;}
.tabMain a.a2{background: url(../images/tab2.png) no-repeat 0 6px;background-size: 100% auto;}
.tabMain a.a3{background: url(../images/tab3.png) no-repeat 0 6px;background-size: 100% auto; width: 155px;}
 .tabMain a span{background: url(../images/drop.png) no-repeat 0 0; background-size: 100% auto;position: absolute;display: none;width: 10px;height: 10px;right: 10px;top: 10px;}
.tabMain a span.on{display: block;}
.tabMain a:hover,.tabMain a.on{background-position: 0 -42px;}
.tabMain a:hover span,.tabMain a.on span{display: none;}
.tabCont{width: 746px; height: 220px; position: absolute; left: 60px; top: 310px; overflow: hidden; overflow-y: auto;}
.tabCont::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tabCont::-webkit-scrollbar-track{border-radius:6px;background-color:rgba(131,116,92,0.7);}/*底*/
.tabCont::-webkit-scrollbar-thumb{border-radius:6px;background-color:#f9f4e3;}/*面*/
.tabCont::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tabCont::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tabCont::-webkit-scrollbar-track-piece{margin:0;}

.tabShow{display: none;}
.tabList{width: 100%; height: 66px; background: url(../images/li2.png) no-repeat 0 0; overflow: hidden; position: relative;}
.tabName{float: left; width: 158px; height: 63px; color: #4c403b; font-size: 14px; text-align: center; margin-right: 17px;}
.tabName span{color: #af4c24;}
.tabStyle1{font-size: 16px; line-height: 63px;}
.tabStyle2{font-size: 14px; line-height: 20px; padding-top: 12px; height: 51px;}

.tabPrize{float: left; width: 465px; height: 63px;}
.tabIcon{float: left; width: 155px; height: 53px; padding-top: 10px;}
.tabIcon img{float: left; width: 48px; height: 48px;}
.tabIcon span{float: right; width: 104px; height: 48px; line-height: 48px; font-size: 12px; color: #4c403b;}

.lcBtns{display: block; width: 91px; height: 26px; background: url(../images/lcbtn.png) no-repeat 0 bottom; overflow: hidden; text-indent: -9999px; position: absolute; left: 640px; top: 22px; z-index: 100}
.lcBtns.on{background-position: 0 -65px; cursor: pointer;}
.lcBtns.over{background-position: 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;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

@-webkit-keyframes moveyuan2{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveyuan2{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveyuan2{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveyuan2{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.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);}
}