/**
 * 2387EF 蓝色
 * 292623 黑色
 */
.sidebar-nav .cms-icon[data-v-7713bfcb] {
  margin: 0 10px 0 0;
}
.sidebar-nav[data-v-7713bfcb] .el-menu-item-group__title {
  display: none;
}
.sidebar-nav > .el-menu-item.is-active[data-v-7713bfcb] {
  background-color: #2387EF !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .first-item-link + .el-submenu__icon-arrow {
  display: none;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .el-submenu__title {
  background: #3F434D !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .second-item {
  position: relative;
  background: #3F434D !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .second-item.is-active {
  background-color: #2387EF !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .second-item.is-active > span {
  color: #ffffff;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .second-item:hover {
  color: #2387EF !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .second-item:hover .third-drop {
  display: block;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu.is-opened .second-item > .el-menu {
  position: static;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .second-item .el-menu {
  display: block !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .second-item .el-submenu__icon-arrow {
  display: none;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .second-item.is-active .el-submenu__title {
  background-color: #2387EF !important;
  color: #ffffff !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .second-item.is-active .el-submenu__title:hover {
  color: #ffffff !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .second-item .el-submenu__title:hover {
  color: #2387EF !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .third-drop {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .third-drop .third-drop-wrap {
  position: absolute;
  left: 0;
  top: 0;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .third-drop .third-drop-list {
  position: relative;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .third-drop .third-drop-item {
  height: 56px;
  line-height: 56px;
  background-color: #2387EF !important;
  color: #ffffff !important;
}
.sidebar-nav[data-v-7713bfcb] .el-submenu .third-drop .third-drop-item:hover {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1) inset;
}
.le-icon-product[data-v-7713bfcb],
.le-icon-template[data-v-7713bfcb] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.le-icon-product[data-v-7713bfcb]::before,
.le-icon-template[data-v-7713bfcb]::before {
  content: '';
  display: block;
  width: 24px;
  height: 18px;
  background: url(data:image/png;base64,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) 0 0 no-repeat;
}
.le-icon-product[data-v-7713bfcb]::before {
  background-position: 0 0;
}
.le-icon-template[data-v-7713bfcb]::before {
  background-position: 0 -18px;
}

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
.cropper-point.point-se {
    height: 15px;
    width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
    height: 10px;
    width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
}
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*box-sizing: border-box;*/
}
html {
  height: 100%;
  font-size: 60px;
}
body {
  height: 100%;
  font: 14px/2 'Microsoft Yahei', Arial;
  color: #666;
  background: #fff;
}
img {
  border: 0px;
}
ul,
ol {
  list-style-type: none;
  vertical-align: bottom;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input,
textarea,
select {
  font-family: 'Microsoft Yahei', Arial;
  font-size: inherit;
  line-height: 2;
  color: #666;
  outline: 0;
}
input[type='checkbox'],
input[type='radio'] {
  vertical-align: -2px;
}
textarea {
  resize: none;
  overflow: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
font {
  font-size: inherit;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.el-aside,
.el-main {
  overflow: hidden;
}
#app {
  height: 100%;
}
#header {
  position: fixed;
  left: 180px;
  padding: 0;
  right: 0;
  top: 0;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #eee;
}
#sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: #3b3a3f;
  border-right: 1px solid #eee;
  z-index: 9;
  overflow: visible;
}
#wrapper {
  padding: 60px 0 0 180px;
  background: #f9f9f9;
}
#operation {
  padding: 15px;
  overflow: auto;
}
/******************************
 * 整体框架
 *****************************/
.sidebar-logo {
  height: 60px;
  background: #FF8200;
}
.sidebar-logo .slog {
  position: relative;
  text-align: center;
  overflow: hidden;
  line-height: 60px;
}
.sidebar-logo .slog img {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 34px;
}
.sidebar-logo .slog span {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #ffffff;
  margin: 0 0 0 10px;
}
.sidebar-nav {
  border: 0;
}
.account {
  float: right;
  padding: 10px;
}
.account img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: middle;
}
.account i {
  vertical-align: middle;
}
.account span {
  vertical-align: middle;
}
.account-popover .row a {
  display: block;
  line-height: 30px;
}
.account-popover .row i {
  margin-right: 10px;
}
.quicklink {
  float: right;
  padding: 10px;
}
.quicklink li {
  float: left;
  line-height: 40px;
}
.quicklink a {
  display: block;
  padding: 0 20px;
}
.quicklink a:hover {
  color: #f12d39;
}
.tidings {
  float: right;
  width: 40px;
  height: 40px;
  margin: 10px 0 0;
}
.tidings a {
  display: block;
  line-height: 40px;
  text-align: center;
}
.tidings a:hover {
  color: #f12d39;
}
.searcher {
  float: left;
  margin: 14px 0 0 14px;
  position: relative;
}
.searcher .submit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 12px;
}
/********************************
 * 表单组件包装
 *******************************/
.avatar-uploader {
  height: 72px;
}
.avatar-uploader .el-upload {
  border: 1px dashed #bbb;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader .avatar-uploader-icon {
  font-size: 20px;
  color: #bbb;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
.avatar-uploader .avatar {
  width: 70px;
  height: 70px;
  display: block;
}
/********************************
 * 筛选 + 三级栏目 + 面包屑 + 底部操作
 *******************************/
.menuer-tabed li {
  float: left;
  width: auto;
}
.menuer-tabed a {
  display: block;
  padding: 0 20px;
}
.menuer-tabed span {
  display: block;
  height: 50px;
  line-height: 50px;
}
.menuer-tabed a.active span {
  border-bottom: 2px solid #0077dd;
}
.menuer-breadcrumb {
  line-height: 50px;
}
.menuer-breadcrumb .is-link {
  font-weight: normal;
  color: #0077dd;
}
.content-inner {
  padding: 15px;
  background: #fff;
  border: 1px solid #eee;
}
.content-opend {
  margin: 0 0 20px;
  position: relative;
}
.content-opend .url + .filter {
  position: absolute;
  right: 0;
  top: 0;
}
.content-opend .filter .el-form-item {
  margin-bottom: 0;
}
.content-opend .filter .select {
  width: 120px;
}
.content-opend .filter .txt input {
  width: 100px;
  transition: all 0.3s ease;
}
.content-opend .filter .txt input:focus {
  width: 150px;
}
.content-filter {
  background: #f6f6f6;
  padding: 15px;
  margin: 0 0 20px;
}
.content-filter:hover {
  background: #f2f2f2;
}
.content-filter .cell {
  float: left;
  margin: 0 40px 0 0;
}
.content-filter .rows {
  clear: both;
  padding: 5px 0 0 100px;
}
.content-filter .el-form-item__label {
  width: 100px;
  text-align: right;
}
.content-filter .el-form-item__content {
  margin: 0 0 0 100px;
}
.content-filter .el-input__inner {
  width: 200px;
}
.content-filter .el-form-item {
  margin-bottom: 0;
}
.content-filter .sts .el-input__inner {
  width: 83px;
}
.content-filter .sts .el-date-editor {
  width: 110px;
}
.content-filter .sts .el-date-editor .el-input__inner {
  width: 110px;
  padding-right: 10px;
}
.content-filter .sts .to {
  text-align: center;
}
.content-filter .sts-date {
  width: 240px;
}
.content-actions {
  height: 60px;
  position: relative;
}
.content-actions .inner {
  position: fixed;
  left: 195px;
  right: 10px;
  bottom: 0;
  background: #ffffcc;
  padding: 15px 0;
  text-align: center;
  z-index: 50;
}
/********************************
  * 列表组件包装
  *******************************/
.lister-table {
  margin: 0 0 20px;
  font-size: 13px;
}
.lister-table .has-gutter th {
  background: #f5f5f5;
  color: #666;
}
.lister-table .img {
  display: block;
  width: 80px;
  height: 80px;
  background: #eee;
}
.lister-batch {
  float: left;
  margin: 0 0 0 15px;
}
.lister-batch > * {
  margin: 0 10px 0 0;
}
.lister-pager {
  float: right;
}
.ql-snow .ql-picker-label {
  line-height: 1;
}
#login {
  position: fixed;
  left: 50%;
  top: 100px;
  margin: 0 0 0 -350px;
  padding: 0;
  width: 700px;
}
/********************************
 * 重设elment-ui组件
 *******************************/
.el-form-item__error {
  z-index: 10;
  line-height: 20px;
}
.el-dialog__title {
  font-size: 16px;
}
.el-message {
  min-width: 100px;
}
.el-tooltip__popper {
  max-width: 200px;
}
.el-popover {
  min-width: 20px;
}
.el-form-blank {
  padding: 10px;
  margin: 0 0 20px;
  background: #f8f8f8;
  position: relative;
}
.el-form-blank .inner {
  position: relative;
}
.el-form-blank h2 {
  color: #333;
}
.el-form-blank h2::before {
  content: '';
  width: 3px;
  height: 12px;
  background: #f60;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.uc-tooltip {
  border-radius: 2px;
}
.uc-tooltip.is-light {
  border: 0;
  background: #fff;
}
.uc-tooltip.is-light[x-placement^=bottom] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.uc-tooltip.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #fff;
}
.uc-tooltip.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #fff;
}
.uc-tooltip.is-light[x-placement^=left] {
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.2);
}
.uc-tooltip.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #fff;
}
.uc-tooltip.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #fff;
}
.uc-tooltip.is-light[x-placement^=right] {
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
}
.uc-tooltip.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #fff;
}
.uc-tooltip.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #fff;
}
.uc-tooltip.is-light[x-placement^=top] {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
}
.uc-tooltip.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #fff;
}
.uc-tooltip.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #fff;
}
.el-message-box__x01 {
  padding-bottom: 20px;
}
.el-message-box__x01 .el-message-box__content {
  padding: 25px 15px;
}
/*******************************
 * 超级链接库
 *******************************/
.linkWare {
  zoom: 1;
}
.linkWare .rows {
  margin: 0 0 15px;
}
.linkWare .padd {
  padding: 8px 0 0 78px;
}
/********************************
  * 图片仓库
  *******************************/
