.actor{
	min-height: 400px; 
	margin: 20px auto;
}
.actor .navs a {
	float: left;
	margin: 0 12px 12px 0;
	width: 32px;
	height: 32px;
	background: #1b1b1b;
	border-radius: 50%;
	color: #1b1b1b;
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #a2a2a3;
	text-align: center;
	line-height: 32px;
	cursor: pointer
}

.actor .navs a:first-child {
	border-radius: 16px;
	width: 64px
}

.actor .navs .active {
	background: #ff9903;
	color: #000
}

.actor .list .title {
	font-family: PingFangSC-Regular;
	font-size: 26px;
	color: #fff;
	line-height: 3
}

.actor .list .card .card-item {
	margin-bottom: 30px;
	font-family: PingFangSC-Regular;
	cursor: pointer
}

.actor .list .card .card-item .name {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 35px;
	line-height: 35px;
	margin: auto;
    text-align: center;
}

.actor .list .card .card-item .number {
	font-size: 14px;
	color: #6e6e70
}

.actor .list .card .card-item .el-image {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 100%;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden
}

.actor .list .card .card-item .el-image img {
	-webkit-transition: .2s;
	transition: .2s;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.actor .list .card .card-item .el-image img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.actor .list .card .card-item:hover .name,
.actor .el-icon-loading,
.actor .el-loading-text {
	color: #ff9903
}

.el-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.el-pagination__jump {
	color: #fff
}

.special {
	min-height: 400px;
	padding: 30px 0;
	overflow: hidden
}

.special .el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #f8b945;
	color: #fff
}

.special .el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #f8b945
}

.special .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
	background-color: #f8b945;
	color: #fff
}

.special .card {
	padding: 0 5px;
	margin-bottom: 30px;
	cursor: pointer
}

.special .card .desc {
	overflow: hidden;
	color: #fff;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-family: Microsoft YaHei, 微软雅黑, Microsoft JhengHei, 华文细黑, STHeiti, MingLiu;
	font-size: 16px;
	height: 42px;
	line-height: 21px
}

.special .card .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 7px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #a2a2a3
}

.special .card .tabs .free {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.special .card .tabs .free span:first-child {
	width: 11.8px;
	height: 9.3px
}

.special .card .tabs .free span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #a2a2a3
}

