﻿@charset "UTF-8";
/* 
 * @authors zhou (2232182210@qq.com)
 * @date    2015-11-18 
 * @version  v1
 */
/*官网开始*/
.ns_bg {min-height: 1353px;overflow: hidden;position: absolute;top: 0;width: 100%;z-index: 1; left:0px}
.wrap_bg01{background:url(../images/gw/bg_01.jpg) no-repeat center top; min-height:210px;min-width: 1100px;}
.wrap_bg02{background:url(../images/gw/bg_02.jpg) no-repeat center top; min-height:160px;min-width: 1100px;}
.wrap_bg03{background:url(../images/gw/bg_03.jpg) no-repeat center top; min-height:160px;min-width: 1100px;}
.wrap_bg04{background:url(../images/gw/bg_04.jpg) no-repeat center top; min-height:160px;min-width: 1100px;}
.wrap_bg05{background:url(../images/gw/bg_05.jpg) no-repeat center top; min-height:160px;min-width: 1100px;}

.main {margin: 0 auto;position: relative;top: 53px;z-index: 9;}

.gw-nav{ width:1032px; margin:48px auto 0;position:relative;}
.gw-nav .ca-nav{ width:1032px;background:url(../images/gw/gw_nav.png) no-repeat; height:88px}
.gw-nav .ca-nav li{ float:left;}
.gw-nav .ca-nav li a{background:url(../images/gw/gw_nav.png) no-repeat; text-indent:-9999em}
.gw-nav .ca-nav li.ca-home a{ width:178px; height:88px; display:block; background-position:0 0;}
.gw-nav .ca-nav li.ca-home a:hover{ background-position:0 -113px}
.gw-nav .ca-nav li.ca-guides{ padding-left:33px}
.gw-nav .ca-nav li.ca-guides a{ width:164px; height:88px; display:block; background-position:-212px 0;}
.gw-nav .ca-nav li.ca-guides a:hover{background-position:-212px -113px;}
.gw-nav .ca-nav li.ca-news{ padding-left:295px}
.gw-nav .ca-nav li.ca-news a{ width:164px; height:88px; display:block; background-position:-670px 0;}
.gw-nav .ca-nav li.ca-news a:hover{background-position:-670px -113px;}
.gw-nav .ca-nav li.ca-support{ padding-left:39px}
.gw-nav .ca-nav li.ca-support a{ width:155px; height:88px; display:block; background-position:-873px 0;}
.gw-nav .ca-nav li.ca-support a:hover{background-position:-873px -113px;}

.gw-logo{left:415px;position: absolute;top:-51px;}

/*首页主体内容*/
.main-z{ width:1020px; margin:310px auto 0; position:relative}
.main-l{ width:278px; float:left;}
.play-now{ float:left;height: 216px;width: 278px; position:relative; z-index:3;background:url(../images/gw/play_now.png) no-repeat;}
.play-now a{display: block;height: 216px;width: 278px; position:absolute; left:0px; top:0px; z-index:4}
.l-hyperlink{ float:left}
.l-hyperlink .newbie-pack{background:url(../images/gw/play_now.png) no-repeat 0px -216px; width:278px; height:87px; display:block}
.l-hyperlink .newbie-pack:hover{background:url(../images/gw/play_now_hover.png) no-repeat 0px -216px;}
.l-hyperlink .mini-client{background:url(../images/gw/play_now.png) no-repeat 0px -304px; width:278px; height:87px; display:block; padding-top:15px}
.l-hyperlink .mini-client:hover{background:url(../images/gw/play_now_hover.png) no-repeat 0px -304px;}

