@keyframes el-skeleton-loading-b711b8de{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-b711b8de]{width:1200px;margin:0 auto;display:grid;row-gap:30px;-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.skeleton .item[data-v-b711b8de]{width:264px;height:auto;display:flex;flex-direction:column}.skeleton .item .thumb[data-v-b711b8de]{width:100%;height:198px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-b711b8de 1.4s ease infinite}.skeleton .item .body[data-v-b711b8de]{box-sizing:border-box;width:100%;height:75px;padding:15px}.skeleton .item .body .title[data-v-b711b8de]{width:100px;height:16px;margin-bottom:9px}.skeleton .item .body .info[data-v-b711b8de],.skeleton .item .body .title[data-v-b711b8de]{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-b711b8de 1.4s ease infinite}.skeleton .item .body .info[data-v-b711b8de]{width:60px;height:14px}.content[data-v-4d1598a0]{width:100%}.content .contanier[data-v-4d1598a0]{width:1200px;min-height:500px;margin:0 auto;overflow:hidden;display:block;display:flex;flex-direction:row;box-sizing:border-box;padding-top:30px}.content .contanier .tg-body[data-v-4d1598a0]{width:100%;display:grid;row-gap:30px;-moz-column-gap:48px;column-gap:48px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;white-space:nowrap;box-sizing:border-box;padding-bottom:40px}.content .contanier .tg-body .tg-item[data-v-4d1598a0]{position:relative;width:264px;height:307px;display:flex;cursor:pointer;border-radius:8px;flex-direction:column}.content .contanier .tg-body .tg-item[data-v-4d1598a0]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.content .contanier .tg-body .tg-item:hover .tg-course-thumb .thumb-bar[data-v-4d1598a0]{transform:scale(1.1)}.content .contanier .tg-body .tg-item .tg-course-thumb[data-v-4d1598a0]{width:264px;height:198px;border-radius:8px 8px 0 0;background-color:#fff;overflow:hidden}.content .contanier .tg-body .tg-item .tg-course-thumb .thumb-bar[data-v-4d1598a0]{width:100%;height:100%;transition:all .3s}.content .contanier .tg-body .tg-item .tg-type[data-v-4d1598a0]{position:absolute;width:66px;height:32px;background:linear-gradient(270deg,#0ae6af,#04c877);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:400;color:#fff;right:10px;top:156px}.content .contanier .tg-body .tg-item .tg-type.over[data-v-4d1598a0]{background:#999}.content .contanier .tg-body .tg-item .tg-type.start[data-v-4d1598a0]{background:linear-gradient(90deg,#fa1b1b,#ff7946)}.content .contanier .tg-body .tg-item .tg-course-body[data-v-4d1598a0]{box-sizing:border-box;width:100%;height:109px;background-color:#fff;border-radius:0 0 8px 8px;padding:15px 10px 15px 10px;position:relative}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-title[data-v-4d1598a0]{width:100%;height:20px;float:left;font-size:16px;font-weight:600;color:#333;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:15px}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info[data-v-4d1598a0]{width:100%;float:left;display:flex;flex-direction:column}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-value[data-v-4d1598a0]{height:14px;font-size:14px;font-weight:400;color:#ef4444;line-height:14px;margin-bottom:15px;display:flex;align-items:center}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-value.end[data-v-4d1598a0]{color:#666}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-value.active[data-v-4d1598a0]{color:#04c877}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-value.active .line[data-v-4d1598a0]{width:1px;height:14px;background:#d8d8d8;border:1px solid #979797;margin-left:10px;margin-right:10px}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-course-charge[data-v-4d1598a0]{height:20px;font-size:20px;line-height:20px;font-weight:600;display:flex;align-items:center}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-course-charge .tg-text[data-v-4d1598a0]{height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px;margin-right:10px}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-course-charge .charge-text[data-v-4d1598a0]{color:#ff5858}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-course-charge .charge-text .unit[data-v-4d1598a0]{font-size:14px}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-course-charge .free-text[data-v-4d1598a0]{font-size:14px;color:#04c877}.content .contanier .tg-body .tg-item .tg-course-body .tg-course-info .tg-course-charge .original_charge[data-v-4d1598a0]{margin-left:10px;height:14px;font-size:14px;font-weight:400;color:#666;line-height:14px;text-decoration:line-through}.content .contanier .tg-body .tg-item .tg-course-body .tg-progress[data-v-4d1598a0]{position:absolute;right:10px;bottom:15px;width:137px;height:48px;background:linear-gradient(90deg,#ff2276,#ff897c);border-radius:4px;display:flex;flex-direction:column}.content .contanier .tg-body .tg-item .tg-course-body .tg-progress .label[data-v-4d1598a0]{width:100%;height:16px;font-size:16px;font-weight:600;color:#fff;line-height:16px;text-align:center;margin-top:10px;margin-bottom:6px}.content .contanier .tg-body .tg-item .tg-course-body .tg-progress .progress-text[data-v-4d1598a0]{width:100%;height:12px;font-size:12px;font-weight:400;color:#fff;line-height:12px;box-sizing:border-box;text-align:center}.content #page[data-v-4d1598a0]{width:1200px;margin:0 auto;margin-top:50px;display:flex;flex-direction:row;justify-content:center}