.none[data-v-69d3f9a4]{width:100%;height:100%;float:left;background-color:#f4fafe}.none.active[data-v-69d3f9a4]{background-color:#fff}.none.gray[data-v-69d3f9a4]{background-color:#f6f6f6}.none .empty-box[data-v-69d3f9a4]{width:100%;height:auto;float:left;text-align:center;padding-top:50px;padding-bottom:50px}.none .empty-box .image-empty-item[data-v-69d3f9a4]{display:inline-block}.none .empty-box .image-empty-item img[data-v-69d3f9a4]{width:120px;height:120px}.attach-box[data-v-84426416]{position:relative;width:100%;height:auto;float:left;background:#fff;box-sizing:border-box}.attach-box .list-box[data-v-84426416]{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-84426416]{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-84426416]{width:30px;height:30px;display:flex}.attach-box .list-box .item-comp .title[data-v-84426416]{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-84426416]{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-84426416]:hover{opacity:.8}.box[data-v-db4791b6]{width:100%;box-sizing:border-box;padding-top:50px}.course-thumb[data-v-db4791b6],.course-title[data-v-db4791b6]{width:100%;height:auto;float:left}.course-title[data-v-db4791b6]{box-sizing:border-box;padding:15px 15px 0 15px;font-size:15px;font-weight:500;color:#171923;word-break:break-all;line-height:15px;background-color:#fff}.stat[data-v-db4791b6]{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:20px 15px 15px 15px;font-size:20px;line-height:30px;background-color:#fff}.stat .item[data-v-db4791b6]{display:inline}.stat .item.charge[data-v-db4791b6]{color:#ff4d4f;font-weight:500}.stat .item.charge .small[data-v-db4791b6]{font-size:14px}.stat .item.charge .value[data-v-db4791b6]{font-size:18px;color:#04c877!important;margin-right:15px}.stat .item.user-count[data-v-db4791b6]{color:#999;font-weight:400;font-size:14px}.stat .item.user-count text[data-v-db4791b6]{margin-left:5px}.line[data-v-db4791b6]{width:100%;height:10px;float:left;background-color:#f6f6f6;box-sizing:border-box}.body[data-v-db4791b6]{box-sizing:border-box;padding-bottom:53px}.body .swiper-box[data-v-db4791b6],.body[data-v-db4791b6]{width:100%;height:auto;float:left}.body .swiper-box .swiper-box-container[data-v-db4791b6]{height:100vh}.body .swiper-box .swiper-box-container .swiper-item[data-v-db4791b6]{position:relative}.body .swiper-box .swiper-box-container .swiper-item scroll-view[data-v-db4791b6]{height:100%!important}.tabs[data-v-db4791b6]{width:100%;height:55px;float:left;position:sticky;top:0;box-sizing:border-box;padding-top:10px;z-index:999;background:#fff;box-shadow:0 2px 4px 0 hsla(0,0%,80%,.2);display:flex;flex-direction:row;position:relative;justify-content:space-between;padding:20px 30px}.tabs .item-tab[data-v-db4791b6]{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[data-v-db4791b6]{font-weight:600;color:#3ca7fa}.tabs .item-tab .actline[data-v-db4791b6]{width:20px;height:3px;background:#3ca7fa;border-radius:3px;position:absolute;left:5px;top:25px}.course-chapter-box[data-v-db4791b6],.course-comments-box[data-v-db4791b6],.coursr-desc[data-v-db4791b6]{width:100%;height:auto;float:left;color:#333;line-height:21px;box-sizing:border-box;padding:20px 15px 15px 15px}.coursr-desc .desc[data-v-db4791b6]{width:100%}.course-chapter-box[data-v-db4791b6]{padding:10px 15px 15px 15px}.course-chapter-box .chapter-item[data-v-db4791b6]{width:100%;height:auto;float:left}.course-chapter-box .chapter-item .chapter-name[data-v-db4791b6]{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[data-v-db4791b6]{transform:rotate(180deg)}.course-chapter-box .chapter-item .chapter-name .trans[data-v-db4791b6]{transform:rotate(270deg)}.course-chapter-box .chapter-item .chapter-videos-box[data-v-db4791b6]{display:block;width:100%;height:auto;float:left}.course-chapter-box .video-item[data-v-db4791b6]{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[data-v-db4791b6]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333}.course-chapter-box .video-item .video-title .free[data-v-db4791b6]{padding:2px 4px;background-color:#04c877;border-radius:2px;color:#fff;font-size:12px;margin-right:10px}.course-chapter-box .video-item .video-duration[data-v-db4791b6]{width:auto;height:auto;font-size:12px;margin-left:10px;color:#999}.course-comments-box .comment-item[data-v-db4791b6]{width:100%;height:auto;float:left;margin-top:0;margin-bottom:30px;display:flex}.course-comments-box .comment-item .avatar[data-v-db4791b6]{width:30px;height:30px;margin-right:10px}.course-comments-box .comment-item .avatar img[data-v-db4791b6]{width:32px;height:32px;border-radius:50%}.course-comments-box .comment-item .content[data-v-db4791b6]{flex:1;position:relative}.course-comments-box .comment-item .content .nickname[data-v-db4791b6]{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[data-v-db4791b6]{position:absolute;font-size:10px;color:#999;right:15px;top:6px}.course-comments-box .comment-item .content .text[data-v-db4791b6]{width:100%;height:auto;float:left;font-size:14px;line-height:1.2;color:#333}.bottom-bar[data-v-db4791b6]{position:fixed;bottom:0;left:0;right:0;z-index:11;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[data-v-db4791b6]{width:25px;height:auto;margin-right:15px}.bottom-bar .collect-button .icon[data-v-db4791b6]{width:100%;height:25px;box-sizing:border-box;padding-top:5px;text-align:center;margin-bottom:1px}.bottom-bar .collect-button .icon .like-icon[data-v-db4791b6]{display:inline-block}.bottom-bar .collect-button .text[data-v-db4791b6]{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[data-v-db4791b6]{color:#ffc219}.bottom-bar .button-item[data-v-db4791b6]{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[data-v-db4791b6]{border-radius:0 4px 4px 0;background-color:#ff5068;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-bar .see-button[data-v-db4791b6]{background-color:#3ca7fa}.bottom-bar .role-button2[data-v-db4791b6],.bottom-bar .see-button[data-v-db4791b6]{border-radius:3px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-bar .role-button2[data-v-db4791b6]{background-color:#e2a500}.bottom-bar .role-button[data-v-db4791b6]{border-radius:3px 0 0 3px;background-color:#e2a500;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-bar .input[data-v-db4791b6]{flex:1;padding-top:10px}.bottom-bar .input input[data-v-db4791b6]{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[data-v-db4791b6]:focus{outline:none}.bottom-bar .comment-button[data-v-db4791b6]{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[data-v-db4791b6]{color:#1784ed}#page{background-color:#fff}