.header-container[data-v-030d5083]{position:relative;width:100%;height:0}.header[data-v-030d5083]{position:fixed;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;height:40px;line-height:40px;color:#fff;width:auto;min-width:300px;max-width:800px;overflow:hidden;z-index:99;font-style:normal}.header.collapsed[data-v-030d5083]{min-width:auto;max-width:none;width:auto}.header>div[data-v-030d5083]{display:inline-block;width:auto;position:relative}.header>div .collapse-btn[data-v-030d5083]{position:absolute!important;top:0!important;height:40px!important;background:#000!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:9999!important;border-radius:4px 0 0 4px;-webkit-box-shadow:-2px 0 8px rgba(0,0,0,.3);box-shadow:-2px 0 8px rgba(0,0,0,.3);opacity:1!important;visibility:visible!important;pointer-events:auto!important}.header>div .collapse-btn[data-v-030d5083]:hover{background:#333!important;-webkit-box-shadow:-2px 0 12px rgba(0,0,0,.4);box-shadow:-2px 0 12px rgba(0,0,0,.4)}.header>div .collapse-btn i[data-v-030d5083]{color:#fff!important;font-size:18px;font-weight:700;display:block!important;opacity:1!important;visibility:visible!important}.header>div .content-items[data-v-030d5083]{display:inline-block}.header>div label[data-v-030d5083]{background:#000;float:left;padding:0;height:40px;line-height:40px;margin:0;font-style:normal}.header>div label.fileName[data-v-030d5083]{max-width:350px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header>div label.gap[data-v-030d5083]{padding-left:10px}.header>div label a[data-v-030d5083]{color:#fff;text-decoration:none}.expand-icon[data-v-030d5083]{position:fixed;height:40px;background:#000;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:100;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.expand-icon[data-v-030d5083]:hover{background:#333;-webkit-transform:scale(1.1);transform:scale(1.1)}.expand-icon i[data-v-030d5083]{color:#fff;font-size:16px}.answer[data-v-030d5083]{padding-right:20px}.editedBox[data-v-60caf548]{position:absolute;text-align:center;width:80px;height:30px;line-height:30px;font-size:18px;left:10px;top:0;z-index:15;background:#ffb81a;color:#fff}.editedBox span[data-v-60caf548]{position:absolute;display:inline-block;height:0;top:30px;left:0;border:10px solid #ffb81a;border-top-width:0;border-bottom-color:transparent}.editedBox span[data-v-60caf548]:nth-child(2){left:20px}.editedBox span[data-v-60caf548]:nth-child(3){left:40px}.editedBox span[data-v-60caf548]:nth-child(4){left:60px}.el_refer_figure_action{position:absolute;top:50px;left:0;z-index:10}.el_refer_figure_action button{border-radius:0}.el_refer_figure{position:absolute;z-index:10;top:70px;left:-20px;height:400px;width:400px;padding:20px}.el_refer_figure .el_refer_figure_title{position:relative;height:30px;line-height:30px;color:#fff;background:#000;text-align:center;cursor:pointer}.el_refer_figure .el_refer_figure_title .close{position:absolute;right:10px;top:5px;cursor:pointer;font-size:20px}.el_refer_figure .el_refer_figure_body{position:relative;overflow:hidden;border:1px solid #ddd;background:#fff}.el_refer_figure .el_refer_figure_body .el_refer_figure_body_box{width:300px;height:300px;overflow:auto}.el_refer_figure .el_refer_figure_body .el_refer_figure_body_box img{width:auto;height:auto}.el_refer_figure .el_refer_figure_body .el_refer_figure_scale{position:absolute;right:0;bottom:0;width:10px;height:10px;overflow:hidden;cursor:se-resize;background-color:#7abfee}.btnGroups[data-v-33fd7a5f]{position:absolute;z-index:999;bottom:106px;right:0;width:120px}.btnGroups .toggle-btn[data-v-33fd7a5f]{height:40px;line-height:40px;background:#409eff;color:#fff;text-align:center;cursor:pointer;font-size:16px;margin-bottom:6px;-webkit-transition:all .3s ease;transition:all .3s ease}.btnGroups .toggle-btn[data-v-33fd7a5f]:hover{background:#69b3ff}.btnGroups .toggle-btn.collapsed[data-v-33fd7a5f]{background:#67c23a}.btnGroups .toggle-btn.collapsed[data-v-33fd7a5f]:hover{background:#7fcd58}.btnGroups .toggle-btn i[data-v-33fd7a5f]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.btnGroups .btn-content[data-v-33fd7a5f]{-webkit-transition:all .3s ease;transition:all .3s ease}.btnGroups .over[data-v-33fd7a5f]{position:absolute;display:inline-block;top:-50px;right:0;padding:0 10px;color:#e29836;background:#fdf5e9;border:1px solid #e29836;-webkit-animation:dd-data-v-33fd7a5f .5s ease-in infinite alternate;animation:dd-data-v-33fd7a5f .5s ease-in infinite alternate;white-space:nowrap;height:40px;line-height:40px}@-webkit-keyframes dd-data-v-33fd7a5f{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translateX("0");transform:translateX("0");-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes dd-data-v-33fd7a5f{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px);-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:translateX("0");transform:translateX("0");-webkit-transform:scale(1.08);transform:scale(1.08)}}.btnGroups .tempSaveTime[data-v-33fd7a5f]{padding:4px 0;background:rgba(0,0,0,.4);color:#fff;text-align:center;font-weight:500}.btnGroups .btn-content>div[data-v-33fd7a5f]{height:40px;line-height:40px;margin-bottom:6px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff;cursor:pointer;font-size:14px}.btnGroups .btn-content>div.last[data-v-33fd7a5f]{background:#ff8b1a}.btnGroups .btn-content>div.last[data-v-33fd7a5f]:hover{background:#ffa043}.btnGroups .btn-content>div.commit[data-v-33fd7a5f]{background:#ff8b1a}.btnGroups .btn-content>div.commit[data-v-33fd7a5f]:hover{background:#ffa043}.btnGroups .btn-content>div.trial[data-v-33fd7a5f]{background:#ff8b1a}.btnGroups .btn-content>div.trial[data-v-33fd7a5f]:hover{background:#ffa043}.btnGroups .btn-content>div.invalid[data-v-33fd7a5f]{background:#ddd}.btnGroups .btn-content>div.invalid[data-v-33fd7a5f]:hover{background:#f1f1f1}.btnGroups .btn-content>div.jump[data-v-33fd7a5f]{background:#409eff}.btnGroups .btn-content>div.jump[data-v-33fd7a5f]:hover{background:#69b3ff}.btnGroups .btn-content>div.skip[data-v-33fd7a5f]{background:#67c23a}.btnGroups .btn-content>div.skip[data-v-33fd7a5f]:hover{background:#7fcd58}.btnGroups .btn-content>div.tempSave[data-v-33fd7a5f]{background:#409eff}.btnGroups .btn-content>div.tempSave[data-v-33fd7a5f]:hover{background:#69b3ff}.btnGroups .btn-content>div.pass[data-v-33fd7a5f]{background:#67c23a}.btnGroups .btn-content>div.pass[data-v-33fd7a5f]:hover{background:#7fcd58}.btnGroups .btn-content>div.fail[data-v-33fd7a5f]{background:#f56c6c}.btnGroups .btn-content>div.fail[data-v-33fd7a5f]:hover{background:#f89292}.btnGroups .btn-content>div.release[data-v-33fd7a5f]{background:#f56c6c}.btnGroups .btn-content>div.release[data-v-33fd7a5f]:hover{background:#f89292}.btnGroups .btn-content>div.addToLib[data-v-33fd7a5f]{background:#409eff}.btnGroups .btn-content>div.addToLib[data-v-33fd7a5f]:hover{background:#69b3ff}.btnGroups .btn-content>div.gray[data-v-33fd7a5f]{background:#ddd;cursor:not-allowed}.btnGroups .btn-content>div.gray[data-v-33fd7a5f]:hover{background:#ddd}.btnGroups .btn-content>div[data-v-33fd7a5f]:last-child{margin-bottom:0}#appsss[data-v-4774d8a2]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%}.studio_datatang[data-v-4774d8a2]{position:relative;height:100%;width:100%}#templateContainer_datatang[data-v-4774d8a2]{width:100%;height:100%;float:left}.hide[data-v-4774d8a2]{left:-207px!important}.hides[data-v-4774d8a2]{left:0!important}.leftList[data-v-4774d8a2]{height:100%;position:fixed;z-index:15;left:0;top:0;padding:10px;background:rgba(0,0,0,.5);overflow-y:auto}.leftList .cont .arrBox[data-v-4774d8a2]{color:#fff;z-index:20;font-size:40px;position:fixed;background:rgba(0,0,0,.5);left:206px;top:50%;cursor:pointer}.leftList .cont .leftItem[data-v-4774d8a2]{cursor:pointer;padding:5px;background:#fff;margin-bottom:10px}.leftList .cont .leftItem .imgBox[data-v-4774d8a2]{position:relative}.leftList .cont .leftItem .imgBox .tags[data-v-4774d8a2]{position:absolute;right:0;bottom:6px;color:#fff;font-size:14px;padding:1px 4px}.leftList .cont .leftItem .imgBox .red[data-v-4774d8a2]{background:#d0422c}.leftList .cont .leftItem .imgBox .green[data-v-4774d8a2]{background:#3ace2c}.leftList .cont .leftItem .imgBox .orange[data-v-4774d8a2]{background:#f48f00}.leftList .cont .leftItem .imgBox img[data-v-4774d8a2]{width:158px;height:111px}.leftList .cont .leftItem .title[data-v-4774d8a2]{text-align:center}.leftList .cont .activeItem[data-v-4774d8a2]{border:3px solid #f48f00;-webkit-box-sizing:border-box;box-sizing:border-box}