.HHVisualizer[data-v-09272f1c]{position:absolute;left:0;top:0}.HHVisualizer .HHVisualizerWrap[data-v-09272f1c]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.HHVisualizer .HHVisualizerWrap .playerTimeLine[data-v-09272f1c]{width:100%}.HHVisualizer .HHVisualizerWrap .playerTimeLine .timeLineWrap[data-v-09272f1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:.04rem;border-radius:.02rem;background-color:#999;position:relative}.HHVisualizer .HHVisualizerWrap .playerTimeLine .timeLineWrap .currentLine[data-v-09272f1c]{height:100%;border-radius:.02rem;background-color:#2099d4}.HHVisualizer .HHVisualizerWrap .playerTimeLine .timeLineWrap .timeLineBar[data-v-09272f1c]{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.12rem;height:.12rem;border-radius:.06rem;border:1px solid #1f96d0;background-color:#fff;cursor:pointer}.HHVisualizer .HHVisualizerWrap .videoCard[data-v-09272f1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.HHVisualizer .HHVisualizerWrap .videoCard .videoBody[data-v-09272f1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.HHVisualizer .HHVisualizerWrap .videoCard .videoBody .iframeContainer[data-v-09272f1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;pointer-events:none;width:100%;height:100%}.HHVisualizer .HHVisualizerWrap .videoCard .videoBody .ytbNetworkErr[data-v-09272f1c]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center;justify-self:center;background-color:#fbfbfb}.HHVisualizer .HHVisualizerWrap .videoCard .videoBody .ytbNetworkErr .networkErrIcon[data-v-09272f1c]{width:1.6rem;height:1.4rem;background-image:url(../assets/img/icon/img-search-placeholder-error-network.svg);background-size:cover;background-position:50%;background-repeat:no-repeat}.HHVisualizer .HHVisualizerWrap .videoCard .videoBody .ytbNetworkErr .networkTip[data-v-09272f1c]{white-space:break-spaces;text-align:center}.HHVisualizer .HHVisualizerWrap .videoCard iframe[data-v-09272f1c],.HHVisualizer .HHVisualizerWrap .videoCard video[data-v-09272f1c]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.HHVisualizer .HHVisualizerWrap .videoCard img[data-v-09272f1c]{position:absolute;left:0;top:0;bottom:0;right:0;z-index:2;width:100%;height:100%}.HHVisualizer .HHVisualizerWrap .videoName[data-v-09272f1c]{height:.28rem;background-color:#424242;color:#fff;position:relative}.HHVisualizer .HHVisualizerWrap .videoName .nameStyle[data-v-09272f1c]{position:absolute;top:30%;left:3%;white-space:nowrap}.HHVisualizer .HHVisualizerWrap .playControlBar[data-v-09272f1c]{height:.6rem;background-color:#424242;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}.HHVisualizer .HHVisualizerWrap .playControlBar .left-bar[data-v-09272f1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:.1rem;width:1.8rem}.HHVisualizer .HHVisualizerWrap .playControlBar .left-bar .durationDesc[data-v-09272f1c]{font-size:.12rem;line-height:1.33;color:hsla(0,0%,100%,.85);white-space:nowrap}.HHVisualizer .HHVisualizerWrap .playControlBar .left-bar div[data-v-09272f1c]{cursor:pointer}.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar[data-v-09272f1c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-right:.1rem;width:1.8rem}.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar .playerSound[data-v-09272f1c],.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar[data-v-09272f1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar .playerSound .soundLineWrap[data-v-09272f1c]{width:.82rem;height:.04rem;border-radius:.02rem;background-color:#cdcdd9;margin-left:.08rem;position:relative}.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar .playerSound .soundLineWrap .currentLine[data-v-09272f1c]{height:100%;border-radius:.02rem;background-color:#fff}.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar .playerSound .soundLineWrap .soundLineBar[data-v-09272f1c]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.12rem;height:.12rem;border-radius:.06rem;background-color:#fff;cursor:pointer}.HHVisualizer .HHVisualizerWrap .playControlBar .rigth-bar div[data-v-09272f1c]{cursor:pointer}.HHVisualizer .HHVisualizerWrap .playControlBtn[data-v-09272f1c]{z-index:3;cursor:pointer;width:.9rem;height:.9rem;background-image:url(../assets/img/icon/img-video-play.svg);background-repeat:no-repeat;background-position:50%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.8}.HHVisualizer .HHVisualizerWrap .playControlBtn[data-v-09272f1c]:hover{opacity:1}.aimg-leave-active[data-v-5531f58e]{-webkit-transition:opacity .1s;transition:opacity .1s}.aimg-leave-to[data-v-5531f58e]{opacity:1}.matching-card[data-v-50eabbe9]{background-size:contain;background-repeat:no-repeat;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;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.matching-card .controlPoints[data-v-50eabbe9]{position:absolute;left:0;right:0;bottom:0;top:0;display:none}.matching-card .controlPoints>div[data-v-50eabbe9]{position:absolute;width:.13rem;height:.13rem;border:1px solid #07c08e;background-color:#fff;border-radius:.13rem;-webkit-box-sizing:border-box;box-sizing:border-box}.matching-card .controlPoints>div.upPoint[data-v-50eabbe9]{top:-.07rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:ns-resize}.matching-card .controlPoints>div.bottomPoint[data-v-50eabbe9]{bottom:-.07rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:ns-resize}.matching-card .controlPoints>div.leftPoint[data-v-50eabbe9]{left:-.07rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:ew-resize}.matching-card .controlPoints>div.rightPoint[data-v-50eabbe9]{right:-.07rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:ew-resize}.matching-card .controlPoints>div.scalePoint[data-v-50eabbe9]{right:-.07rem;bottom:-.07rem;cursor:nwse-resize}.matching-card.selected[data-v-50eabbe9]{border:1px solid #07c08e}.matching-card.selected .controlPoints[data-v-50eabbe9]{display:block}.play-btn[data-v-50eabbe9]{position:absolute;right:.5rem;top:50%;width:1rem;height:1rem;background-size:contain;background-repeat:no-repeat;background-position:50%}.play-btn.check[data-v-50eabbe9]{-webkit-transform:translateY(-100%);transform:translateY(-100%);background-image:url(../assets/activityGame/public/ID_ACTIVITY_CHECK_ANSWER.png)}.play-btn.reset[data-v-50eabbe9]{-webkit-transform:translateY(50%);transform:translateY(50%);background-image:url(../assets/activityGame/public/ID_ACTIVITY_REST.png)}.resultImg[data-v-50eabbe9]{position:absolute;z-index:20001;left:0;top:0;width:3.2rem;height:3.2rem;background-image:url(../assets/activityGame/public/ID_RESULT_GOOD.png);background-size:contain}.result[data-v-50eabbe9]{position:fixed;z-index:20001;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6)}.result .resultIcon[data-v-50eabbe9]{width:6.4rem;height:6.4rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.result .resultIcon[data-v-50eabbe9] img{width:6.4rem;height:6.4rem}.game-activity[data-v-50eabbe9]{width:100%;height:100%}.background[data-v-50eabbe9]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.card[data-v-f33f8084]{margin:auto;-webkit-perspective:1000px;perspective:1000px;background-color:transparent}.card__content[data-v-f33f8084]{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:all 1s;transition:all 1s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.15);box-shadow:0 3px 6px 0 rgba(0,0,0,.15)}.card__showBack[data-v-f33f8084]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card__back[data-v-f33f8084],.card__front[data-v-f33f8084]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;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;color:#fff}.card__front[data-v-f33f8084]{background-color:red;font-size:1rem}.card__back[data-v-f33f8084]{background-color:indigo;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);font-size:.2rem}.mouse-card[data-v-7cfbc157]{background-size:contain;background-repeat:no-repeat;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;font-size:.2rem;font-weight:700;position:absolute;-webkit-transition-property:top;transition-property:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.score[data-v-7cfbc157]{background:hsla(0,0%,100%,.2);padding:0 3rem;line-height:1;border-radius:1rem}p[data-v-7cfbc157]{height:5rem;text-align:center}button[data-v-7cfbc157]{margin:0 auto;width:10rem;font-size:3rem;font-family:Amatic SC,cursive;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;background:hsla(0,0%,100%,.2);border:1px solid #000;border-radius:1rem}.game[data-v-7cfbc157]{width:100%;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.game[data-v-7cfbc157],.hole[data-v-7cfbc157]{display:-webkit-box;display:-ms-flexbox;display:flex}.hole[data-v-7cfbc157]{-webkit-box-flex:1;-ms-flex:1 0 20%;flex:1 0 20%;overflow:hidden;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hole[data-v-7cfbc157]:after{display:block;background-size:contain;background-repeat:no-repeat;content:"";width:100%;height:70px;position:absolute;z-index:2;bottom:-30px}.mole[data-v-7cfbc157]{background:bottom no-repeat;background-size:60%;position:absolute;top:70%;width:100%;height:100%;-webkit-transition:all .4s;transition:all .4s}.hole.up .mole[data-v-7cfbc157]{top:0}.map-row[data-v-7cfbc157]{height:200px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.game-activity[data-v-7cfbc157]{position:relative;width:100%;height:100%}.game-container[data-v-7cfbc157]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:5px solid #f031c1}.mouse-card[data-v-2adeb8d1]{background-size:contain;background-repeat:no-repeat;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;font-size:.2rem;font-weight:700;position:absolute;-webkit-transition-property:top;transition-property:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.score[data-v-2adeb8d1]{background:hsla(0,0%,100%,.2);padding:0 3rem;line-height:1;border-radius:1rem}p[data-v-2adeb8d1]{height:5rem;text-align:center}button[data-v-2adeb8d1]{margin:0 auto;width:10rem;font-size:3rem;font-family:Amatic SC,cursive;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;background:hsla(0,0%,100%,.2);border:1px solid #000;border-radius:1rem}.game[data-v-2adeb8d1]{width:100%;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.game[data-v-2adeb8d1],.hole[data-v-2adeb8d1]{display:-webkit-box;display:-ms-flexbox;display:flex}.hole[data-v-2adeb8d1]{-webkit-box-flex:1;-ms-flex:1 0 20%;flex:1 0 20%;overflow:hidden;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hole[data-v-2adeb8d1]:after{display:block;background-size:contain;background-repeat:no-repeat;content:"";width:100%;height:70px;position:absolute;z-index:2;bottom:-30px}.mole[data-v-2adeb8d1]{background:bottom no-repeat;background-size:60%;position:absolute;top:70%;width:100%;height:100%;-webkit-transition:all .4s;transition:all .4s}.hole.up .mole[data-v-2adeb8d1]{top:0}.map-row[data-v-2adeb8d1]{height:200px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.game-activity[data-v-2adeb8d1]{position:relative;width:100%;height:100%}.pk-container[data-v-2adeb8d1]{position:absolute;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.classify-card[data-v-8746193a]{background-size:contain;background-repeat:no-repeat;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;font-weight:700;text-shadow:wheat;margin:0}.classify-card.card-selected[data-v-8746193a]{margin:-20px;zoom:1.05}.classify-card.categroy-card[data-v-8746193a]{font-size:.4rem}.classify-card.children-card[data-v-8746193a]{font-size:.2rem}.play-btn[data-v-8746193a]{position:absolute;background:#d13103;color:wheat;padding:5px 10px;font-size:.2rem}.play-btn.check[data-v-8746193a]{top:260px}.play-btn.reset[data-v-8746193a]{top:300px}.game-activity[data-v-8746193a]{position:relative;width:100%;height:100%}.backgound[data-v-282afc44]{width:100%;height:100%}.top-row[data-v-282afc44]{position:absolute;top:80px;width:100%;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}.top-row .top-row-vs[data-v-282afc44]{font-size:1rem;color:#001291}.pk-container[data-v-282afc44]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.pk-container .container[data-v-282afc44]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.pk-container .middle[data-v-282afc44]{width:160px}.pk-container .middle img[data-v-282afc44]{width:100%}.pk-container .right-container[data-v-282afc44]{-webkit-box-flex:1;-ms-flex:1;flex:1}.pk-container .head-slider[data-v-282afc44]{position:absolute;top:20px}.pk-container .head-slider .slider-bg[data-v-282afc44]{height:160px}.pk-container .head-slider .slider-icon[data-v-282afc44]{left:20%;position:absolute;width:120px}.pk-container .question-container[data-v-282afc44]{position:relative;top:20%}.pk-container .question-container .question-icon[data-v-282afc44]{width:35vw}.pk-container .question-container .question-text[data-v-282afc44]{top:40px;position:absolute;left:60px;font-size:36px}.pk-container .bottom-btn[data-v-282afc44]{position:absolute;bottom:20px;left:200px;display:-webkit-box;display:-ms-flexbox;display:flex}.pk-container .bottom-btn .operate-btn[data-v-282afc44]{font-size:1rem;padding:20px;color:#358fcf}.pk-container .bottom-btn .operate-btn[data-v-282afc44]:hover{color:#51b7ff}.pk-container .bottom-btn .operate-btn[data-v-282afc44]:active{color:#25638f}.backgound[data-v-086fabd2]{width:100%;height:100%}.top-row[data-v-086fabd2]{position:absolute;top:80px;width:100%;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}.top-row .top-row-vs[data-v-086fabd2]{font-size:1rem;color:#001291}.pk-container[data-v-086fabd2]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.pk-container .container[data-v-086fabd2]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.pk-container .middle[data-v-086fabd2]{width:160px}.pk-container .middle img[data-v-086fabd2]{width:100%}.pk-container .right-container[data-v-086fabd2]{-webkit-box-flex:1;-ms-flex:1;flex:1}.pk-container .head-slider[data-v-086fabd2]{position:absolute;top:20px}.pk-container .head-slider .slider-bg[data-v-086fabd2]{height:160px}.pk-container .head-slider .slider-icon[data-v-086fabd2]{left:20%;position:absolute;width:120px}.pk-container .question-container[data-v-086fabd2]{position:relative;top:20%}.pk-container .question-container .question-icon[data-v-086fabd2]{width:35vw}.pk-container .question-container .question-text[data-v-086fabd2]{top:40px;position:absolute;left:60px;font-size:36px}.pk-container .bottom-btn[data-v-086fabd2]{position:absolute;bottom:20px;left:200px;display:-webkit-box;display:-ms-flexbox;display:flex}.pk-container .bottom-btn .operate-btn[data-v-086fabd2]{font-size:1rem;padding:20px;color:#358fcf}.pk-container .bottom-btn .operate-btn[data-v-086fabd2]:hover{color:#51b7ff}.pk-container .bottom-btn .operate-btn[data-v-086fabd2]:active{color:#25638f}.switch-mode[data-v-086fabd2]{position:absolute;background:#ffc4c4;padding:5px;top:0}.count-down-big[data-v-086fabd2]{font-size:2rem;position:absolute;color:#ffff52;top:200px;left:660px;text-shadow:0 0 20px #0400ff}.ruler_contianer[data-v-2c1b181f]{position:absolute;overflow:hidden;padding-top:.15em;-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler[data-v-2c1b181f]{background-image:url(../assets/img/rulers/image-lecture-tools-ruler.svg);background-size:1560px 154px;height:154px;width:1560px;position:absolute;bottom:0;left:0}.ruler_contianer .rulerBtn[data-v-2c1b181f]{position:absolute;width:40px;height:40px;top:70px;z-index:99999;background-size:contain;-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_close[data-v-2c1b181f]{left:35px;background-image:url(../assets/img/rulers/ic-ruler-close.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_rotate[data-v-2c1b181f]{right:105px;background-image:url(../assets/img/rulers/ic-ruler-rotate.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_stretch[data-v-2c1b181f]{right:35px;background-image:url(../assets/img/rulers/ic-ruler-extend.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .rulerText[data-v-2c1b181f]{position:relative;width:120px;text-align:center;line-height:36px;height:36px;background-color:#fff;font-size:.16rem;color:#07c08e;border-radius:50px;line-height:30px;margin-top:74px;margin-left:calc(50% - 100px);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}.ruler_contianer.zoom_10 .ruler_close[data-v-2c1b181f],.ruler_contianer.zoom_10 .ruler_rotate[data-v-2c1b181f],.ruler_contianer.zoom_10 .ruler_stretch[data-v-2c1b181f],.ruler_contianer.zoom_10 .rulerText[data-v-2c1b181f]{transform:scale(1.5);-webkit-transform:scale(1.5);top:75px;margin-top:0}.ruler_contianer.zoom_3 .ruler_close[data-v-2c1b181f],.ruler_contianer.zoom_3 .ruler_rotate[data-v-2c1b181f],.ruler_contianer.zoom_3 .ruler_stretch[data-v-2c1b181f],.ruler_contianer.zoom_5 .ruler_close[data-v-2c1b181f],.ruler_contianer.zoom_5 .ruler_rotate[data-v-2c1b181f],.ruler_contianer.zoom_5 .ruler_stretch[data-v-2c1b181f],.ruler_contianer.zoom_6 .ruler_close[data-v-2c1b181f],.ruler_contianer.zoom_6 .ruler_rotate[data-v-2c1b181f],.ruler_contianer.zoom_6 .ruler_stretch[data-v-2c1b181f]{-webkit-transform-origin:0 12px;transform-origin:0 12px;transform:scale(2);-webkit-transform:scale(2)}.ruler_contianer.zoom_3 .rulerText[data-v-2c1b181f],.ruler_contianer.zoom_5 .rulerText[data-v-2c1b181f],.ruler_contianer.zoom_6 .rulerText[data-v-2c1b181f]{-webkit-transform-origin:0 12px;transform-origin:0 12px;transform:scale(1.8);-webkit-transform:scale(1.8);margin-left:calc(50% - 120px)}.canvas[data-v-2c1b181f]{height:40px;top:20px;position:absolute;left:0;width:1560px}.canvasbottom[data-v-2c1b181f]{height:40px;bottom:0;position:absolute;left:0;width:1560px}.ruler_contianer[data-v-7b52dc85]{position:absolute;overflow:hidden;-ms-touch-action:none;touch-action:none}.ruler_contianer .Oval[data-v-7b52dc85]{position:absolute;right:0;bottom:0;width:16px;height:16px;border-radius:50%;border:4px solid #07c08e;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:ew-resize}.ruler_contianer .ruler[data-v-7b52dc85]{background-image:url(../assets/img/rulers/img-ruler-triangle.svg);background-repeat:no-repeat;background-size:454px 454px;height:454px;width:480px;position:absolute;bottom:0;left:0}.ruler_contianer .rulerBtn[data-v-7b52dc85]{position:absolute;width:40px;height:40px;bottom:27px;z-index:99999;background-size:contain;-ms-touch-action:none;touch-action:none}.ruler_contianer.zoom_10 .ruler_close[data-v-7b52dc85],.ruler_contianer.zoom_10 .ruler_rotate[data-v-7b52dc85],.ruler_contianer.zoom_10 .ruler_stretch[data-v-7b52dc85]{transform:scale(1.5);-webkit-transform:scale(1.5)}.ruler_contianer.zoom_10 .rulerText[data-v-7b52dc85]{transform:scale(1.5) rotate(45deg);-webkit-transform:scale(1.5) rotate(45deg)}.ruler_contianer.zoom_3 .ruler_close[data-v-7b52dc85],.ruler_contianer.zoom_5 .ruler_close[data-v-7b52dc85],.ruler_contianer.zoom_6 .ruler_close[data-v-7b52dc85]{left:20px;zoom:2;bottom:124px}.ruler_contianer.zoom_3 .ruler_rotate[data-v-7b52dc85],.ruler_contianer.zoom_5 .ruler_rotate[data-v-7b52dc85],.ruler_contianer.zoom_6 .ruler_rotate[data-v-7b52dc85]{zoom:2;left:125px;bottom:20px}.ruler_contianer.zoom_3 .rulerText[data-v-7b52dc85],.ruler_contianer.zoom_5 .rulerText[data-v-7b52dc85],.ruler_contianer.zoom_6 .rulerText[data-v-7b52dc85]{zoom:2.1;margin-top:124px;margin-left:36px}.ruler_contianer .ruler_close[data-v-7b52dc85]{left:57px;bottom:277px;background-image:url(../assets/img/rulers/ic-ruler-close.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_rotate[data-v-7b52dc85]{left:277px;bottom:57px;background-image:url(../assets/img/rulers/ic-ruler-rotate.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_stretch[data-v-7b52dc85]{right:80px;bottom:40px;background-image:url(../assets/img/rulers/ic-ruler-extend.svg);-ms-touch-action:none;touch-action:none}.horizonal_canvas[data-v-7b52dc85]{width:454px;height:30px;position:absolute;left:0;bottom:0;border-radius:15px}.vertial_canvas[data-v-7b52dc85]{width:30px;height:454px;position:absolute;left:0;top:0;border-radius:15px}.hypotenuse_canvas[data-v-7b52dc85]{width:643px;height:30px;position:absolute;left:0;border-radius:15px}.rulerText[data-v-7b52dc85]{width:100px;text-align:center;background:#fff;color:#07c08e;font-size:.16rem;border-radius:50px;line-height:25px;height:25px;margin-top:280px;margin-left:130px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ruler_contianer_triangle60[data-v-248ef451]{position:absolute;-ms-touch-action:none;touch-action:none;padding-top:.15em}.ruler_contianer_triangle60 .Oval[data-v-248ef451]{position:absolute;right:0;bottom:2px;width:16px;height:16px;border-radius:50%;border:4px solid #07c08e;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:ew-resize}.ruler_contianer_triangle60 .ruler[data-v-248ef451]{background-image:url(../assets/img/rulers/img-ruler-triangle-30-60.svg);background-size:662px 398px;height:398px;width:662px;position:absolute;bottom:0;left:0}.ruler_contianer_triangle60 .rulerBtn[data-v-248ef451]{position:absolute;width:40px;height:40px;bottom:27px;z-index:99999;background-size:contain}.ruler_contianer_triangle60 .ruler_close[data-v-248ef451]{left:75px;bottom:219px;background-image:url(../assets/img/rulers/ic-ruler-close.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer_triangle60 .ruler_rotate[data-v-248ef451]{left:295px;bottom:93px;background-image:url(../assets/img/rulers/ic-ruler-rotate.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer_triangle60 .ruler_stretch[data-v-248ef451]{right:80px;bottom:40px;background-image:url(../assets/img/rulers/ic-ruler-extend.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer_triangle60.zoom_10 .ruler_close[data-v-248ef451],.ruler_contianer_triangle60.zoom_10 .ruler_rotate[data-v-248ef451],.ruler_contianer_triangle60.zoom_10 .ruler_stretch[data-v-248ef451]{transform:scale(1.5);-webkit-transform:scale(1.5)}.ruler_contianer_triangle60.zoom_10 .rulerText[data-v-248ef451]{transform:scale(1.5) rotate(30deg);-webkit-transform:scale(1.5) rotate(30deg)}.ruler_contianer_triangle60.zoom_3 .ruler_close[data-v-248ef451],.ruler_contianer_triangle60.zoom_3 .ruler_rotate[data-v-248ef451],.ruler_contianer_triangle60.zoom_5 .ruler_close[data-v-248ef451],.ruler_contianer_triangle60.zoom_5 .ruler_rotate[data-v-248ef451],.ruler_contianer_triangle60.zoom_6 .ruler_close[data-v-248ef451],.ruler_contianer_triangle60.zoom_6 .ruler_rotate[data-v-248ef451]{transform:scale(2);-webkit-transform:scale(2)}.ruler_contianer_triangle60.zoom_3 .ruler_rotate[data-v-248ef451],.ruler_contianer_triangle60.zoom_5 .ruler_rotate[data-v-248ef451],.ruler_contianer_triangle60.zoom_6 .ruler_rotate[data-v-248ef451]{bottom:72px;left:350px}.ruler_contianer_triangle60.zoom_3 .rulerText[data-v-248ef451],.ruler_contianer_triangle60.zoom_5 .rulerText[data-v-248ef451],.ruler_contianer_triangle60.zoom_6 .rulerText[data-v-248ef451]{margin-top:238px;margin-left:182px;transform:scale(2) rotate(30deg);-webkit-transform:scale(2) rotate(30deg)}.horizonal_canvas[data-v-248ef451]{width:662px;height:30px;position:absolute;left:0;bottom:0;border-radius:15px}.vertial_canvas[data-v-248ef451]{width:30px;height:398px;position:absolute;top:0;bottom:0;border-radius:15px}.hypotenuse_canvas[data-v-248ef451]{width:773px;height:30px;left:50px;position:absolute;left:0;border-radius:15px}.rulerText[data-v-248ef451]{width:100px;text-align:center;background:#fff;border-radius:50px;line-height:25px;color:#07c08e;font-size:.16rem;height:25px;margin-top:230px;margin-left:160px;-webkit-transform:rotate(45deg);transform:rotate(30deg)}.ruler_contianer[data-v-6fd73b0c]{position:absolute;overflow:hidden;padding-top:.15em;-ms-touch-action:none;touch-action:none}.ruler_contianer .Oval[data-v-6fd73b0c]{position:absolute;right:0;bottom:17px;width:16px;height:16px;border-radius:50%;border:4px solid #07c08e;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:ew-resize}.ruler_contianer .ruler[data-v-6fd73b0c]{background-image:url(../assets/img/rulers/img-ruler-protractor.svg);background-size:522px 291px;height:291px;width:522px;position:absolute;bottom:0;left:0}.ruler_contianer .rulerValue[data-v-6fd73b0c]{position:absolute;background-color:#fff;width:54px;height:30px;line-height:30px;border-radius:15px;text-align:center;bottom:115px;left:232px;border:2px solid #3d3d3d;color:#07c08e;font-size:14px}.ruler_contianer .ruler_protractor_move[data-v-6fd73b0c]{background-size:24px 24px;height:24px;width:24px;position:absolute;left:507px;top:278px;-ms-touch-action:none;touch-action:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(../assets/img/rulers/ic-protractor-indicator.svg)}.ruler_contianer .rulerBtn[data-v-6fd73b0c]{position:absolute;width:40px;height:40px;bottom:27px;z-index:99999;background-size:contain;-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_close[data-v-6fd73b0c]{left:60px;bottom:40px;background-image:url(../assets/img/rulers/ic-ruler-close.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_rotate[data-v-6fd73b0c]{left:unset;right:78px;bottom:40px;background-image:url(../assets/img/rulers/ic-ruler-rotate.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_choosestatus[data-v-6fd73b0c]{-ms-touch-action:none;touch-action:none;width:44px;height:44px;left:240px;bottom:70px}.ruler_contianer .ruler_choosestatus.type0[data-v-6fd73b0c]{background-image:url(../assets/img/rulers/ic-protractor-arc.svg)}.ruler_contianer .ruler_choosestatus.type1[data-v-6fd73b0c]{background-image:url(../assets/img/rulers/ic-protractor-pie.svg)}.ruler_contianer .ruler_choosestatus.type2[data-v-6fd73b0c]{background-image:url(../assets/img/rulers/ic-protractor-angle.svg)}.canvas[data-v-6fd73b0c]{height:522px;top:0;position:absolute;left:0;width:522px}.ruler_contianer[data-v-0f6dc29a]{position:absolute;overflow:hidden;padding-top:.15em;-ms-touch-action:none;touch-action:none}.ruler_contianer .Oval[data-v-0f6dc29a]{position:absolute;right:10px;bottom:10px;width:16px;height:16px;border-radius:50%;border:4px solid #07c08e;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:ew-resize}.ruler_contianer .ruler[data-v-0f6dc29a]{background-image:url(../assets/img/rulers/img-protractor-full.svg);background-size:520px 520px;height:520px;width:520px;position:absolute;bottom:0;left:0}.ruler_contianer .ruler_protractor_move[data-v-0f6dc29a]{background-size:24px 24px;height:24px;width:24px;position:absolute;left:507px;top:275px;-ms-touch-action:none;touch-action:none;background-image:url(../assets/img/rulers/ic-protractor-indicator.svg);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ruler_contianer .rulerValue[data-v-0f6dc29a]{position:absolute;background-color:#fff;width:54px;height:30px;line-height:30px;border-radius:15px;text-align:center;top:160px;left:231px;border:2px solid #3d3d3d;color:#07c08e;font-size:14px}.ruler_contianer .rulerBtn[data-v-0f6dc29a]{position:absolute;width:40px;height:40px;z-index:99999;background-size:contain;-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_close[data-v-0f6dc29a]{bottom:unset;left:150px;top:258px;background-image:url(../assets/img/rulers/ic-ruler-close.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_rotate[data-v-0f6dc29a]{bottom:unset;right:150px;top:258px;background-image:url(../assets/img/rulers/ic-ruler-rotate.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_chooseStatus[data-v-0f6dc29a]{-ms-touch-action:none;touch-action:none;width:44px;height:44px;left:238px;bottom:150px}.ruler_contianer .ruler_chooseStatus.type0[data-v-0f6dc29a]{background-image:url(../assets/img/rulers/ic-protractor-arc.svg)}.ruler_contianer .ruler_chooseStatus.type1[data-v-0f6dc29a]{background-image:url(../assets/img/rulers/ic-protractor-pie.svg)}.ruler_contianer .ruler_chooseStatus.type2[data-v-0f6dc29a]{background-image:url(../assets/img/rulers/ic-protractor-angle.svg)}.canvas[data-v-0f6dc29a]{height:520px;top:0;position:absolute;left:0;width:520px}.ruler_contianer[data-v-1cc4611c]{position:absolute;width:50px;height:368px;-ms-touch-action:none;touch-action:none}.ruler_contianer .rulerHeader[data-v-1cc4611c]{position:absolute;background-image:url(../assets/img/rulers/compass_yuangui/img-compass.svg);background-size:100% 100%;background-repeat:no-repeat;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:106px;width:50px;z-index:2}.ruler_contianer .rulerLeft[data-v-1cc4611c]{background-image:url(../assets/img/rulers/compass_yuangui/img-compass-left.svg);background-position:100%;width:22px;left:3px;-webkit-transform-origin:14px -6px;transform-origin:14px -6px}.ruler_contianer .rulerLeft[data-v-1cc4611c],.ruler_contianer .rulerRight[data-v-1cc4611c]{background-size:auto 100%;background-repeat:no-repeat;height:300px;position:absolute;top:65px}.ruler_contianer .rulerRight[data-v-1cc4611c]{background-image:url(../assets/img/rulers/compass_yuangui/img-compass-right.svg);width:68px;right:-41px;-webkit-transform-origin:6px -2px;transform-origin:6px -2px}.ruler_contianer .ruler_extend[data-v-1cc4611c]{-ms-touch-action:none;touch-action:none;top:113px;left:4px}.ruler_contianer .ruler_draw[data-v-1cc4611c]{-ms-touch-action:none;touch-action:none;bottom:unset;left:12px;bottom:24px}.ruler_contianer .rulerValue[data-v-1cc4611c]{position:absolute;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:100%;text-align:center;left:0;bottom:0;color:#2099d4;font-size:.12rem;height:56px}.ruler_contianer .rulerBtn[data-v-1cc4611c]{position:absolute;width:40px;height:40px;z-index:99999;background-size:contain;-ms-touch-action:none;touch-action:none;cursor:pointer}.ruler_contianer .rulerBtn.Oval[data-v-1cc4611c]{position:absolute;right:-24px;bottom:0;width:16px;height:16px;border-radius:50%;border:4px solid #07c08e;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:all-scroll}.ruler_contianer .ruler_close[data-v-1cc4611c]{right:-60px;top:-42px;background-image:url(../assets/img/rulers/compass_yuangui/ic-ruler-close.svg);-ms-touch-action:none;touch-action:none}.ruler_contianer .ruler_rotate[data-v-1cc4611c]{background-image:url(../assets/img/rulers/compass_yuangui/ic-ruler-rotate.svg);-ms-touch-action:none;touch-action:none;bottom:unset;left:5px;top:-42px}.ruler_contianer .ruler_flip[data-v-1cc4611c]{background-image:url(../assets/img/rulers/compass_yuangui/ic-ruler-switch.svg);-ms-touch-action:none;touch-action:none;bottom:unset;right:-60px;top:46px}.ruler_contianer .ruler_chooseStatus[data-v-1cc4611c]{-ms-touch-action:none;touch-action:none;right:-60px;top:2px}.ruler_contianer .ruler_chooseStatus.type0[data-v-1cc4611c]{background-image:url(../assets/img/rulers/compass_yuangui/ic-protractor-arc.svg)}.ruler_contianer .ruler_chooseStatus.type1[data-v-1cc4611c]{background-image:url(../assets/img/rulers/ic-protractor-pie.svg)}.ruler_contianer .ruler_chooseStatus.type2[data-v-1cc4611c]{background-image:url(../assets/img/rulers/ic-protractor-angle.svg)}.canvas[data-v-1cc4611c]{-ms-touch-action:none;touch-action:none;pointer-events:none;position:absolute;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.DiagramController[data-v-675302e5]{position:absolute;z-index:1003;pointer-events:none}.DiagramController .controlBtn[data-v-675302e5]{position:absolute;background-color:#07c08e;background-image:url(../assets/img/icon/ic-diagram-add-branch.svg);background-repeat:no-repeat;background-position:50%;background-size:.1rem .1rem;cursor:pointer;pointer-events:auto}.DiagramController .controlBtn[data-v-675302e5]:hover{background-color:#07c08e}.DiagramController .controlBtn.l[data-v-675302e5],.DiagramController .controlBtn.r[data-v-675302e5]{width:.1rem;height:.24rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.DiagramController .controlBtn.b[data-v-675302e5],.DiagramController .controlBtn.t[data-v-675302e5]{width:.24rem;height:.1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.DiagramController .controlBtn.l[data-v-675302e5]{left:-.15rem}.DiagramController .controlBtn.r[data-v-675302e5]{right:-.15rem}.DiagramController .controlBtn.t[data-v-675302e5]{top:-.15rem}.DiagramController .controlBtn.b[data-v-675302e5]{bottom:-.15rem}.textAudio[data-v-4c847572]{position:absolute;z-index:1003;pointer-events:none}.textAudio .HH-textAudio[data-v-4c847572]{cursor:pointer;pointer-events:auto;position:absolute;left:-.32rem;top:0;width:.28rem;height:.28rem;opacity:.8;-webkit-transition:opacity .2s;transition:opacity .2s}.textAudio .HH-textAudio[data-v-4c847572]:hover{opacity:1}.player{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:.04rem;-webkit-box-shadow:0 .04rem .16rem 0 rgba(45,58,64,.4);box-shadow:0 .04rem .16rem 0 rgba(45,58,64,.4);border:.01rem solid #d8d8d8;overflow:hidden}.player .title{font-size:.14rem;color:#3d3d3d;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:.16rem}.player .playerHeader,.player .title{height:.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player .playerHeader{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-app-region:drag;background-color:#fff}.player .playerHeader .playerHeaderBtns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.player .playerHeader .playerHeaderBtns .HHIcon{-webkit-app-region:no-drag;width:.32rem;height:.32rem;cursor:pointer;background-size:contain;background-position:50%}.player .playerHeader .playerHeaderBtns .HHIcon:hover{background-color:#d8dbdf}.player .playerHeader .playerHeaderBtns .HHIcon.max{background-image:url(../assets/youtube/ic-window-max.svg)}.player .playerHeader .playerHeaderBtns .HHIcon.unmax{background-image:url(../assets/youtube/window-unmax.svg)}.player .playerHeader .playerHeaderBtns .HHIcon.HH-close{margin-left:.1rem;margin-right:.16rem;background-image:url(../assets/youtube/ic-close.svg)}.player .playerMain{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:rgba(0,0,0,.25);overflow:hidden}.player .playerMain video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.player .playerMain iframe{width:100%;height:100%}.tipPos[data-v-0caab1ff]{position:absolute;z-index:9999}.youtubeVideo[data-v-0caab1ff]{width:100%;height:100%;border:none}.pageImg[data-v-0caab1ff]{position:absolute}.pageImg canvas[data-v-0caab1ff]{width:100%;height:100%}