@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
form{display:inline}
body,button,input,select,textarea{font:12px/1.8 "microsoft yahei",tahoma,arial,\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none;color:#333}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}
.clearfix,.colgroup{*zoom:1}
.clearfix:before,.clearfix:after,.colgroup:before,.colgroup:after{display:table;content:""}
.clearfix:after,.colgroup:after{clear:both}
.undis{display:none}
.fl{float:left}
.fr{float:right}
.fm{overflow:hidden;*zoom:1}
.center{text-align:center}
.color-gray{color:#999}
.mt2{margin-top:2px}
.mt20{margin-top:20px}
.ml18{margin-left:18px}
.mg10{margin:10px 0}
.mgt10{margin-top:10px}
.mgb20{margin-bottom:20px}
body{background:#F1F1F1;min-width:1200px}
.wrapper{width:1200px;margin:0 auto;position:relative;z-index:2}
.bg{background:#F1F1F1 url(../img/bg.jpg) no-repeat 50% 0;position:relative}
.side-foot{position:relative;width:183px;height:528px;background:url(../img/side_foot.png) 0 0 no-repeat}
.icon{display:inline-block;background:url(../img/icon.png) no-repeat 0 0;width:14px;height:14px;vertical-align:-.15em}
.icon-mail{background-position:0 2px}
.icon-phone{background-position:0 -32px}
.icon-user,.icon-online{background-position:0 -67px}
.icon-flag{background-position:0 -109px}
.icon-attach{background-position:0 -144px}
.icon-mouse{background-position:0 -178px}
.banner-wrap{position:absolute;top:0;left:0;width:100%;height:810px;z-index:1;overflow:hidden}
.banner-wrap .banner{position:absolute;top:0;left:50%;width:1920px;margin-left:-960px}
.banner .btn-play{position:absolute;display:block;top:465px;left:50%;margin-left:-510px;width:141px;height:83px;background:url(../img/video.png) 0 0 no-repeat;z-index:2}
.header{height:150px}
.nav{height:90px;margin:0 auto;font-size:0}
.nav li{position:relative;display:inline-block;vertical-align:top;width:114px;*display:inline;*zoom:1}
.nav li:not(:first-child):not(:last-child)::after{content:'';position:absolute;display:block;top:50%;right:-1px;width:1px;height:24px;margin-top:-8px;background-color:#666}
.nav li a{width:115px;height:70px;display:block;overflow:hidden;margin:0 auto}
.nav .logo{width:200px}
.nav .logo a{width:250px;height:90px;background:url(../img/game_logo.png) 50% 50% no-repeat}
.nav .text1,.nav .text2{display:inline-block;width:110px;line-height:1.2;text-align:center;font-family:Microsoft YaHei;font-size:16px;color:#1A1C2E;margin-top:18px}
.nav .text2{font-size:12px;color:#606974;margin-top:5px}
.nav a:hover .text1{color:#9f381c}
.nav a:hover .text2{color:#605961}
.main-wrap{margin-top:487px}
.main-wrap .main{width:998px;margin-left:202px;min-height:1600px;overflow:hidden;*zoom:1}
.main-wrap .main-side{position:absolute;top:0;left:0;width:183px;overflow:hidden;*zoom:1;z-index:2}
.home-main .main{width:100%;margin-left:0;min-height:0}
.home-main .login-box{width:183px;overflow:hidden}
.main .slider,.main .news-box{float:left;width:513px;height:240px;background-color:#fff;overflow:hidden}
.user-box{float:left;width:183px;margin-right:19px}
.start-btn{display:block;background:url(../img/start-btn.jpg) no-repeat 0 0;width:100%;height:180px}
.user-link{position:relative}
.user-link .link{display:inline-block;*display:inline;*zoom:1;width:183px;height:80px;background:url(../img/user-btn.jpg) no-repeat -183px 0;vertical-align:top;transition:all .5s}
.user-link .link:hover{background-position-x:0}
.user-link .link-pay{background-position-y:-80px}
.user-link .link-newplayer{background-position-y:-160px}
.user-link .link-down{background-position-y:-240px}
.user-info{position:absolute;top:0;left:0;width:100%;height:80px;text-align:center;color:#fff;font-size:14px;background:#282625}
.user-info .name{display:block;height:42px;line-height:42px}
.user-info a{color:#f30;font-size:12px}
.user-info .logout{display:inline-block;vertical-align:middle;font-size:14px;height:30px;line-height:30px;width:94px;text-align:center;background:#5c4e3a;color:#FFF;border-radius:3px}
.server-list,.info-box{float:left;margin-left:19px;overflow:hidden;width:466px;height:240px}
.server-list .tt{padding:0 10px;height:35px;line-height:35px;background-color:#191a1f}
.server-list .tt em{font-size:16px;color:#fff;border-left:2px solid #fff;padding-left:8px}
.server-list .tt .more{float:right;margin-right:20px;color:#919192;font-size:12px}
.server-list .tt .more:hover{color:#f30}
.server-list .list{font-size:0;padding:28px 12px 0 12px;height:177px;background:url(../img/bg_servers.jpg) 50% 50% no-repeat}
.server-list .list a{display:inline-block;*display:inline;*zoom:1;padding-left:20px;margin:0 10px 10px 0;background-color:rgba(0,0,0,.5);*background-color:#333;width:190px;*width:185px;font-size:12px;line-height:28px;white-space:nowrap;color:#fff;vertical-align:top;overflow:hidden}
.server-list .list a span{color:#929292;margin-left:15px}
.server-list .list a:hover span{color:#b4935f}
.server-list .s-state{display:inline-block;*display:inline;margin-left:5px;width:7px;height:14px;vertical-align:middle;background-color:#71d132}
.s-state.s-2{background-color:#f30}
.s-state.s-3{background-color:#aaa}
.s-state.s-4{background-color:#BCBC1F}
.dl-box{padding:0;margin:30px 0}
.dl-box .dt{position:relative;padding-bottom:10px;margin:10px 0;line-height:1}
.dl-box .dt em{font-size:24px;color:#666;margin-right:20px}
.dl-box .dt .sub-tt{font-size:14px;color:#DDD}
.dl-box .dt .more{position:absolute;top:10px;right:0}
.dl-box .dd{padding:10px 20px;border:1px solid #F2F2F2}
.dl-box .tab{position:absolute;top:0;right:60px;line-height:30px;height:30px;font-size:14px}
.dl-box .tab span{display:inline-block;padding:0 10px;text-align:center;cursor:pointer;color:#74733B}
.dl-box .tab .on{color:#AD8732;border-bottom:2px solid #9A7E3C}
.dl-box .list .li{border-bottom:1px dashed #C1C1C1;background:url(../img/arrow.jpg) no-repeat 0 50%;padding-left:10px;line-height:3}
.dl-box .list a:hover{color:#A48949}
.dl-box .date{float:right;color:#AAA}
.dl-box2{background:#F8F8F8;padding:30px 20px}
.dl-box2 .tab{background:#FFF}
.news-box .dd{padding-top:12px}
.news-box .list .tt{font-size:16px;color:#9A7625;margin-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-box .list .con{color:#888;margin-top:10px}
.news-box .dt{height:38px;position:relative}
.news-box .tab span,.news-box .dt .more{display:inline-block;*display:inline;vertical-align:top;width:104px;height:38px;line-height:38px;font-size:16px;color:#fff;background-color:#7d848a;text-align:center;cursor:pointer}
.news-box .tab span{margin-right:1px}
.news-box .tab span.on{background-color:#fff;border-top:2px solid #c39d5c;height:36px;line-height:36px;color:#3a4352}
.news-box .dt .more{position:absolute;top:0;right:0;display:block;width:93px;background-image:url(../img/icon_more.png);background-position:50% 50%;background-repeat:no-repeat}
.news-box .li-note{margin:0 auto 10px;width:470px;height:30px;text-align:center;line-height:30px;font-size:16px;background-color:#e6e6e6}
.li-note a{color:#3e3e3e}
.li-note a:hover{color:#b4935f}
.news-box .list .li{position:relative;margin:0 auto;padding-left:18px;width:452px;height:25px;line-height:25px;border-bottom:1px dashed #c7c7c7;font-size:14px;background:url(../img/icon_news.png) 8px 50% no-repeat}
.news-box .list .li a{display:block;position:relative;padding-right:50px;color:#6a6a6a;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news-box .list .li a:hover{color:#b4935f}
.news-box .list .li .date{position:absolute;top:0;right:0}
.info-box .info-pic{display:block;position:relative;width:226px;height:240px;text-align:center;color:#fff;font-size:16px}
.info-box .pic-1{float:left;background:#111 url(../img/pic3_bg.jpg) 50% 50% no-repeat}
.info-box .pic-2{float:right;background:#111 url(../img/pic4_bg.jpg) 50% 50% no-repeat}
.info-pic .pic-center{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;transition:all .6s linear}
.pic-1 .pic-center{background-image:url(../img/pic3.png)}
.pic-2 .pic-center{background-image:url(../img/pic4.png)}
.info-pic .pic-tt{position:absolute;top:0;left:0;width:100%;font-size:24px;z-index:1}
.info-pic .pic-txt{position:absolute;bottom:-30px;left:0;width:100%;height:30px;line-height:30px;background-color:rgba(0,0,0,.5);*background-color:#333;z-index:1;transition:all .3s linear}
.info-pic:hover .pic-center{background-size:80%}
.info-pic:hover .pic-txt{bottom:0}
.media-box{width:325px;float:left;margin-left:19px}
.media-box .media-pic{position:relative;width:100%;height:119px;opacity:.85;overflow:hidden;transition:all .3s linear}
.media-pic.pic-1{background:url(../img/pic1_bg.jpg) 50% 50% no-repeat;background-size:100%}
.media-pic.pic-2{background:url(../img/pic2_bg.jpg) 50% 50% no-repeat;background-size:100%}
.media-box .pic-sign{position:absolute;top:0;left:0;width:126px;height:119px;background:0 0 no-repeat;background-size:100%;transition:all .5s}
.pic-1 .pic-sign{background-image:url(../img/pic1.png)}
.pic-2 .pic-sign{background-image:url(../img/pic2.png)}
.media-pic a{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2}
.media-pic:hover{opacity:1}
.media-pic:hover .pic-sign{transform:translateX(-160px)}
.main-side .media-box{width:183px;float:none;margin-left:0}
.main-side .media-box .media-pic{height:69px}
.main-side .media-box .pic-sign{width:75px;height:69px}
.media-pic:hover .pic-sign{transform:translateX(-75px;)}
.data-box{float:left;width:100%}
.data-box .data-list,.role-box .role-list{position:relative;width:100%}
.data-list .data-li{float:left;position:relative;width:218px;overflow:hidden;-webkit-animation:dataAnimation .5s ease-in-out forwards;animation:dataAnimation .5s ease-in-out forwards}
.data-list .data-li .li-dt{position:relative;padding-top:250px;width:218px;height:66px;background-position:50% 50%;background-repeat:no-repeat;color:#fff;text-align:center;font-size:12px;cursor:pointer}
.li-dt em{font-size:26px;width:100%;display:block;line-height:1.2}
.data-1 .li-dt{background-image:url(../img/info1.jpg)}
.data-2 .li-dt{background-image:url(../img/info2.jpg)}
.data-3 .li-dt{background-image:url(../img/info3.jpg)}
.data-4 .li-dt{background-image:url(../img/info4.jpg)}
.data-box .li-dd a{float:left;display:block;margin:0 12px 8px 0;width:90px;height:23px;border:1px solid #bebebe;color:#999;text-align:center;line-height:23px}
.data-box .li-dd a:hover{background-color:rgba(0,0,0,.5);*background-color:#333;color:#fff}
.data-list .data-li .li-dd{position:absolute;display:none;top:0;right:0;padding:50px 0 0 40px;width:234px;height:266px;background:url(../img/bg_info.jpg) 50% 50% no-repeat}
.data-list .data-li.on{-webkit-animation:dataAnimation2 .8s ease-in-out forwards;animation:dataAnimation2 .8s ease-in-out forwards}
.data-list .data-li.on .li-dd{display:block}
.data-list .data-li.on .li-dt span{-webkit-animation:lineAnimation 1s .5s ease-in-out forwards;animation:lineAnimation 1s .5s ease-in-out forwards}
@-webkit-keyframes dataAnimation{from{width:492px}
to{width:218px}
}
@keyframes dataAnimation{from{width:492px}
to{width:218px}
}
@-webkit-keyframes dataAnimation2{from{width:218px}
to{width:492px}
}
@keyframes dataAnimation2{from{width:218px}
to{width:492px}
}
@-webkit-keyframes lineAnimation{from{transform:translateY(0)}
to{display:block;padding-bottom:6px;margin-top:20px;transform:translateY(30px);color:#999;border-bottom:2px solid #0f0}
}
@keyframes lineAnimation{from{transform:translateY(0)}
to{display:block;padding-bottom:6px;margin-top:20px;transform:translateY(30px);color:#999;border-bottom:2px solid #0f0}
}
.role-box{float:left;width:856px}
.role-list .role-li{float:left;position:relative;overflow:hidden;width:110px;height:352px;background:#fff;transition:all .7s}
.role-li .li-dt{float:left;position:relative;width:110px;height:352px;background-position:50% 0;background-size:100%;background-repeat:no-repeat;cursor:pointer;transition:all .5s}
.role-1 .li-dt{background-image:url(../img/role_1h.jpg)}
.role-2 .li-dt{background-image:url(../img/role_2h.jpg)}
.role-li .li-dd{float:left;position:relative;width:0;height:352px;background:100% 0 no-repeat;transition:all .5s}
.role-1 .li-dd{background-image:url(../img/role1.jpg)}
.role-2 .li-dd{background-image:url(../img/role2.jpg)}
.role-li.on{width:746px}
.role-1 .li-dt:hover,.role-1.on .li-dt{background-image:url(../img/role_1s.jpg)}
.role-2 .li-dt:hover,.role-2.on .li-dt{background-image:url(../img/role_2s.jpg)}
.role-li.on .li-dd{-webkit-animation:roleAnimation 1s forwards;animation:roleAnimation 1s forwards}
.role-li .r-option{margin-top:240px;margin-left:170px}
.r-option .btn-role{display:block;width:96px;height:77px;font-size:0;background:url(../img/role_m.png) 0 0 no-repeat;opacity:.7;transition:all .5s}
.r-option .btn-role:hover{opacity:1}
@-webkit-keyframes roleAnimation{from{width:0}
to{width:636px}
}
@keyframes roleAnimation{from{width:0}
to{width:636px}
}
.part-box{float:left;width:100%;margin-bottom:20px}
.home-cell{float:left;margin:20px 20px 0 0}
.nest-box-4{margin-right:0}
.nest-box{background:#FFF;padding:10px;width:265px;height:210px;overflow:hidden}
.nest-box .tab{font-size:12px}
.nest-box .tab span{background:#A09E9C;display:inline-block;margin-left:10px;width:81px;height:24px;line-height:24px;color:#FFF;text-align:center;cursor:pointer}
.nest-box .tab .on{background:#FAC128;color:#000}
.nest-box .tab .first{margin-left:0}
.nest-box .con{padding:10px 0;font-size:12px}
.nest-box .con li{padding:4px 0;border-bottom:1px dashed #C2C2C2}
.nest-box .con .date{float:right;color:#78736F}
.nest-box .con a{color:#78736F}
.nest-box .con a:hover{color:#272624}
.nest-box .con .bottom{text-align:right;margin-top:8px}
.contact-box{float:left;width:325px;height:352px;margin-left:19px;background-color:#fff}
.icon-us{display:inline-block;*display:inline;width:44px;height:37px;font-size:0;background:url(../img/icon_us.png) 0 0 no-repeat;vertical-align:middle;margin:-8px 10px 0 20px}
.contact-box .dt{position:relative;padding-bottom:10px;margin:20px 0 10px;line-height:1}
.contact-box .dt em{font-size:24px;color:#666;margin-right:20px}
.contact-box .dt .sub-tt{font-size:14px;color:#DDD}
.contact-box .dd{padding:0;border:none}
.service-box{background:#FFF}
.service-box .info{padding:5px 0 0 40px;color:#000;font-size:14px}
.service-box .info p{padding:5px 0}
.service-box em{color:#666;margin-left:4px}
.service-box a{color:red}
.service-box a:hover{text-decoration:underline}
.service-box .ewm{margin:10px auto 0;width:251px;height:155px;background:#FFF url(../img/ewm1.jpg) no-repeat 50% 50%}
.main-side .contact-box{float:none;margin-left:0;background:#232323;height:auto}
.main-side .service-box{background:#232323}
.main-side .contact-box .ewm img{margin-left:25px;}
.link-box{float:left;width:856px}
.link-box .dd{border:none;padding:10px;height:174px;color:#999;background-color:#fff}
.link-box a{color:#999;display:inline-block;margin:0 10px;white-space:nowrap}
.link-box a:hover{color:#A89058;text-decoration:underline}
.link-box .dt{position:relative;padding:10px 15px;line-height:1;background-color:#cfcfcf}
.link-box .dt em{font-size:24px;color:#000;margin-right:5px}
.link-box .dt .sub-tt{font-size:14px;color:#484f5a}
.pic-list{font-size:0;margin:20px 0 20px -22px}
.pic-list a{float:left;margin:0 0 20px 20px;width:260px;height:170px;background:#000;position:relative}
.pic-list a img{width:260px;height:170px;display:block}
.pic-list .tt{position:absolute;bottom:0;left:0;width:100%;line-height:32px;font-size:14px;color:#FFF;text-align:center;background:#000;background:rgba(0,0,0,.5)}
.main-page{overflow:hidden;*zoom:1;border:1px solid #F2F2F2}
.main-page .hd{height:40px;padding:20px 40px 10px 40px;color:#666;border-bottom:1px dashed #E4E4E4;background-color:#EDEDEE}
.main-page .hd em{font-size:24px;margin-right:10px;color:#666}
.main-page .hd .sub-tt{color:#DDD}
.main-page .hd .crumb{float:right;margin-top:15px}
.main-page .hd a{color:#999}
.main-page .hd a:hover{color:#B08D4B}
.main-page .bd{min-height:700px;padding:30px 40px;background-color:#fff}
.main-page .tab{border-top:5px solid #D7D7D7;padding-left:1px;background:#F8F8F8;line-height:50px;font-size:16px}
.main-page .tab a{display:inline-block;margin-top:-5px;border-top:5px solid #D7D7D7;padding:0 50px;cursor:pointer;color:#333}
.main-page .tab .on{border-top:5px solid #B08D4B;color:#B08D4B;background:#FFF}
.main-page .list{font-size:14px;padding:20px 0}
.main-page .list .li{border-bottom:1px dashed #C1C1C1;background:url(../img/arrow.jpg) no-repeat 0 50%;padding-left:10px;line-height:3}
.main-page .list a{color:#666}
.main-page .list a:hover{color:#A48949}
.main-page .list .date{float:right;font-size:12px;color:#AAA}
.main-page .title{padding:0;color:#AC823E;font-size:30px;text-align:center}
.main-page .meta{border-bottom:1px solid #E4E4E4;font-size:14px;color:#999;text-align:center;padding-bottom:10px;margin-bottom:20px}
.main-page .content{font-size:14px;color:#666}
.main-page .content p{margin:10px 0}
.paging{text-align:center;font-size:0}
.paging a{display:inline-block;margin:0 2px;padding:0 16px;background:#FFF;color:#666;border:1px solid #B8B8B8;height:24px;vertical-align:top;font-size:14px;text-align:center;line-height:24px}
.paging a:hover{background:#A48949;border:1px solid #A48949;color:#FFF}
.download-wrap{background:url(../img/down-bg.jpg) no-repeat 100% 0;height:850px}
.download-wrap .name{font-size:24px;color:#A37A2C;margin-top:20px}
.download-wrap .info{color:#666;margin:20px 0 50px 0;font-size:14px}
.download-wrap .down-btn{display:inline-block;margin-left:-20px;background:url(../img/down-btn.png) no-repeat 0 0;width:441px;height:145px}
.download-wrap .info em{color:#000}
.download-wrap .down-3d{display:inline-block;margin-left:-5px;background:url(../img/down-3d.png) no-repeat 0 0;width:205px;height:84px}
.download-wrap .down-3d2{display:inline-block;background:url(../img/down-3d2.png) no-repeat 0 0;width:205px;height:84px}
.footer{padding:40px 0;color:#7E7B7B;background:#2B2B2B;text-align:center;font-size:14px}
.footer .wrapper{margin-bottom:0}
.footer a{color:#7E7B7B}
.footer a:hover{text-decoration:underline}
.footer .logo{display:inline-block;background:url(../img/logo.png) no-repeat 0 0;width:156px;height:34px;margin-right:20px;vertical-align:middle}
.footer .links{margin-bottom:20px}
.footer .text1{color:#595656}
.footer .text2{color:#595656}
.police{background:url(../img/police.png) no-repeat;width:30px;height:30px;display:inline-block;vertical-align:middle;margin-top:-8px}
.dialogVideo{position:fixed;_position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:500px;width:800px;z-index:1004}
.icon-close{position:absolute;top:-40px;right:-40px;width:40px;line-height:40px;font-size:50px;overflow:hidden;color:red;cursor:pointer}
.bar-box{height:30px;line-height:29px;width:100%;font-size:12px;background:url(../img/game-bar.png) repeat-x;position:absolute;top:0;z-index:99;overflow:hidden}
.bar-box a{color:#777;text-decoration:none;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.bar-box a:hover{color:#2187E7}
.bar-box .right{float:right}
.bar-box .left{float:left}
.bar-box .logo{float:left;background:url(../img/game-bar.png) 0 -30px no-repeat;height:30px;width:100px;margin:0}
.bar-box .right span{border-right:1px dotted #CCC;float:left;padding:0 10px}
.bar-box .crumb{float:left;margin-right:10px}
.bar-box .close{width:50px;height:22px;float:left;margin:4px 5px;background:url(../img/game-bar.png) -4px -64px no-repeat;cursor:pointer}
.bar-box .msg-name{color:#0783E3;border:none;background:0 0;cursor:pointer;display:inline-block;vertical-align:top;line-height:29px;*zoom:1;*overflow:visible;font-weight:700}
.bar-box .num{background:url(../img/game-bar.png) 0 -90px no-repeat;width:24px;color:#FFF;text-align:center;font-style:normal;margin-left:5px;display:inline-block;vertical-align:top}
.bar-box .wallet i{font-style:normal;color:#F30;font-weight:700}
.right-tip{position:fixed;_position:absolute;right:0;bottom:200px;width:38px;z-index:9999;height:38px;border:0 solid #CCC}
.right-tip a{transition:all ease-in-out .2s;background:url(../img/icon-1.png) no-repeat;cursor:pointer;position:absolute;z-index:98;top:0;left:0;display:block;width:38px;height:39px;opacity:0;filter:alpha(opacity=0)}
.right-tip a:hover{background-image:url(../img/icon-1-hover.png)}
.right-tip .recommend{display:block;z-index:99;width:38px;height:38px;background:url(../img/wheel-1.png) no-repeat;opacity:.5;filter:alpha(opacity=50);border-radius:0 0 0 5px}
.right-tip .rec-top2{background-position:0 -161px;z-index:97;top:-39px;opacity:.5;filter:alpha(opacity=50);border-radius:5px 0 0}
.right-tip .rec-top2:hover{opacity:1;filter:alpha(opacity=100)}
.right-tip i{position:absolute;right:0;top:0;z-index:101;font-style:normal;color:#FFF;width:16px;height:16px;line-height:16px;background:red;text-align:center;border-radius:8px}
.right-tip i:nth-of-type(1){top:-6px;left:-8px;right:auto}
.tip-item .rec-top{background-position:0 -160px;border-radius:5px 0 0}
.tip-item .rec-home{background-position:0 0}
.tip-item .rec-recharge{background-position:0 -40px}
.tip-item .rec-person{background-position:0 -80px}
.tip-item .rec-wallet{background-position:0 -120px;border-radius:0 0 0 5px}
.tip-item .rec-top:hover{background-position:0 -160px}
.tip-item .rec-home:hover{background-position:0 0}
.tip-item .rec-recharge:hover{background-position:0 -40px}
.tip-item .rec-person:hover{background-position:0 -80px}
.tip-item .rec-wallet:hover{background-position:0 -120px}
.tip-hover a{opacity:1;filter:alpha(opacity=100)}
.tip-hover .recommend{display:none}
.tip-hover .rec-top{top:-117px}
.tip-hover .rec-home{top:-78px}
.tip-hover .rec-recharge{top:-39px}
.tip-hover .rec-person{top:0}
.tip-hover .rec-wallet{top:39px}
.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000;opacity:.2;filter:alpha(opacity=20)}
.dialog-box{position:fixed;left:50%;top:40%;margin:-110px 0 0 -200px;background:#FFF;box-shadow:0 3px 24px #666;overflow:hidden;z-index:1001;border-radius:5px}
.dialog-box .btn-close{width:20px;height:20px;color:#999;font:32px/20px Arial,Helvetica,sans-serif;cursor:pointer;position:absolute;right:10px;top:10px;overflow:hidden;_font-weight:700;_font-size:20px;_right:15px}
.dialog-box .btn-close:hover{color:#000;border:0}
.dialog-box .title{height:0;padding:0 10px}
.dialog-box .iframe{display:block;overflow-x:hidden}
.slider-wrapper{height:240px;font-size:0}
.slider-wrapper .slide{height:100%;position:relative;overflow:hidden}
.slider-wrapper .slide li{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;display:none}
.slider-wrapper .slide li img{display:none}
.slider-wrapper .slide li a{display:block;width:100%;height:100%;background-position:50% 0;background-repeat:no-repeat;background-size:cover}
.slider-wrapper .num{padding-right:20px;text-align:right;margin-top:-20px;position:relative;z-index:1000}
.slider-wrapper .num a{display:inline-block;margin-left:6px;background:#FFF;border-radius:9px;width:9px;height:9px;cursor:pointer;vertical-align:top;text-decoration:none}
.slider-wrapper .num a.on,.slider-wrapper .num a:hover{width:32px;border-bottom:none;border-radius:9px}
.data-page .dt{font-size:30px;color:#CF9B46;line-height:1}
.data-page .dt em{font-size:60px;font-family:Arial;color:#8E9399;margin-right:10px}
.data-page .data-con{border-bottom:1px dashed #CCC;padding:20px 50px}
.data-page .info{margin-top:20px;font-size:0}
.data-page .info a{display:inline-block;width:100px;color:#999;font-size:16px}
.data-page .info a:hover{color:#A48949}
.cl-effect-5 a{overflow:hidden}
.cl-effect-5 a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
.cl-effect-5 a span::before{position:absolute;top:100%;content:attr(data-hover);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.cl-effect-5 a:hover span,.cl-effect-5 a:focus span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}
/*.game-footer --Ĭ�Ϻ�ɫ */
.game-footer { width: 100%; height: 158px; background:#2b2b2b;font:12px/1.5 "microsoft yahei", Arial, sans-serif;margin:0;}
.game-footer-copyright { width: 1024px; height: 145px; margin: 0 auto; overflow: hidden;}
.game-footer-logo { width: 140px; height: 56px; margin: 45px 35px 0 50px; background: url(../img/footer_logo_black.png) no-repeat; float: left;}
.game-footer-copr { padding-left: 35px; margin-top: 35px;border-left: 1px solid #666; color: #666; float: left;}
.game-footer-copr a { color: #666; transition: all 0.4s ease}
.game-footer-copr a:hover { color: #ff6600;}
.game-footer-copr p { height: 14px; line-height: 14px; overflow: hidden; margin-bottom:10px;}
.game-footer-copr p span{margin:0 10px;}
/*���ֿ�*/
.xsk_table{margin:0 0 15px 0;padding:15px 10px;background:#fcfcfc;}
.xsk_table table tr td{border:none;height:30px;line-height:30px; padding:0 5px;}
.xsk3a{width:135px;height:25px;font-family:"���ź�";color:#000;background:#FFF;}
.input_code{width:40px;height:25px;line-height:25px;color:#000;font-family:"���ź�";}
.xsk3b{border-radius: 2px;width:93px;height:32px;line-height:28px;text-align:center;color:#fff; background:#03b4f5; font-weight:bold; border:none;cursor:pointer;font-family:"���ź�";font-size:14px; margin-left:10px;}
.xsk3b:hover{background:#00bbff;}
.input_code{ background:#fff;}
.serverBlock li a,.serverBlock .s_tab span.cur{background:url(../img/prbox.png) repeat}
.serverBlock{padding:35px 0 35px 10px;overflow:hidden}
.serverBlock .gapline{margin-bottom:22px}
.serverBlock p{height:40px;font-size:16px;}
.serverBlock ul{*padding-bottom:14px}
.serverBlock li,.serverBlock li a{width:170px;height:36px;}
.serverBlock li{margin:0 10px 15px 0}
.serverBlock li a{display:block;overflow:hidden;font-size:14px;line-height:36px;text-indent:12px;background-position:0 -57px;filter:alpha(opacity=80);color:#fff;}
.serverBlock li a i{_position:absolute;_top:18px;_left:26px;}
.serverBlock li a:hover{filter:alpha(opacity=100);text-decoration:none;background-position:0 -95px}
.serverBlock .all li{float:left;_display:inline}
.serverBlock .all li a{background-position:-172px -57px;color:#fff;}
.serverBlock .all li a:hover{background-position:-172px -95px}
.serverBlock .s_tab{margin-bottom:18px;height:42px;position:relative;background:#181818;color:#fff;}
.serverBlock .s_tab span{display:inline-block;position:relative;width:108px;height:46px;line-height:42px;text-align:center;font-weight:bold;color:#a3a2a2;font-size:16px;cursor:pointer}
.serverBlock .s_tab span.cur{background-position:-234px 0;color:#fff;}
.alltab{position:relative;margin-bottom:25px;height:29px;border-bottom:1px solid #484744}
.alltab span{display:inline-block;padding:0 10px;height:28px;line-height:28px;cursor:pointer;border:1px solid #42403f;color:#8d8d8d;border-bottom:0;position:relative;top:1px;min-width:70px;text-align:center}
.alltab span.cur{background:#1a1c20;border-color:#1a1c20;font-weight:bold;color:#fff;}
.serverBlock i.s_green, .serverBlock i.s_red, .serverBlock i.s_yellow, .serverBlock i.s_gray{display:inline-block;margin:-1px 7px 0 0;width:7px;height:14px;overflow:hidden;vertical-align:middle;box-shadow:inset 1px 1px 1px rgba(255,255,255,0.4)}
.serverBlock i.s_green{background:#71d132}
.serverBlock i.s_red{background:#eb2001}
.serverBlock i.s_yellow{background:#fdbd09}
.serverBlock i.s_gray{background:#8a8982}
.account{position:absolute;z-index:9999;top:590px;left:0px;color:#fff;}
.qqgroup{position:absolute;z-index:9999;top:590px;right:0px;color:#fff;}
/*�õ�CSS*/
#slideBox {position: relative;width: 513px;height:240px;}
#slideBox .hd {padding: 0;position: absolute;bottom: 5px;right: 5px;z-index: 2;}
#slideBox ul {}
#slideBox .hd li {margin: 0 3px 0 0;padding: 0 6px;float: left;list-style: none;height: 18px;line-height: 17px;background: #000;color: #fff;font-size: 11px;font-family:Arial;cursor: pointer;width: 6px;border: 1px solid #E6CAB4;}
#slideBox .bd ul, #slideBox .bd li {margin: 0;padding: 0;list-style: none;}
#slideBox .bd li {width: 513px;height: 240px;overflow: hidden;} /*�õƸ߶ȿ���*/
#slideBox .bd li img {width: 513px;height:240px;}/*�õƸ߶ȿ���*/
#slideBox .hd li.on{background:#f15900; color:#fff;}