.pictureWare {
  zoom: 1;
}
.pictureWare .el-dialog__body {
  padding-top: 0;
}
.pictureWare .tabed {
  padding: 10px 10px 0 0;
  position: relative;
}
.pictureWare .tabed ul {
  background: #eceaea;
  height: 360px;
  overflow: hidden;
  overflow: auto;
}
.pictureWare .tabed li {
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px;
  cursor: pointer;
}
.pictureWare .tabed li.active {
  background: #fff;
}
.pictureWare .tabed li .pull-left {
  float: left;
}
.pictureWare .tabed li .pull-right {
  float: right;
  color: #b2b2b2;
  font-size: 13px;
  text-align: right;
}
.pictureWare .search {
  position: relative;
  height: 40px;
  overflow: hidden;
}
.pictureWare .filter {
  text-align: right;
  position: relative;
}
.pictureWare .list {
  position: relative;
}
.pictureWare .list ul {
  position: relative;
  height: 300px;
  overflow: hidden;
  overflow-y: auto;
  padding-top: 10px;
}
.pictureWare .item {
  position: relative;
  float: left;
  width: 14.6%;
  margin: 0 1% 2%;
}
.pictureWare .item .img {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat #eee;
  position: relative;
  text-align: center;
  height: 110px;
  line-height: 110px;
  font-size: 0;
  cursor: pointer;
  transition: all 0.5s ease;
  border: 1px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.pictureWare .item .img img {
  display: inline-block;
  width: auto;
  height: auto;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.pictureWare .item .num {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  color: #fff;
  background-color: #0077dd;
  font-size: 12px;
}
.pictureWare .item .tit {
  position: relative;
  text-align: center;
}
.pictureWare .item .tit input {
  padding: 0;
  border-color: #fff;
  height: 20px;
  text-align: center;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pictureWare .item .control {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 0;
  height: 24px;
  background: rgba(0, 0, 0, 0.75);
  z-index: 5;
  white-space: nowrap;
  visibility: hidden;
}
.pictureWare .item .control span {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  padding: 5px;
  margin: 0 3px;
  overflow: hidden;
}
.pictureWare .item .control span svg {
  width: 14px;
  height: 14px;
}
.pictureWare .item .control span:hover {
  opacity: 0.8;
}
.pictureWare .item .img.hover {
  border: 1px solid #0077dd;
}
.pictureWare .item:hover .img {
  border-color: #0077dd;
}
.pictureWare .item:hover .control {
  visibility: visible;
}
.pictureWare .page {
  float: none;
  text-align: right;
  padding-top: 10px;
}
.pictureWare .footer {
  text-align: center;
  position: relative;
  margin: -20px -20px 0;
  padding: 20px 0 0;
  border-top: 1px solid #eeeeee;
}
.uploadButton {
  margin: 10px 0;
  text-align: right;
}
.uploadButton div.slop {
  line-height: 40px;
}
/********************************
  * 模板设计
  *******************************/
.jw-icon-mobile,
.jw-icon-pc,
.jw-icon-site,
.jw-icon-quick {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin: 0 5px 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZFMTQxOEFBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZFMTQxOEJBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkUxNDE4OEFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkUxNDE4OUFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+nsXMAAADqSURBVHja7Fa7DYQwDHVOVwNDpGQloIMJWAImgA5mogOGgAV8PCQkxO+c06VA4klpEscvfnHsKGYmm3iRZby3E03TcF3XNAyD2InruhSGIfm+r3aLkGg90jTltm3ZBLDHvq0vjF0EOLnWWkkiWZ98smORRAvgPI7jmezMpus6LsuSsiwzv+Qlkivtsf7trqxn0UPwEFgkwCvFQ7ra3Pc9O45jVuwWoAQURUHjOJ6SeJ5HURT9RoD6kuf5DfvBEZIk2ck0yaf+RiB1JpJIkj0m2aS2TR+NpqoqZI+YANkUBMFhy1S3/1V8BBgARC6w1Wrton8AAAAASUVORK5CYII=) center center no-repeat;
}
.jw-icon-mobile {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZFMTQxOEFBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZFMTQxOEJBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkUxNDE4OEFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkUxNDE4OUFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+nsXMAAADqSURBVHja7Fa7DYQwDHVOVwNDpGQloIMJWAImgA5mogOGgAV8PCQkxO+c06VA4klpEscvfnHsKGYmm3iRZby3E03TcF3XNAyD2InruhSGIfm+r3aLkGg90jTltm3ZBLDHvq0vjF0EOLnWWkkiWZ98smORRAvgPI7jmezMpus6LsuSsiwzv+Qlkivtsf7trqxn0UPwEFgkwCvFQ7ra3Pc9O45jVuwWoAQURUHjOJ6SeJ5HURT9RoD6kuf5DfvBEZIk2ck0yaf+RiB1JpJIkj0m2aS2TR+NpqoqZI+YANkUBMFhy1S3/1V8BBgARC6w1Wrton8AAAAASUVORK5CYII=);
}
.jw-icon-pc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZFMTQxOEFBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZFMTQxOEJBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkUxNDE4OEFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkUxNDE4OUFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+nsXMAAADqSURBVHja7Fa7DYQwDHVOVwNDpGQloIMJWAImgA5mogOGgAV8PCQkxO+c06VA4klpEscvfnHsKGYmm3iRZby3E03TcF3XNAyD2InruhSGIfm+r3aLkGg90jTltm3ZBLDHvq0vjF0EOLnWWkkiWZ98smORRAvgPI7jmezMpus6LsuSsiwzv+Qlkivtsf7trqxn0UPwEFgkwCvFQ7ra3Pc9O45jVuwWoAQURUHjOJ6SeJ5HURT9RoD6kuf5DfvBEZIk2ck0yaf+RiB1JpJIkj0m2aS2TR+NpqoqZI+YANkUBMFhy1S3/1V8BBgARC6w1Wrton8AAAAASUVORK5CYII=);
}
.jw-icon-site {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZFMTQxOEVBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZFMTQxOEZBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkUxNDE4Q0FGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkUxNDE4REFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhGpXpIAAADTSURBVHja7JVRDoMgDIbL4jN4EK4Ej3oCTuEJfNQz8QYeQi7QrUtYpsFEHcRsWZMmApYf+jWFISKUtBsUtu8XqOKHtRbHcYR5ng9tIIQArTVIKVnyB4JMboxB5xzG8V6nGIrdWn/dgE7edd1Ts0iKyPq+Z2c2adsWdwl8woNEkjxirpqmwRI8kjfIyaPaWsjF44daBVWA9x6LtQoqr0feIYSQVyRVbu8le9TXsddAPstjmibknC/mWOrJpFYxDAPxOCRQ1zUopRatgv3f5MsF7gIMAOEsIuQvxlVtAAAAAElFTkSuQmCC);
}
.jw-icon-quick {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjAwOTE1NkRBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjAwOTE1NkVBRjc5MTFFOUI3RjdBNzk5QzZBMjNENzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkUxNDE5MEFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkUxNDE5MUFGNzkxMUU5QjdGN0E3OTlDNkEyM0Q3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl8RoB0AAAGbSURBVHjaYvz//z8DLQETA43B0LeAhRhFt27d+t/b24tVTk1NjaG4uJgRp2ZQJBPCPT09/48fP/4fWezMmTNctbW1/2/evPkfn14mYlz/4cMHBlZWVm5k8d+/f3/l5+cH+YCRojjYvHkzg7e3N4OxsfE3mNjZs2e5tm3bxuDr60tZJFPqeoJxgCvsa2pqCIY9DLOQ4/pXr14xQFMVuBhwd3dnCAoKwuobRlxFBdCA/0BL4HxgiomVkZFZghwPJ0+e/MrBwcFgY2PDDgyuX2Ql06dPn/rn5uaiBMe/f/8YFixY8H/KlCn/nzx5okJRMgWCZYKCgigCGzZs+P/8+XOGwMBAG2lp6TsUJVNgPHAhW7B3797/ly5dYoiNja2WkpI6SnFZ9P79ewaYBcAw/797926GlJSUJUCXt1GlsANZICQkxHDt2rX/69atYwDGBwPQ8FiqFXYgC0Bg7ty5DDk5OSDDGalamr57944BmKkY0tPTGRQVFRmpXh+AMlt8fDyDvr4+I1kVAqF8sH//fqKKBFyYcbTSJwQAAgwAyhWqKzMwcdMAAAAASUVORK5CYII=);
}
.jz-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 60px;
  z-index: 99;
  background: #fff;
  border-bottom: 1px solid #eff1f2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.jz-header .left {
  float: left;
  height: 100%;
  margin: 0 0 0 30px;
}
.jz-header .manager {
  float: left;
  line-height: 60px;
  border-right: 1px solid #eee;
}
.jz-header .manager a {
  display: block;
  padding: 0 15px;
}
.jz-header .manager i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjdEODdCRkJBRjc1MTFFOUE0NERCOEQ4QTUxMTYwNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjdEODdCRkNBRjc1MTFFOUE0NERCOEQ4QTUxMTYwNzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGN0Q4N0JGOUFGNzUxMUU5QTQ0REI4RDhBNTExNjA3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGN0Q4N0JGQUFGNzUxMUU5QTQ0REI4RDhBNTExNjA3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvZBrNkAAABkSURBVHjaYvz//z8DLQETA43BqAUooLKy8j9NLXj37t0gDSJsXqeqBdi8TvNIJtZXTNSM0MGRDyiJUKIsoCRCR0hZJCQkxEBNMcYhX+GwoCdRSlMRKJja29sZh08QDX0LAAIMADnTJc8km83AAAAAAElFTkSuQmCC) center center no-repeat;
}
.jz-header .manager span {
  vertical-align: middle;
}
.jz-header .manager a:hover {
  color: #0077dd;
}
.jz-header .cutover {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #eee;
}
.jz-header .cutover .u {
  line-height: 60px;
}
.jz-header .cutover i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjdEODdCRkZBRjc1MTFFOUE0NERCOEQ4QTUxMTYwNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjdEODdDMDBBRjc1MTFFOUE0NERCOEQ4QTUxMTYwNzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGN0Q4N0JGREFGNzUxMUU5QTQ0REI4RDhBNTExNjA3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGN0Q4N0JGRUFGNzUxMUU5QTQ0REI4RDhBNTExNjA3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnAcDKQAAACiSURBVHja7JOxDcQgDEXN6WpgCEpWgi0YCGaiA4aABXxypEhwaUJBiogvucA8yQb7M0SElfrAYi0v8O0PMUYMIUCtdYCEEGCtBa01m+EO0QzOcM5hSgn7HAXl6G6Woxi+iDpSSrH/Z1Ku7/Yu944hP1uAtiDnfHFeKQU559McifVOpvXz3kNrbYCklGCMGdb0DncpsJ28nbydvJ381iH/BBgAlecmPEFcjdsAAAAASUVORK5CYII=) center center no-repeat;
}
.jz-header .right {
  float: right;
  height: 100%;
  margin: 0 30px 0 0;
}
.jz-header .rows {
  display: inline-block;
  vertical-align: middle;
}
.jz-header .opra {
  position: relative;
}
.jz-header .opra li {
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  border-left: 1px solid #eee;
}
.jz-header .opra .btn {
  height: 30px;
  padding: 15px 15px;
  cursor: pointer;
}
.jz-header .opra .btn i {
  display: block;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,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) 0 0 no-repeat;
}
.jz-header .opra .revoke i {
  background-position: 0 0;
}
.jz-header .opra .recovery i {
  background-position: -30px 0;
}
.jz-header .opra .disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.jz-header .button {
  border-left: 1px solid #eee;
  padding: 0 0 0 10px;
}
.jz-header .button li {
  display: inline-block;
  vertical-align: middle;
  height: 60px;
}
.jz-header .button .btn {
  height: 40px;
  padding: 0 30px;
  line-height: 40px;
  border: 1px solid #ccc;
  margin: 9px 0 0 10px;
  cursor: pointer;
  border-radius: 3px;
}
.jz-header .button .save {
  background: #5874d8;
  border-color: #5874d8;
  color: #fff;
}
.jz-header .button .btn:hover {
  background: #5874d8;
  border-color: #5874d8;
  color: #fff;
}
.jz-ruler {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 90;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAABkCAYAAABn0C3cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlEN0E4QUI4RTZFMTFFOTk2NkRBQzgxNjE2NkQ1RjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlEN0E4QUM4RTZFMTFFOTk2NkRBQzgxNjE2NkQ1RjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OUQ3QThBOThFNkUxMUU5OTY2REFDODE2MTY2RDVGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OUQ3QThBQThFNkUxMUU5OTY2REFDODE2MTY2RDVGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm0eHd0AAAqiSURBVHja7N3dUeNK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) center top no-repeat #fff;
}
/********************************
  * 代码编辑器
  *******************************/
.CodeMirror {
  height: 500px !important;
}
.CodeMirror-code {
  line-height: 1.5 !important;
  font-size: 12px !important;
}
/********************************
 * 模板设计
 *******************************/