.special .card .tabs .free .isFree {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABfElEQVQoFb1RPUhCURQ+5z4zdQkKKpCGpiafRTgYRDUWQRBUQzYUJqRvCKL9rdUiKPajZBAEFURNTlHh0BAU6eRcSw6FS/7f2zsvnzqIQ0MHLue73w/33nMB/rvQONAZ8ytCCMXYt+ooIPjq2z8gTQ8OR5VJLqrXCMyDDL9ahThCj6jyU0RpNrUeSqIr7u8vVOAFkG2lveGzViGDc8YCK5zzHRuaR0ylMroRuFVicE8GOaoMAgOHYdY7x2ftlHeGeCsAbAVRGdOvKh/5gwJhymaVxvN5vgxAq1GI7NBiYTff+WpSe+ddyhfZ1IOqUNlVLHsOILqHuvqmLxfVUiMGsHChmjO5j4Q2ks95b++SiipnZCBgt0seTTBlctkTbbr1aRMmjjTykJcyepBAYiZUZCbznAZlZzSwSxxVDcukkeeXrX2HsaHuOvYPFCviERju6TwX250mdD+tRd6affUrNZOOuOKAcvVB5zqkifRqON2st8WO6MYorbamv4g/1JWFo3WLATYAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.special .card .tabs .free .isVip {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABn0lEQVQoFb1QMUscQRh93+zt7d5pIYhGELGwsEqV6kKCeySY3BosLdTCWq4IQgr/gAhprIKNsbAwqQzB84iod6ISrO20ErGy0Ma73b3d+fxm4QRJAqbxg2HmzXtv3nwf8NRF7cBgyyuDUW7jf+xL7lh92XCpsVn1PNL4IXjaIrr+mykhdEPrNcvKfLDf7x4ornh90Fgn0Ky8tqkVbjKWfWb7tSOzMuDzhNWVW6r9VEA5TuLvvPPmmYqUKkhsLmtn6iZJaz0RxtFKOzVk/gpOxg227eyuBOSjFr9MvxpUvCWAiw7lXxtBoJunRJhhtkJQ/M3N0xCaORVy40C6q8nPPko64PjeHJhOhdjAYGcA4nm5lsfiRUlYQG9PlHKiSbVC3k+Vt0pOwI1tQF26/t6UTPlY6F6XcsMBB6vSRL9L+VHyq6EJuzcawDWvK7zFIRSqbGW/WInu0ognZXglpwOvqFi/MTpTD4zmgn+NDgSt6Lf0+DnFjE+unS3Qu+0Lg9v1h9EQYeXtc+bWvjkT2SPO2M6JOT+qos3iC7MeJf4f0R0VmpyGcGzZnAAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.special .card .tabs .money {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 13px
}

.special .card .tabs .money span:first-child {
	width: 10.1px;
	height: 10.1px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAACIElEQVQoFV1Sy27TQBQ9M47jxM7DJCmJohYkFhCVL0CthEDwD3wDEsuyzhqWSKz5DyoQqPmAblAQUiVQVJKIxHYSP8aOZ7hjlKp0dr73nuvzuAw3nlJDHn0f9WxDdXUrytnMfnA0ZWwor4+y6x/Zt+NnkrXehb45EFFatCy7DMfNxpwFL83Bl8+7+StgPj56sw56J7G3QnvPgspTMN3lZSwXW1iNKhru/K0xGL3W4AKYjR8/2XitT4ZK4dg5ZK6wDA+h/B/YO9gWU0mQI6s04NRnz83Ds1OuhkMuVfO9WMcFSG/zFxbcuweo2wKrZQbpb1DaLGmRDy1F+8CjF6Ne6JcHrY4BSIU/EwGYZTC5hokVtoIhmFFNATYT0PpxcbbPTXJPRAIGzzH9laLVCdC2zyGFB9l9iHb7Jxp3iHpWh0pjiJCWSPRLmtru5QmH+G3BkBkUW4PLEFjFpNEC29rEZDcJlEzTmFq2hVzSmvsKwbyGPLLQUV+RTFxMRR8lQ+JWjZaUq7Aci5xOLjk+PJo5bjpezMl+ztCoxtgmEXI42HIbZQI16ySQ/I9RLTLFvePJvzgo+HDd/VhKyJDNAormPNIk4xI6Da8ASYoicVzU3OVTfQgFUDPXB7Dybp+w9Yb2ki4ygvBgRC9SpNF1UW9O/z+AnWR9CDpTHY8Ik6JsORWil465Wr7Swe9mr/64K+hwk4vT/Yqs9Isax2Wh6caR/wUfHf8Btn8OxAAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.special .card .tabs .money span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #a2a2a3
}

.special .card .tabs .update {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 13px
}

.special .card .tabs .update span:first-child {
	width: 11.8px;
	height: 11.8px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABPUlEQVQoFZ2Sr04DQRDGZzZcavBVmApWkgCOgEFciyAYJIYEwrPACxAIFTwBQQAejUBxkyY1GOgbNBdumG/bbbabE4Q1dzvfb3b+MmVHz7WQT9k1s59L4tf8K99wnaKcXqQvB6p6S8wFKb0FjWmLVGtmPvMv/inlw3/Vry4/SvmSgRzlImzQwEQtRESkRmnY6RQbvcfedxTT7/hw3J1O63fHdIrIDjUhPefoInWyx/allJPoDA0MWPi40AiryT/7hwjhq6zbyrSX2gJjLHycCX7RiIRiZStDu9Wg2hmVo82FNGuah2P7YapMWLdH736oGU6OJ6spuGIXIbQ8O/PUl9IPyIy9chgu5tQ2huwtCoyx8HHYCAy3aegaLc/heIcGBix8Qo2YC7PeY05tkWGDBiZuz79XbskRaf11yX8BN/avPwcSZ/gAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.special .card .tabs .update span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #a2a2a3
}

.special .card .el-image {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 100%;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	padding-bottom: 56.044%;
	height: 0;
	overflow: hidden
}

.special .card .el-image img {
	-webkit-transition: .2s;
	transition: .2s;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.special .card .el-image img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.special .card:hover .desc {
	color: #ff9903
}

@media screen and (max-width:319px) {
	.special .el-col-5 {
		width: 100%;
		float: left
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.special .el-col-5 {
		width: 50%;
		float: left
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.special .el-col-5 {
		width: 33.3%;
		float: left
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.special .el-col-5 {
		width: 25%;
		float: left
	}
}

@media screen and (min-width:1200px) and (max-width:1919px) {
	.special .el-col-5 {
		width: 20%;
		float: left
	}
}

@media screen and (min-width:1920px) {
	.special .el-col-5 {
		width: 20%;
		float: left
	}
}

.special .el-icon-loading,
.special .el-loading-text {
	color: #ff9903
}

.card-box {
	cursor: pointer
}

.card-box .el-image {
	width: 100%;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	padding-bottom: 56.044%;
	height: 0;
	overflow: hidden
}

.card-box .el-image>img {
	position: absolute;
	max-width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
	margin: 0 auto
}

.card-box .play-time {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 18px;
	padding-right: 4px;
	padding-bottom: 4px;
	color: #fff;
	z-index: 5;
	overflow: hidden;
	cursor: default;
	font-size: 13px
}

.card-box .play-time .duration {
	margin-top: 3px;
	padding-right: 5px;
	float: right
}

.card-box .play-time .hd {
	float: right;
	padding-right: 5px;
	font-weight: 900;
	margin-top: 1px
}

.card-box .remove {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	cursor: default;
	padding-right: 4px;
	padding-top: 2px;
	cursor: pointer
}

.card-box .desc,
.card-box .format,
.card-box .tabs .free span:nth-child(2),
.card-box .tabs .money span:nth-child(2),
.card-box .tabs .read span:nth-child(2),
.card-box .tabs .update span:nth-child(2),
.card-box .tabs .vip span:nth-child(2) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: normal;
	word-break: break-all
}

.card-box .desc {
	-webkit-line-clamp: 2;
	font-family: Microsoft YaHei, 微软雅黑, Microsoft JhengHei, 华文细黑, STHeiti, MingLiu;
	font-size: 16px;
	height: 46px;
	color: #fff;
	line-height: 23px;
	margin-top: 4px
}

.card-box:hover .desc {
	color: #ff9903
}

.card-box .tabs {
	margin-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	height: 20px
}

.card-box .tabs .read,
.card-box .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.card-box .tabs .read {
	margin-right: 13px
}

.card-box .tabs .read span:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABAklEQVQoFWNgIBMwgvT9984U/ML0x5XpHwMPPnP+MTF84fnHsptx6/T3jP9Dc0W/fv9xHqjh2X8Ghuf4NAJtkQTKS3FzchiyfPv2PZCBkeEGz5Y5Lvg0weS++KTuBelh+s/IJMDAwPgQJgGigZL5PwJT1ZDFkNgPQHqYkASQmP+7/vxiuPrZJ3XWN58MaSQJOBOHRmCAMfxnYfj/P/Xf/z93PvumtcJ1QBk4NcIUAgOMg+Hff1UYH0bj1cjIyLiTiZnZlHfr7DCYBhjNAmOg0oy9QHdu59wy+zCqOILHwvj/34f/jAzyCCEGBp4ts6uQ+WhsBaCek2QnALKTHJoriOcCAOQnYJXw3QwvAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.card-box .tabs .read span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	color: #a2a2a3
}

.card-box .tabs .free {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 13px
}

.card-box .tabs .free span:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABfElEQVQoFb1RPUhCURQ+5z4zdQkKKpCGpiafRTgYRDUWQRBUQzYUJqRvCKL9rdUiKPajZBAEFURNTlHh0BAU6eRcSw6FS/7f2zsvnzqIQ0MHLue73w/33nMB/rvQONAZ8ytCCMXYt+ooIPjq2z8gTQ8OR5VJLqrXCMyDDL9ahThCj6jyU0RpNrUeSqIr7u8vVOAFkG2lveGzViGDc8YCK5zzHRuaR0ylMroRuFVicE8GOaoMAgOHYdY7x2ftlHeGeCsAbAVRGdOvKh/5gwJhymaVxvN5vgxAq1GI7NBiYTff+WpSe+ddyhfZ1IOqUNlVLHsOILqHuvqmLxfVUiMGsHChmjO5j4Q2ks95b++SiipnZCBgt0seTTBlctkTbbr1aRMmjjTykJcyepBAYiZUZCbznAZlZzSwSxxVDcukkeeXrX2HsaHuOvYPFCviERju6TwX250mdD+tRd6affUrNZOOuOKAcvVB5zqkifRqON2st8WO6MYorbamv4g/1JWFo3WLATYAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.card-box .tabs .free span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	color: #a2a2a3
}

.card-box .tabs .vip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 13px
}

.card-box .tabs .vip span:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABn0lEQVQoFb1QMUscQRh93+zt7d5pIYhGELGwsEqV6kKCeySY3BosLdTCWq4IQgr/gAhprIKNsbAwqQzB84iod6ISrO20ErGy0Ma73b3d+fxm4QRJAqbxg2HmzXtv3nwf8NRF7cBgyyuDUW7jf+xL7lh92XCpsVn1PNL4IXjaIrr+mykhdEPrNcvKfLDf7x4ornh90Fgn0Ky8tqkVbjKWfWb7tSOzMuDzhNWVW6r9VEA5TuLvvPPmmYqUKkhsLmtn6iZJaz0RxtFKOzVk/gpOxg227eyuBOSjFr9MvxpUvCWAiw7lXxtBoJunRJhhtkJQ/M3N0xCaORVy40C6q8nPPko64PjeHJhOhdjAYGcA4nm5lsfiRUlYQG9PlHKiSbVC3k+Vt0pOwI1tQF26/t6UTPlY6F6XcsMBB6vSRL9L+VHyq6EJuzcawDWvK7zFIRSqbGW/WInu0ognZXglpwOvqFi/MTpTD4zmgn+NDgSt6Lf0+DnFjE+unS3Qu+0Lg9v1h9EQYeXtc+bWvjkT2SPO2M6JOT+qos3iC7MeJf4f0R0VmpyGcGzZnAAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.card-box .tabs .vip span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	color: #a2a2a3
}

.card-box .tabs .money {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 13px
}

.card-box .tabs .money span:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAACIElEQVQoFV1Sy27TQBQ9M47jxM7DJCmJohYkFhCVL0CthEDwD3wDEsuyzhqWSKz5DyoQqPmAblAQUiVQVJKIxHYSP8aOZ7hjlKp0dr73nuvzuAw3nlJDHn0f9WxDdXUrytnMfnA0ZWwor4+y6x/Zt+NnkrXehb45EFFatCy7DMfNxpwFL83Bl8+7+StgPj56sw56J7G3QnvPgspTMN3lZSwXW1iNKhru/K0xGL3W4AKYjR8/2XitT4ZK4dg5ZK6wDA+h/B/YO9gWU0mQI6s04NRnz83Ds1OuhkMuVfO9WMcFSG/zFxbcuweo2wKrZQbpb1DaLGmRDy1F+8CjF6Ne6JcHrY4BSIU/EwGYZTC5hokVtoIhmFFNATYT0PpxcbbPTXJPRAIGzzH9laLVCdC2zyGFB9l9iHb7Jxp3iHpWh0pjiJCWSPRLmtru5QmH+G3BkBkUW4PLEFjFpNEC29rEZDcJlEzTmFq2hVzSmvsKwbyGPLLQUV+RTFxMRR8lQ+JWjZaUq7Aci5xOLjk+PJo5bjpezMl+ztCoxtgmEXI42HIbZQI16ySQ/I9RLTLFvePJvzgo+HDd/VhKyJDNAormPNIk4xI6Da8ASYoicVzU3OVTfQgFUDPXB7Dybp+w9Yb2ki4ygvBgRC9SpNF1UW9O/z+AnWR9CDpTHY8Ik6JsORWil465Wr7Swe9mr/64K+hwk4vT/Yqs9Isax2Wh6caR/wUfHf8Btn8OxAAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}

