.header-nav a,.tabs i {vertical-align:middle}
.fu_btn:hover,.header-nav a:hover,.newlist li a:hover,.server-con a:hover,.server-more:hover,a,a:hover {text-decoration:none}
.container-header,.container-left,.container-right,.game-box li,.image-box a,.ind,.ind1,.ind2,.ind3,.ind4,.new-tab span,.news-or-link,.start-btn,.tabs span,.vip-or-pic a {position:relative}
.container-header h1,.header-nav,.image-box i,.ind_intr,.ind_nam,.ind_wuq,.item-con,.new-tab i,.pic-link h3,.pic-link span,.tabs,.tabs code,.vip-link h3,.vip-link span,.w-focusbtn {position:absolute}
.header-nav a,.server-link,.tabs i {display:inline-block;*display:inline;*zoom:1}
.down-box a,.hd_right:hover .hd_pop,.header-nav span,.image-box a,.image-box i,.newlist li a,.server-con a,.server-more,.start-btn,.vip-or-pic a {display:block}
#bdshare,.hidden {display:none}
.container,.news-or-link,.user-link {zoom:1}
.container:after,.news-or-link:after,.user-link:after {content:'\20';display:block;height:0;clear:both}
.com-list li,.container-left,.game-box li,.new-box,.new-tab span,.server-title h2,.tabs span,.user-link a,.w-focusbtn i {float:left}
.container-right,.down-box,.fu_btn,.new-tab .new-more,.newlist i,.server-con span,.server-title span,.vip-or-pic {float:right}
.container,.container-header,.hd960,.server-more {margin:0 auto}
.com-list li,.container-header,.container-header h1,.down-box,.down-box a,.fu_btn,.game-box li,.game-wrap,.image-box,.image-box a,.image-box i,.ind,.ind_txt,.item-con,.logo-link,.new-box,.new-con,.new-tab i,.newlist li,.server-box,.server-con,.server-title,.service-box,.user-link {overflow:hidden}
.com-list,.fu_btn,.header-nav,.item-tit,.new-tab span,.pic-link span,.server-link,.server-more,.tabs span,.vip-link span {text-align:center}
.image-box i,.new-tab span,.tabs span,.w-focusbtn i {cursor:pointer}
.header-nav span,.ind_wuq,.new-tab .new-more,.newlist li a,.pic-link span,.server-con a,.server-con span,.service-con,.vip-link span {font-size:14px}
.server-more {font-size:16px}
.header-nav a,.tabs span {font-size:18px}
.fu_btn:hover,.server-link,.server-more:hover {color:#fff}
.service-con {color:#666}
#footer,#footer a,#footer p a {color:#6b6b6b}
.user-box {background:#fff;position:relative;}
.container,.container-header,.hd960 {width:1200px}
.start-btn,.tabs i,.user-link a,.vip-or-pic a {background-image:url(//resource.haohaoyx.com/res/def/mbimg/icon-sprite.png);background-repeat:no-repeat}
.server-con a,.server-more,a {-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
body,button,input,select,textarea {font:12px \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53}
#footer {margin-top:50px;padding:32px 0 16px}
body,html {min-width:1200px;margin:0 auto}
#footer p a:hover {color:#ceae73}
html {background:url(//resource.haohaoyx.com/res/def/mbimg/html-bg.jpg) center bottom no-repeat #f3f3f3}
.fast_in{float:right;margin-top:10px;}
.h165{height:165px}
#kv{width:880px;height:376px; overflow:hidden; position:relative;}
#kv ul {position:absolute;}
#kv ul li{float:left; width:880px;height:376px; overflow:hidden; position:relative;}
#kv ul li img{width:880px;height:376px;}
#kv ul li div {position:absolute; overflow:hidden;}
#kv .hd {position:absolute;  height:15px; padding:5px 10px 5px 5px;left:5px; bottom:5px; text-align:right; z-index:4;}
#kv .hd li{float:left;display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; border-radius:5px; background:#ffc66d; _font-size:0; margin-left:5px; cursor:pointer; z-index:2;}
#kv .hd li.on {background:#a02c00; -webkit-animation: on 0.3s ease-out forwards;-moz-animation: on 0.3s ease-out forwards;-o-animation: on 0.3s ease-out forwards;-ms-animation: on 0.3s ease-out forwards;animation: on 0.3s ease-out forwards;}
.userInfo_name{color:#000;}
a {color:#bebebe}
a:hover {color:#fff}
.container-header {height:618px;}
.container-header h1 {text-indent:-200%}
.header-nav {left:0;top:6px;height:100px;width:100%}
.header-nav a {color:#1a1a1a;margin:0 20px}
.header-nav a:hover {color:#000}
.header-nav a:hover span {color:#333}
.header-nav span {color:grey}
.logo-link {height:120px;width:215px;}
.container-left {width:300px}
.start-btn {width:100%;height:150px;background-position:0 -370px}
.start-btn:hover {background-position:-313px -370px}
.user-link {width:100%;height:60px}
.user-link a {width:50%;height:100%}
.user-link .pay-link {background-position:-600px 0}
.user-link .pay-link:hover {background-position:-600px -67px}
.user-link .register-link {background-position:-758px 0}
.user-link .register-link:hover {background-position:-758px -67px}
.user-box {width:100%;}
.server-box {width:100%;height:360px;margin-top:20px;background:url(//resource.haohaoyx.com/res/def/mbimg/img-bg.jpg) 0 -870px no-repeat}
.server-title {padding:20px 0 15px;margin:0 20px;height:30px;color:#333;border-bottom:3px solid #4e4a66}
.server-title h2 {font-size:24px;color:#4e4a66}
.server-title span {margin-top:3px}
.fu_btn {margin:3px 0 0 15px;width:62px;height:24px;line-height:24px;color:#333;border:1px solid #4e4a66}
.fu_btn:hover {background:#4e4a66}
.fu_txt {width:42px;height:14px;padding:5px 3px;margin-right:5px;border:none;text-indent:4px;color:#000;background:#8d8d8d}
.server-con {height:211px}
.server-con a {height:39px;line-height:39px;color:#777}
.server-con a:hover {color:#ceae73}
.server-con p {height:41px;margin:0 30px;border-bottom:1px dotted #ddd}
.server-con span {color:777;margin-left:5px}
.server-more {width:224px;height:49px;line-height:49px;color:#4e4a66;border:2px solid #4e4a66;margin-top:10px}
.server-more:hover {background:#4e4a66}
.service-box {margin-top:20px;padding:0 20px;height:380px;background:url(//resource.haohaoyx.com/res/def/mbimg/img-bg.jpg) 0 -402px no-repeat}
.service-box h2 {font-size:24px;padding:25px 0 15px;color:#4e4a66;border-bottom:3px solid #4e4a66}
.service-con {line-height:2.2;margin-top:30px}
.server-link {width:70px;height:22px;line-height:22px;background-color:#c1974c}
.image-box {height:380px;margin-top:20px}
.image-box a {height:189px;margin-bottom:1px;background:url(//resource.haohaoyx.com/res/def/mbimg/img-bg.jpg) no-repeat}
.image-box a.img02 {height:190px;background-position:0 -211px}
.image-box a.img02 i {background-position:-300px -212px}
.image-box a.img02:hover i {background-position:0 -212px}
.image-box a:hover i {background-position:0 0}
.image-box i {width:300px;height:189px;top:0;left:0;background:url(//resource.haohaoyx.com/res/def/mbimg/img-ico.png) -300px 0 no-repeat;transition:.4s}
.container-right {width:880px}
.slide-or-down {height:376px}
.w-focusbtn {z-index:2;bottom:18px;right:40px}
.w-focusbtn i {width:18px;height:18px;margin-left:9px;border-radius:9px;background:#8a8a8a}
.w-focusbtn i.cur {width:36px;background:#ffa952}
.down-box {width:280px;height:360px}
.down-box a {height:119px;margin-bottom:1px}
.down-box .wd-item {background-position:0 0}
.down-box .wd-item:hover {background-position:-300px 0}
.down-box .lb-item {background-position:0 -119px}
.down-box .lb-item:hover {background-position:-300px -119px}
.down-box .vip-item {background-position:0 -238px}
.down-box .vip-item:hover {background-position:-300px -238px}
.news-or-link {margin-top:20px;height:360px}
.new-box {width:580px;height:100%;background:#fff}
.new-tab {padding-top:13px;height:50px;line-height:50px;margin:0 20px;border-bottom:1px solid #ddd}
.new-tab span {font-size:24px;color:#4e4a66;width:85px}
.new-tab span.cur {color:#ceae73}
.new-tab span.cur i {width:85px}
.new-tab i {width:0;height:3px;background:#ceae73;bottom:-1px;left:0;transition:.5s}
.new-tab .new-more {color:#4e4a66}
.new-tab .new-more:hover {color:#ceae73}
.new-con {margin:10px 30px 0}
.newlist {height:268px}
.newlist li {height:38px;line-height:38px;border-bottom:1px dashed #ddd}
.newlist li a {height:100%;color:#000}
.newlist li a:hover {color:#ceae73}
.vip-or-pic {width:290px}
.vip-or-pic a {height:167px}
.vip-or-pic .vip-link {background-position:0 -520px}
.vip-or-pic .pic-link {background-position:0 -705px}
.pic-link h3,.vip-link h3 {font-size:30px;top:20px;left:20px;color:#caa864;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.pic-link span,.vip-link span {line-height:28px;top:70px;left:20px;width:78px;height:28px;border-radius:14px;border:1px solid #999;color:#999;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.pic-link:hover h3,.pic-link:hover span,.vip-link:hover h3,.vip-link:hover span {left:40px}
.game-wrap {height:330px;width:880px;margin-top:20px}
.game-box {height:330px;width:900px;background:url(//resource.haohaoyx.com/res/def/mbimg/databg.jpg) no-repeat}
.game-box li {width:280px;height:100%}
.game-box li:hover .item-con {top:0}
.game-item {margin-right:20px;_display:inline}
.item-con {top:-100%;padding:0 30px;left:0;right:0;height:100%;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.item-tit {margin-top:30px}
.item-tit h4 {font-size:30px;color:#ceae73}
.item-tit span {color:#a8a8a8}
.com-list {margin-top:10px;color:#886a43}
.com-list li {width:50%;height:30px;line-height:30px}
.tabs span,.tabs span.cur code,.tabs span:hover code {width:100px}
.com-list a {color:#dfdfdf}
.com-list a:hover {color:#ceae73;text-decoration:underline}
.ind {height:380px;margin-top:20px}
.tabs {left:25px;top:22px;z-index:2}
.tabs span {height:59px;line-height:60px;color:#4e4a66;font-weight:700}
.tabs span.cur,.tabs span:hover {color:#ceae73}
.tabs span.cur i,.tabs span:hover i {background-position:-607px -320px}
.tabs i {margin-right:8px;width:22px;height:22px;background-position:-607px -275px}
.tabs code {width:0;height:3px;background:#ceae73;bottom:-1px;left:0;transition:.5s}

.ind1,.ind2,.ind3,.ind4 {height:380px;color:#4e4a66}
.ind_nam {top:100px;left:60px;font-size:60px;color:#ceae73}
.ind_intr {top:197px;left:60px;font-size:15px}
.ind_wuq {top:240px;left:60px;line-height:1.8;width:400px;}
.wrap-transparent-bg {display:none}
.ind_txt {height:85px;line-height:1.8;margin-bottom:7px}



.clearfix,.log_ul,.qq_btn,.t_title {zoom:1}
.log_ul {position:relative}
.log_btn {position:absolute;font-weight:700;background-image:url(//resource.haohaoyx.com/res/def/mbimg/icon-sprite.png);background-repeat:no-repeat}
.qq_btn {display:inline-block;*display:inline;*zoom:1}
.log_ul,.log_ul input,.t_con a {display:block}
.log_ul:after,.t_title:after {content:'\20';display:block;height:0;clear:both}
.t_con img,.t_title span,.tou-a,.u-name,.w84,.w97 {float:left}
.more,.t_con i,.tuichu {float:right}
.msgerror,.p-name,.p-vip,.t_con,.t_con a,.toubox,.u-name {overflow:hidden}
.log_ul input {color:#333}
a {-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;text-decoration:none;color:#70f0da}
html {-webkit-font-smoothing:antialiased}
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul {margin:0;padding:0}
body,button,input,select,textarea {font:12px \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53}
h1,h2,h3,h4,h5,h6 {font-size:100%}
address,cite,dfn,em,i,var {font-style:normal}
code,kbd,pre,samp {font-family:courier new,courier,monospace,arial,\5b8b\4f53}
form {display:inline}
small {font-size:12px}
ol,ul {list-style:none}
a:hover {text-decoration:underline;color:#ceae73}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
img {vertical-align:top;border:0;-ms-interpolation-mode:bicubic}
button,input,select,textarea {font-size:100%;outline:0}
table {border-collapse:collapse;border-spacing:0}
textarea {resize:none}
.clearfix {*zoom:1}
.clearfix:after {content:'\20';display:block;height:0;clear:both}
.hidden {display:none}
.logbox {padding:10px 0}
.msgerror {text-align:center;height:33px;line-height:33px;color:#c70200}
.txbox a,.txbox a:hover {color:grey}
.log_ul {padding:0 20px}
.log_ul input {padding:0 10px;width:160px;height:31px;margin-bottom:10px;line-height:31px;border:none;background:#dbdbdb}
.txbox {height:18px;line-height:18px;padding:0 20px;margin-top:10px;margin-top:15px\9}
.txbox a {margin-right:15px}
.lvalinks,.tuichu,.u-name {color:#c0a678}
.log_btn {top:25px;right:20px;width:72px;height:72px;background-position:-654px -370px;text-indent:-9999px;}
.log_btn:hover {background-position:-750px -370px}
.qq_btn {height:18px;padding-left:22px;background:url(//resource.haohaoyx.com/res/def/mbimg/qq_bg.png) no-repeat}
.level_ico,.lv_ico {float:left;background-repeat:no-repeat;overflow:hidden}
.toubox {padding:10px 20px 0}
.tou-a,.tou-a img {width:60px;height:60px}
.p-namebox {overflow:hidden;zoom:1;padding-left:10px}
.p-name {height:35px;line-height:30px}
.threebtns {margin-top:20px;border-top:1px dotted grey}

.p-vip {margin-left:18px;height:16px}
.p-vip a{margin-left:18px;color:#000000;}

.lv_ico {width:28px;height:11px;margin:3px 10px 0 8px;background-image:url(//resource.haohaoyx.com/res/def/mbimg/lvico.png)}
.lv_ico.lv2 {background-position:0 -15px}
.lv_ico.lv3 {background-position:0 -31px}
.lv_ico.lv4 {background-position:0 -47px}
.lv_ico.lv5 {background-position:0 -62px}
.lv_ico.lv6 {background-position:0 -78px}
.lv_ico.lv7 {background-position:0 -95px}
.lv_ico.lv8 {background-position:0 -111px}
.lv_ico.lv9 {background-position:0 -127px}
.lv_ico.lv10 {background-position:0 -143px}
.level_ico {width:16px;height:16px;background-image:url(//resource.haohaoyx.com/res/def/mbimg/vip_level.png);margin-right:12px}
.level_ico.lv0 {background-position:0 -640px}
.level_ico.lv1 {background-position:0 0}
.level_ico.lv2 {background-position:0 -80px}
.level_ico.lv3 {background-position:0 -160px}
.level_ico.lv4 {background-position:0 -240px}
.level_ico.lv5 {background-position:0 -320px}
.level_ico.lv6 {background-position:0 -400px}
.level_ico.lv7 {background-position:0 -480px}
.level_ico.lv8 {background-position:0 -560px}
.level_ico.lv_g1 {background-position:0 -720px}
.level_ico.lv_g2 {background-position:0 -800px}
.level_ico.lv_g3 {background-position:0 -880px}
.level_ico.lv_g4 {background-position:0 -960px}
.level_ico.lv_g5 {background-position:0 -1040px}
.level_ico.lv_g6 {background-position:0 -1120px}
.level_ico.lv_g7 {background-position:0 -1200px}
.level_ico.lv_g8 {background-position:0 -1280px}
.tuichu {margin-left:15px}
.u-name {margin-left:8px;vertical-align:1px;width:135px;word-wrap:break-word}
.t_title {padding-top:4px}
.t_title span {color:#4a4a4a}
.more {color:#8f8f8f}
.more:hover {color:#4e4a66}
.t_con {margin-top:10px;height:52px}
.t_con a {height:16px;line-height:16px;margin-bottom:8px;color:grey}
.t_con a:hover {color:#ceae73}
.t_con img {width:16px;height:16px;margin-right:10px}
.w97 {width:97px}
.w84 {width:84px}

.s-box{width:300px;}
.server_btn,.server_btn:hover{background:url(//resource.haohaoyx.com/res/def/mbimg/s_btn.png) no-repeat 0 -47px;width:185px;height:46px;display:block;position:relative;color:#fff;font-size:14px;cursor:pointer;line-height:46px;padding-left:20px}
.server_btn:hover{background-position:-211px -47px;text-decoration:none}
.server_btn1{background-position:0 0}.server_btn1:hover{background-position:-211px 0}
.server_btn b{margin:0 35px;width:140px;display:block;line-height:46px;text-align:center;font-weight:bold;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.server_btn b{color:#fff}.server_btn1 b{color:#fffbcc}
.server_btn .s_i{position:absolute;top:17px;left:16px}
.server_btn .ico_ico{position:absolute;top:16px;right:14px}
.server_cont{padding:38px 44px}
.server_cont .tit{height:27px;line-height:27px;background:#d6d6d6;padding:3px 8px 7px;text-align:right;margin:0 0 15px;position:relative;overflow:hidden}
.server_cont .tit span{float:left;font-size:16px;font-weight:bold;color:#000}
.server_cont .tit .fr{height:13px;line-height:13px;position:absolute;top:10px;right:8px}
.server_cont .tit .fr em{float:left;margin:0 17px 0 0}
.server_cont .tit .fr .s_i{vertical-align:top;margin:0 7px 0 0}
.server_cont .lab{background:#fff;height:32px;margin:0 0 14px;padding:3px 0 0 5px}
.server_cont .lab span,.server_cont .lab li{float:left;margin:0 1px 0 0;width:95px;height:34px;line-height:30px;background:url(//resource.haohaoyx.com/res/def/mbimg/s_btn.png) no-repeat -96px -94px;color:#000;text-align:center;cursor:pointer}
.server_cont .lab span.cur,.server_cont .lab li.cur{background-position:0 -94px;font-weight:bold;color:#fff}
.server_cont .slist{margin:0 0 30px}
.server_cont .slist{font-size:0;*word-spacing:-1px;margin-right:-30px}
.server_cont .slist li{font-size:12px;letter-spacing:normal;word-spacing:normal;vertical-align:top;display:inline-block;*display:inline;*zoom:1;margin:0 23px 19px 0;width:210px}

i.s_green,i.s_red,i.s_yellow,i.s_gray{display:inline-block;margin:-3px 7px 0 0;width:7px;height:14px;overflow:hidden;vertical-align:middle;box-shadow:inset 1px 1px 1px rgba(255,255,255,0.4)}
i.s_green{background:#71d132}
i.s_red{background:#eb2001}
i.s_yellow{background:#fdbd09}
i.s_gray{background:#8a8982}
.s_g{background:#4eaf00 none repeat scroll 0 0}
.s_i{width:7px;height:13px;overflow:hidden;display:inline-block}
.s_g{background:#4eaf00}
.s_r{background:#eb2001}
.s_y{background:#fdbd09}
.s_h{background:#8a8982}
.area_main{margin:auto;width:1000px;}
.area_main #indexServer li a{background:url(//resource.haohaoyx.com/res/def/mbimg/s_btn.png) no-repeat 0 -47px;width:170px;height:46px;display:block;position:relative;color:#fff;font-size:14px;cursor:pointer;line-height:46px;padding-left:40px}
.area_main #indexServer li a:hover{background-position:-211px -47px;text-decoration:none}.area_main .slist1 a{background:url(//resource.haohaoyx.com/res/def/mbimg/s_btn.png) no-repeat 0 -47px;width:170px;height:46px;display:block;position:relative;color:#fff;font-size:14px;cursor:pointer;line-height:46px;padding-left:40px}
.area_main .slist1 a:hover{background-position:-211px -47px;text-decoration:none}
.area_main{border:1px solid #e1e1e1;background:#fff;min-height:800px}
.location {margin:auto;width:1000px;background:url(//resource.haohaoyx.com/res/def/mbimg/s_bg.jpg) no-repeat 0 0;height:59px;line-height:59px;position:relative;}
.location .tit {margin-left:18px;font-size:20px;color:#fff;_font-weight:bold}
.location .path {position:absolute;top:22px;right:22px;height:20px;line-height:20px;color:#d8dad9}
.location .path a {color:#d8dad9}
.location .path b {font-weight:normal}
.location .path .ico_home {margin:0 8px 0 0}
.location1 {height:47px;line-height:47px;background:url(//resource.haohaoyx.com/res/def/mbimg/s_bg.jpg) repeat-x}
.location1 .path {top:16px}
.ico_ico {background:rgba(0,0,0,0) url("//resource.haohaoyx.com/res/def/mbimg/s_ico.png") no-repeat scroll 0 0;display:inline-block;height:18px;vertical-align:middle;width:20px}
.ico_home {background-position:-80px 0}
.page {padding:26px 0 11px;line-height:26px;text-align:center}
.page_conn {font-size:0;*word-spacing:-1px}
.page_conn a,.page_conn span {font-size:12px;letter-spacing:normal;word-spacing:normal;vertical-align:top;display:inline-block;*display:inline;*zoom:1;margin:0 3px;width:22px;height:20px;line-height:20px}
.page_conn a {background:url(//resource.haohaoyx.com/res/def/mbimg/s_t_bg.png) repeat-x 0 -61px;border:1px solid #b4b4b4;color:#666}
.page_conn a:hover,.page_conn a.cur {background:#b60005;border-color:#670000;color:#fff;text-decoration:none}
.page_conn a.prev,.page_conn a.next,.page_conn a.fst,.page_conn a.lst {width:52px}
.ico_new {background-position:0 -20px}