.notebook-preview-root[data-v-087e3c40]{position:relative;width:100%;height:100%;overflow:auto}[data-v-087e3c40] .tox.tox-tinymce{border:none}[data-v-087e3c40] .tox.tox-tinymce .tox-edit-area__iframe{background-color:#fff}.no-data[data-v-24a3d1d5]{padding:20px;color:#999;text-align:center}.experiment-step[data-v-b81de292]{height:100%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.experiment-step .footer[data-v-b81de292],.experiment-step .header.guide[data-v-b81de292]{width:100%}.experiment-step .header[data-v-b81de292]{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;height:62px;line-height:62px;background:#fff;box-shadow:0 -1px 0 0 #e9ecef;border-radius:2px;border-bottom:1px solid #e9ecef;text-indent:20px;box-sizing:border-box;text-align:left}.experiment-step .guide[data-v-b81de292]{position:relative;height:calc(100vh - 144px);max-height:calc(100vh - 144px);overflow-y:auto;padding-right:24px;background-color:#fff}.experiment-step .guide .lab-content-card[data-v-b81de292]{border-radius:6px}.experiment-step .guide .split-line[data-v-b81de292]{margin-top:20px;border-bottom:1px solid #e9ecef}.experiment-step .guide .lab-step-header[data-v-b81de292]{font-size:22px;font-weight:Semibold;color:#000;line-height:26px;padding:0;margin:0;padding:15px 0;position:relative;padding-left:20px;text-align:left}.experiment-step .guide .group-title[data-v-b81de292]{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#000;line-height:24px;text-align:left;position:relative;margin:30px 0}.experiment-step .guide .group-title .switch-open-close[data-v-b81de292]{float:right;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1456ed;line-height:20px;cursor:pointer}.experiment-step .guide .group-title .switch-open-close[data-v-b81de292]:after{margin-left:5px}.experiment-step .guide .group-title .switch-open-close[data-v-b81de292]:hover{color:#6e86ff}.experiment-step .guide .group-title .switch-open[data-v-b81de292]:after{content:"\e608"}.experiment-step .guide .group-title .switch-close[data-v-b81de292]:after{content:"\e609"}.experiment-step .footer[data-v-b81de292]{width:100%}.experiment-step .test-guide-card[data-v-b81de292]{position:absolute;top:0;left:0;width:344px;height:calc(100% - 131px);max-height:calc(100% - 131px);margin-top:62px;overflow-y:auto;padding-left:20px;box-shadow:5px 0 15px 0 rgba(0,0,0,.03);padding-top:20px;z-index:10001;background-color:#fff;font-family:PingFangSC-Medium,PingFang SC}.experiment-step .test-guide-card h4[data-v-b81de292]{padding:0;margin:0;font-weight:700;color:#000;line-height:22px;font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experiment-step .test-guide-card h5[data-v-b81de292]{font-size:16px;padding:0;margin:0;font-weight:700;color:#000;line-height:26px}.experiment-step .test-guide-card .guide-list[data-v-b81de292]{font-size:16px;padding-left:20px}.experiment-step .test-guide-card .guide-list li[data-v-b81de292]{width:calc(100% - 15px);line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.experiment-step .test-guide-card .guide-list li[data-v-b81de292]:hover{color:#1456ed}.experiment-step .test-guide-mantle[data-v-b81de292]{position:absolute;top:0;left:0;margin-top:62px;width:100%;height:calc(100% - 111px);max-height:calc(100% - 111px);background-color:#000;z-index:10000;opacity:.4;cursor:pointer}.experiment-step .footer[data-v-b81de292]{font-family:PingFangSC-Medium,PingFang SC;background:#fff}.experiment-step .footer .step-bar[data-v-b81de292]{display:flex;padding-left:0}.experiment-step .footer .step-bar .step-item[data-v-b81de292]{height:1px;background-color:#e9ecef}.experiment-step .footer .step-bar .step-item.actived[data-v-b81de292]{height:2px;background-color:#10cca2}.experiment-step .footer .btn-panels[data-v-b81de292]{height:62px;padding-right:20px;padding-right:0;text-align:right;vertical-align:middle;padding-top:15px;box-sizing:border-box}.experiment-step .footer .btn-panels .test-guide[data-v-b81de292]{float:left;margin-left:10px;margin-top:12px;cursor:pointer}.experiment-step .footer .btn-panels .test-guide.selected[data-v-b81de292],.experiment-step .footer .btn-panels .test-guide[data-v-b81de292]:hover{color:#1456ed}.experiment-step .footer .btn-panels .btn-global-small[data-v-b81de292]{min-width:46px;margin-right:15px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#434a4e;line-height:22px;border:1px solid #e5e5e5;margin-left:0;padding:6px 19px;border-radius:30px;cursor:pointer}.experiment-step .footer .btn-panels .btn-pre-step[data-v-b81de292]:hover{border:1px solid #1456ed;color:#1456ed}.experiment-step .footer .btn-panels .btn-finish[data-v-b81de292],.experiment-step .footer .btn-panels .btn-next-step[data-v-b81de292],.experiment-step .footer .btn-panels .btn-primary[data-v-b81de292]{background-color:#1456ed;border-color:#1456ed;color:#fff;white-space:nowrap}.experiment-step .footer .btn-panels .btn-next-step[data-v-b81de292]:active,.experiment-step .footer .btn-panels .btn-primary[data-v-b81de292]:active{border:1px solid #1456ed;background-color:#1456ed}.experiment-step .footer .btn-panels .btn-finish[data-v-b81de292]:hover,.experiment-step .footer .btn-panels .btn-next-step[data-v-b81de292]:hover,.experiment-step .footer .btn-panels .btn-primary[data-v-b81de292]:hover{border:1px solid #6e86ff;background-color:#6e86ff}.experiment-step .footer .btn-panels .link-to-first[data-v-b81de292]{font-size:14px;font-weight:400;color:#8c8c8c;line-height:22px;margin-right:25px;cursor:pointer}.experiment-step .footer .btn-panels .link-to-first[data-v-b81de292]:active,.experiment-step .footer .btn-panels .link-to-first[data-v-b81de292]:hover{color:#1456ed}.experiment-step .footer .btn-panels .btn-go-next[data-v-b81de292]{background-color:#1456ed;color:#fff;width:124px;text-align:center;border-color:#1456ed}.experiment-step .test-guide-index[data-v-b81de292]{text-align:center;position:absolute;left:50%;top:50%;margin-left:-90px;margin-top:-120px}.experiment-step .test-guide-index .icon-radio-checked[data-v-b81de292]:before{color:#10cca2;font-size:80px;margin-bottom:10px}.experiment-step .test-guide-index .tips-text[data-v-b81de292]{font-size:24px;font-weight:500;color:rgba(0,0,0,.85);line-height:32px;display:block}.lab-content-card[data-v-b81de292] .editor{width:calc(100% + 23px);margin-left:-23px}ul li[data-v-b81de292]{list-style:none}.lab-card-item[data-v-b81de292],.lab-program .group-title[data-v-b81de292]{padding-left:24px}.expand-experiment-side[data-v-eee261a2]{position:relative;height:calc(100% - 54px)}.banner-card[data-v-eee261a2]{padding:24px 24px 0;position:relative}.banner-card>img[data-v-eee261a2]{margin-bottom:24px}.banner-card .item[data-v-eee261a2]{font-size:16px;line-height:26px}.banner-card .switch-open-close[data-v-eee261a2]{position:absolute;bottom:3px;right:24px;background:#fff}.banner-card.isShow>img[data-v-eee261a2]{width:100%;height:192px}.banner-card.isHide[data-v-eee261a2]{display:flex;height:102px;overflow:hidden}.banner-card.isHide>img[data-v-eee261a2]{width:173px;height:78px;margin-right:24px}.switch-open-close[data-v-eee261a2]{font-size:16px;font-weight:400;color:#1456ed;line-height:20px;cursor:pointer}.switch-open-close[data-v-eee261a2]:after{margin-left:5px}.switch-open-close[data-v-eee261a2]:hover{color:#6e86ff}.switch-open[data-v-eee261a2]:after{content:"\e608"}.switch-close[data-v-eee261a2]:after{content:"\e609"}.lab-card-item[data-v-eee261a2]{padding:0 24px}.lab-card-item .group-title[data-v-eee261a2]{position:relative;font-size:24px;font-weight:500;color:#2b353b;line-height:32px;padding-left:19px;margin:36px 0 15px}.lab-card-item .group-title[data-v-eee261a2]:before{content:"";position:absolute;left:0;width:5px;height:100%;background-image:linear-gradient(#6099ff,#477cff)}.lab-card-item .lab-content-card[data-v-eee261a2]{line-height:29px}.footer[data-v-eee261a2]{position:absolute;bottom:0;left:0;width:100%;height:62px;padding-right:24px;display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #e9ecef}.like-btn[data-v-3d5a48cc]{border-radius:5px;border:1px solid #1456ed;padding:0}.like-btn .like-icon[data-v-3d5a48cc]{font-size:28px}.like-btn .like-label[data-v-3d5a48cc]{margin-left:6px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:25px}.box[data-v-461a1564]{margin-top:18px}.avatar[data-v-461a1564]{display:flex;color:#6092ff;background-color:#d1e1ff;border-radius:50%;width:30px;height:30px;justify-content:center;align-items:center}.author-name[data-v-461a1564]{margin-left:6px;width:calc(100% - 32px)}.like-count[data-v-461a1564],.update-time[data-v-461a1564],.view-count[data-v-461a1564]{margin-left:10px}.description-box[data-v-461a1564],.markComment-box[data-v-461a1564]{margin-top:30px;color:rgba(0,0,0,.65)}.description-box>.title-1[data-v-461a1564],.markComment-box>.title-1[data-v-461a1564]{font-size:18px;font-weight:500;color:#000;line-height:25px}.description-box .description[data-v-461a1564],.markComment-box .description[data-v-461a1564]{line-height:27px}.like-box[data-v-461a1564]{margin-top:24px}.right-container[data-v-0f73c1d8]{width:300px;background:#fff;padding:20px;position:relative}.right-container.hide[data-v-0f73c1d8]{width:15px;padding:0}.switch-hide-tree[data-v-0f73c1d8],.switch-show-tree[data-v-0f73c1d8]{overflow:hidden}.switch-hide-tree[data-v-0f73c1d8]:before,.switch-show-tree[data-v-0f73c1d8]:before{content:"";position:absolute;width:30px;height:109px;border-radius:30px;background:#1456ed}.switch-hide-tree>.anticon[data-v-0f73c1d8],.switch-show-tree>.anticon[data-v-0f73c1d8]{color:#fff;position:absolute;top:50%;transform:translateY(-50%);left:2px;font-size:12px}.switch-show-tree[data-v-0f73c1d8]{position:absolute;top:50%;right:0;width:15px;height:109px;cursor:pointer;display:block;z-index:11}.switch-show-tree[data-v-0f73c1d8]:before{left:0}.switch-hide-tree[data-v-0f73c1d8]{position:absolute;top:50%;width:15px;height:109px;cursor:pointer;display:block;z-index:11;right:285px}.switch-hide-tree[data-v-0f73c1d8]:before{right:0}.page-container[data-v-05542d5d]{height:100vh;display:flex;flex-wrap:nowrap}.page-container .ant-layout-header[data-v-05542d5d]{padding:0}.page-container .el-aside[data-v-05542d5d]{position:relative;display:flex;background-color:#fff;z-index:10;box-shadow:1px 0 0 0 hsla(0,0%,89.4%,.5)}.page-container .main-container[data-v-05542d5d]{padding:0 0 5px 0;background-color:#fff;height:100vh;max-height:100vh;overflow-y:auto;z-index:9;flex:1}.el-aside .left-experiment-step[data-v-05542d5d]{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch-hide-tree[data-v-05542d5d],.switch-show-tree[data-v-05542d5d]{overflow:hidden}.switch-hide-tree[data-v-05542d5d]:before,.switch-show-tree[data-v-05542d5d]:before{content:"";position:absolute;width:30px;height:109px;border-radius:30px;background:#1456ed}.switch-hide-tree>.anticon[data-v-05542d5d],.switch-show-tree>.anticon[data-v-05542d5d]{color:#fff;position:absolute;top:50%;transform:translateY(-50%);left:2px;font-size:12px}.switch-show-tree[data-v-05542d5d]{position:absolute;top:50%;left:0;width:15px;height:109px;cursor:pointer;display:block;z-index:11;transform:translateY(-50%)}.switch-show-tree[data-v-05542d5d]:before{right:0}.switch-hide-tree[data-v-05542d5d]{position:absolute;top:50%;width:15px;height:109px;cursor:pointer;display:block;z-index:11;left:467px;transform:translateY(-50%)}.switch-hide-tree[data-v-05542d5d]:before{left:0}.out-resize-tool[data-v-05542d5d]{position:absolute;top:0;width:10px;height:100vh;display:block;z-index:11;cursor:pointer;cursor:col-resize;opacity:0}.out-resize-tool[data-v-05542d5d]:hover{opacity:1;background-color:#7e868b}.main-container .out-website-iframe[data-v-05542d5d]{width:100%;height:100%}.main-container .test-panel-p10[data-v-05542d5d]{position:relative;height:calc(100vh - 54px);max-height:calc(100vh - 54px);padding:5px;box-sizing:border-box}.main-container .test-panel-p10 .tips-center[data-v-05542d5d]{width:200px;line-height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-container .test-panel-p10 .tips-center .reload-link[data-v-05542d5d]{color:#00a4ff;text-decoration:underline;cursor:pointer}.main-container .test-notebook-container[data-v-05542d5d]{position:relative;height:100%;padding:0;box-sizing:border-box}.header[data-v-05542d5d]{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;height:52px;line-height:52px;padding:0 24px;box-sizing:border-box;display:flex;justify-content:space-between;background:#1456ed;color:#fff;box-shadow:0 -1px 0 0 #e9ecef}.header .back-home[data-v-05542d5d]{display:flex;align-items:center;cursor:pointer;font-size:14px}.header .back-home .icon-home[data-v-05542d5d]{font-size:16px;margin-right:8px}.header.showHome[data-v-05542d5d]{background:#fff;color:rgba(0,0,0,.85);box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);height:64px;line-height:64px}.header.showHome .header-title[data-v-05542d5d]{width:calc(100% - 90px);font-size:24px;font-weight:600;color:rgba(0,0,0,.85)}.header.showHome .back-home[data-v-05542d5d]{color:#1456ed}.left-container[data-v-05542d5d]{position:relative;background:#fff}.showHome .left-container[data-v-05542d5d]{margin-right:16px}.splitter-handle[data-v-05542d5d]{height:100%;position:absolute;right:-8px;top:0;width:11px;z-index:11;cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splitter-handle .anticon-pause[data-v-05542d5d]{display:none;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.splitter-handle:hover .anticon-pause[data-v-05542d5d]{display:block}