.custom-tree {
  zoom: 1;
}
.custom-tree .item {
  width: 100%;
}
.custom-tree .el-tree-node {
  position: relative;
}
.custom-tree .el-tree-node__content {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f5f5f5;
}
.custom-tree .opra {
  padding: 0 15px 0 0;
  text-align: right;
}
/********************************
* 图片剪裁
*******************************/
.cropper-wrapper {
  position: relative;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: -20px -20px -20px;
  padding: 15px;
}
.cropper-sider {
  float: right;
  width: 215px;
}
.cropper-scale {
  position: relative;
  padding: 20px;
  border: 1px solid #ddd;
}
.cropper-scale .el-radio {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 0 !important;
}
.cropper-content {
  margin: 0 230px 0 0;
}
.cropper-area {
  position: relative;
}
.cropper-img {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.cropper-img .loading {
  visibility: hidden;
}
.cropper-img .loaded {
  visibility: visible;
}
.cropper-actions {
  position: relative;
  overflow: hidden;
  padding: 10px 0 0;
  margin: 0 -10px -10px 0;
}
.cropper-actions .rows {
  float: left;
  margin: 0 10px 10px 0;
  border-radius: 3px;
  overflow: hidden;
}
.cropper-actions .rows li {
  float: left;
  position: relative;
  padding: 2px;
  background: #409eff;
}
.cropper-actions .rows li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.cropper-actions .rows li:first-child::before {
  content: none;
}
.cropper-actions .rows li:hover {
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1) inset;
}
.cropper-actions a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFGMjQ3NkMwNEYzMTFFQUEzMzQ5NUY3NDYyQ0Q0QjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFGMjQ3NkQwNEYzMTFFQUEzMzQ5NUY3NDYyQ0Q0QjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUYyNDc2QTA0RjMxMUVBQTMzNDk1Rjc0NjJDRDRCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUYyNDc2QjA0RjMxMUVBQTMzNDk1Rjc0NjJDRDRCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjLbz0YAAAUMSURBVHja7J1PqBVVHMdnnhYmXZHKIiKy4IEh11IoMDFxYTxQguC9NkGbXOjCjQr3ZS6DjGhhG/cWJJSbMFoED0vBnVKvNrVQCAxKip7xEB46fQ/3d+H6mvtn5s6cuXPP5wtf5s6dmfM7Zz73/Jl5Z97ESZJEaHI1xSkAMAIwAjACMAIwAjCqM+CWfL3LLRBOBuBZeUU+Jl+Vv7ble/b9LCjTtbYmcD+XT8of9qjVn8lfgvP/imtwq3KlD1xU8yba1c6/gTuZgJvyCfn3jMegmvTBi/LD8mND7v+L/Kz8AFjr00S/KD815L5r5H+oxfUCvJhh303yRxmPAXBN5AZjDzEYqyfgpl0qtfrAPSXvAGc9r4OdOjc7/pK/t5H1k/Jr8nqDS9NcY8DdtfVw1/oZmuXJAowCHWQhAAMYARgBGAEYARgBGAEYARjACMAIwAjACMAIwAjAAEY99XFFcZMqAH8nn6+owOctvk+5eEcriDuS8s7JcoXcLm+oMO9L8jV5jye4rrwN+bbHuN01OPZVg8cBbmTxt3uoUavL6ytuJX3wuMD1BblXeWsDOQtgN8B41ZqpZICLbp76uWH5KmMAdKvPj3mDbS9rjDHK9tx98LjVYN99ce6+cMSWoztupvJmbaL3WOJLAcL1qV7nOXN5pwoMDtxyIecq79SIwau8Dp5kuKvPc5S3vDybNJ59cNoA95jPGx2oJuJeNIARgBGAEYARgBGAEYABjACMAIwAjACMAIwADGAEYBQQYHfcbvkneb/nPO+3uLsD+oF6f/jsoPytvEV+Qd7mqaDbLN4Wi38wILiJT8DuaQL3Ghs3Ae1deUH+RN5YUiE3WvoLFi+2+I3Aam52yG7SXQ4/KJ+Tf5On5XfkZfkbuZEzzV5uWLrLFmfa4p6zfEQT7DRlSmOU4Gvkma71vfIteb7gQs5bunu7vpux+FEgTvIeW/S02bPyAfmRAtN0b1q5IL9dUfMY59xedF5in31wL12W7xWc5j1Ld1xHrWM9sTwL4E/luQH7rI2Kf+HlMGnOWf7KGtgMekQ2mQTAz8mHBuwzI98sOI83Ld1+OmT5K0Jxynqa+x0zRuPw4TvsfdbZH+mx/bht31fwAKMT93iP7UdKijto1JqMMvjxNcjK0py6a9D35dPyLvmSfF3eKu+U37DtFwv+DV60dN2bRV+Rr8g/R+13Bbu7WW/a9oWC48Yjbi+6u8g1qMszin5dPilPy3ei9kucf7AbEJdKLKyD+YHdyfpXXif/anC/CugWZemAUXWQM7ca/DVp/BWP0iUAuF6QAYwADGAEYARgBGAEYARgBGAAIwAjACMAIwAjACMAo9yAm1F7IpybcOfmYs16ymtVcWutrHOyfrQT/ae8LK+XN8k3ovYsx7JUVdygarA7yc9H7Wd0H5c329KtPyr/USLcKuIGBbhp3iEv2ncrtnTru6xGFd1spsWNPMQNrolOe+PZ6ifebthyc4H5G+ZNa2XEDa4GPxO1H+N0uhPd/28FOp8vlJC/tLiJh7jBAV6ygY3Tuuj+ubqdzwdKyF9a3NhD3OAAv2V9XbPPPk/LZwrOX1Vxg7xMcn3dE/LLKQOezvv1yngraVVxg7tMcoOY23bZ4m42fGHLu7bd/cebVgl5rCpucIAju/6cs/7vJVuesBo0L58q6WRXFTeoJnoYtexk+37ivaq4wQFGNW+iEYARgBGAEYARgBGAAYzqrP8EGADzGXqq9mOyxgAAAABJRU5ErkJggg==) 0 0 no-repeat;
  color: #ffffff;
  overflow: hidden;
  text-indent: -99em;
}
.cropper-actions a.move-left {
  background-position: 0 -30px;
}
.cropper-actions a.move-right {
  background-position: -30px -30px;
}
.cropper-actions a.move-up {
  background-position: -60px -30px;
}
.cropper-actions a.move-down {
  background-position: -90px -30px;
}
.cropper-actions a.rotate-left {
  background-position: 0 -60px;
}
.cropper-actions a.rotate-right {
  background-position: -30px -60px;
}
.cropper-actions a.flip-x {
  background-position: -60px -60px;
}
.cropper-actions a.flip-y {
  background-position: -90px -60px;
}
.cropper-actions a.zoom-out {
  background-position: 0 -90px;
}
.cropper-actions a.zoom-in {
  background-position: -30px -90px;
}
.cropper-actions a.reset {
  background-position: -30px 0;
}
.cropper-preview {
  position: relative;
  overflow: hidden;
}
.cropper-preview .preview {
  overflow: hidden;
  width: 100%;
  height: 200px;
}
.cropper-preview .cropped {
  overflow: hidden;
  width: 100%;
  height: 200px;
}
/*************************
 ** 二维码
 ************************/
.le-popover-qrcode {
  min-width: 100px;
  padding: 0;
}
/******************************
 ** 批量处理
 ******************************/
.content-batch {
  position: relative;
  margin: 0 0 5px;
}
.content-batch .right {
  float: right;
}
.ki-dropdown {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ki-dropdown .ki-dropdown-pointer {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.ki-dropdown .ki-dropdown-pointer::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  bottom: 8px;
  right: 8px;
  border: 1px solid #0077dd;
  border-radius: 2px;
}
.ki-dropdown .ki-dropdown-pointer i {
  color: #0077dd;
}
/*******************
 ** 图片比例
 ** 从预览站移植过来
 ********************/
.auto-img-box {
  position: relative;
  background: #eeeeee;
  overflow: hidden;
}
.auto-img-box.img-size-0 {
  padding: 0 0 100%;
}
.auto-img-box.img-size-1 {
  padding: 0 0 75%;
}
.auto-img-box.img-size-2 {
  padding: 0 0 133%;
}
.auto-img-box.img-size-3 {
  padding: 0 0 56.25%;
}
.auto-img-box.img-size-4 {
  padding: 0 0 177%;
}
.auto-img-box .auto-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@charset "UTF-8";

.fadeIn {
  animation-name: fadeIn
}

@keyframes fadeIn {
  from {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

.fadeInLeft {
  animation-name: fadeInLeft
}

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translate3d(50%,0,0)
  }

  100% {
      opacity: 1;
      transform: none
  }
}

.fadeInRight {
  animation-name: fadeInRight
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }

  100% {
      opacity: 1;
      transform: none
  }
}

.fadeInUp {
  animation-name: fadeInUp
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }

  100% {
      opacity: 1;
      transform: none
  }
}

.fadeInDown {
  animation-name: fadeInDown
}

@keyframes fadeInDown {
  0% {
      opacity: 0;
      transform: translate3d(0,-100%,0)
  }

  100% {
      opacity: 1;
      transform: none
  }
}

