.pagination-box.justify-center[data-v-f954b8f0]{justify-content:center}.pagination-box.justify-left[data-v-f954b8f0]{justify-content:flex-start}.pagination-box.justify-right[data-v-f954b8f0]{justify-content:flex-end}@media (min-width:1280px){.container[data-v-5405d10c]{width:1200px}}.user-detail[data-v-5405d10c]{background:url(./loginBg.33082f47.png);border-top:5px solid var(--primaryColor);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:calc(100% - 76px)}.btn-banner-action[data-v-5405d10c]{align-items:center;border-left:6px solid var(--primaryColor);border-radius:.5rem;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;display:flex;height:70px;justify-content:center;text-align:center;width:410px}.btn-banner-action .btn-banner-action-icon[data-v-5405d10c]{--tw-text-opacity:1;align-items:center;background-color:var(--primaryColor);border-radius:50%;color:rgba(255,255,255,var(--tw-text-opacity));display:flex;height:40px;justify-content:center;margin-right:.25rem;width:40px}.btn-shortcut[data-v-5405d10c]:hover{background-color:var(--primaryColor);color:#fff}.carousel-img[data-v-5405d10c]{border-radius:10px;height:265px;-o-object-fit:cover;object-fit:cover;width:100%}.carousel[data-v-5405d10c]{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.banner-action[data-v-5405d10c]{padding:2px 15px 15px}.content-list .yuan[data-v-5405d10c]{background:#ccc;border-radius:50%;height:6px;width:6px}.content-list[data-v-5405d10c]:hover{color:#e5002d;cursor:pointer}.content-list:hover .yuan[data-v-5405d10c]{background:#e5002d}.user-right[data-v-5405d10c]{position:relative}.user-right .yjfk[data-v-5405d10c]{bottom:0;position:absolute}.user-right .yjfk[data-v-5405d10c],.user-right .yjfk img[data-v-5405d10c]{height:56px;width:100%}.hf-content[data-v-5405d10c]{border:1px solid #e5e7eb;border-radius:4px;min-height:200px;overflow:auto;padding:10px;width:600px}.learn-process .learn-head[data-v-7baaf43b]{text-align:center}.learn-process .learn-head .text[data-v-7baaf43b]{margin-top:-32px}.learn-process .learn-icon[data-v-7baaf43b]{--tw-text-opacity:1;align-items:center;background-color:var(--primaryColor);border-radius:50%;color:rgba(255,255,255,var(--tw-text-opacity));display:flex;height:40px;justify-content:center;margin-right:.25rem;width:40px}.learn-process .learn-content[data-v-7baaf43b]{background:url(./learn_bg.bc85fa81.png) no-repeat}.learn-process .learn-content .learn-content-tip[data-v-7baaf43b]{--tw-border-opacity:1;border-color:rgba(220,38,38,var(--tw-border-opacity));border-radius:1.5rem;border-style:dotted;border-width:1px;height:3.75rem;margin:auto auto 14px;width:48.75rem}.learn-process .learn-content .learn-icon[data-v-7baaf43b]{margin-left:.5rem}@media (min-width:1280px){.container[data-v-7baaf43b]{width:1200px}}.carousel-img-process[data-v-7baaf43b]{height:100%}.process-main[data-v-7baaf43b]{position:relative}.custom-arrow[data-v-7baaf43b]{display:flex;height:30px;justify-content:space-between;line-height:30px;position:absolute;top:60%;width:100%}.custom-arrow .custom-arrow--left[data-v-7baaf43b]{left:-5px;position:absolute}.custom-arrow .custom-arrow--right[data-v-7baaf43b]{position:absolute;right:-5px}.custom-arrow button[data-v-7baaf43b]{cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.custom-arrow button[data-v-7baaf43b]:hover{background-color:#fff3}.custom-arrow button[data-v-7baaf43b]:active{transform:scale(.95);transform-origin:center}.custom-dots[data-v-7baaf43b]{display:flex;justify-content:center;margin-top:15px;padding:0}.custom-dots li[data-v-7baaf43b]{background-color:red;border-radius:4px;cursor:pointer;display:inline-block;height:10px;margin:0 3px;transition:width .3s,background-color .3s cubic-bezier(.4,0,.2,1);width:12px}.custom-dots li.is-active[data-v-7baaf43b]{background:#fff;border:1px solid #ccc;width:40px}.advantage-main .advantage-head .text[data-v-0ca99dc6]{margin-top:-32px}.advantage-main .advantage-head[data-v-0ca99dc6]{margin:auto;padding-bottom:1.5rem;padding-top:2rem;text-align:center;width:44.5rem}.advantage-main .advantage-tips[data-v-0ca99dc6]{--tw-border-opacity:.2;border-color:rgba(107,114,128,var(--tw-border-opacity));border-radius:.375rem;border-width:1px;height:16.25rem;text-align:center;transition:box-shadow .3s ease;width:23rem}.advantage-main .advantage-tips .advantage-tips-bs[data-v-0ca99dc6]{background:#e5002d;border-radius:50%;height:105px;margin-left:133px;margin-top:-50px;padding:22px;width:105px}.advantage-main .advantage-tips .advantage-tips-content[data-v-0ca99dc6]{color:#666;margin-top:1rem;padding-left:2.5rem;padding-right:2.5rem;text-align:left}.advantage-main .advantage-tips[data-v-0ca99dc6]:hover{box-shadow:0 0 10px #0003;cursor:pointer}@media (min-width:1280px){.container[data-v-0ca99dc6]{width:1200px}}.course-card[data-v-034b8d0f]{border-radius:var(--n-border-radius);box-shadow:0 1px 4px #00000029;height:13rem;margin-bottom:.75rem;overflow:hidden;position:relative;transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.course-card .course-card-cover[data-v-034b8d0f]{height:7.5rem}.course-card[data-v-034b8d0f] .n-card__content{padding:0!important}.course-card .course-name[data-v-034b8d0f]{height:3rem;line-height:1.5rem;margin-left:.5rem;margin-right:.5rem}.course-card .course-type[data-v-034b8d0f]{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));border-radius:5px 0;color:rgba(255,255,255,var(--tw-text-opacity));font-size:.75rem;line-height:1rem;margin-right:.25rem;padding:.15rem .25rem}.course-card .course-price[data-v-034b8d0f],.course-card .course-price .n-text[data-v-034b8d0f]{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity));font-size:.75rem;line-height:1rem}.course-card .course-hour[data-v-034b8d0f]{color:var(--textDescriptionColor);font-size:.75rem;line-height:1rem;margin-left:1rem}.course-card .course-cover[data-v-034b8d0f]{border-radius:var(--n-border-radius);cursor:pointer}.course-card .cover-image .n-image[data-v-034b8d0f],.course-card .cover-image img[data-v-034b8d0f]{height:120px;width:100%}.course-card .default-cover[data-v-034b8d0f]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;padding:1.75rem;text-overflow:ellipsis}.course-card .default-cover[data-v-034b8d0f] .n-text{--tw-text-opacity:1;color:rgba(50,50,50,var(--tw-text-opacity));letter-spacing:.05em;text-shadow:1px 1px 3px rgba(36,37,47,.25)}.course-card .default-cover .play-back[data-v-034b8d0f]{color:#fff;left:120px;position:absolute;top:80px}@media (min-width:768px){.course-card[data-v-034b8d0f],.course-card .course-card-cover[data-v-034b8d0f]{width:15.5rem}}@media (min-width:1024px){.course-card[data-v-034b8d0f],.course-card .course-card-cover[data-v-034b8d0f]{width:15.25rem}}@media (min-width:1200px){.course-card[data-v-034b8d0f],.course-card .course-card-cover[data-v-034b8d0f]{width:13.75rem}}.course-main .course-head[data-v-ba0a547f]{text-align:center}.course-main .course-head .text[data-v-ba0a547f]{margin-top:-32px}.course-main .tab-style[data-v-ba0a547f]{width:100%}@media (min-width:1280px){.container[data-v-ba0a547f]{width:1200px}}@media (min-width:768px){.course-card-panel[data-v-ba0a547f]:has(>div:last-child:nth-child(3n+2)):after{content:"";width:244px}}@media (min-width:1024px){.course-card-panel[data-v-ba0a547f]:has(>div:last-child:nth-child(4n+3)):after{content:"";width:244px}.course-card-panel[data-v-ba0a547f]:has(>div:last-child:nth-child(4n+2)):after{content:"";width:506px}}@media (min-width:1200px){.course-card-panel[data-v-ba0a547f]:has(>div:last-child:nth-child(5n+4)):after{content:"";width:220px}.course-card-panel[data-v-ba0a547f]:has(>div:last-child:nth-child(5n+3)):after{content:"";width:466px}.course-card-panel[data-v-ba0a547f]:has(>div:last-child:nth-child(5n+2)):after{content:"";width:708px}}