.w1800 { width:1800px; margin:0 auto; }

.ml_category{
	list-style:none;
	width: 100%;
	display:table;
/* 	padding-top: 100px; */
}

.ml_category > li {
	padding: 30px 90px;
}

.ml_category > li:after { clear:both; display:block; content:""; }

.ml_card {
	list-style: none;
}

.ml_card li {
    float: left;
	position: relative;
	width: 12%;
	border-radius: 3px 3px 3px 3px;
	height: 280px;
	overflow:hidden;
	margin: 0 8px 10px 0;
	border:1px solid #cccccc;
	background: #000;
}

.ml_card li:hover img {
	transform: scale(1.6);
	transition:all 1s;
}

.ml_card li:hover div p { color: rgb(240, 82, 35); }
.ml_card li img { width: 100%; transition:all 1s;}

.ml_card li div { position:absolute; background: rgba(0,0,0,0.4);padding: 15px; width:100%; bottom:0; height: 100px;}
.ml_card li div p  { color: #fff;  }
.ml_card li div p.ml_title { font-size: 14px; font-weight:bold; position:relative; }
.ml_card li div p.ml_cate { position:absolute; bottom:10px; font-size: 13px; line-height: 18px; width: 100%; }
.ml_card li div p.ml_cate span { font-size: 12px; }


.ml_cover {
	background-color: #fff;
    border: 1px #fcfcfc solid;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(25,25,25,0.2);
    display: block;
    font-family: inherit;
    height: 280px;
    margin-right: 15px;
    position: relative;
    width: 280px;
	overflow:hidden;
	float:left;
	clear:both;
}
.ml_cover .gametit {
	display:none;
	width: 100%;
	text-align:center;
    position: absolute;
    top: 120px;
    font-size: 27px;
	color: #fff;
	font-weight:bold;
}

.ml_cover img { width: 100%; }

/*
.ml_cover:hover .gametit { display:block; }

.ml_cover img {
	transition:all 1s;
}

.ml_cover:hover img {
	transform: scale(1.5);
	transition:all 1s;
}

.ml_cover:hover .shadow { opacity:1; }
*/
.shadow {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s;
	opacity: 0;
}

.ml_viewmore {
	margin-left: 1%;
    width: 70px;
	position:relative;
	top: 140px;
}

.ml_viewmore img {
	position:absolute;
	top:50%;
	margin-top: -50px;
}

.noneclass { display: none; }

.ml_card2 {
	list-style: none;
	width: 100%;
	display: table;
	padding: 50px;
}

.ml_card2 li {
    float: left;
	position: relative;
	width: 16%;
	border-radius: 3px 3px 3px 3px;
	height: 280px;
	overflow:hidden;
	margin: 0 8px 10px 0;
	border:1px solid #cccccc;
	background: #000;
}

.ml_card2 li:hover img {
	transform: scale(1.6);
	transition:all 1s;
}

.ml_card2 li:hover div p { color: rgb(240, 82, 35); }
.ml_card2 li img { width: 100%; transition:all 1s;}

.ml_card2 li div { position:absolute; background: rgba(0,0,0,0.4);padding: 15px; width:100%; bottom:0; height: 100px;}
.ml_card2 li div p  { color: #fff;  }
.ml_card2 li div p.ml_title { font-size: 14px; font-weight:bold; position:relative; }
.ml_card2 li div p.ml_cate { position:absolute; bottom:10px; font-size: 13px; line-height: 18px; width:100%; }
.ml_card 2li div p.ml_cate span { font-size: 12px; }

.mul_cate_ul { list-style:none; display:table; margin: 0px auto;  }
.mul_cate_ul li {
	float:left;
	padding: 15px;
	margin-right: 10px;
	border-radius: 15px;
	color: #fff;
	background: #f05222;
	font-weight:bold;
	font-size: 15px;
	cursor: pointer;
}

@media (max-width: 1750px){
	.w1800 { width: 100%; }

}


@media (max-width: 1733px) {
	.ml_card li:nth-child(1n+6) {
		display: none;
	}

	.ml_card li { width: 15%; }
}

@media (max-width: 1537px){
	.ml_card li:nth-child(1n+5) {
		display: none;
	}

	.ml_card li { width: 16%; }

	.ml_card2 li {
		width: 19%;
	}

}

@media (max-width: 1290px) {
	.ml_card li:nth-child(1n+4) {
		display: none;
	}

	.ml_card li { width: 23%; }

	.ml_card2 li {
		width: 24%;
	}
}

@media (max-width: 1226px) {
	.ml_card li:nth-child(1n+4) {
		display: none;
	}

	.ml_card li { width: 21%; }

	.ml_card2 li {
		width: 24%;
	}
}

@media (max-width: 1098px) {
	.ml_card li:nth-child(1n+3) {
		display: none;
	}

	.ml_card li { width: 27%; }

	.ml_card2 li {
		width: 24%;
	}
}

@media (max-width: 1024px){

	.ml_category {
	    overflow: hidden;
		text-align: center;
	}

	.ml_category > li {
		display: inline-block;
		text-align: left;
		padding: 15px 15px;
		position: relative;
	}

	.ml_cover {
		background-color: transparent;
		border: 1px solid transparent;
		box-shadow: none;
		height: 57px;
		margin-bottom: 40px;
		width: 100%;
		position: relative;
	}

	.ml_cover img { display:none; }
	.ml_cover .shadow {display:none; }

	.ml_cover .gametit {
		display: block;
		text-align:left;
		position: initial;
		top: 0;
		color: #f05222;
		padding-bottom: 20px;
		border-bottom: 3px solid #f05222;
	}

	.ml_card li { width: 48%; }
	.ml_viewmore { width: 35px; position:absolute; right: 24px; top: 67px; }
	.ml_viewmore img { width: 100%; }

	.ml_card2 li {
		width: 32%;
	}

	.ml_card2 {
		padding: 30px;
	}

	#wrap2 {
		padding: 0px;
	}

	.mul_cate_ul li {
		padding: 10px;
		margin-right: 5px;
		font-size: 13px;

	}
}

@media (max-width: 737px){

	.ml_card li:nth-child(1n+3) {
		display: none;
	}

	.ml_card li { width: 48%; }

	.ml_card2 li {
		width: 48%;
	}

	.ml_card2 {
		padding: 30px 5px;
	}
}

@media (max-width: 500px){

	.ml_card li:nth-child(1n+3) {
		display: none;
	}

	.ml_card li { width: 47%; }

	.ml_card2 li {
		width: 47%;
	}

	.ml_card2 {
		padding: 30px 4px;
	}
}