.moveInLeft {
  animation-name: moveInLeft;
  -webkit-animation-name: moveInLeft;
  animation-timing-function: cubic-bezier(.61,-.01,.36,1);
  -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInLeft {
  0% {
      transform: translateX(150%);
      opacity: 0
  }

  100% {
      transform: translateX(0);
      opacity: 1
  }
}

.moveInRight {
  animation-name: moveInRight;
  -webkit-animation-name: moveInRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: cubic-bezier(.61,-.01,.36,1);
  -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInRight {
  0% {
      transform: translateX(-150%);
      opacity: 0
  }

  100% {
      transform: translateX(0);
      opacity: 1
  }
}

.moveInUp {
  animation-name: moveInUp;
  -webkit-animation-name: moveInUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: cubic-bezier(.61,-.01,.36,1);
  -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInUp {
  0% {
      transform: translateY(100%);
      opacity: 0
  }

  100% {
      transform: translateY(0);
      opacity: 1
  }
}

.moveInDown {
  animation-name: moveInDown;
  -webkit-animation-name: moveInDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: cubic-bezier(.61,-.01,.36,1);
  -webkit-animation-timing-function: cubic-bezier(.61,-.01,.36,1)
}

@keyframes moveInDown {
  0% {
      transform: translateY(-100%);
      opacity: 0
  }

  100% {
      transform: translateY(0);
      opacity: 1
  }
}

.zoomIn {
  animation-name: zoomIn
}

@keyframes zoomIn {
  from {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  50% {
      opacity: 1
  }
}

.zoomInLeft {
  animation-name: zoomInLeft
}

@keyframes zoomInLeft {
  0% {
      opacity: 0;
      transform: scale3d(1,1,1) translate3d(0,0,0)
  }

  1% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(500%,0,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-20%,0,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }

  100% {
      opacity: 1;
      transform: none;
      animation-timing-function: ease
  }
}

.zoomInRight {
  animation-name: zoomInRight
}

@keyframes zoomInRight {
  0% {
      opacity: 0;
      transform: scale3d(1,1,1) translate3d(0,0,0)
  }

  1% {
      transform: scale3d(.1,.1,.1) translate3d(-500%,0,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(-20%,0,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }

  100% {
      opacity: 1;
      transform: none
  }
}

.zoomInUp {
  animation-name: zoomInUp
}

@keyframes zoomInUp {
  0% {
      opacity: 0;
      transform: scale3d(1,1,1) translate3d(0,0,0)
  }

  1% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,500%,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,-60%,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }

  100% {
      opacity: 1;
      transform: none;
      animation-timing-function: ease
  }
}

.zoomInDown {
  animation-name: zoomInDown
}

@keyframes zoomInDown {
  0% {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-500%,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60%,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }

  100% {
      opacity: 1;
      transform: none;
      animation-timing-function: ease
  }
}

.elasticLarge {
  animation-name: elasticLarge
}

@keyframes elasticLarge {
  0%,100%,20%,40%,60%,80% {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  100% {
      opacity: 1;
      transform: scale3d(1,1,1)
  }
}

.elasticSmall {
  animation-name: elasticSmall;
  -webkit-animation-name: elasticSmall;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out
}

@keyframes elasticSmall {
  0% {
      transform: scale(1.8);
      opacity: 0
  }

  50% {
      transform: scale(.95);
      opacity: 1
  }

  80% {
      transform: scale(1.05)
  }

  90% {
      transform: scale(.98)
  }

  100% {
      transform: scale(1)
  }
}

@keyframes rollIn {
  from {
      opacity: 0;
      transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
  }

  to {
      opacity: 1;
      transform: none
  }
}

.rollIn {
  animation-name: rollIn
}

@keyframes zoomInDown {
  from {
      opacity: 0;
      transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
      animation-timing-function: cubic-bezier(.55,.055,.675,.19)
  }

  60% {
      opacity: 1;
      transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
      animation-timing-function: cubic-bezier(.175,.885,.32,1)
  }
}

.zoomInDown {
  animation-name: zoomInDown
}

@keyframes bounceIn {
  20%,40%,60%,80%,from,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: scale3d(.3,.3,.3)
  }

  20% {
      transform: scale3d(1.1,1.1,1.1)
  }

  40% {
      transform: scale3d(.9,.9,.9)
  }

  60% {
      opacity: 1;
      transform: scale3d(1.03,1.03,1.03)
  }

  80% {
      transform: scale3d(.97,.97,.97)
  }

  to {
      opacity: 1;
      transform: scale3d(1,1,1)
  }
}

.bounceIn {
  animation-name: bounceIn
}

@keyframes bounceInDown {
  60%,75%,90%,from,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,-3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,25px,0)
  }

  75% {
      transform: translate3d(0,-10px,0)
  }

  90% {
      transform: translate3d(0,5px,0)
  }

  to {
      transform: none
  }
}

.bounceInDown {
  animation-name: bounceInDown
}

@keyframes bounceInRight {
  60%,75%,90%,from,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(-3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px,0,0)
  }

  75% {
      transform: translate3d(-10px,0,0)
  }

  90% {
      transform: translate3d(5px,0,0)
  }

  to {
      transform: none
  }
}

.bounceInRight {
  animation-name: bounceInRight
}

@keyframes bounceInLeft {
  60%,75%,90%,from,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  from {
      opacity: 0;
      transform: translate3d(3000px,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px,0,0)
  }

  75% {
      transform: translate3d(10px,0,0)
  }

  90% {
      transform: translate3d(-5px,0,0)
  }

  to {
      transform: none
  }
}

.bounceInLeft {
  animation-name: bounceInLeft
}

@keyframes bounceInUp {
  60%,75%,90%,from,to {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  from {
      opacity: 0;
      transform: translate3d(0,3000px,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,-20px,0)
  }

  75% {
      transform: translate3d(0,10px,0)
  }

  90% {
      transform: translate3d(0,-5px,0)
  }

  to {
      transform: translate3d(0,0,0)
  }
}

.bounceInUp {
  animation-name: bounceInUp
}

@keyframes bounce {
  0%,100%,20%,53%,80% {
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
      transform: translate3d(0,0,0);
      transform-origin: center bottom
  }

  40%,43% {
      animation-timing-function: cubic-bezier(.755,.050,.755,.060);
      transform: translate3d(0,-30px,0)
  }

  70% {
      animation-timing-function: cubic-bezier(.755,.050,.755,.060);
      transform: translate3d(0,-15px,0)
  }

  90% {
      transform: translate3d(0,-4px,0)
  }
}

.bounce {
  animation-name: bounce
}

@keyframes flash {
  50%,from,to {
      opacity: 1
  }

  25%,75% {
      opacity: 0
  }
}

.flash {
  animation-name: flash
}

@keyframes flipUpDown {
  0% {
      transform: perspective(400px) rotate3d(1,0,0,90deg);
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotate3d(1,0,0,-20deg);
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotate3d(1,0,0,10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotate3d(1,0,0,-5deg)
  }

  99% {
      transform: perspective(400px)
  }
}

.flipUpDown {
  backface-visibility: visible;
  animation-name: flipUpDown
}

@keyframes flipLeftRight {
  0% {
      opacity: 0
  }

  1% {
      transform: perspective(400px) rotate3d(0,1,0,90deg);
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotate3d(0,1,0,-20deg);
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotate3d(0,1,0,10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotate3d(0,1,0,-5deg)
  }

  99% {
      transform: perspective(400px)
  }
}

.flipLeftRight {
  backface-visibility: visible;
  animation-name: flipLeftRight
}

@keyframes flip {
  0% {
      opacity: 0
  }

  1% {
      transform: perspective(400px) rotate3d(0,1,0,90deg);
      animation-timing-function: ease-in;
      opacity: 0
  }

  40% {
      transform: perspective(400px) rotate3d(0,1,0,-20deg);
      animation-timing-function: ease-in
  }

  60% {
      transform: perspective(400px) rotate3d(0,1,0,10deg);
      opacity: 1
  }

  80% {
      transform: perspective(400px) rotate3d(0,1,0,-5deg)
  }

  99% {
      transform: perspective(400px)
  }
}

.flip {
  backface-visibility: visible;
  animation-name: flip
}

.childModuleAnimating {
  overflow-x: hidden!important
}

@keyframes swing {
  0% {
      transform: rotate3d(0,0,1,0)
  }

  20% {
      transform: rotate3d(0,0,1,15deg)
  }

  40% {
      transform: rotate3d(0,0,1,-10deg)
  }

  60% {
      transform: rotate3d(0,0,1,5deg)
  }

  80% {
      transform: rotate3d(0,0,1,-5deg)
  }

  100% {
      transform: rotate3d(0,0,1,0deg)
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing
}

@keyframes tada {
  0% {
      transform: scale3d(1,1,1)
  }

  10%,20% {
      transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
  }

  30%,50%,70%,90% {
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
  }

  40%,60%,80% {
      transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
  }

  100% {
      transform: scale3d(1,1,1)
  }
}

.tada {
  animation-name: tada
}

@keyframes wobble {
  0% {
      transform: none
  }

  15% {
      transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
  }

  30% {
      transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
  }

  45% {
      transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
  }

  60% {
      transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
  }

  75% {
      transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
  }

  100% {
      transform: none
  }
}

.wobble {
  animation-name: wobble
}

@keyframes rotating {
  0% {
      transform-origin: center;
      transform: translate3d(0,0,0) rotate(-360deg)
  }

  100% {
      transform-origin: center;
      transform: none
  }
}

.rotating {
  animation-name: rotating;
  animation-timing-function: linear
}

@keyframes translationLeft {
  0%,100% {
      transform: translateX(0)
  }

  30% {
      transform: translateX(100%)
  }
}

.translationLeft {
  animation-name: translationLeft;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}

@keyframes translationRight {
  0%,100% {
      transform: translateX(0)
  }

  30% {
      transform: translateX(-100%)
  }
}

.translationRight {
  animation-name: translationRight;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}

@keyframes translationLeftRight {
  0%,100% {
      transform: translateX(0)
  }

  20% {
      transform: translateX(-50%)
  }

  70% {
      transform: translateX(50%)
  }
}

.translationLeftRight {
  animation-name: translationLeftRight;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}

@keyframes translationUpDown {
  0%,100% {
      transform: translateY(0)
  }

  20% {
      transform: translateY(-50%)
  }

  70% {
      transform: translateY(50%)
  }
}

.translationUpDown {
  animation-name: translationUpDown;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}

@keyframes translationUp {
  0%,100% {
      transform: translateY(0)
  }

  30% {
      transform: translateY(-100%)
  }
}

.translationUp {
  animation-name: translationUp;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}

@keyframes translationDown {
  0%,100% {
      transform: translateY(0)
  }

  30% {
      transform: translateY(100%)
  }
}

.translationDown {
  animation-name: translationDown;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear
}

@keyframes slideLeft {
  0%,100%,60%,75%,90% {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(-100%,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(25px,0,0)
  }

  75% {
      transform: translate3d(-10px,0,0)
  }

  90% {
      transform: translate3d(5px,0,0)
  }

  100% {
      transform: none
  }
}

.slideLeft {
  animation-name: slideLeft
}

@keyframes slideRight {
  0%,100%,60%,75%,90% {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(100%,0,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(-25px,0,0)
  }

  75% {
      transform: translate3d(10px,0,0)
  }

  90% {
      transform: translate3d(-5px,0,0)
  }

  100% {
      transform: none
  }
}

.slideRight {
  animation-name: slideRight
}

@keyframes slideUp {
  0%,100%,60%,75%,90% {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,100%,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,-20px,0)
  }

  75% {
      transform: translate3d(0,10px,0)
  }

  90% {
      transform: translate3d(0,-5px,0)
  }

  100% {
      transform: translate3d(0,0,0)
  }
}

.slideUp {
  animation-name: slideUp
}

@keyframes slideDown {
  0%,100%,60%,75%,90% {
      animation-timing-function: cubic-bezier(.215,.61,.355,1)
  }

  0% {
      opacity: 0;
      transform: translate3d(0,-100%,0)
  }

  60% {
      opacity: 1;
      transform: translate3d(0,25px,0)
  }

  75% {
      transform: translate3d(0,-10px,0)
  }

  90% {
      transform: translate3d(0,5px,0)
  }

  100% {
      transform: none
  }
}

.slideDown {
  animation-name: slideDown
}

@keyframes shake {
  0%,100% {
      transform: translate3d(0,0,0)
  }

  10%,30%,50%,70%,90% {
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      transform: translate3d(10px,0,0)
  }
}

.shake {
  animation-name: shake
}

@keyframes flyerShake {
  0%,100% {
      transform: translate3d(0,0,0)
  }

  10%,30%,50%,70%,90% {
      transform: translate3d(-10px,0,0)
  }

  20%,40%,60%,80% {
      transform: translate3d(10px,0,0)
  }
}

@keyframes jello {
  0%,100%,11.1% {
      transform: none
  }

  22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
      transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
      transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
      transform: skewX(.390625deg) skewY(.390625deg)
  }

  88.7% {
      transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.jello {
  animation-name: jello;
  transform-origin: center
}

@keyframes rubberBand {
  0% {
      transform: scale3d(1,1,1)
  }

  30% {
      transform: scale3d(1.25,.75,1)
  }

  40% {
      transform: scale3d(.75,1.25,1)
  }

  50% {
      transform: scale3d(1.15,.75,1)
  }

  65% {
      transform: scale3d(.95,1.05,1)
  }

  75% {
      transform: scale3d(1.05,.95,1)
  }

  100% {
      transform: scale3d(1,1,1)
  }
}

.rubberBand {
  animation-name: rubberBand
}

.ui-scale-0,
.ui-scale-1,
.ui-scale-2,
.ui-scale-3,
.ui-scale-4 {
  position: relative;
  overflow: hidden;
}
.ui-scale-0 img,
.ui-scale-1 img,
.ui-scale-2 img,
.ui-scale-3 img,
.ui-scale-4 img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.ui-scale-0 {
  padding: 0 0 100% 0 !important;
}
.ui-scale-1 {
  padding: 0 0 75% 0 !important;
}
.ui-scale-2 {
  padding: 0 0 133% 0 !important;
}
.ui-scale-3 {
  padding: 0 0 56% 0 !important;
}
.ui-scale-4 {
  padding: 0 0 180% 0 !important;
}
.ui-column-2 {
  width: 50% !important;
}
.ui-column-3 {
  width: 33.33% !important;
}
.ui-column-4 {
  width: 25% !important;
}
.ui-column-5 {
  width: 20% !important;
}
.ui-column-6 {
  width: 16.66% !important;
}
.jz-config-form {
  position: relative;
  height: 560px;
  margin: -30px -20px;
}
.jz-config-form .el-tabs {
  position: relative;
  height: 100%;
}
.jz-config-form .el-tabs__nav-wrap::after {
  width: 1px;
}
.jz-config-form .el-tabs__header {
  width: 120px;
  margin-right: 0;
}
.jz-config-form .el-tabs__active-bar {
  left: 0;
  right: 0;
  width: 5px;
  transition: 0ms;
  background: #ffffff;
}
.jz-config-form .el-tabs__item {
  height: 60px;
  line-height: 60px;
}
.jz-config-form .el-tabs__active-bar + .el-tabs__item {
  border-top: 0;
}
.jz-config-form .is-active {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #fff;
}
.jz-config-form .el-tabs__content {
  padding: 5px 15px 15px;
  height: 100%;
}
.jz-config-form .el-tab-pane {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 15px 0 0;
}
.jz-config-form .el-tab-pane > div {
  padding: 10px 0 20px;
}
.jz-config-form .ue-transfer .el-transfer-panel {
  width: 196px;
  padding: 10px;
}
.jz-config-pc {
  position: relative;
  margin: -30px -20px -40px -20px;
  border-top: 1px solid #dddddd;
}
.jz-config-pc .main {
  position: relative;
}
.jz-config-pc .el-tabs {
  height: 463px;
}
.jz-config-pc .el-tabs__nav-wrap::after {
  width: 1px !important;
}
.jz-config-pc .el-tabs__header {
  width: 120px;
  margin-right: 0;
}
.jz-config-pc .el-tabs__active-bar {
  left: 0;
  right: 0;
  width: 5px;
  transition: 0ms;
  background: #ffffff;
}
.jz-config-pc .el-tabs__item {
  height: 60px;
  line-height: 60px;
}
.jz-config-pc .el-tabs__active-bar + .el-tabs__item {
  border-top: 0;
}
.jz-config-pc .is-active {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #fff;
}
.jz-config-pc .el-tabs__content {
  padding: 5px 15px 15px;
  height: 100%;
}
.jz-config-pc .el-tab-pane {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 15px 0 0;
}
.jz-config-pc .el-tab-pane > div {
  padding: 10px 0 20px;
}
.jz-config-pc .ue-transfer .el-transfer-panel {
  width: 196px;
  padding: 10px;
}
.jz-config-pc .table {
  position: relative;
  padding: 20px 30px;
}
.jz-config-pc .side {
  position: absolute;
  left: 10px;
  bottom: 15px;
  width: 100px;
  z-index: 1;
}
.jz-config-pc .group {
  padding: 10px 0 15px;
  border-bottom: 1px solid #eee;
}
.jz-config-pc .group:first-child {
  padding-top: 0;
}
.jz-config-pc .group:last-child {
  border-bottom: 0;
}
.jz-config-pc .group .rows {
  position: relative;
}
.jz-config-pc .group .rows .label {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 28px;
  width: 100px;
  padding: 0 10px 0 0;
  text-align: right;
}
.jz-config-pc .group .rows2 {
  position: relative;
  padding: 0 0 10px 0;
}
.jz-config-pc .group .rows2 .label {
  line-height: 40px;
}
.jz-config-pc .group .rows-item {
  position: relative;
  margin: 0 0 15px;
}
.jz-config-pc .group .rows-item::after {
  content: '';
  display: block;
  clear: both;
}
.jz-config-pc .group .rows-item2 {
  position: relative;
  margin: 0 0 30px 60px;
}
.jz-config-pc .group .rows-item2 .rows-label {
  float: none;
  text-align: left;
}
.jz-config-pc .group .rows-item2 .rows-content {
  margin: 0;
}
.jz-config-pc .group .rows-label {
  float: left;
  line-height: 32px;
  width: 120px;
  padding: 0 10px 0 0;
  text-align: right;
  box-sizing: border-box;
}
.jz-config-pc .group .rows-label:after {
  content: '';
  display: block;
  clear: both;
}
.jz-config-pc .group .rows-content {
  margin: 0 0 0 120px;
}
.jz-config-pc .group .rows-content > .inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.jz-config-pc .group .rows-content > .block {
  display: block;
}
.jz-config-pc .group .rows-content:after {
  content: '';
  display: block;
  clear: both;
}
.jz-config-pc .confog {
  position: relative;
  text-align: center;
  padding: 0 0 30px;
}
.jz-config-pc .confog .el-button {
  width: 100%;
  border: 1px dashed #ccc;
  border-radius: 0;
}
.jz-config-pc-foot {
  margin: 0 -20px 0;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
  text-align: center;
}
.jz-config-pc-foot .el-button {
  padding: 9px 30px;
}
.jz-shadow {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #000;
  filter: alpha(opacity=50);
  background: rgba(0, 0, 0, 0.5);
}
.radio-icon {
  display: block;
  width: 62px;
  height: 50px;
  background: url(../../static/img/config-icon.png?hash=87143f8a) 0 0 no-repeat;
}
.radio-icon.radio-article-0 {
  background-position: 0 -630px;
}
.radio-icon.radio-article-1 {
  background-position: 0 -700px;
}
.radio-icon.radio-article-2 {
  background-position: 0 -770px;
}
.radio-icon.radio-article-3 {
  background-position: 0 -840px;
}
.radio-icon.radio-article-4 {
  background-position: 0 -910px;
}
.radio-icon.radio-article-5 {
  background-position: 0 -980px;
}
.radio-icon.radio-article-6 {
  background-position: 0 -1050px;
}
.radio-icon.radio-article-7 {
  background-position: 0 -1120px;
}
.radio-icon.radio-article-8 {
  background-position: 0 -1190px;
}
.radio-icon.radio-article-9 {
  background-position: 0 0;
}
.radio-icon.radio-article-10 {
  background-position: 0 -70px;
}
.radio-icon.radio-article-11 {
  background-position: 0 -140px;
}
.radio-icon.radio-article-12 {
  background-position: 0 -210px;
}
.radio-icon.radio-article-13 {
  background-position: 0 -280px;
}
.radio-icon.radio-article-14 {
  background-position: 0 -350px;
}
.radio-icon.radio-article-15 {
  background-position: 0 -420px;
}
.radio-icon.radio-article-16 {
  background-position: 0 -490px;
}
.radio-icon.radio-article-17,
.radio-icon.radio-product-9 {
  background-position: -100px -700px;
}
.radio-icon.radio-product-0 {
  background-position: -100px -560px;
}
.radio-icon.radio-product-1 {
  background-position: -100px -630px;
}
.radio-icon.radio-product-2 {
  background-position: -100px 0;
}
.radio-icon.radio-product-3 {
  background-position: -100px -70px;
}
.radio-icon.radio-product-4 {
  background-position: -100px -140px;
}
.radio-icon.radio-product-5 {
  background-position: -100px -420px;
}
.radio-icon.radio-product-6 {
  background-position: 0 -1050px;
}
.radio-icon.radio-product-7 {
  background-position: -100px -490px;
}
.radio-icon.radio-product-8 {
  background-position: 0 -1190px;
}
.radio-icon.radio-article-18,
.radio-icon.radio-product-10 {
  background-position: -700px -210px;
}
.radio-icon.radio-mulcolNumber-2 {
  background-position: -200px 0;
}
.radio-icon.radio-mulcolNumber-3 {
  background-position: -200px -70px;
}
.radio-icon.radio-mulcolNumber-4 {
  background-position: -200px -140px;
}
.radio-icon.radio-mulcolNumber-5 {
  background-position: -200px -210px;
}
.radio-icon.radio-navigationFormat-1 {
  background-position: -300px 0;
}
.radio-icon.radio-navigationFormat-2 {
  background-position: -300px -140px;
}
.radio-icon.radio-navigationFormat-3 {
  background-position: -300px -280px;
}
.radio-icon.radio-navigationLayout-0 {
  background-position: -500px 0;
}
.radio-icon.radio-navigationLayout-2 {
  background-position: -500px -140px;
}
.radio-icon.radio-manyImageFormat-3 {
  background-position: -700px 0;
}
.radio-icon.radio-manyImageFormat-4 {
  background-position: -700px -70px;
}
.radio-icon.radio-manyImageFormat-5 {
  background-position: -700px -140px;
}
.radio-icon.radio-manyImageFormat-6 {
  background-position: -700px -210px;
}
.radio-icon.radio-search-0 {
  background-position: -800px 0;
}
.radio-icon.radio-search-1 {
  background-position: -800px -140px;
}
.vdr {
  z-index: 999;
  box-sizing: border-box;
  border: none;
}
.vdr.active {
  z-index: 99 !important;
}
.vdr .handle {
  border-radius: 50%;
  background: #ffffff;
  border-color: #d6d6d6;
  z-index: 99;
}
.vdr .handle.handle-tl {
  top: -4px;
  left: -4px;
  cursor: nw-resize;
}
.vdr .handle.handle-tm {
  top: -4px;
  left: 50%;
  margin-left: -4px;
  cursor: n-resize;
}
.vdr .handle.handle-tr {
  top: -4px;
  right: -4px;
  cursor: ne-resize;
}
.vdr .handle.handle-ml {
  top: 50%;
  margin-top: -4px;
  left: -4px;
  cursor: w-resize;
}
.vdr .handle.handle-mr {
  top: 50%;
  margin-top: -4px;
  right: -4px;
  cursor: e-resize;
}
.vdr .handle.handle-bl {
  bottom: -4px;
  left: -4px;
  cursor: sw-resize;
}
.vdr .handle.handle-bm {
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  cursor: s-resize;
}
.vdr .handle.handle-br {
  bottom: -4px;
  right: -4px;
  cursor: se-resize;
}
.ui-operation {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 99;
  display: none;
}
.ui-operation.outline {
  top: -55px;
}
.ui-operation ul {
  position: relative;
  bottom: 0;
  height: 24px;
  padding: 11px 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  white-space: nowrap;
}
.ui-operation li {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.ui-operation .line {
  width: 10px;
  height: 24px;
  border-left: 1px solid #eeeeee;
}
.ui-operation .text {
  padding: 0 15px;
  cursor: pointer;
}
.ui-operation .text i {
  font-style: normal;
}
.ui-operation .text:hover {
  color: #409eff;
}
.ui-operation .icon {
  padding: 0 5px;
  cursor: pointer;
}
.ui-operation .icon:hover {
  color: #409eff;
}
.ui-operation .rank {
  cursor: move;
}
#jz-district .ui-item:hover > .ui-operation {
  display: block !important;
}
#jz-district .ui-item.resizable.active .ui-operation {
  display: block !important;
}
.ui-control-layout {
  margin: 0 auto;
  position: relative;
}
/*************************
* pc
************************/
.ue-tips {
  display: inline-block;
  vertical-align: middle;
}
.ue-tips::before {
  color: #bbb;
  cursor: pointer;
}
.ue-tips p {
  padding: 10px 0 0 0;
  line-height: 20px;
  color: #999999;
}
.ue-oprate {
  position: relative;
  margin: 0 0 10px;
  overflow: hidden;
}
.ue-oprate .r {
  float: right;
}
.ue-label {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  margin: 0 10px 0 0;
}
.ue-txt {
  position: relative;
  width: 200px;
}
.ue-txt.inline {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  margin: 0 10px 0 0;
}
.ue-txt .el-input {
  width: 100%;
}
.ue-txt input {
  width: 100%;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #666;
}
.ue-txt2 {
  position: relative;
}
.ue-txt2 .el-input {
  width: 70px;
}
.ue-txt2 input {
  width: 100%;
  padding: 0 0;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #666;
  text-align: center;
}
.ue-select {
  position: relative;
}
.ue-select .inn {
  float: right;
  margin: 11px 0 0 0;
}
.ue-select .el-select {
  width: 200px;
}
.ue-select .other {
  padding: 5px 8px;
  cursor: pointer;
}
.ue-color {
  display: block;
}
.ue-color .fonts {
  display: inline-block;
  vertical-align: 10px;
  margin: 0 10px 0 0;
}
.ue-color.inline {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10 0 0;
  height: 32px;
}
.ue-color.inline .el-color-picker__trigger {
  border: 0;
  transform: scale(0.8) translateX(-10px);
}
.ue-color.inline .el-color-picker__color,
.ue-color.inline .el-color-picker__color-inner {
  border-radius: 50%;
}
.ue-add {
  position: relative;
}
.ue-add button {
  width: 100%;
}
.ue-links {
  position: relative;
}
.ue-links .thead {
  overflow: hidden;
  position: relative;
}
.ue-links .thead li {
  float: left;
  margin: 0 5px 0 0;
  line-height: 30px;
}
.ue-links .item {
  margin: 0 0 5px;
}
.ue-radio {
  position: relative;
  line-height: 32px;
}
.ue-radio .md1 {
  overflow: hidden;
  display: block;
}
.ue-radio .md1 label {
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0 0 0;
}
.ue-radio .md2 {
  overflow: hidden;
  display: block;
}
.ue-radio .md2 label {
  float: left;
  width: 50%;
  height: 28px;
  line-height: 28px;
  margin: 0 0 0;
}
.ue-radio .md3 {
  overflow: hidden;
  display: block;
}
.ue-radio .md3 label {
  float: left;
  width: 33.33%;
  height: 28px;
  line-height: 28px;
  margin: 0 0 0;
}
.ue-radio3 {
  position: relative;
}
.ue-radio3 .inn {
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  margin: 0 0 -10px -7px;
}
.ue-radio3 .inn .el-radio-group {
  margin: 0 0 -15px;
}
.ue-radio3 .el-radio {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  width: auto;
  margin: 0 7px 15px;
}
.ue-radio3 .el-radio__input {
  display: none;
}
.ue-radio3 .el-radio.is-checked,
.ue-radio3 .el-radio:hover {
  border-color: #155bd4;
}
.ue-radio3 .el-radio.is-checked .el-radio__label::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 24px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzg1RTcyNDE1RjVBMTFFQUFDODNGQjNCMDcxRjVCQjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg1RTcyNDI1RjVBMTFFQUFDODNGQjNCMDcxRjVCQjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDODVFNzIzRjVGNUExMUVBQUM4M0ZCM0IwNzFGNUJCOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDODVFNzI0MDVGNUExMUVBQUM4M0ZCM0IwNzFGNUJCOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqOet4AAAADnSURBVHjaYvz//z8DuSCy9CYPkHIEYksg1gFiFSCWAGJBIP4HxB9YyDCUEUh5AXEyEHsCMQcOpUxALMRCosEhQFwNxPrE6mMh0nCQ12dBg4MkwESE4dFA6jw5huP1ATRImqFBQjZgwmP4dFIMX96tTlIQtQFxOqmGY7OECUeYV5DjcqBe/BYAFSgDqZnEBgMhw7H5ABTu3MQEAzGGgwAjrKgAKgoCUmtJjUh8hsN9AFQEohuJyBMkGY4cRK7QwoqBWEuIMRzZghQSCzyi1TLf/BoJitQ5xJZL5ORkezxFLtUsoBkACDAAhZJG9BUUm5UAAAAASUVORK5CYII=);
}
.ue-radio3 .el-radio__label {
  display: block;
  padding: 3px;
}
.ue-radio3 .el-radio__label img {
  display: block;
  width: 100%;
}
.ue-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ue-checkbox .new {
  color: red;
  font-size: 12px;
  font-style: normal;
  text-transform: uppercase;
  transform: translate(5px, -5px);
}
.ue-slider {
  position: relative;
  width: 190px;
  padding: 0 8px;
}
.ue-slider .inn {
  position: relative;
  padding: 6px 0 0 6px;
}
.ue-slider .el-slider__input {
  width: 50px;
}
.ue-slider .el-input .el-input__inner {
  padding: 0;
}
.ue-slider .el-input-number__decrease,
.ue-slider .el-input-number__increase {
  display: none;
}
.ue-slider .el-slider__runway.show-input {
  margin-right: 75px;
}
.ue-tag {
  position: relative;
}
.ue-tag .el-tag {
  margin: 0 10px 10px 0;
}
.ue-tag .input {
  width: 90px;
}
.ue-group {
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 1em;
  min-height: 150px;
  border-radius: 3px;
}
.ue-transfer {
  position: relative;
}
.ue-transfer .el-transfer-panel {
  padding: 15px;
}
.ue-transfer .el-transfer-panel__header {
  display: none;
}
.ue-transfer .el-transfer-panel__filter {
  display: none;
  margin: 0 0 10px;
}
.ue-transfer .el-transfer-panel__filter .el-input__inner {
  border-radius: 3px;
}
.ue-transfer .el-transfer-panel:first-child .el-transfer-panel__filter {
  display: block;
}
.ue-transfer .el-transfer-panel__item {
  padding-left: 0;
}
.ue-transfer .el-transfer-panel__item .el-checkbox__input {
  visibility: hidden;
}
.ue-transfer .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  padding-left: 0;
}
.ue-image {
  position: relative;
  margin: 10px 0;
}
.ue-image .item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  margin: 0 10px 0 0;
}
.ue-image .fonts {
  display: inline-block;
  vertical-align: 20px;
  margin: 0 10px 0 0;
}
.ue-image .cell {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 70px;
  height: 70px;
  background: #eee;
  margin: 0 0 3px;
}
.ue-image .img {
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
}
.ue-image .img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.ue-image .cell span.edit {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 5;
  background: #155bd4;
  color: #fff;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}
.ue-image .cell span.del {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: #ff3333;
  border-radius: 50%;
  color: #fff;
  visibility: hidden;
}
.ue-image .cell:hover {
  border-color: #ddd;
}
.ue-image .cell:hover span {
  visibility: visible;
}
.ue-imglist {
  position: relative;
}
.ue-imglist .item {
  position: relative;
  border: 1px solid transparent;
  margin: 0 0 10px;
  background: #fff;
}
.ue-imglist .inner {
  position: relative;
  height: 70px;
  padding: 0 20px 0 0;
}
.ue-imglist .cell {
  float: left;
  width: 70px;
  position: relative;
  margin: 0 7px 0 0;
  background: #eee;
  cursor: pointer;
}
.ue-imglist .img {
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
}
.ue-imglist .img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.ue-imglist .cell span.edit {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 5;
  background: #155bd4;
  color: #fff;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}
.ue-imglist .cell span.del {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: #ff3333;
  border-radius: 50%;
  color: #fff;
  visibility: hidden;
}
.ue-imglist .cell:hover span {
  visibility: visible;
}
.ue-imglist .txt {
  float: left;
  width: 300px;
  margin: 0 0 7px 0;
}
.ue-imglist .select {
  float: left;
  width: 160px;
}
.ue-imglist .handle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 2px;
  cursor: move;
}
.ue-imglist .handle img {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.5;
}
.ue-imglist .delete {
  position: absolute;
  right: 0;
  bottom: 15px;
  padding: 2px 2px;
  cursor: pointer;
  display: none;
}
.ue-imglist .delete img {
  display: block;
  width: 16px;
  height: 16px;
  opacity: 0.5;
}
.ue-imglist .item:hover .delete {
  display: block;
}
.ue-table {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
}
.ue-table-head {
  position: relative;
}
.ue-table-head ul {
  overflow: hidden;
  background: #f8f9fb;
  padding: 15px 0;
}
.ue-table-head li {
  float: left;
}
.ue-table-head li span,
.ue-table-head li i {
  display: block;
  line-height: 20px;
  text-align: center;
  position: relative;
  color: #333;
}
.ue-table-head li i {
  text-align: left;
  font-style: normal;
  padding-left: 20px;
}
.ue-table-head li span::before,
.ue-table-head li i::before {
  content: '';
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -9px 0 0 0;
  border-left: 1px solid #e1e1e1;
}
.ue-table-head li:first-child span::before,
.ue-table-head li:first-child i::before {
  content: none;
}
.ue-table-body {
  position: relative;
  max-height: 300px;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
}
.ue-table-body ul {
  position: relative;
}
.ue-table-body .item {
  position: relative;
  overflow: hidden;
}
.ue-table-body .item:nth-child(even) {
  background: #f8f9fb;
}
.ue-table-body .rows {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}
.ue-table-body .cols {
  float: left;
  height: 30px;
}
.ue-table-body .thum {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  top: -5px;
  z-index: 2;
}
.ue-table-body .thum .img {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.ue-table-body .thum img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.ue-table-body .thum span.edit {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 5;
  background: #155bd4;
  color: #fff;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}
.ue-table-body .thum span.del {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: #ff3333;
  border-radius: 50%;
  color: #fff;
  visibility: hidden;
}
.ue-table-body .thum:hover span {
  visibility: visible;
}
.ue-table-body .font {
  margin: 0 20px;
  line-height: 40px;
}
.ue-table-body .text {
  margin: 0 10px 0;
}
.ue-table-body .text .txt {
  position: relative;
}
.ue-table-body .text .el-input__inner {
  border-color: transparent;
  background: none;
  padding: 0 10px;
  text-align: center;
}
.ue-table-body .text.left .el-input__inner {
  text-align: left;
}
.ue-table-body .text .el-input__inner:focus {
  border-color: #ddd;
}
.ue-table-body .le-title .el-input__inner {
  border: 0;
  background: none;
}
.ue-table-body .color {
  text-align: center;
}
.ue-table-body .select {
  padding: 0 20px;
}
.ue-table-body .control {
  position: relative;
  text-align: center;
  white-space: nowrap;
  line-height: 0;
  padding: 5px 0 0;
}
.ue-table-body .control .icon {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  margin: 0 8px;
  cursor: pointer;
}
.ue-table-body .control .icon i:hover {
  color: #155bd4;
}
.ue-table-body .control .icon img {
  display: block;
  width: 16px;
  height: 16px;
}
.ue-table-body .control .handler {
  cursor: move;
}
.ue-table2 {
  position: relative;
  border: 1px solid #eee;
  margin: 0 0 20px;
}
.ue-table2 .el-table__header th {
  background: #f9f9f9;
}
.ue-table2 .el-table__header .cell {
  color: #333;
}
.ue-table2 .el-table__body {
  position: relative;
}
.ue-table2 .el-table__body .icon {
  height: 40px;
  line-height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
}
.ue-table2 .el-table__body .image {
  height: 60px;
  line-height: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
}
.ue-table2 .el-table__body .url {
  display: block;
  line-height: 14px;
  font-size: 12px;
}
.ue-font {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
}
.ue-font .el-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.ue-font .el-checkbox__input {
  display: none;
}
.ue-font .el-checkbox__label {
  padding-left: 0;
}
.ue-font .el-checkbox .cms-icon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 5px 0 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 16px;
  color: #50606c;
  cursor: pointer;
}
.ue-font .el-checkbox:hover {
  background-color: #f2f5fd;
}
.ue-font .el-checkbox.is-checked {
  background-color: #e4eafa;
}
.ue-lock {
  position: relative;
}
.ue-lock .el-checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.ue-lock .el-checkbox__input {
  display: none;
}
.ue-lock .el-checkbox__label {
  padding-left: 0;
}
.ue-lock .el-checkbox .cms-icon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 5px 0 0;
  width: 22px;
  height: 22px;
  font-size: 18px;
  color: #155bd4;
  cursor: pointer;
}
.ue-lock .el-checkbox:hover .cms-icon {
  color: #ffa200;
}
.ue-lock .el-checkbox.is-checked .cms-icon {
  color: #ffa200;
}
.ue-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ue-img .ue-img-inner {
  position: relative;
  width: auto;
  display: inline-block;
  left: 50%;
  height: 100%;
}
.ue-img .ue-img-cell {
  position: relative;
  display: inline-block;
  height: 100%;
  right: 50%;
  display: block;
}
.ue-img img {
  position: relative;
  display: block;
  /* width: 1920px; */
  height: 100%;
}
.ue-img h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 15px;
  line-height: 20px;
  font-size: 16px;
  background: #000000;
  filter: alpha(opacity=60);
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  text-align: center;
}
.ue-img h3:empty {
  display: none;
}
.ue-keywords {
  position: relative;
  overflow: hidden;
}
.ue-keywords ul {
  margin: 0 -5px;
  overflow: hidden;
}
.ue-keywords li {
  float: left;
  width: 170px;
  margin: 5px;
}
.ue-keywords .el-input__inner {
  border-radius: 2px;
  padding: 10px;
}
.ue-notice {
  position: relative;
  margin: 0 0 0 25px;
  padding: 5px 0;
  border-top: 1px dashed #dddddd;
}
.ue-notice p {
  line-height: 24px;
  color: #666666;
}
.ue-number.nob [role="button"] {
  display: none;
}
.ue-number.nob .el-input__inner {
  padding-right: 15px !important;
  text-align: left;
}
/*************************
* h5 + app
************************/
#jz-config .config-tabs {
  position: relative;
  padding: 25px 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#jz-config .config-tabs h2 {
  line-height: 30px;
  font-size: 18px;
  color: #000;
}
#jz-config .config-tabs p {
  line-height: 20px;
  font-size: 12px;
  color: #999;
  padding: 5px 0 0;
}
#jz-config .config-data {
  position: relative;
  padding: 15px;
  background: #f9f9f9;
  overflow: hidden;
}
#jz-config .config-box {
  padding: 15px 15px 0;
  background: #fff;
}
#jz-config .config-box .group {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
#jz-config .config-box .group:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#jz-config .config-box .rows {
  min-height: 50px;
  position: relative;
  padding: 0 0 0 70px;
  margin: 0 5px;
}
#jz-config .config-box .rows2 {
  height: auto;
  position: relative;
  padding: 40px 0 0 0;
  margin: 0 5px;
}
#jz-config .config-box .rows3 {
  background: #f9f9f9;
  padding: 15px 5px;
}
#jz-config .config-box .label {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 50px;
  white-space: nowrap;
  z-index: 2;
}
#jz-config .config-box .label label,
#jz-config .config-box .label span {
  display: inline-block;
  vertical-align: middle;
  color: #999;
}
#jz-config .config-box .label label {
  width: auto;
}
#jz-config .config-box .label span {
  color: #333;
  margin: 0 0 0 1em;
}
#jz-config .config-box .rows2 .label label {
  color: #333;
}
#jz-config .config-box .group:first-child .rows:first-child,
#jz-config .config-box .group:first-child .rows2:first-child,
#jz-config .config-box .group:first-child .rows3:first-child {
  margin-top: -20px;
}
.uc-checkbox {
  position: relative;
  height: 50px;
}
.uc-checkbox .inn {
  float: right;
  margin: 12px 0 0 0;
}
.uc-checkbox .inn .el-checkbox__inner {
  transform: scale(1.3);
}
.uc-radio {
  position: relative;
  height: 50px;
}
.uc-radio .inn {
  float: right;
  margin: 9px 0 0;
  position: relative;
}
.uc-radio .inn2 {
  margin: 9px 0 0;
  position: relative;
}
.uc-radio .icon {
  display: block;
  width: 40px;
  overflow: hidden;
  position: relative;
}
.uc-radio .icon:before {
  content: '';
  display: block;
  position: relative;
  left: 50%;
  margin: 0 0 0 -25px;
  width: 50px;
  height: 30px;
  background: url(../../static/img/radio-icon.png?hash=e61c0f13) -100px 0 no-repeat;
  filter: grayscale(100%);
  opacity: 0.5;
}
.uc-radio .text {
  display: block;
  width: 50px;
  line-height: 30px;
}
.uc-radio label.is-active .icon:before {
  filter: grayscale(0);
  opacity: 1;
}
.uc-radio label .el-radio-button__inner {
  padding: 0;
}
.uc-radio label.is-active .el-radio-button__inner {
  background: #e0edff;
  color: #155bd4;
}
.uc-radio .radio-menu-top:before {
  background-position: 0 0;
}
.uc-radio .radio-menu-left:before {
  background-position: -50px 0;
}
.uc-radio .radio-skin-1:before {
  background-position: 0 -30px;
}
.uc-radio .radio-skin-2:before {
  background-position: -50px -30px;
}
.uc-radio .radio-skin-3:before {
  background-position: -100px -30px;
}
.uc-radio .radio-menu-normal:before {
  background-position: 0 -60px;
}
.uc-radio .radio-menu-fixed:before {
  background-position: -50px -60px;
}
.uc-radio .radio-column-1:before {
  background-position: 0 -90px;
}
.uc-radio .radio-column-2:before {
  background-position: -50px -90px;
}
.uc-radio .radio-column-3:before {
  background-position: -100px -90px;
}
.uc-radio .radio-column-4:before {
  background-position: -150px -90px;
}
.uc-radio .radio-column-5:before {
  background-position: -200px -90px;
}
.uc-radio .radio-column-6:before {
  background-position: -250px -90px;
}
.uc-radio .radio-radius-1:before {
  background-position: 0 -120px;
}
.uc-radio .radio-radius-2:before {
  background-position: -50px -120px;
}
.uc-radio .radio-scale-1:before {
  background-position: 0 -150px;
}
.uc-radio .radio-scale-2:before {
  background-position: -50px -150px;
}
.uc-radio .radio-scale-3:before {
  background-position: -100px -150px;
}
.uc-radio .radio-scale-4:before {
  background-position: -150px -150px;
}
.uc-radio .radio-scale-5:before {
  background-position: -200px -150px;
}
.uc-radio .radio-imgfill-1:before {
  background-position: 0 -180px;
}
.uc-radio .radio-imgfill-2:before {
  background-position: -50px -180px;
}
.uc-radio .radio-textstyle-1:before {
  background-position: 0 -210px;
}
.uc-radio .radio-textstyle-2:before {
  background-position: -50px -210px;
}
.uc-radio .radio-textalign-1:before {
  background-position: 0 -240px;
}
.uc-radio .radio-textalign-2:before {
  background-position: -50px -240px;
}
.uc-radio .radio-textalign-3:before {
  background-position: -100px -240px;
}
.uc-radio .radio-buttonFormat-1:before {
  background-position: 0 -270px;
}
.uc-radio .radio-buttonFormat-2:before {
  background-position: -50px -270px;
}
.uc-radio .radio-newsFormat-1:before {
  background-position: 0 -300px;
}
.uc-radio .radio-newsFormat-2:before {
  background-position: -50px -300px;
}
.uc-radio .radio-newsFormat-3:before {
  background-position: -100px -300px;
}
.uc-radio .radio-newsFormat-4:before {
  background-position: -150px -300px;
}
.uc-radio .radio-newsFormat-5:before {
  background-position: -200px -300px;
}
.uc-radio .radio-newsFormat-6:before {
  background-position: -250px -300px;
}
.uc-radio .radio-couponFormat-1:before {
  background-position: 0 -330px;
}
.uc-radio .radio-couponFormat-2:before {
  background-position: -50px -330px;
}
.uc-radio .radio-couponFormat-3:before {
  background-position: -100px -330px;
}
.uc-radio .radio-couponFormat-4:before {
  background-position: -150px -330px;
}
.uc-radio .radio-searchFormat-1:before {
  background-position: 0 -360px;
}
.uc-radio .radio-searchFormat-2:before {
  background-position: -50px -360px;
}
.uc-radio .radio-searchFormat-3:before {
  background-position: -100px -360px;
}
.uc-radio .radio-searchFormat-4:before {
  background-position: -150px -360px;
}
.uc-radio .radio-buttonStyle-1:before {
  background-position: 0 -390px;
}
.uc-radio .radio-buttonStyle-2:before {
  background-position: -50px -390px;
}
.uc-radio2 {
  position: relative;
}
.uc-radio2 .inn {
  padding: 9px 0 0;
  position: relative;
  overflow: hidden;
}
.uc-radio2 .el-radio {
  width: 70px;
  margin: 0 10px 15px 0;
}
.uc-radio2 .text {
  white-space: nowrap;
}
.uc-radio3 {
  position: relative;
}
.uc-radio3 .inn {
  position: relative;
  padding: 10px 0;
  overflow: hidden;
}
.uc-radio3 .el-radio-group {
  margin: 0 -15px;
}
.uc-radio3 .el-radio {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  width: 125px;
  margin: 0 0 15px 15px;
}
.uc-radio3 .el-radio-group.x3 .el-radio {
  width: 77px;
}
.uc-radio3 .el-radio__input {
  display: none;
}
.uc-radio3 .el-radio.is-checked {
  border-color: #155bd4;
}
.uc-radio3 .el-radio__label {
  display: block;
  padding: 3px;
}
.uc-radio3 .el-radio__label img {
  display: block;
  width: 100%;
}
.uc-radio4 {
  position: relative;
}
.uc-radio4 .inn {
  position: relative;
  padding: 13px 0;
  overflow: hidden;
}
.uc-radio4 .el-radio-group {
  float: right;
}
.uc-radio4 .el-radio {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 0 0 10px;
}
.uc-radio4 .el-radio__input {
  display: none;
}
.uc-radio4 .el-radio.is-checked {
  border-color: #155bd4;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
.uc-radio4 .el-radio__label {
  display: block;
  padding: 3px;
}
.uc-radio4 .el-radio__label img {
  display: block;
  width: 100%;
}
.uc-slider {
  position: relative;
}
.uc-slider .inn {
  position: relative;
  padding: 6px 0 0 6px;
}
.uc-slider .el-slider__input {
  width: 50px;
}
.uc-slider .el-input .el-input__inner {
  padding: 0;
}
.uc-slider .el-input-number__decrease,
.uc-slider .el-input-number__increase {
  display: none;
}
.uc-slider .el-slider__runway.show-input {
  margin-right: 75px;
}
.uc-color {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.uc-color .inn {
  position: relative;
  float: right;
  margin: 11px 0 0 0;
}
.uc-color .el-color-picker__trigger {
  width: 50px;
}
.uc-select {
  position: relative;
  height: 50px;
}
.uc-select .inn {
  position: relative;
  float: right;
  margin: 11px 0 0;
}
.uc-select .inn .el-select {
  width: 120px;
}
.uc-number {
  position: relative;
  height: 50px;
}
.uc-number .inn {
  position: relative;
  float: right;
  margin: 11px 0 0;
}
.uc-number .inn .el-input-number {
  width: 60px;
}
.config-line i {
  display: block;
  height: 10px;
  background: #f5f5f5;
}
.uc-text {
  position: relative;
  height: 50px;
}
.uc-text .inn {
  position: relative;
  float: right;
  margin: 11px 0 0;
}
.uc-text .inn .el-input {
  width: 120px;
}
.uc-text .inn .el-input .el-input__inner {
  text-align: center;
}
.uc-text2 {
  position: relative;
  height: 50px;
}
.uc-text2 .inn {
  position: relative;
  float: right;
  margin: 11px 0 0;
  line-height: 0;
}
.uc-text2 .inn .el-input {
  width: 50px;
}
.uc-text2 .inn .el-input .el-input__inner {
  padding: 0;
  text-align: center;
}
.uc-text2 .cms-icon {
  color: #155bd4;
  margin: 0 8px;
  font-size: 18px;
  vertical-align: middle;
}
.uc-text3 {
  position: relative;
}
.uc-text3 .inn {
  position: relative;
  margin: 10px 0 0;
}
.uc-text3 .inn .el-input {
  width: 100%;
}
.uc-text3 .inn .el-input .el-input__inner {
  padding: 0 10px;
  text-align: left;
}
.uc-richtext {
  position: relative;
  padding: 10px 0 0;
}
.uc-tag {
  position: relative;
}
.uc-tag .inn {
  margin: 0 0 -15px;
}
.uc-tag .el-tag {
  margin: 0 10px 10px 0;
}
.uc-tag .input {
  width: 90px;
}
.uc-link {
  position: relative;
  height: 50px;
}
.uc-link .inn {
  position: relative;
  float: right;
  margin: 11px 0 0;
}
.uc-image {
  position: relative;
}
.uc-image .list {
  display: inline-block;
  padding: 8px 8px 0 0;
}
.uc-image .list::after {
  content: '';
  clear: both;
  display: block;
  line-height: 0;
  font-size: 0;
}
.uc-image .item {
  position: relative;
  float: left;
  width: 70px;
  margin: 0 20px 0 0;
}
.uc-image .cell {
  position: relative;
  width: 70px;
  height: 70px;
  background: #eee;
  margin: 0 0 3px;
}
.uc-image .img {
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
}
.uc-image .img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.uc-image .cell span.edit {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 5;
  background: #155bd4;
  color: #fff;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}
.uc-image .cell span.del {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: #ff3333;
  border-radius: 50%;
  color: #fff;
  visibility: hidden;
}
.uc-image .txt .el-input__inner {
  height: 24px;
  line-height: 24px;
  border-color: transparent;
  padding: 0 5px;
  border-radius: 3px;
  text-align: center;
}
.uc-image .txt .el-input__inner:focus {
  border-color: #409eff;
}
.uc-image .cell:hover {
  border-color: #ddd;
}
.uc-image .cell:hover span {
  visibility: visible;
}
.uc-image .tip {
  color: #999;
  line-height: 16px;
  font-size: 12px;
  margin: 0 0 8px;
}
.uc-image .tip.horizontal {
  display: inline-block;
  vertical-align: super;
  line-height: 30px;
}
.uc-image.rl {
  text-align: right;
}
.uc-image.rl .list {
  padding: 8px 0 0 8px;
}
.uc-image.rl .item {
  margin: 0 0 0 20px;
}
.uc-imgtext {
  position: relative;
}
.uc-imgtext .list {
  position: relative;
}
.uc-imgtext .item {
  position: relative;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 15px;
  margin: 0 0 10px;
  overflow: hidden;
}
.uc-imgtext .cell {
  position: relative;
  float: left;
  width: 70px;
  height: 70px;
  background: #eee;
}
.uc-imgtext .img {
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
}
.uc-imgtext .img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.uc-imgtext .cell span.edit {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 5;
  background: #155bd4;
  color: #fff;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}
.uc-imgtext .cell span.del {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: #ff3333;
  border-radius: 50%;
  color: #fff;
  visibility: hidden;
}
.uc-imgtext .word {
  margin: 0 0 0 80px;
}
.uc-imgtext .txt {
  margin: 0 0 5px;
}
.uc-imgtext .control {
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  overflow: hidden;
}
.uc-imgtext .delete {
  float: left;
  position: relative;
  cursor: pointer;
}
.uc-imgtext .delete img {
  display: block;
  width: 22px;
  height: 22px;
  background: #ff0000;
}
.uc-imgtext .handler {
  float: left;
  position: relative;
  cursor: move;
}
.uc-imgtext .handler img {
  display: block;
  width: 22px;
  height: 22px;
  background: #ffa200;
}
.uc-imgtext .up,
.uc-imgtext .down {
  float: left;
  position: relative;
  margin: 0 3px 0 0;
  cursor: pointer;
}
.uc-imgtext .up i,
.uc-imgtext .down i {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #155bd4;
  color: #fff;
}
.uc-imgtext .down i {
  background: #409eff;
}
.uc-imgtext .cell:hover span,
.uc-imgtext .item:hover .control {
  visibility: visible;
}
.uc-category {
  position: relative;
}
.uc-category .item {
  position: relative;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 15px;
  margin: 0 0 15px;
}
.uc-category .inner {
  zoom: 1;
}
.uc-category .view {
  zoom: 1;
}
.uc-category .animate {
  zoom: 1;
}
.uc-category .row {
  position: relative;
}
.uc-category .txt {
  height: 32px;
  margin: 0 0 5px;
}
.uc-category .control {
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  overflow: hidden;
}
.uc-category .delete {
  float: left;
  position: relative;
  cursor: pointer;
}
.uc-category .delete img {
  display: block;
  width: 18px;
  height: 18px;
  background: #ff0000;
}
.uc-category .handle {
  float: left;
  position: relative;
  cursor: move;
}
.uc-category .handle img {
  display: block;
  width: 18px;
  height: 18px;
  background: #ffa200;
}
.uc-category .item:hover .control {
  visibility: visible;
}
.uc-transfer {
  position: relative;
}
.uc-transfer .el-transfer-panel {
  width: 140px;
  padding: 5px;
}
.uc-transfer .el-transfer-panel:first-child .data-item .title {
  margin: 0 10px 0 0;
}
.uc-transfer .el-transfer__buttons {
  padding: 0 5px;
}
.uc-transfer .el-transfer-panel__header {
  display: none;
}
.uc-transfer .el-transfer-panel__filter {
  display: none;
  margin: 0 0 10px;
}
.uc-transfer .el-transfer-panel__filter .el-input__inner {
  border-radius: 3px;
}
.uc-transfer .el-transfer-panel:first-child .el-transfer-panel__filter {
  display: block;
}
.uc-transfer .el-transfer-panel__item {
  padding-left: 0;
  height: 24px;
  line-height: 24px;
}
.uc-transfer .el-transfer-panel__item .el-checkbox__label {
  line-height: 24px;
}
.uc-transfer .el-transfer-panel__item .el-checkbox__input {
  visibility: hidden;
}
.uc-transfer .el-transfer-panel__item.el-checkbox .el-checkbox__label {
  padding-left: 0;
}
.uc-transfer .data-item {
  position: relative;
}
.uc-transfer .data-item .title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 50px 0 0;
  font-size: 13px;
}
.uc-transfer .data-item .icon {
  position: absolute;
  right: 0;
  top: 0;
}
.uc-transfer .data-item .icon i {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
}
.uc-soure {
  position: relative;
}
.uc-soure .el-radio-group {
  position: relative;
}
.uc-soure .el-radio {
  padding: 6px 0;
  margin: 0 20px 0 10px !important;
}
.uc-coupon {
  position: relative;
}
.uc-coupon .list {
  position: relative;
}
.uc-coupon .item {
  margin: 0 0 10px;
}
.uc-coupon .cell {
  position: relative;
  padding: 10px 15px;
  line-height: 20px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: justify;
}
.uc-coupon .cell:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.uc-button {
  position: relative;
  padding: 10px 0 0;
}
.uc-button button {
  width: 100%;
}
.uc-table {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
}
.uc-table-head {
  position: relative;
}
.uc-table-head ul {
  overflow: hidden;
  background: #f8f9fb;
  padding: 15px 0;
}
.uc-table-head li {
  float: left;
}
.uc-table-head li span,
.uc-table-head li i {
  display: block;
  line-height: 20px;
  text-align: center;
  position: relative;
  color: #333;
}
.uc-table-head li i {
  text-align: left;
  font-style: normal;
  padding-left: 20px;
}
.uc-table-head li span::before,
.uc-table-head li i::before {
  content: '';
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -9px 0 0 0;
  border-left: 1px solid #e1e1e1;
}
.uc-table-head li:first-child span::before,
.uc-table-head li:first-child i::before {
  content: none;
}
.uc-table-body {
  position: relative;
  background: #fff;
}
.uc-table-body ul {
  position: relative;
}
.uc-table-body .item {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}
.uc-table-body .item:nth-child(even) {
  background: #f8f9fb;
}
.uc-table-body .cols {
  float: left;
  height: 40px;
}
.uc-table-body .thum {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.uc-table-body .thum .img {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX////u7u5x8T/JAAAAE0lEQVQI12P4f4CBKMxg/4EYDAAFkR1NiYvv7QAAAABJRU5ErkJggg==) center center repeat;
  position: relative;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.uc-table-body .thum img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.uc-table-body .thum span.edit {
  position: absolute;
  right: -1px;
  bottom: -1px;
  z-index: 5;
  background: #155bd4;
  color: #fff;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  visibility: hidden;
  cursor: pointer;
}
.uc-table-body .thum span.del {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  overflow: hidden;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  background: #ff3333;
  border-radius: 50%;
  color: #fff;
  visibility: hidden;
}
.uc-table-body .thum:hover span {
  visibility: visible;
}
.uc-table-body .font {
  margin: 0 20px;
  line-height: 40px;
}
.uc-table-body .text {
  margin: 5px 10px 0;
}
.uc-table-body .text .txt {
  position: relative;
}
.uc-table-body .text .el-input__inner {
  border-color: transparent;
  background: none;
  padding: 0 10px;
  text-align: center;
}
.uc-table-body .text.left .el-input__inner {
  text-align: left;
}
.uc-table-body .text .el-input__inner:focus {
  border-color: #ddd;
}
.uc-table-body .link {
  text-align: center;
}
.uc-table-body .color {
  text-align: center;
}
.uc-table-body .control {
  overflow: hidden;
  position: relative;
  text-align: center;
  white-space: nowrap;
  line-height: 0;
  padding: 5px 0 0;
}
.uc-table-body .control .icon {
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  cursor: pointer;
}
.uc-table-body .control .icon img {
  display: block;
  width: 16px;
  height: 16px;
}
.uc-table-body .control .handle {
  cursor: move;
}
.link-panel .el-dialog__title {
  font-size: 16px;
}
.link-panel .el-dialog__body {
  padding: 10px 20px 20px;
  border-top: 1px solid #eeeeee;
}
.link-panel .el-radio {
  margin: 0 15px 0 0;
}
.link-panel-rows {
  padding: 15px 0 0;
}
.link-panel-label {
  text-align: right;
  padding-right: 1em;
}
/****************************
 ** 配置面板
 ****************************/
.config-panel .rows {
  position: relative;
}
.config-panel .rows .label {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 28px;
  width: 100px;
  padding: 0 10px 0 0;
  text-align: right;
}
.config-panel .rows-item {
  margin: 0 0 15px;
}
.config-panel .rows-item::after,
.config-panel .rows-label::after,
.config-panel .rows-content::after {
  content: '';
  display: block;
  clear: both;
}
.config-panel .rows-label {
  float: left;
  line-height: 32px;
  width: 120px;
  padding: 0 10px 0 0;
  text-align: right;
  box-sizing: border-box;
}
.config-panel .rows-content {
  margin: 0 0 0 120px;
}
.config-panel .rows-content > .inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.config-panel .rows-content > .block {
  display: block;
}
.config-panel .rows2 {
  position: relative;
  padding: 0 0 10px 0;
}
.config-panel .rows2 .label {
  line-height: 40px;
}
.config-panel .rows-item,
.config-panel .rows-item2 {
  position: relative;
}
.config-panel .rows-item2 {
  margin: 0 0 30px 60px;
}
.config-panel .rows-item2 .rows-label {
  float: none;
  text-align: left;
}
.config-panel .rows-item2 .rows-content {
  margin: 0;
}
.drag-head {
  cursor: move;
}
#ui-wrapper {
  position: relative;
  background: #f6f6f6;
}
#ui-wrapper .center-0 .ui-menuer h2,
#ui-wrapper .center-undefined .ui-menuer h2,
#ui-wrapper .center-0 .ui-menuer .foot,
#ui-wrapper .center-undefined .ui-menuer .foot {
  display: none;
}
#ui-wrapper .center-0 .ui-menuer .list,
#ui-wrapper .center-undefined .ui-menuer .list {
  padding: 15px 30px;
  margin: 0 0 10px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
#ui-wrapper .center-0 .ui-menuer .list .item,
#ui-wrapper .center-undefined .ui-menuer .list .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
#ui-wrapper .center-0 .ui-menuer .list .item a,
#ui-wrapper .center-undefined .ui-menuer .list .item a,
#ui-wrapper .center-0 .ui-menuer .list .item span,
#ui-wrapper .center-undefined .ui-menuer .list .item span {
  display: block;
  line-height: 34px;
  padding: 0 15px;
  border-radius: 3px;
}
#ui-wrapper .center-1 .ui-menuer {
  display: block;
  float: left;
  width: 260px;
  margin: -40px 0 0 0;
}
#ui-wrapper .center-1 .ui-menuer h2 {
  line-height: 60px;
  padding-left: 30px;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 10px;
}
#ui-wrapper .center-1 .ui-menuer .list .item {
  background: #ffffff;
  margin-top: 1px;
}
#ui-wrapper .center-1 .ui-menuer .list .item a,
#ui-wrapper .center-1 .ui-menuer .list .item span {
  display: block;
  padding-left: 30px;
  line-height: 50px;
  font-size: 15px;
}
#ui-wrapper .center-1 .ui-menuer .foot {
  background: #ffffff;
  margin-top: 10px;
  padding: 20px;
  font-size: 18px;
}
#ui-wrapper .center-1 .ui-path {
  margin: 0 0 0 300px;
  border-bottom: 1px solid #dddddd;
}
#ui-wrapper .center-1 .ui-container {
  margin: 0 0 0 300px;
}
#ui-wrapper .ui-path .path {
  position: relative;
  padding: 20px 0;
  line-height: 30px;
}
#ui-wrapper .ui-path .path dt {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
#ui-wrapper .ui-path .path dt + dd::before {
  content: ">";
}
#ui-wrapper .ui-path .path dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
#ui-wrapper .ui-path .path dd::before {
  content: ">";
}
#ui-wrapper .ui-path .path a,
#ui-wrapper .ui-path .path span {
  color: #666;
}
.uc-swiper {
  position: relative;
  padding: 10px 0;
}
.uc-swiper .looper {
  position: relative;
  margin: 0 0 0 auto;
  max-width: 200px;
  text-align: right;
  white-space: nowrap;
}
.uc-swiper .looper .item {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  margin: 0 0 0 3px;
}
.uc-swiper .swiper {
  position: relative;
  margin: 0 0 0 auto;
  width: 200px;
}
.uc-swiper .swiper .list {
  position: relative;
  margin: 0 auto;
  width: 170px;
}
.uc-swiper .item {
  position: relative;
}
.uc-swiper .cell {
  position: relative;
}
.uc-swiper .icon {
  width: 36px;
  height: 27px;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  cursor: pointer;
}
.uc-swiper .icon:hover {
  border-color: #dddddd;
}
.uc-swiper .icon.active {
  border-color: #409EFF;
}
.uc-swiper .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.uc-swiper .icon i {
  display: block;
  height: 100%;
  background: url(../../static/img/config-icon2.png?hash=0b081a25) 0 0 no-repeat;
  background-size: 80px;
}
.uc-swiper .icon i.icon-article-0 {
  background-position: 0 0;
}
.uc-swiper .icon i.icon-article-1 {
  background-position: 0 -26px;
}
.uc-swiper .icon i.icon-article-2 {
  background-position: 0 -52px;
}
.uc-swiper .icon i.icon-article-3 {
  background-position: 0 -80px;
}
.uc-swiper .icon i.icon-article-4 {
  background-position: 0 -106px;
}
.uc-swiper .icon i.icon-article-5 {
  background-position: 0 -133px;
}
.uc-swiper .icon i.icon-article-6 {
  background-position: 0 -160px;
}
.uc-swiper .icon i.icon-article-7 {
  background-position: 0 -186px;
}
.uc-swiper .icon i.icon-article-8 {
  background-position: 0 -213px;
}
.uc-swiper .icon i.icon-article-9 {
  background-position: 0 -240px;
}
.uc-swiper .icon i.icon-product-0 {
  background-position: -40px 0;
}
.uc-swiper .icon i.icon-product-1 {
  background-position: -40px -26px;
}
.uc-swiper .icon i.icon-product-2 {
  background-position: -40px -52px;
}
.uc-swiper .icon i.icon-product-3 {
  background-position: -40px -80px;
}
.uc-swiper .icon i.icon-product-4 {
  background-position: -40px -106px;
}
.uc-swiper .swiper-button-next,
.uc-swiper .swiper-button-prev {
  background-size: 10px;
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
  opacity: 0.5;
}
.uc-swiper .swiper-button-prev {
  left: -12px;
}
.uc-swiper .swiper-button-next {
  right: -8px;
}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.5s;
}
.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

