.line-matching-answered-tips{max-width:890px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.line-matching-answered-tips .cell{font-size:12px;color:#ff5e2a;margin-right:16px}.line-matching-answered-tips .cell.wrong{color:red}.line-matching-answered-tips .cell.miss{margin:0 5px 0 0;color:red}.line-matching-answered-tips .cell .icon{font-size:16px;margin-right:4px}.line-matching-control{max-width:890px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.line-matching-control .conn-canvas{position:absolute}.line-matching-control .canvas-line-remover{position:absolute;-webkit-transition-property:opacity;transition-property:opacity;z-index:100}.line-matching-control .add-area-item-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.line-matching-control .add-area-item-btn,.line-matching-control .items-area{z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.line-matching-control .items-area{position:relative;border-radius:4px;padding:15px 5px;width:350px;-ms-flex-pack:distribute;justify-content:space-around}.line-matching-control .items-area.edit{border:1px dashed #dcdfe6}.line-matching-control .items-area .knob{-webkit-box-shadow:0 0 0 1.5px #ccc;box-shadow:0 0 0 1.5px #ccc;border-radius:50%}.line-matching-control .items-area .knob .circle{width:12px;height:12px;border-radius:50%;-webkit-transition:border .3s;transition:border .3s;margin:4px}.line-matching-control .items-area .knob .circle.active,.line-matching-control .items-area .knob:hover .circle{background:#ff5e2a}.line-matching-control .items-area.left-area .connect-mode-item{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-radius:4px}.line-matching-control .items-area.right-area .connect-mode-item{border-radius:4px}.line-matching-control .items-area .connect-mode-item{border:none;-webkit-box-shadow:0 0 0 1.5px #ccc;box-shadow:0 0 0 1.5px #ccc}.line-matching-control .items-area .connect-mode-item .item{width:80%;padding:7px;display:-webkit-box;display:-ms-flexbox;display:flex;height:200px;overflow:auto}.line-matching-control .items-area .connect-mode-item.active{-webkit-box-shadow:0 0 0 1.5px #ff5e2a;box-shadow:0 0 0 1.5px #ff5e2a}.line-matching-control .items-area .connect-mode-item.wrong-answered{border-color:red!important}.line-matching-control .items-area .connect-mode-item.wrong-answered .circle.active,.line-matching-control .items-area .connect-mode-item.wrong-answered_right .circle.active{background:red!important}.line-matching-control .items-area .connect-mode-item,.line-matching-control .items-area .edit-mode-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.line-matching-control .items-area .connect-mode-item:last-of-type,.line-matching-control .items-area .edit-mode-item:last-of-type{margin-bottom:0}.line-matching-control .items-area .connect-mode-item .item-qtext,.line-matching-control .items-area .edit-mode-item .item-qtext{width:100%}.line-matching-control .items-area .connect-mode-item .knob,.line-matching-control .items-area .connect-mode-item .remove-btn,.line-matching-control .items-area .edit-mode-item .knob,.line-matching-control .items-area .edit-mode-item .remove-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;margin:10px;z-index:100}.line-matching-control .items-area .connect-mode-item .remove-btn button,.line-matching-control .items-area .edit-mode-item .remove-btn button{width:30px;height:30px;background:#fff1f1;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}.line-matching-control .items-area .connect-mode-item .remove-btn button .icon,.line-matching-control .items-area .edit-mode-item .remove-btn button .icon{font-size:16px}.line-matching-control .item-qtext{min-width:250px}.icon-circle{width:28px;height:28px;background:#fff8f5;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;cursor:pointer}.quill-text{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:330px;min-height:97px}.exercises-body[data-v-471bf2ae],.flex[data-v-471bf2ae]{display:-webkit-box;display:-ms-flexbox;display:flex}.exercises-body[data-v-471bf2ae]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.answer-unfold[data-v-471bf2ae]{width:20px;height:20px;cursor:pointer;text-align:right}.exercises-icon[data-v-471bf2ae]{position:absolute;top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100vw - 40px);padding:0 20px;font-size:16px;color:#3e3e3e}.exercises-body-title[data-v-471bf2ae]{font-size:16px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700;color:#404040;margin-top:20px;margin-bottom:10px;margin-left:20px;padding-left:22px;margin-right:40px;word-break:break-all;position:relative}.exercises-body-index[data-v-471bf2ae]{position:absolute;left:-13px;text-align:right;width:31px}.exercises-resource[data-v-471bf2ae]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:22px}.exercises-resource .resource-item[data-v-471bf2ae]{margin-left:20px;margin-bottom:20px}.exercises-radio[data-v-471bf2ae]{width:470px;max-height:300px;border-radius:6px 6px 6px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:22px;padding-right:22px;margin-left:20px;overflow:auto;font-weight:700;color:#404040;font-family:PingFang SC-Bold,PingFang SC}.exercises-radio .radio-box[data-v-471bf2ae]{border:1px solid silver;width:15px;height:15px;margin-right:20px}.exercises-radio .radio-option[data-v-471bf2ae]{margin-right:10px;line-height:1.8}.exercises-radio .radio-item[data-v-471bf2ae]{-webkit-box-flex:1;-ms-flex:1;flex:1}.exercises-audio[data-v-471bf2ae]{width:300px}.exercises-answer[data-v-471bf2ae]{margin-left:20px;font-size:15px;font-family:PingFang SC-Bold,PingFang SC;font-weight:700}.exercises-answer .answer-title[data-v-471bf2ae]{color:#757575;margin-bottom:20px}.exercises-answer .answer-answer[data-v-471bf2ae]{color:#3e3e3e;margin-bottom:20px}.exercises-line[data-v-471bf2ae]{-webkit-box-shadow:0 0 0 1px #ccc;box-shadow:0 0 0 1px #ccc;opacity:.4;display:grid}.rotate-icon[data-v-471bf2ae]{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.rotate-180[data-v-471bf2ae]{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}