[v-cloak] {display: none;}.dropdown-menu {z-index: 10000;}* {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}#color {-webkit-appearance: square-button;width: 29px;height: 31px;background-color: #fff;cursor: default;border-width: 1px;border-style: solid;border-color: #d2d6de;border-image: initial;padding: 0;}.content {padding: 10px 15px;}.panel {background: #f1f4f6;}.text-space {display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}.is-dialog .panel {background: #ffffff;}.page-head {width: 100%;height: 44px;display: flex;overflow: hidden;justify-content: space-between;align-items: center;padding: 0 13px;}.page-head .wanlicon {font-size: 14px;}.page-head .title {font-size: 14px;}.wanl-page {display: flex;justify-content: space-between;}.wanl-page .left {width: 69%;border: #ddd solid 1px;border-right: 0;}.wanl-page .left .wanl-tool {border-bottom: #dcdcdc solid 1px;background-color: #f3f3f3;width: 100%;height: 40px;display: flex;justify-content: space-between;/* align-items: center; */}.wanl-page .left .wanl-tool .menu {display: flex;}.wanl-page .left .wanl-tool .Button {display: flex;}.wanl-page .left .wanl-tool .dropdown {width: 120px;border-right: #ddd solid 1px;padding: 0 10px;cursor: pointer;}.wanl-page .left .wanl-tool .Button .dropdown {display: flex;align-items: center;width: 100%;}.wanl-page .left .wanl-tool .Button .dropdown .btn + .btn{margin-left: 8px;}.wanl-page .left .wanl-tool .dropdown .bnt {display: flex;justify-content: space-between;align-items: center;height: 40px;}.wanl-page .left .frame {display: flex;justify-content: space-between;}/* 左侧-预览 */.wanl-page .left .frame .preview {display: flex;justify-content: center;width: 65%;background-color: #edece8;}.wanl-page .left .frame .preview .page {box-shadow: 0 0 20px #00000012;background-size: 100% auto;margin: 30px 15px;width: 375px;height: 812px;overflow-y: scroll;overflow-x: hidden;}.wanl-page .left .frame .preview .page::-webkit-scrollbar {display: none;}.wanl-page .left .frame .preview .page .draggable>div {position: relative;}.wanl-page .left .frame .preview .page .draggable>div:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px dashed #f5f5f5;cursor: move;}.wanl-page .left .frame .preview .page .draggable>div:hover:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px dashed #18bc9c;cursor: move;}.wanl-page .left .frame .preview .page .draggable>div.action:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #00a0e9;cursor: move;z-index: 8000;}.wanl-page .left .frame .preview .page .draggable>div .sub-del {display: none;position: absolute !Important;cursor: pointer !important;z-index: 9000 !important;right: 2px !Important;top: 2px !Important;height: 20px !Important;width: 20px !Important;text-align: center !Important;line-height: 20px !Important;background-color: rgba(0, 0, 0, .3) !Important;border-radius: 50% !Important;}.wanl-page .left .frame .preview .page .draggable>div:hover .sub-del {display: block !Important;}.wanl-page .left .frame .preview .page .sub-del .wlIcon {font-size: 11px !Important;color: #ffffff !Important;!Important;}/* 手机型号 */.wanl-page.iPhoneX .left .frame .preview .page {width: 375px;height: 812px;}.wanl-page.iPhoneXmax .left .frame .preview .page {width: 414px;height: 896px;}.wanl-page.iPhone7 .left .frame .preview .page {width: 375px;height: 667px;}.wanl-page.iPhone7plus .left .frame .preview .page {width: 414px;height: 736px;}.wanl-page.huaweiMate30 .left .frame .preview .page {width: 360px;height: 780px;}.wanl-page.OPPORenoAce .left .frame .preview .page {width: 360px;height: 800px;}.wanl-page.vivoNEX3 .left .frame .preview .page {width: 360px;height: 752px;}.wanl-page.xiaomi9Pro .left .frame .preview .page {width: 360px;height: 770px;}/* 状态栏 */.wanl-page .left .frame .preview .page .navigation {position: sticky;background-size: 100% auto;background-repeat: no-repeat;top: 0;z-index: 9999;}.wanl-page .left .frame .preview .page .navigation .Statusbar {height: 26px;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;}/* iPhonex状态栏高度 */.wanl-page.iPhoneX .left .frame .preview .page .navigation .Statusbar,.wanl-page.iPhoneXmax .left .frame .preview .page .navigation .Statusbar {height: 44px;}/* 刘海 */.wanl-page .left .frame .preview .page .navigation .Statusbar .bangs {display: none;height: 44px;}/* iPhonex刘海 */.wanl-page.iPhoneX .left .frame .preview .page .navigation .Statusbar .bangs,.wanl-page.iPhoneXmax .left .frame .preview .page .navigation .Statusbar .bangs {display: inline;}.wanl-page .left .frame .preview .page .navigation .Statusbar .bangs .sub {height: 33px;width: 210px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;background: #000000;}/* 信号 */.wanl-page.iPhoneX .left .frame .preview .page .navigation .Statusbar .device,.wanl-page.iPhoneXmax .left .frame .preview .page .navigation .Statusbar .device {width: 60px;overflow: hidden;margin-left: -20px;}.wanl-page .left .frame .preview .page .navigation .Statusbar .device .wlIcon-dianchifull {color: #63d575;font-size: 17px;}/* 编辑器 */.wanl-page .editor {background-color: #ffffff;width: 30%;border: 1px solid #ddd;}.wanl-page .editor .bs-example {background-color: #e8edf0;}.wanl-page .editor .bs-example .nav-tabs {padding: 20px;padding-bottom: 0;}.wanl-page .editor .bs-example .tab-content {background-color: #ffffff;padding: 20px;height: 812px;overflow-x: hidden;overflow-y: scroll;}.wanl-page .editor .bs-example .tab-content::-webkit-scrollbar {display: none;}/* 数据 */.wanl-page .editor .bs-example .tab-content .panel {background: #ffffff;}.wanl-page .editor .bs-example .tab-content .panel .panel-heading {display: flex;justify-content: space-between;align-items: center;}.wanl-page .editor .bs-example .tab-content .panel .panel-heading .panel-title {width: 95%;}.wanl-page .editor .bs-example .tab-content .panel .panel-heading .wlIcon {font-weight: normal;color: #8a8a8a;}.wanl-page .editor .bs-example .tab-content .panel .panel-collapse .panel-body {padding-bottom: 5px;}.wanl-page .editor .bs-example .tab-content .panel .panel-collapse .panel-body label {font-weight: normal;}.wanl-page .editor .bs-example .tab-content .panel .panel-collapse .panel-body .tips {margin-top: -15px;margin-bottom: 15px;font-size: 12px;color: #34495E;}.wanl-page .editor .bs-example .tab-content .add-data {margin-bottom: 15px;}.wanl-page .editor .bs-example .tab-content .tab-pane>p {padding: 15px 20px;padding-bottom: 12px;margin-bottom: 12px;border-radius: 2px;}.wanl-page .editor .bs-example.module-example .tab-content label {display: flex;justify-content: space-between;align-items: center;}.wanl-page .editor .bs-example.module-example .tab-content .form-group label .del {display: none;}.wanl-page .editor .bs-example.module-example .tab-content .form-group:hover label .del {display: block;}.wanl-page .editor .bs-example.module-example .tab-content .del .wlIcon {font-size: 12px;color: #999999;}/* 模板 */.wanl-page .left .frame .template {background: #000066;width: 35%;border-left: #dcdcdc solid 1px;border-right: #ddd solid 1px;background-color: #f6f8f8;padding: 15px;}.wanl-page .left .frame .template .template-title {display: flex;align-items: center;justify-content: space-between;}.wanl-page .left .frame .template .template-title span i {height: 14px;width: 4px;background-color: #18bc9c;margin-right: 10px;display: inline-flex;}.wanl-page .left .frame .template .template-title span:first-child {font-size: 18px;}.wanl-page .left .frame .template .template-title span:last-of-type {color: #999999;}/* 注:要根据设备型号 调整大小 */.wanl-page .left .frame .template .control {height: 812px;overflow-x: hidden;overflow-y: scroll;}.wanl-page .left .frame .template .control::-webkit-scrollbar {display: none;}.wanl-page .left .frame .template .control .element {margin: 20px 0;}.wanl-page .left .frame .template .control .element-name {margin: 10px 0;color: #465047;font-size: 13px;}.wanl-page .left .frame .template .control .element .element-row {display: flex;display: -webkit-flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;}.wanl-page .left .frame .template .control .element .element-row>div {width: 22%;margin: 1.5%;background-color: #f5f5f5;border: 1px solid #ddd;text-align: center;padding: 10px 0;line-height: 1;border-radius: 5px;}.wanl-page .left .frame .template .control .element .element-row>div:hover {border: 1px solid #18bc9c;color: #18bc9c;cursor: pointer;}.wanl-page .left .frame .template .control .element .element-row>div:active {background-color: #18bc9c;color: #ffffff;}.wanl-page .left .frame .template .control .element .element-row>div i {font-size: 18px;}.wanl-page .left .frame .template .control .element .element-row>div span {display: block;font-size: 10px;margin-top: 5px;}/* 编辑器兼容 */.wanl-page.iPhoneX .editor .bs-example .tab-content {height: 812px;}.wanl-page.iPhoneXmax .editor .bs-example .tab-content {height: 896px;}.wanl-page.iPhone7 .editor .bs-example .tab-content {height: 667px;}.wanl-page.iPhone7plus .editor .bs-example .tab-content {height: 736px;}.wanl-page.huaweiMate30 .editor .bs-example .tab-content {height: 780px;}.wanl-page.OPPORenoAce .editor .bs-example .tab-content {height: 800px;}.wanl-page.vivoNEX3 .editor .bs-example .tab-content {height: 752px;}.wanl-page.xiaomi9Pro .editor .bs-example .tab-content {height: 770px;}/* 模板兼容 ok*/.wanl-page.iPhoneX .left .frame .template .control {height: 812px;}.wanl-page.iPhoneXmax .left .frame .template .control {height: 896px;}.wanl-page.iPhone7 .left .frame .template .control {height: 667px;}.wanl-page.iPhone7plus .left .frame .template .control {height: 736px;}.wanl-page.huaweiMate30 .left .frame .template .control {height: 780px;}.wanl-page.OPPORenoAce .left .frame .template .control {height: 800px;}.wanl-page.vivoNEX3 .left .frame .template .control {height: 752px;}.wanl-page.xiaomi9Pro .left .frame .template .control {height: 770px;}/* 万联radio */.wanl-layout>div {overflow: hidden;}.wanl-layout .wanl-radio {background: #fafafa;margin: 8px;border-radius: 8px;margin-bottom: 0;width: calc(100% - 8px);height: 100px;border: 1px solid #f5f5f5;background-size: 70%;background-repeat: no-repeat;background-position: center center;}.wanl-layout .active .wanl-radio {border: 1px solid #3c8dbc;}.wanl-upload {display: flex;justify-content: space-between;align-items: center;width: 100%;}.wanl-upload .form-control {width: calc(100% - 70px);}.wanl-multi {display: flex;justify-content: space-between;align-items: center;}.wanl-multi input {border: 0;outline: none;}.wanl-multi select {border: 0;border-left: 1px solid #ccc;background-color: #f5f5f5;outline: none;padding: 0 10px;height: 29px;width: 70px;margin-right: -12px;}.wlIcon-advertBanner:before {content: "\e6c0";}.wlIcon-advertImage:before {content: "\e611";}