.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;
	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
}

.comment {
	margin: 30px 0 50px
}

.comment .operations .el-textarea__inner {
	resize: none;
	background-color: #1b1b1b;
	border: 1px solid #363636
}

.comment .operations .el-input__count {
	background: #1b1b1b
}

.comment .operations .submitBtn {
	float: right;
	margin-top: 16px;
	color: #000
}

.comment .main .title {
	font-family: PingFangSC-Medium;
	font-size: 18px;
	color: #fff;
	position: relative;
	padding-left: 10px;
	margin: 20px 0
}

.comment .main .title:before {
	content: "";
	width: 4px;
	height: 90%;
	background-color: #ff9903;
	border-radius: 3px;
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 5%
}

.comment .main .card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px
}

.comment .main .card .avatar {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background: #c0c4cc;
	font-size: 14px
}

.comment .main .card .content {
	margin-left: 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.comment .main .card .content li {
	line-height: 1.7;
	font-family: PingFangSC-Regular
}

.comment .main .card .content li:first-child {
	line-height: 28px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #999
}

.comment .main .card .content li:nth-child(2) {
	font-size: 12px;
	color: #333
}

.comment .main .card .content li:nth-child(3) {
	font-size: 16px;
	color: #fff
}

.comment .main .card .content li:nth-child(4) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.comment .main .card .content li:nth-child(4) .yes {
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAAEAAAAACz87qxAAABaElEQVQ4Ea1SPUsDQRCd2TvMxZQWCsE/YGFjLVaioIUopwhiY5RAfoOQFP4CC/GjsDAqxtSiop1/QLBSK0uxEXI5DJfnbMLB3kciSKbZN+/NPHZnh2gAwXEPuFeWh7sbESaYceTQ3B7XVoN4nZnbZqKxbz2OUwuzEAxQpcm3owJLWusVKi6oVpCLcOAdbJZGIlwsSdwkIEyaNSDYTc8/8FYK75qHvFGB3hyVP+Na+UdzHZOmuz1DoPXs9XERTPOCIyHPcqW9y0nSFuThY1mORU2qhluYAtoPIm1ogtE11rhvgBY8t5jXNUqmtyTmVt+GNJHpM5sb++qYMKnoINMa0rldPi37WkoMNr0+ysoOIZsZvgjZxBeHQr9TRvzC1f3vsOZfJsRcDw30acuvNEziL8xMgRqyqmadssE1ETpLYwq9MBNXnPPDV1O3M/WTZ8/dmpYNWtOCbOST7EoiwPDlJ+9lIS8T4iCIX9h6bnna8F9OAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.comment .main .card .content li:nth-child(4) .no {
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABn0lEQVQ4Ea2Sv0sCYRjHvVMupIauIcIoguaEiMAph2wQgoJAaIhoSE7BraEpjqL+AYfstsCgpaU1aWgLmhoicGkIDQ36NajVaZ/HukUvQeqB977P87zf7/M8772vx/NHU1r1pmn6CoXCqaIowUajcRCJRPZisZjdynNi1XEcLJVKY/hRxNfgdi6XSzt7bthWgM49QlRVdRfYYBnxeHxUcm7WdgTDMFbq9foh5GG/31+vVCoP+MesO5aHBg0gz4RZy7I+fJJMJBJh27bXcAcQT4IXbBZlj+77iKK4IYkRSlOZaIk1ryCeQnxJkIf4DCHE+LOZTOacnKsx5TqNLCYcUnEWYT0FAoEJhJui8Hq9967KnyRNZnDLuq6/qAS9BI9c32cnkbOXTCZH0CwzLRKz2nYLDvE3ZOI5xIqmaVnhdF2A7mF0N+l0+rXrAqlUqocCCwxwImIxleANHOQ8WjPT4VOr1eQn91HkyKHJNQa5xisSRYqV2RznNm7Bd4ckSNwPBFlbvJEdyYk1XyJ/dpoiq5D077Trt0rhM96HvMr/sy/s1qU0jzP7ewAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.comment .main .card .content li:nth-child(4) span:nth-child(2) {
	margin-left: 6px;
	font-size: 16px;
	color: #666
}

.comment .main .card .content li:nth-child(4) .redColor {
	color: #f55363
}

.comment .main .more-comment {
	width: 100%;
	text-align: center;
	background: #1b1b1b;
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #ff9903;
	padding: 16px
}

.comment .main .more-comment:hover {
	background-color: hsla(0, 0%, 100%, .2)
}

.play-title {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #fff;
	height: 32px;
	line-height: 32px
}

.scrollBar {
	overflow-y: scroll;
	height: 600px;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}

.scrollBar li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px
}

.scrollBar li,
.scrollBar li .el-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.scrollBar li .el-image {
	width: 142px;
	min-width: 142px;
	max-width: 142px;
	height: 89px;
	border-radius: 4px;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.scrollBar li .el-image img {
	max-width: 142px;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill
}

.scrollBar li .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
}

.scrollBar li .desc {
	padding-left: 14px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.scrollBar li .desc .name {
	line-height: 1.4;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

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

.scrollBar li .desc .desc-tabs {
	margin-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px
}

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

.scrollBar li .desc .desc-tabs .read {
	margin-right: 13px
}

.scrollBar li .desc .desc-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
}

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

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

.scrollBar li .desc .desc-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
}

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

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

.scrollBar li .desc .desc-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
}

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

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

.scrollBar li .desc .desc-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
}

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

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

