.index-kv{position:relative;min-height:20px;}
.index-kv>a{display:block;height:100%;text-indent:-999px;}
.index-section{width:1248px;margin:0 auto;padding:12px;}
.index-section.bc{background-color:#fff;}

.index-main{margin-bottom:12px;}
.index-main .side{float:right;position:relative;width:298px;background:#fff;border:1px solid #eee;}
.index-main .keynote{ float:left;height:308px; }
.index-main .kn-focus{width:606px;}
.index-main .kn-ad{margin-left:12px;width:298px;}
.index-main .kn-focus.merge{width:915px;}
.index-main .bar-head{position:relative;border-bottom:1px solid #eee;padding:0 25px;height:46px;line-height:46px;}
.index-main .bar-head:before{content:"";position:absolute;left:1px;top:50%;margin-top:-8px;width:3px;height:16px;background-color:#3490cd;}
.index-main .bar-head>h4{font-size:14px;font-weight:100;font-weight:bold;}

.index-recomm{float:left;width:915px;margin-top:12px;height:250px;overflow:hidden;}
.index-recomm>ul{width:951px;margin-left:-6px;}
.index-recomm>ul>li{float:left;margin:0 6px;width:297px;}
.index-recomm>ul>li>.imgbox{position:relative;height:200px;overflow:hidden;}
.index-recomm>ul>li>.imgbox>.face{position:absolute;z-index:1;}
.index-recomm>ul>li>.imgbox>.back{position:absolute;z-index:2;visibility:hidden;opacity:0;transition:all ease-in-out 0.2s;}
.index-recomm>ul>li>.opbox{position:relative;height:50px;background-color:#fff;border:1px solid #eee;}
.index-recomm>ul>li>.opbox>.name{display:block;text-align:center;font-size:16px;color:#333;line-height:50px;}
.index-recomm>ul>li>.opbox>.bar{position:absolute;top:0;padding:10px;width:100%;height:50px;visibility:hidden;}
.index-recomm>ul>li>.opbox>.bar>.link{float:left;line-height:30px;font-size:13px;}
.index-recomm>ul>li>.opbox>.bar>.link>i{font-style:normal;color:#eee;margin:0 0.4em;}
.index-recomm>ul>li>.opbox>.bar>.btn{float:right;padding:0 12px;line-height:30px;}
.index-recomm>ul>li:hover>.imgbox>.back,.index-recomm>ul>li:hover>.opbox>.bar{visibility:visible;opacity:1;}
.index-recomm>ul>li:hover>.opbox>.name{visibility:hidden;}

.index-news{margin-top:12px;height:250px;}
.index-news>.list{margin:15px;}
.index-news>.list>li{position:relative;padding:0 15px 0 20px;height:32px;line-height:32px;border-bottom:1px dashed #e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news>.list>li:before{content:"";position:absolute;top:50%;left:6px;width:0;height:0;margin-top:-4px;border:4px solid transparent;border-left-color:#ddd;}

.index-login,.index-user {font-size:12px;height:308px;}
.index-login .form-simplify {margin:25px auto 0; width:242px;}
.index-login .form-simplify .inputbox {  height:40px; }
.index-login .form-simplify .inputbox input{padding:10px 0\9;}
.index-login .form-simplify .inputbox .icon { top:0; left:0; }
.index-login .form-simplify .interval { height:10px; }
.index-login .form-simplify .txtbox { margin:10px 5px; }
.index-login .form-simplify .btnSubmit { height:50px; line-height:50px; }
.index-login .tipbox { margin:0; height:20px; line-height:20px; font-size:12px; }
.index-login .reg-link { padding-top:16px; text-align:center; }

.index-user>.user-info{position:relative;margin:20px;padding-left:75px;height:64px;line-height:32px;}
.index-user>.user-info>.headIcon{position:absolute;top:0;left:0;width:64px;height:64px;}
.index-user>.user-info>.headIcon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.index-user>.user-info a.name{float:left;font-size:14px;}
.index-user>.user-info>.user-money a{ margin-left:1.5em;}
.index-user>.btn-exchange{display:block;margin:0 20px;line-height:40px;font-size:14px;font-weight:bold;}
.played-box{margin:10px 20px auto;}
.played-box>dt{color:#999;line-height:24px;}
.played-box>dd{position:relative;padding-left:1em;line-height:20px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.played-box>dd>a{color:#40a1e2;}
.played-box>dd:before{content:"";position:absolute;top:50%;left:4px;width:0;margin-top:-3px;height:0;border:4px solid transparent;border-left-color:#ccc;}

.partner_sites_text{padding:20px 0 25px;margin-bottom:15px;color:#666;border-bottom:1px solid #f3f3f3;}
.partner_sites_text>a{color:#333;margin-right:1em;}

.slide-box {position:relative;overflow:hidden;}
.slide-box>.sd-img>a{position:absolute;display:block;width:100%;height:100%;overflow:hidden;}
.slide-box>.sd-img>a>img{width:100%;height:100%;}
.slide-box>.sd-tag{position:absolute;bottom:20px;left:20px;z-index:100;}
.slide-box>.sd-tag>span{float:left;display:block;width:11px;height:11px;margin-right:8px;background-color:#fff;border-radius:50%;cursor:pointer;box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
.slide-box>.sd-tag>span.active{background:#fa2828;opacity:1;}

.index-all {margin:0 auto;display:block;overflow:hidden;}
.index-all .bar-head{border:1px solid #eee;border-width:1px 0;height:50px;line-height:50px;text-align:center;}
.index-all .bar-head>h4{font-size:20px;font-weight:100;color:#666;}

.new-server {position:absolute;width:298px;top:0;right:0;bottom:0;border:1px solid #eee;border-top:0;background:#fff;}
.new-server>.list{position:relative;font-size:13px;padding-top:10px;margin-bottom:20px;}
.new-server>.list>li{position:relative;padding:0 15px; margin:0 10px;height:38px;line-height:38px; border-bottom:1px dashed #e0e0e0;}
.new-server>.list>li>a.btn-remind{visibility:hidden;}
.new-server>.list>.more{ padding-top:5px;padding-bottom:5px;color:#29b822;}
.new-server>.list>.more:hover:after{background-color:#29b822;}
.server-item>.gname,.server-item>.sname,.server-item>.nick-server{float:left;width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.server-item>.sname{color:#f60;}
.server-item>.time{float:right; text-align:right;width:80px;color:#999;}
.server-item>.nick-server{font-weight:800;color:#f00;}
.server-item.trailer>.time{color:#090;}
.server-item.today>.time{color:#f60;font-weight:800;}

.all-games {width:915px;border:1px solid #eee;border-top:0;background-color:#fff;}
.all-games>.list{padding:20px 0 5px 14px;min-height:370px;}
.all-games>.list>li{position:relative;float:left;width:210px;height:178px;margin:0 6px 15px;}
.all-games>.list>li>.imgbox{position:relative;width:100%;height:118px;overflow:hidden;}
.all-games>.list>li>.imgbox>.payrate{position:absolute;bottom:-32px;padding:0 10px;width:100%;height:32px;line-height:32px;color:#fff;font-size:12px;z-index:2;background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#bb000000);transition:all ease-in-out 0.25s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.all-games>.list>li:hover>.imgbox>.payrate{bottom:0;}
.all-games>.list>li>i.icon{ position:absolute;top:-4px;left:-4px;width:36px;height:22px;line-height:22px;color:#fff;text-align:center;}
.all-games>.list>li>i.icon.hot{background-color:#ec4444;}
.all-games>.list>li>i.icon.hot:before{content:"ÈÈÃÅ";font-weight:bold;font-style:normal;}
.all-games>.list>li>i.icon.new{background-color:#3bc100;}
.all-games>.list>li>i.icon.new:before{content:"×îÐÂ";font-weight:bold;font-style:normal;}
.all-games>.list>li>.info{border:1px solid #eee; padding:0 10px; height:60px;}
.all-games>.list>li>.info>.name{font-weight:bold;padding-top:8px;line-height:1.5;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.all-games>.list>li>.info>.name>a:hover {color:#3598da;}
.all-games>.list>li>.info>p{color:#999;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.business{margin:30px 10px 10px;width:276px;}
.index-centerad{ margin:12px auto;}

.g-detail{position:absolute;padding:15px; width:480px; border:1px solid #ddd; background:#fff;z-index:15;box-shadow:3px 3px 5px rgba(0,0,0,0.05);}
.g-detail:after,.g-detail:before{content:"";position:absolute;top:13px;right:-13px;width:0;height:0;border:6px solid transparent;border-left-color:#ddd;}
.g-detail:after{right:-11px;border-left-color:#fff;}
.g-detail>.img{position:relative;float:left;width:100px;height:80px;overflow:hidden;}
.g-detail>.img:before { content:"";position:absolute; top:0;left:0;width:100%;height:100%;z-index:1;}
.g-detail>.info{ position:relative; float:right; width:333px;}
.g-detail>.info>.ihead{ border-bottom:1px solid #ddd; height:38px;}
.g-detail>.info>.ihead>h3{ float:left; font-size:16px; line-height:26px; font-weight:bold; max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.g-detail>.info>.ihead>.link{ float:right; height:26px; line-height:26px;}
.g-detail>.info>.ihead>.link>a { margin-left:5px; width:76px; text-align:center;}
.g-detail>.info>.idesc{ padding-top:10px; font-size:12px; color:#555; line-height:1.5;}

.bn-title{height:175px;text-indent:-1000px;cursor:default;background:url(../images/banner-sb.jpg) no-repeat 50% 0;}
.serverbook{margin-top:30px;}
.serverbook>.head{padding:15px 0;height:60px;line-height:30px;background:url(../images/blockline.jpg) repeat-x 0 50%;}
.serverbook>.head>h4{float:left;padding:0 20px 0 10px;font-size:20px;background:#fff;}
.serverbook>.head>p{float:right;padding-left:20px;background:#fff;}
.serverbook>.head i{float:left;width:30px;height:30px;background:#fff url(../images/sprite.png) no-repeat;}
.serverbook>.head i.icon-today{background-position:-96px 0;}
.serverbook>.head i.icon-list{background-position:-126px 0;}
.serverbook>.head i.icon-recom{background-position:-156px 0;}
.serverbook>.head i.icon-favorite{background-position:-186px 0;}
.serverbook>ul.list>li{position:relative;border-left:1px solid #eee;padding:15px 0 15px 20px;height:100px;}
.serverbook>ul.list>li:before{content:"";position:absolute;top:50%;left:-5px;margin-top:-5px;width:10px;height:10px;border-radius:50%;background:#e0e0e0;}
.serverbook>ul.list>li:hover{border-left-color:#3598da;background:url(../images/rowover.jpg) no-repeat;}
.serverbook>ul.list>li:hover:before{background:#3598da;}
.serverbook>ul.list>li>.img{position:relative;float:left;width:80px;height:70px;margin-right:20px;}
.serverbook>ul.list>li>.img>img{border-radius:12px;}
.serverbook>ul.list>li>.img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:default;z-index:1;}
.serverbook>ul.list>li>.info{float:left;width:420px;padding:5px 20px 5px 0;line-height:30px;}
.serverbook>ul.list>li>.info>.bar-name{font-weight:bold;}
.serverbook>ul.list>li>.info>.bar-name>a.name{float:left;max-width:280px;font-size:16px;margin-right:1.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.serverbook>ul.list>li>.info>p{ color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.serverbook>ul.list>li>.svr{float:left;width:140px;padding:20px 0;line-height:30px;font-weight:bold;}
.serverbook>ul.list>li>.bar{float:right;padding-top:15px;}
.serverbook>ul.list>li>.bar>a{ display:inline-block; margin-left:10px;width:120px;height:40px;line-height:40px;text-align:center;font-weight:800;color:#3598da;border:1px solid #3598da;border-radius:20px;background-color:#fff;}
.serverbook>ul.list>li>.bar>a:hover{background-color:#3598da;color:#fff;text-decoration:none;}
.serverbook>.tjgame{margin:0 -8px;}
.serverbook>.tjgame>li{margin:0 8px;}

.nav-tags{ position:fixed;top:300px;left:50%;margin-left:-605px;}
.nav-tags>a{ position:relative;display:block;width:85px; height:30px;line-height:30px;padding-left:1em;background-color:#eee;margin-bottom:5px;border-radius:6px 0 0 6px;}
.nav-tags>a:before{content:"";position:absolute;left:100%;top:0;width:0;height:0;border:15px solid transparent;border-left-color:#eee;}
.nav-tags>a:after {content:"";position:absolute;right:-5px;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:50%;background:#fff;z-index:1;}
.nav-tags>a.on,.nav-tags>a:hover {text-decoration:none;color:#fff;background-color:#3598da;}
.nav-tags>a.on:before,.nav-tags>a:hover:before {border-left-color:#3598da;}

.tjgame>li{ float:left;width:150px;height:200px;}
.tjgame>li>a{ position:relative;display:block; width:100%; height:100%;}
.tjgame>li>a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:default;z-index:1;cursor:pointer;}
.tjgame>li>a>span{position:absolute;left:0;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;background:#333;color:#fff;opacity:0.8;filter:alpha(opacity=80);z-index:2;text-overflow:ellipsis;overflow:hidden;}

.news{background-color:#fff;}
.news>.title{height:120px;cursor:default;background:#3f3f3f;color:#fff;}
.news>.title>h1{padding-top:35px;font:bold 40px/80px "Microsoft YaHei"; height:80px;}
.news .side-list{ float:right; margin-top:-30px; padding:15px; width:298px; min-height:300px; border:1px solid #eee; background:#fff;}
.news .side-list>.head{height:30px;line-height:30px;}
.news .side-list>.head>h4{float:left;font-size:16px;}
.news .side-list>.head>i{float:left;width:30px;height:30px;background:#fff url(../images/sprite.png) no-repeat -216px 0;}
.news .side-list>ul>li{margin:10px 0; max-height:54px;line-height:18px;text-overflow:ellipsis;overflow:hidden;}
.news .side-list>ul>li>span{display:block; color:#999;font-size:11px; }
.news .side-list>ul>li>a:hover{color:#3598da;}
.news .side-list>.pages{margin:25px auto;text-align:center;}
.news .side-list>.pages>span{display:inline-block;margin:0 2px;width:24px;height:20px;line-height:20px;font-size:12px;background-color:#eee;cursor:pointer;}
.news .side-list>.pages>span.on{background-color:#3598da;color:#fff;}
.news .main{float:left;width:900px; padding-top:30px;}
.news .article_t{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #f0f0f0;}
.news .article_t>h1{padding-bottom:10px;font-size:30px;font-weight:bold;line-height:1.3;}
.news .article_t>p{ color:#999;}
.news .article_c{font-size:16px;line-height:1.7;min-height:400px;}
.news .article_c img{max-width:100%;margin:0 auto;}
.recomm{ margin:30px 0;}
.recomm>.head{padding:5px 0;margin-bottom:20px;height:40px;line-height:30px;border-bottom:1px solid #f0f0f0;}
.recomm>.head>h4{float:left;font-size:16px;font-weight:bold;}
.recomm>.tjgame{margin:0 -5px;}
.recomm>.tjgame>li{margin:0 5px;width:132px;height:176px;}

.gm-title{padding-top:20px;height:300px;background:#10171c url(../images/banner-gm.jpg) no-repeat 50% 0;text-indent:-999em;}
.slide-games{margin-top:-280px;height:360px;}
.roundabout-holder{margin:0 auto;width:502px;height:296px;}
.roundabout-moveable-item{width:800px;height:320px;cursor:pointer;}
.roundabout-moveable-item>a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.roundabout-moveable-item>a>img{width:100%;height:100%;}
.roundabout-moveable-item>a>span{position:absolute;left:0;bottom:-100%;padding:10px 15px;width:100%;color:#fff;background-color:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);line-height:1.3;transition:all ease-in-out 0.5s;}
.roundabout-in-focus>a>span{bottom:0;}

.fall-games>ul{margin:0 -10px;}
.fall-games>ul>li{float:left;margin:0 10px;width:230px;height:210px; }
.fall-games>ul>li>.cover{position:relative;width:230px;height:129px;overflow:hidden;}
.fall-games>ul>li>.cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;cursor:default;z-index:1;}
.fall-games>ul>li>.cover>.links{position:absolute;top:100%;width:100%;height:100%;text-align:center;z-index:2;background-color:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#bb000000);transition:top ease-in-out 0.3s;}
.fall-games>ul>li>.cover>.links>.btn-start { display:block;margin:40px auto 10px;width:120px;height:40px;line-height:40px;border-radius:20px;}
.fall-games>ul>li>.cover>.links>.more{color:#3598da;}
.fall-games>ul>li:hover>.cover>.links{top:0;}
.fall-games>ul>li>.name{ font-weight:bold; padding-top:8px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fall-games>ul>li>.name>a:hover{ color:#3598da; }
.fall-games>ul>li>p{ color:#999; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}