.copyright-safe{position:absolute;opacity:0;height:0;width:0;overflow:hidden;z-index:-100}.course-header{position:relative}.course-header .course-text{padding:1rem .5rem .4rem 6.9rem;background-color:rgba(85,76,185,0.1);box-sizing:border-box}.course-header .course-text .name{font-size:1rem;color:#333333;line-height:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-header .course-text .course-desc{margin-top:.4rem;font-size:.65rem;line-height:1.15rem;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-header .course-class{padding-left:6.9rem;margin-top:.4rem;font-size:.6rem;color:#999;line-height:.85rem}.course-header .course-class .pdl{padding-left:1rem}.course-header .cover{position:absolute;left:1rem;top:1rem;width:5.4rem;height:4.6rem;box-shadow:0 2px 4px 0 #C8C8C8}.course-header .cover img{width:100%;height:100%;border-radius:3px}.tabs{display:-webkit-flex;display:flex;margin-top:.5rem;height:2.25rem;background-color:#fff;border-bottom:1px solid #f2f2f2}.tabs .tab{-webkit-flex:1;flex:1;font-size:.75rem;color:#999999;line-height:2.25rem;text-align:center}.tabs .tab.active{position:relative;color:#641A83;font-family:PingFangSC-Medium;font-weight:bold}.tabs .tab.active:before{content:" ";position:absolute;left:50%;bottom:0;width:1.5rem;height:.1rem;background-color:#FDCC58;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.course-content{display:none;padding:1rem 1rem 2rem;font-size:.65rem;color:#666666;background-color:#fff}.course-content h2,.course-content h3,.course-content h4,.course-content h5,.course-content h6{font-weight:bold}.course-content strong{font-weight:bold}.course-content img{display:block;max-width:100%}.course-content.active{display:block}.catalogue{padding:0 .5rem 2rem;display:none;background-color:#fff;overflow:hidden}.catalogue.active{display:block}.catalogue .deputyChapter{margin-top:.75rem;margin-bottom:.4rem;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:.7rem;line-height:1.05rem;color:#333;font-family:PingFangSC-Medium;font-weight:bold}.catalogue .type-title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 .5rem;margin:.4rem 0 1px;height:2rem;font-size:.7rem;color:#333333;line-height:.9rem;font-family:PingFangSC-Medium;font-weight:bold;background-color:#F3F3F3}.catalogue .ul{background-color:#f2f2f2;border-radius:2px}.catalogue .ul.mt{margin-top:.4rem}.catalogue .ul.course-ul .li .info .name{font-size:.7rem;color:#333333;line-height:1rem;font-family:PingFangSC-Medium;font-weight:bold}.catalogue .ul .li{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:.5rem}.catalogue .ul .li .tag{position:absolute;top:0;right:.5rem;background-color:rgba(100,26,131,0.5);border-radius:0 0 2px 2px;width:1.9rem;height:.65rem}.catalogue .ul .li .tag.learn-end{background-color:#c8c8c8}.catalogue .ul .li .tag .text{position:absolute;left:0;top:0;width:200%;height:200%;font-size:.8rem;line-height:1.3rem;color:#fff;text-align:center;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transform:scale(0.5);-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}.catalogue .ul .li.playing .info .name{color:#641A83}.catalogue .ul .li:after{content:" ";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#fff}.catalogue .ul .li:last-child:after{height:0}.catalogue .ul .li .info{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.catalogue .ul .li .info .name{font-size:.7rem;line-height:1rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogue .ul .li .info .time{margin-top:.2rem;font-size:.55rem;color:#999999;line-height:.8rem}.catalogue .ul .li .audition-btn{width:1.6rem;height:.8rem;font-size:.55rem;color:#641A83;text-align:center;line-height:.8rem;border:1px solid #641A83;border-radius:2px}.page-bottom-text{padding:1rem 1rem;font-size:.6rem;line-height:.85rem;color:#C8C8C8;text-align:center;background-color:#fff}html{background-color:#fff}.copyright-safe{background-color:#fff}.header{position:relative;height:7rem;background-position:center;background-size:cover;background-repeat:no-repeat}.header .header-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem .75rem;background-color:rgba(0,0,0,0.3);color:#fff}.header .header-body .course-name{font-size:1rem;line-height:1.4rem;font-family:PingFangSC-Medium;font-weight:bold}.header .header-body .course-desc{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;font-size:.65rem;line-height:1.15rem}.header .header-body .course-desc .profile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header-body .course-desc .course-num{margin-left:.75rem;-webkit-flex-shrink:0;flex-shrink:0}.tabs{margin-top:0}.course-content{padding-bottom:4rem}.catalogue{padding-bottom:4rem}.bottom-fixed{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 .25rem;position:fixed;left:0;right:0;bottom:0;height:2.5rem;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:right;box-shadow:0 1px 4px 0 #666666;padding-bottom:1px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.bottom-fixed .buy-btn{margin-left:.75rem;-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:2rem;line-height:2rem;background-color:#641A83;border-radius:2rem;font-size:.75rem;color:#fff;text-align:center;box-sizing:border-box}.bottom-fixed .buy-btn:first-child{margin-left:0}.bottom-fixed .buy-btn .line{margin:0 .75rem;width:1px;height:.75rem;background-color:#fff}.bottom-fixed .xsyh-btn{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;height:2rem;border-radius:2rem;overflow:hidden}.bottom-fixed .xsyh-btn .old-price{position:relative;padding:0 1rem;padding-right:.5rem;-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:.7rem;line-height:1rem;background-color:#420C59;color:#fff}.bottom-fixed .xsyh-btn .old-price:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;width:1rem;background-color:#420C59;-moz-transform:rotateZ(20deg);-ms-transform:rotateZ(20deg);-webkit-transform:rotateZ(20deg);transform:rotateZ(20deg);z-index:2}.bottom-fixed .xsyh-btn .old-price:after{content:"";position:absolute;top:-.5rem;right:-.75rem;bottom:-1rem;width:1rem;background-color:#51116c;-moz-transform:rotateZ(20deg);-ms-transform:rotateZ(20deg);-webkit-transform:rotateZ(20deg);transform:rotateZ(20deg);z-index:1}.bottom-fixed .xsyh-btn .old-price .text{position:relative;z-index:3}.bottom-fixed .xsyh-btn .old-price .text:before{content:"";position:absolute;left:0;top:50%;right:0;height:1px;background-color:#FDCC58}.bottom-fixed .xsyh-btn .price{padding-left:.75rem;-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:.75rem;line-height:1.05rem;color:#fff;background-color:#641A83}.bottom-fixed .fill-btn{-webkit-flex:1;flex:1}.bottom-fixed .groupbuying-btn{-webkit-flex:1;flex:1;height:2rem;line-height:2rem;color:#220B5F;font-size:.75rem;background-color:#FDCC58;border-radius:2rem;text-align:center}.bottom-fixed .groupbuying-btn.both-btn{height:1.75rem;line-height:1.75rem;margin-right:.5rem}.bottom-fixed .add-teacher{-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:1.75rem;line-height:1.75rem;background-color:#641A83;border-radius:1.75rem;font-size:.75rem;color:#fff;text-align:center;box-sizing:border-box}.groupbuying-modal .slide-up-dialog-footer a.ok-btn{font-size:.75rem;color:#220B5F;background-color:#FDCC58}.groupbuying-modal .slide-up-dialog-content{padding:1rem}.groupbuying-modal .title{margin-bottom:1rem;font-size:.8rem;line-height:1.1rem;color:#333333;font-family:PingFangSC-Medium;font-weight:bold}.groupbuying-modal .rule{margin-bottom:.2rem;font-size:.65rem;line-height:1rem;color:#666666;text-align:justify}.groupbuying-modal .rule strong{color:#333333;font-family:PingFangSC-Medium;font-weight:bold}.package-tips{position:fixed;left:0;right:0;bottom:2.5rem;padding:0 .5rem;height:1.8rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background-color:#FDCC58;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.package-tips span{font-size:.7rem;color:#220B5F}.package-tips .small{font-size:.65rem}.package-tips .alarm-icon{margin-right:.25rem}.package-tips .arrow{position:relative;display:inline-block;width:0;height:0;border-top:.2rem solid transparent;border-bottom:.2rem solid transparent;border-left:.2rem solid #220B5F}.package-tips .arrow:before{content:"";position:absolute;left:-.25rem;top:-.2rem;width:0;height:0;border-top:.2rem solid transparent;border-bottom:.2rem solid transparent;border-left:.2rem solid #FDCC58}.dialog-teacher-poster{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background-color:transparent;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:-moz-transform 0s linear .1s,background-color .2s linear;-o-transition:-o-transform 0s linear .1s,background-color .2s linear;-webkit-transition:-webkit-transform 0s linear,background-color .2s linear;-webkit-transition-delay:.1s,0s;transition:transform 0s linear .1s,background-color .2s linear;overflow:hidden}.dialog-teacher-poster.show{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-color:rgba(0,0,0,0.5);-moz-transition:-moz-transform 0s linear 0s,background-color .2s linear;-o-transition:-o-transform 0s linear 0s,background-color .2s linear;-webkit-transition:-webkit-transform 0s linear,background-color .2s linear;-webkit-transition-delay:0s,0s;transition:transform 0s linear 0s,background-color .2s linear}.dialog-teacher-poster.show .poster{-moz-transform:scale(1) translate(-50%, -50%);-ms-transform:scale(1) translate(-50%, -50%);-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}.dialog-teacher-poster .tips-bar{position:absolute;top:0;left:0;right:0;padding:5px;font-size:.6rem;line-height:.8rem;color:#fff;background-color:#999999;text-align:center}.dialog-teacher-poster .poster{position:absolute;top:50%;left:50%;width:100%;max-width:80%;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-moz-transform:scale(0) translate(-50%, -50%);-ms-transform:scale(0) translate(-50%, -50%);-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%);-moz-transition:-moz-transform .2s linear;-o-transition:-o-transform .2s linear;-webkit-transition:-webkit-transform .2s linear;transition:transform .2s linear}.dialog-teacher-poster .poster img{width:100%}.dialog-teacher-poster .poster .close-poster{position:absolute;top:-.5rem;right:-.5rem;width:1rem;height:1rem;background-color:#fff;border-radius:100%;z-index:2;-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.dialog-teacher-poster .poster .close-poster:before{content:"";position:absolute;left:50%;top:50%;height:2px;width:.55rem;background-color:#333;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.dialog-teacher-poster .poster .close-poster:after{content:"";position:absolute;left:50%;top:50%;height:.55rem;width:2px;background-color:#333;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.playbar-h{height:2.5rem;background-color:#fff}.playbar-h2{height:4rem;background-color:#fff}