.card-box .tabs .money span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	color: #a2a2a3
}

.card-box .tabs .update {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 13px
}

.card-box .tabs .update span:first-child {
	width: 14px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADqADAAQAAAABAAAADgAAAAC98Dn6AAABPUlEQVQoFZ2Sr04DQRDGZzZcavBVmApWkgCOgEFciyAYJIYEwrPACxAIFTwBQQAejUBxkyY1GOgbNBdumG/bbbabE4Q1dzvfb3b+MmVHz7WQT9k1s59L4tf8K99wnaKcXqQvB6p6S8wFKb0FjWmLVGtmPvMv/inlw3/Vry4/SvmSgRzlImzQwEQtRESkRmnY6RQbvcfedxTT7/hw3J1O63fHdIrIDjUhPefoInWyx/allJPoDA0MWPi40AiryT/7hwjhq6zbyrSX2gJjLHycCX7RiIRiZStDu9Wg2hmVo82FNGuah2P7YapMWLdH736oGU6OJ6spuGIXIbQ8O/PUl9IPyIy9chgu5tQ2huwtCoyx8HHYCAy3aegaLc/heIcGBix8Qo2YC7PeY05tkWGDBiZuz79XbskRaf11yX8BN/avPwcSZ/gAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.card-box .tabs .update span:nth-child(2) {
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	color: #a2a2a3
}

 .el-collapse {
	border-top: 0 solid #ebeef5;
	border-bottom: 0 solid #ebeef5
}

 .el-collapse-item__header {
	background-color: #101010;
	height: 40px;
	line-height: 40px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #ff9903;
	padding-left: 22px;
	border-bottom: 0 solid #ebeef5
}

 .el-collapse-item__wrap {
	background-color: #101010;
	border-bottom: 1px solid #222
}

 .el-collapse-item__content {
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #a2a2a2
}

 .el-collapse-item__arrow {
	color: #a2a2a2
}

.leftTitle {
	background: #1c1c1c;
	border: 1px solid #222;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding-left: 22px
}

.ellipsis,
.screen {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: normal;
	word-break: break-all
}

.screen {
	padding-left: 22px;
	cursor: pointer
}

.screen:hover {
	background-color: rgba(0, 0, 0, .6)
}

.activeClass {
	color: #ff9903
}

.vault {
	min-height: 400px;
	padding: 30px 0 20px
}

.vault .play-time {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 18px;
	padding-right: 4px;
	padding-bottom: 4px;
	color: #fff;
	z-index: 5;
	overflow: hidden;
	cursor: default;
	font-size: 13px
}

.vault .el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #f8b945;
	color: #fff
}

