.m-panel{padding-bottom:50px}.m-panel-header{margin:30px 0}.m-panel-header>*{display:inline-block;height:34px;vertical-align:middle}.m-panel-header .channel{position:relative;margin-right:20px;padding-top:2px;height:44px}.m-panel-header .channel i{position:absolute;top:0;left:0;display:inline-block;width:40px;height:44px;border:2px solid #222}.m-panel-header .channel i:before,.m-panel-header .channel i:after{position:absolute;bottom:28px;z-index:2;width:8px;background:#ffd900;transform:skewX(30deg);content:''}.m-panel-header .channel i:before{left:7px;height:20px}.m-panel-header .channel i:after{left:22px;height:9px}.m-panel-header .channel p{position:relative;z-index:2;text-align:left;line-height:1.3;font-weight:bold}.m-panel-header .channel .cn{padding-left:44px;font-size:15px}.m-panel-header .channel .en{margin-left:12px;background:#f3f3f3;font-size:13px;color:#999}.m-panel-header .txt{padding-left:10px;border-left:2px solid #999;font-size:26px;color:#999;line-height:34px}.p-kaifu{padding-top:144px;background:url(../image/bgkaifu.jpg) no-repeat 50% 0}.p-kaifu .calendar{position:absolute;right:25px;top:-119px;width:80px;text-align:center;color:#fff}.p-kaifu .calendar .sp1{background:#4ca7e6;line-height:22px}.p-kaifu .calendar .sp2{background:#288bd2;line-height:22px}.p-kaifu .calendar .sp3{background:#fff;color:#333;font-size:32px;font-weight:bold;line-height:50px}.m-tab-hook{margin-bottom:20px;height:56px;background:#333}.m-tab-hook ul{float:left}.m-tab-hook li{position:relative;float:left;width:150px;cursor:pointer;line-height:56px;font-size:20px;color:#a2a2a2;text-align:center}.m-tab-hook li:hover{color:#ccc}.m-tab-hook li:after{position:absolute;right:-1px;top:50%;margin-top:-6px;height:12px;border-left:1px dotted #575757;content:''}.m-tab-hook li.active{margin-top:-2px;line-height:58px;background-color:#ffd900;font-weight:bold;color:#000}.m-tab-hook li.active:after{left:50%;top:auto;bottom:0;margin:0 0 0 -6px;width:0;height:0;border:6px solid transparent;border-bottom-color:#f3f3f3}.m-tab-panel .tab-pane{display:none}.m-tab-panel .tab-pane.active{display:block}.m-tab-panel .tab-pane table:not(:last-child){margin-bottom:15px}.m-tab-panel .tab-pane .loading{padding:60px 0 40px;background:url(../image/g_loading.gif) no-repeat 50% 30px;font-size:16px;text-align:center;color:#999}.m-herald{position:relative;width:100%;border:1px solid #ddd;background-color:#fff;font-size:15px;text-align:center;box-sizing:content-box}.m-herald thead{background:#f0f0f0;color:#444;border-bottom:1px solid #ddd}.m-herald thead th{height:46px;font-weight:normal}.m-herald thead th:nth-child(1),.m-herald thead th:nth-child(3){width:120px}.m-herald thead th:nth-child(2){width:250px}.m-herald thead th:nth-child(4),.m-herald thead th:nth-child(7){width:100px}.m-herald thead th:nth-child(6){width:130px}.m-herald tbody tr{border-bottom:1px solid #eee}.m-herald tbody tr:nth-child(even){background:#fcfcfc}.m-herald tbody tr:hover{background:#f8f8f8}.m-herald tbody.z-now tr{border-color:#ffe373;background:#fff690}.m-herald tbody.z-now tr:hover{background:#fff8a6}.m-herald tbody.z-now td:nth-child(1){font-weight:bold;color:#ca3014}.m-herald tbody.z-top tr{border-color:#a3ddef;background:#c1f2ff}.m-herald tbody.z-top tr:hover{background:#ccf4ff}.m-herald tbody.z-today tr{border-color:#ffe999;background:#fff9d1}.m-herald tbody.z-today tr:nth-child(even){background:#fffbdd}.m-herald tbody tr:last-child{border-color:#ddd}.m-herald td{padding:10px}.m-herald p{margin:auto;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-herald .z-hot{padding-left:18px;background:url(../image/g_hot.gif) no-repeat 0 50%}.m-herald .top-label{position:relative;display:inline-block;width:80px;background:#ed3340;line-height:26px;color:#fff;text-align:center;border-radius:5px}.m-herald .top-label:before{position:absolute;top:50%;right:-8px;margin-top:-4px;border:4px solid transparent;border-left-color:#ed3340;content:''}.m-herald .first{display:inline-block;width:68px;background:#197fe3;line-height:26px;font-weight:bold;color:#fff;text-align:center;border-radius:5px}.m-herald .diode{display:block;font-size:0;text-align:center}.m-herald .diode em{display:inline-block;margin:0 2px;width:24px;background:#d2d2d2;line-height:24px;text-align:center;font-size:15px;font-weight:bold;color:#fff;border-radius:5px}.m-herald .diode em.act.active{background:#97c516}.m-herald .diode em.gift.active{background:#ff5400}.m-herald .btn-start{display:inline-block;width:81px;height:32px;background:url(../image/g_btnborder.gif) no-repeat;line-height:30px;color:#ff2352}.m-herald .btn-start:hover{background:#ff2352;color:#fff;text-decoration:none}.p-best{padding-top:160px;background:url(../image/bgbest.jpg) no-repeat 50% 0}.m-prod-wrapper ul{overflow:hidden;margin:0 0 -40px -40px}.m-prod-wrapper li{float:left;width:50%;margin-bottom:40px;padding-left:40px}.m-figure-box{position:relative;display:block;transition:.3s ease}.m-figure-box .figure{position:relative;display:block;padding-bottom:53.4482758620%;height:0;overflow:hidden}.m-figure-box .figure:after{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.15);content:'';transition:.3s ease}.m-figure-box .figure img.cover{position:absolute;width:100%;height:100%}.m-figure-box .tile{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:5px 190px 0 115px;height:80px;background:hsla(0,0%,100%,.9);transition:.3s ease}.m-figure-box .tile .icon{position:absolute;left:20px;bottom:15px;width:80px;height:80px}.m-figure-box .tile h3{font-size:18px;font-weight:bold;line-height:32px}.m-figure-box .tile p{overflow:hidden;margin-top:5px;color:#909090;white-space:nowrap;text-overflow:ellipsis}.m-figure-box .server{position:absolute;right:0;bottom:0;z-index:10;padding-top:13px;width:160px;height:90px;background:#ffd900;color:#111;text-align:center;font-size:12px}.m-figure-box .server:before{position:absolute;left:-30px;top:0;border:solid transparent;border-width:0 0 90px 30px;border-bottom-color:#ffd900;content:''}.m-figure-box .server .btn{display:block;margin:10px auto 0;width:100px;background:#333;color:#fff;font-weight:bold;line-height:32px;border-radius:50px}.m-figure-box .server .btn:hover{background:#610c82}.m-figure-box .server:hover{text-decoration:none}.m-figure-box:hover{box-shadow:1px 6px 9px rgba(28,28,28,.2)}.m-figure-box:hover .tile{background:#fff}.m-figure-box:hover .figure:after{background:rgba(0,0,0,0)}.m-figure-box:hover .server .btn{background:#000}.ts-bold{font-weight:bold}
/* 首页推广中心 
---------------------------------------------------------------- */

.m-index-focus h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.m-index-focus h2 em {
	font-weight: bold;
	color: #ed3340;
}
.m-index-focus .ranks {
	float: left;
}
.m-index-focus .games {
	float: right;
	width: 925px;
}
.m-rank-list ,
.m-ghot-list li {
	height: 250px;/*365px;*/
	border: 1px solid #dddddc;
	overflow: hidden;
	background: #fff;
	text-align: center;
	border-radius: 5px;
}
/* 排行榜 
---------------------------------------------------------------- */
.m-rank-list {
	padding: 5px 0;
	width: 255px;
	font-size: 13px;
	text-align: center;
}
.m-rank-list span { 
	display: inline-block;
	float: left;
}
.m-rank-list .c1 { width: 20% }
.m-rank-list .c2 { width: 40% }
.m-rank-list .c3 { width: 15% }
.m-rank-list .c4 { width: 25% }
.m-rank-list dt { 
	padding: 5px;
	color: #888;
}
.m-rank-list dd a {
	display: block;
	padding: 9px 5px;	
	border-top: 1px dotted #eee;
	line-height: 20px;
	overflow: hidden;
}
.m-rank-list dd a:hover { background: #f3f3f3; }
.m-rank-list dd .c2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-rank-list .num {
	display: inline-block;
	width: 16px;
	background: #aaa;
	line-height: 16px;
	color: #fff;
	border-radius: 3px;
}
.m-rank-list .num.num1 { background: #d43434; }
.m-rank-list .num.num2 { background: #0198f8; }
.m-rank-list .num.num3 { background: #4fb800; }
.m-rank-list .fire {
	display: block;
	margin: auto;
	width: 20px;
	height: 20px;
	background-position: -81px 0;
}
.m-rank-list .btn {
	display: block;
	margin: auto;
	width: 44px;	
	background: #38a2ee;
	color: #fff;
	border-radius: 3px;
}
.m-rank-list dd a:hover .btn { background: #f20; }
/* 热门推荐 
---------------------------------------------------------------- */
.m-ghot-list li {
	float: left;
	width: 185px;
}
.m-ghot-list li .figure img {
	width: 183px;
	height: 113px;
}
.m-ghot-list li .info { padding: 8px; }
.m-ghot-list li h3 {
	margin-bottom: 2px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-ghot-list li p {
	font-size: 13px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.m-ghot-list li .btn {
	display: block;
	margin: 5px auto 0;
	width: 90px;
	background: #f60;
	line-height: 28px;
	color: #fff;
	border-radius: 5px;
}
.m-ghot-list li .btn:hover { 
	background: #f20;
	text-decoration: none;
}





