/*手游页面*/
html{ font-size:100%;} body { margin:0; color: #666; font:12px/1.5 "microsoft yahei", Arial, sans-serif;} dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;} ul, ol { padding-left:0; list-style-type:none;} img { border:0;} a { color: #333; text-decoration:none; outline: 0 none;} a:hover { color: #000; text-decoration:none;} a, button { cursor:pointer} table { border-collapse:collapse; border-spacing:0} input, select, img { vertical-align:middle;} a, input, button { padding:0; margin:0; outline:0} i,em {font-style: normal;} .fl { float: left; display: inline;} .fr { float: right; display: inline;} .dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;} .tc { text-align: center;} .fz14 { font-size: 14px;} .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;}
.header{min-width:1000px;position:relative;z-index: 5;background: #fff;}
.hd-top{height:30px;color:#9e9e9e;border-bottom:1px solid #ececec;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1); background: #fff; position:relative; z-index: 3;}
.hd-top a{color:#9e9e9e}
.hd-top a:hover{color:#e1405a}
.hd-left{width:50%; position:relative;}
.home-opt{width:160px;line-height:30px;float:left}
.home-search{height:24px;margin-top:4px;position:relative;float:left;_overflow:hidden;}
.search-txt{width:170px;height:20px;line-height:20px;border:1px solid #d6d4d2;padding:0 8px;*margin-top: -1px;transition: border .4s ease;}
.search-txt:hover,.search-txt:focus{border-color: #e1405a;}
.search-btn{width:22px;height:22px;cursor:pointer;background-color:transparent;position:absolute;top:0;right:0;border:0 none;outline:0 none;}
.search-rem { width: 186px; height: auto; border: 1px solid #f2f2f2; background: #fff; position:absolute; top: 22px; left: 0px; }
.search-rem li { color: #575757; }
.search-rem .a { padding: 13px 22px; height: 16px; line-height: 16px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.search-rem .b { padding: 13px 22px; height: 44px; overflow:hidden; background: #f2f2f2; display: none;}
.search-rem .img { width: 44px; height: 44px; margin-right: 18px; float: left; display: inline;}
.search-rem .name { display: block; width: 76px; height: 16px; line-height: 16px; font-size: 14px; color: #595959; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.search-rem .btn-play { display: block; width: 64px; height: 18px; line-height: 18px; border-radius: 10px; text-align: center; border: 1px solid #b0b0b0; color: #b0b0b0; margin-top: 8px;}
.search-rem .active .a { display: none; }
.search-rem .active .b { display: block; }
.search-rem .btn-play:hover { border-color: #e1405a; color: #fff!important; background: #e1405a;}
.hd-right{position:relative;}
.hd-right .item{height:30px;line-height:30px;float: left;margin-left:10px}
.hd-right i{display:inline-block;vertical-align:top;width:22px;height:30px;*vertical-align:middle}
.hd-right .gap { height: 30px; line-height: 28px; float: left; margin-left: 10px; }
.top-user-mod { float: left; }
.user-vip-wp {float: left;position:relative;}
.user-vip {position:relative;}
.user-vip i { background-position: -76px -36px; }
.user-vip em { font-size: 9px; color: #e1405a; font-family: 'Arial'; position:absolute; top: 5px; left: 10px; -webkit-transform: scale(0.75);}
/*h5页面top*/
.pch5top-list { margin-right: -31px; clear:both}
.pch5top-list li { width: 276px; height: 310px; text-align: center; margin-right: 31px; float: left; transition: all .2s ease-in-out;;}
.pch5top-list li:hover { box-shadow: 0 0 5px #03b4f5;}
.pch5top-list .img {    background: url(../images/picbg.png) no-repeat center; display: block; height: 200px; overflow: hidden; position: relative;}
.pch5top-list .img img{ width:276px; height:200px;}
.pch5top-list .name { margin-top: 15px; font-size: 16px;}
.pch5top-list .type {  margin:5px 0; }
/*h5页面推荐*/
.pch5tj-tit { height: 30px; line-height: 30px; color: #383838; font-size: 22px; margin: 20px 0; position: relative;}
.pch5tj-tit .icon { width: 30px; height: 30px; }
.i-gift {background-position: 4px -656px;}
.pch5tj-filter { margin-bottom: 10px; padding: 18px 0 18px 20px; font-size: 16px; }
.pch5tj-filter .filter-item { height: 40px; line-height: 40px; }
.pch5tj-filter .filter-item span { color: #03b4f5; float: left;}
.pch5tj-filter .filter-item .fil { width: 750px; overflow-wrap: break-word; float: left; }
.pch5tj-filter .filter-item a { min-width: 10px; height: 24px; line-height: 24px; color: #999; border-radius: 15px; text-align: center; padding: 0 7px; margin: 8px 10px 0 0; font-size: 14px; float: left;}
.pch5tj-filter .filter-item a:hover, .pch5tj-filter .filter-item .active { color: #fff; background: #03b4f5; }
.pch5tj-list { margin-right:-30px;}
.pch5tj-list li { width:236px; height: 98px; float:left; margin:0 10px 17px 2px; line-height: 24px; padding: 14px 10px 18px 10px; position:relative; transition: all 0.3s ease-in;}
.pch5tj-list li:hover { box-shadow: 0 0 5px #03b4f5;}
.pch5tj-list .img { width: 98px; height: 98px; float: left;    background: url(../images/picbg.png) no-repeat center;}.pch5tj-list .img img{ width:98px; height:98px;}
.pch5tj-list .info { width: 120px; padding: 0 0 0 15px; float: left;}
.pch5tj-list .name { display: block; font-size: 16px; color: #666; margin-top: 3px; height:28px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pch5tj-list .sname { display: block; font-size: 14px; color:#aaa; }
.pch5tj-list .data { text-indent:6px; color: #999;}
.pch5tj-list .progress-box{font-size:12px; line-height:18px; margin:8px 0 10px 6px;color:#aaa;}
.pch5tj-list .progress{width:179px; height:11px; overflow:hidden; font-size:12px; vertical-align:middle;}
.pch5tj-list .progress i{height:11px;}
.pch5tj-list .btn-getgift { clear:both; display:inline-block; margin-left:15px;width: 95px; height:28px; line-height:28px; border-radius: 18px; color: #999; font-size: 15px; text-align: center; border:1px solid #ddd; }
.pch5tj-list .btn-getgift:hover { background: #03b4f5; color:#fff;}

.pch5left{ float:left; width:810px;}


/*h5页面hot*/
.pch5hotlist { overflow: hidden;}
.pch5hotlist li { display: block;width:170px; padding:4px 0; text-align: center; border: 1px solid #fff; border-radius: 5px; margin:5px 13px 4px 12px; float: left; position: relative; display: inline; transition: border 0.4s ease;}
.pch5hotlist li .item { display: block;}
.pch5hotlist li .img{ display:block; width:165px; height:120px; }
.pch5hotlist li img{ width:140px; height:120px; border-radius:5px;}
.pch5hotlist .fav-add img { border-radius: 0;}
.pch5hotlist li p { font-size: 14px; color: #666; transition: color 0.4s ease; height:28px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pch5hotlist li em { display:block; clear:both; color: #aaa; padding:5px 0;}
.pch5hotlist li .hpbtn { display: block; width: 108px; height: 28px; line-height: 28px; font-size: 12px; text-align: center; color: #999; margin: auto; transition: 0.4s ease;}
.pch5hotlist li:hover { border-color: #e6e6e6;}
.pch5hotlist li:hover p { color: #03b4f7;}
.pch5hotlist .hpbtn{ border:1px solid #e6e6e6; border-radius:5px;}
.pch5hotlist .hpbtn:hover { color: #fff; border-color: #03b4f7; background: #03b4f7;}
	
/*h5页面news*/
.pch5newstab .nd-list{ height:auto;}
.pch5newstit{ display:inline-block; color:#ccc; font-size:14px;}
.pch5newstit span{ font-size:16px; margin:0 10px; cursor:pointer; color:#333;}
.pch5newstit span.cur{ color:#03b4f5;}
.pch5newstab .nd-list{ display:none;}

.hd-menu{height:82px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);position:relative;z-index:2;}
.index-hd-menu{-webkit-box-shadow:none;box-shadow:none;}
.hd-menu .logo{width:124px;height:62px;line-height:62px;float:left;position:relative;z-index:3; background:url(../images/logobg.png) no-repeat; margin:10px 10px 0 0;}
.hd-menu .logo a{display:block;}
.hd-menu .menu{float:left;position:relative;z-index:3;}
.hd-menu .menu li{margin-right:26px;overflow:hidden;float:left;display:inline}
.hd-menu .menu li a{display:block;height:82px;font-size:14px;color:#845d55;overflow:hidden;float:left;position:relative}
.hd-menu .menu .active a{color:#e1405a}
.hd-menu .menu span{display:inline-block;vertical-align:top;height:79px;line-height:79px;text-align:center}
.hd-menu .menu i{display:block;width:0;height:4px;overflow:hidden;background:#e1405a;margin:0 auto;*position:absolute;bottom:0;left:0}
.hd-menu .menu a,.hd-menu .menu i{-webkit-transition:all linear .2s;-mz-transition:all linear .2s;-moz-transition:all linear .2s;transition:all linear .2s}
.hd-menu .menu .active i,.hd-menu .menu a:hover i{width:100%}
.hd-menu .nirem { width: 200px; height: 82px; overflow:hidden; float: left; }

.wrapper { min-width: 1200px; overflow: hidden; background: #f1f2f3;}
.c-blue { color: #03b4f5;}
.c-red { color: #f00;}
.icon, .slide-next:before, .slide-prev:before { display: inline-block; vertical-align: top; *vertical-align: middle; background: url(../images/syico.png) no-repeat;}
.c_web_icon, .c_home_icon, .c_add_icon, .c_login_icon, .c_reg_icon, .down_ico, .game_list_icon, .search_btn, .user_level_vip, .tips_user_nomsg, .tips_user_msg{background:url(../images/syicotop.png) 0 0 no-repeat;}
.laybox { border-radius: 5px; overflow: hidden; background: #fff; zoom: 1;}
.g-top { height: 48px; padding-top: 2px; color: #a9a9a9; background: #fff url(/images/2016/gtop.jpg?201702221112) top center no-repeat; position: relative; z-index: 9;}
.g-top a { color: #a9a9a9;}
.g-top a:hover { color: #03b4f5;}
.g-main { width: 1200px; margin: 0 auto; position: relative;}
.g-top .g-main { height: 47px; line-height: 47px; border-bottom: 1px solid #e8e8e8;}
.g-top-left { margin-left: -5px;}
.g-top-right { margin-right: -5px;}
.g-top a, .g-top span { display: inline-block; margin: 0 10px;}
.g-top span a { margin: 0;}
.g-top .logined { display: none;}
.i-phone, .i-mail, .i-user, .i-pc, .i-list { zoom: 1; width: 18px; height: 14px; vertical-align: middle; background-position: 0 0; position: relative; top: -1px; *top:1px;}
.i-mail { background-position: 0 -30px;}
.i-user { background-position: 0 -60px;}
.i-pc { background-position: 0 -89px;}
.i-garr { background-position: 0 -780px;}
.i-list { background-position: 4px -118px;}
.g-allgame-trigger.active { color: #03b4f5;}
.g-allgame-trigger:hover .i-list, .g-allgame-trigger.active .i-list { background-position: 4px -148px; }
.i-add { width: 30px; height: 30px; background-position: 7px -172px;}
.g-allgame-list .fd:hover .i-add { background-position: 7px -202px;}
.g-allgame-list .i-garr { width: 11px; height: 6px; position: absolute; top: -6px; right: 36px;}
.g-btn, .g-btn-s { display: inline-block; vertical-align: top; width: 88px; min-width: 88px; height: 28px; line-height: 28px; text-align: center; color: #9f9f9f; border: 1px solid #c7c7c7; border-radius: 15px; cursor: pointer; background: #fff; font-family: 'microsoft yahei'; font-size: 12px; box-sizing: content-box;}
.g-btn-s { width: 72px; min-width: 72px; height: 24px; line-height: 24px;}
.g-btn:hover, .g-btn-s:hover { color: #fff; border-color: #03b4f5; background: #03b4f5;}
/*.g-header*/
.top_sub_main{width:100%; height:35px; background:#fff; color:#999; border-bottom:1px solid #ececec; box-shadow: 0 1px 2px rgba(0,0,0,.05); position: relative; z-index:5;}
.top_sub_nav{width:1200px; margin:0 auto; position:relative; z-index:100;}
.sub_nav_left, .sub_nav_right{line-height:35px;}
.sub_nav_left a{display:inline-block; height:35px; padding-left:22px; font-size:12px; color:#999; margin-right:14px; position:relative;}
.sub_nav_left a:hover, .top_login_tips a:hover{color:#03b4f5; transition:all 0.4s ease-in-out; text-decoration:none;}
.c_web_icon, .c_home_icon, .c_add_icon, .c_login_icon, .c_reg_icon, .down_ico, .game_list_icon, .user_level_vip, .tips_user_nomsg, .tips_user_msg{width:18px; height:16px; position:absolute; top:10px; left:0px;}
.c_web_icon{background-position:-33px -11px;}
.c_home_icon{background-position:-31px -46px;}
.c_add_icon{background-position:-32px -82px;}
.c_login_icon{background-position:-31px -154px; top:9px;}
.c_reg_icon{background-position:-31px -226px; top:9px;}
.down_ico{background-position:-2px -263px; width:22px;}
.game_list_icon{background-position:-29px -298px; left:auto; right:0px;}
.user_level_vip{background-position:-4px -334px; top:8px;}
.tips_user_nomsg{background-position:-32px -190px; top:9px;}
.tips_user_msg{background-position:-32px -369px; top:9px;}
/*.top_sub_nav a:hover i{transition:all 0.4s ease-in-out;}*/
.top_sub_nav a:hover .c_web_icon{background-position:-6px -11px;}
.top_sub_nav a:hover .c_home_icon{background-position:-4px -46px;}
.top_sub_nav a:hover .c_add_icon{background-position:-5px -82px;}
.top_sub_nav a:hover .c_login_icon{background-position:-4px -154px;}
.top_sub_nav a:hover .c_reg_icon{background-position:-4px -226px;}
.top_sub_nav a:hover .tips_user_nomsg{background-position:-5px -190px;}
.top_sub_nav a:hover .tips_user_msg{background-position:-5px -369px;}
.all_games_ico:hover .game_list_icon{background-position:-2px -298px;}

.top_login_tips a{float:left; display:inline; height:35px; padding-left:22px; font-size:12px; color: #999; position:relative;}
.top_login_tips a.t_btn1{padding-right:10px;}
.top_login_tips a.t_user_name, .top_login_tips a.t_user_out{padding-left:0; margin-right:10px;}
.top_login_tips a.t_btn2{margin:0 5px;}
.top_login_tips a.user_vip{margin-right:5px;}
.user_vip .top_user_level{position:absolute; font:8px/12px \9ED1\4F53; color:#03b4f5; left:10px; top:15px;}
.all_games_ico{display:inline-block; vertical-align:top; width:58px; height:35px; line-height:35px; margin-left:12px; padding-right: 12px; text-indent:3px; cursor:default; position:relative;}

.sub_nav_search{width:158px; height:22px; margin:6px 0 0 10px; border:1px solid #7cdcff; border-radius:3px; overflow:hidden; background:#fff;}
.sub_nav_search:hover { border-color: #03b4f5;}
.top_sub_main .search_txt {width:128px; height:16px; padding:3px 0; font:12px/16px \5FAE\8F6F\96C5\9ED1; outline:none; color:#999; text-indent:5px; border:none; background:none; float:left;}
.top_sub_main .search_btn {width:30px; height:22px; cursor:pointer; border:none; background-position:3px -116px; float:left;}

.slide-box{width:100%;height:500px;position:absolute;left:0;z-index: 2;}
.slide-box .slide-bd li{width:1920px;height:500px;position:absolute;top:0;left:50%;margin-left:-960px;display:none;}
.slide-box .slide-bd li:before { width: 100%; height: 40px; overflow:hidden; content: '';position:absolute; top: 0px; left: 0px; }
.slide-box .slide-bd a{display:block;height:500px;position:relative}
.slide-box .slide-bd .kv-bg{ width:1920px;height:500px;position:absolute;top:0;left:50%;margin-left:-960px;}
.slide-box .slide-bd .kv-txt{width:1920px;height:500px;position:absolute;top:0;left:50%;margin-left:-960px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transform:translateY(-130px);-moz-transform:translateY(-130px);-ms-transform:translateY(-130px);transform:translateY(-130px);opacity:0;filter:alpha(opacity=0)}


.g-header { height: 100px; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.1); position: relative; z-index: 2;}
.g-logo { width: 160px; height: 100px; text-indent: -999px; overflow: hidden; background: url(../images/sylogobg.png) no-repeat;}
.g-menu { height: 100px;/* overflow: hidden; width: 696px;*/}
.g-menu a { display: block; height: 100px; color: #1e1e1e; font-size: 18px; margin-left: 30px; position: relative; transition: color 0.2s ease-in; float: left; _display: inline; zoom: 1;}
.g-menu a span { display: inline-block; vertical-align: top; height: 95px; line-height: 100px; overflow: hidden;}
.g-menu a:hover, .g-menu .active { color: #c22525;}
.g-menu a:hover i, .g-menu .active i { width: 100%;}
.g-menu a i { display: block; width: 0%; height: 5px; margin: 0 auto; overflow: hidden; background: #c22525; *position: absolute; bottom: 0px; left: 0px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.g-menu a .yanhua_ico{ background:url(/images/2016/2018cj/yanhua.png) center top no-repeat; width:0; height:40px; position:absolute; top:15px; right:-30px;}
.g-menu a:hover .yanhua_ico,.g-menu .active .yanhua_ico{width:30px;-webkit-animation:bounceIn ease-in-out 400ms; animation:bounceIn ease-in-out 400ms;}
  @-webkit-keyframes bounceIn{
	  0%{opacity:0.8; -webkit-transform:scale(0.3,0.3);}
	  40%{opacity:0.8; -webkit-transform:scale(0.6,0.6);}
	  80%{opacity:0.8; -webkit-transform:scale(0.9,0.9);}
	  100%{opacity:1.0; -webkit-transform:scale(1.0,1.0);}
  }	
/*.g-footer*/
.g-flinks { width: 100%; height: 84px; line-height: 80px; margin-top: 45px; overflow: hidden; position: relative; background: #fff url(../images/sybotlinkbg.jpg) top center no-repeat;}
.g-flinks .links { padding-left: 220px;}
.g-flinks .links a { font-size: 14px; color: #8c8b8b; margin: 0 5px;}
.g-flinks .links a:hover { color: #03b4f5;}
.g-footer { text-align: center; line-height: 30px; color: #999898; padding: 30px 0 20px 0; background: #fff;}
.g-footer a { color: #999898;}
.g-footer a:hover { color: #03b4f5;}
.legal-1, .legal-2, .legal-3, .legal-4, .legal-5, .legal-6 { display: inline-block; width: 50px; height: 50px; background: url(../images/botwang.png) no-repeat;}
.legal-2 { background-position: 0 -50px;}
.legal-3 { background-position: 0 -100px;}
.legal-4 { background-position: -50px 0;}
.legal-5 { background-position: -50px -50px;}
.legal-6 { background-position: -50px -100px;}
/*.g-sidefun*/
.g-sidefun { border-radius: 0 0 5px 5px; width:52px; padding:71px 15px 0 17px; position: fixed; _position: absolute; bottom: 200px; right: 27px; z-index:9999}
.g-sidefun a { display: block; width: 50px; height: 30px; background:#f30000; padding: 11px 0 10px 0; text-align: center; border-bottom: 1px solid #e5e5e5; position: relative;}
/*.g-sidefun a:first-child { border-radius: 5px 5px 0 0;}
.g-sidefun a:last-child { border-radius: 0 0 5px 5px;} */
.g-sidefun a:hover { opacity:0.85;}
.i-qr, .i-olkf, .i-totop { width: 30px; height: 30px;}
.g-sidefun .qrcode .i-qr { background-position: 2px -898px;}
.g-sidefun .olkf .i-olkf { background-position: 0 -927px;}
.g-sidefun .totop .i-totop { background-position: 2px -958px;}
.g-sidefun .wechat-content { width: 168px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; position: absolute; right: 60px; top: -134px; display: none;}
.g-sidefun .wechat-content p { margin: -8px 0 6px 0;}
.g-sidefun .wechat-content span { color: #03b4f5;}
.g-sidefun .arrow { width: 8px; height: 13px; background: url(../images/sybotrightarrow.png) no-repeat; position: absolute; bottom: 20px; right: -8px;}
.g-sidefun .qrcode:hover .wechat-content { display: block;}
/*.pagination*/
.pagination { width: 100%; height: 32px; line-height: 32px; text-align: center; margin: 20px 0 40px 0; overflow: hidden;}
.pagination a { color: #999; padding: 6px 12px; border: 1px solid #cfcfcf; margin: 0 6px; border-radius: 5px; background: #fff;}
.pagination .page:hover, .pagination .nextPage:hover, .pagination .more:hover, .pagination .current, .pagination .on { color: #fff; border: 1px solid #03b4f5; background: #03b4f5;}
.pagination .disabled { color: #d5d5d5; background: rgba(208,206,206,.45); cursor: default;}

/*icon*/
.pf-android, .pf-ios { display: inline-block; vertical-align: middle; width: 18px; height: 20px; background: url(../images/syico3.png) no-repeat;}
.pf-ios { background-position: 0 -30px;}
/*pf-btn*/
.w-btn-android, .w-btn-ios { display: block; width: 188px; height: 50px; line-height: 50px; text-indent: 55px; border-radius: 5px; color: #fff; font-size: 20px; overflow: hidden;}
.w-btn-android { background: #57a335 url(../images/syico-i-android.png) 12px center no-repeat; }
.w-btn-ios { font-size: 18px; background: #070506 url(../images/syico-i-ios.png) 12px center no-repeat; }
.w-btn-android:hover, .w-btn-ios:hover { color: #fff; opacity: .9;}
/*kill ie*/
.killie { width: 100%; height: 30px; line-height: 30px; color: #c7a17b; text-align: center; background: #ffffe1;}
.killie a { color: #3399ff;}
.killie a:hover { text-decoration: underline;}
/* 搜索 */
.search-which-game{width:155px; height:24px; margin-top:11px; border:1px solid #03b4f5; border-radius:4px; position:relative; background:url(/images/2016/search_btn.jpg?201702221112) center right no-repeat;}
.search-txt{padding-left:10px; height:24px; display:block; font:14px/24px \5FAE\8F6F\96C5\9ED1; color:#999; border:none; background:none; width:118px;}
.search-btn{position:absolute; width:28px; height:24px; border:none; background:none; cursor:pointer; top:0; right:0;}

.header .search-txt{width:170px;height:20px;line-height:20px;border:1px solid #d6d4d2;padding:0 8px;*margin-top: -1px;transition: border .4s ease;}
.header .search-txt:hover,.header .search-txt:focus{border-color: #e1405a;}
.header .search-btn {background-position: -40px -40px;}
.footer{width:100%;background:#fff; margin-top:20px;}
.col1 {color: rgb(225, 64, 90);}
.links-box{padding:25px 0;border-bottom:1px solid #e4e4e4;}
.links-list{height:30px;line-height:30px;overflow:hidden;position:relative}
.links-list a{margin-right:20px;color:#9fa0a0;white-space:nowrap}
.links-list span { float: left; }
.links-list .lbox { width: 870px; margin-left: 6px; float: left; display: inline;}
.links-list .lboxwidth{ width:1100px;}
.J1200 .links-list .lbox { width: 1100px; }
.remgame-box, .friends-box { position:relative; }
.links-box .more{width:30px;height:30px;position:absolute;top:0;right:0;}
.links-box .morev{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.links-box .links-auto { height: auto;}
.coinfo{line-height:20px;padding:34px 0;overflow:hidden;color: #797979;position:relative;}
.coinfo a {color: #797979;}
.coinfo .info{margin-left:30px}
.coinfo .about{margin-bottom:15px}
.coinfo .about a{height:14px;line-height:14px;font-size:14px;margin-right:15px;}
.legal-list{position:absolute;top:20px;right:0;overflow:hidden}
.legal-list a{width:auto;height:30px;line-height:15px;padding:8px 10px 8px 50px;-webkit-border-radius:23px;border-radius:23px;overflow:hidden;color:#797979;margin-left:15px;float:left;background:#f2f2f2 url(../images/legal.png) no-repeat}
.legal-list .legal-1{background-position:10px 6px}
.legal-list .legal-2{background-position:10px -44px}
.legal-list .legal-3{background-position:10px -94px}
.icon-hot,.icon-new{display:inline-block;width:11px;height:11px;line-height:11px;overflow:hidden;}
.icon-hot { background-position: -117px -169px; }
.icon-new { background-position: -117px -190px; }
.w1200{width:1200px!important;margin:0 auto}
.links-box .more{background-position:-70px 12px}.hd-right .to-login i,.hd-right .to-reg i,.hd-right .all-game-btn i,.search-btn,.links-box .more,.user-vip i,.user-msg i,.vip-box .vip,.vip-box .vitem i,.msg-box .c,.safe-mod .close,.safe-mod .hd i,.icon-hot,.icon-new{background-image:url(../images/litico.png);background-repeat: no-repeat;}
/*.slide-box*/
.slide-box{ width: 100%; height: 500px; position: relative;}
.slide-box .slide-bd { height: 500px; overflow: hidden; position: relative; border-top:1px solid #fafafa;} 
.slide-bd li { width: 100%; height: 500px; text-align: center; position: absolute; top: 0px; left: 50%; margin-left: -960px; display: none;}
.slide-next, .slide-prev { width: 45px; height: 80px; line-height: 200; overflow: hidden; position: absolute; top: 210px; left: 0px; background: #000; opacity: 0.5; filter:alpha(opacity=50); z-index: 6;}
.slide-next { left: auto; right: 0px; background-position: -68px -434px;}
.slide-next:hover, .slide-prev:hover { background: #03b4f5; opacity: 1;}
.slide-next:before, .slide-prev:before { display: block; width: 14px; height: 25px; margin: 28px auto 0; content: '';}
.slide-prev:before { background-position: 0 -240px;}
.slide-next:before { background-position: 0 -270px;}
.slide-nav { width: auto; height: 24px; line-height: 20px; padding: 0 12px; overflow: hidden; text-align: center; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.5); position: absolute; bottom: 20px; left: 50%; border-radius: 15px; z-index: 6;}
.slide-nav li { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 6px; line-height: 99px; overflow: hidden; border-radius: 50%; background: #434343;  *display: inline; *zoom: 1;}
.slide-nav li:hover, .slide-nav .active { margin: 0 3px; border: 3px solid #fff; border: 3px solid rgba(255,255,255,1); background: #03b4f5;}
/* 幻灯视频弹窗 IE67不显示 */
.svideo-target { width: 1200px; height: 500px; cursor: pointer; position:absolute; top: 0px; left: 50%; margin-left: -600px; z-index: 3; *display: none;}
.index-video-box { width: 800px; height: 520px; position: fixed; top: 50%; left: 50%; margin: -260px 0 0 -400px; z-index: 8; background: url('/images/2016/pf_video.png?20171230') no-repeat; display: none;}
.ivideo { width: 640px; height: 360px; line-height: 360px; text-align: center; font-size: 18px; color: #fff; position:relative; top: 135px; left: 81px; background: #ab0118;}
.iv-close { width: 42px; height: 42px; position:absolute; top: 57px; right: 47px; }
/*.g-container*/
.g-container {}
.g-tit .icon { width: 30px; height: 30px;}
.i-crown { background-position: 0 -295px;}
.i-refresh { background-position: 3px -325px;}
.i-downl { width: 14px; height: 32px; background-position: 0 -741px;}
.i-like { width: 30px; height: 30px; background-position: 0 -360px; *vertical-align: middle;}
.i-fire { background-position: 0 -420px;}
.i-s, .i-h, .i-n { width: 12px !important; height: 9px !important; vertical-align: middle !important;}
.i-s { background-position: 0 -450px;}
.i-h { background-position: 0 -480px;}
.i-n { background-position: 0 -510px;}
.i-cup { background-position: 0 -535px;}
.i-sms { background-position: 0 -564px;}
.i-star { background-position: 0 -597px;}
.i-book { background-position: 0 -998px;}
.i-fire02 { background-position: 0 -1028px;}
.i-rocket { background-position: 0 -625px;}
.i-gift { background-position: 4px -656px;}
.i-more { background-position: 13px -683px;}
.i-rgift { background-position: 3px -717px;}
.g-tit { height: 30px; line-height: 30px; color: #383838; font-size: 22px; margin: 20px 0; position: relative;}
.g-tit a:hover { color: #03b4f5;}
.btn-refresh, .btn-more { font-size: 16px; position: absolute; top: 0px; right: 0px;}
.g-tit .btn-more { width: 38px; padding-right: 16px; background-position: 38px -683px; }
.btn-refresh .i-refresh {}
.btn-refresh:hover .i-refresh { transition: all 0.8s ease; transform: rotate(360deg);}
.rmd-game-list { margin-right: -30px;}
.rmd-game-list li { width: 380px; margin-right: 30px; float: left;}
.rmd-game-list .game-pic { display: block; width: 380px; height: 176px; overflow: hidden; position: relative; background: url(../images/sypicbg.png) no-repeat center;}
.rmd-game-list .hot-font { position: absolute; width: 380px; height: 176px; top: -100%; left: 0; opacity: 0; filter: alpha(opacity=0);}
.rmd-game-list .hot-font .bg { width: 380px; height: 176px; opacity: .85; background: #03b4f5; position: absolute; top: 0; left: 0; filter: alpha(opacity=85);}
.rmd-game-list .hot-font .con { position: absolute; top: 0; left: 0; z-index: 2; padding: 40px 0 0 24px; overflow: hidden; }
.rmd-game-list .hot-font .font-qr { float: left; margin: 0 30px 0 0; }
.rmd-game-list .hot-font .txt { float: left; width: 226px; height: 32px; line-height: 32px; color: #fff; font-size: 14px;}
.rmd-game-list .game-pic:hover .hot-font { opacity: 1; filter: alpha(opacity=100); top: 0 }
.rmd-game-list .game-pic .f-turn, .hot-game-list .enter-web {-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
.rmd-game-list .game-info { height: 140px; padding: 0 16px;}
.rmd-game-list .game-name { height: 22px; line-height: 22px; font-size: 22px; padding-top: 20px; font-weight: normal;}
.rmd-game-list .game-intro { height: 26px; line-height: 26px; color: #9f9f9f; margin: 12px 0 20px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.rmd-game-list .game-other { line-height: 30px; text-align: right;}
.btn-like:hover .i-like { background-position: 0 -390px;}
.btn-like { color: #9f9f9f; margin-right: 10px;}
/*.hot-game-list*/
.mod-hot-game { width: 790px;}
.mod-hot-game .hot-game-list { margin-right: -20px;}
.g-tit .itip { font-size: 12px;}
.g-tit .itip em { margin-left: 10px;}
.hot-game-list li { width: 250px; height: 130px; color: #999; margin: 0 20px 20px 0; float: left; display: inline; transition: all .2s ease-in-out;}
.hot-game-list li:hover { box-shadow: 0 0 5px #03b4f5;}
.hot-game-list .a { margin: 16px 0 0 0; }
.hot-game-list .img { display: block; margin: 0 14px; border-radius: 5px; overflow: hidden;}
.hot-game-list .img img { max-width:100%; height: auto!important;}
.hot-game-list .ginfo { width: 125px; overflow:hidden; }
.hot-game-list .gname { display: block; width: 126px; font-size: 14px; color: #666; margin: 10px 0 6px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hot-game-list .gname:hover { color: #03b4f5;}
.hot-game-list .g-btn { width: 72px; height: 24px; line-height: 24px; margin-top: 10px;}
.hot-game-list .gname .icon { position: relative; top: -4px;}
.hot-game-list .pf { margin: 10px 0; }
.hot-game-list .b { margin: 10px 0 0 0;}
.hot-game-list .b .img { width: 85px; height: 85px; }
.hot-game-list .dl-group { height: 92px; overflow: hidden; }
.w-btn-android, .w-btn-ios { width: 120px; height: 38px; line-height: 38px; font-size: 12px; text-indent: 32px; background-size: 14px; margin-bottom: 9px;}
.btn-hp { display: block; width: 100%; height: 28px; line-height: 28px; text-align: center; color: #fff; background: #03b4f5; }
.btn-hp:hover { color: #fff; }
.hot-game-list .active .a { display: none; }
.hot-game-list .active .b { display: block; }
/*.mod-rank-game*/
.mod-rank-game { width: 382px;}
.rank-game-list { height: 400px; padding: 8px 10px 16px;}
.rank-game-list li { height: 22px; padding: 8px 0px; border-bottom: 1px dotted #cecece; vertical-align: top; overflow: hidden; position: relative;;}
.rank-game-list .active .rank { margin-top: 24px;}
.rank-game-list .rank { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 5px; background: #ccc;}
.rank-game-list .rank-0 { background: #fd5253;}
.rank-game-list .rank-1 { background: #ff7b41;}
.rank-game-list .rank-2 { background: #ffad2b;}
.rank-game-list .desc { width:342px; height: 22px; line-height: 18px; position: absolute; top: 8px; right: 0px;}
.rank-game-list .name { display: inline-block; vertical-align: middle; width: 210px; padding: 0 18px; font-size: 14px; color: #666;}
.rank-game-list .type { color: #999;}
.rank-game-list .detail { background: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 8px; right: 0px; transform: scale(0.8);}
.rank-game-list .detail .img { display: block; width: 68px; height: 68px; border-radius: 15px; padding:0 18px; overflow: hidden;}
.rank-game-list .detail .info { width: 148px; height: 70px; overflow: hidden;}
.rank-game-list .detail .name { height: 22px; line-height: 22px; padding: 0; color: #fd5253; margin-top: 12px; font-size: 14px;}
.rank-game-list .g-btn { width: 72px; height: 24px; line-height: 24px; margin-top: 20px;}
.rank-game-list .active { height: 70px; padding: 9px 0;}
.rank-game-list .active .desc { opacity: 0; filter: alpha(opacity=0);}
.rank-game-list .active .detail { opacity: 1; filter: alpha(opacity=100); transform: scale(1); transition: all 0.3s ease-in-out;}
/*.mod-zx-box*/
.mod-zx-box .hd .cr, .mod-hd-box .hd .cr { width: 38px; height: 38px; background: url(/images/2016/corner.png?201611051634) no-repeat; position: absolute; top: 0px; left: 0px; z-index: 2;}
.mod-hd-box .hd .cr { background-position: -38px 0;}

.mod-zx-box { width: 380px;}
.mod-zx-box .zx-list { width: 350px; height: 406px; padding: 15px;}
.mod-zx-box .hd { overflow: hidden; position: relative;}
.mod-zx-box .hd img { transition: all 0.3s ease-in-out;}
.mod-zx-box .hd:hover img { transform: scale(1.1);}
.mod-zx-box .bd { padding: 10px 0;}
.mod-zx-box .bd li { width: 100%; height: 24px; line-height: 24px; overflow: hidden; margin-top: 10px; vertical-align: top;}
.mod-zx-box .bd span { float: left;}
.mod-zx-box .bd .type-1, .mod-zx-box .bd .type-2 { width: 35px; height: 24px; text-align: center; color: #999; background: #f7f7f7;}
.mod-zx-box .bd .type-1 { border-left: 2px solid #f36161;}
.mod-zx-box .bd .type-2 { border-left: 2px solid #44b3f8;}
.mod-zx-box .bd .tit { width: 258px; padding: 0 10px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mod-zx-box .bd .date { width: 35px;}
.mod-zx-box .bd a { color: #666;}
.mod-zx-box .bd a:hover { color: #03b4f5;}
/*.mod-hd-box*/
.mod-hd-box a img ,.mod-news-box a img ,.mod-rm-box a img{ transition: all 0.3s ease-in-out;}
.mod-hd-box a:hover img ,.mod-news-box a:hover img ,.mod-rm-box a:hover img{ transform: scale(1.1);}
.mod-hd-box { width: 330px; margin: 0 29px;}
.mod-hd-box .hd-list { width: 350px; height: 406px; padding: 15px;}
.mod-hd-box .hd { display: block; width: 352px; height: 200px; margin-bottom: 6px; overflow: hidden; position: relative;}
.mod-hd-box .hd p { width: 100%; height: 26px; line-height: 26px; color: #fff; text-align: center; background: rgba(0,0,0,.5); *background: #000; position: absolute; left: 0px; bottom: 0px;}
.mod-hd-box .bd { margin-right: -28px;}
.mod-hd-box .bd a { margin: 18px 20px 0 0; float: left; position: relative;}
/*.mod-channel-box*/
.mod-channel-box .channel-list { width: 380px; height: 436px;}
.mod-channel-box .hd { overflow: hidden; width: 382px; /*margin-right: -1px;*/ border-bottom: 1px solid #e6e6e6;}
.mod-channel-box .hd .item { width: 126px; height: 70px; text-align: center; font-size: 14px; color: #999; border-right: 1px solid #e6e6e6; float: left; position: relative; transition: color 0.4s ease;}
.mod-channel-box .hd i, .mod-channel-box .server-online i { background: url(../images/syicochannel.jpg) no-repeat;}
.mod-channel-box .hd .s, .mod-channel-box .hd .s1, .mod-channel-box .hd .s2 { display: block; vertical-align: top; width: 100%; height: 2px; overflow: hidden; }
.mod-channel-box .hd .s1 { height: 1px; background: #e6e6e6; position: absolute; top: 0px; left: 0px; z-index: 1;}
.mod-channel-box .hd .s2 { width: 0px; margin: 0 auto; position: relative; z-index: 2; transition: all 0.4s ease;}
.mod-channel-box .hd i { display: inline-block; vertical-align: top; width: 30px; height: 30px; margin: 8px 0 2px 0;}
.mod-channel-box .item:hover .s2 { width: 100%;}
.mod-channel-box .item-1 .s1, .mod-channel-box .item-2 .s1, .mod-channel-box .item-3 .s1 { background: #fff;}
.mod-channel-box .item-1 i { background-position: 4px 0;}
.mod-channel-box .item-2 i { background-position: 0 -30px;}
.mod-channel-box .item-3 i { background-position: 4px -60px;}
.mod-channel-box .item-4 i { background-position: 0 -90px;}
.mod-channel-box .item-5 i { background-position: 0 -120px;}
.mod-channel-box .item-6 i { background-position: 0 -150px;}
.mod-channel-box .item-7 i { background-position: 0 -180px;}
.mod-channel-box .item-8 i { background-position: 2px -210px;}
.mod-channel-box .item-9 i { background-position: 0 -240px;}
.mod-channel-box .item-1:hover i { background-position: -26px 0;}
.mod-channel-box .item-2:hover i { background-position: -30px -30px;}
.mod-channel-box .item-3:hover i { background-position: -26px -60px;}
.mod-channel-box .item-4:hover i { background-position: -30px -90px;}
.mod-channel-box .item-5:hover i { background-position: -30px -120px;}
.mod-channel-box .item-6:hover i { background-position: -30px -150px;}
.mod-channel-box .item-7:hover i { background-position: -30px -180px;}
.mod-channel-box .item-8:hover i { background-position: -28px -210px;}
.mod-channel-box .item-9:hover i { background-position: -30px -240px;}
.mod-channel-box .hd em { display: block; width: 0px; height: 0px; border-width: 5px; border-style: solid; overflow: hidden; position: absolute; bottom: 0px; right: 0px;}
.mod-channel-box .item-1 em { border-color: #fff #ca7dbb #ca7dbb #fff;}
.mod-channel-box .item-2 em { border-color: #fff #8dc11f #8dc11f #fff;}
.mod-channel-box .item-3 em { border-color: #fff #58a1f3 #58a1f3 #fff;}
.mod-channel-box .item-4 em { border-color: #fff #f5a22b #f5a22b #fff;}
.mod-channel-box .item-5 em { border-color: #fff #50c3a1 #50c3a1 #fff;}
.mod-channel-box .item-6 em { border-color: #fff #fdb18f #fdb18f #fff;}
.mod-channel-box .item-7 em { border-color: #fff #fe9acc #fe9acc #fff;}
.mod-channel-box .item-8 em { border-color: #fff #ff6764 #ff6764 #fff;}
.mod-channel-box .item-9 em { border-color: #fff #ff33cc #ff33cc #fff;}
.mod-channel-box .item-1, .mod-channel-box .item-1:hover { color: #ca7dbb;}
.mod-channel-box .item-2, .mod-channel-box .item-2:hover { color: #8dc11f;}
.mod-channel-box .item-3, .mod-channel-box .item-3:hover { color: #58a1f3;}
.mod-channel-box .item-4, .mod-channel-box .item-4:hover { color: #f5a22b;}
.mod-channel-box .item-5, .mod-channel-box .item-5:hover { color: #50c3a1;}
.mod-channel-box .item-6, .mod-channel-box .item-6:hover { color: #fdb18f;}
.mod-channel-box .item-7, .mod-channel-box .item-7:hover { color: #fe9acc;}
.mod-channel-box .item-8, .mod-channel-box .item-8:hover { color: #ff6764;}
.mod-channel-box .item-9, .mod-channel-box .item-9:hover { color: #ff33cc;}
.mod-channel-box .item-1:hover .s2 { background-color: #ca7dbb;}
.mod-channel-box .item-2:hover .s2 { background-color: #8dc11f;}
.mod-channel-box .item-3:hover .s2 { background-color: #58a1f3;}
.mod-channel-box .item-4:hover .s2 { background-color: #f5a22b;}
.mod-channel-box .item-5:hover .s2 { background-color: #50c3a1;}
.mod-channel-box .item-6:hover .s2 { background-color: #fdb18f;}
.mod-channel-box .item-7:hover .s2 { background-color: #fe9acc;}
.mod-channel-box .item-8:hover .s2 { background-color: #ff6764;}
.mod-channel-box .item-9:hover .s2 { background-color: #ff33cc;}
.mod-channel-box .bd {}
.mod-channel-box .server-online { width: 189px; height: 226px; text-align: center; color: #ef656c; border-right: 1px solid #e6e6e6;}
.mod-channel-box .server-online i { display: inline-block; width: 67px; height: 69px; margin: 52px 0 15px 0; background-position: 0 -270px;}
.mod-channel-box .server-online p { font-size: 18px;}
.mod-channel-box .other { width: 190px;}
.mod-channel-box .other .item { display: block; height: 75px; line-height: 75px; padding-left: 20px; font-size: 14px; color: #999; border-bottom: 1px solid #e6e6e6;}
.mod-channel-box .other .item:hover { color: #03b4f5;}
.mod-channel-box .other .item-kf { line-height: 26px; color: #03b4f5;}
.mod-channel-box .other .item-kf p { padding-top: 12px; color: #999;}
/*.mod-lb-box	*/
.mod-lb-box {}
.mod-lb-box .lb-list { width: 790px; height: auto;}
.mod-lb-box li { float: left; overflow: hidden; margin: 20px 24px 18px; vertical-align: top;}
.mod-lb-box .item { display: block; width: 106px; float: left;}
.mod-lb-box .img { width: 90px; height: 90px; border-radius: 20px; margin: 0 auto; overflow: hidden; position: relative;}
.mod-lb-box .i-rgift { width: 30px; height: 30px; border-radius: 6px; position: absolute; bottom: -4px; right: -4px; background-color: #fff;}
/*.mod-lb-box .info { width: 115px; padding-left: 15px;}*/
.mod-lb-box .lbname { width: 106px; height: 22px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #666; margin-top: 12px;}
/*.mod-lb-box .gname { color: #999; margin: 4px 0 8px 0;}*/

    .mod-lb-box .gname {
        color: #999;
        margin: 4px 0 8px 0;
        width: 106px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.mod-lb-box .nums { color: #999; margin: 4px 0 8px 0; display: none;}
.mod-lb-box .nums em { color: #ff8400;}
.mod-lb-box .item:hover .lbname { color: #ff8400;}
/*  .mod-news-box  20170812 add */
.mod-news-box .nd-list,.mod-hd-box .nd-list,.mod-rm-box .nd-list{width:350px; height:315px; padding:15px; font-size:14px;}
.nd-list li{ height: 28px; line-height:28px; color:#383838; font-size:14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .nd-list li a {
        display: inline-block;
        color: #383838;
        width: 168px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.nd-list li a:hover{color:#02b4f4;}

.index-news-list{ height:100px;overflow: hidden; position:relative; margin-bottom:14px;}
.index-news-list p{position:absolute; left:0; bottom:0; width:100%; height:23px;}
.index-news-info{color:#fff; line-height:23px; text-align:center; z-index:2;}
.index-news-mark{z-index:1; background-color:#000; opacity:0.82; filter:alpha(opacity=82);}
.index-news-list a:hover{text-decoration:none;}

.index-gl-list{ height:104px; border-bottom:1px solid #e6e6e6; margin-bottom:10px;}
.gl-list-img{width:138px; height:100px; margin-right:15px; float:left; display:block;_display:inline; overflow:hidden;}
.gl-list-right{ float:left; width:190px; height:84px; overflow:hidden; line-height:22px; color:#383838;}
.gl-list-right h4,.gl-list-right h4 a{color:#02b4f4;}


/*.mod-bbs-box*/
.mod-bbs-box {}
.mod-bbs-box .hd { width: 100%; height: 120px; overflow: hidden; }
.bbs-list { text-align: center; }
.bbs-list .bd { padding: 20px 0; }
.bbs-list .bd li { width: 124px; margin: 0 32px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.bbs-list .item .img { width: 118px; height: 118px; border-radius: 50%; border: 2px solid #fff; box-shadow: 1px 1px 6px #999;}
.bbs-list .item .v { display: block; width: 0px; height: 22px; margin: 2px auto 0; border-left: 1px solid #d4d5d5; overflow: hidden;}
.bbs-list .item .h { display: block; width: 55px; height: 0px; margin: 0 auto;  border-top: 1px solid #d4d5d5; overflow: hidden;}
.bbs-list .item span { display: block; height: 38px; line-height: 38px; font-size: 16px; color: #666; text-align: center; position: relative;}
.bbs-list .item .s1 { width: 10px; height: 36px; border: 1px solid #d4d5d5; border-right: 0 none; position: absolute; top: 0px; left: 0px;}
.bbs-list .item .s2 { width: 10px; height: 36px; border: 1px solid #d4d5d5; border-left: 0 none; position: absolute; top: 0px; right: 0px;}
.bbs-list .item .img, .bbs-list .item i { transition: border 0.4s ease-in;}
.bbs-list .item span { transition: color 0.4s ease-in;}
.bbs-list .item:hover .img, .bbs-list .item:hover i { border-color: #03b4f5;}
.bbs-list .item:hover span { color: #03b4f5;}

.g-footer { background: #f1f2f3;}

/* 右侧浮动菜单*/
.float-menu {width:50px; position: fixed; left:50%; margin-left:620px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));bottom:20px;_bottom: "auto"; z-index:1;}
.J1000 .float-menu { margin-left: 510px; }
.float-menu a{display:block; width:50px; height:49px; background:url(../images/float_menu.jpg) no-repeat;}
.float-menu a:hover{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear; transition:all .2s linear;}
.float-menu .f-wechat{background-position:0 0;height: 50px;}
.float-menu .f-wechat:hover{background-position:-50px 0;}
.float-menu .f-kefu{background-position:0 -50px;}
.float-menu .f-kefu:hover{background-position:-50px -50px;}
.float-menu .f-top{background-position:0 -99px;}
.float-menu .f-top:hover{background-position:-50px -99px;}

/* 右侧游戏开服表 */
.ikai{display:inline-block; vertical-align:top; *vertical-align:middle; background:url(../images/syico2.png) 0 0 no-repeat;}
.g-tit .ikai{width:30px; height:30px;}
.i-kaifu{background-position:-1px 4px;}

.rank-kf-list{height:424px;}
.rank-kf-tit{height:40px; padding-top:2px;}
.rank-kf-tit span{float:left; display:inline; font:14px/40px \5FAE\8F6F\96C5\9ED1; color:#9f9f9f; text-align:center;}
.kf-tit-name{width:112px;}
.kf-tit-date,.kf-tab-date{width:48px;}
.kf-tit-time,.kf-tab-time{width:56px;}
.kf-tit-zone,.kf-tab-zone{width:92px;}
.kf-tit-down{width:54px;}

.rank-kf-wrap{width:382px; height:351px; margin:0; overflow:hidden; position:relative;}
.rank-kf-tab{width:10000px; margin:0;}
.rank-kf-tab ul{width:382px; float:left; margin:0px; overflow:hidden !important;}
.kf-tab-line{width:346px; height:1px; background-color:#e6e6e6; font:0/0 a; overflow:hidden; margin:0 auto;}
.kf-tab-box{padding:9px 18px; height:20px; color:#777; overflow:hidden; font:12px/20px \5FAE\8F6F\96C5\9ED1;}
.kf-tab-box span{float:left; display:inline; height:20px; overflow:hidden; text-align:center;}
.kf-tab-box span.kf-tab-name{width:100px; font-size:14px; text-align:left;}
.kf-tab-name a{color:#383838;}
.kf-tab-zone a{display:block; height:20px; overflow:hidden; color:#777;}
.tab-gift,.tab-down{width:20px; height:20px; float:right; display:inline; overflow:hidden; margin-left:3px; _margin-left:2px;}
.tab-gift{background-position:-5px -233px;}
.tab-down{background-position:-5px -289px;}
.tab-play { background-position: -1px -2px;width: 27px; height:20px;float:right; display:inline; overflow:hidden; }

.kf-tab-hover{background-color:#f55f46; color:#fff;}
.kf-tab-hover .kf-tab-name a,.kf-tab-hover .kf-tab-zone a{color:#fff;}
.kf-tab-hover .tab-gift{background-position:-5px -206px;}
.kf-tab-hover .tab-down{background-position:-5px -261px;}

.kf-tab-page{padding:8px 18px 0 0; text-align:right; line-height:15px;}
.kf-tab-page span,.kf-tab-page a{display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#999;}
.kf-tab-page span{padding-right:6px;}
.kf-tab-page a{width:14px; height:14px; overflow:hidden; font:13px/14px \5FAE\8F6F\96C5\9ED1; text-align:center; border:1px solid #cecece;}
.kf-tab-page a:hover{color:#03b4f5;}
.kf-tab-page a.prev{border-right:none;}


.rmd-game-list .game-pic img{ width:380px; height:176px;}
.rmd-game-list .hot-font .con img,.hot-game-list .b .img img,.mod-lb-box .img img{ width:90px; height:90px;}
.hot-game-list .a .img img{ width:96px; height:96px;}

.nd-list a img{ width:120px; height:100px;}.nd-list .index-news-list a img{ width:350px; height:100px;}
.rmd-game-list .hot-font .con span{ display:inline-block; float:right; width:90px; height:90px;background: url(../images/sypicbg.png) no-repeat center;}
.hot-game-list .img,.mod-lb-box .img{background: url(../images/sypicbg.png) no-repeat center; width:96px; height:96px;}
.index-news-list span{ display:block; width:350px; height:100px; margin-top:-10px;}
.nd-list .gl-list-img span{ display:block; width:138px; height:84px;}
.g-sidefun .wechat-content span{ display:block; width:168px; height:168px;}



/*资讯首页*/
.news-page { padding: 30px 0;}
.imgnews-box .item { color: #fff; border-radius: 5px; overflow: hidden; position: relative; float: left; transition: all 0.3s ease;}
.imgnews-box .item:hover { box-shadow: 0 0 5px #03b4f5;}
.imgnews-box .item p { width: 100%; height: 30px; line-height: 30px; color:#fff; font-size: 14px; text-align: center; background: #000; background: rgba(0,0,0,.6); position: absolute; bottom: 0px; left: 0px; transition: all 0.3s ease;}
.imgnews-box .item:hover p { height: 50px; line-height: 50px; font-size: 16px;}
.imgnews-box .item-1 { width: 595px; height: 425px; font-size: 18px; line-height: 130px;}
.imgnews-box .item-1 img{width: 595px; height: 425px;}
.imgnews-box .item-2 { width: 295px; height: 425px; margin: 0 9px; display: inline;}
.imgnews-box .item-2 img{ width: 295px; height: 425px;}
.imgnews-box .item-3 { width: 292px; height: 210px; margin-bottom: 6px;}
.imgnews-box .item-3 img{width: 292px; height: 210px;}
.imgnews-box .item-4 { width: 292px; height: 210px;}
.imgnews-box .item-4 img{width: 292px; height: 210px;}
.imgnews-box .item{}

.newsmix { margin-top: 30px;}
.newsmix-left { width: 850px;}
.newstype { border-radius: 5px; overflow: hidden; background: #fff; position: relative;}
.newstype a { height: 40px; line-height: 40px; color: #666; font-size: 16px; padding: 0 12px; margin-right: 10px; float: left; display: inline; position: relative;}
.newstype a:hover, .newstype .active { color: #fff; background: #03b4f5;}

.pcnews-list {}
.pcnews-list li { height: 130px; padding: 15px 12px; margin-top: 15px; transition: all 0.3s ease;}
.pcnews-list li:hover { box-shadow: 0 0 5px #03b4f5;}
.pcnews-list .img { width: 184px; height: 130px; text-align: center; float: left;}
.pcnews-list .info { width: 610px; padding-left: 28px; color: #999; line-height: 24px; float: left;}
.pcnews-list .type { padding: 3px 12px; color: #fff; border-radius: 10px; background: #76d6f9;}
.pcnews-list .tit a { font-weight: normal; line-height: 36px; font-size: 18px; color: #333; transition: color 0.3s ease;}
.pcnews-list .tit a:hover { color: #03b4f5;}
.pagination { margin: 45px 0;}
.pcnews-list .desrc{height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }

.newsmix-right { width: 320px;}
.bdr-tit { height: 18px; line-height: 18px; font-size: 18px; padding-left: 15px; border-left: 4px solid #03b4f5; margin: 10px 0;}
/*.mod-rank-game*/
.mod-rank-game { }
.rank-game-list { height: 430px; padding:0 10px 16px;}
.rank-game-list li { height: 22px; padding: 8px 0px; border-bottom: 1px dotted #cecece; vertical-align: top; overflow: hidden; position: relative;}
.rank-game-list .active .rank { margin-top: 24px;}
.rank-game-list .rank { width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 5px; background: #ccc; float: left;}
.rank-game-list .rank-0 { background: #fd5253;}
.rank-game-list .rank-1 { background: #ff7b41;}
.rank-game-list .rank-2 { background: #ffad2b;}
.rank-game-list .desc { width:280px; height: 22px; line-height: 22px; position: absolute; top: 8px; right: 0px;}
.rank-game-list .name { display: inline-block; width: 164px; padding: 0 10px; font-size: 14px; color: #666;}
.rank-game-list .type { color: #999;}
.rank-game-list .detail { background: #fff; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 8px; right: 0px; transform: scale(0.8);}
.rank-game-list .detail .img { display: block; width: 68px; height: 68px; border-radius: 15px; margin:0 10px; padding:0; overflow: hidden; }
.rank-game-list .detail .img img{width: 68px; height: 68px;}
.rank-game-list .detail .info { width: 118px; height: 70px; overflow: hidden;}
.rank-game-list .detail .name { height: 22px; line-height: 22px; padding: 0; color: #fd5253; margin-top: 12px; font-size: 14px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rank-game-list .g-btn-s { margin-top: 20px;}
.rank-game-list .active { height: 70px; padding: 9px 0;}
.rank-game-list .active .desc { opacity: 0; filter: alpha(opacity=0);}
.rank-game-list .active .detail { opacity: 1; filter: alpha(opacity=100); transform: scale(1); transition: all 0.3s ease-in-out;}


.mod-slidehd { margin: 30px 0;}
.slidehd-list { text-align: center; padding: 5px 0 15px 0;}
.slidehd-list li { margin-top: 10px; border-radius: 5px; overflow: hidden;  width:280px; height:100px;}
.slidehd-list li img{ width:280px; height:100px;}

.mod-pfqr { padding: 20px;}
.global-qr { width: 110px; height: 110px;}
.global-qr img { margin: -8px 0 0 -8px;}
.mod-pfqr .t1 { font-size: 16px; color: #333; margin: 8px 0 10px 0; padding-left: 20px;}
.mod-pfqr .t2 { font-size: 14px; color: #666; padding-left: 20px;}
/*资讯内容页*/
.news-detail-box { width: 850px; padding: 18px 0; border-radius: 5px; background: #fff;}
.detail-hd { height: 76px; border-left: 5px solid #03b4f5; padding-left: 5px;}
.detail-hd h2 { height: 48px; line-height: 48px; color: #03b4f5; font-size: 36px; font-weight: normal; padding-left: 12px;}
.detail-hd h2 span { display: inline-block; vertical-align: top; color: #bfbebe; font-size: 18px; line-height: 72px;}
.detail-hd .local { height: 27px; line-height: 28px; color: #bfbebe; border-bottom: 1px solid #ececec; padding-left: 12px;}
.detail-hd .local a { color: #bfbebe;}
.detail-hd .local a:hover { color: #03b4f5;}
.detail-bd { padding: 30px 45px;}
.detail-bd .title { font-size: 24px; color: #666; text-align: center; margin-bottom: 20px;}
.detail-bd .desc { color: #999;}
.detail-bd .desc span { padding: 3px 10px; border-radius: 10px; color: #fff; background: #76d6f9;}
.detail-bd .desc em { margin: 0 14px;}
.detail-bd .share { height: 28px; padding-top: 10px;}
.detail-bd .content { color: #999; font-size: 14px; padding: 40px 0;}
.detail-bd .content img { display: block; max-width: 100%; height: auto !important; margin: 20px auto;}

/* 推荐板块  */
.woder{padding:10px 40px;}
.xg_news{float:left;}
.qc_news{float:right;}
.xg_news,.qc_news{display:inline; width:340px; height:212px; border:1px solid #e6e6e6;}
.woder h3{line-height:32px; color:#03b4f5; font-size:16px; background:#e7f8fe; text-align:center;}
.woder ul{padding:10px; height:149px; overflow:hidden;}
.woder ul li{height:30px; line-height:30px; overflow:hidden;}
.woder li a{color:#333; margin-right:4px;}

.article_next{padding:12px 40px;}
.article_next li{line-height:24px;}

.newlistnav>div{ display:none;}
.pch5newstab .nd-list{ height:auto; padding:10px 15px;}.pch5newstab .index-gl-list{ margin-bottom:6px; height:96px;}.pch5newstab .nd-list li{ height:25px; line-height:25px;}

                                                                                                                    /*注册*/
.black2_overlay {position: fixed;width: 100%;top: 0;bottom: 0;background-color: black;z-index: 1001;-moz-opacity: 0.5;opacity: .50;filter: alpha(opacity=50);}
.white2_content {position: fixed;top: 10%;left: 10%;width: 80%;height: auto;z-index: 1002;overflow: auto;}
.lognav2,.logdl {width: 94%;overflow: hidden;margin: auto;background-color: white;padding: 0 20px 10px 20px;max-width: 300px;}
.logall,.loginall {width: 100%;height: 100%;overflow: hidden;display: none;font-size: 15px;clear: both;}
.logall h3,.loginall h3 {    clear: both;    font-size: 15px;    text-align: center;    font-weight: 400;    color: #888;    height:45px;    line-height:45px;    margin: 0 -20px 10px -20px; border-bottom:1px solid #eee;}
.logtxt, .logtxt2 {width: 100%;height: 36px;line-height: 36px;text-indent: 10px;border: 1px solid #ddd;margin: 6px 0 0 0;clear: both;}
.logtxt:hover, .logtxt2:hover {    border: 1px solid #ddd}
.logbtn {background:#e1405a;color: #fff;text-align: center;border-radius: 3px;display: block;width: 100%;height: 40px;line-height: 40px;margin-top: 15px;}
.logbtn:hover {    background: #f6587b;    color: #fff;}
.noacc {clear: both;padding-top: 20px;}
.noacc .right {    float: right;}
.err {clear: both;color: #c33;padding: 5px 0;margin-left: 2%;background: url(../images/lab.png) no-repeat 0px -57px;text-indent: 18px;font-size: 14px;}
.logtxt {background: url(../images/lab.png) no-repeat;background-position: 10px 12px;text-indent: 30px;*text-indent: 0;*padding-left: 30px;*width: 88%;font-size: 14px;border-radius: 3px 3px 0 0;outline: none;}
.noacc a {display: block;color: #7ab1fe;float: left;}
.lognav2 {width: 94%;overflow: hidden;margin: auto;background-color: white;padding: 0 20px 10px 20px;max-width: 300px;}
.reg {height: auto;background: #fff;}
.reg .topzc {    clear: both;    text-align: center;    height: 40px;    line-height: 40px;    margin: 0 -20px;}
.reg .topzc li {float: left;width: 33.3%;font-size: 15px;color: #999;border-bottom: 1px solid #ddd;    }
.reg .topzc li:hover, .reg .topzc .cur {    color: #e1405a;    border-bottom: 2px solid #e1405a;    cursor: pointer;}
.reg .two,.loginall .two {    clear: both;    border: none;    *margin-bottom: 5px;    height: 44px;}
.reg .tbtn {    display: inline-block;    width: 30%;    font-size: 13px;    float: right;    border-radius: 3px;    background: #e1405a;    color: #fff;    line-height: 36px;    text-align: center;    margin-right: -2px;    margin-top: 6px;}
.reg .two .logtxt,.loginall .two .logtxt {    width: 68%;    *width: 58%;    float: left;}
.reg .tbtn2 {    display: none;    font-size: 12px}
.reg .two .yzm,.loginall .two .yzm {    border: none;    float: right;    margin-top: 6px;}
.reg .two .yzm img,.loginall .two .yzm img {width: 100%;height: 36px;    }
.reg .log-xy,.loginall .login-xy {    font-size: 12px;    clear: both;    margin-top: 6px;}
.reg .log-xy i,.loginall .login-xy i {display: inline-block;width: 15px;height: 15px;background: url(../images/lab.png) no-repeat 0 -95px;float: left;padding-right: 3px;    }
.reg .log-xy i.cur,.loginall .login-xy i.cur {    background-position: 0 -112px;}
.reg .log-have {    font-size: 14px;    padding-top: 5px;    text-align: right;}
.reg .txtyzm, .reg .txtdx, .reg .txttel {    background: url(../images/lab.png) no-repeat 10px -134px;}
.reg .txtdx {    background-position: 10px -187px;}
.reg .txttel {    background-position: 10px -161px;}
.loginall .qt{ display:block; clear:both; margin-top:20px;}
.loginall .qt span{ display:block; float:left}.loginall .qt span img{ width:26px; height:26px; border-radius:13px; margin-right:10px;}
.loginall .qt .goreg{ display:block; float:right; color:#e1405a; font-size:14px;}

.l-close,.log-close {display: inline-block;float: right;padding-right: 10px;cursor: pointer;*margin-top: -25px;}

/*开服表*/
.kfb{ clear:both; width:1160px; min-height:700px; padding:20px; background:#fff; margin:10px auto}
.kfb h2{ clear:both; font-size:16px; border-left:1px solid #e1405a;padding: 0 20px 0 10px;display: inline-block;vertical-align: top; overflow:hidden }
.kfb ul{ clear:both; margin:10px 0; text-align:center; display:table; width:100%; border-right:1px solid #ddd;}
.kfb ul .list{ display:block; clear:both;}
.kfb ul li{ float:left; width:16.5%; margin:0 -1px -1px 0; border:1px solid #ddd; border-right:none; padding:10px 0; line-height:20px; display:table-cell}
.kfb ul li.time{ width:17.5%;}
.kfb ul .top{ color:#666; font-weight:800}
.kfb ul li .btn{ display:block; width:70px; height:20px; border-radius:10px; text-align:center; color:#fff; background:#e1405a; margin:auto;}.kfb ul li .btn:hover{ background:#f6587b;}
.legal-list a{ background:#f2f2f2; padding:8px 10px;}.legal-list a img{ width:30px; height:30px; display:block; float:left; margin-right:5px;}


.float-menu .ewmbot{ display:none; position:absolute; right:50px; top:0;}.float-menu .ewmbot img{ width:150px; height:150px;}
.float-menu .f-wechat:hover .ewmbot{ display:block}