.header {

	height: 70px;

	background: transparent;

	color: #fff;

	position: fixed;

	width: 100%;

	z-index: 99;

}

.headerRoll {

	background: #24242d;

	transition: .3s ease-out;

}

.navList>li {

	float: left;

	position: relative;

}

.logo {

	margin: 10px 0px 0 0;

}

.navList>li>a {

	display: block;

	padding: 0 18px;

	line-height: 70px;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	position: relative;

}

.navList>li>a:before,
.navList>li>a:after {

	position: absolute;

	content: '';

	bottom: 0;

	left: 50%;

	border-style: solid;

	width: 12px;

	border-width: 0 4px;

	border-color: #fff;

	/* height: 20px; */

	opacity: 0;

	transition: opacity .3s;

	-moz-transition: opacity .3s;

	-webkit-transition: opacity .3s;

	-o-transition: opacity .3s;

	animation: melody 1.1s infinite ease-out;

	-moz-animation: melody 1.1s infinite ease-out;
	/*鍏肩敤鐏嫄娴忚鍣�*/

	-webkit-animation: melody 1.1s infinite ease-out;
	/*鍏肩敤璋锋瓕娴忚鍣�*/

	-o-animation: melody 1.1s infinite ease-out;

}

.navList>li>a:before {

	margin-left: -16px;

	animation-delay: 0.7s;

	-webkit-animation-delay: 0.7s;

	-moz-animation-delay: 0.7s;

	-o-animation-delay: 0.7s;

}

.navList>li>a:after {

	margin-left: -8px;

	animation-delay: 0.9s;

	-webkit-animation-delay: 0.9s;

	-moz-animation-delay: 0.9s;

	-o-animation-delay: 0.9s;

}

.navList>li>a:hover {

	color: #de2342;

}

.navList>li:hover>a:before,
.navList>li:hover>a:after {

	opacity: 1;

	border-color: #de2342;

}



/*.c-current>a:after{

	opacity: 1;

	border-color: #de2342;

}

*/





/* .navList>li>a:hover:before,.navList>li>a:hover:after{

	opacity: 1;

	border-color: #de2342;

} */

/* 浜岀骇瀵艰埅 */

.navList_menu {

	position: absolute;

	left: 20px;

	top: 70px;

	min-width: 250px;

	background: #30343d;

	display: none;

	z-index: 100;

}

.navList_menu li {

	line-height: 48px;

	padding: 0 25px;

}

.navList_menu li:hover {

	background: #de2342;

}

.navList>li:hover .navList_menu {

	display: block;

}

/* 鍔ㄧ敾鏁堟灉 */

@keyframes melody {

	0%,
	100% {

		height: 6px;

	}

	40% {

		height: 9px;

	}

	20% {

		height: 13px;

	}

	60% {

		height: 18px;

	}

}



@-moz-keyframes melody {

	0%,
	100% {

		height: 6px;

	}

	40% {

		height: 9px;

	}

	20% {

		height: 13px;

	}

	60% {

		height: 18px;

	}

}



@-webkit-keyframes melody {

	0%,
	100% {

		height: 6px;

	}

	40% {

		height: 9px;

	}

	20% {

		height: 13px;

	}

	60% {

		height: 18px;

	}

}

/*  鐢ㄦ埛鎿嶄綔*/



.userOpen li {

	float: left;

	position: relative;

}

.userOpen li a {

	display: block;

	line-height: 63px;

	margin: 0 15px;

	color: white;

}

.userOpen li a>i {

	font-size: 32px;

}

.userOpen li:first-child a {

	margin-left: 0;

}

.userOpen li:last-child a {

	margin-right: 0;

}

.userOpen li:nth-child(2) a>i {

	font-size: 28px;

}

ul.userOpen li a .r-headpic {

	width: 40px;

	height: 40px;

	border-radius: 50%;

	object-fit: cover;

}



ul.userOpen li ul.r-subnav {

	position: absolute;

	top: 70px;

	min-width: 90px;

	background: #30343d;

	z-index: 99999;

	display: none;

	left: 15px;

}



ul.userOpen li ul.r-subnav li {

	line-height: 48px;

	padding: 0 25px;

	width: 90px;

}





ul.userOpen li ul.r-subnav li:first-child {

	text-align: center;

}



ul.userOpen li ul.r-subnav li a {

	line-height: 40px;

}



ul.userOpen li ul.r-subnav li:hover {

	background-color: #dc1937;

}



/* 涓棿鍐呭鍖哄煙 */

.linner {

	width: 1280px;

	height: 6px;

	background: #fff;

	margin: 0 auto;

	margin-top: 70px;

	z-index: 3;

}

/* 瑙嗛 */

.startVideo {

	position: relative;

	width: 100%;

	height: 947px;

	overflow: hidden;

}

.startVideo:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 100%;

	display: block;

	z-index: -1;

	top: 0;

	left: 0;

	background: rgba(25, 29, 34, .65);

}

.fullscreenvideo {

	position: absolute;

	top: 50%;

	left: 50%;

	min-width: 100%;

	min-height: 100%;

	width: auto;

	height: auto;

	z-index: -100;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-o-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	-webkit-transition: 1s opacity;

	-moz-transition: 1s opacity;

	-o-transition: 1s opacity;

	transition: 1s opacity;

}

.startVideoLogo {

	position: absolute;

	top: 50%;

	left: 50%;

	/*margin-left: -433.5px;

	margin-top: -123.5px;*/

	z-index: 2;

	transform: translate(-50%, -50%);

}

/*  */

.coverWrapper {

	/ margin-top: 20px;

}

.wrapperList {

	float: left;

	width: 32%;

	position: relative;

	overflow: hidden;

	margin: 0 0.66%;

	color: #fff;

}

