@charset "utf-8";.container{position:relative;width:100%;min-width: 1680px;max-width: 1920px;overflow-x:hidden;margin: 0 auto;}
.container .circle{ width: 76px; height: 76px; position:relative;  }
.loading{position:absolute;top:0;left:0;width:100%;height:840px;z-index:9999;background:#000 url(../images/rc.jpg) no-repeat center top}
.thunder{position:absolute;left:50%;top:35px;width:791px;height:579px;margin-left:-490px;background:url(../images/loading-thunder-01.png) no-repeat;-webkit-animation:heartbeat 2s infinite ease-in;-moz-animation:heartbeat 2s infinite ease-in;-o-animation:heartbeat 2s infinite ease-in;animation:heartbeat 2s infinite ease-in}
.thunder-2{top:265px;width:307px;height:187px;margin-left:-110px;background:url(../images/loading-thunder-02.png) no-repeat;-webkit-animation:heartbeat 1.5s infinite ease-in;-moz-animation:heartbeat 1.5s infinite ease-in;-o-animation:heartbeat 1.5s infinite ease-in;animation:heartbeat 1.5s infinite ease-in;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.loading-num{position:absolute;top:300px;left:50%;width:76px;height:76px;margin-left:-49px;opacity:0;filter:alpha(opacity=0);background:url(../images/icon-loading.png) no-repeat}
.loading-num i{position:absolute;left:50%;top:50%;width:28px;height:42px;margin:-21px 0 0 -14px;background:url(../images/loading-txt.png) no-repeat 0 -458px}i.time9{background-position:0 -408px}i.time8{background-position:0 -358px}i.time7{background-position:0 -306px}i.time6{background-position:0 -256px}i.time5{background-position:0 -203px}i.time4{background-position:0 -152px}i.time3{background-position:2px -102px}i.time2{background-position:3px -52px}i.time1{background-position:4px 0}.loading-txt{position:absolute;top:370px;left:50%;width:590px;height:248px;margin-left:-320px;opacity:0;filter:alpha(opacity=0);background:url(../images/loading-txt2.png) no-repeat}.loading-txt i{position:absolute;top:-70px;width:325px;height:230px;background:url(../images/loading-light.png) no-repeat;-webkit-animation:lightFade 1.8s infinite ease-in;-moz-animation:lightFade 1.8s infinite ease-in;-o-animation:lightFade 1.8s infinite ease-in;animation:lightFade 1.8s infinite ease-in}.swf-play{display:block}.main{background:url(../images/nybg.jpg) no-repeat center top}.nav{position:relative;top:0;left:0;width:100%;z-index:999;height:105px;}.logo{float:left;}.logo a{ text-indent:-999em; width:130px;display:block;height:103px;background:url(../images/logo.png) no-repeat 0 -10px}.content li{position:relative;display:none}.content li.on{display:block}.info{position:absolute;top:0;left:50%;height:100%;margin-left:-400px}.info h4,.info h2{width:192px;height:22px;text-indent:-999999em;overflow:hidden;margin:75px auto 22px;background:url(../images/desc-txt.png) no-repeat}.info h2{width:292px;height:79px;margin:0 auto 40px;background:url(../images/title-txt.png) no-repeat 0 0}.info-txt{color:#bf161a;font-size:12px;margin-bottom:40px;padding:0 0 0 60px;}.info-txt p{text-indent:2em}.info-txt h3{color:#bf161a;font-size:20px;margin-bottom:5px}.animal{ float: left; overflow: hidden; padding: 50px 0 0 100px; }.kung-info .animal{width:347px;height:402px;background:url(../images/kung-dc-bg.png) no-repeat}.kung-animal{top:50px;left:13px;width:321px;height:342px;background:url(../images/kung-animal.png) no-repeat}.animal:hover .kung-animal{background-position:-323px 0}.instance-info h4{width:200px;background-position:-194px -22px}.instance-info h2{width:295px;background-position:0 -81px}.items-info h4{background-position:0 -24px}.items-info h2{width:297px;background-position:-294px 0}.items-info .animal{right:auto;top:470px;left:0;width:354px;height:297px;background:url(../images/items-dc-bg.png) no-repeat}.items-animal{top:12px;width:266px;height:277px;background:url(../images/items-animal.png) no-repeat}.animal:hover .items-animal{background-position:-268px 0}.footer{padding:30px;overflow:hidden;background:#000}.huanju{float:left;margin:20px 0 0 175px}.huanju a{display:inline-block;*display:inline;*zoom:1;width:130px;height:48px;overflow:hidden;background:url(../images/icon-hjsd.png) no-repeat}.huanju .hj-game{width:136px;background:url(../images/icon-hjgame.png) no-repeat}.huanju span{display:inline-block;*display:inline;*zoom:1;width:1px;height:48px;margin:0 20px;background:#a4a4a4}.copy{float:right;font-size:12px;line-height:1.7;color:#a4a4a4}.copy a:link,.copy a:visited{color:#a4a4a4}@-webkit-keyframes rainFade{0%{opacity:.8;-webkit-transform:translate(3px,6px)}20%{opacity:.9;-webkit-transform:translate(-3px,-6px)}40%{opacity:.7;-webkit-transform:translate(-1px,-3px)}60%{opacity:1;-webkit-transform:translate(3px,5px)}80%{opacity:.85;-webkit-transform:translate(-3px,-4px)}100%{opacity:.8;-webkit-transform:translate(3px,6px)}}@-moz-keyframes rainFade{0%{opacity:.8;-moz-transform:translate(2px,4px)}20%{opacity:.9;-moz-transform:translate(-2px,-4px)}40%{opacity:.7;-moz-transform:translate(-1px,-3px)}60%{opacity:1;-moz-transform:translate(3px,5px)}80%{opacity:.85;-moz-transform:translate(-3px,-4px)}100%{opacity:.8;-moz-transform:translate(2px,4px)}}@-o-keyframes rainFade{0%{opacity:.8;-o-transform:translate(2px,4px)}20%{opacity:.9;-o-transform:translate(-2px,-4px)}40%{opacity:.7;-o-transform:translate(-1px,-3px)}60%{opacity:1;-o-transform:translate(3px,5px)}80%{opacity:.85;-o-transform:translate(-3px,-4px)}100%{opacity:.8;-o-transform:translate(2px,4px)}}@keyframes rainFade{0%{opacity:.8;transform:translate(2px,4px)}20%{opacity:.9;transform:translate(-2px,-4px)}40%{opacity:.7;transform:translate(-1px,-3px)}60%{opacity:1;transform:translate(3px,5px)}80%{opacity:.85;transform:translate(-3px,-4px)}100%{opacity:.8;transform:translate(2px,4px)}}@-webkit-keyframes heartbeat{from{opacity:0}50%{opacity:1}to{opacity:0}}@-moz-keyframes heartbeat{from{opacity:0}50%{opacity:1}to{opacity:0}}@-o-keyframes heartbeat{from{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes heartbeat{from{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes lightFade{from{opacity:.7}50%{opacity:1}to{opacity:.7}}@-moz-keyframes lightFade{from{opacity:.7}50%{opacity:1}to{opacity:.7}}@-o-keyframes lightFade{from{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes lightFade{from{opacity:.7}50%{opacity:1}to{opacity:.7}}



/*tab*/
.nav ul{overflow: hidden;margin-left: 358px;}
.nav li{ float: left; position: relative;margin-left: 1px; padding-top: 1px;}
.nav li .i-row{background: url(../images/row.jpg) no-repeat; width: 23px; height: 11px; position: absolute; left: 50%; bottom: -11px; _bottom: -17px; margin-left: -11px; visibility: hidden;}
.nav li em.line{ width: 2px; height: 78px;background: url(../images/spa.jpg) no-repeat; position: absolute; top: 0; right: 0;}
.nav li a{ width: 200px; display: block; height: 105px; text-align: center; color:#3ea0a8;overflow: hidden;}
.nav li.on .i-row{ visibility: visible;}
.nav li a span{ background: url(../images/tab_word.png) no-repeat 0 0;display: block;width: 130px;margin: 0 auto;}
.nav li a b{ *padding-top: 6px; display: inline-block; font-size: 8px;font-weight: normal; font-family: Arial; text-transform: uppercase; white-space: nowrap;}
.nav .txt1 .title{height: 30px;margin-top: 25px;}
.nav .txt1 .subt{height: 20px;}
.nav .nav-fixed {
    background: url(../images/nav_bg.jpg);
    width: 100%;
    max-width: 1920px;
    min-width: 1680px;
    margin: 0 auto;
    height: 100%;
}

.t1 .title{background-position: 0 -248px;}
.t1.on .title, .t1:hover .title{background-position: -123px -247px;}
.t1 .subt{background-position: 0 -275px;}
.t1.on .subt, .t1:hover .subt{background-position: -123px -274px;}

.t2 .title{background-position: 0 -198px;}
.t2.on .title, .t2:hover .title{background-position: -123px -197px;}
.t2 .subt{background-position: 0 -226px;}
.t2.on .subt, .t2:hover .subt{background-position: -123px -225px;}

.t3 .title{background-position: 0 -147px;}
.t3.on .title, .t3:hover .title{background-position: -125px -146px;}
.t3 .subt{background-position: 0 -174px;}
.t3.on .subt, .t3:hover .subt{background-position: -125px -173px;}

.t4 .title{background-position: 0 -98px;}
.t4.on .title, .t4:hover .title{background-position: -123px -98px;}
.t4 .subt{background-position: 0 -126px;}
.t4.on .subt, .t4:hover .subt{background-position: -123px -126px;}

.t5 .title{background-position: 0 -49px;}
.t5.on .title, .t5:hover .title{background-position: -122px -49px;}
.t5 .subt{background-position: 0 -77px;}
.t5.on .subt, .t5:hover .subt{background-position: -122px -77px;}

.t6 .title{background-position: 0 0px;}
.t6.on .title, .t6:hover .title{background-position: -122px 2px;}
.t6 .subt{background-position: 0 -28px;}
.t6.on .subt, .t6:hover .subt{background-position: -122px -26px;}

.nav .txt1:hover:after{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: .05;
	content: '';
}

.info-title{
	text-align: center;
	width: 1260px;
}

-webkit-transform:scale(0.8); -o-transform:scale(1); -webkit-text-size-adjust:none;text-size-adjust:none;
}
.rain{ position:relative; z-index:1; top:-7px; width:100%; height:1px; *height:3px; background:#000; overflow:hidden}
.icon-animal{position:absolute;top:42px;width:431px;left:45px;height:367px}
.items-info .con_bg4_animal{width:431px;height:532px; top:205px; left:510px}
.con_bg1_pic1{background:url(../images/con_bg1_pic1.png) no-repeat}
.con_bg1_pic2{left:480px;background:url(../images/con_bg1_pic2.png) no-repeat}
.con_bg1_pic1:hover{background:url(../images/con_bg1_pic1_hover.png) no-repeat}
.con_bg1_pic2:hover{background:url(../images/con_bg1_pic2_hover.png) no-repeat}
.con_bg2_pic1{background:url(../images/con_bg2_pic1.png) no-repeat}
.con_bg2_pic1:hover{background:url(../images/con_bg2_pic1_hover.png) no-repeat}
.con_bg3_pic1{background:url(../images/con_bg3_pic1.png) no-repeat}
.con_bg3_pic1:hover{background:url(../images/con_bg3_pic1_hover.png) no-repeat}
.con_bg4_pic1{ width:431px; height:532px;background:url(../images/con_bg4_pic1.png) no-repeat}
.con_bg4_pic1:hover{background:url(../images/con_bg4_pic1_hover.png) no-repeat}
.content .info-left{ float: left; overflow: hidden; width: 610px;}
.animal .mg{opacity: .7; transition-duration: .2s; }
.animal .mg:hover{opacity: 1;}