.game-slide { background: url('../images/game_bg.jpg') top center no-repeat;}
    .game-slide .wrap { height: 510px; }
    .container .wrap { padding: 10px 0; }
    .game-left { width: 908px; float: left;}
    .box-title { padding-bottom: 10px; border-bottom: 2px solid #e6e6e6; margin-bottom: 20px; position: relative;}
    .box-title .in { height: 60px; border-left: 10px solid #56bde5; overflow: hidden; padding-left: 20px; color: #333; font-weight: 500;}
    .box-title .in .cn { font-size: 16px; margin-top: 10px;}
    .box-title:after { content: ' '; position: absolute; left: 0; bottom: -2px; width: 130px; height: 2px; overflow: hidden; background: #56bde5;}
    .box-wrap { padding: 10px 24px;}
    .box-hd { font-size: 14px; color: #eee; line-height: 28px; border-bottom: 1px solid #eee; padding: 25px 0; margin-bottom: 24px; word-break: keep-all; overflow: hidden;}
    .box-hd strong { color: #333; float: left;}
    .box-hd .type-list { width: 790px; float: left;}
    .box-hd a { margin: 0 10px; border-radius: 3px; padding: 2px 10px;}
    .box-hd .active { color: #fff; background: #56bde5;}
    .box-hd .active:hover { color: #fff!important;}

    .game-list { overflow: hidden;}
    .game-list li { width: 273px; margin: 0 20px 24px 0; border-radius: 5px; overflow: hidden; background: #f4f4f4; float: left; }
    .game-list li:nth-child(3n) { margin-right: 0;}
    .game-list .t { position: relative;}
    .game-list .m { width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; transition: all .3s ease; transform: translateY(-100%);}
    .game-list .t:hover .m { transform: translateY(0);}
    .game-list .m .btn { display: inline-block; border-radius: 5px; padding: 5px 10px; color: #fff; background: #56bde5; margin: 50px 10px 0;}
    .game-list .m .btn:hover { color: #fff!important; opacity: .9;}
    .game-list .b { height: 36px; line-height: 36px; padding: 0 10px; font-size: 14px;}
    .game-list .name { color: #333; float: left;}
    .game-list .links { float: right;}
    
    .game-right { width: 428px; float: right;}

    .topgame-list li {
      height: 76px;
      overflow: hidden;
      border-bottom: 2px solid #e6e6e6;
    }

    .topgame-list .img {
      width: 62px;
      height: 62px;
      background: #efefef;
      border-radius: 4px;
      overflow: hidden;
      margin: 7px 14px 0 24px;
      float: left;
    }

    .topgame-list .name {
      font-size: 14px;
      color: #000;
    }

    .topgame-list .info {
      width: 160px;
      line-height: 22px;
      margin-left: 60px;
      padding-top: 6px;
      color: #666;
      float: left;
    }
    .topgame-list .btn { width: 62px; height: 28px; line-height: 28px; text-align: center; color: #52bfeb; border: 2px solid #52bfeb; border-radius: 4px; float: left; margin-top: 22px;}
    .topgame-list .btn:hover { color: #fff!important; background: #52bfeb;}
    .gzhbox { padding: 36px 0 36px 60px; margin-top: 10px;}
    .gzhbox .gzhqrcode { width: 132px; height: 132px; background: #ccc; float: left;}
    .gzhbox .info { color: #000; line-height: 40px; padding: 5px 0 0 20px; font-size: 14px; float: left;}
    .gzhbox .info span { color: #f00;}
    .gzhbox .info em { color: #4bd045;}


    
/* carousel */
.carousel{margin:0px auto;padding:70px 0px 0px;width:100%;height:400px;overflow:hidden;position:relative;display: none; }
.carousel .slides{margin:0px auto 30px;position:relative;}
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important; border-radius: 10px;}
.carousel .slides .slideItem.active { box-shadow: 0 0 10px #999;}
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{width:100%;height:100%;}
.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100% !important;height:380px !important;display:block;position:absolute;}
.prevButton{background:url("../images/btn.png") no-repeat 0px 0px;top:286px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/btn.png") no-repeat 0px 0px;top:286px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.prevButton{left:12px;}
.nextButton{background-position:0px -40px;right:12px;}

.game-slide .info { width: 100%; height: 115px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.7); overflow: hidden; display: none;}
.game-slide .slideItem.active .info { display: block;}
.game-slide .info .txt { width: 560px; margin: 0 70px; padding-top: 12px; float: left;}
.game-slide .info .name { display: inline-block; font-size: 16px; color: #fff; font-weight: bold; border-bottom: 2px solid #56bde5;}
.game-slide .info .desc { font-size: 14px; color: #bdb9b8; line-height: 28px; height: 56px; overflow: hidden;;}
.game-slide .info .btns { float: left;}
.game-slide .info .home, .game-slide .info .play { display: inline-block; width: 160px; height: 36px; line-height: 36px; margin: 15px 0; font-size: 14px; color: #fff; border-radius: 5px; text-align: center;}
.game-slide .info .home { background: #56bde5;}
.game-slide .info .play { background: #ff6326;}