.wrapperList:before,
.wrapperList:after,
.wrapperShow,
.wrapperInfo,
.wrapperImg:before,
.wrapperImg:after {

	transition: all 0.3s ease-in-out;

}

.wrapperList:before {

	position: absolute;

	content: "";

	height: 100%;

	width: 150%;

	left: -314px;

	top: -116px;

	-moz-transform: rotate(-30deg);

	-webkit-transform: rotate(-30deg);

	-o-transform: rotate(-30deg);

	transform: rotate(-30deg);

	background-color: rgba(55, 45, 44, .65);

	z-index: 3;

	box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, .7);

	opacity: 1;

}

.wrapperList:after {

	content: '';

	position: absolute;

	width: 0px;

	height: 0px;

	opacity: 0;

	top: 0px;

	left: 0px;

	right: 0px;

	bottom: 0px;

	margin: auto;

	background-color: #171e22
}

.wrapperImg {

	position: relative;

}

.wrapperImg:before,
.wrapperImg:after {

	position: absolute;

	content: '';

	left: 10px;

	bottom: 10px;

	right: 10px;

	top: 10px;

	opacity: 0;

}

.wrapperImg:before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.wrapperImg:after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

.wrapperImg>img {

	width: 100%;

	height: 360px;

	object-fit: cover;

}

.wrapperShow {

	position: absolute;

	top: 20px;

	left: 20px;

	z-index: 8;

	opacity: 1;

}

.wrapperShow h4,
.wrapperInfo h4 {

	font-weight: bold;

	text-transform: uppercase;

	line-height: 20px;

	margin-bottom: 15px;

	font-size: 18px;

}



.wrapperInfo h4 {

	padding: 0 40px;

	line-height: 50px;

}

.wrapperShow p,
.wrapperInfo p {

	margin-bottom: 10px;

	line-height: 16px;

}

.wrapperShow i {

	font-size: 100px;

}

.wrapperInfo {

	position: absolute;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

}

.wrapperInfo p {

	padding: 0 20px;

}

.wrapperList:hover:before {

	top: -100%;

	left: -100%;

	opacity: 0;

}

.wrapperList:hover:after {

	width: 100%;

	height: 100%;

	opacity: 0.8;

}

.wrapperList:hover .wrapperImg:before,
.wrapperList:hover .wrapperImg:after {

	opacity: 1;

	transform: scale(1);

	z-index: 5;

}

.wrapperList:hover .wrapperShow {

	top: 50%;

	opacity: 0;

}

.wrapperList:hover .wrapperInfo {

	top: 30%;

	opacity: 1;

	z-index: 6;

}

/* 灞呬腑鍐呭鍖哄煙 */

.middleCenter {

	width: 1173px;

	margin: 0 auto;

	padding: 15px 0;

}

/* 鏍囬 */

.headTitle {
	position: relative;
	padding: 15px;
	display: flex;
	align-items: center;
	background: #313e47;

}

.headTitle p {

	font-size: 23px;

}

.headTitle .line,
.headTitle .shortLine {

	width: 42.5%;

	height: 4px;

	background: #fff;

	margin: 0 9px;



}

.headTitle .shortLine {

	width: 40%;

}

.original,
.album,
.hotSet,
.platyTop,
.advertisement,
.recommend,
.electric,
.videoCategory {

	padding: 15px 0;

}

/* 宸﹁竟鍖哄煙 */

/* 鍘熷垱鐜板満姝岃矾 */

.originalList>li {

	float: left;

	width: 32.333% !important;

	position: relative;

	overflow: hidden;

}

.originalList>li:nth-child(2n) {

	margin: 0 11px;

}

.originalList>li>img {

	width: 100%;

	height: 328px;

	object-fit: cover;

}

.originalList li:hover {

	background: #db152e;

}

.originalList li:hover>img,
.recommendList li:hover .recommendPicture img,
.recommendCover:hover .coverImg>img {

	opacity: .5;

	transform: scale(1.2) rotate(5deg);

	-o-transform: scale(1.2) rotate(5deg);

	-ms-transform: scale(1.2) rotate(5deg);

	-moz-transform: scale(1.2) rotate(5deg);

	-webkit-transform: scale(1.2) rotate(5deg);

}

.originalList li:hover .originalInfo {

	top: 50%;

	left: 0;

	right: 0;

	margin: 0;

	transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	background-color: transparent;

	/* transition: .15s ease; */

}

.originalList li:hover .location {

	opacity: 0;

}

.originalList li:hover .originalIntro {

	opacity: 1;

}

.originalList li:hover .originalPlay {

	opacity: 1;

	height: 39px;

	width: 39px;

	margin: 0 0 15px;

	line-height: 35px;

	border: 2px solid #fff;

}

