﻿.w {
    width: 1000px;
    margin: 0 auto;
}

.game-bg {
    height: 200px;
}

.game-bg .nav-wg {
    padding: 0 15px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.game-bg .nav-wg>a {
    float: left;
    color: #fff;
}

.game-bg .nav-wg span a {
    float: right;
    color: #fff;
}

.game-warp {
    margin-top: 30px;
    height: 125px;
}

.game-warp .game-start {
    float: left;
    width: 280px;
}

.game-warp .game-start .play-btn {
    display: block;
    height: 125px;
    background: url(img/play-btn.png) no-repeat;
    text-indent: -9999px;
}

.game-warp .game-start .play-btn:hover {
    background-position: -318px 0;
}

.game-warp .game-intro {
    display: table;
    float: right;
    padding: 0 15px;
    width: 670px;
    height: 125px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
}

.game-warp .game-intro p {
    display: table-cell;
    margin: 0 15px;
    color: #050505;
    font-size: 14px;
    line-height: 20px;
    text-indent: 2em;
    vertical-align: middle;
}

.game-fl {
    margin-top: 30px;
    background-color: #fff;
}

.game-fl h3 {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #050505;
    font-size: 16px;
}

.game-fl .intro p,
.game-fl>p {
    padding: 0 15px;
    font-size: 14px;
    line-height: 28px;
}

.game-fl .intro p {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    background-color: #ff5c14;
}

.game-fl>p {
    color: #fed23b;
    background-color: #1F1B14;
}

.game-jt {
    margin-top: 30px;
    height: 265px;
    background-color: #fff;
}

.game-jt h3 {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #050505;
    font-size: 16px;
}

.game-jt ul {
    width: 1020px;
}

.game-jt ul li {
    float: left;
    width: 256px;
    height: 256px;
    margin-right: 10px;
}

.game-jt ul li img {
    width: 100%;
    height: 100%;
}

.hotgame-more {
    margin-top: 10px;
    background-color: #fff;
}

.hotgame-more h2 {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    color: #050505;
    font-size: 18px;
}

.hotgame-more ul {
    padding: 0 15px;
}

.hotgame-more li {
    height: 35px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.hotgame-more li:nth-child(6n+1) a {
    border: 1px solid #00954F;
    background-color: #00954F;
    color: #fff;
}

.hotgame-more li:nth-child(6n+1) a:hover {
    border: 1px solid #00954F;
    color: #00954F;
    background-color: transparent;
}

.hotgame-more li:nth-child(6n+2) a {
    border: 1px solid #DB4528;
    color: #DB4528;
}

.hotgame-more li:nth-child(6n+2) a:hover {
    background-color: #DB4528;
    color: #fff;
}

.hotgame-more li:nth-child(6n+3) a {
    border: 1px solid #00A5CA;
    background-color: #00A5CA;
    color: #fff;
}

.hotgame-more li:nth-child(6n+3) a:hover {
    border: 1px solid #00A5CA;
    color: #00A5CA;
    background-color: transparent;
}

.hotgame-more li:nth-child(6n+4) a {
    border: 1px solid #ED6D00;
    color: #ED6D00;
}

.hotgame-more li:nth-child(6n+4) a:hover {
    background-color: #ED6D00;
    color: #fff;
}

.hotgame-more li:nth-child(6n+5) a {
    border: 1px solid #B6007A;
    background-color: #B6007A;
    color: #fff;
}

.hotgame-more li:nth-child(6n+5) a:hover {
    border: 1px solid #B6007A;
    color: #B6007A;
    background-color: transparent;
}

.hotgame-more li:nth-child(6n) a {
    border: 1px solid #FABE00;
    color: #FABE00;
}

.hotgame-more li:nth-child(6n+45) a:hover {
    background-color: #FABE00;
    color: #fff;
}

.hotgame-more li a {
    display: block;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    font-size: 14px;
}