.btn {
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
}
.table > thead > tr > th {
  vertical-align: middle;
  border-bottom: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #eee;
}
textarea {
  resize: none;
}
.panel {
  border-radius: 0px;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  background-color: #efefef;
  border-color: #ddd;
}
.popover {
  border-radius: 0;
  max-width: 200px;
  font-family: inherit;
  z-index: 999999;
}
.input-group-addon {
  border-radius: 0px;
}
.text-danger {
  color: #d44950 !important;
}
.btn {
  border-radius: 1px;
}
.btn-default {
  color: #444 !important;
}
.label {
  border-radius: 0;
  padding: 5px !important;
}
.nav-pills > li > a {
  border-radius: 0px;
}
.form-control {
  border-radius: 0px;
}
.modal-content {
  border-radius: 0px;
}
.dropdown-menu {
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #444;
  background-color: #eee;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  background-color: #ff604f;
  color: #ffcfca;
}
.btn-link {
  color: #3ca5f6;
}
.btn-link:hover,
.btn-link:focus {
  color: #3ca5f6;
}
a {
  color: #3ca5f6;
}
a:hover,
a:focus {
  color: #3ca5f6;
}
.text-primary {
  color: #3ca5f6;
}
.btn-primary {
  color: #fff;
  background-color: #3ca5f6;
  border-color: #3ca5f6;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #064475;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #0a68b4;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff !important;
  background-color: #0c7cd5;
  border-color: #0c7cd5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #0a68b4;
  border-color: #0a68b4;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #3ca5f6;
  border-color: #0d8aee;
}
.btn-primary .badge {
  color: #3ca5f6;
  background-color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3ca5f6;
  border-color: transparent;
}
.btn-primary:hover:hover:not(.active),
.btn-primary:focus:hover,
.btn-primary.focus:hover,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:hover:focus,
.btn-primary:focus:focus,
.btn-primary.focus:focus,
.btn-primary:active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:hover.focus,
.btn-primary:focus.focus,
.btn-primary.focus.focus,
.btn-primary:active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #3ca5f6;
  border-color: transparent;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active {
  background-color: #3ca5f6;
  border-color: #0d8aee;
}
.btn-primary .badge {
  color: #3ca5f6;
  background-color: #fff;
}
.text-success {
  color: #4caf50;
}
.btn-success {
  color: #fff;
  background-color: #4caf50;
  border-color: #4caf50;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #3d8b40;
  border-color: #1e441f;
}
.btn-success:hover {
  color: #fff;
  background-color: #3d8b40;
  border-color: #327334;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #3d8b40;
  border-color: #327334;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #327334;
  border-color: #1e441f;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #4caf50;
  border-color: #449d48;
}
.btn-success .badge {
  color: #4caf50;
  background-color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #4caf50;
  border-color: transparent;
}
.btn-success:hover:hover,
.btn-success:focus:hover,
.btn-success.focus:hover,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:hover:focus,
.btn-success:focus:focus,
.btn-success.focus:focus,
.btn-success:active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:hover.focus,
.btn-success:focus.focus,
.btn-success.focus.focus,
.btn-success:active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #4caf50;
  border-color: transparent;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active {
  background-color: #4caf50;
  border-color: #449d48;
}
.btn-success .badge {
  color: #4caf50;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #cc7a00;
  border-color: #663d00;
}
.btn-warning:hover {
  color: #fff;
  background-color: #cc7a00;
  border-color: #a86400;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #cc7a00;
  border-color: #a86400;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #a86400;
  border-color: #663d00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #ff9800;
  border-color: #e68900;
}
.btn-warning .badge {
  color: #ff9800;
  background-color: #fff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ff9800;
  border-color: transparent;
}
.btn-warning:hover:hover,
.btn-warning:focus:hover,
.btn-warning.focus:hover,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:hover:focus,
.btn-warning:focus:focus,
.btn-warning.focus:focus,
.btn-warning:active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:hover.focus,
.btn-warning:focus.focus,
.btn-warning.focus.focus,
.btn-warning:active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #ff9800;
  border-color: transparent;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active {
  background-color: #ff9800;
  border-color: #e68900;
}
.btn-warning .badge {
  color: #ff9800;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #f44336;
  border-color: #f44336;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #891008;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #c8180b;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #c8180b;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #c8180b;
  border-color: #891008;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #f44336;
  border-color: #f32c1e;
}
.btn-danger .badge {
  color: #f44336;
  background-color: #fff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #f44336;
  border-color: transparent;
}
.btn-danger:hover:hover,
.btn-danger:focus:hover,
.btn-danger.focus:hover,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:hover:focus,
.btn-danger:focus:focus,
.btn-danger.focus:focus,
.btn-danger:active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:hover.focus,
.btn-danger:focus.focus,
.btn-danger.focus.focus,
.btn-danger:active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #f44336;
  border-color: transparent;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active {
  background-color: #f44336;
  border-color: #f32c1e;
}
.btn-danger .badge {
  color: #f44336;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #00bcd4;
  border-color: #00a5bb;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #008fa1;
  border-color: #00343b;
}
.btn-info:hover {
  color: #fff;
  background-color: #008fa1;
  border-color: #006f7d;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #008fa1;
  border-color: #006f7d;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #006f7d;
  border-color: #00343b;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #00bcd4;
  border-color: #00a5bb;
}
.btn-info .badge {
  color: #00bcd4;
  background-color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #00bcd4;
  border-color: transparent;
}
.btn-info:hover:hover,
.btn-info:focus:hover,
.btn-info.focus:hover,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:hover:focus,
.btn-info:focus:focus,
.btn-info.focus:focus,
.btn-info:active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:hover.focus,
.btn-info:focus.focus,
.btn-info.focus.focus,
.btn-info:active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #00bcd4;
  border-color: transparent;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active {
  background-color: #00bcd4;
  border-color: #00a5bb;
}
.btn-info .badge {
  color: #00bcd4;
  background-color: #fff;
}
.modal-header {
  padding: 10px;
  background: #edecec;
}
.modal-footer {
  padding: 10px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #3ca5f6;
  border-color: #3ca5f6;
}
.pagination > li > a,
.pagination > li > span {
  color: #3ca5f6;
}

