.hs-top-bar{position:fixed;z-index:550;color:#000;top:30px}.hs-top-bar .immerse-theme{color:#fff}.hs-top-bar .hs-top-bar__wrapper{display:flex;align-items:center;justify-content:space-between;width:100vw;height:48px;padding:0 6.6666666667vw}.hs-top-bar .hs-top-bar__wrapper .title-wrapper i{float:left;height:5.5555555556vw;font-size:6.6666666667vw}.hs-top-bar .hs-top-bar__wrapper .title-wrapper h1{float:left;height:5.5555555556vw;line-height:5.5555555556vw;font-family:PingFangSC-Medium,HarmonyOS,HarmonyOSHans,HarmonyOSHant,HwChinese-medium,HarmonyHeiTi-Medium,HwHant-Medium,Roboto,sans-serif;font-size:5.5555555556vw;margin-left:4.4444444444vw}.hs-top-bar .hs-top-bar__wrapper .operation-wrapper{display:flex;align-items:center}.hs-top-bar .hs-top-bar__wrapper .operation-wrapper i{margin-left:5.5555555556vw;height:5.5555555556vw;font-size:6.6666666667vw}@media screen and (min-width:600px){.hs-top-bar .hs-top-bar__wrapper{height:72px;padding:0 24px}.hs-top-bar .hs-top-bar__wrapper .title-wrapper i{height:20px;font-size:24px}.hs-top-bar .hs-top-bar__wrapper .title-wrapper h1{height:20px;line-height:20px;font-size:20px;margin-left:20px}.hs-top-bar .hs-top-bar__wrapper .operation-wrapper i{margin-left:20px;height:20px;font-size:24px}}.hs-top-bar.dark-background{background-color:#1d1d1d}.hs-top-bar.dark-font{color:hsla(0,0%,100%,.86)}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}a{text-decoration:none}a:hover{text-decoration:underline}img{border:none}li,ol,ul{list-style:none}@font-face{font-family:HarmonyHeiTi-Medium;src:url(h5proresource://fonts/HarmonyHeiTi-Medium.ttf)}@font-face{font-family:HwChinese-medium;src:url(h5proresource://fonts/HwChinese-medium.ttf)}@font-face{font-family:HwHant-Medium;src:url(h5proresource://fonts/HwHant-Medium.ttf)}@font-face{font-family:HarmonyOS;src:url(h5proresource://fonts/HarmonyOS.ttf)}@font-face{font-family:HarmonyOSHans;src:url(h5proresource://fonts/HarmonyOSHans.ttf)}@font-face{font-family:HarmonyOSHant;src:url(h5proresource://fonts/HarmonyOSHant.ttf)}#app{text-align:center}#app,body{height:100%}body{font-family:PingFangSC-Regular,HarmonyOS,HarmonyOSHans,HarmonyOSHant,HarmonyHeiTi,HwChinese-Regular,Roboto,sans-serif;font-size:3.8888888889vw}.hs-series,body{position:relative}.hs-series{overflow:hidden;height:100vh;width:100vw;box-sizing:border-box;padding-top:92px;background-size:cover}.hs-series .head__container{height:calc(33vh - 92px);padding:0 12px;margin-bottom:30px;display:flex;flex-direction:column-reverse}.hs-series .head__container .series-title{padding-left:12px;color:#fff}.hs-series .head__container .series-title h1{font-size:18px;text-align:left;margin-bottom:4px;font-family:PingFangSC-Medium,HarmonyOS,HarmonyOSHans,HarmonyOSHant,HwChinese-medium,HarmonyHeiTi-Medium,HwHant-Medium,Roboto,sans-serif}.hs-series .head__container .series-title .series-info{display:flex;align-items:center}.hs-series .head__container .series-title .series-info li{font-size:12px;position:relative;padding-left:16px}.hs-series .head__container .series-title .series-info>li:before{content:"";display:inline-block;position:relative;width:1px;height:10px;background-color:#fff;left:-6px;top:0}.hs-series .head__container .series-title .series-info li:first-child{padding-left:0}.hs-series .head__container .series-title .series-info li:first-child:before{display:none}.hs-series .head__container .series-title .series-info>li:nth-child(2),.hs-series .head__container .series-title .series-info>li:nth-child(3){line-height:1}.hs-series .head__container .series-title .series-info .hs-play-counts .play-counts__container .play-counts{margin-left:0;font-size:12px;transform:none}.hs-series .head__container .series-title .series-info .hs-play-counts .play-counts__container .earphone{margin-right:4px}.hs-series .courses-wrapper{border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden;background-color:#fff}.hs-series .courses__container{height:calc(67vh - 30px);overflow:scroll}.hs-series .courses__container .audio-list{overflow:hidden;padding:0 20px}.hs-series .courses__container .audio-list li{display:flex;justify-content:center;align-items:center}.hs-series .courses__container .audio-list li .audio-img{width:58px;height:48px;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}.hs-series .courses__container .audio-list li .audio-img img{width:44px;height:44px}.hs-series .courses__container .audio-list li .introduction-play{width:100%;padding:18px 0;box-sizing:border-box;margin-left:20px;position:relative}.hs-series .courses__container .audio-list li .introduction-play .introduction__container{display:flex;align-items:center;position:relative}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .introduction{height:48px;padding:2px 0;box-sizing:border-box;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .introduction .audio-name{width:50vw;font-size:16px;line-height:1.4;display:inline-block;font-family:PingFangSC-Medium,HarmonyOS,HarmonyOSHans,HarmonyOSHant,HwChinese-medium,HarmonyHeiTi-Medium,HwHant-Medium,Roboto,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .introduction .other-info{font-size:14px;color:rgba(0,0,0,.4);line-height:1}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .introduction .other-info .space-line{position:relative;padding-right:13px}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .introduction .other-info .space-line:before{content:"";display:inline-block;width:1px;height:12px;background-color:#ebe6e6;position:absolute;right:8px;bottom:3px}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .play__img{position:absolute;right:0;top:50%;transform:translateY(-50%)}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .play__img .play-img__container{width:36px;height:36px;display:flex;justify-content:center;align-items:center}.hs-series .courses__container .audio-list li .introduction-play .introduction__container .play__img .play-img__container img{width:36px;height:36px}.hs-series .courses__container .audio-list li .introduction-play:after{content:"";width:100%;height:1px;background-color:#f5f5f5;display:#000;position:absolute;bottom:0;right:0}.hs-series .courses__container::-webkit-scrollbar{width:0}@media screen and (min-width:640px){.hs-series{display:flex;flex-direction:column;justify-content:center;align-items:center}.hs-series .head__container{width:480px;padding:0}.hs-series .head__container .series-title{padding-left:0}.hs-series .head__container .series-title .series-info .space-one{margin-left:8px}.hs-series .head__container .series-title .series-info .hs-play-counts .play-counts__container .play-counts{transform:scale(1)}.hs-series .courses-wrapper{width:480px}.hs-series .courses-wrapper .courses__container .audio-list li .introduction-play .introduction__container{align-items:center}.hs-series .courses-wrapper .courses__container .audio-list li .introduction-play .introduction__container .introduction .audio-name{width:300px}}.hs-series.dark-background .courses-wrapper,.hs-series.dark-background .courses-wrapper .courses__container .audio-list{background-color:#1d1d1d}.hs-series.dark-background .courses-wrapper .courses__container .audio-list li .introduction-play .introduction__container .introduction .other-info .space-line:before{background-color:hsla(0,0%,100%,.4)}.hs-series.dark-background .hs-top-bar .hs-top-bar__wrapper{background-color:transparent}.hs-series.dark-font .courses-wrapper .courses__container .audio-list li .introduction-play .introduction__container .introduction .audio-name{color:hsla(0,0%,100%,.9)}.hs-series.dark-font .courses-wrapper .courses__container .audio-list li .introduction-play .introduction__container .introduction .other-info{color:hsla(0,0%,100%,.4)}.hs-series.dark-font .courses-wrapper .courses__container .audio-list li .introduction-play:after{background-color:hsla(0,0%,100%,.2)}