﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-weight: normal; }
body, html { height:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; }
li { list-style: none outside none }
fieldset,
img { border: 0 none }
.abody img { display: block; margin: 0 auto;}
textarea { resize: none }
input:focus,
select:focus,
textarea:focus,
a:focus { outline: 0 none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
.c:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*+html .c{display:inline-block;}
* html .c{height:1%;}
em { font-style: normal; }
.center { width: 1260px; margin: 0 auto; }
.left { float: left; }
.right { float: right;  }
.relative { position: relative; }
.absolute { position: absolute; }
.block { display: block; }
.wh100 {  display: block; width: 100%; height: 100%; }
.none {display: none;}
.col-l,.col-m{ float: left; height: 100%; position: relative;}
.col-r{ float: right; height: 100%;position: relative;}
.center{ width: 960px; height: 100%; position:relative; margin: 0 auto;}
.title,.content{float: left;}
a{ color: #615e5c; cursor: pointer;}
a:hover{color: #000;}
#post-104 .abody p{font-family: Arial, sans-serif;}
body{  background: #090909; width: 100%; min-width: 1000px; position: relative;
font:14px/1.2  "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Helvetica,Arial,Microsoft Yahei,sans-serif; }
body.home{}
.bottom{ width: 100%;  height: 233px; position: absolute; bottom: 130px; left: 0;}
.icon{ display: block; background:url(../images/img/wm.png?2) no-repeat; }
.wrap{ width: 100%; margin: 0 auto; position: relative; overflow:hidden;}
.ALL_Games { position: absolute; top:18px; right:15px; width:200px;}
.vodbg {	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;}
.candy {
	background: url(../images/img/candy.jpg) no-repeat center top;
	background-size: cover;
	position: inherit;
	width: inherit;
	height: inherit;
	z-index: 1;
}
.video {
	z-index: 2;
	position: inherit;
	height: 1080px;
	width: auto;
	left: 50%;
	top:60px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#scene {overflow: hidden;; width:100%; height:1080px; z-index:20;}

.tit2 {position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 5;
	width:100%;
	height:100%;
	margin-left: -960px;}
.logo{ width: 83px; height: 74px;position: absolute; top:14px; left:95px;background:url(../images/img/logo-ico.png?3) no-repeat;}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 120;
    height: 100px;
    line-height: 100px;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
}
.nav {
    display: block;
    max-width: 1000px;
    height: 100px;
    margin: 0 auto;
    line-height: 100px;
}
.nav li {
    display: block;
    width: auto;
    height: 100px;
    text-align: center;
    float: left;
    position: relative;
}
.header ul.nav li.children:after {
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 4px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    right: 15px;
    top: 48%;
    z-index: 99;
    color: #fff;
}
.header ul.nav li.children:hover:after {color: #000;}
.nav li.logo-top {padding: 10px;}
.nav li a {
    display: block;
    height: 100px;
    color: #eaeaea;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    line-height: 100px;
    padding: 0 1.8em;
}
.nav li a i{ color: #5d5d5d; font-size: 10px; font-family: helvetica; text-transform:uppercase; padding: 0; font-style: normal;}
.nav li a:hover, .nav li.on a { color:#000;}
.nav li.on a i{ color: #f67e82;}

.nav li .menu-list {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    height: 0;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}
.nav li .menu-list a:hover { color: #000;}
.nav li:hover, .nav li .menu-list .clearfix{ 
 height: 100px;
 background: #ffb200;
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=24, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 0 24px 10px rgba(88, 60, 0, 0.5) inset;/*FF 3.5+*/
-webkit-box-shadow: 0 0 24px 10px rgba(88, 60, 0, 0.5) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 24px 10px rgba(88, 60, 0, 0.5) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}
.nav li.on .menu-list{height:100px; padding-bottom: 20px;}
.nav li.on .menu-list1{height:210px;}
.nav li.on .menu-list2{height:260px;}
.nav li.on .menu-list3{height:260px;}

.nav li.logo-top:hover {
-ms-filter: none;/*IE 8*/
-moz-box-shadow: none;/*FF 3.5+*/
-webkit-box-shadow: none;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: none;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
background: none;
}

.nav li .menu-list a {
    display: block;
    width: 100%;
    line-height: 55px;
    color: #fdfdfd;
    font-size: 18px;
    padding: 0;
    position: relative;
    z-index: 20;
    height: 55px;
    background: rgba(0, 0, 0, 0.8);
}
.nav li .menu-list a:hover{color: #ffb200; background:#0C0C0C;}

.more{ display: block; width: 124px; height: 38px; border: 1px solid #464646;  line-height:38px ; color: #464646; font-size: 18px; position: relative; overflow: hidden; }
.more span{ display: block; position: absolute; left: 15px; top:0;}
.more i{ font-style: normal; display: inline-block;position: absolute; left: 95px; top:0; font-size: 22px;opacity: 1; }
.more span,.more i{-webkit-transition:all 0.3s  ease-in;
    -moz-transition: all 0.3s  ease-in;
    -ms-transition: all 0.3s  ease-in;
    -o-transition: all 0.3s  ease-in;
    transition: all 0.3s  ease-in;} 
.more:hover{color: #464646;}    
.more:hover span{  left: 28px;  }  
.more:hover i{  left: 150px; opacity: 0;  }   
.sectionA {
	position: absolute;
	z-index: 999;
	top: -40px;
	left: 50%;
	margin-left: -480px;
}
.img01 {position: absolute;
	top: 140px;
	left: 50%;
	z-index: 30;
	margin-left: -480px;animation-delay: 0.3s;}
.img02 {animation-delay: 0.35s;}
.sectionA .downlinks{ width: 415px;height: auto; position: absolute; top:480px ; left: 0;}
.downlinks ul { overflow:hidden;}
.downlinks ul li { float:left; margin-right:5px;}
.downlinks ul li img {/*-webkit-filter:grayscale(1);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/}
.downlinks ul li:nth-child(3) img {-webkit-filter:grayscale(0);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);}
.sectionInT .downlinks ul li { float:left; margin-right:5px; width:40%;}
.sectionInT .downlinks ul li img {
  width: 100%;
}
.Dl { background:url(../images/img/login_bg.png) no-repeat left top; height:41px; line-height:41px; color:#FFF; margin: 90px 0 0;}
.Dl a { color:#FFF;}
.Dl .left a { color:#ffde00;}
.Dl p { padding: 0 20px 0 0;}
.Dl p.left { padding: 0 0 0 15px;}
.topVideo {
  width: 483px;
  height: 223px;
  position: absolute;
  top: 90px;
  left: 340px;
}
.bg { display: none; background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; left: 0; top: 0; /*FF IE7*/ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; z-index: 1000; position: fixed; /*FF IE7*/ _position: absolute; _height: expression(eval(document.documentElement.clientHeight));
 _top: expression(eval(document.documentElement.scrollTop));
}
.close_layer { position: absolute; width: 60px; height: 60px; right: 5px; top: 0px; }
.hide { display: block; overflow: hidden;font-size: 24px;color: #FFF; }
.mydiv { display: none; z-index: 2000; width: 850px; height: 658px; left: 50%; /*FF IE7*/ top: 50%; /*FF IE7*/ margin-top: -329px; position: fixed; /*FF IE7*/ _position: absolute; _top: expression(eval(document.documentElement.scrollTop)+(document.documentElement.clientHeight/2))
}
.video_A{ background:#000; background: rgba(0,0,0,.7);   width:707px; height:454px; margin-top:-240px; margin-left:-370px;}
.video_A .close_layer{background: url("http://static.sdg-china.com/xuezu/pic/20140514_test/close.png") no-repeat ; width:71px; height:71px; right:-75px; top:0;}
.videoBox{ width:708px; height:520px; margin-left:-354px; margin-top:-260px; background:#000;}
.videoBox .close_layer{ width:40px; height:40px; right:-40px; top:0; background-position:-759px 0 ; }
.vTab{ display:block; width:100%; height:66px;}
.vTab a{ display:block; width:235px;  height:100%; float:left; background-color:#505050; color:#b0b0b0; font-size:22px; line-height:66px; text-align:center;  border-right:1px solid #000;}
.vTab a.on{ background-color:#9f2525; color:#ffffff;}
.vVideo{ width:100%; height:454px;}
a.hide:hover { color:#F00;}
.videoBox1{ width:708px; height:454px; margin-left:-354px; margin-top:-260px; background:#000;}
.videoBox1 .close_layer{ width:50px; height:40px; right:-55px; top:0; background-position:-759px 0 ; }
.vVideo1{ width:100%; height:454px;}
/*幻灯*/
#focus {
	display: block;
	position: absolute;
	top: 620px;
	left: 0;
	width: 400px;
	height: 282px;
	background: url(../images/img/vodbg.png) no-repeat center 0;
}
.sectionA .imgs {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 282px;
	overflow: hidden;
	margin: 2px 4px;
}
.sectionA .imgs ul{ display: block; width: 1000px; height: 240px; position: absolute; top: 0; left: 0;}
.sectionA .imgs li { display: block;width: 393px; height: 240px;  float: left;}
.sectionA .imgs li a { display:block; border:1px solid #000; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.sectionA .imgs li a img{ display: block; width: 100%; height: 100%; }
.sectionA .imgs li img{	-webkit-transition: all 0.8s ;
    -moz-transition: all 0.8s ;
    -ms-transition: all 0.8s ;
    -o-transition: all 0.8s  ;
    transition: all 0.8s ;}
.sectionA .imgs li a:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}

.sectionA .ctrl{ width: 100px; height: 12px; position: absolute; top:176px; left:30px;}
.sectionA .ctrl a{ display: inline-block; margin-right: 4px; width: 12px; height:12px;}
.sectionA .ctrl a span{ display: block; width: 100%; height: 100%;background: #fff; border-radius: 6px;}
.sectionA .ctrl a:hover span,.sectionA .ctrl a.on span{ background: #ffd646;opacity: 1;}

.sectionB{background: #f2f2f2 url(../images/img/section_02.jpg) no-repeat  center 0; height: 1063px;}
.sectionB h2.title{ position: absolute; top: 172px; left: 0;}
 .sectionB .ad1{ display: block; width:465px; height: 128px;position: absolute; top:272px; left: 0;}
 .sectionB .ad2{ display: block; width:465px; height: 128px;position: absolute; top:272px; right: 0;}
.sectionB .ad1 img,.sectionB .ad2 img{-webkit-transition: all 0.8s ;
    -moz-transition: all 0.8s ;
    -ms-transition: all 0.8s ;
    -o-transition: all 0.8s  ;
    transition: all 0.8s ;}
.sectionB .ad1:hover  img,.sectionB .ad2:hover img{ transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}
/*首页新闻*/
.sectionB .news{ width: 960px; height: 500px;  position: absolute; top:455px; left: 0;  }
.sectionB .news .title{ display: block; width: 100%; height: 37px;border-bottom: 1px solid #bfbfbf;position: relative;  }
.sectionB .news .title li{ width:74px;display: block; height: 74px; float: left; margin-right: 16px;   }
.sectionB .news .title li a{ width:74px;display: block; height: 100%; line-height:74px;text-align: center; color: #444444; font-size: 16px; background-color:#D5D2D2 ; border-radius: 37px;}
.sectionB .news .title li.on a,.sectionB .news .title li:hover a{ background-color:#ae3939 ; color: #ededed;}
.sectionB .news .title .more{position: absolute; top: 15px; right: 0px;}
.sectionB .news .content{ margin-top: 67px; width:960px; height:400px;position: relative; overflow: hidden;}
.sectionB .news .content .contentList{width:4800px; position: absolute; top: 0; left: 0;}
.sectionB .news .content ul{ display: block;width:960px; height: 400px; float: left;}
.sectionB .news .content li{ display: block; width: 100%; float: left; height:48px ; line-height: 48px;  overflow: hidden; position: relative ; border-bottom: 1px dashed #ccc;}
.sectionB .news .content li a{ display: block; width:760px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.sectionB .news .content li span{ position: absolute ; top: 0; right: 0;}
.sectionB .news .content li em {float:left; font-style:normal; color:#615e5c;}
.sectionB .more{ position: absolute; top:320px ; left: 0; display: no1ne;}

.sectionC{background:#353535; height: 1030px; position: relative;}

.sectionC .imgs{ display: block; position: absolute; top: 0; left: 0; width: 100%; height:100%; overflow: hidden;}
.sectionC .imgs ul{ display: block; width: 100%;   height:100%; position: absolute; top: 0; left: 0;}
.sectionC .imgs li { width: 100%;   height:100%;   float: left; display:none;}
.sectionC .imgs li .role{ display: block; width: 100%;   height:100%; position: absolute; top: 0; /*right: -100%;*/}
/*.sectionC .imgs li .tit{ display: block; width: 700px; height: 80px; position: absolute; top:278px ; left: -1500px;}
.sectionC .imgs li .img{ display: block;
	width: 598px;
	height: 152px;
	position: absolute;
	bottom: 200px;
	left: -1500px;
	margin-left: 50px;}
.sectionC .imgs li.li5 .img {}
.sectionC .imgs li.on{z-index: 10;}
.sectionC .imgs li.on .role{  right: 0;}
.sectionC .imgs li.on .tit{ left: 0;}
.sectionC .imgs li.on .img{left: 0px;}


.sectionC .imgs li.on{ display: block;}
.sectionC .imgs li.li1 .role{ background:url(../images/img/ts1_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li2 .role{ background:url(../images/img/ts2_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li3 .role{ background:url(../images/img/ts3_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li4 .role{ background:url(../images/img/ts4_3.jpg?3) no-repeat  center bottom ;}
.sectionC .imgs li.li5 .role{ background:url(../images/img/ts5_3.jpg?3) no-repeat  center bottom ;}

.sectionC .ctrl{ width: 100px; height: 12px; position: absolute; top:730px; left:50%; margin-left: -480px; z-index: 20;}
.sectionC .ctrl a{ display: inline-block; margin-right: 4px; width: 12px; height:12px;}
.sectionC .ctrl a span{ display: block; width: 100%; height: 100%;background: #fff; border-radius: 6px;}
.sectionC .ctrl a:hover span,.sectionC .ctrl a.on span{ background: #ae3939;}
.sectionC h2.title{ width:200px ; height: 80px; position: absolute; top: 122px; left:50%; margin-left:-480px;z-index: 30;}
.sectionC a.next{ width:40px ; height: 70px; position: absolute; top: 460px; right:50%; margin-right:-540px;background:url(../images/img/icon.png) no-repeat -493px top;z-index: 30; opacity: .7;}
.sectionC a.prev{ width:40px ; height: 70px; position: absolute; top: 460px; left:50%; margin-left:-540px; background:url(../images/img/icon.png) no-repeat -433px top;z-index: 30; opacity: .7;}
.sectionC a.next:hover,.sectionC a.prev:hover{opacity: 1;}

.sectionD{ height:190px; background: #dedede;}
.sectionD h2.title{ line-height: 30px; line-height:30px;position: absolute; top: 32px; left:0; font-size: 16px; color: #575757;}
.sectionD .logs{ display: block; width: 980px; height: 83px; position: absolute; top: 68px; left:0; overflow: hidden; }
.sectionD .logs a img { width: 182px; height: 83px;}
.sectionD .logs ul li { float: left; width: 182px; height: 83px;margin-right: 10px;}

.sectionE{ height: 190px; margin-top: 60px;   }
.home .sectionE{ height: 190px; background: #dedede; margin: 0; border-top: 1px solid #c7c7c7;}
.sectionE .links{ display: block; width: 960px; height: 80px; text-align: center; position: absolute; top: 30px; left:0; }
.sectionE .links a{ display: inline-block; width: 76px; height: 76px; margin-right: 55px; background-color: #FFF; border-radius: 38px; text-align: left ; overflow: hidden; color: #FFF; line-height: 16px; font-size: 12px;position: relative;}
.sectionE .links a i{ display: block; width: 76px; height: 76px;border-radius: 38px; float: left; }
.sectionE .links a span{ display: none;  }
.sectionE .links a:hover span{ display: block; width: 110px; position: absolute; top: 23px; left: 90px; }
.sectionE .links a:hover span em{ display: block; width: 60px; height: 16px; text-align: center; color:#474747 ; background: #ffe034; margin-top: 2px; }

.sectionE .links a.link1 i{ background-position:0px -406px ;}
.sectionE .links a.link2 i{ background-position:-132px -406px ;}
.sectionE .links a.link3 i{ background-position:-264px -406px ;}
.sectionE .links a.link4 i{ background-position:-397px -406px ;}
.sectionE .links a.link5 i{ background-position:-528px -406px ;}
.sectionE .links a:hover{background-color: #e21919; width:210px; }

.sectionE .links a.link1:hover i{ background-position:0px -525px ;}
.sectionE .links a.link2:hover i{ background-position:-132px -525px ;}
.sectionE .links a.link3:hover i{ background-position:-264px -525px ;}
.sectionE .links a.link4:hover i{ background-position:-397px -525px ;}
.sectionE .links a.link5:hover i{ background-position:-528px -525px ;}

.sider{ width: 60px; height: 300px; z-index: 50; position: fixed; right: 30px; top: 50%; margin-top: -150px;}
.sider a{ display: block; width: 60px; height: 60px; float: right; border-radius:30px; background: #e21919; margin-top: 20px; position:relative; overflow: hidden;}
.sider a i{ position:absolute; top: 0; right: 0;display: block; width: 60px; height: 60px;border-radius:30px; background-color: #e21919; }
.sider a span{ display: none;}
.sider a:hover{ width: 160px;}
.sider a:hover span{ display: block; width: 100%; float: left; line-height: 60px; color:#fdfdfd; font-size: 15px; text-indent: 40px;}
.sider a i{background-image: url(../images/img/icon.png);}
.sider a.icon-sider1 i{ background-position:-453px -154px ;}
.sider a.icon-sider2 i{ background-position:-453px -228px ;}
.sider a.icon-sider3 i { background-position:-453px -303px ;}
.sider a.icon-sider4 i { background-position:-453px -352px ;}
.sider a.icon-sider4 { background: none; overflow: visible; }
.sider a.icon-sider4:hover{ width:211px;}
.sider a.icon-sider4:hover span{ background: url(../images/img/wm.png?3) no-repeat top center ;display: block; width: 150px; height: 140px; top: -38px; left: 0px; position: absolute;}

*/
.sider a.icon-sider4 i{
  z-index: 2;
  -webkit-animation: up_down 1500ms linear infinite;
  -moz-animation: up_down 1500ms linear infinite;
  -ms-animation: up_down 1500ms linear infinite;
  animation: up_down 1500ms linear infinite;
}
@-webkit-keyframes up_down{
  0% {-webkit-transform:translateY(0px);}
  50% {-webkit-transform:translateY(10px);}
  100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
  0% {-moz-transform:translateY(0px);}
  50% {-moz-transform:translateY(10px);}
  100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
  0% {-ms-transform:translateY(0px);}
  50% {-ms-transform:translateY(10px);}
  100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}


/*新闻列表*/
.newsBG { background:#f2f2f2 url(../images/img/news_bg.jpg) no-repeat center top}

.sectionInT{ height: 285px; width:960px; margin: 0 auto;}

.sectionInT .downlinks{   position: absolute;
  top: 220px;
  left: 62%;
  line-height: 1.8;
  width: 412px;
  height: 147px;
  text-align: center;}
.sectionInT .downlinks .Dl { background:none; height:auto; line-height:40px; padding: 25px 0 0; margin:0; text-align:center;}
.sectionInT .downlinks .Dl p.right,
.sectionInT .downlinks .Dl p.left { float:none; padding:0;}
.sectionInT .downlinks .Dl p span {color:#ffde00;}
.sectionInT .downlinks a.icon-downAndriod { top:25px; left:18px;}
.sectionInT .downlinks a.icon-downIos { top:115px; left:18px;}
.sectionInT .downlinks .login a.icon-downAndriod { top:115px; left:18px;}
 
.sectionInM{ height: auto;width:960px; margin: 0 auto;}
.sectionInM .title{ border-left: 3px solid #ffb400;   height: 13px; line-height: 13px;   font-size: 13px; color: #828282; text-indent: 8px; float: right;margin-bottom:30px ;  }
.sectionInM  .title a{color: #828282;}
.sectionInM .title ul,
.sectionInM .title li { display:inline;}
.sectionInM  .title span{ padding: 0 5px; color: #828282; }
.sectionInM .content{ width: 100%; min-height:500px; }
.sectionInM .newslist dl{ display: block; width: 100%; height: 40px; border-bottom: 1px solid #bfbfbf; }
.sectionInM .newslist dd{ display: block; width: 140px; height: 40px; line-height: 40px;float: left; text-align: center; color: #797979; font-size: 20px; cursor: pointer;}
.sectionInM .newslist dd.on{ color: #ffb400; font-weight: bold; border-bottom: 2px solid #ffb400; }
.sectionInM .newslist{ width: 100%; float: left;  }
 
.newsbox{ display: none;}
.newsbox li{ display: block; font-size: 16px; width: 100%; float: left; height:60px ; line-height: 60px; overflow: hidden; position: relative ; border-bottom: 1px  dashed #dbdbdb;}
.newsbox li  a{color: #fff;}
.newsbox li span{ position: absolute; top: 5px; right: 0; color: #868686;}

.abody table { margin-bottom: 10px;  }
.abody td, .entry th { padding: 3px 8px; line-height: 20px; border:1px solid #999; }


.pager  { text-align: center; height: 30px; line-height:24px; margin: 40px 0; }
.pager a,.pager span{ color: #7b7b7b; font-size: 15px; padding: 0 10px;}
.pager a.current,.pager span.current{ color: #ffb400; }
.pager .p2,.pager .p1{ display: inline-block; padding:0 12px; margin: 0 8px; border: 1px solid #464646; color: #464646;}
.pager .p2:hover,.pager .p1:hover{ background:#464646 ; color: #FFF;}

/*新闻内容*/
.article { padding:25px 40px ;}
.article h2{ color: #fff; font-size: 30px; line-height: 45px; padding: 5px 0 10px; text-align: center;}
.article .des{ line-height: 40px; color: #797979; border-top: 1px solid #bfbfbf; position: relative; text-align: center;}
.article .ashare{ display:inline; padding: 0 0 0 50px; }
.article .ashare .jiathis_style{}
.abody{ font-size:16px; line-height:1.8em; color:#fff; padding-top: 8px;}
.abody strong,.abody em,.abody h1,.abody h2,.abody h3,.abody h4,.abody h5,.abody h6{font-weight: bold;}

.abody p{ margin:0.8em 0}
.abody .blue{color:#c09e00;}
.abody  a{ color:#3466af;}
.abody  a:hover{ text-decoration:underline}
.abody table { width:100%;}

/*游戏资料*/
.dataBG { background:#000 url(../images/img/date_bg.jpg?sdfrrc) no-repeat center top}
/*.data .sectionInM .content{ background-color: #ebebeb;}
.sectionInM .datalist dl{ display: block; width: 100%; height: 38px; background: #c1bba9;  }
.sectionInM .datalist dd{ display: block; width: 100px; height: 38px; line-height: 38px;float: left; text-align: center; color: #606060; font-size: 15px; cursor: pointer;font-weight: bold; }
.sectionInM .datalist dd.on{ color: #e8dcdc; background: #822929;  }
.sectionInM .datalist{ width: 100%; float: left;}

.databox{ display: none; position: relative; padding: 30px; color: #666666; float: left; width:900px ;}
.databox li{ display: block; width: 100%; float: left; height:50px ; line-height: 50px; overflow: hidden; position: relative ; border-bottom: 1px  dashed #dbdbdb;}
.databox li  a{color: #464646;}
.databox li span{ position: absolute; top: 5px; right: 0; color: #868686;}

.databox .tese h4{ font-size: 20px; text-indent: 30px; color: #424242; line-height: 40px; position: relative; border-bottom: 1px solid #b8b8b8; margin-bottom: 25px;margin-top: 25px;}
.databox .tese h4 span{ display: block; position: absolute; top: 11px; left:20px; width: 4px; height: 20px; border-radius: 2px; background: #c43636;}
.databox .tese h5{ display: block; background-color: #c43636; width: 150px; height: 30px; border-radius: 15px; text-align: center;line-height: 30px; color: #FFF; font-size: 16px;  }
.databox .tese img{ display: block; margin: 50px 0;}
.databox .tese p{ font-size: 16px; text-indent: 2em; color: #666; line-height: 30px; width: 100%; margin: 10px 0; }

.databox .job{ display: none; height:500px ; margin-top: 20px;}
.databox .job img{ margin-left: 10px;}
.databox .job p{margin-top: 30px; line-height: 20px;}
.databox .jobCtrl{ width: 100%; height: 23px; border-bottom: 1px solid #c9c9c9; text-align: center; margin-bottom: 100px;}
.databox .jobCtrl a{ display: inline-block; width : 46px; height: 46px; text-align: center; line-height: 46px; color: #555555;font-size: 13px;font-weight: bold; margin-left: 40px; position: relative;}
.databox .jobCtrl a span{ display: inline-block; width: 46px; height: 46px; background-color: #c9c9c9;  -webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.databox .jobCtrl a em{ display: inline-block; width: 46px; height: 46px;position: absolute; top: 0; left: 0;}
.databox .jobCtrl a:hover,.databox .jobCtrl a.on{ color: #fff;}
.databox .jobCtrl a:hover span,.databox .jobCtrl a.on span{ background: #822929;}

.databox .page{ width: 100%; height: 50px; float: left; line-height: 50px; color: #000000; text-align: center; }
.databox .page a{ padding-left: 5px;}
.databox .page a:hover,.databox .page a.on{ color: #822929;}
*/
/*技能*/
/*.databox .skills{ display: block; width: 175px; height: 600px; margin:40px 0 0 100px; float: left;} 
.databox .skills a{ display: block; width: 82px; height: 82px; float: left; margin: 0 5px 5px 0;}
.databox .skills a img{ display: block; width: 82px; height: 82px;}
.skillTips{ display:none; background: #faf3e0; padding: 15px; border:2px solid #c1bba9; position: absolute;}
.skillTips span{ display:block; color: #696969; font-size:13px; line-height: 20px;}
.skillTips i{ font-style:normal;}
.skillTips .s-name{ font-size: 13px; color: #3c3c3c; font-weight: bold; line-height: 20px; padding-bottom: 5px;}
 
.databox .tabtit{ width: 100%; height: 50px; background: #383838;text-align: center; }
.databox .tabtit a{display: inline-block; width: 160px; text-align: center; color: #d1d1d1; line-height: 46px; margin-top: 4px; margin-left:4px;font-size: 16px;}
.databox .tabtit a:hover,.databox .tabtit a.on{ background-color:#ebebeb ; color: #b43030;}
.databox .tabbox{display: none;}
.databox .item{ width:250px; height: 75px; padding-right: 40px; float:left; margin: 10px 10px 0 0; background: #f7f7f7;}
.databox .item img{ float: left; padding: 13px;}
.databox .item h4{ padding-top: 13px; font-weight: bold;}
.databox .item p{ font-size: 12px; line-height: 16px;}

#itemBox3.databox .tabbox{ width: 980px;}
#itemBox3.databox .item{ width: 90px; height: 145px; text-align: center; padding: 0; background: none;margin: 25px 25px 0 0;}
#itemBox3.databox .item img{ float: left;  width: 90px; height: 90px; padding: 0;}
#itemBox3.databox .item h4{ padding-top: 13px; font-weight: bold; line-height: 24px; padding-top: 6px;}
#itemBox3.databox .item p{ font-size: 12px; line-height: 16px;}
*/
/**faq*/
/*.faq .sectionInM .content{ background-color: #ebebeb;}

.faqlist { background: #ebebeb; }
 
.faqlist dl{ display: block; width: 100%; height: 38px; background: #c1bba9;  }
.faqlist dd{ display: block; width: 100px; height: 38px; line-height: 38px;float: left; text-align: center; color: #606060; font-size: 15px; cursor: pointer;font-weight: bold; }
.faqlist dd.on{ color: #e8dcdc; background: #822929;  }
.faqlist dd.on a{ color: #E8DCDC;}
.faqlist{ width: 100%; float: left;}

 
.faqsbox { display: none; background-color: #383838; margin-top:30px;height: 50px; background: #383838;text-align: center; color: #d1d1d1; }
.faqsbox a{display: inline-block; padding: 0 20px; text-align: center; color: #d1d1d1; line-height:50px;}

*/
/*动画*/
.animate-1{
	-webkit-transition: all 0.13s  ease-in;
    -moz-transition: all 0.13s  ease-in;
    -ms-transition: all 0.13s  ease-in;
    -o-transition: all 0.13s  ease-in;
    transition: all 0.13s  ease-in;
}
.animate-2{
	-webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s  ;
    transition: all 0.3s ;
}
.animate-3{
	-webkit-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 1.1s  cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.on .animate-3{
	-webkit-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -moz-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -ms-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -o-transition:  all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
}
.animate-4{
	-webkit-transition: all 0.3s ease-in ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s  ;
    transition: all 0.3s ;
}

.serversBG { background:#f2f2f2 url(../images/img/server_bg.jpg) no-repeat center top}
.serversBox {
	width:960px;
	margin: 0 auto;
	}
.serversBox h2 {color:#327c0c; font-size:16px; border-bottom: 1px dashed #ccc; padding: 0 0 10px; font-weight:bold; margin: 0 0 15px;}
.serversBox h2.s {color:#373737;}
.serversBox ul { overflow:hidden; zoom:1; margin: 0 0 20px;}
.serversBox li { width:220px;  margin: 0 40px 20px 0;  float: left;}
.serversBox li a{ display:block;height: 44px; line-height:44px; color:#FFF; padding: 0 0 0 40px;background:url(../images/img/s_list_bg.gif) no-repeat;opacity:0.8;}
.serversBox .hot li a{ background:url(../images/img/s_list_bg.gif) no-repeat left -88px;}
.serversBox li a:hover {opacity:1;}

/*--- footer -----*/
.footer {
    height: 160px;
    width: 100%;
    clear: both;
    font-family: "宋体";
    font-size: 12px;
    overflow: hidden;
    max-width: 960px;
    margin: 1em auto 0;
    text-align: center;
}
.footer .foot {
	margin: 0 auto;
	position: relative;
	}
.footer ul {
	float: left;
	padding: 28px 0 0;
	}
.footer ul li {
	line-height:24px;
	color:#FFF;
	}
.footer ul li a {
	color:#fedf36;
	}
.footer .g12 {
	position: absolute;
	top:32px;
	right:0;
	width:60px;
	}
