::selection {
  background: #535a6c;
  color: #fff;
  text-shadow: none;
}
a,
button,
input {
  outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
th {
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
}
th,
label {
  font-weight: 400;
}
html,
body {
  height: 100%;
  min-width: 940px !important;
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
}
body {
  color: #444;
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
.cursor-pointer {
  cursor: pointer;
}
.th-cursor-pointer {
  cursor: pointer;
}
.table-thead {
  background: #f8f8f8;
}
.overflow-hidden {
  overflow: hidden;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.highcharts-container {
  width: 100% !important;
}
svg,
rect {
  width: 100% !important;
}
.dialog-header-wait {
  background-color: #3ca5f6 !important;
}
.background-white {
  background: #fff;
}
.nano > .nano-pane {
  z-index: 2004 !important;
  background: #fff !important;
  width: 3px !important;
  border-radius: 0px !important;
}
.nano > .nano-pane > .nano-slider {
  background: rgba(0,0,0,0.4) !important;
  border-radius: 0px;
  margin: 0 !important;
}
.ranges li {
  border-radius: 1px !important;
}
.daterangepicker .input-mini {
  border-radius: 1px !important;
}
.daterangepicker .input-mini.active {
  border: 1px solid #3ca5f6 !important;
  border-radius: 1px !important;
}
.growl-container.growl-fixed.top-right {
  top: 60px !important;
  right: 10px !important;
}
.growl-container > .growl-item {
  border-radius: 0;
  padding-right: 35px;
}
.alert-success {
  background-color: rgba(76,175,80,0.7);
  border-color: transparent;
  color: #fff;
}
.alert-info {
  background-color: rgba(33,150,243,0.7);
  border-color: transparent;
  color: #fff;
}
.alert-warning {
  background-color: rgba(255,193,7,0.7);
  border-color: transparent;
  color: #fff;
}
.alert-danger {
  background-color: rgba(244,67,54,0.7);
  border-color: transparent;
  color: #fff;
}
a:hover,
a:focus {
  color: #444;
  text-decoration: underline;
}
.hg-height {
  height: 100%;
  overflow: hidden;
  margin-bottom: -41px;
  padding-bottom: 41px;
}
.margin-auto {
  margin: auto;
}
.box-shadow {
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.top-zero {
  top: 0 !important;
}
.font-size-xxs {
  font-size: 8px;
}
.font-size-xs {
  font-size: 10px;
}
.font-size-sm {
  font-size: 12px;
}
.font-size-sd {
  font-size: 14px;
}
.font-size-md {
  font-size: 16px;
}
.font-size-mds {
  font-size: 18px;
}
.font-size-lg {
  font-size: 20px;
}
.margin-top-zero {
  margin-top: 0px !important;
}
.margin-top-xxs {
  margin-top: 1px !important;
}
.margin-top-xs {
  margin-top: 3px !important;
}
.margin-top-sm {
  margin-top: 5px !important;
}
.margin-top-sd {
  margin-top: 8px !important;
}
.margin-top-md {
  margin-top: 10px !important;
}
.margin-top-mds {
  margin-top: 15px !important;
}
.margin-top-lg {
  margin-top: 20px !important;
}
.margin-top-xl {
  margin-top: 30px !important;
}
.margin-top-xxl {
  margin-top: 40px !important;
}
.margin-left-zero {
  margin-left: 0px !important;
}
.margin-left-xxs {
  margin-left: 1px !important;
}
.margin-left-xs {
  margin-left: 3px !important;
}
.margin-left-sm {
  margin-left: 5px !important;
}
.margin-left-sd {
  margin-left: 8px !important;
}
.margin-left-md {
  margin-left: 10px !important;
}
.margin-left-mds {
  margin-left: 15px !important;
}
.margin-left-lg {
  margin-left: 20px !important;
}
.margin-left-xl {
  margin-left: 30px !important;
}
.margin-left-xxl {
  margin-left: 40px !important;
}
.margin-right-zero {
  margin-right: 0px !important;
}
.margin-right-xxs {
  margin-right: 1px !important;
}
.margin-right-xs {
  margin-right: 3px !important;
}
.margin-right-sm {
  margin-right: 5px !important;
}
.margin-right-sd {
  margin-right: 8px !important;
}
.margin-right-md {
  margin-right: 10px !important;
}
.margin-right-mds {
  margin-right: 15px !important;
}
.margin-right-lg {
  margin-right: 20px !important;
}
.margin-right-xl {
  margin-right: 30px !important;
}
.margin-right-xxl {
  margin-right: 40px !important;
}
.margin-bottom-zero {
  margin-bottom: 0px !important;
}
.margin-bottom-xxs {
  margin-bottom: 1px !important;
}
.margin-bottom-xs {
  margin-bottom: 3px !important;
}
.margin-bottom-sm {
  margin-bottom: 5px !important;
}
.margin-bottom-sd {
  margin-bottom: 8px !important;
}
.margin-bottom-md {
  margin-bottom: 10px !important;
}
.margin-bottom-mds {
  margin-bottom: 15px !important;
}
.margin-bottom-lg {
  margin-bottom: 20px !important;
}
.margin-bottom-xl {
  margin-bottom: 30px !important;
}
.margin-bottom-xxl {
  margin-bottom: 40px !important;
}
.margin-zero {
  margin: 0px !important;
}
.margin-xxs {
  margin: 1px !important;
}
.margin-xs {
  margin: 3px !important;
}
.margin-sm {
  margin: 5px !important;
}
.margin-sd {
  margin: 8px !important;
}
.margin-md {
  margin: 10px !important;
}
.margin-mds {
  margin: 15px !important;
}
.margin-lg {
  margin: 20px !important;
}
.margin-xl {
  margin: 30px !important;
}
.margin-xxl {
  margin: 40px !important;
}
.padding-top-zero {
  padding-top: 0px !important;
}
.padding-top-xxs {
  padding-top: 1px !important;
}
.padding-top-xs {
  padding-top: 3px !important;
}
.padding-top-sm {
  padding-top: 5px !important;
}
.padding-top-sd {
  padding-top: 8px !important;
}
.padding-top-md {
  padding-top: 10px !important;
}
.padding-top-mds {
  padding-top: 15px !important;
}
.padding-top-lg {
  padding-top: 20px !important;
}
.padding-top-xl {
  padding-top: 30px !important;
}
.padding-top-xxl {
  padding-top: 40px !important;
}
.padding-left-zero {
  padding-left: 0px !important;
}
.padding-left-xxs {
  padding-left: 1px !important;
}
.padding-left-xs {
  padding-left: 3px !important;
}
.padding-left-sm {
  padding-left: 5px !important;
}
.padding-left-sd {
  padding-left: 8px !important;
}
.padding-left-md {
  padding-left: 10px !important;
}
.padding-left-mds {
  padding-left: 15px !important;
}
.padding-left-lg {
  padding-left: 20px !important;
}
.padding-left-xl {
  padding-left: 30px !important;
}
.padding-left-xxl {
  padding-left: 40px !important;
}
.padding-right-zero {
  padding-right: 0px !important;
}
.padding-right-xxs {
  padding-right: 1px !important;
}
.padding-right-xs {
  padding-right: 3px !important;
}
.padding-right-sm {
  padding-right: 5px !important;
}
.padding-right-sd {
  padding-right: 8px !important;
}
.padding-right-md {
  padding-right: 10px !important;
}
.padding-right-mds {
  padding-right: 15px !important;
}
.padding-right-lg {
  padding-right: 20px !important;
}
.padding-right-xl {
  padding-right: 30px !important;
}
.padding-right-xxl {
  padding-right: 40px !important;
}
.padding-bottom-zero {
  padding-bottom: 0px !important;
}
.padding-bottom-xxs {
  padding-bottom: 1px !important;
}
.padding-bottom-xs {
  padding-bottom: 3px !important;
}
.padding-bottom-sm {
  padding-bottom: 5px !important;
}
.padding-bottom-sd {
  padding-bottom: 8px !important;
}
.padding-bottom-md {
  padding-bottom: 10px !important;
}
.padding-bottom-mds {
  padding-bottom: 15px !important;
}
.padding-bottom-lg {
  padding-bottom: 20px !important;
}
.padding-bottom-xl {
  padding-bottom: 30px !important;
}
.padding-bottom-xxl {
  padding-bottom: 40px !important;
}
.padding-zero {
  padding: 0px !important;
}
.padding-xxs {
  padding: 1px !important;
}
.padding-xs {
  padding: 3px !important;
}
.padding-sm {
  padding: 5px !important;
}
.padding-sd {
  padding: 8px !important;
}
.padding-md {
  padding: 10px !important;
}
.padding-mds {
  padding: 15px !important;
}
.padding-lg {
  padding: 20px !important;
}
.padding-xl {
  padding: 30px !important;
}
.padding-xxl {
  padding: 40px !important;
}
.wd-a {
  width: 10%;
}
.wd-b {
  width: 20%;
}
.wd-c {
  width: 30%;
}
.wd-d {
  width: 40%;
}
.wd-e {
  width: 50%;
}
.wd-f {
  width: 60%;
}
.wd-g {
  width: 100%;
}
.wd-h {
  width: 80%;
}
.wd-i {
  width: 90%;
}
.wd-zero {
  width: 0;
}
.wd-xxs {
  width: 60px;
}
.wd-xs {
  width: 90px;
}
.wd-sm {
  width: 150px;
}
.wd-sd {
  width: 200px;
}
.wd-md {
  width: 240px;
}
.wd-mds {
  width: 260px;
}
.wd-lg {
  width: 290px;
}
.wd-xl {
  width: 320px;
}
.wd-xxl {
  width: 360px;
}
.wd-wide {
  width: 100%;
}
.wd-auto {
  width: auto;
}
.text-weixin {
  color: #51c332;
}
.text-white {
  color: #fff;
}
.bg-white {
  background-color: #fff !important;
}
.no-margin {
  margin: 0 !important;
}
.no-border {
  border: 0 !important;
}
.border-left-zero {
  border-left: 0 !important;
}
.border-top-dotted {
  border-top: 1px dotted #ddd;
}
.border-top-solid {
  border-top: 1px solid #ddd;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.me-tip {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  color: #2a90d7;
  vertical-align: middle;
  height: 32px;
  background: rgba(213,233,247,0.9);
  z-index: 1001;
  -webkit-animation: zoomIn 300ms ease;
}
.me-panel {
  margin-bottom: 20px;
  background-color: #fff;
}
.me-panel .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.me-panel .panel .panel-heading {
  padding-left: 0px;
  padding-right: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom: 1px solid #ddd;
}
.me-panel .panel .panel-body {
  padding-left: 0px;
  padding-right: 0px;
}
.ui-view-empty {
  display: block;
  position: relative;
  height: 100%;
}
.ui-view-empty .empty-box {
  position: absolute;
  width: 500px;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -250px;
  font-family: "Microsoft YaHei";
}
.ui-view-empty .pic-empty {
  margin: 0 auto;
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url("../images/pic.png");
}
.ui-view-empty .audio-empty {
  margin: 0 auto;
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url("../images/audio.png");
}
.ui-view-empty .video-empty {
  margin: 0 auto;
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url("../images/video.png");
}
.ui-view-empty .doc-empty {
  margin: 0 auto;
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url("../images/doc.png");
}
.ui-view-empty .title {
  height: 40px;
  line-height: 40px;
  color: #afb5bf;
  font-size: 32px;
  text-align: center;
}
.ui-view-empty .content {
  height: 40px;
  line-height: 40px;
  color: #afb5bf;
  font-size: 18px;
  text-align: center;
}
.left-aside {
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 250px;
  background: #fff;
  border-right: 1px solid #eee;
}
.left-aside .header {
  z-index: 997;
  position: absolute;
  width: 100%;
  padding: 0 15px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.left-aside .content-wrap {
  top: 50px !important;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.wrap-section {
  height: 100%;
  top: 0;
  left: 250px;
  position: absolute;
  width: calc(100% - 250px);
}
.wrap-section .header {
  left: 0;
  right: 0;
  z-index: 997;
  position: absolute;
  padding: 0 15px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.wrap-section .section-content-wrap {
  padding: 15px;
  top: 50px !important;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  background-color: #fff;
}
.we_uploader_input_wrp {
  float: left;
  position: relative;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 77px;
  height: 77px;
  border: 1px solid #d9d9d9;
}
.we_uploader_input_wrp:before,
.we_uploader_input_wrp:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d9d9d9;
}
.we_uploader_input_wrp:before {
  width: 2px;
  height: 39.5px;
}
.we_uploader_input_wrp:after {
  width: 39.5px;
  height: 2px;
}
.we_uploader_input_wrp:active {
  border-color: #999;
}
.we_uploader_input_wrp:active:before,
.we_uploader_input_wrp:active:after {
  background-color: #999;
}
.we_uploader_input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  cursor: pointer;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  outline: none;
  background: #fff;
  cursor: inherit;
  display: block;
}
.text-danger {
  color: #ef473a !important;
}
.win-close {
  width: 35px;
  height: 35px;
  line-height: 33px;
  font-size: 35px;
  cursor: pointer;
  color: #d2d2d2;
  text-align: center;
  float: right;
}
.win-close:hover {
  color: #fff;
  background: #3ca5f6;
}
.weixin-logo {
  display: block;
  width: 77px;
  height: 77px;
  border: 0;
}
.select2-container .select2-choice {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb !important;
}
.select2-container .select2-choice .select2-arrow b {
  background: url("/images/select2.png") no-repeat 0 4px;
}
.select2-container .select2-choice .select2-arrow {
  border: 0;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
}
.select2-search {
  padding-top: 5px;
  padding-bottom: 3px;
}
.select2-search input {
  border: 1px solid #ccc;
  background-image: none;
  padding: 5px 20px 5px 5px;
  font-family: "微软雅黑";
}
.fans-img {
  width: 30px;
  height: 30px;
  padding: 1px;
  border: 1px solid #ddd;
}

html,
body {
  height: 100%;
  min-height: 800px;
  min-width: 1200px !important;
}
body {
  color: #444;
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
  line-height: 1.1;
  color: #414141;
}
a {
  color: #444;
  text-decoration: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  cursor: pointer;
}
a:visited,
a:active,
a:focus,
a:hover {
  text-decoration: none;
  outline: 0;
}
ol,
ul {
  padding: 0;
  list-style: none;
}
ol {
  list-style: outside decimal;
}
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
}
img {
  max-width: 100%;
  height: auto;
}
img {
  -ms-interpolation-mode: bicubic;
}
.img-rounded {
  border-radius: 2px;
}
.img-circle {
  border-radius: 50%;
}
.avatar {
  position: relative;
  display: inline-block;
  width: 100%;
}
.avatar-lg {
  width: 128px;
  height: 128px;
}
.avatar-mds {
  width: 64px;
}
.avatar-md {
  width: 40px;
  height: 40px;
}
.avatar-sm {
  width: 32px;
  height: 32px;
}
.avatar-xs {
  width: 16px;
  height: 16px;
}
.bordered-avatar {
  border: 6px solid #efefef;
}
.header .avatar {
  width: 30px;
}
.app {
  height: 100%;
  position: relative;
  padding: 0;
}
.app>.header {
  background-color: #3ca5f6;
}
.header {
  height: 50px;
  position: relative;
  margin: 0;
  z-index: 1000;
  border-radius: 0;
  border: 0;
}
.app>.header .brand {
  width: 220px;
  height: 50px;
  float: left;
  position: relative;
  font-size: 14px;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
.brand .heading-font {
  font-family: "Open Sans", Arial, sans-serif;
}
.header>.navbar-nav {
  margin-left: -15px;
  margin-right: 15px;
}
.header li:hover,
.header li a:hover,
.header li a:active {
  background: transparent;
}
.header .nav>li>a:hover,
.header .nav>li>a:focus,
.header .nav .open>a,
.header .nav .open>a:hover,
.header .nav .open>a:focus {
  background-color: #7ac5ff;
  color: #fff;
}
.quickmenu.open a > i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notifications .dropdown-menu,
.quickmenu .dropdown-menu {
  border: 1px solid #ddd;
  border-radius: 0px !important;
  margin-top: 2px !important;
  -webkit-animation-duration: 200ms;
  transition-animation: 200ms;
}
.notifications .dropdown-menu:before,
.quickmenu .dropdown-menu:before {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ddd transparent;
  content: " ";
  pointer-events: none;
}
.notifications .dropdown-menu:after,
.quickmenu .dropdown-menu:after {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  content: " ";
  pointer-events: none;
}
.notifications {
  position: relative;
}
.notifications .dropdown-menu {
  min-width: 350px;
}
.notifications .panel-heading {
  border-color: #ddd;
  padding: 5px 15px;
}
.notifications .dropdown-menu:before {
  top: -21px;
  right: 10px;
}
.notifications .list-group-item {
  border: 1px solid #ddd;
}
.notifications .dropdown-menu:after {
  top: -20px;
  right: 10px;
}
.notifications .dropdown-menu.dropdown-menu-left:before {
  right: inherit;
  left: 10px;
}
.notifications .dropdown-menu.dropdown-menu-left:after {
  right: inherit;
  left: 10px;
}
.notifications .badge {
  position: absolute !important;
  top: 8px !important;
  right: 5px;
  background-color: #ff604f;
  color: #ffcfca;
}
.badge {
  background-color: #ff604f;
  color: #ffcfca;
}
.notifications ul li a {
  font-size: 13px;
}
.notifications ul li a.m-body {
  margin-left: 50px;
}
.notifications .panel-footer {
  padding: 5px 15px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.notifications .panel-footer>a {
  font-size: 13px;
}
.quickmenu .dropdown-menu {
  min-width: 220px;
}
.quickmenu .dropdown-menu:before {
  top: -21px;
  right: 25px;
}
.quickmenu .dropdown-menu:after {
  top: -20px;
  right: 25px;
}
.quickmenu .dropdown-menu.dropdown-menu-left:before {
  right: inherit;
  left: 25px;
}
.quickmenu .dropdown-menu.dropdown-menu-left:after {
  right: inherit;
  left: 25px;
}
.quickmenu .avatar {
  margin-top: -4px;
}
.panel-footer {
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-color: #fcfcfc;
}
.dropdown-menu .divider {
  margin: 0px 0;
  height: 1px;
}
.dropdown-menu>li>a {
  margin: 0;
  border-radius: 2px;
  font-size: 13px;
  line-height: 22px;
  color: #444;
}
.dropdown-menu>li>a:hover {
  background: #f4f4f4;
}
.app .layout {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
}
.app .layout>section,
.app .layout>aside {
  float: left;
  height: 100%;
  position: relative;
  display: block;
}
.app .layout>section.main-content {
  position: relative;
  float: none;
  width: auto;
  overflow: hidden;
}
.main-content {
  background: #edecec;
}
.main-content .content-wrap {
  padding: 15px;
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.app .layout>section:before,
.app .layout>aside:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}
.sidebar {
  position: relative;
  width: 220px;
  background-color: #fff;
  border-right: 1px solid #ddd;
}
.sidebar li {
  color: #4c4c4c;
  font-weight: 500;
}
.main-navigation {
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  position: absolute;
}
.main-navigation.app-navigation {
  position: relative;
}
.main-navigation.app-navigation>ul>li>a {
  padding: 10px 15px;
}
.main-navigation ul {
  margin: 0;
}
.main-navigation ul>li>a {
  display: block;
  padding: 16px 15px;
  text-decoration: none;
}
.main-navigation ul>li i {
  padding-right: 10px;
  min-width: 25px;
  text-align: center;
}
aside footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 50px;
}
aside footer .footer-toolbar {
  line-height: 50px;
  padding: 0 15px;
  width: 100%;
}
aside footer .about-app {
  white-space: normal;
}
aside footer .about-app.open {
  display: block;
}
aside footer .about-app img {
  float: left;
  margin-right: 10px;
  width: 50px;
}
aside footer .toggle-sidebar i {
  padding: 5px 10px;
  background: rgba(0,0,0,0.1);
  border-radius: 2px;
}
.main-navigation:not(.app-navigation) .sidebar-div ul>li.active,
.main-navigation:not(.app-navigation)>ul>li.active,
.main-navigation:not(.app-navigation)>ul>li:hover,
.main-navigation:not(.app-navigation)>ul>li.open {
  color: #262626;
  background-color: #f4f4f4;
}
.main-navigation .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  border: 1px solid #ddd;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.main-navigation .dropdown-menu a {
  margin: 0;
  padding: 8px 20px;
  width: 100%;
  font-size: 13px;
  border-radius: 0;
}
.main-navigation .show-on-hover {
  position: relative;
  top: 0;
  display: block;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: inherit;
}
.main-navigation .show-on-hover li {
  padding: 0 !important;
  border-bottom: 0 !important;
}
.main-navigation .show-on-hover>.dropdown-menu li a {
  text-align: left !important;
}
.show-on-hover:hover>.dropdown-menu {
  display: block;
}
.dropdown.open .dropdown-menu {
  display: block;
}
.dropdown-menu {
  margin: 0;
  padding: 0;
  border-radius: 0px;
  border: 1px solid #ddd;
  z-index: 9999;
  box-shadow: none;
}
.small-sidebar .sidebar {
  width: 60px;
}
.app:not(.small-sidebar) .collapsible .main-navigation,
.app:not(.small-sidebar) .collapsible .slimScrollDiv {
  height: 100% !important;
}
.app:not(.small-sidebar) .collapsible ul>li {
  position: relative;
  clear: both;
}
.app:not(.small-sidebar) .collapsible ul>li.collapse-open {
  background: rgba(0,0,0,0.1);
}
.app:not(.small-sidebar) .collapsible ul>li.collapse-open>.dropdown-menu {
  display: block;
}
.app:not(.small-sidebar) .collapsible ul>li.collapse-open>a .toggle-accordion:before {
  content: "\f107";
}
.app:not(.small-sidebar) .collapsible ul>li>ul {
  background: rgba(0,0,0,0.1);
  position: relative;
  left: 0;
  width: 100%;
  border-bottom: transparent;
  border-top: 0;
  border-left: 0 !important;
  border-right: 0 !important;
  display: none;
  box-shadow: 0;
}
.app:not(.small-sidebar) .collapsible li ul li a {
  padding: 9px 15px 9px 40px !important;
  background: transparent;
}
.app:not(.small-sidebar) .collapsible li ul li a:hover {
  background: transparent;
}
.app:not(.small-sidebar) .collapsible li a .toggle-accordion:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: "\f105";
  position: absolute;
  right: 15px;
  top: 15px;
}
.app.small-sidebar .collapsible .main-navigation>ul>.show-on-hover:hover .dropdown-menu {
  display: block !important;
}
.app.small-sidebar .collapsible .main-navigation>ul>li.collapse-open>ul {
  display: none !important;
}
.small-sidebar .navbar-brand {
  width: 100%;
  text-align: center;
}
.small-sidebar .navbar-brand span {
  display: none;
  visibility: hidden;
}
.small-sidebar .navbar-brand i {
  margin: 0;
}
.small-sidebar .brand {
  width: 60px !important;
}
.small-sidebar .brand span {
  display: none !important;
}
.small-sidebar .sidebar {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  width: 60px !important;
}
.small-sidebar .sidebar footer .footer-toolbar a {
  width: 100%;
  text-align: center;
}
.small-sidebar .sidebar footer span {
  display: none;
  visibility: hidden;
}
.small-sidebar .main-navigation:not(.app-navigation)>ul>li {
  position: relative;
  text-align: center;
}
.small-sidebar .main-navigation:not(.app-navigation)>ul>li>a .badge {
  position: absolute;
  top: 10px;
}
.small-sidebar .main-navigation:not(.app-navigation)>ul>li>a>span {
  display: none;
  visibility: hidden;
}
.small-sidebar .main-navigation:not(.app-navigation)>ul>li i {
  display: block;
  padding: 0;
  min-width: 100%;
}
.small-sidebar .collapsible .slimScrollDiv,
.small-sidebar .collapsible .slimScrollDiv .main-navigation {
  overflow: visible !important;
}
.small-sidebar .collapsible .main-navigation>ul>li:hover>ul {
  display: block !important;
}
.small-sidebar .collapsible .main-navigation>ul>li>ul>li>a {
  color: #444;
  text-align: left;
}
.app:not(.small-sidebar) .collapsible .main-navigation>ul>li>ul>li>a {
  color: #ccd0d8;
}
.app:not(.small-sidebar) .collapsible .main-navigation>ul>li>ul>li.active {
  background: #464c5b;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  color: #262626;
  background-color: #f4f4f4;
}
.profile-menu > a {
  display: block;
  width: 100%;
  background: url("../images/profile-menu03.png") no-repeat left bottom;
  background-size: 100%;
}
.profile-menu > a .profile-pic {
  padding: 12px 10px 18px 10px;
}
.profile-menu > a .profile-pic > img {
  width: 47px;
  height: 47px;
  padding: 3px;
  border-radius: 50%;
  border: 3px solid rgba(0,0,0,0.14);
  box-sizing: content-box;
  background: #fff;
}
.profile-menu > a .profile-info {
  background: rgba(0,0,0,0.2);
  padding: 3px 14px;
  color: #fff;
  margin-top: -7px;
  position: relative;
}
.profile-menu > a .profile-info .wechat-name {
  display: block;
  padding-right: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-menu > a .profile-info > i {
  font-size: 19px;
  line-height: 100%;
  position: absolute;
  right: 15px;
  top: 7px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.profile-menu.open .profile-info > i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.profile-menu .main-menu {
  display: none;
  margin: 0 0 0;
  border-bottom: 1px solid #e6e6e6;
}
.profile-menu:before,
.profile-menu:after {
  content: " ";
  display: table;
}
.profile-menu:after {
  clear: both;
}
.profile-menu:before,
.profile-menu:after {
  content: " ";
  display: table;
}
.profile-menu:after {
  clear: both;
}
.profile-menu .dropdown-menu {
  width: 100%;
}
.sidebar-wechat-item {
  border-top: 1px dotted #ddd;
}
.sidebar-wechat-item:first-child {
  border: 0;
}
.sidebar-wechat-item:hover {
  color: #262626;
  background: #f4f4f4;
}
.graphic-image-box {
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  color: #fff;
  background-color: rgba(0,0,0,0.6);
  bottom: 0;
  padding: 3px 8px;
  width: 100%;
}
.lightbox>.img-item>img {
  width: 100%;
  border: 1px solid #eee;
  border-bottom: 0;
}
.lightbox .title-box {
  padding: 0 8px;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  height: 30px;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lightbox .btn-item {
  border-top: 0px;
  border-color: #e4e4e4;
  border-right: 0px;
}
.lightbox .btn-item:last-child {
  border-right: 1px solid #e4e4e4;
}
.audio-start-box {
  width: 100%;
  border: 1px solid #eee;
  padding: 8px 8px;
}
.audio-start-box .audio-a {
  display: inline-block;
  width: 60px;
  background-color: #d7d8da;
}
.appmsg-aside {
  padding-bottom: 20px;
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 250px;
  background: #f8f8f8;
  border-right: 1px solid #eee;
padding-bottom
}
.appmsg-aside .section-content-wrap {
  padding: 20px;
  height: 100%;
}
.appmsg-section {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 250px;
  top: 0;
  height: 100%;
}
.appmsg-section .section-content-wrap {
  padding: 20px;
  height: 100%;
}
.appmsg-section .nano-pane {
  display: block !important;
  right: 1px !important;
}
.appmsg {
  position: relative;
  overflow: hidden;
  border: 1px solid #e7e7eb;
  background-color: #fff;
  color: #666;
}
.appmsg-active {
  border: 2px solid #3ca5f6 !important;
}
.appmsg .appmsg-content {
  padding: 0;
  min-height: 134px;
  margin-top: -1px;
}
.appmsg .appmsg-item-wrp {
  cursor: pointer;
}
.appmsg .first-cover-appmsg-item {
  position: relative;
  padding: 10px;
}
.first-cover-appmsg-item .appmsg-title {
  font-size: 14px;
  padding-top: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.6) !important;
  margin: 0 10px;
  padding: 3px 8px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.first-cover-appmsg-item .appmsg-thumb-default {
  background-color: #ececec;
  height: 110px;
  font-weight: 400;
  line-height: 120px;
  text-align: center;
  font-size: 60px;
  color: #c9c9c9;
}
.appmsg .cover-appmsg-item {
  position: relative;
  padding: 10px;
  height: 100px;
  border-top: 1px solid #e7e7eb;
}
.cover-appmsg-item .appmsg-title {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
  color: #222;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  margin-top: 8px;
  padding-right: 90px;
}
.cover-appmsg-item .appmsg-thumb-default {
  background-color: #ececec;
  width: 79px;
  height: 79px;
  font-weight: 400;
  line-height: 79px;
  text-align: center;
  font-size: 50px;
  color: #c9c9c9;
  position: absolute;
  right: 10px;
  top: 10px;
}
.appmsg-add {
  height: 92px;
  margin: 0;
  border-top-width: 0;
  line-height: 90px;
  border: 2px dotted #d9dadc;
  text-align: center;
  margin-bottom: 20px;
  margin-top: -1px;
  color: #bdbdbd;
  font-size: 50px;
  cursor: pointer;
}
.appmsg-add:hover {
  color: #777;
}
.appmsg .first-cover-appmsg-item:hover > .appmsg-operate {
  display: block;
}
.appmsg .cover-appmsg-item:hover > .appmsg-operate {
  display: block;
}
.cover-pic {
  width: 100%;
  height: 100%;
  display: block;
}
.appmsg-operate {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  background: rgba(0,0,0,0.6) !important;
  display: none;
  text-align: center;
}
.appmsg-operate button {
  height: 30px;
  color: #fff;
  border: 0;
  margin-top: -3px;
  background: rgba(255,255,255,0);
}
.appmsg-operate button:hover {
  color: #fff;
}
.video-cover {
  height: 160px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  border-left: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.video-start-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 15px;
  height: 160px;
  text-align: center;
  line-height: 195px;
  cursor: pointer;
  background-color: rgba(0,0,0,0.1);
}
.video-start-box i {
  font-size: 60px;
  color: rgba(255,255,255,0.6);
}
.video-start-box:hover {
  background: rgba(0,0,0,0.5);
  color: #3ca5f6;
}
.fans-table {
  width: 100%;
}
.fans-table-tag>span {
  background-color: #5bc0de;
  color: #fff;
  padding: 3px 5px;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 3px;
  display: -webkit-inline-box;
  position: relative;
  font-size: 12px;
}
.fans-table td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #eee;
}
.fans-table .fan-content {
  padding: 6px 10px;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-all;
}
.fans-table .fan-content .text {
  display: block;
  position: relative;
  margin-left: 40px;
  margin-top: -17px;
  height: 20px;
}
.fans-table .fan-content .fan-remark-btn {
  margin-top: -6px;
  position: relative;
  font-size: 16px;
}
.fans-table .fan-tabs {
  padding: 10px 10px;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.message-section {
  position: absolute;
  top: 0;
  bottom: 77px;
  width: 100%;
}
.message-item {
  border-bottom: 1px dotted #ddd;
}
.send-message-section {
  height: 60px;
  width: 100%;
}
.send-message-section textarea {
  height: 59px;
  color: #000;
  background-color: #f9f9f9;
  width: 100%;
  position: relative;
  padding: 5px 60px 5px 10px;
  border: 0;
  border-top: 1px solid #eee;
  cursor: no-drop;
  -webkit-transition: height 0.15s, background-color 0.1s;
  -o-transition: height 0.15s, background-color 0.1s;
  transition: height 0.15s, background-color 0.1s;
}
.send-message-section button {
  width: 50px;
  height: 59px;
  position: absolute;
  right: 0px;
  border: 0;
  background-color: #9ad3ff;
  color: #fff;
  font-size: 20px;
  cursor: no-drop;
  -webkit-transition: height 0.15s;
  -o-transition: height 0.15s;
  transition: height 0.15s;
}
.send-message-section button:hover,
.send-message-section button:focus {
  color: #fff !important;
}
.message-section .media {
  padding: 15px;
}
.message-section .media-a {
  display: inline-block;
  width: 35px;
  border-radius: 50%;
}
.message-section .media-a img {
  border-radius: 50%;
}
.ms-item-img-active {
  max-width: 100% !important;
  max-height: 100% !important;
  cursor: -webkit-zoom-out !important;
}
.ms-item-left {
  max-width: 70%;
  margin-top: 12px;
  padding: 8px 10px;
  border-radius: 16px;
  border-top-left-radius: 0;
  border: 1px solid #ddd;
  display: inline-block;
  background: #eee;
  color: #000;
}
.ms-item-left-news {
  width: 270px;
  margin-top: 12px;
  padding: 0;
  border-radius: 16px;
  border-top-left-radius: 0;
  display: inline-block;
}
.ms-item-right {
  max-width: 70%;
  margin-top: 12px;
  padding: 8px 10px;
  border-radius: 16px;
  border-top-right-radius: 0;
  border: 1px solid #ddd;
  display: inline-block;
  background: #eee;
  color: #000;
}
.ms-item-right-news {
  width: 270px;
  margin-top: 12px;
  padding: 0;
  border-radius: 16px;
  border-top-right-radius: 0;
  display: inline-block;
}
.ms-item-left>span,
.ms-item-right>span {
  word-wrap: break-word;
  word-break: break-all;
}
.mm-ca-cc-list>.media-body>.ms-item-img {
  max-width: 120px;
  transition: max-width 0.3s, max-height 0.3s;
  cursor: -webkit-zoom-in;
}
.ms-child>.media-body>.ms-cb-img {
  max-width: 90px;
  transition: max-width 0.3s, max-height 0.3s;
  cursor: -webkit-zoom-in;
}
.ms-child>.media-body>.ms-item-left>span {
  word-break: break-all;
}
.ms-date {
  display: block;
  color: #b3b3b3;
  margin-top: 7px;
  font-size: 11px;
}
.ms-date .btn-icon {
  font-size: 22px;
  position: relative;
  top: 4px;
  margin-left: 10px;
  cursor: pointer;
}
.ms-date .btn-icon:hover {
  color: #3ca5f6;
}
.ms-date .btn-icon.active {
  color: #3ca5f6;
}
.fan-message-media {
  padding: 8px 6px;
  cursor: pointer;
  margin: 0px;
  background: #fff;
}
.fan-message-nav {
  background: #f8f8f8;
}
.fan-message-nav .nano-pane {
  display: block !important;
}
.fan-message-media:hover {
  background: #f2f2f2;
}
.fan-message-media.active {
  background: #fff;
}
.fan-message-media .media-a {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.fan-message-media .media-a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.fan-head {
  width: 35px;
  height: 35px;
  border-radius: 50px;
}
.header .fan-name {
  position: absolute;
  left: 60px;
  top: 6px;
  right: 0;
}
.chose-left-aside {
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 210px;
  background: #fff;
  border-right: 1px solid #eee;
  border-left: 1px solid rgba(221,221,221,0.7);
}
.chose-right-section {
  height: 100%;
  top: 0;
  left: 210px;
  right: 0;
  position: absolute;
}
.chose-right-section .header {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  padding: 0 15px;
  height: 50px;
  border-bottom: 1px solid #eee;
}
.chose-right-section .section-content-wrap {
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.selected_mask_icon {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/icon_card_selected.png") 50% 50% no-repeat;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  background-color: rgba(0,0,0,0.5);
}
.title_tab {
  height: 40px;
  width: 100%;
}
.title_tab .tab_navs {
  line-height: 40px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-align: center;
  list-style-type: none;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.title_tab .tab_nav {
  margin-bottom: -1px;
  font-size: 14px;
  display: list-item;
  text-align: -webkit-match-parent;
  float: left;
  padding: 0 18px;
  cursor: pointer;
}
.title_tab .tab_nav:hover {
  border-bottom: 3px solid #d6d6d6;
}
.title_tab .tab_nav.active {
  border-bottom: 3px solid #3ca5f6;
}
.analysis-msg {
  padding: 20px 0px;
}
.analysis-msg .msg_icon_wrp {
  float: left;
  margin-right: 6px;
  font-size: 16px;
  color: #3ca5f6;
}
.msg_content {
  overflow: hidden;
  padding-top: 2px;
}
.msg_content p {
  margin-bottom: 5px;
  color: #777;
}
.panel-heading .icon-msg {
  font-size: 16px;
  margin-top: 1px;
  color: #777;
}
.help-popover {
  font-size: 14px;
  color: #8d8d8d;
  font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
}
.help-popover dt {
  color: #222;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
}
.help-popover dd {
  margin-bottom: 6px;
}
.panel-head-title {
  height: 34px;
  line-height: 34px;
}
.th-cursor-pointer:hover > .icon_rank .arrow {
  border-bottom-color: #929292;
}
.th-cursor-pointer:hover > .icon_rank .arrow_down {
  border-top-color: #929292;
}
.icon_rank {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  position: relative;
  width: 10px;
  height: 12px;
  margin-left: 5px;
}
.icon_rank .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: dashed;
  border-color: transparent;
  border-top-width: 0;
  border-bottom-color: #c6c6c6;
  border-bottom-style: solid;
  vertical-align: top;
}
.icon_rank .arrow_down {
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom-color: transparent;
  border-bottom-style: dashed;
  border-top-width: 5px;
  border-top-color: #c6c6c6;
  border-top-style: solid;
  border-bottom-width: 0;
}
.wechat-media {
  padding: 8px 6px;
  cursor: pointer;
  margin: 0px;
  background: #f8f8f8;
}
.wechat-nav {
  background: #f8f8f8;
}
.wechat-media:hover {
  background: #f2f2f2;
}
.wechat-media.active {
  background: #fff;
}
.wechat-media .media-a {
  display: inline-block;
  width: 45px;
  border-radius: 50%;
}
.wechat-media .media-a img {
  border-radius: 50%;
}
.chose-wechat-left-section {
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 50%;
  background: #fff;
  border-right: 1px solid #eee;
  border-left: 1px solid rgba(221,221,221,0.7);
  padding: 15px;
}
.chose-wechat-left-section .header {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  padding: 0 15px;
  height: 50px;
  border-bottom: 1px solid #eee;
}
.chose-wechat-left-section .section-content-wrap {
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.chose-wechat-right-section {
  height: 100%;
  top: 0;
  left: 50%;
  right: 0;
  position: absolute;
}
.mm-load {
  width: 112px !important;
  height: 62px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -31px;
  margin-left: -56px;
  background-color: #fff;
  padding: 10px 30px;
  border-radius: 30px;
  border: 1px solid;
  z-index: 9999;
}
.material-template {
  border: 1px solid #e8e8e8;
  position: relative;
}
.material-template>.material-template-head,
.material-template>.material-template-content,
.material-template>.material-template-qrcode,
.material-template>.material-template-footer {
  overflow: auto;
  padding: 0 10px;
}
.material-template>.material-template-content {
  text-align: center;
  padding: 10px;
}
.fans-screening-conditions>span {
  color: #fff;
  background-color: #3ca5f6;
  padding: 3px 10px 4px;
}
.sidebar-div {
  height: 100%;
  padding-top: 106px;
  margin-top: -106px;
}
.sidebar-ul .sidebar-title:hover {
  background-color: #eee;
}
.sidebar-ul .sidebar-content>li.active,
.sidebar-ul .sidebar-content>li:hover {
  background-color: #eee;
}
.sidebar-ul .sidebar-title>.fa-caret-down {
  transition: all 0.1s ease;
}
.sidebar-ul .sidebar-title>.turn-left {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.sweet-overlay {
  z-index: 9999 !important;
}
.sweet-alert {
  z-index: 99999 !important;
}
.nav-tabs {
  border-bottom: 1px solid #3ca5f6 !important;
  padding: 0 15px !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555 !important;
  background-color: #fff !important;
  border: 1px solid #3ca5f6 !important;
  border-bottom-color: transparent !important;
}
.nav-tabs > li > a {
  color: #3ca5f6 !important;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #3ca5f6 !important;
  background-color: #3ca5f6 !important;
  color: #fff !important;
}
.flex-container {
  display: flex;
  align-items: center;
}
.flex-container div {
  flex: 1;
  font-size: 14px;
}
.flex-container div + div {
  margin-left: 6px;
}
.loading-run {
  animation: loadingCircle 1s infinite linear;
}
@media (max-width: 670px) {
  .modal-md {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
  }
  .modal-md .modal-header {
    padding: 0 10px;
  }
  .modal-md .modal-body {
    top: 36px !important;
  }
  .modal-md .margin-top-mds {
    margin-top: 0px !important;
  }
  .detail-modal {
    overflow-x: auto !important;
  }
  .detail-modal .modal-lg {
    min-width: 1330px;
    min-height: 660px;
  }
}
@media (max-width: 576px) {
  .table-btn {
    white-space: normal;
  }
  .modal-md {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
  }
  .modal-md .chose-left-aside {
    width: 112px !important;
  }
  .modal-md .chose-left-aside + .chose-right-section {
    left: 112px !important;
  }
  .sidebar-open {
    overflow: hidden;
  }
  .detail-modal {
    overflow-x: auto !important;
  }
  .detail-modal .modal-lg {
    min-width: 1330px;
    min-height: 660px;
  }
}
@-moz-keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}

.activity-list-left {
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 250px;
  background: #fff;
  border-right: 1px solid #eee;
}
.activity-list-left > .content-wrap {
  z-index: 1;
  top: 49px;
  border-top: 1px solid #eee;
}
.activity-modal-dropdown > button {
  background-color: #fff !important;
  border-color: #ddd !important;
  border-right: 0;
  padding: 6px 8px;
}
.activity-modal-dropdown > ul {
  margin-top: 3px;
}
.activity-modal-dropdown > ul > li > a {
  padding: 5px 20px;
}
.activity-modal-tab {
  padding: 2px 6px 4px;
  background-color: #3ca5f6;
  color: #fff;
  border-radius: 10px;
}

.advisory-height {
  height: 100% !important;
}
.advisory-preview {
  border: 1px solid #ddd;
  height: 100%;
  background-size: 100% calc(100% - 40px) !important;
  overflow: hidden;
}
.advisory-preview > header {
  background-color: #3ca5f6;
  color: #fff;
  height: 40px;
  text-align: center;
}
.advisory-preview > header > a {
  color: #fff;
  font-size: 14px;
}
.advisory-preview > header > span {
  font-size: 16px;
  padding: 9px;
  display: inline-block;
}
.advisory-preview > .advisory-preview-content .advisory-list {
  font-size: 12px;
  display: block;
  text-align: center;
  margin: 5px 0 10px;
  padding-top: 5px;
  line-height: 1.8;
  color: #fff;
  background-color: rgba(255,255,255,0.2);
  border-radius: 10px;
  border: 1px solid #c5c3c3;
  height: 64px;
  overflow: hidden;
}
.advisory-preview > .advisory-preview-content .advisory-list:hover {
  background-color: rgba(255,255,255,0.5);
}
.advisory-preview > .advisory-preview-content .advisory-list:active {
  background-color: rgba(255,255,255,0.2);
}
.advisory-preview > .advisory-preview-content .advisory-list > i {
  font-size: 3.5rem;
}
.advisory-preview > .advisory-preview-content .advisory-list > img {
  height: 36px;
}
.advisory-preview > .advisory-preview-content .advisory-list > span {
  display: block;
}
.advisory-preview > .advisory-preview-content .advisory-add {
  display: block;
  text-align: center;
  font-size: 40px;
  padding: 10px 0;
  color: #eaeaea;
}
.advisory-edit {
  width: 100%;
  height: 100%;
  position: relative;
}
.advisory-edit > .advisory-edit-tip {
  position: absolute;
  top: 50%;
  width: 100%;
}
.advisory-edit > .advisory-edit-content {
  height: 100%;
  padding-bottom: 74px;
}
.advisory-edit > .advisory-btn {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #ddd;
}
.advisory-active {
  background-color: rgba(255,255,255,0.7) !important;
  color: #1697f5 !important;
}
.advisory-edit-head {
  text-align: right;
}
.advisory-modal-tour-imgs {
  overflow: auto;
}
.advisory-modal-tour-imgs-add {
  font-size: 28px;
  border: 2px dashed #ddd;
  width: 100%;
  line-height: 4.7;
}
.advisory-modal-tour-introduction {
  padding: 0 22px;
}
.advisory-modal-tour-introduction > div {
  border: 1px solid #ddd;
  padding: 10px 15px;
  line-height: 1.8;
}
.advisory-modal-tour-line span {
  padding: 5px 10px;
  background-color: #3ca5f6;
  color: #fff;
  margin: 0 15px;
}

.card-coupons-logo img {
  width: 50px;
  height: 50px;
}

.ui_li_active {
  background: 0;
  border-bottom: 3px solid #3ca5f6;
  float: left;
}
.ui_li_active_photo {
  margin-bottom: -1px;
  font-size: 14px;
  display: list-item;
  text-align: -webkit-match-parent;
  float: left;
  padding: 0 18px;
  cursor: pointer;
}
.ui_row-button {
  float: right;
  margin: 10px 15px;
}
.ui_card_template {
  padding-bottom: 20px;
}
.ui_col_template {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  color: #666;
  padding: 25px;
  height: 426px;
  padding: 20px !important;
  max-height: 426px;
  overflow-y: auto;
}
.ui_col_template_item {
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  border-bottom: 0px;
}
.ui_col_template_item_title {
  font-size: 14px;
  padding-top: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.6) !important;
  margin: 0 10px;
  padding: 6px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
}
.ui_col_template_item_tumb {
  background-color: #ececec;
  height: 120px;
  font-weight: 400;
  line-height: 120px;
  text-align: center;
  font-size: 60px;
  color: #c9c9c9;
}
.ui_col_template_item_tumb_img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.ui_col_template_date {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  color: #666;
  text-align: center;
}
.ui_mm-content-all {
  height: 100%;
  margin-top: 3px;
  border-bottom: 1px solid #ddd;
}
.ui_col_template_item_item_photo {
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 20px;
  overflow: hidden;
}
.ui_col-md-row-margin {
  margin: 25px 0;
}
.ui_col-md-row-margin-width {
  width: 30%;
  margin-bottom: 15px !important;
  margin-left: 100px;
}
.ui_template_list_content {
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
}
.ui_template_list_date {
  position: relative;
  overflow: hidden;
  border: 1px solid #e7e7eb;
  background-color: #fff;
  color: #666;
  padding-bottom: 5px !important;
}
.ui_template_list_title {
  font-size: 14px;
  padding-top: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.6) !important;
  margin: 0 10px;
  padding: 3px 8px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui_template_list_photo_ui {
  background-color: #ececec;
  height: 110px;
  font-weight: 400;
  line-height: 120px;
  text-align: center;
  font-size: 60px;
  color: #c9c9c9;
}
.ui_text-world {
  color: #000;
}
.ui_btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.ui_btn-primary:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.ui_col-md-row-margin-repeat {
  width: 25%;
  margin-bottom: 20px !important;
}
.cem_commetn_font_color_status {
  color: #3ca5f6;
}
.cem_commetn_font_color_status a:hover {
  color: #3ca5f6;
}
.cem_img-img-avatar-md-style {
  float: left;
  width: 150px;
  height: 100px;
  margin-right: 1em;
}
.cem_comment_content_comment_content {
  text-align: left;
  overflow: hidden;
  display: block;
  line-height: 20px;
}
.cem_comment_degest_comment_nickname {
  font-weight: 400;
  color: #8d8d8d;
}

.li_active {
  background: 0;
  border-bottom: 3px solid #3ca5f6;
  float: left;
}
.li_active_photo {
  margin-bottom: -1px;
  font-size: 14px;
  display: list-item;
  text-align: -webkit-match-parent;
  float: left;
  padding: 0 18px;
  cursor: pointer;
}
.row-button {
  float: right;
  margin: 10px 15px;
}

.wechat-menu {
  background-color: #fff;
}
.wm-msg-icon {
  float: left;
  color: #00aeef;
  font-size: 16px;
  margin-top: -2px;
}
.wm-msg-content {
  float: left;
  margin: 0 5px;
  font-size: 14px;
}
.wm-msg-content>p:last-child {
  color: #aaa;
}
.wm-msg-content>p:last-child>a {
  color: #00aeef;
}
.wm-setting-preview {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent url("../images/features/phone_header.png") no-repeat 0 0;
  background-size: 100% 64px;
  border: 1px solid #e7e7eb;
}
.wm-sp-header {
  color: #fff;
  text-align: center;
  padding-top: 32px;
  font-size: 15px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin: 0 30px;
}
.wm-sp-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #e7e7eb;
  background: transparent url("../images/features/phone_footer.png") no-repeat 0 -1px;
  padding-left: 43px;
  height: 45px;
}
.vm-sp-list-li,
.vm-sp-list-add {
  position: relative;
  float: left;
  line-height: 45px;
  text-align: center;
  font-size: 14px;
  color: #555;
  cursor: pointer;
}
.vm-sp-list-li:not(:first-child),
.vm-sp-list-add {
  border-left: 1px solid #ccc;
}
.vm-sp-list-li>a:hover,
.vm-sp-list-add:hover {
  color: #000;
}
.vm-sp-list-li>a {
  color: inherit;
  display: block;
  border: 1px solid transparent;
  line-height: 43px;
  height: 43px;
}
.vm-sp-list-li .vm-sp-ll-icon {
  margin: 0 5px 0 0;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
}
.vm-sp-ll-w1 {
  width: 100%;
}
.vm-sp-ll-w2 {
  width: 50%;
}
.vm-sp-ll-w3 {
  width: 33.33%;
}
.vm-sp-ll-active {
  border: 1px solid #44b549 !important;
  color: #44b549 !important;
}
.vm-sp-ll-sub {
  position: absolute;
  left: 0;
  bottom: 60px;
  border: 1px solid #d0d0d0;
  width: 100%;
}
.vm-sp-ll-sub>ul>li {
  color: #555;
}
.vm-sp-ll-sub>ul>li>a {
  display: block;
  line-height: normal;
  padding: 11px 0;
  border: 1px solid transparent;
  background-color: #fff;
  word-break: break-all;
  min-height: 43px;
}
.vm-sp-ll-sub>ul>li:last-child {
  position: relative;
}
.vm-sp-ll-sub>ul>li:not(:last-child) {
  border-bottom: 1px solid #d0d0d0;
}
.vm-sp-ll-sub>ul>li>a:hover {
  color: #000;
}
.vm-sp-ll-sub-dwon {
  position: absolute;
  left: 50%;
  bottom: -9px;
  margin-left: -4.4px;
  background-color: #fff;
  color: #cecece;
}
.wm-setting-form {
  height: 100%;
}
.wm-setting-form>.panel {
  height: 100%;
  margin-bottom: 0;
  box-shadow: none;
}
.wm-setting-form>.panel>.panel-body {
  height: 100%;
  padding-bottom: 40px !important;
  position: relative;
}
.wm-setting-form .wm-sf-title,
.wm-setting-form .wm-sf-del {
  font-size: 14px;
}
.wm-setting-form .wm-sf-del>a {
  color: #00aeef;
}
.wm-sf-name-tips {
  margin: 3px 0 0;
  color: #999;
}
.wm-sf-tips-err {
  color: #f00 !important;
}
.wm-sf-send {
  height: 100%;
  border: 1px solid #e7e7eb;
  max-width: 400px;
  margin: auto;
}
.wm-sf-send-list {
  overflow: auto;
  border-bottom: 1px solid #e7e7eb;
}
.wm-sf-send-list>div {
  float: left;
  padding: 10px 0;
  cursor: pointer;
  width: 33.33%;
  text-align: center;
}
.wm-sf-send-list>div>span {
  white-space: nowrap;
  display: block;
}
.wm-sf-send-list>div>span>i {
  margin-right: 5px;
}
.wm-sf-send-list-active {
  background-color: #3ca5f6;
  color: #fff;
}
.wm-sf-send-content {
  padding: 10px;
}
.wm-sf-send-graphic-select,
.wm-sf-send-image-select {
  text-align: center;
  border: 2px dotted #3ca5f6;
  padding: 20px 0;
  font-size: 18px;
  color: #3ca5f6;
  cursor: pointer;
}
.wm-sf-send-image-content-image {
  border: 1px solid #e7e7eb;
}
.wm-sf-send-image-setting,
.wm-sf-send-graphic-setting {
  border-top: 1px solid #e7e7eb;
  overflow: auto;
  font-size: 14px;
  color: #000;
}
.wm-sf-send-image-setting>div,
.wm-sf-send-graphic-setting>div {
  width: 50%;
  float: left;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
.wm-sf-send-image-setting>div:first-child,
.wm-sf-send-graphic-setting>div:first-child {
  border-right: 1px solid #e7e7eb;
}
.wm-sf-submit {
  position: absolute;
  width: 100%;
  bottom: 50px;
  left: 0;
}
.individualization-matchrule {
  display: flex;
  line-height: 2.5;
}
.individualization-matchrule>span {
  width: 130px;
}
.wechat-menu-matchrule {
  background-color: #3ca5f6;
  color: #fff;
  padding: 3px 5px;
  margin: 3px;
  border-radius: 3px;
  font-size: 12px;
  display: -webkit-inline-box;
}
.wechat-menu-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(255,255,255,0.5);
}

.login-header {
  height: 107px;
}
.login-box {
  width: 320px;
  min-width: 320px;
  padding: 0;
  margin-left: auto;
}
.login-box .nav-tabs.nav-justified > li > a {
  border-radius: 0;
  line-height: 35px;
  font-size: 18px;
  color: inherit;
  border: 0;
}
.login-box .nav-tabs.nav-justified > li {
  background-color: #7c8c99;
  color: #fff;
  border: 0;
}
.login-box .nav-tabs.nav-justified > li.active {
  background-color: #fff;
  color: #000;
  border: 0;
}
.login-box .nav-tabs.nav-justified > li > a:hover,
.login-box .nav-tabs.nav-justified > li > a:focus {
  border: 0 !important;
}
.login-box .nav-tabs.nav-justified > li:not(.active) > a:hover {
  color: #fff !important;
  background-color: #7c8c99 !important;
}
.login-box .tab-content {
  border: 0;
}
.login-from-title {
  padding: 25px 0 0;
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: 0;
  text-align: center;
  font-size: 18px;
}
.login-form-box {
  background-color: #fff;
  padding: 30px 45px;
  border: 1px solid #ddd;
  border-top: 0;
}
.login-form-box .form-group {
  margin-bottom: 25px;
}
.login-box .login-input {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  height: 35px;
  width: 100%;
  font-size: 16px;
  line-height: 35px;
  background-color: transparent;
  padding: 5px;
}
.login-box .login-input.input-error {
  border-bottom: 2px solid #3ca5f6;
}
.login-box .btn-login {
  width: 100%;
  height: 48px;
  background-color: #3ca5f6;
  color: #fff;
  line-height: 36px;
  font-size: 18px;
  border-radius: 0;
  border: none;
  margin-top: 10px;
}
.login-box .auxiliary-box {
  margin-bottom: 10px;
}
.login-box .auxiliary-box ul {
  height: 30px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.login-box .auxiliary-box ul li {
  width: 50%;
  float: left;
}
.login-box .auxiliary-box li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.login-box .auxiliary-box ul li label {
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.login-box input[type=checkbox]:checked {
  background: url("../images/checked.png");
}
.login-box input[type=checkbox] {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
  background: url("../images/checkbox.png");
}
.login-box .label-span {
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  color: #bbb;
  margin: 7px 0 0 10px;
}
.login-box .auxiliary-box ul li:last-child {
  text-align: right;
}
.login-box .auxiliary-box ul li:last-child a {
  position: relative;
  top: 9px;
  color: #bbb;
}
.login-box .auxiliary-box ul li:last-child a:hover {
  color: #3ca5f6;
}
.login-box .lgn-three-title-box {
  border-top: 1px dashed #ddd;
  margin-top: 40px;
  margin-bottom: 10px;
}
.login-box .lgn-three-title {
  text-align: center;
  font-size: 16px;
  color: #bbb;
  position: relative;
  top: -11px;
  margin: auto;
  width: 100px;
  background-color: #fff;
}
.login-box .lgn-three-btn-box ul {
  padding: 0;
  list-style-type: none;
}
.login-box .lgn-three-btn-box li {
  height: 60px;
  border: 1px solid #ddd;
  width: 25%;
  text-align: center;
  display: inline-block;
  list-style-type: none;
  border: 0;
  text-align: center;
}
.icon-three-qq {
  background-position: -9px -489px;
}
.icon-three {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #ddd;
  cursor: pointer;
  position: absolute;
  margin-left: -30px;
  line-height: 60px;
  font-size: 25px;
}
.icon-facebook {
  color: #3b5998;
}
.icon-facebook:hover {
  background-color: #3b5998;
  color: #fff;
  border-color: #3b5998;
}
.icon-twitter {
  color: #1ab2e8;
}
.icon-twitter:hover {
  background-color: #1ab2e8;
  color: #fff;
  border-color: #1ab2e8;
}
.icon-weixin {
  color: #51c332;
}
.icon-weixin:hover {
  background-color: #51c332;
  color: #fff;
  border-color: #51c332;
}
.icon-weibo {
  color: #e6162d;
}
.icon-weibo:hover {
  background-color: #e6162d;
  color: #fff;
  border-color: #e6162d;
}
.login-box-image {
  z-index: -1;
  position: relative;
}
.login-box-image>img {
  width: 90%;
  min-width: 500px;
}
.login-footer {
  position: absolute;
  width: 100%;
  height: 140px;
  bottom: 0;
  padding-top: 100px;
  background: url("/images/login-bottom1.png") top center no-repeat;
  background-size: cover;
  z-index: -1;
  color: #fff;
}

.information-content {
  height: 100%;
}
.information-content>.row,
.information-content>.row>div {
  height: 100%;
}
.information-content-select {
  height: 100%;
  border: 1px solid #e7e7eb;
}
.information-cs-list {
  overflow: auto;
  border-bottom: 1px solid #e7e7eb;
}
.information-cs-list>div {
  float: left;
  padding: 10px 0;
  cursor: pointer;
  width: 20%;
  text-align: center;
}
.information-cs-list>div>span {
  white-space: nowrap;
  display: block;
}
.information-cs-list>div>span>i {
  margin-right: 5px;
}
.information-cs-list-active {
  background-color: #3ca5f6;
  color: #fff;
}
.information-cs-content {
  height: 100%;
  padding-bottom: 49px !important;
}
.information-graphic-select,
.information-image-select,
.information-audio-select,
.information-video-select {
  text-align: center;
  border: 2px dotted #3ca5f6;
  padding: 20px 0;
/* margin: 0 20px; */
  font-size: 18px;
  color: #3ca5f6;
  cursor: pointer;
}
.information-graphic-content-image,
.information-image-content-image,
.information-video-content-video {
  border: 1px solid #e7e7eb;
}
.information-video-content-video .short-video {
  position: relative;
  background-color: rgba(0,0,0,0.1);
  border: 1px solid #ddd;
  height: 160px;
  line-height: 195px;
}
.information-video-content-video .short-video>img {
  width: 100%;
  height: 100%;
  display: block;
}
.information-video-content-video .short-video>i {
  font-size: 60px;
  color: #fff;
}
.information-video-content-video .short-video-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.information-graphic-content-setting,
.information-image-content-setting,
.information-video-content-setting {
  border-top: 1px solid #e7e7eb;
  overflow: auto;
  font-size: 14px;
  color: #000;
}
.information-graphic-content-setting>div:first-child,
.information-image-content-setting>div:first-child,
.information-video-content-setting>div:first-child {
  border-right: 1px solid #e7e7eb;
}
.information-graphic-content-setting>div:hover,
.information-image-content-setting>div:hover,
.information-video-content-setting>div:hover {
  background-color: #3ca5f6;
  color: #fff;
  cursor: pointer;
}
.information-graphic-content-setting>div,
.information-image-content-setting>div,
.information-video-content-setting>div {
  width: 50%;
  float: left;
  text-align: center;
  padding: 10px;
}
.information-text {
  width: 100%;
  outline: none;
  border: 0;
}
.information-text:empty:before {
  content: attr(placeholder);
  color: #9e9e9e;
}
.information-input-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
}
.information-input-group>.title {
  font-size: 18px;
  display: inline;
}
.information-input-group>.title>.input-group {
  width: 210px;
}
.information-input-group>.radio {
  display: inline;
}
.information-input-group>.form-control {
  width: auto;
  display: inline;
}
.information-submit {
  border-top: 1px solid #e7e7eb;
  text-align: center;
}
.information-examine-list-title {
  font-size: 14px;
  padding: 10px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e7e7eb;
}
.information-examine-list-content {
  height: 100%;
  padding-bottom: 41px !important;
}
.information-examine-list-content li {
  border: 1px solid #e7e7eb;
  cursor: pointer;
}
.information-examine-list-content li:hover:not(.active) {
  background-color: #efefef;
}
.information-examine-list-content li>.text {
  word-break: break-all;
  word-wrap: break-word;
}
.information-examine-list-content li.active {
  border-color: #3ca5f6;
}
.information-examine-content {
  font-size: 15px;
}
.information-examine-content>.group {
  width: 100%;
}
.information-examine-content>.group>.title {
  font-weight: bold;
  font-size: 16px;
}
.information-examine-content>.group>.text>span {
  background-color: #3ca5f6;
  color: #fff;
  padding: 3px 8px;
  font-size: 14px;
}
.information-examine-submit {
  border-top: 1px solid #e7e7eb;
}
.information-msg {
  position: absolute;
  margin-top: -50px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
.information-msg.active {
  bottom: 0;
}
.information-msg-word>.information-msg-title {
  font-size: 20px;
  border-bottom: 1px solid #e7e7eb;
}
.information-msg-list>.list>.title {
  font-size: 16px;
}
.information-msg-list>.list>.content {
  font-size: 14px;
}
.information-msg-submit {
  overflow: auto;
}
.information-msg-submit>textarea {
  width: 100%;
  border: 1px solid #e7e7eb;
}

.mm-content {
  height: 100%;
  background-color: #fff;
}
.mm-content-all {
  height: 100%;
  margin-top: 3px;
  padding-bottom: 43px;
}
.mm-content-all-load {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 3px;
  padding-bottom: 43px;
  z-index: 9999;
  background-color: rgba(255,255,255,0.5);
}
.mm-ca-list {
  border-right: 1px solid #eee;
  height: 100%;
}
.mm-ca-content {
  height: 100%;
}
.mm-ca-list-img {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.mm-ca-list-img>img {
  width: 80px;
  height: 80px;
  margin-right: 5px;
}
.mm-ca-list-li:not(:first-child) {
  border-top: 1px solid #eee;
}
.mm-ca-list-more,
.mm-ca-content-more {
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 10px;
  cursor: pointer;
}
.mm-ca-content-more {
  padding: 10px 15px;
}
.mm-ca-content-header {
  border-bottom: 1px solid #eee;
  height: 52px;
  max-height: 52px;
}
.mm-ca-ch-sort {
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #3ca5f6;
  color: #fff;
}
.mm-ca-ch-sort:hover,
.mm-ca-ch-sort:focus {
  color: #fff;
}
.mm-ca-ch-name {
  -webkit-display: inline;
  -moz-display: inline;
  -ms-display: inline;
  -o-display: inline;
  display: inline;
  font-size: 16px;
  padding: 0 10px;
}
.mm-ca-content-content {
  position: absolute;
  top: 52px;
  bottom: 98px;
  overflow: auto;
  width: 100%;
  padding: 0 15px 0 0;
}
.mm-ca-cc-list {
  padding: 10px 15px;
}
.ms-child {
  margin-top: 10px;
}
.mm-ca-cc-list>.media-left>div,
.mm-ca-cc-list>.media-right>div,
.ms-child>.media-left>div {
  width: 35px;
  height: 35px;
}
.mm-ca-cc-list>.media-left>div>img,
.mm-ca-cc-list>.media-right>div>img,
.ms-child>.media-left>div>img {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.mm-ca-cc-list:not(:first-child) {
  border-top: 1px solid #eee;
}
.mm-ca-cc-list-date {
  margin: 0 10px 0 3px;
}
.mm-ca-content-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 99px;
  max-height: 149px;
  -webkit-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.mm-ca-cc-active {
  bottom: 149px !important;
}
.mm-ca-cf-active {
  height: 149px !important;
}
.mm-ca-cf-text-active {
  height: 109px !important;
  cursor: text !important;
  background-color: #fff !important;
}
.mm-ca-cf-btn-active {
  height: 109px !important;
  cursor: pointer !important;
  background-color: #3ca5f6 !important;
}
.mm-ca-cf-bar {
  overflow: auto;
  border-top: 1px solid #eee;
  background-color: #fff;
}
.mm-ca-cf-bar>div {
  float: left;
  padding: 10px 20px;
  cursor: pointer;
}
.mm-ca-cf-bar>div>i {
  margin-right: 5px;
}
.mm-ca-cf-bar-tip {
  float: right;
  padding: 10px;
}
.mm-ca-cf-bar-active {
  background-color: #3ca5f6;
  color: #fff;
}
.text-yellow {
  color: #bb00ab;
}
/* ----  ---- */
.msg-material-list {
  height: 500px;
  border-right: 1px solid #eee;
  padding-right: 0;
}
.msg-material-list ul {
  margin-bottom: 0;
}
.msg-material-list ul li {
  padding: 10px;
  cursor: pointer;
}
.msg-material-list ul li:hover,
.msg-material-list ul li.active {
  background: #f2f2f2;
}
.msg-material-content {
  height: 500px;
  padding-left: 0;
}
.msg-material-content .img-item>.image {
  position: relative;
}
.msg-material-content .img-item>.image-name {
  border: 1px solid #eee;
  border-top: 0;
  padding: 2px 0;
}
.msg-material-content .img-item>.image>img {
  border: 1px solid #eee;
}
.msg-modal-fans {
  font-size: 16px;
}
.msg-modal-fans > img {
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.msg-manage-template {
  border: 1px solid #ddd;
  background-color: #eee;
  padding: 8px 10px;
  color: #000;
}
.msg-manage-template > .msg-manage-template-title {
  font-size: 18px;
}
.msg-manage-template > .msg-manage-template-time {
  font-size: 12px;
  color: #9c9c9c;
}
.msg-manage-template > .msg-manage-template-content {
  font-size: 14px;
}

.mass-information .article-content-title {
  position: relative;
  padding-left: 80px;
  min-height: 80px;
}
.mass-information .article-content-title-img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 8px;
  width: 60px;
  height: 60px;
}
.mass-information .article-content-title-img-a {
  display: block;
  text-align: left;
}
.mass-information .img-avatar-md-style {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 1em;
}
.mass-information .comment_content {
  text-align: left;
  overflow: hidden;
  display: block;
  line-height: 20px;
}
.mass-information .comment_nickname {
  font-weight: 400;
  color: #8d8d8d;
}
.mass-information .commetn_font_color_status {
  color: #3ca5f6;
}
.mass-information .form-horizontal_textarea_height {
  width: 100%;
  height: 170px;
  padding: 10px;
  border: 0;
  display: block;
}
.mass-information .comment_reply {
  margin-left: 50px;
  padding: 9px 0;
  border-top: 1px solid #e7e7eb;
  display: block;
  margin-top: 9px;
}
.mass-information .reply_content_wrp {
  width: 300px;
  overflow: hidden;
  color: #8d8d8d;
  text-align: left;
  float: left;
}
.mass-information .reply_content_inner {
  overflow: hidden;
  color: #8d8d8d;
  text-align: left;
  line-height: 20px;
}
.mass-information .reply_content_inner_title {
  display: block;
  float: none;
  width: auto;
  margin-top: 0;
  margin-right: 1em;
  font-weight: 400;
  color: #8d8d8d;
}
.mass-information .reply_content_inner_content {
  color: #444;
  padding-right: 25px;
  text-align: left;
  display: inline-block;
  width: 250px;
}
.mass-information .reply_content_inner_content_delete {
  color: #3ca5f6;
  vertical-align: top;
  display: inline-block;
  margin-left: 15px;
}
.mass-information .comment_comment_type {
  display: inline-block;
  word-break: break-all;
  text-align: center;
  margin-left: 15px;
}
.mass-information .unmarkelect_comment_out {
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
}
.mass-information .textarea-fa-fa-smile-o-fa-2x {
  padding: 0 20px;
  line-height: 35px;
  background-color: #fff;
  border-top: 1px solid #e4e8eb;
}

.page-template .ui-view {
  display: block;
  vertical-align: top;
  margin: 40px 170px;
}
.page-template .img-ui {
  float: left;
}
.page-template .images-ui {
  padding: 0 50px;
  float: left;
  margin-bottom: 10px;
}
.page-template .list-template {
  text-align: center;
  vertical-align: top;
  line-height: 2.5em;
  margin: 30px 0;
}
.page-template .list-template-title {
  font-weight: normal;
  font-size: 16px;
  display: block;
}
.page-template .list-template-desc {
  font-size: 14px;
  color: #8d8d8d;
  display: block;
  margin-bottom: 10px;
}
.page-template .template_container {
  overflow: hidden;
}
.page-template .template_preview {
  margin-right: 15px;
  float: left;
}
.page-template .simulator-ui {
  width: 320px;
  margin: 20px 25px;
  border: 1px solid #e7e7eb;
}
.page-template .simulator_hd {
  position: relative;
  height: 65px;
  background: transparent url("https://res.wx.qq.com/mpres/htmledition/images/homepage/banner_control23b288.png") no-repeat 0 0;
}
.page-template .title_ui {
  position: absolute;
  bottom: 10px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  left: 60px;
  right: 50px;
  height: 1.6em;
  overflow: hidden;
}
.page-template .simulator_bd {
  max-height: 450px;
  overflow-y: auto;
  height: 450px;
}
.page-template .plugin_content {
  position: relative;
}
.page-template .article_list {
  max-height: 425px;
  overflow-y: auto;
}
.page-template .list_item {
  display: block;
  padding: 15px 15px 15px 10px;
  overflow: hidden;
  position: relative;
  cursor: default;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}
.page-template .cover {
  float: left;
  margin-right: 10px;
}
.page-template .img {
  display: block;
  width: 80px;
  height: 60px;
}
.page-template .default_thumb {
  font-style: italic;
}
.page-template .cont {
  overflow: hidden;
}
.page-template .demo-title {
  font-weight: normal;
  font-size: 15px;
  color: #000;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  margin-top: 0;
}
.page-template .desc {
  font-size: 13px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.3;
}
.page-template .template_edit {
  overflow: hidden;
  margin: 20px 25px;
}
.page-template .js_plugin_edit_area {
  margin-top: 0;
  position: relative;
}
.page-template .portable_editor_to_left {
  position: relative;
  padding-left: 12px;
}
.page-template .editor_inner {
  padding: 0 20px 100px;
  background-color: #f4f5f9;
  border: 1px solid #e7e7eb;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.page-template .editor_hd {
  padding-top: 20px;
}
.page-template .editor_toolbar {
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7eb;
}
.page-template .ext {
  float: right;
  color: #459ae9;
}
.page-template .ext-btn {
  padding: 15px 10px 5px 15px;
  margin-left: 5px;
  min-width: 0;
  height: 25px;
  line-height: 25px;
  border: 1px solid #ddd;
}
.page-template .add-ui {
  padding: 0 10px;
  margin-left: 5px;
  min-width: 0;
  height: 25px;
  line-height: 25px;
}
.page-template .editor_bd-title {
  font-weight: normal;
  float: left;
  margin-right: 10px;
}
.page-template .counter {
  overflow: hidden;
  color: #8d8d8d;
}
.page-template .articles-top {
  padding: 15px 0 0 0;
}
.page-template .tool_bar {
  border-top: 1px solid #e7e7eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  padding-bottom: 50px;
  padding-top: 20px;
  text-align: center;
}
.page-template .title_table {
  display: block;
  margin-top: 10px;
}
.page-template .tab_navs-title_tab {
  line-height: 35px;
  border-bottom-color: #e7e7eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.page-template .tab_nav-js_mass_tab-selected-first {
  background: 0;
  border-bottom: 3px solid #3ca5f6;
  float: left;
}
.page-template .tab-a {
  padding: 0 18px;
}
.page-template .select_list_container-js_mass_container {
  padding: 20px 30px;
}
.page-template .global_extra {
  text-align: right;
}
.page-template .select_list_bd {
  height: 350px;
  overflow-y: auto;
  border: 1px solid #e7e7eb;
  margin-top: 20px;
  border-bottom: 0;
}
.page-template .jsContainer {
  display: block;
}
.page-template .select_list {
  border-bottom: 0;
  display: block;
}
.page-template .select_list_item {
  text-align: left;
  display: block;
  margin-right: 0;
  padding: 15px 15px 15px 15px;
  overflow: hidden;
  border-bottom: 1px solid #e7e7eb;
}
.page-template .lbl_content-list_item_date {
  float: right;
  color: #8d8d8d;
}
.page-template .icon_checkbox {
  background: url("https://res.wx.qq.com/mpres/zh_CN/htmledition/comm_htmledition/style/base/base_z36574a.png") 0 -220px no-repeat;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.page-template .list_item_title-lbl_content {
  padding-right: 20px;
  vertical-align: middle;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
}
.page-template .frm_checkbox {
  position: absolute;
  left: -999em;
}
.page-template .margin-bottom-mds {
  text-align: center;
}
.page-template .modal-body {
  padding: 15px 0;
}
.page-template .margin-bottom-mdss {
  margin-bottom: -14px !important;
  margin-top: 20px !important;
}
.page-template .opr-js_del {
  float: right;
  margin-top: 3px;
  color: #459ae9;
}
.page-template .opr-js_del_ui {
  float: right;
  margin-top: 3px;
  color: #8d8d8d;
}
.page-template .col_template {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin: 30px 25px;
}
.page-template .msg_card {
  display: block;
  margin-right: -5px;
}
.page-template .msg_card_inner {
  overflow: hidden;
  border: 1px solid #e7e7e7;
}
.page-template .msg_card_bd {
  background-color: #fff;
  padding: 14px;
}
.page-template .msg_card_title {
  overflow: hidden;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
  max-height: 2.4;
  word-wrap: normal;
  white-space: pre-wrap;
}
.page-template .msg_card_info {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 12px;
  color: #8d8d8d;
  text-align: center;
}
.page-template .msg_card_info_meta {
  font-weight: 400;
  font-style: normal;
  margin-top: 5px;
  color: #8d8d8d;
}
.page-template .msg_card_extra_info {
  height: 400px;
  overflow: hidden;
  margin: 14px 0 5px;
}
.page-template .simulator_head {
  background: #333;
  height: 40px;
  font-size: 14px;
  position: relative;
}
.page-template .simulator_title {
  position: absolute;
  bottom: 10px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  left: 60px;
  right: 50px;
  height: 1.6em;
  overflow: hidden;
  display: block;
}
.page-template .card_footer {
  background-color: #f4f5f9;
}
.page-template .card-list {
  font-size: 0;
}
.page-template .fa-lg {
  margin-right: 10px;
  font-size: 1.8em;
}
.page-template .content-title {
  margin-bottom: 15px;
}
.page-template .content-title-name {
  display: inline-block;
  margin: 0 10px;
  color: #8d8d8d;
}
.page-template .mm-content-content {
  max-height: 600px;
  overflow-y: auto;
}
.page-template .template_head {
  margin-bottom: 10px;
  margin: 0 25px;
}
.page-template .span_ui {
  display: inline-block;
  margin: 0 10px;
  color: #8d8d8d;
}
.page-template .span_ui_edit {
  color: #459ae9;
  text-decoration: none;
  border: 0;
  background-color: #fff;
}
.page-template .li_ui {
  padding: 8px 0;
}
.page-template .card-list >a {
  border: 1px solid #e7e7e7;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
}

.keyword-table>tbody td {
  vertical-align: middle !important;
}
.keyword-matching-td>p>span {
  background-color: #3ca5f6;
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  display: -webkit-inline-box;
  margin: 5px;
}
.keyword-matching-td>span:not(:last-child) {
  margin-right: 10px;
}
.keyword-condition-td>p {
  padding: 5px 0;
}
.keyword-condition-td>p:not(:last-child) {
  border-bottom: 1px solid #e7e7eb;
}
.keyword-content-td a {
  display: block;
}
.keyword-operation-td a,
.keyword-content-td a {
  color: #3ca5f6;
}
.keyword-word {
  background: #3ca5f6;
  color: #fff;
  padding: 2px 6px 3px 5px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
}

.mobile-tip {
  padding: 8px 10px;
  color: #fff;
  background-color: #3ca5f6;
  border-radius: 8px;
}
.mobile-btn {
  height: 100px;
  font-size: 20px;
}
.mobile-btn-small {
  min-width: 50%;
}
.mobile-headimg {
  width: 35px;
  height: 35px;
}
.mobile-modal-list {
  overflow: auto;
}
.mobile-modal-list>li {
  float: left;
}
.mobile-modal-list>li.active>.mobile-modal-num {
  background-color: #3ca5f6;
  color: #fff;
  border-color: #3ca5f6;
}
.mobile-modal-list .mobile-modal-num {
  padding: 5px 10px;
  border: 1px solid #bbb;
  border-radius: 50%;
  margin-right: 10px;
  color: #bbb;
}
.mobile-modal-list .mobile-modal-title {
  font-size: 14px;
}
.mobile-modal-list .mobile-modal-sub {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
.mobile-modal-arrow {
  border-right: 0;
  border-left: 30px solid #9cd4ff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin: 0 20px;
}
.mobile-weeks>span {
  background-color: #3ca5f6;
  color: #fff;
  padding: 3px 5px;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 3px;
  border-radius: 5px;
  display: -webkit-inline-box;
  position: relative;
}
.mobile-weeks>span>i {
  background-color: #fff;
  border-radius: 50%;
  font-size: 16px;
  position: absolute;
  top: -7px;
  right: -6px;
  z-index: 999;
  cursor: pointer;
}
.mobile-weeks>span>.red-icon {
  color: #ea514d;
}
.mobile-weeks>span>.green-icon {
  color: #00a707;
}
.mobile-weeks-disabled {
  background-color: #bbb !important;
}
.mobile-header-group {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 66px;
  color: #5a5a5a;
  font-size: 17px;
}
.mobile-header-group > img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.mobile-header-group > p {
  font-size: 14px;
  margin: 0 auto;
  margin-top: 170px;
  width: 298px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.template-library {
  display: inline-flex;
}
.template-library>span {
  width: 60px;
  margin-right: 10px;
  font-size: 14px;
  margin-top: 7px;
  text-align: right;
}
.template-content-select {
  height: 100%;
  border: 1px solid #e7e7eb;
}
.template-content-select .template-tip {
  padding: 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e7e7eb;
}
.template-content-select .template-content {
  height: 100%;
  padding-bottom: 39px !important;
}
.template-content-select .template-content ul>li {
  border: 1px solid #e7e7eb;
  cursor: pointer;
}
.template-content-select .template-content ul>li.active {
  border-color: #3ca5f6;
}
.template-content-select .template-content ul>li:hover:not(.active) {
  background-color: #f3f3f3;
}
.template-tooltip {
  max-width: 500px;
  min-width: 300px;
}
.template-tooltip>.tooltip-arrow {
  border-bottom-color: #ddd !important;
}
.template-tooltip>.tooltip-inner {
  text-align: left;
  max-width: 100%;
  background-color: #fff;
  color: #555;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #ddd;
}
.template-white-space {
  width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
@media (max-width: 576px) {
  .template-white-space {
    width: auto;
    white-space: normal;
  }
}
.template-table td {
  border: 0 !important;
  border-top: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  vertical-align: middle !important;
}
.template-uesr-color {
  list-style: none;
  margin: 0;
  width: 372px;
  padding: 5px;
  left: 100%;
  top: -50%;
}
.template-uesr-color>li {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin: 5px;
  cursor: pointer;
}

.headlines-icon-square {
  border: 1px solid #eee;
  padding: 3px 8px 5px;
  background-color: #3ca5f6;
  color: #fff;
}
.headlines-icon-circular {
  border-radius: 50%;
  padding: 3px 8px;
  background-color: #9cb4c5;
  color: #fff;
}
.back-icon {
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 50%;
  padding: 2px 9px 2px 7px;
  font-size: 18px;
}
.analysis-release-words {
  background-color: #3ca5f6;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 60px;
  padding: 5px 10px;
  margin: 5px;
  display: -webkit-inline-box;
}
.information-content-loading {
  position: absolute;
  left: 15px;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  z-index: 9999;
}
.analysis-whole-popover {
  max-width: 500px;
}
.analysis-whole-popover .help-popover {
  width: 100% !important;
}
.one-shot-icon {
  position: absolute;
  z-index: 9999;
  right: 22px;
  top: 6px;
  font-size: 16px;
  color: #989898;
}
.analysis-one-shot-popover {
  max-width: 60%;
}

.news-yesterday-data:not(:first-child) {
  border-left: 1px solid #ddd;
}
.news-yesterday-data>.row {
  width: 100%;
}

.news-yesterday-data:not(:first-child) {
  border-left: 1px solid #ddd;
}
.news-yesterday-data>.row {
  width: 100%;
}

.yesterday-data {
  width: 20%;
  float: left;
}
.yesterday-data:not(:first-child) {
  border-left: 1px solid #ddd;
}
.yesterday-data>.row {
  width: 100%;
}
.user-attribute-download {
  color: #3ca5f6;
}

.campus-icon-msg {
  font-size: 16px;
  margin-top: 1px;
  color: #777;
}

/** public **/
.website-set-height {
  height: 100%;
}
/** basic-information **/
.basic-information-logo,
.basic-information-qrcode,
.basic-information-bgimg {
  padding: 0;
}
.basic-information-logo > i,
.basic-information-qrcode > i,
.basic-information-bgimg > i {
  font-size: 45px;
  color: #bbb;
  border: 2px dashed #bbb;
}
.basic-information-logo > i {
  width: 364px;
  height: 150px;
  padding: 50px 0;
}
.basic-information-qrcode > i {
  width: 130px;
  height: 130px;
  padding: 40px 0;
}
.basic-information-bgimg > i {
  width: 384px;
  height: 216px;
  padding: 83px 0;
}
.basic-information-logo > img,
.basic-information-qrcode > img,
.basic-information-bgimg > img {
  border: 2px dashed #bbb;
  padding: 5px;
}
.basic-information-logo > img {
  max-width: 364px;
  max-height: 150px;
}
.basic-information-qrcode > img {
  width: 130px;
  height: 130px;
}
.basic-information-bgimg > img {
  max-width: 384px;
  max-height: 216px;
}
/** page-setting **/
.page-setting {
  position: relative;
  height: 100%;
  font-size: 14px;
}
.page-setting .page-setting-list,
.page-setting .page-setting-content {
  height: 100%;
  border: 1px solid #eee;
}
.page-setting .page-setting-list > div:first-child,
.page-setting .page-setting-content > div:first-child {
  background: #f3f3f3;
  border-bottom: 1px solid #eee;
  overflow: auto;
}
.page-setting .page-setting-list > ul {
  height: 100%;
}
.page-setting .page-setting-list > ul > li {
  width: 100%;
  padding: 8px 10px;
  cursor: pointer;
}
.page-setting .page-setting-list > ul > li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.page-setting-content-panel {
  border: 1px solid #eee;
}
.page-setting-content-panel > header {
  margin-top: -26px;
  background-color: #fff;
  padding: 0 6px;
}
.page-setting-content-panel ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #f16704;
  color: #fff;
  border-bottom: 4px solid #cc5302;
}
.page-setting-content-panel ul > li {
  position: relative;
  cursor: pointer;
}
.page-setting-content-panel ul > li:first-child {
  background: #f09601;
  margin-left: 50px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 12px 10px;
}
.page-setting-content-panel .center-columns {
  width: 100%;
  height: 36px;
  max-width: 114px;
  border: 1px solid #ddd;
  background-color: #e9f1f3;
  position: relative;
  margin: 0 auto;
}
/** headline-setting **/
.column-sort-i {
  font-size: 20px;
  cursor: pointer;
  color: #bdbdbd;
  margin: 0px 10px;
  vertical-align: sub;
}
.column-sort-i:hover {
  color: #358753;
}

.column-manage .column-type {
  width: 130px;
  height: 50px;
  padding: 5px 10px;
  background-color: #37a1db;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.column-manage .column-type img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-top: -5px;
}
.column-type {
  width: 130px;
  height: 50px;
  padding: 5px 10px;
  background-color: #37a1db;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.column-type img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-top: -5px;
}
.color-td {
  border: 1px solid #ddd;
  height: 21px;
  width: 21px;
  cursor: pointer;
}
.icon-panel {
  width: 540px;
}
.icon-panel table td {
  height: 45px;
  width: 45px;
  cursor: pointer;
  background-color: #929292;
}
.icon-panel table td img {
  height: 100%;
  width: 100%;
}

.lightbox .role-tit {
  width: 100%;
  border: 1px solid #ddd;
  background-color: #f4f5f9;
  padding: 0 10px;
}
.lightbox .role-box {
  width: 100%;
  padding: 1px 30px;
  border: 1px solid #ddd;
  border-top: 0;
}
.lightbox .role-box:not(:last-child) {
  border-bottom: 0;
}
.role-save {
  border-top: 1px solid #ddd;
  height: 50px;
  margin-top: -1px;
  line-height: 50px;
  text-align: center;
}
.user-group-table td {
  vertical-align: middle !important;
}
.user-group-headimg {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}