.scrollBar li .desc .desc-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
}

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

.scrollBar li:hover .name {
	color: #ff9903
}

.scrollBar::-webkit-scrollbar {
	display: none
}

.load-more {
	width: 100%;
	text-align: center;
	background: #1b1b1b;
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #ff9903;
	padding: 16px;
	margin-top: 5px
}

.load-more:hover {
	background-color: hsla(0, 0%, 100%, .2)
}

.playBeforeTip {
	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-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.playBeforeTip .vipPermission-info {
	margin: 30px;
	font-size: 16px;
	padding: 5px;
	line-height: 2;
	border-radius: 4px;
	background: rgba(0, 0, 0, .7)
}

.playBeforeTip .vipPermission-btn {
	margin-top: 10px
}

.vipPermissionBox {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100
}

.playBeforeAds .jumpTime {
	position: absolute;
	height: 30px;
	padding: 5px 10px;
	line-height: 30px;
	background: rgba(0, 0, 0, .7);
	bottom: 50px;
	left: 0;
	font-size: 14px;
	color: #fff
}

.tips .tips-center {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 17px 0 24px
}

.tips .tips-center,
.tips .tips-center .tips-center-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tips .tips-center .tips-center-left .avatar {
	width: 36px;
	height: 36px;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	background: #c0c4cc;
	display: inline-block;
	font-size: 14px;
	border-radius: 50%
}

.tips .tips-center .tips-center-left ul {
	margin-left: 10px
}

.tips .tips-center .tips-center-left ul li:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tips .tips-center .tips-center-left ul li:first-child .person {
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #fff
}

.tips .tips-center .tips-center-left ul li:first-child .official {
	width: 16px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAB2UlEQVQ4Ea1TMUhbURQ97ydGQghNtKI0JGitqARah9LJSSSYwS5tnR1KpdTJQkd3l9LBIIqDc91clE9QR9HJQGgCQoKQgkXRam0kNXm99/28//M/LoIXHvede+65//737hPwmFwJJCEb7ymcAmTCosUxeRPCWBUfavlWidBAfk8GcF74SvgjLUPHPb5BeAnRoTkxla8xpwoo8UVxE1KOeQR3QyG2ERlMcxHrS/xlj7h4FsSXbK9avHcZ51rdQlj/XM9RgrFfCWOj2Ikfp0FUrgIuTSxcw/DjKl4PnuFV7Iq5BoTvub95YKqT3K8QsqVHLqEGXJBXX6SqCxisZSGdttu6Q/+w/q6Al0/+INn1F+tvC0g/O3cnWSjld67K4U+u2xBqq2M0folJavnbXgybR1Enwd7JBBVwzBDSAbR7M3yK+d0EdsoROy6sY7cxQTUkKtAfvbGJ6q2BObPPJWayNYe1XM/UqtH4b4z0XCv42XyKg59hTSnPHOe0mGnweFKAJww+KrcwXsJARxXli/aWPKgYc5zTNLpGGm0Gctm3SO5Tk8BtQ2DtsBtbzYOboBuYfnECv+E6o4yYqc8+zCirh0GzTR1kaKnf0d14PHMZ/Q6Ys1+jTrzvc/4P+ryuJTf4TjMAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	display: inline-block;
	margin-left: 7.5px
}

.tips .tips-center .tips-center-left ul li:nth-child(2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 5px
}

.tips .tips-center .tips-center-left ul li:nth-child(2) span {
	font-family: PingFangTC-Regular;
	font-size: 14px;
	color: #7d7d80
}

.tips .tips-center .tips-center-left ul li:nth-child(2) .el-divider--vertical {
	height: .6em
}

.tips .tips-center .tips-center-left ul li:nth-child(2) .el-divider {
	background-color: #7d7d80
}

.tips .tips-center .tips-center-right {
	height: 28px;
	line-height: 28px;
	padding: 0 13px;
	border: 1px solid #ff9903;
	border-radius: 14px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #ff9903;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	outline: 0
}

.tips .tips-center .tips-center-right:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.tips .tips-title {
	font-family: PingFangSC-Regular;
	font-size: 26px;
	color: #fff
}

.tips .category {
	margin-top: 15px;
	font-family: PingFangTC-Regular;
	font-size: 16px;
	color: #7d7d80
}

.tips .category a {
	font-size: 17px;
	margin-right: 15px;
	color: #ff9903;
	cursor: pointer
}


.tips .tips-tag{
	font-family: PingFangTC-Regular;
	font-size: 14px;
	color: #7d7d80;
	line-height: 14px;
	margin-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.tips .tips-tag span a{
	color: #7d7d80;
}

.tips .tips-tag span:nth-child(5) {
	margin-right: 5px
}

.tips .tips-tag span:last-child {
	width: 15.6px;
	height: 7.8px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAA00lEQVQ4EWNgGN4gIyPDMD09PQifL5lxSQI1WgLl9vz//z/W2Nj46dmzZ89hU4vVgLS0NBug4h1AzAfEjEDsa2Ji8ghoyAUgGwVgGJCZmWkPtHU7UBUPkkpGIPA1NTW9f+bMmUtI4gwoBgD97PTv37+tQAXcyIqgbEagwX5Al9wGuuQKTB5uANDPrkDBzUDMBZPEQjMBxQKAYXIdaMg1kDzYAKBmD6DpG4F8TpAgAcAE9E4g0CVXgYZcB5kIAhOAmAPMIoIAWsYCxH1EKB1VQkwIAADCo0R3oIr00wAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain;
	display: inline-block;
	cursor: pointer
}

.tips .tips-tag .el-divider--vertical {
	height: .8em;
	margin: 0 15px
}

.tips .tips-tag .el-divider {
	background-color: #7d7d80
}

.tips .tips-desc {
	margin-top: 15px;
	font-family: PingFangTC-Regular;
	font-size: 16px;
	color: #7d7d80;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.tips .moreLine {
	-webkit-line-clamp: 8
}

.tips .oneLine {
	-webkit-line-clamp: 1
}

.tips .isRotate {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.tips .tips-download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px 0
}

.tips .tips-download .tips-download-left {
	background: #1b1b1b;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #a2a2a3
}

.tips .tips-download .tips-download-right {
	background: #0f0f0f;
	border: 1px solid #ff9903;
	padding: 0 15px;
	margin-left: 15px;
	height: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.tips .tips-download .tips-download-right:hover {
	background-color: hsla(0, 0%, 100%, .1)
}

.tips .tips-download .tips-download-right .download-icon {
	width: 22px;
	height: 22px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAABkklEQVQ4Ee2STUsCURSG3+OMOtJCadMiKnDfP2jRh0Ef1EaIQCgKbd+un+BfGBXbtGlR7SJo0yLaF2gQBC0Cw6hFCYU6czqjDOh1/NpWA5d7Pt73ucw9F/j/hr0BNjWTM9r6oD7foELRJcFYG1Q/DHhQZkP3C8CcM6ZkUHk2Q5P9/l2GGWdTv+HDSETVdl4F22EQEqDqlXOIanBzzgQ2JT6WNQpEvt26u3eAKVW9k2Zc1jismidcoAnAOgLoAYHgLO08dYDJPUHd5TpWpXYiq4SAfw7V2qPEecB3Ddh5EN3DMOZpq1JWvU7eFew0OautwMapqF7kDU9ISaCYEVsBfmOBdiuvjs7r6wl2DDKgZYGeCTzQBNAtgqEYbX++eQHdWhuYM3raadBe/cAVODvn9CVYfC5hCdrINCU/3tv6Hj69VSBxTMkbKSXrF5yV5xeOlmmjUPXQdPhUsIenWaLU1zNQ6NpXGyq4BOZFuZKiKuyZM0fllVy2atrBPm0ftpWWYY21ivrGREX4NJlLva/0Dwp+AAIVcQNpUIIQAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.tips .tips-download .tips-download-right .download-text {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #ff9903;
	white-space: nowrap
}

 .dplayer-video-wrap .dplayer-logo {
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 30px;
	top: auto;
	max-width: 150px;
	max-height: 50px
}

 .dplayer-video-wrap .dplayer-logo img {
	max-width: 100%;
	max-height: 100%;
	background: none
}

.detail {
	min-height: 400px
}

.detail .box {
	margin: 16px 0 12px
}

.detail .box #dplayer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.detail .box .box-content {
	position: relative;
	width: 100%;
	padding-bottom: 56.0897437%;
	height: 0
}

.detail .box .operation {
	height: 56px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0
}

.detail .box .operation div {
	margin-right: 34px;
	cursor: pointer
}

.detail .box .operation div .collection-icon1 {
	width: 22px;
	height: 22px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAACaUlEQVRIDe1UzWsTQRSf2W02ORS6Fa0VBaWI9KbgR/V/aBA9BLLdKYJRCSL4cRGEguCtpwo9WKyH/QJTEO/epQcPPSj1oseCh9hUUNaU7Ph7bibZ3SY0wYOXPph989689/u9NzM7jB3I/94B3q8Az/NOSMmrUspL7ZhNTWOvDcP4Eoa7Fc7lWfiPScm+cq65QljvemH1JAC4FUVyGQkmY/w7wHYAdBK2hrGLkeOcb4Mca3wKGoqtmKb5oFgs/sJ6RyghJW1wHxlbmsavCDF3WAgxVSjkJ+FbBOEbXddmhLAPzc+L05hPwPcKBdxuNBqrKTAYqQ5qtdrxMPz9kcBNc+xitppsctJ2HO85Y/Ie5/o1bNdbtZbqIAybVSyYqKoyDDiBjY+PPYaqS9l6RLaSFAGcM6h+u1wur6uAQTUVhHN4j/zzyZwsgd4+OJkMGnSOs25QLB26ykkRoIJNVHAqCIKjKmAYjdt2BOCfgNEpMEUA7jUE6FEUVYYBVrH5fL6Sy41cVzbpTitkUGuu66+jk2kc9BnLsr6Rfz9xXfclxeA67yks1QG1hr/1IYhGW63IIcL9wON1fg61YuyVngC408/QzxMQvrDtuWpyT5MQceV/gafb/s/I20h2kupAJePvXcA2UQd3PC9YGbwThdDVPTugZYBqvu+v4k26gfbXCgXjVqlU2ummdmeu630gC8/Hha43no1kHcrGtkQguQmSnyC5i7/8suP4CyCrM9Z6ivUtAM7G8XJD5WV13w6SgSC5CpIlENKLSlLHQ3jftm0vNvt/ByKgdDyERrPZLGE6ihEA/Af5D+Sfd+APXgPmtJEDwlUAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.detail .box .operation div .collection-icon2 {
	width: 22px;
	height: 22px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njg4OUM3QTQ3QjkwMTFFQzhDOUJFNkI3MDkyNkRBNDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njg4OUM3QTM3QjkwMTFFQzhDOUJFNkI3MDkyNkRBNDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkM3OUU5NkU3Qjg3MTFFQ0JEOEU4MDk1RERBNjk5N0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkM3OUU5NkY3Qjg3MTFFQ0JEOEU4MDk1RERBNjk5N0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7aL/cVAAACS0lEQVR42uxVTWvUQBjOJJPMzm73wy3U1daP2tYKoniotIp4FfTixYsIBf0B/hYpHnrQgz14Kz168KSg9Sr4rUWriClW3HWzO8lMZpw3cTV22zS70IPgwPDOhMz7vB/PPIOUUsZODtPY4fHvA+DkpnVj8Pe6TkZnC9yds5Q/AHuJbMas6lJo0UXK3XksWRkZ0pQGFgzvup/n7vmkr/z19ciiZJM7AAwPPs2J9WPbx4f0jM9Lk/he7tDxYuvF6yRAV4n+OEeGZw/fsfeftcFTIzd+ITSpp5AtPGf4duxdoToZOydNJzClTwbab591hZDMwJ0/eaXIVhbg7I/8kclONFlGaOZalmS0bQ8tU752atMMaPDlJljP2bvQi/OovLnRE5EP8XV6SxbphhbBVmpjV3tlCwSkkCUNJVEKTVVUWr76QPRDSWVYIVjdN7wpgG6gD7/pxl3sBwAZobUxwL8ANM/vgS0I91Y/AE1yYLZBDl7b8qKV90xc4qsux2GzClmU/XdLWRxrmvpRH9gKSZUKSM2za3dhXQreLyZrmao3kjswM2lRgX++LMx8A6kQ+Z+eNNNA4siRiskREUR1skkVOzoytVsih8Pt1CBe1kwyq6kuFSP7Zko6GgBxgo+PWJ1OTHeXJiDAvViTIl1C8bcMch2BjMyUtAQwpIRVbr9Z9nH1VRsPPYwUBsWcj0tlBzB7fg8A5Je+PIY9Ed8OU7F2BurtW5WXyUw2Rt7Tg6PF63SdTta00j4PcOXDdzI+pRX3aKbL9//R3278FGAAGNICdwkgXnoAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.detail .box .operation div .download-icon {
	width: 22px;
	height: 22px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAABkklEQVQ4Ee2STUsCURSG3+OMOtJCadMiKnDfP2jRh0Ef1EaIQCgKbd+un+BfGBXbtGlR7SJo0yLaF2gQBC0Cw6hFCYU6czqjDOh1/NpWA5d7Pt73ucw9F/j/hr0BNjWTM9r6oD7foELRJcFYG1Q/DHhQZkP3C8CcM6ZkUHk2Q5P9/l2GGWdTv+HDSETVdl4F22EQEqDqlXOIanBzzgQ2JT6WNQpEvt26u3eAKVW9k2Zc1jismidcoAnAOgLoAYHgLO08dYDJPUHd5TpWpXYiq4SAfw7V2qPEecB3Ddh5EN3DMOZpq1JWvU7eFew0OautwMapqF7kDU9ISaCYEVsBfmOBdiuvjs7r6wl2DDKgZYGeCTzQBNAtgqEYbX++eQHdWhuYM3raadBe/cAVODvn9CVYfC5hCdrINCU/3tv6Hj69VSBxTMkbKSXrF5yV5xeOlmmjUPXQdPhUsIenWaLU1zNQ6NpXGyq4BOZFuZKiKuyZM0fllVy2atrBPm0ftpWWYY21ivrGREX4NJlLva/0Dwp+AAIVcQNpUIIQAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain;
	display: inline-block
}

.detail .box .operation div:nth-child(3) {
	font-family: PingFangSC-Medium;
	font-size: 14px;
	color: #a2a2a3
}

.detail .box .operation .btnClass {
	padding: 0 11px;
	height: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	line-height: 32px;
	background: #1b1b1b;
	border-radius: 16px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #aaaaad
}

.detail .box .operation .isCollection {
	color: #ff9903
}

.detail .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
}

.detail .box .box-right {
	padding-left: 15px
}

.detail .list {
	padding: 30px 0 10px
}

.detail .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
}

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

.detail .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
}

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

.detail .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
}

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

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

.detail .line {
	margin-right: 34px;
	cursor: pointer
}

.detail .play-dialog {
	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;
	padding: 0 10px;
	text-align: center
}

.detail .play-dialog .banner {
	width: 200px;
	height: 200px;
	background: url(../../static/img/vipPopup-recharge.8d029d11.png) no-repeat 50%;
	background-size: contain
}

.detail .play-dialog .el-button.is-round {
	padding: 12px 83px;
	margin-top: 30px
}

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

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

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

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

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

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

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

.el-video-content{
	transform: rotate(0deg);
}

.el-video-content.active{
	transform: rotate(180deg);
}