body{font-family: '微软雅黑';font-size: 12px;background: #fff;width:100%;overflow-x: hidden;}

/*公用头部样式*/
.topnav{width:100%;height:78px;background: url(../images/topbg.jpg) no-repeat center top;}
.navInner{position:relative;width:1000px;margin:0 auto;height:78px;}
.navInner .logo{position:absolute;top:9px;left:19px;width:276px;height:65px;}
.navInner .logo a,.navInner .logo a img{display: block;width:100%;}
.topregister{position: absolute;top:5px;right:20px;font-size: 14px;}
.topregister a{color:#333333;}
.topregister a.btn{float:left;color:#333333;margin-right:10px;display: block;width:55px;height:20px;line-height: 20px;border:1px solid #d1d1d1;background: #efefef;text-align: center;}
.topregister a:hover{color:red;}
.navInner .banner{padding-left:295px;padding-top: 40px;}
.navInner .banner ul li{float: left;padding:0 15px;border-left:1px solid #ababab;}
.navInner .banner ul li:first-child{border-left: 0;}
.navInner .banner ul li a{color:#6b6b6b;font-size: 17px;padding-bottom: 5px;font-weight: bold;}
.navInner .banner ul li.current a{border-bottom: 2px solid #f39801;}
.navInner .banner ul li a:hover{border-bottom: 2px solid #f39801;}

/*BANNER*/
.gameMovie{position:relative;width:100%;height:437px; background:#000; }
.focus_pic{width:100%;height:437px;overflow:hidden}
.focus_pic li{vertical-align:top;width:100%;height:437px;}
.bottomcon{position:absolute;bottom:10px;left:50%;margin-left:-500px;width:1000px;height:57px;background: url(../images/opacityBg.png) repeat;}
    /*3个广告*/
.focus_nav{position:absolute;left:542px;bottom:2px;width:412px;height:53px;*zoom:1;padding-left:40px;}
/*4个广告*/
/*.focus_nav{position:absolute;left:423px;bottom:2px;width:534px;height:53px;*zoom:1;padding-left:40px;}*/
/*5个广告*/
/*.focus_nav{position:absolute;left:298px;bottom:2px;width:654px;height:53px;*zoom:1;padding-left:40px;}*/

.focus_nav ul{position:relative;*zoom:1;}
.focus_nav li{position:relative;*zoom:1;float:left;display:inline; cursor:pointer;}
.focus_nav .navPrev,.focus_nav .navNext{position:absolute;top:0;text-indent:-9999px;background: url(../images/homenextPrevBg.png) no-repeat 0 0;width:33px;height:51px;}
.focus_nav .navPrev{left:0;}
.focus_nav .navNext{right:0;background-position: -33px 0;}
.focus_nav li img{border:3px solid transparent;width:117px;height:47px;opacity: 0.5;filter:Alpha(Opacity=50);}
.focus_nav li.on img{border:3px solid #f39801;opacity: 1.0;filter:Alpha(Opacity=100);}
.focus_text{position:absolute;width:242px;height:46px;padding:5px 30px;left:0;top:0;overflow:hidden}
.focus_text li{font-size: 16px;color:#fff;line-height: 23px;}
:root .focus_text{-ms-filter:none}

.content{width:100%;}
.gamewrap{width:1000px;margin:0 auto;position: relative;}
h3.h3title{font-size: 17px;color:#333333;padding:16px 0 8px;}
.handswim{width:998px;height:214px;border:1px solid #eaeaea;overflow: hidden;}
.handswim ul{width:1001px;padding-left:2px;}
.handswim ul li{position:relative;float: left;width:182px;height:210px;padding:14px 8px;overflow: hidden;border-right: 1px solid #eaeaea;background: #FFF;}
.handswim ul li.last{border-right:0;}
.handswim ul li a{display: block;width:182px;height:210px;position:relative;}
.handswim ul li a img{display: block;width:182px;height:171px;}
.handswim ul li a strong{display:block;height:29px;line-height:29px;font-size: 14px;font-family: '宋体';color:#666666;text-align: center;}
.handswim ul li a i{position:absolute;display: block;width:48px;height:48px;top:0;left:0;}
.handswim ul li a i.new{background: url(../images/news.png) no-repeat;}
.handswim ul li a i.hot{background: url(../images/hotBg.png) no-repeat;}
.handswim ul li .othercon{display:none;cursor:pointer;position: absolute;top:14px;left:8px;width:182px;height:171px;z-index:3;}
.handswim ul li .othercon img{display: block;width:182px;height:171px;}

.pageswim{width:998px;height:204px;border:1px solid #eaeaea;overflow: hidden;}
.pageswim ul{width:1001px;padding-left:4px;}
.pageswim ul li{position:relative;float: left;width:152px;height:180px;padding:14px 6px;overflow: hidden;border-right: 1px solid #eaeaea;background: #FFF;}
.pageswim ul li.last{border-right:0;}
.pageswim ul li a{display: block;width:152px;height:180px;position:relative;}
.pageswim ul li a img{display: block;width:152px;height: 152px;}
.pageswim ul li a strong{display:block;height:28px;line-height:28px;font-size: 14px;font-family: '宋体';color:#666666;text-align: center;}
.pageswim ul li a i{position:absolute;display: block;width:48px;height:48px;top:0;left:0;}
.pageswim ul li a i.new{background: url(../images/news.png) no-repeat;}
.pageswim ul li a i.hot{background: url(../images/hotBg.png) no-repeat;}
.pageswim ul li .othercon{display:none;cursor:pointer;position: absolute;top:14px;left:6px;width:152px;height:152px;z-index:3;}
.pageswim ul li .othercon img{width:152px;height:152px;}

.yqabout{width:1000px;margin:45px auto 0;}
.yqabout .yqdynamic{float:left;width:310px;font-size: 12px;margin-right:75px;}
.yqdynamic h3{position:relative;border-bottom: 1px dashed #cdcdcd;padding-bottom: 12px;}
.yqdynamic h3 a.more{position: absolute;right:0;bottom:6px;display: block;width:16px;height:15px;background: url(../images/moreBg.png) no-repeat;}
.yqdynamic ul{padding-top:4px;}
.yqdynamic ul li{line-height: 24px;}
.yqdynamic ul li a{float:left;color:#999999;display: block;width:227px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.yqdynamic ul li a:hover{text-decoration: underline;}
.yqdynamic ul li span{display: block;float: right;color:#cdcdcd;}

.yqabout .recruitment{float:left;width:232px;font-size: 12px;margin-right: 66px;}
.recruitment h3{position:relative;border-bottom: 1px dashed #cdcdcd;padding-bottom: 12px;}
.recruitment h3 a.more{position: absolute;right:0;bottom:6px;display: block;width:16px;height:15px;background: url(../images/moreBg.png) no-repeat;}
.recruitment .innter{width:150px;height:80px;background: url(../images/zpBg.png) no-repeat 4px center;padding-left:82px;}
.recruitment ul{padding-top:4px;}
.recruitment ul li{line-height: 24px;}
.recruitment ul li a{float:left;color:#999999;display: block;width:227px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.recruitment ul li a:hover{text-decoration: underline;}

.yqabout .activities{float:left;width:317px;}
.yqabout .activities img{display: block;width:317px;}

#gameLayer{ width:998px; height:490px; padding:0px; position:absolute; left:-1px; top:43px; z-index:50; background:#FFF; display:none; overflow:hidden;border:1px solid #EAEAEA;}
#gameLayer a.close{ position:absolute; right:18px; top:24px; z-index:1; width:31px; height:31px; text-indent:-999em; overflow:hidden; background:url(http://img2.tiancitycdn.com/portal/portalweb_v2/images/skin/close.png) no-repeat scroll 0 0; _background:url(http://img2.tiancitycdn.com/portal/portalweb_v2/images/skin/close_ie6.png) no-repeat scroll 0 0;}
#gameLayer a.close:hover{ background-position:0 -31px;}
#gameLayer .detail{ width:966px; height:404px; position:relative; font-size:12px; color:#FFF;}
#gameLayer .inner{ position:absolute; left:50px; top:148px;}
#gameLayer p.dec{ left:62px; top:215px; width:280px;height:120px; text-indent:2em; line-height:1.8em;}
#gameLayer p.tag{ margin-left:30px;margin-top:30px;height:70px; line-height:70px;color:#0B0B0B;}
#gameLayer p.tag strong{ display:inline-block; padding:0 12px; border-right:1px solid #CCC; font-weight:400;}
#gameLayer p.link{ height:30px; margin:27px 0 0;}
.detail a{ display:inline-block; width:110px; height:35px; line-height:35px; text-indent:15px; background-position:0 -441px; color:#333; font-size:13px; font-weight:500;}
.detail a:hover{ background-position:-96px -441px;}
.detail a.official{ margin-left:30px;background:#F39801;color:#fff;}

#gameLayer .loading{ position:absolute; left:462px; top:182px; width:40px; height:40px;}
/*清除浮动*/
.clear:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*公共底部*/
.footer { text-align: center; padding: 50px 0 30px; font-size: 12px;}
.footer ul {width: 540px;margin: 0 auto;}
.footer ul .lst {border-right: 0 none;}
.footer li {padding: 0 20px;margin: 10px 0;line-height: 12px; float: left;border-right: 1px solid #333333;}
.footer li a { color: #333333;}
.footer li a:hover{ color: #4585ff;text-decoration:underline;}
.footer  p {line-height: 25px; }
.footer  p a{color: #333333; }
.footer .clh {color: #000000;}
.lstp a {margin-right: 10px;color: #333333;}
.lstp img {vertical-align: top; margin-top: 2px;margin-right: 4px;}
/*
.footer{width:100%;background: #333333;padding:30px 0;margin-top: 35px;font-family: '宋体'}
.footer .footerinner{width:1000px;margin:0 auto;}
.footer .footerinner .left{float: left;width:126px;padding:20px 20px 0;}
.footer .footerinner .middlecon{float:left;width:700px;padding-left:20px;padding-right:5px;border-left:1px dashed #666666;border-right:1px dashed #666666;}
.footer .footerinner .middlecon ul li{float: left;font-weight: bold;}
.footer .footerinner .middlecon ul li a{color:#cccccc;padding:0 10px; border-right:2px solid #cccccc;}
.footer .footerinner .middlecon ul li.last a{border-right:0;padding-right: 0;}
.footer .footerinner .middlecon ul li a:hover{text-decoration: underline;}
.footer .footerinner .middlecon p{color:#999999;padding-top: 12px;padding-left:10px;}
.footer .footerinner .right{float: left;width:65px;padding-left:22px;padding-top: 12px;}*/