.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}

/* playpage */
.layui-text .content_playlist a:not(.layui-btn) {text-decoration:none;color: #ffffff;}
.layui-text .content_playlist li.active a {text-decoration:none;color: #ff5f00;background: none;border: 1px solid #bb2424;}
.layui-text .content_playlist li{list-style: none;float:left; width:16.6666667%;; padding-bottom: 0.25rem; padding-right: 0.25rem;}
.content_playlist li a{display: inline-block;height: 38px;line-height: 38px;padding: 0 18px;background-color: #1890ff;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
.content_playlist li.active a {cursor: default;color: #ff5f00;background: none;border: 1px solid #ff5f00;}
.play_source_tab{border-bottom: 1px solid #f1f1f1;}
.play_source_tab a{text-decoration:none;position: relative;display: block;overflow: hidden;float: left;padding: 10px;font-size:16px;}
.play_source_tab a.active{color: #ff5f00;}
.play_source_tab a.active:after{content: " ";position: absolute;left: 50%;bottom: 0;width: 100%;height: 2px;background: #ff5f00;border-radius: 2px;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);}
.play_list_box{margin: 0.55rem 0 0.325rem;}
.player_infotip{font-size: 12px;color: #888;padding: 0 0.25rem;margin-bottom: 0.5rem;}

.hide{display: none!important;}
.show{display: block!important;}

/* tabs */
.play_list_box {display: none;-webkit-animation-name: content;animation-name: content;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;line-height: 1.4;}
@-webkit-keyframes content {
  from {opacity: 0;-webkit-transform: translateY(5%);transform: translateY(5%);}
  to {opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@keyframes content {
  from {opacity: 0;-webkit-transform: translateY(5%);transform: translateY(5%);}
  to {opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}
}

@media (max-width:820px){
	.list_scroll{white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.list_scroll .vodlist_item,.list_scroll .zbvodlist_item{display: inline-block;float: none;width: 30%;padding: 0.125rem 0.05rem;}
	.list_scroll.vodlist_sh .vodlist_item,.list_scroll.vodlist_sh .zbvodlist_item{width: 40%;}
	.play_source_tab a{float: none;display: inline-block;overflow: unset;padding: 0.25rem 0;margin: 0 0.25rem;}
	.play_source_tab{padding: 0 0.125rem;}
	.play_list_box .content_playlist li:last-child,.plot_stem .content_playlist li:last-child,.play_source_tab a:last-child{margin-right: 0.325rem;}
}