@charset "UTF-8";
html,
body {
  height: 100%; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

.daterangepicker .drp-buttons .btn {
  margin-bottom: 0;
  margin-right: 0; }

.daterangepicker select.yearselect {
  vertical-align: top; }

.daterangepicker .ranges li {
  color: #73879C; }

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #536A7F;
  /*border: 1px solid #536A7F;*/
  color: #fff; }

.daterangepicker .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  box-shadow: none !important; }

.daterangepicker .input-mini.active {
  border: 1px solid #ccc; }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  font-size: 12px;
  padding: 1px;
  margin: 0;
  cursor: default;
  height: 30px;
  border: 1px solid #ADB2B5;
  line-height: 30px;
  border-radius: 0px !important; }

.daterangepicker select.monthselect {
  margin-right: 2%; }

.daterangepicker td.in-range {
  background: #E4E7EA;
  color: #73879C; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #536A7F;
  color: #fff; }

.daterangepicker th.available:hover {
  background: #eee;
  color: #34495E; }

.daterangepicker:before,
.daterangepicker:after {
  content: none; }

.daterangepicker .calendar.single {
  margin: 0 0 4px 0; }

.daterangepicker .calendar.single .calendar-table {
  width: 224px;
  padding: 0 0 4px 0 !important; }

.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
  padding: 8px 5px; }

.daterangepicker .calendar.single .calendar-table thead th {
  border-radius: 0; }

.daterangepicker.picker_1 {
  color: #fff;
  background: #34495E; }

.daterangepicker.picker_1 .calendar-table {
  background: #34495E; }

.daterangepicker.picker_1 .calendar-table thead tr {
  background: #213345; }

.daterangepicker.picker_1 .calendar-table thead tr:first-child {
  background: #1ABB9C; }

.daterangepicker.picker_1 .calendar-table td.off {
  background: #34495E;
  color: #999; }

.daterangepicker.picker_1 .calendar-table td.available:hover {
  color: #34495E; }

.daterangepicker.picker_2 .calendar-table thead tr {
  color: #1ABB9C; }

.daterangepicker.picker_2 .calendar-table thead tr:first-child {
  color: #73879C; }

.daterangepicker.picker_3 .calendar-table thead tr:first-child {
  color: #fff;
  background: #1ABB9C; }

.daterangepicker.picker_4 .calendar-table thead tr:first-child {
  color: #fff;
  background: #34495E; }

.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off {
  background: #ECF0F1;
  border: 1px solid #fff;
  border-radius: 0; }

.daterangepicker.picker_4 .calendar-table td.active {
  background: #34495E; }

.calendar-exibit .show-calendar {
  float: none;
  display: block;
  margin-bottom: 20px;
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden; }

.calendar-exibit .show-calendar .calendar {
  margin: 0 0 4px 0; }

.calendar-exibit .show-calendar.picker_1 {
  background: #34495E; }

.calendar-exibit .calendar-table {
  padding: 0 0 4px 0; }

.left_col {
  background: #2A3F54; }

.nav-sm .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 70px;
  padding: 0;
  z-index: 9999;
  position: absolute; }

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
  position: fixed;
  height: 100%; }

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
  overflow: visible; }

.nav-sm .hidden-small {
  visibility: hidden; }

.nav-sm .container.body .right_col {
  padding: 10px 20px;
  margin-left: 70px;
  z-index: 2; }

.nav-sm .navbar.nav_title {
  width: 70px; }

.nav-sm .navbar.nav_title a span {
  display: none; }

.nav-sm .navbar.nav_title a i {
  font-size: 27px;
  margin: 13px 0 0 3px; }

.site_title i {
  border: 1px solid #EAEAEA;
  padding: 5px 6px;
  border-radius: 50%; }

.site_title img {
  float: left;
  margin-top: 10px;
  height: 36px;
  width: 36px;
  margin-right: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle; }

.nav-sm .main_container .top_nav {
  display: block;
  margin-left: 70px;
  z-index: 2; }

.nav-sm .nav.side-menu li a {
  text-align: center !important;
  font-weight: 400;
  font-size: 10px;
  padding: 10px 5px; }

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #1ABB9C; }

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
  position: static;
  width: 220px;
  background: none; }

.nav-sm > .nav.side-menu > li.active-sm > a {
  color: #1ABB9C !important; }

.nav-sm .nav.side-menu li a i.toggle-up {
  display: none !important; }

.nav-sm .nav.side-menu li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px; }

.nav-sm ul.nav.child_menu {
  left: 100%;
  position: absolute;
  top: 0;
  width: 220px;
  z-index: 4000;
  background: #3E5367;
  display: none; }

.nav-sm ul.nav.child_menu li {
  padding: 0 10px; }

.nav-sm ul.nav.child_menu li a {
  text-align: left !important; }

.nav-sm .profile {
  display: none; }

.menu_section {
  margin-bottom: 35px; }

.menu_section h3 {
  padding-left: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 1px 1px #000; }

.menu_section > ul {
  margin-top: 10px; }

.profile_pic {
  width: 35%;
  float: left; }

.img-circle.profile_img {
  width: 70%;
  background: #fff;
  margin-left: 15%;
  z-index: 1000;
  position: inherit;
  margin-top: 10px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px; }

.profile_info {
  padding: 10px;
  width: 65%;
  float: left; }

.profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #BAB8B8; }

.profile_info h2 {
  font-size: 14px;
  color: #ECF0F1;
  margin: 0;
  font-weight: 300; }

.profile.img_2 {
  text-align: center; }

.profile.img_2 .profile_pic {
  width: 100%; }

.profile.img_2 .profile_pic .img-circle.profile_img {
  width: 50%;
  margin: 10px 0 0; }

.profile.img_2 .profile_info {
  padding: 15px 10px 0;
  width: 100%;
  margin-bottom: 10px;
  float: left; }

.main_menu span.fa {
  float: right;
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
  min-width: inherit;
  color: #C4CFDA; }

.active a span.fa {
  /*text-align: right !important;*/
  /*margin-right: 4px*/ }

.nav-sm .menu_section {
  margin: 0; }

.nav-sm span.fa,
.nav-sm .menu_section h3 {
  display: none; }

.nav-sm li li span.fa {
  display: inline-block; }

.nav_menu {
  float: left;
  background: #EDEDED;
  border-bottom: 1px solid #D9DEE4;
  /*margin-bottom: 10px;*/
  margin-bottom: 0;
  width: 100%;
  position: relative; }

@media (min-width: 480px) {
  .nav_menu {
    position: static; } }
.nav-md .container.body .col-md-3.left_col {
  min-height: 100%;
  /*width: 230px;*/
  width: 220px;
  /*width: 180px;*/
  padding: 0;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  z-index: 1; }

.nav-md .container.body .col-md-3.left_col.menu_fixed {
  height: 100%;
  position: fixed;
  z-index: 10; }

.mCustomScrollBox {
  width: 100%; }

body .container.body .right_col {
  background: #F7F7F7; }

.nav-md .container.body .right_col {
  padding: 10px 20px 0;
  /*margin-left: 230px*/
  margin-left: 220px;
  /*margin-left: 180px;*/ }

.nav_title {
  /*width: 230px;*/
  width: 220px;
  /*width: 180px;*/
  float: left;
  background: #2A3F54;
  border-radius: 0;
  height: 57px; }

@media (max-width: 991px) {
  .nav-md .container.body .right_col,
  .nav-md .container.body .top_nav {
    width: 100%;
    margin: 0; }

  .nav-md .container.body .col-md-3.left_col {
    display: none; }

  .nav-md .container.body .right_col {
    width: 100%;
    padding-right: 0; }

  .right_col {
    padding: 10px !important; } }
@media (max-width: 1200px) {
  .x_title h2 {
    width: 62%;
    font-size: 17px; }

  .tile,
  .graph {
    zoom: 85%;
    height: inherit; } }
@media (max-width: 1270px) and (min-width: 192px) {
  .x_title h2 small {
    display: none; } }
.left_col .mCSB_scrollTools {
  width: 6px; }

.left_col .mCSB_dragger {
  max-height: 400px !important; }

.blue {
  color: #3498DB; }

.purple {
  color: #9B59B6; }

.green {
  color: #1ABB9C; }

.aero {
  color: #9CC2CB; }

.red {
  color: #E74C3C; }

.dark {
  color: #34495E; }

.border-blue {
  border-color: #3498DB !important; }

.border-purple {
  border-color: #9B59B6 !important; }

.border-green {
  border-color: #1ABB9C !important; }

.border-aero {
  border-color: #9CC2CB !important; }

.border-red {
  border-color: #E74C3C !important; }

.border-dark {
  border-color: #34495E !important; }

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #73879C; }

.bg-green {
  background: #1ABB9C !important;
  border: 1px solid #1ABB9C !important;
  color: #fff; }

.bg-red {
  background: #E74C3C !important;
  border: 1px solid #E74C3C !important;
  color: #fff; }

.bg-blue {
  background: #1890ff !important;
  border: 1px solid #1890ff !important;
  /*background: #3498DB !important;
  border: 1px solid #3498DB !important;*/
  color: #fff; }

.bg-orange {
  background: #F39C12 !important;
  border: 1px solid #F39C12 !important;
  color: #fff; }

.bg-purple {
  background: #9B59B6 !important;
  border: 1px solid #9B59B6 !important;
  color: #fff; }

.bg-blue-sky {
  background: #50C1CF !important;
  border: 1px solid #50C1CF !important;
  color: #fff; }

.container {
  width: 100%;
  padding: 0; }

.navbar-nav > li > a,
.navbar-brand,
.navbar-nav > li > a {
  color: #fff !important; }

.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover {
  background: #f0f1f2; }

body {
  color: #73879C;
  background: #2A3F54;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.471; }

.main_container .top_nav {
  display: block;
  /*margin-left: 230px*/
  margin-left: 220px;
  /*margin-left: 180px;*/
  /*border-bottom: 1px solid #e6e9ed;*/ }

.no-padding {
  padding: 0 !important; }

.page-title {
  width: 100%;
  /*height: 65px;*/
  /*padding: 10px 0*/ }

.page-title .title_left {
  width: 45%;
  float: left;
  display: block; }

.page-title .title_left h3 {
  margin: 9px 0; }

.page-title .title_right {
  width: 55%;
  float: left;
  display: block; }

.page-title .title_right .pull-right {
  margin: 10px 0; }

.fixed_height_320 {
  height: 320px; }

.fixed_height_390 {
  height: 390px; }

.fixed_height_200 {
  height: 200px; }

.overflow_hidden {
  overflow: hidden; }

.progress-bar-dark {
  background-color: #34495E !important; }

.progress-bar-gray {
  background-color: #BDC3C7 !important; }

table.no-margin .progress {
  margin-bottom: 0; }

.main_content {
  padding: 10px 20px; }

.col-md-55 {
  width: 50%;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .col-md-55 {
    width: 20%; } }
@media (min-width: 992px) {
  .col-md-55 {
    width: 20%; } }
@media (min-width: 1200px) {
  .col-md-55 {
    width: 20%; } }
@media (min-width: 192px) and (max-width: 1270px) {
  table.tile_info span.right {
    margin-right: 7px;
    float: left; } }
.center-margin {
  margin: 0 auto;
  float: none !important; }

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px; }

.row {
  margin-right: -10px;
  margin-left: -10px; }

.grid_slider .col-md-6 {
  padding: 0 40px; }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px; }

a {
  /*color: #5A738E;*/
  color: #1890ff;
  text-decoration: none; }

a,
a:visited,
a:focus,
a:active,
:visited,
:focus,
:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0; }

a:hover,
a:focus {
  color: #40a9ff;
  text-decoration: none; }

.navbar {
  margin-bottom: 0; }

.navbar-header {
  background: #34495E; }

.navbar-right {
  margin-right: 0; }

.top_nav .navbar-right {
  margin: 0;
  width: 70%;
  float: right; }

.top_nav .navbar-right li {
  display: inline-block;
  float: right;
  position: static; }

@media (min-width: 480px) {
  .top_nav .navbar-right li {
    position: relative; } }
.top_nav .dropdown-menu li {
  width: 100%; }

.top_nav .dropdown-menu li a {
  width: 100%;
  padding: 12px 20px; }

.top_nav li a i {
  font-size: 15px; }

.navbar-static-top {
  position: fixed;
  top: 0;
  width: 100%; }

.sidebar-header {
  border-bottom: 0;
  margin-top: 46px; }

.sidebar-header:first-of-type {
  margin-top: 0; }

.nav.side-menu > li {
  position: relative;
  margin: 10px 0;
  display: block;
  cursor: pointer; }

.nav.side-menu > li > a {
  margin-bottom: 6px; }

/*修改处*/
.nav.side-menu > li > a:hover {
  color: #F2F5F7 !important; }

.nav.side-menu > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background: transparent; }

.nav.child_menu {
  display: none; }

.nav.child_menu li:hover,
.nav.child_menu li.active {
  background-color: rgba(255, 255, 255, 0.06); }

.nav.child_menu li {
  padding-left: 36px; }

.nav-md ul.nav.child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%; }

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0; }

.nav-md ul.nav.child_menu li:last-child::after {
  bottom: 50%; }

.nav.side-menu > li > a,
.nav.child_menu > li > a {
  color: #a6aaae;
  font-weight: 500; }

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
  background: none; }

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
  color: #fff; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 20px; }

.nav.side-menu > li.current-page,
.nav.side-menu > li.active {
  border-right: 5px solid #1ABB9C; }

.nav li.current-page {
  background: rgba(255, 255, 255, 0.05); }

.nav li li li.current-page {
  background: none; }

.nav li li.current-page a {
  color: #fff; }

.nav.side-menu > li.active > a {
  /*text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;*/
  /*background: linear-gradient(#334556, #2C4257), #2A3F54;*/
  /*background: linear-gradient(#23314b, #23314b), #2A3F54;*/
  /*box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0*/ }

.navbar-brand,
.navbar-nav > li > a {
  font-weight: 500;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 32px; }

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  color: #ECF0F1 !important;
  line-height: 59px;
  display: block;
  height: 55px;
  margin: 0 0 0 0 !important;
  padding-left: 8px; }

.site_title:hover,
.site_title:focus {
  text-decoration: none; }

.nav.navbar-nav > li > a {
  color: #515356 !important; }

.nav.top_menu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #34495E !important; }

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent; }

.top_search {
  padding: 0; }

.top_search .form-control {
  border-right: 0;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  border-radius: 25px 0px 0px 25px;
  padding-left: 20px;
  border: 1px solid rgba(221, 226, 232, 0.49); }

.top_search .form-control:focus {
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-right: 0; }

.top_search .input-group-btn button {
  border-radius: 0px 25px 25px 0px;
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-left: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #93A2B2;
  margin-bottom: 0 !important; }

.toggle {
  float: left;
  margin: 0;
  padding-top: 15px;
  width: 70px; }

.toggle a {
  padding: 15px 15px 0;
  margin: 0;
  cursor: pointer; }

.toggle a i {
  font-size: 26px; }

.nav.child_menu > li > a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  padding: 9px; }

.panel_toolbox {
  float: right;
  min-width: 70px; }

.panel_toolbox > li {
  float: left;
  cursor: pointer; }

.panel_toolbox > li > a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px; }

.panel_toolbox > li > a:hover {
  background: #F5F7FA; }

.line_30 {
  line-height: 30px; }

.main_menu_side {
  padding: 0; }

.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 6px; }

footer {
  background: #fff;
  padding: 15px 20px;
  display: block;
  border-top: 1px solid #e6e9ed; }

.nav-sm footer {
  margin-left: 70px; }

.footer_fixed footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%; }

@media (min-width: 768px) {
  .footer_fixed footer {
    margin-left: 0; } }
@media (min-width: 768px) {
  .footer_fixed .nav-sm footer {
    margin-left: 0; } }
.tile-stats.sparkline {
  padding: 10px;
  text-align: center; }

.jqstooltip {
  background: #34495E !important;
  width: 30px !important;
  height: 22px !important;
  text-decoration: none; }

.tooltip {
  display: block !important; }

.tiles {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 5px;
  margin-bottom: 0; }

.tile {
  overflow: hidden; }

.top_tiles {
  margin-bottom: 0; }

.top_tiles .tile h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 3px 0 7px;
  font-weight: bold; }

article.media {
  width: 100%; }

*,
*:before,
*:after {
  box-sizing: border-box; }

#integration-list {
  width: 100%;
  margin: 0 auto;
  display: table; }

#integration-list ul {
  padding: 0;
  margin: 20px 0;
  color: #555; }

#integration-list ul > li {
  list-style: none;
  border-top: 1px solid #ddd;
  display: block;
  padding: 15px;
  overflow: hidden; }

#integration-list ul:last-child {
  border-bottom: 1px solid #ddd; }

#integration-list ul > li:hover {
  background: #efefef; }

.expand {
  display: block;
  text-decoration: none;
  color: #555;
  cursor: pointer; }

.expand h2 {
  width: 85%;
  float: left; }

h2 {
  font-size: 30px;
  font-weight: 400; }

#left,
#right {
  display: table; }

#sup {
  display: table-cell;
  vertical-align: middle;
  width: 80%; }

.detail a {
  text-decoration: none;
  color: #C0392B;
  border: 1px solid #C0392B;
  padding: 6px 10px 5px;
  font-size: 13px;
  margin-right: 7px; }

.detail {
  margin: 10px 0 10px 0px;
  display: none;
  line-height: 22px;
  height: 150px; }

.detail span {
  margin: 0; }

.right-arrow {
  width: 10px;
  float: right;
  font-weight: bold;
  font-size: 20px; }

.accordion .panel {
  margin-bottom: 5px;
  border-radius: 0;
  border-bottom: 1px solid #efefef; }

.accordion .panel-heading {
  background: #F2F5F7;
  padding: 13px;
  width: 100%;
  display: block; }

.accordion .panel:hover {
  background: #F2F5F7; }

.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  opacity: 1;
  /*transition: all .2s ease*/ }

.x_panel_alone {
  padding: 16px; }

.x_title {
  border-bottom: 1px solid #e8e8e8;
  padding: 1px 5px 4px;
  margin-bottom: 10px; }

.x_title .filter {
  width: 40%;
  float: right; }

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.x_title h2 small {
  margin-left: 10px; }

.x_title span {
  /*color: #BDBDBD*/ }

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px; }

.x_page {
  margin: 0; }

.x_search {
  margin: 20px; }

.x_content h4 {
  font-size: 16px;
  font-weight: 500; }

legend {
  padding-bottom: 7px; }

.demo-placeholder {
  height: 280px; }

.profile_details:nth-child(3n) {
  clear: both; }

.profile_details .profile_view {
  display: inline-block;
  padding: 10px 0 0;
  background: #fff; }

.profile_details .profile_view .divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px; }

.profile_details .profile_view .ratings {
  margin-bottom: 0; }

.profile_details .profile_view .bottom {
  background: #F2F5F7;
  padding: 9px 0;
  border-top: 1px solid #E6E9ED; }

.profile_details .profile_view .left {
  margin-top: 20px; }

.profile_details .profile_view .left p {
  margin-bottom: 3px; }

.profile_details .profile_view .right {
  margin-top: 0px;
  padding: 10px; }

.profile_details .profile_view .img-circle {
  border: 1px solid #E6E9ED;
  padding: 2px; }

.profile_details .profile_view h2 {
  margin: 5px 0; }

.profile_details .profile_view .ratings {
  text-align: left;
  font-size: 16px; }

.profile_details .profile_view .brief {
  margin: 0;
  font-weight: 300; }

.profile_details .profile_left {
  background: white; }

.pagination.pagination-split li {
  display: inline-block;
  margin-right: 3px; }

.pagination.pagination-split li a {
  border-radius: 4px;
  color: #768399;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

table.tile h3,
table.tile h4,
table.tile span {
  font-weight: bold;
  vertical-align: middle !important; }

table.tile th,
table.tile td {
  text-align: center; }

table.tile th {
  border-bottom: 1px solid #E6ECEE; }

table.tile td {
  padding: 5px 0; }

table.tile td ul {
  text-align: left;
  padding-left: 0; }

table.tile td ul li {
  list-style: none;
  width: 100%; }

table.tile td ul li a {
  width: 100%; }

table.tile td ul li a big {
  right: 0;
  float: right;
  margin-right: 13px; }

table.tile_info {
  width: 100%; }

table.tile_info td {
  text-align: left;
  padding: 1px;
  font-size: 15px; }

table.tile_info td p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 28px; }

table.tile_info td i {
  margin-right: 8px;
  font-size: 17px;
  float: left;
  width: 18px;
  line-height: 28px; }

table.tile_info td:first-child {
  width: 83%; }

td span {
  line-height: inherit; }

.sidebar-widget {
  overflow: hidden; }

.error-number {
  font-size: 90px;
  line-height: 90px;
  margin: 20px 0; }

.col-middle {
  margin-top: 5%; }

.mid_center {
  width: 370px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px; }

h3.degrees {
  font-size: 22px;
  font-weight: 400;
  text-align: center; }

.degrees:after {
  content: "o";
  position: relative;
  top: -12px;
  font-size: 13px;
  font-weight: 300; }

.daily-weather .day {
  font-size: 14px;
  border-top: 2px solid rgba(115, 135, 156, 0.36);
  text-align: center;
  border-bottom: 2px solid rgba(115, 135, 156, 0.36);
  padding: 5px 0; }

.weather-days .col-sm-2 {
  overflow: hidden;
  width: 16.66666667%; }

.weather .row {
  margin-bottom: 0; }

.bulk-actions {
  display: none; }

table.countries_list {
  width: 100%; }

table.countries_list td {
  padding: 0 10px;
  line-height: 30px;
  border-top: 1px solid #eeeeee; }

.dataTables_paginate a {
  padding: 6px 9px !important;
  background: #ddd !important;
  border-color: #ddd !important; }

.paging_full_numbers a.paginate_active {
  background-color: rgba(38, 185, 154, 0.59) !important;
  border-color: rgba(38, 185, 154, 0.59) !important; }

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  border: 1px solid #E7E7E7 !important;
  background: #E7E7E7 !important;
  box-shadow: none !important; }

table.jambo_table {
  border: 1px solid rgba(221, 221, 221, 0.78); }

table.jambo_table thead {
  background: rgba(52, 73, 94, 0.94);
  color: #ECF0F1; }

table.jambo_table tbody tr:hover td {
  background: rgba(38, 185, 154, 0.07);
  border-top: 1px solid rgba(38, 185, 154, 0.11);
  border-bottom: 1px solid rgba(38, 185, 154, 0.11); }

table.jambo_table tbody tr.selected {
  background: rgba(38, 185, 154, 0.16); }

table.jambo_table tbody tr.selected td {
  border-top: 1px solid rgba(38, 185, 154, 0.4);
  border-bottom: 1px solid rgba(38, 185, 154, 0.4); }

.dataTables_paginate a {
  background: #ff0000; }

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1; }

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white; }

.dataTables_length {
  width: 40%;
  float: left; }

.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right; }

.dataTables_info {
  width: 60%;
  float: left; }

.dataTables_paginate {
  float: right;
  text-align: right; }

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 2px solid #1ABB9C !important;
  outline-offset: -1px; }

table.display {
  margin: 0 auto;
  clear: both;
  width: 100%; }

table.display thead th {
  padding: 8px 18px 8px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer; }

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 10px; }

table.display td.center {
  text-align: center; }

table.display thead th:active,
table.display thead td:active {
  outline: none; }

.dataTables_scroll {
  clear: both; }

.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

.top .dataTables_info {
  float: none; }

.clear {
  clear: both; }

.dataTables_empty {
  text-align: center; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E; }

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E; }

.example_alt_pagination div.dataTables_info {
  width: 40%; }

.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px; }

.paging_full_numbers a:active {
  outline: none; }

.paging_full_numbers a:hover {
  text-decoration: none; }

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer; }

.paging_full_numbers a.paginate_button {
  background-color: #ddd; }

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important; }

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF; }

table.display tr.even.row_selected td {
  background-color: #B0BED9; }

table.display tr.odd.row_selected td {
  background-color: #9FAFD1; }

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  background-color: #E5E5FF; }

ul.msg_list li {
  background: #f7f7f7;
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 6px 0;
  width: 96% !important; }

ul.msg_list li:last-child {
  margin-bottom: 6px;
  padding: 10px; }

ul.msg_list li a {
  padding: 3px 5px !important; }

ul.msg_list li a .image img {
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  float: left;
  margin-right: 10px;
  width: 11%; }

ul.msg_list li a .time {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  position: absolute;
  right: 35px; }

ul.msg_list li a .message {
  display: block !important;
  font-size: 11px; }

.dropdown-menu.msg_list span {
  white-space: normal; }

.dropdown-menu {
  box-shadow: none;
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 9998;
  border: 1px solid #D9DEE4;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dropdown-menu > li > a {
  color: #5A738E; }

.navbar-nav .open .dropdown-menu {
  position: absolute;
  background: #fff;
  margin-top: 0;
  border: 1px solid #D9DEE4;
  -webkit-box-shadow: none;
  right: 0;
  left: auto;
  width: 220px; }

.navbar-nav .open .dropdown-menu.msg_list {
  width: 300px; }

.info-number .badge {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 2px;
  top: 8px; }

ul.to_do {
  padding: 0; }

ul.to_do li {
  background: #f3f3f3;
  border-radius: 3px;
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none; }

ul.to_do p {
  margin: 0; }

.dashboard-widget {
  background: #f6f6f6;
  border-top: 5px solid #79C3DF;
  border-radius: 3px;
  padding: 5px 10px 10px; }

.dashboard-widget .dashboard-widget-title {
  font-weight: normal;
  border-bottom: 1px solid #c1cdcd;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 40px;
  line-height: 30px; }

.dashboard-widget .dashboard-widget-title i {
  font-size: 100%;
  margin-left: -35px;
  margin-right: 10px;
  color: #33a1c9;
  padding: 3px 6px;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  background: #fff; }

ul.quick-list {
  width: 45%;
  padding-left: 0;
  display: inline-block; }

ul.quick-list li {
  padding-left: 10px;
  list-style: none;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

ul.quick-list li i {
  padding-right: 10px;
  color: #757679; }

.dashboard-widget-content {
  padding-top: 9px; }

.dashboard-widget-content .sidebar-widget {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  text-align: center;
  float: right;
  padding: 2px;
  margin-top: 10px; }

.widget_summary {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.widget_summary .w_left {
  float: left;
  text-align: left; }

.widget_summary .w_center {
  float: left; }

.widget_summary .w_right {
  float: left;
  text-align: right; }

.widget_summary .w_right span {
  font-size: 20px; }

.w_20 {
  width: 20%; }

.w_25 {
  width: 25%; }

.w_55 {
  width: 55%; }

h5.graph_title {
  text-align: left;
  margin-left: 10px; }

h5.graph_title i {
  margin-right: 10px;
  font-size: 17px; }

span.right {
  float: right;
  font-size: 14px !important; }

.tile_info a {
  text-overflow: ellipsis; }

.sidebar-footer {
  bottom: 0px;
  clear: both;
  display: block;
  padding: 5px 0 0 0;
  position: fixed;
  width: 230px;
  background: #001529;
  z-index: 999; }

.sidebar-footer a {
  padding: 7px 0 3px;
  text-align: center;
  width: 25%;
  font-size: 17px;
  display: block;
  float: left;
  background: #172D44;
  cursor: pointer; }

.sidebar-footer a:hover {
  background: #425567; }

.tile_count {
  /*margin-bottom: 20px;*/
  margin-top: 20px; }

.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }

@media (min-width: 992px) {
  footer {
    /*margin-left: 230px*/
    margin-left: 180px; } }
@media (min-width: 992px) {
  .tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px; } }
.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px; }

.tile_count .tile_stats_count:nth-child(3):before {
  border-left: 0; }

@media (min-width: 1200px) {
  .tile_count .tile_stats_count:nth-child(3):before {
    border-left: 2px solid #ADB2B5; } }
@media (min-width: 992px) {
  .tile_count .tile_stats_count:first-child:before {
    border-left: 0; } }
.tile_count .tile_stats_count .count {
  font-size: 26px;
  line-height: 47px;
  font-weight: 600; }

@media (min-width: 768px) {
  .tile_count .tile_stats_count .count {
    font-size: 36px; } }
/*@media (min-width: 992px) and (max-width: 1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 28px
    }
}*/
.tile_count .tile_stats_count span {
  font-size: 12px; }

.user-profile .user-name {
  display: none; }

@media (min-width: 768px) {
  .tile_count .tile_stats_count span {
    font-size: 14px; }

  .user-profile .user-name {
    display: inline-block; } }
.tile_count .tile_stats_count .count_bottom i {
  width: 12px; }

.dashboard_graph {
  background: #fff;
  padding: 7px 10px; }

.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
  padding: 0; }

a.user-profile {
  color: #5E6974 !important; }

.user-profile img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-right: 10px; }

ul.top_profiles {
  height: 330px;
  width: 100%; }

ul.top_profiles li {
  margin: 0;
  padding: 3px 5px; }

ul.top_profiles li:nth-child(odd) {
  background-color: #eee; }

.media .profile_thumb {
  border: 1px solid;
  width: 50px;
  height: 50px;
  margin: 5px 10px 5px 0;
  border-radius: 50%;
  padding: 9px 12px; }

.media .profile_thumb i {
  font-size: 30px; }

.media .date {
  background: #ccc;
  width: 52px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px; }

.media .date .month {
  margin: 0;
  text-align: center;
  color: #fff; }

.media .date .day {
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  font-weight: bold; }

.event .media-body a.title {
  font-weight: bold; }

.event .media-body p {
  margin-bottom: 0; }

h4.graph_title {
  margin: 7px;
  text-align: center; }

.fontawesome-icon-list .fa-hover a:hover {
  background-color: #ddd;
  color: #fff;
  text-decoration: none; }

.fontawesome-icon-list .fa-hover a {
  display: block;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px; }

.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 28px;
  vertical-align: -6px; }

.fontawesome-icon-list .fa-hover a .fa {
  width: 32px;
  font-size: 16px;
  display: inline-block;
  text-align: right;
  margin-right: 10px; }

.main_menu .fa {
  width: 26px;
  opacity: .99;
  display: inline-block;
  font-family: FontAwesome, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tile-stats {
  position: relative;
  display: block;
  margin-bottom: 12px;
  border: 1px solid #E4E4E4;
  -webkit-border-radius: 5px;
  overflow: hidden;
  padding-bottom: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background: #FFF;
  background-clip: padding-box;
  transition: all 300ms ease-in-out; }

.tile-stats:hover .icon i {
  animation-name: transformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  color: rgba(58, 58, 58, 0.41);
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: transformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: transformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards; }

.tile-stats .icon {
  width: 20px;
  height: 20px;
  color: #BAB8B8;
  position: absolute;
  right: 53px;
  top: 22px;
  z-index: 1; }

.tile-stats .icon i {
  margin: 0;
  font-size: 60px;
  line-height: 0;
  vertical-align: bottom;
  padding: 0; }

.tile-stats .count {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.65857; }

.tile-stats .count,
.tile-stats h3,
.tile-stats p {
  position: relative;
  margin: 0;
  margin-left: 10px;
  z-index: 5;
  padding: 0; }

.tile-stats h3 {
  color: #BAB8B8; }

.tile-stats p {
  margin-top: 5px;
  font-size: 12px; }

.tile-stats > .dash-box-footer {
  position: relative;
  text-align: center;
  margin-top: 5px;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.tile-stats > .dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }

.tile-stats > .dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }

table.tile_info {
  padding: 10px 15px; }

table.tile_info span.right {
  margin-right: 0;
  float: right;
  position: absolute;
  right: 4%; }

.tile:hover {
  text-decoration: none; }

.tile_header {
  border-bottom: transparent;
  padding: 7px 15px;
  margin-bottom: 15px;
  background: #E7E7E7; }

.tile_head h4 {
  margin-top: 0;
  margin-bottom: 5px; }

.tiles-bottom {
  padding: 5px 10px;
  margin-top: 10px;
  background: rgba(194, 194, 194, 0.3);
  text-align: left; }

a.star {
  color: #428bca !important; }

.mail_content {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 4px;
  margin-top: 20px;
  min-height: 500px;
  padding: 10px 11px;
  width: 100%; }

.list-btn-mail {
  margin-bottom: 15px; }

.list-btn-mail.active {
  border-bottom: 1px solid #39B3D7;
  padding: 0 0 14px; }

.list-btn-mail > i {
  float: left;
  font-size: 18px;
  font-style: normal;
  width: 33px; }

.list-btn-mail > .cn {
  background: none repeat scroll 0 0 #39B3D7;
  border-radius: 12px;
  color: #FFFFFF;
  float: right;
  font-style: normal;
  padding: 0 5px; }

.button-mail {
  margin: 0 0 15px !important;
  text-align: left;
  width: 100%; }

button,
.buttons,
.btn,
.modal-footer .btn + .btn {
  margin-bottom: 5px;
  margin-right: 5px; }

.btn-group-vertical .btn,
.btn-group .btn {
  margin-bottom: 0;
  margin-right: 0; }

.mail_list_column {
  border-left: 1px solid #DBDBDB; }

.mail_view {
  border-left: 1px solid #DBDBDB; }

.mail_list {
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 2px;
  display: inline-block; }

.mail_list .left {
  width: 5%;
  float: left;
  margin-right: 3%; }

.mail_list .right {
  width: 90%;
  float: left; }

.mail_list h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px 0 6px; }

.mail_list h3 small {
  float: right;
  color: #ADABAB;
  font-size: 11px;
  line-height: 20px; }

.mail_list .badge {
  padding: 3px 6px;
  font-size: 8px;
  background: #BAB7B7; }

@media (max-width: 767px) {
  .mail_list {
    margin-bottom: 5px;
    display: inline-block; } }
.mail_heading h4 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px; }

.attachment {
  margin-top: 30px; }

.attachment ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin-bottom: 30px; }

.attachment ul li {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px; }

.attachment ul li img {
  height: 150px;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px; }

.attachment ul li span {
  float: right; }

.attachment .file-name {
  float: left; }

.attachment .links {
  width: 100%;
  display: inline-block; }

.compose {
  padding: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #fff;
  border: 1px solid #D9DEE4;
  border-right: 0;
  border-bottom: 0;
  border-top-left-radius: 5px;
  z-index: 9999;
  display: none; }

.compose .compose-header {
  padding: 5px;
  background: #169F85;
  color: #fff;
  border-top-left-radius: 5px; }

.compose .compose-header .close {
  text-shadow: 0 1px 0 #ffffff;
  line-height: 0.8; }

.compose .compose-body .editor.btn-toolbar {
  margin: 0; }

.compose .compose-body .editor-wrapper {
  height: 100%;
  min-height: 50px;
  max-height: 180px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  overflow: auto; }

.compose .compose-footer {
  padding: 10px; }

.editor.btn-toolbar {
  zoom: 1;
  background: #F7F7F7;
  margin: 5px 2px;
  padding: 3px 0;
  border: 1px solid #EFEFEF; }

.input-group {
  margin-bottom: 10px; }

.ln_solid {
  border-top: 1px solid #e5e5e5;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0; }

span.section {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

.form-control {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%; }

.control-label {
  font-weight: 500; }

.form-horizontal .control-label {
  padding-top: 8px; }

/*.form-control:focus {
    border-color: #CCD0D7;
    box-shadow: none !important
}*/
legend {
  font-size: 18px;
  color: inherit; }

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0; }

.form-control-feedback {
  margin-top: 8px;
  height: 23px;
  color: #bbb;
  line-height: 24px;
  font-size: 15px; }

.form-control-feedback.left {
  border-right: 1px solid #ccc;
  left: 13px; }

.form-control-feedback.right {
  border-left: 1px solid #ccc;
  right: 13px; }

.form-control.has-feedback-left {
  padding-left: 45px; }

.form-control.has-feedback-right {
  padding-right: 45px; }

.form-group {
  margin-bottom: 10px; }

.validate {
  margin-top: 10px; }

.invalid-form-error-message {
  margin-top: 10px;
  padding: 5px; }

.invalid-form-error-message.filled {
  border-left: 2px solid #E74C3C; }

p.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6; }

p.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7; }

ul.parsley-errors-list {
  list-style: none;
  color: #E74C3C;
  padding-left: 0; }

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  background: #FAEDEC;
  border: 1px solid #E85445; }

.btn-group .parsley-errors-list {
  display: none; }

.bad input,
.bad select,
.bad textarea {
  border: 1px solid #CE5454;
  box-shadow: 0 0 4px -2px #CE5454;
  position: relative;
  left: 0;
  -moz-animation: .7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear; }

.item input,
.item textarea {
  transition: 0.42s; }

.item .alert {
  float: left;
  margin: 0 0 0 20px;
  padding: 3px 10px;
  color: #FFF;
  border-radius: 3px 4px 4px 3px;
  background-color: #CE5454;
  max-width: 170px;
  white-space: pre;
  position: relative;
  left: -15px;
  opacity: 0;
  z-index: 1;
  transition: 0.15s ease-out; }

.item .alert::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #CE5454 transparent transparent;
  border-style: solid;
  border-width: 11px 7px;
  position: absolute;
  left: -13px;
  top: 1px; }

.item.bad .alert {
  left: 0;
  opacity: 1; }

.inl-bl {
  display: inline-block; }

.well .markup {
  background: #fff;
  color: #777;
  position: relative;
  padding: 45px 15px 15px;
  margin: 15px 0 0 0;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: none; }

.well .markup::after {
  content: "Example";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 1px; }

.autocomplete-suggestions {
  border: 1px solid #e4e4e4;
  background: #F4F4F4;
  cursor: default;
  overflow: auto; }

.autocomplete-suggestion {
  padding: 2px 5px;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background: #f0f0f0; }

.autocomplete-suggestions strong {
  color: #3399ff;
  font-weight: bolder; }

.btn {
  border-radius: 3px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger {
  color: #fff; }

.btn-primary {
  color: #fff;
  background: #1890ff;
  border: 1px solid #1890ff; }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  background: #1b7ee2;
  border: 1px solid #1b7ee2; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background: #40a9ff;
  border: 1px solid #40a9ff; }

.btn-success {
  color: #fff;
  background: #26cd36;
  border: 1px solid #26cd36;
  /*background: #26B99A;*/
  /*border: 1px solid #169F85*/ }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  /*background: #169F85*/
  background: #21bc30;
  border: 1px solid #21bc30; }

.btn-dark {
  color: #E9EDEF;
  background-color: #4B5F71;
  border-color: #364B5F; }

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #FFFFFF;
  background-color: #394D5F;
  border-color: #394D5F; }

.btn-round {
  border-radius: 30px; }

.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px; }

.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
  font-size: 20px;
  display: block; }

.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa; }

.btn.btn-app:active,
.btn.btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400; }

textarea {
  padding: 10px;
  vertical-align: top;
  width: 200px; }

textarea:focus {
  outline-style: solid;
  outline-width: 2px; }

.btn_ {
  display: inline-block;
  padding: 3px 9px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);*/
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  /*filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);*/
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden; }

.bs-glyphicons-list {
  padding-left: 0;
  list-style: none; }

.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #fff; }

.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px; }

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word; }

.bs-glyphicons li:hover {
  color: #fff;
  background-color: #1ABB9C; }

@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0; }

  .bs-glyphicons li {
    width: 12.5%;
    font-size: 12px; } }
.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 6px 6px 0;
  width: 300px;
  overflow-y: auto; }

span.tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 9px;
  text-decoration: none;
  background: #1ABB9C;
  color: #F1F6F7;
  margin-right: 5px;
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 12px;
  font-family: helvetica, Helvetica, sans-serif; }

span.tag a {
  color: #F1F6F7 !important; }

.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  text-decoration: none;
  font-size: 11px; }

.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica, Helvetica, sans-serif;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 3px;
  background: transparent;
  color: #000;
  outline: 0px; }

.tagsinput div {
  display: block;
  float: left; }

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px; }

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important; }

ul.bar_tabs {
  overflow: visible;
  background: #F5F7FA;
  height: 25px;
  margin: 21px 0 14px;
  padding-left: 14px;
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid #E6E9ED; }

ul.bar_tabs > li {
  border: 1px solid #E6E9ED;
  color: #333 !important;
  margin-top: -17px;
  margin-left: 8px;
  background: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0; }

ul.bar_tabs > li.active {
  border-right: 6px solid #D3D6DA;
  border-top: 0;
  margin-top: -15px; }

ul.bar_tabs > li a {
  padding: 10px 17px;
  background: #F5F7FA;
  margin: 0;
  border-top-right-radius: 0; }

ul.bar_tabs > li a:hover {
  border: 1px solid transparent; }

ul.bar_tabs > li.active a {
  border-bottom: none; }

ul.bar_tabs.right {
  padding-right: 14px; }

ul.bar_tabs.right li {
  float: right; }

a:focus {
  outline: none; }

ul.timeline li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  clear: both; }

.timeline .block {
  margin: 0;
  border-left: 3px solid #e8e8e8;
  overflow: visible;
  padding: 10px 15px;
  margin-left: 105px; }

.timeline.widget {
  min-width: 0;
  max-width: inherit; }

.timeline.widget .block {
  margin-left: 5px; }

.timeline .tags {
  position: absolute;
  top: 15px;
  left: 0;
  width: 84px; }

.timeline .tag {
  display: block;
  height: 30px;
  font-size: 13px;
  padding: 8px; }

.timeline .tag span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }

.tag {
  line-height: 1;
  background: #1ABB9C;
  color: #fff !important; }

.tag:after {
  content: " ";
  height: 30px;
  width: 0;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  pointer-events: none;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11px solid #1ABB9C; }

.timeline h2.title {
  position: relative;
  font-size: 16px;
  margin: 0; }

.timeline h2.title:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  border: 3px solid #d2d3d2;
  border-radius: 14px;
  background: #f9f9f9; }

.timeline .byline {
  padding: 0.25em 0; }

.byline {
  -webkit-font-smoothing: antialiased;
  font-style: italic;
  font-size: .9375em;
  line-height: 1.3;
  color: #aab6aa; }

ul.social li {
  border: 0; }

.social-sidebar,
.social-body {
  float: right; }

.social-sidebar {
  background: #EDEDED;
  width: 22%; }

.social-body {
  border: 1px solid #ccc;
  width: 78%; }

.thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%; }

.chat .thumb img {
  width: 27px;
  height: 27px;
  border-radius: 50%; }

.chat .status {
  float: left;
  margin: 16px 0 0 -16px;
  font-size: 14px;
  font-weight: bold;
  width: 12px;
  height: 12px;
  display: block;
  border: 2px solid #FFF;
  z-index: 12312;
  border-radius: 50%; }

.chat .status.online {
  background: #1ABB9C; }

.chat .status.away {
  background: #F39C12; }

.chat .status.offline {
  background: #ccc; }

.chat .media-body {
  padding-top: 5px; }

.dashboard_graph .x_title {
  padding: 5px 5px 7px; }

.dashboard_graph .x_title h3 {
  margin: 0;
  font-weight: normal; }

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center; }

.chart canvas {
  position: absolute;
  top: 0;
  left: 0; }

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-size: 18px; }

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 0.8em; }

.angular {
  margin-top: 100px; }

.angular .chart {
  margin-top: 0; }

.widget {
  min-width: 250px;
  max-width: 310px; }

.widget_tally_box .btn-group button {
  text-align: center; }

.widget_tally_box .btn-group button {
  color: inherit;
  font-weight: 500;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7; }

ul.widget_tally,
ul.widget_tally li {
  width: 100%; }

ul.widget_tally li {
  padding: 2px 10px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 4px; }

ul.widget_tally .month {
  width: 70%;
  float: left; }

ul.widget_tally .count {
  width: 30%;
  float: left;
  text-align: right; }

.pie_bg {
  border-bottom: 1px solid rgba(101, 204, 182, 0.16);
  border-radius: 4px;
  /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);*/
  /*filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);*/
  padding-bottom: 10px;
  box-shadow: 0 4px 6px -6px #222; }

.widget_tally_box .flex {
  display: -ms-flexbox;
  display: flex; }

ul.widget_profile_box {
  width: 100%;
  height: 42px;
  padding: 3px;
  background: #ececec;
  margin-top: 40px;
  margin-left: 1px; }

ul.widget_profile_box li:first-child {
  width: 25%;
  float: left; }

ul.widget_profile_box li:first-child a {
  float: left; }

ul.widget_profile_box li:last-child {
  width: 25%;
  float: right; }

ul.widget_profile_box li:last-child a {
  float: right; }

ul.widget_profile_box li a {
  font-size: 22px;
  text-align: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  display: block;
  border-radius: 50%;
  padding: 0px; }

ul.widget_profile_box li a:hover {
  color: #1ABB9C !important;
  border: 1px solid #26b99a; }

ul.widget_profile_box li .profile_img {
  width: 85px;
  height: 85px;
  margin: 0;
  margin-top: -28px; }

.widget_tally_box p,
.widget_tally_box span {
  text-align: center; }

.widget_tally_box .name {
  text-align: center;
  margin: 25px; }

.widget_tally_box .name_title {
  text-align: center;
  margin: 5px; }

.widget_tally_box ul.legend {
  margin: 0; }

.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span {
  text-align: left; }

.widget_tally_box ul.legend li .icon {
  font-size: 20px;
  float: left;
  width: 14px; }

.widget_tally_box ul.legend li .name {
  font-size: 14px;
  margin: 5px 0 0 14px;
  text-overflow: ellipsis;
  float: left; }

.widget_tally_box ul.legend p {
  display: inline-block;
  margin: 0; }

.widget_tally_box ul.verticle_bars li {
  height: 140px;
  width: 23%; }

.widget .verticle_bars li .progress.vertical.progress_wide {
  width: 65%; }

ul.count2 {
  width: 100%;
  margin-left: 1px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  padding: 10px 0; }

ul.count2 li {
  width: 30%;
  text-align: center; }

ul.count2 li h3 {
  font-weight: 400;
  margin: 0; }

ul.count2 li span {
  font-weight: 300; }

.divider {
  border-bottom: 1px solid #ddd;
  margin: 10px; }

.divider-dashed {
  border-top: 1px dashed #e7eaec;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0; }

ul.messages {
  padding: 0;
  list-style: none; }

ul.messages li,
.tasks li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 8px 0; }

ul.messages li img.avatar,
img.avatar {
  height: 32px;
  width: 32px;
  float: left;
  display: inline-block;
  border-radius: 2px;
  padding: 2px;
  background: #f7f7f7;
  border: 1px solid #e6e6e6; }

ul.messages li .message_date {
  float: right;
  text-align: right; }

ul.messages li .message_wrapper {
  margin-left: 50px;
  margin-right: 40px; }

ul.messages li .message_wrapper h4.heading {
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: 100%; }

ul.messages li .message_wrapper blockquote {
  padding: 0px 10px;
  margin: 0;
  border-left: 5px solid #eee; }

ul.user_data li {
  margin-bottom: 6px; }

ul.user_data li p {
  margin-bottom: 0; }

ul.user_data li .progress {
  width: 90%; }

.project_progress .progress {
  margin-bottom: 3px !important;
  margin-top: 5px; }

.projects .list-inline {
  margin: 0; }

.profile_title {
  background: #F5F7FA;
  border: 0;
  padding: 7px 0;
  display: -ms-flexbox;
  display: flex; }

ul.stats-overview {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 10px; }

ul.stats-overview li {
  display: inline-block;
  text-align: center;
  padding: 0 15px;
  width: 30%;
  font-size: 14px;
  border-right: 1px solid #e8e8e8; }

ul.stats-overview li:last-child {
  border-right: 0; }

ul.stats-overview li .name {
  font-size: 12px; }

ul.stats-overview li .value {
  font-size: 14px;
  font-weight: bold;
  display: block; }

ul.stats-overview li:first-child {
  padding-left: 0; }

ul.project_files li {
  margin-bottom: 5px; }

ul.project_files li a i {
  width: 20px; }

.project_detail p {
  margin-bottom: 10px; }

.project_detail p.title {
  font-weight: bold;
  margin-bottom: 0; }

.avatar img {
  border-radius: 50%;
  max-width: 45px; }

.pricing {
  background: #fff; }

.pricing .title {
  background: #1ABB9C;
  height: 110px;
  color: #fff;
  padding: 15px 0 0;
  text-align: center; }

.pricing .title h2 {
  text-transform: capitalize;
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  font-weight: 400; }

.pricing .title h1 {
  font-size: 30px;
  margin: 12px; }

.pricing .title span {
  background: rgba(51, 51, 51, 0.28);
  padding: 2px 5px; }

.pricing_features {
  background: #FAFAFA;
  padding: 20px 15px;
  min-height: 230px;
  font-size: 13.5px; }

.pricing_features ul li {
  margin-top: 10px; }

.pricing_footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  text-align: center;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.pricing_footer p {
  font-size: 13px;
  padding: 10px 0 2px;
  display: block; }

.ui-ribbon-container {
  position: relative; }

.ui-ribbon-container .ui-ribbon-wrapper {
  position: absolute;
  overflow: hidden;
  width: 85px;
  height: 88px;
  top: -3px;
  right: -3px; }

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
  background-color: #5b90bf; }

.ui-ribbon-container .ui-ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  transform: rotate(45deg);
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #555;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
  border-top: 2px solid #5b90bf; }

.ui-ribbon-container .ui-ribbon:before {
  left: 0;
  bottom: -1px; }

.ui-ribbon-container .ui-ribbon:before {
  right: 0; }

.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before {
  position: absolute;
  content: " ";
  line-height: 0;
  border-top: 2px solid #555;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent; }

.thumbnail .image {
  height: 120px;
  overflow: hidden; }

.caption {
  padding: 9px 5px;
  background: #F7F7F7; }

.caption p {
  margin-bottom: 5px; }

.thumbnail {
  height: 190px;
  overflow: hidden; }

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default; }

.view .mask,
.view .content {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0; }

.view img {
  display: block;
  position: relative; }

.view .tools {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.35);
  margin: 43px 0 0 0; }

.mask.no-caption .tools {
  margin: 90px 0 0 0; }

.view .tools a {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px; }

.view p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center; }

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000; }

.view-first img {
  transition: all 0.2s linear; }

.view-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out; }

.view-first .tools {
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out; }

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear; }

.view-first:hover img {
  transform: scale(1.1); }

.view-first:hover .mask {
  opacity: 1; }

.view-first:hover .tools,
.view-first:hover p {
  opacity: 1;
  transform: translateY(0px); }

.view-first:hover p {
  transition-delay: 0.1s; }

.form-group.has-feedback span {
  display: block !important; }

.form-group .btn {
  margin-bottom: -6px; }

.input-group-btn .btn {
  margin-bottom: 0; }

/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left {
  border-right: 1px solid #F7F7F7; }

.tabs-right {
  border-left: 1px solid #F7F7F7; }

.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px; }

.tabs-left > li {
  margin-right: -1px; }

.tabs-right > li {
  margin-left: -1px; }

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #F7F7F7;
  border-right-color: transparent; }

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border-bottom: 1px solid #F7F7F7;
  border-left-color: transparent; }

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden; }

.sideways {
  margin-top: 50px;
  border: none;
  position: relative; }

.sideways > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px; }

.sideways > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px; }

.sideways > li.active > a,
.sideways > li.active > a:hover,
.sideways > li.active > a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd; }

.sideways.tabs-left {
  left: -50px; }

.sideways.tabs-right {
  right: -50px; }

.sideways.tabs-right > li {
  transform: rotate(90deg); }

.sideways.tabs-left > li {
  transform: rotate(-90deg); }

.morris-hover {
  position: absolute;
  z-index: 1000; }

.morris-hover.morris-default-style {
  padding: 6px;
  color: #666;
  background: rgba(243, 242, 243, 0.8);
  border: solid 2px rgba(195, 194, 196, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center; }

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0; }

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0; }

.price {
  font-size: 40px;
  font-weight: 400;
  color: #26B99A;
  margin: 0; }

.prod_title {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 5px;
  margin: 30px 0;
  font-size: 20px;
  font-weight: 400; }

.product-image img {
  width: 90%; }

.prod_color li {
  margin: 0 10px; }

.prod_color li p {
  margin-bottom: 0; }

.prod_size li {
  padding: 0; }

.prod_color .color {
  width: 25px;
  height: 25px;
  border: 2px solid rgba(51, 51, 51, 0.28) !important;
  padding: 2px;
  border-radius: 50px; }

.product_gallery a {
  width: 100px;
  height: 100px;
  float: left;
  margin: 10px;
  border: 1px solid #e5e5e5; }

.product_gallery a img {
  width: 100%;
  margin-top: 15px; }

.product_price {
  margin: 20px 0;
  padding: 5px 10px;
  background-color: #FFFFFF;
  text-align: left;
  border: 2px dashed #E0E0E0; }

.price-tax {
  font-size: 18px; }

.product_social {
  margin: 20px 0; }

.product_social ul li a i {
  font-size: 35px; }

.login {
  background: #F7F7F7; }

.login .fa-paw {
  font-size: 26px; }

a.hiddenanchor {
  display: none; }

.login_wrapper {
  right: 0px;
  margin: 0px auto;
  margin-top: 5%;
  max-width: 350px;
  position: relative; }

.registration_form,
.login_form {
  position: absolute;
  top: 0px;
  width: 100%; }

.registration_form {
  z-index: 21;
  opacity: 0;
  width: 100%; }

.login_form {
  z-index: 22; }

#signup:target ~ .login_wrapper .registration_form,
#signin:target ~ .login_wrapper .login_form {
  z-index: 22;
  animation-name: fadeInLeft;
  animation-delay: 0.1s; }

#signup:target ~ .login_wrapper .login_form,
#signin:target ~ .login_wrapper .registration_form {
  animation-name: fadeOutLeft; }

.animate {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-fill-mode: both;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both; }

.login_box {
  padding: 20px;
  margin: auto; }

.left {
  float: left; }

.alignleft {
  float: left;
  margin-right: 15px; }

.alignright {
  float: right;
  margin-left: 15px; }

.clearfix:after,
form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.login_content {
  margin: 0 auto;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  min-width: 280px; }

.login_content a,
.login_content .btn-default:hover {
  text-decoration: none; }

.login_content a:hover {
  text-decoration: underline; }

.login_content h1 {
  font: normal 25px Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
  line-height: 20px;
  margin: 10px 0 30px; }

.login_content h1:before,
.login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 27%; }

.login_content h1:after {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e, #fff);
  right: 0; }

.login_content h1:before {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e, #fff);
  left: 0; }

.login_content h1:before,
.login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 20%; }

.login_content h1:after {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e, #fff);
  right: 0; }

.login_content h1:before {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e, #fff);
  left: 0; }

.login_content form {
  margin: 20px 0;
  position: relative; }

.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"] {
  border-radius: 3px;
  -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  border: 1px solid #c8c8c8;
  color: #777;
  margin: 0 0 20px;
  width: 100%; }

.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus {
  -ms-box-shadow: 0 0 2px #ed1c24 inset;
  -o-box-shadow: 0 0 2px #ed1c24 inset;
  box-shadow: 0 0 2px #A97AAD inset;
  background-color: #fff;
  border: 1px solid #A878AF;
  outline: none; }

#username {
  background-position: 10px 10px !important; }

#password {
  background-position: 10px -53px !important; }

.login_content form div a {
  font-size: 12px;
  margin: 10px 15px 0 0; }

.reset_pass {
  margin-top: 10px !important; }

.login_content div .reset_pass {
  margin-top: 13px !important;
  margin-right: 39px;
  float: right; }

.separator {
  border-top: 1px solid #D8D8D8;
  margin-top: 10px;
  padding-top: 10px; }

.button {
  background: #f7f9fa;
  background: linear-gradient(to top, #f7f9fa, #f0f0f0);
  /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);*/
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #CFD5D9;
  padding: 15px 0; }

.login_content form input[type="submit"],
#content form .submit {
  float: left;
  margin-left: 38px; }

.button a {
  background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
  color: #7E7E7E;
  font-size: 17px;
  padding: 2px 0 2px 40px;
  text-decoration: none;
  transition: all 0.3s ease; }

.button a:hover {
  background-position: 0 -135px;
  color: #00aeef; }

header {
  width: 100%; }

/*#nprogress .bar {
    background: #1ABB9C
}
#nprogress .peg {
    box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C
}
#nprogress .spinner-icon {
    border-top-color: #1ABB9C;
    border-left-color: #1ABB9C
}*/
#nprogress .bar {
  background: #1890ff; }

#nprogress .peg {
  box-shadow: 0 0 10px #1890ff, 0 0 5px #1890ff; }

#nprogress .spinner-icon {
  border-top-color: #1890ff;
  border-left-color: #1890ff; }

.editor-wrapper {
  min-height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid #ccc;
  padding: 4px;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  overflow: scroll;
  outline: none; }

.voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none; }

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.dropdown-menu a {
  cursor: pointer; }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  min-height: 38px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #73879C;
  padding-top: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 2px;
  border: none;
  border-radius: 0;
  padding: 3px 5px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc; }

.switchery {
  width: 32px;
  height: 20px; }

.switchery > small {
  width: 20px;
  height: 20px; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.cropper .img-container,
.cropper .img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center; }

.cropper .img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .cropper .img-container {
    min-height: 516px; } }
.cropper .img-container > img {
  max-width: 100%; }

.cropper .docs-preview {
  margin-right: -15px; }

.cropper .img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden; }

.cropper .img-preview > img {
  max-width: 100%; }

.cropper .preview-lg {
  width: 263px;
  height: 148px; }

.cropper .preview-md {
  width: 139px;
  height: 78px; }

.cropper .preview-sm {
  width: 69px;
  height: 39px; }

.cropper .preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0; }

.cropper .docs-data > .input-group {
  margin-bottom: 10px; }

.cropper .docs-data > .input-group > label {
  min-width: 80px; }

.cropper .docs-data > .input-group > span {
  min-width: 50px; }

.cropper .docs-buttons > .btn,
.cropper .docs-buttons > .btn-group,
.cropper .docs-buttons > .form-control {
  margin-right: 5px;
  margin-bottom: 10px; }

.cropper .docs-toggles > .btn,
.cropper .docs-toggles > .btn-group,
.cropper .docs-toggles > .dropdown {
  margin-bottom: 10px; }

.cropper .docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px; }

.cropper .docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top; }

.cropper .tooltip-inner {
  white-space: normal; }

.cropper .btn-upload .tooltip-inner,
.cropper .btn-toggle .tooltip-inner {
  white-space: nowrap; }

.cropper .btn-toggle {
  padding: 6px; }

.cropper .btn-toggle > .docs-tooltip {
  margin: -6px;
  padding: 6px; }

@media (max-width: 400px) {
  .cropper .btn-group-crop {
    margin-right: -15px !important; }

  .cropper .btn-group-crop > .btn {
    padding-left: 5px;
    padding-right: 5px; }

  .cropper .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px; } }
.cropper .docs-options .dropdown-menu {
  width: 100%; }

.cropper .docs-options .dropdown-menu > li {
  padding: 3px 20px; }

.cropper .docs-options .dropdown-menu > li:hover {
  background-color: #f7f7f7; }

.cropper .docs-options .dropdown-menu > li > label {
  display: block; }

.cropper .docs-cropped .modal-body {
  text-align: center; }

.cropper .docs-cropped .modal-body > img,
.cropper .docs-cropped .modal-body > canvas {
  max-width: 100%; }

.cropper .docs-diagram .modal-dialog {
  max-width: 352px; }

.cropper .docs-cropped canvas {
  max-width: 100%; }

.form_wizard .stepContainer {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #CCC;
  overflow-x: hidden; }

.wizard_horizontal ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0 0 20px; }

.wizard_horizontal ul.wizard_steps li {
  display: table-cell;
  text-align: center; }

/*.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover {*/
.wizard_horizontal ul.wizard_steps li a {
  display: block;
  position: relative;
  -moz-opacity: 1;
  /*filter: alpha(opacity=100);*/
  opacity: 1;
  color: #666; }

.wizard_horizontal ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #ccc;
  top: 20px;
  width: 100%;
  z-index: 4;
  left: 0; }

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
  background: #ccc; }

.wizard_horizontal ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5; }

.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no {
  background: #34495E;
  color: #fff; }

.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff; }

.wizard_horizontal ul.wizard_steps li:first-child a:before {
  left: 50%; }

.wizard_horizontal ul.wizard_steps li:last-child a:before {
  right: 50%;
  width: 50%;
  left: auto; }

.wizard_verticle .stepContainer {
  width: 80%;
  float: left;
  padding: 0 10px; }

.actionBar {
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 10px 5px;
  text-align: right;
  margin-top: 10px; }

.actionBar .buttonDisabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  /*filter: alpha(opacity=65);*/
  box-shadow: none; }

.actionBar a {
  margin: 0 3px; }

.wizard_verticle .wizard_content {
  width: 80%;
  float: left;
  padding-left: 20px; }

.wizard_verticle ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 20%;
  float: left;
  margin: 0 0 20px; }

.wizard_verticle ul.wizard_steps li {
  display: list-item;
  text-align: center; }

.wizard_verticle ul.wizard_steps li a {
  height: 80px; }

.wizard_verticle ul.wizard_steps li a:first-child {
  margin-top: 20px; }

.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  /*filter: alpha(opacity=100);*/
  opacity: 1;
  color: #666; }

.wizard_verticle ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 100%;
  background: #ccc;
  top: 20px;
  width: 4px;
  z-index: 4;
  left: 49%; }

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
  background: #ccc; }

.wizard_verticle ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5; }

.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no {
  background: #34495E;
  color: #fff; }

.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff; }

.wizard_verticle ul.wizard_steps li:first-child a:before {
  left: 49%; }

.wizard_verticle ul.wizard_steps li:last-child a:before {
  left: 49%;
  left: auto;
  width: 0; }

.form_wizard .loader {
  display: none; }

.form_wizard .msgBox {
  display: none; }

.progress {
  border-radius: 0; }

.progress-bar-info {
  background-color: #3498DB; }

.progress-bar-success {
  background-color: #26B99A; }

.progress_summary .progress {
  margin: 5px 0 12px !important; }

.progress_summary .row {
  margin-bottom: 5px; }

.progress_summary .row .col-xs-2 {
  padding: 0; }

.progress_summary .more_info span {
  text-align: right;
  float: right; }

.progress_summary .data span {
  text-align: right;
  float: right; }

.progress_summary p {
  margin-bottom: 3px;
  width: 100%; }

.progress_title .left {
  float: left;
  text-align: left; }

.progress_title .right {
  float: right;
  text-align: right;
  font-weight: 300; }

.progress.progress_sm {
  border-radius: 0;
  margin-bottom: 18px;
  height: 10px !important; }

.progress.progress_sm .progress-bar {
  height: 10px !important; }

.dashboard_graph p {
  margin: 0 0 4px; }

ul.verticle_bars {
  width: 100%; }

ul.verticle_bars li {
  width: 23%;
  height: 200px;
  margin: 0; }

.progress.vertical.progress_wide {
  width: 35px; }

.alert-success {
  color: #ffffff;
  background-color: rgba(38, 185, 154, 0.88);
  border-color: rgba(38, 185, 154, 0.88); }

.alert-info {
  color: #E9EDEF;
  background-color: rgba(52, 152, 219, 0.88);
  border-color: rgba(52, 152, 219, 0.88); }

.alert-warning {
  color: #E9EDEF;
  background-color: rgba(243, 156, 18, 0.88);
  border-color: rgba(243, 156, 18, 0.88); }

.alert-danger,
.alert-error {
  color: #E9EDEF;
  background-color: rgba(231, 76, 60, 0.88);
  border-color: rgba(231, 76, 60, 0.88); }

.ui-pnotify.dark .ui-pnotify-container {
  color: #E9EDEF;
  background-color: rgba(52, 73, 94, 0.88);
  border-color: rgba(52, 73, 94, 0.88); }

.custom-notifications {
  position: fixed;
  margin: 15px;
  right: 0;
  float: right;
  width: 400px;
  z-index: 4000;
  bottom: 0; }

ul.notifications {
  float: right;
  display: block;
  margin-bottom: 7px;
  padding: 0;
  width: 100%; }

.notifications li {
  float: right;
  margin: 3px;
  width: 36px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }

.notifications li:last-child {
  margin-left: 0; }

.notifications a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 8px; }

.tabbed_notifications .text {
  padding: 5px 15px;
  height: 140px;
  border-radius: 7px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); }

.tabbed_notifications div p {
  display: inline-block; }

.tabbed_notifications h2 {
  font-weight: bold;
  text-transform: uppercase;
  width: 80%;
  float: left;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block; }

.tabbed_notifications .close {
  padding: 5px;
  color: #E9EDEF;
  float: right;
  opacity: 1; }

.fc-state-default {
  background: #f5f5f5;
  color: #73879C; }

.fc-state-down,
.fc-state-active {
  color: #333;
  background: #ccc; }

.dropzone {
  min-height: 300px;
  border: 1px solid #e5e5e5; }

/*
.x_content {
    direction: rtl;
}
*/
.main_menu .label {
  line-height: 11px;
  margin-top: 4px; }

@media (max-width: 460px) {
  .dataTables_wrapper .col-sm-6 {
    width: 100%;
    margin-bottom: 5px; }

  .dataTables_wrapper .col-sm-6 .dataTables_filter {
    float: none; } }
@media (max-width: 767px) {
  .dataTables_length {
    float: none; } }
/* CSS3 Checkbox */
/*
.checkbox-input { display:block;position:relative; }
.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; }


 #input + label:after {
    content: 'click my input';
    color: blue;
  }

  #input:focus + label:after {
    content: 'not valid yet';
    color: blue;
  }

  #input:valid + label:after {
    content: 'looks good';
    color: red;
  }

/* CSS3 Checkbox - end */
/*

/*
.checkbox                                                                                                       { display: block;position:relative;cursor:pointer; }
.checkbox input                                                                                                 { position:absolute;z-index:-1;opacity:0;left:0;top:0; }
.checkbox div                                                                                                   { position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; }
.checkbox input:checked ~ div                                                                           { background: #1ABC9C; }
.checkbox:hover input:not([disabled]):checked ~ div,
.checkbox input:checked:focus ~ div                                                                     { background: #1ABC9C; }
.checkbox input:disabled ~ div                                                                          { background: #1ABC9C;opacity: 0.6;pointer-events: none; }
.checkbox div:after                                                                                             { content: '';position: absolute;display: none; }
.checkbox input:checked ~ div:after                                                                     { display: block; }
.checkbox-wp div:after                                                                                  { left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); }
.checkbox-wp input:disabled ~ div:after                                                                 { border-color: #F2F2F2; }


.checkbox-radio div                                                                                             { border-radius: 50%; }
.checkbox-radio div:after                                                                                   { left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; }
.checkbox-radio input:disabled ~ div:after                                                          { background: #F2F2F2; }


.checkbox, .radio { margin-top:-3px; }

table thead .checkbox { margin-top:-7px;margin-top:-21px; }
table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
*/
.daterangepicker.xdisplay {
  width: 228px; }

.dataTables_wrapper > .row {
  overflow: auto !important;
  /*prevent datatables overflowing its container*/ }

/** bootstrap-datetimepicker **/
.input-group.date .input-group-addon {
  border-radius: 0px !important;
  background-color: #ffff !important; }

/** /bootstrap-datetimepicker **/
body {
  color: #333; }

label.brand-checkbox > span,
label.brand-radio > span {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 16px;
  font-weight: 300;
  cursor: pointer;
  /*padding-left: 22px;*/
  width: 100%; }

label.brand-checkbox > span:before,
label.brand-radio > span:before {
  cursor: pointer;
  font-family: FontAwesome, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #73879C;
  content: "\a0";
  background-color: transparent;
  border: 1px solid #73879C;
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 6px;
  position: relative;
  top: 0;
  margin-left: -22px;
  float: left; }

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px; }

label.brand-radio > span:before {
  border-radius: 16px;
  font-size: 9px; }

label.brand-checkbox > input:checked + span:before,
label.brand-radio > input:checked + span:before {
  content: "\f00c";
  font-weight: 300; }

label.brand-checkbox > input,
label.brand-radio > input {
  height: 0;
  z-index: -100 !important;
  opacity: 0;
  position: absolute; }

label.brand-radio > input:checked + span:before {
  content: "\f111"; }

label.brand-checkbox.disabled > span:before,
label.brand-radio.disabled > span:before,
label.brand-checkbox > input:disabled + span,
label.brand-radio > input:disabled + span {
  color: #73879C;
  cursor: not-allowed; }

label.brand-checkbox.disabled > span:before,
label.brand-radio.disabled > span:before {
  border-color: #73879C; }

.brand-btn-group .btn.active,
.brand-btn-group .btn:active {
  background: #1890ff;
  color: #fff;
  border: 1px solid #1890ff; }

ul.ul-default {
  list-style: none;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0; }

.tile_count .tile_stats_count {
  padding-top: 10px; }

.tile_count .tile_stats_count .count {
  margin-top: 10px; }

ul.msg_list li a .time {
  right: 15px; }

.widget_summary .w_right span {
  font-size: 14px; }

.wizard_horizontal ul.wizard_steps li a {
  cursor: default; }

.nav-sm ul.nav.child_menu,
.nav_title {
  background: #002140; }

.left_col {
  background: #001529; }

.nav_menu {
  height: 53px;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); }

.h40 {
  height: 40px; }

.w50 {
  width: 50px; }

.w60 {
  width: 60px; }

.w80 {
  width: 80px; }

.w100 {
  width: 100px; }

.w110 {
  width: 110px; }

.w120 {
  width: 120px; }

.w140 {
  width: 140px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w220 {
  width: 220px; }

.max100 {
  max-width: 100px; }

.max110 {
  max-width: 110px; }

.max120 {
  max-width: 120px; }

.max150 {
  max-width: 150px; }

.max180 {
  max-width: 180px; }

.min80 {
  min-width: 80px; }

.min380 {
  min-width: 380px; }

.h200 {
  height: 200px; }

.f12 {
  font-size: 12px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f20 {
  font-size: 20px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.ml20 {
  margin-left: 20px; }

.mlr10 {
  margin-left: 10px;
  margin-right: 10px; }

.mb0 {
  margin-bottom: 0; }

.mb5 {
  margin-bottom: 5px; }

.mt5 {
  margin-top: 5px; }

.mt8 {
  margin-top: 8px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt35 {
  margin-top: 35px; }

.pt8 {
  padding-top: 8px; }

.pl0 {
  padding-left: 0; }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.p20 {
  padding: 20px; }

.color-white {
  color: #fff; }

.color-red {
  color: #dd4545; }

.color-lred {
  color: #ff0000; }

.color-green {
  color: #26cd36; }

.color-blue {
  color: #1890ff; }

.color-666 {
  color: #666; }

.color-999 {
  color: #999; }

.cursor-move {
  cursor: move; }

.p-r {
  position: relative; }

.cursor-pointer {
  cursor: pointer; }

.inline-block {
  display: inline-block; }

.break-word {
  word-wrap: break-word; }

/*自动换行*/
.break-all {
  word-break: break-all; }

/*强制英文单词断行*/
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.sidebar-footer {
  height: 1px;
  width: 180px; }

.nav-sm .sidebar-footer {
  display: none; }

.nav-sm .site_title {
  padding-left: 15px; }

.form-group.mb-spacing {
  margin-bottom: 18px; }

.v-h {
  visibility: hidden; }

.font-family-SimSun {
  font-family: "SimSun", Helvetica, sans-serif; }

.brand-bg-white {
  background: #fff; }

.table-responsive {
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddddd3;
  border: 1px solid rgba(221, 221, 221, 0.78); }

.no-data {
  margin: 50px auto;
  text-align: center;
  color: #73879C; }

.brand-table {
  margin-bottom: 0;
  border: 1px solid transparent; }

.brand-table thead tr th:first-child:not(.remove_first_child),
.brand-table tbody tr td:first-child:not(.remove_first_child) {
  width: 40px;
  text-align: center;
  min-width: 40px; }

.brand-table.noflimit thead tr th:first-child,
.brand-table.noflimit tbody tr td:first-child {
  width: auto;
  text-align: left;
  padding-left: 12px; }

.brand-table thead th {
  white-space: nowrap;
  font-weight: 600;
  min-width: 80px; }

.brand-table > tbody > tr:nth-of-type(2n+1) {
  background-color: #f9f9f9; }

.brand-table tbody tr:hover td {
  background: #e8f1fd none repeat scroll 0 0;
  border-bottom: 1px solid rgba(10, 126, 195, 0.11);
  border-top: 1px solid rgba(10, 126, 195, 0.11); }

.brand-table > tbody > tr > td,
.brand-table > tbody > tr > th,
.brand-table > tfoot > tr > td,
.brand-table > tfoot > tr > th,
.brand-table > thead > tr > td,
.brand-table > thead > tr > th {
  vertical-align: middle; }

.brand-table .btn {
  margin: 2px; }

.brand-table .img-preview,
.brand-table .img-portrait {
  height: 40px;
  width: 40px; }

.brand-table .img-preview-limit-height {
  height: 40px; }

.brand-table .img-preview {
  margin-bottom: 5px;
  margin-right: 5px; }

.brand-table .no-data-tr {
  height: 80px; }

.table.noflimit tbody .no-data-tr td:first-child,
.table > tbody > .no-data-tr > td {
  border-top: 1px solid transparent;
  color: #8fa3b9;
  text-align: center;
  padding-left: 8px; }

.brand-table tbody .no-data-tr:hover td {
  background-color: #f9f9f9;
  border-top: 1px solid transparent;
  bottom: 1px solid transparent; }

.brand-table.sorting tbody tr {
  background: url(../images/common/transparent_bg.jpg) repeat;
  cursor: move; }

/*.brand-table.sorting tbody tr.sortable-chosen td{background: #99c5ff ;border-bottom: 1px solid #99c5ff;border-top: 1px solid #99c5ff;color: #fff;}*/
.brand-table.sorting tbody tr:hover td,
.brand-table.sorting tbody tr.sortable-chosen td {
  background-color: transparent; }

.brand-table .bootstrap-tagsinput input,
.brand-table .table-control {
  height: 24px;
  font-size: 12px;
  padding: 0 6px;
  max-width: 120px;
  min-width: 60px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.brand-table .bootstrap-tagsinput {
  display: block;
  background: #fafafa;
  white-space: normal; }

.brand-table .bootstrap-tagsinput .tag {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 28px;
  font-size: 14px;
  margin-right: 5px;
  background: #4B5F71; }

.brand-table .bootstrap-tagsinput input {
  max-width: 210px;
  min-width: 210px;
  height: 28px; }

.bootstrap-tagsinput .tag::after {
  display: none; }

.form-tontrol-tag-item {
  width: 100%; }

.form-tontrol-tag-item .bootstrap-tagsinput {
  display: block; }

.form-tontrol-tag-item .bootstrap-tagsinput input {
  width: 100%; }

.home-rangking-list {
  padding-top: 20px; }

.brand-table .brand-pagination-tr > td {
  padding-right: 15px;
  text-align: right; }

.brand-pagination {
  margin: 10px 0; }

.brand-pagination .info {
  float: left; }

.brand-pagination > li:first-child > span {
  margin-left: 0;
  border: transparent;
  border-radius: 0; }

.brand-pagination > li:first-child > span:hover {
  background: #fff; }

.brand-pagination > li:nth-child(2) > a {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.brand-table.tablesorter-default .header,
.brand-table.tablesorter-default .tablesorter-header {
  padding: 8px 14px 8px 8px; }

.brand-table.tablesorter-default {
  margin-top: 0; }

.brand-table.tablesorter-default th {
  font-size: 14px; }

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
  color: #1890ff;
  border-bottom: 2px solid #1890ff; }

.brand-pagination .info span {
  color: #333; }

.brand-pagination > .active > a,
.brand-pagination > .active > a:focus,
.brand-pagination > .active > a:hover,
.brand-pagination > .active > span,
.brand-pagination > .active > span:focus,
.brand-pagination > .active > span:hover {
  border-color: #1890ff;
  background: #1890ff; }

.brand-pagination > li > a,
.brand-pagination > li > span {
  color: #666; }

.brand-pagination-group {
  padding-right: 10px;
  text-align: right; }

.page-title .title_left {
  width: 100%;
  float: none; }

.page-title .title_left h3 {
  font-size: 14px; }

.page-title .title_left .brand-only-position {
  margin-bottom: 15px; }

.brand-breadcrumb {
  padding: 0;
  padding-bottom: 18px;
  margin-bottom: 0;
  color: #8f8f8f;
  background: #fff; }

.brand-breadcrumb a {
  color: #8f8f8f; }

.breadcrumb-back {
  float: right;
  color: #666; }

.form-control:focus {
  border-color: #40a9ff; }

.brand-panel-group .panel-title {
  width: 100%;
  font-size: 18px;
  line-height: 34px; }

.brand-panel-group .panel-title.w100per {
  width: 100%; }

.brand-panel-group .panel-small-hint {
  font-size: 12px;
  margin-left: 10px;
  color: #73879C; }

.brand-panel-group .panel-date {
  padding-left: 5px;
  font-size: 12px; }

.brand-panel-group .brand-query-group {
  float: none;
  margin: 5px 0; }

.brand-panel-group .form-only-checkbox-group {
  margin-right: 30px;
  margin-bottom: 0;
  margin-top: 5px; }

.brand-panel-group .form-only-checkbox-group span {
  padding-right: 5px; }

.brand-panel-group .form-group span {
  color: #555; }

.dropdown-menu > .active > a span,
.dropdown-menu > .active > a:focus span,
.dropdown-menu > .active > a:hover span {
  color: #fff; }

.brand-panel-group select.form-control,
.brand-panel-group .bootstrap-select {
  max-width: auto; }

/*.brand-query-group .form-group{margin-right: 5px;}*/
/*.brand-query-group .btn{margin:0;}*/
.brand-query-group .form-control {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.brand-query-group .input-group {
  margin-bottom: 0; }

.brand-store-wizard .group-d .form-group {
  margin-bottom: 0; }

.brand-query-group .form-group {
  padding-left: 8px; }

.brand-query-group .bootstrap-select.form-control:not([class*=col-]) {
  max-width: 100%;
  width: auto; }

.brand-panel-group {
  padding-top: 2px;
  padding-bottom: 2px; }

.brand-query-group .form-group {
  margin-right: 2px;
  margin-bottom: 5px; }

.brand-query-group .btn {
  margin: 0 0 5px 0; }

@media (min-width: 768px) {
  .brand-panel-group select.form-control,
  .brand-panel-group .bootstrap-select {
    max-width: 150px; }

  .brand-panel-group .panel-title {
    width: auto;
    display: inline-block;
    /*margin: 5px*/
    margin-bottom: 8px; }

  .brand-panel-group .brand-query-group {
    float: right; }

  .brand-store-wizard .group-d .form-group {
    margin-bottom: 10px; } }
.form-control-hint {
  margin: 5px 0 0 2px;
  font-size: 12px;
  color: #666; }

.form-control-error {
  border-color: #f5222d; }

.prompt-info-right {
  position: absolute;
  z-index: 3;
  top: 1px;
  right: 11px;
  display: block;
  max-width: 92%;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #f5222d;
  padding: 0 10px;
  background: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0; }

.form-prompt-hide .prompt-info-right {
  display: none; }

.form-hide-error .prompt-info-right {
  display: none; }

.form-hide-error .form-control-error {
  border: 1px solid #ccc; }

.form-control[disabled].brand-bg-white,
.form-control[readonly].brand-bg-white {
  background: #fff; }

.form-inline .form-control.double-datetime {
  min-width: 310px; }

.form-inline .form-control.double-date {
  min-width: 160px; }

.form-control-word {
  text-align: center;
  line-height: 34px; }

.form-control-txt {
  padding-top: 8px; }

.form-group-portrait {
  width: 100px;
  height: 100px; }

.form-group-portrait img {
  width: 100%;
  height: 100%; }

.form-prompt-roof .prompt-info-right {
  top: -35px;
  left: 0;
  right: auto;
  border: 1px solid red;
  max-width: none; }

.upload-input-group .input-group-btn {
  position: relative; }

.upload-input-group .upload-file {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
  cursor: pointer; }

.upload-input-group .upload-btn {
  position: relative;
  z-index: 2; }

textarea.form-control {
  height: 80px; }

textarea.form-control.h70 {
  height: 70px; }

select.form-control[multiple] {
  height: 34px; }

.brand-store-wizard ul {
  padding-left: 0; }

.brand-store-wizard ul.wizard_steps li {
  width: 16.667%; }

.brand-store-area {
  padding: 20px 0; }

.brand-store-wizard .group-d {
  max-height: 320px;
  padding-bottom: 25px; }

.brand-store-wizard .template-d {
  max-height: 320px;
  overflow: auto; }

.brand-store-wizard .item-d {
  border: 1px solid #e1e1e1;
  margin-bottom: 10px; }

.brand-store-wizard .i-d-header {
  padding-left: 10px;
  line-height: 36px;
  background: #ecf7ff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.brand-store-wizard .i-d-box {
  padding: 10px;
  height: 170px;
  overflow: auto; }

.brand-upload-pic-group,
.brand-crop-view {
  position: relative;
  height: 150px;
  width: 150px;
  cursor: pointer;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.brand-crop-view.view-sm {
  height: 100px;
  width: 100px; }

.brand-upload-pic-group img,
.brand-crop-view .view-img {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.brand-crop-modal .crop-body {
  padding: 0 15px; }

.brand-crop-modal .crop-wrapper {
  margin-bottom: 15px;
  height: 364px;
  width: 100%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: #fcfcfc;
  overflow: hidden; }

.brand-crop-modal .crop-wrapper img {
  display: block;
  height: auto;
  max-width: 100%; }

.brand-crop-modal .crop-preview {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden; }

.brand-crop-modal .crop-preview:hover {
  border-color: #ccf;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }

.brand-crop-modal .crop-preview img {
  width: 100%; }

.brand-crop-modal .crop-preview-lg {
  height: 184px;
  width: 184px; }

.brand-crop-modal .crop-preview-md {
  height: 100px;
  width: 100px; }

.brand-crop-modal .crop-preview-sm {
  height: 50px;
  width: 50px; }

.brand-crop-upload-group {
  position: relative;
  cursor: pointer;
  display: inline-block; }

.brand-crop-upload-group .btn {
  position: relative;
  z-index: 3;
  margin-bottom: 0; }

.brand-crop-upload-group .form-control {
  position: absolute;
  z-index: 5;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer; }

.brand-view-img-item {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  width: auto;
  min-width: 80px;
  height: 150px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.brand-view-img-item.view-sm {
  height: 100px;
  width: 100px; }

.brand-view-img-item .view-img {
  height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.brand-upload-pic-group .view-del-box,
.brand-crop-view .view-del-box,
.brand-view-img-item .view-del-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  border-radius: 0 0 5px 5px; }

@media (min-width: 992px) {
  .brand-crop-modal .crop-preview {
    float: none; } }
.brand-upload-pic-group {
  position: relative;
  overflow: hidden; }

.brand-upload-pic-group.wh120 {
  width: 120px;
  height: 120px; }

.brand-upload-pic-group.w-auto {
  display: inline-block;
  width: auto; }

.brand-upload-pic-group .upload-file {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer; }

.brand-upload-pic-group img {
  position: relative;
  z-index: 1; }

.brand-upload-pic-group.wh120 img {
  height: 120px; }

.brand-upload-pic-group.w-auto img {
  width: auto; }

.brand-upload-pic-group .view-del-box {
  z-index: 6; }

.layui-layer-loading3 {
  margin: 0 auto; }

.flex-control-paging li a {
  background: #cecece; }

.flex-control-paging li a:hover {
  background: #2587eb; }

.flex-control-paging li a.flex-active {
  background: #1890ff; }

.tv-flexslider {
  margin: 20px auto;
  text-align: center; }

.tv-flexslider .flexslider {
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.tv-flexslider .slides > li {
  padding-top: 60px; }

.tv-flexslider img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.tv-flexslider .flex-direction-nav a {
  margin: 0; }

.tv-flexslider-caption {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  min-height: 60px;
  text-align: left; }

.notice-tabs-bar .last-screen {
  float: right; }

.notice-tabs-bar .last-screen a {
  background: #fff; }

.letter-ligning .ll-4 {
  text-align: center;
  width: 4em; }

.letter-ligning .ll-4-2 {
  letter-spacing: 2em;
  margin-right: -2em; }

/*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-2）/(2-1)=2em */
.letter-ligning .ll-4-3 {
  letter-spacing: 0.5em;
  margin-right: -0.5em; }

/*如果需要y个字两端对齐，则为(x-y)/(y-1),这里是（4-3）/(3-1)=0.5em */
.mx-blockquote,
.app-download-blockquote {
  margin-left: 20px;
  font-size: 14px; }

.brand-echarts {
  height: 450px; }

.modal-form-body {
  padding-top: 30px;
  padding-bottom: 30px; }

.home-statistics-bar .count {
  color: #1890ff; }

@media (min-width: 1200px) {
  .mx-l-accordion {
    float: left;
    z-index: 2;
    width: 260px; }

  .mx-r-table {
    z-index: 1;
    float: none;
    padding-left: 270px;
    width: 100%; }

  .mx-accordion-three-tier-row .mx-l-accordion {
    width: 400px; }
  .mx-accordion-three-tier-row .mx-r-table {
    padding-left: 410px; } }
.mx-accordion.edit .submenu a,
.mx-accordion.edit .link {
  padding-right: 65px; }

.mx-accordion {
  padding: 0;
  width: 100%;
  margin: 0 auto 10px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddddd3;
  border: 1px solid rgba(221, 221, 221, 0.78);
  /*border-top: 1px solid #ccc;*/
  /*border-bottom: 1px solid #ccc;*/ }

.mx-accordion ul,
.mx-accordion li {
  list-style-type: none;
  padding: 0; }

.mx-accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  /*border-bottom: 1px solid #CCC;*/
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.mx-accordion > li {
  border-bottom: 1px solid #ddddd3; }

.mx-accordion > li:last-child {
  border-bottom: none; }

.mx-accordion li i {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.mx-accordion li i.l-a {
  left: 12px;
  /*margin-top: -8px;*/ }

/*.mx-accordion li i.r-a,
.mx-accordion li i.r-b{
    margin-top: -8px;
}*/
.mx-accordion li i.r-a {
  right: 12px; }

.mx-accordion li i.r-b {
  right: 40px; }

.mx-accordion li.open .link {
  color: #1890ff;
  /*color: #26B99A;*/
  /*color: #b63b4d;*/ }

.mx-accordion li.open i {
  color: #1890ff;
  /*color: #26B99A;*/
  /*color: #b63b4d;*/ }

.mx-accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.mx-accordion .submenu {
  display: none;
  /*background: #444359;*/
  background: #fff;
  font-size: 14px; }

.mx-accordion .submenu li {
  /*border-bottom: 1px solid #4b4a5e;*/
  /*border-bottom: 1px solid #ddddd3;*/ }

.mx-accordion .submenu a {
  position: relative;
  display: block;
  text-decoration: none;
  /*color: #d9d9d9;*/
  color: #555;
  padding: 10px 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.mx-accordion .submenu a i {
  display: none;
  color: #fff; }

.mx-accordion-three-tier .submenu .threemenu a.active,
.mx-accordion .submenu a.active,
.mx-accordion .submenu a:hover {
  /*background: #b63b4d;*/
  /*background: #26B99A;*/
  background: #1890ff;
  color: #FFF; }

.mx-accordion .submenu a.active i,
.mx-accordion .submenu a:hover i {
  display: block; }

.brand-accordion-table-modal .modal-body {
  max-height: 500px;
  overflow: auto; }

.mx-accordion-three-tier .submenu li a.sub-link:hover {
  color: #333;
  background: #fff; }

.mx-accordion-three-tier li .link i.fa-chevron-right {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  left: 12px;
  margin-top: -10px;
  text-align: center; }
  .mx-accordion-three-tier li .link i.fa-chevron-right:hover {
    color: #145c9e; }
  .mx-accordion-three-tier li .link i.fa-chevron-right.down {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

.mx-accordion-three-tier li.open .link i.fa-chevron-right {
  /*-webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);*/ }

.mx-accordion-three-tier .fa-chevron-down {
  font-size: 12px;
  margin-top: -6px; }

.mx-accordion-three-tier .link {
  padding-left: 35px; }

.mx-accordion-three-tier .threemenu {
  display: none; }

.mx-accordion-three-tier .threemenu a:hover {
  color: #1890ff;
  background: #fff; }

.mx-accordion-three-tier .threemenu a.active {
  background: #fff;
  color: #333; }

.mx-accordion-three-tier a:hover .fa {
  display: block;
  color: #1890ff;
  cursor: pointer; }
.mx-accordion-three-tier a:hover.active .fa {
  color: #fff; }

.mx-accordion-three-tier a.active span:hover {
  color: #fff; }

.mx-accordion-three-tier a span:hover,
.mx-accordion-three-tier a .l-a:hover {
  color: #1890ff; }

.mx-accordion-three-tier .submenu .sub-link .l-a {
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 12px;
  margin-top: -10px;
  left: 28px;
  display: block;
  color: #666;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .mx-accordion-three-tier .submenu .sub-link .l-a:hover {
    color: #145c9e; }
  .mx-accordion-three-tier .submenu .sub-link .l-a.down {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

.mx-accordion-three-tier .submenu .sub-link.sub-open:hover,
.mx-accordion-three-tier .submenu .sub-link.sub-open {
  color: #1890ff; }
  .mx-accordion-three-tier .submenu .sub-link.sub-open:hover .fa,
  .mx-accordion-three-tier .submenu .sub-link.sub-open .fa {
    display: block;
    color: #1890ff; }
  .mx-accordion-three-tier .submenu .sub-link.sub-open:hover .l-a,
  .mx-accordion-three-tier .submenu .sub-link.sub-open .l-a {
    /*-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);*/
    /*color: #1890ff;*/ }

.mx-accordion-three-tier .submenu .sub-link.active .l-a {
  color: #fff; }

.mx-accordion-three-tier .submenu li a {
  padding-left: 52px; }

.mx-accordion-three-tier .link,
.mx-accordion-three-tier a {
  cursor: auto; }

.mx-accordion-three-tier span,
.mx-accordion-three-tier .l-a {
  cursor: pointer; }

.mx-accordion-three-tier span {
  display: block; }

.mx-accordion.sorting {
  padding: 10px;
  cursor: move;
  background: url(../images/common/transparent_bg.jpg) repeat; }

.mx-accordion.sorting > li {
  border: 1px solid #999;
  margin-bottom: 15px;
  background: #fff; }

.mx-accordion.sorting > li:last-child {
  margin-bottom: 0; }

.mx-accordion.sorting > li:hover {
  border: 1px solid #1890ff; }

.mx-accordion.sorting .link,
.mx-accordion.sorting a {
  cursor: move; }

.mx-accordion.sorting .submenu {
  margin: 10px;
  border: 1px solid #999; }

.mx-accordion.sorting .submenu:hover {
  border: 1px solid #1890ff; }

.mx-accordion.sorting .submenu a.active {
  color: #666;
  background: #fff; }

.mx-accordion.sorting .submenu a:hover {
  color: #666;
  background: #ddd; }

.mx-accordion.sorting .submenu {
  display: block; }

.ml80 {
  margin-left: 80px; }

.form-group-limit {
  margin-bottom: 10px; }

.form-group-limit .limit-label {
  float: left;
  width: 104px;
  margin-bottom: 0;
  line-height: 34px; }

.form-group-limit .limit-rbox {
  position: relative;
  padding-left: 104px; }

.form-group-limit .form-control {
  position: relative; }

.form-group-limit .limit-bg-disabled {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent; }

.form-group-limit.limit50 .limit-label {
  width: 50px; }

.form-group-limit.limit50 .limit-rbox {
  padding-left: 50px; }

.form-group-limit.limit100 .limit-label {
  width: 100px; }

.form-group-limit.limit100 .limit-rbox {
  padding-left: 100px; }

.form-group-limit.switch .limit-rbox {
  padding-top: 5px; }

.form-group-limit.switch .switch-hint {
  float: left;
  padding-top: 3px; }

.purchase-nav-list-group {
  overflow: auto; }

.purchase-nav-list-group ul,
.purchase-nav-list-group li {
  list-style-type: none;
  padding: 0; }

.purchase-nav-list {
  display: inline-block;
  min-width: 850px;
  padding: 0;
  margin-top: 30px; }

.purchase-nav-list img {
  width: 80px;
  height: 80px; }

.purchase-nav-list .l-item {
  position: relative;
  margin: 10px 0;
  padding-right: 80px;
  width: 220px;
  display: inline-block;
  text-align: center;
  height: 120px; }

.purchase-nav-list .l-item.last {
  padding-right: 0;
  width: 120px; }

.purchase-nav-list .l-link {
  color: #333; }

.purchase-nav-list .l-link:hover {
  color: #248bf2; }

.purchase-nav-list .l-stitle {
  margin-top: 10px; }

.purchase-nav-list .l-num {
  position: absolute;
  top: 0;
  left: 90px;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  background: #fe0000;
  font-size: 12px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.purchase-nav-list .l-arrow {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 25px;
  display: inline-block;
  width: 80px;
  height: 40px;
  background: url(../../../../resources/manager/images/erp/purchase/nav_arrow_01.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.purchase-nav-list .l-arrow-up {
  position: absolute;
  right: 10px;
  top: -10px;
  height: 54px;
  width: 68px;
  background: url(../../../../resources/manager/images/erp/purchase/nav_arrow_02.png) no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.purchase-nav-list .l-arrow-down {
  position: absolute;
  right: 10px;
  height: 54px;
  width: 68px;
  bottom: 20px;
  background: url(../../../../resources/manager/images/erp/purchase/nav_arrow_03.png) no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.purchase-nav-statistics {
  margin-top: 30px;
  max-width: 300px;
  width: 100%;
  border: 1px solid #dfdfdf; }

.purchase-nav-statistics ul {
  list-style-type: none;
  padding: 0; }

.purchase-nav-statistics .s-group {
  padding: 15px;
  line-height: 1.5;
  border-bottom: 1px solid #dfdfdf;
  font-size: 12px; }

.purchase-nav-statistics .s-group:last-child {
  border-bottom: none; }

.purchase-nav-statistics .s-stitie {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px; }

.purchase-nav-statistics .s-table {
  width: 100%; }

.purchase-nav-statistics .s-table td {
  padding: 2px 5px 2px 0; }

.purchase-nav-statistics .s-link {
  color: #248bf2; }

.brand-switch-group {
  padding: 10px 0; }

.brand-switch-group .control-label {
  padding-top: 0;
  line-height: 22px; }

.form-commodity {
  /*padding-left: 5%;*/ }

.form-commodity.pl0 {
  padding-left: 0; }

.form-commodity .limit-label {
  width: 110px;
  text-align: right;
  padding-right: 5px; }

.form-commodity .limit-rbox {
  margin-left: 110px;
  height: 34px;
  padding-left: 0; }

.form-commodity .form-control-hint {
  padding-left: 110px; }

.form-commodity .commodity-group {
  max-width: 800px;
  margin-bottom: 25px; }

.form-commodity .commodity-group.sort {
  margin-bottom: 0; }

.form-commodity .commodity-group.sort .commodity-gheader {
  margin-bottom: 5px; }

.form-commodity .commodity-group.sort .commodity-gbox {
  padding-top: 10px;
  padding-bottom: 10px; }

.form-commodity .commodity-gheader {
  padding: 10px;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 15px; }

.form-commodity .commodity-gheader .gtitle {
  position: relative;
  padding-left: 12px;
  display: inline-block;
  line-height: 34px;
  font-size: 16px;
  font-weight: 600; }

.form-commodity .commodity-gheader .gtitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 3px;
  height: 16px;
  background: #1890ff; }

.form-commodity .commodity-gheader .btn {
  margin-bottom: 0; }

.form-commodity .commodity-gbox {
  position: relative;
  padding: 0 20px; }

.form-commodity .size-group {
  padding: 8px 0 8px 30px; }

.form-commodity .size-group .form-group-limit {
  width: 250px;
  float: left;
  margin-bottom: 0; }

.form-commodity .size-group .limit-label {
  width: 80px;
  font-weight: 500; }

.form-commodity .size-group .limit-rbox {
  margin-left: 80px; }

.form-commodity .size-group .btn {
  margin-bottom: 0; }

.form-commodity .property-item {
  position: relative;
  padding-top: 15px;
  margin-bottom: 15px;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.form-commodity .property-item:last-child {
  margin-bottom: 0; }

.form-commodity .property-tbox {
  margin-bottom: 10px; }

.form-commodity .property-bbox {
  padding: 10px 0 10px 70px;
  list-style-type: none;
  background: #edecec;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.form-commodity .property-bbox .form-group-limit {
  width: 220px; }

.form-commodity .property-bbox .prompt-info-right {
  max-width: 90%; }

.form-commodity .property-bbox.sort-box .size-group {
  cursor: move;
  background: url(../images/common/transparent_bg.jpg) repeat; }

.form-commodity .property-bbox.sort-box .size-group.sortable-chosen {
  background: #e4e1e1; }

.form-commodity .commodity-submit-group {
  margin-top: 30px;
  padding: 20px 0 20px 150px;
  border-top: 1px solid #c5c5c5; }

.form-commodity .commodity-del {
  position: absolute;
  top: 10px;
  right: 40px;
  font-size: 24px;
  color: #dd4545; }

.form-commodity .property-group {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #edecec; }

.form-commodity .property-group .property-bbox {
  padding-left: 110px; }

.form-commodity .property-group .size-group {
  padding: 0 0 0 0; }

.form-commodity .package-bbox {
  padding: 20px;
  background: #edecec; }

.form-commodity .package-bbox .brand-table {
  border-top: 1px solid #ddd; }

.form-commodity .package-bbox .brand-table th,
.form-commodity .package-bbox .brand-table td {
  border: 1px solid #ddd;
  text-align: center; }

.form-commodity .package-bbox .brand-table tr {
  background: #fff; }

.form-commodity .package-bbox .btn-add {
  margin-top: 10px;
  margin-bottom: 0; }

.form-commodity .commodity-gbox.sorting {
  cursor: move;
  background: url(../images/common/transparent_bg.jpg) repeat; }

.form-commodity .commodity-gbox.sorting .property-item {
  position: relative; }

.form-commodity .commodity-gbox.sorting .property-item:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #999;
  background: rgba(255, 255, 255, 0.1); }

.form-commodity .commodity-gbox.sorting .property-item:hover:after {
  border: 2px solid #1890ff;
  background: rgba(255, 255, 255, 0.4); }

.page-error-group {
  width: 100%;
  padding: 20px;
  max-width: 510px;
  margin: 120px auto 0; }

.page-error-icon {
  display: block;
  width: 100%; }

.page-error-hint {
  margin: 60px auto 0;
  color: #1890ff;
  font-size: 24px;
  text-align: center; }

.page-error-group .btn {
  display: block;
  margin: 50px auto 10px;
  padding: 10px 20px;
  font-size: 18px;
  min-width: 140px; }

.nav-md ul.nav.child_menu li:before {
  display: none; }

.nav-md ul.nav.child_menu li:after {
  display: none; }

.nav.child_menu {
  background: #000c17; }

.nav.child_menu li {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

/*.nav-md ul.nav.child_menu ul.nav.child_menu {padding-right: 10px;}*/
.nav-md ul.nav.child_menu ul.nav.child_menu li a {
  padding-left: 65px;
  font-size: 14px; }

/*.nav.chil_menu li.current-page:hover{background: #0692e4;}*/
/*.nav.child_menu li.current-page:hover a{color: #fff;}*/
/*.nav li a{ -webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}*/
.nav li.current-page {
  background: none; }

.nav li.current-page a {
  color: #fff;
  background: #1890ff; }

.nav.side-menu > li.current-page > a:hover,
.nav > li.current-page > a:focus {
  background: #1890ff; }

.nav.child_menu > li > a {
  padding: 8px 5px 8px 50px;
  font-size: 14px; }

.nav.child_menu > li > a:hover {
  color: #fff; }

.nav.child_menu > li .s_s_a {
  padding-right: 35px; }

.menu_section > ul {
  margin-top: 0; }

.nav.side-menu > li.current-page,
.nav.side-menu > li.active {
  border-right: none; }

.nav.side-menu > li.active > a {
  color: #fff;
  box-shadow: none;
  background: none; }

.nav.side-menu > li.active > a > .fa-chevron-down,
.nav.side-menu > li.active > ul > li.active > a > .fa-chevron-down {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.nav.side-menu > li > a {
  margin-bottom: 0;
  padding-right: 35px; }

.main_menu span.fa {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -6px;
  -webkit-transition: all .3s;
  transition: all .3s; }

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: none; }

.nav-sm .nav.side-menu li.active-sdm a {
  background: #1890ff; }

.nav-sm .nav.side-menu li a i {
  font-size: 18px !important; }

.nav-sm .nav.side-menu li a {
  margin-top: 0; }

.nav-sm .nav.child_menu li {
  margin: 0; }

.nav-sm .nav.side-menu > li:nth-last-child(2) .nav.child_menu,
.nav-sm .nav.side-menu > li:last-child .nav.child_menu {
  bottom: 0;
  top: auto; }

.nav-sm ul.nav.child_menu li {
  padding: 0;
  margin: 5px; }

/*.nav-sm ul.nav.child_menu {max-height: 600px;overflow: auto;}*/
.layer-notice-container {
  position: fixed;
  z-index: 900;
  bottom: 0;
  right: 0;
  width: 360px;
  display: none;
  -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.2); }

.layer-notice-container .notice-header {
  padding: 0 15px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  background: #1890ff;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.layer-notice-container .notice-bd {
  max-height: 380px;
  min-height: 180px;
  border-left: 1px solid #1890ff;
  background: #fff;
  overflow: auto; }

.layer-notice-container .notice-close {
  float: right;
  color: #fff;
  font-size: 20px; }

.layer-notice-container ul {
  padding: 0;
  list-style: none;
  margin: 0; }

.layer-notice-container ul li {
  border-bottom: 1px solid #ddd; }

.layer-notice-container .notice-item {
  position: relative;
  display: block;
  padding: 12px 15px 12px 35px;
  color: #333; }

.layer-notice-container .notice-item:hover {
  color: #1890ff; }

.layer-notice-container .notice-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  background: #1890ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.mx-operating-record-content {
  line-height: 1.5; }

.mx-operating-record-content .o-sublist {
  margin: 5px 0;
  padding: 8px 12px;
  background: #f1f1f1;
  border: 1px solid #e4e4e4;
  list-style-type: none; }

.mx-operating-record-content .o-item {
  margin: 10px 0; }

.mx-operating-record-content .o-sublist .o-sublist {
  list-style-type: none; }

.mx-operating-record-content .o-name {
  padding: 0 5px;
  font-weight: 600; }

.mx-operating-record-content .o-more {
  font-family: 18px;
  margin-left: 5px;
  color: #333; }

.mx-operating-record-content .o-more:hover {
  color: #000; }

.commodity-introducing {
  position: relative;
  width: 100%;
  max-width: 1200px; }

.commodity-introducing .ci-lside {
  display: inline-block;
  width: 42%; }

.commodity-introducing .ci-rside {
  display: inline-block;
  width: 42%;
  margin-left: 15%;
  vertical-align: top; }

.commodity-introducing .ci-cside {
  display: inline-block;
  position: absolute;
  left: 42%;
  width: 15%;
  padding: 200px 20px 0;
  font-size: 12px;
  text-align: center; }

.commodity-introducing li,
.commodity-introducing ul {
  padding: 0;
  list-style-type: none; }

.commodity-introducing .ci-cside span {
  color: #1890ff;
  font-size: 16px; }

.commodity-select-box {
  display: block;
  width: 100%; }

.commodity-select {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  font-size: 12px;
  border: 1px solid transparent;
  border-bottom: 1px solid #b4c9d7;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.dn {
  display: none; }

.checkbox-icon {
  display: inline-block;
  background: url(../../../../resources/brandV3/images/common/checkbox_icon_01.png) no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -3px;
  width: 20px;
  height: 20px;
  background-position: 0 0; }

.checkbox-icon.checked {
  background-position: 0 -20px; }

.commodity-box {
  position: relative;
  border: 1px solid #8fcdef;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }

.commodity-select-box {
  display: block;
  width: 100%; }

.commodity-select {
  width: 100%;
  height: 30px;
  padding-left: 10px;
  font-size: 12px;
  border: 1px solid transparent;
  border-bottom: 1px solid #b4c9d7;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.commodity-menubox {
  position: relative;
  float: left;
  width: 170px;
  height: 100%; }

.commodity-menubox::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #8fcdef;
  z-index: 2; }

.commodity-menutotal {
  padding-left: 10px;
  height: 32px;
  line-height: 32px;
  position: relative;
  z-index: 1;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.commodity-menulist {
  width: 100%;
  position: relative;
  z-index: 3;
  margin-bottom: 0; }

.commodity-menulist li {
  list-style-type: none;
  padding-left: 10px;
  padding-right: 5px;
  /*height: 30px*/
  line-height: 28px;
  cursor: pointer;
  color: #293840;
  text-align: left;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

.commodity-menulist li.current {
  position: relative;
  z-index: 3;
  background: #fff;
  border-top: 1px solid #8fcdef;
  border-bottom: 1px solid #8fcdef;
  cursor: #8fcdef; }

.commodity-menulist li.current::after {
  content: "";
  position: absolute;
  z-index: 4;
  border-right: 1px solid #fff;
  top: -1px;
  right: 0px;
  bottom: 0; }

.commodity-producttotal {
  position: relative;
  margin-left: 0;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  text-align: left;
  overflow-y: auto;
  cursor: pointer; }

.commodity-productlist {
  margin-left: 0;
  padding: 0 10px;
  overflow-y: auto; }

.commodity-productlist li {
  position: relative;
  padding-left: 10px;
  padding-right: 80px;
  text-align: left;
  width: 100%;
  line-height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #333; }

.commodity-introducing .ci-height {
  height: 500px; }

.commodity-menubox,
.commodity-productbox {
  height: 500px;
  overflow: auto; }

.commodity-producttotal .fr,
.commodity-productlist li .fr {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  overflow: auto;
  line-height: 32px;
  width: 80px;
  padding-right: 10px;
  text-align: right;
  font-size: 12px; }

.commodity-productlist li.title {
  color: #293840; }

.commodity-productlist li.checked {
  color: #3a96cf; }

.commodity-productlist li.checked .ico {
  background-position: 0 -20px; }

.commodity-productlist .ico {
  float: left;
  margin-top: 3px; }

.commodity-productlist .goods {
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.commodity-txt {
  margin-top: 240px;
  display: inline-block;
  width: 180px;
  color: #3a96cf;
  text-align: center;
  vertical-align: top; }

.commodity-submitbox {
  position: absolute;
  z-index: 6;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px; }

.commodity-submit {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #26cd36;
  color: #fff;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px; }

.commodity-submit:hover {
  color: #333; }

.commodity-select-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  height: 30px;
  width: 100%;
  background: transparent; }

.marketing-icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.marketing-icon.HDMJ,
.marketing-icon.a {
  background-image: url(../../../../resources/brandV3/images/marketing/m_01.png); }

.marketing-icon.MZHD,
.marketing-icon.b {
  background-image: url(../../../../resources/brandV3/images/marketing/m_02.png); }

.marketing-icon.ZKSP,
.marketing-icon.c {
  background-image: url(../../../../resources/brandV3/images/marketing/m_03.png); }

.marketing-icon.YHQ,
.marketing-icon.d {
  background-image: url(../../../../resources/brandV3/images/marketing/m_04.png); }

.marketing-icon.SDLJ,
.marketing-icon.e {
  background-image: url(../../../../resources/brandV3/images/marketing/m_05.png); }

.marketing-icon.DDFJ,
.marketing-icon.f {
  background-image: url(../../../../resources/brandV3/images/marketing/m_06.png); }

.marketing-icon.XYCJ,
.marketing-icon.g {
  background-image: url(../../../../resources/brandV3/images/marketing/m_07.png); }

.marketing-icon.MSHD,
.marketing-icon.h {
  background-image: url(../../../../resources/brandV3/images/marketing/m_08.png); }

.marketing-icon.JDK,
.marketing-icon.i {
  background-image: url(../../../../resources/brandV3/images/marketing/m_09.png); }

.marketing-icon.JJPSF,
.marketing-icon.j {
  background-image: url(../../../../resources/brandV3/images/marketing/m_10.png); }

.marketing-icon.YXHD,
.marketing-icon.k {
  background-image: url(../../../../resources/brandV3/images/marketing/m_11.png); }

.marketing-icon.DYJ,
.marketing-icon.l {
  background-image: url(../../../../resources/brandV3/images/marketing/m_12.png); }

.marketing-icon.HYJF {
  background-image: url(../../../../resources/brandV3/images/marketing/m_13.png); }

.marketing-icon.HYCZ {
  background-image: url(../../../../resources/brandV3/images/marketing/m_14.png); }

.marketing-icon.HYJ {
  background-image: url(../../../../resources/brandV3/images/marketing/m_15.png); }

.marketing-icon.HYZK {
  background-image: url(../../../../resources/brandV3/images/marketing/m_16.png); }

.marketing-activity-group ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.marketing-activity-group ul > li {
  display: inline-block; }

.marketing-activity-item {
  float: left;
  color: #333;
  margin-bottom: 20px;
  margin-right: 20px;
  display: inline-block;
  width: 100px;
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.marketing-activity-item .c-txt {
  margin: 0; }

.marketing-activity-item.created .marketing-icon {
  width: 60px;
  height: 60px; }

.marketing-activity-item.created .c-txt {
  text-align: center;
  margin: 0;
  margin: 8px 0 0; }

.marketing-activity-item.create {
  text-align: left;
  width: 300px;
  height: 102px;
  overflow: hidden; }

.marketing-activity-item.create .marketing-icon {
  float: left; }

.marketing-activity-item.create .c-box {
  position: relative;
  padding-left: 90px;
  padding-right: 90px; }

.marketing-activity-item.create .c-name {
  font-weight: 600; }

.marketing-activity-item.create .c-btn {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -15px 0 0 0; }

.table-progress {
  position: relative;
  margin-bottom: 0;
  min-width: 100px; }

.table-progress .progress-bar {
  border-bottom: none !important;
  background: #d3e5f0; }

.table-progress .progress-num {
  position: absolute;
  left: 8px;
  top: 0;
  line-height: 20px;
  color: #333; }

.mx-sub-header {
  padding: 10px 0; }

.mx-sub-title {
  padding-left: 8px;
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  border-left: 3px solid #1890ff; }

.overflow-auto {
  overflow: auto; }

.takeout-bind-stores-logo {
  display: block;
  margin: 25px auto;
  max-width: 418px;
  width: 100%; }

.takeout-bind-ele-iframe {
  width: 400px;
  height: 550px;
  border: 1px solid #ddd;
  margin: 0 auto;
  display: block; }

.mx-other-group ul {
  padding: 0;
  margin: 0; }

.mx-other-group .o-item {
  padding: 12px 0;
  border-bottom: 1px solid #D7D7D7;
  list-style: none;
  line-height: 20px; }

.mx-other-group.lnborder .o-item:last-child {
  border-bottom: none; }

.mx-other-group .o-txt {
  float: right; }

.form-group-marketing .m-side {
  padding-left: 0;
  padding-right: 0; }

.form-control-marketing {
  position: relative;
  padding-bottom: 10px; }

.form-group-marketing .m-word {
  position: absolute;
  top: 0;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 35px;
  text-align: center; }

.form-control-marketing .m-word.l {
  left: 0; }

.form-control-marketing .m-word.r {
  right: 0; }

.form-control-marketing .m-control-box {
  position: relative;
  margin-left: 35px; }

.form-control-marketing .form-control {
  padding-right: 25px; }

.home-qrcode-item {
  display: inline-block;
  margin: 10px 5px;
  padding: 8px 8px 0 8px;
  text-align: center;
  border: 1px solid #e0e0e0;
  background: #fff; }

.home-qrcode-item .qrcode-modal-name {
  height: 40px;
  line-height: 40px; }

.table-qrcode-item {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #c0c6c9;
  cursor: pointer; }

.table-qrcode-item.selected {
  border: 1px solid #1890ff; }

.table-qrcode-item.selected .qrcode-sel-box {
  display: block; }

.table-qrcode-item .qrcode-sel-box {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  text-align: center; }

.table-qrcode-item .qrcode-check {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  font-size: 80px;
  color: #1890ff;
  font-weight: 300; }

.table-qrcode-item .qrcode-img {
  position: relative;
  z-index: 1;
  display: block;
  height: 300px;
  width: 300px; }

.time-quantum-group {
  background: #edecec;
  padding: 10px 10px 10px 30px; }

.search-result-hot-tag {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer; }

.search-result-hot-tag:hover {
  color: #333; }

.search-result-list {
  padding: 8px 0 0 0;
  list-style-type: none; }

.search-result-list .s-item {
  margin-bottom: 30px; }

.search-result-list .s-title {
  font-size: 16px; }

.search-result-list .s-txt {
  margin-top: 5px;
  color: #666; }

.search-result-list .s-nodata {
  color: #666; }

.nav-map-group {
  padding-top: 15px;
  padding-left: 15px;
  min-height: 410px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd; }

.nav-map-group .m-list {
  padding: 8px 0 0 0;
  list-style-type: none;
  margin-bottom: 0; }

.nav-map-group .m-li {
  margin-bottom: 12px; }

.nav-map-group .m-li:last-child {
  margin-bottom: 0; }

.nav-map-group .m-link {
  display: inline-block;
  margin-right: 15px;
  color: #333; }

.nav-map-group .m-link:hover {
  color: #1890ff; }

.member-card-set-content {
  position: relative;
  z-index: 0;
  padding: 15px;
  background: #F6F6F8;
  min-height: 750px; }

.member-card-set-content ul {
  padding: 0;
  list-style: none; }

.member-card-preview {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 320px;
  min-height: 625px;
  margin-right: 16px;
  padding-bottom: 10px;
  overflow: hidden;
  border: 1px solid #e7e7eb;
  color: #222;
  background: #fff; }

.member-card-preview .mcp-title {
  text-align: center;
  height: 62px;
  line-height: 85px;
  font-size: 17px;
  color: #fff;
  background: url(../../../../static/common/images/card/member_card_title_375.png) no-repeat #000; }

.mcp-editable {
  position: relative;
  z-index: 2; }

.mcp-editable:hover .group-coverage,
.mcp-editable.editing .group-coverage {
  display: block; }

.mcp-editable .group-cont {
  position: relative;
  z-index: 3; }

.mcp-editable .group-coverage {
  display: none;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.mcp-editable .group-coverage .glyphicon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 14px;
  margin-left: -8px;
  margin-top: -8px; }

.mcp-shape-group {
  margin: 20px 30px 10px;
  background: #1890ff;
  min-height: 154px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

.mcp-shape-group .group-coverage {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.mcp-shape-group .logo-panel {
  position: relative;
  margin: 0;
  padding: 25px 20px 12px 66px;
  text-align: left;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: bolder;
  text-shadow: 1px 1px 3px #666; }

.mcp-shape-group .s-logo {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 24px;
  left: 20px;
  display: block;
  padding-top: 0;
  margin: 0 auto;
  float: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.mcp-shape-group .s-title {
  height: 20px;
  line-height: 20px; }

.mcp-shape-group .msg-panel {
  padding: 2px 20px 10px;
  margin-top: 38px;
  position: relative; }

.mcp-shape-group .s-number {
  font-size: 17px;
  font-family: menlo, tahoma, Helvetica, sans-serif;
  text-shadow: 1px 1px 2px #666;
  line-height: 18px;
  color: #fff; }

.mcp-custom-group .f-item {
  float: left;
  width: 33.333%;
  padding: 5px 0;
  text-align: center; }

.mcp-custom-group .f-stitle {
  margin: 0 0 4px 0; }

.mcp-custom-group .f-describe {
  margin-bottom: 0;
  color: #1890ff;
  font-size: 12px; }

.mcp-quick-pay-group {
  margin-top: 5px;
  background-color: #FFF;
  height: auto;
  padding: 15px 0 30px;
  border-top: 0;
  border-bottom: 1px solid #e7e7eb;
  text-align: center; }

.mcp-quick-pay-group .p-btn {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  width: 136px;
  text-align: center; }

.mcp-quick-pay-group .p-describe {
  font-size: 12px;
  margin-top: 4px; }

.mcp-quick-link-group .l-item {
  display: block;
  padding: 11px 10px 11px 10px;
  border-bottom: 1px solid #e7e7eb; }

.mcp-quick-link-group .l-rside {
  color: #8d8d8d;
  float: right; }

.mcp-quick-link-group .l-abstract-item {
  padding: 10px 10px 0;
  position: relative;
  background: #fff; }

.mcp-quick-link-group .l-a-img {
  position: relative;
  z-index: 1;
  width: 100%; }

.mcp-quick-link-group .l-a-txt {
  position: absolute;
  z-index: 2;
  left: 10px;
  right: 10px;
  bottom: 0;
  padding: 6px 10px;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.7);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 30px; }

.l-a-right-arrow {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px; }

.member-card-vui {
  margin-left: 335px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mcv-tab ul {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 2px solid #e0e0e0;
  border-radius: 6px 6px 0 0;
  background-color: #FFF;
  white-space: nowrap;
  user-select: none;
  font-size: 0; }

.mcv-tab .t-item {
  display: inline-block;
  position: relative;
  height: 52px;
  line-height: 52px;
  padding: 0 24px;
  font-size: 14px;
  text-align: center;
  cursor: pointer; }

.mcv-tab .t-item.active::after {
  content: " ";
  background-color: #1890ff;
  position: absolute;
  bottom: -2px;
  height: 2px;
  will-change: left, right;
  width: 100%;
  left: 0; }

.mcv-cont {
  padding: 20px; }

.mcv-custom-color-list {
  margin-top: 10px;
  margin-bottom: 0; }

.mcv-custom-color-list li {
  width: 22px;
  height: 22px;
  float: left;
  margin: 5px 5px 5px 0;
  cursor: pointer;
  border: 2px solid #fff;
  background: #1890ff; }

.mcv-custom-color-list li.selected {
  border: 2px solid #FF0000; }

.member-card-vui .control-label {
  font-weight: 500; }

.member-card-vui .form-control-error[disabled] {
  border: 1px solid #ccc; }

.member-card-vui .form-control-error[disabled] + span {
  display: none; }

.member-card-bg-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }

.member-card-bg-list .b-item {
  position: relative;
  display: inline-block;
  margin: 12px 6px 0;
  padding: 8px 8px 0 8px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #cdcdcd; }

.member-card-bg-list .b-item.selected {
  border: 1px solid #26cd36; }

.member-card-bg-list .b-item.selected .b-tick {
  display: block; }

.member-card-bg-list .b-img {
  width: 200px;
  height: 120px; }

.member-card-bg-list .b-txt {
  margin-bottom: 0;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #666; }

.member-card-bg-list .b-tick {
  position: absolute;
  top: 0;
  left: 50%;
  display: none;
  margin-top: 10px;
  margin-left: -40px;
  font-size: 80px;
  color: #26cd36; }

.mcv-cover-group {
  padding: 15px 0 10px; }

.mcv-cover-group .cover-txt {
  font-size: 12px;
  color: #666; }

.mcv-cover-group .cover-preview {
  width: 200px;
  height: 120px;
  cursor: default; }

.mcv-logo-upload-box .view-img,
.mcv-logo-upload-box {
  height: 120px;
  width: 120px; }

.member-card-vui .form-control.limit-width {
  display: inline-block;
  width: 100px; }

.upload-text-image-group {
  margin: 10px 0;
  width: 100%;
  max-width: 400px;
  position: relative;
  border: 1px solid #CBD5DD;
  padding: 10px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden; }

.upload-text-image-group .upload-img-box {
  position: relative;
  min-height: 50px; }

.upload-text-image-group .upload-area {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  min-height: 50px;
  cursor: pointer; }

.upload-text-image-group .upload-txt {
  position: relative;
  z-index: 2;
  height: 50px;
  line-height: 50px;
  background-color: rgba(224, 224, 224, 0.9);
  color: #000; }

.upload-text-image-group .upload-file {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer; }

.upload-text-image-group .upload-img {
  position: relative;
  z-index: 1;
  width: 100%; }

.upload-text-image-group .form-control {
  margin-top: 10px; }

.upload-text-image-group .upload-footer {
  padding: 15px 0 5px; }

.upload-text-image-group .upload-footer .btn {
  margin-bottom: 0; }

/*.upload-succeed-group{}*/
.uti-succeed-item {
  margin-bottom: 15px;
  position: relative; }

.uti-succeed-item:hover .uti-operate {
  display: block; }

.uti-succeed-item img {
  width: 100%; }

.uti-operate {
  display: none;
  user-select: none;
  position: absolute;
  height: 32px;
  line-height: 32px;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  background: rgba(0, 0, 0, 0.8);
  margin-top: -16px;
  color: #fff; }

.uti-operate .glyphicon {
  margin: 0 5px;
  display: inline-block;
  cursor: pointer;
  color: #ddd; }

.uti-operate .glyphicon:hover {
  color: #fff; }

.uti-txt {
  text-align: left;
  background-color: #f6f6f8;
  padding: 10px;
  max-height: 6em;
  height: auto;
  overflow-y: auto; }

.uti-editor-area {
  margin-bottom: 15px; }

.uti-add-btn {
  padding: 10px;
  width: 100%;
  line-height: 36px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  border: 1px dashed #d9dadc; }

.uti-add-btn.disabled {
  cursor: not-allowed;
  background: #eee; }

.member-card-vui .panel-default {
  border: 1px solid #ddd; }

.member-card-vui .panel {
  margin-bottom: 15px; }

.upload-file-group-btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  height: 34px;
  vertical-align: top;
  margin-right: 5px; }

.upload-file-group-btn .upload-file {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  cursor: pointer; }

.upload-file-group-btn .upload-btn {
  position: relative;
  z-index: 2;
  margin: 0; }

.form-control-i-s-group.disabled .i-s-desc {
  cursor: not-allowed;
  background: #eee; }

.form-control-i-s-group .i-s-desc {
  position: absolute;
  z-index: 4;
  top: 1px;
  right: 11px;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  color: #666; }

.form-control-i-s-group .i-s-list {
  /*display: none;*/
  position: absolute;
  z-index: 5;
  left: 10px;
  right: 10px;
  top: 34px;
  border: 1px solid #CCD0D7;
  background: #fff;
  max-height: 280px;
  overflow: auto; }

.form-control-i-s-group .form-control {
  position: relative;
  z-index: 3;
  padding-right: 30px; }

.form-control-i-s-group .i-s-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; }

.form-control-i-s-group .i-s-item {
  padding: 5px 10px;
  cursor: pointer;
  font-size: 12px; }

.form-control-i-s-group .i-s-item.active,
.form-control-i-s-group .i-s-item:hover {
  color: #fff;
  background: #1890ff; }

.member-coupon-set-content {
  background: #fff; }

.member-coupon-preview {
  padding: 35px 10px 0;
  background: url(../../../static/merchant/images/mobile_topbar.png) 0 5px no-repeat #F6F6F8;
  border: none; }

.mcp-coupon-group {
  position: relative;
  margin: 30px 0 0;
  padding: 0 10px 10px;
  text-align: center;
  background: #fff;
  min-height: 130px; }

.mcp-coupon-group .c-logo {
  position: absolute;
  top: -19px;
  left: 50%;
  margin-left: -19px;
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #ddd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff; }

.mcp-coupon-group .c-name {
  padding-top: 30px;
  color: #666;
  margin-bottom: 5px; }

.mcp-coupon-group .c-title {
  margin-bottom: 5px;
  font-size: 18px; }

.mcp-coupon-group .btn {
  height: 30px;
  line-height: 30px;
  padding: 0 40px;
  margin: 10px 0 0;
  background: #f4f5f9;
  color: #666; }

.member-coupon-preview .l-item {
  background: #fff; }

.member-coupon-vui .mcv-cont {
  padding: 0; }

.mcv-radio-input-box .radio-inline.brand-radio {
  padding-top: 0;
  line-height: 34px;
  vertical-align: top; }

.mcv-period-time-group {
  padding-left: 20px; }

.mcv-period-time-group .time-title {
  float: left;
  padding-top: 7px;
  display: inline-block; }

.member-info-header {
  position: relative;
  padding: 15px;
  background: #4a4c50;
  color: #FFF;
  min-height: 110px; }

.mih-portrait-box {
  float: left;
  height: 80px;
  width: 80px; }

.mih-portrait {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px; }

.mih-info-box {
  padding: 10px 0 10px 90px;
  line-height: 1.6; }

.mih-grade {
  margin-left: 10px;
  display: inline-block;
  padding: 0 5px;
  color: #333;
  line-height: 20px;
  font-size: 10px;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.mih-operate {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -17px; }

.mih-operate .btn {
  margin-bottom: 0; }

.mid-base-group {
  padding: 15px 0 20px;
  border-bottom: 1px solid #e7e7eb; }

.mid-base-group .b-item {
  padding: 5px 0; }

.disabled .form-control {
  background: #eee;
  cursor: not-allowed; }

[v-cloak] {
  display: none; }

.x_panel_disabled {
  z-index: 0; }

.x_panel_disabled .x_disabled_bg {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center; }

.x_panel_disabled .x_disabled_txt {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  color: #1890ff;
  font-size: 28px; }

.layui-layer-shade {
  background-color: transparent !important; }

.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } }
.nav-sm .container.body .right_col,
.nav-md .container.body .right_col {
  position: relative;
  padding-top: 0 !important;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0 !important; }

.mx-iframe {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

/*.mx-iframe-body{padding: 10px 15px;background: #F7F7F7;}*/
/*.mx-iframe-bg{position: fixed;z-index: 2;display: block;left:0;right:0;top:0;bottom:0;background: #000;filter: alpha(opacity=30); opacity: .3;}*/
.modal-backdrop {
  /*filter: alpha(opacity=30); opacity: .3;*/
  background-color: transparent; }

.layui-layer-shade {
  background-color: transparent !important; }

.mx-iframe-body {
  padding: 0;
  /*background: #f0f2f5;*/
  background: #f8f8f8; }

.mx-iframe-body > .page-title {
  padding: 16px 25px 0 25px;
  background: #fff;
  border-bottom: 1px solid #e8e8e8; }

.mx-iframe-body > .x_panel {
  margin-top: 15px; }

.mx-page-header {
  background: #fff;
  padding: 16px 25px 0 25px;
  border-bottom: 1px solid #e8e8e8; }

.mx-page-content {
  padding: 20px 20px 0; }

.mx-page-content-min-top {
  padding: 0 20px;}

.mx-page-title {
  margin: 0 0 16px 0;
  font-size: 20px; }

.mx-page-explain {
  margin-bottom: 16px;
  color: #666; }

.mx-jump-link-wrap {
  padding-bottom: 16px;
  padding-top: 5px; }

.mx-jump-link-wrap .jump-fa-box {
  display: inline-block;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #1890ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.mx-jump-link-wrap .jump-item {
  display: inline-block;
  margin-right: 32px; }

.mx-tabs-nav-wrap .tab-item {
  position: relative;
  display: inline-block;
  height: 100%;
  margin: 0 32px 0 0;
  color: #666;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  text-decoration: none; }

.mx-tabs-nav-wrap .tab-item:hover {
  color: #1890ff; }

.mx-tabs-nav-wrap .tab-item::after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #1890ff; }

.mx-tabs-nav-wrap .active {
  color: #1890ff; }

.mx-tabs-nav-wrap .active::after {
  display: block; }

.member-card-icon {
  display: inline-block;
  width: 35px;
  margin-right: 2px;
  height: 35px;
  background: url(../images/common/member_card_icon.png?20181210) no-repeat;
  background-position: 0 0;
  vertical-align: top;
  background-size: 140px 210px;
  -webkit-background-size: 140px 210px; }

.member-card-icon.a_01 {
  background-position: 0 0; }

.member-card-icon.a_02 {
  background-position: -35px 0; }

.member-card-icon.a_03 {
  background-position: -70px 0; }

.member-card-icon.a_04 {
  background-position: -105px 0; }

.member-card-icon.a_05 {
  background-position: 0 -35px; }

.member-card-icon.a_06 {
  background-position: -35px -35px; }

.member-card-icon.a_07 {
  background-position: -70px -35px; }

.member-card-icon.a_08 {
  background-position: -105px -35px; }

.member-card-icon.a_09 {
  background-position: 0px -175px; }

.member-card-icon.b_01 {
  background-position: 0 -70px; }

.member-card-icon.b_02 {
  background-position: -35px -70px; }

.member-card-icon.b_03 {
  background-position: -70px -70px; }

.member-card-icon.b_04 {
  background-position: -105px -70px; }

.member-card-icon.c_01 {
  background-position: 0 -105px; }

.member-card-icon.c_02 {
  background-position: -35px -105px; }

.member-card-icon.c_03 {
  background-position: -70px -105px; }

.member-card-icon.c_04 {
  background-position: -105px -105px; }

.member-card-icon.c_05 {
  background-position: 0 -140px; }

.member-card-icon.c_06 {
  background-position: -35px -140px; }

.member-card-icon.c_07 {
  background-position: -70px -140px; }

.member-card-icon.c_08 {
  background-position: -105px -140px; }

.member-card-icon-tip {
  background: url(../images/common/member_card_tip.png) no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0; }

.card-create-item {
  display: block;
  -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8;
  -webkit-transition: all .3s;
  transition: all .3s; }

.card-create-item a {
  display: block;
  padding: 24px; }

.card-create-item:hover {
  position: relative;
  z-index: 1;
  color: #1890ff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.card-create-item .fa {
  margin-right: 5px;
  font-size: 20px; }

.card-create-item .card-title {
  line-height: 35px;
  font-size: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333; }

.card-description {
  margin-bottom: 8px;
  margin-bottom: 0;
  color: #999;
  height: 44px;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden; }

.order-detail-header {
  margin-top: 10px;
  padding-bottom: 10px; }

.order-detail-header .o-picture {
  display: inline-block;
  margin-right: 5px;
  width: 35px;
  height: 35px;
  border-radius: 4px; }

.order-detail-header .o-box {
  padding-left: 45px; }

.order-detail-header .o-title {
  font-size: 20px;
  margin-bottom: 20px; }

.order-detail-header .o-term {
  color: #666; }

.order-detail-header .o-stitle {
  color: #999;
  font-size: 12px; }

.order-detail-header .o-msg-big {
  font-size: 20px; }

.order-detail-header .o-item-other {
  text-align: left; }

@media (min-width: 992px) {
  .order-detail-header .o-item-other {
    text-align: right; } }
.order-detail-base-group .b-item {
  margin: 8px 0; }

.caret-down {
  position: absolute;
  display: inline-block;
  top: 50%;
  margin-top: -4px;
  margin-left: 8px;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 7px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.caret-up {
  border-bottom: 7px dashed;
  border-bottom: 7px solid\9;
  border-top: none; }

.home-tile-stats-item {
  margin-bottom: 20px;
  padding: 10px 20px 0 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border: none;
  border-radius: 3px; }

.home-tile-stats-item.sub-item {
  margin-bottom: 0;
  border: none; }

.home-tile-stats-item .title {
  /*margin:0 0 10px 0;*/
  color: #999; }

.home-tile-stats-item .total {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  color: #333;
  margin-bottom: 0;
  font-size: 30px;
  /*line-height: 40px;*/
  height: 48px; }

.home-tile-stats-item .footer {
  /*height: 40px;
  line-height: 40px;*/
  position: relative;
  /* border-top: 1px solid #e8e8e8;*/ }
  .home-tile-stats-item .footer .footer-border {
    width: 60%;
    position: absolute;
    height: 1px;
    background: white;
    top: -4px;
    opacity: 0.3; }

.home-tile-stats-item .trend-item {
  margin-right: 10px;
  /*display: inline-block;*/ }
  .home-tile-stats-item .trend-item .trent-item-content {
    height: 23px;
    line-height: 23px; }

.home-analysis-warp {
  position: relative; }

.home-analysis-boder {
  width: 1px;
  height: 328px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -164px;
  background: #dedede; }

.home-analysis-rank .rank-list {
  margin-top: 25px;
  padding: 0;
  list-style: none; }

.rank-title-font {
  position: relative;
  font-size: 18px; }

.home-analysis-titlebg {
  position: absolute;
  width: 4px;
  height: 17px;
  background: #1890ff;
  top: 50%;
  margin-top: -8.5px;
  left: -8px;
  display: inline-block; }

.home-analysis-tag {
  left: -15px; }

.home-analysis-rank .rank-item {
  margin-top: 16px; }

.home-analysis-rank .rank-item:first-child .rank-no,
.home-analysis-rank .rank-item:nth-child(2) .rank-no,
.home-analysis-rank .rank-item:nth-child(3) .rank-no {
  background: #1890ff;
  color: #fff; }

.home-tile-stats-item .messagem {
  color: white;
  position: relative; }

.home-analysis-rank .rank-no {
  background-color: #e7f4ff;
  border-radius: 25px;
  display: inline-block;
  font-size: 16px;
  /* font-weight: 600;*/
  margin-right: 24px;
  height: 25px;
  line-height: 25px;
  width: 25px;
  color: #65acff;
  text-align: center; }

.home-analysis-rank .rank-num {
  float: right;
  padding-right: 10px;
  position: relative; }

.home-analysis-rank .rank-item:first-child .rank-num,
.home-analysis-rank .rank-item:nth-child(2) .rank-num,
.home-analysis-rank .rank-item:nth-child(3) .rank-num {
  color: #1890ff; }

.mx-exception-group {
  position: relative;
  margin: 170px auto 0;
  text-align: center;
  max-width: 750px;
  width: 90%; }

.mx-exception-group-403 {
  margin: 230px auto 0; }

.wx-mx-exception-group {
  position: relative;
  margin: 170px auto 0;
  text-align: center;
  max-width: 750px;
  width: 90%; }

.mx-exception-imgbox {
  width: 55%;
  max-width: 430px;
  height: 210px; }

.wx-mx-exception-imgbox {
  width: 55%;
  max-width: 430px;
  height: 210px; }

.mx-exception-403 {
  margin: 0 auto; }

.mx-exception-icon {
  display: inline-block;
  height: 210px;
  width: 100%;
  max-width: 430px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.wx-mx-exception-icon {
  display: inline-block;
  height: 210px;
  width: 100%;
  max-width: 430px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.mx-exception-icon.exception-403 {
  background-image: url(../images/common/exception/exception_403.png); }

.mx-exception-icon.exception-404 {
  background-image: url(../images/common/exception/exception_404.svg); }

.mx-exception-icon.exception-500 {
  background-image: url(../images/common/exception/exception_500.svg); }

.wx-mx-exception-icon.wx-exception-401 {
  background-image: url(../images/common/exception/exception_401.png); }

.wx-mx-exception-icon.wx-exception-500 {
  background-image: url(../images/common/exception/exception_500.png); }

.wx-mx-exception-icon.wx-alipay-succeed {
  background-image: url(../images/common/exception/succeed.png); }

.wx-mx-exception-info {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: left;
  display: block;
  width: 45%;
  padding-left: 80px; }

.mx-exception-info {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: left;
  display: block;
  width: 45%;
  padding-left: 80px; }

.mx-exception-info-403 {
  position: absolute;
  top: 130%;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
  transform: translate(-50%, -70%);
  padding-left: 0;
  text-align: center; }

.wx-mx-exception-title {
  color: #444e58;
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 24px; }

.mx-exception-title {
  color: #434e59;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
  margin-bottom: 24px; }

.wx-mx-exception-txt {
  color: #666;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 16px; }

.mx-exception-txt {
  color: #666;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px; }

@media screen and (max-width: 768px) {
  .mx-exception-group {
    width: 100%; }

  .mx-exception-imgbox {
    width: 80%;
    margin: 0 auto; }

  .wx-mx-exception-group {
    width: 100%;
    margin-top: 28px; }

  .wx-mx-exception-imgbox {
    width: 80%;
    margin: 0 auto; }

  .wx-mx-exception-title {
    max-width: 200px;
    font-size: 20px;
    line-height: 30px;
    font-weight: normal !important;
    margin: 0 auto; }

  .wx-mx-exception-info {
    position: relative;
    padding-left: 0;
    width: 80%;
    margin: 80px auto 80px;
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

  .mx-exception-info {
    position: relative;
    padding-left: 0;
    right: 0;
    width: 80%;
    margin: 50px auto 30px;
    text-align: center;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

  .mx-exception-info-403 {
    top: 130%;
    left: 0; } }
@media screen and (max-width: 640px) {
  .mx-exception-icon,
  .mx-exception-imgbox {
    height: 250px; }

  .wx-mx-exception-icon,
  .wx-mx-exception-imgbox {
    width: 98px;
    height: 98px;
    margin: 0 auto; }

  .wx-mx-exception-info {
    margin-top: 40px; }

  .mx-exception-info,
  .mx-exception-group {
    margin-top: 30px; }

  .wx-mx-exception-group {
    margin-top: 30px; }

  .mx-exception-title {
    font-size: 66px; }

  .wx-mx-exception-txt {
    margin-top: 7px;
    font-size: 14px; } }
.mx-mrr-msg-body {
  background: white; }

.flex-father, .mx-screen-group .screen-item, .mx-screen-group .form-group, .mx-card-item .actions-box, .activity-case-item, .activity-comparing-table .activity-item, .open-up-header, .decorate-footer, .decorate-footer .df-box, .decorate-func-server-preview-group .fl-i-box, .decorate-custom-header-preview-group .shop-category-bar, .decorate-custom-header-preview-group .member-header-wrap .member-info, .decorate-custom-header-preview-group .member-header-wrap .member-other-box, .decorate-payment-card-preview-group .payment-item, .decorate-payment-card-preview-group .payment-item .pi-sell, .decorate-payment-card-preview-group .payment-item .pi-c, .decorate-goods-menus-box.TOP_MENU .menu-item, .decorate-goods-list.GROUP_DEFAULT_LIST .goods-box, .decorate-goods-list.DEFAULT_LIST .goods-box, .decorate-goods-item .goods-i-footer, .decorate-goods-item .goods-countdown-box, .decorate-goods-item .countdown-r, .decorate-location-preview-group, .decorate-location-preview-group .location-switch, .decorate-announcement-group, .decorate-wechat-service-group.style-1 .wechat-box-2, .decorate-wechat-service-group.style-2 .wechat-service-box, .decorate-screen-bar, .decorate-stores-overview-item, .decorate-stores-overview-item .overview-sale-txt, .stores-coupon-group .stores-header, .stores-coupon-item .coupon-box, .decorate-parallel-link-group .parallel-item, .decorate-btn-group .dropdown-toggle, .decorate-coupon-group .style-4,
.decorate-coupon-group .style-2,
.decorate-coupon-group .style-1, .decorate-coupon-group .style-4 .coupon-btn,
.decorate-coupon-group .style-2 .coupon-btn,
.decorate-coupon-group .style-1 .coupon-btn, .decorate-coupon-group .style-3, .decorate-coupon-group .style-3 .coupon-i-2, .decorate-goods-seckill-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flex-son, .mx-screen-group .screen-rside, .mx-screen-group .form-control-box, .mx-card-item .actions-btn, .activity-case-item .c-box, .activity-comparing-table .activity-info, .open-up-header .o-c-box, .decorate-footer .df-item, .decorate-func-server-preview-group .fl-i-msg, .decorate-custom-header-preview-group .shop-category-item, .decorate-custom-header-preview-group .member-header-wrap .member-name, .decorate-payment-card-preview-group .payment-item .pi-info-box, .decorate-payment-card-preview-group .payment-item .pi-c-l, .decorate-goods-menus-box.TOP_MENU .menu-name-box, .decorate-goods-list.GROUP_DEFAULT_LIST .goods-info-box, .decorate-goods-list.DEFAULT_LIST .goods-info-box, .decorate-goods-item .goods-price, .decorate-goods-item .countdown-l, .decorate-goods-item .countdown-r-box, .decorate-location-preview-group .location-info, .decorate-location-preview-group .location-switch-item, .decorate-announcement-group .announcement-msg-box, .decorate-wechat-service-group.style-1 .wechat-title, .decorate-screen-bar .screen-item, .decorate-stores-overview-item .overview-rbox, .decorate-stores-overview-item .overview-sale-msg, .stores-coupon-group .stores-name, .stores-coupon-item .coupon-cbox, .decorate-parallel-link-group .pi-l, .decorate-btn-group .dropdown-msg, .decorate-coupon-group .style-4 .coupon-i-1,
.decorate-coupon-group .style-2 .coupon-i-1,
.decorate-coupon-group .style-1 .coupon-i-1, .decorate-coupon-group .style-3 .coupon-i-1, .decorate-coupon-group .style-3 .coupon-i-3, .decorate-goods-seckill-box .seckill-c {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block; }

.flex-center, .activity-case-item, .activity-comparing-table .activity-item, .open-up-header, .decorate-footer, .decorate-footer .df-box, .decorate-func-server-preview-group .fl-i-box, .decorate-custom-header-preview-group .member-header-wrap .member-info, .decorate-payment-card-preview-group .payment-item, .decorate-payment-card-preview-group .payment-item .pi-sell, .decorate-payment-card-preview-group .payment-item .pi-c, .decorate-goods-menus-box.TOP_MENU .menu-item, .decorate-goods-item .goods-i-footer, .decorate-goods-item .countdown-r, .decorate-location-preview-group, .decorate-announcement-group, .decorate-wechat-service-group.style-1 .wechat-box-2, .decorate-wechat-service-group.style-2 .wechat-service-box, .stores-coupon-group .stores-header, .stores-coupon-item .coupon-box, .decorate-parallel-link-group .parallel-item, .decorate-btn-group .dropdown-toggle, .decorate-coupon-group .style-4,
.decorate-coupon-group .style-2,
.decorate-coupon-group .style-1, .decorate-coupon-group .style-4 .coupon-btn,
.decorate-coupon-group .style-2 .coupon-btn,
.decorate-coupon-group .style-1 .coupon-btn, .decorate-coupon-group .style-3, .decorate-coupon-group .style-3 .coupon-i-2, .decorate-goods-seckill-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-v,
.flex-vertical {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.mx-screen-group {
  position: relative;
  padding: 10px 20px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .mx-screen-group .form-control {
    padding-top: 0;
    padding-bottom: 0; }
  .mx-screen-group.strict {
    height: 75px;
    height: auto;
    overflow: hidden; }
    .mx-screen-group.strict .screen-item,.mx-screen-group.pick-strict .screen-item:first-child {
      padding-right: 275px;
      border-color: transparent; }
    .mx-screen-group.strict .screen-item:not(:first-child) {
      display: none; }
    .mx-screen-group.strict .checkable-group .c-box {
      padding-right: 0; }
    .mx-screen-group.strict .c-switch {
      display: none; }
    .mx-screen-group.strict .screen-footer,.mx-screen-group .screen-footer.pick-strict {
      position: absolute;
      top: 0;
      right: 0;
      padding-right: 10px;
      /*width: 40%;*/
      text-align: right; }
    .mx-screen-group.strict.limit-two, .mx-screen-group.strict.strict-double {
      overflow: visible;
      /*height: 130px;*/
      height: auto; }
      .mx-screen-group.strict.limit-two .screen-footer, .mx-screen-group.strict.strict-double .screen-footer,.mx-screen-group.limit-two .screen-footer.pick-strict, .mx-screen-group.strict-double .screen-footer.pick-strict {
        top: 33px; }
      .mx-screen-group.strict.limit-two .screen-item:nth-child(n+3), .mx-screen-group.strict.strict-double .screen-item:nth-child(n+3) {
        display: none; }
    .mx-screen-group.strict.limit-three {
      overflow: visible;
      /*height: 185px;*/
      height: auto; }
      .mx-screen-group.strict.limit-three .screen-footer,.mx-screen-group.limit-three .screen-footer.pick-strict {
        top: 65px; }
      .mx-screen-group.strict.limit-three .screen-footer-top,.mx-screen-group.limit-three .screen-footer-top.pick-strict {
        top: 0; }
      .mx-screen-group.strict.limit-three .screen-item:nth-child(n+4) {
        display: none; }
    .mx-screen-group.strict.limit-four {
      overflow: visible;
      /*height: 240px;*/
      height: auto; }
      .mx-screen-group.strict.limit-four .screen-footer,.mx-screen-group.limit-four .screen-footer.pick-strict {
        top: 85px; }
      .mx-screen-group.strict.limit-four .screen-footer-top,.mx-screen-group.limit-four .screen-footer-top.pick-strict {
        top: 0; }
      .mx-screen-group.strict.limit-four .screen-item:nth-child(n+5) {
        display: none; }
  .mx-screen-group .screen-item {
    padding: 6px 0;
    position: relative;
    border-bottom: 1px dashed #e8e8e8;
    /*&:last-child{border-bottom:0;}*/ }
  .mx-screen-group .screen-lside {
    /*position: absolute;
    left: 0;top:5px;
    width: 150px;*/
    max-width: 150px;
    margin: 5px 0;
    height: 32px;
    line-height: 32px;
    text-align: right; }
  .mx-screen-group .screen-rside {
    /*padding-left: 150px;*/ }
    .mx-screen-group .screen-rside.strict {
      overflow: hidden;
      height: 32px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .mx-screen-group .screen-rside.expanded {
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      max-height: 200px; }
  .mx-screen-group .screen-footer {
    padding: 20px 0 10px; }
    .mx-screen-group .screen-footer .btn {
      min-width: 60px; }
  .mx-screen-group .form-group {
    padding: 5px 0 5px 10px;
    margin: 0; }
  .mx-screen-group .control-label,
  .mx-screen-group .form-control {
    height: 32px;
    line-height: 32px; }
  .mx-screen-group .control-label {
    padding-right: 10px;
    max-width: 80px;
    margin-bottom: 0; }

@media (max-width: 768px) {
  .mx-screen-group.strict {
    height: auto; }
    .mx-screen-group.strict .screen-item {
      padding-right: 0;
      /*&:first-child{
          width:100%;
      }*/ }
      .mx-screen-group.strict .screen-item:not(:first-child) {
        display: none; }
    .mx-screen-group.strict .screen-footer,.mx-screen-group .screen-footer.pick-strict {
      position: relative;
      text-align: left;
      border-top: 1px dashed #e8e8e8;
      width: 100%; }
    .mx-screen-group.strict.limit-four, .mx-screen-group.strict.limit-three, .mx-screen-group.strict.limit-two, .mx-screen-group.strict.strict-double {
      height: auto; }
      .mx-screen-group.strict.limit-four .screen-footer, .mx-screen-group.strict.limit-three .screen-footer, .mx-screen-group.strict.limit-two .screen-footer, .mx-screen-group.strict.strict-double .screen-footer,
      .mx-screen-group.limit-four .screen-footer.pick-strict, .mx-screen-group.limit-three .screen-footer.pick-strict, .mx-screen-group.limit-two .screen-footer.pick-strict, .mx-screen-group.strict-double .screen-footer.pick-strict{
        position: relative;
        top: auto; } }
.mx-screen-group .checkable-group {
  position: relative; }
  .mx-screen-group .checkable-group .c-box {
    display: inline-block;
    padding-right: 50px; }
  .mx-screen-group .checkable-group .c-tag {
    display: inline-block;
    padding: 0 8px;
    margin: 10px 15px 10px 5px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    height: 22px;
    border-radius: 4px;
    background: #fafafa;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1; }
    .mx-screen-group .checkable-group .c-tag:hover {
      color: #1890ff; }
    .mx-screen-group .checkable-group .c-tag.selected {
      color: #fff;
      background-color: #1890ff; }
  .mx-screen-group .checkable-group .c-switch {
    position: absolute;
    top: 5px;
    right: 0;
    line-height: 32px;
    height: 32px; }
  .mx-screen-group.none-input-title {
    padding-left: 0; }
    .none-input-title .width320{
      width: 320px; }
    .none-input-title .width140{
      width: 140px; }

.x_content .mx-mission-group {
  padding: 10px 0;
  margin: 0; }

.mx-mission-group {
  margin: 15px 0;
  padding: 20px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .mx-mission-group .mission-item {
    margin: 5px 0;
    text-align: center; }
  .mx-mission-group .mission-subtitle {
    color: #1890ff;
    font-size: 18px; }
  .mx-mission-group .mission-state {
    font-size: 24px;
    line-height: 32px;
    margin: 6px 0 0 0; }

.mx-page-back {
  position: relative;
  float: left;
  line-height: 22px;
  margin-right: 15px;
  padding: 0 15px 0 35px;
  color: #888;
  font-size: 14px;
  border-right: 1px solid #e8e8e8; }
  .mx-page-back:hover {
    color: #444; }

.mx-page-back-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  fill: #666;
  overflow: hidden;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  opacity: .8;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODAxRDQ2REY2NEFFMTFFODhBNEM5RjczNjg5NUEzNDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODAxRDQ2RTA2NEFFMTFFODhBNEM5RjczNjg5NUEzNDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MDFENDZERDY0QUUxMUU4OEE0QzlGNzM2ODk1QTM0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MDFENDZERTY0QUUxMUU4OEE0QzlGNzM2ODk1QTM0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuJMDp8AAADdSURBVHjaYvz//z/DQAAmhgECA2YxS3p6OrFqpYH4JJStAsQ/6OFjkKV3oDQI59EjqGGWckD5IJ9OorXF2CylOJgJWYzL0qe0TNU0tRSXxTS3FJvFdLEU3WK6WYpsMV0tBZdcWCwFgW1AHE3DEnMSC7QY5ECTCIJiWoG8gaskgNgcS1CvQ6oQaBbUT6EJCdlyL2hFQLPEBQvqp2hlMAdSbUTzhgBdLUdPXHSzHFuqpovluLITzS3Hl49pajmhAgSX5Rz0aHNhs5wujT1ky59CMcWNPcbRLgy9AECAAQAKCEin6fjQgQAAAABJRU5ErkJggg==); }

.mx-page-back-icon {
  margin-right: 10px; }

.mx-font-item {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }
  .mx-font-item.a {
    background: #ffbd2f;
    -webkit-box-shadow: 0 6px 6px rgba(255, 189, 47, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(255, 189, 47, 0.3);
    box-shadow: 0 6px 6px rgba(255, 189, 47, 0.3); }
  .mx-font-item.b {
    background: #adc622;
    -webkit-box-shadow: 0 6px 6px rgba(173, 198, 34, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(173, 198, 34, 0.3);
    box-shadow: 0 6px 6px rgba(173, 198, 34, 0.3); }
  .mx-font-item.c {
    background: #42c048;
    -webkit-box-shadow: 0 6px 6px rgba(66, 192, 72, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(66, 192, 72, 0.3);
    box-shadow: 0 6px 6px rgba(66, 192, 72, 0.3); }
  .mx-font-item.d {
    background: #4189eb;
    -webkit-box-shadow: 0 6px 6px rgba(65, 137, 235, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(65, 137, 235, 0.3);
    box-shadow: 0 6px 6px rgba(65, 137, 235, 0.3); }
  .mx-font-item.e {
    background: #5169c4;
    -webkit-box-shadow: 0 6px 6px rgba(81, 105, 196, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(81, 105, 196, 0.3);
    box-shadow: 0 6px 6px rgba(81, 105, 196, 0.3); }
  .mx-font-item.f {
    background: #8b57c6;
    -webkit-box-shadow: 0 6px 6px rgba(139, 87, 198, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(139, 87, 198, 0.3);
    box-shadow: 0 6px 6px rgba(139, 87, 198, 0.3); }
  .mx-font-item.g {
    background: #ca57ce;
    -webkit-box-shadow: 0 6px 6px rgba(202, 87, 206, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(202, 87, 206, 0.3);
    box-shadow: 0 6px 6px rgba(202, 87, 206, 0.3); }
  .mx-font-item.h {
    background: #dc3d5b;
    -webkit-box-shadow: 0 6px 6px rgba(220, 61, 91, 0.3);
    -moz-box-shadow: 0 6px 6px rgba(220, 61, 91, 0.3);
    box-shadow: 0 6px 6px rgba(220, 61, 91, 0.3); }

.mx-card-item {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-radius: 2px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #e8e8e8; }
  .mx-card-item .meta-box {
    padding: 20px; }
  .mx-card-item .meta-avatar {
    padding-right: 16px;
    float: left; }
  .mx-card-item .meta-icon {
    width: 60px;
    height: 60px;
    border-radius: 48px; }
  .mx-card-item .meta-detail {
    overflow: hidden; }
  .mx-card-item .meta-title {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500; }
  .mx-card-item .meta-description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 64px; }
  .mx-card-item .actions-box {
    margin: 0;
    padding: 12px 0;
    background: #f6f7fe;
    border-top: 1px solid #ededed;
    list-style: none; }
  .mx-card-item .actions-btn {
    cursor: pointer;
    text-align: center;
    color: #666;
    border-right: 1px solid #e8e8e8; }
    .mx-card-item .actions-btn:last-child {
      border-right: none; }
    .mx-card-item .actions-btn:hover {
      color: #1890ff; }

.activity-description-item {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #e8e8e8; }
  .activity-description-item .d-img-box {
    margin: 0 auto;
    max-width: 280px;
    text-align: center; }
  .activity-description-item .d-img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  .activity-description-item .d-title {
    padding: 10px 0;
    font-size: 16px;
    text-align: center; }
  .activity-description-item .d-description {
    height: 60px;
    overflow: auto;
    margin-bottom: 0;
    color: #666; }

.activity-case-item {
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #e8e8e8; }
  .activity-case-item .c-img {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px; }
  .activity-case-item .c-box {
    padding: 10px 10px 10px 15px;
    vertical-align: middle; }
  .activity-case-item .c-title {
    font-size: 18px; }

.activity-comparing-table {
  /*&.noflimit thead tr th{
      &:first-child{
          width:auto;
          padding-left:50px;
      }
  }*/ }
  .activity-comparing-table tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px; }
  .activity-comparing-table .activity-info {
    padding-left: 15px; }
  .activity-comparing-table .activity-img {
    display: block;
    height: 44px;
    width: 44px;
    vertical-align: middle; }
  .activity-comparing-table .activity-title {
    margin: 0;
    font-size: 16px; }
  .activity-comparing-table .activity-txt {
    margin-top: 5px;
    font-size: 14px;
    color: #999; }

.open-up-header {
  padding: 20px 35px;
  margin-bottom: 10px;
  background: #f4f5f9; }
  .open-up-header .o-icon {
    font-size: 28px;
    color: #1890ff; }
  .open-up-header .o-c-box {
    padding-left: 15px; }
  .open-up-header .o-status,
  .open-up-header .o-title {
    margin: 0; }
  .open-up-header .o-status {
    padding-top: 5px;
    color: #666; }
  .open-up-header .o-btn {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0; }

.open-up-info-group {
  padding: 40px 30px 10px; }
  .open-up-info-group .i-icon {
    float: left;
    font-size: 16px; }
  .open-up-info-group .i-box {
    padding-left: 20px; }
  .open-up-info-group .i-title {
    margin-top: 0; }
  .open-up-info-group ul {
    padding: 0;
    list-style: none; }
  .open-up-info-group .i-prompt {
    margin-bottom: 5px;
    margin-top: 5px;
    color: #666; }
  .open-up-info-group .i-li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #666; }
    .open-up-info-group .i-li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -3px;
      height: 6px;
      width: 6px;
      background: #d5d5d5;
      border-radius: 50%; }

.mx-nav-menu .toggle {
  width: auto;
  padding-top: 13px; }
  .mx-nav-menu .toggle a {
    padding-top: 0; }
.mx-nav-menu .nav-title {
  line-height: 52px;
  font-size: 16px;
  color: #666; }

.ui-datepicker {
  z-index: 20000000 !important; }

.mx-timepicker-layer {
  position: absolute;
  z-index: 994;
  display: inline-block;
  /*min-width: 320px;
  max-width: 500px;*/
  width: 480px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
  .mx-timepicker-layer .picker-pr {
    position: relative;
    z-index: 995; }
  .mx-timepicker-layer .picker-content {
    padding: 15px; }
  .mx-timepicker-layer .picker-footer {
    border-top: 1px solid #ddd;
    /*padding: 10px 0;*/
    margin: 0 15px;
    height: 52px; }
  .mx-timepicker-layer .mb0 {
    margin-bottom: 0; }
  .mx-timepicker-layer .p-submit {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 20px;
    line-height: 30px; }
  .mx-timepicker-layer .picker-bg {
    position: fixed;
    z-index: 993;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .mx-timepicker-layer .p-f-l {
    padding: 10px 0;
    width: 280px;
    display: inline-block; }
  .mx-timepicker-layer .picker-quick-btn {
    display: inline-block;
    margin-right: 10px;
    line-height: 30px; }

.fadeInDown {
  -webkit-animation: fadeInDown 0.3s 0s;
  -moz-animation: fadeInDown 0.3s 0s;
  -o-animation: fadeInDown 0.3s 0s;
  animation: fadeInDown 0.3s 0s; }

.fadeInUp {
  -webkit-animation: fadeInUp 0.3s 0s;
  -moz-animation: fadeInUp 0.3s 0s;
  -o-animation: fadeInUp 0.3s 0s;
  animation: fadeInUp 0.3s 0s; }

.fadeInRight {
  -webkit-animation: fadeInRight 0.3s 0s;
  -moz-animation: fadeInRight 0.3s 0s;
  -o-animation: fadeInRight 0.3s 0s;
  animation: fadeInRight 0.3s 0s; }

.fadeInLeft {
  -webkit-animation: fadeInLeft 0.3s 0s;
  -moz-animation: fadeInLeft 0.3s 0s;
  -o-animation: fadeInLeft 0.3s 0s;
  animation: fadeInLeft 0.3s 0s; }

.rotate-return-animation {
  -webkit-animation: rotateReturnAnimation 0.3s 0s;
  -moz-animation: rotateReturnAnimation 0.3s 0s;
  -o-animation: rotateReturnAnimation 0.3s 0s;
  animation: rotateReturnAnimation 0.3s 0s; }

.fade-in-down {
  -webkit-animation: fadeInDown 0.3s 0s;
  -moz-animation: fadeInDown 0.3s 0s;
  -o-animation: fadeInDown 0.3s 0s;
  animation: fadeInDown 0.3s 0s; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  100% {
    opacity: 1;
    -moz-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(10px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-mos-keyframes fadeInUp {
  0% {
    opacity: 0;
    -mos-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -mos-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.b-b {
  border-bottom: 1px solid #ddd; }

.pb-fixed-footer {
  padding-bottom: 70px; }

.fixed-footer {
  position: fixed;
  z-index: 880;
  padding: 10px 15px;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #ddd;
  background: #fff;
  text-align: center; }
  .fixed-footer .btn {
    margin: 5px; }

.merchant-product-edit-group {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd; }

.merchant-product-content .mcv-cont {
  padding-top: 0; }
.merchant-product-content .mx-sub-header {
  margin-bottom: 15px; }
.merchant-product-content .form-group {
  margin-left: 20px; }
.merchant-product-content .control-box {
  max-width: 800px; }
.merchant-product-content .control-label {
  width: 120px;
  text-align: left; }
.merchant-product-content .bootstrap-tagsinput {
  display: block;
  padding: 5px 6px; }
.merchant-product-content .bootstrap-tagsinput input {
  min-width: 180px;
  max-width: 750px; }

.merchant-product-property-group {
  max-width: 930px;
  padding-bottom: 10px;
  padding-left: 30px; }
  .merchant-product-property-group .pp-content {
    padding-top: 10px; }
  .merchant-product-property-group .pp-hint {
    padding-left: 10px;
    color: #666; }
  .merchant-product-property-group .pp-item {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px; }
  .merchant-product-property-group .pp-l {
    display: inline-block;
    float: left;
    width: 30px;
    text-align: center; }
  .merchant-product-property-group .pp-c {
    display: inline-block;
    float: left;
    width: 100px;
    margin-right: 15px; }
  .merchant-product-property-group .pp-r {
    margin-left: 140px; }
  .merchant-product-property-group .pp-item-sub-title {
    padding-top: 0;
    padding-bottom: 0; }
  .merchant-product-property-group .pp-sub-title {
    padding: 0 5px;
    line-height: 24px; }
  .merchant-product-property-group .pp-delete {
    line-height: 34px; }

.merchant-product-spec-group {
  display: inline-block;
  margin-left: 20px;
  background: #f8f8f8;
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-bottom: 0; }
  .merchant-product-spec-group.ps-alone .ps-rbox {
    padding-left: 0; }
  .merchant-product-spec-group:last-child {
    border-bottom: 1px solid #ddd; }
  .merchant-product-spec-group .input-group {
    margin-bottom: 0; }
  .merchant-product-spec-group .ps-rbox {
    padding-left: 130px; }
  .merchant-product-spec-group .ps-item {
    float: left;
    display: inline-block;
    width: 110px;
    margin: 5px 10px 5px 0;
    vertical-align: top; }
  .merchant-product-spec-group .ps-lbox {
    width: 120px; }
  .merchant-product-spec-group .ps-name {
    padding-top: 6px;
    text-align: left; }
  .merchant-product-spec-group .stock-item {
    margin-right: 0;
    width: 280px; }
  .merchant-product-spec-group .stock-control {
    display: inline-block;
    width: 80px; }
  .merchant-product-spec-group .stock-checkbox {
    padding-top: 0;
    margin-left: 10px; }
  .merchant-product-spec-group .sku-item {
    /*width: 110*2px+10px;*/ }

.vacant-code-group {
  padding-left: 20px; }
  .vacant-code-group .vacant-item {
    padding: 10px 20px 20px 10px; }
  .vacant-code-group .vacant-title {
    color: #54667a;
    font-size: 20px;
    font-weight: 800; }
  .vacant-code-group .vacant-num {
    padding-right: 8px;
    font-size: 46px;
    color: #d6dde8;
    font-weight: 500; }
  .vacant-code-group .vacant-txt {
    margin-top: 12px;
    padding-right: 30px;
    color: #54667a; }

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .vacant-code-group .vacant-item .vacant-txt {
    min-height: 80px;
    border-right: 1px solid #ccc; }
  .vacant-code-group .vacant-item:nth-child(2n) .vacant-txt {
    border-right: none; } }
@media (min-width: 992px) {
  .vacant-code-group .vacant-item:nth-child(2) .vacant-txt {
    border-right: 1px solid #ccc; } }
/*配合 : dropdownAlignRight:true,*/
.bootstrap-select-limit-total300 .btn-group .dropdown-toggle .filter-option,
.bootstrap-select-limit-250 .btn-group .dropdown-toggle .filter-option,
.bootstrap-select-limit-210 .btn-group .dropdown-toggle .filter-option,
.bootstrap-select-limit-170 .btn-group .dropdown-toggle .filter-option,
.bootstrap-select-limit-total140 .btn-group .dropdown-toggle .filter-option,
.bootstrap-select-limit .btn-group .dropdown-toggle .filter-option {
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.bootstrap-select-limit-total140 .btn-group .dropdown-toggle .filter-option {
  width: 97.53px; }
.bootstrap-select-limit-170 .btn-group .dropdown-toggle .filter-option {
  width: 170px; }

.bootstrap-select-limit-210 .btn-group .dropdown-toggle .filter-option {
  width: 210px; }

.bootstrap-select-limit-250 .btn-group .dropdown-toggle .filter-option {
  width: 250px; }

.bootstrap-select-limit-total300 .btn-group .dropdown-toggle .filter-option {
  width: 257.53px; }

.bootstrap-select-limit-170 .bootstrap-select.form-control:not([class*=col-]),
.bootstrap-select-limit-210 .bootstrap-select.form-control:not([class*=col-]),
.bootstrap-select-limit-250 .bootstrap-select.form-control:not([class*=col-]) {
  max-width: 100%;
  width: auto; }

.bootstrap-select-limit-170 .dropdown-menu > li > a,
.bootstrap-select-limit-210 .dropdown-menu > li > a,
.bootstrap-select-limit-250 .dropdown-menu > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: normal; }

table .multiline-text,
table .multi-line-text {
  margin-top: 4px;
  margin-bottom: 4px; }

/*table th .multi-line-text:last-child,
table td .multi-line-text:last-child{margin-bottom: 0;}*/
.pay-platform-group ul {
  padding-left: 0;
  list-style: none;
  border: 1px solid #ddd;
  border-radius: 5px; }
.pay-platform-group .platform-item {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  line-height: 22px; }
  .pay-platform-group .platform-item:last-child {
    border-bottom: none; }
.pay-platform-group .btn {
  float: right;
  margin: 0; }

.precision-marketing-item {
  position: relative;
  padding: 30px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  text-align: center; }
  .precision-marketing-item:hover .pmi-edit-box {
    display: block; }
  .precision-marketing-item .pmi-title {
    color: #1890ff;
    font-size: 16px; }
  .precision-marketing-item .pmi-explain {
    padding-top: 18px;
    height: 60px;
    color: #999;
    overflow: auto; }
  .precision-marketing-item ul {
    list-style: none;
    padding-left: 30px;
    text-align: left;
    line-height: 1.6; }
  .precision-marketing-item .pmi-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd; }
  .precision-marketing-item .btn {
    margin: 0;
    min-width: 130px; }
  .precision-marketing-item .pmi-edit-box {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center; }

.btn-dropdown-group ul {
  left: auto;
  right: 0;
  max-height: 520px;
  overflow: auto; }

.btn-dropdown-group ul > li > a {
  padding: 8px 18px;
  line-height: 16px; }

.btn-dropdown-group .dropdown-menu {
  min-width: 140px; }

.btn-dropdown-group .fa {
  float: left;
  font-size: 18px;
  margin-right: 5px;
  width: 16px; }

.mx-load-group {
  position: relative; }
  .mx-load-group .load-box {
    position: absolute;
    z-index: 6;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .mx-load-group .load-bg {
    position: absolute;
    z-index: 7;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff; }
  .mx-load-group .load-txt {
    position: absolute;
    z-index: 8;
    font-size: 12px;
    text-align: center;
    color: #666;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -10px; }
  .mx-load-group table {
    position: relative;
    z-index: 5; }

.decorate-color-picker-box {
  position: absolute;
  z-index: 800;
  top: 0; }
  .decorate-color-picker-box .picker-bg {
    position: fixed;
    z-index: 801;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .decorate-color-picker-box .vc-sketch {
    z-index: 802; }

.decorate-header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  height: 90px;
  overflow: auto; }

.decorate-content {
  position: relative;
  z-index: 2;
  padding-top: 95px; }

.decorate-aside-group {
  position: fixed;
  left: 0;
  top: 95px;
  bottom: 0;
  width: 300px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #999;
  box-shadow: 0 0 5px #999;
  overflow: auto; }
  .decorate-aside-group.aside-right {
    width: 350px;
    left: auto;
    right: 0; }

.decorate-aside-header {
  padding: 15px 20px;
  border-bottom: 2px solid #e4e7ed; }
  .decorate-aside-header .aside-title {
    display: inline-block;
    margin: 0;
    font-size: 16px; }
  .decorate-aside-header .aside-tab {
    float: right; }
  .decorate-aside-header .aside-delete {
    cursor: pointer;
    color: #f5222d; }
    .decorate-aside-header .aside-delete:hover {
      text-decoration: underline; }

.decorate-aside-control-box {
  padding: 12px 10px;
  text-align: center;
  border-bottom: 1px solid #ddd; }

.decorate-module-select-group {
  position: relative;
  margin: 20px;
  border: 1px solid #ddd; }
  .decorate-module-select-group:hover .module-select-box {
    display: block; }
  .decorate-module-select-group .mx-sub-header {
    margin-left: 10px; }
  .decorate-module-select-group .mx-sub-title {
    font-size: 14px; }
  .decorate-module-select-group .module-box {
    padding: 10px;
    border-top: 1px solid #ddd; }
  .decorate-module-select-group img {
    width: 100%; }
  .decorate-module-select-group .module-select-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center; }
  .decorate-module-select-group .module-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -17px;
    width: 100px; }

.decorate-module-select-simple-group {
  padding: 15px; }
  .decorate-module-select-simple-group .simple-title {
    margin: 10px 0;
    font-size: 14px; }
  .decorate-module-select-simple-group .simple-item {
    padding: 6px;
    min-width: 84px;
    font-size: 12px; }

.decorate-center-group {
  position: relative;
  z-index: 10;
  margin: 0 auto;
  -webkit-transform: translateX(-25px);
  transform: translateX(-25px);
  width: 375px;
  /*min-height: 667px;*/
  background: #f9fafc; }
  .decorate-center-group .center-topbar {
    width: 375px;
    height: 26px;
    background: url(../images/common/phone_top_black.png) no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-color: #fff; }
  .decorate-center-group .center-title {
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #ddd; }

.decorate-center-main {
  min-height: 540px;
  background-color: #eee; }

.decorate-module-preview-group {
  position: relative;
  z-index: 190;
  background-color: #fff; }
  .decorate-module-preview-group ul {
    margin-bottom: 0; }
  .decorate-module-preview-group.active {
    z-index: 192; }
    .decorate-module-preview-group.active .preview-drag {
      display: block;
      z-index: 220; }
    .decorate-module-preview-group.active::before {
      display: block;
      z-index: 209; }
    .decorate-module-preview-group.active .preview-box {
      z-index: 211; }
  .decorate-module-preview-group .preview-drag {
    position: absolute;
    left: 50%;
    z-index: 201;
    background: #fff;
    width: 50px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #eee;
    color: #888;
    margin-left: -25px;
    top: -2px;
    text-align: center;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    display: none;
    cursor: move; }
  .decorate-module-preview-group::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -2px;
    right: -2PX;
    left: -2PX;
    bottom: -2px;
    border: 1px dashed #1890ff;
    display: none; }
  .decorate-module-preview-group .preview-box {
    position: relative;
    z-index: 200; }
  .decorate-module-preview-group .preview-editing {
    position: relative; }
    .decorate-module-preview-group .preview-editing::after {
      content: "";
      position: absolute;
      top: -4px;
      left: -4px;
      right: -4px;
      bottom: -4px;
      border: 2px dashed red; }

.decorate-edit-group {
  position: relative;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 3px;
  background-color: #f8f8f8;
  border: 1px dashed #f8f8f8; }
  .decorate-edit-group.edit-hover, .decorate-edit-group:hover {
    border-color: #1890ff; }
    .decorate-edit-group.edit-hover .edit-box, .decorate-edit-group:hover .edit-box {
      display: block; }
  .decorate-edit-group .edit-box {
    position: absolute;
    z-index: 5;
    right: -12px;
    top: 0;
    display: none; }
  .decorate-edit-group .edit-control {
    margin-top: 10px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    cursor: pointer; }
  .decorate-edit-group .edit-trash {
    cursor: pointer; }
  .decorate-edit-group .edit-arrows {
    cursor: move; }
  .decorate-edit-group .edit-file {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0; }
  .decorate-edit-group .brand-crop-view {
    margin-bottom: 15px;
    width: 100%; }
  .decorate-edit-group .view-del {
    z-index: 6; }

.decorate-form-group {
  margin-bottom: 10px; }
  .decorate-form-group.mb-zero {
    margin-bottom: 0; }
  .decorate-form-group.l-w50 .dfg-label {
    width: 50px; }
  .decorate-form-group.l-w50 .dfg-control-box {
    margin-left: 50px; }
  .decorate-form-group.l-w60 .dfg-label {
    width: 60px; }
  .decorate-form-group.l-w60 .dfg-control-box {
    margin-left: 60px; }

.dfg-label {
  float: left;
  font-size: 12px;
  color: #888;
  font-weight: 500;
  width: 80px;
  padding-right: 5px;
  line-height: 34px;
  text-align: right;
  margin-bottom: 0; }

.dfg-control-box {
  margin-left: 80px; }

.decorate-edit-group {
  margin: 15px; }

.decorate-edit-banner-height-group {
  padding: 15px; }
  .decorate-edit-banner-height-group .dfg-label {
    float: none;
    display: block; }
  .decorate-edit-banner-height-group .form-control {
    float: left;
    height: 34px;
    width: 80%; }
  .decorate-edit-banner-height-group .b-box {
    height: 34px; }
  .decorate-edit-banner-height-group .b-range {
    width: 70%; }
  .decorate-edit-banner-height-group .b-text {
    margin-left: 5%;
    width: 25%;
    text-align: center; }

.decorate-edit-modult-group .module-upload {
  float: left;
  margin-top: 20px;
  width: 80px;
  height: 80px; }
  .decorate-edit-modult-group .module-upload .dfg-label {
    text-align: center;
    padding-right: 0; }
.decorate-edit-modult-group .brand-crop-view {
  margin-bottom: 5px;
  width: 80px;
  height: 80px; }
.decorate-edit-modult-group .module-box {
  padding-left: 80px; }

.decorate-module-list-group {
  padding-left: 10px;
  padding-right: 2px;
  padding-bottom: 10px; }
  .decorate-module-list-group .hml-li {
    float: left;
    width: 33.333333333%;
    padding-top: 8px;
    padding-right: 8px; }
  .decorate-module-list-group .hml-item {
    /*padding: 20px 0;*/
    display: table;
    width: 100%;
    vertical-align: middle;
    height: 111px;
    height: 111.64px;
    /*margin-right: 10px;*/
    /*margin-top: 10px;*/
    text-align: center;
    color: #fff;
    background-color: #3794f3;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%; }
  .decorate-module-list-group .hml-table-cell {
    display: table-cell;
    vertical-align: middle; }
  .decorate-module-list-group .hml-image {
    height: 40px;
    width: 40px; }
  .decorate-module-list-group .hml-title {
    margin-top: 8px;
    font-size: 14px;
    /*height: 20px;*/ }

.decorate-footer {
  background: #f6f6f6;
  height: 50px;
  -webkit-box-shadow: 0 0 5px #ddd;
  box-shadow: 0 0 5px #ddd; }
  .decorate-footer .df-icon {
    width: 26px;
    height: 26px;
    margin: 2px 0; }
  .decorate-footer .df-font {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 22px; }
  .decorate-footer .df-item {
    position: relative;
    padding: 2px 5px;
    margin: 0;
    text-align: center; }
    .decorate-footer .df-item:hover .dt-del {
      display: block; }
  .decorate-footer .df-title {
    padding: 3px 0;
    margin: 0;
    color: #333;
    font-size: 12px; }
  .decorate-footer .df-box {
    height: 50px;
    text-align: center; }
  .decorate-footer .dt-del {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    color: #1890ff;
    cursor: pointer; }

.decorate-design-template-group .dt-item {
  display: inline-block;
  font-size: 0;
  margin-bottom: 8px;
  margin-right: 8px;
  border: 1px solid #e5e5e5;
  padding: 5px;
  cursor: pointer;
  background: #fff; }
  .decorate-design-template-group .dt-item.active {
    border-color: #38f; }
.decorate-design-template-group .dt-img {
  display: block;
  width: 80px;
  /*height: 60px;*/ }
.decorate-design-template-group .dt-title {
  padding: 8px 5px 3px 5px;
  margin-bottom: 0;
  line-height: 1.6;
  font-size: 12px;
  text-align: center; }

.decorate-design-hot-area-modal .hot-explain {
  list-style-type: none;
  padding: 0;
  text-align: center; }
  .decorate-design-hot-area-modal .hot-explain li {
    display: inline-block;
    color: #666; }
.decorate-design-hot-area-modal .hot-explain-line {
  padding: 0 10px; }
.decorate-design-hot-area-modal .hot-area {
  position: relative;
  margin: 0 auto;
  width: 527px;
  border: 1px solid #ddd;
  overflow: hidden; }
.decorate-design-hot-area-modal .hot-area-img {
  position: relative;
  z-index: 1;
  width: 100%; }
.decorate-design-hot-area-modal .hot-area-layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }
.decorate-design-hot-area-modal .hot-grid-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5); }
.decorate-design-hot-area-modal .vue-grid-item {
  /*overflow: hidden;*/ }
  .decorate-design-hot-area-modal .vue-grid-item .btn {
    padding: 4px;
    font-size: 12px; }
.decorate-design-hot-area-modal .hot-grid-select {
  position: absolute;
  z-index: 1;
  /*top:0;*/
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  /*height: 100%;*/
  /*line-height: 100%;*/
  height: auto;
  line-height: normal;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  border: none;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .decorate-design-hot-area-modal .hot-grid-select option {
    color: #333;
    background: #fff; }
.decorate-design-hot-area-modal .vue-grid-item > .vue-resizable-handle {
  z-index: 4; }

.decorate-cube-layout-group {
  position: relative;
  display: inline-block; }
  .decorate-cube-layout-group ul,
  .decorate-cube-layout-group li {
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 0; }
  .decorate-cube-layout-group .cube-row {
    position: relative;
    width: 241px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    overflow: hidden; }
  .decorate-cube-layout-group .cube-item {
    float: left;
    width: 60px;
    height: 60px;
    background: #e8f7fd;
    font-size: 10px;
    text-align: center;
    line-height: 60px;
    color: #d4d4d4;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
  .decorate-cube-layout-group .cube-abs {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .decorate-cube-layout-group .cube-abs.l1-r1 .cube-abs-l {
      left: 0;
      top: 0;
      bottom: 0;
      width: 50%; }
    .decorate-cube-layout-group .cube-abs.l1-r1 .cube-abs-r {
      right: 0;
      top: 0;
      bottom: 0;
      width: 50%; }
    .decorate-cube-layout-group .cube-abs.l1-c1-r1 .c-c,
    .decorate-cube-layout-group .cube-abs.l1-c1-r1 .c-b,
    .decorate-cube-layout-group .cube-abs.l1-c1-r1 .c-a {
      left: 0;
      top: 0;
      bottom: 0;
      width: 33.3333333333%; }
    .decorate-cube-layout-group .cube-abs.l1-c1-r1 .c-b {
      margin-left: 33.3333333333%; }
    .decorate-cube-layout-group .cube-abs.l1-c1-r1 .c-c {
      margin-left: 66.6666666666%; }
  .decorate-cube-layout-group .cube-abs-item {
    position: absolute;
    z-index: 3;
    cursor: pointer;
    border: 1px solid #bdf;
    background: #e8f7fd;
    overflow: hidden;
        /*&::before{
            content:"";
            position: absolute;
            z-index: 0;
            display: block;
            top:0;left: 0;right: 0;bottom: 0;
            border:1px solid #bdf;

        }*/ }
    .decorate-cube-layout-group .cube-abs-item.active {
      z-index: 4;
      border-color: #38f; }
    .decorate-cube-layout-group .cube-abs-item.mx-upload-group .upload-img {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
  .decorate-cube-layout-group .cube-abs-txt {
    position: absolute;
    color: #88c4dc;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    padding: 0 5px;
    font-size: 12px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

.decorate-range-group .range-box {
  padding-right: 20px; }
.decorate-range-group .range-range,
.decorate-range-group .range-value {
  float: left;
  height: 34px; }
.decorate-range-group .range-range {
  display: inline-block;
  width: 70%;
  border: none; }
.decorate-range-group .range-value {
  display: inline-block;
  margin-left: 5%;
  width: 25%;
  text-align: center; }

.decorate-radio-checkbox-group .rc-box {
  line-height: 34px; }
.decorate-radio-checkbox-group .brand-radio {
  margin-right: 10px;
  margin-left: 0; }

.pay-result-wechat {
  padding: 50px 15px;
  /* .btn-comment{
      margin-top: 30px;
      color: #fff;
      background: #3794f3;
  }
  .btn-finish{
      margin-top: 15px;
      border:1px solid #b9b9b9;
      color: #666;
      background: #f7f7f7;
  }*/ }
  .pay-result-wechat .result-icon.success {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background: url(../../mobile/images/pay/payResult/ticked_160x160_icon.png);
    background-size: 100% 100%; }
  .pay-result-wechat .result-state {
    margin-top: 10px;
    font-size: 16px;
    text-align: center; }
  .pay-result-wechat .result-list-group {
    margin-bottom: 0; }
  .pay-result-wechat .rl-item {
    padding: 5px 0;
    font-size: 14px; }
  .pay-result-wechat .rl-item-amount {
    font-size: 16px; }
  .pay-result-wechat .btn {
    display: block;
    width: 92%;
    margin: 0 auto;
    line-height: 2;
    cursor: auto; }
  .pay-result-wechat .mcp-btn-group {
    display: table;
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .pay-result-wechat .mcp-btn-group .btn {
      display: table-cell;
      width: 50%;
      border: none;
      background: #fff;
      color: #666; }
    .pay-result-wechat .mcp-btn-group .btn-finish {
      border-left: 1px solid #ddd;
      color: #3794f3; }
  .pay-result-wechat .group-cont {
    padding-top: 10px;
    padding-bottom: 10px; }
  .pay-result-wechat .ad-pic-group {
    margin-top: 40px;
    position: relative;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #d8d8d8; }
  .pay-result-wechat .ad-3-title {
    position: absolute;
    left: 0;
    top: -20px;
    line-height: 20px;
    font-size: 12px;
    color: #999; }
  .pay-result-wechat .ad-3-editable {
    padding: 10px;
    font-size: 50px; }

.member-property-edit-item {
  padding-left: 25px;
  margin-bottom: 15px; }
  .member-property-edit-item .pe-checkbox-box {
    display: inline-block;
    min-width: 130px;
    font-size: 12px;
    vertical-align: top;
    line-height: 34px;
    cursor: pointer; }
  .member-property-edit-item .not-allowed {
    cursor: not-allowed;
    color: #666; }
  .member-property-edit-item .pe-checkbox {
    font-size: 20px;
    width: 20px;
    vertical-align: middle; }
  .member-property-edit-item .pe-center-box {
    position: relative;
    display: inline-block;
    width: 260px; }
  .member-property-edit-item .pe-control-box {
    position: relative;
    margin-top: 15px; }
  .member-property-edit-item .fa-times-circle {
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 18px;
    color: #c0c3cc;
    cursor: pointer; }
  .member-property-edit-item .pe-add-btn {
    margin-top: 15px; }
  .member-property-edit-item .pe-operate-box {
    padding-left: 15px;
    display: inline-block;
    line-height: 34px;
    vertical-align: top; }
  .member-property-edit-item .pe-fa {
    margin-right: 15px;
    color: #c0c3cc; }
    .member-property-edit-item .pe-fa:hover {
      color: #1890ff; }
  .member-property-edit-item .fa-trash {
    cursor: pointer;
    font-size: 18px; }
  .member-property-edit-item .fa-arrows {
    cursor: move;
    font-size: 16px; }

.member-property-options-group {
  margin-top: 30px;
  padding: 10px 20px;
  border: 1px dashed #e7e7eb; }
  .member-property-options-group .btn-default {
    min-width: 115px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fafbfc; }

.mx-upload-group {
  position: relative;
  width: 80px;
  height: 80px;
  cursor: pointer; }
  .mx-upload-group.w-auto {
    display: inline-block;
    width: auto; }
    .mx-upload-group.w-auto .upload-img {
      width: auto;
      min-width: 80px;
      max-width: 100%; }
  .mx-upload-group .upload-file {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0; }
  .mx-upload-group .upload-img {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  .mx-upload-group .upload-del {
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 5px 5px; }
    .mx-upload-group .upload-del.z-sm {
      z-index: 4; }

.decorate-micro-group {
  margin-bottom: 10px;
  padding: 0 15px;
  background-color: #fff; }
  .decorate-micro-group.mb-zero {
    margin-bottom: 0; }
  .decorate-micro-group .micro-group-title {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
    border-bottom: 1px solid #e2e2e2; }

.decorate-brand-preview-group .brand-header {
  position: relative;
  min-height: 170px;
  width: 100%; }
.decorate-brand-preview-group .bh-img {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  min-height: 170px; }
.decorate-brand-preview-group .bh-box {
  position: absolute;
  z-index: 2;
  left: 15px;
  right: 15px;
  bottom: 10px; }
.decorate-brand-preview-group .bh-logo {
  float: left;
  margin-right: 10px;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 50%;
  border-radius: 50%; }
.decorate-brand-preview-group .bh-name {
  color: #fff;
  font-size: 16px;
  line-height: 65px; }
.decorate-brand-preview-group .bi-box {
  padding-top: 18px;
  padding-bottom: 18px; }
.decorate-brand-preview-group .bi-info {
  font-size: 15px;
  color: #666;
  line-height: 1.6; }
.decorate-brand-preview-group .bi-list {
  padding: 0;
  margin-top: 10px; }
.decorate-brand-preview-group .bi-li {
  padding: 8px 0;
  list-style: none; }
  .decorate-brand-preview-group .bi-li:last-child {
    padding-bottom: 0; }
.decorate-brand-preview-group .bi-l-title {
  padding-right: 15px;
  margin-right: 15px;
  color: #666;
  border-right: 2px solid #ededed; }
.decorate-brand-preview-group .bi-icon {
  margin: 0 12px;
  width: 16px;
  height: 16px;
  vertical-align: middle; }

.decorate-func-server-preview-group ul,
.decorate-func-server-preview-group li {
  padding: 0;
  list-style: none; }
.decorate-func-server-preview-group .fl-item {
  float: left;
  width: 50%;
  padding: 20px 0;
  border-bottom: 1px solid #eee; }
  .decorate-func-server-preview-group .fl-item:nth-child(2n-1) {
    padding-left: 10px; }
  .decorate-func-server-preview-group .fl-item:nth-child(2n) {
    padding-left: 25px; }
.decorate-func-server-preview-group .fl-i-box {
  height: 50px;
  /*display: table;
  vertical-align: middle;
  width: 100%;*/ }
.decorate-func-server-preview-group .fl-i-icon {
  margin-right: 12px;
  /*display: table-cell;*/
  width: 35px;
  height: 35px; }
.decorate-func-server-preview-group .fl-i-msg {
  /*height: 50px;*/
  /*display: table-cell;*/
  vertical-align: middle;
  border-right: 1px solid #eee; }
.decorate-func-server-preview-group .fl-i-title {
  margin: 0;
  font-size: 16px; }
.decorate-func-server-preview-group .fl-i-txt {
  margin-top: 5px;
  color: #666;
  font-size: 14px; }

.decorate-shop-pic-preview-group ul,
.decorate-shop-pic-preview-group li {
  padding: 0;
  list-style: none; }
.decorate-shop-pic-preview-group .dsp-list {
  padding: 8px 5px; }
.decorate-shop-pic-preview-group .dsp-li {
  float: left;
  width: 33.333%;
  padding: 6px 0;
  text-align: center; }
.decorate-shop-pic-preview-group .dsp-pic {
  width: 100px;
  height: 100px; }

.decorate-group-admin-preview-group .group-admin-box {
  padding: 15px;
  background-color: #fff; }
  .decorate-group-admin-preview-group .group-admin-box .admin-img {
    display: block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .decorate-group-admin-preview-group .group-admin-box .admin-c {
    padding-right: 10px;
    line-height: 1.5;
    color: #888;
    word-break: break-all;
    border-right: 1px solid #ddd; }
  .decorate-group-admin-preview-group .group-admin-box .admin-v-name {
    font-size: 16px;
    font-weight: 700; }
  .decorate-group-admin-preview-group .group-admin-box .admin-name {
    padding-right: 5px; }
  .decorate-group-admin-preview-group .group-admin-box .admin-mobile {
    display: inline-block;
    word-wrap: break-word;
    word-break: normal; }
  .decorate-group-admin-preview-group .group-admin-box .admin-r {
    padding: 0 5px 0 20px;
    text-align: center;
    color: #888;
    font-size: 12px; }

.decorate-shop-info-preview-group ul,
.decorate-shop-info-preview-group li {
  padding: 0;
  list-style: none; }
.decorate-shop-info-preview-group .dsi-item {
  padding: 14px 5px;
  border-bottom: 1px solid #e2e2e2; }
  .decorate-shop-info-preview-group .dsi-item:last-child {
    border-bottom: none; }
.decorate-shop-info-preview-group .dsi-i-name {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding-right: 90px; }
.decorate-shop-info-preview-group .dsi-i-abs {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0; }
.decorate-shop-info-preview-group .dsi-i-icon {
  display: inline-block;
  margin: 0 10px;
  height: 16px;
  width: 16px;
  vertical-align: top; }
.decorate-shop-info-preview-group .dsi-i-address,
.decorate-shop-info-preview-group .dsi-i-date {
  color: #666; }

.decorate-banner-group .hide-swiper-pagination .swiper-pagination-bullets {
  display: none; }
.decorate-banner-group .swiper-pagination-bullets {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  text-align: center; }
.decorate-banner-group .swiper-pagination-bullet {
  opacity: 0.5; }
.decorate-banner-group .swiper-pagination-bullet,
.decorate-banner-group .swiper-pagination-bullet-active {
  background-color: #fff; }
.decorate-banner-group .swiper-pagination-bullet-active {
  opacity: 1; }
.decorate-banner-group.style-spacing {
  padding: 10px; }
.decorate-banner-group .style-radio {
  border-radius: 5px;
  overflow: hidden; }
.decorate-banner-group.swiper-nav .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .decorate-banner-group.PAGINATION_RECTANGLE .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px; }
.decorate-banner-group.swiper-nav .swiper-container-horizontal > .swiper-pagination-bullets,
.decorate-banner-group.swiper-nav .swiper-pagination-custom,
.decorate-banner-group.swiper-nav .swiper-pagination-fraction, .decorate-banner-group.PAGINATION_RECTANGLE .swiper-container-horizontal > .swiper-pagination-bullets,
.decorate-banner-group.PAGINATION_RECTANGLE .swiper-pagination-custom,
.decorate-banner-group.PAGINATION_RECTANGLE .swiper-pagination-fraction {
  bottom: 5px; }
.decorate-banner-group.swiper-nav .swiper-pagination-bullet, .decorate-banner-group.PAGINATION_RECTANGLE .swiper-pagination-bullet {
  width: 16px;
  height: 2px;
  -webkit-border-radius: 0;
  border-radius: 0; }
.decorate-banner-group.swiper-nav .swiper-container-horizontal > .swiper-pagination-bullets,
.decorate-banner-group.swiper-nav .swiper-pagination-custom,
.decorate-banner-group.swiper-nav .swiper-pagination-fraction {
  bottom: 2px; }
.decorate-banner-group.swiper-nav .swiper-pagination-bullet,
.decorate-banner-group.swiper-nav .swiper-pagination-bullet-active {
  background-color: #333; }

.decorate-custom-header-preview-group .district-title {
  padding-left: 10px;
  max-width: 90px; }
.decorate-custom-header-preview-group .decorate-search-group {
  padding: 5px 10px; }
.decorate-custom-header-preview-group .swiper-banner-box {
  position: relative; }
.decorate-custom-header-preview-group .swiper-banner {
  position: relative;
  z-index: 9; }
.decorate-custom-header-preview-group .swiper-arc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  display: block;
  width: 375px;
  height: 20px;
  min-height: 10px;
  background: #fff; }
  .decorate-custom-header-preview-group .swiper-arc::after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 375px;
    height: 20px;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAAtCAMAAADGIB7LAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMAEAVm/SLz1nj5wzYZCcpy7efQvJBPQDPcpp+ZfVxYFOO4s4iCbFREqotJOywolGDgo64eAy/ARA1ubwAAA9ZJREFUeNrt3ImSmkAQgGFk5FZAQG5Q5MYDj+zO+79Z3IItrM0m6yZRGezvGf7qatopqWWhrGkKgKHbosOewmeCbIQnCoCBoiXlOMNnFH43W/n5iAJgWBbzWGRxi8KXxtwhlWC1AcPwY4NcDl+i8C8EeVdvflAAEGxRJZGKP6Lw51jRCLbQPCAQLaUHG3+Kwn/AvpYhQwFAjFNoiAL+LQp/RdXLEOY86L1F5a9muPG3uXe7Tf0C37Cgn0YmX+zxFSh8PUH2kDWlAOiP6VpxuDG+EoW/SdDc1IT7PHi86Tp1tab0m+TesY/JHD5iwaOMTOXQzvTb594t9LDcgDtbVHxhN6XfLfeOwDl8PqEAuLnTPFktceMBuXdmURnAoAe3Qr8EZdRcGfuQe/vipvAzBk704H9a5IqrCfhNv3JvsLKrwHYD/h29CeL3kd7b3BuqbiAJ7pWgByP9trl3xvYqhpUefMdUqstoiVtE5d4Y76OyhkkPvjC1gnj14cRIYO6tpW6g9YIC4Ne7SxgfPw2d3NwbM32XmvAhCxr0JksKTsC/Q3ruDVX0lApOls9s+hL6X4c+jNwbAneMa9hvns3EREa0H+NrDCn3liq7fLaBx/SDR28y/yCz+BsGmHtjbEdGmsO/3QzSxERlZI/xw/Um9xarOUkIV8uhmG7mvCuruC/6lntLlZ0kkGCtJ9a5c8XTlz0Y6CTkflF9vYa7JUGazvd965yI3FsstzLSaguvEfpsIQW+Ky5xrxGRe2u8fHX9AIZ9v9BMjsqjxmISkJT7O4GLPD6Dzf6xaMask4PYu/V8cLlf7Dg7JbMg+7uiT+vAd/W9gAlEcu5d9pHn1yYDv1Td0mhTodghbJoPMfdut5eLMp1bsNz/RzSzDvndSuvP7Rxy/0DYi06ZZtIEHqH9renWDM6VyzM8KIPMvet+KTqGEphb+Jn2KvREmqPEG8osf7bcOyz3eiiV0ITj/R8inxG9l0Pun2Ft8bjz0Vw6PfWnLT15qWreOOhPEPkz535B5V4d41z++lmWncV2PUe84ejcwHZyyP17hJmmOzs/zczNZFBTf3qyqiBNvKPIPdMYh9yvx+41vfASpT7PfeLi/7FgpDxEfOm+FU7kj0EdyP3u2KUmrpxdzKOwkraTnn3r0iPGMudByseeE4nckoy3K9eC3B9OUG1N1gt3F/MKyirTYiYjmrqD0YjZWPk8RIofe26hi5o9g7oh90dg1b0ty/qqOHhG7PN8ilCYZVWeS5a1Zc5Ooxbd9ftuwrx5sSwzz6ssCxFCPM8n8c5zikiXZdtWh3oJv6+f5BDjATes2bUAAAAASUVORK5CYII=); }
.decorate-custom-header-preview-group .shop-category-bar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10; }
  .decorate-custom-header-preview-group .shop-category-bar.style-relative {
    position: relative; }
    .decorate-custom-header-preview-group .shop-category-bar.style-relative .shop-category-item.active .shop-category-name {
      border-bottom-color: #333; }
    .decorate-custom-header-preview-group .shop-category-bar.style-relative .shop-category-name {
      color: #333; }
.decorate-custom-header-preview-group .shop-category-item {
  padding: 5px 10px;
  text-align: center;
  white-space: nowrap; }
  .decorate-custom-header-preview-group .shop-category-item.active .shop-category-name {
    font-size: 16px;
    border-bottom: 1px solid #fff; }
.decorate-custom-header-preview-group .shop-category-name {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 1.8; }
.decorate-custom-header-preview-group .member-header-wrap {
  position: relative;
  width: 375px;
  height: 150px;
  box-sizing: border-box;
  padding-top: 25px;
  background: #1890ff;
  overflow: hidden; }
  .decorate-custom-header-preview-group .member-header-wrap .member-fixed-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: 880; }
  .decorate-custom-header-preview-group .member-header-wrap .member-bg-img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 375px;
    height: 230px; }
  .decorate-custom-header-preview-group .member-header-wrap .bg-fixed {
    position: fixed;
    overflow: hidden; }
  .decorate-custom-header-preview-group .member-header-wrap .member-info {
    position: relative;
    z-index: 2;
    padding: 15px 20px;
    color: #fff; }
  .decorate-custom-header-preview-group .member-header-wrap .member-portrait-box {
    margin-right: 10px;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 5px rgba(208, 208, 208, 0.6); }
  .decorate-custom-header-preview-group .member-header-wrap .member-portrait-img {
    display: block;
    width: 55px;
    height: 55px; }
  .decorate-custom-header-preview-group .member-header-wrap .member-name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    word-break: break-all; }
  .decorate-custom-header-preview-group .member-header-wrap .member-other-box {
    justify-content: space-between;
    text-align: right; }
  .decorate-custom-header-preview-group .member-header-wrap .member-other-item {
    min-width: 45px;
    margin-left: 5px;
    line-break: 1.5;
    white-space: nowrap; }
  .decorate-custom-header-preview-group .member-header-wrap .member-other-num {
    font-size: 14px; }
  .decorate-custom-header-preview-group .member-header-wrap .member-other-title {
    padding-top: 5px;
    font-size: 12px; }

.decorate-custom-pic-preview-group ul,
.decorate-custom-pic-preview-group li {
  padding: 0;
  list-style: none;
  margin: 0; }
.decorate-custom-pic-preview-group .dcp-pic {
  width: 100%; }
.decorate-custom-pic-preview-group .BIG_PIC_HORIZONTAL_SCROLL {
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto; }
  .decorate-custom-pic-preview-group .BIG_PIC_HORIZONTAL_SCROLL .dsp-li {
    display: inline-block;
    height: 160px; }
  .decorate-custom-pic-preview-group .BIG_PIC_HORIZONTAL_SCROLL .dcp-pic {
    display: block;
    height: 160px;
    width: auto; }
.decorate-custom-pic-preview-group .SMALL_PIC_HORIZONTAL_SCROLL {
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto; }
  .decorate-custom-pic-preview-group .SMALL_PIC_HORIZONTAL_SCROLL .dsp-li {
    display: inline-block;
    height: 70px; }
  .decorate-custom-pic-preview-group .SMALL_PIC_HORIZONTAL_SCROLL .dcp-pic {
    display: block;
    height: 70px;
    width: auto; }

.decorate-unedited-default-gruop .unedited-box,
.decorate-unedited-default-gruop .magic-box,
.decorate-magic-cube-preview-group .unedited-box,
.decorate-magic-cube-preview-group .magic-box {
  position: relative;
  width: 100%;
  min-height: 50px; }
  .decorate-unedited-default-gruop .unedited-box.no-edit,
  .decorate-unedited-default-gruop .magic-box.no-edit,
  .decorate-magic-cube-preview-group .unedited-box.no-edit,
  .decorate-magic-cube-preview-group .magic-box.no-edit {
    min-height: 100px;
    background-color: #ebf8fd; }
    .decorate-unedited-default-gruop .unedited-box.no-edit .unedited-txt,
    .decorate-unedited-default-gruop .unedited-box.no-edit .magic-txt,
    .decorate-unedited-default-gruop .magic-box.no-edit .unedited-txt,
    .decorate-unedited-default-gruop .magic-box.no-edit .magic-txt,
    .decorate-magic-cube-preview-group .unedited-box.no-edit .unedited-txt,
    .decorate-magic-cube-preview-group .unedited-box.no-edit .magic-txt,
    .decorate-magic-cube-preview-group .magic-box.no-edit .unedited-txt,
    .decorate-magic-cube-preview-group .magic-box.no-edit .magic-txt {
      display: block; }
.decorate-unedited-default-gruop .magic-img,
.decorate-magic-cube-preview-group .magic-img {
  position: absolute;
  z-index: 2; }
.decorate-unedited-default-gruop .unedited-txt,
.decorate-unedited-default-gruop .magic-txt,
.decorate-magic-cube-preview-group .unedited-txt,
.decorate-magic-cube-preview-group .magic-txt {
  position: absolute;
  display: none;
  z-index: 1;
  color: #88c4dc;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  padding: 0 5px;
  font-size: 12px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.padding-zero {
  padding: 0; }

.decorate-payment-card-preview-group .payment-item {
  padding: 15px 0;
  border-bottom: 1px solid #ddd; }
  .decorate-payment-card-preview-group .payment-item:last-child {
    border-bottom: none; }
  .decorate-payment-card-preview-group .payment-item .pi-img,
  .decorate-payment-card-preview-group .payment-item .pi-img-box {
    width: 100px;
    height: 100px; }
  .decorate-payment-card-preview-group .payment-item .pi-img-box {
    margin-right: 12px; }
  .decorate-payment-card-preview-group .payment-item .pi-name {
    /*padding-top: px2rem(10);*/
    font-size: 16px; }
  .decorate-payment-card-preview-group .payment-item .pi-discount {
    float: left;
    display: inline-block;
    margin-top: 4px;
    margin-right: 5px;
    padding: 0 5px;
    color: #fff;
    font-size: 10px;
    background: #fb6334;
    border-radius: 5px; }
  .decorate-payment-card-preview-group .payment-item .pi-txt {
    padding-top: 2px;
    padding-bottom: 2px;
    color: #999;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .decorate-payment-card-preview-group .payment-item .pi-sell {
    color: #999;
    font-size: 10px;
    line-height: 1.4; }
  .decorate-payment-card-preview-group .payment-item .pi-selling {
    font-size: 18px;
    color: #fb6334; }
  .decorate-payment-card-preview-group .payment-item .pi-cost {
    padding-left: 5px;
    font-size: 14px;
    text-decoration: line-through; }
  .decorate-payment-card-preview-group .payment-item .pi-btn {
    min-width: 75px;
    padding: 0 8px;
    display: inline-block;
    background: #fb6334;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .decorate-payment-card-preview-group .payment-item .pi-c {
    min-height: 45px;
    padding-top: 5px;
    padding-bottom: 4px; }
  .decorate-payment-card-preview-group .payment-item .pi-c-r {
    padding-left: 5px; }

.decorate-goods-preview-group {
  background: #fff; }

.decorate-goods-menus-box {
  background: #f7f7f9; }
  .decorate-goods-menus-box .menu-list {
    background: #f7f7f9; }
  .decorate-goods-menus-box.TOP_MENU {
    white-space: nowrap;
    /*overflow-x: auto;*/
    overflow: hidden; }
    .decorate-goods-menus-box.TOP_MENU .menu-item {
      height: 46px; }
    .decorate-goods-menus-box.TOP_MENU.style-1 {
      padding-left: 5px;
      padding-right: 5px; }
      .decorate-goods-menus-box.TOP_MENU.style-1 .menu-item {
        padding: 0 15px;
        width: auto; }
        .decorate-goods-menus-box.TOP_MENU.style-1 .menu-item.active {
          color: #1890ff; }
          .decorate-goods-menus-box.TOP_MENU.style-1 .menu-item.active .menu-assist {
            display: block; }
      .decorate-goods-menus-box.TOP_MENU.style-1 .menu-assist {
        position: absolute;
        left: 15px;
        bottom: 0;
        right: 15px;
        display: none;
        height: 3px;
        background: #1890ff;
        border-radius: 5px;
        -webkit-border-radius: 5px; }
    .decorate-goods-menus-box.TOP_MENU.style-2 {
      padding-left: 10px;
      padding-right: 10px; }
      .decorate-goods-menus-box.TOP_MENU.style-2 .menu-item {
        padding: 0 2px; }
        .decorate-goods-menus-box.TOP_MENU.style-2 .menu-item.active .menu-name {
          background: #1890ff;
          color: #fff; }
      .decorate-goods-menus-box.TOP_MENU.style-2 .menu-name {
        display: inline-block;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        -webkit-border-radius: 15px;
        border-radius: 15px; }
    .decorate-goods-menus-box.TOP_MENU.style-3 {
      padding-bottom: 5px; }
      .decorate-goods-menus-box.TOP_MENU.style-3 .menu-item {
        padding: 0 14px; }
        .decorate-goods-menus-box.TOP_MENU.style-3 .menu-item.active {
          background: #1890ff;
          color: #fff; }
          .decorate-goods-menus-box.TOP_MENU.style-3 .menu-item.active .menu-assist {
            display: block; }
      .decorate-goods-menus-box.TOP_MENU.style-3 .menu-assist {
        position: absolute;
        display: none;
        left: 50%;
        margin-left: -5px;
        bottom: -5px;
        width: 0;
        height: 0;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #1890ff; }
  .decorate-goods-menus-box.LEFT_MENU {
    position: absolute;
    left: 0;
    height: 100%;
    width: 80px;
    background: #f2f2f2;
    overflow: hidden; }
    .decorate-goods-menus-box.LEFT_MENU .menu-group {
      display: block;
      background: #f8f8f8; }
    .decorate-goods-menus-box.LEFT_MENU .active {
      background: #fff; }
      .decorate-goods-menus-box.LEFT_MENU .active .menu-name {
        color: #1890ff; }
  .decorate-goods-menus-box .menu-group {
    display: inline-block;
    font-size: 0; }
  .decorate-goods-menus-box .menu-item {
    position: relative;
    display: block;
    padding: 15px 5px;
    text-align: center;
    color: #666;
    word-break: break-all; }
  .decorate-goods-menus-box .menu-name {
    font-size: 14px; }

.decorate-goods-list-box.LEFT_MENU {
  margin-left: 80px; }

.decorate-goods-list {
  /*&.HORIZONTAL_SCROLL,
  &.ONE_ROW_TWO_BOX,
  &.ONE_ROW_THREE_BOX,*/ }
  .decorate-goods-list.BIG_PIC .decorate-goods-item {
    width: 100%; }
    .decorate-goods-list.BIG_PIC .decorate-goods-item:nth-child(n+3) {
      display: none; }
  .decorate-goods-list.BIG_PIC .goods-photo-box {
    width: 100%; }
  .decorate-goods-list.ONE_ROW_TWO_BOX .decorate-goods-item {
    width: 50%; }
    .decorate-goods-list.ONE_ROW_TWO_BOX .decorate-goods-item:nth-child(n+5) {
      display: none; }
  .decorate-goods-list.HORIZONTAL_SCROLL .decorate-goods-item, .decorate-goods-list.ONE_ROW_THREE_BOX .decorate-goods-item {
    width: 33.33333333333%; }
  .decorate-goods-list.DEFAULT_LIST .goods-title {
    -webkit-line-clamp: 2;
    height: 40px;
    max-height: 40px; }
  .decorate-goods-list.ONE_ROW_THREE_BOX .goods-title {
    height: 24px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .decorate-goods-item, .decorate-goods-list.DEFAULT_LIST .decorate-goods-item {
    float: none;
    width: 100%; }
    .decorate-goods-list.GROUP_DEFAULT_LIST .decorate-goods-item:nth-child(n+4), .decorate-goods-list.DEFAULT_LIST .decorate-goods-item:nth-child(n+4) {
      display: none; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-i-footer, .decorate-goods-list.DEFAULT_LIST .goods-i-footer {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-info-box, .decorate-goods-list.DEFAULT_LIST .goods-info-box {
    position: relative;
    padding-left: 10px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-photo-box, .decorate-goods-list.DEFAULT_LIST .goods-photo-box {
    height: 130px;
    width: 130px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-title, .decorate-goods-list.DEFAULT_LIST .goods-title {
    height: auto; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-btn, .decorate-goods-list.DEFAULT_LIST .goods-btn {
    padding: 0 10px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-title {
    -webkit-line-clamp: 2;
    /*height: 40px;*/
    /*max-height: 30px;*/
    margin-top: 0;
    font-size: 14px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-photo-box {
    height: 90px;
    width: 90px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-info-box {
    padding-top: 0;
    padding-right: 2px; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-description {
    line-height: normal;
    height: auto; }
  .decorate-goods-list.GROUP_DEFAULT_LIST .goods-i-footer {
    margin: 0; }
  .decorate-goods-list.ONE_BIG_TWO_SMALL .decorate-goods-item:nth-child(3n+1) {
    width: 100%; }
  .decorate-goods-list.ONE_BIG_TWO_SMALL .decorate-goods-item:nth-child(3n), .decorate-goods-list.ONE_BIG_TWO_SMALL .decorate-goods-item:nth-child(3n+2) {
    width: 50%; }
  .decorate-goods-list.ONE_BIG_TWO_SMALL .decorate-goods-item:nth-child(n+4) {
    display: none; }
  .decorate-goods-list.HORIZONTAL_SCROLL {
    white-space: nowrap;
    overflow-x: auto; }
    .decorate-goods-list.HORIZONTAL_SCROLL .decorate-goods-item {
      float: none;
      font-size: 0;
      display: inline-block;
      width: 150px; }
  .decorate-goods-list.bargain-list.ONE_ROW_THREE_BOX .countdown-l, .decorate-goods-list.group-booking-list.ONE_ROW_THREE_BOX .countdown-l {
    text-align: center; }
  .decorate-goods-list.bargain-list.ONE_ROW_THREE_BOX .countdown-r, .decorate-goods-list.group-booking-list.ONE_ROW_THREE_BOX .countdown-r {
    display: none; }
  .decorate-goods-list.bargain-list.DEFAULT_LIST .goods-photo-box, .decorate-goods-list.group-booking-list.DEFAULT_LIST .goods-photo-box {
    width: 160px;
    height: 160px; }
  .decorate-goods-list.bargain-list.DEFAULT_LIST .countdown-l-title, .decorate-goods-list.group-booking-list.DEFAULT_LIST .countdown-l-title {
    font-size: 14px; }
  .decorate-goods-list.bargain-list.HORIZONTAL_SCROLL .decorate-goods-item, .decorate-goods-list.group-booking-list.HORIZONTAL_SCROLL .decorate-goods-item {
    width: 200px; }

.decorate-goods-item {
  float: left;
  background: #fff;
    /*.goods-countdown-box{
        position: absolute;
        left: 0;bottom: 0;right: 0;
        height: 20px;
        overflow: hidden;
        text-align: right;        
        font-size: 12px;

        &::after{
            content:"";
            position: absolute;
            z-index: 0;
            left: 0;right: 0;bottom: 0;
            display: block;
            height: 10px;
            background: #e9342a;
        }
    }
    .goods-countdown-l{
        position: relative;
        z-index: 2;
        float: left;
        display: inline-block;
        padding: 0 10px 0 5px;
        color: #fff;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: #e9342a;
        -webkit-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
    }
    .goods-countdown-r{
        position: relative;
        z-index: 2;
        display: inline-block;
        padding-left: 7px;
        width: 80px;
        height: 20px;
        background: url(../../mobile/images/diy_shop/common/countdown_bg_h40.png);
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        text-align: center;
    }
    .goods-countdown-time{
        display: inline-block;
        margin-top: 2px;
        background: #4b431b;
        color: #fff;
        padding: 0 2px;
        line-height: 14px;
        height: 14px;
        -webkit-border-radius:2px;
        border-radius: 2px;
    }*/ }
  .decorate-goods-item .font-weight-normal {
    font-weight: normal; }
  .decorate-goods-item .font-weight-bold {
    font-weight: bold; }
  .decorate-goods-item .text-left {
    text-align: left; }
  .decorate-goods-item .text-center {
    text-align: center; }
  .decorate-goods-item .text-right {
    text-align: right; }
  .decorate-goods-item .style-radius {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden; }
  .decorate-goods-item .goods-photo {
    width: 100%;
    height: 100%; }
  .decorate-goods-item .goods-info-box {
    padding: 5px 10px; }
  .decorate-goods-item .goods-title {
    font-size: 15px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 1; }
  .decorate-goods-item .goods-description {
    margin-top: 2px;
    color: #666;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    white-space: normal; }
  .decorate-goods-item .goods-price {
    color: #e43131;
    font-size: 16px;
    line-height: 24px; }
  .decorate-goods-item .goods-line-price {
    padding-left: 5px;
    font-size: 12px;
    color: #999;
    text-decoration: line-through; }
  .decorate-goods-item .goods-i-footer {
    margin: 5px 0; }
  .decorate-goods-item .style-shadow {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
  .decorate-goods-item .style-border {
    border: 1px solid #d0d0d0; }
  .decorate-goods-item .goods-btn-iconfont {
    font-size: 20px;
    line-height: 24px; }
  .decorate-goods-item .goods-btn {
    font-size: 14px; }
  .decorate-goods-item .btn-4,
  .decorate-goods-item .btn-3,
  .decorate-goods-item .btn-2,
  .decorate-goods-item .btn-1 {
    display: inline-block;
    padding: 0 6px;
    line-height: 24px;
    border: 1px solid #e43131;
    color: #e43131;
    white-space: nowrap; }
  .decorate-goods-item .btn-4,
  .decorate-goods-item .btn-2 {
    -webkit-border-radius: 15px;
    border-radius: 15px; }
  .decorate-goods-item .btn-4,
  .decorate-goods-item .btn-3 {
    background: #e43131;
    color: #fff; }
  .decorate-goods-item .goods-photo-box {
    position: relative; }
  .decorate-goods-item .goods-photo-abs {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0; }
  .decorate-goods-item .goods-group-booking-num {
    display: inline-block;
    margin-left: 6px;
    margin-bottom: 6px;
    padding: 2px 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .decorate-goods-item .goods-countdown-box {
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    background: #e9342a; }
    .decorate-goods-item .goods-countdown-box.group-booking {
      background: #ff6832; }
      .decorate-goods-item .goods-countdown-box.group-booking .countdown-r {
        color: #fff;
        background: #ff953f;
        padding-left: 0; }
        .decorate-goods-item .goods-countdown-box.group-booking .countdown-r::before {
          left: -20px;
          border-bottom: 0 solid transparent;
          border-top: 40px solid transparent;
          border-right: 20px solid #ff953f; }
      .decorate-goods-item .goods-countdown-box.group-booking .countdown-time {
        color: #ff6832; }
  .decorate-goods-item .countdown-l {
    padding-left: 10px;
    line-height: 40px;
    font-size: 16px;
    color: #fff; }
  .decorate-goods-item .countdown-r {
    position: relative;
    padding: 0 8px 0 10px;
    height: 100%;
    background: #f6d965;
    color: #e9342a;
    font-size: 12px;
    text-align: right;
    white-space: nowrap; }
    .decorate-goods-item .countdown-r::before {
      content: "";
      position: absolute;
      left: -12px;
      display: block;
      width: 0;
      height: 0;
      border-bottom: 20px solid transparent;
      border-top: 20px solid transparent;
      border-right: 12px solid #f6d965; }
  .decorate-goods-item .countdown-time {
    display: inline-block;
    margin-top: 2px;
    background: #fff;
    padding: 0 2px;
    line-height: 14px;
    height: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .decorate-goods-item .countdown-semicolon {
    padding: 0 2px;
    color: #fff; }
  .decorate-goods-item .goods-service-time {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 10px;
    padding: 2px 8px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    border-radius: 3px; }

.decorate-location-preview-group {
  padding: 10px;
  background: #fff; }
  .decorate-location-preview-group .location-svg {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden; }
  .decorate-location-preview-group .location-shop-name {
    font-size: 16px; }
  .decorate-location-preview-group .location-distance {
    padding-top: 2px;
    color: #666; }
  .decorate-location-preview-group .location-switch {
    padding: 2px;
    border: 1px solid #1890ff;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
  .decorate-location-preview-group .location-switch-item {
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 15px;
    border-radius: 15px; }
    .decorate-location-preview-group .location-switch-item.active {
      background: #1890ff;
      color: #fff; }

.decorate-auxiliary-line.use-margin {
  padding-left: 15px;
  padding-right: 15px; }
.decorate-auxiliary-line .auxiliary-line {
  border-bottom-width: 1px;
  width: 100%;
  height: 1px; }

.decorate-announcement-group {
  padding: 10px 15px;
  background: #fff; }
  .decorate-announcement-group .announcement-icon-box {
    margin-right: 8px; }
  .decorate-announcement-group .announcement-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    /*fill: currentColor*/
    overflow: hidden;
    fill: #e43131; }

.decorate-search-group {
  padding: 5px 15px;
  background: #fff; }
  .decorate-search-group .search-control {
    width: 100%;
    border: none;
    padding: 0 15px;
    height: 30px;
    background: #f5f5f5; }
    .decorate-search-group .search-control.style-square {
      border-radius: 3px;
      -webkit-border-radius: 3px; }
    .decorate-search-group .search-control.style-circle {
      border-radius: 50px;
      -webkit-border-radius: 50px; }

.decorate-wechat-service-group .wechat-icon {
  color: #00c800; }
.decorate-wechat-service-group.style-1 .wechat-service-box {
  padding: 15px; }
.decorate-wechat-service-group.style-1 .wechat-icon {
  margin-right: 6px;
  font-size: 20px; }
.decorate-wechat-service-group.style-1 .wechat-title {
  word-break: break-all; }
.decorate-wechat-service-group.style-1 .wechat-explain {
  display: none; }
.decorate-wechat-service-group.style-2 .wechat-explain {
  padding: 15px;
  text-align: center;
  color: #666;
  font-size: 12px; }
.decorate-wechat-service-group.style-2 .wechat-service-box {
  position: absolute;
  z-index: 100;
  right: 10px;
  bottom: 30px;
  height: 60px;
  width: 60px;
  background: #ebebeb;
  border-radius: 100px;
  text-align: center; }
.decorate-wechat-service-group.style-2 .wechat-box-2 {
  width: 60px; }
.decorate-wechat-service-group.style-2 .wechat-rtxt {
  display: none; }
.decorate-wechat-service-group.style-2 .wechat-icon {
  font-size: 26px; }
.decorate-wechat-service-group.style-2 .wechat-title {
  font-size: 12px; }

.theme-color-wrapper {
  min-width: 1080px;
  padding: 0 20px 70px; }

.theme-warm {
  padding: 12px 10px;
  color: #333;
  font-size: 12px;
  background: #00c800; }

.theme-group-r,
.theme-group-l {
  display: inline-block;
  vertical-align: top; }

.theme-title {
  margin-top: 2px;
  padding-left: 2px;
  font-size: 15px;
  line-height: 34px;
  font-weight: 600; }

.theme-item-header {
  color: #1890ff;
  font-size: 12px;
  line-height: 30px;
  white-space: nowrap; }

.theme-item-r,
.theme-item-header,
.theme-item {
  padding: 8px 0; }

.theme-item-r .lbox,
.theme-item-r .cbox,
.theme-item-r .rbox,
.theme-item-header .lbox,
.theme-item-header .cbox,
.theme-item-header .rbox,
.theme-item .lbox,
.theme-item .cbox,
.theme-item .rbox {
  padding: 0 15px;
  display: inline-block; }

.theme-item-r .lbox,
.theme-item-header .lbox,
.theme-item .lbox {
  width: 200px; }

.theme-item-r .cbox,
.theme-item-header .cbox,
.theme-item .cbox {
  width: 150px; }

.theme-item-r .rbox,
.theme-item-header .rbox,
.theme-item .rbox {
  width: 80px;
  text-align: center; }

.theme-item-r .cbox,
.theme-item-header .cbox,
.theme-item .cbox {
  margin-left: 10px; }

.theme-item {
  margin-bottom: 10px;
  line-height: 40px;
  background: #f0f0f0;
  border: 1px solid #d0d0d0;
  cursor: pointer;
  /*&:hover{
    border:1px solid #fea1cf;
}*/ }

.theme-item.active {
  border: 1px solid #ff67b2; }

.theme-item .color-div {
  float: left;
  margin-top: 1px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px; }

.theme-item .color-div.a-1 {
  background: #ef6e51; }

.theme-item .color-div.a-2 {
  background: #e0cec0; }

.theme-item .color-div.b-1 {
  background: #585be9; }

.theme-item .color-div.b-2 {
  background: #cac7ea; }

.theme-item .color-div.c-1 {
  background: #f99825; }

.theme-item .color-div.c-2 {
  background: #dbd4ac; }

.theme-item .color-div.d-1 {
  background: #2487fd; }

.theme-item .color-div.d-2 {
  background: #dde4ff; }

.theme-item .color-div.e-1 {
  background: #3dbe74; }

.theme-item .color-div.e-2 {
  background: #cedcba; }

.theme-item .color-div.f-1 {
  background: #dca44d; }

.theme-item .color-div.f-2 {
  background: #e8d49e; }

.theme-item .color-value {
  padding-left: 10px; }

.theme-group-r {
  margin-left: 100px; }

.theme-group-r .cbox,
.theme-group-r .lbox {
  padding: 0 10px;
  width: 170px; }

.theme-item-r {
  padding: 0; }

.theme-item-r .lbox,
.theme-item-r .cbox {
  border: 1px solid #d0d0d0;
  height: 60px; }

.theme-item-r .lbox > .minicolors-theme-default > .minicolors-swatch,
.theme-item-r .cbox > .minicolors-theme-default > .minicolors-swatch {
  top: 10px;
  height: 40px;
  width: 40px; }

.theme-item-r .input {
  padding-left: 60px;
  width: 150px;
  height: 57px;
  line-height: 60px;
  border: none;
  font-size: 14px; }

.theme-item-r .minicolors-swatch-color,
.minicolors-swatch {
  border-radius: 4px;
  border: unset; }

.rbox i {
  font-size: 23px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  vertical-align: middle; }

.wechat-preview-container {
  display: inline-block;
  margin: 0 20px;
  vertical-align: top;
  width: 375px;
  height: 667px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 14px; }
  .wechat-preview-container ul {
    padding: 0; }
  .wechat-preview-container li {
    list-style: none; }

.minicolors-theme-group .minicolors-theme-default.minicolors {
  width: 100%;
  display: block; }
.minicolors-theme-group .minicolors-theme-default .form-control {
  padding-left: 30px;
  height: 34px;
  width: 100%; }
.minicolors-theme-group .minicolors-theme-default > .minicolors-swatch {
  left: 10px;
  top: 50%;
  margin-top: -9px; }

.wangEditor-container a,
.wangEditor-container a:hover,
.wangEditor-container a:focus {
  color: #333; }

.form-price-tier-group .tier-txt {
  padding: 10px 0; }

@media screen and (min-width: 640px) {
  .form-price-tier-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .form-price-tier-group .tier-item {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: block; }
    .form-price-tier-group .tier-txt {
      padding: 0 10px;
      display: inline-block;
      white-space: nowrap;
      line-height: 34px; } }
.slideDown-enter-active,
.slideDown-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.slideDown-enter,
.slideDown-leave-to {
  opacity: 0; }

.slideDown-enter,
.slideDown-leave-active {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.decorate-image-text-nav-preview-group .nav-list {
  /*@extend %flexFather;*/
  overflow: hidden; }
  .decorate-image-text-nav-preview-group .nav-list.x-scroll {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto; }
    .decorate-image-text-nav-preview-group .nav-list.x-scroll .nav-item {
      float: none;
      font-size: 0; }
.decorate-image-text-nav-preview-group .nav-item {
  float: left;
  padding: 10px 0;
  display: inline-block;
  text-align: center; }
.decorate-image-text-nav-preview-group .nav-icon-box {
  display: block;
  margin: 0 auto 0; }
.decorate-image-text-nav-preview-group .nav-icon {
  display: block;
  width: 100%; }
.decorate-image-text-nav-preview-group .nav-title {
  padding-top: 5px;
  line-height: 1.5;
  font-size: 12px; }

.mb-zero {
  margin-bottom: 0; }

.shop-nav-set-content .member-card-preview {
  padding-bottom: 0;
  width: 375px; }
.shop-nav-set-content .member-card-vui {
  margin-left: 390px; }
.shop-nav-set-content .decorate-center-group {
  -webkit-transform: translateX(0);
  transform: translateX(0); }
.shop-nav-set-content .nav-edit-item {
  padding: 20px; }
.shop-nav-set-content .nav-icon-item {
  display: inline-block;
  margin: 15px 10px 0 0;
  text-align: center; }
.shop-nav-set-content .nav-library-btn {
  margin: 15px 0 0 0;
  vertical-align: top; }
.shop-nav-set-content .nav-upload-group {
  width: 70px;
  height: 70px;
  border: 1px solid #eaeaea;
  font-size: 30px; }
.shop-nav-set-content .nav-upload-font {
  font-size: 30px;
  line-height: 68px; }
.shop-nav-set-content .nav-view-img {
  display: block;
  width: 100%;
  height: 100%; }
.shop-nav-set-content .nav-icon-txt {
  padding-top: 10px;
  text-align: center; }

.picker-color-preview-div {
  float: left;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #d0d0d0; }

.decorate-screen-bar {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background: #fff; }
  .decorate-screen-bar .screen-item {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px; }
    .decorate-screen-bar .screen-item.open {
      color: #e5362e; }
      .decorate-screen-bar .screen-item.open .screen-triangle {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border-top-color: #e5362e; }
  .decorate-screen-bar .screen-triangle {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
    vertical-align: middle; }

.decorate-stores-overview-item {
  margin: 10px;
  padding: 10px;
  background: #fff;
  color: #545454;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .decorate-stores-overview-item .overview-lbox {
    margin-right: 7px; }
  .decorate-stores-overview-item .overview-shop-img {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .decorate-stores-overview-item .overview-name {
    padding-top: 2px;
    font-size: 16px;
    color: #212121; }
  .decorate-stores-overview-item .overview-simple-txt {
    padding-top: 4px;
    font-size: 12px;
    color: #545454; }
  .decorate-stores-overview-item .overview-r-t {
    min-height: 50px; }
  .decorate-stores-overview-item .overview-r-b {
    margin-top: 5px;
    padding-top: 8px;
    border-top: 1px dashed #dedede; }
  .decorate-stores-overview-item .overview-sale-txt {
    /*@extend %flexCenter;*/
    padding: 2px 0; }
  .decorate-stores-overview-item .overview-sale-msg {
    line-height: 1.4; }
  .decorate-stores-overview-item .overview-word {
    margin-right: 5px;
    display: inline-block;
    padding: 0 4px;
    background: #ff4551;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    border-radius: 3px; }

.stores-coupon-group {
  margin: 10px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px; }
  .stores-coupon-group .stores-header {
    padding: 0 0 10px; }
  .stores-coupon-group .stores-pic-list {
    margin-right: 15px;
    font-size: 0; }
  .stores-coupon-group .stores-pic-li {
    display: inline-block;
    width: 9px; }
  .stores-coupon-group .stores-pic {
    display: block;
    width: 18px;
    height: 18px;
    max-width: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #dfdfdf; }
  .stores-coupon-group .stores-name {
    font-size: 14px; }

.stores-coupon-item {
  position: relative;
  overflow: hidden; }
  .stores-coupon-item.style-2 .coupon-box {
    border: none;
    padding: 10px 5px; }
  .stores-coupon-item.style-2 .stores-header {
    padding: 8px 0;
    /*@extend %borderBottom;*/ }
  .stores-coupon-item .style-2-box {
    padding: 0 10px 15px;
    background: #fff7f2;
    border: 1px solid #dca07b;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .stores-coupon-item::after, .stores-coupon-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #dca07b;
    -webkit-border-radius: 8px;
    border-radius: 8px; }
  .stores-coupon-item::before {
    left: -8px; }
  .stores-coupon-item::after {
    right: -8px; }
  .stores-coupon-item .coupon-box {
    margin-bottom: 3px;
    padding: 10px 15px;
    background: #fff7f2;
    border: 1px solid #dca07b;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .stores-coupon-item .coupon-lbox {
    /*padding-right: px2rem(20);*/ }
  .stores-coupon-item .coupon-logo {
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #dedede;
    -webkit-border-radius: 18px;
    border-radius: 18px; }
  .stores-coupon-item .coupon-cbox {
    padding: 0 8px; }
  .stores-coupon-item .coupon-name {
    font-size: 15px;
    color: #212121; }
  .stores-coupon-item .coupon-txt {
    padding-top: 5px;
    color: #666; }
  .stores-coupon-item .coupon-rbox {
    padding-left: 10px;
    text-align: center;
    color: #f9691d;
    border-left: 1px dashed #dca07b; }
  .stores-coupon-item .coupon-btn {
    min-width: 63px;
    padding: 3px 6px;
    margin: 0 auto;
    /*line-height: px2rem(50);*/
    line-height: normal;
    color: #fff;
    font-size: 13px;
    background: #f9691d;
    -webkit-border-radius: 4px;
    border-radius: 4px; }
  .stores-coupon-item .coupon-integral {
    padding-top: 5px; }

.decorate-custom-text-group,
.decorate-custom-title-group {
  padding: 10px 15px;
  word-break: break-all;
  font-size: 12px;
  line-height: 1.6; }

.decorate-custom-title-group .ct-title {
  font-size: 16px; }
.decorate-custom-title-group .ct-sub-title {
  padding-top: 2px; }
.decorate-custom-title-group .ct-other-msg {
  padding-top: 2px;
  padding-right: 10px; }
.decorate-custom-title-group .ct-link-title {
  color: #1890ff; }

.decorate-custom-text-group {
  line-height: 1.5; }
  .decorate-custom-text-group .font-big {
    font-size: 18px; }
  .decorate-custom-text-group .font-middle {
    font-size: 14px; }
  .decorate-custom-text-group .font-small {
    font-size: 12px; }

.decorate-parallel-link-group {
  padding: 0 15px; }
  .decorate-parallel-link-group .parallel-item {
    padding: 12px 0;
    border-bottom: 1px solid #dbdbdb; }
    .decorate-parallel-link-group .parallel-item:last-child {
      border-bottom: none; }
  .decorate-parallel-link-group .pi-r {
    font-size: 18px; }

.layer-icon-library-modal .modal-body {
  max-height: 500px;
  overflow: auto; }
.layer-icon-library-modal .library-item {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  width: 60px;
  margin: 5px;
  text-align: center;
  color: #666;
  font-size: 30px;
  border: 1px solid #d0d0d0;
  cursor: pointer; }
  .layer-icon-library-modal .library-item:hover {
    background: #d4d4d4;
    /*color: #fff;*/ }
  .layer-icon-library-modal .library-item.selected {
    background: #1890ff;
    border-color: #1890ff;
    color: #fff; }
  .layer-icon-library-modal .library-item.selected-2 {
    border-color: #1890ff;
    color: #fff; }
.layer-icon-library-modal .library-font {
  font-size: 24px;
  vertical-align: middle; }

.layer-double-icon-library-modal .modal-body {
  max-height: 500px;
  overflow: auto; }
.layer-double-icon-library-modal .library-group {
  display: inline-block;
  margin: 8px;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #d0d0d0;
  cursor: pointer; }
  .layer-double-icon-library-modal .library-group:hover {
    background: #f0f0f0; }
  .layer-double-icon-library-modal .library-group.selected {
    background: #1890ff;
    border-color: #1890ff;
    color: #fff; }
    .layer-double-icon-library-modal .library-group.selected .library-item {
      border-color: #fff; }
.layer-double-icon-library-modal .library-item {
  display: inline-block;
  padding-top: 5px;
  height: 40px;
  line-height: normal;
  width: 40px;
  margin: 5px;
  text-align: center;
  color: #666;
  background: #fff;
  border: 1px solid #eaeaea;
  cursor: pointer; }
.layer-double-icon-library-modal .library-font {
  font-size: 26px;
  vertical-align: middle; }
.layer-double-icon-library-modal .library-title {
  margin-top: 5px; }

.decorate-btn-group {
  width: 100%; }
  .decorate-btn-group .dropdown-toggle {
    width: 100%; }
  .decorate-btn-group .dropdown-msg {
    padding-right: 5px;
    text-align: left; }
  .decorate-btn-group .dropdown-menu {
    left: 3%;
    width: 94%;
    max-height: 250px;
    overflow: auto; }
  .decorate-btn-group .dropdown-menu > li > .dropdown-selected:hover,
  .decorate-btn-group .dropdown-selected {
    background-color: #1890ff;
    color: #fff; }
  .decorate-btn-group .dropdown-menu > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal; }

.decorate-find-group {
  background: #eee; }

.decorate-find-item {
  width: 100%;
  margin-top: 10px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  .decorate-find-item .find-img {
    display: block;
    width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .decorate-find-item .find-b {
    padding: 8px; }
  .decorate-find-item .find-name {
    margin: 0;
    padding: 5px 0;
    font-size: 18px; }
  .decorate-find-item .find-b-b {
    padding-top: 5px;
    color: #999; }
  .decorate-find-item .find-reading-quantity {
    float: right; }

.decorate-theme-color-multigroup .theme-list {
  list-style: none;
  padding: 0; }
.decorate-theme-color-multigroup .theme-li {
  position: relative;
  margin-right: 10px;
  margin-top: 8px;
  display: inline-block;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 0;
  cursor: pointer; }
  .decorate-theme-color-multigroup .theme-li::after {
    content: "";
    position: absolute;
    z-index: 1;
    display: none;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: 1px solid #1890ff; }
  .decorate-theme-color-multigroup .theme-li.selected::after {
    display: block; }
.decorate-theme-color-multigroup .theme-color {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: blue; }

.decorate-coupon-group {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden; }
  .decorate-coupon-group ul,
  .decorate-coupon-group li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .decorate-coupon-group .coupon-li {
    display: inline-block;
    vertical-align: top; }
  .decorate-coupon-group .coupon-item {
    position: relative;
    margin: 10px 8px 10px 0;
    height: 80px;
    background: #f87d49;
    color: #fff;
    font-size: 12px; }
  .decorate-coupon-group .coupon-disabled-bg {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.3); }
  .decorate-coupon-group .coupon-card {
    font-size: 14px; }
  .decorate-coupon-group .coupon-big {
    font-size: 30px; }
  .decorate-coupon-group .coupon-picture {
    width: 30px;
    height: 30px;
    display: inline-block;
    -webkit-border-radius: 15px;
    border-radius: 15px; }
  .decorate-coupon-group .coupon-i-1 {
    min-width: 90px; }
  .decorate-coupon-group .style-4 .coupon-num,
  .decorate-coupon-group .style-2 .coupon-num,
  .decorate-coupon-group .style-1 .coupon-num {
    display: inline-block; }
  .decorate-coupon-group .style-4 .coupon-i-1,
  .decorate-coupon-group .style-2 .coupon-i-1,
  .decorate-coupon-group .style-1 .coupon-i-1 {
    position: relative;
    padding: 0 10px; }
  .decorate-coupon-group .style-4 .coupon-btn,
  .decorate-coupon-group .style-2 .coupon-btn,
  .decorate-coupon-group .style-1 .coupon-btn {
    width: 26px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    height: 80px;
    white-space: normal;
    font-size: 9px;
    background: rgba(0, 0, 0, 0.2); }
  .decorate-coupon-group .style-4 .coupon-card,
  .decorate-coupon-group .style-2 .coupon-card,
  .decorate-coupon-group .style-1 .coupon-card {
    padding-left: 5px; }
  .decorate-coupon-group .style-4 .coupon-txt,
  .decorate-coupon-group .style-2 .coupon-txt,
  .decorate-coupon-group .style-1 .coupon-txt {
    font-size: 9px;
    padding-top: 5px;
    border-top: 1px dashed #fff; }
  .decorate-coupon-group .style-2 .coupon-i-1 {
    text-align: center; }
  .decorate-coupon-group .style-1 {
    overflow: hidden; }
    .decorate-coupon-group .style-1 .coupon-i-1 {
      text-align: left; }
    .decorate-coupon-group .style-1 .coupon-txt {
      border-top: none;
      padding-top: 0; }
    .decorate-coupon-group .style-1 .coupon-btn {
      position: relative;
      background: none;
      border-left: 1px dashed #fff; }
      .decorate-coupon-group .style-1 .coupon-btn::before, .decorate-coupon-group .style-1 .coupon-btn::after {
        content: "";
        position: absolute;
        left: -5px;
        display: block;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #eee; }
      .decorate-coupon-group .style-1 .coupon-btn::before {
        top: -5px; }
      .decorate-coupon-group .style-1 .coupon-btn::after {
        bottom: -5px; }
  .decorate-coupon-group .style-3 {
    padding: 0 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .decorate-coupon-group .style-3 .coupon-i-3 {
      padding-left: 5px; }
    .decorate-coupon-group .style-3 .coupon-txt {
      font-size: 8px; }
    .decorate-coupon-group .style-3 .coupon-btn {
      padding: 0 10px;
      width: 100%;
      line-height: 1.5;
      font-size: 9px;
      text-align: center;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.3); }
  .decorate-coupon-group .style-4 {
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .decorate-coupon-group .style-4 .coupon-btn {
      position: relative;
      z-index: 1;
      width: 30px;
      padding-left: 6px;
      padding-right: 10px;
      background-color: #fff;
      -webkit-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0; }
    .decorate-coupon-group .style-4 .coupon-i-1 {
      padding-left: 12px;
      text-align: center; }
    .decorate-coupon-group .style-4 .coupon-radio {
      position: absolute;
      z-index: 2;
      top: 50%;
      margin-top: -4px;
      display: block;
      width: 8px;
      height: 8px;
      background: #eee;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .decorate-coupon-group .style-4 .coupon-radio::before, .decorate-coupon-group .style-4 .coupon-radio::after {
        content: '';
        position: absolute;
        left: 0;
        display: block;
        width: 8px;
        height: 8px;
        background: #eee;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .decorate-coupon-group .style-4 .coupon-radio::before {
        top: -18px; }
      .decorate-coupon-group .style-4 .coupon-radio::after {
        bottom: -18px; }
    .decorate-coupon-group .style-4 .radio-l {
      left: -4px; }
    .decorate-coupon-group .style-4 .radio-r {
      right: -4px; }

/*后台首页样式修改*/
.shop-index-tips {
  font-size: 18px;
  padding-bottom: 15px;
  color: #545454; }

.background-common {
  width: 100%;
  height: auto;
  border-radius: 10px;
  position: relative; }

.home-activation-iocn {
  position: absolute;
  right: 0;
  bottom: 0; }

.home-business {
  background: -webkit-linear-gradient(-35deg, #F26354, #FC955D);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-35deg, #F26354, #FC955D);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-35deg, #F26354, #FC955D);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-35deg, #F26354, #FC955D);
  /* 标准的语法 */ }

.home-business-number {
  background: -webkit-linear-gradient(-35deg, #807bf4, #9974ea);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-35deg, #807bf4, #9974ea);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-35deg, #807bf4, #9974ea);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-35deg, #807bf4, #9974ea);
  /* 标准的语法 */ }

.home-rechargeamount {
  background: -webkit-linear-gradient(-35deg, #5a89de, #54b2f3);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-35deg, #5a89de, #54b2f3);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-35deg, #5a89de, #54b2f3);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-35deg, #5a89de, #54b2f3);
  /* 标准的语法 */ }

.home-recharge-number {
  background: -webkit-linear-gradient(-35deg, #4ec38d, #78de80);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-35deg, #4ec38d, #78de80);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-35deg, #4ec38d, #78de80);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-35deg, #4ec38d, #78de80);
  /* 标准的语法 */ }

.home-activation {
  background: -webkit-linear-gradient(-35deg, #fa5c5c, #f78870);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(-35deg, #fa5c5c, #f78870);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-35deg, #fa5c5c, #f78870);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-35deg, #fa5c5c, #f78870);
  /* 标准的语法 */ }

/*常用功能*/
.commonly-content {
  padding-bottom: 30px; }

.commonly-used {
  position: relative;
  padding-left: 4px;
  font-size: 18px; }

.commonly-warp {
  text-align: center; }
  .commonly-warp .commonly-tradebg {
    width: 88px;
    height: 88px;
    border-radius: 10px;
    margin: 20px auto 10px; }
  .commonly-warp .post-tradebg {
    background-image: url(../images/home/releasecommodities.png); }
  .commonly-warp .order-tradebg {
    background-image: url(../images/home/orderman.png); }
  .commonly-warp .shop-tradebg {
    background-image: url(../images/home/shopdecoration.png); }
  .commonly-warp .set-tradebg {
    background-image: url(../images/home/setmember.png); }
  .commonly-warp .discount-tradebg {
    background-image: url(../images/home/discount-price.png); }
  .commonly-warp .manage-tradebg {
    background-image: url(../images/home/business.png); }
  .commonly-warp .share-tradebg {
    background-image: url(../images/home/Sharepolite.png); }
  .commonly-warp .pay-tradebg {
    background-image: url(../images/home/Payment.png); }
  .commonly-warp .integral-tradebg {
    background-image: url(../images/home/Integralshop.png); }
  .commonly-warp .month-tradebg {
    background-image: url(../images/home/monthcard.png); }
  .commonly-warp .applet-tradebg {
    background-image: url(../images/home/Appletpush.png); }
  .commonly-warp .payment-tradebg {
    background-image: url(../images/home/paymember.png); }
  .commonly-warp .commonly-title {
    font-size: 16px;
    color: #212121;
    padding: 6px 0; }

.background-common-style {
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-repeat: no-repeat; }

/*营销活动*/
.active-wrap {
  text-align: center; }

.active-content {
  width: 100%;
  height: auto;
  margin: 10px auto; }

.home-analysis-tipbg {
  top: 50%;
  margin-top: -9px; }

@media (min-width: 1920px) {
  .active-wrap {
    width: 33.33333333; }

  .active-content {
    width: 532px;
    margin: 10px auto; } }
/*修改文案*/
/*.active-common-wrapbg{
    height:130px;
    margin:10px auto;
    display:flex;
    display:-webkit-flex;
    align-items:center;
}
.active-warpbg{
    background:url(../images/common/tourdiv.png);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-repeat:no-repeat;
}
.bargainbg-warpbg{
    background:url(../images/common/bargainbg.png);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-repeat:no-repeat;
}
.discountbg-warpbg{
    background:url(../images/common/discountbg.png);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-repeat:no-repeat;
}
.consumptionbg-warpbg{
    background:url(../images/common/consumptionbg.png);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-repeat:no-repeat;
}
.topup-warpbg{
    background:url(../images/common/topup.png);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-repeat:no-repeat;
}
.draw-warpbg{
    background:url(../images/common/draw.png);
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-repeat:no-repeat;
}
.active-left{
    width:86px;
    height:86px;
    border-radius:50%;
    flex:0.75;
    .active-left-tltle{
        font-size:54px;
        line-height:86px;
        color:white;
        text-align:center;
    }
} 
.active-right{
    flex:1;
    padding-left:1.5%;
    .active-title{
        font-size:32px;
        color:white;
    }
    .active-message{
        font-size:18px;
        color:#fff5f5;
    }
}*/
.form-office-hours-group {
  vertical-align: middle; }
  .form-office-hours-group ul,
  .form-office-hours-group li {
    padding: 0;
    list-style: none; }
  .form-office-hours-group .office-to,
  .form-office-hours-group .office-day {
    display: inline-block;
    height: 34px;
    line-height: 34px; }
  .form-office-hours-group .office-item {
    margin-bottom: 15px; }
  .form-office-hours-group .office-control {
    margin: 0 15px;
    display: inline-block;
    width: 100px; }

.wangEditor-container .wangEditor-txt h1,
.wangEditor-container .wangEditor-txt h2,
.wangEditor-container .wangEditor-txt h3,
.wangEditor-container .wangEditor-txt h4,
.wangEditor-container .wangEditor-txt h5,
.wangEditor-container .wangEditor-txt p {
  margin: 0;
  line-height: 1.5; }

.wangEditor-container .wangEditor-txt blockquote {
  padding: 12px 15px; }
.wangEditor-container .wangEditor-txt h1,
.wangEditor-container .wangEditor-txt h2,
.wangEditor-container .wangEditor-txt h3,
.wangEditor-container .wangEditor-txt h4,
.wangEditor-container .wangEditor-txt h5,
.wangEditor-container .wangEditor-txt h6 {
  margin: 0;
  font-size: 100%;
  font-weight: normal; }

.mx-wang-editor-main {
  background: #fff;
  padding: 15px;
  /*border-top: 1px solid #ddd;*/
  max-height: 465px;
  overflow: auto;
  min-height: 465px;
  font-size: 12px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word; }
  .mx-wang-editor-main ul,
  .mx-wang-editor-main ol {
    padding-left: 15px; }
  .mx-wang-editor-main ul,
  .mx-wang-editor-main ul li {
    list-style-type: disc; }
  .mx-wang-editor-main ol,
  .mx-wang-editor-main ol li {
    list-style-type: decimal; }
  .mx-wang-editor-main blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 12px 15px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1; }
  .mx-wang-editor-main table {
    width: 100%; }
  .mx-wang-editor-main table td,
  .mx-wang-editor-main table th {
    border: 1px solid #999;
    padding: 3px 5px; }
  .mx-wang-editor-main p {
    margin: 0; }
  .mx-wang-editor-main pre {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    padding: 10px;
    margin: 5px 0;
    font-size: 12px;
    border-radius: 3px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word; }
  .mx-wang-editor-main h1,
  .mx-wang-editor-main h2,
  .mx-wang-editor-main h3,
  .mx-wang-editor-main h4,
  .mx-wang-editor-main h5,
  .mx-wang-editor-main h6 {
    margin: 0;
    font-size: 100%;
    font-weight: normal; }
  .mx-wang-editor-main a {
    color: #333; }

.ul-style-disc ul,
.ul-style-disc ul li {
  list-style-type: disc; }

.decorate-wang-editor-group {
  min-height: auto;
  padding: 10px;
  max-height: none; }

.decorate-common-url-setting-modal .modal-body {
  padding: 0; }
.decorate-common-url-setting-modal .setting-main {
  padding: 0 20px 5px;
  max-height: 650px;
  overflow: auto;
  overflow-x: hidden; }
.decorate-common-url-setting-modal .scroll-side-box {
  max-height: 460px;
  overflow: auto; }
.decorate-common-url-setting-modal .mx-tabs-nav-wrap {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #ddd; }
  .decorate-common-url-setting-modal .mx-tabs-nav-wrap .tab-item {
    padding: 20px 16px;
    font-size: 14px;
    margin-right: 0; }
.decorate-common-url-setting-modal .url-default-table {
  border-bottom: 1px solid #ddd; }
.decorate-common-url-setting-modal .table > tbody > tr > td,
.decorate-common-url-setting-modal .table > tbody > tr > th,
.decorate-common-url-setting-modal .table > tfoot > tr > td,
.decorate-common-url-setting-modal .table > tfoot > tr > th,
.decorate-common-url-setting-modal .table > thead > tr > td,
.decorate-common-url-setting-modal .table > thead > tr > th {
  padding: 15px 8px;
  border-top: none;
  border-bottom: 1px solid #ddd; }
.decorate-common-url-setting-modal .mx-accordion .link {
  word-break: break-all; }
.decorate-common-url-setting-modal .table-responsive {
  margin-bottom: 10px; }

/*机构后台优化*/
@media (max-width: 768px) {
  .flex-father {
    margin: 10px 0; } }
/*机构后台首页改版*/
.agent-title {
  padding-left: 20px;
  display: flex;
  display: -webkit-flex;
  position: relative; }
  .agent-title .agent-title-l {
    height: 34px;
    line-height: 34px; }
  .agent-title .agent-title-r {
    flex: 1;
    position: absolute;
    right: 0; }
  .agent-title .a-t {
    display: flex;
    display: -webkit-flex; }
  .agent-title .a-btn-wrap {
    border: 1px solid #f0f0f0;
    margin-left: 9px;
    font-size: 16px;
    overflow: hidden;
    border-radius: 5px; }
  .agent-title .a-btn {
    min-width: 98px;
    height: 34px;
    line-height: 34px;
    float: left;
    font-size: 14px;
    text-align: center;
    cursor: pointer; }
  .agent-title .a-btn:first-of-type {
    border-radius: 5px 0 0 5px; }
  .agent-title .a-btn:last-of-type {
    border-radius: 0 5px 5px 0; }
  .agent-title .a-btn:nth-of-type(2) {
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0; }
  .agent-title .agent-tisp {
    left: 0; }

/*流水统计*/
.agent-wrap {
  background: white;
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px; }
  .agent-wrap .agent-bg-a {
    width: 100%;
    height: 7px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    background: -webkit-linear-gradient(-35deg, #fa6a63, #f7806c);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-35deg, #fa6a63, #f7806c);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-35deg, #fa6a63, #f7806c);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(-35deg, #fa6a63, #f7806c);
    position: absolute;
    top: 0; }
  .agent-wrap .agent-bg-b {
    width: 100%;
    height: 7px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    background: -webkit-linear-gradient(-35deg, #55c78b, #6bd684);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-35deg, #55c78b, #6bd684);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-35deg, #55c78b, #6bd684);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(-35deg, #55c78b, #6bd684);
    position: absolute;
    top: 0; }
  .agent-wrap .agent-bg-c {
    width: 100%;
    height: 7px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    background: -webkit-linear-gradient(-35deg, #698efb, #5ca4f6);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-35deg, #698efb, #5ca4f6);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-35deg, #698efb, #5ca4f6);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(-35deg, #698efb, #5ca4f6);
    position: absolute;
    top: 0; }
  .agent-wrap .agent-bg-d {
    width: 100%;
    height: 7px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    background: -webkit-linear-gradient(-35deg, #fa6a63, #f7806c);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-35deg, #fa6a63, #f7806c);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-35deg, #fa6a63, #f7806c);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(-35deg, #fa6a63, #f7806c);
    position: absolute;
    top: 0; }
  .agent-wrap .agent-bg-e {
    width: 100%;
    height: 7px;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    background: -webkit-linear-gradient(-35deg, #55c78b, #6bf684);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(-35deg, #55c78b, #6bf684);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-35deg, #55c78b, #6bf684);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(-35deg, #55c78b, #6bf684);
    position: absolute;
    top: 0; }
  .agent-wrap .agent-messgem {
    padding: 22px 0 0 20px;
    font-size: 18px;
    color: #212121; }
  .agent-wrap .agent-tisp-wrap {
    padding: 12px 0 22px 22px; }
  .agent-wrap .agent-tisp {
    font-size: 16px;
    color: #545454;
    height: 30px;
    line-height: 30px; }

.agent-header {
  margin-top: 10px; }

/*机构与商户统计*/
.agent-statistics {
  margin-top: 10px;
  border-radius: 10px;
  /*  // .a-border-bg {
    //     width: 1px;
    //     height: 68px;
    //     background: #f0f0f0;
    //     position: absolute;
    //     right: 0;
    //     top: 50%;
    //     margin-top: -34px;
    //     display: inline-block;
    // }*/ }
  .agent-statistics .agent-itme {
    padding: 52px 0; }
  .agent-statistics .agent-itme-border {
    border-right: 1px solid #f0f0f0; }
  .agent-statistics .agent-statistics-t {
    text-align: center;
    font-size: 16px;
    color: #545454;
    margin-bottom: 24px; }
  .agent-statistics .agent-statistics-tisp {
    font-size: 26px;
    color: #545454;
    text-align: center; }
  .agent-statistics .agent-itme-wrap:nth-of-type(2n) .agent-itme:nth-of-type(2n) .agent-itme-border {
    border: none; }

@media (max-width: 765px) {
  .a-border-bg {
    display: none; } }
.mt-10 {
  margin-top: 10px; }

.decorate-discovery-shop-preview-group {
  background: transparent; }
  .decorate-discovery-shop-preview-group .diy-takeout-shop-header {
    padding: 10px 10px 0 10px; }
    .decorate-discovery-shop-preview-group .diy-takeout-shop-header .shop-l {
      font-size: 16px; }
    .decorate-discovery-shop-preview-group .diy-takeout-shop-header .shop-picker {
      padding: 5px 0 5px 10px; }
    .decorate-discovery-shop-preview-group .diy-takeout-shop-header .shop-category-title {
      padding-right: 5px;
      min-width: 70px;
      text-align: right; }
  .decorate-discovery-shop-preview-group .shop-sale-word {
    margin-right: 5px;
    display: inline-block;
    padding: 0 2px;
    background: #ff4551;
    color: #fff;
    line-height: 1.4;
    font-size: 10px;
    vertical-align: top;
    border-radius: 5px; }

.decorate-discovery-shop-item {
  display: flex;
  margin: 10px;
  padding: 10px;
  background: #fff;
  color: #545454;
  border-radius: 5px; }
  .decorate-discovery-shop-item .shop-lbox {
    margin-right: 10px; }
  .decorate-discovery-shop-item .shop-rbox {
    flex: 1; }
  .decorate-discovery-shop-item .shop-shop-img {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 5px; }
  .decorate-discovery-shop-item .shop-r-t {
    min-height: 62px; }
  .decorate-discovery-shop-item .shop-name {
    font-size: 15px;
    color: #212121; }
  .decorate-discovery-shop-item .shop-distance {
    padding-left: 5px;
    font-size: 12px;
    color: #666; }
  .decorate-discovery-shop-item .shop-simple-txt {
    padding-top: 8upx;
    font-size: 12px;
    color: #999; }
  .decorate-discovery-shop-item .shop-tag {
    display: inline-block;
    margin: 5px 8upx 0 0;
    padding: 0 5px;
    line-height: 1.5;
    font-size: 12px;
    border-radius: 2px; }
    .decorate-discovery-shop-item .shop-tag::after {
      border-radius: 2px; }
  .decorate-discovery-shop-item .cusshop-receipt-card {
    margin-left: 10px;
    display: inline-block;
    padding: 0 8px;
    min-width: 50px;
    line-height: 25px;
    font-size: 12px; }
  .decorate-discovery-shop-item .shop-r-b {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px dashed #dedede; }
  .decorate-discovery-shop-item .shop-sale-txt {
    display: flex;
    padding: 2px 0; }
  .decorate-discovery-shop-item .shop-sale-msg {
    flex: 1;
    line-height: 1.4;
    font-size: 12px; }
  .decorate-discovery-shop-item .shop-sale-word {
    margin-right: 5px;
    display: inline-block;
    padding: 0 2px;
    background: #ff4551;
    color: #fff;
    line-height: 1.4;
    font-size: 10px;
    vertical-align: top;
    border-radius: 5px; }

.decorate-mini-live-preview-group {
  padding: 0;
  background: transparent;
  position: relative;
  height: 320px; }
  .decorate-mini-live-preview-group .room-item {
    position: absolute;
    top: 0;
    left: 10px;
    width: 175px;
    background-color: #fff;
    border-radius: 4px;
    word-break: break-all;
    overflow: hidden;
    font-size: 12px;
    overflow: hidden; }
    .decorate-mini-live-preview-group .room-item.style-2 {
      left: 195px; }
    .decorate-mini-live-preview-group .room-item .room-cbox {
      position: relative; }
    .decorate-mini-live-preview-group .room-item .room-cover-img {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: 195px; }
    .decorate-mini-live-preview-group .room-item .room-status {
      position: absolute;
      z-index: 3;
      left: 10px;
      top: 10px;
      padding: 3px 8px;
      font-size: 12px;
      color: #fff2f2;
      border-radius: 3px;
      background-color: rgba(0, 0, 0, 0.4); }
    .decorate-mini-live-preview-group .room-item .room-status-text {
      padding-left: 3px; }
    .decorate-mini-live-preview-group .room-item .room-anchor {
      position: absolute;
      z-index: 3;
      left: 0;
      bottom: 0;
      right: 0;
      padding: 10px; }
    .decorate-mini-live-preview-group .room-item .room-anchor-img {
      display: block;
      margin-right: 5px;
      width: 25px;
      height: 25px;
      border-radius: 25px; }
    .decorate-mini-live-preview-group .room-item .room-anchor-name {
      color: #fff; }
    .decorate-mini-live-preview-group .room-item .room-bbox {
      padding: 10px;
      line-height: 1.5; }
    .decorate-mini-live-preview-group .room-item .room-name {
      font-size: 16px;
      -webkit-line-clamp: 2; }
    .decorate-mini-live-preview-group .room-item .romm-start-time {
      margin-top: 4px;
      color: #666;
      font-size: 22upx; }
    .decorate-mini-live-preview-group .room-item .room-start-title {
      padding-right: 8px; }
    .decorate-mini-live-preview-group .room-item .room-goods-box {
      margin-top: 8px; }
    .decorate-mini-live-preview-group .room-item .goods-img {
      display: block;
      margin: 0 -5px -5px 5px;
      width: 40px;
      height: 40px;
      border-radius: 4px; }
    .decorate-mini-live-preview-group .room-item .goods-name {
      color: #7b7b7b; }
    .decorate-mini-live-preview-group .room-item .goods-price {
      padding-top: 1px; }

.value-added-services-title {
  margin-left: 25px; }

.value-added-services-item {
  display: block;
  position: relative;
  padding: 20px 20px 10px; }
  .value-added-services-item .value-added-services-body {
    min-height: 100px;
    display: flex;
    border-bottom: 1px solid #e4e4e4; }
    .value-added-services-item .value-added-services-body .body-container {
      display: flex;
      justify-content: space-around; }
      .value-added-services-item .value-added-services-body .body-container .services-body-icon-block {
        width: 100%;
        height: 80px;
        flex: 1;
        line-height: 80px;
        padding: 0 20px 0 10px; }
        .value-added-services-item .value-added-services-body .body-container .services-body-icon-block .icon-block-style {
          width: 40px;
          height: 40px; }
  .value-added-services-item .value-added-services-open-status {
    width: 58px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0; }
  .value-added-services-item .value-added-services-footer {
    text-align: center;
    margin-top: 16px; }
    .value-added-services-item .value-added-services-footer .services-enter {
      color: #333333;
      display: inline-block;
      width: 100%; }
  .value-added-services-item .info-title {
    font-size: 18px;
    color: #333333;
    padding: 10px 0; }
  .value-added-services-item .info-tips {
    margin-bottom: 4px; }
  .value-added-services-item .tips-des {
    color: #949494; }
  .value-added-services-item .tips-remind {
    color: #f03b38; }
  .value-added-services-item .tips-coming {
    color: #f99a3d; }

.value-added-services-item:hover {
  box-shadow: 0px 0px 10px #e4e4e4; }

/*店铺装修 - 秒杀商品*/
.decorate-goods-seckill-box {
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #ddd; }
  .decorate-goods-seckill-box.style-radius {
    border-radius: 0 0 4px 4px; }
  .decorate-goods-seckill-box .seckill-c {
    line-height: 30px;
    text-align: left; }
  .decorate-goods-seckill-box .seckill-join {
    margin-right: 10px;
    padding-left: 15px; }
  .decorate-goods-seckill-box .seckill-people-item {
    display: inline-block;
    margin-left: -15px; }
  .decorate-goods-seckill-box .seckill-people-img {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 20px; }
  .decorate-goods-seckill-box .sckill-btn {
    width: 120px;
    text-align: center;
    line-height: 28px;
    background-color: #f41b14; }

.decorate-goods-seckill-time-box {
  color: #f41b14;
  white-space: nowrap;
  font-size: 12px;
  text-align: right; }
  .decorate-goods-seckill-time-box .time-countdown {
    padding-left: 5px;
    font-size: 16px; }

.decorate-goods-seckill-msj {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  padding: 0 5px;
  font-size: 10px;
  color: #fff;
  line-height: 1.4;
  background-color: #f41b14; }
  .decorate-goods-seckill-msj::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #f41b14; }

.decorate-goods-list.DEFAULT_LIST .decorate-goods-item.seckill-goods .goods-photo-box,
.decorate-goods-list.DEFAULT_LIST .decorate-goods-item.seckill-goods .goods-photo {
  height: 134px;
  width: 134px; }
.decorate-goods-list.DEFAULT_LIST .decorate-goods-item.seckill-goods .goods-box {
  padding: 8px; }
  .decorate-goods-list.DEFAULT_LIST .decorate-goods-item.seckill-goods .goods-box.style-radius {
    border-radius: 4px 4px 0 0; }
.decorate-goods-list.DEFAULT_LIST .decorate-goods-item.seckill-goods .goods-title {
  margin-top: 0; }

.login-shop-layer::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: #000;
  opacity: 0.3; }

.login-shop-layer .login-shop-main {
  position: fixed;
  z-index: 900;
  width: 430px;
  height: 320px;
  padding: 25px 30px;
  top: 50%;
  left: 50%;
  margin-top: -160px;
  margin-left: -215px;
  background-color: #fff;
  border-radius: 10px;
  font-size: 14px; }

.login-shop-layer .shop-header {
  padding-bottom: 15px; }

.login-shop-layer .shop-close {
  float: right;
  width: 15px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABjklEQVRYR7XX4VGDMBTA8ZdkgW5QN1AnsI7gApxsoJvoBBQ4PtsN2k6gI+gG+p3keeGgR4GQ9wLpp8KV+/8OSh4IAIAsy26UUtskSc52O/an3xN2Q0r5KYTYAMBJa/2UpulvLERVVXd1XR9tDxHfRVmWO0Q8dkFE/DLGPMZA9OO2h4h/wn4piuIEAA8xEcN420obQJZlG6WURdzGQLjiSZLsG0BMxFzcdi+AGAhffARYE0GJTwLWQFDjTsASBCc+CwhBcONeAAcREicBKIjQOBkwh5BSvhpjPtpZ0i0rqV1kKPPkah3wHTC1Yk4cQ46zzsDcitlDsOJBAHvQcILafYj4bYy5505R1iWwIccfrjkJIaOcBXDEfwBg210GLoIMcN1qWuvDklFOAvju8yXPE16ALz53d1AuxyyAGl+CcAK48VDEJCA0HoIYAZbGuYgrwFpxDuICWDtORTSAWHEKYvhuyJ7nvhHumaKH0bshALBHaiji8m6Y5/kbADwLIV6oTzLU6PB37bK9R8Sd7f0DbIgnZiF9VOkAAAAASUVORK5CYII=);
  background-size: 100% 100%;
  cursor: pointer; }

.login-shop-layer .shop-main {
  padding-top: 5px;
  height: 180px;
  width: 100%;
  overflow: auto; }

.login-shop-layer .shop-item {
  position: relative;
  margin-bottom: 8px;
  padding-right: 25px;
  line-height: 26px;
  cursor: pointer; }

.login-shop-layer .color-blue .shop-item-checkbox {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAALVBMVEUAAAAYkP8bj/8gj/8Yj/8Yj/8Yj/8Zj/8aj/8YkP8Yj/8Yj/8Zj/8Xkf8Ykf9ErJodAAAAD3RSTlMA/zAQoGDgsFCfgO+QT39lQ+kIAAAAbElEQVR4nGNAAbbvLkMYloKCgpNBDKbEQwwqYgpAltkmIKGdDCQcFVhnBjCJMDAwyzAUCoozOBowcAixAnUEKDYwcAmwA1kOjAuQWAhZhA6QKS5gU5BMZkqcxKAJto3BBKjDGeIYi1XNKK4EAIPNFINiFwcRAAAAAElFTkSuQmCC); }

.login-shop-layer .shop-item-logo {
  margin-right: 5px;
  width: 26px;
  height: 26px;
  vertical-align: top;
  border-radius: 15px; }

.login-shop-layer .shop-item-checkbox {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 1;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAIVBMVEUAAACZmZmampqfn5+ZmZmZmZmZmZmZmZmYmJiZmZmYmJjHRIcCAAAAC3RSTlMA/zAQoFDggJ/wkL6Bp1sAAABbSURBVHicY0ABpuXBEIaFoKBgM4jBlLiIQUVMAcgymwQkNJOBhCOIyyTCwMAsBVbsaMDAKgRmKQYwsAuAWYwFSCyELEIHwhQkk5kSmxg0wLYxmABd4IzmKigAAKhGDQvCfoZVAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  cursor: pointer; }

.login-shop-layer .shop-btn-group {
  padding-top: 20px;
  text-align: center; }

.login-shop-layer .shop-btn {
  margin: 0 10px;
  padding: 0;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  box-sizing: border-box; }

.login-shop-layer .shop-btn-close {
  border-color: #1890ff;
  color: #1890ff;
  background-color: #fff; }

.tips-t-l-15p {
  padding: 15px 0 0 15px; }







.mx-sortable-icon{margin-top: -3px;display: inline-block;width: 18px;height: 18px;background-size: 100% 100%;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');vertical-align: middle;}
.mx-sortable-icon.style-asc{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAbFBMVEUAAADo6OjKzOXn5+eAht6HjN6Rlt+boODn5+fo6Ojn5+evsuLn5+fn5+fn5+fn5+fn5+eYneDn5+fn5+egpOCipuHn5+ejp+GlqeHn5+eorOHn5+epreHn5+fn5+esr+KssOLo5+h6gN19g90kZe6lAAAAIXRSTlMA9wz6/vvt0JE+JhYG8u7j29m+uLSpnZ2TdXFramFZTUFJoBLuAAAAZElEQVQY05XOORKAIBBE0VHcxX3fZbj/HYUyYTCweOFPusFVHvuf1svBTleI4W21BhFjmtZAtWAnAxFqkTkzydf8c+5knsYOo/FOaC25nRYqlSkQiWojUFktqgwsG1vAxhMfHD0TXQalaZSSfgAAAABJRU5ErkJggg==);}
.mx-sortable-icon.style-desc{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAaVBMVEUAAADo6OiAht6HjN7n5+eRlt+boODn5+epreLn5+fn5+evsuKws+Ln5+fn5+fn5+eYneDn5+fn5+egpOCipuHn5+ejp+GlqeHn5+fn5+fn5+fn5+esr+KssOLn5+fn5+fn5+d6gN19g91cU/YlAAAAIHRSTlMA+P778O3QkW0+JhYNC+Pb2b64tKmdnZN1a2FZTUEHBpQaUgQAAABkSURBVBjTlc43EsAgEATBk5cAee8P/v9IQZFgAhUTdrILodXF69kW7S6RBlvi2IyIhU1VKi2trIEeVcNj2BHpzp9zq9AthrGMqzIKRmUsKS7BKpfWgd2d8ORyZyYxetMspxDYB7gvBm4VcZMtAAAAAElFTkSuQmCC);}