/*color set page=222 mydhf*/
	*{
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-size: 1rem;
	}
	a {
		    text-decoration: none;
		    color: #db3c5f;
  		}
	
	 @media screen and (max-width: 640px) { /*低于640的媒体查询 始*/
	 #container{
	 width: 100vw;
	 }

	 #container > .player #player-container-id {
		width:100%;
		height:234px;
	}
	#container > .player #player-container-id1 {
		width:100%;
		height:234px;
	}
	 }/*低于640的媒体查询  完*/

	 @media screen and (min-width: 640px) {/*高于640的媒体查询 始*/
	 #container{
	 width: 1020px;
	 }

	 #container > .player #player-container-id {
		width:100%;
		height:574px;
	}
	#container > .player #player-container-id1 {
		width:100%;
		height:574px;
	}
	 
	 }/*高于640的媒体查询 完*/

	#container{
		background-color: #d7d7d7;
		
		/* height: 667px; */
		/*position: absolute;*/
		/*left: 50%;*/
		/*right: 50%;*/
		/*transform: translate(-50%,-50%);*/
		margin: auto;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
			}
	#container > .item-title-img {
	height:88px;
	width:100%;
	background-color: #d7d7d7;
	padding:8px;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items:center;
	}
	#container > .item-title-img img {
		
		width:300px;
		height:51px;
	}
	#container > .item-title {
		color:#fff;
		padding-top:8px;
		width: 100%;
		height: 72px;
		line-height: 30px;
		text-align: center;
		font-size:1.1rem;
		background-color: #db3c5f;
		padding-bottom:8px;
	}
	#container > .live-notice {
	
	line-height:30px;
	height:30px;
	width:100%;
	/* color:#666; */
	
	text-align:center;
	/* background-color: #55525a; */
	display:none;
	
	}
	#container > .live-notice span{
	cursor:pointer;
	color:#db3c5f;
	font-size:.6rem;
	}
	#container > .player {
		/* margin:auto; */
		width: 100%;
		/* height: 240px; */
		background-color: #000;
		color: #000;
		display:flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
	}
	


	#container > .player > span {
		color:#fff;
	}
	#container > .live-memo {
	height:30px;
	line-height:30px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:.6rem;
	background-color: #db3c5f;
	
	}
	#container > .media-list {
		
		background-color: #55525a;
		/*height: 300px;*/
		width: 100%;
		/* height: 50px; */
		display: flex;
		flex-flow: row wrap;
		/*justify-content: space-between;*/
		justify-content: center;
		/* margin-top:5px; */
		margin-bottom:5px;
		padding-top:10px;
		padding-bottom:10px;
	}
	#container > .media-list > .video-list {
		margin-top:5px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		width: 105px;
		height: 105px;
		background-color: #d6cdb5;
		text-align: center;
		/*line-height: 100px;*/
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		cursor:pointer;
	}
	#container > .media-list > .video-list :nth-child(1){
		font-size: .7rem;
		order:1;
	}
	#container > .media-list > .video-list :nth-child(2){
		font-size: .7rem;
		font-weight:bold;
		color:#db3c5f;
		order:2;
	}
	#container > .media-list > .video-list :nth-child(3){
		font-size: .5rem;
		order:3;
	}

	#container > .media-list > .video-list :nth-child(4){
		font-size: .5rem;
		order:4;
		
	}
	#container > .media-list > .video-list :nth-child(5){
		font-size: .3rem;
		color:#db3c5f;
		
		align-self:flex-end;
		padding-right:3px;
		height:15px;
		order:0;
	}
	#container > .bottom {
		padding:10px;
		color: #666;
		/* height: 80px; */
		/* line-height: 80px; */
		font-size: .7rem;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	#container > .bottom span:nth-child(1){
		font-size:.8rem;
	}
	#container > .bottom span:nth-child(2){
		/* padding-top:10px; */
		font-size:.7rem;
	}
	#container > .bottom span:nth-child(3){
		/* padding-top:10px; */
		font-size:.7rem;
	}
	#container > .bottom span:nth-child(4){
		/* padding-top:10px; */
		font-size:.7rem;
		/* padding-top:10px; */
	}
	#container > .bottom a {
	font-size:.7rem;
	}
	#container > .comment-title{
	color: #f2f2f2;
	background-color:#db3c5f;
	width:100%;
	/* height:50px; */
	line-height:50px;
	text-align:center;
	font-size:1rem;
	display:flex;
	flex-flow:row nowrap;
	justify-content: space-around;
	align-items: center;


	}
	#container > .comment-title a {
	color:#fff;
	}
	#container > .comment-post {
	padding-top:20px;
	padding-bottom:20px;
	width:88%;
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	/* height:88px; */
	}
	#container > .comment-post textarea{
	background-color:#ede9de;
	padding:10px;
	width:100%;
	height:88px;
	border-radius:8px;
	}
	#container > .comment-post span{
	margin-top:5px;
	font-size:.5rem;
	color:#666;
	}
	#container > .comment-post button {
	margin-top:10px;
	background-color: #db3c5f;
	width:80px;
	height:40px;
	color:#fff;
	border-radius:5px;
	 border: 0;
	 box-shadow: 2px 2px 1px #888888;
	}



	#container > .comment-lists{
	/* color: #f2f2f2; */
	background-color:#d7d7d7 ;
	width:90%;
	/* height:200px; */
	/* line-height:50px; */
	/* text-align:center; */
	font-size:1rem;
	}

	#container > .bottom-info {
	/* border-style:solid; */
	border-top:4px solid #db3c5f;
	width:100%;
	/* background-color:#d6cdb5; */
	background-color:#d7d7d7;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	align-items:center;
	}
	#container > .bottom-info span{
	/* background-color:#d6cdb5; */
	padding-right:20px;
	padding-top:10px;
	color:#666;
	align-self:flex-end;
	font-size:.6rem;
	}
	#container > .bottom-info img {
	padding:20px;
	 width:127px; 
	 height:131px;
	
	}
	
