@charset "utf-8";
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:#595757;text-decoration:none;outline:0 none;-webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;}a:hover{color:#e1405a;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}h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: 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:0;height:0;overflow:hidden}
.fz16{font-size:16px}
body{background:#fff;width:100%;min-width:1000px;overflow-x:hidden;position:relative;}
.J1100 .w1000,.J1100 .w1200{width: 1100px!important;}
.J1000 .w1200 { width: 1000px!important; }
.J1000 .w974 .w1000{width:974px!important;margin:0 auto}
.J1000 .w992 .w1000{width:992px!important;margin:0 auto}
.w998{width:998px!important;margin:0 auto}
.w1000{width:1000px!important;margin:0 auto}
.w1200{width:1200px!important;margin:0 auto}
.wrap{width:1200px;margin:0 auto}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mg5{margin:5px}
.mg10{margin:10px}
.mg20{margin:20px}
.pd10{padding:10px}
.pd20{padding:20px}
.mgh10{margin:auto 10px}
.mgv10{margin:10px auto}
.mgh15{margin:auto 15px}
.mgv15{margin:15px auto}
.mgh20{margin:auto 20px}
.mgv20{margin:20px auto}
.mgh30{margin:auto 30px}
.mgv30{margin:30px auto}
.mgh40{margin:auto 40px}
.mgv40{margin:40px auto}
.mg0{margin:0!important}
.pd0{padding:0!important}
.pdv10{padding:10px 0;}
.pdh10{padding:0 10px;}
.pdv20{padding:20px 0;}
.pdh20{padding:0 20px;}
.pdv30{padding:30px 0;}
.pdh30{padding:0 30px;}
.pdv40{padding:40px 0;}
.pdh40{padding:0 40px;}
.col1{color:#e1405a}/*红色*/
.col2{color:#9fa0a0}/*灰色*/
.index-main .newgame-list{ height:auto;}.index-main .newgame-list li{ margin:0 12px 10px 0;}.index-main .mod-3{ height:auto;}
.home-yylist .game-list{ padding:8px 0 8px 3px;overflow:hidden; background:#fff;}
.home-yylist .game-list li{width:215px;margin:12px;float:left}
.home-yylist .game-list .img{display:block;width:215px;height:150px;margin-bottom:8px;overflow:hidden;position:relative;    background: url(../images/sypicbg.png) no-repeat center; }
.home-yylist .game-list .img img { transition: all .4s ease; width:215px;height:150px;}
.home-yylist .game-list .img:hover img { transform: scale(1.1);}
.home-yylist .game-list .info{height:20px;overflow:hidden}
.home-yylist .game-list .name{color:#595757;font-size:14px;line-height:18px;float:left; width:60%; overflow:hidden;text-overflow: ellipsis;    white-space: nowrap;}
.home-yylist .game-list .go{width:64px;height:18px;line-height:18px;border:1px solid #9fa0a0;text-align:center;-webkit-border-radius:9px;border-radius:9px;color:#9fa0a0;float:right}
.home-yylist .game-list .go:hover{color:#fff!important;border-color:#e1405a;background:#e1405a}
.home-yylist .game-list li{ clear:none}
.home-yylist .game-list .img .m { width: 100%; height: 100%; position:absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); background: #000; transition: all .2s ease;}
.home-yylist .game-list .img .glogo { position:absolute; top:48%; left: 0px; width:100%; text-align:center; z-index: 2; transform: scale(0); opacity: 0; filter: alpha(opacity=0); color:#fff;}
.home-yylist .game-list .img:hover .m { opacity: .7; filter: alpha(opacity=70);}
.home-yylist .game-list .img:hover .glogo { transform: scale(1); opacity: 1; filter: alpha(opacity=70);}

.pchome-h5 { width: 100%; overflow: hidden;}
.pchome-h5-list { width:690px;}
.pchome-h5-list li { width: 216px; height: 150px; overflow: hidden; margin:0 13px 13px 0; float: left; display: inline;}
.pchome-h5-list .item-t { display: block; width: 216px;-webkit-transform:rotate(0deg) ; height: 120px; border-bottom: 0 none; overflow: hidden; border-radius: 5px 5px 0 0; position: relative;
/*background: #fff url(../images/picbg.png) no-repeat center;*/ }
.pchome-h5-list .item-t img { transition: all 0.3s ease;}
.pchome-h5-list .item-t:hover img { transform: scale(1.1);}
.pchome-h5-list .item-t .name { font-size: 16px; color: #666; position: absolute; top: 10px; left: 8px;}
.pchome-h5-list .item-t .nums { position: absolute; top: 35px; left: 8px;}
.pchome-h5-list .item-t .nums em { color: #03b4f7;}
.pchome-h5-list .item-b { display: block; width: 100%; height: 28px; line-height: 28px; text-align: center; color: #999; border-radius: 0 0 5px 5px; background: #fff; border-top:1px solid #fafafa;  position: relative;}
.pchome-h5-list .item-b .icon-arr { width: 12px; height: 12px; overflow: hidden; background-position: 0 -204px; position: absolute; top: 9px; left: 60px;}
.pchome-h5-list .item-b:hover { background: #e1405a; color:#fff;}
	
.pchomehoth5 .rmd-game-list { margin-right: -30px;}
.pchomehoth5 .rmd-game-list li { width: 280px; margin-right: 30px; float: left; background:#fff; border:1px solid #f1f1f1;}
.pchomehoth5 .rmd-game-list .game-pic { display: block; width: 280px; height: 176px; overflow: hidden; position: relative;    background: url(../images/sypicbg.png) no-repeat center; }
.pchomehoth5 .rmd-game-list .hot-font { position: absolute; width: 280px; height: 176px; top: -100%; left: 0; opacity: 0; filter: alpha(opacity=0);}
.pchomehoth5 .rmd-game-list .hot-font .bg { width: 280px; height: 176px; opacity: .85; background: #03b4f5; position: absolute; top: 0; left: 0; filter: alpha(opacity=85);}
.pchomehoth5 .rmd-game-list .hot-font .con { position: absolute; top: 0; left: 0; z-index: 2; padding: 40px 0 0 24px; overflow: hidden; }
.pchomehoth5 .rmd-game-list .hot-font .font-qr { float: left; margin: 0 30px 0 0; }
.pchomehoth5 .rmd-game-list .hot-font .txt { float: left; width: 226px; line-height: 32px; color: #fff; font-size: 14px; border:none; font-weight:400;}
.pchomehoth5 .rmd-game-list .game-pic:hover .hot-font { opacity: 1; filter: alpha(opacity=100); top: 0 }
.pchomehoth5 .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; }
.pchomehoth5 .rmd-game-list .game-info { height: 118px; padding: 0 16px;}
.pchomehoth5 .rmd-game-list .game-name { height: 22px; line-height: 22px; font-size: 22px; padding-top: 20px; font-weight: normal;}
.pchomehoth5 .rmd-game-list .game-intro { height: 26px; line-height: 26px; color: #9f9f9f; margin:10px 0 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pchomehoth5 .rmd-game-list .game-other { line-height: 30px; text-align: right;}
.pchomehoth5 .btn-like:hover .i-like { background-position: 0 -390px;}
.pchomehoth5 .btn-like { color: #9f9f9f; margin-right: 10px;}
.pchomehoth5 .g-btn, .pchomehoth5  .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;}
.pchomehoth5 .g-btn-s { width: 72px; min-width: 72px; height: 24px; line-height: 24px;}
.pchomehoth5 .g-btn:hover,.pchomehoth5  .g-btn-s:hover { color: #fff; border-color: #e1405a; background: #e1405a;}
.pchomehoth5 .rmd-game-list .hot-font .con span{ display:inline-block; float:right; background: url(../images/sypicbg.png) no-repeat center; width:90px; height:90px; position:absolute; right:-10px; top:20px;}
.pchomehoth5 .hot-game-list .img,.pchomehoth5 .mod-lb-box .img{ width:96px; height:96px;}

.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);}
.user-msg {}
.user-msg i { background-position: -39px -81px;}
.user-msg-v i { background-position: 4px -84px;}
.vip-box { width: 336px; background: #fff; position:absolute; top: 30px; left: -152px;}
.vip-box .hd { height: 38px; line-height: 38px; padding: 0 30px; color: #fff; background: #e1405a;}
.vip-box .hd a { color: #fff; }
.vip-box .hd a:hover { color: #fff!important; text-decoration: underline; }
.vip-box .hd .c { width: 0px; height: 0px; border: 7px; border-style: solid; border-color: transparent transparent #e1405a transparent; position:absolute; top: -14px; left: 50%; margin-left: -4px; _display: none;}
.vip-box .vip { width: 48px; height: 38px; overflow:hidden; text-align: center; color: #e1405a; margin-right: 10px; background-position: -80px -77px; float: left;}
.vip-box .vip i { font-size: 9px; height: 38px; line-height: 37px; -webkit-transformtransformtransformtransform: scale(0.75);}
.vip-box .bd { padding: 4px 30px; color: #595757; border: 1px solid #d6d4d2; border-top: 0 none;}
.vip-box .vitem { height: 22px; line-height: 22px; overflow:hidden; padding: 12px 0;}
.vip-box .vitem i { width: 30px; vertical-align: top;}
.vip-box .vitem a { float: right; color: #845d55;}
.vip-box .vitem a:hover { color: #e1405a!important;}
.vip-box .vitem em { display:inline-block; vertical-align: middle; width: 26px; height: 8px; overflow:hidden; margin-left: 3px; background: #c9c9c9; }
.vip-box .vitem .s { background: #4fd485; }
.vip-box .vitem-1 i { background-position: 0 -135px; }
.vip-box .vitem-2 i { background-position: -43px -135px; }
.vip-box .vitem-3 i { background-position: -80px -135px; }
.user-msg-wp { float: left; position:relative; }
.msg-box { width: 334px; border: 1px solid #d6d4d2; background: #fff; position:absolute; top: 30px; left: -204px; }
.msg-box .c { width: 11px; height: 6px; background-position: -117px -45px; position:absolute; top: -6px; left: 242px; *top: -5px}
.msg-box .all { display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #c9c9c9;}
.msg-box .all:hover { color: #fff!important; background: #e1405a; }
.msg-box .nomsg { text-align: center;}
.msg-box .nomsg p { color: #e1405a; margin-bottom: 10px; }
.msg-box .data .hd { height: 18px; line-height: 18px; font-size: 14px; border-bottom: 1px dotted #d6d4d2; margin: 0 22px; padding: 16px 0;}
.msg-box .data .hd em { display:inline-block; vertical-align: top; padding: 0 3px; font-size: 12px; color: #fff; background: #4dd589; margin-right: 6px;}
.msg-box .data .hd a { color: #595757;}
.msg-box .data .bd { color: #9fa0a0; margin: 10px 22px; overflow:hidden; position:relative;}
.msg-box .data .cnt { height: 56px; overflow:hidden; }
.msg-box .data .time { margin-top: 10px; }
.msg-box .data .more { color: #429dea;}

.safe-mod-wp { width: auto; height: auto; position:absolute; top: 36px; right: 0px; }
.safe-mod { width: 314px; height: 190px; text-align: center; border-radius: 5px; border: 1px solid #d6d4d2; overflow:hidden; background: #fff; position:relative;}
.safe-mod .close { width: 15px; height: 15px; position:absolute; top: 10px; right: 10px; background-position: -113px 0;}
.safe-mod .hd { font-size: 15px; color: #e1405a; margin: 30px 0 20px 0;}
.safe-mod .hd i { display:inline-block; vertical-align: top; width: 30px; height: 22px;  }
.safe-mod .go { display: block; width: 152px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; margin: 20px auto; }

.safe-mod-phone .hd { color: #429dea; }
.safe-mod-info .hd { color: #4dd589; }
.safe-mod-idc .hd i { background-position: 0 -177px;}
.safe-mod-phone .hd i { background-position: -44px -179px; width: 18px;}
.safe-mod-info .hd i { background-position: -78px -180px; width: 24px;}
.safe-mod-idc .go { background: #e1405a; }
.safe-mod-phone .go { background: #429dea; }
.safe-mod-info .go { background: #4dd589; }
.safe-mod-idc .go:hover { color: #fff!important; background: #f6587b; }
.safe-mod-phone .go:hover { color: #fff!important; background: #53c1f8; }
.safe-mod-info .go:hover { color: #fff!important; background: #58e79c; }

/*全部游戏*/
/*默认1000px*/
.J1000 .all-game-list .sitem { display: none; }
/*1200px*/
.J1200 .all-game-box { width: 1198px;}
.J1200 .all-game-list { width: 535px;}
.J1200 .all-game-tool { width: 155px;}
/*974px*/
.J1000 .w974 .all-game-box { width: 972px;}
.J1000 .w974 .all-game-list { width: 320px;}
/*992px*/
.J1000 .w992 .all-game-box { width: 990px;}
.J1000 .w992 .all-game-list { width: 338px;}
/*默认*/
.all-game-wp { float: left; position:relative; }
.all-game-box { width: 998px; height: 278px; overflow:hidden; border: 1px solid #f2f2f2; background: #fff; position:absolute; top: 30px; right: 0px;}
.all-game-img { width: 462px; height: 280px; overflow:hidden; position:relative; float: left; }
.all-game-img li { display: none; }
.all-game-img .txt { width: 210px; color: #595758; line-height: 20px; position:absolute; top: 126px; left: 40px; }
.all-game-list { width: 335px; height: 254px; overflow: hidden; padding-left: 45px; float: left; }
.all-game-list .icon-hot,.all-game-list .icon-new { width: 11px; height: 11px; position: relative; top: 1px;}
.all-game-list dt { height: 14px; line-height: 14px; font-size: 14px; color: #595758; margin: 32px 0 24px; border-left: 1px solid #d60022; padding: 0 48px 0 10px; position:relative; overflow:hidden;}
.all-game-list dd { width: 106px; height: 20px; line-height: 20px; margin: 13px 0; float: left;}
.all-game-list dt em { font-size: 12px; color: #7c7c7c; margin-left: 10px; float: right; }
.all-game-list dd i { margin-left: 10px;}
.all-game-list dd a { color: #7c7c7c; }
.all-game-list dd .more { color: #e1405a; }
.all-game-tool { width: 144px; height: 228px; border-left: 1px solid #f2f2f2; margin-top: 25px; text-align: center; float: left;}
.all-game-tool dt { display: block; width: 60px; height: 14px; line-height: 14px; padding-left: 10px; border-left: 1px solid #e1405a; font-size: 14px; margin: 8px auto; color: #595758; }
.all-game-tool dd { margin-top: 19px; }
.all-game-tool dd a { color: #7c7c7c; }


.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; }
.J1200 .nirem { display: inline; margin-left: 50px; }
.g-container, .u-container{position:relative; padding:32px 0; background: #f2f2f2; z-index: 1; zoom:1;}
.u-container { padding: 22px 0; }
.footer{width:100%;background:#fff}
.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; }

.pclistban{ clear:both; width:1160px; margin:10px auto; position:relative; background:#fff; padding:20px; overflow:hidden}
/*ban5*/
#banner5{margin:10px 0; width:880px; overflow:hidden; position:relative;}
#ban5-show{position:relative;}
#ban5-show,#ban5-show_img{width:670px; height:317px; overflow:hidden; float:right;}
.listban-lit{ width:60px; height:60px; display:inline-block; float:left; margin:0 10px;}
.listban-lit img{ width:60px; height:60px;}
#ban5-show_img li{width:100%; height:100%; overflow:hidden; float:left; display:none;}
#ban5-show_img img{width:100%; height:100%;}
#ban5-show_tx{left:0px; width:100%; bottom:0px; position:absolute; height:40px; overflow:hidden;}
#ban5-show_tx li{background:url(../images/ban5_bg.png) repeat; padding:10px; height:30px; color:#fff; display:none;}
#ban5-show_tx li a{color:#fff; padding-right:10px; text-decoration:none; font-size:14px; line-height:20px;}
#ban5-show_tx li a:hover{ color:#ffa70c}
#ban5-show_tx li h3{ margin:13px 0;}
#ban5-show_tx li p{ color:#ccc; line-height:16px; height:16px; overflow:hidden;}
#ban5-btn{width:209px; height:315px; float:left; display:inline; z-index:99; position:absolute;border: 1px solid #d9d9d9; border-right:none;}
#ban5-btn li{width:100%; height:79px; border-bottom:1px solid #d9d9d9; cursor:pointer; clear:both;}
#ban5-btn li:hover{ background:url(../images/ban5_btn_bg.png) no-repeat; width:217px;}
#ban5-btn li.current{ background:url(../images/ban5_btn_bg.png) no-repeat; width:217px; border-bottom:none;}
#ban5-btn li.current:hover{ background:url(../images/ban5_btn_bg.png) no-repeat; width:217px;}
#ban5-btn img{ width:60px; height:60px; border-radius:5px; margin:10px; float:left;}
#ban5-btn .ban5-text{ height:20px; font:bold 13px/16px 'Microsoft YaHei'; overflow:hidden; display:block;}
#ban5-btn .ban5-text:hover{text-decoration:underline;}
#ban5-btn .ban5-date{ height:23px; line-height:23px; overflow:hidden; display:block;}
#ban5-btn a{ text-decoration:none; color:#333;}
#ban5-btn .current a{ color:#fff;}
.ban5-name {font: 700 16px/24px "Microsoft Yahei";padding-top: 18px;height: 24px;overflow: hidden;}
.ban5-info-title {float:left; display:block; font-size:14px; padding-left:10px; line-height:20px;}
.ban5-fr {float:right; display:block; padding-left:10px;}
/*排行*/
.gc-rank {width: 252px;height: 355px;overflow: hidden;float: right; position:absolute; right:20px; top:20px;}
.pclistban .mod-tit {height: 16px;padding-bottom: 12px;position: relative;}
.pclistban .mod-tit span {display: block;height: 16px;line-height: 16px;font-size: 16px;border-left: 1px solid #e1405a;padding-left: 10px;color: #595758;}
.rank-list li {height: 40px;padding: 9px 0;overflow: hidden;border-top: 1px dotted #d5d4d0;}
.rank-list .nums {width: 20px;height: 20px;line-height: 20px;text-align: center;color: #fff;margin: 11px 11px 0 0;-webkit-border-radius: 50%;border-radius: 50%;background: #62c5ea;float: left;}
.rank-list .nums-1 {background: #ff5534;}.rank-list .nums-2{background:#ff7a0e}.rank-list .nums-3{background:#fbc44e}
.rank-list .img {float: left;border-radius: 5px;overflow: hidden; width:40px; height:40px;}
.rank-list .img img{ width:40px; height:40px;}
.rank-list .info {width: 75px;margin: 0 15px;color: #9fa0a0;float: left;}
.rank-list .info a {display: block;height: 18px;line-height: 18px;font-size: 14px;color: #595757; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank-list .info span {display: block;height: 16px;line-height: 16px;margin-top: 6px;}
.rank-list .go {width: 74px;height: 22px;line-height: 20px;text-align: center;border: 1px solid #9fa0a0;color: #9fa0a0;font-size: 14px;margin-top: 7px;-webkit-border-radius: 11px;border-radius: 11px;float: left;}
.rank-list .go:hover{color:#fff!important;border-color:#e1405a;background:#e1405a}

.pclistbox{ clear:both; width:1160px; margin:10px auto; position:relative; background:#fff; padding:20px; overflow:hidden}
.pclistleft{ width:880px; float:left;}
.pclistleft .home-yylist .game-list li{ width:205px; height:205px; margin:10px;}
.pclistleft .home-yylist .game-list{ margin:0 -15px;}
.pclistleft .home-yylist .game-list .img{ width:205px;}
.pclistleft .home-yylist .game-list2{ margin:0 -17px 0 -18px;}
.pclistleft .home-yylist .game-list2 li{ width:90px; height:140px; margin:10px 11px 10px 12px;}
.pclistleft .home-yylist .game-list2 .img{ width:90px; height:90px;}
.pclistleft .home-yylist .game-list2 .img img{ width:90px; height:90px;}
.pclistleft .home-yylist .game-list2 .name{ float:none; clear:both; margin:auto; text-align:center; display:block; width:100%; height:28px; overflow:hidden;}
.pclistleft .home-yylist .game-list2 .go{ float:none; clear:both; margin:5px auto; display:block;}
.pclistleft .home-yylist .game-list2 .info{ height:auto;}

.game-list2 .xinyoubk .upbtn,.game-list2  .xinyoubk .downbtn{ right:0}.game-list2  .xinyoubk .upbtn{ right:40px;}
.game-list2 .xinyoubk .xinyoued{ top:30px;}

.sc-box {overflow: hidden;position: absolute;top: 0px;right: 0;}
.sc-box .key {width: 143px;height: 22px;line-height: 22px;padding: 0 10px;border: 1px solid #d6d4d2;border-right: 0 none;font-family: 'microsoft yahei';float: left;}
.sc-box .btn {width: 44px;height: 24px;line-height: 22px;color: #fff;border: 0 none;cursor: pointer;font-family: 'microsoft yahei';background: #e1405a;float: left;}

/*分类*/
.pclistbox .mod-tit {height: 16px;padding-bottom: 12px;position: relative;}
.pclistbox .mod-tit span {display: block;height: 16px;line-height: 16px;font-size: 16px;border-left: 1px solid #e1405a;padding-left: 10px;color: #595758;}
.pclistbox .mod .mod-hd .mod-tit{ font-weight:400; height:20px;}
.pclistbox .mod .mod-hd{ padding-top:0; margin-top:0}
.filter-box{width:252px;float:right}
.filter-box .filter-item{padding:8px 0 11px;border-top:1px dotted #d5d4d0}
.filter-item .hd{font-size:15px;height: 46px;line-height:46px;color:#9fa0a0}
.filter-item .bd{overflow:hidden;margin-right:-30px}
.filter-item .bd a{display:block;width:64px;height:20px;line-height:20px;-webkit-border-radius:10px;border-radius:10px;text-align:center;color:#595757;margin:0 30px 8px 0;float:left}
.filter-item .bd a:hover,.filter-item .bd .active{color:#fff!important;background:#e1405a}
.filter-box .recom{display:block;margin-bottom:10px}




/**/
.mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.8; background: #000; z-index: 100;}
.mask { filter: alpha(opacity=80);_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
.mod-pages{text-align:center;overflow:hidden;margin:28px 0}
.mod-pages a, .mod-pages span, .mod-pages input{display:inline-block;height: 30px; line-height: 30px; vertical-align: middle;padding:0 12px;margin:2px;color:#595757;border:1px solid #d6d4d2}
.mod-pages a:hover,.hotgame-list .mod-pages .active,.mod-pages .on,.mod-pages .cur{color:#fff!important;border-color:#e1405a;background:#e1405a}
.mod-pages input:focus { border-color: #e1405a; }
.mod .mod-hd{height:18px;line-height:18px;padding:10px 0;margin-top:10px;position:relative; overflow:hidden;}
.mod .mod-hd .mod-tit{display:inline-block;vertical-align:top;padding:0 20px 0 10px;font-size:16px;border-left:1px solid #e1405a;overflow:hidden;font-weight: bold; float:left;}
.hd-right .to-login i{background-position:-4px 1px}.hd-right .to-reg i{background-position:-44px 1px}.hd-right .all-game-btn i{background-position:-4px -39px}.search-btn{background-position:-40px -40px}.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;}
/*提示弹窗*/
/*通用提示弹窗*/
.pop-close { width: 24px!important; height: 24px!important; position:absolute; top: 0px; right: -30px!important; }
.tips-pop { width:302px; position: fixed; top: 50%; left: 50%; margin: -100px 0 0 -151px; z-index: 1001;_position:absolute;}
.tips-pop .close { width: 24px; height: 24px; position:absolute; top: 0px; right: -30px; background-position: -260px -151px; }
.tips-pop .hd { height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; overflow:hidden; background: #e1405a; }
.tips-pop .bd { min-height: 120px; padding: 0 10px; text-align: center; font-size: 14px; background: #fff; }
.tips-pop .bd .bd-txt { width: 282px; line-height: 24px; padding: 24px 0; overflow:hidden;}

.pop-button { display:inline-block; vertical-align: top; width: 78px; height: 28px; line-height: 28px; text-align: center; color: #fff; margin: 0 6px; font-size: 14px; border-radius: 4px; overflow:hidden; position:relative; margin-bottom: 20px;}
.pop-button-gray { background: #d7d7d7; }
.pop-button-gray:hover {color:#fff!important; background: #c4c4c4; }
.pop-button-green { background: #4dd589; }
.pop-button-green:hover {color:#fff!important;background: #58e79c!important;}

/* 右侧浮动菜单*/
.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;}

/* 提示 */
.small-tips{position:fixed; width:276px; left:50%; top:50%; margin:-75px 0 0 -138px; z-index:1002;}
.tips-close{position:absolute; width:32px; height:32px; right:0; top:0; text-align:center; font:18px/32px \5FAE\8F6F\96C5\9ED1; color:#f7f2f2;}
.small-tips .tips-close:hover{color:#fff!important;}
.tips-tit{height:32px; font:18px/32px \5FAE\8F6F\96C5\9ED1; color:#fff; text-align:center; background-color:#e1405a;}
.sign-tips-con{padding-top:30px; text-align:center; line-height:22px; color:#595757; height:76px; overflow:hidden; border:1px solid #c9c9c9; border-top:none; background-color:#fff;}
.g-container{padding-top:0;}
.header { background: transparent; }
.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)}
.slide-box .slide-bd .kv-role{width:1920px;height:500px;position:absolute;top:-82px;left:50%;margin-left:-960px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transform:translateX(30%);-moz-transform:translateX(30%);-ms-transform:translateX(30%);transform:translateX(30%);opacity:0;filter:alpha(opacity=0);}
.slide-box .active .kv-txt{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;filter:alpha(opacity=100)}
.slide-box .active .kv-role{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px);opacity:1;filter:alpha(opacity=100)}
.slide-box .slide-nav{width:auto;overflow:hidden;text-align:center;position:absolute;top:320px;left:50%;padding: 8px 0;}
.slide-box .slide-nav li{display:inline-block;vertical-align:middle;width:38px;height:8px;margin:0 4px;position: relative;line-height:99px;-webkit-border-radius:4px;border-radius:4px;background:#fff;*display:inline;*zoom:1;_overflow:hidden;}
.slide-box .slide-nav li:before{content: '';position:absolute;top:-10px;left:0;width: 38px;height: 28px;}
.slide-box .slide-nav li:hover,.slide-box .slide-nav .active{background:#e1405a}
.slide-box .__data__ {left: 50%; margin-left: -600px;}
.w1000 .slide-box .__data__ {left: 50%; margin-left: -500px;}
.index-main{position:relative;z-index:3;margin-top: 355px!important;*top:355px;*margin-bottom: 355px;*margin-top: 0!important;}
.mod{border-bottom:3px solid #ebeaea}
.mod-1 {background: #f4f4f4;padding: 14px 4px 14px 10px;background: rgba(255,255,255,.5);}
.rec-box{ width: 684px; height: 296px; overflow:hidden; position:relative;}
.w1200 .rec-box { width: 912px;}
.rec-box .item{display:block;width:214px;text-align:center;background:#fff;position:relative;margin-left:14px;float:left;display:inline;}
.rec-box .img { display: block; height: 255px; overflow:hidden;}
.rec-box .txt{line-height:40px;font-size:16px;color:#595757;font-weight:700;border:1px solid #dddbda;border-top:0 none}
.rec-box .glink{height:22px;line-height:22px;padding:9px 10px;color:#d6d4d2;font-size:14px;border:1px solid #d70023;border-top:0 none;text-align:left;display: none;}
.rec-box .glink a{text-align:center;color:#595757}
.rec-box .glink .go{display:inline-block;width:72px;height:22px;line-height:20px;text-align:center;color:#fff;margin-left:10px;-webkit-border-radius:11px;border-radius:11px;background:#e1405a;;float: right;}
.rec-box .glink .go:hover{color:#fff!important;background:#f6587b}
.rec-box .active .txt { display: none; }
.rec-box .active .glink { display: block; }
.rec-box .active .img{display:block;height:254px;border:1px solid #d70023;border-bottom:0 none;overflow:hidden;position:relative;z-index: 3;}
.rec-box .active .img i { top: -1px; left: -1px; }
.rec-box .active img{position:absolute; top:0; left:0;}
.rec-box .cor-hot,.rec-box .cor-rem,.rec-box .cor-new { width: 42px; height: 42px; position:absolute; top: 0px; left: 0px; z-index: 2;}
.rec-box .cor-hot { background-position: -49px -198px; }
.rec-box .cor-rem { background-position: 0 -198px; }
.rec-box .cor-new { background-position: -107px -198px; }
.userlogin-box{width:234px;height: 268px;padding:13px;border:1px solid #d2cfcf;background:#f4f4f4;background:rgba(255,255,255,.5);}
.login-tab-con{height: 200px;overflow:hidden;margin-top: -5px;}
.login-block{}
.login-tab{width:100%;overflow:hidden}
.login-tab-1 li{width: 100%;}
.login-tab-2 li{width:50%;}
.login-tab li{height: 25px;line-height:29px;cursor:pointer;border-bottom:1px solid #fff;text-align:center;color:#595757;font-size:14px;float:left;margin-top: -9px;}
.login-tab .active{border-bottom-color:#d70023}
.welfare-list{width:242px;overflow:hidden}
.welfare-list li{margin-right:6px;float:left}
.welfare-list li a{display:block;width:72px;height: 62px;border:1px solid #d6d4d2;color:#595757;text-align:center;}
.welfare-list li i{display:block;width:34px;height:34px;margin:6px auto 2px}
.welfare-list li a:hover i { transition: all .3s ease; transform: rotateY(180deg); }
.welfare-list .item-1:hover { color: #cda22d!important; }
.welfare-list .item-2:hover { color: #00b3f5!important; }
.welfare-list .item-3:hover { color: #38cd58!important; }
.login-tip { height: 26px; line-height: 26px; color: #e1405a; text-align: center;}
.log-item{height:59px;border:1px solid #d6d4d2;padding-left:12px;background:#fff;position:relative;}
.log-item .w-item{width:150px;height:29px;border-bottom:1px solid #d6d4d2}
.log-item .w-item input{width:121px;height: 28px;line-height:28px;border:0 none;outline:0 none; *margin-top: -1px;}
.log-item .w-item i{display:inline-block;width:29px;height:29px;vertical-align:top; float:left;}
.log-item .w-item-2 { border-bottom: 0 none; }
.log-item .btn-tologin{width:60px;height:61px;color:#fff;font-size:16px;cursor: pointer;border:0 none;background:#e1405a;font-family:'microsoft yahei';position:absolute;top:-1px;right:-1px}
.log-item .btn-tologin:hover{color: #fff!important; background: #f6587b;}
.login-item .user-opt{height:14px;line-height:14px;margin:10px 0}
.icon-cb{display:inline-block;vertical-align:top;width:13px;height:13px;}
.icon-cbed{}
.login-item .user-third{height: 24px;margin:15px 0;line-height: 24px;}
.login-item .link-reg { color: #e1405a; }
.login-item .link-reg:hover { text-decoration: underline; }
.third-login-qq,.third-login-wx,.third-login-wb{display:inline-block;width:24px;height:24px;background:url(../images/thirdico.png) no-repeat; margin-right: 2px;}
.third-login-wx{background-position:-27px 0}
.third-login-wb{background-position:-53px 0}
.userlogin-box .logined{height:200px;position:relative;}
.logined .u-info { position:relative; z-index: 2; }
.logined .uinfo-l{width:64px;float:left}
.logined .avatar{display:block;width:64px;height:64px;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;margin-bottom:10px}
.logined .avatar img{width: 100%; max-width:100%}
.logined .u-vip{display:block;width:38px;height:10px;line-height:10px;text-align:center;color:#fff;margin: 0 auto;-webkit-border-radius:6px;border-radius:6px;background:#c3ab6e;font-family: '宋体';}
.logined .u-name{width:124px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;font-weight: bold;}
.logined .logout{color:#e1405a;float:right}
.logined .uinfo-r{width:162px;float:right}
.logined .uinfo-r p{height:22px;line-height:22px;overflow:hidden}
.logined .uinfo-r p span{color:#e1405a}
.logined .uinfo-r .uinfo-safe { height: 20px; }
.logined .icon-uphone{display:inline-block;width:8px;height:14px;margin-top: 6px;margin-right:8px;}
.logined .icon-umail{display:inline-block;width:14px;height:14px;margin-top: 6px;margin-right:8px;}
.logined .icon-uug{display:inline-block;width:13px;height:14px;margin-top: 6px;}
.logined .sign-in{width:50px;height:20px;line-height:20px;color:#fff;text-align:center;background:#e1405a;float:right}
.logined .sign-in:hover{color: #fff!important; background: #f6587b;}
.logined .u-vip-proc{display:block;width:100%;height:10px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden;margin-top:10px;background:#fff}
.logined .u-vip-proc i{display:block;width:60%;height:10px;-webkit-border-radius:6px;border-radius:6px;background:#c3ab6e;-webkit-transition:width .3s ease;-moz-transition:width .3s ease;transition:width .3s ease}
.logined .u-vip-wp { position:relative;}
.logined .vip-wp-act .u-vip-box { display: block; }
.logined .u-vip-box { width: 221px; height: 161px; line-height: 26px; position:absolute; top: 16px; right: 0; text-align: center; border-radius: 5px; background: #fff; z-index: 2;display: none;}
.logined .u-vip-box .tit { height: 42px; line-height: 44px; text-align: center; font-size: 14px; color: #fff; }
.logined .u-vip-box .txt1 { color: #ffeebf; }
.logined .u-vip-box .txt1 strong{ color: #ffe981; }
.logined .u-vip-box .vmod { width: 150px; height: 25px; margin: 12px auto 14px; position:relative;}
.logined .u-vip-box .v0, .logined .u-vip-box .v10 { width: 5px; height: 5px; border-radius: 50%; position:absolute; top: 0px;}
.logined .u-vip-box .v0 { border: 1px solid #fff; left: 10px;}
.logined .u-vip-box .v10 { border: 1px solid #ffe981; right: 10px;}
.logined .u-vip-box .vline { width: 116px; height: 1px; overflow:hidden; background: #ffe981; position:absolute; top: 3px; left: 17px; }
.logined .u-vip-box .vline i { display: block; width: auto; height: 1px; background: #fff; }
.logined .u-vip-box .vt1 { position:absolute; top: 7px; left: 0px; color: #fff;}
.logined .u-vip-box .vt2 { position:absolute; top: 7px; right: 0px; color: #fff;}
.logined .u-vip-box .vb { display: block; width: 78px; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; margin: 0 auto; color: #958458; background: #ffe981; }
.logined .u-vip-box .vb:hover { color: #958458!important; background: #fff7af; }

.logined .played{margin-top:5px;position:relative;}
.logined .played .hd{line-height:24px;color:#595757;border-bottom:1px solid #d3caca}
.played .bd{height:78px;overflow:hidden;position:relative}
.played .slide-bd{position:relative}
.played .slide-bd ul{width: 170px;padding:0 32px;float: left;}
.played .slide-bd li { height: 26px;line-height:26px;}
.played .slide-bd a { width: 85px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.played .slide-bd .item1 { width: 95px;color:#595757;float: left;}
.played .slide-bd .item2 { width: 75px;color:#9fa0a0;float:right;text-align:right;}
.played .slide-next,.played .slide-prev{width:9px;height:15px;line-height:10;overflow:hidden;position:absolute;top:59px}
.played .slide-prev{left:0;}
.played .slide-next{right:0;}
.mod-hd .ritem{position:absolute;top:11px;right:0;line-height:14px}
.mod-hd .more i{display:inline-block;vertical-align:top;width:15px;height:15px;}
.mod-select span{display:inline-block;vertical-align:top;width:70px;height:18px;line-height: 18px;color:#fff;-webkit-border-radius:9px;border-radius:9px;text-align:center;overflow:hidden;background:#9fa0a0}
.mod-select .active{background:#e1405a}
.mod-page { margin-left: 5px;}
.mod-page span{display:inline-block;vertical-align:top;width:18px;height:18px;line-height:18px;color:#fff;-webkit-border-radius:50%;border-radius:50%;text-align:center;overflow:hidden;background:#9fa0a0}
.mod-page .active{background:#e1405a}
.mod-bd{background:#fff}
.mod-2 { height: 290px; overflow:hidden; position:relative;}
.opser-box{height:252px;position:relative;}
.opser-box .sl-page{position:absolute;top: -30px;right: 0;}
.opser-box ul{padding:15px 0 0px 35px;}
.w1200 .opser-box ul{padding:15px 0 0px 40px;}
.opser-box li{width:234px;margin:15px 0;float:left;}
.w1200 .opser-box li{width:290px;}
.opser-box li:hover img {transition: all .6s ease; transform: rotateY(360deg);}
.opser-box .img{width:44px;height:44px;float:left}
.opser-box .img img {-webkit-border-radius:50%;border-radius:50%;overflow:hidden;}
.mod-bd .lazy_load{ width:44px; height:44px;}
.mod-bd .card-list li img{width:60px; height:60px;}
.news-list .lazy_load{ width:138px; height:80px;}
.opser-box .info{line-height:22px;color:#595757;margin-left: 15px;float:left;display: inline;}
.opser-box .info strong { margin-right: 12px; }
.mod-3{width:448px;height:664px;overflow:hidden;border-bottom: 0 none;}
.w1200 .mod-3{width:678px;}
.hotgame-list{overflow:hidden;height: 465px;margin-right: -20px;position:relative;}
.hotgame-list li{width: 218px;height: 140px;margin:0 12px 12px 0;border-bottom:3px solid #ebeaea;float:left;position:relative;overflow:hidden;background:#fff;}
.hotgame-list .item{display:block;width:100%;height:100%;/*position:relative*/;z-index:3;}
.hotgame-list .img{position:absolute;top:0;left:0; transition: all .4s ease; width:218px; height:140px;}
.hotgame-list .active .img { transform: scale(1.1); }
.hotgame-list .name{font-size:16px;color:#595757;position:absolute;top:15px;left:15px}
.hotgame-list .type{line-height:26px;color:#9fa0a0;border-top:1px solid #d6d4d2;padding-right:10px;position:absolute;top:45px;left:15px}
.hotgame-list .status{width:31px;height:31px;position:absolute;top:95px;left:15px}
.hotgame-list .go{width:31px;height:31px;line-height:31px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden;color:#fff;text-align:center;background:#e1405a;position:absolute;top:95px;left:15px;z-index:3;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;opacity:0;filter: alpha(opacity=0);}
.hotgame-list .go:hover { color: #fff!important; }
.hotgame-list .go em{display:block;width:70px}
.hotgame-list .active .go{opacity:1;width:70px}
.hotgame-list .bd{width:216px;height:138px;border:1px solid #e1405a;position:absolute;top:0;left:0;z-index:2;opacity: 0; filter: alpha(opacity=0);}
.hotgame-list .active .bd{opacity: 1; filter: alpha(opacity=100);}
.newgame-list{width:690px;height: 111px; overflow:hidden; position:relative;}
.newgame-list li{margin:0 12px 0 0;border-bottom:3px solid #ebeaea;float:left;position:relative;}
.newgame-list .item{display:block;width:198px;height:84px;padding:7px 0 7px 18px;border:1px solid #fff;background:#fff;position:relative}
.newgame-list .active .go{display:block}
.newgame-list .active .status{display:none}
.newgame-list .active .item {border-color: #e1405a;}
.newgame-list .img{width:80px;height:80px;-webkit-border-radius:10px;border-radius:10px;margin-right:20px;overflow:hidden;float:left}
.newgame-list .name{font-size:16px;color:#595757;line-height:28px; width:90px; overflow:hidden; height:28px; text-overflow: ellipsis; white-space: nowrap;}
.newgame-list .type{color:#9fa0a0;line-height:20px}
.newgame-list .flag{height:32px;overflow:hidden;position:relative}
.newgame-list .status{display:block;width:27px;height:13px;margin-top:12px}
.newgame-list .go{width:70px;height:28px;line-height:28px;text-align:center;color:#fff;-webkit-border-radius:14px;border-radius:14px;background:#e1405a;position:absolute;top: 60px;left: 118px;display: none;}
.newgame-list .go:hover { color: #fff!important; background: #f6587b;}

.mod-news{width:510px;height:661px;overflow:hidden}
.news-list{height: 614px; overflow: hidden; padding: 0 30px; background: #fff;}
.news-list .item-li{width: 452px;height:80px;padding:37px 0;border-bottom:1px solid #d6d4d2;overflow:hidden;}
.news-list .img{width:138px;height:80px;margin-right:15px;float:left}
.news-list .info{width:275px;float:left}
.news-list .tit{height:14px;line-height:14px;font-size:14px;overflow:hidden;color:#595757; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-list .item:hover .tit { color: #e1405a; }
.news-list .desc{height:36px;line-height:18px;color:#9fa0a0;margin:6px 0;overflow:hidden}
.news-list .time{color:#9fa0a0;float:left}
.news-list .tags{width:30px;height:15px;line-height:15px;margin-top:3px;text-align:center;color:#fff;float:right}
.news-list .tags-green{background:#4dd68a}
.news-list .tags-blue{background:#419ae9}
.news-list .tags-red{background:#e1405a}
.news-list .item-lis { display:inline-block; border: 1px solid #d6d4d2; width: 182px; height: 45px; margin-top: 15px; padding: 10px 18px; *display: inline;*zoom:1 }
.news-list .item-lis .tit { display: block; margin: 2px 0 12px;}
.news-list .item-lix { margin-left: 6px; *margin-left: 10px;}
.news-list-s .item-li { margin-bottom: 15px; }
.news-list-s .tags { margin-top: 2px; }
.mod-card{width:448px;height: 248px;overflow:hidden;}
.w1200 .mod-card{width:678px;}
.card-list{padding-left:20px;height:200px;position:relative;overflow:hidden;}
.card-list li{width:138px;margin:20px 0;float:left;}
.w1200 .card-list li { width: 164px; }
.card-list .item{display:block;overflow:hidden;background:#fff}
.card-list .img{width:60px;height:60px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;margin-right:12px;position:relative;float:left}
.card-list .img i{width:16px;height:16px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;overflow:hidden;position:absolute;bottom:0;right:0;background-color:#fff;}
.card-list .info{width:65px;line-height:30px;float:left}
.w1200 .card-list .info{width: 92px;}
.card-list .name{display:block;font-size:14px;color:#595757;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.card-list .desc{color:#9fa0a0}
.card-list .go{width:40px;height:22px;line-height:22px;-webkit-border-radius:11px;border-radius:11px;text-align:center;color:#fff;margin-top:4px;background:#e1405a;display:none}
.card-list .go:hover { background: #f6587b; }
.card-list .item:hover .desc{display:none}
.card-list .item:hover .go{display:block}

.news-tit a.active span{ color:#fff; background:#e1405a;}

.mod-kf{width:510px}
.kf-list{width:260px;height:176px;padding:12px 25px;float:left;display: inline;}
.kf-list li{margin:5px;float:left; display: inline;}
.kf-list li a{display:block;width:120px;height:34px;line-height:34px;text-align:center;color:#845d55;font-size:14px;background:#f2f2f2}
.kf-list li a:hover{color:#fff!important;background:#e1405a}
.mod-kf .info{color:#9fa0a0;padding-left:22px;float:left}
.mod-kf .info .icon-kfs{display:block;width:93px;height:93px;margin:28px 0 12px;}
.mod-kf .info .num{font-size:20px;color:#e1405a}
.mod-kf .info .icon-kfs{background-position:0px 0px}.icon-diam{background-position:-103px 0px}.icon-app{background-position:-103px -44px}.icon-box{background-position:-4px -103px}.hotgame-list .new{background-position:-44px -103px}.hotgame-list .hot{background-position:-85px -103px}.log-item .icon-lock{background-position:-147px 0px}.log-item .icon-user{background-position:-147px -40px}.mod-hd .more i{background-position:-147px -80px}.played .slide-prev:hover{background-position:-147px -105px}.played .slide-prev{background-position:-166px -105px}.played .slide-next{background-position:-126px -103px}.played .slide-next:hover{background-position:0px -147px}.logined .icon-uphone{background-position:-19px -147px}.card-list .img i{background-position:-35px -146px}.icon-cb{background-position:-61px -147px}.icon-cbed{background-position:-84px -147px}.newgame-list .shot{background-position:-107px -147px}.newgame-list .snew{background-position:-144px -147px}.logined .icon-uug{background-position:-187px 2px}.opser-box .h,.opser-box .n{background-position:-187px -22px}.opser-box .n{background-position:-187px -43px}.logined .icon-umail{background-position:0px -169px}.mod-kf .info .icon-kfs,.icon-diam,.icon-app,.icon-box,.hotgame-list .new,.hotgame-list .hot,.log-item .icon-lock,.log-item .icon-user,.mod-hd .more i,.played .slide-prev:hover,.played .slide-prev,.played .slide-next,.played .slide-next:hover,.logined .icon-uphone,.card-list .img i,.icon-cb,.icon-cbed,.newgame-list .shot,.newgame-list .snew,.logined .icon-uug,.opser-box .h,.opser-box .n,.logined .icon-umail,.rec-box .cor-hot, .rec-box .cor-rem, .rec-box .cor-new{background-image: url(../images/liticot.png);background-repeat: no-repeat;}
.logined .icon-uphone:hover,.logined .icon-uphone-y{background-position: -31px -169px;}
.logined .icon-umail:hover,.logined .icon-umail-y{background-position: -49px -169px;}
.logined .icon-uug:hover,.logined .icon-uug-y{background-position: -73px -169px;}
/*hover*/
.opser-box .item .info p,.news-list .tit,.card-list .go,.hotgame-list .bd { -webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out; transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;}
.rec-box .img img{ width:214px; height:255px;}
.rec-box .img{ background: url(../images/picbg.png) no-repeat center;border:1px solid #ddd; margin-bottom:-2px;}
.hotgame-list .item, .newgame-list .img, .card-list .img {    background: url(../images/picbg.png) no-repeat center;}
.slide-box .slide-bd a{background:url(../images/banb1.png) no-repeat center;}
.slide-box{ border-top:1px solid #ddd;}

/*注册*/
.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;}

.kfb .kfbtit{ border:none;}.kfb .kfbtit span{ float:left; display:block; width:140px; height:30px; line-height:30px; background:#f1f1f1; border:none; margin:10px 10px 10px 0; cursor:pointer; font-size:14px; border-radius:5px;}.kfb .kfbtit span.cur{ background:#e1405a;color:#fff;}
.kfb .khfxPane{ display:none; border-bottom:1px solid #ddd;}.kfb ul li{ width:20%}


.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}

/**开服表页面游戏类型筛选按钮*/
.selser ul li.cur{ background:#e1405a;color:red;}