.originalList li,
.originalAuthor,
.originalTitle,
.originalIntro,
.originalInfo,
.originalPlay,
.originalList li:hover>img,
.electricList li,
.electricList li:hover:before,
.electricList li:hover:after,
.recommendCover img {

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.originalInfo {

	position: absolute;

	top: 100%;

	left: 20px;

	right: 20px;

	bottom: auto;

	margin: -94px auto 0;

	padding: 10px 15px 30px;

	text-align: center;

	background: #171e22;

	font-size: 12px;

}

.originalRate {

	background-color: #fff;

	padding: 2px 15px 3px;

	border-radius: 50px;

	opacity: 1;

	width: 20px;

	margin: 0 auto;

	color: #637e8f;

	transition: .1s ease;

}

.location {

	position: absolute;

	top: -10px;

	left: 0;

	right: 0;

}

.originalPlay {

	height: 0;

	width: 0;

	background: none;

	opacity: 0;

	cursor: pointer;

}

.originalPlay i {

	color: #fff;

	font-size: 14px;

}

.originalTitle {

	width: 100%;

	font-size: 20px;

	line-height: normal;

	text-transform: capitalize;

	font-weight: bold;

	display: block;

}

.originalAuthor,
.originalTitle,
.originalIntro {

	margin-bottom: 10px;

}

.originalIntro {

	line-height: 24px;

	opacity: 0;

	font-size: 13px;

}

.originalOpen {

	margin-bottom: 14px;

}

.originalOpen p {

	float: left;

	width: 33.33%;

	box-sizing: border-box;

	/* padding: 0 5px; */

}

.originalOpen p i {

	vertical-align: -1px;

}

/* 涓浗鐢甸煶鑺� */

.electricList li,
.albumLIst>li {

	background: #161e21;

	margin-bottom: 12px;

}

.electricList li {

	position: relative;

	height: 98px;

	z-index: 1;

}

.electricList li:before,
.electricList li:after {

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	left: 0;

	width: 100%;

	height: 98px;

	content: "";

	opacity: 0;

	z-index: -1;

}

.electricList li:after {

	background: url('/them/images/listbg_2.jpg');

}

.electricList li:hover:before {

	opacity: 0.8;

	background-color: #db152e;

}

.electricList li:hover:after {

	opacity: 0.2;

}

.electricList li>img {

	width: 125px;

	height: 98px;

	object-fit: cover;

}

.electricInfo,
.electricDetails {

	margin: 22px 20px;

}

.electricInfo {

	width: 235px;

}



.electricInfo a {

	color: white;

}

.electricInfo h5 {

	font-size: 18px;

	font-weight: bold;

}

.electricTag a {

	float: left;

	font-size: 13px;

}

.electricTag a:after {

	float: right;

	content: ",";

	margin: 0 5px;

}

.electricTag a:last-child:after {

	content: '';

}

.electricData {

	padding: 0 25px;

	font-size: 16px;

	margin: 25px 0;

	width: 100px;

	text-align: center;

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	color: #FFFFFF !important;

}

.electricData font {

	color: #FFFFFF !important;

}











.electricDetails {

	width: 126px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	background: #fff;

}

.electricDetails a {

	color: #171e22;

	font-size: 16px;

	font-weight: bold;

}

/*  */

.newestList li {

	float: left;

	width: 49%;

}

.newestList li:nth-child(2n) {

	margin-left: 2%;

}

/* 鎺ㄨ崘涓撹緫 */

.albumLIst>li:last-child {

	margin-bottom: 0;

}

.albumInfo {

	position: relative;

	font-size: 16px;

	padding: 20px;

}

.albumInfo>img {

	width: 89px;

	height: 62px;

	object-fit: cover;

}

.albumInfo .albumTitle {

	padding: 0 15px;

	width: 325px;

}

.albumInfo .albumTitle h5 {

	font-size: 18px;

	font-weight: bold;

	margin-top: 5px;

	transition: all 350ms;

}

.albumRank,
.albumData,
.albumMore {

	line-height: 62px;

}

.albumRank,
.albumData {

	text-align: center;

	width: 100px;

}



.albumRank {

	position: absolute;

	right: 29%;

	top: 8%;

}

.albumData {

	margin-left: 70px;

	color: #FFFFFF !important;

}

.albumData font {

	color: #FFFFFF !important;

}









.albumMore i {

	font-size: 26px;

	vertical-align: -4px;

}

.albumLIst>li:first-child .albumPlayList {

	display: block;

}

.albumPlayList {

	border-top: 1px solid #283138;

	padding: 10px 0;

	display: none;

}

.albumPlayList>li {

	padding: 10px 20px;

	transition: .2s ease;

}

.albumPlayList>li:hover {

	background: #000;

}

.albumPlayList>li i {

	cursor: pointer;

}

.albumPlayInfo {

	width: 615px;

}

.albumPlayInfo i {

	font-size: 25px;

	vertical-align: -3px;

	float: left;

}

.albumPlayInfo>a {

	padding: 0 15px;

	font-size: 16px;

	float: left;

	width: 91%;

	color: white;

}

.albumPlayOpen i {

	font-size: 22px;

	margin: 0 5px;

	vertical-align: -2px;

}

.albumPlayOpen i:first-child {

	font-size: 20px;

}

.c-cover:hover .c-coverH {

	color: #DB152E;

	transition: all 350ms;

}

.c-cover:hover .c-coverP {



	color: #DB152E;

	transition: all 350ms;

}

.c-coverP {

	position: absolute;

	top: 57%;

	left: 16.5%;

	width: 50%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	transition: all 350ms;

	cursor: pointer;

}



.c-coverP a {

	color: #FFFFFF;

	margin-right: 2%;

}

.c-coverP a:hover {

	color: #DB152E;

}







.albumInfo .c-thumb-opend {

	position: absolute;

	width: 35px;

	height: 35px;

	left: 6%;

	top: 34%;

	cursor: pointer;

}



.albumInfo .c-thumb-opend:hover {

	animation: ball 2s ease-in-out infinite;

}

@keyframes ball {

	20% {
		transform: scale(.8);
	}

	40% {
		transform: scale(1.2);
	}

	60% {
		transform: scale(.9);
	}

	80% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}

}











/* 鍙宠竟鍖哄煙鈥斺�旂儹闂ㄥ鏇� */

.hotSetList {

	padding: 15px 0 30px 0;

	border-bottom: 1px solid #fff;

}

.hotSetList li>a {

	display: block;

	padding: 12px 0;

	background: #161e21;

	margin-bottom: 4px;

	transition: .3s ease-in-out;

}

.hotSetList li:last-child a {

	margin-bottom: 0;

}



.hotSetList li:hover a,

.hotSetList li:hover .hotSetNum {

	color: #db152e;

	transition: .3s ease-in-out;

}

.hotSetList li>a:hover .hotSetNum,
.hotSetList li>a:hover .hotSetInfo p:first-child {

	color: #db152e;

	transition: .3s ease-in-out;

}

