.content[data-v-351e0d98]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.content[data-v-351e0d98]::-webkit-scrollbar{width:5px;height:5px}.content[data-v-351e0d98]::-webkit-scrollbar-track{background-color:transparent}.content[data-v-351e0d98]::-webkit-scrollbar-thumb{border-radius:5px;background:hsla(0,0%,100%,.4)}.prettyprint[data-v-351e0d98]{padding:10px;border-radius:5px}.copy_btn[data-v-351e0d98]{border:0;background:transparent;color:#bbb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-bottom:1px solid #aaa;position:absolute;top:10px;right:10px}.copy_btn[data-v-351e0d98]:active{color:#aaa}.preview_app[data-v-c0c03744]{width:100%;height:667px;margin:0 auto;padding:40px 10px;border-radius:20px;background:#2f3640}.preview_app .con[data-v-c0c03744]{background:#fff;overflow:auto;height:100%}.preview_app .con[data-v-c0c03744]::-webkit-scrollbar{width:5px}.preview_app .con[data-v-c0c03744]::-webkit-scrollbar-track{background-color:transparent}.preview_app .con[data-v-c0c03744]::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,.2)}.header[data-v-235d3e7d]{border-bottom:1px solid #dcdcdc;padding-bottom:10px;margin-bottom:16px}.logo[data-v-235d3e7d]{font-size:24px}span[data-v-235d3e7d]{font-size:14px;padding-left:10px}.content[data-v-2f81fad4]{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:10px}.content[data-v-2f81fad4]::-webkit-scrollbar{width:5px;height:5px}.content[data-v-2f81fad4]::-webkit-scrollbar-track{background-color:transparent}.content[data-v-2f81fad4]::-webkit-scrollbar-thumb{border-radius:5px;background:hsla(0,0%,100%,.4)}.content[data-v-2f81fad4] .el-form-item__label{color:#ddd}.content h2[data-v-2f81fad4]{color:#fff;margin:0 0 5px}.el-color-dropdown__link-btn{border:0;background-color:transparent;padding:0 15px}.container[data-v-a675e618]{padding:20px;max-width:1200px;margin:0 auto}.container .left_code[data-v-a675e618]{height:667px;border-radius:5px;background:#2f3640;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.bottom_opa[data-v-a675e618]{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;color:#aaa;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;background:hsla(0,0%,100%,.02);border-top:1px solid hsla(0,0%,100%,.05)}.bottom_opa p[data-v-a675e618]{padding:0 16px;line-height:50px}.bottom_opa p.active[data-v-a675e618]{background:#2f3640;color:#fff;position:relative}.bottom_opa p.active[data-v-a675e618]:before{content:"";width:100%;height:2px;background:#ccc;display:block;position:absolute;top:-1px;left:0}