.vault .el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #f8b945
}

.vault .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
	background-color: #f8b945;
	color: #fff
}

.vault .rightRitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.vault .rightRitle li {
	font-family: PingFangSC-Regular;
	margin-right: 10px
}

.vault .rightRitle a {
	font-family: PingFangSC-Regular;
	margin-right: 10px
}

.vault .rightRitle .showText {
	font-size: 22px;
	margin-right: 22px;
	color: #fff
}

.vault .rightRitle .hot,
.vault .rightRitle .new {
	font-size: 14px;
	color: #6e6e70;
	cursor: pointer
}

.vault .rightRitle .active {
	padding: 5px 10px;
	text-align: center;
	line-height: 18px;
	background: #46474b;
	border-radius: 30px;
	color: #fff
}

.vault .activeClass {
	color: #ff9903
}

.vault .card {
	margin-top: 18px;
	margin-left: -6px;
    margin-right: -6px;
}

.vault .card .card-item {
	padding: 0 10px 30px;
	padding-left: 6px;
    padding-right: 6px;
}

.vault .el-icon-loading,
.vault .el-loading-text {
	color: #ff9903
}

.notice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.notice .notice-logo {
	width: 182px;
	height: 122px;
	background: url(data:image/png;base64,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) no-repeat 50%;
	background-size: contain
}