.hotSetList li>a:hover .hotSetPicture,

.hotSetList li:hover .hotSetPicture {

	border-color: #db152e;

	background-color: #db152e;

	transition: .3s ease-in-out;

}

.hotSetList li>a:hover .hotSetPicture img,

.hotSetList li:hover .hotSetPicture img {

	opacity: .3;

	transition: .3s ease-in-out;

}

.hotSetList li .hotSetNum {

	width: 46px;

	text-align: center;

	color: #c2c7d2;

	font-size: 26px;

	line-height: 40px;

}

.hotSetList li .hotSetPicture {

	width: 40px;

	height: 40px;

	border: 2px solid #4e4e4e;

	position: relative;

}





.hotSetPicture img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.3s ease-in-out;

}



.hotSetList li .hotSetPicture img.t-play-icons {
	position: absolute;
	width: 22px;
	height: 22px;
	left: 9px;
	top: 9px;
	transition: all 0.3s ease-in-out;
}



.hotSetList li:hover .hotSetPicture img.t-play-icons {

	transform: scale(1.2);

}



.hotSetList li .hotSetInfo {

	padding: 0 15px;

	width: 290px;

	font-size: 15px;

	margin: -58px 94px;

}



ul.hotSetList li a {

	color: #fff;

}



.hotSetInfo p:first-child {

	color: white;

}

.hotSetInfo p:last-child {

	color: #637e8f;

}

/* 姣忔棩鎺ㄨ崘 */

.platyList li,
.recommendList li {

	transition: .3s ease-in-out;

	border-bottom: 1px solid #283138;

	background: #161e21;

}

.platyList li:last-child,
.recommendList li:last-child {

	border-bottom: none;

}



.recommendPicture {

	position: relative;

}

.recommendList li .recommendPicture .t-play-iconl {

	position: absolute;

	width: 40px;

	height: 40px;

	left: 30px;

	top: 15px;

	transition: .3s ease-in-out;

}

.platyList li {

	padding: 10px 20px;

	position: relative;

}

.platyList li:hover {

	background: #db152e;

}

.platyList li:hover .platyPicture {

	border-color: #171e22;

}

.platyList li .platyPicture {

	width: 45px;

	height: 45px;

	object-fit: cover;

	border: 2px solid #db152e;

	transition: .3s ease-in-out;

}



.platyList li .playicon {

	position: absolute;

	width: 22px;

	height: 22px;

	left: 33px;

	top: 23px;

	transition: all 0.3s ease-in-out;

}

.platyList li:hover .playicon {

	transform: scale(1.2);

}

.platyList li .platyInfo {

	padding: 0 10px;

	width: 243px;

	font-size: 12px;

	height: 49px;

	color: white;

}

.platyInfo>p {

	margin-top: 5px;

	font-size: 15px;

}

.platyList li .platyOpen {

	line-height: 49px;

}

.platyOpen i {

	margin-right: 10px;

	cursor: pointer;

}

.platyOpen i:last-child {

	margin-right: 0;

}

.platyOpen img {

	width: 13px;

	height: 13px;

}

/* 骞垮憡 */

.advertisement img {

	width: 100%;

	height: 565px;

	object-fit: cover;

}

/*  */

/* 瑙嗛绫诲埆 */

.categoryList>li {

	float: left;

	width: 32%;

	background: #161e21;

	box-sizing: border-box;

	height: 564px;

}

.categoryList>li:nth-child(2) {

	margin: 0 2%;

}

.categoryList .recommend {

	padding: 0;

}

.categoryList .recommendList li {

	padding: 15px;

	height: 119px;

}

/* 鎺ㄨ崘 */

.recommendCover {

	padding: 15px 15px 0 15px;

	position: relative;

	overflow: hidden;

}

.recommendCover .coverTitle {

	position: absolute;

	bottom: 0;

	width: 92%;

	padding: 0 20px 6px;

	box-sizing: border-box;

}

.recommendCover .coverImg {

	overflow: hidden;

}

.coverImg img {

	height: 218px;

	width: 100%;

	object-fit: cover;

}

.recommendList li {

	padding: 20px;

	box-sizing: border-box;

}

.recommendList li>a {

	display: block;

}











.recommendList li:hover .recommendPicture,
.recommendCover:hover .coverImg {

	background: #db152e;

}

.recommendList li:hover .recommendInfo p {

	color: #db152e;

}

.recommendList li .recommendPicture {

	display: inline-block;

	width: 26%;

	height: 70px;

	overflow: hidden;

	transition: .3s ease-in-out;

}

.recommendPicture img,

.recommendPicture>img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: .3s ease-in-out;

}

.recommendList li .recommendInfo {

	width: 67%;

	margin-left: 5%;

	color: white;

}

.recommendInfo p,
.recommendCover .coverTitle>a {

	font-size: 18px;

	font-weight: bold;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

	max-height: 52px;

	transition: .3s ease-in-out;

	margin-bottom: 5px;

	color: white;

}

.recommendInfo p {

	height: 45px;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;
	/*定义的数字为显示的行数*/

	-webkit-box-orient: vertical;

}

.c-recommendInfo p {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: block;

}

.c-recommendInfo .c-recommendInfo-p a {

	color: #FFFFFF;

}

.c-recommendList li:hover .c-recommendInfo-p a {

	color: #DB152E;

}



.recommendInfo .c-index-recommend a {

	color: #FFFFFF;

}

.recommendInfo .c-index-recommend p:hover {

	color: #DB152E;

}

.recommendList li:hover .recommendInfo .c-index-recommend a {

	color: #DB152E;

}

.y-recommendInfo a {

	color: #fff;

}

.y-recommendInfo a:hover {

	color: #fff;

}



/* 鎺ヨ繎搴曢儴鍙粦鍔ㄥ尯鍩�  */

