/* mb */
@media screen and (max-width:750px){
	
	
	.game_re{
		
		padding: 20px 0;
		background-color: white;
		border-radius: 25px;
	}
	
	.game_details_msg{
		margin-left: 20px;	
		margin-bottom: 10px;
	}
	
	.game_details_img{
		border-radius: 15px;
		width: 100px;
		height:100px;
		object-fit: cover;
		object-position: top;
		
	}
	
	.game_details_title{
		color: white;
		overflow: hidden;
		margin-top: 15px;
	   display: -webkit-box;
		  -webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			word-break: break-word;
			overflow: hidden;
			text-align: center;
	}
	
	.game_details_xingxing{
		
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.game_details_desc{
		word-break: break-word;
		margin: 20px;
		color: white;
		text-align: left;
	}
	.game_details_playBtn{
		
			position: absolute;
			right: 20px;
			top: 60px;
			text-align: center;
			width: 60px;
			height: 25px;
		    margin-top: -15px;
		    background-image: linear-gradient(to right,#5897EF,#5472EA);
		    color: white;
		    padding-top: 4px;
		    padding-bottom: 4px;
		    padding-left: 10px;
		    padding-right: 10px;
		    border-radius: 15px;
	}
	.game_details_playBtn a {
		color: white;
		text-decoration: none;
	}
	
	.details_game_title{
		text-align: left;
		margin: 0 0 8px 20px;
		color: black;
		font-size: 18px;
	}
	
	.details_game_desc{
		margin: 0 0 20px 20px;
		color: #817070;
		text-align: left;
		display: -webkit-box;
	   -webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		word-break: break-all;
		overflow: hidden;
		 word-break: break-word;
		opacity: 0.8;
	}
	
	.game_play{
	margin-left: 20px;
	margin-top: 10px;
	background-color: #FFC665;
	color: white;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 15px;
	}
	.details_game_play {
		color: white;
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin: 20px;
		border-radius: 15px;
		background-color: #FF5C8F;
	}
	.game_type{
		
	}
	
}
 a{
		text-decoration: none;
		background-color: ;
	}

/*pc*/
@media screen and (min-width:750px){
	
	.game_re{
		
		padding: 20px;
		background-color: white;
		border-radius: 25px;
	}
	
	.game_type{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.game_play{
		margin-left: 20px;
		margin-top: 10px;
		background-color: #FFC665;
		color: white;
		width: 100px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-radius: 15px;
	}
	
	
	
	.game_details_msg{
			
		margin-left: 20px;	
		margin-bottom: 10px;
	
	}
	
	.game_details_img{
		margin-top: 20px;
		border-radius: 15px;
		max-width:120px ;
		height: 120px;
		
	
	}
	
	.game_details_title{
		margin-top: 20px;
		margin-left: 20px;
		text-align:left;
		color: #FFFFFF;
	}
	
	
	.details_game_title{
		margin: 20px 20px 10px 20px;
		max-width: 550px;
		text-align: left;
		font-weight: bold;
		font-size: 18px;
		color: black;
	}
	
	.details_game_desc{
		margin: 10px 20px;
		text-align: left;
		color: #817070;
		display: -webkit-box;
		   -webkit-box-orient: vertical;
		    -webkit-line-clamp: 3;
		    word-break: break-all;
		    overflow: hidden;
			 word-break: break-word;
		opacity: 0.7;
	}
	.details_game_play {
		color: white;
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin: 20px;
		border-radius: 15px;
		background-color: #FF5C8F;
	}

	.game_details_xingxing{
		
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.game_details_desc{
		color: white;
		word-break: break-word;
		margin-left: 20px;
		margin-top: 10px;
		text-align: left;
	}
	.game_details_playBtn{
		
			position: absolute;
			right: 40px;
			top: 60px;
			text-align: center;
			width: 60px;
			height: 25px;
		    margin-top: -15px;
		    background-image: linear-gradient(to right,#5897EF,#5472EA);
		    color: white;
		    padding-top: 4px;
		    padding-bottom: 4px;
		    padding-left: 10px;
		    padding-right: 10px;
		    border-radius: 15px;
	}
	.game_details_playBtn a {
		color: white;
		text-decoration: none;
	}
}