.notice .notice-title {
	font-family: PingFangSC-Medium;
	font-size: 20px;
	color: #a2a2a3;
	text-align: center
}

.notice .notice-text {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #a2a2a3;
	margin-top: 10px
}

.notice .notice-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	margin-top: 20px
}

.notice .notice-card span:first-child {
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #f8b945
}

.notice .notice-card span:nth-child(2) {
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABZ0lEQVQ4Ea2Rv0vDQBTH32vjXR38AS46uLsbxKm01qatiLjopuDuKs6uXd0E0cWloxZKk4K41f9AVJyUgkNRkZheJM9LJbTmrurQLHf33vf7uXvfAAz78xrWqle3WsIubP2HndCLaJqITjpOYVPf71UVQGrZriLCPgElgYIzzy6u9eTqTgGEEm45ZQQ8IAIDKaj4TrGgWr8rOKgR1juOVaaA9uSLPhJglEas2lVc/ysgFHt2/hAIdiXkHdHIs3yt2Q/5EyDDROFYx3KcHTlWm03xWTQv3AiizSBqdtfrlTEgnAv3BNAGmPH7+0b/Ib6nZmlcvH3WpXEREB448hyaRz8AA0cgZ2NCBK+2/J0LAHjPWTKL2dpj/BLtCHS5PinopRGaZXh33GAZnTmEKYCuWbgNGZopzbcMRjOYqz7Fb47OSgYd4W7LuOZl4jcshUuYPm9FYt2qADgzKsL3U4zgFNP1Z51pqLUvjHF6ry2pJFAAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	margin-left: 4px
}