.vdr {
  touch-action: none;
  position: absolute;
  box-sizing: content-box !important;
  border: 1px dashed #d6d6d6;
}
.handle {
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border: 1px solid #333;
  box-shadow: 0 0 2px #bbb;
}
.handle-tl {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}
.handle-tm {
  top: -5px;
  left: 50%;
  margin-left: -5px;
  cursor: n-resize;
}
.handle-tr {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}
.handle-ml {
  top: 50%;
  margin-top: -5px;
  left: -5px;
  cursor: w-resize;
}
.handle-mr {
  top: 50%;
  margin-top: -5px;
  right: -5px;
  cursor: e-resize;
}
.handle-bl {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize;
}
.handle-bm {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  cursor: s-resize;
}
.handle-br {
  bottom: -5px;
  right: -5px;
  cursor: se-resize;
}
/*旋转handle*/
/*.handle-rot {
  top: 0;
  left: 50%;
  margin-top: -20px;
  margin-left: -1px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  cursor: grab;
  transform: translate(-50%, 0);
}
.handle-rot:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  width: 0;
  height: 7px;
  border-left: 1px solid #000000;
  transform: translate(-50%, 0);
}*/
.ref-line{
  position: absolute;
  background-color: rgb(255, 0, 204);
  z-index: 9999;
}
.v-line{
  width: 1px;
}
.h-line{
  height: 1px;
}
@media only screen and (max-width: 768px) {
  [class*="handle-"]:before {
    content: '';
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    position: absolute;
  }
}