@charset "utf-8";
/* CSS Document */
/*----------------page comm S----------------*/
/*------common css S------*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; }
ol,ul { list-style:none; }
table { border-collapse: collapse;border-spacing: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }

body { line-height:1; font-size:14px; font-family:Helvetica,Arial,Helvetica,sans-serif; width:100%; -webkit-text-size-adjust: none; background:#080808; }
a { color:#5c5c5c; text-decoration: none; outline:medium none;}
a:hover { color:#db1e00; }
.fixed { clear:both; height:0; overflow:hidden; }
.none { display:none;}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *zoom: 1; }

/* top_link */
.top_link{ height:40px; background-color:#000;}

/* w960 */
.w960{ margin:0 auto; width:980px; position:relative;}
/*------common css E------*/
/* home */
.home_right{  float: left; margin-left:37px; }
.home_video{position: absolute; top: 63px; right: -22px; z-index: 44; height: 184px; width: 281px; background: url("../images/home_video.png") no-repeat;  }
.home_video .button{position: absolute;top: 69px; left:110px;z-index: 1000;background: url("../images/button.png") no-repeat; width: 75px; height: 43px;}
.home_video .video{background:#000;display: block; width: 218px; position: relative; height: 141px; overflow: hidden; margin: 21px auto 0 36px;}
.banner_wrap_s{background: #171717;width: 688px; height: 346px;position: relative;}
.banner_main_s{width: 688px; height: 300px; position: relative; overflow: hidden; background-color: #000;}
.banner_main_s li{position: absolute; top: 0; left: 0; display: none;}
.banner_nav_s{margin-top: 11px;text-align:center;}
.banner_nav_s li{display: inline-block; width: 22px; height: 22px; margin-right: 8px; background: url("../images/icon_dot.jpg")  right top no-repeat;}
.banner_nav_s li.on{background-position: left top;}
.news_box { padding-top: 21px; width: 688px;}
.news_box .big_box_wrap { padding-top: 0px; min-height:500px;background:url("../images/home_news_bg.png") no-repeat ;}
.news_box_tit{ width: 688px; height: 32px; background:#4f4f4f;}
.news_box_tit li{ float: left; width: 108px; border-right:1px solid #353535; border-left:1px solid #414141; }
.news_box_tit li:first-child{border-left:none; }
.news_box_tit li a{ display:block;font-size: 12px; color: #fff; line-height: 32px; text-align: center;}
.news_box_tit li.cur a{background:#222222;color:#c8ab38;}
.news_box_tit .news_news{ width: 115px; }
.news_box_tit .news_notice{width: 63px;}
.news_list{ display: none; min-height:500px;}
.new_more{float: right; font-size: 14px; padding-top:37px;color: #fff; text-decoration: underline; }
.news_list_wall{ padding-top: 20px;}
.big_box_wrap .news_list_wall p{ padding: 0px; position: absolute;top:7px;left:7px; z-index: 55;background: url("../images/fancybox_overlay.png") repeat; width:297px;height:178px; display: none;vertical-align: bottom; padding-top: 20px;}
.big_box_wrap .news_list_wall p a{display: block; text-align: center; line-height: 37px; color: #fff;}
.big_box_wrap .news_list_wall p a:hover{color: red;}
/* box */
.box_wrap{ overflow:hidden; margin-top:10px;}
.box_wrap h2{ line-height:33px; color:#fefefe; font-weight:bold; background:url(../images/news_libg.png) repeat-x;font-size: 20px; font-family:arial; text-align: center;font-style: italic;}
.box_wrap_bottom{ background: url("../images/news_libg_b.png") no-repeat; height: 16px; width:268px; margin: 0 auto; }
.big_box_wrap{overflow:hidden; position:relative; padding-top: 320px;}
.big_box_wrap .guides_title{width:1000%;}
.big_box_wrap .guides_title span{ width:10%; height: 1px; background: #383838; margin-top: 31px;float: left;margin-left: 5px;}
.big_box_wrap .guides_title .media_span{ width: 450px;}
.big_box_wrap .guides_title p{font-size: 36px;font-family: arial;font-weight: bold;color: #fff;float: left;}
.big_box_wrap h4{ color: #c8ab38; font-size: 24px; padding-top: 37px;}
.big_box_wrap p{ font-size: 14px; color: #fff; padding-bottom: 12px; padding-top: 15px; line-height: 20px;}
.big_box_wrap img{ margin: 0 auto; padding-bottom: 15px;}
/* meidia */
.meidia_right{  float: left; margin-left:37px; }
.meidia_list_box{width: 672px;}
.meidia_list_box .news_list{display: block;}
.meidia_list_ul{ padding:20px 0 0 0; max-height: 957px;}
.meidia_list_ul li{ float: left;position: relative; width:297px;height:198px; background: #151515; padding:7px;  margin-left: 18px; margin-bottom:24px; }
.meidia_list_ul img{ margin: 0 auto; display: block;}
.meidia_list_ul li a{position:absolute;top: 7px;left: 7px;z-index: 55; width:297px;height:198px;background:#fff;filter:alpha(opacity:0);opacity:0;}
.meidia_list_ul li a:first-child{z-index: 66;}
.meidia_list_ul li a:hover{  background:url(../images/pic_jt.png) no-repeat; display:block;z-index: 10000;filter:alpha(opacity:100);opacity:1;}
.meidia_list_video li a{width:297px;height:198px; position: absolute;}
.meidia_list_video li a:hover{ background:url(../images/video_jt.png) no-repeat; z-index: 66;}
.meidia_list_video li{ width:650px;height:450px; background: #151515; padding:7px;  margin-left: 18px; margin-bottom:24px;text-align:center;vertical-align: middle; line-height: 450px;position: relative;  }
.meidia_list_video .video_iframe{position: absolute;width:620px;height:450px;z-index:77;left: 7px; border:none;}
.meidia_list_wall,.meidia_list_video{padding:20px 0 0 0;}
.meidia_list_wall li{ float: left;position: relative; width:297px;height:198px; background: #151515; padding:7px;  margin-left: 18px; margin-bottom:24px; }
.meidia_list_ul img{ margin: 0 auto; display: block; width:297px;height:198px; }

/* content head */
.guide_content{background: url("../images/Guide_header01.jpg") center top no-repeat #080808;}
.guide_head01{background: url("../images/Guide_header02.jpg?v=1") center bottom no-repeat;}
.guide_head01 .w960{ height:646px;}
.guides_list_box table td,.guides_list_box table tr{ border: 1px solid #fff;}
.media_content{background: url("../images/Media_header01.jpg?v=201505081045") center top no-repeat #080808;}
.media_head01{background: url("../images/Media_header02.jpg?v=201505081045") center bottom no-repeat;}
.media_head01 .w960{ height:650px;}
.news_content{background: url("../images/news_header01.jpg") center top no-repeat #080808;}
.news_head01{background: url("../images/news_header02.jpg") center bottom no-repeat;}
.news_head01 .w960{ height:943px;}
.home_content{background: url("../images/home_header01.jpg?v=2") center top no-repeat #080808;}
.home_head01{background: url("../images/home_header02.jpg?v=12") center bottom no-repeat;}
.home_head01 .w960{ height:1487px;}
/* news */
.pop_clo{background: url("../images/pop_close.png?v=4") no-repeat; width: 52px; height:52px; position: absolute; top: -1px; right:-51px;}
.news_right{  float: left; margin-left:37px; width:653px;  }
.news_right .big_box_wrap{padding-top: 231px;}
.news_right .big_box_wrap .guides_title span{ width:500px;}
.news_right .big_box_wrap .long span{width:365px; }
.news_right_ul{overflow: hidden;width:100%;}
.news_right_ul ul{max-height:710px;padding: 0 15px;}
.news_right_ul li{ background: url("../images/news_tile_bg.png") no-repeat bottom;*zoom: 1;}
.news_right_ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.news_right_ul img{ padding-top: 22px; float:left; width: 191px; padding-bottom: 20px;}
.news_right_ul li div{ float:left;width: 432px; padding-left: 23px; padding-top:19px;}
.news_right_ul li h4{ font-size:18px; font-weight: normal; padding-top: 0px; }
.news_right_ul li i{ font-style: normal;color: #c8ab38;font-size: 12px; line-height: 18px;}
.news_right_ul li p{ padding-top: 10px; font-size: 14px;}
.news_right_ul li a{ float: right; color: #c8ab38; margin-bottom: 20px;}
.news_list img{margin: 0 auto; display: block; width:297px;height:198px;}
.news_list_box .news_right_ul img{ padding-top: 22px; float:left; width: 191px; height: 130px; padding-bottom: 20px;}
/* nav */
.nav{  width:980px; height:44px; position:absolute; top:0px; left:0; +top:-100px; }
.nav li{ float:left; position:relative; }
.nav li.last, .nav_show li{ background:none;}
.nav_home,.nav_news,.nav_comm,.nav_guides,.nav_charge,.nav_support,.nav_forum{ display:block; width:135px; height:44px; background:url(../images/nav_btn.png) -18px 0 no-repeat; position:relative;}
.nav_news{ background-position:-134px 0;width:142px;}
.nav_comm{ background-position:-247px 0;width:142px;}
.nav_guides{ background-position:-369px 0;width:142px;}
.nav_charge{ background-position:-507px 0;}
.nav_support{ background-position:-656px 0;}
.nav_forum{ width:138px; background-position:-796px 0;}
.nav_show{ position:absolute; top:0; height:235px; width:135px; background:url(../images/nav_hover01.png?v=1) no-repeat 0 0; left:0px; padding:44px 0 0 0; display:none;}
.nav_show.s1,.nav_show.s3{ padding-top:44px; height:0; background:url(../images/nav_hover02.png) 0px 0px no-repeat;}
.nav_show.s2{width: 142px;}
.nav_show a{ display:block; width:135px; height:26px; text-align:center; line-height:26px; font-size:12px; color:#cccccc;}
.nav_show.s2 a{width: 142px;}
.nav_show.s2,.nav_show.s4{width: 142px;}
.nav_show.s4{background: url("../images/nav_hover.png?v=1") no-repeat; height: 300px;}
.nav_show a:hover{ color:#f9343b;}
.nav li:hover .nav_show{ display:block;}
#btn_bg a{ display:block; width:150px; height:26px; text-align:center; line-height:26px; font-size:12px; color:#cccccc;}
#btn_bg { width: 140px; height: 26px; position: absolute; overflow:hidden; left: 0; top: 0px; z-index: 2; display:none; }
#btn_bg ul { width: 138px; left:0; position:absolute; top:0; height:180px;  padding-top:63px; }
#btn_bg ul li{ background:none;}
#btn_bg a{ width:136px;}

/* logo */
.w960 .logo{ width:359px; height:93px; display:block; left:308px; top:57px; position:absolute;}

/* main */
.main{ padding-bottom:50px;}
.main_left{ width:270px; float:left; position: relative; margin-bottom: 20px;}
.main_right{ float:right; margin-left:11px;width: 653px;}
.main .w1000{ width:1000px; position:relative; margin:-340px auto 0;}
.news_content .main .w1000{margin-top: -630px;}
.home_content .main .w1000{margin-top: -980px;}
/*--------main_left--------- */
/* left btns */
.play_btn{ background:url(../images/btn01.png?v=1) 0px 0px no-repeat; width:270px; height:146px; display:block;}
.play_btn:hover{ background-position:-270px -0px;}

.rewards_btn{ display:block; width:270px; height:180px; background:url("../images/rewards_btns.png?v=3") 0 0 no-repeat;margin-top:12px;}
.rewards_btn:hover{background:url("../images/rewards_btns.png?v=3") -270px 0 no-repeat;}

.rc_btn{ width:270px; height:43px; background:url(../images/btn01.png?v=1) no-repeat 0px -146px ;}
.register_btn,.charge_btn{ width:135px; height:43px; display:block; float:left;}
.register_btn:hover,.charge_btn:hover{ background:url(../images/btn01.png?v=1) no-repeat;}
.register_btn:hover{ background-position:-270px -146px;;}
.charge_btn:hover{ background-position:right -146px;}
.facebook_content{width: 268px; height: 250px; background:#171717; margin-top: 15px;margin-right: auto;margin-left: auto;vertical-align: middle}
/*footer*/
#footer { background:#08090a url("../images/footer/footer_bg.png") left top repeat-x; height: 108px;width:100%;min-width:1079px; font-family: arial,helvetica;}
#footer .footer_logo { background: url("../images/footer/footer_logo.png") no-repeat scroll 30px 24px transparent; font-size: 14px; height: 70px; padding-left: 430px; padding-top: 30px; width: 610px; margin: 0 auto; position: relative; z-index: 1; }
#footer .footer_logo p { padding-left:50px; color: #595959; line-height: 180%; }
#footer .footer_logo a { color: #fff; }
#footer .footer_logo a:hover { color:#c41212; }
#footer .footer_bg_box { background: url("../images/footer/footer_bg_box.png") no-repeat scroll center top transparent; height: 100px; margin: -98px auto 0; width: 1079px; min-width:1079; }
#footer .footer_p { float: left; }
#footer a.footer_boost{ color:#aaa; font-weight:bold; background-color: #222222; border: 1px solid #575757; display: inline-block; float: left; margin-left: 10px; padding: 16px 5px 0; height:30px; text-align: center; width: 60px; }
#footer a.footer_boost:hover { color:#fff; background-color: #202020; border: 1px solid #999; text-decoration:none; }

/*pop common*/
.pop_wrap{ position:absolute; margin:auto; z-index:999; width:715px;}
.pop_wrap_t{background:url(../images/selectaserver/popup_bg_t.png) no-repeat; height:94px;}
.pop_wrap_c{background:url(../images/selectaserver/popup_bg_c.png) repeat-y; padding: 0 11px 0 57px;}
.pop_wrap_b{background:url(../images/selectaserver/popup_bg_b.png) 0px 0 no-repeat; height: 57px;}
.pop_wrap .title{color:#fff;font-size:18px;text-align: center;line-height:48px;text-transform:uppercase;position: relative;}
.pop_wrap .close{ position: absolute; right: 18px; top: 22px;width:29px;height:34px;z-index: 55;color: #fbd612;font-size: 32px; }
.pop_wrap img {display:block;margin-left: 10px;}
/*selectserver*/
.pop_wrap_t h3{font-size: 20px;line-height:34px;text-align: center ;color: #f7f9f9;font-weight: normal;}
.server{margin-top:25px; overflow: hidden;}
.server ol{padding-left: 20px;margin-top: 25px;}
.server ol li{margin: 0 8px 18px 0; background:url(../images/selectaserver/btn.png) bottom center no-repeat;float: left;font-size:12px;position:relative; height: 43px; width: 191px;line-height: 40px;}
.server ol li.status03, .server ol li.status03:hover{background-position:center  bottom;}
.server ol li.status03 a{cursor: default;}
.server ol li:hover{background-position: 0 top;}
.server ol li a { color: #fff; display: block;text-align:center;font-size: 18px;font-weight: bold; line-height: 43px;}
.status01 span,.status02 span,.status03 span{width: 28px;height: 28px;position:absolute;top: -13px;left:-2px;background:url(../images/selectaserver/server.png) no-repeat 0 center;}
.status02 span{background-position: 0 0;}
.status03 span{background-position: 0 bottom;}
.server_m7 {margin-top: 7px;*margin-top: 25px;}
.server_m7 ol{overflow-y: auto;padding-top: 25px;height: 260px;}
.server h3{ color: #fff;font-size:18px;line-height:36px;background: url("../images/selectaserver/title_bg.png") bottom left no-repeat;padding: 0 0 10px 10px;margin-bottom: 10px;}
.server_status{margin:40px auto 0;*margin-top: 68px; text-align: center;background: url("../images/selectaserver/bottom_title.png") left top no-repeat;width: 403px;height:47px; }
.server_status li{display: inline-block; *display: inline; *zoom:1; margin-right:10px; padding: 0 0 0 36px; height: 40px; line-height: 47px; color: #fff; font-size: 12px;position: relative; width:177px;}
.server_status .status02{ width:30px;}
.server_status .status01{ width:95px;}
.server_status .status03{ width:40px;}
.server_status li em{top: 7px; left: 18px;}
.server_status li span{top: 8px; left: 0px;}
#BOX_overlay{ position: fixed; z-index: 300; top: 0px; left: 0px; background-color:#000; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width:100%;height:100%}

/* treeview */
.treeview{  padding:5px 10px 10px; background: url("../images/news_libg_c.png") repeat;width: 248px;margin: 0 auto;}
.treeview h4{ line-height:25px; padding-left:25px; font-size:14px; font-weight:normal; cursor:pointer; color:#fefefe;}
.treeview h4.news_drop{ background-position:10px 8px; }
.treeview a{ color:#fff; display:block;}
.treeview a:hover{ color:#fff;}
.treeview li{  cursor:pointer; margin-top:5px; border-radius:6px;}
.treeview li h4:hover{ background-position:10px 8px; color:#fff;}
.treeview li h4.no_drop:hover{ background-position:10px 8px;}
.treeview li.collapsable a.cur{ color:#c8ab38;}
.treeview li.collapsable .news_drop_h4{ background:url("../images/new_bnt.png") 0 3px no-repeat; color:#c8a b38;}
.treeview li ul li{ line-height:23px; padding-left:35px; font-size:12px;}
.treeview li ul li h4.news_drop{padding-left:17px; line-height:23px; font-size:12px; margin-right:20px;}
.treeview li ul li.expandable{ padding-left:20px;}
.treeview li ul li.expandable:hover,.treeview li ul li.collapsable{padding-left:20px;}
.treeview li ul li.collapsable h4{ background-position:5px -78px}
.treeview li ul li.collapsable h4:hover{ background-position:5px -78px}
.treeview li ul li ul li{ padding-left:30px;}
.treeview .collapsable h4 a{color: #c8ab38;}
/* page */
.page_list a{display: inline-block; margin-right: 6px; width: 26px; height: 22px;font-size: 16px; line-height: 21px; text-align: center; color: #b6b6b8; background: #111111; margin-top: 19px;}
.page_list a.cur, .page_list a:hover, a.on, a.selected{background:#014fb5;}
.page_list a.page_prev, .page_list a.page_next{width:20px; height:12px;background: url("../images/icon_sprite.png") right no-repeat; margin-top: 22px; margin-left: 35px;}
.page_list a.page_prev{background-position: left; margin-right: 35px;}

.banner_nav_s{margin-left:42%;}
.banner_nav_s LI{float:left;}
.news_right_ul li i{float:left;}
.big_box_wrap .guides_title{height:36px;}
.main_right .span_long{width: 539px;}