html{width:100%;height:100%;min-width:1349px;min-height:640px}body,html{margin:0;padding:0}body{width:98%;height:98%;overflow:hidden}#app{width:100%;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}input,textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.lcu_app_header{height:35px;width:100%;position:fixed;background-color:#d5dada;display:flex}.lcu_app_header_left{padding-left:25px;width:50%;text-align:left}.lcu_app_header_left h2{top:-17px;position:relative}.lcu_app_header_right{width:50%;right:30px;position:relative;text-align:right}.lcu_app_header_right span{top:5px;position:relative;font-weight:500;margin-left:8px}.lcu_content{top:70px;position:relative}.lcu_header{height:20%;width:100%}.lcu_header_tool,.lcu_header_util{width:100%;text-align:left}.lcu_header_tool{height:5rem}.lcu_header_tool .lcu_button_item_util span{color:brown;font-size:10px}.lcu_header_tool .lcu_button_item{display:flex}.lcu_header_tool .lcu_button_item button{margin:2px}.lcu_header_tool .lcu_button_item_left{width:50%}.lcu_header_tool .lcu_button_item_right{width:50%;text-align:right}.lcu_header_style{height:2rem;width:100%;display:flex}.lcu_header_style_left{text-align:left;width:40%}.lcu_header_style_right{text-align:right;width:60%}.lcu_header_style_right input{width:38px}.lcu_details{position:fixed;width:250px;height:270px;top:0;right:0;background-color:#e8eeee;text-align:left;padding:10px;word-wrap:break-word;word-break:break-all;box-shadow:-10px 10px 10px #888;z-index:999}.lcu_details span{float:right;font-size:10px;cursor:pointer;color:#00f}.lcu_details img{width:100px;height:100px}.lcu_element{width:100%;height:100%}.lcu_element_title{height:30px;width:100%;display:flex;text-align:center}.lcu_element_title .lcu_element_title_left{width:30%}.lcu_element_title .lcu_element_title_center{width:40%;text-align:center}.lcu_element_title .lcu_element_title_right{width:30%;font-size:10px;margin:5px}.lcu_element_title .lcu_element_title_right span{color:#00f;margin:2px;cursor:pointer}.lcu_element_select{height:30px;width:100%;text-align:left}.lcu_element_select select{width:95%}.lcu_element_content{overflow:auto;height:80%;width:100%;font-size:1px}.lcu_element_content .lcu_element_content_ele{height:100px;width:100px;float:left;cursor:pointer;position:relative}.lcu_element_content .lcu_element_content_ele .lcu_element_content_ele_curs{width:100%;height:100%;position:absolute;z-index:1}.lcu_element_content .lcu_element_content_ele .lcu_element_content_ele_info{width:80%;height:80%;margin-left:10px;margin-top:10px;text-align:center}.lcu_element_content .lcu_element_content_ele .lcu_element_content_ele_info p{word-break:break-word}.lcu_element_content .lcu_element_content_ele .lcu_element_content_ele_info img{max-height:50px;max-width:75px}.lcu_element_content .lcu_element_content_ele:hover{background-color:#b6d6f7;border-color:#66a9ed}.lcu_element_title_add,.lcu_element_title_search{position:relative;top:1px;text-align:left;height:30px;width:100%}.lcu_element_title_add input,.lcu_element_title_search input{width:80%}.lcu_element_title_add button,.lcu_element_title_search button{margin:4px;cursor:pointer}.lcu_element_content_move{position:fixed;top:0;border-style:dotted;display:none;z-index:999;background-size:100% 100%}.lz-ruler-h{width:18px;height:20000px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAMAAABmvHtTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACBJREFUeNpiYGBEBwwMTGiAakI0NX7U9aOuHyGuBwgwAH6bBkAR6jkzAAAAAElFTkSuQmCC) repeat-y}.lz-ruler-h .n{transform:rotate(-90deg);left:0}.lz-ruler-v{width:20000px;height:18px;left:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASCAMAAAAuTX21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACNJREFUeNpiYCAdMDKRCka1jGoBA2JZZGshiaCXFpIBQIABAAplBkCmQpujAAAAAElFTkSuQmCC) repeat-x}.lz-ruler-h .n,.lz-ruler-v .n{position:absolute;font:10px/1 Arial,sans-serif;color:#333;cursor:default}.lcu_ruler_v_canves{width:98%;height:97%;top:-20001px;left:17px;position:relative;overflow:scroll}.lcu_ruler_horn{z-index:1;width:18px;height:18px}.edit-shape-point,.lcu_ruler_horn{background-color:#fff;position:absolute}.edit-shape-point{width:10px;height:10px;border:1px solid #59c7f9;border-radius:10px;z-index:1001}.components-edit-shape{cursor:move}.components-edit-shape.active,.components-edit-shape:hover{outline:1px dashed #25a589}.lcu_slot{width:100%;height:100%}.lcu_dom_delete{color:#00f;font-size:.1rem;position:absolute;right:-2rem;cursor:pointer;z-index:1}.lcu_curs{z-index:999}.lcu_curs,.lcu_fx_model{width:100%;height:100%;position:absolute}.lcu_fx_model{background-color:grey;left:0;opacity:.5;top:0;z-index:50;filter:alpha(opacity=50)}.lcu_fx_title{cursor:move}.lcu_fx_title div{float:right;z-index:10;cursor:pointer}.lcu_fx_title div>div{width:30px;height:100%;text-align:center;line-height:20px}.lcu_fx_title div>div img{width:60%;height:60%}.lcu_fx_title div>div:hover{background-color:#9abfe0}.lcu_fx{text-align:left;width:500px;height:500px;position:fixed;z-index:9999;left:50%;top:10%;padding:5px;background:#fff}.lcu_fx .lcu_fx_fun_content{height:38%;width:100%}.lcu_fx .lcu_fx_fun_content textarea{width:100%;resize:none}.lcu_fx_content{display:flex;height:50%;width:100%}.lcu_fx_content .lcu_fx_fun{display:flex;width:50%;height:100%}.lcu_fx_content .lcu_fx_fun .lcu_fx_fun_name,.lcu_fx_content .lcu_fx_fun .lcu_fx_fun_type{width:50%;height:100%}.lcu_fx_content .lcu_fx_var{width:25%;height:100%}.lcu_fx_content .lcu_fx_var_content{width:93%;height:90%;border-style:ridge;overflow:scroll;display:grid}.lcu_fx_content .lcu_fx_var_content .lcu_fx_var_content_activeClass{background-color:#6363d6;color:#fff}.lcu_fx_content .lcu_fx_var_content ul{padding:0;margin:5px}.lcu_fx_content .lcu_fx_var_content ul li{width:100%;padding:5px;white-space:pre;cursor:pointer}.lcu_fx_content .lcu_fx_var_content ul li:hover{background-color:#9abfe0}.lcu_fx_content .lcu_fx_explain{width:25%;height:100%}.lcu_fx_footer{height:8%;width:100%;display:inline-flex}.lcu_fx_footer .lcu_fx_footer_left{text-align:left;width:80%;height:100%;font-size:12px;font-weight:600;overflow:auto}.lcu_fx_footer .lcu_fx_footer_right{width:20%;text-align:right}.lcu_fx_footer .lcu_fx_footer_right button{margin-top:15px;margin-right:5px}.lcu_fx_fun_code{padding:5px}.lcu_view{width:100%;height:90%;overflow:auto}.lcu_view_flex{width:100%;display:flex;margin-top:10px}.lcu_view_left{width:50%;text-align:right;font-size:14px;font-weight:700}.lcu_view_right{width:50%;text-align:left}.lcu_view_right .lcu_view_right_ide{position:relative;width:100%;display:inline-flex}.lcu_view_right .lcu_view_right_ide input,.lcu_view_right .lcu_view_right_ide textarea{width:50%}.lcu_view_right .lcu_view_right_ide select{width:95%}.lcu_view_right .lcu_view_right_ide button{height:21px;margin-top:15px;margin-left:6px}.in-coder-panel{height:71%;flex-grow:1;display:flex;position:relative;text-align:left}.CodeMirror{flex-grow:1;z-index:1;height:100%}.CodeMirror-code,textarea{line-height:19px}.code-mode-select{position:absolute;z-index:2;right:10px;top:10px;max-width:130px}.lcu_attribute{top:0;right:0;width:100%;height:20rem;border:1px solid #000;background-color:#e9dfdf}.lcu_attribute textarea{width:98%;height:70%}.lcu_attribute_header{text-align:left}.lcu_attribute_header button{margin:2px}.lcu_diy{height:100%;width:100%}.lcu_a,.lcu_copy{color:#00f;cursor:pointer;font-size:.1rem}.lcu_packageInfo{text-align:left}.lcu_rightMenu[data-v-40a4d435]{list-style:none;background:#fff;border:1px solid #a9a9a9;margin:0;padding:0;left:0;top:0;right:0;display:none;position:fixed;z-index:99999;cursor:pointer;font-size:12px}.lcu_rightMenu li[data-v-40a4d435]{border-bottom:1px solid #a9a9a9}.lcu_rightMenu li[data-v-40a4d435]:hover{background-color:#d4d6d8}#lcu_canves{border:1px solid #000;position:relative;z-index:0}.lcu_body{height:75%;width:100%;display:flex}.lcu_body_left{width:20%;position:relative}.lcu_body_center{width:60%;overflow:hidden}.lcu_body_right{width:20%}.lz-ruler-ref-line-v{z-index:99;width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYIACgAADAAAJAAE0lmO3AAAAAElFTkSuQmCC) repeat-x 0;cursor:n-resize;position:absolute}.lz-ruler-ref-line-h{z-index:99;width:3px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAMAAAAPxGVzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYEAFAAEGAAAQAAGePof9AAAAAElFTkSuQmCC) repeat-y top;cursor:w-resize;position:absolute}.lz-ruler-ref-dot-v{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-x left 1px;position:absolute}.lz-ruler-ref-dot-h{width:3px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-y 1px top;position:absolute}