.mask{position:absolute;top:0;left:0;z-index:1002;overflow:hidden;width:100%;height:auto;min-height:1080px;background-color:#777;opacity:.5;filter:alpha(opacity=60);}
.diy-all{position:relative;display:block;overflow:hidden;width:100%;height:auto;}
.fe{overflow:hidden;margin-top:30px;margin-left:300px;width:920px;height:auto;}
.feShow{overflow:hidden;margin:0 auto;margin-top:30px;width:463px;height:auto;}
.fe-phone{float:left;width:386px;min-height:760px;}
.fe-phone-left{float:left;width:5px;height:293px;background:url(../images/phone_left.png) 0 88px no-repeat;}
.fe-phone-center{float:left;width:355px;height:auto;}
.fe-phone-top{width:355px;height:83px;background:url(../images/phone_top.png) 0 0 no-repeat;background-size:100% 100%;}
.fe-phone-main{padding:0 15px;width:355px;min-height:480px;background:url(../images/phone_center.png) 0 0 repeat-y;background-size:100% 100%;}
.fe-phone-main-show{overflow:auto;padding:0 15px;width:355px;height:480px;background:url(../images/phone_center.png) 0 0 repeat-y;background-size:100% 100%;}
.fe-phone-main-show::-webkit-scrollbar{width:0;}
.editor{position:relative;min-height:320px;}
.fe-phone-bottom{width:355px;height:92px;background:url(../images/phone_bottom.png) 0 0 no-repeat;background-size:100% 100%;}
.fe-phone-right{float:left;width:6px;height:220px;background:url(../images/phone_right.png) 0 158px no-repeat;}
.fe-panel{position:absolute;top:40px;left:680px;float:left;margin-left:5px;width:560px;height:auto;}
.fe-panel-editor{float:left;margin-left:20px;width:495px;height:auto;min-height:55px;background:#fff;}
.fe-panel-editor-ico{position:absolute;top:15px;left:-20px;width:20px;height:37px;background:url() no-repeat;background-size:20px;}
.btn-link{color:inherit;}
.diy-menu{position:fixed;top:40px;left:5px;z-index:999;width:260px;height:auto;border:1px solid #ddd;border-radius:3px;background:#fdfdfd;box-shadow:0 0 8px #000;box-shadow:0 0 8px rgba(0,0,0,.1);}
.diy-menu .navs{display:none;display:block;padding:10px 10px 5px;border-bottom:1px dotted #ddd;}
.diy-menu .action{position:relative;padding:10px 7px;}
.diy-menu .action nav{margin-right:0;}
.diy-menu .navs nav:hover{border:1px solid #ddd;background:#fff;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
.diy-menu .navs nav{margin:0 24px 5px 0;padding:5px 10px 5px 10px;width:92px;text-align:left;}
.diy-search{padding:10px 10px;background:#f1f1f2;}
.diy-search .inner{overflow:hidden;height:30px;background:#fff;}
.diy-search .inner.left .search-icon{float:left;}
.diy-search .inner .search-icon{width:30px;height:30px;color:#b4b4b4;text-align:center;font-size:16px;line-height:30px;}
.diy-search .inner .search-input{width:100%;height:30px;color:#999;line-height:30px;}
.tupian.swiper-container{width:100%;height:100%;}
.tupian.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;text-align:center;font-size:18px;-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;justify-content:center;}
.fangxing .swiper-pagination-bullet{border-radius:0;}
.rectangle .swiper-pagination-bullet{width:20px;height:12px;border-radius:0;}
.left.swiper-pagination{text-align:left;}
.right.swiper-pagination{text-align:right;}
.fui-picturew{overflow:initial;}
.list{list-style-type:none;line-height:30px;}
.list>li>a{cursor:pointer;}
.addView{cursor:pointer;}
[v-cloak]{display:none;}
.dad-noSelect,.dad-noSelect *{cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.dad-container{position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.dad-container::after{clear:both!important;display:block;content:'';}
.dad-draggable-area img,.dad-draggable-area>*{pointer-events:none;}
.dads-children.active{pointer-events:none;}
.dads-children-clone{z-index:9999;opacity:1;pointer-events:none;}
.dads-children-placeholder::after{color:#C96;content:'拖拽移动到此处';font-size:16px;}
.dads-children-placeholder{position:absolute!important;overflow:hidden;box-sizing:border-box;margin:5px;border:2px dashed #639BF6;color:#639BF6;color:#000;content:'拖拽移动到此处';text-align:center;font-weight:700;pointer-events:none;}
.editor::after{clear:both!important;display:block;content:'';}
.editor>.view{position:relative;float:left;display:block;box-sizing:border-box;padding:0 0 1px 0;width:100%;cursor:move;}
.editor-show>.view{position:relative;float:left;display:block;box-sizing:border-box;padding:0 0 1px 0;width:100%;}
.editor>.view .drag{display:block;padding:0;height:auto;}
.editor-show>.view .drag{display:block;padding:0;height:auto;}
.editor>div .drag:hover{border:1px dashed #639BF6;top:0;left:0;right:0;bottom:0;cursor:move;}
.borderStyle{border:1px solid #b4b4b4;}
.spe-mod-del{z-index:20;display:none;padding:4px;width:60px;height:20px;background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;text-align:center;cursor:pointer;}
.editor>div:hover .fix .spe-mod-del{display:block;}
.spe-mod-edit{z-index:20;display:none;padding:4px;width:60px;height:20px;background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;text-align:center;cursor:pointer;}
.editor>div:hover .fix .spe-mod-edit{display:block;}
.editor .mod-del{position:absolute;right:5px;bottom:5px;z-index:20;display:none;padding:0 4px;height:20px;background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;font-size:15px;cursor:pointer;}
.editor>div:hover .mod-del{display:block;}
.editor .mod-edit{position:absolute;right:45px;bottom:5px;z-index:20;display:none;padding:0 4px;height:20px;background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;font-size:15px;cursor:pointer;}
.editor>div:hover .mod-edit{display:block;}
.fixeditor .mod-del{position:absolute;right:5px;bottom:5px;z-index:20;display:none;padding:0 4px;height:20px;background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;font-size:15px;cursor:pointer;}
.fixeditor>div:hover .mod-del{display:block;}
.fixeditor .mod-edit{position:absolute;right:45px;bottom:5px;z-index:20;display:none;padding:0 4px;height:20px;background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;font-size:15px;cursor:pointer;}
.fixeditor>div:hover .mod-edit{display:block;}
.dropzone::before{display:block;width:100%;content:"组件拖拽到此处进行删除";-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.dropzone{padding:5px 8px;border:4px dashed #639BF6;border-radius:0;color:#639BF6;text-transform:uppercase;font-size:10px;line-height:8px;opacity:.3;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.mine .dropzone.active{opacity:1;}
.diy-radio-lable label{padding-right:10px;padding-left:0!important;}
.diy-form .control-label{font-weight:400!important;}
.dropzone.active{opacity:1;}
.diy-radio-lable label{padding-right:10px;padding-left:0!important;}
.diy-from{padding-top:15px!important;}
.diy-form .control-label{font-weight:400!important;}
.vl-icons{overflow:hidden;width:600px;zoom:1;}
.vl-icons-item{position:relative;float:left;margin:6px 6px 6px 0;padding-top:10px;width:145px;height:100px;color:#5c6b77;list-style:none;text-align:center;cursor:pointer;transition:all .2s ease;}
.vl-icons-item>i{font-size:24px!important;}
.icon-list{margin-right:0;padding:0;list-style:none;}
.icon li{float:left;margin-right:5px;padding:2px;width:38px;height:38px;text-align:center;font-size:30px;line-height:1;cursor:pointer;}
.icon li:hover{background-color:#87cefa;}
.icon .fa{font-size:24px;}
.icon .label{display:none;overflow:hidden;background-color:#f9f9f9;text-align:center;white-space:nowrap;}