.commonTab{background:#fff;margin-bottom:20px;padding:20px}.commonTab .tab-header{background:linear-gradient(90deg,#deedfb,#bed4c01f);border-radius:6px;box-sizing:border-box;display:flex;margin-bottom:20px;padding:4px;width:-moz-fit-content;width:fit-content}.commonTab .tab-header .tab-item{border-radius:4px;box-sizing:border-box;color:#606266;cursor:pointer;font-size:14px;font-weight:500;padding:6px 20px;position:relative;transition:all .3s}.commonTab .tab-header .tab-item:hover{color:#303133}.commonTab .tab-header .tab-item.active{background-color:#fff;box-shadow:0 2px 6px #00000014;color:#303133}.commonTab .course-info{box-sizing:border-box;padding-left:4px}.commonTab .course-info .info-list .info-item{align-items:center;border-bottom:1px solid #e5e5e5;box-sizing:border-box;display:flex;padding:12px 0}.commonTab .course-info .info-list .info-item:not(:last-child){margin-bottom:4px}.commonTab .course-info .info-list .info-item .info-label{color:#909399;font-size:13px;font-weight:500;margin-right:16px;position:relative}.commonTab .course-info .info-list .info-item .info-label:after{color:#cdcdcd;content:"|";font-weight:400;margin-left:16px}.commonTab .course-info .info-list .info-item .content-list{display:flex;flex:1;flex-wrap:wrap;gap:8px;position:relative}.commonTab .course-info .info-list .info-item .content-list.is-collapsed{max-height:80px;overflow:hidden}.commonTab .course-info .info-list .info-item .content-list .content-item{align-items:center;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .3s}.commonTab .course-info .info-list .info-item .content-list .content-item .price{color:#f56c6c;font-size:12px;font-weight:500}.commonTab .course-info .info-list .info-item .content-list .content-item.active,.commonTab .course-info .info-list .info-item .content-list .content-item:hover{background-color:#ecf5ff;color:#409eff}.commonTab .course-info .info-list .info-item .content-list .content-item.active .price,.commonTab .course-info .info-list .info-item .content-list .content-item:hover .price{color:#f56c6c}.commonTab .course-info .info-list .info-item .content-list .content-item.hidden{display:none}.commonTab .course-info .info-list .info-item .content-list .expand-button{align-items:center;background:#fff;bottom:0;color:#409eff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:0 12px;position:absolute;right:0}.commonTab .course-info .info-list .info-item .content-list .expand-button .expand-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23409eff' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-size:contain;height:12px;transform:rotate(0);transition:transform .3s;width:12px}.commonTab .course-info .info-list .info-item .content-list .expand-button .expand-icon.is-expanded{transform:rotate(180deg)}.commonTab .course-info .info-list .info-item .content-list .expand-button:hover{color:#66b1ff}.loading-container,.no-data-container{align-items:center;display:flex;height:200px;justify-content:center}.loading-container .loading-text,.loading-container .no-data-text,.no-data-container .loading-text,.no-data-container .no-data-text{color:#909399;font-size:14px}.commonTab .content-list[data-v-f3cb273b]{position:relative}.commonTab .content-list.is-collapsed .content-wrapper[data-v-f3cb273b]{max-height:80px;overflow:hidden}.commonTab .content-list .content-wrapper[data-v-f3cb273b]{display:flex;flex-wrap:wrap;gap:8px;padding-right:60px;position:relative;transition:all .3s ease}.commonTab .content-item[data-v-f3cb273b]{align-items:center;border-radius:4px;color:#606266;cursor:pointer;display:inline-flex;font-size:14px;height:32px;padding:0 12px;white-space:nowrap}.commonTab .content-item[data-v-f3cb273b]:hover{background:#ebeef5}.commonTab .content-item.active[data-v-f3cb273b]{background:#409eff;color:#fff}.commonTab .expand-button[data-v-f3cb273b]{align-items:center;background:#fff;bottom:0;color:#409eff;cursor:pointer;display:inline-flex;font-size:14px;height:32px;padding:0 12px;position:absolute;right:0;white-space:nowrap;z-index:1}.commonTab .expand-button .expand-icon[data-v-f3cb273b]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23409eff' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:12px;margin-left:4px;transform:rotate(0);transition:transform .3s;width:12px}.commonTab .expand-button .expand-icon.is-expanded[data-v-f3cb273b]{transform:rotate(180deg)}