/* 推荐游戏 */
.recoGame .cont{margin-top: 20px;}
.recoGame ul li{width: 160px;position: relative;float: left;margin-right: 36px;}
.recoGame ul li:hover .over{display: block;}
.recoGame ul li.mr0{margin-right: 0;}
.recoGame ul li .normal{width: 160px;text-align: center;font-size: 16px;color: #333;}
.recoGame ul li .normal img{margin-bottom: 10px;}

.recoGame ul li .over{width: 200px;height: 262px;position: absolute;left: -20px;top: -10px;background: #fff;display: none;box-shadow: 3px 3px 5px #ccc, -1px -1px 5px #ddd;}
.recoGame ul li .over .up{width: 200px;height: 110px;background: url(../images/overUp.jpg) no-repeat;}
.recoGame ul li .over .up img{width: 80px;height: 80px;margin: 0 auto;border: 4px solid #ff7138;border-radius: 3px;position: relative;top: 16px;}

.recoGame ul li .over .down h4{font-size: 18px;color: #333;font-weight: normal;text-align: center;margin-top: 10px;}
.recoGame ul li .over .down b{font-size: 12px;color: #666;font-weight: normal;text-align: center;display: block;margin-top: 5px;}
.recoGame ul li .over .down b em{color: #ff4d4b;}
.recoGame ul li .over .down p{line-height: 18px;font-size: 12px;color: #999;padding: 0 15px;margin-top: 5px;}
.recoGame ul li .over .down .btn{margin-top: 12px;}
.recoGame ul li .over .down .btn a{width: 73px;height: 28px;line-height: 28px;text-align: center;display: block;font-size: 16px;border-radius: 14px;margin: 0 5px;}
.recoGame ul li .over .down .btn a.startGame{border: 1px solid #ff6f39;color: #ff6f39;transition: all .3s;}
.recoGame ul li .over .down .btn a.startGame:hover{background: #ff6f39;background: linear-gradient(to right, #ff4f50, #ff8037);color: #fff;}
.recoGame ul li .over .down .btn a.favorite{border: 1px solid #ff9d33;color: #ff9d33;}
.recoGame ul li .over .down .btn a.favorite:hover{background: #ff9d33;background: linear-gradient(to right, #fb7e39, #f3b13c);color: #fff;}

.recoGame ul i{width: 50px;height: 50px;position: absolute;left: 0;top: 0;background: url(../images/homeIcon.png) no-repeat;}
.recoGame ul i.dj{background-position: left top;}
.recoGame ul i.sf{background-position: left -60px;}
.recoGame ul i.ip{background-position: left -120px;}
.recoGame ul i.hd{background-position: left -180px;}
.recoGame ul i.libao{width: 29px;height: 37px;background-position: left -240px;left: 128px;top: -3px;}

/* H5游戏筛选 */
.gameScreen{padding-top: 10px;}
.gameScreen .hd{width: 710px;background: #dee1e7;margin-top: 10px;padding: 20px;padding-bottom: 10px;}
.gameScreen .hd dl{font-size: 14px;border-bottom: 1px solid #cdcdcd;margin-bottom: 10px;}
.gameScreen .hd dl dt{float: left;margin-top: 5px;color: #666;}
.gameScreen .hd dl .box{width: 665px;float: left;}
.gameScreen .hd dl .box dd{float: left;margin: 0 10px 10px 10px;}
.gameScreen .hd dl .box dd a{width: 70px;height: 30px;line-height: 30px;display: block;border-radius: 3px;color: #333;text-align: center;transition: all .3s;}
.gameScreen .hd dl .box dd a:hover{background: #6f7ca2;color: #fff;}
.gameScreen .hd dl .box dd a.active{background: #6f7ca2;color: #fff;}
.gameScreen .hd .sort{border-bottom: none;margin-bottom: 0;}

.gameScreen .bd{margin-top: 30px;}
.gameScreen .bd ul li{width: 160px;position: relative;float: left;margin-right: 36px;margin-bottom: 30px;}
.gameScreen .bd ul li:hover .over{display: block;}
.gameScreen .bd ul li.mr0{margin-right: 0;}
.gameScreen .bd ul li .normal{width: 160px;text-align: center;font-size: 16px;color: #333;}
.gameScreen .bd ul li .normal img{margin-bottom: 10px;width: 160px;height: 210px}

.gameScreen .bd ul li .over{width: 200px;height: 262px;position: absolute;left: -20px;top: -10px;background: #fff;display: none;box-shadow: 3px 3px 5px #ccc, -1px -1px 5px #ddd;}
.gameScreen .bd ul li .over .up{width: 200px;height: 110px;background: url(../images/overUp.jpg) no-repeat;}
.gameScreen .bd ul li .over .up img{width: 80px;height: 80px;margin: 0 auto;border: 4px solid #ff7138;border-radius: 3px;position: relative;top: 16px;}

.gameScreen .bd ul li .over .down h4{font-size: 18px;color: #333;font-weight: normal;text-align: center;margin-top: 10px;}
.gameScreen .bd ul li .over .down b{font-size: 12px;color: #666;font-weight: normal;text-align: center;display: block;margin-top: 5px;}
.gameScreen .bd ul li .over .down b em{color: #ff4d4b;}
.gameScreen .bd ul li .over .down p{line-height: 18px;font-size: 12px;color: #999;padding: 0 15px;margin-top: 5px;}
.gameScreen .bd ul li .over .down .btn{margin-left: 15px;margin-top: 12px;}
.gameScreen .bd ul li .over .down .btn a{width: 73px;height: 28px;line-height: 28px;text-align: center;display: block;float: left;font-size: 16px;border-radius: 14px;margin: 0 5px;}
.gameScreen .bd ul li .over .down .btn a.startGame{border: 1px solid #ff6f39;color: #ff6f39;transition: all .3s;}
.gameScreen .bd ul li .over .down .btn a.startGame:hover{background: #ff6f39;background: linear-gradient(to right, #ff4f50, #ff8037);color: #fff;}
.gameScreen .bd ul li .over .down .btn a.favorite{border: 1px solid #ff9d33;color: #ff9d33;}
.gameScreen .bd ul li .over .down .btn a.favorite:hover{background: #ff9d33;background: linear-gradient(to right, #fb7e39, #f3b13c);color: #fff;}

.gameScreen .bd ul i{width: 50px;height: 50px;position: absolute;left: 0;top: 0;background: url(../images/homeIcon.png) no-repeat;}
.gameScreen .bd ul i.dj{background-position: left top;}
.gameScreen .bd ul i.sf{background-position: left -60px;}
.gameScreen .bd ul i.ip{background-position: left -120px;}
.gameScreen .bd ul i.hd{background-position: left -180px;}
.gameScreen .bd ul i.libao{width: 29px;height: 37px;background-position: left -240px;left: 128px;top: -3px;}

/* 热门H5游戏专题 */
.gameSpecial .cont .bd{margin-top: 20px;}
.gameSpecial .cont .bd ul li a img{width: 380px;height: 186px;}

.gameSpecial .cont .hd ul li{float: left;}
.gameSpecial .cont .hd ul li a{width: 126px;height: 40px;line-height: 40px;text-align: center;display: block;background: #dee1e7;font-size: 14px;color: #666;}
.gameSpecial .cont .hd ul li.m01{margin: 0 1px;}
.gameSpecial .cont .hd ul li a.active{color: #ff4b4c;}

/* 推荐游戏 */
.recoGame .cont{margin-top: 20px;}
.recoGame ul li{width: 160px;position: relative;float: left;margin-right: 36px;}
.recoGame ul li:hover .ooor{display: block;}
.recoGame ul li.mr0{margin-right: 0;}
.recoGame ul li .normal{width: 160px;text-align: center;font-size: 16px;color: #333;}
.recoGame ul li .normal img{margin-bottom: 10px;}

.recoGame ul li .ooor{width: 160px;height: 242px;left: -20px;top: -10px;background: #fff;box-shadow: 3px 3px 5px #ccc, -1px -1px 5px #ddd;}
.recoGame ul li .ooor .up{width: 160px;height: 110px;background: url(../images/overUp.jpg) no-repeat;}
.recoGame ul li .ooor .up img{width: 80px;height: 80px;margin: 0 auto;border: 4px solid #ff7138;border-radius: 3px;position: relative;top: 16px;}

.recoGame ul li .ooor .down h4{font-size: 18px;color: #333;font-weight: normal;text-align: center;margin-top: 10px;}
.recoGame ul li .ooor .down b{font-size: 12px;color: #666;font-weight: normal;text-align: center;display: block;margin-top: 5px;}
.recoGame ul li .ooor .down b em{color: #ff4d4b;}
.recoGame ul li .ooor .down p{line-height: 18px;font-size: 12px;color: #999;padding: 0 15px;margin-top: 5px;}
.recoGame ul li .ooor .down .btn{margin-top: 0px;}
.recoGame ul li .ooor .down .btn a{width: 73px;height: 28px;line-height: 28px;text-align: center;display: block;font-size: 16px;border-radius: 14px;margin: 0 5px;}
.recoGame ul li .ooor .down .btn a.startGame{border: 1px solid #ff6f39;color: #ff6f39;transition: all .3s;}
.recoGame ul li .ooor .down .btn a.startGame:hover{background: #ff6f39;background: linear-gradient(to right, #ff4f50, #ff8037);color: #fff;}
.recoGame ul li .ooor .down .btn a.favorite{border: 1px solid #ff9d33;color: #ff9d33;}
.recoGame ul li .ooor .down .btn a.favorite:hover{background: #ff9d33;background: linear-gradient(to right, #fb7e39, #f3b13c);color: #fff;}

.recoGame ul i{width: 50px;height: 50px;position: absolute;left: 0;top: 0;background: url(../images/homeIcon.png) no-repeat;}
.recoGame ul i.dj{background-position: left top;}
.recoGame ul i.sf{background-position: left -60px;}
.recoGame ul i.ip{background-position: left -120px;}
.recoGame ul i.hd{background-position: left -180px;}
.recoGame ul i.libao{width: 29px;height: 37px;background-position: left -240px;left: 128px;top: -3px;}

/* H5游戏筛选 */
.gameScreen{padding-top: 10px;}
.gameScreen .hd{width: 710px;background: #dee1e7;margin-top: 10px;padding: 20px;padding-bottom: 10px;}
.gameScreen .hd dl{font-size: 14px;border-bottom: 1px solid #cdcdcd;margin-bottom: 10px;}
.gameScreen .hd dl dt{float: left;margin-top: 5px;color: #666;}
.gameScreen .hd dl .box{width: 665px;float: left;}
.gameScreen .hd dl .box dd{float: left;margin: 0 10px 10px 10px;}
.gameScreen .hd dl .box dd a{width: 70px;height: 30px;line-height: 30px;display: block;border-radius: 3px;color: #333;text-align: center;transition: all .3s;}
.gameScreen .hd dl .box dd a:hover{background: #6f7ca2;color: #fff;}
.gameScreen .hd dl .box dd a.active{background: #6f7ca2;color: #fff;}
.gameScreen .hd .sort{border-bottom: none;margin-bottom: 0;}

.gameScreen .bd{margin-top: 30px;}
.gameScreen .bd ul li{width: 160px;position: relative;float: left;margin-right: 36px;margin-bottom: 30px;}
.gameScreen .bd ul li:hover .ooor{display: block;}
.gameScreen .bd ul li.mr0{margin-right: 0;}
.gameScreen .bd ul li .normal{width: 160px;text-align: center;font-size: 16px;color: #333;}
.gameScreen .bd ul li .normal img{margin-bottom: 10px;width: 160px;height: 210px}

.gameScreen .bd ul li .ooor{width: 170px;height: 262px;position: absolute;left: -20px;top: -10px;background: #fff;box-shadow: 3px 3px 5px #ccc, -1px -1px 5px #ddd;}
.gameScreen .bd ul li .ooor .up{width: 170px;height: 110px;background: url(../images/overUp.jpg) no-repeat;}
.gameScreen .bd ul li .ooor .up img{width: 80px;height: 80px;margin: 0 auto;border: 4px solid #ff7138;border-radius: 3px;position: relative;top: 16px;}

.gameScreen .bd ul li .ooor .down h4{font-size: 18px;color: #333;font-weight: normal;text-align: center;margin-top: 10px;}
.gameScreen .bd ul li .ooor .down b{font-size: 12px;color: #666;font-weight: normal;text-align: center;display: block;margin-top: 5px;}
.gameScreen .bd ul li .ooor .down b em{color: #ff4d4b;}
.gameScreen .bd ul li .ooor .down p{line-height: 18px;font-size: 12px;color: #999;padding: 0 15px;margin-top: 5px;}
.gameScreen .bd ul li .ooor .down .btn{margin-left: 15px;margin-top: 12px;}
.gameScreen .bd ul li .ooor .down .btn a{width: 73px;height: 28px;line-height: 28px;text-align: center;display: block;float: left;font-size: 16px;border-radius: 14px;margin: 0 5px;}
.gameScreen .bd ul li .ooor .down .btn a.startGame{border: 1px solid #ff6f39;color: #ff6f39;transition: all .3s;}
.gameScreen .bd ul li .ooor .down .btn a.startGame:hover{background: #ff6f39;background: linear-gradient(to right, #ff4f50, #ff8037);color: #fff;}
.gameScreen .bd ul li .ooor .down .btn a.favorite{border: 1px solid #ff9d33;color: #ff9d33;}
.gameScreen .bd ul li .ooor .down .btn a.favorite:hover{background: #ff9d33;background: linear-gradient(to right, #fb7e39, #f3b13c);color: #fff;}

.gameScreen .bd ul i{width: 50px;height: 50px;position: absolute;left: 0;top: 0;background: url(../images/homeIcon.png) no-repeat;}
.gameScreen .bd ul i.dj{background-position: left top;}
.gameScreen .bd ul i.sf{background-position: left -60px;}
.gameScreen .bd ul i.ip{background-position: left -120px;}
.gameScreen .bd ul i.hd{background-position: left -180px;}
.gameScreen .bd ul i.libao{width: 29px;height: 37px;background-position: left -240px;left: 128px;top: -3px;}

/* 热门H5游戏专题 */
.gameSpecial .cont .bd{margin-top: 20px;}
.gameSpecial .cont .bd ul li a img{width: 380px;height: 186px;}

.gameSpecial .cont .hd ul li{float: left;}
.gameSpecial .cont .hd ul li a{width: 126px;height: 40px;line-height: 40px;text-align: center;display: block;background: #dee1e7;font-size: 14px;color: #666;}
.gameSpecial .cont .hd ul li.m01{margin: 0 1px;}
.gameSpecial .cont .hd ul li a.active{color: #ff4b4c;}