@charset "UTF-8";:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(//fonts.gstatic.com/s/googlesans/v14/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2)format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(//fonts.gstatic.com/s/googlesans/v14/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2)format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(//fonts.gstatic.com/s/googlesans/v14/4UaGrENHsxJlGDuGo1OIlL3Bwp5MKg.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(//fonts.gstatic.com/s/googlesans/v14/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2)format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400;src:local("Google Sans Regular"),local("GoogleSans-Regular"),url(//fonts.gstatic.com/s/googlesans/v14/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(//fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2)format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(//fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2)format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(//fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94Yt8CwZ-Pw.woff2)format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(//fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2)format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;src:local("Google Sans Medium"),local("GoogleSans-Medium"),url(//fonts.gstatic.com/s/googlesans/v14/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{font-size:15px;padding:0;margin:0;outline:none;box-sizing:border-box;line-height:normal;list-style:none;font-family:Nunito Sans,Google Sans,Nunito Sans,sans-serif;font-weight:400;color:#444;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:0px}::-webkit-scrollbar:horizontal{height:0px}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#999}.wrap-page{max-width:720px;margin:0 auto;box-shadow:0 1px 10px #00000026}html,body{height:100%}.min-height{min-height:calc(100vh - 200px)}.max-height{max-height:100%}.mh100{max-height:100%}.max-height-200{max-height:200px}.max-height-250{max-height:250px}.max-height-300{max-height:300px}h1,h2,h3,h4,h5,h6,b,strong,.f500{font-weight:500}h1,h2,h3,h4,h5,h6{line-height:30px}.lineh-0{line-height:0}.lineh-20{line-height:20px}.lineh-22{line-height:22px}.lineh-25{line-height:25px}.lineh-30{line-height:30px}.lineh-35{line-height:35px}.lineh-50{line-height:50px}.float-l{float:left}.float-r{float:right}.svg{display:block}.cursor-p{cursor:pointer}a{color:#045bcf;text-decoration:none}.cl-main{color:#2962ff}.cl-second{color:#39d532!important}.bold{font-weight:500}.block{display:block}.in-block{display:inline-block}.none{display:none}.flex{display:flex}.flex-im{display:flex!important}.flex_1{flex:1}.flex_2{flex:2}.flex_3{flex:3}.flex-wrap{flex-wrap:wrap}.flex-row-reverse{flex-flow:row-reverse}.flex-column{flex-direction:column}.align-center{align-items:center}.align-start{align-items:flex-start}.jus-left{justify-content:left!important}.jus-center{justify-content:center}.jus-right{justify-content:right!important}.jus-space{justify-content:space-between!important}.gap-1{gap:1px}.gap-3{gap:3px!important}.gap-5{gap:5px!important}.gap-8{gap:8px!important}.gap-10{gap:10px!important}.gap-12{gap:12px!important}.gap-15{gap:15px!important}.gap-20{gap:20px!important}.gap-30{gap:30px!important}.bd-ra-3{border-radius:3px}.bd-ra-5{border-radius:5px}.bd-ra-10{border-radius:10px}.bd-bt{border-bottom:1px dashed #ddd}ruby{font-size:inherit;letter-spacing:3px;font-family:微软雅黑,PingFang SC,Arial,宋体,simsun,sans-serif;color:#222}rt{margin-bottom:5px;margin-top:3px;font-size:14px;color:#666;letter-spacing:initial;font-family:微软雅黑,PingFang SC,Arial,宋体,simsun,sans-serif;margin-right:5px}.letter3{letter-spacing:3px}.text-uper{text-transform:uppercase}.text-cap{text-transform:capitalize}.text-un{text-decoration:underline}.text-line{text-decoration:line-through}.ta-r{text-align:right}.ta-c{text-align:center!important}.ta-l{text-align:left}.ta-jus{text-align:justify}.text-indent-20{text-indent:20px}.ov{overflow:hidden}.over-y-auto{overflow-y:auto;touch-action:pan-y}.ws-nowarp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-preline{white-space:pre-line}.cl-w{color:#fff!important}.cl-red{color:#ef2e2e!important}.cl-yellow{color:#ffac07!important}.cl-green{color:#10c108!important}.cl-666{color:#666}.cl-888{color:#888}.cl-999{color:#999}.fs-10{font-size:10px!important}.fs-12{font-size:12px!important}.fs-11{font-size:11px!important}.fs-13{font-size:13px!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}.fs-16{font-size:16px!important}.fs-18{font-size:18px!important}.fs-20{font-size:20px!important}.fs-22{font-size:22px!important}.fs-25{font-size:25px!important}.fs-30{font-size:30px!important}.fs-35{font-size:35px!important}.fs-40{font-size:40px!important}.fs-45{font-size:45px!important}.pd-0{padding:0!important}.pd-5{padding:5px!important}.pd-10{padding:10px}.pd-15{padding:15px}.pt-0{padding-top:0!important}.pt-3{padding-top:3px}.pt-5{padding-top:5px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-45{padding-top:45px}.pb-0{padding-bottom:0!important}.pb-3{padding-bottom:3px}.pb-5{padding-bottom:5px}.pb-8{padding-bottom:8px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pd-80percent{padding-bottom:90%!important}.pr-3{padding-right:3px}.pr-5{padding-right:5px}.pr-8{padding-right:8px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-35{padding-right:35px}.pl-3{padding-left:3px}.pl-5{padding-left:5px}.pl-8{padding-left:8px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-35{padding-left:35px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mb-3{margin-bottom:3px}.mb-5{margin-bottom:5px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-400{margin-bottom:400px!important}.mt-20{margin-top:20px}.mr-5{margin-right:5px}.mr--15{margin-right:-15px}.mw100{max-width:100%}.m-w-150{max-width:150px}.m-w-180{max-width:180px}.max-width{max-width:1000px;width:100%;margin:0 auto;padding:0 15px}.width-5{width:5%}.width-10{width:10%}.width-15{width:15%}.width-20{width:20%}.width-25{width:25%}.width-30{width:30%}.width-35{width:35%}.width-40{width:40%}.width-45{width:45%}.width-50{width:50%}.width-55{width:55%}.width-60{width:60%}.width-65{width:65%}.width-70{width:70%}.width-75{width:75%}.width-80{width:80%}.width-85{width:85%}.width-90{width:90%}.width-95{width:95%}.width-100{width:100%}.h100{height:100%}.h150{height:150px}.h50{height:50%}.position-re{position:relative}.no-data{color:#999;text-align:center;padding:30px}.bg-w{background-color:#fff}select{padding:6px 10px;border:1px solid #ccc;border-radius:5px}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert_msg{position:fixed!important;top:10px;left:10px;z-index:1000;border-radius:5px;padding:5px 0 5px 10px!important;display:flex;align-items:center;width:calc(100vw - 20px);gap:10px}.al-img{width:24px;display:block}.alert-warning{border-left:3px solid #FFC943}.alert-success{background-color:#deffe4;border-left:3px solid #19eb5a}.alert-close{display:block;height:100%;padding:5px 10px;cursor:pointer}.btn{display:inline-block;padding:10px 15px;border-radius:15px;color:#fff;cursor:pointer;text-align:center;font-size:16px;border-top:none}.btn-sm{padding:5px 12px;font-size:13px}.btn-action{background-color:#39d432!important;border-bottom:3px solid #0c9b06!important}.btn-action:hover,.btn-action:active{background-color:#39d432!important;border-bottom:1px solid #13c30c!important}.btn-warning{background-color:#ffac07!important;border-bottom:3px solid #CA8800!important}.btn-warning:hover,.btn-warning:active{background-color:#ffac07!important;border-bottom:1px solid #CA8800!important}.btn-info{background-color:#ffac07!important;border-bottom:3px solid #d28e00!important}.btn-info:hover,.btn-info:active{background-color:#e1990a!important;border-bottom:1px solid #d28e00!important}.btn-danger{background-color:#ff564c!important;border-bottom:3px solid #E74032!important}.btn-danger:hover,.btn-danger:active{border-bottom:1px solid #D02517!important}.btn-none{background-color:#f3f3f3!important;color:#333!important;border-bottom:3px solid #d9d4d4!important}.btn-none:hover,.btn-none:active{border-bottom:1px solid #d9d4d4!important}.btn-link{background-color:#d3efff;color:#0059ff!important;border-bottom:3px solid #6cc1f3}.btn-link:hover,.btn-link:active{border-bottom:1px solid #d9d4d4}.div-btn{height:45px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;align-items:flex-end;width:100%}.div-btn-sm{height:31px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;align-items:flex-end;width:100%}.main-content .detail *{line-height:20px!important}.page-stand{width:100%;height:100%;background-color:#fff;overflow-y:auto}.bg-red{background-color:#ef2e2e}.bg-yel{background-color:#ffb03a}.bg-green{background-color:#39d532}.bg_light_yel{background-color:#fffcdd}.bg_gray{background-color:#f3f3f3!important}.banners .swiper-pagination{bottom:2px!important}span,div,p,b,i,h1,h2,h3,h4,h5,h6,ul,li,strong,font{user-select:text!important;-webkit-touch-callout:none;-webkit-user-select:text!important}.no_login{padding:8px 10px;border-radius:5px;border:1px solid #efe487;margin-bottom:10px}.no_login img{width:16px;float:left;margin-right:5px}.back{position:fixed;top:0;left:0;height:50px;width:100%;background:linear-gradient(to bottom,#deffdd 40%,#fff0);align-items:center}.back *{color:#444}.back .nowrap{overflow:hidden;width:calc(100% - 60px)}.back .nowrap b{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.back .go-back{display:flex;width:60px;text-align:center;font-size:30px;cursor:pointer;justify-content:center;align-items:center}.back .go-back:hover{color:#10c108!important}.back .support{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.back .top-action div{padding:0 15px}.sound-gender{display:flex;gap:5px;justify-content:center}.sound-gender span{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;cursor:pointer}.sound-gender span img{width:16px}.sound-gender .female{background-color:#39d432}.sound-gender .male{background-color:#74d7ff}.big-gender span img{width:24px;margin:5px}.list-question{height:100%}.list-question .all-audio{position:absolute;top:0;left:0;width:100%;height:45px;overflow:hidden;background-color:#f1f3f4;border-bottom:1px solid #e6e6e6}.list-question .all-audio audio{width:100%;height:44px}.list-question .all-audio .over-like-real{position:absolute;left:0;top:0;width:100%;height:45px;background-color:#fffc;z-index:2}.list-question .audio{position:absolute;top:0;left:0;width:100%}.list-question .temp-normal .explain{bottom:0}.list-question .temp-audio,.list-question .temp-audio-not-footer{padding:0}.list-question .temp-audio-not-footer .explain{bottom:0}.list-question .audio{background-color:#f1f3f4;border-bottom:1px solid #e6e6e6;height:45px}.list-question .audio audio{width:100%;height:44px}.list-question .des-image{text-align:center;background-color:#fff;padding:15px;border-radius:5px;touch-action:pan-y;justify-content:center}.list-question .des-image .des{background-color:#dbbf50;padding:10px;font-weight:500;border-radius:5px 5px 0 0;margin-bottom:5px}.list-question .des-image img{max-width:100%;display:block;max-height:250px;margin:0 auto}.list-question .hsk_question{overflow-y:auto;touch-action:pan-y}.list-question .hsk_question .divaudio{width:100%;height:40px;overflow:hidden;background-color:#f1f3f4;border-bottom:1px solid #e6e6e6}.list-question .hsk_question .divaudio audio{width:100%;height:40px}.list-question .hsk_question .ex-caption{padding:10px 15px;gap:10px;display:flex}.list-question .hsk_question .ex-caption img{width:32px}.list-question .hsk_question .subtitle-tran{border:1px solid #dbbf50;margin:15px 15px 0;border-radius:5px;padding:10px 15px;max-height:250px;overflow-y:auto}.list-question .hsk_question .option-image{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;padding:15px;border-bottom:1px solid #ddd}.list-question .hsk_question .option-image p{height:90px;position:relative;width:90px;border:1px solid #ccc;border-radius:10px}.list-question .hsk_question .option-image p span{border-radius:10px;overflow:hidden;display:block}.list-question .hsk_question .option-image p span img{width:100%;display:block}.list-question .hsk_question .option-image p b{text-transform:uppercase;position:absolute;left:0;bottom:0;background-color:#fff;padding:1px 5px;border-radius:5px;border:1px solid #000000;color:#000}.list-question .hsk_question .option-text{padding:15px;border-bottom:1px solid #ddd;height:226px;overflow-y:auto}.list-question .hsk_question .option-text p{border-radius:10px;margin-bottom:15px;display:flex;align-items:center}.list-question .hsk_question .option-text p span{border-radius:10px;overflow:hidden;display:block}.list-question .hsk_question .option-text p b{text-transform:uppercase;background-color:#fff;padding:1px 5px;border-radius:5px;border:1px solid #000000;color:#000;display:block;float:left;margin:0 10px 0 0}.list-question .hsk_question .wrap-question{overflow-y:auto;touch-action:pan-y}.list-question .hsk_question .wrap-question .question-item{margin:15px;border:1px solid #F2E580;border-radius:5px}.list-question .hsk_question .wrap-question .question-item .title{background-color:#f2e580;font-weight:500;padding:8px 10px;color:#000}.list-question .hsk_question .wrap-question .question-item .div-quest{padding:0 10px;font-size:18px;margin-top:10px}.list-question .hsk_question .wrap-question .question-item .option-list{display:flex;margin:15px 0;flex-wrap:wrap}.list-question .hsk_question .wrap-question .question-item .option-list .lkey{flex:1;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}.list-question .hsk_question .wrap-question .question-item .option-list .lkey b{border:1px solid #999;text-transform:uppercase;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:100%;min-width:40px;font-size:16px}.list-question .hsk_question .wrap-question .question-item .option-list .lkey:hover b,.list-question .hsk_question .wrap-question .question-item .option-list .lkey:active b{background-color:#fff292;border-color:#ffc332!important}.list-question .hsk_question .wrap-question .question-item .option-list .ltext{display:flex;align-items:center;cursor:pointer;padding:0 15px;margin-bottom:15px;gap:15px;width:100%}.list-question .hsk_question .wrap-question .question-item .option-list .ltext b{border:1px solid #999;text-transform:uppercase;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:100%;min-width:40px;font-size:16px}.list-question .hsk_question .wrap-question .question-item .option-list .ltext:hover b,.list-question .hsk_question .wrap-question .question-item .option-list .ltext:active b{background-color:#fff292;border-color:#ffc332!important}.list-question .hsk_question .wrap-question .question-item .option-list .ltext:last-child{margin-bottom:0}.list-question .hsk_question .wrap-all{height:100%}.list-question .hsk_question .wrap-50{height:calc(100% - 226px)}.list-question .hsk_question .sort-option{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px;flex-direction:column}.list-question .hsk_question .sort-option p{align-items:center;border-radius:5px;gap:15px;cursor:pointer;border:1px solid #ccc;padding:10px 15px;width:100%}.list-question .hsk_question .sort-option p span{border-radius:10px;overflow:hidden;display:block}.list-question .hsk_question .sort-option p b{text-transform:uppercase;font-size:20px}.list-question .hsk_question .sort-option .is_select{background-color:#e9e9e9}.list-question .hsk_question .result-sort{margin:0 15px;border-top:1px solid #ddd;padding:15px 0}.list-question .hsk_question .result-sort .item{align-items:center}.list-question .hsk_question .result-sort .item .sort{display:inline-block;padding:0 5px;font-size:20px;text-transform:uppercase;border:1px solid #ccc;border-radius:5px}.list-question .hsk_question .result-sort .item .del img{width:32px}.list-question .hsk_question .choose-opt{display:flex;justify-content:center;align-items:center;gap:15px;padding:15px;flex-direction:column}.list-question .hsk_question .choose-opt p{align-items:center;border-radius:5px;gap:15px;cursor:pointer;border:1px solid #ccc;padding:12px 15px;width:100%}.list-question .hsk_question .choose-opt p span{border-radius:10px;overflow:hidden;display:block}.list-question .hsk_question .choose-opt p span img{max-width:100%;height:140px;display:block}.list-question .hsk_question .choose-opt p b{text-transform:uppercase;font-size:20px;border:1px solid #999;padding:5px 10px;border-radius:5px}.list-question .hsk_question .choose-opt p:hover b,.list-question .hsk_question .choose-opt p:active b,.list-question .hsk_question .select{background-color:#fdea5e;border-color:#fdc846!important}.list-question .hsk_question .not{border:1px solid #E43E31!important;background-color:#ff978f!important;color:#fff}.list-question .hsk_question .ok{border:1px solid #39D532!important;background-color:#39d532!important;color:#fff}.list-question .hsk_question .user_select{position:relative}.list-question .hsk_question .user_select:before{content:"";position:absolute;background-color:orange;width:4px;height:4px;top:-8px;border-radius:100%;left:calc(50% - 2px)}.list-question .des-question{text-align:center;padding:15px;border-radius:5px;overflow-y:auto;touch-action:pan-y}.list-question .des-question .intro-text{margin-bottom:2px;background-color:#fff;padding:8px 0;overflow-y:auto;border:2px solid #39D532;border-radius:5px;touch-action:pan-y}.list-question .des-question .intro-text p{font-size:15px;padding:0 10px}.list-question .des-question .intro-text p *{font-size:15px;line-height:25px;padding:0;text-align:unset!important}.list-question .des-question .intro-text p table{border:1px solid #999;border-collapse:collapse;width:100%!important;margin:10px 0}.list-question .des-question .intro-text p table td{border:1px solid #999;padding:3px;align-items:center}.list-question .des-question .intro-text p table td *{line-height:normal!important}.list-question .des-question .intro-text strong span,.list-question .des-question .intro-text b span{font-weight:500}.list-question .des-question .intro-text sup{color:inherit}.list-question .des-question ul{margin-bottom:20px;background-color:#fff;border-radius:6px 6px 0 0;overflow:hidden}.list-question .des-question ul li{line-height:24px;padding:5px 10px;font-size:15px}.list-question .des-question ul li span{text-transform:uppercase;font-weight:500}.list-question .des-question ul .q{background-color:#dbbf50;padding:8px 10px;margin-bottom:10px;color:#000}.list-question .des-question ul .q b{border:1px solid #4a4a4a;display:inline-block;padding:1px 8px;margin-right:5px;color:#000;background-color:#fff}.list-question .des-question ul .sub-answer{padding:5px 0;width:100%;background-color:#f1f3f4;border-top:1px solid #ededed;display:flex;border-bottom:1px solid #ededed;margin-top:10px}.list-question .des-question ul .sub-answer span{width:25%;text-align:center}.list-question .des-question ul .sub-answer span b{text-transform:uppercase;display:inline-block;width:40px;height:40px;border-radius:100%;border:1px solid #999;line-height:40px;cursor:pointer;background-color:#fff}.list-question .des-question ul .sub-answer span b:hover{background-color:#ffeca1;border-color:#e9d277;color:#b77e00}.list-question .des-question ul .sub-answer span .not{border:1px solid #ff3d53;background-color:#ff3d53;color:#fff}.list-question .des-question ul .sub-answer span .ok{border:1px solid #39D532!important;background-color:#39d532!important;color:#fff}.list-question .des-question ul .sub-answer span .select{background-color:#fff292;border-color:#ffc332;color:#fff}.list-question .answer{display:flex;padding:10px 0;position:absolute;bottom:0;left:0;width:100%;background-color:#f1f3f4;border-top:1px solid #ededed;justify-content:center}.list-question .answer span{width:25%;text-align:center}.list-question .answer span b{text-transform:uppercase;display:inline-block;width:40px;height:40px;border-radius:100%;border:1px solid #999;line-height:40px;cursor:pointer;background-color:#fff}.list-question .answer span b:hover{background-color:#ffeca1;border-color:#e9d277;color:#b77e00}.list-question .answer span .ok{border:1px solid #39D532!important;background-color:#39d532!important;color:#fff}.list-question .answer span .not{border:1px solid #ff3d53;background-color:#ff3d53;color:#fff}.list-question .answer span .select{background-color:#fff292;border-color:#ffc332;color:#fff}.list-question .explain{position:absolute;bottom:60px;width:100%;left:0;height:50%;overflow-y:auto;display:flex;flex-flow:column;padding:0;touch-action:pan-y}.list-question .explain .tab{position:relative;padding:0 10px;background-color:#39d532;border-radius:30px 30px 0 0;overflow:hidden}.list-question .explain .tab .list-tab{white-space:nowrap;width:95%;overflow-y:auto}.list-question .explain .tab span{display:inline-block;padding:10px 10px 7px;cursor:pointer;color:#fff;border-radius:5px 5px 0 0;font-size:14px}.list-question .explain .tab .active{font-weight:500;color:#000;border-bottom:3px solid #FFAC07}.list-question .explain .tab .close-explain{display:inline-block;width:40px;text-align:center;position:absolute;right:0;height:100%;top:0;font-size:20px;line-height:16px}.list-question .explain .tab .close-explain b{background-color:#fff;color:#0ea169;display:inline-block;width:18px;height:18px;border-radius:100%;line-height:18px}.list-question .explain .content{background-color:#fff;padding:15px;flex:1;height:100%;overflow-y:auto;touch-action:pan-y}.list-question .explain .content div{line-height:20px}.list-question .explain .content div *{line-height:25px}.list-question .explain .content div p{font-size:15px;margin-bottom:5px}.list-question .explain .content div p *{font-size:15px;line-height:25px}.list-question .explain .content div strong span,.list-question .explain .content div b span{font-weight:500}.list-question .explain .content div sup{color:inherit}.list-section{display:flex;flex-wrap:wrap;gap:15px;margin-right:-15px}.list-section li{width:calc(50% - 15px);background-color:#fff;border-radius:5px;overflow:hidden;padding:10px 15px;border:1px solid #ddd}.list-section li .section{display:flex;gap:15px;align-items:center}.list-section li .section .name{display:flex;align-items:center;line-height:20px;font-weight:500;width:100%}.list-section li .section .word-learn{display:flex;align-items:center;flex-direction:column}.list-section li .section .learn{color:#999;width:100%}.list-section li .percent{height:4px;background-color:#e5fbe5;padding:0;margin-top:5px;margin-bottom:2px}.list-section li .percent span{display:block;height:4px;background-color:#39d532;border-radius:10px}.list-section .done{background-color:#f0fff0;border-color:#39d532}#test-kit .back .action{display:flex;flex-flow:row-reverse}#test-kit .back .action .item{padding:0 15px}#test-kit .all-cau{line-height:25px;height:100%}#test-kit .all-cau .time{color:#ef2e2e;font-weight:500}.process-bar{display:block;width:100%;padding:3px;height:10px;border-radius:5px}.process-bar .percent{height:4px;display:block;border-radius:3px}.pc-red{background-color:#ffeeec}.pc-red .percent{background-color:#ff675b}.pc-yellow{background-color:#fff3db}.pc-yellow .percent{background-color:#ffac07}.pc-green{background-color:#e5fbe5}.pc-green .percent{background-color:#39d532}.fix-page{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background-color:#0000004d;padding-top:50px}.fix-page .goback{position:absolute;top:0;left:0;width:100%;height:50px}.fix-page .goback span{font-size:30px;width:60px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.fix-page .goback p{display:flex;justify-content:center;align-items:center}.fix-page .fix-content{background-color:#fff;box-shadow:0 1px 5px #0003;border-radius:10px 10px 0 0;padding:30px 15px 15px;max-height:60%;bottom:0;position:absolute;left:0;width:100%;overflow-y:auto}.fix-page .fix-content:before{position:absolute;content:"";width:15px;height:3px;background-color:#999;top:10px;border-radius:3px;left:calc(50% - 7.5px)}@keyframes progress{0%{stroke-dasharray:0 100}}.single-chart{width:100%;justify-content:space-around}.single-chart .circular-chart{display:block;margin:0 auto;max-width:100%;max-height:250px}.single-chart .circular-chart .circle-bg{fill:none;stroke-width:1.5}.single-chart .circular-chart .circle{fill:none;stroke-width:2;stroke-linecap:round;animation:progress 1s ease-out forwards}.single-chart .circular-chart .percentage{fill:#666;font-family:sans-serif;font-size:.75em;text-anchor:middle}.single-chart .circular-chart .percent-text{fill:#666;font-family:sans-serif}.single-chart .green .circle-bg{stroke:#e5fbe5}.single-chart .green .circle{stroke:#39d532}.single-chart .yellow .circle-bg{stroke:#f5ffbd}.single-chart .yellow .circle{stroke:#ffac07}.big-chart{width:100%;max-width:100px;text-align:center;display:flex;justify-content:center;margin:0 auto}.big-chart .circular-chart{display:block;margin:0 auto;max-width:100%;max-height:250px}.big-chart .circular-chart .circle-bg{fill:none;stroke:#d0f4e7;stroke-width:1.8}.big-chart .circular-chart .circle{fill:none;stroke-width:.8;stroke-linecap:round;animation:progress 1s ease-out forwards}.big-chart .circular-chart .percent-text{fill:#666;font-family:sans-serif}.big-chart .green .circle{stroke:#39d532}.big-chart .svg_name{position:absolute}#games .sound{width:60px;display:flex;justify-content:center;align-items:center;cursor:pointer}#games .game-name{font-weight:500;position:absolute;left:0;top:10px}#games .choose-true{border:2px solid #39D532;background-color:#deffdd}#games .choose-false{border:2px solid #FF564C;background-color:#ffdfdd}#games .game-show{animation-name:animation_show;animation-duration:1s;display:flex;justify-content:center;gap:15px;flex-direction:column;height:100%;position:relative}#games .game-hide{animation-name:animation_hide;animation-duration:1s}@keyframes animation_show{0%{opacity:0}to{opacity:1}}@keyframes animation_hide{0%{opacity:1}to{opacity:0}}.ef_show{animation-name:animation_show;animation-duration:1s}.df_switch{position:relative;display:inline-block;width:30px}.df_switch input{opacity:0;width:0;height:0}.df_switch input:checked+.slider{background-color:#2196f3}.df_switch input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translate(13px)}.df_switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.df_switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.df_switch .slider:before{position:absolute;content:"";height:13px;width:13px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.df_switch .slider.round{border-radius:24px}.df_switch .slider.round:before{border-radius:50%}.specifi_fs-15{font-size:15px}.specifi_fs-15 *{font-size:inherit}.course .sub-title{font-size:20px;margin-bottom:15px}.course .list{padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin:15px 0 20px}.course .list li{line-height:20px;display:flex;padding:3px 0;align-items:center;gap:6px;font-size:15px}.course .list li img{width:24px}.course .list li *{font-size:inherit}.course .teaser{line-height:23px;font-size:15px}.course .detail{margin-bottom:30px}.course .detail .info-detail img{margin:10px 0;max-width:100%}.course .detail .info-detail *{line-height:23px!important;max-width:100%;font-size:15px}.course .topic{margin-bottom:30px}.course .topic h3{font-size:17px;margin-bottom:6px}.course .topic .topic-in-course{margin-bottom:25px;border:1px solid #e7e7e7;padding:12px 15px;border-radius:5px}.course .topic .topic-in-course .process{margin-bottom:10px}.course .topic .topic-in-course ul li{line-height:20px;padding:10px 0;cursor:pointer;gap:10px;font-size:15px}.course .topic .topic-in-course ul li *{font-size:15px}.course .topic .topic-in-course ul li .no_exercise{width:10px;height:15px;display:flex}.course .topic .topic-in-course ul li .pending{width:10px;height:15px;border:1px solid #ffffff;flex-direction:column-reverse;border-radius:3px;overflow:hidden;box-shadow:0 0 2px #4e4e4e;margin-top:3px}.course .topic .topic-in-course ul li .pending b{width:100%;border-radius:2px}.introjs-tooltiptext{padding:10px 20px 0!important;line-height:18px}.introjs-button{border:none!important;border-radius:8px!important;outline:none!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer}.introjs-prevbutton{background-color:#f9f9f9!important;color:#333!important;border-bottom:3px solid #d9d4d4!important}.introjs-prevbutton:hover{border-bottom:1px solid #d9d4d4!important}.introjs-nextbutton{background-color:#39d532!important;border-bottom:3px solid #119f69!important;color:#fff!important}.introjs-nextbutton:hover{border-bottom:1px solid #1cb178!important}.introjs-tooltipbuttons{display:flex;justify-content:space-between;align-items:flex-end}.introjs-tooltipbuttons:after{content:none!important}.introjs-tooltip-title{font-weight:500!important}.introjs-tooltipReferenceLayer *{font-family:Nunito Sans,Google Sans,Nunito Sans,sans-serif!important}.introjs-tooltip{min-width:280px!important}.dark,.dark .swb{background-color:#222!important}.dark .swb_2{background-color:#2c2b2b!important}.dark .swb_4{background-color:#444!important}.dark .swt,.dark .swt *{color:#e8e8e8!important}.dark .swt tr,.dark .swt td{background-color:transparent!important}.dark .swt_2,.dark .swt_2 *{color:#b7b7b7!important}.dark .list-question{background-color:#222!important}.dark .list-question .intro *{color:#e8e8e8}.dark .list-question .des-image,.dark .list-question .answer{background-color:#222!important}.dark .list-question .answer{border-top:1px solid #555}.dark .list-question .explain .content{background-color:#444!important}.dark .list-question .explain .content *{color:#e8e8e8!important}.dark .list-question .des-question .intro-text{background-color:#444!important}.dark .list-question .des-question .intro-text *{color:#e8e8e8}.dark .list-question .des-question .row{background-color:#444!important}.dark .list-question .des-question .row li,.dark .list-question .des-question .row li span{color:#e8e8e8}.dark .list-question .des-question .row .q{color:#222!important}.dark .end-game{background-color:#222!important}.dark .end-game .top *,.dark .end-game .body *{color:#e8e8e8}.dark .end-game .your-score{background-color:#444}.dark .end-game .total-score .score-number{background-color:#444;border-color:#666}.dark .end-game #result-page{background-color:#222!important}.dark .end-game #result-page .section-tab *,.dark .end-game #result-page .part .part-name,.dark .end-game #result-page .part .part-result{color:#e8e8e8}.dark .end-game #result-page .answer span b{color:#444}.dark .page-result-row{background-color:#222!important}.dark .page-result-row .list .cau{color:#e8e8e8}.dark #vocabulary{background-color:#222!important}.dark #vocabulary .section .name,.dark #vocabulary .list-word .word{color:#e8e8e8}.dark #vocabulary .list-word .text{color:#bbb}.dark #vocabulary .action-learn{background-color:#444!important}.dark #games .type-game{background-color:#222!important}.dark #games .type-game .game-show *{color:#e8e8e8}.dark #games .type-game .game-show .keyboard span,.dark #games .type-game .game-show .real-word,.dark #games .type-game .inputword .suggest{background-color:#444}.dark #games .type-game .inputword .suggest b{color:#0bb172!important}.dark #phrase_play .view{padding:15px}:root{--gt-ink: #1d2b3a;--gt-muted: #5f6f7e;--gt-rim: #4f9a35;--gt-rim-lt: #cfe6c2;--gt-pur: #6d2fe0;--gt-pur-lt: #9b5cff;--gt-pur-dk: #3f1791;--gt-card-shadow: 0 4px 0 var(--gt-rim), 0 8px 16px rgba(30, 70, 20, .14)}html,body,html #app{background:#f4f6f3}html #app{box-shadow:none}html #app .wrap,html #app #body,html #app #body>div:not(.page-index){background-color:transparent}html #app #head{background:linear-gradient(180deg,#7b3fe4,#5a26c2);box-shadow:0 4px 0 var(--gt-pur-dk),0 8px 18px #280a5a38}html #app #head .title-container,html #app #head .title-container *{color:#fff!important}#app #head img{filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}#app #head .notification-bell svg,#app #head .notification-bell path{stroke:#fff}#app .back{background:linear-gradient(180deg,#7b3fe4,#5a26c2);box-shadow:0 4px 0 var(--gt-pur-dk),0 8px 18px #280a5a38;align-items:center;color:#fff;z-index:30}#app .back>b,#app .back>.fs-18,#app .back .title{color:#fff!important;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app .back .go-back{width:36px;height:36px;margin:0 4px 0 8px;flex:none;align-items:center;justify-content:center;border-radius:12px;padding-bottom:3px;color:#fff!important;text-decoration:none;background:#ffffff29;line-height:1}#app .back .go-back:hover{background:#ffffff47}#app .back .go-back img,#app .back .go-back svg{filter:brightness(0) invert(1)}#app .back .go-back svg path{stroke:#fff}#app .fillter span,#app #lesson .filter span,#app .list-type span{border:0!important;border-radius:999px;padding:4px 14px;margin:0 8px 10px 0;background:#fff;color:var(--gt-ink);font-weight:700;box-shadow:0 3px 0 var(--gt-rim-lt),0 4px 10px #1e461414}#app .fillter span.ac,#app #lesson .filter span.ac,#app .list-type span.ac,#app .list-type span.active{color:#fff!important;background:linear-gradient(180deg,var(--gt-pur-lt),var(--gt-pur));box-shadow:0 3px 0 var(--gt-pur-dk),0 6px 12px #3f179138}#app #test-kit ul li,#app #type_question .topic li .section,#app #type_question .types li,#app #lesson .list-lesson li,#app #settings .menu_setting,#app #upgrade .price-list .item,#app #upgrade .package,#app #upgrade .banners,#app #feed_container .card{background:#fff!important;border:0!important;border-radius:18px;box-shadow:var(--gt-card-shadow)}#app #test-kit ul{padding:12px 14px 0}#app #test-kit ul li{margin-bottom:14px}#app #type_question .topic li .section:hover,#app #type_question .types li:hover,#app #test-kit ul li:hover,#app #lesson .list-lesson li:hover{transform:translateY(-2px)}#app #type_question .types li{margin-bottom:14px}#app #type_question .types li .level span{border-radius:8px;background:#f1e9ff;color:#3b1f7a;border:0;font-weight:700}#app #lesson .list-lesson{padding:4px 14px 0}#app #lesson .list-lesson li{margin-bottom:12px;padding:10px 12px;border-bottom:0!important}#app #lesson .list-lesson li .stt{border-radius:12px;overflow:hidden;background-color:#e9f7df}#app #settings .user{margin:10px 0 0;padding:10px 12px;background:#fff;border-radius:18px;box-shadow:var(--gt-card-shadow)}#app #settings .share{margin:14px 0;border-radius:18px;background:#fffbea!important;border:0!important;box-shadow:0 4px #c98a00,0 8px 16px #1e46141f}#app #settings .menu_setting{margin:0 0 20px;padding:4px 12px}#app #settings .menu_setting li:last-child,#app #settings .menu_setting li:last-child a{border-bottom:0!important}#app #roadmap .page-roadmap .list-day .info{border:0!important;border-radius:16px;background:#fff;box-shadow:var(--gt-card-shadow)}#app #roadmap .page-roadmap .list-day .locked .info{box-shadow:0 4px #c8d3cc,0 8px 16px #1e461414}#app #body>div:not(.page-index) .btn-action{border:0!important;border-radius:14px;font-weight:800;background:linear-gradient(180deg,#5fd84a,#2fae2a);color:#fff!important;box-shadow:0 3px #1f7d1c,0 6px 12px #1f7d1c33}#app #body>div:not(.page-index) .btn-action:active{transform:translateY(2px);box-shadow:0 1px #1f7d1c}#app #feed_container .category-bar .cat-btn{border:0!important;border-radius:999px;background:#fff;color:var(--gt-ink);font-weight:700;box-shadow:0 3px 0 var(--gt-rim-lt),0 4px 10px #1e461414}#app #feed_container .category-bar .active{color:#fff!important;background:linear-gradient(180deg,var(--gt-pur-lt),var(--gt-pur));box-shadow:0 3px 0 var(--gt-pur-dk),0 6px 12px #3f179138}#app #feed_container .card{margin:12px 14px}#app #feed_container .postitem{margin:0 14px 14px;padding:12px;border:0!important;border-radius:18px;background:#fff;box-shadow:var(--gt-card-shadow)}#app #upgrade .package,#app #upgrade .banners{overflow:hidden}#app #upgrade .page-title{color:var(--gt-pur-dk)}#app #play_lesson .head,#app #pinyin .head,#app #play_spell .head,#app #introduction .head{background:linear-gradient(180deg,#7b3fe4,#5a26c2);box-shadow:0 4px 0 var(--gt-pur-dk),0 8px 18px #280a5a38;border-bottom:0;color:#fff}#app #play_lesson .head *,#app #pinyin .head *,#app #play_spell .head *,#app #introduction .head *{color:#fff!important}#app #play_lesson .head .go-back,#app #pinyin .head .go-back,#app #play_spell .head .go-back,#app #introduction .head .go-back{width:36px;height:36px;margin:0 8px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff29;padding-bottom:3px}#app #play_lesson .head .go-back img,#app #pinyin .head .go-back img,#app #play_spell .head .go-back img,#app #introduction .head .go-back img{filter:brightness(0) invert(1)}#app .back *:not(input):not(textarea):not(select):not(option){color:#fff!important}#app .back img:not(.keep-color){filter:brightness(0) invert(1)}#app .back svg [stroke]:not([stroke=none]){stroke:#fff}#app .back svg [fill]:not([fill=none]){fill:#fff}#app .back .time,#app .back #timer{color:#ffe27a!important;font-weight:800}#app .back .action .item img{width:24px;height:24px}#app .boxsearch{background:linear-gradient(180deg,#7b3fe4,#5a26c2);box-shadow:0 4px 0 var(--gt-pur-dk),0 8px 18px #280a5a38;z-index:30}#app #dictionary{padding-top:78px}#app #dictionary .boxsearch{height:64px;padding:12px 14px}#app .boxsearch .content-search{border:0!important;align-items:center}#app .boxsearch .content-search .go-back{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff29;color:#fff!important;padding-bottom:3px;margin-right:8px}#app .boxsearch .content-search .action{background:#fff;border-radius:14px;padding:0 6px 0 12px;box-shadow:inset 0 2px #0000000f}#app .back .static,#app .back .static *{color:#6b4300!important}#app #play_lesson .content-tab .tab span{color:#4f5862;font-weight:600}#app #play_lesson .content-tab .tab .active{color:#fff!important;font-weight:800;background:linear-gradient(180deg,var(--gt-pur-lt),var(--gt-pur))}html #app #head .head-ic{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff29;color:#fff;font-size:17px;line-height:1;transition:background .15s}html #app #head a:hover .head-ic{background:#ffffff47}html #app #head .notification-container{width:auto}html #app #head .notification-container .notification-count{top:-5px;right:-6px;min-width:18px;width:auto;height:18px;padding:0 4px;border-radius:999px;background:linear-gradient(180deg,#ffd451,#f0a400);color:#5a3500;font-weight:800;font-size:11px;box-shadow:0 0 0 2px #6a30d8}#app .page-404{margin:28px 16px;padding:28px 20px 24px;text-align:center;background:#fff;border-radius:22px;box-shadow:var(--gt-card-shadow);color:var(--gt-ink)}#app .page-404>i{font-size:44px;color:var(--gt-pur);margin-bottom:10px}#app .page-404 h2{margin:0 0 6px;font-size:20px;font-weight:900}#app .page-404 p{margin:0 0 18px;color:var(--gt-muted)}#app .page-404 .btn-404{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 22px;border-radius:14px;font-weight:900;color:#fff!important;text-decoration:none;background:linear-gradient(180deg,var(--gt-pur-lt),var(--gt-pur));box-shadow:0 4px 0 var(--gt-pur-dk)}#app .page-404 .btn-404:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gt-pur-dk)}#app .page-404 .btn-404 i{color:#fff!important}#app #notification{background:transparent}#app #notification .notifications{padding:16px 14px 28px;display:flex;flex-direction:column;gap:10px}#app #notification .notification{position:relative;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 3px 0 var(--gt-rim-lt),0 6px 14px #1e461414;transition:transform .12s}#app #notification .notification:hover{background:#fff;transform:translateY(-1px)}#app #notification .notification:active{transform:translateY(1px)}#app #notification .notification.unread{background:linear-gradient(90deg,#f4eeff,#fff 70%);box-shadow:inset 4px 0 0 var(--gt-pur),0 3px #ddd0fb,0 6px 14px #3f17911a}#app #notification .notification-content{align-items:flex-start;gap:12px}#app #notification .avatar{width:42px;height:42px;flex:none}#app #notification .noti-ic{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:var(--ic, #8a94a6);box-shadow:0 3px #00000026}#app #notification .noti-ic[data-type=system]{--ic: linear-gradient(180deg, #ffc93c, #f0a400)}#app #notification .noti-ic[data-type=voca]{--ic: linear-gradient(180deg, #5fd84a, #2fae2a)}#app #notification .noti-ic[data-type=roadmap]{--ic: linear-gradient(180deg, var(--gt-pur-lt), var(--gt-pur))}#app #notification .noti-ic[data-type=listening]{--ic: linear-gradient(180deg, #5b9bff, #2a6fe0)}#app #notification .noti-ic[data-type=reading]{--ic: linear-gradient(180deg, #ffa35c, #e2731f)}#app #notification .noti-ic[data-type=writing]{--ic: linear-gradient(180deg, #3fcfb7, #14a08a)}#app #notification .noti-ic[data-type=test]{--ic: linear-gradient(180deg, #ff6b81, #e0304e)}#app #notification .noti-ic{background:var(--ic, linear-gradient(180deg, #a3adbd, #7b8597))}#app #notification .noti-dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--gt-pur);box-shadow:0 0 0 2px #fff}#app #notification .notification-text p.mb-3{margin-bottom:2px}#app #notification .notification-text strong{font-size:15px;font-weight:700;color:var(--gt-ink);line-height:1.35}#app #notification .notification.unread .notification-text strong{font-weight:900}#app #notification .notification-text .fs-14{color:#4f5862;line-height:1.45;margin-bottom:4px}#app #notification .notification-text small{color:#8a94a0;font-size:12px}#app #notification .notification-text small i{margin-right:2px}.tn.t1{color:#d23f3f}.tn.t2{color:#cf7d10}.tn.t3{color:#258a52}.tn.t4{color:#2a63c9}.tn.t5{color:#8a948f}@property --bg-angle{inherits: false; initial-value: 0deg; syntax: "<angle>";}@keyframes spin{to{--bg-angle: 360deg}}.page-index[data-m-4a119e83]{padding:15px}.page-index .pay-info[data-m-4a119e83]{padding:6px 10px;border:1px solid #39d432;border-radius:6px}.page-index .paymentfirst[data-m-4a119e83]{background-color:#e5fbe5;display:flex;align-items:center;padding:5px 0;justify-content:center;border-radius:6px}.page-index .box-promotion .tab .item[data-m-4a119e83]{background-color:#ffeecd;padding:8px;border-radius:5px 5px 0 0;opacity:.5;display:flex;gap:10px;align-items:center;margin-right:2px}.page-index .box-promotion .tab .tab-ac[data-m-4a119e83]{background-color:#fff;position:relative;border-top:1px dashed #39d432;border-left:1px dashed #39d432;border-right:1px dashed #39d432;opacity:1!important}.page-index .box-promotion .tab .tab-ac[data-m-4a119e83]:before{content:"";height:2px;position:absolute;left:0;bottom:-1px;width:100%;background-color:#fff}.page-index .box-promotion .promotion-info[data-m-4a119e83]{background-color:#fff;border:1px dashed #39d432;padding:15px;border-radius:0 0 5px 5px}.page-index .box-promotion .promotion-info .price[data-m-4a119e83]{padding:6px 0}.page-index .box-promotion .ef-promotion[data-m-4a119e83]{border-radius:5px;animation:spin 1.5s infinite linear;background:linear-gradient(to bottom,#fff,#fff) padding-box,conic-gradient(from var(--bg-angle),rgb(255,102,0) 0deg,rgb(255,153,0) 45deg,rgb(255,221,0) 90deg,rgb(255,102,204) 135deg,rgb(255,0,102) 180deg,rgb(255,102,0) 225deg,rgb(255,153,0) 270deg,rgb(255,221,0) 315deg,rgb(255,102,204) 360deg) border-box;border:6px solid transparent}.page-index .marketing[data-m-4a119e83]{display:flex;gap:10px;margin:15px 0;border-radius:5px;overflow:hidden}.page-index .marketing .item[data-m-4a119e83]{display:flex;flex:1;align-items:center;gap:6px;overflow:hidden;padding:0;border-right:1px solid #dfdfdf;color:#333;font-size:12px}.page-index .marketing .item[data-m-4a119e83]:last-child{border-right:none}.page-index .marketing .item img[data-m-4a119e83]{width:20px}.page-index .road[data-m-4a119e83]{padding:10px;text-align:center;border-radius:6px;background-color:#e5fbe5}.page-index .road .statistic[data-m-4a119e83]{margin-bottom:10px}.page-index .road .statistic .ss-item[data-m-4a119e83]{width:33.3333333333%}.page-index .road .statistic .ss-item[data-m-4a119e83]:nth-child(2){border-left:1px solid #ddd;border-right:1px solid #ddd}.page-index .road .statistic .ss-item .ss-value b[data-m-4a119e83]{font-size:16px;color:#555}.page-index .road .statistic .ss-item .ss-value span[data-m-4a119e83]{display:block;line-height:0}.page-index .road .statistic .ss-item p[data-m-4a119e83]{color:#999;font-size:12px}.page-index .dictionary[data-m-4a119e83]{padding:8px 10px;font-size:16px;width:100%;border:1px solid #39d532;border-radius:6px;display:flex;align-items:center}.page-index .dictionary img[data-m-4a119e83]{width:20px}.page-index .section[data-m-4a119e83]{margin-bottom:30px}.page-index .section .title[data-m-4a119e83]{margin-bottom:10px}.page-index .section ul[data-m-4a119e83]{display:flex;flex-wrap:wrap;gap:15px;margin-right:-15px}.page-index .section ul li[data-m-4a119e83]{width:calc(25% - 15px);text-align:center}.page-index .section ul li .link[data-m-4a119e83]{position:relative;display:block}.page-index .section ul li .link .icon[data-m-4a119e83]{display:block;box-shadow:0 1px 3px #00000026;border-radius:5px;padding:20px 0;margin-bottom:10px;background-color:#fff}.page-index .section ul li .link .icon img[data-m-4a119e83]{width:40px}.page-index .section ul li .link .name[data-m-4a119e83]{padding-top:5px}.page-index .section ul li .link .check_login[data-m-4a119e83]{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#0003}.page-index .section ul li .link .check_login img[data-m-4a119e83]{width:100%}.page-index .section ul li .link .hot[data-m-4a119e83]{width:16px;position:absolute;right:0;top:2px}.page-index .section ul li .link .lock[data-m-4a119e83]{width:20px;position:absolute;opacity:.5;left:2px;top:4px}.page-index .section ul li .link .opacity[data-m-4a119e83]{opacity:.3}.page-index .section .none-history[data-m-4a119e83]{background-color:#deffdd;padding:15px;border-radius:5px;line-height:22px}.page-index.gamey{--g-ink: #1d2b3a;--g-muted: #6b7a8a;--g-card: #ffffff;--g-red: #e0304e;--g-red-dk: #a81f37;--g-gold: #f0a400;--g-gold-lt: #ffd451;padding:14px 14px 30px;background:radial-gradient(1200px 380px at 50% -120px,#c9ecff,#c9ecff00 70%),linear-gradient(180deg,#eef9ff,#f7fbf4 420px 100%);min-height:100%;color:var(--g-ink)}.gamey .gh{display:grid;gap:12px;margin-bottom:16px}.gamey .gh-player{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--g-card);border-radius:20px;box-shadow:0 4px #dbe6ee,0 10px 24px #1f4f781a}.gamey .gh-avatar{position:relative;flex:none}.gamey .gh-avatar img{width:58px;height:58px;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--g-gold-lt);box-shadow:0 0 0 3px #fff4cc;background:#fff8e1}.gamey .gh-lv{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);background:linear-gradient(180deg,#ff5a6e,var(--g-red));color:#fff;font-weight:800;font-size:11px;border-radius:999px;padding:1px 8px;box-shadow:0 2px 0 var(--g-red-dk);white-space:nowrap}.gamey .gh-info{flex:1;min-width:0}.gamey .gh-hi{margin:0 0 6px;font-size:14px;color:var(--g-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gamey .gh-hi b{color:var(--g-ink);font-size:16px}.gamey .gh-vip{margin-left:6px;font-size:10.5px;font-weight:900;color:#6b4300;background:linear-gradient(180deg,#ffe58a,var(--g-gold));border-radius:6px;padding:1px 6px;box-shadow:0 2px #b07600;vertical-align:2px}.gamey .gh-xp{height:10px;border-radius:999px;background:#edf1f5;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.gamey .gh-xp i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--g-gold-lt),var(--g-gold));box-shadow:inset 0 -2px #0000001f;transition:width .6s}.gamey .gh-stats{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.gamey .gh-stats span{font-size:12px;font-weight:700;background:#f3f7fb;border-radius:999px;padding:2px 9px}.gamey .gh-login{flex:none;font-weight:800;font-size:13px;color:#fff;text-decoration:none;background:linear-gradient(180deg,#4fd36a,#22a24a);border-radius:12px;padding:8px 12px;box-shadow:0 3px #167a37}.gamey .gh-banner{position:relative;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:20px;text-decoration:none;color:#fff;overflow:hidden;background:linear-gradient(120deg,#c81f3e,#e8502a);box-shadow:0 5px 0 var(--g-red-dk),0 14px 26px #e0304e4d;transition:transform .1s,box-shadow .1s}.gamey .gh-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-100%);animation:gh-shine 4.5s ease-in-out infinite}@keyframes gh-shine{0%,60%{transform:translate(-100%)}85%,to{transform:translate(100%)}}.gamey .gh-banner:active{transform:translateY(4px);box-shadow:0 1px 0 var(--g-red-dk),0 6px 14px #e0304e4d}.gamey .gh-banner-art{display:block;border-radius:14px;overflow:hidden;border:3px solid rgba(255,255,255,.85);line-height:0}.gamey .gh-banner-art svg{width:100%;height:auto;display:block}.gamey .gh-banner-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.page-index.gamey .gh-banner-text b,.page-index.gamey .gh-banner-text span,.page-index.gamey .gh-banner-text small{color:#fff;text-shadow:0 1px 2px rgba(90,0,20,.35)}.page-index.gamey .gh-play{color:#6b4300;text-shadow:none}.gamey .gh-banner-text b{font-family:"Noto Serif SC",Songti SC,serif;font-size:22px;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.18)}.gamey .gh-banner-text span{font-weight:700;font-size:13px}.gamey .gh-banner-text small{font-size:11.5px;margin-top:2px}.gamey .gh-play{font-weight:900;font-size:14px;color:#6b4300;white-space:nowrap;background:linear-gradient(180deg,#fff1a8,var(--g-gold-lt));border-radius:14px;padding:9px 14px;box-shadow:0 4px #c98a00;animation:gh-pulse 1.8s ease-in-out infinite}@keyframes gh-pulse{50%{transform:scale(1.06)}}.page-index.gamey .dictionary{border:0;border-radius:999px;padding:11px 16px;background:#fff;box-shadow:0 3px #dbe6ee,0 6px 16px #1f4f7814}.page-index.gamey .pay-info,.page-index.gamey .paymentfirst{border:0;border-radius:16px;background:linear-gradient(90deg,#fffbe8,#fff);box-shadow:0 3px #f1e3b2;padding:8px 12px}.page-index.gamey .road{border-radius:18px;padding:14px;color:#0f4a2a;background:linear-gradient(135deg,#d9f7e0,#effbe9);box-shadow:0 4px #b9e6c4}.page-index.gamey .no_login{border-radius:16px;box-shadow:0 3px #f1e3b2}.page-index.gamey .btn-action{border-radius:12px;font-weight:800;box-shadow:0 3px #0000002e}.page-index.gamey .section{margin-bottom:26px}.page-index.gamey .section .title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;margin-bottom:12px}.page-index.gamey .section .title:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--sec, #f0a400);display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:16px;background:#fff;box-shadow:0 3px #dbe6ee}.page-index.gamey .section .title:after{content:"";flex:1;height:3px;border-radius:3px;margin-left:4px;background:linear-gradient(90deg,var(--sec, #c9d6e2),transparent)}.page-index.gamey .sec-voca{--sec: #23a24a;--sec-bg: linear-gradient(180deg, #f1fff3, #ffffff);--sec-rim: #c8ebd0}.page-index.gamey .sec-practice{--sec: #2a6fe0;--sec-bg: linear-gradient(180deg, #eef5ff, #ffffff);--sec-rim: #c9dcf7}.page-index.gamey .sec-exam{--sec: #e0304e;--sec-bg: linear-gradient(180deg, #fff1f3, #ffffff);--sec-rim: #f5cdd4}.page-index.gamey .sec-me{--sec: #f0a400;--sec-bg: linear-gradient(180deg, #fffbea, #ffffff);--sec-rim: #f1e3b2}.page-index.gamey .sec-voca .title:before{content:""}.page-index.gamey .sec-practice .title:before{content:""}.page-index.gamey .sec-exam .title:before{content:""}.page-index.gamey .sec-me .title:before{content:""}#step_history .title:before{content:""}.page-index.gamey .section .title .sec-help{border:0;background:none;padding:0 2px;cursor:pointer;color:var(--sec, #7b3fe4);font-size:18px;line-height:1;opacity:.85}.page-index.gamey .section .title .sec-help:hover{opacity:1;transform:scale(1.1)}.page-index.gamey .section ul{gap:12px;margin-right:-12px}.page-index.gamey .section ul li{width:calc(25% - 12px)}.page-index.gamey .section ul li .link{color:var(--g-ink);text-decoration:none}.page-index.gamey .section ul li .link .icon{position:relative;padding:14px 0 10px;margin-bottom:8px;border-radius:20px;background:var(--sec-bg, #fff);box-shadow:0 5px 0 var(--sec-rim, #dbe6ee),0 10px 18px #1f4f7814;transition:transform .12s ease,box-shadow .12s ease}.page-index.gamey .section ul li .link .icon img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.12));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.page-index.gamey .section ul li .link:hover .icon{transform:translateY(-3px);box-shadow:0 8px 0 var(--sec-rim, #dbe6ee),0 14px 22px #1f4f781f}.page-index.gamey .section ul li .link:hover .icon img{transform:scale(1.12) rotate(-4deg)}.page-index.gamey .section ul li .link:active .icon{transform:translateY(4px);box-shadow:0 1px 0 var(--sec-rim, #dbe6ee),0 4px 10px #1f4f7814}.page-index.gamey .section ul li .link .short-name{font-weight:800;font-size:14px;margin:0}.page-index.gamey .section ul li .link .name{display:inline-block;padding:1px 8px;margin-top:3px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--sec, var(--g-muted));background:#fff;box-shadow:0 1px 0 var(--sec-rim, #dbe6ee)}.page-index.gamey .section ul li .link .icon img.opacity{opacity:.75;filter:grayscale(.9) brightness(1.08)}.page-index.gamey .section ul li .link:hover .icon img.opacity{filter:grayscale(.4);opacity:.95}.page-index.gamey .section ul li .link .icon:has(img.opacity):after{content:"";position:absolute;top:6px;left:6px;width:24px;height:24px;background:url(/icon/game/padlock.svg) center / contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.page-index.gamey .section ul li .link .lock{width:24px;opacity:1;left:6px;top:6px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.page-index.gamey .section ul li .link .hot{width:42px;right:-4px;top:-6px;animation:gh-wiggle 2.2s ease-in-out infinite}@keyframes gh-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}.page-index.gamey .section .none-history{border-radius:18px;background:linear-gradient(135deg,#e7f9ea,#f6fff4);box-shadow:0 4px #c8ebd0}@media(min-width:700px){.page-index.gamey .section ul li .link .icon img{width:64px;height:64px}}@media(max-width:520px){.gamey .gh-banner{grid-template-columns:92px 1fr}.gamey .gh-banner-text b{font-size:20px}.gamey .gh-play{grid-column:1 / -1;text-align:center}}@media(max-width:380px){.gamey .gh-banner{grid-template-columns:84px 1fr}.gamey .gh-play{grid-column:1 / -1;text-align:center}.page-index.gamey .section ul li .link .icon img{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.gamey .gh-banner:after,.gamey .gh-play,.page-index.gamey .section ul li .link .hot{animation:none}}.page-index.gamey .section ul li .link .name:empty{display:none}.wrap:has(.page-index.gamey),.wrap:has(.page-index.gamey) #body{background:transparent!important}.page-index.gamey{--g-ink: #1d2b3a;--g-rim: #4f9a35;--g-pur: #6d2fe0;--g-pur-dk: #3f1791;background:transparent}.wrap:has(.page-index.gamey) #head{background:linear-gradient(180deg,#7b3fe4,#5a26c2)!important;box-shadow:0 4px 0 var(--g-pur-dk, #3f1791),0 8px 18px #280a5a40}.wrap:has(.page-index.gamey) #head .title-container,.wrap:has(.page-index.gamey) #head .title-container *{color:#fff!important}.wrap:has(.page-index.gamey) #head img{filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.gamey .gh-player,.page-index.gamey .dictionary{box-shadow:0 4px 0 var(--g-rim),0 10px 22px #1e46142e}.gamey .gh-lv{background:linear-gradient(180deg,#9b5cff,var(--g-pur));box-shadow:0 2px 0 var(--g-pur-dk)}.gamey .gh-stats span{background:#f1e9ff;color:#3b1f7a}.gamey .gh-banner{background:linear-gradient(120deg,#5a26c2,#8a4cf0);box-shadow:0 5px 0 var(--g-pur-dk),0 14px 26px #3f179159}.gamey .gh-banner:active{box-shadow:0 1px 0 var(--g-pur-dk),0 6px 14px #3f17914d}.page-index.gamey .gh-banner-text b,.page-index.gamey .gh-banner-text span,.page-index.gamey .gh-banner-text small{text-shadow:0 1px 2px rgba(30,0,70,.4)}.page-index.gamey .pay-info,.page-index.gamey .paymentfirst,.page-index.gamey .no_login{background:#fffbea;box-shadow:0 4px #c98a00,0 8px 16px #1e461426}.page-index.gamey .road{background:#fff;box-shadow:0 4px 0 var(--g-rim),0 10px 22px #1e46142e}.page-index.gamey .road *{color:#1d2b3a}.page-index.gamey .road b{color:var(--g-pur)!important}.page-index.gamey .section .title,.page-index.gamey .section .title *{color:#1f5a17!important;text-shadow:none}.page-index.gamey .section .title:before{box-shadow:0 3px 0 var(--g-rim);text-shadow:none}.page-index.gamey .section .title:after{background:linear-gradient(90deg,#6fbf4e,transparent);height:4px}.page-index.gamey .section ul li .link .icon{background:linear-gradient(180deg,#e9f9df,#c6ecb0);box-shadow:0 5px 0 var(--g-rim),0 10px 18px #1e46142e}.page-index.gamey .section ul li .link:hover .icon{box-shadow:0 8px 0 var(--g-rim),0 14px 22px #1e461438}.page-index.gamey .section ul li .link:active .icon{box-shadow:0 1px 0 var(--g-rim),0 4px 10px #1e46142e}.page-index.gamey .section ul li .link .short-name,.page-index.gamey .section ul li .link .short-name b{color:#1d2b3a!important;text-shadow:none}.page-index.gamey .section ul li .link .name{box-shadow:0 1px #b9dfa5;background:#fff}.page-index.gamey .section .none-history{background:linear-gradient(180deg,#e9f9df,#c6ecb0);box-shadow:0 4px 0 var(--g-rim)}.page-index.gamey .road .div-btn-sm{height:auto;margin-top:12px;padding-bottom:4px;display:flex;justify-content:center}.page-index.gamey .road .btn-action.btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;min-height:44px;padding:0 22px;border:0!important;border-radius:14px;font-size:15px;font-weight:900;letter-spacing:.01em;text-decoration:none;color:#fff!important;text-shadow:0 1px 0 rgba(30,0,70,.35);background:linear-gradient(180deg,#9b5cff,#6d2fe0);box-shadow:0 4px #3f1791,0 8px 16px #3f179147;transition:transform .1s,box-shadow .1s,filter .1s}.page-index.gamey .road .btn-action.btn-sm:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px}.page-index.gamey .road .btn-action.btn-sm:hover{filter:brightness(1.06)}.page-index.gamey .road .btn-action.btn-sm:active{transform:translateY(3px);box-shadow:0 1px #3f1791,0 4px 8px #3f179140}.gamey .gh-hi{display:flex;align-items:center;gap:6px;min-width:0}.gamey .gh-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gamey .gh-hi .gh-vip{flex:none;margin-left:0;display:inline-flex;align-items:center;gap:4px;padding:0;background:none;box-shadow:none;color:#1f7d1c;font-size:13px;font-weight:900;vertical-align:0}.gamey .gh-hi .gh-vip small{font-size:13px;font-weight:800;color:#1f7d1c}.gamey .gh-hi .gh-vip i{color:#1f7d1c!important;font-size:12px}.history[data-m-b3df5b59]{box-shadow:0 1px 3px #00000026;padding:0}.history .tab[data-m-b3df5b59]{padding:0 15px;background-color:#eeffed}.history .tab .item[data-m-b3df5b59]{width:50%;text-align:center;padding:10px 0;border-bottom:2px solid transparent;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history .tab .tab-active[data-m-b3df5b59]{border-bottom-color:#08b500;color:#08b500;font-weight:500}.history .his-list[data-m-b3df5b59]{padding:15px}.history .his-list .content[data-m-b3df5b59]{max-height:322px;overflow-y:auto}.history .his-list .content .day[data-m-b3df5b59]{color:#ffac07;display:inline-block;border-bottom:1px solid #ffac07;margin:10px 0;height:25px}.history .his-list .content .item-his[data-m-b3df5b59]{border-bottom:1px solid #ebebeb;padding:10px 0;align-items:center}.history .his-list .content .item-his[data-m-b3df5b59]:last-child{border-bottom:none}.history .his-list .content .item-his .part-image[data-m-b3df5b59]{width:40px}.history .his-list .content .item-his .part-image img[data-m-b3df5b59]{width:24px;margin-right:10px;display:inline-block;float:left}.history .his-list .content .item-his .name .log_v2[data-m-b3df5b59]{align-items:center}.history .his-list .content .item-his .name .log_v2 .info span[data-m-b3df5b59]{font-size:12px;color:#666}.history .his-list .content .item-his .name .log_v2 .info span b[data-m-b3df5b59]{font-size:12px}.history .his-list .content .item-his .percent[data-m-b3df5b59]{font-weight:500}#detail-bonus[data-m-7b00ef8e]{position:fixed;display:flex;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:#00000080;padding:15px}#detail-bonus .bonus-content[data-m-7b00ef8e]{background-color:#fff;padding:15px;border-radius:8px}#detail-bonus .bonus-content h3[data-m-7b00ef8e]{font-size:18px;color:#39d432;margin-bottom:10px}#detail-bonus .bonus-content .list[data-m-7b00ef8e]{padding-left:15px}#detail-bonus .bonus-content .list li[data-m-7b00ef8e]{margin-bottom:10px;list-style:disc;line-height:20px;font-size:15px}#detail-bonus .bonus-content .list b[data-m-7b00ef8e]{color:red!important}#app{height:100%;width:100%;max-width:720px;margin:0 auto;box-shadow:0 1px 10px #00000026}#app .textselectioin{z-index:9999}#app .wrap{overflow:hidden;background-color:#fcfcfc;padding:50px 0 0}#app #head{background:linear-gradient(to bottom,#deffdd 40%,#fff0);padding:0 15px;height:50px;line-height:50px;position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center}#app #head .title-container b{display:flex;gap:15px;align-items:center}#app #head .title-container b img{width:30px;border-radius:6px}#app #head .notification-container{display:flex;align-items:center;width:25px;justify-content:right}#app #head .notification-container .notification-count{position:absolute;top:-6px;right:-6px;background:red;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;justify-content:center;align-items:center;font-size:10px}#app #head .notification-bell{position:relative;cursor:pointer}#app #body{overflow-y:auto;height:100%;margin-bottom:65px;background-color:#fcfcfc}#app #body .foam{height:30px;width:100%;background-color:transparent}#app #footer{display:block;margin-bottom:20px;position:absolute;bottom:0;background-color:#fff}#report_error[data-m-4cee9514]{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center}#report_error .popup[data-m-4cee9514]{width:80%;max-width:350px;background-color:#fff;border-radius:5px;padding:10px 15px}#report_error .popup .title[data-m-4cee9514]{font-size:18px;font-weight:500;line-height:32px;margin-bottom:10px}#report_error .popup .title img[data-m-4cee9514]{float:left;width:32px;margin-right:10px}#report_error .popup .msg_error[data-m-4cee9514]{width:100%;height:106px;padding:10px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden}#report_error .popup .msg_error .text[data-m-4cee9514]{height:100%;width:100%;border:none;line-height:22px;resize:none}#report_error[data-m-d93358a1]{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center}#report_error .popup[data-m-d93358a1]{width:80%;max-width:350px;background-color:#fff;border-radius:5px;padding:15px}#report_error .popup .title[data-m-d93358a1]{font-size:18px;font-weight:500;line-height:32px;margin-bottom:10px}#report_error .popup .title img[data-m-d93358a1]{float:left;width:32px;margin-right:10px}#report_error .popup .msg_error[data-m-d93358a1]{width:100%;height:106px;padding:10px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden}#report_error .popup .msg_error .text[data-m-d93358a1]{height:100%;width:100%;border:none;line-height:22px;resize:none}.switch[data-m-d93358a1]{position:relative;display:inline-block;width:45px;height:20px}.switch input[data-m-d93358a1]{opacity:0;width:0;height:0}.slider[data-m-d93358a1]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider[data-m-d93358a1]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider[data-m-d93358a1]{background-color:#2196f3}input:focus+.slider[data-m-d93358a1]{box-shadow:0 0 1px #2196f3}input:checked+.slider[data-m-d93358a1]:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round[data-m-d93358a1]{border-radius:24px}.slider.round[data-m-d93358a1]:before{border-radius:50%}#permission[data-m-f1c1495e]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}#permission .content[data-m-f1c1495e]{background-color:#fff;width:90%;max-width:350px;padding:20px;border-radius:10px}#permission .content .lock[data-m-f1c1495e]{display:flex;align-items:center;gap:10px;margin-bottom:15px}#permission .content .lock img[data-m-f1c1495e]{width:40px}#permission .content .lock b[data-m-f1c1495e]{font-size:18px}#permission .content .text[data-m-f1c1495e]{margin-bottom:6px;font-size:16px;line-height:20px}#payment_success[data-m-f4ece9c9]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}#payment_success .content[data-m-f4ece9c9]{background-color:#fff;width:90%;max-width:350px;padding:20px;border-radius:10px}#payment_success .content .lock[data-m-f4ece9c9]{margin-bottom:15px;text-align:center}#payment_success .content .lock b[data-m-f4ece9c9]{font-size:18px}#payment_success .content .text[data-m-f4ece9c9]{margin-bottom:6px;font-size:16px;line-height:20px}#rate[data-m-7e6b9009]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}#rate .content[data-m-7e6b9009]{background-color:#fff;width:90%;max-width:350px;padding:20px;border-radius:10px}#rate .content .lock[data-m-7e6b9009]{display:flex;align-items:center;gap:10px;margin-bottom:15px}#rate .content .lock img[data-m-7e6b9009]{width:40px}#rate .content .lock b[data-m-7e6b9009]{font-size:18px}#rate .content .text[data-m-7e6b9009]{margin-bottom:6px;font-size:16px;line-height:20px}#rate[data-m-d92fb0cd]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100}#rate .content[data-m-d92fb0cd]{background-color:#fff;width:90%;max-width:350px;padding:20px;border-radius:10px}#rate .content .lock[data-m-d92fb0cd]{display:flex;align-items:center;gap:10px;margin-bottom:15px}#rate .content .lock img[data-m-d92fb0cd]{width:40px}#rate .content .lock b[data-m-d92fb0cd]{font-size:18px}#rate .content .text[data-m-d92fb0cd]{margin-bottom:15px;font-size:16px;line-height:20px}#rate .content .copylink[data-m-d92fb0cd]{display:flex;align-items:center;margin-bottom:15px;height:40px;border:1px solid #ccc;border-radius:6px;overflow:hidden}#rate .content .copylink input[data-m-d92fb0cd]{padding:10px;border:none;font-size:16px;width:100%;height:100%}#rate .content .copylink span[data-m-d92fb0cd]{cursor:pointer;color:#007bff;font-size:16px;height:100%;line-height:40px;padding:0 10px;border-left:1px solid #ccc}.selection-popup{position:fixed;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #00000026;z-index:9999;width:max-content;max-width:250px;animation:fadeIn .15s ease-in;padding:10px 15px}.selected-text{font-size:14px;color:#333;margin-bottom:8px;font-style:italic;word-break:break-word}.actions{display:flex;flex-direction:column;gap:5px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}