.box-flex[data-v-20a779ff]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:100%}.box-flex .item-box-left[data-v-20a779ff]{width:50%}.box-flex .item-box-left h4[data-v-20a779ff]{font-size:16px;color:#333}.box-flex .item-box-right[data-v-20a779ff]{width:50%;margin-left:24px}.box-flex .item-box-right h4[data-v-20a779ff]{font-size:16px;color:#333}.box-flex .item-box-right .span-style[data-v-20a779ff]{font-size:14px;margin-left:16px;color:red}.box-flex .item-box-right .top-title-box[data-v-20a779ff]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.box-flex .item-box-right .demo-text[data-v-20a779ff]{position:relative;margin-right:10px;display:inline-block}.box-flex .item-box-right .demo-text textarea[data-v-20a779ff]{display:none}.box-flex .item-box-right .demo-text:hover textarea[data-v-20a779ff]{display:block;position:absolute;top:22px;right:0;z-index:100;min-width:300px!important}.box-flex .topic-box[data-v-20a779ff]{border-radius:4px;padding:24px;background:#f7f7f7;height:calc(100% - 31px);overflow-y:auto}.box-flex .topic-box .t[data-v-20a779ff]{padding-top:3px;margin-bottom:10px;display:-ms-flexbox;display:flex}.box-flex .topic-box .t .editVditorBox[data-v-20a779ff]{width:87%}.box-flex .topic-box .t .editVditorBox[data-v-20a779ff] img{max-height:100%;max-width:100%}.box-flex .topic-box .examp-style[data-v-20a779ff]{border:none;resize:none}.box-flex .answer-box[data-v-20a779ff]{border-radius:4px;background:#dbdbdb;height:calc(100% - 20px);overflow-y:auto}.box-flex .answer-box .area-style[data-v-20a779ff]{background:#000;border-radius:4px;height:calc(100% - 55px);width:100%;display:block;color:#fff;resize:none}.box-flex .answer-box .area-style2[data-v-20a779ff]{height:calc(100% - 181px)}.box-flex .outPut-wrap div[data-v-20a779ff]{width:100%}.box-flex .outPut-wrap .output[data-v-20a779ff]{height:100px;width:100%;background:#e7e6e6;border-color:rgba(0,0,0,.3)}.box-flex .outPut-wrap span[data-v-20a779ff]{display:block}.box-flex .bottom-btn[data-v-20a779ff]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;line-height:55px;padding:0 24px}.box-flex .bottom-btn .compile[data-v-20a779ff]{color:rgba(0,0,0,.6)}.box-flex .bottom-btn .compile .compile-success[data-v-20a779ff]{color:#00bf77}.box-flex .bottom-btn .compile .compile-err[data-v-20a779ff]{color:#f03c19}.box-flex .bottom-btn .test-btn[data-v-20a779ff]{border:1px solid #567ef9;color:#567ef9;background:#dbdbdb;margin-right:16px}[data-v-20a779ff] .ant-drawer-body{padding:16px;height:calc(100% - 55px)}