﻿/* 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;}
a:hover{text-decoration:underline;}
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;}
textarea{overflow:auto;}
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_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none;font-size:12px; font-family:'微软雅黑';}

#topBox{height: 46px;}
.header{height: 860px; position: relative; width: 100%; overflow:hidden;}
.head_top{width: 100%; height: 860px; position: absolute; left: 0; top: 0; z-index: 10; background: url(https://m.games.laohu.com/_s/trzjl/b1.png) no-repeat center 0;}
.head_bg{width: 100%; height: 860px; position: absolute; left: 0; top: 0; z-index: 1; background: url(https://m.games.laohu.com/_s/trzjl/headerImg.jpg) no-repeat center 0; filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.head_yun_1{width: 1946px; height: 453px; position: absolute; left:-1200px; bottom: 0; z-index: 3;}
.head_yun_1 span{display: block; width: 100%; height: 100%; background:url(https://m.games.laohu.com/_s/trzjl/yun3.png) no-repeat 0 0;}
.head_yun_2{width: 1946px; height: 453px; position: absolute; right:-1200px; bottom: 0; z-index: 3;}
.head_yun_2 span{display: block; width: 100%; height: 100%; background:url(https://m.games.laohu.com/_s/trzjl/yun4.png) no-repeat 0 0;}
.head_per{width: 100%; height: 860px; position: absolute; right: 0; top: 0; z-index: 2;}
.head_per span{display:block; width: 100%; height: 100%; background: url(https://m.games.laohu.com/_s/trzjl/per.png) no-repeat center 0;}
.head_yezi{width: 100%; height: 860px; position: absolute; right: 0; top: 0; z-index:11;}
.head_yezi span{display:block; width: 100%; height: 100%; background:url(https://m.games.laohu.com/_s/trzjl/yezi.png) no-repeat 0 0;}

.head_main{width: 1000px; height: 860px; position: absolute; left: 50%; top: 0; margin-left: -500px; z-index: 11;}
.slogan{width: 350px; height: 630px; position: absolute; left: 0; top: 78px;}
.slogan span{display:block; width: 100%; height:100%; background: url(https://m.games.laohu.com/_s/trzjl/slogan.png) no-repeat 0 0;}
.down{width: 376px; height: 102px; position: absolute; left: 312px; bottom: 29px;}
.slogan img,.down img{display: block;}
.nav{width: 212px; height: 38px; position: absolute; right: 0; top: 0;}
.nav a{float: left;width: 106px; height: 38px; line-height: 38px; color: #0a3f5d; font-size: 16px; text-indent: 26px; background: url(https://m.games.laohu.com/_s/trzjl/icon.png) no-repeat 0 center;}
.logoImg{display: block; width: 120px; position: absolute; left: 308px; top: 8px;}

.pub_ani{-webkit-transition:2s 0.5s;-moz-transition:2s 0.5s;-ms-transition:2s 0.5s;-o-transition:2s 0.5s;transition:2s 0.5s;}
.pub_ani2{-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.moveOpac{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveDown{-webkit-transform: translate3d(0,-110%,0); -moz-transform: translate3d(0,-110%,0);-ms-transform: translate3d(0,-110%,0);-o-transform: translate3d(0,-110%,0);transform: translate3d(0,-110%,0);}
.moveLeft{-webkit-transform: translate3d(-500px,0,0); -moz-transform: translate3d(-500px,0,0);-ms-transform: translate3d(-500px,0,0);-o-transform: translate3d(-500px,0,0);transform: translate3d(-500px,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveRight{-webkit-transform: translate3d(500px,0,0); -moz-transform: translate3d(500px,0,0);-ms-transform: translate3d(500px,0,0);-o-transform: translate3d(500px,0,0);transform: translate3d(500px,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.main-box{width: 100%;height: 2094px;background: url(https://m.games.laohu.com/_s/trzjl/main-bg.jpg) no-repeat center top;}
.rep{width: 1000px;margin:0 auto;position: relative;}
.tab-box{height:870px;}
.tab-box ul{width: 1045px;margin:0 auto;overflow: hidden;}
.tab-box ul li{float: left;margin:0 25px;}
.tab-box ul li a{display: block;width: 159px;height: 621px;background-repeat: no-repeat;background-position: center;text-indent: -9999px;}
.tab-box ul li a:hover{animation:buzz-out 1s both;-webkit-animation:buzz-out 1s both;}
.tab-box ul li a.tab01,.tab-box ul li a.tab03,.tab-box ul li a.tab05{margin-top:74px;}
.tab-box ul li a.tab01{background-image: url(https://m.games.laohu.com/_s/trzjl/tab01.png);}
.tab-box ul li a.tab02{background-image: url(https://m.games.laohu.com/_s/trzjl/tab02.png);}
.tab-box ul li a.tab03{background-image: url(https://m.games.laohu.com/_s/trzjl/tab03.png);}
.tab-box ul li a.tab04{background-image: url(https://m.games.laohu.com/_s/trzjl/tab04.png?1);}
.tab-box ul li a.tab05{background-image: url(https://m.games.laohu.com/_s/trzjl/tab05.png);}
.tab-box ul li a.tab01:hover{background-image: url(https://m.games.laohu.com/_s/trzjl/tab01-hover.png);}
.tab-box ul li a.tab02:hover{background-image: url(https://m.games.laohu.com/_s/trzjl/tab02-hover.png);}
.tab-box ul li a.tab03:hover{background-image: url(https://m.games.laohu.com/_s/trzjl/tab03-hover.png);}
.tab-box ul li a.tab04:hover{background-image: url(https://m.games.laohu.com/_s/trzjl/tab04-hover.png?1);}
.tab-box ul li a.tab05:hover{background-image: url(https://m.games.laohu.com/_s/trzjl/tab05-hover.png);}
.prize-box{height: 690px;}
.box-title{width: 864px;height: 76px;margin:0 auto 60px;}
.box-title img{width: 864px;}
.prize-box ul{margin-left:-26px;overflow: hidden;}
.prize-box ul li{float: left;width:315px;margin-left: 27px;}
.prize-box ul li h3{margin-top:6px;width: 315px;height: 46px;line-height: 46px;text-align: center;font-size: 30px;color:#fff;background: url(https://m.games.laohu.com/_s/trzjl/prize-name-bg.png) no-repeat center;}
.prize-img{width: 315px;height: 255px;background: url(https://m.games.laohu.com/_s/trzjl/prize-img-bg.png) no-repeat center;text-align: center;display:inline-block;*display:inline; zoom:1;vertical-align: middle;font-size: 210px;}
.prize-img{vertical-align: middle;}
.prize-txt{margin-top:50px;font-size: 22px;color:#1c505d;font-weight: bold;text-align: center;}
.media-box{height: 390px;}
.media-box ul{width: 100%;margin:10px auto 0;overflow: hidden;display: table;}
.media-box ul li{float: left;margin:0 7px;width:186px;height: 96px;background: url(https://m.games.laohu.com/_s/trzjl/media-logo-bg.png) no-repeat center;}
.media-box ul li a{display:inline-block;*display:inline; zoom:1;width: 186px;height:96px;line-height:96px;text-align: center;vertical-align: middle;*font-size:76px;}
.media-box ul li a img{vertical-align: middle;}
#footer{padding: 25px 0 0 0;}
.footBox{width: 1000px; margin: 0 auto; height: 114px;}
.pwrd_logo{float: left; padding:12px 0 0 110px; width: 157px;}
.pwrd_logo a{display: block; background: url(https://m.games.laohu.com/_s/trzjl/logo_d.png) no-repeat 0 0; width: 157px; height: 51px; overflow: hidden; text-indent: -999px;}
.footer_txt { float: right; color: #000; width: 680px; line-height: 22px; font-size: 13px;}
.footer_txt a { color: #000;}
.footer_txt a:hover{color: #212020; text-decoration: none;}
.footer_txt span{padding:0 10px;}

.actveleft{animation: actveleft 10s linear 3s infinite both;}
.actveright{animation: actveright 10s linear 5s infinite both;}

@-webkit-keyframes actveleft{
  0%{transform: translate(0,0);}
  100%{transform: translate(1920px,0);}
}
@-webkit-keyframes actveright{
  0%{transform: translate(0,0);}
  100%{transform: translate(-1920px,0);}
}

@keyframes buzz-out{
	10%{transform:translateY(3px); transform:rotate:(2deg)}
	20%{transform:translateY(-3px); transform:rotate:(-2deg)}
	30%{transform:translateY(3px); transform:rotate:(2deg)}
	40%{transform:translateY(-3px); transform:rotate:(-2deg)}
	50%{transform:translateY(2px); transform:rotate:(1deg)}
	60%{transform:translateY(-2px); transform:rotate:(-1deg)}
	70%{transform:translateY(2px); transform:rotate:(1deg)}
	80%{transform:translateY(-2px); transform:rotate:(-1deg)}
	90%{transform:translateY(1px) ;transform:rotate:(0deg)}
   100%{transform:translateY(-1px); transform:rotate:(0deg)}
}
@-webkit-keyframes buzz-out{
	10%{-webkit-transform:translateY(3px);-webkit-transform:rotate:(2deg)}
	20%{-webkit-transform:translateY(-3px);-webkit-transform:rotate:(-2deg)}
	30%{-webkit-transform:translateY(3px);-webkit-transform:rotate:(2deg)}
	40%{-webkit-transform:translateY(-3px);-webkit-transform:rotate:(-2deg)}
	50%{-webkit-transform:translateY(2px);-webkit-transform:rotate:(1deg)}
	60%{-webkit-transform:translateY(-2px);-webkit-transform:rotate:(-1deg)}
	70%{-webkit-transform:translateY(2px);-webkit-transform:rotate:(1deg)}
	80%{-webkit-transform:translateY(-2px);-webkit-transform:rotate:(-1deg)}
	90%{-webkit-transform:translateY(1px);-webkit-transform:rotate:(0deg)}
   100%{-webkit-transform:translateY(-1px);-webkit-transform:rotate:(0deg)}
}




