@charset "utf-8";
/* CSS Document */
/* common style */
.h_wrap_bg{ width: 100%; background: url(../images/h_wrap_bg.jpg) no-repeat 50% 0 #e5e5e5; position:relative; z-index:1; padding-bottom:30px;}

.mt22{ margin-top: 22px; }
.mt36{ margin-top: 36px; }
.mt48{ margin-top: 48px; }
.ml34{margin-left: 34px;}
.pt395{ padding-top: 395px; }
.minw{ width: 100%; min-width: 1000px; _width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" ); overflow: hidden;  position:relative; *zoom:1; }
.head{ width: 100%; position:relative; z-index:10;}
.wrap { position: relative; width: 1004px; margin: 0 auto; }
.minw h1.logo { position: absolute; left: 50%; margin-left: -174px; top: 0; width: 347px; height: 130px; z-index: 9; }
.minw h1.logo a { display: block; width: 347px; height: 130px; text-indent: -999em; background: url(../images/h_sprites.png) no-repeat 0 0; }
/*顶部背景*/
.pagebg{ position:absolute; width:1920px; height:auto; left:50%; top:0; margin-left:-960px; }
.pagebg ul{ position:relative; display:block; height:100%;}
.pagebg ul li{ position:absolute; left:0; top:0; width:100%; height:800px; background-position:50% 0; background-repeat:no-repeat; z-index: 1; }
.pagebg ul li a{ display: block; width: 100%; position: relative; }
.pagebg .img-loading{ position: absolute; width:32px ; height:32px ; left: 50%; margin-left:-16px; top:200px;}
/*内页标题*/
.list_head{ width: 698px; height: 96px; background: url(../images/inner_title_bg.png) no-repeat 0 0; }
.list_head h3{ float:left; width: 380px; color: #fff; padding-left: 20px; }
.list_head h3 span{ font: 500 24px/90px "Microsoft Yahei"; }
.list_head h3 em{ text-transform: uppercase; font: 500 21px/90px "Microsoft Yahei"; }
.list_head p{ float: left; width: 294px; padding-top: 60px; color: #989898; font: 400 12px/30px "Microsoft Yahei"; }
.list_head p a{ padding: 0 4px; color: #989898; }
.list_head p span{ padding: 0 4px; }
.list_con{ width: 696px; padding-bottom: 20px; background-color: #fdfdfd; border: 1px solid #e1e1e1; }
/* mainnav */
.mainnav{ width: 100%; height: 83px; background-color: #21232e; }
.mainnav ul{ width: 980px; height: 83px; padding-left: 20px; margin:0 auto; }
.mainnav li { float: left; width: 100px; height: 83px; }
.mainnav li.data { display: inline; margin-right: 348px; }
.mainnav li a { display: block; width: 100px; height: 83px; font: 600 14px/83px "Microsoft Yahei"; color: #deedff; text-align: center; }
.mainnav li a:hover { background: url(../images/h_sprites.png) no-repeat -360px 0; }
.mainnav li a.on { background: url(../images/h_sprites.png) no-repeat -360px 0; }
/* navlist*/
.navlist { position: absolute; top: 83px; left: 0; width: 100%; height: 0; min-width: 1000px; overflow: hidden; }
.navlist_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/menu_bg.png) no-repeat 0 0; z-index: 3; border-bottom: 1px solid #9fb7d3; }
.navlist_box { position: absolute; top: 0; left: 0; width: 100%; z-index: 4; }
.navlist_in { width: 1000px; margin: 0 auto; padding-bottom: 10px; overflow: hidden; }
.menu_list { float: left; height: 231px; padding: 20px 0 30px 0; background: url(../images/menu_line.png) no-repeat right 0;  }
.menu_list li { width: 100px;}
.menu_list a { padding-left: 20px; font: 14px/26px "Microsoft Yahei"; color: #fff; }
.menu_list a:hover { color: #deedff; text-decoration: underline; }
.pl_01{ padding-left: 20px; }
.pl_02{ padding-left: 348px; }
.bgn{ background: none; }

/**/
.hotline{ float: left; height: 67px; }
.hotline span{ float: left; width: 72px; height: 67px; background: url(../images/h_sprites.png) no-repeat -266px -321px; }
.hotline dl{ float: left; padding-left: 10px; font: 400 14px/23px "Microsoft Yahei"; color: #9da3ae; }
.hotline dt{ font: 400 18px/23px "Microsoft Yahei"; color: #7cafb7; }

/* bottom quick links*/
.quick_link{ width: 100%; background-color: #ececec; border-bottom: 2px solid #d4d4d4; margin-top: 50px; }
.qt_line{ width: 100%; height: 45px; background-color: #ececec; border-bottom: 1px solid #e8e7e3; border-top: 1px solid #d4d4d4; }
.qt_line_b{ height: 43px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
.link_t{ background-color: #fff; font: 400 18px/45px "Microsoft Yahei"; color: #606060;}
.link_t li{ float: left; width: 250px; text-align: center; }
.link_box{ float: left; width: 250px; }
.link_a{ float: left; padding: 10px 0 20px 40px; }
.link_a a{ display: inline-block; width: 100px; text-align: left; font: 400 12px/23px "Microsoft Yahei"; color: #606060;}
.link_a a:hover{ text-decoration: underline; color: #606060; }
.game_notice{ width: 100%; height: 43px; text-align: center; line-height: 40px; color: #a5a5a5; }

/*footer*/
.footer { float: left; width: 100%; height: 160px; overflow: hidden; background-color: #e5e5e5; }
.f_link { display: inline; float: left; width: 270px; height: 52px; margin: 30px 0 0 12px; background: url(../images/f_logo.png) no-repeat 0 0; }
.f_link a { float: left; height: 52px; text-indent: -999em; }
.f_link a.jbt_link{ width: 125px; }
.f_link a.ltyx_link{ width: 140px; }
.f_txt { float: left; padding: 14px 0 0 10px; color: #a5a5a5; }
.f_txt p { height: 20px; line-height: 20px; }
.f_txt p a { color: #7b7f82; }
.f_txt p a:hover { color: #7b7f82; text-decoration: underline; }

/*frame*/
.sideleft{ position: relative; width: 282px; }
.main_content{ display: inline; width: 692px; margin-right: 4px; }
.inner_content{ display: inline; width: 696px; }
/*sideleft*/
.notice_bar{ position: relative; width: 282px; height: 42px; }
.notice_bar_bg{ position: absolute; top: 0; left: 0; width: 280px; height: 40px; border: 1px solid #161616; background-color: #3a0d0b; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; z-index: 10; }
.notice_bar h4{ position: absolute; top: 10px; left: 10px; z-index: 11;}
.notice_bar h4 span{ padding-left: 6px; font: 400 14px/14px "Microsoft Yahei"; color: #ffd1c5; }
.notice_bar h4 em{ float: left; width: 13px; height: 16px; background: url(../images/h_sprites.png) no-repeat -552px 0;}
.scroll_notice{ position: absolute; left: 100px; top: 6px; height: 25px; line-height: 25px; overflow:hidden; z-index:11; }
.scroll_notice li{ height: 25px; }
.scroll_notice li a{ font-size: 12px; color: #ffd1c5; }
.download_btn{ width: 282px; height: 180px; }
.download_btn a{ display: block; width: 282px; height: 180px; background: url(../images/h_download.jpg) no-repeat 0 0; }

.download_swf{ width: 282px; height: 143px; }
.download_swf a{ width:282px; height:143px; display:block; background:url(../images/down_btn.jpg) no-repeat top;}
.download_swf a:hover{background:url(../images/down_btn.jpg) no-repeat bottom;}

.fast_opt{ width: 282px; }
.fast_opt a{ width: 140px; height: 48px; margin-top: 2px; background: url(../images/h_sprites.png) no-repeat; }
.fast_opt a.register{ background-position: 0 -130px; }
.fast_opt a.newhands{ background-position: -141px -130px; }
.fast_opt a.recharge{ background-position: 0 -181px; }
.fast_opt a.exchange{ background-position: -141px -181px; }
.fast_opt a.register:hover{ background-position: -283px -130px; }
.fast_opt a.newhands:hover{ background-position: -424px -130px; }
.fast_opt a.recharge:hover{ background-position: -283px -181px; }
.fast_opt a.exchange:hover{ background-position: -424px -181px; }

.fast_data{ width: 287px; }
.data_nav{}
.data_nav h4{ width: 270px; height: 40px; padding-left: 10px; background-color: #f2f2f3; border-bottom: 1px solid #d8d8d8; border-top: 5px solid #d8d8d8; font: 500 18px/40px "Microsoft Yahei"; color: #383838; cursor: pointer; }
.data_nav h4.current{ color: #26669c; }
.data_list{ padding: 6px 0 6px 6px; display: none; }
.data_list dd{}
.data_list dd a{ float: left; width: 74px; padding-right: 10px; font: 500 14px/23px "Microsoft Yahei"; color: #6a6a6a; }
.data_list dd a:hover{ text-decoration: underline; color: #6a6a6a; }

.weixin{ width: 287px; margin-top: 40px; }
.weixin span{ width: 108px; height: 108px; background: url(../images/h_sprites.png) no-repeat 0 -455px; overflow: hidden; }
.weixin p{ width: 157px; padding-left: 6px; font:400 12px/23px "Microsoft Yahei"; color: #0074a7;}
.weibo{ width: 260px; height: 45px; margin-top: 30px; }
.weibo a{ display: inline; float: left; width: 120px; height: 45px; margin-right: 10px; background: url(../images/h_sprites.png) no-repeat; }
.weibo a.xl{ background-position: 0 -363px; }
.weibo a.tx{ background-position: 0 -409px; }

.h_code{ float: left; width: 268px; display: inline; }
.h_code p em{ float: left; display: block; width: 106px; height: 106px; border: 6px solid #fff; }
.h_code p span{ float: left; width: 130px; padding-left: 8px; color: #7a7f86; font-size: 14px; line-height: 26px; }
.h_code ul{ width: 250px; height: 35px; padding-top: 26px; }
.h_code li{ float: left; width: 125px; height: 35px; }
.h_code a{ display: block; width: 120px; height: 35px; background: url(../images/h_sprites.png) no-repeat; }
.h_code a.xl{ background-position: 0 -322px; }
.h_code a.tx{ background-position: -124px -322px; }
.h_code a.xl:hover{ background-position: 0 -358px; }
.h_code a.tx:hover{ background-position: -124px -358px; }

.sideleft .zhiliao{ width: 280px; margin: 0; }
.zhiliao{ position: relative; width: 274px; margin: 25px 0 0 6px; border: 1px solid #d4d4d4; background-color: #fff; }
.h_title{ position: relative; height: 50px; background-color: #f5f5f5; border-bottom: 1px solid #e5eaef; }
.h_title span{ position: absolute; top: 0; left: 4px; display: block; width: 95px; height: 52px; text-align: center; font: 400 18px/50px "Microsoft Yahei"; color: #6b7e8d; border-bottom: 4px solid #80aeb1; }
.h_title a.more{ position: absolute; top: 18px; right: 12px; display: block; width: 55px; height: 16px; background: url(../images/h_sprites.png) no-repeat -361px -110px; text-indent: -999em; }
.zl_list{ float: left; padding: 8px 0 8px 10px; }
.zl_list li{ float: left; width: 114px; height: 40px; margin: 4px 6px 0 6px; }
.zl_list li a{ display: block; width: 114px; height: 40px; background-color: #85acc8; text-align: center; font: 400 16px/40px "Microsoft Yahei"; color: #fffcf7; }

.h_fast_data{ position: relative; float: left; width: 274px; }
.h_fast_data_nav{ height: 34px; width: 267px; background-color: #ececec; margin-left: 4px; }
.h_fast_data_nav a{ float: left; width: 89px; height: 34px; text-align: center;display: block; line-height: 30px; font-size: 14px; color: #727287; font-weight: 600; }
.h_fast_data_nav a.on span{ display: block; width: 89px; height: 40px; line-height: 30px; background: url(../images/h_sprites.png) no-repeat -460px -86px; color: #fff; }
.h_fast_data_content{ height: 50px; padding: 10px; overflow: hidden; }
.h_fast_data_content a{ float: left; padding: 0 10px; font-size: 14px; font-weight: 600; color: #838383; line-height: 27px; }
.h_fast_data_content a:hover{ text-decoration: underline; }
/* float window */
.fixed { width: 130px; left: 50%; margin-left: 556px; overflow: hidden; position: fixed; top: 595px; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop + 580)); z-index: 9999; background: url(../images/h_sprites.png) no-repeat -114px -455px;}
.fixed li a { display: block; text-indent: -999em; width: 130px;}
.fixed li.reg a { height: 57px;}
.fixed li.qq a { height: 109px;}
.fixed li.yypd a { height: 53px;}
/*loading*/
.loading{ position: absolute; top:200px; width: 100%; }
.loadingText{ height: 225px; width: 229px; margin:0 auto; text-align: center; color:#000; overflow: hidden; font: 12px/32px Georgia, Arial, "Microsoft YaHei", simsun; }
.loadingText strong{ display: block; }
.loading-bar{ width:200px; height:4px; border:1px solid #13749f; background-color: #fff; margin:0 auto;}
.loading-progress{ width:0; height:4px; background-color:#818181;}

.g-footer{ width:100%; background:#3b3b3b; border-top:1px solid #999; padding:20px 0;}
.g-footer .wrap{ width:1000px; padding:25px 0; margin:0 auto;background:url(../images/logo_walao_foot.png) no-repeat 30px center; overflow:hidden; position:relative;}

.g-footer .about{ width:500px; margin:0 auto; position:relative;}
.g-footer .about p{ line-height: 1.8em; color:#b1b1b1;}
.g-footer .about .p1{ padding-top:0; /*padding-bottom:26px;*/ color:#FFF;}
.g-footer .about .p1 a{ color:#FFF;}
.g-footer .about .p1 a:hover{ color:#5cc168;}
.g-footer .about .p1 span{ margin:0 13px; color:#999;}
.g-footer .about .wen{ position:absolute; top:50px; right:0;}

.g-footer .qr_code{ position:absolute; right:34px; top:10px;}

.tl_topBar { position:relative; z-index:1000; width: 100%; min-width:1000px; height: 45px; background-color: #2b3643; border-bottom:1px solid #404040;}
.tl_topBar .tl_inner { width: 1000px; margin: 0 auto; position:relative; }
.tl_topBar .tl_inner a{ color:#fff}
.tl_topBar .tl_inner a:hover{ color:#5cc168; text-decoration:none;}
.tl_topBar .tl_l { display:block; float: left; position:relative; z-index:1;}
.tl_topBar .tl_r { position:absolute; right:0; top:0; z-index:1;}
.tl_topBar .logo{ display:block; float:left; padding: 0px 40px 0 12px; }
.tl_topBar .logo span{ display:block; width:66px; height:45px; text-indent:-9999em;}
.tl_topBar .logo span,.tlFastLinks .btn_gc .ico_down,.gcList li a .gType,.gcList li a .gFlag_rec,.gcList li a .gFlag_hot,.gcList li a .gFlag_new{ background:url(/home/images/walaogame_small.png) no-repeat 0 0;}
.tl_topBar .smLists { float:left; }