blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}abbr,body,fieldset,html,iframe,img{border:0}address,cite,dfn,em,i,var{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover,del,ins,s,u{text-decoration:none}body,button,input,keygen,legend,select,textarea{font:14px/1.5 arial,\5FAE\8F6F\96C5\9ED1;color:#333;outline:0}body{background:#fff}a,a:hover{color:#333}.headbar{-webkit-box-flex:0;-ms-flex:none;flex:none;height:40px;padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#272822;border-bottom:1px solid #000}.head-label{cursor:pointer;color:#fff}.btn{display:inline-block;width:50px;height:26px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;color:#fff;border:1px solid #dcdfe6;border-radius:3px;margin-right:10px;-webkit-transition:all .3s;transition:all .3s}.btn:hover{border-color:#66b1ff;color:#66b1ff}.vendors-wrap .label{margin-right:10px}.vendors-wrap .el-select{width:270px}.vendors-wrap .el-select .el-tag{background:transparent;color:#fff;border-color:#fff}.vendors-wrap .el-input__inner{border:none}.vendors-wrap .el-select .el-tag__close.el-icon-close{background:transparent}.vendors-wrap .el-select .el-tag__close.el-icon-close:hover{background:#909399}.btn-wrap .el-input--suffix .el-input__inner,.vendors-wrap .el-input--suffix .el-input__inner{color:#fff;height:26px;line-height:24px;background:transparent}.btn-wrap .el-input__icon,.vendors-wrap .el-input__icon{line-height:26px}.name{color:#fff;font-size:20px}.info-dialog{border-radius:5px}.code-pen-wrap{width:50%;-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:grey;overflow:hidden}.code-pen-wrap .code-pen{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;height:25%;padding-bottom:50px;border-bottom:1px solid #000;background:#272822}.CodeMirror,.vue-codemirror{height:100%}.label{cursor:pointer;height:40px;line-height:40px;padding-left:10px;font-size:10px;color:#fff;border-bottom:1px solid #333}.output-wrap{width:50%;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:10px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex}.output-wrap,.scan{overflow:hidden}#app,body,html{height:100%;min-width:1080px}*,.after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:4px;height:4px;background-color:#f5f5f5}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{background-color:#aaa}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch}#app,.main-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;align-items:stretch}.main-wrap{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-ms-flex-align:stretch;overflow:hidden}.resizer{-webkit-box-flex:0;-ms-flex:none;flex:none;width:17px;background:#333641;cursor:col-resize}