.learnPath-item-comp[data-v-07aeb4b2]{width:264px;height:273px;float:left;display:flex;background:#fff;border-radius:8px;flex-direction:column;cursor:pointer}.learnPath-item-comp[data-v-07aeb4b2]:hover{box-shadow:0 4px 8px 0 hsla(0,0%,40%,.1)}.learnPath-item-comp:hover .learnPath-thumb .thumb-bar[data-v-07aeb4b2]{transform:scale(1.1)}.learnPath-item-comp .learnPath-thumb[data-v-07aeb4b2]{width:100%;height:198px;border-radius:8px 8px 0 0;overflow:hidden}.learnPath-item-comp .learnPath-thumb .thumb-bar[data-v-07aeb4b2]{width:100%;height:100%;transition:all .3s}.learnPath-item-comp .learnPath-body[data-v-07aeb4b2]{width:100%;height:auto;background:#fff;border-radius:0 0 8px 8px;box-sizing:border-box;padding:15px 10px}.learnPath-item-comp .learnPath-body .learnPath-title[data-v-07aeb4b2]{width:100%;height:20px;font-size:16px;font-weight:600;color:#333;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}.learnPath-item-comp .learnPath-body .learnPath-count[data-v-07aeb4b2]{width:100%;height:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.learnPath-item-comp .learnPath-body .learnPath-count .courses-count[data-v-07aeb4b2]{height:14px;font-size:14px;font-weight:400;color:#999;line-height:14px}.learnPath-item-comp .learnPath-body .learnPath-count .learnpath-course-charge[data-v-07aeb4b2]{height:20px;font-size:20px;font-weight:600;color:#ef4444;line-height:20px}.learnPath-item-comp .learnPath-body .learnPath-count .learnpath-course-charge small[data-v-07aeb4b2]{font-size:14px}.learnPath-item-comp .learnPath-body .learnPath-count .green-free[data-v-07aeb4b2]{height:20px;font-size:14px;font-weight:600;color:#04c877;line-height:20px}@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}@keyframes el-skeleton-loading-308d4c18{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-308d4c18]{width:100%;height:70px;background:#fff;padding:18px 0 8px 0;box-sizing:border-box}.skeleton .box[data-v-308d4c18]{width:1200px;height:auto;margin:0 auto;display:flex;flex-direction:row;align-items:center}.skeleton .box .item[data-v-308d4c18]{width:760px;height:34px;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:el-skeleton-loading-308d4c18 1.4s ease infinite}.content[data-v-1af8f435]{width:100%}.content .contanier[data-v-1af8f435]{width:1200px;min-height:500px;margin:0 auto;overflow:hidden;display:grid;grid-row-gap:30px;grid-column-gap:48px;grid-template-columns:repeat(4,minmax(0,1fr));flex-direction:row;box-sizing:border-box;padding-top:30px;padding-bottom:20px}.content .contanier .learn-item[data-v-1af8f435]{width:264px}.content #page[data-v-1af8f435]{width:1200px;margin:0 auto;margin-top:20px;display:flex;flex-direction:row;justify-content:center}