/* CSS Document */
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,input,textarea{font-size:14px;line-height:1.4;font-family:"Microsoft Yahei";color:#444;}
textarea{resize:none;outline:none;}
fieldset,img{border:0;}
table{ border-collapse: collapse; border-spacing:0;}
input{vertical-align:middle;outline:none;}
img,object,embed{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:14px;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
fieldset,img,abbr{border:0;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
a:focus,embed{outline:0;}
q:before,q:after{ content:''}
a{text-decoration:none;cursor:pointer;color:#7ea4cc;outline:none;/* firefox */ hide-focus:expression(this.hideFocus = true);/* ie */}
.clear:after,.clearfix:after{content:".";display:block;clear:both;height:0px;line-height:0px;visibility:hidden;}
.clear,.clearfix {zoom:1;}
/*基础框架*/
body {background: #ede6dd;}
#gloable {width:100%;height:40px;background: #fafafa;}
.warp {width:100%;margin:0 auto;min-width: 1200px;}
#gloable .head {width:1200px;margin: 0 auto;position: relative;}
#gloable .head .h_left {padding:8px;float: left;width:100px;}
#gloable .head .h_left a {display: block;height:24px;float: left;line-height: 24px;padding:0 20px;font-size: 14px;color:#666}
#gloable .head .h_right {float: right;width:auto;}
#gloable .head .h_right li {float: right;height:24px;line-height: 24px;font-size: 14px;color:#666;padding:8px 13px;cursor: pointer;}
#gloable .head .h_right li span,#gloable .head .h_right li a {display: block;float: left;height:24px;line-height:24px;color:#666}
#gloable .head .h_right li:hover a,#gloable .head .h_right li:hover span {color:#FF7205}
#gloable .head .h_right li.line {background: url(../img/line_h.png) no-repeat right 8px}
#gloable .head .h_right li a.u_vip {width:53px;background: url(../img/vip.png) no-repeat right center;}
#gloable .head .h_right li span.arro {width:25px;background: url(../img/arrow_d.png) no-repeat right center;}
#gloable .head .h_right li:hover span.arro {width:25px;background: url(../img/arrow_d_h.png) no-repeat right center;}
#gloable .head .h_right li.users .u_info {display:none;width: 236px;position: absolute;right:215px;top:40px;z-index: 999999;}
#gloable .head .h_right li.users:hover .u_info {display: block;}
#gloable .head .h_right li.users .u_info .u_infos {background: #fff;padding: 10px 10px 0px 10px;font-size: 12px;border: 4px solid #dddddd;}
#gloable .head .h_right li.users .u_info .u_infos .infos {height:48px;padding-bottom: 10px;border-bottom:1px dashed #DDDDDD;}
#gloable .head .h_right li.users .u_info .u_infos .infos .u_pic {float: left;width: 48px;height:48px;background: #e3e3e3;}
#gloable .head .h_right li.users .u_info .u_infos .infos .u_cash {float: left;margin-left:10px;height:24px;line-height: 24px;}
#gloable .head .h_right li.users .u_info .u_infos .infos .u_points {float: left;margin-left:10px;height:24px;line-height: 24px;}
#gloable .head .h_right li.users .u_info .u_infos .linkss a {display: block;float: left;width:48px;height:38px;line-height: 38px;color:#666}
#gloable .head .h_right li.users .u_info .u_infos .linkss a.mar {margin-right:32px;}
#gloable .head .h_right li.users .u_info .u_infos .linkss a:hover {color:#FF7205}

#gloable .head .h_right .moreGame ul {display: none;}
#gloable .head .h_right .moreGame:hover ul {display: block;}
#gloable .head .h_right .moreGame ul {background: #f0f0f0;position: absolute;right:0;top:40px;z-index: 999999;}
#gloable .head .h_right .moreGame ul {width:309px;height:145px;border: 4px solid #dddddd;background: #f0f0f0;}
#gloable .head .h_right .moreGame ul li {display: block;float: left;width:102px;height:28px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff;padding:0;line-height: 28px;text-indent: 18px;overflow: hidden;}
#gloable .head .h_right .moreGame ul li a {font-size: 12px;color:#666;line-height: 28px;}
#gloable .head .h_right .moreGame ul li a:hover {font-size: 12px;color:#FF7205;line-height: 28px;}
#gloable .head .h_right .moreGame ul li img {vertical-align: middle;margin-left:3px}
/*gloable end*/
/*banner*/
.warp {background: url(../img/banner.jpg) no-repeat center top;}
.warp .banner {width:100%;min-width: 1200px;margin: 0 auto;padding-top:345px;height:135px}
.warp .banul {display:block;width: 1200px;margin: 0 auto;}
.warp .banner li {display: block;width:170px;height: 135px;float: left;}
.warp .banner li.mid {width:180px}
.warp .banner li a {display: block;width:100%;height:100%;}
.warp .banner li a .ch {display: block;padding-top:68px;height:28px;font-size: 18px;color:#925632;line-height: 28px;text-align: center;}
.warp .banner li a:hover .ch {color:#c19b5c}
.warp .banner li a .en {display: block;height:28px;font-size: 14px;color:#c19b5c;line-height: 28px;text-align: center;text-transform: uppercase;}
.warp .banner li a:hover .en {color:#925632}
/*end of banner*/
/*main*/
#main {width:1200px;margin: 0 auto;}
#main .m_left {width:310px;float: left;}
#main .m_right {width:890px;float: right;}
#main .m_left .ml_btn {display: block;width:100%;height:120px;background: url(../img/start.jpg) no-repeat;}
#main .m_left .btn2 {height:45px;background: url(../img/char_bg.jpg) no-repeat;}
#main .m_left .btn2 a {display: block;width:155px;height:45px;float: left;font-size: 16px;color:#a5a5a5;line-height: 45px;text-indent: 61px;}
#main .m_left .btn2 a:hover {color:#f2d144}
#main .m_left .btn2 .btn2_l {background: url(../img/i_user.png) no-repeat 24px center;}
#main .m_left .btn2 .btn2_r {background: url(../img/i_rechar.png) no-repeat 24px center;}
#main .m_left .btn2 a.btn2_l:hover {background: url(../img/i_user_h.png) no-repeat 24px center;}
#main .m_left .btn2 a.btn2_r:hover {background: url(../img/i_rechar_h.png) no-repeat 24px center;}

#main .m_left .login {width:100%;height:150px;background: #464646;}
#main .m_left .login .pad {padding:13px 20px}
#main .m_left .login .log {width:270px;height:70px;position: relative;}
#main .m_left .login .log input {border: none;}
#main .m_left .login .log .log_u {width:170px;height:29px;line-height:29px;color:#333;background: none;position: absolute;left:9px;top:0;z-index: 10;}
#main .m_left .login .log .t_user {width:179px;height:29px;line-height:29px;text-align: right;color:#ef0000;background: #5c5c5c;position: absolute;left:0;top:0;z-index: 1;}
#main .m_left .login .log .log_p {width:170px;height:29px;line-height:29px;color:#333;background: none;position: absolute;left:9px;top:41px;z-index: 10;}
#main .m_left .login .log .t_pass {width:179px;height:29px;line-height:29px;text-align: right;color:#ef0000;background: #5c5c5c;position: absolute;left:0;top:41px;z-index: 1;}
#main .m_left .login .log #btn_log {width:80px;height: 70px;background: url(../img/btn_log.jpg) no-repeat;position: absolute;right:0;top:0;cursor: pointer;}
#main .m_left .login .table{color: #a5a5a5;margin:10px 0}
#main .m_left .login .table a {color: #a5a5a5;}
#main .m_left .log_opt {color: #A5A5A5;font-size: 14px;line-height: 100%;}
#main .m_left .log_opt a {color: #f2d144;line-height: 100%;}
#main .m_left .login .logedpad p {color:#F2D144;padding-bottom: 10px;}
#main .m_left .login .logedpad td {}
#main .m_left .login .logedpad td a {color:#F64F00}
#main .m_left .ch_ser {height:315px;background: #575656;}
#main .m_left .ch_ser .fast_in {height:59px;border-bottom: 1px solid #727272;}
#main .m_left .ch_ser .fast_in table {margin: 0 auto;}
#main .m_left .ch_ser .fast_in table td {font-size: 14px;color:#fff;height:24px;padding:17px 3px}
#main .m_left .ch_ser .fast_in table td #sid {width:60px;height:24px;line-height:24px;border: none;background: #fff;text-align: center;}
#main .m_left .ch_ser .fast_in table td .btn_fast_in {width:75px;height:24px;border: none;background: #8b2622;text-align: center;color:#fff;line-height: 24px;cursor: pointer;}
#main .m_left .ch_ser .fast_in table td .btn_fast_in:hover {color:#F2D144}
#main .m_left .new_ser {text-align: center;}
#main .m_left .new_ser ul li {display: block;height:38px;line-height: 38px;text-align: center;}
#main .m_left .new_ser ul li a {font-size: 14px;color:#fff;}
#main .m_left .new_ser ul li a span {color:#F2D144}
#main .m_left .new_ser .btn_more_ser {width:223px;height:36px;line-height:36px;font-size:16px;color:#fff;margin:10px auto;background: #8b2622;border: none;cursor: pointer;}
#main .m_left .new_ser .btn_more_ser:hover {color:#F2D144}
/*m_right*/
/* flash */
.m_right .flash {width:890px;height:315px;overflow:hidden;position:relative;}
ul,li {list-style:none}
#slidenum {position:absolute;width:auto;height:6px;bottom:18px;right:20px}
#slidenum li {float:left;margin-right:3px;width:22px;height:4px;background:#8c8e94;border:1px solid #8c8e94;color:#666;overflow:hidden;text-indent:100px;}
#slidenum li:hover,#slidenum li.cur {width:22px;height:4px;background:#f64f00;border:1px solid #f64f00;color:#fff;}

/*list2*/
.m_right .list2 {height:315px;background: #413d3d;}
.m_right .list2 .news {width:570px;height:315px;float: left;}
.m_right .list2 .video {width:320px;height:315px;float: right;}
.m_right .list2 .news .news_tit {padding:0 30px;height:59px;border-bottom: 1px solid #727272;}
.m_right .list2 .news .news_tit ul {padding:13px 0;float: left;}
.m_right .list2 .news .news_tit ul li {display: block;width:70px;height:30px;line-height: 20px;font-size: 14px;color:#6b6b6b;text-align: center;float: left;margin-right:25px;cursor: pointer;}
.m_right .list2 .news .news_tit ul li.cur {color:#fff;border-bottom: 2px solid #ab2b3b;}
.m_right .list2 .news .news_tit .news_more {width:53px;height:24px;background: #8b2622;color:#fff;border: none;float: right;margin-top:18px;cursor: pointer;}
.m_right .list2 .news .news_tit .news_more:hover {color:#F2D144}
.m_right .list2 .news .news_list {padding:14px 40px}
.m_right .list2 .news .news_list li {height:38px;*height:35px;overflow: hidden;}
.m_right .list2 .news .news_list li a {display:block;float: left;width:90%;font-size: 14px;height: 38px;line-height: 38px;*height: 35px;*line-height: 35px;color:#fff}
.m_right .list2 .news .news_list li a.red {color:#ef0000}
.m_right .list2 .news .news_list li span {display:block;float: right;width:10%;color:#6b6b6b;font-size: 14px;height: 38px;line-height: 38px;text-align: right;}
.m_right .list2 .news .news_list li:hover a {color:#f2d144}
.m_right .list2 .news .news_list li:hover span {color:#f2d144} 
/*role*/
.m_right .role {width:100%;height:280px;background: url(../img/role_bg.jpg) no-repeat;overflow: hidden;}
.m_right .role .role_bg {width:100%;height:280px;background: url(../img/role_0.png) no-repeat right top;}
.m_right .role .role_rw {width:183px;height:280px;float: left;}
.m_right .role .role_js {display:none;width:305px;height:280px;float: left;margin-left:24px;margin-right:200px;}
.m_right .role .role_rw .rr_top,.m_right .role .role_rw .rr_bot {display: block;width:101px;height:35px;float: left;}
.m_right .role .role_rw .rr_top {background: url(../img/arrow_t.png) no-repeat center center;}
.m_right .role .role_rw .rr_bot {background: url(../img/arrow_b.png) no-repeat center center;}
.m_right .role .role_rw ul {display: block;width:183px;height:210px;float: left;overflow: hidden;}
.m_right .role .role_rw ul li {display: block;width:183px;height:70px;float: left;position: relative;cursor: pointer;}
.m_right .role .role_rw ul li .rr_bg {display: none;width: 0px;/*width: 177px;*/height:62px;border-left:6px solid #b72c25;background: #692e2b;font-size: 16px;line-height: 62px;color:#f2d144;text-indent: 84px;overflow: hidden;position: absolute;left:0;top:4px;z-index: 1;}
.m_right .role .role_rw ul li.cur .rr_bg {display: block;}
.m_right .role .role_rw ul li .rr_pic {width: 59px;height:59px;background: url(../img/role_rw_bg.png) no-repeat;position: absolute;left:20px;top:5px;z-index: 2;}
.m_right .role .role_rw ul li .rr_pic span {display: none;width:100%;height:100%;position: absolute;left:0px;top:0px;z-index: 3;background: url(../img/role_rw_bg.png) no-repeat;}
.m_right .role .role_rw ul li.cur .rr_pic span {display: block;background: url(../img/role_rw_bg_h.png) no-repeat;}
.m_right .role .role_rw ul li:hover .rr_pic span {display: block;background: url(../img/role_rw_bg_h.png) no-repeat;}
.m_right .role .role_rw ul li .rr_pic img {display: block;position: absolute;left:3px;top:3px;z-index: 4;}
.m_right .role .role_js p.rj_tit {font-size: 36px;color:#d2d2d2;line-height: 100%;padding: 38px 0 10px 0;}
.m_right .role .role_js p.rj_tit1 {font-size: 14px;color:#d2d2d2;line-height: 100%;padding: 10px 0;}
.m_right .role .role_js p.rj_jj {font-size: 14px;color:#7a7a7a;line-height: 20px;}
.m_right .role .role_js p.rj_wq {font-size: 14px;color:#f2d144}

/*links*/
.m_right .links {width: 890px;height:180px;background: url(../img/links_bg.png) no-repeat;}
.m_right .links ul {display: block;width:572px;height:180px;float: left;}
.m_right .links ul li {display: block;width:165px;height:155px;float: left;padding:25px 0 0 25px}
.m_right .links ul li span {font-size: 16px;color:#e62c22;padding-bottom: 10px;display: block;}
.m_right .links ul li a {display: block;width: 75px;height:36px;font-size: 14px;color:#fff;float: left;}
.m_right .links .linkss {display: block;width:318px;height:180px;float: left;}
.m_right .links .linkss .pad {padding:25px 0 0 148px}
.m_right .links .linkss .pad a {display: block;width: 75px;height:36px;*height:13px;line-height:100%;font-size: 14px;color:#fff;float: left;}

/*footer*/
.footer {padding-top:120px;min-width: 1200px;}
.footer .foo_war {width:100%;height:36px;background: #dbdbdb;}
.footer .foo_war .mwid {width:1000px;margin:0 auto;line-height: 36px;color:#666;background: url(../img/logo1.png) no-repeat 50px center;text-indent: 190px;font-size: 12px;}
.footer .about {width: 1000px;margin: 0 auto;height:102px;padding:17px 0;}
.footer .about li {display: block;height:101px;float: left;}
.footer .about li span {display: block;line-height: 100%;font-size: 12px;color:#333;text-align: center;}
.footer .about li a {display: block;line-height: 100%;font-size: 14px;color:#666;text-align: center;padding-top:12px}
.footer .about li.line {border-right: 1px solid #dbdbdb;}
.footer .about li.hot {width:185px}
.footer .about li.card {width:210px}
.footer .about li.server {width:205px}
.footer .about li.way {width:191px}
.footer .about li.disc {width:205px}
.footer .com {width:100%;height:120px;background: #333;padding-top:30px}
.footer .com p {font-size: 12px;text-align: center;line-height: 200%;color:#fff}
/*video*/
.layout {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  filter: alpha(opacity=60);
  opacity: .6;
}
.videos {
  position: fixed;
  _position: absolute;
  width: 755px;
  height: 416px;
  background: url(//n.7k7kimg.cn/uploads/cdn/gw2/lyb/img/video.png) no-repeat;
  left: 50%;
  top: 50%;
  margin-left: -377px;
  margin-top: -208px;
  z-index: 1001;
}
.videos .close {
  position: absolute;
  width: 35px;
  height: 41px;
  right: 0;
  top: 2px;
}
.videos .v-code {
  width: 700px;
  height: 410px;
  position: relative;
  left: 10px;
  top: 2px;
}
/*allserver*/
#allSer_bg {display:none;position:fixed;left:0%;top:0%;width:100%;height:100%;background:url(../img/mask_bg.png) repeat;z-index:90}
#allSer {display:none;position:fixed;left:50%;top:50%;margin-left:-301px;margin-top:-238px;width:602px;height:476px;background:#eee;z-index:91}
#allSer .aStit {height:40px;line-height:40px;font-size:18px;text-align:center;color:#fff;background:#202328;}
#allSer .playedGame,#allSer .serList {width:560px;height:35px;line-height:35px;font-size:16px;text-indent:20px;color:#202328;background:#d9d9da;}
#allSer .serverList li {float:left;width:146px;height:35px;line-height:35px;text-align:center;}
.servesNav_li {cursor:pointer}
#allSer .serverList li a{font-size:14px;color:#202328;line-height:35px;}
#allSer .serverList li a:hover {color:#f64f00}
#allSer .serverTab li {float:left;width:102px;height:25px;line-height:25px;font-size:14px;color:#fff;text-align:center;border-radius:2px;background:#202328}
#allSer .serverTab li.cur {background:#eaeaea;border-top:2px solid #202328;line-height:23px;height:23px;color:#202328} 
#allSer #serList_btns {height: 175px;overflow-y: scroll;overflow-x: hidden;}
#close_pop {position:absolute;top:0;right:-37px;width:36px;height:36px;background:url(../img/close.png) no-repeat;z-index:91}
#allSer .fastIn {height:30px;padding-bottom:10px;font-size:14px;}
#allSer .fastIn span {display:block;float:left;margin-right:5px;height:30px;line-height:30px;}
#allSer #fastIn {width:30px;height:14px;line-height:14px;text-align:center;color:#555;font-size:12px;  vertical-align: middle;}
#allSer .fastIn a {padding:5px;background:#ef0000;border-radius:2px;color:#fff;}
.padl20 {
    padding-left: 20px;
}
.padb15 {
    padding-bottom: 15px;
}
.padr20 {
    padding-right: 20px;
}
.padt20 {
    padding-top: 20px;
}
.padt15 {padding-top:15px;}
.marr10 {margin-right:10px;}

/*二级页面list*/
.m_right .ej_tit {width:100%;height:120px;background: #2e2e2e;}
.ej_right {min-height: 1062px;background: #444141;}
.m_right .ej_tit .pad {padding:20px 52px 0 52px}
.m_right .ej_tit h2 {font-size: 24px;color:#fff;height:42px;line-height: 40px;font-weight: 500;}
.m_right .ej_tit .url_here {font-size: 14px;color:#adadad;height:43px;line-height: 35px;border-top:1px solid #464646;}

.m_right .ej_con {padding:20px 52px 0 52px}
.m_right .ej_con li {height:38px;*height:35px;overflow: hidden;}
.m_right .ej_con li a {display:block;float: left;width:90%;font-size: 14px;height: 38px;line-height: 38px;*height: 35px;*line-height: 35px;color:#adadad}
.m_right .ej_con li span {display:block;float: right;width:10%;color:#606060;font-size: 14px;height: 38px;line-height: 38px;text-align: right;}
.m_right .ej_con li:hover a {color:#f2d144}
.m_right .ej_con li:hover span {color:#f2d144}

/*pages*/
.m_right .ej_con .url_here {font-size: 20px;color:#fff;text-align: center;height:50px;line-height: 50px;}
.m_right .ej_con .show_time {font-size: 12px;color:#666;text-align: center;border-top:1px solid #999999;line-height:30px;}
.m_right .ej_con .pages {padding: 30px;}
.m_right .ej_con .pages a {display: block;width:40px;height:41px;line-height: 40px;text-align: center;font-size: 16px;color:#fff;background: url(../img/page_num_n.png) no-repeat;float:left;margin-right:10px}
.m_right .ej_con .pages a.btns {width:103px;background: url(../img/page_btn.png) no-repeat;}
.m_right .ej_con .pages a.btns1 {width:83px;background: url(../img/page_btn1.png) no-repeat;}
.m_right .ej_con .pages a.cur {background: url(../img/page_num.png) no-repeat;}
.m_right .ej_con .pages a:hover {color:#FF7205}
.m_right .ej_con p {font-size: 14px;color:#999;line-height: 200%;padding-bottom: 8px;}