body{--primary-color: #00cf89;--font-color-h1: rgba(0, 0, 0, .9);--font-color-h2: rgba(0, 0, 0, .6);--font-color-p1: rgba(0, 0, 0, .4);--font-color-p2: rgba(0, 0, 0, .2);--font-color-link: #27ba9b;--font-color-reverse: #fff;--color-yellow: #d4f706;--color-blue: #48bdcd;--color-black: #000;--color-red: #ff523a;--color-green: #26b919;--color-bnb: #e8b30b;--line-color: rgba(0, 0, 0, .1);--line-color-2: rgba(0, 0, 0, .05);--bg: #333;--bg-page: #fafafa;--bg-2: rgba(255, 255, 255, .2);--bg-input: rgba(0, 0, 0, .04);--bg-table: rgba(0, 0, 0, .025);--bg-light: rgba(0, 0, 0, .02)}body.dark{--primary-color: #fff}.flex-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column;justify-content:center;align-items:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis2{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}input{outline:none}li{list-style:none}html,body{-webkit-user-select:none;user-select:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.ant-spin-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}::-webkit-scrollbar{width:0px;background-color:#f3f7fc;border-radius:1.5px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}::-webkit-scrollbar-track{background-color:#f3f7fc}::-webkit-scrollbar-thumb:hover{background-color:#000}body{overflow:hidden}*{box-sizing:border-box}html{background-color:#f7f7f7}.nothing{padding-top:100px;text-align:center}.nothing .img{width:290px;height:290px}.nothing .label{margin-top:19px;font-size:16px;color:#8cbcd4}.hover{box-shadow:transparent 1.95px 1.95px;cursor:pointer}.hover:hover{box-shadow:#00000026 1.95px 1.95px}.video{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000045;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.2s all}.video video{margin-bottom:180px;width:600px;border-radius:10px}.video img{display:block;margin-left:auto;margin-bottom:10px;cursor:pointer;width:40px}.wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:flex-start;flex:1;width:100%;overflow:auto;overflow-x:hidden}.wrap .header-bar,.wrap .header-wrap-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;padding:20px 0;width:100%}.wrap .header-bar .header-title,.wrap .header-wrap-nav .header-title{font-size:18px;font-weight:500;text-align:center}.wrap .header-bar .go-back,.wrap .header-wrap-nav .go-back{box-shadow:transparent 1.95px 1.95px;width:26px;cursor:pointer}.wrap .header-bar .go-back:hover,.wrap .header-wrap-nav .go-back:hover{box-shadow:#00000026 1.95px 1.95px}.wrap .header-bar .right-menu,.wrap .header-wrap-nav .right-menu{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;justify-content:flex-end}.wrap .header-bar .right-menu .menu-item,.wrap .header-wrap-nav .right-menu .menu-item{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:12px;color:#fff;height:24px;max-width:80px;width:74px;border-radius:4px;cursor:pointer;box-shadow:0 2px #0591ff1a;transition:.3s all ease-in-out}.wrap .header-bar .right-menu .menu-item:hover,.wrap .header-wrap-nav .right-menu .menu-item:hover{transform:scale(1.03)}.wrap .header-bar .right-menu .menu-item.active,.wrap .header-wrap-nav .right-menu .menu-item.active{background-color:#29b6fc}.wrap .header-bar .right-menu .menu-item.default,.wrap .header-wrap-nav .right-menu .menu-item.default{background-color:#fa862c}.wrap .header-bar .right-menu .menu-item.end,.wrap .header-wrap-nav .right-menu .menu-item.end{background-color:#9561f3}.wrap .header-wrap-nav .go-back{margin-right:48px}.wrap .header-bar .left-tabbar{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.wrap .header-bar .right-menu{flex:1;margin-left:30px}.wrap .header-bar .right-menu .menu-item{width:auto;flex:1}.wrap .mr{height:10px}.wrap .word-pack-list .word-pack-item{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;justify-content:flex-start;width:100%;padding:10px 6px;background:#fff;border-radius:8px;margin-bottom:8px;transition:.2s all;cursor:pointer;box-shadow:transparent 1.95px 1.95px;transform:translate(100%);animation:slideIn .3s ease forwards}.wrap .word-pack-list .word-pack-item:hover{box-shadow:#00000026 1.95px 1.95px}.wrap .word-pack-list .word-pack-item:hover .text-wrap .title{font-size:14.5px}.wrap .word-pack-list .word-pack-item .menu-item-img{width:50px;height:50px;border-radius:6px}.wrap .word-pack-list .word-pack-item .text-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-around;align-items:flex-start;height:50px}.wrap .word-pack-list .word-pack-item .text-wrap .title{transition:.2s all;font-size:14px}.wrap .word-pack-list .word-pack-item .text-wrap .label{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;font-size:12px;color:#999}.wrap .select-word-list{flex:1;width:100%;padding:0 14px;overflow:auto;overflow-x:hidden}.wrap .select-word-list .select-word-item{position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;justify-content:space-between;background:#fff;border-radius:4px;padding:10px 14px;margin-bottom:8px;box-shadow:transparent 1.95px 1.95px;min-height:50px;border:1px solid transparent;cursor:pointer;transition:all .3s ease}.wrap .select-word-list .select-word-item.active,.wrap .select-word-list .select-word-item.showchinese{border:1px solid #00cf89}.wrap .select-word-list .select-word-item.active .left-word-info .word,.wrap .select-word-list .select-word-item.showchinese .left-word-info .word{font-weight:700}.wrap .select-word-list .select-word-item.active .left-word-info .word-wrap .word-split,.wrap .select-word-list .select-word-item.showchinese .left-word-info .word-wrap .word-split,.wrap .select-word-list .select-word-item.active .left-word-info .word-wrap .words,.wrap .select-word-list .select-word-item.showchinese .left-word-info .word-wrap .words{font-size:22px;font-weight:700}.wrap .select-word-list .select-word-item.showchinese .translate-list{opacity:1}.wrap .select-word-list .select-word-item.empty .word,.wrap .select-word-list .select-word-item.empty .showchinese,.wrap .select-word-list .select-word-item.empty .word-wrap{opacity:0}.wrap .select-word-list .select-word-item.touch .left-word-info .word-wrap .word-split,.wrap .select-word-list .select-word-item.touch .left-word-info .word-wrap .words{font-size:22px;font-weight:700}.wrap .select-word-list .select-word-item.touch .left-word-info .word-wrap .word-split.actives,.wrap .select-word-list .select-word-item.touch .left-word-info .word-wrap .words.actives{color:#222868}.wrap .select-word-list .select-word-item.touch .left-word-info .word-wrap .word-split.defaults,.wrap .select-word-list .select-word-item.touch .left-word-info .word-wrap .words.defaults{color:#fa862c}.wrap .select-word-list .select-word-item.touch .left-word-info .phonetic{display:block}.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .word-wrap .word-split,.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .word-wrap .words{font-size:22px;font-weight:700}.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .word-wrap .word-split.actives,.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .word-wrap .words.actives{color:#222868}.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .word-wrap .word-split.defaults,.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .word-wrap .words.defaults{color:#fa862c}.wrap .select-word-list .select-word-item.touchShowChinese .left-word-info .phonetic{display:block}.wrap .select-word-list .select-word-item.touchShowChinese .translate-list{opacity:1}.wrap .select-word-list .select-word-item:hover{box-shadow:#00000026 1.95px 1.95px}.wrap .select-word-list .select-word-item.touchRight .menu-list{right:0}.wrap .select-word-list .select-word-item .left-word-info .word-wrap{display:flex;flex-direction:row;justify-content:center;align-items:center}.wrap .select-word-list .select-word-item .left-word-info .word-wrap .word-split,.wrap .select-word-list .select-word-item .left-word-info .word-wrap .words{transition:.1s all;flex-shrink:0;font-size:20px;font-family:initial!important}.wrap .select-word-list .select-word-item .left-word-info .word{transition:.1s all;flex-shrink:0;font-family:initial!important;font-size:16px}.wrap .select-word-list .select-word-item .left-word-info .phonetic{display:none;margin-top:5px;font-size:12px;transition:.1s all;color:#999}.wrap .select-word-list .select-word-item .translate-list{opacity:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:max-height .5s ease,opacity .5s ease}.wrap .select-word-list .select-word-item .translate-list .translate-item{font-size:14px;margin-top:5px;text-align:center;color:#999;word-break:break-all;white-space:pre-wrap;word-wrap:break-word}.wrap .select-word-list .select-word-item .translate-list .translate-item:nth-child(1){margin:0}.wrap .select-word-list .select-word-item .menu-list{position:absolute;right:-100%;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;border-radius:4px;transition:right .3s ease;background-color:#fff;overflow:hidden}.wrap .select-word-list .select-word-item .menu-list .menu-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:50px;height:100%}.wrap .select-word-list .select-word-item .right{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;width:110px;flex-shrink:0}.wrap .select-word-list .select-word-item .right .items{display:flex;flex-direction:row;align-items:center;flex:1;justify-content:center;height:16px;font-size:12px;color:#999}.wrap .select-word-list .select-word-item .right .items:hover{color:#333}.wrap .select-word-list .select-word-item .right .items .icon{width:23px;height:23px;margin-right:5px}.wrap .changePage{justify-content:center}.wrap .changePage .liang{font-size:12px;color:#333}.wrap .changePage .icon{justify-content:center;padding:0 13px}.wrap .changePage .last,.wrap .changePage .next{width:20px;height:20px}.wrap .footers{display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.wrap .footers .liang{font-size:16px;color:#333}.wrap .footers .last,.wrap .footers .next{width:25px;height:25px;cursor:pointer;box-shadow:0 2px #0591ff1a}.wrap .footers .last:hover,.wrap .footers .next:hover{box-shadow:#00000026 1.95px 1.95px}.wrap .nothing{text-align:center}.wrap .nothing .img{width:300px;margin:30px 0}@keyframes slideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.modal-wrap{position:fixed;left:0;right:0;bottom:0;z-index:999;top:0;background:#0003;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-wrap .select-study-modal{width:375px;height:600px;padding:260px 40px 0;margin:-159px auto 0;background:url(/assets/model-bgpng-VlHHCndB.png);background-size:100% 100%}.modal-wrap .select-study-modal .list{height:260px;overflow:auto;margin:0 10px}.modal-wrap .select-study-modal .list .item{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;padding:7px 0 7px 10px;border-radius:6px;margin-bottom:10px;cursor:pointer;border:1px solid transparent;transition:.3s all ease-in-out}.modal-wrap .select-study-modal .list .item.active{background:#fff}.modal-wrap .select-study-modal .list .item.active .round{background:#00cf89}.modal-wrap .select-study-modal .list .item.default{border:1px solid #fff}.modal-wrap .select-study-modal .list .item.default .text{color:#fff}.modal-wrap .select-study-modal .list .item.default .round{background:#e6e6e6}.modal-wrap .select-study-modal .list .item:hover .text{color:#000}.modal-wrap .select-study-modal .list .item .text{font-size:15px;transition:.3s all ease-in-out}.modal-wrap .select-study-modal .list .item .round{display:flex;flex-direction:row;justify-content:center;align-items:center;width:72px;height:26px;transition:.3s all ease-in-out;border-radius:4px 0 0 4px;font-size:14px;color:#fff}.modal-wrap .select-study-modal .btns{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-around;margin-top:4px}.modal-wrap .select-study-modal .btns .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:130px;height:44px;border-radius:10px;color:#fff;cursor:pointer;box-shadow:transparent 1.95px 1.95px}.modal-wrap .select-study-modal .btns .btn:hover{box-shadow:#00000026 1.95px 1.95px}.modal-wrap .select-study-modal .btns .btn:nth-child(1){background-color:#f3ae4e}.modal-wrap .select-study-modal .btns .btn:nth-child(2){background-color:#36e0a9}.modal-wrap .select-study-modal .close{width:40px;margin:15px auto;cursor:pointer}.modal-wrap .message-wrap{width:303px;margin-bottom:150px;background:#eef3ff;border-radius:32px;padding:24px 48px;text-align:center;color:#333}.modal-wrap .message-wrap .title{font-weight:500;font-size:16px}.modal-wrap .message-wrap .label{font-size:14px;margin:18px 0 28px}.modal-wrap .message-wrap .footerssss{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between}.modal-wrap .message-wrap .footerssss .bt{width:92px;height:34px;font-size:12px;line-height:34px;cursor:pointer;box-shadow:transparent 1.95px 1.95px;border-radius:18px}.modal-wrap .message-wrap .footerssss .bt:hover{font-size:14px;box-shadow:#00000026 1.95px 1.95px}.modal-wrap .message-wrap .footerssss .fou{color:#00cf89;border:1px solid #00cf89}.modal-wrap .message-wrap .footerssss .shi{background:#00cf89;color:#fff}.modal-wrap.read .select-study-modal{height:499px;width:350px;padding-top:290px;background:url(/assets/cen-bg-DsSKKTvj.png);background-size:100% 100%}.modal-wrap.read .select-study-modal .list{height:100px;overflow:auto}.modal-wrap.read .select-study-modal .list .item{border-radius:0;height:40px}.modal-wrap.read .select-study-modal .btns{margin-top:30px;gap:10px}.modal-wrap.read .select-study-modal .btns .btn{height:40px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.slide-in{animation:slideIn .3s ease forwards}.slide-out{animation:slideOut .3s ease forwards}body[data-v-a220401a]{--primary-color: #00cf89;--font-color-h1: rgba(0, 0, 0, .9);--font-color-h2: rgba(0, 0, 0, .6);--font-color-p1: rgba(0, 0, 0, .4);--font-color-p2: rgba(0, 0, 0, .2);--font-color-link: #27ba9b;--font-color-reverse: #fff;--color-yellow: #d4f706;--color-blue: #48bdcd;--color-black: #000;--color-red: #ff523a;--color-green: #26b919;--color-bnb: #e8b30b;--line-color: rgba(0, 0, 0, .1);--line-color-2: rgba(0, 0, 0, .05);--bg: #333;--bg-page: #fafafa;--bg-2: rgba(255, 255, 255, .2);--bg-input: rgba(0, 0, 0, .04);--bg-table: rgba(0, 0, 0, .025);--bg-light: rgba(0, 0, 0, .02)}body.dark[data-v-a220401a]{--primary-color: #fff}.flex-row[data-v-a220401a]{display:flex;flex-direction:row;justify-content:center;align-items:center}.flex-col[data-v-a220401a]{display:flex;flex-direction:column;justify-content:center;align-items:center}.ellipsis[data-v-a220401a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis2[data-v-a220401a]{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}.tabbar[data-v-a220401a]{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-around;background-color:#fff;padding:10px 0;width:100%}.tabbar .item[data-v-a220401a]{display:flex;flex-direction:column;align-items:center;cursor:pointer}.tabbar .item:hover span[data-v-a220401a]{color:#00cf89}.tabbar .item .icon[data-v-a220401a]{width:24px;height:24px}.tabbar .item span[data-v-a220401a]{margin-top:4px;font-size:14px;color:#666}.tabbar .item .active[data-v-a220401a]{font-weight:700;color:#00cf89}#app{width:375px;margin:0 auto}