.notice .el-button {
	width: 100%;
	color: #000;
	margin-top: 16px
}

.page {
	min-height: 400px
}

.page .list {
	padding: 30px 0 5px
}

.page .list .list-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: PingFangSC-Regular;
	margin-bottom: 16px
}

.page .list .list-title p {
	font-size: 26px;
	line-height: 26px
}

.page .list .list-title .more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 16px;
	cursor: pointer
}

.page .list .list-title .more span:first-child {
	font-size: 14px;
	line-height: 14px;
	color: #6e6e70
}

.page .list .list-title .more span:nth-child(2) {
	margin-left: 6px;
	width: 7px;
	height: 7px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACqADAAQAAAABAAAACgAAAAA7eLj1AAAA70lEQVQYGWNgIBIwgtQVFRU5/vnzX1VIiH9BQ0PDL2x6mUCCf/8ysjAw/K9///7D7fz8olSgYiAfFYBNBAkBJTk+fPiU8f//vwoGBsav//8zNNnYWC4JCwv7C5KHKwRxQACogevduw85QGYZUPotExNTg4AA70oMhWDVQKKgoEHg//8PO4AmmwMVF2IoBJrIAnRCDNAJVUAThf///z+Bg4NtAlwhUAHbu3cfExgZ/1cCTeFmZGTqZWdnmdbV1fUZZAtYYWFhocvfv//nMzIyMgNxj4AA3wygxm8wZ4BocDAAJUE+axUUBIfjD2QFMDYAZRJW7jxssOsAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.page .list .list-content {
	overflow: hidden
}

.page .list .list-content .card {
	padding: 0 5px;
	margin-bottom: 30px
}

 .el-icon-loading,
 .el-loading-text {
	color: #ff9903
}