/*左侧服务器*/
.l_server{background:url(../images/gw/l_server_bg.png) no-repeat; width:278px; height:386px; float:left; margin-top:13px; position:relative}
.l_server .server_lb {float:left;margin: 68px 8px 0 30px;width: 235px;}
.l_server .s_more {color: #ffcf8f;font-family: "Arial";font-size: 12px; position:absolute; left:112px;bottom:16px; background:#763d24; padding:0px 10px}
.l_server .s_more:hover{ text-decoration:none; color:#fea126}

.main-r{ float:right; width:725px; padding-top:150px; position:relative; z-index:3}
.m-t-f{ float:right; width:48px; height:48px;margin-right: 5px;margin-top: -62px;}
.m-t-f a{background:url(../images/gw/m_t_f.png) no-repeat; width:48px; height:48px; display:block}
.m-t-f a:hover{ opacity:0.8}
/*轮播图*/
.mainbanner{ width:724px;height:244px;position:relative; z-index:3;background: url(../images/gw/banner_bg.png) no-repeat 0 -25px}
.mainbanner_window {overflow: hidden;position: absolute;width:714px;height:235px; left:5px; top:5px}
.mainbanner_window img{ width:714px; height:235px;border-radius:2px}
.mainbanner_window li {display: inline;float: left;font-size: 0; text-align: center;width:714px;height:235px;}
.mainbanner_window ul {height:235px;position: relative;width: 999999px;}
.mainbanner_warp {position: relative;z-index:99;height:28px; top:216px;}
.mainbanner_list {position: absolute;right:29px;top: 0; float:left}
.mainbanner_list li {display: inline;height:20px; overflow: hidden;width:20px; padding:0 1px 0 0;}
.mainbanner_list li.active a {opacity: 1;text-decoration: none; background:url(../images/gw/banner_an.png) no-repeat 0px 0px;}
.mainbanner_list a{display: inline-block;font-size: 12px; height:10px; line-height:10px;overflow: hidden;text-align: center;width:40px; background:url(../images/gw/banner_an.png) no-repeat -70px 0px; text-indent:-999em;}
.mainbanner_list a:hover{ text-decoration:none; color:#FFF}
.flowers-top{background: url(../images/gw/banner_bg.png) no-repeat -576px 0px; width:54px; height:24px; position:absolute; left:577px; top:-24px}
.flowers-right{background: url(../images/gw/banner_bg.png) no-repeat -719px -45px; width:18px; height:47px;position:absolute; right:-13px; top:20px}

/*新闻*/
.ir_news{ width:725px;float:left;background: url(../images/gw/i_news_bg.png) no-repeat -3px 0; margin-top:10px}
.g_news_ul{ height:65px; float:left;margin-left:200px;padding-top: 38px;}
.g_news_ul li{ width:140px; height:39px; float:left;cursor:pointer; text-align:center; color:#edd39d; line-height:39px; font-size:18px; margin:7px 0 0 28px;background:url(../images/gw/g_news.png) no-repeat -167px -5px;}
.g_news_ul li:hover{ opacity:0.8}
.g_news_ul li.on{background:url(../images/gw/g_news.png) no-repeat -12px -4px;}

.box_top{ width:676px; height:32px;}
.box_bottom{ width:676px; height:32px;}

.conceal{ overflow:hidden; height:485px}
.g_news_c{height:298px;position: relative;width: 720px; display:none}
.g_news_c.on{ display:block;}
.g_news_c .news_n{ height:115px; margin:0px 20px 5px;width: 680px;float:left;}
.tab_Con{ float:left; width:720px}
.g_news_c .news_n dd {color:#0dfaff;float: left;height:108px;line-height: 22px;width:680px;position:relative}
.g_news_c .news_n dd em{color:#9a866b;}
.g_news_c .news_n dd span{ position:absolute; bottom:0px;right:0px; width:67px; height:23px}
.g_news_c .news_n dd span a{ display:block;width:67px; height:23px; color:#482a16}
.g_news_c .news_n dd span a:hover{ text-decoration:none; color:#000000}
.g_news_c .news_n dd h4{max-width:635px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 0 3px 0}
.g_news_c .news_n dd h4 a{ color:#5d1e03; font-size:14px; font-family:"Tahoma"}
.g_news_c .news_n dd .selfthum {float: left; margin-right:10px;position:relative; width:138px; height:115px}
.g_news_c .news_n dd .selfthum a{ display:block; position:absolute; z-index:10; left:0px; top:0px; width:138px; height:107px}
.g_news_c .news_n dd .selfthum img {height:107px;width:138px;}
.g_news_c .news_n dd .selfthum em{background:url(../images/img_bg.png) no-repeat; width:205px; height:120px; z-index:9; left:3px; top:1px}
.g_news_c .news_n dd .news_c {max-height: 46px;padding-top:0px;overflow: hidden;text-overflow: ellipsis; color:#493e2a; font-size:12px}
.g_news_c .news_n dd .news_c a{color:#482a16; padding-left:5px}
.g_more{ position:absolute;right: 0;top: 262px;float: right;padding-right: 28px;}
.g_more a{color:#482a16;font-family: "Tahoma";font-size: 14px;font-weight: normal;}

.g_picture{position:relative;padding-top:52px; float:left}

.g_picture .g_news_ul li{ width:217px}

/*首页guide*/
.g_news_c .guides_introduce{ background:none; border:0 none; padding:0px;min-height:273px}
.g_news_c .guides_introduce_ul{ padding:0px; width:435px}



/*内页*/
.n-t{background:url(../images/gw/n_r_bg_t.png) no-repeat; width:735px; height:74px}
.n-z{background:url(../images/gw/n_r_bg_z.png) repeat-y;width:735px;}
.tab_con_d{background:url(../images/gw/n_r_bg_d.png) no-repeat; width:735px; height:61px; float:left}
.server_tit{background:url(../images/gw/server_tit.png) no-repeat center bottom; width:100%; height:74px}
.news_tit{background:url(../images/gw/news_tit.png) no-repeat center bottom; width:100%; height:74px}
.newbie_packs_tit{background:url(../images/gw/newbie_packs_tit.png) no-repeat center bottom; width:100%; height:74px}
.guides_tit{background:url(../images/gw/guides_tit.png) no-repeat center bottom; width:100%; height:74px}
/*服务器*/
.n_r-z{margin:0 auto}
.Recommended{width:665px; float:left; margin:0 31px}
.recommended_title{background:url(../images/gw/n_server_h3.png) no-repeat center 0; min-height:86px; text-indent:-999em;width:680px}
.Recommended_ico{background:url(../images/gw/n_server_h3.png) no-repeat center -148px;}
.AllServers_ico{background:url(../images/gw/n_server_h3.png) no-repeat center -360px;}

.Recommended_ul li{ margin:5px 3px}

.all_server{clear:both;width:665px; float:left; margin:0 31px}



.g_server{ margin:22px 13px}
.g_server h4{background:url(../images/title_bg.png) no-repeat; width:600px; height:41px; line-height:38px; padding-left:15px}
.g_server h4 a{ color:#00a3ff; font-size:16px}
.g_server h4 span{ float:right; background:url(../images/more_ico.png) no-repeat 23px 8px; padding-right:28px}
.g_server h4 span a{ font-size:12px; font-weight:normal}

.g_server_ul-t{background:url(../images/gw/g_server_ul_t.png) no-repeat; height:21px;width:663px; float:left}
.g_server_ul-d{background:url(../images/gw/g_server_ul_d.png) no-repeat; height:27px;width:663px; float:left}
.all_bg,.g_server_ul{background:url(../images/gw/g_server_ul_z.png) repeat-y;width:663px; float:left;}



.server_list_h2{background:url(../images/index_tab_bg.png) no-repeat; color: #4d3e37;font-family: "Tahoma";font-size: 14px;font-weight:500;height:67px;line-height:65px;padding-left: 50px;
padding-right: 26px;text-align: right;width: 583px;}
.server_list_h2 span{ float:left; font-size:16px; color:#971b03; font-weight:bold}
.server_list_h2 a{color:#4d3e37}
.server_list_h2 a:hover{ color:#4d3e37}

.n-z .g_news_ul{background:url(../images/gw/n_news.png) no-repeat;float: left;height: 51px;width:258px; margin:30px 30px 0px 30px; padding:0px}
.n-z .g_news_ul li{ margin:0px; width:129px}
.n-z .g_news_ul li.on {background:url(../images/gw/n_news.png) no-repeat;}
.n-z .g_news_c{ float:left;min-height:514px; margin:20px 10px 0 10px}

.all_server_ul li{width:125px;float:left;color:#791900;font-size:12px;text-align:center; background:none}
.all_server_ul li.hover{float:left;color:#791900;font-size:14px;text-align:center; background:url(../images/gw/all_server_ul_bg.png) no-repeat 0 -59px;}
.all_server_ul li.hover a{color:#e5c18f;}
.all_server_ul li a{color:#791900; font-family:"Tahoma";}
.all_bg .g_server_ul{ background:none}

/*新闻详细*/
.new_more_d{ width:660px; margin:-15px auto 0 auto; min-height:785px}
.new_more_d .bt_h3 {font-size:18px;line-height:26px;font-family:Georgia, "Times New Roman", Times, serif;text-align: center;color:#791900}
.new_more_d .news_p { background: url(../images/gw/news_x.png) no-repeat center bottom;color: #824620;height:32px;text-align: center;}
.new_more_d .new_text {color: #570a06;font-size: 14px; font-family:"Tahoma";line-height: 24px;padding-top: 20px;}
.new_more_d .new_text a {color: #570a06;}
.new_more_d .new_text a:hover {text-decoration: underline;}
.new_more_d .new_text img{ border:5px solid #8d6635; max-width:645px;}
.guide_p p {font-family:"Tahoma";font-size: 14px; padding-bottom: 16px;}
.guide_p b {font-weight: bold;}

.guides_introduce{ width:660px; margin:0 auto; padding:30px 0 0 0; min-height:496px}
.guides_introduce h3{ width:180px; float:left}
.guides_introduce_ul {float: left;padding: 0 0 20px 20px;width: 460px;}
.guides_introduce_ul li {float: left; margin:5px 15px 10px 0}
.guides_introduce_ul li a {color:#ffdf9e;font-size: 12px; background: url(../images/gw/guides_ico.png) no-repeat; width:130px; height:25px; display:block; text-align:center; line-height:24px; font-family:"Tahoma","Arial"}
.guides_introduce_ul li a:hover{ background-position:0px -62px; text-decoration:none; color:#fea126}
.guides_introduce_ul em {color: #2f2f2f;float: right;text-align: center;width: 33px;}



.new_more_d .new_text table tr td{ padding:5px}
.new_more_d .new_text table tr td p{ padding:0px}
.guide_p p img{ max-width:756px}
.guide_p .p-img{text-align:center}

.ir_news .guides_introduce h3 { width:205px}
.ir_news .guides_introduce h3 img{ width:205px}


/*新手礼包选择服务器*/
.seek{ height:50px;z-index:999; padding-top:40px; position:relative}
.seek .dropdown{float:left; width:255px;margin-left:68px;margin-right:0px;}

/* scroll*/
.seek .dropdown ul::-webkit-scrollbar{width:12px;}
.seek .dropdown ul::-webkit-scrollbar-track{background:#f4f4f4;-webkit-border-radius:20px;border-radius:20px;}
.seek .dropdown ul::-webkit-scrollbar-thumb{-webkit-border-radius:5px;border-radius:5px;background: rgba(187,190,183,0.1);-webkit-box-shadow: inset 0 0 6px rgba(187,190,183,0.8);}
.seek .dropdown ul::-webkit-scrollbar-thumb:hover{background: rgba(153,153,153,0.8);}



.seek .dropselectbox {background: url(../images/gw/NewbiePacks_drop.png) no-repeat;border:none;float: left;margin: 0px;width:249px; color:#300301;height:35px}
.seek .dropselectbox h4 {background: url(../images/gw/dropselectbox_bg.png) no-repeat 205px 0px;cursor: pointer;font-size:14px;font-weight: normal;height:35px;line-height:35px;color:#300301;padding:0 30px 0 10px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.seek .dropselectbox h4.hover{ opacity:0.8; color:#300301}
.seek .dropselectbox .current {background: url(../images/gw/dropselectbox_bg.png) no-repeat 205px -80px;height:35px;line-height:35px; padding:0 30px 0 10px; border:none}
.seek .dropselectbox ul { border:1px solid #d2b380;background:#e7cfa5;left: 0;width: 248px;float:left;}
.seek .dropselectbox ul li {margin: 0;text-indent:10px; height:34px; line-height:34px;border-bottom: 1px solid #bdaf99; font-size:14px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.seek .dropselectbox ul li:hover{ color:#000; background:#f6be5d}
.seek .dropselectbox ul{ cursor: pointer;}
.seek .dropdown ul {clear: both;display: none;float: left;overflow-x: hidden;overflow-y: auto; position: absolute; margin-top:2px; max-height:312px; z-index:999;scrollbar-base-color:#ecb853; scrollbar-base-color:#ecb853}
.seek .dropselectbox ul li:last-child{ border-bottom:none}

/*新手礼包*/
.gw_content_r .packs{ color:#f8d8d8; font-size:20px;margin-top: 10px;}
.packs_button{text-align:center;margin-top:20px; clear:both;}
.packs_button a{background:url(../images/gw/newbie_pack_but.png) no-repeat; display:block;margin:0px auto; width:262px; height:65px; z-index:1;text-indent:-9999em}
.packs_button a:hover{opacity:0.8}
.packs_button p{color:#934f03; font-size:22px;line-height:45px; height:45px;}
.packs_button p em{font-size:26px; color:#934f03;}

.explain{color:#482a16; padding:20px 30px; clear:both; font-size:12px}
.explain h3{color:#934f03; font-size:21px; margin:0 0 20px 0}
.explain p{margin:10px 0;}
.explain p img{}
.play_now .n_play{display: block;height: 379px;position:absolute;left:5px;top:60px;z-index: 2;}
.explain_x{height:1px; padding-bottom:30px; border-top:1px dashed #c48241}





.rabbit-bg{background:url(../images/gw/rabbit_ico.png) no-repeat; width:167px; height:166px; position:absolute; bottom:-65px; left:-175px; z-index:1}
.bear-bg{background:url(../images/gw/bear_ico.png) no-repeat; width:385px; height:347px; position:absolute; bottom:-65px; right:-329px; z-index:1}

.new_text .p-img{ text-align:center}


/*首页服务器列表*/
.server_lb{width:318px;}
.server_lb li{height:47px;margin:10px 0 0px 0;width: 228px; position:relative}
.server_lb li:hover{opacity: 0.8;}
.server_lb li a{color: #fff;display: block;font-family: "Tahoma";height:37px;line-height:37px;overflow: hidden;padding-left:35px;
text-decoration: none;text-overflow: ellipsis;white-space: nowrap; font-size:13px;width: 187px;}

.server_lb li.status_red{background:url(../images/gw/server_ico.png) no-repeat 0px -95px;}
.server_lb li.status_gray{background:url(../images/gw/server_ico.png) no-repeat 0px -177px;}
.server_lb li.status_green{background:url(../images/gw/server_ico.png) no-repeat 0px 3px;}

.server_lb li.status_red a{color:#ffdf9e}
.server_lb li.status_gray a{color:#cdcdcd}
.server_lb li.status_green a{color:#ffdf9e}

.server_lb li .s_new{position:absolute;right:-2px;top:-5px;height: 23px;width: 20px;background: url(../images/gw/server_t_ico.png) no-repeat 0px -77px;}
.server_lb li .s_hot{position:absolute;right:-2px;top:-5px;height: 23px;width: 20px;background: url(../images/gw/server_t_ico.png) no-repeat 0px -7px;}


/*内页服务器列表*/
.g_server_ul li{float:left; margin:10px 5px 10px 15px;background:url(../images/gw/server_lb_bg.png) no-repeat left 1px; padding-left:38px; position:relative}
.g_server_ul li a{ background:url(../images/gw/server_rb_bg.png) no-repeat right 1px; color:#c7ffcc;float: left;font-family: "Tahoma";height:35px;
line-height:35px;padding-right: 18px;max-width:542px; padding-left:0px}

.g_server_ul .status_red{background-position:left -96px}
.g_server_ul .status_red a{background-position:right -96px}

.g_server_ul .status_gray{background-position:left -179px}
.g_server_ul .status_gray a{background-position:right -179px}

.g_server_ul .status_green{background-position:left 1px}
.g_server_ul .status_green a{background-position:right 1px}


.g_server_ul li:hover{opacity:0.8}
.g_server_ul li a{font-size:12px; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; min-width:248px}
.g_server_ul li a:hover{text-decoration:none}

.g_server_ul li .s_new{position:absolute;right: -2px;top: -5px;height:23px;width:20px;background: url(../images/gw/server_t_ico.png) no-repeat 0px -77px;}
.g_server_ul li .s_hot{position:absolute;right: -2px;top: -5px;height:23px;width:20px;background: url(../images/gw/server_t_ico.png) no-repeat 0px -7px;}

.g_server_ul li.status_red a{color:#ffdf9e}
.g_server_ul li.status_gray a{color:#cdcdcd}
.g_server_ul li.status_green a{color:#ffdf9e}

.all_server_ul{height:39px;line-height:39px;color:#863010;font-size:18px;font-weight:normal;background:url(../images/gw/all_server_ul_bg.png) no-repeat;width:627px;margin:7px 15px}
.all_server_ul li{width:125px;float:left;color:#791900;font-size:12px;text-align:center;background:none}
.all_server_ul li.hover{float:left;color:#791900;font-size:14px;text-align:center; background:url(../images/gw/all_server_ul_bg.png) no-repeat 0 -59px;}
.all_server_ul li.hover a{color:#e5c18f;}
.all_server_ul li a{color:#791900;font-family:"Tahoma";}