@charset "GB2312";
/* CSS Document */
.p2 h2 ,.marvellous_tit h2 i ,.marvellous_tit a span ,.zhiye_tit li span ,.zhiyeN span ,.zhiyeN i ,.main_ad ,.wjzq_left span ,.wjzs h2 i ,.media h2 i ,.new .title a{background:url('') no-repeat;}
.right{width: 948px; float:right;}
.focus{width: 395px;height: 275px;float: right; overflow: hidden}

/*首页动画*/
/*.logo{transform: translate(-100px,0);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.menu{transform: translate(-100px,0);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.xftj{transform: translate(100px,0);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.top_video{transform: translate(-100px,0);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}*/
.focus{transform: translate(0,100px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}
.new{transform: translate(0,100px);opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}
.left_top{transform: translate(0,100px);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.fast{transform: translate(0,100px);opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}
.ziliao{transform: translate(0,100px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}
.marvellous{transform: translate(0,100px);opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}
.service{transform: translate(0,100px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}
.zhiye{transform: translate(0,100px);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.video{transform: translate(0,100px);opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}
.left_btm{transform: translate(0,100px);opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}
.wjzs{transform: translate(0,100px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}
.bizhi{transform: translate(0,100px);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.wjzq{transform: translate(0,100px);opacity: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}
.media{transform: translate(0,100px);opacity: 0;-webkit-transition: all 1s ease;transition: all 1s ease;}


.lwdh{ -webkit-transform: translate(0px,0px);transform: translate(0px,0px);opacity: 1; }

/**/
.menu{left:85px;}
.right{position: relative;}
.focus{position: absolute; top: 0px;right: 0;}
.fucus1{width: 395px;height: 275px;float: right;}
.tab{width:695px;height:275px; position:relative;}
.swf{width:610px;height:275px;position:relative; display:none;}
.swf img{position:absolute;left:0px;top:0px;width:695px;height:275px;}
.item ,.item1{height:25px;position:absolute;bottom:0px;right:20px; z-index:1}
.item ul li ,.item1 ul li{width:12px;height:12px;float:left;text-align:center;margin-left:5px;display:inline;line-height:25px;cursor:pointer;overflow:hidden; font-size:12px; color:#abd4ee; text-indent:-9999px; background:url('') no-repeat;_background:url('') no-repeat;}
.item ul li ,.item1 ul li{ display: none;}

.item ul li.hover ,.item1 ul li.hover{background:url('') no-repeat;_background:url('') no-repeat;}
.hhc{ background:#45427e;width:23px; height:91px; position:absolute; right:0; top:75px; z-index:121}
.hhc li{height:48px; list-style:none; cursor:pointer; display:inline; font-family:"微软雅黑"; font-size:12px; color:#fff; text-align:center;}
.hhc li span{ width:23px;display:block;margin:0; padding:0;}
.hhc li.list1 span{ height:51px; padding-top:5px; text-align:center;line-height: 15px;}
.hhc li.list2 span{height:38px; margin-top:-18px; padding-top:15px;text-align:center;line-height: 15px;}
.hhc li.list1 span.tabIn{background:url('') no-repeat;}
.hhc li.list2 span.tabIn{background:url('') no-repeat;}
.focus_hover{ display:block;}

/*new*/
.new{width: 540px;height: 260px;background:#6C6C6C; float: left;}
.new:hover ,.ziliao:hover ,.zhiye:hover ,.wjzs:hover ,.wjzq:hover ,.media:hover ,.fast:hover ,.service:hover 
,.left_btm:hover ,.marvellous:hover ,.main_fd:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}
.title li{ float: left;cursor: pointer; font-size: 16px; line-height: 30px; width: 68px; text-align: center;}
.title{ overflow: hidden;zoom:1;position: relative;}
.title ul{border-bottom: 1px solid #b2b2b2; height: 30px;}
.bor{ background:#7b7cd8;width: 55px; height: 3px; position: absolute; left: 0; top:28px; z-index: 1}
.tit_hover{ color: #7778d7; }
.p1_list li{font-size: 14px; color: #d4d4d4; line-height: 24px;}
.p1_list li a{color: #d4d4d4}
.date{float: right;}
.p1{position: relative; overflow: hidden;width: 293px; height: 230px;}
.p1_list{float: left;width: 293px; display:none;}
.hui{ display:block}
.p1N{position: absolute;}
.p1_list li.first_child{ color: #FFCC00;font-size: 16px;padding: 16px 0 7px 0;font-weight: bold;}
.p1_list li.first_child a{color: #FFCC00;}
.first_child .date{ display: none; }
.first_child .typename{ display: none; }
.new .p1N{}
.new .tit_hover{ border-bottom:2px solid #7b7cd8; font-weight:bold;}
.new .tit_hover a{color:#FFCC00}
.new .title a{ background:none;}
.new a:hover{ color:##FFCC00}


/*资料中心*/
.ziliao{height: 265px;width:610px;float: left; margin-top: 15px;overflow: hidden;;zoom:1;}
.p2{width: 304px;height: 116px;background:#fff;padding-top: 15px; line-height: 24px; position: relative;float: left;}
.p2 h2{ color:#828b9a; width: 194px; text-align: center;margin:0 0 5px 42px;  background-position: 0 1px; font-size:18px;font-family: " Microsoft YaHei";}
.p2 a{color:#8f8f8f; font-size: 12px;display: inline-block;}
.p2 .more{ position: absolute; color: #8f8f8f; height:18px; border: 1px solid #c7c7c7; display:inline-block; line-height: 18px; padding: 0 5px; top:6px; right:6px; font-size: 12px; }
.p2 .more:hover{color: #da3420;border: 1px solid #da3420; }
.ziliao_1{ border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.ziliao_1 .p2N{padding: 0 13px; line-height: 30px; }
.ziliao_1 a{margin:0 9px;}
.ziliao_2{width: 305px;border-bottom: 1px solid #e9e9e9;}
.ziliao_2 .p2N{padding: 0 13px;}
.ziliao_2 a{margin:0 10px;}
.ziliao_3{ border-right: 1px solid #e9e9e9;}
.ziliao_3 .p2N{padding: 0 0 0 14px; }
.ziliao_3 a{margin:0 10px;}

/*精彩活动*/
.marvellous{width: 323px; height: 265px;background: #fff; float: right;margin-top: 15px;}
.marvellous_tit{padding: 8px 16px 0 16px;}
.marvellous_tit h2{ color:#828b9a; line-height: 25px; font-size:18px;}
.marvellous_tit h2 i{display: inline-block;width: 25px;height: 20px; background-position: -202px 0; vertical-align: middle; margin-right: 9px; font-size:12px; padding-top:5px;text-align:center;}
.marvellous_tit a{ float: right;color:#828b9a;}
.marvellous_tit a span{display: inline-block;width: 14px;height: 14px; background-position: -232px 0; vertical-align: middle; margin-left: 3px;}
.marvellousN{margin-top: 9px;}
.p3{ width:323px; height:191px; position:relative; overflow:hidden;}
.p3N{ position:absolute; top:0; left:0;}
.p3 a{ display:inline-block;width:323px; height:191px;}
.p3_tit span{ display:inline-block; width:107px; height:32px; background:#1e1c2d; cursor:pointer; border-right:1px solid #4c466c; text-align:center; line-height:32px; font-family:"微软雅黑"; font-size:14px; color:#b2b2b2;}
.p3_tit span.borNone{border:none}
.p3_tit span.p3_focus{ background:#cfae69; color:#191723}

/*职业*/
.zhiye{ width:580px;  background: #fff; height: 321px;  float: left; padding: 0 15px;margin-top: 15px; position:relative; overflow: hidden;}
.zhiye_tit{position: relative;}
.zy_bor{background: #7b7cd8;width: 81px;height: 2px;left: 0;top:34px; position: absolute;}
.zhiye_tit ul{border-bottom: 1px solid #b4b4b4; height: 35px; padding-left: 10px}
.zhiye_tit li{width: 81px; float: left; line-height: 35px; font-size: 16px; color: #828b9a; cursor: pointer;;}
.zhiye_tit li:hover ,.zhiye_tit li.zhiye_focus{ color: #4f4f8b; }
.zhiye_tit li span{display:inline-block;width: 22px;height: 22px;margin-right: 5px;vertical-align: middle;}
.zhiye_tit li span.zy_list1{ background-position: 0 -25px; }
.zhiye_tit li span.zy_list2{ background-position: -23px -25px; }
.zhiye_tit li span.zy_list3{ background-position: -46px -25px; }
.zhiye_tit li span.zy_list4{ background-position: -69px -25px; }
.zhiye_tit li span.zy_list5{ background-position: -92px -25px; }
.zhiye_tit li span.zy_list6{ background-position: -116px -25px; }
.zhiye_tit li span.zy_list7{ background-position: -138px -25px; }
.zhiye_tit li:hover span.zy_list1 ,.zhiye_tit li.zhiye_focus span.zy_list1{ background-position: 0 -48px; }
.zhiye_tit li:hover span.zy_list2 ,.zhiye_tit li.zhiye_focus span.zy_list2{ background-position: -23px -48px; }
.zhiye_tit li:hover span.zy_list3 ,.zhiye_tit li.zhiye_focus span.zy_list3{ background-position: -46px -48px; }
.zhiye_tit li:hover span.zy_list4 ,.zhiye_tit li.zhiye_focus span.zy_list4{ background-position: -69px -48px; }
.zhiye_tit li:hover span.zy_list5 ,.zhiye_tit li.zhiye_focus span.zy_list5{ background-position: -92px -48px; }
.zhiye_tit li:hover span.zy_list6 ,.zhiye_tit li.zhiye_focus span.zy_list6{ background-position: -116px -48px; }
.zhiye_tit li:hover span.zy_list7 ,.zhiye_tit li.zhiye_focus span.zy_list7{ background-position: -138px -48px; }
.zhiyeN{ position: absolute; left: -500px; top:72px;}
.zhiyeN h2{ font-size: 54px; color: #4f4f8b; line-height: 54px;padding-bottom:14px;}
.zhiyeN h3{ color: #4a4c54; font-size: 18px; font-weight: normal; }
.zhiyeN p{ padding: 25px 0 5px 0; line-height:20px;}
.zhiyeN span{ display: inline-block;width: 18px;height: 18px; background-position: -161px -25px; margin-left: 1px; vertical-align: middle;}
.zhiyeN i{display: inline-block;width: 18px;height: 18px;background-position: -161px -48px;vertical-align: middle;}
.zy_rw{position: absolute; right: 0; top:41px;}
.zy_gif{position: absolute; left: 201px; top:188px; z-index:1;opacity:1}
.zhiyeN a{ color:#8e8fc3; padding:0 7px 0 10px; border:1px solid #8e8fc3; line-height:20px; height:22px; display:inline-block; margin-top:10px;}
.zhiyeN a:hover{ border:1px solid #de0000}

/*视频*/
.main_fd{width: 323px;height:321px;float: right;margin-top: 15px;display:block; overflow: hidden; position: relative;}
.main_fd img{transition: all .5s ease;}
.main_fd:hover img { transform: scale(1.1); }
.main_ad{position: absolute; top:98px; left: 33px;}
.video_wz{width: 63px;height:123px;background-position: 0 -74px; }
.video_bj{width: 130px;height: 321px;background:#000; position: absolute;top:0;left: 0; filter:alpha(opacity=70);opacity: 0.7;}

/*壁纸*/
.bizhi_wz{width: 72px;height:131px;background-position: -72px -74px;}

/*玩家展示*/
.wjzs{width:580px;height: 307px;float: left;margin-top: 15px; background:#fff;padding:14px 15px 0 15px;}
.wjzs h2{ font-size:18px; color:#828b9a; font-family:"微软雅黑";  border-bottom:1px solid #b7b7b7; padding-bottom:8px; margin-bottom:15px;}
.wjzs h2 i{ width:37px; height:24px; display:inline-block; background-position:-187px -48px; vertical-align:middle; margin:0 8px 0 12px;}

/*玩家专区*/
.wjzq{width: 610px;height: 321px;background: #fff;float: left;margin-top:15px; position: relative; overflow: hidden;}
.wjzq_list{position: absolute;top:0;background: #fff}
.wjzq_tab2{left:70px;}
.wjzq_tab3{left:140px;}
.wjzq_tab4{left:210px;}
.wjzq_left{width: 69px;float: left;border-right: 1px solid #e9e9e9; height:321px;background: #f6f6f6; cursor: pointer;;}
.wjzq_left i{font-size: 22px; color: #737984; font-family: "微软雅黑"; display: block;width: 30px;text-align: center;margin:22px auto 8px auto;}
.wjzq_left span{ display: block;margin: 0 auto;}
.wjzq_left span.wjzq_icon1{width: 52px;height: 172px; background-position: 0 -217px;}
.wjzq_left span.wjzq_icon2{width: 41px;height: 177px; background-position: -57px -217px;}
.wjzq_left span.wjzq_icon3{width: 36px;height: 171px; background-position: -104px -217px;}
.wjzq_left span.wjzq_icon4{width: 47px;height: 171px; background-position: -145px -217px;}
.wjzq_right{width: 284px;float: left;margin:18px 0 0 20px;display: inline;}
.wjzq_right ul{ height:143px; overflow:hidden;}
.wjzq_btn{ text-align:center; margin-top:10px;}
.wjzq_btn a{ color:#828b9a;background:url('') no-repeat right 4px; padding-right:13px;}
.wjzq_gg{margin-right: 24px;}
.wjzq_right .typename{display: none;}
.wjzq li{ line-height: 30px; }
.wjzq_right a.cs3_1{ width:129px; height:99px; overflow:hidden;display: inline-block;}
.wjzq_right .cs3_1 img{transition: all .5s ease;}
.wjzq_right .cs3_1:hover img{transform: scale(1.1);}


/*媒体专区*/
.media{width: 324px;height: 321px;background: #fff;float: right;margin-top: 15px;}
.media h2{font-size: 18px;color: #828b9a;font-family: "微软雅黑";border-bottom: 1px solid #b7b7b7;padding:14px 0  8px 11px;margin:0 10px  15px 10px;}
.media h2 i{ background-position: -186px -81px; width: 39px; height:32px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.mediaN{ margin:20px 0 0 13px; }
.media  a{ border: 1px solid #e0e0e0; display: inline-block; margin:0 7px 7px 0; }


