.none[data-v-78a47896]{width:100%;height:100%;float:left;background-color:#f4fafe}.none.active[data-v-78a47896]{background-color:#fff}.none.gray[data-v-78a47896]{background-color:#f6f6f6}.none .empty-box[data-v-78a47896]{width:100%;height:auto;float:left;text-align:center;padding-top:50px;padding-bottom:50px}.none .empty-box .image-empty-item[data-v-78a47896]{display:inline-block}.none .empty-box .image-empty-item img[data-v-78a47896]{width:120px;height:120px}.attach-box[data-v-f2c95c38]{position:relative;width:100%;height:auto;float:left;background:#fff;box-sizing:border-box}.attach-box .list-box[data-v-f2c95c38]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:20px 20px 30px 20px}.attach-box .list-box .item-comp[data-v-f2c95c38]{width:100%;height:30px;display:flex;align-items:center;flex-direction:row;justify-content:space-between;margin-top:10px}.attach-box .list-box .item-comp .icon[data-v-f2c95c38]{width:30px;height:30px;display:flex}.attach-box .list-box .item-comp .title[data-v-f2c95c38]{flex:1;height:30px;font-size:14px;font-weight:400;color:#333;line-height:30px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;margin-left:10px}.attach-box .list-box .item-comp .link[data-v-f2c95c38]{width:58px;height:30px;border-radius:4px;border:1px solid #3ca7fa;font-size:14px;font-weight:400;color:#3ca7fa;display:flex;align-items:center;justify-content:center}.attach-box .list-box .item-comp .link[data-v-f2c95c38]:hover{opacity:.8}.slider-box[data-v-2836fa88]{width:100%;margin-top:0;box-sizing:border-box;height:100px;overflow:hidden;background:#fff;bottom:0}.slider-box .swiper-pagination-bullets[data-v-2836fa88]{bottom:0}.slider-box .swiper-container[data-v-2836fa88]{width:100%;height:100px;overflow:hidden}.slider-box .swiper-container .swiper-slide[data-v-2836fa88],.slider-box .swiper-container .swiper-slide img[data-v-2836fa88]{width:100%;height:100px}.slider-box .swiper-container .swiper-slide img .swiper-pagination-bullets[data-v-2836fa88]{bottom:0}.wx-image-viewer[data-v-c7bd9754]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999}.wx-image-viewer .wx-image-wrapper .wx-image-container[data-v-c7bd9754],.wx-image-viewer .wx-image-wrapper[data-v-c7bd9754]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.wx-image-viewer .wx-image-wrapper .wx-image-container[data-v-c7bd9754]{overflow:hidden;background-color:#000}.wx-image-viewer .wx-image-wrapper .wx-image-container img[data-v-c7bd9754]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.fade-enter-active[data-v-c7bd9754],.fade-leave-active[data-v-c7bd9754]{transition:opacity .3s}.fade-enter[data-v-c7bd9754],.fade-leave-to[data-v-c7bd9754]{opacity:0}#page{background-color:#fff}.loading-container{height:300px;width:100%}.loading-container,.loading-spinner{display:flex;justify-content:center;align-items:center}.loading-spinner{flex-direction:column}.spinner{width:40px;height:40px;border:3px solid rgba(60,167,250,.2);border-radius:50%;border-top-color:#3ca7fa;animation:spin 1s ease-in-out infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner p{color:#666;font-size:14px;margin:0}.comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0}.spinner-small{width:24px;height:24px;border:2px solid rgba(60,167,250,.2);border-radius:50%;border-top-color:#3ca7fa;animation:spin 1s ease-in-out infinite;margin-bottom:10px}.comments-loading p{color:#666;font-size:13px;margin:0}.box{width:100%;box-sizing:border-box;padding-top:50px}.course-thumb,.course-title{width:100%;height:auto;float:left}.course-title{padding:15px 15px 0 15px;font-size:15px;font-weight:500;color:#171923;word-break:break-all;line-height:15px}.course-title,.stat{box-sizing:border-box;background-color:#fff}.stat{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 15px 5px 15px;font-size:20px;line-height:30px}.stat .item{display:inline}.stat .item.charge{color:#ff4d4f;font-weight:500}.stat .item.charge .small{font-size:14px}.stat .item.charge .value{font-size:18px;color:#04c877!important;margin-right:15px}.stat .item.user-count{color:#999;font-weight:400;font-size:14px}.stat .item.user-count text{margin-left:5px}.line{height:5px;background-color:#f6f6f6}.body,.line{width:100%;float:left;box-sizing:border-box}.body{height:auto;padding-bottom:53px}.body .swiper-box{width:100%;height:auto;float:left}.body .swiper-box .swiper-box-container{height:100vh}.body .swiper-box .swiper-box-container .swiper-item{position:relative}.body .swiper-box .swiper-box-container .swiper-item scroll-view{height:100%!important}.tabs{width:100%;height:55px;float:left;position:sticky;top:0;box-sizing:border-box;z-index:999;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,80%,.2);display:flex;flex-direction:row;justify-content:space-around;padding:20px 30px}.tabs .item-tab{display:inline-block;width:auto;height:15px;font-size:15px;font-weight:400;color:#333;line-height:15px;cursor:pointer;position:relative}.tabs .item-tab.active{font-weight:600;color:#3ca7fa}.tabs .item-tab .actline{width:20px;height:3px;background:#3ca7fa;border-radius:3px;position:absolute;left:5px;top:25px}.course-chapter-box,.course-comments-box,.coursr-desc{width:100%;height:auto;float:left;color:#333;line-height:21px;box-sizing:border-box;padding:10px 15px 15px 15px}.coursr-desc .desc-container{position:relative}.coursr-desc .desc,.coursr-desc .desc-container{width:100%;word-wrap:break-word;word-break:break-word}.coursr-desc .desc{white-space:pre-wrap}.coursr-desc .premium-content-button{position:fixed;right:15px;bottom:70px;display:flex;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#ff5068,#ff7b69);color:#fff;border-radius:20px;font-size:13px;box-shadow:0 2px 10px rgba(255,80,104,.3);z-index:1001;animation:fadeInButton .5s ease-in-out}@keyframes fadeInButton{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coursr-desc .premium-content-icon{display:inline-block;width:16px;height:16px;margin-right:5px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>') no-repeat 50%;background-size:contain}.course-chapter-box{padding:10px 15px 15px 15px}.course-chapter-box .chapter-item{width:100%;height:auto;float:left}.course-chapter-box .chapter-item .chapter-name{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#333;font-weight:700;margin-bottom:20px;margin-top:10px}.course-chapter-box .chapter-item .chapter-name .normaltran{transform:rotate(180deg)}.course-chapter-box .chapter-item .chapter-name .trans{transform:rotate(270deg)}.course-chapter-box .chapter-item .chapter-videos-box{display:block;width:100%;height:auto;float:left}.course-chapter-box .video-item{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;line-height:36px;box-sizing:border-box;padding:0 10px 0 10px;background:#f6f6f6;border-radius:4px}.course-chapter-box .video-item .video-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333}.course-chapter-box .video-item .video-title .free{padding:2px 4px;background-color:#04c877;border-radius:2px;color:#fff;font-size:12px;margin-right:10px}.course-chapter-box .video-item .video-duration{width:auto;height:auto;font-size:12px;margin-left:10px;color:#999}.course-comments-box .comment-item{width:100%;height:auto;float:left;margin-top:0;margin-bottom:30px;display:flex}.course-comments-box .comment-item .avatar{width:30px;height:30px;margin-right:10px}.course-comments-box .comment-item .avatar img{width:32px;height:32px;border-radius:50%}.course-comments-box .comment-item .content{flex:1;position:relative}.course-comments-box .comment-item .content .nickname{width:100%;height:auto;float:left;font-size:12px;box-sizing:border-box;color:#999;margin-top:5px;margin-bottom:13px}.course-comments-box .comment-item .content .time{position:absolute;font-size:10px;color:#999;right:15px;top:6px}.course-comments-box .comment-item .content .text{width:100%;height:auto;float:left;font-size:14px;line-height:1.2;color:#333}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;width:100%;height:53px;background-color:#fff;border-top:1px solid rgba(0,0,0,.1);display:flex;box-sizing:border-box;padding-left:15px;padding-right:15px}.bottom-bar .collect-button,.bottom-bar .home-button{width:25px;height:auto;margin-right:15px}.bottom-bar .collect-button .icon,.bottom-bar .home-button .icon{width:100%;height:25px;box-sizing:border-box;padding-top:5px;text-align:center;margin-bottom:1px}.bottom-bar .collect-button .icon .like-icon,.bottom-bar .home-button .icon .like-icon{display:inline-block}.bottom-bar .collect-button .text,.bottom-bar .home-button .text{width:100%;height:25px;float:left;line-height:25px;font-size:10px;font-weight:400;color:#666;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-bar .collect-button.active .icon,.bottom-bar .home-button.active .icon{color:#ffc219}.bottom-bar .button-item{flex:1;display:block;text-align:center;margin:4px 0;line-height:40px;font-size:15px;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center}.bottom-bar .buy-button{border-radius:0 4px 4px 0;background:linear-gradient(135deg,#ff5068,#ff7b69);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.bottom-bar .buy-button span{position:relative;z-index:2}.bottom-bar .buy-button .small-text{display:block;font-size:10px;font-weight:400;margin-top:-5px;opacity:.9}.bottom-bar .buy-button:active{transform:scale(.98)}.bottom-bar .see-button{background-color:#3ca7fa}.bottom-bar .see-button,.bottom-bar .trial-button{border-radius:3px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-bar .trial-button{background-color:#04c877}.bottom-bar .role-button2{border-radius:3px}.bottom-bar .role-button,.bottom-bar .role-button2{background-color:#e2a500;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-bar .role-button{border-radius:3px 0 0 3px}.bottom-bar .input{flex:1;padding-top:10px}.bottom-bar .input input{width:100%;height:22px;font-size:14px;font-weight:400;color:#333;line-height:22px;box-sizing:border-box;margin-top:8px;border:none}.bottom-bar .input input:focus{outline:none}.bottom-bar .comment-button{width:auto;height:33px;font-size:14px;font-weight:400;color:#666;line-height:33px;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:15px;padding-top:10px}.bottom-bar .comment-button.active{color:#1784ed}.xyffnr{padding:0;text-align:center;border-radius:8px;margin:10px 0;animation:fadeIn .5s ease-in-out;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.xyffnrbuy{border:1px solid #ff5068;border-radius:8px;padding:12px;box-shadow:0 2px 10px rgba(255,80,104,.1);word-wrap:break-word;word-break:break-word;white-space:pre-wrap}.premium-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed rgba(255,80,104,.3)}.premium-content-header h3{font-size:16px;font-weight:600;color:#ff5068;margin:0}.button-group{display:flex;gap:10px}.collect-material-button,.copy-button{display:flex;align-items:center;padding:5px 12px;color:#fff;border-radius:15px;font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(255,80,104,.2);background:linear-gradient(135deg,#ff5068,#ff7b69)}.collect-material-button:active,.copy-button:active{transform:scale(.95)}.copy-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>') no-repeat 50%;background-size:contain}.collect-material-icon,.copy-icon{display:inline-block;width:14px;height:14px;margin-right:5px}.collect-material-icon{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/></svg>') no-repeat 50%;background-size:contain}.premium-content-new{padding:0;border-radius:8px;overflow:hidden}.premium-header-new{display:flex;align-items:center;background:linear-gradient(135deg,#ff5068,#ff7b69);padding:12px 15px;color:#fff}.lock-icon-wrapper{width:28px;height:28px;background-color:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px}.lock-icon{display:inline-block;width:16px;height:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>') no-repeat 50%;background-size:contain}.premium-title-new{font-size:16px;font-weight:600;flex:1;text-align:left}.premium-divider{height:1px;background:#f0f0f0;margin:0}.premium-message{padding:12px 15px;font-size:14px;color:#333;text-align:left;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0}.premium-features{padding:12px 15px;background-color:#fff}.feature-item{display:flex;align-items:center;margin-bottom:8px;text-align:left}.feature-item:last-child{margin-bottom:0}.feature-icon{display:inline-block;width:18px;height:18px;margin-right:8px}.video-icon-new{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff5068"><path d="M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L22 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7z"/></svg>') no-repeat 50%;background-size:contain}.doc-icon-new{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff5068"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>') no-repeat 50%;background-size:contain}.time-icon-new{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff5068"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>') no-repeat 50%;background-size:contain}.premium-buy-section{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:#fff;border-top:1px solid #f0f0f0}.premium-price-new{display:flex;align-items:baseline}.price-symbol{font-size:14px;color:#ff5068;margin-right:2px}.price-amount{font-size:20px;font-weight:600;color:#ff5068}.premium-buy-btn{background:linear-gradient(135deg,#ff5068,#ff7b69);color:#fff;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px rgba(255,80,104,.2);transition:all .2s ease}.premium-buy-btn:active{transform:scale(.95)}.xuanfu{position:fixed;bottom:80px;z-index:999}@keyframes highlightAnimation{0%{box-shadow:0 0 0 rgba(255,80,104,.3)}50%{box-shadow:0 0 15px rgba(255,80,104,.6)}to{box-shadow:0 0 0 rgba(255,80,104,.3)}}.highlight-paid-content{animation:highlightAnimation 2s ease-in-out}.zoomable-image{cursor:pointer}.collect-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.collect-dialog-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.collect-dialog-content{position:relative;width:85%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);overflow:hidden;animation:dialogFadeIn .3s ease}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.collect-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f0f0f0}.collect-dialog-header h3{margin:0;font-size:16px;color:#333}.collect-dialog-close{font-size:22px;color:#999;cursor:pointer;line-height:1}.collect-dialog-body{padding:20px;max-height:60vh;overflow-y:auto}.form-item{margin-bottom:15px}.form-label{font-size:14px;color:#333;margin-bottom:5px}.form-input input,.form-input textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-input textarea{height:80px;resize:none}.image-upload-area{min-height:100px;border:1px dashed #ddd;border-radius:4px;position:relative}.image-upload-area,.image-upload-button{width:100%;display:flex;justify-content:center;align-items:center}.image-upload-button{height:100px;flex-direction:column;cursor:pointer;color:#999}.upload-icon{display:inline-block;width:30px;height:30px;margin-bottom:5px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg>') no-repeat 50%;background-size:contain}.image-preview{width:100%;height:150px;position:relative;overflow:hidden}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-delete{position:absolute;top:5px;right:5px;width:24px;height:24px;background-color:rgba(0,0,0,.5);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:18px}.collect-dialog-footer{display:flex;padding:10px 20px 20px;justify-content:flex-end}.cancel-btn,.confirm-btn{padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer;border:none;margin-left:10px}.cancel-btn{background-color:#f5f5f5;color:#666}.confirm-btn{background:linear-gradient(135deg,#ff5068,#ff7b69);color:#fff}