.autoW{flex:1}.codemirror-wp{display:flex;flex-direction:row;flex:1;height:100vh}.codemirror-wp .sub-menu{width:210px;overflow-y:auto;height:100vh;background:linear-gradient(180deg,#0b274d,#081a33);color:#e8e8e8}.codemirror-wp .sub-menu.fold{width:0}.codemirror-wp .sub-menu .item-content{background:hsla(0,0%,100%,.05)}.codemirror-wp .sub-menu .title-btn{padding:12px;height:60px;box-sizing:border-box;border-bottom:1px solid #475059;margin-bottom:12px}.codemirror-wp .sub-menu .title-btn span{background:#2680fe;color:#fff;line-height:36px;display:inline-block;width:100%;height:100%;border-radius:2px;font-size:16px;font-weight:500}.codemirror-wp .sub-menu>ul>li{text-align:left;min-height:32px;line-height:32px;cursor:pointer}.codemirror-wp .sub-menu>ul>li.up i.el-icon-arrow-down{transform:rotate(-180deg)}.codemirror-wp .sub-menu>ul>li div{padding:0 10px;position:relative;display:flex;align-items:center;color:#e8e8e8;font-weight:500;font-size:14px;justify-content:space-between}.codemirror-wp .sub-menu>ul>li div i{color:#fff}.codemirror-wp .sub-menu>ul>li div:hover{background:hsla(0,0%,100%,.2)}.codemirror-wp .sub-menu>ul>li div .icon-img{width:14px;height:14px;margin-right:10px}.codemirror-wp .sub-menu>ul>li div .menu-item-right{display:flex}.codemirror-wp .sub-menu>ul>li div .menu-item-right>i{margin-left:8px}.codemirror-wp .sub-menu>ul>li li{padding-left:36px;position:relative;color:#e8e8e8;font-size:14px}.codemirror-wp .sub-menu>ul>li li.active,.codemirror-wp .sub-menu>ul>li li:hover{background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;font-weight:500}.codemirror-wp .sub-menu>ul>li li.newly-added:before{content:"";width:12px;height:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAABAklEQVQoFc2PvUoDQRSFz5nJyrLZQvzBKopYiKW14BskIEs0L2Br5VvY+AIiFgbWRsiT2GWFoGK2U0PAnTW4ca4zUfEVcov7+517Z4C5M+obY5YQrY2kvIPGKaxcEHymyLklzhqr9fXhS5ltxtH2Y2GGCiLRGObg/yvsTQ/ru9VRfOWE9/mr2XfMxlMx2fN1DcRYhJ0/AYGdIC1P9AJ71afNQLZIySBfTQEzd4FvM5iy/CuqoOw7rUypmMGi5UTXDm6S7CsPKaW6ECz6XIBB1Y4vP5IoF0rfdRo1pbsubokSd8HZShjeui2Fz90g0akZBKk5Dqj9k/JJEj74OKt/oHny3++AZOq5yLNnAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100%;display:block;position:absolute;top:5px;left:15px}.codemirror-wp .sub-menu>ul>li li.newly-added:hover:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAAArklEQVQoFc3PMQrCQBCF4VkbJVgI1qJoZWkt5AaKdnZWtl5JLPQAXiRlIqQIxEoIiMFKYf2fGvAIGfiYmc1OkjGrX3jvH2gjxQIFIqxxRQsZmuobrBBg+bfKyTk3wZ6zM0L0MVWvgRtWqGLMm7YYcJBg/sszZQ0UUHS/yZ7kEi9UAwdqDcQaUBzR+VRmKb+zw4U+Rg96PkJifFrLBiihpe/Q2QZD5FzUvVy96prFGwVTbgnzyL/VAAAAAElFTkSuQmCC)}.CodeMirror-line,.text{text-align:left}.text{text-indent:2}.code-container{display:flex;flex-direction:column;overflow:hidden;width:500px}.model-wp{position:relative;flex:1;border-left:1px solid #ddd}.model-wp iframe{width:100%;height:100%;border:none}.model-wp .dragLine{width:3px;height:100%;position:absolute;top:0;left:-3px;cursor:col-resize;pointer-events:auto}.model-wp .dragLine:hover{background-color:#2680fe}.code-wp{width:calc(100% - 10px);height:100%;flex:1;overflow-y:auto;height:0}.code-wp textarea{width:100%;height:100%}.code-wp .CodeMirror{height:100%}.btn-wp{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;text-align:left;background:#f8f8f8}.btn-wp .title-name{color:#081a33;font-size:16px;font-weight:500;line-height:22px}.btn-wp .flod-box{padding:18px;box-sizing:border-box;border-right:1px solid #e8e8e8}.btn-wp .flod-btn{width:24px;height:24px;background-image:url(../img/foldIcon.b865331f.svg);cursor:pointer}.btn-wp .content-wrap{padding:10px 10px 10px 16px;display:flex;justify-content:space-between;align-items:center;flex:1}.el-button--primary{background:transparent!important;border:1px solid #2680fe!important;border-radius:2px!important;color:#2680fe!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100vw;height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{height:100%}body{margin:0;padding:0;font-family:MicroSoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;color:#fff}::-webkit-input-placeholder{color:#333}blockquote,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}li,ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{font-size:100%}a{text-decoration:none;color:#1c243b}.cle:after{content:".";display:block;height:0;clear:both;visibility:hidden}.fl{float:left}.fr{float:right}::-webkit-scrollbar{width:5px;height:6px;background-color:#fff;margin-right:2px}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px transparent;background-color:#e1e1e1}::-webkit-scrollbar-track{box-shadow:inset 0 0 0 transparent;border-radius:10px;background-color:#5b6273}