body{background-color:#f5f5f5}
	.video_list_main{
		padding-bottom:calc(10rem/72);
	}
	.video_list_main li{
		float:left;
	}
	.video_list_nav{
		font-size: calc(26rem/72);

	    margin: 0 auto;
		color:#333;
		height: calc(76rem/72);
		overflow:hidden;
		
	}
	<!-- .video_list_nav li{
		text-align:center;
		width: 33%;
		
	} -->

	.video_list_nav_click{
		color:#dcb777;
	}
	.video_list_content {
		font-size:calc(24rem/72);
		margin-top:calc(4rem/72);
		display:none;
		
	}
	.text_nav{
		width:calc(480rem/72);
		margin:0 auto;
	}
	.video_list_content img {
		width:calc(330rem/72);
		height:calc(180rem/72);
	}
	.video_list_content_title{
		color:#333;
		padding:calc(30rem/72)  calc(20rem/72) calc(10rem/72);
		text-overflow:ellipsis; 
		white-space: nowrap;
		overflow:hidden;
	}
	.video_list_content_desc{
		color:#b9b3b3;
		height: calc(66rem/72);
	    overflow: hidden;
	    padding: 0 calc(20rem/72);
	}
	.video_list_content li{
	    width: calc(330rem/72);
	    margin-left: calc(20rem/72);
		margin-top:calc(20rem/72);
		box-shadow: 0px 0px 4px 0px rgba(222,198,158,.85);
	}
	.video_list_content li div{
		width: 100%;
	    overflow: hidden;
	    height: calc(172rem/72);
		background:#fffcf6;
	}
	#topNav .swiper-wrapper {
	    width: 100%;
	}
	#topNav .swiper-slide {
	    text-align: center;
	    line-height: calc(77rem/72);
	    width: calc(159rem/72);
	}
	.active {
	    color: #D3A768;
	}
	.active i {
	      display: block;
	    width: calc(10rem/72);
	    height: calc(10rem/72);
	    border-radius: calc(50%);
	    margin: 0 auto;
	    top: calc(-12rem/72);
	    position: relative;
	    background-color: #D3A768;
	}
	.ykplayer .x-video-button{
		z-index:0;
	}