.vdr{-ms-touch-action:none;touch-action:none}.handle,.vdr{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.page-canvas{width:100%;height:100%;overflow:auto;position:relative;background-color:#e8eaef}.page-canvas__line{height:100%;width:100%;background:url(../../static/img/subline.a4e037e4.svg) repeat}.page-canvas__wrap{position:relative;background-color:#e8eaef;margin:0 auto;background-size:11px 11px,11px 11px,11px 11px,11px 11px;background-repeat:no-repeat;background-size:cover}.page-canvas__components{position:absolute;width:calc(100% - 18px);height:calc(100% - 18px);background-repeat:no-repeat;background-size:100% 100%}.page-canvas .ruler{background:#fff;color:#909399;font-family:source code pro,Arial Narrow,Helvetica Neue,Helvetica,Arial,Veranda,sans-serif;font-size:12px;line-height:14px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.page-canvas .ruler>div{background:#909399}.page-canvas .hRule{width:100%;height:18px;left:0;top:0;border-bottom:1px solid;z-index:9}.page-canvas .vRule{z-index:9}.page-canvas .corner,.page-canvas .vRule{width:18px;left:0;top:0;border-right:1px solid}.page-canvas .corner{height:18px;border-bottom:1px solid;z-index:10}.page-canvas .hRule .tickLabel{position:absolute;top:0;width:1px;height:100%;text-indent:1px}.page-canvas .hRule .tickMajor{position:absolute;bottom:0;width:1px;height:6px}.page-canvas .hRule .tickMinor{position:absolute;bottom:0;width:1px;height:4px}.page-canvas .vRule .tickLabel{position:absolute;right:0;height:1px;width:100%;text-indent:1px}.page-canvas .vRule .tickLabel span{display:block;position:absolute;top:1px;right:0;margin-right:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top right;transform-origin:top right}.page-canvas .vRule .tickMajor{position:absolute;right:0;height:1px;width:6px}.page-canvas .vRule .tickMinor{position:absolute;right:0;height:1px;width:4px}.designer-content{width:100%;height:100%;position:relative}.designer-content-ruler{width:100%!important;height:calc(100% - 70px);padding:10px!important;background-color:#e8eaef;overflow-x:auto}.designer-content-setting{height:30px;line-height:30px;border-top:1px solid #c3c3c3}.designer-content-setting__ul{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;font-size:12px}.designer-content-setting__ul li{margin-right:15px}.designer-content-header{height:40px;line-height:40px;border-top:1px solid #c3c3c3}.designer-content-header__ul{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;margin:0;font-size:12px}.designer-content-header__ul li{margin-right:15px}.designer-content-header .btns{opacity:.7;color:#57677f}.designer-content-header .btns .btn{float:left;height:40px;line-height:40px;text-align:center;margin-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px}.designer-content-header .btns .btn i{margin-right:10px}.designer-content-header .btns .btn.disBtn{cursor:not-allowed;color:#57677f;opacity:.5}.designer-content-header .btns .btn.disBtn .btnContent{pointer-events:none}.designer-content-header .btns .btn.disBtn:hover{color:#57677f}.designer-content-header .btns .btn:hover{color:#4b92ef}.designer-content-drag{border:1px solid #d3d3d3}.designer-content-drag-proxy{border:1px solid #000;background:#fff;overflow:auto;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.designer-content-drag .handle{border-radius:10px;z-index:2}.designer-content-drag .handle-tl{top:-5px;left:-5px}.designer-content-drag .handle-tm{top:-5px}.designer-content-drag .handle-tr{top:-5px;right:-5px}.designer-content-drag .handle-ml{left:-5px}.designer-content-drag .handle-mr{right:-5px}.designer-content-drag .handle-bl{bottom:-5px;left:-5px}.designer-content-drag .handle-bm{bottom:-5px}.designer-content-drag .handle-br{bottom:-5px;right:-5px}.designer-content__container{width:calc(100% - 19px);height:calc(100% - 19px);position:relative;top:19px;left:19px}.designer-content-aus-line__x{top:0;left:0;height:100%;position:absolute;border-left:1px solid red;-webkit-transition:translateX .3s;transition:translateX .3s;display:none}.designer-content-aus-line__y{top:0;left:0;width:100%;position:absolute;border-top:1px solid red;-webkit-transition:translateY .3s;transition:translateY .3s;display:none}.designer-content .container-components .handle-bl,.designer-content .container-components .handle-bm,.designer-content .container-components .handle-br{bottom:-30px!important}.designer-content .drag-handle{background:#dedede;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.designer-content .drag-handle:hover{cursor:move}.designer-content .drag-handle--label{font-size:12px;color:#424242}.components-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.components-list-item{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.1);border-radius:2px;width:100px;height:100px;margin-bottom:20px;margin-right:15px}.components-list-item__title{border-bottom:1px solid #dcdee2;margin-bottom:10px;font-size:13px;font-weight:600;padding:3px 0}.components-list-item__title:hover{cursor:move}.components-list-item__des{background:#e1e5ef;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.components-list-item__img{height:77px;pointer-events:none}.components-list-item__img img{width:100%;height:100%}.components-list-item:hover{cursor:move;color:#4b92ef;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}.components-list .iconfont{font-size:24px;line-height:normal}#ui-designer-components-list .fe-input__inner{height:auto!important}.desigener{position:fixed;top:0;left:0;width:100%;height:100%;z-index:199;background-color:#f6f6f8}.desigener .board_header{height:50px;line-height:50px;font-size:14px;color:#fff;background-color:#2c405f}.desigener .board_header .infos{padding-left:30px;opacity:.7}.desigener .board_header .infos .boardName{margin-right:10px}.desigener .board_header .infos .fe-icon-feiu-bianji2{cursor:pointer}.desigener .board_header .btns{opacity:.7}.desigener .board_header .btns .btn{float:left;height:46px;line-height:46px;text-align:center;margin-right:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px}.desigener .board_header .btns .btn i{margin-right:10px}.desigener .board_header .btns .btn.disBtn{cursor:not-allowed}.desigener .board_header .btns .btn.disBtn .btnContent{pointer-events:none}.desigener .board_header .btns .btn.disBtn i,.desigener .board_header .btns .btn.disBtn p{color:#959faf}.desigener .board_header .btns .btn:hover{color:#4b92ef}.desigener-page{overflow:hidden;padding-left:260px;padding-right:380px}.desigener-page__item{height:calc(100vh - 50px);position:relative;float:left;background:#fff}.desigener-page__left{-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d6dbe3;width:260px;margin-left:-100%;left:-260px;overflow:auto}.desigener-page__left h3.design_aside_title{height:40px;line-height:40px;background-color:#e1e5ef;font-size:14px;font-weight:400;text-align:center;color:#2c405f}.desigener-page__left h3.design_aside_title i{width:14px;height:14px;margin-right:10px}.desigener-page__left .fe-collapse-item__content{padding-top:20px!important;padding-left:20px!important}.desigener-page__right{-webkit-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #d6dbe3;width:380px;margin-left:-380px;right:-380px;overflow-x:hidden;overflow-y:auto}.desigener-page__right .page-attr h3.design_aside_title{height:40px;line-height:40px;background-color:#e1e5ef;font-size:14px;font-weight:400;text-align:center;color:#2c405f}.desigener-page__right .page-attr h3.design_aside_title i{width:14px;height:14px;margin-right:10px}.desigener-page__right .page-attr .page-attr-content{padding:15px 0}.desigener-page__right .comp-attr .fe-tabs--border-card{border:unset;-webkit-box-shadow:unset;box-shadow:unset}.desigener-page__right .comp-attr .fe-tabs__item{background:#e1e5ef;color:#2c405f}.desigener-page__center{width:100%}.desigener-page__title{margin:0;font-size:13px!important;background:#4b92ef;color:#fff;padding:5px 0 5px 5px}.desigener-page-layout__wrap{height:200px;overflow-x:hidden;overflow-y:auto;padding:5px}.desigener-page-component__wrap{height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto}.desigener-page__subtitle{display:inline-block;width:100%;border-bottom:2px solid #4b92ef;font-size:12px;font-weight:900;margin-bottom:10px;padding:5px 5px 5px 10px}.desigener-page .fe-collapse-item__content{padding:12px 0 1px 12px;background:#f5f7fb}.desigener-page .fe-collapse-item__header{padding-left:12px;font-size:14px}.desigener-page .fe-tree-node__children .is-checked{background-color:#fff!important;color:#606266!important}.desigener-page .is-checked .fe-tree-node__content:hover{color:#606266!important}.desigener-page .fe-tree--highlight-current .fe-tree-node.is-current>.fe-tree-node__content{background:transparent}.desigener-page .vue-grid-item{outline:1px solid #dcdee2}.desigener-page .style-setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;width:100%}.desigener-page .style-setting .fe-button{width:200px}.febtnGroup .div-btn-group{display:-webkit-box;display:-ms-flexbox;display:flex}.febtnGroup .fe-radio-button{-webkit-box-flex:1;-ms-flex:1;flex:1}.febtnGroup .fe-radio-button__inner{width:100%}.fetextAlign{display:-webkit-box;display:-ms-flexbox;display:flex}.fetextAlign.disabled{cursor:not-allowed;opacity:.5}.fetextAlign.disabled .fetextAlign-item{pointer-events:none}.fetextAlign-item{-webkit-box-flex:1;-ms-flex:1;flex:1;height:32px;line-height:32px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;font-size:18px;color:#333;text-align:center;cursor:pointer}.fetextAlign-item:first-child{border-radius:2px 0 0 2px;border-left:1px solid #d3d3d3}.fetextAlign-item:last-child{border-radius:0 2px 2px 0}.fetextAlign-active{border:none;background:#4b92ef;color:#fff}