.groomList>.swiper-slide {

	width: 20%;

	float: left;

	background: #000;

}

.groomList>.swiper-slide>img {

	width: 100%;

	height: 230px;

	object-fit: cover;

	opacity: .3;

}



.groomList>.swiper-slide:hover .flicker-link {

	opacity: 1;

}



.btn-1 {

	width: auto;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	line-height: normal;

	display: inline-block;

	padding: 10px 30px 10px;

	text-transform: capitalize;

}



.flicker-link a.btn-1,

.flicker-link {

	transition: all 0.3s ease-in-out;

}



.flicker-link a.btn-1 {

	background-color: #db152e;

	color: #fff;

}





.flicker-link {

	left: 0;

	right: 0;

	top: 50%;

	opacity: 0;

	margin: 0 auto;

	text-align: center;

	position: absolute;

	transform: translateY(-80%);

	-o-transform: translateY(-80%);

	-ms-transform: translateY(-80%);

	-moz-transform: translateY(-80%);

	-webkit-transform: translateY(-80%);

}



.flicker-link a i {

	margin: 0 15px 0 0;

}



.fa {

	display: inline-block;

	font: normal normal normal 14px/1 FontAwesome;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



a.originalTitle.conceal {

	color: white;

}





.navList_menu li a {

	color: white;

}





/*鎼滅储*/



.search-box.active {

	opacity: 1;

	-webkit-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	transform: scale(1, 1);

}



.search-box {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.8);

	z-index: 9999;

	overflow: auto;

	-webkit-transform: scale(0, 0);

	-moz-transform: scale(0, 0);

	-ms-transform: scale(0, 0);

	-o-transform: scale(0, 0);

	transform: scale(0, 0);

	opacity: 0;

}



.icon-search-close {

	position: absolute;

	right: 60px;

	top: 60px;

	/*background-position: -260px -120px;*/

	cursor: pointer;

}



.icon-header {

	display: inline-block;

	vertical-align: text-bottom;

	background: url(/them/images/cancel_1.png) no-repeat;

	width: 40px;

	height: 40px;

	background-size: 100%;

}



.search-content {

	position: absolute;

	width: 550px;

	left: 50%;

	margin-left: -275px;

	padding-top: 95px;

}



.search-input {

	margin-top: 55px;

}



.search-content input {

	border: none;

	border-bottom: 1px solid #f0f0f0;

	height: 45px;

	width: 100%;

	font-size: 26px;

	background-color: transparent;

	padding-right: 30px;

	color: #fff;

	outline: none;

}



.search-content input::-webkit-input-placeholder {

	color: #fff;

}



.search-input button {

	position: absolute;

	right: 0;

	width: 40px;

	height: 40px;

	text-indent: -999px;

	border: none;

	background: url(/them/images/icon-header_1.png) no-repeat -262px -68px;

	outline: 0;

	cursor: pointer;

}



.search-history {

	margin-top: 50px;

	display: inline-block;

	color: #fff;

}



.search-hot {

	margin-top: 40px;

}



.search-history strong {

	font-size: 16px;

	color: #fff;

	font-weight: 400;

}



.search-box .search-history ul {

	width: 550px;

}



.search-history ul li {

	float: left;

	height: 35px;

	border: 1px solid #f0f0f0;

	margin: 0 20px 20px 0;

	padding: 0 15px;

	cursor: pointer;

	list-style: none;

}



.search-history ul li a {

	display: inline-block;

	width: 100%;

	height: 100%;

	color: #333;

	font-size: 16px;

	line-height: 33px;

	color: #fff;

	text-decoration: none;

}



.search-hot ul li a {

	color: #eee;

	font-weight: 700;

}



.search-history ul {

	margin: 10px 0 0 0;

	display: inline-block;

}



.r-subnav-cnt {

	width: 100%;

	position: relative;

}

.y-index-hints a {

	color: #fff;

}

.y-index-hints a:hover {

	color: #fff;

}

/*新增样式*/
.top_banner {
	position: relative;
	width: 100%;
	height: auto;
}

.top_banner .swiper-pagination {
	position: absolute;
	bottom: 10px;
}

.top_banner .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.top_banner .swiper-slide img {
	width: 100%;
}

.top_banner .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	width: 40px;
	border-radius: 4px;
}

.top_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #DC1937;
}

.pop_box_bg .hotSet {
	float: left;
	margin: 0 5px;
}




/* 论坛页面样式S */

.middleCenter .z-breadcrumb {
	overflow: hidden;

}

.middleCenter .z-breadcrumb a {
	color: #ffffff !important;
}

.middleCenter .z-breadcrumb a:hover {
	color: #DC1937 !important;
}

.middleCenter .z-breadcrumb ul li {
	float: left;
	margin-right: 20px;
}

.layui-breadcrumb a cite {
	color: #ffffff !important;
}

.z-centerContent {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;

}

.newAndHot {
	overflow: hidden;
}

.newAndHot .headTitle ul li {
	float: left;
	width: 90px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.newAndHot .headTitle ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;

}

.z-newAndHot ul li:hover {
	color: #ffffff;
	background: #670000;
}

.newAndHot .headTitle ul .selected {
	background: #670000;
}

.z-newAndHot {
	padding: 0px;
	border-bottom: 1px solid #626262;
}

.z-centerContent .z-centerContentLeft {
	width: 894px;
	margin-right: 46px;
}

.z-roofList ul {
	height: 100%;
}

.z-roofList ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 11px;
	background: #161e21;
	margin-bottom: 4px;
	transition: .3s ease-in-out;
	margin-top: 8px;
}

.z-roofList li>a {
	width: 90%;
	display: flex;
	justify-content: left;
	align-items: center;
	color: #ffffff !important;
}

.z-roofList li>a:hover {
	color: #DC1937 !important;
}

