@charset "utf-8";
html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma";}
body{background:#f8f8f8; font:12px/22px "Microsoft YaHei"; min-width:1200px; color:#666;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,select,input{padding:0; margin:0; list-style:none; vertical-align:middle;}
input,textarea:focus{outline:none;}
input::-webkit-input-placeholder,input:-ms-input-placeholder,input::-moz-placeholder{color:#999;}
img{border:none;}
.clearfix:after{content:""; display:block; clear:both; height:0;}.clearfix{*zoom:1;}
a{color:#999; text-decoration:none; transition:color 0.3s linear;}
.m1200{width:1200px; margin:0 auto; position:relative;}

/* 导航 */
.head-nav{width:100%; height:100px; background:rgba(255,255,255,0.84); position:absolute; top:0; left:0; z-index:3;}
.head-nav .logo-link{width:110px; height:41px; background:url(../images/public_img.png) no-repeat 0 -82px; float:left; margin:30px 0 0 10px;}
.head-nav ul{font-size:0; letter-spacing:-5px; float:right;}
.head-nav ul li{line-height:100px; display:inline-block; padding:0 30px; position:relative; margin-right:60px;}
.head-nav ul li a{font-size:16px; color:#383838; display:inline-block; vertical-align:middle; line-height:22px; letter-spacing:normal;}
.head-nav ul li:before{content:''; width:0%; height:4px; background:#00c0ff; position:absolute; left:0; right:0; top:0; margin:auto; transition:0.3s ease-in-out;}
.head-nav ul li:hover:before,.head-nav ul li.on:before{width:100%;}

/* 游戏列表 */
.head-nav .list-show{line-height:100px; padding:0 30px; position:relative; margin-right:60px; float:right;}
.head-nav .list-show:before{content:''; width:0%; height:4px; background:#00c0ff; position:absolute; left:0; right:0; top:0; margin:auto; transition:0.3s ease-in-out;}
.head-nav .list-show:hover:before{width:100%;}
.head-nav .list-show span{font-size:16px; color:#383838; display:inline-block; vertical-align:middle; line-height:22px; letter-spacing:normal; cursor:default;}
.head-nav .list-show .game-list{width:905px; height:0px; background:#282b2d; position:absolute; top:100px; right:0; transition:0.6s; opacity:0; z-index:-1111; overflow:hidden;}
.head-nav .list-show:hover .game-list{ opacity:1; z-index:3; height:535px;}
.head-nav .list-show .game-list .title{padding:32px 30px 32px 35px; font-size:20px; color:#ffffff; line-height:20px;}
.head-nav .list-show .game-list .title span{float:right; font-size:14px; color:#fff; line-height:20px; margin-left:35px; position:relative;}
.head-nav .list-show .game-list .title span i{font-size:12px; font-family:"宋体"; color:#fff; display:inline-block; border-radius:2px; padding:1px 3px; line-height:12px; text-align:center; font-style:normal; vertical-align:middle; margin-right:8px;}
.head-nav .list-show .game-list .title .new i{background:#7ac307;}
.head-nav .list-show .game-list .title .hot i{background:#fe5600;}
.head-nav .list-show .game-list .type{background:#35373a; line-height:22px; padding:15px 0; font-size:0; letter-spacing:-5px;}
.head-nav .list-show .game-list .type span{display:inline-block; line-height:22px; width:33.33%; letter-spacing:normal; font-size:18px; color:#00c0ff; padding-left:60px; box-sizing:border-box; position:relative;}
.head-nav .list-show .game-list .type span:before{content:''; width:1px; height:22px; background:#a1a1a1; position:absolute; top:0; left:40px;}
.head-nav .list-show .game-list .list-box{font-size:0; letter-spacing:-5px; padding-top:20px;}
.head-nav .list-show .game-list .list-box .list{width:33.33%; display:inline-block; padding:5px 40px 0 40px; box-sizing:border-box; border-left:1px solid #a1a1a1; height:361px; box-sizing:border-box;}
.head-nav .list-show .game-list .list-box .list:first-child{border-color:#282b2d;}
.head-nav .list-show .game-list .list-box .list a{font-size:16px; color:#cbcbcb; line-height:22px; display:block; letter-spacing:normal; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.head-nav .list-show .game-list .list-box .list a:nth-of-type(n+9){display:none;}
.head-nav .list-show .game-list .list-box .list a:hover{color:#00c0ff;}

/* 底部 */
.foot{background:#1b1b1b; padding:40px 0;}
.foot p{font-size:20px; color:#dddddd; text-align:center; line-height:42px;}
.foot a{font-size:20px; color:#dddddd; text-align:center; line-height:42px;}
.foot a:hover{color:#00c0ff;}