#videoComponent{width:100%;height:100%;position:relative}#videoComponent .video-js .vjs-big-play-button{background-color:rgba(115,133,159,.5)}#videoComponent .vjs-duration{order:3!important}#videoComponent .vjs-volume-panel{order:4!important}#videoComponent .hzh-icon{width:1rem;position:absolute;top:.5rem;right:.5rem;cursor:pointer}.rate-tooltip{width:2.5rem}.rate-tooltip .rate-box{color:#606266;font-size:.35rem;line-height:.8rem}.rate-tooltip .rate-box p{cursor:pointer;text-align:center}.rate-tooltip .active-rate{background-color:#f5f7fa;color:red}.el-popover{min-width:auto;padding:0}#classDetails{min-height:calc(100vh - 9.175rem);overflow:hidden}#classDetails .class-box{width:40rem;min-height:25rem;display:flex;justify-content:space-between;background-color:#fff;margin:0 auto;margin-top:.9rem;margin-bottom:1.75rem}#classDetails .class-box .class-left{width:29.375rem;border-right:1px solid #e6eaec;padding:.85rem;text-align:left}#classDetails .class-box .class-left .video-box{width:27.7rem;height:15.6rem;margin:0 auto;position:relative}#classDetails .class-box .class-left .video-box video{width:100%;height:100%}#classDetails .class-box .class-left .video-box .rate-btn{cursor:pointer;width:1.45rem;height:.75rem;line-height:.75rem;font-size:.325rem;text-align:center;background-color:rgba(0,0,0,.5);border-radius:10px;position:absolute;right:.5rem;bottom:1.875rem;color:#fff}#classDetails .class-box .class-left .video-title{font-size:.5rem;font-weight:700;color:#374353;line-height:.75rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-top:.75rem}#classDetails .class-box .class-left .video-author{font-size:.4rem;font-weight:400;color:#374353;line-height:.5rem;padding-top:.625rem}#classDetails .class-box .class-left .video-introduce{font-size:.35rem;font-weight:400;color:#374353;line-height:.55rem;max-height:2rem;padding-top:5px;overflow:hidden}#classDetails .class-box .class-left .normal-class img{transform:rotate(-180deg)}#classDetails .class-box .class-left .open-intro{max-height:none}#classDetails .class-box .class-left .open-btn{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;cursor:pointer}#classDetails .class-box .class-left .open-btn p{font-size:.35rem;font-weight:400;color:#e4bc75}#classDetails .class-box .class-left .open-btn img{width:.325rem;height:7px;margin-left:5px}#classDetails .class-box .class-right{width:10.6rem}#classDetails .class-box .class-right .right-title{font-size:.45rem;font-weight:700;color:#374353;text-align:left;padding-top:.9rem;padding-bottom:.825rem;padding-left:.775rem}#classDetails .class-box .class-right .home02-box04-content{justify-content:center}