html{color:black;background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',\5b8b\4f53,arial,sans-serif;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;vertical-align: top;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
a{text-decoration:none;}

/* clearfix */
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;overflow:hidden;}

/* float */
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

/*layout*/
.header { height: 143px; margin-bottom: 10px; }
.main { width: 960px; margin: 0 auto; }
/*header*/
.header .head { width: 960px; height: 68px; overflow: hidden; margin: 0 auto; }
.header .head h1,.header .head .top_banner,.header .head h1 a { height: 73px; }
.header .head h1 { width: 220px; }
.header .head h1 a { display: block; }
.header .head .top_banner { width: 740px; }
/*mainTop*/
.mainTop { overflow: hidden; zoom: 1; margin-bottom: 13px; }
#usercard { float: right; }
/*serverList*/
.serverList { margin-bottom: 36px; }
.serverList h2 { font: 16px/18px 'microsoft yahei'; color: #fe7100; text-indent: 5px; border-left: 4px #fe7100 solid;  margin-bottom: 8px; }
.serverList .tabList a:hover { text-decoration: underline; }
.serverList .tabList { margin-bottom: 25px; }
.serverList .tabList,.serverList .tabList th,.serverList .tabList td { border: 1px #ddd solid; text-align: center; }
.serverList .tabList th,.serverList .tabList td { height: 35px; line-height: 35px; }
.serverList .tabList th { font-size: 14px; color: #333; background-color: #f6f6f6; }
.serverList .tabList .tName { width: 150px; }
.serverList .tabList .tType { width: 110px; }
.serverList .tabList .tTime { width: 200px; }
.serverList .tabList .tServer { width: 140px; }
.serverList .tabList .tGame { width: 125px; }
.serverList .tabList .tGift { width: 110px; }
.serverList .tabList .tState { width: 117px; }
.serverList .tabList .qq-warn { margin-left: 2px; }
.serverList .tabList .qq-warn img { vertical-align: -4px; }
.serverList .tabList .kf-time { text-align: left; text-indent: 50px; }
.serverList .tabList .state2 { color: #898989; }
/* default style */
.serverList .tabList .name { color: #333; }
.serverList .tabList .game,.serverList .tabList .gift { color: #ff7000; }
.serverList .tabList .type,
.serverList .tabList .time,
.serverList .tabList .server { color: #666; }
.serverList .tabList .state{ color: #000; }
/* toDay style */
.serverList .tabList .toDay { background-color: #fffbb5; }
.serverList .tabList .toDay .name { color: #ff7000; font-weight: bold; }
.serverList .tabList .toDay .state{ color: #e70707; }
.serverList .tabList .toDay .game { display: inline-block; vertical-align: top; width: 74px; height: 24px; line-height: 24px; margin-top: 5px; border-radius: 3px; background-color: #f89400; color: #fff; }
.serverList .tabList .toDay .game:hover { background-color: #ffc332; text-decoration: none; }
.serverList .tabList .curr { background-color: #e0eafb; }

/* pagination */
.pagination { text-align: center; }
.pagination a,.pagination span { display: inline-block; vertical-align: top; margin: 0 2px; }
.pagination a { font-size: 14px; width: 26px; height: 22px; line-height: 22px; border: 1px #dfdfdf solid; color: #666; }
.pagination a:hover { border-color: #ff780e; }
.pagination span { height: 24px; line-height: 24px; }
.pagination .current { background-color: #ff780e; border-color: #ff780e; color: #fff; }
.pagination .navigation { width: 48px; color: #333; font-size: 12px; }
.pagination .disabled { color: #999; cursor: text; }
.pagination .disabled:hover { border-color: #dfdfdf; }

/*gameInfo*/
.gameInfo { margin-bottom: 10px; overflow: hidden; zoom: 1; }
.gameInfo .list { position: relative; width: 468px; height: 343px; border: 1px #dfdfdf solid; }
.gameInfo .list .hd { height: 34px; border-bottom: 1px #ddd solid; background-color: #f6f6f6; }
.gameInfo .list .hd h2 { line-height: 34px; color: #333; font-size: 16px; text-indent: 10px; }
.gameInfo .list .hd .more { position: absolute; color: #999; top: 8px; right: 15px; }
.gameInfo .list .bd { padding: 12px 17px 0 14px; }
.gameInfo .list .bd li { position: relative; height: 28px; overflow: hidden; line-height: 28px; padding-right: 80px; color: #ff780e; }
.gameInfo .list .name { color: #ff780e; }
.gameInfo .list .name:hover { text-decoration: underline; }
.gameInfo .list .txt { color: #333; }
.gameInfo .list .txt:hover { color: #ff780e; }
.gameInfo .list .time { position: absolute; top: 0; right: 0; color: #afafaf; }

/*links*/
.links { border: 1px #ddd solid; margin-bottom: 10px; }
.links h2 { height: 34px; line-height: 34px; color: #333; font-size: 16px; text-indent: 10px; background-color: #f6f6f6; border-bottom: 1px #ddd solid; }
.links .bd { padding: 15px 12px; overflow: hidden; zoom: 1; }
.links li { float: left; padding: 0 15px; line-height: 28px; }
.links li a { color: #898989; white-space: nowrap; }
.links li a:hover { color: #333; }

/*screen*/
.all { background-color:#fff; background-position: center 0; background-repeat:no-repeat; }
/*.screen_banner { position: absolute; display: block; margin: 148px 0 0; width: 100%; height: 600px; outline: medium none; text-indent: -999em; overflow: hidden; z-index: 1 }*/
.screen_banner{  display: none;}
.screen_info { display:none;}
.main { position: relative; z-index: 2; }
/** serveropen **/
.serveropen .center-wrap a, .serveropen .carousel-control { display:inline-block; _zoom:1; _display:inline; overflow:hidden; font-size:0; line-height:0; }
.serveropen .carousel-control { text-indent:-999em; }
.serveropen_sv, .serveropen_gift, .serveropen_sv_no, .serveropen_gift_no, .serveropen .carousel-control, .hotgame_btn a, .promotion_a, .promotion_time, .giftbag_hd, .giftbag_btn, .giftbag_prev, .giftbag_next, .giftbag_prev_no, .giftbag_next_no, .doit_btn a, .allgames_hd span, .allgames_hover_left, .allgames_hover_right, .allgames_a_new, .allgames_a_hot, .allgames_hover_server span, .microbobox a { background-image:url(http://pic.51wan.com/web/v1/index/images/icon.png); _background-image:url(http://pic.51wan.com/web/v1/index/images/icon8.png); background-repeat:no-repeat; }
.serveropen { display:inline; width:710px; height:300px; background:#eee; }
.serveropen_hd { border-left:1px solid #DDDFEA; }
.serveropen_hd li { padding:1px 0 0; width:235px; height:33px; border:1px solid #DDDFEA; border-left:0; background:#F2F2F2; font:700 12px/33px Arial, simsun; color:#333333; text-align:center; cursor:pointer; }
.serveropen_hd li span { font-weight:normal; color:#878787; }
.serveropen_hd .serveropen_now { padding:0; border-top:2px solid #F66E1C; border-bottom:1px solid #FFF; background:#FFF; color:#F66D1B; }
.serveropen_bd { position:relative; padding:10px 0 0; border:1px solid #DDDFEA; border-top:0; background:#FFF; }
#serveropen_today { display:block; }
#serveropen_yesterday, #serveropen_tomorrow { display:none; }
.serveropen_wrap { position:relative; width:518px; height:200px; background:url(http://pic.51wan.com/web/v1/index/images/loading.gif) center center no-repeat; overflow:hidden; }
.serveropen_wrap p { font:14px/160px "microsoft yahei"; color:#999; text-align:center; }
.serveropen_box ul { width:518px; height:200px; }
.serveropen_bd li { display:inline; margin:0 30px 0 15px; padding:15px 0 16px; width:214px; height:18px; border-bottom:1px dashed #E7E7E7; font:12px/18px Arial, simsun; vertical-align:middle; }
.serveropen_bd li span, .serveropen_name, .serveropen_sv, .serveropen_gift { display:block; text-align:center; }
.serveropen_bd li span { width:36px; color:#818181; }
.serveropen_name { width:86px; color:#FF8300; }
.serveropen_name:hover { text-decoration:underline; }
.serveropen_box .serveropen_sv, .serveropen_box .serveropen_sv_no { margin:0 12px 0 0; padding:0 18px 0 0; width:38px; height:18px; background-position:0 -242px; color:#FFFFFF; text-align:right; vertical-align:baseline; }
.serveropen_gift, .serveropen_gift_no { width:18px; height:18px; background-position:-57px -242px; }
.serveropen_box .serveropen_sv_no { background-position:0 -261px; cursor:default; }
.serveropen_gift_no { background-position:-57px -261px; cursor:default; }
.serveropen_info { padding:15px 36px 15px 20px; }
.serveropen_info p { width:110px; height:23px; font:700 12px/23px Arial, simsun; color:#333333; }
.serveropen_info p span { padding:0 2px 0 0; font-size:20px; color:#F66D1B; vertical-align:middle; }
.serveropen_more { font:12px/23px Arial, simsun; color:#B6B6B6; }
.serveropen_more:hover { text-decoration:underline; }
/*serveropen_page*/
.carousel-wrap { height:160px; }
.serveropen .center-wrap { position:absolute; top:227px; left:130px; width:280px; height:8px; z-index:9; }
.serveropen .center-wrap .carousel-pagination { text-align:center; }
.serveropen .carousel-control { position:absolute; top:225px; width:12px; height:23px; border:0; z-index:10; cursor:pointer; }
.serveropen .carousel-previous { left:0; background-position:-51px -280px; }
.serveropen .carousel-next { right:0; background-position:-63px -280px; }
.serveropen .previous-disabled { background-position:-75px -280px; cursor:default; }
.serveropen .next-disabled { background-position:-87px -280px; cursor:default; }
.serveropen .center-wrap a { display:inline-block; margin:0 5px; width:30px; height:8px; background:#DADADA; overflow:hidden; cursor:pointer; }
.serveropen .center-wrap .active { background:#F66E1C; }
.serveropen_hd .serveropen_now { width:236px; }
.serveropen_wrap { width:708px; }
.serveropen_box ul { width:708px; }
.serveropen_bd li { width:309px; }
.serveropen_name { width:170px; }
.serveropen .center-wrap { left:220px; }
/*2017/04/20修改头部导航*/
.new-header-wrap{width:100%;background-color:#fff;font:12px/1 "微软雅黑","Microsoft Yahei"; border-bottom:1px solid #e5e5e5; margin-bottom: 20px}
.new-header{position:relative;width:960px;height:90px;margin:0 auto;background:url(http://pic.51wan.com/passport/image/top_bg.jpg) no-repeat 710px center}
.new-logo{position:absolute;left:0;top:11px;width:146px;height:58px;background:url(http://pic.51wan.com/passport/image/kf_logo.jpg) no-repeat}
.new-logo1{ position: absolute; top: 11px; left: 0; width: 107px; height: 58px; background: url("http://pic.51wan.com/passport/image/logo1.jpg") no-repeat;}
.new_nav{ position: absolute; left: 194px; top: 38px;}
.new_nav li{float: left; margin-right: 34px;  }
.new_nav a{position: relative; display: inline-block; font-size: 16px; color: #4f4f4f; text-decoration: none;}
.new_nav a:hover{ color: #db2342;}
.new_nav a::after{ position: absolute; top: -22px; left: 0; width: 100%; height: 4px; background: #db2342; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);}
.new_nav a:hover::after, .new_nav  a:focus::after { opacity: 1; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);}
.new_nav .current a{color: #db2342;}
.new_nav .current a::after{ position: absolute;  top: -22px; left: 0; width: 100%; height: 4px; background: #db2342; content: ''; opacity: 1;}