.play {
    margin-top: 15px;
    width: 100%;
    position: relative;
}

.playbtn {
    width: 10%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5%;
    margin-top: -5%;
    cursor: pointer;
}

.googleplay {
    border: none;
}

.game_tab {
    position: relative;
    overflow-x: auto;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 2px solid #ededed;
    border-bottom: 1px solid #ededed;
}

    .game_tab ul li {
        float: left;
        width: 33%;
    }

        .game_tab ul li a {
            width: 100%;
            display: block;
            position: relative;
            cursor: pointer;
        }

            .game_tab ul li a.active:before {
                position: absolute;
                left: 50%;
                bottom: 0px;
                margin-left: -10px;
                content: '';
                width: 20px;
                background: #0285e5;
                height: 2px;
            }

.game_pics {
    display: none;
}
/*******swiper************/
.swiper-container {
    height: 265px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
}
/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-container .swiper-slide {
    height: 265px;
    width: auto !important;
    padding: 10px 0px;
    margin-right: 5px;
}

    .swiper-container .swiper-slide:last-child {
        margin-right: 0px;
    }

    .swiper-container .swiper-slide img {
    }

    .swiper-container .swiper-slide:last-child img {
        margin-right: 0;
    }
/*******swiper end************/
.swiper-wrap {
    position: relative;
}

    .swiper-wrap .swiper-container {
        padding: 0px 0px;
        height: 285px;
    }

    .swiper-wrap a {
        background: url(../images/left_right.png) no-repeat;
        background-size: auto 100%;
        ms-behavior: url(css/backgroundsize.min.htc);
        behavior: url(css/backgroundsize.min.htc);
        height: 42px;
        width: 24px;
        border-radius: 2px;
    }

        .swiper-wrap a[disabled="disabled"] {
            opacity: 0.3;
        }

        .swiper-wrap a:not([disabled="disabled"]):hover {
            background-color: #bababa;
        }

    .swiper-wrap .nextBtn {
        background-position-x: -24px;
        z-index: 10;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -15px;
        cursor: pointer;
    }

    .swiper-wrap .prevBtn {
        z-index: 10;
        left: 0;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -15px;
        cursor: pointer;
    }

    .swiper-wrap img:hover {
        position: relative;
        top: -10px;
        width: auto;
        height: 285px;
        cursor: pointer;
    }

.game_des, .game_additional {
    width: 96%;
    padding: 5% 2%;
    font-size: 1em;
    line-height: 20px;
    color: #5b5b5b;
    border-bottom: 1px solid #ededed;
}

pre {
    white-space: pre-wrap;
}

.shortBrief {
    width: 100%;
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    -o-text-overflow: ellipsis;
}

#briefShowMore {
    margin: 0px auto;
    margin-top: 30px;
    display: block;
    background: url(../images/unfold.png);
    width: 34px;
    height: 15px;
    cursor: pointer;
}

    #briefShowMore.link {
        background: url(../images/fold.png);
    }

.game_additional {
    border-bottom: 5px solid #ededed;
}

    .game_additional span {
        display: block;
    }

.news1 {
    border-bottom: 1px solid #ededed;
}

.comment {
    width: 100%;
    padding: 2% 0px;
}

.comment_split {
    border-top: 5px solid #ededed;
    border-bottom: 5px solid #ededed;
}

.comment h2 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-align: center;
}

.comment_info {
    display: inline-block;
    width: 96%;
    padding: 2%;
    border-top: 1px solid #ededed;
}

.first_comment_info {
    border-top: none;
}

.comment_head {
    float: left;
    width: 10%;
}

.comment_right {
    float: right;
    margin-left: 2%;
    width: 88%;
}

.comment_name {
    font-size: 1em;
    float: left;
    color: #afb1b5;
}

.comment_time {
    font-size: 1em;
    float: right;
    color: #afb1b5;
}

.comment_info p {
    clear: both;
    margin: 10px auto;
}

.news_more, .comment_more {
    display: block;
    margin: 10px auto;
    width: 20%;
    padding: 4px;
    color: #fff;
    border-radius: 4px;
    background: #0285e5;
    border: 1px solid #0285e5;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.con {
    display: none;
}

.con_noifo {
    width: 96%;
    padding: 100px 2%;
    text-align: center;
    background: #f3f3f3;
}

    .con_noifo strong.center {
        font-weight: bold;
        display: block;
        width: 100%;
        padding: 20px 0px;
        text-align: center;
    }

    .con_noifo img {
        margin: 0 auto;
    }

.disblock {
    display: block;
}

@media screen and (max-width: 480px) {
    .play {
        margin-top: 0px;
    }

    .playbtn {
        width: 15%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -7%;
        margin-top: -7%;
    }

    .swiper-wrap {
        display: none;
    }

    .game_pics {
        display: block;
        position: relative;
        overflow-x: auto;
    }

        .game_pics ul li {
            float: left;
            height: 100%;
            display: block;
            margin-right: 5px;
        }

            .game_pics ul li img {
                height: 100%;
            }

    .comment_info {
        padding: 2%;
    }
}