@charset "utf-8";
/*------------------
*Created:2017/07/20
*Author:lizhi02
*Website:www.2133.com
------------------*/
/*css reset*/
body,h1,h2,h3,h4,h5,dl,dt,dd,ul,ol,li,p,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,tahoma,\5b8b\4f53;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,button,input,select,textarea{font-size:100%;font-weight: normal;}
em,i{font-style:normal;}
form{display:inline;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0}
/**common**/
body{color: #333;}
a{text-decoration:none;outline:none;color:#333;}
a:hover{text-decoration: none;}
a:focus, *:focus {outline:none;}
.clearfix:after,.g-hall-index{content:'\20';display:block;height:0;clear:both}
.clearfix,.g-hall-index{*zoom:1}
.hidden{display:none}

body{background: #fff;}
.g-hall-wrap:after{content:'\20';display:block;height:0;clear:both;}
.g-hall-wrap{width: 1260px;margin: 0 auto;*zoom:1;min-width: 1000px}
.g-hall-icon,.slider-nav span,.month-tab a,.recommedlist .btn-start{background: url(../images/hall_sprites.png) no-repeat;}
/**轮播图**/
.g-slider{position: relative;}
.g-slider,.g-slider .slider-con,.g-slider li{height: 870px;min-width: 1200px;}
.g-slider li{background-repeat: no-repeat;width: 100%;left: 0;top: 0;background-position: center top;position: absolute;display: none;z-index: 0;}
.g-slider li.active{display: block;}
.g-slider a{display: block;height: 570px;}
.slider-nav{position: absolute;left: 50%;top: 515px;z-index: 2;line-height: 0;font-size: 0;text-align: center;width: 120px;margin-left: 490px;}
.slider-nav span{width: 20px;height: 20px;margin: 0 5px;cursor: pointer;display: inline-block;}
.slider-nav span.active{background-position: -20px 0;}

.g-hall-index{height: 300px;margin-top: -300px;position: relative;overflow: hidden;z-index: 2;}
.g-month{width: 760px;float: left;height: 300px;}
.month-hd{width: 160px;background: #2b2c36;height: 100%;float: left;position: relative;z-index: 100;}
.month-hd p{text-align: center;color: #727272;}
.month-hd .month{padding-top: 60px;font-size: 14px;}
.month-hd .day{font-size: 60px;font-weight: bold;}
.month-hd .tit{font-weight: bold;font-size: 18px;color: #ed4042;}
.month-hd .month-tab{padding-top: 70px;text-align: center;width: 100%;}
.month-hd .month-tab a{width: 10px;height: 10px;margin: 0 5px;display: inline-block;background-position: -55px -5px;}
.month-hd .month-tab a.active{background-position: -45px -5px;}
.month-bd{height: 100%;overflow: hidden;}
.month-game-wrap{width: 20000px;overflow: hidden;}
.month-game-box{float: left;}
.month-game{width: 380px;height: 300px;float: left;overflow: hidden;position: relative;text-align: center;background-repeat: no-repeat;background-position: center top;}
.month-game .mask{position: absolute;top:0;width: 380px;height: 150px;background: url(../images/game_mask.png) no-repeat;left:0;display: none;}
.month-game .redmask{width: 380px;height: 120px;background: #d23937;opacity: 0.9;position: absolute;top:300px;left: 0;}
.month-game .game-info{width: 100%;height: 100%;position: absolute;left: 0;top:0;text-align: center;}
.month-game .link{width:100%;height: 300px;position: absolute;top: 0;left:0;background:url(about:blank);}
.month-game .game-tit{font-weight: bold;font-size: 20px;color:#fff;top: 55px;width: 100%;position: absolute;left:0;}
.month-game .brief{line-height: 26px;color: #ccc;font-size: 14px;top: 122px;width: 100%;position: absolute;left:0;}
.month-game .star{color: #ccc;top: 235px;width: 100%;position: absolute;left:0;}
.month-game .star .g-hall-icon{height: 13px;display: inline-block;vertical-align: top;background-position: 0 -120px;margin: 3px 8px 0 0;}
.month-game .star .star1{width:14px;}
.month-game .star .star2{width:32px;}
.month-game .star .star3{width:50px;}
.month-game .star .star4{width:68px;}
.month-game .star .star5{width:86px;}
.month-game.hover{color: #fff;}
.month-game.hover .mask{display: block;}
.month-game.hover .brief,.month-game.hover .star{color: #fff;}
.month-game.hover .star .g-hall-icon{background-position: 0 -138px;}

.size1000 .g-hall-wrap{width: 1000px;}
.size1000 .slider-nav{margin-left: 360px;}
.size1000 .g-month{width: 700px;}
.size1000 .month-hd{width: 120px;}
.size1000 .month-game{width: 290px;}


.g-newserv{width: 500px;float: right;height: 300px;background: #2b2c36;position: relative;}
.newserv-hd{height: 85px;border-bottom: 1px solid #43444c;overflow: hidden;width: 477px;margin: 0 auto;}
.newserv-hd a{width: 100%;height: 100%;display: inline-block;}
.newserv-hd h3{text-align: center;font-weight: bold;font-size: 18px;color: #e43a3a;margin: 0 auto;margin-top: 17px;width: 80%;}
.newserv-hd h4{text-align: center;font-weight: bold;font-size: 18px;color: #e43a3a;margin: 0 auto;margin-top: 0px;width: 80%;}
.newserv-hd .more{float: right;color: #6a6c79;margin-top: 30px;}
.newservlist li,.newservlist li a{height: 42px;display: block;vertical-align: top;width: 475px;margin: 0 auto;color: #b2b2b2;line-height: 42px;position: relative;border-bottom: 1px solid #43444c;}
.newservlist li a:hover{color: #fff;background: #373840;}
.newservlist .news,.newservlist .Match,.newservlist .time,.newservlist .name,.newservlist .num{display: inline-block;vertical-align: top;cursor: pointer;}
.newservlist .news{color: #c5ab86;width: 43px;height: 20px;line-height: 20px;margin-top: 11px;text-align: center;border: 1px solid #c5ab86;}
.newservlist .Match{color: #96afc5;width: 43px;height: 20px;line-height: 20px;margin-top: 11px;text-align: center;border: 1px solid #96afc5;}
.newservlist .time{position: absolute;right: 15px;}
.newservlist .name{width: 360px;margin-left: 12px;overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.newservlist .num{overflow: hidden;}
.newservlist .g-hall-icon{width: 7px;height: 11px;position: absolute;top: 12px;right: 15px;background-position: -70px -5px;display: none;}
.newservlist li a:hover .g-hall-icon{display: block;}

.size1000 .g-newserv{width: 300px;}
.size1000 .newserv-hd{padding: 0 15px;}
.size1000 .newservlist .day{padding-left: 15px;width: 50px;}
.size1000 .newservlist .time{width: 50px;}


/**精品推荐**/
.m-recommend{}
.main-hd{height: 24px;overflow: hidden;margin-top: 35px;}
.main-hd h3{border-left: 3px solid #e43a3a;float: left;color: #333;font-size: 20px;height: 24px;line-height: 24px;padding-left: 15px;}
.main-bd{overflow: hidden;}
.m-recommend .main-bd{overflow: hidden;}
.recommedlist{width: 105%;overflow: hidden;}
.recommedlist li{width: 390px;height: 200px;float: left;margin:25px 45px 0 0;display: inline;position: relative;overflow: hidden;}
.recommedlist li .img,.recommedlist li img{width: 390px;height: 200px;overflow: hidden;display: block;}
.recommedlist li .btn-start{width: 100px;height: 32px;text-align: center;line-height: 32px;color: #fff;position: absolute;bottom: 43px;right: 35px;font-size: 14px;background-position: 0 -30px;}
.recommedlist li .btn-start:hover{background-position: 0 -62px;}

.size1000 .recommedlist li,.size1000 .recommedlist li .img, .size1000 .recommedlist li img{width: 316px;height: 162px;}
.size1000 .recommedlist li{margin-right: 25px;}
.size1000 .recommedlist li .btn-start{width: 80px;height: 26px;line-height: 26px;right: 30px;bottom: 35px;background-position: -102px -30px;}
.size1000 .recommedlist li .btn-start:hover{background-position: -102px -56px;}

/**全部游戏**/
.hotgame-wrap{width: 105%;padding-top: 10px;min-height: 300px;margin-bottom: 70px;}
.hotgame-wrap .none{width: 316px;height: 160px;background: url(../images/none.png) no-repeat;margin: 70px auto 0;}
.hotgame-wrap .hg-mod{width: 275px;height: 100px;padding: 18px 0;float: left;margin-right: 45px;display: inline;background: #ffffff;margin-top: 15px;}
.hg-mod dt{width: 100px;height: 100px;float: left;margin-right: 15px;display: inline;}
.hg-mod dt a{width: 100px;height: 100px;display: block;position: relative;overflow: hidden;cursor: pointer;}
.hg-mod dt img{width: 100px;height: 100px;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-ms-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.hg-mod dt a:hover img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.hg-mod dt .imask{width: 100px;height: 100px;position: absolute;top:0;left:0;background: url(../images/imask_100.png) no-repeat;}
.hg-mod dd{overflow: hidden;width: 160px;}
.hg-mod h4{font-size: 14px;color: #3a3a3a;font-weight: bold;}
.hg-mod .brief{color: #333;line-height: 20px;padding: 5px 0;height: 40px;overflow: hidden;}
.hg-mod .btns-box{overflow: hidden;}
.hg-mod .btns-box a{width: 68px;height: 26px;text-align: center;line-height: 26px;background: #fff;border: 1px solid #e0e0e0;display: inline-block;color: #333;text-align: center;margin-right: 12px;border-radius: 2px;}
.hg-mod .btns-box .a2{color: #ee4040;border: 1px solid #e43a3a;margin-right:0;}
.hg-mod .btns-box .a1:hover{color: #333;border: 1px solid #d1d1d1;}
.hg-mod .btns-box .a2:hover{color: #c42020;border: 1px solid #c42020;}

.size1000 .hotgame-wrap .hg-mod{margin-right: 75px;}

.g-sorts{padding: 10px 25px;border: 1px solid #e8e8e8;background: #fbfbfb;position: relative;margin-top: 25px;zoom:1;overflow: hidden;}
.sorts-list li{padding: 7px 0;}
.sorts-list .tit{font-weight:bold;}
.sorts-list a{margin-right:10px; color:#555;padding:1px 5px;}
.sorts-list a.active{color:#e43a3a;}

/**footer**/

.g-footer .footer-nav{padding: 0 55px;overflow: hidden;}
.footer-nav .f-item{width: 33%;display: inline-block;text-align: center;vertical-align: top;*display: inline;zoom:1;}
.footer-nav .f-item dt{font-size: 14px;font-weight: bold;color: #fff;width: 230px;text-align: left;display: inline-block;}
.footer-nav .f-item dd{width: 230px;text-align: left;display: inline-block;}
.footer-nav .f-item dd,.footer-nav .f-item a{color: #999;}
.footer-nav .icon-qq,.footer-nav .icon-phone{width: 16px;height: 16px;display: inline-block;vertical-align: top;background-position: 0 -99px;margin:4px 5px 0 0;}
.footer-nav .icon-phone{background-position: -21px -99px;}
.g-footer .footer-link{padding: 22px 0;color: #777;text-align:center;}
.g-footer .footer-link a{color: #777;}
.g-footer .footer-link em{color: #525252;}
.g-footer .footer-logo{text-align: center;}

/**屏幕宽度小于1366时**/
@media screen and (max-width: 1365px) {
.g-hall-wrap{width: 1000px;}
.slider-nav{margin-left: 360px;}
.g-month{width: 700px;}
.month-hd{width: 120px;}
.month-game{width: 290px;}
.g-newserv{width: 300px;}
.newserv-hd{padding: 0 15px;}
.newservlist .day{padding-left: 15px;width: 50px;}
.newservlist .time{width: 50px;}
.recommedlist li,.recommedlist li .img,.recommedlist li img{width: 316px;height: 162px;}
.recommedlist li{margin-right: 25px;}
.recommedlist li .btn-start{width: 80px;height: 26px;line-height: 26px;right: 30px;bottom: 35px;background-position: -102px -30px;}
.recommedlist li .btn-start:hover{background-position: -102px -56px;}
.hotgame-wrap .hg-mod{margin-right: 75px;}
}
.turntable_logo{
	width: 146px;
	height: 57px;
	position: absolute;
	left: 400px;
	top: 10px;
	cursor: pointer;
	background: url(../images/turntable_logo.png) no-repeat center;
}