.navbar[data-v-e9212a76]{position:relative;top:0;left:0;width:100%;border:none;background-color:#fff;z-index:10000;transition:background-color .5s linear;height:50px;box-shadow:0 0 20px rgba(0,0,0,.2)}.header[data-v-e9212a76]{position:relative;top:0;height:60px;z-index:999}.logo img[data-v-e9212a76]{position:relative;width:60px;height:60px}.footer_container[data-v-73c66efb]{position:absolute;bottom:0;width:100%;border-top:1px solid #dee2e6;background-color:#fff;height:32px;padding:8px;box-sizing:border-box}.float-left[data-v-73c66efb]{color:#869099;float:left;bottom:4px;position:relative}.float-right[data-v-73c66efb]{color:#869099;float:right;bottom:4px;position:relative}body{background-color:#fff;margin:auto}#app,body{height:100%}#main-content[data-v-69683eda]{position:absolute;left:0;top:50px;right:0;bottom:0}#main-content .index-home-svg[data-v-69683eda]{position:relative;top:4px;left:-6px}#main-content .home-info[data-v-69683eda]{margin-top:20%}#main-content .home-brand[data-v-69683eda]{font-size:75px;font-weight:800;color:#081642;line-height:1.2em}#main-content .container[data-v-69683eda]{width:1170px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}#main-content .home-subtitle[data-v-69683eda]{font-size:21px;color:#1d2b5a;margin-top:15px}#main-content .home-btn-panel[data-v-69683eda]{margin-top:40px}#main-content .btn-index-home[data-v-69683eda]{min-width:150px;padding:15px 10px;border-radius:30px;background-color:#fff;border:1px solid #53a8ff;color:#53a8ff;opacity:.8;font-size:16px}#main-content .btn-index-home[data-v-69683eda]:first-child{background-color:#53a8ff;color:#fff;opacity:1}#main-content .btn-index-home:first-child .index-home-svg[data-v-69683eda]{left:-3px;top:3px}#main-content .btn-index-home[data-v-69683eda]:focus,#main-content .btn-index-home[data-v-69683eda]:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.2)}.btn-main+.btn[data-v-69683eda]{margin-left:15px}.btn[data-v-69683eda]{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}a[data-v-69683eda]{color:#337ab7;text-decoration:none}.doo3d-right-container[data-v-6600985a]{position:absolute;width:54%;left:45%;height:840px;box-sizing:border-box;box-shadow:0 0 20px rgb(0 0 0/10%);border:1px solid #dcdfe6;padding:4px}#doo3d[data-v-6600985a]{position:relative;width:100%;height:100%;background-color:#000}.wrap_loading[data-v-6600985a]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4666666666666667);z-index:99999}.loading[data-v-6600985a]{width:50px;height:60px;text-align:center;font-size:10px;position:relative;left:50%;top:50%;margin-top:-30px;margin-left:-25px}.loading>div[data-v-6600985a]{background-color:#fff;height:50px;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay-6600985a 1.2s ease-in-out infinite;animation:sk-stretchdelay-6600985a 1.2s ease-in-out infinite}.loading .l1[data-v-6600985a]{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;margin-left:2px}.loading .l2[data-v-6600985a]{-webkit-animation-delay:-1s;animation-delay:-1s;margin-left:2px}.loading .l3[data-v-6600985a]{-webkit-animation-delay:-.9s;animation-delay:-.9s;margin-left:2px}.loading .l4[data-v-6600985a]{-webkit-animation-delay:-.8s;animation-delay:-.8s;margin-left:2px}@-webkit-keyframes sk-stretchdelay-6600985a{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay-6600985a{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.editor-container[data-v-173b206b]{position:absolute;top:80px;width:100%;height:840px}.editor-left-container[data-v-173b206b]{position:absolute;width:43%;height:100%;box-shadow:0 0 20px rgb(0 0 0/10%)}.monaco-container[data-v-173b206b]{position:relative;height:710px;width:100%}.monaco-editor[data-v-173b206b]{height:100%;border:1px solid #5b5d5d}.submit-button[data-v-173b206b]{position:relative;right:0}.chosse-language[data-v-173b206b]{margin-bottom:10px}.el-main[data-v-173b206b]{overflow:hidden}.examples[data-v-0b5d1201]{width:100%;position:absolute;top:60px;bottom:32px}.examples_left[data-v-0b5d1201]{width:180px;height:100%;position:absolute;left:0;box-shadow:0 0 20px rgba(0,0,0,.2)}.examples_left ul[data-v-0b5d1201]{width:100%;height:100%;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:auto}li[data-v-0b5d1201]{height:40px;padding:5px 25px;border-right:4px solid transparent;list-style-type:none;font-size:16px;color:#6e7079;letter-spacing:1px;line-height:40px;text-align:center;display:flex;align-items:center}.liActive[data-v-0b5d1201]{color:#fff;background-color:#5470c6}.leftImg[data-v-0b5d1201]{font-size:20px;line-height:40px;margin-left:15px;margin-right:15px}.examples_left li[data-v-0b5d1201]:hover{border-right:4px solid #5470c6}.examples_left ul[data-v-0b5d1201]::-webkit-scrollbar{width:7px;height:1px}.examples_left ul[data-v-0b5d1201]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d6d6d6}.examples_container[data-v-0b5d1201]{overflow-y:scroll;width:calc(100% - 180px);height:100%;position:absolute;right:0}.examples_container[data-v-0b5d1201]::-webkit-scrollbar{width:8px;height:1px}.examples_container[data-v-0b5d1201]::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d6d6d6}.examples_content[data-v-0b5d1201]{position:relative;height:260px;margin:40px}.examples_content h3[data-v-0b5d1201]{border-bottom:1px solid #e1e5f2;font-weight:400;color:#464646;font-size:20px}.examples_content span[data-v-0b5d1201]{font-size:16px;padding-left:5px;color:#949cb1;font-weight:200}.examples_content a[data-v-0b5d1201]{text-decoration:none}.examples_content p[data-v-0b5d1201]{color:#293c55}.examples_content a[data-v-0b5d1201] :hover{text-decoration:underline}.time[data-v-0b5d1201]{font-size:13px;color:#999}.bottom[data-v-0b5d1201]{margin-top:13px;line-height:12px}.button[data-v-0b5d1201]{padding:0;float:right}.image[data-v-0b5d1201]{position:relative;left:3px;height:160px;width:220px;display:block}.clearfix[data-v-0b5d1201]:after,.clearfix[data-v-0b5d1201]:before{display:table;content:""}.clearfix[data-v-0b5d1201]:after{clear:both}.iframe[data-v-15771fe5]{position:absolute;width:100%;top:60px;bottom:32px}#api[data-v-15771fe5]{position:relative;width:100%;height:100%}