/* 自定义案例一：通过修改CSS自定义UI */
    .tcplayer-theme-custom-ui .vjs-play-progress{
      background-color: #ff6429;
    }
    .tcplayer-theme-custom-ui .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
      color: #ff6429;
    }
    .tcplayer-theme-custom-ui .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
      color: #ff6429;
    }
    .tcplayer-theme-custom-ui .vjs-play-control .vjs-icon-placeholder:before {
      color: #ff6429;
    }
    .tcplayer-theme-custom-ui .vjs-volume-panel .vjs-volume-level {
      background-color: #ff6429;
    }
    .tcplayer-theme-custom-ui .vjs-mute-control .vjs-icon-placeholder:before {
      color: #ff6429;
    }
	.vjs-button-icon {
	/* color: #db3c5f; */
	/* height:32px; */
	/* width:32px; */
	}

	.icon {
	/* width:48px; */
	/* height:48px; */
	background-color: #ffffff;
	opacity:0.8;
	border-radius:5px;
	cursor:pointer;

	
	}

	.icon:hover{
	background-color: #cccccc;
	}
	









.line-a {
display:flex;
flex-flow: row nowrap;
color:#666;
justify-content: space-between;
border-top: #626169 1px dotted;
padding-top:20px;

}
.line-a div:nth-of-type(1) {
font-weight:bold;
font-size:.9rem;
}
.line-a div:nth-of-type(2) {
font-size:12px;
}

.line-two {
color:#666;
padding-bottom:20px;
padding-top:20px;
font-size:.9rem;
}
.line-a  img {

border-radius:10px;
}


.comment-list-line-notice{
font-size:1.5rem;
text-align:center;
color:#db3c5f;
/* background-color:#fff; */
}