@media screen and (max-width:319px) {
	.el-col-5 {
		width: 100%;
		float: left
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.el-col-5 {
		width: 50%;
		float: left
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.el-col-5 {
		width: 33.3%;
		float: left
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.el-col-5 {
		width: 25%;
		float: left
	}
}

@media screen and (min-width:1200px) and (max-width:1919px) {
	.el-col-5 {
		width: 20%;
		float: left
	}
}

@media screen and (min-width:1920px) {
	.el-col-5 {
		width: 20%;
		float: left
	}
}

 .el-collapse {
	border-top: 0 solid #ebeef5;
	border-bottom: 0 solid #ebeef5
}

 .el-collapse-item__header {
	background-color: #101010;
	height: 40px;
	line-height: 40px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #ff9903;
	padding-left: 22px;
	border-bottom: 0 solid #ebeef5
}

 .el-collapse-item__wrap {
	background-color: #101010;
	border-bottom: 1px solid #222
}

 .el-collapse-item__content {
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #a2a2a2
}

 .el-collapse-item__arrow {
	color: #a2a2a2
}

.leftTitle {
	background: #1c1c1c;
	border: 1px solid #222;
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	padding-left: 22px
}

.ellipsis,
.screen {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: normal;
	word-break: break-all
}

.screen {
	padding-left: 22px;
	cursor: pointer;
	color: #A2A2A2
}

.screen:hover {
	background-color: rgba(0, 0, 0, .6)
}

.activeClass {
	color: #ff9903
}

.recommend {
	min-height: 400px
}

.recommend .list .list-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: PingFangSC-Regular;
	margin-bottom: 16px
}

.recommend .list .list-title p {
	font-size: 26px;
	line-height: 26px
}

.recommend .list .list-title .more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 16px;
	cursor: pointer
}

.recommend .list .list-title .more span:first-child {
	font-size: 14px;
	line-height: 14px;
	color: #6e6e70
}

.recommend .list .list-title .more span:nth-child(2) {
	margin-left: 6px;
	width: 7px;
	height: 7px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACqADAAQAAAABAAAACgAAAAA7eLj1AAAA70lEQVQYGWNgIBIwgtQVFRU5/vnzX1VIiH9BQ0PDL2x6mUCCf/8ysjAw/K9///7D7fz8olSgYiAfFYBNBAkBJTk+fPiU8f//vwoGBsav//8zNNnYWC4JCwv7C5KHKwRxQACogevduw85QGYZUPotExNTg4AA70oMhWDVQKKgoEHg//8PO4AmmwMVF2IoBJrIAnRCDNAJVUAThf///z+Bg4NtAlwhUAHbu3cfExgZ/1cCTeFmZGTqZWdnmdbV1fUZZAtYYWFhocvfv//nMzIyMgNxj4AA3wygxm8wZ4BocDAAJUE+axUUBIfjD2QFMDYAZRJW7jxssOsAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain
}

.recommend .list .list-content {
	overflow: hidden
}

.recommend .list .list-content .card {
	padding: 0 5px;
	margin-bottom: 30px
}

 .el-icon-loading,
 .el-loading-text {
	color: #ff9903
}

.cards {
	margin-top: 18px
}

.cards .cards-item {
	padding: 0 10px 30px
}

.rightRitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rightRitle li {
	font-family: PingFangSC-Regular;
	margin-right: 10px
}

.rightRitle .showText {
	font-size: 22px;
	margin-right: 22px;
	color: #fff
}

.rightRitle .hot,
.rightRitle .new {
	font-size: 14px;
	color: #6e6e70;
	cursor: pointer
}

.rightRitle .active {
	padding: 5px 10px;
	text-align: center;
	line-height: 18px;
	background: #46474b;
	border-radius: 30px;
	color: #fff
}

.activeClass {
	color: #ff9903
}

 .el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #ff9903;
	color: #fff
}

 .el-pagination.is-background .el-pager li:not(.disabled):hover {
	color: #f8b945
}

 .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
	background-color: #f8b945;
	color: #fff
}

@media screen and (max-width:319px) {
	.el-col-5 {
		width: 100%;
		float: left
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.el-col-5 {
		width: 50%;
		float: left
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.el-col-5 {
		width: 33.3%;
		float: left
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.el-col-5 {
		width: 25%;
		float: left
	}
}

@media screen and (min-width:1200px) and (max-width:1919px) {
	.el-col-5 {
		width: 20%;
		float: left
	}
}

@media screen and (min-width:1920px) {
	.el-col-5 {
		width: 20%;
		float: left
	}
}

.home {
	min-height: 400px
}

.home .el-icon-loading,
.home .el-loading-text {
	color: #ff9903
}