.menulist-container {
  overflow: hidden;
  background: #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.menulist-container .menulist-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: left 300ms ease-in-out;
  transition: left 300ms ease-in-out;
  list-style: none;
}
.menulist-container .menulist-body .menulist-body-page {
  width: 100%;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module {
  padding: 0;
  height: 74px;
  display: block;
  width: 25%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module .menulist-module-inner {
  margin: 0 6px;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module .menulist-module-inner .menulist-module-inner-edit {
  display: none;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-sort-helper {
  z-index: 10000;
  overflow: visible !important;
  background: transparent !important;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-sort-helper .menulist-module-canCompile {
  overflow: visible !important;
  background: transparent !important;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-sort-helper .menulist-module-canCompile .menulist-module-inner {
  background: #fff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-container {
  width: 25%;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile {
  height: 74px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 6px 0;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner {
  margin: 0 3px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .menulist-module-inner-edit {
  width: 16px;
  height: 16px;
  background: url('../assets/menu-add.svg') no-repeat;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  right: 5px;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .menulist-module-inner-edit-true {
  background: url('../assets/menu-reduce.svg') no-repeat;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .menulist-module-inner-edit-false {
  background: url('../assets/menu-add.svg') no-repeat;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .border > div {
  position: absolute;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .border .border-t {
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #E6E7E8;
  -webkit-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .border .border-r {
  top: 0;
  bottom: 0;
  right: 0;
  border-right: 1px solid #E6E7E8;
  -webkit-transform: scaleX(0.5);
      -ms-transform: scaleX(0.5);
          transform: scaleX(0.5);
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .border .border-b {
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #E6E7E8;
  -webkit-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
          transform: scaleY(0.5);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-canCompile .menulist-module-inner .border .border-l {
  top: 0;
  bottom: 0;
  left: 0;
  border-right: 1px solid #E6E7E8;
  -webkit-transform: scaleX(0.5);
      -ms-transform: scaleX(0.5);
          transform: scaleX(0.5);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .menulist-module-label {
  text-align: center;
  width: 100%;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #3A4247;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 8px;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .grid_icon_solt {
  width: 38px;
  height: 38px;
  margin: 8px auto 6px;
  display: block;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left bottom, right top, from(#419bff), to(#6bbfff));
  background: -webkit-linear-gradient(left bottom, #419bff, #6bbfff);
  background: linear-gradient(to right top, #419bff, #6bbfff);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .grid_icon_solt svg {
  width: 24px;
  height: 24px;
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f1 {
  background: -webkit-gradient(linear, left bottom, right top, from(#fe7189), to(#fc829b));
  background: -webkit-linear-gradient(left bottom, #fe7189, #fc829b);
  background: linear-gradient(to right top, #fe7189, #fc829b);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f2 {
  background: -webkit-gradient(linear, left bottom, right top, from(#ff8c00), to(#ffae00));
  background: -webkit-linear-gradient(left bottom, #ff8c00, #ffae00);
  background: linear-gradient(to right top, #ff8c00, #ffae00);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f3 {
  background: -webkit-gradient(linear, left bottom, right top, from(#fea500), to(#ffcf00));
  background: -webkit-linear-gradient(left bottom, #fea500, #ffcf00);
  background: linear-gradient(to right top, #fea500, #ffcf00);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f4 {
  background: -webkit-gradient(linear, left bottom, right top, from(#5ad61c), to(#98e320));
  background: -webkit-linear-gradient(left bottom, #5ad61c, #98e320);
  background: linear-gradient(to right top, #5ad61c, #98e320);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f5 {
  background: -webkit-gradient(linear, left bottom, right top, from(#31cc9b), to(#36e0aa));
  background: -webkit-linear-gradient(left bottom, #31cc9b, #36e0aa);
  background: linear-gradient(to right top, #31cc9b, #36e0aa);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f6 {
  background: -webkit-gradient(linear, left bottom, right top, from(#08c2c6), to(#00dcd7));
  background: -webkit-linear-gradient(left bottom, #08c2c6, #00dcd7);
  background: linear-gradient(to right top, #08c2c6, #00dcd7);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f7 {
  background: -webkit-gradient(linear, left bottom, right top, from(#419bff), to(#6bbfff));
  background: -webkit-linear-gradient(left bottom, #419bff, #6bbfff);
  background: linear-gradient(to right top, #419bff, #6bbfff);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f8 {
  background: -webkit-gradient(linear, left bottom, right top, from(#4c88ff), to(#7aa7ff));
  background: -webkit-linear-gradient(left bottom, #4c88ff, #7aa7ff);
  background: linear-gradient(to right top, #4c88ff, #7aa7ff);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-f9 {
  background: -webkit-gradient(linear, left bottom, right top, from(#7d7ff7), to(#96a5fb));
  background: -webkit-linear-gradient(left bottom, #7d7ff7, #96a5fb);
  background: linear-gradient(to right top, #7d7ff7, #96a5fb);
}
.menulist-container .menulist-body .menulist-body-page .menulist-page-content .sys-bgcolor-more {
  background: #E6E7E8;
}
.menulist-container .menulist-body .menulist-body-page .small-icon-page {
  margin: 0 24px 12px ;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
}
.menulist-container .menulist-body .menulist-body-page .small-icon-page .small-icon {
  display: block;
  width: 29px;
  margin-right: 10px;
  height: 24px;
}
.menulist-container .menulist-body .menulist-body-page .small-icon-page .small-icon svg {
  width: 24px;
  height: 24px;
}
.menulist-container .menulist-body .menulist-body-page .small-icon-page .small-icon-more {
  background: url('../assets/s-more.svg') no-repeat;
}
.menulist-container .menulist-pageNos {
  margin: 8px 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.menulist-container .menulist-pageNos span {
  width: 10px;
  height: 2px;
  margin: 0 2px;
  background: #BFC4C7;
  opacity: 0.3;
}
.menulist-container .menulist-pageNos .active {
  opacity: 1;
}
.menulist-container .ui-sortable {
  width: 25% !important;
}
.react-reorderable-item {
  width: 25%;
  float: left;
}
.menulist-page-content > div {
  width: 100%;
}
.react-drag-dragging {
  display: none;
}
.new-point {
  width: 31px;
  height: 16px;
  text-align: center;
  position: absolute;
  right: 8px;
  top: 1px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  z-index: 10;
  border-radius: 8px;
  background-image: -webkit-gradient(linear, right top, left top, from(#FF842F), to(#FF516C));
  background-image: -webkit-linear-gradient(right, #FF842F 0%, #FF516C 100%);
  background-image: linear-gradient(to left, #FF842F 0%, #FF516C 100%);
  border-bottom-left-radius: 0;
}