.z-roofList li .z-roofListPicture {
	width: 54px;
	height: 54px;

	position: relative;
}

.z-roofList li .z-roofListPicture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}

.z-roofList li .z-roofListPicture img.t-play-icons {
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s ease-in-out;
}

.z-roofList li:hover .z-roofListPicture img.t-play-icons {
	transform: scale(1.2);
}

.z-luntantitle {
	font-size: 16px !important;
}

.z-roofList .z-liMiddle {
	width: 70%;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: left;
}

.z-roofListTitle {
	width: 100%;
	font-size: 16px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}


.z-liMiddle p:nth-child(2) {
	color: #ffffff;
	margin-top: 10px;
}

.z-liMiddle p:nth-child(2) span:nth-child(2) {
	margin-left: 20px;
	color: #828282;
}

.z-roofListRight {
	width: 100px;
}

.z-roofListRight>div {
	display: flex;
	text-align: right;
	justify-content: flex-end;
	align-items: center;
}

.z-rightTop button:nth-child(1) {
	background-color: #273238;
}

.z-rightTop button:nth-child(2) {
	margin-left: 15px;
	background-color: #DC1937;
}

.z-rightBottom {
	margin-top: 10px;
}

.z-dofSongRight .z-rightBottom {
	display: flex;
	/* justify-content: space-between; */
	align-items: flex-end;
}

.z-roofListRight .z-rightBottom a,
.z-dofSongRight .z-rightBottom a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff !important;
	font-size: 12px;
}

.z-rightBottom .pinglun {
	width: 16px;
	height: 11px;
}

.z-rightBottom .eye {
	width: 20px;
	height: 11px;
	margin-left: 11px;
}

.z-rightBottom .collect {
	width: 16px;
	height: 15px;
	margin-left: 11px;
}

.z-centerContentLeft .newAndHot {
	margin-top: 18px;
}

.z-newAndHotList ul li {
	border-bottom: 2px solid #626262;
	margin: 0px;
}

.z-newAndHotList ul li:hover {
	background: #3D4B55;
}

.pagination {
	float: left;
	margin: 0px;
	width: 100%;
	display: inline-block;
	padding-left: 0;
	border-radius: 4px;
	text-align: right;
}

.z-centerContentRight {
	width: 312px;
}

.z-box {
	margin-top: 15px;
}
.z-dofSongRight{
	display: flex;
	justify-content: space-between;
	align-content: flex-end;
}
/* .z-box ul li a {
	color: #ffffff;
}
.z-box ul li a:hover {
	color: #DC1937 !important;
} */
.z-boxTitle {
	padding: 25px 0px 20px 22px;
	background-color: #3D4B55;
}

.z-boxContent {
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	background-color: #161E21;
	overflow: hidden;
}

.z-postingBtn {
	font-size: 24px !important;
	background: #670000 !important;
	width: 100%;
	height: 51px !important;
}

.z-postingBtn a {
	color: #ffffff !important;
}

.z-postingBtn img {
	width: 25px;
	height: 25px;
}

.z-forumSection {
	margin-top: 15px;
}

.z-forumSectionTitle {
	width: calc(100% - 23px);
	font-size: 15px;
	padding: 25px 0px 20px 22px;
	background-color: #3D4B55;
}

.z-forumSectionType ul {
	display: flex;
	flex-wrap: wrap;
	background-color: #161E21;
}

.z-forumSectionType ul li {
	width: 32.647%;
	height: 62.5px;
	border: 1px solid #3D4B55;
}

.z-forumSectionType ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

.z-forumSectionType ul li a:hover {
	color: #670000;
}

.z-checkinAndActivityTitle {
	width: 100%;
	height: 65px;
	background-color: #3D4B55;
	overflow: hidden;
}

.z-checkinAndActivityTitle ul {
	height: 100%;
}

