@charset "utf-8";.container{position:relative;left:50%;width:1920px;margin-left:-960px}.loading{position:absolute;top:0;left:0;width:100%;height:840px;z-index:9999;background:#000 url(../images/loading-bg.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/main-bg.jpg) no-repeat center top}.nav{position:relative;top:0;left:0;width:100%;z-index:999;height:98px;background:url(../images/nav_bg.jpg)}.logo{float:left;margin-right:18px;}.logo a{ width:162px;display:block;height:98px;background:url(../images/logo.png) no-repeat}.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:#6eb9c4;font-size:12px;margin-bottom:40px}.info-txt p{text-indent:2em}.info-txt h3{color:#0195ab;font-size:20px;margin-bottom:5px}.servant-info .info-txt{padding-left:100px}.animal{position:absolute;top:370px;left:270px;width:431px;height:371px;}.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}}


.top-nav{ width: 1000px; margin: 0 auto; background: none; position: relative; z-index: 10000; }
.top-nav-c{ position: absolute; right: 0; top: 0; color: #ebfff4; width: 208px; height: 31px; text-align: center; background: url("../images/top_nav.png") top center no-repeat ; }
.top-nav-c a:hover{ text-decoration: underline; }
.top-nav-c a{color: #ffffff; font: 12px/31px "Microsoft Yahei";}
.ml5{margin-left: 8px;}
/*tab*/

.nav li{ float: left; position: relative;}
.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: 197px; display: block; height: 97px; text-align: center; color:#3ea0a8
}
.nav li.on a,.nav li a:hover{
	background: url(../images/tab_ahover.jpg) no-repeat center; width: 197px; color:#fff
}
.nav li.on .i-row{ visibility: visible;}
.nav li a span{ line-height: 28px; height: 28px; overflow: hidden; padding-top: 21px; font-size: 19px; display: block;}
.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;

-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}