.Details-cn{

	padding: 50px 0;

	display: flex;
	justify-content: space-between;

}

.Details-cn .d-left{

	display: flex;

	flex-direction: column;

	width: 55%;

	margin-right: 70px;

}

.Details-cn .d-left .upper-text .item{

	display: flex;

	padding-bottom: 30px;

	border-bottom: 1px solid #CCCCCC;

	margin-bottom: 30px;

}

.Details-cn .d-left .upper-text h4{

	font-size: 32px;

	font-weight: 800;

	color: #333333;

	width: 300px;

	

}

.Details-cn .d-left .upper-text span{

	font-size: 18px;

	line-height: 28px;

	color: #666666;

	margin-left: 30px;

}

.Below{

	margin-top: auto;

	margin-bottom: 30px;

}

.Below .recurrence {

	display: flex;

	

	flex-direction: column;

	cursor: pointer;

}

.Below .recurrence span{

	width: 50px;

	height: 50px;

	background: #333333;

	border-radius: 50%;

}

.Below .recurrence p{

	writing-mode: vertical-lr;

	text-align: center;

	font-size: 18px;

	line-height: 28px;



	letter-spacing: 10px;

}

.Below .recurrence img {

	width: 21px;

	height: auto;

}

/* .d-right .gameImg{

	background: url(/status/img/Mobile.png) no-repeat;

} */

.d-right {

	display: flex;

	/* justify-content: center; */

	align-items: center;

}

.w{

	background: url(/status/img/Mobile.png) no-repeat;

	width: 322px;

	height: 637px;

	padding: 28px 26px;

	position: relative;

}

.w .Bangs{

	position: absolute;

	top: 28px;

	z-index: 100;

	left: 50%;

	transform: translateX(-50%);

}



.d-right .gameImg{



	border-radius: 25px;

}

.d-right .gameImg  .swiper-wrapper{

	border-radius: 25px;

	/* overflow: hidden; */

}

.d-right .gameImg .swiper-slide{

	

	

}

.d-right .gameImg .swiper-slide img{

	border-radius: 25px;

}

.d-right  .operation{

	margin-left: 50px;

	height: 90%;



}

.operation .saf{

	position: relative;

	height: 100%;



}

.operation .saf span{

	width: 50px;

	height: 50px;

	background: #333333;

	border-radius: 50%;

	margin-bottom: 20px;

}

.operation .saf span img{

	width: 16px;

	height: auto;

	

}

 .operation  .num{

	font-size: 26px;

}

@media screen and (max-width: 768px) {

	.Details-cn {

	    padding: 20px 0;

	    display: flex;

		flex-direction: column;

	}

	.Details-cn .d-left {

	    display: flex;

	    flex-direction: column;

	    width: 100%;

	    margin-right: 0px;

	}

	.Details-cn .d-left .upper-text .item {

	    display: flex;

		flex-direction: column;

	    padding-bottom: 10px;

	    margin-bottom: 10px;

	}

	.Details-cn .d-left .upper-text span {

	    font-size: 14px;

	    line-height: 24px;

	    color: #666666;

	    margin-left: 0px;

		margin-top: 10px;

	}

	.Details-cn .d-left .upper-text h4 {

	    font-size: 20px;

	    font-weight: 800;

	    width: 100%;

	}

	.Below {

	    margin-top: 20px;

	    margin-bottom: 30px;

	}

	.Below .recurrence p {

	   

	    font-size: 14px;

	    line-height: 24px;

	    

	}

	.Below .recurrence span {

	    width: 40px;

	    height: 40px;

	}

	.w {

	    background: url(/status/img/Mobile.png) no-repeat;

	    width: 240px;

	    height: 400px;

	    padding: 16px 18px;

	    position: relative;

		background-size: 100% 100%;

	}

	.d-right .gameImg {

	   width: 100%;

	   height: 100%;

	}

	.d-right .operation {

	    margin-left: 25px;

	    height: 90%;

	}

	.operation .saf {

	  

	    margin-top: 50px;

	}

	.operation .saf span {

	    width: 40px;

	    height: 40px;



	    margin-bottom: 20px;

	}

	.operation .saf span img {

	    width: 14px;

	}

	.operation .num {

	    font-size: 18px;

	}

	.w .Bangs {

	    top: 15px;

	

	}

}