@charset "utf-8";
* {margin: 0px;padding: 0px;}body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}body {font-family: "微软雅黑";background: #fff;font-size: 12px;line-height: 22px;color: #666;}a {text-decoration: none;color: #666;}a:hover {text-decoration:none;color: #0eadff;}ol, ul,li {list-style: none;}img {border: 0;}em,i{ font-style:normal;}
.hd-top{ background:#323232; color:#fff; height:30px; line-height:30px;}
.nav{ width:1200px; margin:auto;}
.hd-top .log{ float:right; display:inline-block; *margin-top:-30px;}
.hd-top .log a{ color:#fff;}
.hd-top .log a:hover{ color:#0eadff}
.hd-top .logok a{ padding:0 7px;}
/*menu*/
.menu{ position:absolute; top:30px; left:0; z-index:999; clear:both; background:#fff; border-bottom:1px solid #efefef;-moz-opacity: 0.95;opacity:.95;filter: alpha(opacity=95);box-shadow: 0 4px 4px rgba(0,0,0,.2);width:100%; height:70px; line-height:70px;}
.menu .logo{ display:block; float:left; padding:15px 10px 0 0;}
.menu .logo img{ width:126px; height:40px;}
.menu ul{ float:left;}
.menu ul li{ float:left;}
.menu ul a{ width:auto; padding:0 13px 0 14px; color:#333; font-size:16px; display:inline-block;}
.menu ul a:hover{color:#0eadff;}
.menu a.cur{ background:#0eadff; color:#fff;}
.menu a.cur:hover{ color:#fff;}
/*login*/
.login{ clear:both;}
.login .nav{ position:relative; z-index:5; margin-top:-430px; }
.login ul{ float:right; width:225px; height:270px; padding:35px 35px 35px 32px; background:url(../images/ico.png) no-repeat; overflow:hidden;}
.login ul li{ width:100%; margin:0 0 15px 0; border:1px solid #ddd; border-radius:5px; background:#fff; height:35px; line-height:35px; clear:both;}
.login ul li .logtxt{ background:url(../images/ico.png) no-repeat; background-position:10px -333px; width:100%;  text-indent:35px;*text-indent:0px; *padding-left:35px; height:30px; line-height:30px; font-size:14px;outline:none; border:none; color:#333;}
.login ul li .logpwd{ background-position:10px -360px;}
.login ul p{ clear:both;width:100%; color:#fff; overflow:hidden;}
.login ul .rem{ *margin-top:15px;}
.login ul .rem span{ float:left; display:inline-block; line-height:18px;}
.login ul .rem span i{ display:inline-block; width:16px; height:16px; background:url(../images/ico.png) no-repeat 0 -395px; float:left; margin-right:2px;}
.login ul .rem span.fgt{ float:right; display:inline-block}
.login ul .rem a{ color:#fff;}
.login ul .btn{ clear:both; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; display:block; background:#0eadff; border-radius:5px; margin:15px 0 10px 0; font-size:16px;}
.login ul .btn:hover{ background:#05a0f0}
.login ul .zc{ clear:both; display:block; text-align:center; color:#fff; margin-bottom:20px; *margin-bottom:5px;}
.login ul .zc em{ color:#0eadff;}
.login ul .qt em{ display:inline-block; float:left;  *margin-top:-8px;}
.login ul .qt a{ display:inline-block; float:left;}
.p-ico{ display:none;}
.login ul.in li{ clear:both; color:#eee; border:none; background:none; border-radius:0; font-size:15px; height:34px; line-height:34px; margin:0;}
.login ul.in li a{ color:#eee;}
.login ul.in li .cen{ color:#0eadff;}
.login ul.in li.intit span{ display:inline-block; float:right; font-size:12px;}
.login ul.in li.played{ border-top:1px solid #0eadff; margin-top:10px;}
.login ul.in li.played h5{ font-size:15px;}
.login ul.in li.played span{ display:inline-block; width:49%; border-top:1px dashed #aaa;text-align:center;}
.sx{ padding-top:100px;}
/*推荐游戏*/
.nav h3{ clear:both; font-size:18px; color:#0eadff; font-weight:400; line-height:30px; margin-bottom:10px;}
.nav h3 i{ display:inline-block; float:left; width:27px; height:26px; margin-right:5px; background:url(../images/ico.png) no-repeat;}
.tj{ clear:both;}
.tj .nav{position:relative; width:1220px; padding:15px 20px;z-index:0; background:#fff;}
.tj .nav ul{ width:1220px; padding:5px 0 15px 0; margin:auto; height:auto; overflow:hidden;}
.tj .nav h3{ padding-left:10px;}
.tj .nav h3 i{ background-position:0 -3px;}
.tj .nav li{ float:left; border:1px solid #efefef; border-radius:5px; width:285px; margin:0 9px;}
.tj .nav li img{ display:block; clear:both; width:100%; height:200px; border-radius:5px 5px 0 0;}
.tj .nav li div{ clear:both; padding:5px 0; overflow:hidden; }
.tj .nav li h4{ display:inline-block; float:left; font-size:14px; text-indent:10px; font-weight:400;line-height:30px;}
.tj .nav li .btn{ width:auto; float:right; margin-right:10px; background:#0eadff; color:#fff; text-align:center; padding:0 8px; height:30px; line-height:28px; border-radius:5px; font-size:14px; }
.tj .nav li:hover{box-shadow: 0 0px 3px rgba(14,173,255,1); border:1px solid #0eadff}
/*热门游戏*/
.game{ clear:both; margin-top:0px;}
.game h3 i{ background-position:0 -90px;}
.game .list{ width:1220px; margin-left:-9px; overflow:hidden;}
.game .list li{ float:left; margin:0 9px 18px 9px; border:1px solid #efefef; border-radius:5px; width:183px; overflow:hidden; position:relative;} 
.game .list li img{ display:block; border-radius:5px 5px 0 0; width:100%; height:128px;}
.game .list li .tit{ clear:both; text-align:center; line-height:36px; font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 5px;}
.game .list li span{ display:none; background:#000;-moz-opacity: 0.8;opacity:.8;filter: alpha(opacity=8);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c000000',endColorstr='#6c000000'); width:100%; height:30px; line-height:30px; text-align:center; color:#fff;}
.game .list li:hover span{ display:inline-block; position:absolute; bottom:35px;}
.game .list li:hover{box-shadow: 0 0px 3px rgba(14,173,255,1); border:1px solid #0eadff; cursor:pointer;}
/*更多游戏*/
.mg{ clear:both; margin-top:3px;*margin-top:23px;}
.mg h3 i{ background-position:0 -90px;}
.mg .sx{ border:1px solid #efefef; width:100%; overflow:hidden; padding:10px 0; font-size:13px;}
.mg .sx li{ clear:both; line-height:24px; margin:5px 0; overflow:hidden;}
.mg .sx li em{ display:block; float:left; width:8%; text-align:right;} 
.mg .sx li span{ display:block; float:left; width:90%;}
.mg .sx li span a{ display:inline-block; margin-right:15px; padding:0 5px;}
.mg .sx li span a:hover,.mg .sx li span a.cur{ background:#0eadff; color:#fff;}
.mg .list{ width:1210px; margin-left:-4px; overflow:hidden; margin-top:5px;}
.mg .list li{ float:left; margin:7px 5px; width:141px;}
.mg .list li img{ float:left; display:block; border-radius:5px; width:65px; height:46px;}
.mg .list li .word{ float:left; width:70px; padding-left:6px;}
.mg .list li .word span,.mg .list li .word i,.mg .list li .word em{ display:block; clear:both; text-align:left; overflow:hidden; height:19px; line-height:19px; color:#333;text-overflow: ellipsis;white-space: nowrap;}
.mg .list li .word i{ color:#aaa;}
.mg .list li .word em{ color:#777; margin-top:7px;}
.mg .list li:hover span{ color:#0eadff;}
.mg .list li:hover em{ background:#0eadff; color:#fff; width:55px; text-align:center; cursor:pointer;}
/*友情链接*/
.yq{ clear:both; margin-top:20px; overflow:hidden;}
.yq h3 i{background-position:0 -155px;}
.yq .nav a{ display:inline-block; float:left; margin:0 10px;}
/*底部*/
.bot{ background:#3a3a3c; color:#999; text-align:center; padding:20px 0 0 0; margin-top:20px;}
.bot a{ color:#999;}.bot a:hover{ color:#ccc;}
.bot p{ padding:10px 0;}
.bot .end{ border-top:1px solid #555;}


/*登录注册*/
.black2_overlay {position:absolute;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: absolute;top: 20%;left:10%;width: 80%;height:auto;z-index: 1002;overflow: auto;}
.lognav2{ width:94%; overflow:hidden; margin:auto;background-color: white; padding:0 20px 10px 20px; max-width:300px;}

.logall{ width:100%; height:100%;overflow:hidden; display:none;font-size:15px; clear:both;}
.logall h3{ clear:both; font-size:13px; text-align:center; font-weight:400; color:#666; height:36px; line-height:36px;  margin:0 -20px ; background:#fafafa;}
.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:#0f88eb; color:#fff; text-align:center; border-radius:3px; display:block; width:100%; height:40px; line-height:40px; margin-top:15px;}
.logbtn:hover{ background:#41aaff;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:#0f88eb; border-bottom:2px solid #0f88eb; cursor:pointer;}
.reg .two{ clear:both; border:none;*margin-bottom:5px; height:44px; }
.reg .tbtn{ display:inline-block; width:77px; font-size:13px; float:right; border-radius:3px; background:#41aaff; color:#fff; line-height:36px; text-align:center; margin-right:-2px; margin-top:6px;}
.reg .two .logtxt{ width:70%; *width:60%;float:left;}
.reg .two .yzm{ border:none; float:right; margin-top:6px;}
.reg .two .yzm img{ width:100%; height:36px;}
.reg .log-xy{ font-size:12px; clear:both; margin-top:6px;}
.reg .log-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{ 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;}
.l-close{ display:inline-block; float:right; padding-right:10px; cursor:pointer; *margin-top:-25px;}

/*导航固定顶部*/
#bignav{width:100%;height:100px;margin: 0px auto;z-index:100;_position: relative;_top:0px;}
.hd-top,.menu{z-index: 100;overflow: visible;position: fixed;top: 0px; /* position fixed for IE6 */_position: absolute;_top: expression(documentElement.scrollTop + "px");}
.hd-top{ width:100%;}
.menu{ top:30px;}


/*11.15加礼包内页*/
.package-panel{ margin-top:10px;}
.gift-box{ width:1200px; margin:10px auto; min-height:640px;}
.gift-n{ clear:both; margin:auto; margin-bottom:15px;clear:both; border:1px solid #ddd; padding:15px 15px 10px 15px; overflow:hidden;}
.gift-n:hover{ border:1px solid #0eadff;}
.gift-n .gleft{ float:left; width:30%; border-right:1px solid #ddd;}
.gift-n .gleft img{ display:block; float:left; margin-right:15px; width:65px; height:46px;}
.gift-n .gleft .car{ float:left;}
.gift-n .gleft h3{ font-weight:400; clear:both; margin-bottom:10px; height:20px;}
.gift-n .gleft span{ display:block; clear:both; color:#999; line-height:20px;}
.gift-n .gleft span i{ color:#0eadff; margin-right:10px;}
.gift-n .gright{ float:left; position:relative; padding-left:20px; width:65%;}
.gift-n .gright h3{ display:block; background:url(../images/gift_lb.png) no-repeat left top; height:20px; text-indent:20px; font-size:14px; padding-bottom:15px; font-weight:400;}
.gift-n .gright .word{ clear:both; line-height:20px; color:#999; display:block;}
.gift-n .gright .lqbtn{ position:absolute; right:0px; top:10px; display:block; border-radius:5px; color:#999; border:1px solid #ddd; text-align:center; height:30px; line-height:30px; width:120px;}
.gift-n .gright .lqbtn:hover{ background:#0eadff; border:1px solid #0eadff; color:#fff;}
.p-item img{width:100%; clear:both; height:150px;}



@media all and (max-width:720px){body{ max-width:720px;min-width:320px;} .nav{ width:98%;padding-left:1%;min-width:320px;}.menu{ height:40px; line-height:26px; }#index_banner{ display:none;}.swiper-container{ display:block; margin-top:-30px;}
.menu .logo{ padding:0 0 0 5px;}.menu .logo img{ width:80px; height:auto; margin-top:5px;}.menu .nav{ width:100%; padding:0;}
.p-ico{ display:block; float:right; padding:6px 10px 0 0;}
.menu ul{ display:none; background:#fff; clear:both; margin-top:0; padding:0 5px;}
.menu ul li{ width:50%; float:left; text-align:center;}
.menu ul a{ padding:0; font-size:13px; display:block; width:100%;}.banBox{ width:100%;}.login .nav{ margin-top:-460px;}
.sx{ padding-top:0; margin-top:-20px;}
.tj .nav{ width:100%; padding:0; z-index:0}.tj .nav ul{ width:98%; padding:3px 1%; height:auto;}.tj .nav li{ width:47%; margin:5px 1%;}.nav h3{ margin-bottom:5px;}.tj .nav li .btn{ margin-right:3px; padding:0 4px; font-size:12px; height:28px; line-height:28px;}.tj .nav li div{ padding:2px 0;}.tj .nav li img{ height:100px;}
.game{ margin-top:10px;}.game .list{ width:100%; padding:0; height:auto; margin:0;}
.game .list li{ width:23%; margin:0 0.5% 10px 0.5%;}.game .list li img{ height:auto;}
.mg .sx{ padding:5px 0;}.mg .sx li{ position:relative;}.mg .sx li em{ width:80px; position:absolute; left:0; top:0;}.mg .sx li span{ width:auto; margin-left:85px;}
.mg .list{ width:100%; padding:5px 0; height:auto;}.mg .list li{width:23%; margin:0 1% 10px 1%; text-align:center;}
.mg .list li img{ width:100%; height:auto;}.mg .list li .word{ width:100%; padding-left:0;}.mg .list li .word span, .mg .list li .word i, .mg .list li .word em{ text-align:center;}
.login{ display:none;}
.lognav2{ width:90%; padding:0 5% 10px 5%;}.logall h3,.reg .topzc{margin:0 -13px;}.reg .two .logtxt{ width:66%;}



.gift-box{ width:98%; margin-left:1%; margin-top:-20px; min-height:50px;}
.gift-n .gleft{ width:100%; border:none; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:5px;}.gift-n .gright{ width:100%; padding-left:0;}.gift-n .gright h3{ padding-bottom:5px; width:70%;}.gift-n .gright .word{ width:70%;}.gift-n .gright .lqbtn{ top:10px; width:25%; }

}