@charset "utf-8";
/* 页头/页脚样式 */
/*
版权所有：禾生坊
作者：李健
E-mail：lijazz2008@163.com
QQ：344397950
创建：@date
修改：@date
*/

@import url("add.css");

* {margin:0; padding:0;}
ul, li {list-style:none;}
body {font-family:Tahoma, Verdana, Geneva, sans-serif, "宋体"; font-size:12px; background:url(../images/body_background.jpg) repeat-x left top;}
em {font-style:normal;}
a {text-decoration:none;}
a:hover {text-decoration:none; color:#ff3300!important;}
input, select, textarea {font-size:12px;}
.red {color:red;}
.fb {font-weight:bold;}
.nobody {border:none!important;}


/*-----------------------公共-----------------------*/
#header .logo a span, #header .menu h3, #middle .game-tips span, .right .button a span, 
.islogin a span, #login .loginBox h3, #login .reg span, #reg .regNow span {display:none;}


/*-----------------------页头-----------------------*/
#header {width:860px; height:80px; margin:0 auto; background:url(../images/header_back.jpg) no-repeat;}
#header .logo a {_display:inline; float:left; width:247px; height:80px; background:url(../images/logo.jpg) no-repeat;}
#header .menu {float:right; height:35px; overflow:hidden; margin-top:45px;}
#header .menu li {display:inline; float:left; height:35px; padding:0; background:url(../images/menu_line.jpg) no-repeat right center; margin-right:-2px;}
#header .menu li a {display:inline; float:left; font-size:14px; font-weight:bold; color:#0d5b93; cursor:pointer;}
#header .menu li a span {display:inline; float:left; height:35px; line-height:35px; margin-left:2px; padding:0 14px 0 12px;}
#header .menu li a:hover {color:#000;}
#header .set {background:url(../images/menu_set.gif) left top;}
#header .set span {background:url(../images/menu_set.gif) right bottom; color:#fff;}
.banner {width:860px; height:120px; margin:16px auto 15px auto;}


/*-----------------------页脚-----------------------*/
#bottom {float:left; width:100%; height:85px; border-top:3px solid #7fb0d9;}
#bottom .footer {width:860px; height:75px; margin:10px auto 0 auto; background:url(../images/footer_logo.jpg) no-repeat left center; text-align:right; color:#999; line-height:23px;}
#bottom .footer a {color:#000;}


/*-----------------------首页主内容-----------------------*/
#middle {width:860px; margin:0 auto;}
#middle .left {float:left; width:491px;}
#middle .right {float:right; width:349px; background:url(../images/index_login_box.jpg) no-repeat left top; padding:2px;}
#middle .game-tips {float:left; width:860px; height:80px; background:url(../images/index_game_tips.jpg) no-repeat center center;}
/*运营游戏*/
#middle .games-box {width:487px; height:380px; background:url(../images/index_games_box.jpg) no-repeat; padding:2px; margin-bottom:15px; overflow:hidden;}
#middle .games-box h3, #middle .news h3, #middle .right h3, .news-list h3 {float:left; height:27px; line-height:27px; font-size:14px; padding:2px 0 0 10px; color:#005590;}
#middle .games-box p, #middle .news p, .news-list p {float:right; height:27px; line-height:27px; padding:2px 20px 0 0;}
#middle .games-box p a, #middle .news p a {color:#005590;}
#middle .games-box dl {_display:inline; float:left; width:437px; height:160px; margin:16px 30px 0 20px; border-bottom:1px dashed #c3c3c3;}
#middle .games-box dl dt {width:437px; height:24px; line-height:24px; font-weight:bold;}
#middle .games-box dl dd {float:left; width:437px; margin:12px 0;}
#middle .games-box dl dd label {float:left; color:#666;}
#middle .games-box dl dd span {float:left; color:#015693;}
#middle .games-box dl .game-logo img {float:left; margin-top:-15px; position:relative;}
#middle .games-box dl .game-big-pic {_display:inline; width:170px; height:100px; margin:-75px 0 0 250px;}
#middle .games-box dl dd.btn {margin-top:-2px;}
#middle .games-box dl dd.btn a {display:inline; float:left; position:relative; width:72px; height:22px; line-height:22px; padding-top:2px; _height:24px; _line-height:23px; _padding-top:0; background:url(../images/btn01.jpg) no-repeat; margin:-21px 10px 0 0; font-weight:bold; color:#00365b; text-align:center;}
/*热门动态*/
#middle .news {width:487px; height:194px; background:url(../images/index_news_box.jpg) no-repeat; padding:2px; overflow:hidden;}
#middle .news ul, .news-list ul {float:left; margin-top:6px;}
#middle .news ul li, .news-list ul li {display:inline; float:left; width:455px; height:26px; line-height:26px; margin:0 22px 0 10px; padding-top:2px; border-bottom:1px dashed #c3c3c3;}
#middle .news ul li .n-Name, .news-list ul li .n-Name {float:left; width:400px; line-height:26px; background:url(../images/news_dot.gif) no-repeat 3px center; padding-left:12px; overflow:hidden;}
#middle .news ul li .n-Date, .news-list ul li .n-Date {float:right; color:#666;}
#middle .news ul li a, .news-list ul li a {color:#025792;}

.news-list {width:487px; height:592px; background:red url(../images/index_news_list_box.jpg) no-repeat; padding:2px; overflow:hidden;}
.news-list h4 {float:left; width:450px; height:45px; line-height:20px; padding:20px 0 5px 0; border-bottom:1px dashed #ccc; margin:0 15px; font-size:14px; text-align:center;}
.news-list h4 span {display:block; font-size:12px; font-weight:normal;}
.news-list .news-content {width:450px; margin:15px; line-height:22px;}
.pages {float:left; width:487px; padding:20px 0; text-align:center;}
/*豁然通行证*/
#middle .right .login {_display:inline; float:left; width:300px; height:276px; margin:20px 20px 20px 25px; overflow:hidden;}
.right .login li {float:left; width:309px; padding:3px 0;}
.right .login li label {float:left; width:90px; line-height:32px; font-size:14px;}
.right .login li .txt {float:left; height:24px; line-height:24px;}
.right .login li p {clear:both; padding-left:90px; color:red;}
.right .login li a {color:#666;}
.right .login li .sub {_display:inline; float:left; width:73px; height:54px; border:0; background:url(../images/login.gif) no-repeat left top; margin:15px 10px 0 90px; cursor:pointer;}
.right .login li .reg {float:left; width:122px; height:54px; border:0; background:url(../images/login.gif) no-repeat right top; margin-top:15px; cursor:pointer;}
/*按钮*/
.right .button {_display:inline; float:left; width:323px; height:117px; overflow:hidden; background:url(../images/login_line.gif) no-repeat center top; margin-left:10px; padding:35px 0 10px 0;}
.right .button li {display:inline; float:left;}
.right .button a {display:inline; float:left; width:145px; height:54px; margin:0 0 5px 11px;}
.right .button .btn-01 {background:url(../images/login_button.jpg) no-repeat left top;}
.right .button .btn-02 {background:url(../images/login_button.jpg) no-repeat right top;}
.right .button .btn-03 {background:url(../images/login_button.jpg) no-repeat left bottom;}
.right .button .btn-04 {background:url(../images/login_button.jpg) no-repeat right bottom;}
/*右侧广告*/
.right .banner_347px {display:inline; float:left; width:345px; height:70px; border:1px solid #99c7f4; margin:15px 0 0 -2px;}


/*-----------------------我的通行证-----------------------*/
.member-menu h3, .member-menu a span, .my-member a span, .services h3, #lztj a span {display:none;}
.now-place {text-align:right; height:20px; line-height:20px; padding-top:20px; color:#666;}
.now-place a {color:#005590;}

/*会员中心左侧*/
.islogin {float:right;}
.isLoginBtn, .noLoginBtn {float:right; width:43px; height:25px; margin:15px 0 10px 0;}
.isLoginBtn {background:url(../images/out.gif) no-repeat;}
.noLoginBtn {background:url(../images/login_btn.gif) no-repeat;}
.islogin p {clear:both;text-align:right;}

.member-menu {width:860px; height:40px; border-bottom:2px solid #7fb0d9; margin-bottom:15px;}
.member-menu li {display:inline; float:left; margin-right:5px;}
.member-menu li a, .member-menu li a:hover {display:inline; float:left; height:40px; background:url(../images/member_menu.gif) no-repeat;}
.member-menu li .m-m01 {width:130px; background-position:left top;}
.member-menu li .m-m02 {width:108px; background-position:-135px top;}
.member-menu li .m-m03 {width:108px; background-position:-248px top;}
.member-menu li .m-m04 {width:145px; background-position:-361px top;}
.member-menu li .m-m01-set, .member-menu li .m-m01:hover {width:130px; background-position:left bottom!important;}
.member-menu li .m-m02-set, .member-menu li .m-m02:hover {width:108px; background-position:-135px bottom!important;}
.member-menu li .m-m03-set, .member-menu li .m-m03:hover {width:108px; background-position:-248px bottom!important;}
.member-menu li .m-m04-set, .member-menu li .m-m04:hover {width:145px; background-position:-361px bottom!important;}
.member-menu p {float:right; padding-right:10px; line-height:40px;}
.member-menu p a, .nok a {color:#2255aa; font-weight:bold;}

.member-left {float:left;}
.my-member {width:202px; height:204px; background:url(../images/my_member.jpg) no-repeat; padding:2px; margin-bottom:15px;}
.my-member h3, .sub-menu h3 {height:34px; line-height:34px; font-size:14px; padding:4px 0 0 10px; color:#005590; margin-bottom:16px;}
.my-member li {height:25px; line-height:25px; color:#333; margin:5px 15px;}
.my-member li.isok {background:url(../images/icon.gif) no-repeat left 3px; padding-left:18px;}
.my-member li.nok {color:#060; padding-left:18px;}
.my-member li.yu-er {background:url(../images/icon.gif) no-repeat left -22px; padding-left:18px;}
.my-member li.btn {height:25px; margin-top:15px; _margin-top:0;}
.my-member li.btn a {_display:inline; float:left; height:25px; background:url(../images/cz_btn.gif) no-repeat; cursor:pointer;}
.my-member li.btn a.wycz {width:84px; background-position:left top; margin-right:10px;}
.my-member li.btn a.czjl {width:70px; background-position:right top;}

.my-member label {float:left; width:50px;}
.my-member input, .my-member img {display:inline; float:left;}
.my-member input.login_btn {width:43px; height:25px; border:0; background:url(../images/login_btn.gif) no-repeat; margin:0 10px 0 30px;}
.my-member input.reg_btn {width:70px; height:25px; border:0; background:url(../images/reg.gif) no-repeat;}


.sub-menu {width:202px; background:url(../images/sub_menu_box.jpg) no-repeat left top;}
.sub-menu h3 {margin:2px 2px 10px 2px;}
.sub-menu ul {width:202px; background:url(../images/sub_menu_box_foot.gif) no-repeat left bottom; padding-bottom:10px;}
.sub-menu ul li a {display:block; height:25px; line-height:25px; padding-top:2px; margin:0 15px; color:#005590; background:url(../images/i_097.gif) no-repeat 3px center; padding-left:20px;}
.sub-menu ul li a:hover {background-color:#f2f2f2;}

.services {width:206px; height:240px; background:url(../images/service_box.jpg) no-repeat; margin:15px 0;}
.services dl {height:55px; margin:0 20px 0 20px; color:#005590; padding-top:6px; overflow:hidden;}
.services dl dt {height:24px; line-height:24px; font-weight:bold;}

/*会员中心右侧*/
.member-right {float:right; width:642px; background:url(../images/member_right_back.jpg) no-repeat left top; min-height:427px; overflow:hidden;}
.member-right h3 {height:34px; line-height:34px; font-size:14px; padding:4px 0 0 20px; color:#005590; margin-bottom:20px;}

/*1.隆重推荐*/
#lztj dl {_display:inline; float:left; margin:20px 40px 30px 210px;}
#lztj dl dt {height:30px; line-height:30px; font-size:14px; font-weight:bold;}
#lztj dl dd.pic {position:relative; float:left; margin:-22px 0 0 -190px;}
#lztj dl dd.txt {line-height:20px; color:#666; padding-bottom:10px;}
#lztj dl dd.txt a {display:block; width:70px; height:25px; background:url(../images/enter_game.gif) no-repeat; margin-top:8px;}
#lztj dl dd.btn a {display:inline; float:left; width:72px; height:22px; line-height:22px; padding-top:2px; *height:24px; *line-height:24px; _line-height:23px; *padding-top:0; background:url(../images/btn01.jpg) no-repeat; margin-right:6px; color:#fff; text-align:center;}
#lztj dl dd.hot {padding-bottom:15px;}
#lztj dl dd.hot h5 {height:22px; line-height:22px; padding-top:5px; font-size:12px; font-weight:normal; }
#lztj dl dd.hot a {color:#2255aa; text-decoration:underline; margin:0 2px;}
#lztj dl dd span {float:left; height:22px; line-height:22px; padding:3px 20px 0 0;}

/*2.充值中心*/
#czzx .time-box {_display:inline; float:left; width:590px; margin:10px 0 15px 20px;}
#czzx .time-box label {padding-left:10px;}
#czzx .time-box input {margin:0 5px; font-size:12px; padding:0 2px;}
#czzx table {background:#bcd6e8; margin-left:30px;}
#czzx table th {height:24px; line-height:24px; background:#f3f9fe; padding-top:2px;}
#czzx table td {background:#fff; line-height:20px; padding:6px; text-align:center;}

/*3.豁然币兑换*/
#hrbdh ul {margin:40px;}
#hrbdh li {display:inline; float:left; width:100%; padding-bottom:20px;}
#hrbdh label, .pay-info label {display:inline; float:left; width:130px; height:28px; line-height:28px; font-size:14px;}
#hrbdh span {display:inline; float:left; padding:5px 0 0 10px;}
#hrbdh select, #wycz select {display:inline; float:left; font-size:14px; padding:2px; color:#666;}
#hrbdh .txt, .pay-info .txt {display:inline; float:left; height:21px; line-height:21px;}
#hrbdh .sub, #wycz .sub {width:auto!important; margin-left:130px; _margin-left:90px;}
#hrbdh .sub input, #wycz .sub input, .confirm input {font-size:14px; padding:3px 6px 2px 6px; margin-right:8px;}


/*4.我要充值*/
#wycz .step {clear:both; margin:30px 40px 30px 30px;}
#wycz .step dl {line-height:20px; color:#555; padding:20px 0; border-bottom:1px dashed #bcd6e8;}
#wycz .step dt {font-weight:bold; color:#000;}
#wycz .cz_style {display:inline; float:left; width:572px; margin:0 40px 30px 30px;}
#wycz .cz_style h4 {height:28px; line-height:28px; background:url(../images/i_001.gif) no-repeat left 6px; padding-left:12px; font-size:12px; color:#000;}
#wycz .cz_style img {float:left; border:1px solid #eee; margin-right:10px;}
#wycz .cz_style a {display:inline; float:right; width:72px; height:22px; line-height:22px; padding-top:2px; *height:24px; *line-height:24px; _line-height:22px; *padding-top:0; background:url(../images/btn01.jpg) no-repeat; margin:8px 0 0 6px; color:#005590; text-align:center; font-weight:bold;}

#wycz .set-pay li {display:inline; float:left;}
#wycz .set-pay input {display:inline; float:left; margin:12px 8px 0 12px;}
#wycz .pay-info li {display:inline; float:left; width:550px; padding:8px 12px;}

#wycz .confirm {margin:30px 40px 30px 30px; border:1px dashed #ccc; padding:20px 20px 20px 180px; font-size:14px; line-height:30px; background:url(../images/icon_tips.gif) no-repeat 40px center;}
#wycz .confirm input {margin-top:15px;}
#wycz .success {background:url(../images/cz_success.gif) no-repeat 50px 40px;}


/*5.修改密码*/
#info .box {_display:inline; float:left; margin:0 40px 30px 30px; font-size:14px;}
#info .box p {color:red; line-height:50px;}
#info .box li {float:left; width:100%; padding:10px 0;}
#info .box li label {display:inline; float:left; width:130px; height:28px; line-height:28px; font-size:14px;}
#info .box li .txt {display:inline; float:left; height:21px; line-height:21px;}
#info .box li img {display:inline; float:left; margin:-6px 10px 0 10px;}
#info .box li a {float:left; color:#000; margin-top:10px; font-size:12px;}
#info .box li span {float:left; width:400px; font-size:12px; line-height:20px; color:#666;}
#info .box li em {float:left; padding:0 20px 0 5px; line-height:25px;}
#info .box .sub {width:auto; margin-left:130px;}
#info .box .sub input{font-size:14px; padding:3px 6px 2px 6px; margin-right:8px;}
#info .box li select {display:inline; float:left; font-size:14px; padding:2px; color:#666;}

#info .box span {display:inline; float:left; font-size:12px; color:#666;}

#info .box dl {float:left; width:575px; margin:5px 0 20px 0; border-bottom:1px solid #eee; padding-bottom:20px;}
#info .box dl dt {font-size:12px; font-weight:bold; height:22px; line-height:22px; background:url(../images/i_001.gif) no-repeat left 4px; padding-left:12px;}
#info .box dl dd {float:left; width:100%; padding:6px 0; line-height:28px;}
#info .box dl dd label {display:inline; float:left; width:118px; padding-left:12px; height:28px; line-height:28px; font-size:14px;}
#info .box dl dd .txt {display:inline; float:left; height:21px; line-height:21px;}
#info .box dl dd img {display:inline; float:left; margin:-6px 10px 0 10px;}
#info .box dl dd a {float:left; color:#000; margin-top:10px; font-size:12px;}
#info .box dl dd select {display:inline; float:left; font-size:14px; padding:2px; color:#666;}

#jhyx dl {float:left; margin:20px 40px 20px 220px; border-bottom:1px dashed #ccc; padding-bottom:30px;}
#jhyx dl dt {height:30px; line-height:30px; font-size:14px; font-weight:bold;}
#jhyx dl dd {float:left; width:250px; line-height:30px; margin:5px 0;}
#jhyx dl dd.pic {position:relative; width:170px; float:left; margin:-25px 0 0 -190px;}
#jhyx dl dd label {float:left; padding-right:20px;}
#jhyx dl dd a {display:inline; float:left; width:72px; height:22px; line-height:22px; padding-top:2px; background:url(../images/btn01.jpg) no-repeat; margin-right:6px; color:#fff; text-align:center;}

/*6.客服中心 - 首页*/
#kfzxsy dl {display:inline; float:left; width:570px; margin:20px 0 10px 30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
#kfzxsy dl dt {height:22px; line-height:22px; font-size:14px; font-weight:bold;}
#kfzxsy dl dd, #kfzxsy dl dd ul, #kfzxsy dl dd li {float:left;}
#kfzxsy dl dd li {margin:10px 10px 0 0; font-size:14px; color:#2255aa;}
#kfzxsy dl dd li a {float:left; height:32px; line-height:32px; border:1px solid #c0d2d6; padding:0 15px; background:url(../images/service_index_btn.jpg) repeat-x left top; color:#2255aa;}
.kfxx li { border:1px solid #c0d2d6; background:url(../images/service_index_btn.jpg) repeat-x left bottom; padding:7px 15px; line-height:18px;}
.kfxx li label, .kfxx li span {display:block;}
.kfxx li span {color:#666;}

/*7.客服中心 - 问题处理流程*/
#wtcllc dl {display:inline; float:left; width:570px; margin:20px 0 10px 30px; padding-bottom:30px; border-bottom:1px solid #ddd; line-height:22px; color:#555;}
#wtcllc dl dt {height:22px; font-size:14px; font-weight:bold; color:#222;}
#wtcllc dl img {margin-top:5px;}

/*8.客服中心 - 反馈建议*/
#fkjy p {line-height:22px; color:#222; margin:10px 30px 5px 20px;}
#fkjy .feedbackMail {border:1px solid #ddd; padding:3px 10px; color:#f30;}

/*8.客服中心 - 重置身份证*/
#czsfz dl {display:inline; float:left; width:570px; margin:20px 0 10px 30px; line-height:22px; color:#555;}
#czsfz dl dt {height:25px; font-weight:bold; color:#222;}
#czsfz dl dd a {float:right; height:30px; line-height:30px; border:1px solid #c0d2d6; padding:0 15px; background:url(../images/service_index_btn.jpg) repeat-x left top; color:#2255aa; font-size:14px; font-weight:bold;}

/*8.客服中心 - 表格下载/防沉迷系统*/
#tabDownload h4 a {display:block; width:210px; height:40px; line-height:40px; border:1px solid #c0d2d6; padding:0 15px; background:#fff url(../images/service_index_btn.jpg) repeat-x left bottom; margin:30px 0 10px 30px; color:#2255aa; font-size:14px; font-weight:bold;}
#tabDownload p {margin-left:30px; line-height:22px; padding-top:10px;}
#fcmyx h4 {font-size:14px; margin:30px 35px 0 30px; text-align:center;}
#fcmyx h5 {font-size:12px; margin:20px 0 0 30px;}
#fcmyx p {line-height:22px; margin:5px 35px 5px 30px;}

/*20.虚拟宝物领取*/
#xnbw dl {display:inline; float:left; width:575px; margin:20px 20px 0 30px;}
#xnbw dl dt {display:none;}
#xnbw dl dd {display:inline; float:left; width:100%; padding:8px 0; font-size:14px;}
#xnbw dl dd label {display:inline; float:left; width:120px; height:22px; line-height:22px;}
#xnbw dl dd.sub {margin-left:110px; width:auto;}
#xnbw dl dd.sub input {margin-left:10px; font-size:14px; padding:2px 10px 0 10px;}
#xnbw .tips {display:inline; float:left; width:570px; margin:20px 20px 0 30px; border-top:1px solid #ddd; padding-top:20px; line-height:22px; color:#333;}
#xnbw .tips h4 {font-size:12px; color:#333;}


/*-----------------------会员登录-----------------------*/
#login {width:783px; height:445px; margin:0 auto; background:url(../images/login.jpg) no-repeat left center;}
#login .loginBox {display:inline; float:right; width:283px; margin:138px 40px 0 0; _margin-right:35px;}
#login .loginBox li {float:left; width:295px; padding:8px 0;}
#login .loginBox li label {float:left; width:95px; line-height:24px; font-size:14px;}
#login .loginBox li input {float:left; height:20px;}
#login .loginBox li input.txt {float:left; width:165px;}
#login .loginBox li input.code {float:left; width:50px; margin-top:-5px;}
#login .loginBox li input.sub {_display:inline; float:left; width:73px; height:54px; border:0; background:url(../images/login.gif) no-repeat left top; margin:0 10px 0 95px; cursor:pointer;}
#login .loginBox li p {clear:both; padding-left:95px; color:red;}
#login .loginBox li .forgetPWD {float:left; margin-top:25px;}

#login .reg {float:left; width:400px; height:40px; line-height:40px; margin-top:55px;}
#login .reg label {float:left; padding-right:10px;}
#login .reg a {float:left; width:70px; height:25px; background:url(../images/reg.gif) no-repeat; margin-top:6px;}

#login .faq {display:inilne; float:left; width:390px; margin:190px 0 0 10px; line-height:21px;}
#login .faq h3 {height:24px; line-height:24px; font-size:14px;}
#login .faq a {color:#666;}


/*-----------------------注册通行证-----------------------*/
#reg {width:783px; margin: auto; padding-bottom:20px;}
#reg h3 {height:28px; line-height:25px; margin-top:30px; background:url(../images/i_001.gif) no-repeat left 6px; padding-left:14px; border-bottom:2px solid #7fb0d9; font-size:14px; color:#153d6c;}

#reg table {width:783px; background:#7fb0d9;}
#reg table th {text-align:right; background:#f6fbff; width:150px; font-size:14px; font-weight:normal;}
#reg table td {background:#fff; padding:10px; color:#666; line-height:20px;}

#reg .regNow {display:inline; float:left; width:122px; height:54px; border:0; background:url(../images/login.gif) no-repeat right top; margin:15px 0 0 320px; cursor:pointer;}