.ques-card{margin:20px 30px;padding:30px;border-radius:6px;box-shadow:0 0 20px 0 rgba(0,0,0,.15);word-break:break-all;word-wrap:break-word;overflow:hidden}.ques-card div p{font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,微软雅黑,Arial,sans-serif!important}.ques-card input{border:none;border-bottom:1px solid #000;text-align:center;pointer-events:none}.ques-card img{max-width:100%;vertical-align:middle}.ques-card.clickable:active{background:#f8f8f8}.ques-card .ques-card-options{display:flex;padding-top:20px}.ques-card .ques-card-options *{font-size:16px!important}.ques-card .ques-card-footer{display:flex;justify-content:space-between;padding-top:16px;flex-wrap:wrap;line-height:2}.ques-card .ques-card-footer .ques-time{color:#999;display:flex;align-items:center}.ques-card .ques-card-footer .ques-time i{font-size:20px}.ques-tag{padding:6px 20px;color:#0095ef;margin-left:20px;border-radius:20px}.ques-tag.purple{border:1px solid #b500f0;color:#b500f0}.ques-tag.red{background:rgba(240,0,0,.08);color:#f00000}.audio-player{width:100%;height:52px;background:#f3f3f3;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;color:#333}.audio-player .audio-progress{flex:1;height:4px;border-radius:2px;background-color:#dcdcdc;margin:0 12px}.audio-player .audio-progress div{width:50%;height:8px;border-radius:4px;background-color:#0096f0;margin-top:-2px}.audio-player .iconfont{font-size:28px}.ques-content,.question-content{word-break:normal;word-wrap:break-word}.ques-content div p,.question-content div p{font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,微软雅黑,Arial,sans-serif!important}.question-content img{vertical-align:middle}.ques-content input.cke_questions_blankInput,.question-content input.cke_questions_blankInput,.subject-main-inner input.cke_questions_blankInput{color:hsla(0,0%,100%,0);pointer-events:none;border:none;background:transparent;border-radius:0;border-bottom:1px solid #000}.ques-content input.cke_questions_blankInput::-webkit-input-placeholder,.question-content input.cke_questions_blankInput::-webkit-input-placeholder,.subject-main-inner input.cke_questions_blankInput::-webkit-input-placeholder{color:hsla(0,0%,100%,0)}.ques-content .dis-filling,.question-content .dis-filling{border-bottom:1px solid #000;width:70px;min-height:40px;display:inline-flex}.ques-content .filling,.question-content .filling{min-width:50px;min-height:40px;line-height:40px;background:#d7e6f0;border:1px solid #d7e6f0;border-radius:4px;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;vertical-align:middle;padding:0 10px;margin:2px;word-break:break-all;word-wrap:break-word;max-width:100%;color:#0096f0;outline:none}.ques-content .filling.round,.question-content .filling.round{border-radius:50%;width:40px;height:40px;min-width:40px;padding:0;font-size:28px;display:inline-block;text-align:center;line-height:40px}.ques-content .filling.on,.question-content .filling.on{background:#edf8ff;border:1px solid #0096f0}.ques-content .filling.focus,.ques-content .filling:focus,.question-content .filling.focus,.question-content .filling:focus{background:#fff;box-shadow:0 0 8px 0 rgba(0,150,240,.4);border:1px solid #0096f0;outline:none}.ques-content .filling .inside,.question-content .filling .inside{background:#edf8ff;border:1px solid #0096f0;border-radius:4px;padding:8px 20px;margin:10px;position:relative;display:block}.ques-content .filling img,.question-content .filling img{max-width:100%}@keyframes changeColor{0%{border-color:#ccc}30%{background:#f00000;border-color:#f00000;box-shadow:0 0 8px 1px #f1bbbb}60%{border-color:#ccc;background:#fff}80%{border-color:#f00000;background:#f00000;box-shadow:0 0 8px 1px #f1bbbb}to{border-color:#ccc;background:#fff}}.change-color-anim{animation:changeColor 2s}.change-tip-color-anim{animation:changeTipColor 2s}@keyframes changeTipColor{0%{color:#f00000}30%{color:#fff}60%{color:#f00000}80%{color:#fff}to{color:#f00000}}.matching-line{border-top:1px solid #0096f0;height:1px;position:absolute;transform-origin:0 0}.sync-back{display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;z-index:999;position:absolute;top:30px;left:50px;color:#fff;border-radius:100%;border:2px solid #fff}.sync-back:hover{background:hsla(0,0%,100%,.4)}.el-loading-mask.is-fullscreen .el-icon-loading{font-size:40px}.book-refresher-animation{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.6)}.book-refresher-animation .refresher-progress{margin-top:40px;width:587px;display:flex;flex-wrap:wrap;text-align:left;color:#fff}.book-refresher-animation .refresher-progress .r-p-c{position:relative;width:100%;height:20px;margin-bottom:10px;border:1px solid #65bd85;border-radius:20px;overflow:hidden}.book-refresher-animation .refresher-progress .r-p-c .r-p-c-bg{position:absolute;width:100%;height:100%;border-radius:20px;background:linear-gradient(90deg,#9ad1b1,#65bd85)}.book-refresher-animation .refresher-progress .r-p-c .r-p-c-bg-x{position:absolute;width:1174px;height:100%;border-radius:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAASCAYAAACNdSR1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjI1MUE0RUMwOUVGMTFFQjhDQUFBQ0ZGODcyRkYxRjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjI1MUE0RUQwOUVGMTFFQjhDQUFBQ0ZGODcyRkYxRjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MjUxQTRFQTA5RUYxMUVCOENBQUFDRkY4NzJGRjFGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MjUxQTRFQjA5RUYxMUVCOENBQUFDRkY4NzJGRjFGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjQOE4AAAC8SURBVHjahNLPCgFRFIDxGX+SJNnJQnaSlCQ8l4fyLBhJSZKNLGRFioWi67t1bul25zj1a6Z8t+GY2BgTKVPEBHlMM5E+fQmvOGix/Wwo93MYLW6jghfW7nTajOS6kgOpcR0N+2gsfr9XaMZy3eOmxWV05H7m/2J/BsjigqMW5yR264q0uIsSntj8i926lnhrcRM1fJCk/aX+urZ4aHEVrdC6QrF9YWKccNbigryKwXX5cU8O3LHT4q8AAwAYBCJHcfx2CQAAAABJRU5ErkJggg==) repeat-x;background-position:50%;z-index:1;animation:"progress-animate" 8s linear infinite}.book-refresher-animation .btn-container{display:flex;flex-wrap:nowrap;justify-content:center;margin-top:20px}.book-refresher-animation .btn-container .cancel-btn{background:linear-gradient(90deg,#ea5050,#ea5050);letter-spacing:4px}.book-refresher-animation .btn-container .cancel-btn,.book-refresher-animation .btn-container .ok-btn{display:inline-block;width:256px;height:42px;line-height:42px;border-radius:31px;text-align:center;color:#fff;font-size:18px;cursor:pointer}.book-refresher-animation .btn-container .ok-btn{background:linear-gradient(90deg,#9ad1b1,#65bd85)}.book-refresher-animation .book-refresher-animation-container{width:500px;height:500px;background:url(../img/refresher_animation_bg.af7c41fb.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;position:relative}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t{position:absolute;width:606px;height:352px;left:-20px;top:76px;background:url(../img/refresher-title.bcc9ba95.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container{position:absolute;width:456px;height:100px;top:170px;left:60px;height:104px;background:hsla(0,0%,100%,.05)}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .standard-star{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:rgba(0,0,0,.5);border-radius:100%;text-align:center;line-height:.5}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .stand-t{width:100%;height:100%;border-radius:100%;display:inline-block;background:rgba(51,51,51,.6);opacity:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .stand-t-active{animation:"star-t-animate" .3s linear .1s forwards}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .first-star{width:20px;height:10px;left:90px;top:15px;background:#e6664a;opacity:0;line-height:.5;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .second-star{width:25px;height:15px;left:110px;top:60px;background:#71bd56;opacity:0;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .third-star{width:25px;height:15px;left:155px;top:25px;background:#90caec;opacity:0;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .fourth-star{width:25px;height:15px;left:175px;top:70px;background:#e5e869;opacity:0;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .fifth-star{width:25px;height:15px;left:255px;top:15px;background:#ea7e6c;opacity:0;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .sixth-star{width:25px;height:15px;left:285px;top:60px;background:#d081b5;opacity:0;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .seventh-star{width:25px;height:15px;left:340px;top:20px;background:#d8bfda;opacity:0;animation:star-animate .8s linear infinite}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .first-star-t{width:20px;height:10px;left:90px;top:15px;z-index:1;line-height:10px;background:#333}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .second-star-t{width:25px;height:15px;left:110px;top:60px;background:#71bd56;background:#333;z-index:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .third-star-t{width:25px;height:15px;left:155px;top:25px;background:#90caec;background:#333;z-index:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .fourth-star-t{width:25px;height:15px;left:175px;top:70px;background:#e5e869;background:#333;z-index:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .fifth-star-t{width:25px;height:15px;left:255px;top:15px;background:#ea7e6c;background:#333;z-index:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .sixth-star-t{width:25px;height:15px;left:285px;top:60px;background:#d081b5;background:#333;z-index:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .seventh-star-t{width:25px;height:15px;left:340px;top:20px;background:#d8bfda;background:#333;z-index:1}.book-refresher-animation .book-refresher-animation-container .book-refresher-a-t .star-container .star-active{opacity:1}.book-refresher-animation .book-refresher-animation-container .sync-a-circle{position:absolute;display:inline-block;width:30px;height:30px;box-shadow:0 0 0 8px hsla(0,0%,100%,.05);border-radius:100%;z-index:99}.book-refresher-animation .book-refresher-animation-container .first-circle{width:40px;height:40px;background:#30a2dd;top:60px;left:0;animation:circle-animate 1.5s linear infinite}.book-refresher-animation .book-refresher-animation-container .second-circle{width:20px;height:20px;background:#f4d832;top:80px;left:220px;animation:circle-animate 2s linear infinite}.book-refresher-animation .book-refresher-animation-container .third-circle{width:40px;height:40px;background:#ec662c;top:70px;right:-10px;animation:circle-animate 1s linear infinite}.book-refresher-animation .book-refresher-animation-container .fourth-circle{width:20px;height:20px;background:#d082b4;top:260px;left:10px;animation:circle-animate 1.8s linear infinite}.book-refresher-animation .book-refresher-animation-container .fifth-circle{width:30px;height:30px;background:#90bc2a;top:270px;right:-46px;animation:circle-animate 2.2s linear infinite}@keyframes circle-animate{0%{transform:translateY(0)}25%{transform:translateY(10px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes progress-animate{0%{left:0}to{left:-587px}}@keyframes star-animate{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.1)}to{box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}}@keyframes star-t-animate{to{width:0;height:0}}