*{
			/*margin: 0 auto;*/
			padding: 0;
			margin: 0;
			box-sizing: border-box;
			font-family: "微软雅黑";
			/*font-size: 15px;*/
			/*background-color: #a3acb1;*/

		}
		body {
			display: flex;
			flex-flow: column nowrap;
			/*justify-content: center;*/
			/*align-items: center;*/
		}
		a {
		    text-decoration: none;
		    color: rgb(84, 92, 91);
  		}
		.list-bg {
			margin: 0 auto;
			background-color: #a3acb1;
			width: 100%;
			/*height: 1000px;*/
			display: flex;
			flex-flow: column nowrap;
			/*justify-content: center;*/
			align-items: center;

		}
		.list-bg > .guide {
			height: 25px;
			margin-top: 12px;
			margin-left: 10px;
			align-self: flex-end;
			/*width: 950px;*/
			display:none;
		}
		.list-bg > .guide > .wel {
			
			/*width: 950px;*/
			text-align: right;
			margin-right: 20px;
			font-size: 14px;
			color: #65636e;
			display:none;
		}
		.list-bg > .float-bg {
			/*padding-left: 10px;*/
			/*margin-right: 15px;*/

			background-color: #fff;
			width: 99%;
			/*height: 950px;*/
			padding-bottom: 15px;
		}
		.list-bg > .float-bg > .nav {
			background-color: #f1f5f8;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			height: 118px;

		}

		
		.list-bg > .float-bg > .nav > .logo {
			/*align-self: flex-end;*/
			width: 184px;
			/*margin-left: -10;*/
		}
		.list-bg > .float-bg > .nav > .navbox {
			margin-right: 8px;
			height: 100px;
			/*flex-grow: 1;*/
			align-self: flex-end;
			/*width: 688px;*/
			margin-bottom: 10px;
			display: flex;
			flex-flow: column nowrap;
			justify-content: space-between;
			

		}

		.list-bg > .float-bg > .nav > .navbox >  .search {

			align-self: flex-end;
			/* display: none; */

		}
		.list-bg > .float-bg > .nav > .navbox > .navbar  {
			/*width: 328px;*/
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			

		}
		 .list-bg > .float-bg > .nav > .navbox > .navbar  > .hrefitem:before {
			content: "|";
            float: left;
            color: #626169;
            margin-right: 5px;
        }
        .list-bg > .float-bg > .nav > .navbox > .navbar  > .hrefitem:first-child:before {
        	display: none;
        }

		.list-bg > .float-bg > .nav > .navbox a {
			font-size: 17px;
			color: #626169;
			/*font-weight: bold;*/
		}
		.list-bg > .float-bg > .container {
			display: flex;
			flex-flow: row nowrap;

		}
		.list-bg > .float-bg > .container > .list-left {
			display: none;
			order: 0;
			padding-top: 41px;
			width: 210px;
			/*height: 800px;*/

			background-color:#fbfbfb ;
		}
		.list-bg > .float-bg > .container > .list-left > .list-type {
			font-size: 14px;
			line-height: 45px;
			text-align: right;
			color: #626169;
			padding-right: 25px;
			border-bottom: #626169 1px dotted;
		}
		.list-bg > .float-bg > .container > .list-right {
			width: 100%;
			/*height: 800px;*/
			/*background-color:red ;*/

		}
		.list-bg > .float-bg > .container > .list-right > .miniguide {
			text-align: right;
			padding-right: 35px;
			padding-top: 20px;
			color: #626169;
			font-size: 14px;
		}
		.list-bg > .float-bg > .container > .list-right > .guide-title {
			/*margin: 0 auto;*/
			width: 92%;
			color: #0077c7;
			font-size: 27px;
			line-height: 47px;
			border-bottom: #626169 1px dotted;
			margin-left:  35px;

		}
		.list-bg > .float-bg > .container > .list-right > .list-content {
			padding-left: 15px;
			padding-top: 25px;
			display: flex;
			flex-flow: column nowrap;		
		}


