@font-face{font-family:HarmonyOS_Sans;font-style:normal;font-display:swap;src:url(../fonts/HarmonyOS_Sans.subset.woff2) format('woff2')}
.playlist-box h2,.playlist-box ul li,.playli a,.right{font-family: HarmonyOS_Sans;}
.gap {margin-bottom: var(--theme-gap);}
.playlist-box {width: 100%;}
.layout-box {padding:15px 0;background-color: var(--bg-color-2);border-radius: 4px;box-shadow: var(--theme-shadow);background:#FFFFFF}
.playlist-box .playlist-tab-box {border-bottom: 1px solid #bbb;height: 35px;position: relative;}
.playlist-box .playlist-tab-box h2 {display: block;float:left;font-size:20px;width:100px;font-weight: 600;padding-left: 15px;}
.playlist-box .playlist-tab-box .playlist-tab {float: left;overflow: hidden;width: calc(100% - 200px);margin-left:20px;overflow-x: auto;}
.swiper-pointer-events {touch-action: pan-y;}
.swiper-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto;}
.swiper-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.playlist-box .playlist-tab-box ul li.active {color: #ff4081;font-weight: bold;}
.playlist-box .playlist-tab-box ul li {display: inline-block;margin-right: 15px;position: relative;cursor: pointer;width: auto;line-height: 35px;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.playlist-box .playlist-tab-box ul li.active em {position: absolute;bottom: 0;left: 5%;height: 2px;background: #ff4081;width: 90%;}
.playlist-box .playlist-tab-box .right {float: right;width: 45px;text-align: right;cursor: pointer;line-height: 35px;}
.playlist-box .playlist-tab-box .right span {display: inline-block;margin-right: 2px;}
.playlist-box .playlist-tab-box .right span img{    margin-bottom: 10px;}
.playlist-box .playlist-tab-box .right {float: right;width: 55px;text-align: right;cursor: pointer;line-height: 35px;}
.playlist-box .episode-box {position:relative;max-height: 300px;padding-top: 5px;overflow-x: hidden;overflow-y: auto;}
.playlist-box .episode-box li {margin-top: 10px;position: relative;}
.playli{float: left; width:20%;padding: 0 5px;}
.playli .active,.playli a:hover{background-color:#6bd4e4!important;}
.playlist-box .episode-box li a {display: block;text-align: center;border-radius: 4px;font-size: 12px;line-height: 2.8;background-color:#f1f1f1;background-image:none;color:#444444;}
.ewave-playlist-item a {line-height: 2.4;text-align: center;border-radius: 3px;background-image: linear-gradient(to right, #eeeeee 0, #f0f0f0 100%);}
.text-overflow {white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.zhengxu{transform: rotate(180deg);}
.right:hover{color:#ff4081}

@media (max-width: 768px){
.playlist-box .playlist-tab-box h2 {font-size: 18px;width:80px;padding-top: 5px;}
.playlist-box .playlist-tab-box .playlist-tab {width: calc(100% - 140px)}
.playli{width:25%;}
}