.z-checkinAndActivityTitle ul li {
	width: 49.6%;
	height: calc(100% - 4px);
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.z-checkinAndActivityTitle ul li:nth-child(1) {
	border-right: 1px solid #273238;
}

.z-catActive {
	border-bottom: 4px solid #ffffff;
}

.z-cacContent1 {
	display: none;
}

.active {
	display: block !important;
}

.z-checkinAndActivity {
	width: 100%;
	height: 101px;
	display: flex;
	background-color: #161E21;
	justify-content: center;
	align-items: center;
}

.z-checkinAndActivity button {
	width: 94px;
	height: 40px;
	background-color: #DC1937;
}

.z-checkintime {
	margin-left: 50px;
}

.z-checkintime .z-time1 {
	line-height: 22px;
	font-size: 13px;
	color: #808080;
}

.z-rp {
	width: 100%;
	padding: 12px 0px;
	background-color: #161E21;
}

.z-rp ul li {
	width: 100%;
	margin: 15px 0px;
}

.z-rp ul li a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

.z-rp ul li a:hover {
	color: #DC1937 !important;
}

.z-rp ul li a span {
	color: #ffffff;
}

.z-rpTitle {
	width: 80%;
}

.z-rp img:nth-child(1) {
	width: 18px;
	height: 13px;
}

.z-lp {
	padding-bottom: 0px;
}

.z-lp ul {
	display: flex;
	flex-wrap: wrap;

}

.z-lp ul li {
	width: 33.33333%;

}

.z-fl ul {
	display: flex;
	flex-wrap: wrap;

}

.z-fl ul li {
	width: 33.33333%;

}

.z-lp a {
	color: #ffffff !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.z-lp a p {
	line-height: 30px;
	margin-bottom: 10px;
}

/* .z-lp a:hover{
	color: #DC1937 !important;
} */
.z-lp .z-lpImg {
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	overflow: hidden;
}

.z-lp .z-lpImg img {
	width: 100%;
	height: 100%;
}

.z-lp .z-lpImg img:hover {
	transition: all 0.5s;
	transform: scale(1.1)
}

.z-or ul li {
	margin: 15px;
}

.z-or ul li:nth-child(1) button {
	background-color: #5F7D8D;
}

.z-or ul li:nth-child(2) button {
	background-color: rgba(252, 255, 0, 0.29);

}

.z-or ul li:nth-child(3) button {
	background-color: #213A43;
}

.z-fl li {

	text-align: center;
	margin: 0 auto;
}

.z-fl ul li a {
	width: 100%;
	line-height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
}

.z-fl ul li a:hover {
	color: #DC1937 !important;
}

.z-fl .friend {
	color: #DC1937 !important;
}

/* 论坛页面样式E */


/* 论坛版块样式S */
.z-forumSectionPage {
	width: 100%;


}

.z-fspTitle {
	width: 100%;
	height: 38px;
	padding: 0px 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	background: rgba(61, 75, 85, 1);
}

.z-postingPageBtn1 {
	width: 99px;
	height: 27px;
	line-height: 27px;
	border-radius: 5px;
	padding: 0px;
	font-size: 16px;
	background: #670000 !important;

}

.z-postingPageBtn1 img {
	width: 17px;
	height: 17px;
}

.z-postingPageBtn2 {
	width: 99px;
	height: 27px;
	line-height: 27px;
	border-radius: 5px;
	padding: 0px;
	font-size: 16px;
	background: #1E282C !important;

}

.z-fspbreadcrumb {
	margin-left: 20px;
}

.z-fspContent {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	padding-left: 15px;
}

.z-fspLired {
	color: #DC1937;
}

.z-fspContent ul li {
	line-height: 24px;
}

.z-fspLiblue {
	color: #025578;
}

.z-fspContent ul li h2 {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 5px;
}

.z-fspTips p {
	margin: 20px 13px
}

.z-forumSection1 {
	margin: 0px;
}

/* 论坛版块样式E */

/* 评论详情页样式S */
.z-dofSong {
	padding: 10px 11px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}

.z-dofSong .z-songOther {
	margin-top: 27px !important;
}



.z-centerContentLeft .songImg {
	width: 100%;
	height: 505px;
	margin-top: 15px;
}

.z-centerContentLeft .songImg img {
	width: 100%;
	height: 505px;
}

.z-songing {
	margin-top: 15px;
	padding: 0px 15px !important;
	display: flex;
	justify-content: flex-start;
}

.z-songing .z-songingLeft {
	width: 122px;
	height: 122px;
	position: relative;
	cursor: pointer;
}

.z-songing .z-songingLeft img:nth-child(1) {

	height: 100%;
}

.z-songing .z-songingLeft .playBtn {
	display: none;
}

.z-songing .z-songingLeft .playBtn,
.z-songing .z-songingLeft .stopPlayBtn {
	width: 54px;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s ease-in-out;
}

.z-songingLeft:hover .playBtn,
.z-songingLeft:hover .stopPlayBtn {
	transform: scale(1.2);
}

.z-songingRight {
	width: 100%;
	margin: 15px;

}

.z-songingRight .rightTop {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.z-songMessage .z-boxTitle {
	padding: 15px;
	background-color: #3D4B55;
}

.z-songMessage .z-boxTitle p {
	font-family: Source Han Sans CN;
	font-size: 16px;
	color: rgba(255, 255, 255, 1);
	line-height: 25px;
}

.z-smList ul li {
	line-height: 25px;
}

.z-commentTitle {
	padding: 15px;
	font-size: 16px;
	background-color: #161E21;
	border-bottom: 4px solid #DC1937;
}

.layui-input:hover,
.layui-textarea:hover {
	border-color: transparent !important;
	*/
}

.z-ccTextare {
	height: 180px;
}

.z-ccTextareBtn {
	background-color: #DC1937;
}

.z-ccBottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.z-ccOther img {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.z-ccOther .z-ccoPhoto {
	margin-left: 10px;
}

.z-ccNumber {
	margin-left: 10px;
	font-size: 14px;
}

.z-gcList {
	background-color: #161E21;

}

.z-gcList>ul>li {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #434343;
}

.z-gcListLeft {
	margin-right: 15px;
}

.z-gcListLeft img {
	width: 60px;
	height: 60px;
}

.z-gcListRight {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
}

.z-gcListRight .z-gcuserContent .z-gcucLeft a {
	white-space: nowrap;
	color: #4A9FE8;
}

/* .z-gcucLeft{
	width: 20%;

}
.z-gcuRight{
	width: 70%;
} */
.z-gcuserContent {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.z-gcuserContent .z-gcuTop {
	display: flex;
	justify-content: flex-start;
}

.z-gcuserComment {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.z-gcuserComment p {
	color: #828282;
	font-size: 12px;
}

.z-gcucRight {

	display: flex;
	justify-items: center;
	align-items: center;
}

.z-gcucRight span {}

.z-gcuserContent .z-gcuRight span {
	flex: 0 0 auto;
	align-self: baseline;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

}

.z-gcucRight {
	margin: 0px;
}

.z-gcucRight img {
	cursor: pointer;
}

.z-otherComment ul li {
	width: 100%;
	margin: 15px 0px;
	box-sizing: border-box;
	padding: 15px;
	background-color: #273238;
}

.z-gcuserContent .z-otherCommentRight span {
	flex: 0 0 auto;
	align-self: baseline;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.z-gcucRight .zan {
	width: 15px;
	height: 15px;
}

.z-gcucRightPinglun {
	margin-left: 30px !important;
}

.z-userMessage {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.z-userMessage .z-umPhoto {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding: 4px;
	border: 2px solid #ffffff;
}

.z-userMessage .z-umPhoto img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.z-userMessage .z-umName {
	font-size: 16px;
	margin: 10px 0px;
}

.z-userMessage .z-umQianming {
	font-size: 12px;
}

.z-userMessage .z-umOption {
	overflow: hidden;
}

.z-userMessage .z-umOption>p {
	float: left;
	width: 70px;
	margin: 10px 0px;

	text-align: center;
}

.z-userMessage .z-umOption>p:nth-child(1),
.z-userMessage .z-umOption>p:nth-child(2) {
	border-right: 1px solid #ffffff;
}

.z-userMessage .z-umOption a:hover {
	color: #224B81;
}

.z-userMessage .z-umBtn button {
	width: 110px;
	height: 44px;
	margin-top: 15px;
	background: rgba(34, 75, 129, 1);
}

.z-userMessage .z-umBtn a:nth-child(1) button {
	background: rgba(34, 75, 129, 1);
}

.z-userMessage .z-umBtn a:nth-child(2) button {
	margin-left: 10px;
	background: rgba(220, 25, 55, 1);
}

/* 评论详情页样式E */


/* 论坛置顶详情页S  */
.z-doftBreadcrumb {
	display: flex;
	justify-content: flex-start;
}

.z-doftBreadcrumbUl {
	margin-left: 30px;
}

.z-songOther .time {
	margin-left: 20px;
	color: #828282;
}

/* .z-dofSongRight {
	width: 20%;
} */

.z-doftsongOther {
	display: flex;
	justify-content: flex-start;
}

.z-songTable {
	margin-top: 15px;
	padding: 0px;
	background-color: #273238
}

.z-songTable thead {
	border-bottom: 4px solid rgba(220, 25, 55, 1);
}

.layui-table tbody tr {
	color: #ffffff !important;
}

.layui-table tbody td {
	width: 668px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.z-songTableTbody a {
	width: 100%;
	height: 100%;
}

.z-songTableTbody a:hover {
	color: #DC1937;
}

.layui-table[lay-even] tr:nth-child(odd) {
	background-color: #313E47
}

.layui-table[lay-even] tr:nth-child(even) {
	background-color: #161E21
}

.z-smList .z-textLi {
	text-align: center;
}

/* 播放器样式S */
.aplayer {
	width: 100%;
	height: 122px;
}

.aplayer .aplayer-pic {
	width: 122px;
	height: 122px;
}

.aplayer .aplayer-pic .aplayer-play {
	width: 56px;
	height: 56px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s ease-in-out;
}

.aplayer .aplayer-pic .aplayer-play svg {
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.aplayer .aplayer-pic .aplayer-pause {
	width: 30px;
	height: 30px;
}

.aplayer .aplayer-pic .aplayer-pause svg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 20px;
	width: 20px;
}

.aplayer .aplayer-info {
	margin-left: 122px;
	padding: 14px 7px 0 10px;
	height: 122px;
	box-sizing: border-box;
}

.aplayer.aplayer-withlrc .aplayer-pic {
	height: 122px;
	width: 122px;
}

.aplayer .aplayer-info .aplayer-music .aplayer-title {
	font-size: 16px;
}

.aplayer .aplayer-lrc {
	height: 60px;
}

.aplayer.aplayer-withlrc .aplayer-info {
	margin-left: 122px;
	height: 122px;
	padding: 10px 7px 0;
	background-color: #161E21;
}

.aplayer .aplayer-info .aplayer-music .aplayer-author {
	font-size: 16px;
	color: #ffffff;
}

.aplayer .aplayer-lrc:after,
.aplayer .aplayer-lrc:before {
	width: 0px;
}

.aplayer .aplayer-lrc p {
	color: #ffffff;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time {
	color: #ffffff;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
	background-color: #737373;
}

.aplayer-played {
	background-color: #ffffff !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap svg {
	color: #ffffff;

}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
	background-color: #485F6C;
}

.aplayer-volume {
	background-color: #889AA4 !important
}

.aplayer-icon .aplayer-icon-volume-down svg {
	background-color: #ffffff;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
	fill: #ffffff;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
	fill: #cfcece;
}

.aplayer .aplayer-pic .aplayer-button {
	transition: all .5s ease-out;
}


.comment {
	width: 680px;
	margin: 20px auto;
	position: relative;
	background: #fff;
	padding: 20px 50px 50px;
	border: 1px solid #DDD;
	border-radius: 5px;
}

.comment h3 {
	height: 28px;
	line-height: 28px
}

.com_form {
	width: 100%;
	position: relative
}

.input {
	height: 60px;
	border: 1px solid #ccc
}

.com_form p {
	height: 28px;
	line-height: 28px;
	position: relative;
	margin-top: 10px;
}

span.emotion {
	width: 42px;
	height: 20px;
	padding-left: 20px;
	cursor: pointer
}

span.emotion:hover {
	background-position: 2px -28px
}

.layui-layedit {
	background-color: #ffffff;
}

body .demo-class {
	color: #000000;
	border: none;
}

/* #show {
	width: 770px;
	margin: 20px auto;
	background: #fff;
	padding: 5px;
	border: 1px solid #DDD;
	vertical-align: top;
} */

.layui-layer-dialog .layui-layer-content {
	color: #000000;
}



/* 播放器样式E */

.w-e-text-container {
	height: 150px !important;
}
.z-doftBreadcrumbUl span,.z-breadcrumb span{
font-size: 16px;
}
/* 论坛置顶详情页E   */
.z-boxContent .th{
	font-size: 16px;
	text-align: center;
}
/*
     FILE ARCHIVED ON 04:10:59 Dec 29, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:13:45 Jul 29, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.486
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.015
  esindex: 0.009
  cdx.remote: 7.657
  LoadShardBlock: 35.374 (3)
  PetaboxLoader3.datanode: 44.345 (4)
  load_resource: 55.199
  PetaboxLoader3.resolve: 24.867
*/