/*!
 * 棋牌内页样式1的css
 * Author: Dear
 * Update by 2018-11-30
 */
/*公共初始化*/
ul,ol{margin: 0;padding: 0;list-style: none;}
/*==================== chess 棋牌 ====================*/
#main-chess .chess-list{position: relative;height: 900px;background: url(../../images/game_chess/chess-bg.jpg) center center; overflow: hidden;}
/*小美女图片*/
#main-chess .chess-list .left-pic-box{width:1200px;height:900px;position: absolute;top:0;left: 50%;transform: translateX(-50%); transition: all .2s;}
#main-chess .chess-list .left-pic-box .left-pic{position: absolute;left:-330px;bottom: 0;width: 374px;height: 900px;background:url(../../images/game_chess/chess-people.png) 0 0 no-repeat ;}
/*游戏内容盒子*/
#main-chess .chess-list .container{ width: 1200px !important;background: url(../../images/game_chess/chess-cont-bg.png) no-repeat 0 60px;background-size: 100% auto;padding:70px 10px; transition: all .2s;}
#main-chess .chess-list .container .box {  width: 1180px; height: 770px; position: relative;  margin: 0 auto;}
/*左侧API列表*/
#main-chess .chess-list .container .box .chess-left-list{float:left;width: 336px;height: 100%;overflow: auto; }
#main-chess .chess-list .container .box .chess-left-list li{width: 280px;height: 95px;margin: 0 auto;text-align: center;}
#main-chess .chess-list .container .box .chess-left-list li{  transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;  -webkit-transition: all 0.3s;  }
#main-chess .chess-list .container .box .chess-left-list li a{display: inline-block;width: 100%;height: 100%; padding: 0 80px 0 70px; }
/*左侧Api列表图标,单个图片280*110*/
/*#main-chess .chess-list .container .box .chess-left-list li a{background: url(../../images/game_chess/chess_nav_bg.png) 0 0 no-repeat}*/
/*#main-chess .chess-list .container .box .chess-left-list li.ky a{background-position-x: 0;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.ly a{background-position-x: -280px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.qly a{background-position-x: -560px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.sd a{background-position-x: -840px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.vg a{background-position-x: -1120px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.fg a{background-position-x: -1400px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.dtg a{background-position-x: -1680px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.cq a{background-position-x: -1960px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.tp a{background-position-x: -2240px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.lc a{background-position-x: -2520px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.gpi a{background-position-x: -2800px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.km a{background-position-x: -3080px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.rich88 a{background-position-x: -3360px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.ha a{background-position-x: -3640px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.leg a{background-position-x: -3920px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.bl a{background-position-x: -4200px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.idn a{background-position-x: -4480px;}*/
/*#main-chess .chess-list .container .box .chess-left-list li.rummy a{background-position-x: -4760px;}*/
#main-chess .chess-list .container .box .chess-left-list li.bg a,
#main-chess .chess-list .container .box .chess-left-list li:hover a{background-position-y: -110px;}

/*国际化应用，按钮无API名字*/
#main-chess .language-i18n.chess-list .container .box .chess-left-list li a{/*background-image: url(../../images/game_chess/chess_i18n_nav_bg.png);*/background-repeat: no-repeat;}
#main-chess .language-i18n.chess-list .container .box .chess-left-list li.bg a,
#main-chess .language-i18n.chess-list .container .box .chess-left-list li:hover a{background-position-y: -110px;}
#main-chess .language-i18n.chess-list .container .box .chess-left-list li a span{display: inline-block;font-size: 20px;
    line-height: 115px;
    font-weight: bold;
    color: transparent;text-align: left;
    font-family: "FZCuYuan-M03S";
    background-image: -webkit-gradient(linear, 0 50, 0 bottom, from(#fff), to(#92b2ec));
    -webkit-background-clip: text;
    filter: drop-shadow(0px 2px 0px black);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*右侧游戏列表*/
#main-chess .chess-list .container .box .right{float:right;width: 840px;height: 100%;overflow: hidden; vertical-align: top;}
#main-chess .chess-list .container .box .right .scroll{display: block;width: 100%;padding: 0;}
#main-chess .chess-list .container .box .right .scroll{transition: all 0.5s;  -moz-transition: all 0.5s;  -o-transition: all 0.5s;  -webkit-transition: all 0.5s;  }
#main-chess .chess-list .container .box .right .scroll>div{display: block;width: 820px;height: 770px;padding: 0;overflow: auto;overflow-x: hidden;}
/*右侧游戏列表的游戏卡片*/
#main-chess .chess-list .container .box .right .scroll .chess-right-pics{padding-top: 20px;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1{padding: 0;margin: 0;height: 150px;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item{width:150px;height:150px;margin: 0 auto;transition: all 0.3s;text-align: center;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item:hover{transform: scale(1.1);}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics figure img{width: 86%; max-height:129px;transition: all 0.35s linear;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item .table_cell_div{position: absolute;top: 0;width: 100% ; height:100%; text-align: center;opacity: 0;color: #FFF;transition: all 0.3s;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item .table_cell_div a{display: inline-block;width: 110px ; height:30px;line-height:30px;margin-top: 50px;border-radius: 15px;background-image: linear-gradient(to top right,rgba(52,27,98,.8) 0%,rgba(154,93,255,.8) 100%); transition: all 0.3s;color: #fff;position: relative !important;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item:hover .table_cell_div{opacity: 1;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item .table_cell_div a:hover{background-image: linear-gradient(to top right,rgba(52,27,98,1) 0%,rgba(154,93,255,1) 100%);}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item .g_line1{text-align: center;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item .g_line1>a{color: #FFF;opacity: 1;transition: all 0.3s;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item:hover .g_line1>a{opacity: 0;}
#main-chess .chess-list .container .box .right .scroll .chess-right-pics .col-5-1 .game-item .g_line2{display: none;}
[class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption{background-color: transparent !important;padding: 0 !important;}
[class*=" imghvr-"], [class^=imghvr-]{background-color: transparent !important;}
/*屏幕小于1440时的响应(mac book)*/
@media screen and (max-width: 1440px){
    /*游戏内容盒子缩小0.8*/
    #main-chess .chess-list .container{transform: scale(.8);  margin-left: 120px;}
    /*小美女图片缩小0.8*/
    #main-chess .chess-list .left-pic-box{left: 0;transform: scale(.8);}
    #main-chess .chess-list .left-pic-box .left-pic{left:-150px;}
}