/*----------------------------------------------------------------
----------------------Fish - add by 2018 Oct 09 -----------------
----------------------------------------------------------------*/
.hd-menu.fish_style {
    height: 60px;
    position: relative;
}
.mod-games .hd-menu.fish_style li{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 135px;
    padding-top: 0px;
    border: none;
}
.mod-games .hd-menu.fish_style li h2{
    line-height: 60px;
    font:22px/60px "Microsoft YaHei";
    /*color: #b5b5b6;*/
}

.gg-games-panes{
    /*height: 838px;*/

    background-image: url(../images/game/fishing/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.mod-games .gg-item{
    cursor: default;
}

.mod-games .gg-item .games-item ul {
    padding: 0;
}

.mod-games .gg-item .games-item li{
    width: 25%;
    height: 275px;
    margin: 0 auto;
}
@keyframes floating{
    0%, 100% {transform: translateY(5%);}
    50% {transform: translateY(0);}
}

.mod-games .gg-item .games-item li:nth-child(1) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/bbin_1.png) no-repeat center;
}

/*.mod-games .gg-item .games-item li:nth-child(2) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/bbin_2.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(3) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/bbin_3.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(4) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/ace_1.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(5) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/ace_2.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(6) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/ace_3.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(7) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/ace_4.png) no-repeat center;
}
*/
.mod-games .gg-item .games-item li:nth-child(2) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/jdb_1.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(3) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/jdb_2.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(4) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/jdb_3.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(5) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/jdb_4.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(6) {
    animation: floating 1.8s linear infinite;
    background: url(../images/game/fishing/mg_1.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(7) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/cq9_1.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(8) {
    animation: floating 2s linear infinite;
    background: url(../images/game/fishing/cq9_2.png) no-repeat center;
}

/*.mod-games .gg-item .games-item li:nth-child(15) {
    animation: floating 1.8s linear infinite;
    background: url(../images/game/fishing/leg_1.png) no-repeat center;
}
*/
/*.mod-games .gg-item .games-item li:nth-child(16) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/spg_1.png) no-repeat center;
}
.mod-games .gg-item .games-item li:nth-child(15) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/bg_1.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(16) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/bg_2.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(17) {
    animation: floating 2.1s linear infinite;
    background: url(../images/game/fishing/bg_3.png) no-repeat center;
}*/

.mod-games .gg-item .games-item li:nth-child(1):hover {
    background: url(../images/game/fishing/bbin_1on.png) no-repeat center;
}

/*.mod-games .gg-item .games-item li:nth-child(2):hover {
    background: url(../images/game/fishing/bbin_2on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(3):hover {
    background: url(../images/game/fishing/bbin_3on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(4):hover {
    background: url(../images/game/fishing/ace_1on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(5):hover {
    background: url(../images/game/fishing/ace_2on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(6):hover {
    background: url(../images/game/fishing/ace_3on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(7):hover {
    background: url(../images/game/fishing/ace_4on.png) no-repeat center;
}
*/
.mod-games .gg-item .games-item li:nth-child(2):hover {
    background: url(../images/game/fishing/jdb_1on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(3):hover {
    background: url(../images/game/fishing/jdb_2on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(4):hover {
    background: url(../images/game/fishing/jdb_3on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(5):hover {
    background: url(../images/game/fishing/jdb_4on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(6):hover {
    background: url(../images/game/fishing/mg_1on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(7):hover {
    background: url(../images/game/fishing/cq9_1on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(8):hover {
    background: url(../images/game/fishing/cq9_2on.png) no-repeat center;
}

/*.mod-games .gg-item .games-item li:nth-child(15):hover {
    background: url(../images/game/fishing/leg_1on.png) no-repeat center;
}
*/
/*.mod-games .gg-item .games-item li:nth-child(16):hover {
    background: url(../images/game/fishing/spg_1on.png) no-repeat center;
}
.mod-games .gg-item .games-item li:nth-child(15):hover {
    background: url(../images/game/fishing/bg_1_on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(16):hover {
    background: url(../images/game/fishing/bg_2_on.png) no-repeat center;
}

.mod-games .gg-item .games-item li:nth-child(17):hover {
    background: url(../images/game/fishing/bg_3_on.png) no-repeat center;
}
*/

.mod-games .gg-item .games-item li .game-rollover{background: none;}
.mod-games .gg-item .games-item li a{display: block;height: 100%;width: 100%;}