.words-box[data-v-7bfdd9da]{position:relative;width:280px;height:242px;background:url(//www-stream.2345cdn.net/s/new2345/img/recite_words_bg09cbd1820ea5650d757204fc004e148c.png) no-repeat;background-size:100% 100%;border-radius:12px;margin:0 auto 20px}.words-box .words-header[data-v-7bfdd9da]{position:relative;width:100%;height:36px;padding-top:8px;padding-left:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.words-box .words-header .r[data-v-7bfdd9da]{max-width:74px;height:28px;line-height:28px;background:hsla(0,0%,100%,.8);border:1px solid rgba(0,101,255,.2);border-radius:14px;font-size:12px;color:#137cff;text-indent:6px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.words-box .words-header .r .arrow[data-v-7bfdd9da]{width:7px;height:4px;color:#437aff;margin-left:2px;vertical-align:3px}.words-box .words-header .r:hover .arrow[data-v-7bfdd9da]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.words-box .words-header .r .word-list[data-v-7bfdd9da]{width:153px;height:106px;position:absolute;top:20px;left:0;z-index:1;cursor:default}.words-box .words-header .r .word-list ul[data-v-7bfdd9da]{margin-top:10px;width:80px;height:106px;background:#fff;-webkit-box-shadow:0 2px 20px 0 rgba(163,197,223,.5);box-shadow:0 2px 20px 0 rgba(163,197,223,.5);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:8px}.words-box .words-header .r .word-list ul li[data-v-7bfdd9da]{list-style:none;height:30px;font-size:12px;color:#222;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.words-box .words-header .r .word-list ul .active[data-v-7bfdd9da],.words-box .words-header .r .word-list ul li[data-v-7bfdd9da]:hover{color:#137cff}.words-box .words-header .title[data-v-7bfdd9da]{font-size:14px;color:rgba(34,34,34,.8);line-height:19px}.words-box .words-header .count[data-v-7bfdd9da]{font-size:12px;color:#ff9e26;width:44px;height:22px;background:linear-gradient(148deg,#fff3d6,#ffe8b7);border-radius:0 10px 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:2px}.words-box .words-header .count .hightLight[data-v-7bfdd9da]{font-size:16px;color:#222}.words-box .words-content[data-v-7bfdd9da]{padding-top:16px;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.words-box .words-content .word[data-v-7bfdd9da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:38px}.words-box .words-content .word .letter[data-v-7bfdd9da]{margin-right:4px;font-size:24px;font-weight:700;color:#0166ff;line-height:31px}.words-box .words-content .word .letter .empty[data-v-7bfdd9da]{width:30px;height:38px;background:#fff;border-radius:6px;border:1px dashed #0166ff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#222;text-align:center}.words-box .words-content .text[data-v-7bfdd9da]{height:19px;font-size:12px;color:#222;line-height:16px;text-align:center;margin:11px 0 16px;padding:0 10px}.words-box .words-content .w-options[data-v-7bfdd9da]{display:-webkit-box;display:-ms-flexbox;display:flex;width:230px;height:38px;margin:0 auto 24px}.words-box .words-content .w-options .option[data-v-7bfdd9da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:38px;background:hsla(0,0%,100%,.6);border-radius:6px;border:1px solid rgba(1,102,255,.3);font-size:24px;font-weight:700;color:#222;line-height:normal;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.words-box .words-content .w-options .option[data-v-7bfdd9da]:not(:last-child){margin-right:10px}.words-box .words-content .w-options .option.active[data-v-7bfdd9da]{border:none;background:#eaeaea;border:1px solid #eaeaea}.words-box .words-content .w-options .option[data-v-7bfdd9da]:hover{background:rgba(1,102,255,.15);border:1px solid rgba(1,102,255,.5)}.words-box .words-content .word-mode-2[data-v-7bfdd9da]{margin-top:9px;padding:0 10px}.words-box .words-content .word-mode-2 .word-mode-2-text[data-v-7bfdd9da]{font-weight:700;font-size:14px;color:#0166ff;text-align:center}.words-box .words-content .word-mode-2 .word-mode-2-options[data-v-7bfdd9da]{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:16px;padding:0 18px}.words-box .words-content .word-mode-2 .word-mode-2-option[data-v-7bfdd9da],.words-box .words-content .word-mode-2 .word-mode-2-options[data-v-7bfdd9da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.words-box .words-content .word-mode-2 .word-mode-2-option[data-v-7bfdd9da]{height:32px;background:hsla(0,0%,100%,.6);border-radius:6px;border:1px solid rgba(1,102,255,.3);font-size:12px;font-weight:700;color:#222;line-height:normal;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0 10px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-right:8px;margin-bottom:8px}.words-box .words-content .word-mode-2 .word-mode-2-option[data-v-7bfdd9da]:hover{background:rgba(1,102,255,.15);border:1px solid rgba(1,102,255,.5)}.words-box .words-content .operate[data-v-7bfdd9da]{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.words-box .words-content .operate .btn[data-v-7bfdd9da],.words-box .words-content .operate[data-v-7bfdd9da]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.words-box .words-content .operate .btn[data-v-7bfdd9da]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:62px;height:28px;text-align:center;font-size:12px;color:#222;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;background:#fff;border-radius:6px;border:1px solid rgba(1,102,255,.3)}.words-box .words-content .operate .btn[data-v-7bfdd9da]:not(:last-child){margin-right:12px}.words-box .words-content .operate .hover[data-v-7bfdd9da]:hover{background:-webkit-gradient(linear,right top,left top,from(#029fff),to(#0166ff)),#fff;background:linear-gradient(270deg,#029fff,#0166ff),#fff;color:#fff;border:none}.words-box .words-content .operate .disabled[data-v-7bfdd9da]{color:#999;border:1px solid rgba(1,102,255,.15)}.words-box .words-content .result-modal[data-v-7bfdd9da]{position:absolute;top:70px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:16px;width:234px;height:114px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:16px;color:#fff}.words-box .words-content .result-modal .resultIcon[data-v-7bfdd9da]{position:absolute;top:-30px;left:91px;width:52px;height:60px}.words-box .words-content .result-modal .result-tip[data-v-7bfdd9da]{padding:8px 0;font-size:14px;font-weight:700;color:#fff;line-height:19px;border-bottom:1px solid hsla(0,0%,100%,.15);text-align:center}.words-box .words-content .result-modal .result-word[data-v-7bfdd9da]{margin:4px 0;text-align:center;font-size:16px;font-weight:700;line-height:21px}.words-box .words-content .result-modal .result-mean[data-v-7bfdd9da]{font-size:12px;line-height:16px;text-align:center}.words-box .loading-status[data-v-7bfdd9da]{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}