/* 视频标题开始 */
.list-bg>.float-bg>.container>.list-right>.list-content>.intro-title {
    width: 96%;
    height: 40px;
    background-color: #c1c7cabf;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0077c7;
    /*border-bottom: #626169 1px dotted;*/

    font-weight: bold;
    /*line-height: 35px;*/
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
}

.list-bg>.float-bg>.container>.list-right>.list-content>.intro-title>.intro-title-left {
    padding-left: 15px;
    font-size: 19px;
}

.list-bg>.float-bg>.container>.list-right>.list-content>.intro-title>.intro-title-right {
    padding-right: 15px;
    font-size: 15px;
    align-self: flex-end;
    margin-bottom: 5px;
}
.list-bg>.float-bg>.container>.list-right>.list-content>.intro-title>.intro-title-right a {
	   color:#0077c7;
}

/* 视频标题结束 */

/* 视频模块开始 */


.list-bg>.float-bg>.container>.list-right>.list-content>.video-list {
    /*margin-top: 15px;*/
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f1f5f8;
    width: 96%;
    display: flex;
    flex-flow: row wrap;
    /*justify-content: space-between;*/

}

.list-bg>.float-bg>.container>.list-right>.list-content>.video-list>.musician-video-list {
    width: 155px;
	height:151px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-flow: column nowrap;
    /*justify-content: center;*/
    align-items: center;

}

.list-bg>.float-bg>.container>.list-right>.list-content>.video-list>.musician-video-list img {
	/* padding-top:10px; */
    width: 150px;
	height:120px;
	object-fit:cover;
    border-radius: 5px;
}

.list-bg>.float-bg>.container>.list-right>.list-content>.video-list>.musician-video-list span {
    color: #666;
	font-size:13px;

}
/* 视频模块结束 */




/* 音频列表开始 */
	.list-bg>.float-bg>.container>.list-right>.list-content>.music-list{
	
		    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 96%;
    background-color: #f1f5f8;
    display: flex;
    flex-flow: row wrap;
	}
	.list-bg>.float-bg>.container>.list-right>.list-content>.music-list span {
	
    color: #666;
    width: 50%;
    line-height: 28px;
	}

/* 音频列表结束 */








		.list-bg > .float-bg > .container > .list-right > .list-content > .line-one {
			margin-top: 15px;
			width: 90%;
			display: flex;
			flex-flow: column nowrap;
			justify-content: space-between;
		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .line-one > .list-title {
			color: #0077c7;
			font-size: 15px;
			font-weight: bold;
			margin-left: 5px;
		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .line-one > .list-title a {
		color: #0077c7;
		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .line-one > .list-date {
			margin-right: 5px;
			color: #989898;
			font-size: 12px;
			align-self:flex-end;
		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .list-two {
			padding-top: 6px;
			color: #989898;
			width: 90%;
			font-size: 13px;

		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .list-two a {
		color: #989898;
		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .list-two img {
		object-fit:cover;
		width:150px;
		height:100px;
		float:left;
		padding-right:15px;
		}
		.list-bg > .float-bg > .container > .list-right > .list-content > .list-dot {
			padding-top: 10px;
			width: 95%;
			border-bottom: #626169 1px dotted;

		}
		.list-bg > .black {
			/*margin-top: 15px;*/
			background-color: #333333;
			width: 99%;
			height: 80px;
			display: flex;
			flex-flow: column nowrap;
			justify-content: space-between;
			align-items: center;
			/*margin-right: 15px;*/

		}
		.list-bg > .black > .interguide {
			margin-left: 20x;
			width: 200px;
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-evenly;
			font-size: 14px;
		}
		.list-bg > .black > .interguide a {
			color: #fff;
		}
	    .list-bg > .black > .interguide > .hrefitem:before {
			content: "|";
            float: left;
            color: #fff;
            margin-right: 10px;

		}
		.list-bg > .black > .interguide > .hrefitem:first-child:before {
			display: none;
		}
		.list-bg > .black > .goodsay {
			color: #fff;
			margin-right: 15px;
			text-align: center;
			font-size: 16px;
		}
		.list-bg > .bottom {
			height: 112px;
			background-color: #a3acb1;
			color: #ffffff;
			text-align: center;
			padding-top: 20px;
			line-height: 15px;
			font-size: 13px;
		}