/*
 * CSS made by bulusi.com
 * 文档建立: 2012-11-28
 * 最后更新: 2024-11-17
 */
 :root{--color-red:#ee0a24;--color-green:#41ba87;--color-blue:#4976fb;--color-yellow:#ffc107;--color-orange:#ff7744;--color-purple:#6f42c1;--color-black:#000;--color-dark:#333;--color-gray:#666;--color-grey:#999;--color-light:#ccc;--color-white:#fff;--color-text:#181818;--color-primary:var(--color-blue);--color-primary-dark:oklch(from var(--color-primary) calc(l - .1) c h);--color-primary-light:oklch(from var(--color-primary) calc(l + .1) c h);--color-secondary:var(--color-gray);--color-secondary-dark:oklch(from var(--color-secondary) calc(l - .1) c h);--color-secondary-light:oklch(from var(--color-secondary) calc(l + .1) c h);--color-success:var(--color-green);--color-warning:var(--color-yellow);--color-error:var(--color-red);--base-page-width:1200px;--base-font-size:calc(26px * var(--scale))}*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}html,body{width:100%;height:auto;vertical-align:baseline;font-family:system-ui,-apple-system,"Microsoft YaHei",SimSun,sans-serif;font-size:var(--base-font-size);font-weight:normal;font-style:normal}body{line-height:1.6;color:var(--color-text);background-color:var(--color-white);overflow-x:hidden;overflow-y:scroll}::selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-input-placeholder{color:var(--color-gray)}::-moz-placeholder{color:var(--color-gray);opacity:1}:-ms-input-placeholder{color:var(--color-gray)}table{border-collapse:collapse;border-spacing:0}img,video{display:block;max-width:100%}li{list-style-type:none}p{word-wrap:break-word;word-break:break-all;text-align:justify}big,.big{font-size:1.25em}small,.small{font-size:.75em}b,strong,.strong{font-weight:bolder}em,.em{font-style:italic}del,.del{text-decoration:line-through}button,input,select,optgroup,textarea{font-family:inherit;font-size:inherit;line-height:inherit}select{word-wrap:normal}textarea{resize:none}a,button:not(:disabled),.cursor-hand{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}a{color:var(--color-text);text-decoration:none}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin-bottom:.5rem;line-height:1.2;font-weight:normal}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.font-mono{font-family:"YaHei Consolas Hybrid",Consolas,"Courier New",monospace}.font-en{font-family:"Segoe UI",Tahoma,Arial,Verdana,sans-serif}.font-jp{font-family:Meiryo,"MS Mincho",Arial,sans-serif}.font-kr{font-family:"Malgun Gothic",Dotum,Arial,sans-serif}.font-kai{font-family:STKaiti,KaiTi,KaiTi_GB2312,sans-serif}.font-song{font-family:STZhongsong,SimSun,sans-serif}.hidden,[hidden]{display:none!important}.visible,[visible]{display:block!important}.loading,[loading]{background:url(../images/icon_loading.png) center center no-repeat}.none{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.grayscale{filter:grayscale(100%);-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);-o-filter:grayscale(100%)}.transition{transition:.1s;-ms-transition:.1s;-moz-transition:.1s;-webkit-transition:.1s;-o-transition:.1s}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.right-0{right:0!important}.float-left{float:left!important}.float-right{float:right!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-default{color:var(--color-text)!important}.text-black{color:var(--color-black)!important}.text-white{color:var(--color-white)!important}.text-gray{color:var(--color-gray)!important}.text-grey{color:var(--color-grey)!important}.text-red{color:var(--color-red)!important}.text-green{color:var(--color-green)!important}.text-blue{color:var(--color-blue)!important}.text-yellow{color:var(--color-yellow)!important}.text-orange{color:var(--color-orange)!important}.text-purple{color:var(--color-purple)!important}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2,.text-ellipsis-3,.text-ellipsis-4{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;line-clamp:2}.text-ellipsis-3{-webkit-line-clamp:3;line-clamp:3}.text-ellipsis-4{-webkit-line-clamp:4;line-clamp:4}.fw-light{font-weight:300!important}.fw-bold{font-weight:700!important}.rounded-arc{border-radius:.5rem!important}.rounded-circle{border-radius:50%!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.opacity-0{opacity:0!important}.opacity-1{opacity:1!important}.us-all{user-select:all!important}.us-none{user-select:none!important}.block{display:block;zoom:1;overflow:auto}.inline{display:inline-block}.flex{display:flex}.flex-center{justify-content:center;align-items:center}.flex-row-center{justify-content:center}.flex-column-center{align-items:center}.flex-direction-column{flex-direction:column}.flex-order-1{order:1}.flex-order-2{order:2}.container-fluid,.container{margin:0 auto}.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.container:after,.container-fluid:after,.row:after{clear:both}.container-fluid{width:100%}.container{width:var(--base-page-width)}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;float:left;min-height:1px}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-pull-12{right:100%}.col-pull-11{right:91.66666667%}.col-pull-10{right:83.33333333%}.col-pull-9{right:75%}.col-pull-8{right:66.66666667%}.col-pull-7{right:58.33333333%}.col-pull-6{right:50%}.col-pull-5{right:41.66666667%}.col-pull-4{right:33.33333333%}.col-pull-3{right:25%}.col-pull-2{right:16.66666667%}.col-pull-1{right:8.33333333%}.col-push-12{left:100%}.col-push-11{left:91.66666667%}.col-push-10{left:83.33333333%}.col-push-9{left:75%}.col-push-8{left:66.66666667%}.col-push-7{left:58.33333333%}.col-push-6{left:50%}.col-push-5{left:41.66666667%}.col-push-4{left:33.33333333%}.col-push-3{left:25%}.col-push-2{left:16.66666667%}.col-push-1{left:8.33333333%}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.ani-bounceIn{animation:bounceIn 1s 1}.ani-fadeIn{animation:fadeIn 1s 1}.ani-fadeInUp{animation:fadeInUp 1s 1}.ani-fadeInDown{animation:fadeInDown 1s 1}.ani-fadeInLeft{animation:fadeInLeft 1s 1}.ani-fadeInRight{animation:fadeInRight 1s 1}.ani-rotateIn{animation:rotateIn 1s 1}.ani-zoomIn{animation:zoomIn 1s 1}.ani-flipInX{animation:flipInX 1s 1}.ani-flipInY{animation:flipInY 1s 1}.ani-slow{animation-duration:2s}.ani-slower{animation-duration:3s}.ani-fast{animation-duration:.5s}.ani-faster{animation-duration:.25s}.ani-delay-500{animation-delay:.5s;animation-fill-mode:backwards}.ani-delay-1000{animation-delay:1s;animation-fill-mode:backwards}.ani-delay-2000{animation-delay:2s;animation-fill-mode:backwards}.ani-delay-3000{animation-delay:3s;animation-fill-mode:backwards}.ani-infinite{animation-iteration-count:infinite}.ani-alternate{animation-direction:alternate}div.locked,div.alert{position:fixed;left:0;top:0;width:100%;height:100%;opacity:0;user-select:none;z-index:999}div.locked{background:url(../images/icon_loading.png) center center no-repeat}div.alert{background:rgba(0,0,0,.4)}div.alert span{position:fixed;top:50%;left:0;right:0;margin:auto;display:block;padding:18px;width:80%;max-width:476px;text-align:center;border:1px rgba(0,0,0,.4) solid;border-radius:10px;background-color:var(--color-white);transform:translateY(-50%)}div.alert div.icon{position:relative;margin-top:20px;width:80px;height:80px;border:4px transparent solid;border-radius:50%;display:none;animation:flipInX 1s 1}div.alert div.icon_success{border-color:var(--color-success);display:inline-block}div.alert div.icon_warning{border-color:var(--color-warning);display:inline-block}div.alert div.icon_error{border-color:var(--color-error);display:inline-block}div.alert div.icon_success i{position:absolute;height:5px;border-radius:2px;background-color:var(--color-success)}div.alert div.icon_warning i{position:absolute;left:50%;background-color:var(--color-warning)}div.alert div.icon_error i{position:absolute;top:34px;right:12px;width:47px;height:5px;border-radius:2px;background-color:var(--color-error)}div.alert div.icon_success i.icon_body{top:36px;right:4px;width:47px;transform:rotate(-45deg)}div.alert div.icon_success i.icon_dot{top:44px;left:10px;width:25px;transform:rotate(45deg)}div.alert div.icon_warning i.icon_body{top:8px;margin-left:-2px;width:5px;height:47px;border-radius:2px}div.alert div.icon_warning i.icon_dot{bottom:6px;margin-left:-4px;width:9px;height:9px;border-radius:50%}div.alert div.icon_error i.icon_body{transform:rotate(-45deg)}div.alert div.icon_error i.icon_dot{transform:rotate(45deg)}div.alert h5{margin-top:20px;padding-bottom:20px}div.alert p{margin-top:20px;line-height:20px;max-height:60px;font-size:16px;color:var(--color-dark);text-align:center;overflow:hidden}div.alert button{margin:0 10px;margin-top:40px;padding:10px 4em;font-size:18px;color:var(--color-white);text-align:center;border-radius:10px;background-color:var(--color-gray);cursor:pointer;transition:.1s}div.alert button:hover{background-color:var(--color-secondary-light)}div.alert button:last-child{background-color:var(--color-primary)}div.alert button:last-child:hover{background-color:var(--color-primary-light)}div.debug{position:fixed;bottom:0;left:0;padding:8px 20px;width:100%;max-height:280px;line-height:18px;font-size:12px;color:var(--color-white);background-color:var(--color-black);word-break:break-all;overflow-y:scroll;z-index:9999}div.debug hr{margin:6px 0;display:block;height:1px;background-color:var(--color-light)}.button,b-button{user-select:none;position:relative;display:inline-block;padding:0 calc(40px * var(--scale));height:calc(70px * var(--scale));line-height:calc(70px * var(--scale));border-radius:calc(8px * var(--scale));cursor:pointer;overflow:hidden;color:var(--color-blue);background-color:#f3f3f3}.button::after,b-button::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:.1s}.button:not(:active):hover::after,b-button:not(:active):hover::after{background-color:rgba(255,255,255,.25)}b-button[disabled]::after,b-button[disabled]:hover::after{background-color:rgba(0,0,0,.25);cursor:not-allowed}.button-block,b-button[block]{display:block;width:100%;text-align:center}.button-primary,b-button[type="primary"]{color:var(--color-white);background-color:var(--color-blue)}.button-success,b-button[type="success"]{color:var(--color-white);background-color:var(--color-green)}.tag,b-tag{user-select:none;display:inline-block;padding:0 .5rem;line-height:1.2rem;font-size:.75rem;border-radius:calc(6px * var(--scale));color:var(--color-text);background-color:#f3f3f3}.tag-primary,b-tag[type="primary"]{color:var(--color-white);background-color:var(--color-blue)}.tag-primary-lite,b-tag[type="primary"][lite]{color:var(--color-blue);background-color:#f0f7ff}.tag-success,b-tag[type="success"]{color:var(--color-white);background-color:var(--color-green)}.tag-success-lite,b-tag[type="success"][lite]{color:var(--color-green);background-color:#eafaf2}.tag-warning,b-tag[type="warning"]{color:var(--color-white);background-color:var(--color-yellow)}.tag-warning-lite,b-tag[type="warning"][lite]{color:var(--color-yellow);background-color:#fff1df}.tag-danger,b-tag[type="danger"]{color:var(--color-white);background-color:var(--color-red)}.tag-danger-lite,b-tag[type="danger"][lite]{color:var(--color-red);background-color:#ffeeee}.tag-inline,b-tag[inline]{transform:translateY(-.1rem)}.empty,b-empty{--empty-size:200px;display:flex;flex-direction:column;align-items:center;padding-top:calc((var(--empty-size) + 20px) * var(--scale));color:var(--color-grey);background-image:url(../images/icon_empty.png);background-repeat:no-repeat;background-position:center top;background-size:calc(var(--empty-size) * var(--scale))}body{--gap-size:calc(20px * var(--scale));--padding-size:calc(48px * var(--scale)) var(--gap-size);--tabbar-width:calc(120px * var(--scale));--app-width:calc(1240px * var(--scale));display:flex;min-height:100vh}#tabbar,#app{display:flex;align-items:center;flex-direction:column;padding:var(--padding-size)}#tabbar{position:fixed;width:var(--tabbar-width);height:100vh;background-color:#ebebeb;overflow:hidden}#tabbar .logo{width:calc(60px * var(--scale))}#tabbar .nav{margin-top:calc(80px * var(--scale))}#tabbar .nav-item,#tabbar .nav-item-time{display:block;margin-bottom:calc(26px * var(--scale));width:calc(80px * var(--scale));text-align:center}#tabbar .nav-item:last-child{margin-top:calc(106px * var(--scale))}#tabbar .nav-item::before,#tabbar .nav-item-time::before{content:'';display:block;margin-bottom:calc(.25rem * var(--scale));width:calc(80px * var(--scale));height:calc(80px * var(--scale));border-radius:calc(12px * var(--scale));background-size:calc(56px * var(--scale));background-position:center;background-repeat:no-repeat;transition:.2s}#tabbar .nav-item:hover::before,#tabbar .nav-item.hover::before{background-color:var(--color-white)}#tabbar .nav-item:nth-child(1)::before{background-image:url(../images/icon_course.png)}#tabbar .nav-item:nth-child(1):hover::before,#tabbar .nav-item:nth-child(1).hover::before{background-image:url(../images/icon_course_hover.png)}#tabbar .nav-item:nth-child(2)::before{background-image:url(../images/icon_exam.png)}#tabbar .nav-item:nth-child(2):hover::before,#tabbar .nav-item:nth-child(2).hover::before{background-image:url(../images/icon_exam_hover.png)}#tabbar .nav-item:nth-child(3)::before{background-image:url(../images/icon_bank.png)}#tabbar .nav-item:nth-child(3):hover::before,#tabbar .nav-item:nth-child(3).hover::before{background-image:url(../images/icon_bank_hover.png)}#tabbar .nav-item:nth-child(4)::before{background-image:url(../images/icon_my.png)}#tabbar .nav-item:nth-child(4):hover::before,#tabbar .nav-item:nth-child(4).hover::before{background-image:url(../images/icon_my_hover.png)}#tabbar .nav-item:last-child::before{background-image:url(../images/icon_logout.png)}#tabbar .nav-item:last-child:hover::before{background-image:url(../images/icon_logout_hover.png)}#tabbar .nav-item-time::before{background-image:url(../images/icon_clock.png);background-color:var(--color-white)}#app{flex:1;margin-left:var(--tabbar-width);min-width:calc(var(--app-width) + var(--gap-size) * 2);min-height:100vh}.main{min-width:var(--app-width);animation:fadeIn .5s 1}.main .main-mask{position:fixed;top:0;left:var(--tabbar-width);display:flex;justify-content:center;align-items:center;width:calc(100vw - var(--tabbar-width));height:100vh;background:rgba(0,0,0,.4)}.main .main-mask-detail{position:relative;display:flex;align-items:center;flex-direction:column;padding:calc(50px * var(--scale)) calc(100px * var(--scale));width:calc(800px * var(--scale));border-radius:calc(14px * var(--scale));background-color:var(--color-white);animation:fadeIn .3s 1}.main .main-mask-close{position:absolute;top:calc(30px * var(--scale));right:calc(30px * var(--scale));cursor:pointer}.title{display:flex;align-items:flex-end;user-select:none}.title .h2{position:relative;padding:0 calc(80px * var(--scale)) 0 calc(10px * var(--scale))}.title .h2::after{content:'';display:inline-block;position:absolute;bottom:calc(-10px * var(--scale));left:0;width:100%;height:calc(32px * var(--scale));border-radius:calc(16px * var(--scale));background:linear-gradient(to right,var(--color-blue),var(--color-white) 70%,var(--color-white));z-index:-1}.breadcrumb{width:var(--app-width);user-select:none}.rich-text .p,.rich-text .ul{margin-bottom:calc(24px * var(--scale))}.rich-text .img{margin-left:50%;transform:translateX(-50%)}#index{overflow:hidden}.login{position:fixed;left:0;top:0;width:100vw;min-width:var(--app-width);height:100vh;background-size:cover;background-image:url(../images/login_bg.jpg)}.login .logo{position:absolute;top:calc(80px * var(--scale));left:calc(80px * var(--scale));width:calc(80px * var(--scale))}.login-form,.login-verify{padding:calc(60px * var(--scale));width:calc(700px * var(--scale));border-radius:calc(16px * var(--scale));background-color:var(--color-white)}.login-form input{flex:1;padding:calc(20px * var(--scale));width:0;line-height:calc(28px * var(--scale));border:1px solid #f2f1f2;border-radius:calc(8px * var(--scale));background-color:#f2f1f2;transition:.1s}.login-form input:focus{border-color:var(--color-green)}.verify-item{padding:.5rem 0;border-bottom:1px solid #f2f1f2}.verify-value{flex:1}.login-copyright{position:absolute;bottom:calc(60px * var(--scale));left:0;width:100%}.login-copyright,.login-copyright a{color:#c4c4c4}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(32px * var(--scale));width:var(--app-width)}.course-item{position:relative;padding:calc(40px * var(--scale));height:calc(360px * var(--scale));border-radius:calc(14px * var(--scale));background-color:#fafafa;overflow:hidden}.course-item-blue{background:linear-gradient(to bottom,#e0e8fe,#f3f6ff)}.course-item-green{background:linear-gradient(to bottom,#eafaf2,#f4fcf8)}.course-item-purple{background:linear-gradient(to bottom,#f2edfa,#f9f6fc)}.course-item-orange{background:linear-gradient(to bottom,#fef6eb,#fffbf6)}.course-item-pink{background:linear-gradient(to bottom,#fdf4f5,#fefafa)}.course-icon{position:absolute;right:calc(20px * var(--scale));bottom:calc(20px * var(--scale));width:calc(144px * var(--scale));height:calc(144px * var(--scale));user-select:none}#course_catalog{background-color:#f3f3f3}.catalog_header{padding:calc(40px * var(--scale));height:calc(200px * var(--scale));border-radius:calc(14px * var(--scale));background-color:var(--color-blue);user-select:none}.catalog_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20px * var(--scale));width:var(--app-width)}.catalog-item{position:relative;padding:calc(30px * var(--scale));height:calc(300px * var(--scale));border-radius:calc(14px * var(--scale));background-color:var(--color-white);overflow:hidden}.catalog-item-title{margin-top:calc(40px * var(--scale));line-height:1.4}.catalog-item-number{position:absolute;top:0;left:0;padding:0 calc(20px * var(--scale));font-size:.75rem;line-height:1.6rem;border-bottom-right-radius:calc(14px * var(--scale));background-color:var(--color-blue)}.catalog-item-status{position:absolute;bottom:calc(30px * var(--scale));left:calc(30px * var(--scale))}.catalog-item-icon-mr{position:absolute;top:calc(10px * var(--scale));right:calc(10px * var(--scale));width:calc(40px * var(--scale))}#course_course{background-color:#f3f3f3}.course-info,.exam-info{width:var(--app-width);padding:calc(40px * var(--scale));border-radius:calc(14px * var(--scale));background-color:var(--color-white)}.course-info-title,.exam-info-title{padding:0 calc(80px * var(--scale));line-height:1.4}.course-type-tab{user-select:none;margin:0 calc(10px * var(--scale));padding:0 1rem;line-height:calc(50px * var(--scale));border-radius:calc(7px * var(--scale));background-color:#e5ecf8;cursor:pointer}.course-type-tab.active{color:var(--color-white);background:var(--color-blue)}.course-type-tab.disabled{color:var(--color-grey);background:#efefef;cursor:not-allowed}.course-audio,.course-video{width:100%}#course_quiz,#bank_quiz,#bank_exam,#exam_exam{background-color:#f3f3f3}.quiz-detail,.exam-quiz{width:var(--app-width);padding:calc(40px * var(--scale));border-radius:calc(14px * var(--scale));background-color:var(--color-white)}.quiz-title{line-height:1.4}.quiz-option{position:relative;padding:calc(20px * var(--scale)) calc(26px * var(--scale));margin-bottom:calc(20px * var(--scale));border:1px solid #7b7b7b;border-radius:calc(14px * var(--scale));cursor:pointer;user-select:none}.quiz-option.choosed{color:var(--color-blue);border-color:var(--color-blue);background-color:#e5ecf8}.quiz-option.correct,.quiz-option.wrong{background-repeat:no-repeat;background-size:calc(40px * var(--scale));background-position:calc(16px * var(--scale)) 50%}.quiz-option.correct{color:var(--color-green);border-color:var(--color-green);background-color:#eafaf2;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJRSURBVHhe7ZvNTQMxEIXTBsUgNq3kShso7oACONACySIKoAR64MaFW9BYspQM+2PvvhmPV/NJT0LJxms/nDfjSLvbOY7jOI7jOKo8vIdufwqH7nwM3Tm8dn3ob0SvnY+BrqFr+ec3x/3b0100pA/9vg+XJYqfPYUDjcXHbxb679Nu4ItdKxqz6Z0VjVmxW3JF92jKKNr+EjtmTnRP8189ygc+cXWdwoHPywSx4vDJVhLNhc+vKjW+UnOiOfF5VsGiOUnVTbJsTlI1kyxlzpzUM8lEtSqVVnWLRwZ+80ak0ie1kDtjEs+jeAIfuHFLEj2WaJytpEVr4OuCsIXdkySyi1rOHi54FrVcucYErWhN9j1zQvZFVsL5+evj8v37E0V/8/dLBA1rPngNXZuTxK8pFV/nIixUryFzEAZBqlnt/BkzZ+1XLAqRQzVP7aLmoE75tfofaXNIkH4IUcFKq4+GOSRIJUMYVLJQLXNIZg0aW7CmOSQzBuUsPOcatDAGgUJ6yoCp9/g4SGFCGljmx4wYkrQ5JEiZRzeKOSZpmBOFaBQljhpTJqmZgzpqEHxghIZM0jSHxNe5GEQlG9K1SdrmQCpYAp1D13r8fPn3mooQ+ZPwn1wzQPVDFgTpfzgS1ayWYNWLIxXWmoKGM2cLu0hs9yRaziKR7OG0XNHglWsMyb5ITMi+JwfkKV9akFP7ElrII5XcmcKySdXNSVg0yYw5CUuZVC1z5jBR3bSrVSn+OFQm/kBdJtEogR1FYzZtDMcf6i0k/jLgj4U7juM4juOY5Q9hBr9zT65bxwAAAABJRU5ErkJggg==')}.quiz-option.wrong{color:var(--color-red);border-color:var(--color-red);background-color:#f6eaea;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAK1SURBVHhe7ZxNTsMwEIV7DO5BvUkX7HsMVIkz9BQsuENPwKZZZ8MR2LOCC6BKqGgcjKKREzuT59iu5kmfkNrayTzmJ00Lm41KpVKpVKpIvT6Yu7a535932+O5Mae2Md15t/1od+Y6xD5GzzXmRK+lNbSW73cTosD6IE3HjZhNb+jxJsyymUJZwoME0Wfg/Z4ft3jRSUOyJRY6Vg1G2VJKmDEh6NjFll7bmAM/4Ww05sDPL6tyZs0YdE78PFdXP7JX7DVzaUyXreSKN8eRw6RqzHGsbVJV5jga0/E4kqjEhhxL8sZd1CiXkuoSwPYdfrBKSdKPai4tDrzU7Hsrz4GqBvnercqpFQI11W4yexyILEL1nrenx+v7y7OFPxeL24N+8uckLO5FqMlFQX1/ff4jMQmxh49FE83eJvVsOgf6bQ8DkwTIzXEgMoli5HFHC9Gcx4KLNWnp+iDSZo0qr7EMiglyypzQ2jmIygw5vSSBStaIkUwzRP8ZMifgOa9FIOpDqPE+JCbwmNfwfZciGveIBu1jyoCfy8XCH09pjkXSqH0fB6PwmeTMGTMpmTl/H3Pz+IPim6AZmsTN4SalNMfB4w+Kb5ACCpybwlnDHILHHxTfIAVq0ATVl5g26YB0zAekF4oB6VuNgPTNakCo2x1LAg2tRdwwI0S3O0iIRj0V5JQ5qPVBJA3aCdGHxm6YzQluzCREBon6j1OqMptjDnIPH+LyckKNe8RHNrR+6R5DROOdCznNikMyvXxCNOviWNKcuW4yi1DZ44TqRSUA6T1cqIlWAosn15j0K3gRqrnUkpSWT1VONeTUCkm/SB6hakzKYY5T8SblNGeoEhv3ag05VkVdAqQe5VJROufMJjp2ESUVkv5Rb6TopFNmlN27RmO4bOnpPxaIU39poP+aQqVSqVSq9PoFfrMnIygiOJQAAAAASUVORK5CYII=')}.quiz-option.correct .quiz-options-sn,.quiz-option.wrong .quiz-options-sn{opacity:0}.quiz-option-text{flex:1;line-height:1.4}.quiz-answer{padding:0;display:flex;align-items:center;line-height:calc(50px * var(--scale));user-select:none}.quiz-answer-letter{width:calc(50px * var(--scale));color:var(--color-white);border-radius:50%;background:var(--color-green)}.exam-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:calc(40px * var(--scale));width:var(--app-width)}.exam-item,.exam-history-item{position:relative;padding:calc(34px * var(--scale));padding-right:calc(80px * var(--scale));height:calc(360px * var(--scale));color:var(--color-white);border-radius:calc(14px * var(--scale));background-image:url(../images/exam_index_bg.png);background-size:auto 100%;background-repeat:no-repeat;background-position:right top;overflow:hidden;user-select:none}.exam-item{background-color:var(--color-blue)}.exam-history-item{background-color:#7b7b7b}.exam-item-left{flex:1}.exam-tag{margin-left:calc(50px * var(--scale))}.exam-title .h5{line-height:1.4}.exam-stats{align-items:center}.stat-item{padding:0 calc(50px * var(--scale));max-width:40%}.stat-divider{margin:0 calc(30px * var(--scale));width:1px;height:calc(70px * var(--scale));background-color:rgba(255,255,255,.6)}.exam-score{padding:calc(20px * var(--scale)) calc(40px * var(--scale));color:var(--color-text);border-radius:calc(8px * var(--scale));background-color:#f3f3f3}#exam_detail{background-color:#f3f3f3}.detail-label{position:relative;z-index:1}.detail-label::after{content:'';position:absolute;bottom:calc(-4px * var(--scale));right:0;width:100%;height:calc(16px * var(--scale));border-radius:calc(8px * var(--scale));background-color:#ffd2c7;z-index:-1}.bank-grid,.bank-exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(30px * var(--scale));width:var(--app-width)}.bank-item,.bank-exam-item{--box-shadow-size:calc(10px * var(--scale)) 0 0 0;position:relative;padding:calc(24px * var(--scale));padding-left:calc(48px * var(--scale));height:calc(300px * var(--scale));border-radius:calc(14px * var(--scale));box-shadow:var(--box-shadow-size) var(--color-blue);background:linear-gradient(120deg,var(--color-blue) 50%,#4a63fa 50%);cursor:pointer;overflow:hidden;user-select:none}.bank-item-blue{box-shadow:var(--box-shadow-size) rgba(123,162,219,.3);background:linear-gradient(to right,#668ec8 5%,rgb(123,162,219) 5%)}.bank-item-teal{box-shadow:var(--box-shadow-size) rgba(110,186,210,.3);background:linear-gradient(to right,#5ea7bd 5%,rgb(110,186,210) 5%)}.bank-item-brown{box-shadow:var(--box-shadow-size) rgba(190,182,159,.3);background:linear-gradient(to right,#b0a689 5%,rgb(190,182,159) 5%)}.bank-item-cyan{box-shadow:var(--box-shadow-size) rgba(186,197,157,.3);background:linear-gradient(to right,#a4b181 5%,rgb(186,197,157) 5%)}.bank-item-red{box-shadow:var(--box-shadow-size) rgba(242,146,124,.3);background:linear-gradient(to right,#d87d68 5%,rgb(242,146,124) 5%)}.bank-item-purple{box-shadow:var(--box-shadow-size) rgba(198,149,228,.3);background:linear-gradient(to right,#b682d7 5%,rgb(198,149,228) 5%)}.bank-tag{position:absolute;top:calc(24px * var(--scale));left:calc(48px * var(--scale))}.bank-title,.bank-exam-title{flex:1;margin-top:calc(20px * var(--scale));line-height:1.4}.bank-title{margin-top:calc(54px * var(--scale))}.bank-num-large{position:absolute;bottom:calc(-40px * var(--scale));right:0;font-size:calc(96px * var(--scale));font-weight:700;background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);background-clip:text;-webkit-text-fill-color:transparent}.popup-list{display:grid;grid-template-columns:repeat(15,1fr);gap:calc(20px * var(--scale));padding-right:6px;width:100%;max-height:calc(212px * var(--scale));overflow-y:auto}.popup-list::-webkit-scrollbar{width:6px}.popup-list::-webkit-scrollbar-thumb{border:0;border-radius:3px;background-color:#ebebeb}.popup-item{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(8px * var(--scale));aspect-ratio:1/1;background-color:#f0f7ff;cursor:pointer;user-select:none}.score-panel{position:relative;padding:calc(90px * var(--scale)) calc(40px * var(--scale));height:calc(360px * var(--scale));border-radius:calc(14px * var(--scale));background:linear-gradient(120deg,var(--color-blue) 50%,#4a63fa 50%);overflow:hidden;user-select:none}.score-bg{position:absolute;bottom:0;right:0;height:90%}.score-box,.achievement-box,.achievement-icon{height:calc(120px * var(--scale));overflow:hidden}.score-large{font-size:calc(96px * var(--scale));background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,.6));background-clip:text;-webkit-text-fill-color:transparent}.achievement-icon{position:relative;margin-right:calc(-30px * var(--scale))}.achievement-icon:nth-child(1){margin-left:0;z-index:3}.achievement-icon:nth-child(2){opacity:.8;z-index:2}.achievement-icon:nth-child(3){opacity:.6;z-index:1}.score-details{margin-top:calc(-20px * var(--scale));padding:calc(30px * var(--scale)) calc(90px * var(--scale));padding-top:calc(50px * var(--scale));border-radius:calc(14px * var(--scale));background-color:#454545;overflow:hidden;user-select:none}.item-progress{flex:1;height:calc(10px * var(--scale));border-radius:calc(5px * var(--scale));background-color:var(--color-white);overflow:hidden}.progress-bar{height:100%;border-radius:8rpx}.progress-bar-green{background:linear-gradient(to right,#93d1b7,var(--color-green))}.progress-bar-blue{background:linear-gradient(to right,#98aff3,var(--color-blue))}.progress-bar-orange{background:linear-gradient(to right,#f7be79,var(--color-orange))}.my-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(30px * var(--scale));width:var(--app-width)}.my-item{position:relative;padding:calc(36px * var(--scale));height:calc(250px * var(--scale));border-radius:calc(14px * var(--scale));background:linear-gradient(to bottom,#e0e8fe,#f3f6ff);overflow:hidden;user-select:none}.my-item:last-child{background:linear-gradient(to bottom,#fdf4f5,#fefafa)}.my-icon{position:absolute;right:calc(20px * var(--scale));bottom:calc(20px * var(--scale));width:calc(100px * var(--scale));height:calc(100px * var(--scale))}@media screen and (max-width:1920px){:root{--scale:.7}}@media screen and (min-width:1921px){:root{--scale:.85}}@media (-webkit-max-device-pixel-ratio:1){::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb{min-height:28px;border:2px solid transparent;border-radius:6px;background-color:#606060;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#909090}}