/*!
 * =====================================================
 * cmp v2.3.0 (https://github.com/dcloudio/cmp)    //之前的2.2.0版本用于630
 * =====================================================
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  line-height: 21px;
  color: #000;
  background-color: #efeff4;
  -webkit-overflow-scrolling: touch;
}
a {
  text-decoration: none;
  color: #007aff;
}
a:active {
  color: #0062cc;
}
.cmp-content {
  background-color: #efeff4;
  -webkit-overflow-scrolling: touch;
}
.cmp-bar-nav ~ .cmp-content.cmp-scroll-wrapper .cmp-scrollbar-vertical {
  top: 44px;
}
.cmp-bar-header-secondary ~ .cmp-content {
  padding-top: 88px;
}
.cmp-bar-header-secondary ~ .cmp-content.cmp-scroll-wrapper .cmp-scrollbar-vertical {
  top: 88px;
}
.cmp-bar-footer ~ .cmp-content {
  padding-bottom: 44px;
}
.cmp-bar-footer ~ .cmp-content.cmp-scroll-wrapper .cmp-scrollbar-vertical {
  bottom: 44px;
}
.cmp-bar-footer-secondary ~ .cmp-content {
  padding-bottom: 88px;
}
.cmp-bar-footer-secondary ~ .cmp-content.cmp-scroll-wrapper .cmp-scrollbar-vertical {
  bottom: 88px;
}
.cmp-bar-tab ~ .cmp-content {
  padding-bottom: 50px;
}
.cmp-bar-tab ~ .cmp-content.cmp-scroll-wrapper .cmp-scrollbar-vertical {
  bottom: 50px;
}
.cmp-bar-footer-secondary-tab ~ .cmp-content {
  padding-bottom: 94px;
}
.cmp-bar-footer-secondary-tab ~ .cmp-content.cmp-scroll-wrapper .cmp-scrollbar-vertical {
  bottom: 94px;
}
.cmp-content-padded {
  margin: 10px;
}
.cmp-inline {
  display: inline-block;
  vertical-align: top;
}
.cmp-block {
  display: block !important;
}
.cmp-visibility {
  visibility: visible !important;
}
.cmp-hidden {
  display: none !important;
}
.cmp-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cmp-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cmp-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.cmp-table-cell {
  position: relative;
  display: table-cell;
}
.cmp-text-left {
  text-align: left !important;
}
.cmp-text-center {
  text-align: center !important;
}
.cmp-text-justify {
  text-align: justify !important;
}
.cmp-text-right {
  text-align: right !important;
}
.cmp-pull-left {
  float: left;
}
.cmp-pull-right {
  float: right;
}
.cmp-list-unstyled {
  padding-left: 0;
  list-style: none;
}
.cmp-list-inline {
  margin-left: -5px;
  padding-left: 0;
  list-style: none;
}
.cmp-list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.cmp-clearfix:before,
.cmp-clearfix:after {
  display: table;
  content: ' ';
}
.cmp-clearfix:after {
  clear: both;
}
.cmp-bg-primary {
  background-color: #007aff;
}
.cmp-bg-positive {
  background-color: #4cd964;
}
.cmp-bg-negative {
  background-color: #dd524d;
}
.cmp-error {
  margin: 88px 35px;
  padding: 10px;
  border-radius: 6px;
  background-color: #bbb;
}
.cmp-subtitle {
  font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
h1,
.cmp-h1 {
  font-size: 36px;
}
h2,
.cmp-h2 {
  font-size: 30px;
}
h3,
.cmp-h3 {
  font-size: 24px;
}
h4,
.cmp-h4 {
  font-size: 18px;
}
h5,
.cmp-h5 {
  font-size: 14px;
  font-weight: normal;
  color: #8f8f94;
}
h6,
.cmp-h6 {
  font-size: 12px;
  font-weight: normal;
  color: #8f8f94;
}
p {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #8f8f94;
}
.cmp-col-xs-12 {
  width: 100%;
}
.cmp-col-xs-11 {
  width: 91.66666667%;
}
.cmp-col-xs-10 {
  width: 83.33333333%;
}
.cmp-col-xs-9 {
  width: 75%;
}
.cmp-col-xs-8 {
  width: 66.66666667%;
}
.cmp-col-xs-7 {
  width: 58.33333333%;
}
.cmp-col-xs-6 {
  width: 50%;
}
.cmp-col-xs-5 {
  width: 41.66666667%;
}
.cmp-col-xs-4 {
  width: 33.33333333%;
}
.cmp-col-xs-3 {
  width: 25%;
}
.cmp-col-xs-2 {
  width: 16.66666667%;
}
.cmp-col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 400px) {
  .cmp-col-sm-12 {
    width: 100%;
  }
  .cmp-col-sm-11 {
    width: 91.66666667%;
  }
  .cmp-col-sm-10 {
    width: 83.33333333%;
  }
  .cmp-col-sm-9 {
    width: 75%;
  }
  .cmp-col-sm-8 {
    width: 66.66666667%;
  }
  .cmp-col-sm-7 {
    width: 58.33333333%;
  }
  .cmp-col-sm-6 {
    width: 50%;
  }
  .cmp-col-sm-5 {
    width: 41.66666667%;
  }
  .cmp-col-sm-4 {
    width: 33.33333333%;
  }
  .cmp-col-sm-3 {
    width: 25%;
  }
  .cmp-col-sm-2 {
    width: 16.66666667%;
  }
  .cmp-col-sm-1 {
    width: 8.33333333%;
  }
}
.cmp-scroll-wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
}
.cmp-scroll {
  position: absolute;
  z-index: 1;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.cmp-scrollbar {
  position: absolute;
  z-index: 95;
  overflow: hidden;
  -webkit-transition: 500ms;
  transition: 500ms;
  transform: translateZ(0px);
  pointer-events: none;
  opacity: 0;
}
.cmp-scrollbar-vertical {
  top: 0;
  right: 1px;
  bottom: 2px;
  width: 4px;
}
.cmp-scrollbar-vertical .cmp-scrollbar-indicator {
  width: 100%;
}
.cmp-scrollbar-horizontal {
  right: 2px;
  bottom: 0;
  left: 2px;
  height: 4px;
}
.cmp-scrollbar-horizontal .cmp-scrollbar-indicator {
  height: 100%;
}
.cmp-scrollbar-indicator {
  position: absolute;
  display: block;
  box-sizing: border-box;
  -webkit-transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
  transition: 0.01s cubic-bezier(0.1, 0.57, 0.1, 1);
  transform: translate(0px, 0px) translateZ(0px);
  border: 1px solid rgba(255, 255, 255, 0.80196);
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.39804);
}
.cmp-plus-pullrefresh .cmp-fullscreen .cmp-scroll-wrapper .cmp-scroll-wrapper,
.cmp-plus-pullrefresh .cmp-fullscreen .cmp-slider-group .cmp-scroll-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
}
.cmp-plus-pullrefresh .cmp-fullscreen .cmp-scroll-wrapper .cmp-scroll,
.cmp-plus-pullrefresh .cmp-fullscreen .cmp-slider-group .cmp-scroll {
  position: absolute;
  width: 100%;
}
.cmp-plus-pullrefresh .cmp-scroll-wrapper,
.cmp-plus-pullrefresh .cmp-slider-group {
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  overflow: auto;
  width: auto;
}
.cmp-plus-pullrefresh .cmp-slider-group {
  overflow: visible;
}
.cmp-plus-pullrefresh .cmp-scroll {
  position: static;
  width: auto;
}
.cmp-off-canvas-wrap .cmp-bar {
  position: absolute !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmp-off-canvas-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.cmp-off-canvas-wrap .cmp-inner-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.cmp-off-canvas-wrap .cmp-inner-wrap.cmp-transitioning {
  -webkit-transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
}
.cmp-off-canvas-wrap .cmp-inner-wrap .cmp-off-canvas-left {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.cmp-off-canvas-wrap .cmp-inner-wrap .cmp-off-canvas-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.cmp-off-canvas-wrap.cmp-active {
  overflow: hidden;
  height: 100%;
}
.cmp-off-canvas-wrap.cmp-active .cmp-off-canvas-backdrop {
  position: absolute;
  z-index: 90;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  transition: background 200ms ease;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}
.cmp-off-canvas-wrap.cmp-slide-in .cmp-off-canvas-right {
  z-index: 95 !important;
  -webkit-transform: translate3d(100%, 0px, 0px);
}
.cmp-off-canvas-wrap.cmp-slide-in .cmp-off-canvas-left {
  z-index: 95 !important;
  -webkit-transform: translate3d(-100%, 0px, 0px);
}
.cmp-off-canvas-left,
.cmp-off-canvas-right {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  visibility: hidden;
  box-sizing: content-box;
  width: 70%;
  min-height: 100%;
  background: #333;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
.cmp-off-canvas-left.cmp-transitioning,
.cmp-off-canvas-right.cmp-transitioning {
  -webkit-transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
}
.cmp-off-canvas-left {
  left: 0;
}
.cmp-off-canvas-right {
  right: 0;
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable {
  background-color: #333;
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable > .cmp-off-canvas-left,
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable > .cmp-off-canvas-right {
  width: 80%;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: .1;
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable > .cmp-off-canvas-left.cmp-transitioning,
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable > .cmp-off-canvas-right.cmp-transitioning {
  -webkit-transition: -webkit-transform 200ms ease, opacity 200ms ease;
  transition: transform 200ms ease, opacity 200ms ease;
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable > .cmp-off-canvas-left {
  -webkit-transform-origin: -100%;
  transform-origin: -100%;
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable > .cmp-off-canvas-right {
  -webkit-transform-origin: 200%;
  transform-origin: 200%;
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable.cmp-active > .cmp-inner-wrap {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable.cmp-active > .cmp-off-canvas-left,
.cmp-off-canvas-wrap:not(.cmp-slide-in).cmp-scalable.cmp-active > .cmp-off-canvas-right {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.cmp-loading .cmp-spinner {
  display: block;
  margin: 0 auto;
}
.cmp-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: spinner-spin 1s step-end infinite;
  animation: spinner-spin 1s step-end infinite;
}
.cmp-spinner:after {
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%236c6c6c\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.cmp-spinner-white:after {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%23fff\' stroke-width=\'11\' stroke-linecap=\'round\'/></defs><g><use xlink:href=\'%23l\' opacity=\'.27\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(30 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(60 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(90 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(120 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.27\' transform=\'rotate(150 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.37\' transform=\'rotate(180 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.46\' transform=\'rotate(210 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.56\' transform=\'rotate(240 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.66\' transform=\'rotate(270 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.75\' transform=\'rotate(300 60,60)\'/><use xlink:href=\'%23l\' opacity=\'.85\' transform=\'rotate(330 60,60)\'/></g></svg>');
}
@-webkit-keyframes spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  8.33333333% {
    -webkit-transform: rotate(30deg);
  }
  16.66666667% {
    -webkit-transform: rotate(60deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  33.33333333% {
    -webkit-transform: rotate(120deg);
  }
  41.66666667% {
    -webkit-transform: rotate(150deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  58.33333333% {
    -webkit-transform: rotate(210deg);
  }
  66.66666667% {
    -webkit-transform: rotate(240deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  83.33333333% {
    -webkit-transform: rotate(300deg);
  }
  91.66666667% {
    -webkit-transform: rotate(330deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner-spin {
  0% {
    transform: rotate(0deg);
  }
  8.33333333% {
    transform: rotate(30deg);
  }
  16.66666667% {
    transform: rotate(60deg);
  }
  25% {
    transform: rotate(90deg);
  }
  33.33333333% {
    transform: rotate(120deg);
  }
  41.66666667% {
    transform: rotate(150deg);
  }
  50% {
    transform: rotate(180deg);
  }
  58.33333333% {
    transform: rotate(210deg);
  }
  66.66666667% {
    transform: rotate(240deg);
  }
  75% {
    transform: rotate(270deg);
  }
  83.33333333% {
    transform: rotate(300deg);
  }
  91.66666667% {
    transform: rotate(330deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
input[type='button'],
input[type='submit'],
input[type='reset'],
button,
.cmp-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 12px;
  cursor: pointer;
  -webkit-transition: all;
  transition: all;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #fff;
  background-clip: padding-box;
}
input[type='button']:enabled:active,
input[type='button'].cmp-active:enabled,
input[type='submit']:enabled:active,
input[type='submit'].cmp-active:enabled,
input[type='reset']:enabled:active,
input[type='reset'].cmp-active:enabled,
button:enabled:active,
button.cmp-active:enabled,
.cmp-btn:enabled:active,
.cmp-btn.cmp-active:enabled {
  color: #fff;
  background-color: #929292;
}
input[type='button']:disabled,
input[type='button'].cmp-disabled,
input[type='submit']:disabled,
input[type='submit'].cmp-disabled,
input[type='reset']:disabled,
input[type='reset'].cmp-disabled,
button:disabled,
button.cmp-disabled,
.cmp-btn:disabled,
.cmp-btn.cmp-disabled {
  opacity: .6;
}
input[type='submit'],
.cmp-btn-primary,
.cmp-btn-blue {
  color: #fff;
  border: 1px solid #007aff;
  background-color: #007aff;
}
input[type='submit']:enabled:active,
input[type='submit'].cmp-active:enabled,
.cmp-btn-primary:enabled:active,
.cmp-btn-primary.cmp-active:enabled,
.cmp-btn-blue:enabled:active,
.cmp-btn-blue.cmp-active:enabled {
  color: #fff;
  border: 1px solid #0062cc;
  background-color: #0062cc;
}
.cmp-btn-positive,
.cmp-btn-success,
.cmp-btn-green {
  color: #fff;
  border: 1px solid #4cd964;
  background-color: #4cd964;
}
.cmp-btn-positive:enabled:active,
.cmp-btn-positive.cmp-active:enabled,
.cmp-btn-success:enabled:active,
.cmp-btn-success.cmp-active:enabled,
.cmp-btn-green:enabled:active,
.cmp-btn-green.cmp-active:enabled {
  color: #fff;
  border: 1px solid #2ac845;
  background-color: #2ac845;
}
.cmp-btn-warning,
.cmp-btn-yellow {
  color: #fff;
  border: 1px solid #f0ad4e;
  background-color: #f0ad4e;
}
.cmp-btn-warning:enabled:active,
.cmp-btn-warning.cmp-active:enabled,
.cmp-btn-yellow:enabled:active,
.cmp-btn-yellow.cmp-active:enabled {
  color: #fff;
  border: 1px solid #ec971f;
  background-color: #ec971f;
}
.cmp-btn-negative,
.cmp-btn-danger,
.cmp-btn-red {
  color: #fff;
  border: 1px solid #dd524d;
  background-color: #dd524d;
}
.cmp-btn-negative:enabled:active,
.cmp-btn-negative.cmp-active:enabled,
.cmp-btn-danger:enabled:active,
.cmp-btn-danger.cmp-active:enabled,
.cmp-btn-red:enabled:active,
.cmp-btn-red.cmp-active:enabled {
  color: #fff;
  border: 1px solid #cf2d28;
  background-color: #cf2d28;
}
.cmp-btn-royal,
.cmp-btn-purple {
  color: #fff;
  border: 1px solid #8a6de9;
  background-color: #8a6de9;
}
.cmp-btn-royal:enabled:active,
.cmp-btn-royal.cmp-active:enabled,
.cmp-btn-purple:enabled:active,
.cmp-btn-purple.cmp-active:enabled {
  color: #fff;
  border: 1px solid #6641e2;
  background-color: #6641e2;
}
.cmp-btn-grey {
  color: #fff;
  border: 1px solid #c7c7cc;
  background-color: #c7c7cc;
}
.cmp-btn-grey:enabled:active,
.cmp-btn-grey.cmp-active:enabled {
  color: #fff;
  border: 1px solid #acacb4;
  background-color: #acacb4;
}
.cmp-btn-outlined {
  background-color: transparent;
}
.cmp-btn-outlined.cmp-btn-primary,
.cmp-btn-outlined.cmp-btn-blue {
  color: #007aff;
}
.cmp-btn-outlined.cmp-btn-positive,
.cmp-btn-outlined.cmp-btn-success,
.cmp-btn-outlined.cmp-btn-green {
  color: #4cd964;
}
.cmp-btn-outlined.cmp-btn-warning,
.cmp-btn-outlined.cmp-btn-yellow {
  color: #f0ad4e;
}
.cmp-btn-outlined.cmp-btn-negative,
.cmp-btn-outlined.cmp-btn-danger,
.cmp-btn-outlined.cmp-btn-red {
  color: #dd524d;
}
.cmp-btn-outlined.cmp-btn-royal,
.cmp-btn-outlined.cmp-btn-purple {
  color: #8a6de9;
}
.cmp-btn-outlined.cmp-btn-primary:enabled:active,
.cmp-btn-outlined.cmp-btn-blue:enabled:active,
.cmp-btn-outlined.cmp-btn-positive:enabled:active,
.cmp-btn-outlined.cmp-btn-success:enabled:active,
.cmp-btn-outlined.cmp-btn-green:enabled:active,
.cmp-btn-outlined.cmp-btn-warning:enabled:active,
.cmp-btn-outlined.cmp-btn-yellow:enabled:active,
.cmp-btn-outlined.cmp-btn-negative:enabled:active,
.cmp-btn-outlined.cmp-btn-danger:enabled:active,
.cmp-btn-outlined.cmp-btn-red:enabled:active,
.cmp-btn-outlined.cmp-btn-royal:enabled:active,
.cmp-btn-outlined.cmp-btn-purple:enabled:active {
  color: #fff;
}
.cmp-btn-link {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #007aff;
  border: 0;
  background-color: transparent;
}
.cmp-btn-link:enabled:active,
.cmp-btn-link.cmp-active:enabled {
  color: #0062cc;
  background-color: transparent;
}
.cmp-btn-block {
  font-size: 18px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 15px 0;
}
.cmp-btn .cmp-badge {
  font-size: 14px;
  margin: -2px -4px -2px 4px;
  background-color: rgba(0, 0, 0, 0.15);
}
.cmp-btn .cmp-badge-inverted,
.cmp-btn:enabled:active .cmp-badge-inverted {
  background-color: transparent;
}
.cmp-btn-primary:enabled:active .cmp-badge-inverted,
.cmp-btn-positive:enabled:active .cmp-badge-inverted,
.cmp-btn-negative:enabled:active .cmp-badge-inverted {
  color: #fff;
}
.cmp-btn-block .cmp-badge {
  position: absolute;
  right: 0;
  margin-right: 10px;
}
.cmp-btn .cmp-icon {
  font-size: inherit;
}
.cmp-btn.cmp-icon {
  font-size: 14px;
  line-height: 1.42;
}
.cmp-btn.cmp-fab {
  width: 56px;
  height: 56px;
  padding: 16px;
  border-radius: 50%;
  outline: none;
}
.cmp-btn.cmp-fab.cmp-btn-mini {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.cmp-btn.cmp-fab .cmp-icon {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}
.cmp-bar {
  position: absolute;
  z-index: 10;
  right: 0;
  left: 0;
  height: 44px;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 0;
  background-color: #f7f7f7;
  /*-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);*/
  /*box-shadow: 0 0 1px rgba(0, 0, 0, .85);*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cmp-bar .cmp-title {
  right: 40px;
  left: 40px;
  display: inline-block;
  overflow: hidden;
  width: auto;
  margin: 0;
  text-overflow: ellipsis;
}
.cmp-bar .cmp-backdrop {
  background: none;
}
.cmp-bar-header-secondary {
  top: 44px;
}
.cmp-bar-footer {
  bottom: 0;
}
.cmp-bar-footer-secondary {
  bottom: 44px;
}
.cmp-bar-footer-secondary-tab {
  bottom: 50px;
}
.cmp-bar-footer,
.cmp-bar-footer-secondary,
.cmp-bar-footer-secondary-tab {
  border-top: 0;
}
.cmp-bar-nav {
  -webkit-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
}
.cmp-bar-nav ~ .cmp-content .cmp-anchor {
  display: block;
  visibility: hidden;
  height: 45px;
  margin-top: -45px;
}
.cmp-bar-nav.cmp-bar .cmp-icon {
  margin-right: -10px;
  margin-left: -10px;
  padding-right: 10px;
  padding-left: 10px;
}
.cmp-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 44px;
  position: absolute;
  display: block;
  width: 100%;
  margin: 0 -10px;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  color: #000;
}
.cmp-title a {
  color: inherit;
}
.cmp-bar-tab {
  bottom: 0;
  display: table;
  width: 100%;
  height: 50px;
  padding: 0;
  table-layout: fixed;
  border-top: 0;
  border-bottom: 0;
  -webkit-touch-callout: none;
}
.cmp-bar-tab .cmp-tab-item {
  display: table-cell;
  overflow: hidden;
  width: 1%;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #929292;
}
.cmp-bar-tab .cmp-tab-item.cmp-active {
  color: #007aff;
}
.cmp-bar-tab .cmp-tab-item .cmp-icon {
  top: 3px;
  width: 24px;
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}
.cmp-bar-tab .cmp-tab-item .cmp-icon ~ .cmp-tab-label {
  font-size: 11px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmp-bar-tab .cmp-tab-item .cmp-icon:active {
  background: none;
}
.cmp-focusin > .cmp-bar-nav,
.cmp-focusin > .cmp-bar-header-secondary {
  position: absolute;
}
.cmp-focusin > .cmp-bar ~ .cmp-content {
  padding-bottom: 0;
}
.cmp-bar .cmp-btn {
  font-weight: 400;
  position: relative;
  z-index: 20;
  top: 7px;
  margin-top: 0;
  padding: 6px 12px 7px;
}
.cmp-bar .cmp-btn.cmp-pull-right {
  margin-left: 10px;
}
.cmp-bar .cmp-btn.cmp-pull-left {
  margin-right: 10px;
}
.cmp-bar .cmp-btn-link {
  font-size: 16px;
  line-height: 44px;
  top: 0;
  padding: 0;
  color: #007aff;
  border: 0;
}
.cmp-bar .cmp-btn-link:active,
.cmp-bar .cmp-btn-link.cmp-active {
  color: #0062cc;
}
.cmp-bar .cmp-btn-block {
  font-size: 16px;
  top: 6px;
  margin-bottom: 0;
  padding: 5px 0;
}
.cmp-bar .cmp-btn-nav.cmp-pull-left {
  margin-left: -5px;
}
.cmp-bar .cmp-btn-nav.cmp-pull-left .cmp-icon-left-nav {
  margin-right: -3px;
}
.cmp-bar .cmp-btn-nav.cmp-pull-right {
  margin-right: -5px;
}
.cmp-bar .cmp-btn-nav.cmp-pull-right .cmp-icon-right-nav {
  margin-left: -3px;
}
.cmp-bar .cmp-btn-nav:active {
  opacity: .3;
}
.cmp-bar .cmp-icon {
  font-size: 20px;
  position: relative;
  z-index: 20;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cmp-bar .cmp-icon:active {
  opacity: .3;
}
.cmp-bar .cmp-btn .cmp-icon {
  top: 1px;
  margin: 0;
  padding: 0;
}
.cmp-bar .cmp-title .cmp-icon {
  margin: 0;
  padding: 0;
}
.cmp-bar .cmp-title .cmp-icon.cmp-icon-caret {
  top: 4px;
  margin-left: -5px;
}
.cmp-bar input[type='search'] {
  height: 29px;
  margin: 6px 0;
}
.cmp-bar .cmp-input-row .cmp-btn {
  padding: 12px 10px;
}
.cmp-bar .cmp-search:before {
  margin-top: -10px;
}
.cmp-bar .cmp-input-row .cmp-input-clear ~ .cmp-icon-clear,
.cmp-bar .cmp-input-row .cmp-input-speech ~ .cmp-icon-speech {
  top: 0;
  right: 12px;
}
.cmp-bar.cmp-bar-header-secondary .cmp-input-row .cmp-input-clear ~ .cmp-icon-clear,
.cmp-bar.cmp-bar-header-secondary .cmp-input-row .cmp-input-speech ~ .cmp-icon-speech {
  top: 0;
  right: 0;
}
.cmp-bar .cmp-segmented-control {
  top: 7px;
  width: auto;
  margin: 0 auto;
}
.cmp-bar.cmp-bar-header-secondary .cmp-segmented-control {
  top: 0;
}
.cmp-badge {
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 3px 6px;
  color: #333;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.15);
}
.cmp-badge.cmp-badge-inverted {
  padding: 0 5px 0 0;
  color: #929292;
  background-color: transparent;
}
.cmp-badge-primary,
.cmp-badge-blue {
  color: #fff;
  background-color: #007aff;
}
.cmp-badge-primary.cmp-badge-inverted,
.cmp-badge-blue.cmp-badge-inverted {
  color: #007aff;
  background-color: transparent;
}
.cmp-badge-success,
.cmp-badge-green {
  color: #fff;
  background-color: #4cd964;
}
.cmp-badge-success.cmp-badge-inverted,
.cmp-badge-green.cmp-badge-inverted {
  color: #4cd964;
  background-color: transparent;
}
.cmp-badge-warning,
.cmp-badge-yellow {
  color: #fff;
  background-color: #f0ad4e;
}
.cmp-badge-warning.cmp-badge-inverted,
.cmp-badge-yellow.cmp-badge-inverted {
  color: #f0ad4e;
  background-color: transparent;
}
.cmp-badge-danger,
.cmp-badge-red {
  color: #fff;
  background-color: #dd524d;
}
.cmp-badge-danger.cmp-badge-inverted,
.cmp-badge-red.cmp-badge-inverted {
  color: #dd524d;
  background-color: transparent;
}
.cmp-badge-royal,
.cmp-badge-purple {
  color: #fff;
  background-color: #8a6de9;
}
.cmp-badge-royal.cmp-badge-inverted,
.cmp-badge-purple.cmp-badge-inverted {
  color: #8a6de9;
  background-color: transparent;
}
.cmp-icon .cmp-badge {
  font-size: 10px;
  line-height: 1.4;
  position: absolute;
  top: -2px;
  left: 100%;
  margin-left: -10px;
  padding: 1px 5px;
  color: white;
  background: red;
}
.cmp-card {
  overflow: hidden;
  margin: 0 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: white;
  background-clip: padding-box;
}
.cmp-content > .cmp-card:first-child {
  margin-top: 15px;
}
.cmp-card .cmp-input-group:before,
.cmp-card .cmp-input-group:after {
  height: 0;
}
.cmp-card .cmp-input-group .cmp-input-row:last-child:before,
.cmp-card .cmp-input-group .cmp-input-row:last-child:after {
  height: 0;
}
.cmp-card .cmp-table-view {
  margin-bottom: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 6px;
}
.cmp-card .cmp-table-view .cmp-table-view-divider:first-child,
.cmp-card .cmp-table-view .cmp-table-view-cell:first-child {
  top: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.cmp-card .cmp-table-view .cmp-table-view-divider:last-child,
.cmp-card .cmp-table-view .cmp-table-view-cell:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.cmp-card .cmp-table-view:before,
.cmp-card .cmp-table-view:after {
  height: 0;
}
.cmp-card > .cmp-table-view > .cmp-table-view-cell:last-child:before,
.cmp-card > .cmp-table-view > .cmp-table-view-cell:last-child:after {
  height: 0;
}
.cmp-table-view {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  background-color: #fff;
}
.cmp-table-view:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view-icon .cmp-table-view-cell .cmp-navigate-right .cmp-icon {
  font-size: 20px;
  margin-top: -1px;
  margin-right: 5px;
  margin-left: -5px;
}
.cmp-table-view-icon .cmp-table-view-cell:after {
  left: 40px;
}
.cmp-table-view-chevron .cmp-table-view-cell {
  padding-right: 65px;
}
.cmp-table-view-chevron .cmp-table-view-cell > a:not(.cmp-btn) {
  margin-right: -65px;
}
.cmp-table-view-radio .cmp-table-view-cell {
  padding-right: 65px;
}
.cmp-table-view-radio .cmp-table-view-cell > a:not(.cmp-btn) {
  margin-right: -65px;
}
.cmp-table-view-radio .cmp-table-view-cell .cmp-navigate-right:after {
  font-size: 30px;
  font-weight: 600;
  right: 9px;
  content: '';
  color: #007aff;
}
.cmp-table-view-radio .cmp-table-view-cell.cmp-selected .cmp-navigate-right:after {
  content: '\e472';
}
.cmp-table-view-inverted {
  color: #fff;
  background: #333;
}
.cmp-table-view-inverted:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #222;
}
.cmp-table-view-inverted:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #222;
}
.cmp-table-view-inverted .cmp-table-view-cell:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #222;
}
.cmp-table-view-inverted .cmp-table-view-cell.cmp-active {
  background-color: #242424;
}
.cmp-table-view-inverted .cmp-table-view-cell > a:not(.cmp-btn).cmp-active {
  background-color: #242424;
}
.cmp-table-view-cell {
  position: relative;
  overflow: hidden;
  padding: 11px 15px;
  background-color: inherit;
  -webkit-touch-callout: none;
}
.cmp-table-view-cell:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view-cell.cmp-radio input[type=radio],
.cmp-table-view-cell.cmp-checkbox input[type=checkbox] {
  top: 8px;
}
.cmp-table-view-cell.cmp-radio.cmp-left,
.cmp-table-view-cell.cmp-checkbox.cmp-left {
  padding-left: 58px;
}
.cmp-table-view-cell.cmp-active {
  background-color: #eee;
}
.cmp-table-view-cell:last-child:before,
.cmp-table-view-cell:last-child:after {
  height: 0;
}
.cmp-table-view-cell > a:not(.cmp-btn) {
  position: relative;
  display: block;
  overflow: hidden;
  margin: -11px -15px;
  padding: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  /*&:active {
        background-color: #eee;
    }*/
}
.cmp-table-view-cell > a:not(.cmp-btn).cmp-active {
  background-color: #eee;
}
.cmp-table-view-cell p {
  margin-bottom: 0;
}
.cmp-table-view-cell.cmp-transitioning > .cmp-slider-handle,
.cmp-table-view-cell.cmp-transitioning > .cmp-slider-left .cmp-btn,
.cmp-table-view-cell.cmp-transitioning > .cmp-slider-right .cmp-btn {
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
}
.cmp-table-view-cell.cmp-active > .cmp-slider-handle {
  background-color: #eee;
}
.cmp-table-view-cell > .cmp-slider-handle {
  position: relative;
  background-color: #fff;
}
.cmp-table-view-cell > .cmp-slider-handle.cmp-navigate-right:after,
.cmp-table-view-cell > .cmp-slider-handle .cmp-navigate-right:after {
  right: 0;
}
.cmp-table-view-cell > .cmp-slider-handle,
.cmp-table-view-cell > .cmp-slider-left .cmp-btn,
.cmp-table-view-cell > .cmp-slider-right .cmp-btn {
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cmp-table-view-cell > .cmp-slider-left,
.cmp-table-view-cell > .cmp-slider-right {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cmp-table-view-cell > .cmp-slider-left > .cmp-btn,
.cmp-table-view-cell > .cmp-slider-right > .cmp-btn {
  position: relative;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 30px;
  color: #fff;
  border: 0;
  border-radius: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cmp-table-view-cell > .cmp-slider-left > .cmp-btn:after,
.cmp-table-view-cell > .cmp-slider-right > .cmp-btn:after {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 600%;
  height: 100%;
  content: '';
  background: inherit;
}
.cmp-table-view-cell > .cmp-slider-left > .cmp-btn.cmp-icon,
.cmp-table-view-cell > .cmp-slider-right > .cmp-btn.cmp-icon {
  font-size: 30px;
}
.cmp-table-view-cell > .cmp-slider-right {
  right: 0;
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.cmp-table-view-cell > .cmp-slider-left {
  left: 0;
  -webkit-transition: -webkit-transform 0ms ease;
  transition: transform 0ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cmp-table-view-cell > .cmp-slider-left > .cmp-btn:after {
  right: 100%;
  margin-right: -1px;
}
.cmp-table-view-divider {
  font-weight: 500;
  position: relative;
  margin-top: -1px;
  margin-left: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  color: #999;
  background-color: #fafafa;
}
.cmp-table-view-divider:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view-divider:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view .cmp-media,
.cmp-table-view .cmp-media-body {
  overflow: hidden;
}
.cmp-table-view .cmp-media-large .cmp-media-object {
  line-height: 80px;
  max-width: 80px;
  height: 80px;
}
.cmp-table-view .cmp-media .cmp-subtitle {
  color: #000;
}
.cmp-table-view .cmp-media-object {
  line-height: 42px;
  max-width: 42px;
  height: 42px;
}
.cmp-table-view .cmp-media-object.cmp-pull-left {
  margin-right: 10px;
}
.cmp-table-view .cmp-media-object.cmp-pull-right {
  margin-left: 10px;
}
.cmp-table-view .cmp-table-view-cell.cmp-media-icon .cmp-media-object {
  line-height: 29px;
  max-width: 29px;
  height: 29px;
  margin: -4px 0;
}
.cmp-table-view .cmp-table-view-cell.cmp-media-icon .cmp-media-object img {
  line-height: 29px;
  max-width: 29px;
  height: 29px;
}
.cmp-table-view .cmp-table-view-cell.cmp-media-icon .cmp-media-object.cmp-pull-left {
  margin-right: 10px;
}
.cmp-table-view .cmp-table-view-cell.cmp-media-icon .cmp-media-object .cmp-icon {
  font-size: 29px;
}
.cmp-table-view .cmp-table-view-cell.cmp-media-icon .cmp-media-body:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 55px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view .cmp-table-view-cell.cmp-media-icon:after {
  height: 0 !important;
}
.cmp-table-view.cmp-unfold .cmp-table-view-cell.cmp-collapse .cmp-table-view {
  display: block;
}
.cmp-table-view.cmp-unfold .cmp-table-view-cell.cmp-collapse .cmp-table-view:before,
.cmp-table-view.cmp-unfold .cmp-table-view-cell.cmp-collapse .cmp-table-view:after {
  height: 0 !important;
}
.cmp-table-view.cmp-unfold .cmp-table-view-cell.cmp-media-icon.cmp-collapse .cmp-media-body:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 70px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view-cell > .cmp-btn,
.cmp-table-view-cell > .cmp-badge,
.cmp-table-view-cell > .cmp-switch,
.cmp-table-view-cell > a > .cmp-btn,
.cmp-table-view-cell > a > .cmp-badge,
.cmp-table-view-cell > a > .cmp-switch {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cmp-table-view-cell .cmp-navigate-right > .cmp-btn,
.cmp-table-view-cell .cmp-navigate-right > .cmp-badge,
.cmp-table-view-cell .cmp-navigate-right > .cmp-switch,
.cmp-table-view-cell .cmp-push-left > .cmp-btn,
.cmp-table-view-cell .cmp-push-left > .cmp-badge,
.cmp-table-view-cell .cmp-push-left > .cmp-switch,
.cmp-table-view-cell .cmp-push-right > .cmp-btn,
.cmp-table-view-cell .cmp-push-right > .cmp-badge,
.cmp-table-view-cell .cmp-push-right > .cmp-switch,
.cmp-table-view-cell > a .cmp-navigate-right > .cmp-btn,
.cmp-table-view-cell > a .cmp-navigate-right > .cmp-badge,
.cmp-table-view-cell > a .cmp-navigate-right > .cmp-switch,
.cmp-table-view-cell > a .cmp-push-left > .cmp-btn,
.cmp-table-view-cell > a .cmp-push-left > .cmp-badge,
.cmp-table-view-cell > a .cmp-push-left > .cmp-switch,
.cmp-table-view-cell > a .cmp-push-right > .cmp-btn,
.cmp-table-view-cell > a .cmp-push-right > .cmp-badge,
.cmp-table-view-cell > a .cmp-push-right > .cmp-switch {
  right: 35px;
}
.cmp-content > .cmp-table-view:first-child {
  margin-top: 15px;
}
.cmp-table-view-cell.cmp-collapse .cmp-table-view:before,
.cmp-table-view-cell.cmp-collapse .cmp-table-view:after {
  height: 0;
}
.cmp-table-view-cell.cmp-collapse .cmp-table-view .cmp-table-view-cell:last-child:after {
  height: 0;
}
.cmp-table-view-cell.cmp-collapse > .cmp-navigate-right:after,
.cmp-table-view-cell.cmp-collapse > .cmp-push-right:after {
  content: '\e581';
}
.cmp-table-view-cell.cmp-collapse.cmp-active {
  margin-top: -1px;
}
.cmp-table-view-cell.cmp-collapse.cmp-active .cmp-table-view,
.cmp-table-view-cell.cmp-collapse.cmp-active .cmp-collapse-content {
  display: block;
}
.cmp-table-view-cell.cmp-collapse.cmp-active > .cmp-navigate-right:after,
.cmp-table-view-cell.cmp-collapse.cmp-active > .cmp-push-right:after {
  content: '\e580';
}
.cmp-table-view-cell.cmp-collapse.cmp-active .cmp-table-view-cell > a:not(.cmp-btn).cmp-active {
  margin-left: -31px;
  padding-left: 47px;
}
.cmp-table-view-cell.cmp-collapse .cmp-collapse-content {
  position: relative;
  display: none;
  overflow: hidden;
  margin: 11px -15px -11px;
  padding: 8px 15px;
  -webkit-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
  background: white;
}
.cmp-table-view-cell.cmp-collapse .cmp-collapse-content > .cmp-input-group,
.cmp-table-view-cell.cmp-collapse .cmp-collapse-content > .cmp-slider {
  width: auto;
  height: auto;
  margin: -8px -15px;
}
.cmp-table-view-cell.cmp-collapse .cmp-collapse-content > .cmp-slider {
  margin: -8px -16px;
}
.cmp-table-view-cell.cmp-collapse .cmp-table-view {
  display: none;
  margin-top: 11px;
  margin-right: -15px;
  margin-bottom: -11px;
  margin-left: -15px;
  border: 0;
}
.cmp-table-view-cell.cmp-collapse .cmp-table-view.cmp-table-view-chevron {
  margin-right: -65px;
}
.cmp-table-view-cell.cmp-collapse .cmp-table-view .cmp-table-view-cell {
  padding-left: 31px;
  background-position: 31px 100%;
}
.cmp-table-view-cell.cmp-collapse .cmp-table-view .cmp-table-view-cell:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 30px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-table-view.cmp-grid-view {
  font-size: 0;
  display: block;
  width: 100%;
  padding: 0 10px 10px 0;
  white-space: normal;
}
.cmp-table-view.cmp-grid-view .cmp-table-view-cell {
  font-size: 17px;
  display: inline-block;
  margin-right: -4px;
  padding: 10px 0 0 14px;
  text-align: center;
  vertical-align: middle;
  background: none;
}
.cmp-table-view.cmp-grid-view .cmp-table-view-cell .cmp-media-object {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  left: 0;
  top: 0;
}
.cmp-table-view.cmp-grid-view .cmp-table-view-cell > a:not(.cmp-btn) {
  margin: -10px 0 0 -14px;
}
.cmp-table-view.cmp-grid-view .cmp-table-view-cell > a:not(.cmp-btn):active,
.cmp-table-view.cmp-grid-view .cmp-table-view-cell > a:not(.cmp-btn).cmp-active {
  background: none;
}
.cmp-table-view.cmp-grid-view .cmp-table-view-cell .cmp-media-body {
  font-size: 15px;
  line-height: 15px;
  display: block;
  width: 100%;
  height: 15px;
  margin-top: 8px;
  text-overflow: ellipsis;
  color: #333;
}
.cmp-table-view.cmp-grid-view .cmp-table-view-cell:before,
.cmp-table-view.cmp-grid-view .cmp-table-view-cell:after {
  height: 0;
}
.cmp-grid-view.cmp-grid-9 {
  padding: 1px 0 1px 0;
  padding-right: 0;
  background-color: #f2f2f2;
}
.cmp-grid-view.cmp-grid-9 .cmp-table-view-cell {
  margin: -1px 0 0 -1px;
  padding: 11px 15px;
  vertical-align: top;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}
.cmp-grid-view.cmp-grid-9 .cmp-table-view-cell.cmp-active {
  background-color: #eee;
}
.cmp-grid-view.cmp-grid-9 .cmp-table-view-cell > a:not(.cmp-btn) {
  margin: 0;
  padding: 10px 0;
}
.cmp-grid-view.cmp-grid-9:before {
  height: 0;
}
.cmp-grid-view.cmp-grid-9 .cmp-media {
  color: #797979;
}
.cmp-grid-view.cmp-grid-9 .cmp-media .cmp-icon {
  font-size: 2.4em;
  position: relative;
}
.cmp-slider-cell {
  position: relative;
}
.cmp-slider-cell > .cmp-slider-handle {
  z-index: 1;
}
.cmp-slider-cell > .cmp-slider-left,
.cmp-slider-cell > .cmp-slider-right {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
}
.cmp-slider-cell > .cmp-slider-left {
  left: 0;
}
.cmp-slider-cell > .cmp-slider-right {
  right: 0;
}

input,
textarea,
select {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
  -webkit-tap-highlight-color: transparent;
}
input:focus,
textarea:focus,
select:focus {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-modify: read-write-plaintext-only;
}
select,
textarea,
input[type='text'],
input[type='search'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='tel'],
input[type='color'] {
  line-height: 21px;
  width: 100%;
  height: 40px;
  padding: 10px 15px;
  -webkit-user-select: text;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  outline: none;
  background-color: #fff;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
input[type='search'] {
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  text-align: center;
  border: 0;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.1);
}
input[type='search']:focus {
  text-align: left;
}
textarea {
  height: auto;
  resize: none;
}
select {
  font-size: 14px;
  height: auto;
  margin-top: 1px;
  border: 0 !important;
  background-color: #fff;
}
select:focus {
  -webkit-user-modify: read-only;
}
.cmp-input-group {
  position: relative;
  padding: 0;
  border: 0;
  background-color: #fff;
}
.cmp-input-group:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-input-group:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-input-group input,
.cmp-input-group textarea {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmp-input-group input[type='search'] {
  background: none;
}
.cmp-input-group input:last-child {
  background-image: none;
}
.cmp-input-row {
  clear: left;
  overflow: hidden;
}
.cmp-input-row select {
  font-size: 17px;
  height: 37px;
  padding: 0;
}
.cmp-input-row:last-child,
.cmp-input-row label + input,
.cmp-input-row .cmp-btn + input {
  background: none;
}
.cmp-input-group .cmp-input-row {
  height: 40px;
}
.cmp-input-group .cmp-input-row:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-input-row label {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.1;
  float: left;
  width: 35%;
  padding: 10px 15px;
}
.cmp-input-row label ~ input,
.cmp-input-row label ~ select,
.cmp-input-row label ~ textarea {
  float: right;
  width: 65%;
  margin-bottom: 0;
  padding-left: 0;
  border: 0;
}
.cmp-input-row .cmp-btn {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.1;
  float: right;
  width: 15%;
  padding: 10px 15px;
}
.cmp-input-row .cmp-btn ~ input,
.cmp-input-row .cmp-btn ~ select,
.cmp-input-row .cmp-btn ~ textarea {
  float: left;
  width: 85%;
  margin-bottom: 0;
  padding-left: 0;
  border: 0;
}
.cmp-button-row {
  position: relative;
  padding-top: 5px;
  text-align: center;
}
.cmp-input-group .cmp-button-row {
  height: 45px;
}
.cmp-input-row {
  position: relative;
}
.cmp-input-row.cmp-input-range {
  overflow: visible;
  padding-right: 20px;
}
.cmp-input-row .cmp-inline {
  padding: 8px 0;
}
.cmp-input-row .cmp-input-clear ~ .cmp-icon-clear,
.cmp-input-row .cmp-input-speech ~ .cmp-icon-speech {
  font-size: 20px;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 0;
  width: 38px;
  height: 38px;
  text-align: center;
  color: #999;
}
.cmp-input-row .cmp-input-speech ~ .cmp-icon-speech {
  font-size: 24px;
  top: 8px;
}
.cmp-input-row .cmp-input-clear ~ .cmp-icon-clear ~ .cmp-icon-speech {
  display: none;
}
.cmp-input-row .cmp-input-clear ~ .cmp-icon-clear.cmp-hidden ~ .cmp-icon-speech {
  display: inline-block;
}
.cmp-input-row .cmp-icon-speech ~ .cmp-placeholder {
  right: 38px;
}
.cmp-input-row.cmp-search .cmp-icon-clear {
  top: 7px;
}
.cmp-input-row.cmp-search .cmp-icon-speech {
  top: 5px;
}
.cmp-radio,
.cmp-checkbox {
  position: relative;
}
.cmp-radio label,
.cmp-checkbox label {
  display: inline-block;
  float: none;
  width: 100%;
  padding-right: 58px;
}
.cmp-radio.cmp-left input[type='radio'],
.cmp-checkbox.cmp-left input[type='checkbox'] {
  left: 20px;
}
.cmp-radio.cmp-left label,
.cmp-checkbox.cmp-left label {
  padding-right: 15px;
  padding-left: 58px;
}
.cmp-radio input[type='radio'],
.cmp-checkbox input[type='checkbox'] {
  position: absolute;
  top: 4px;
  right: 20px;
  display: inline-block;
  width: 28px;
  height: 26px;
  border: 0;
  outline: 0 !important;
  background-color: transparent;
  -webkit-appearance: none;
}
.cmp-radio input[type='radio'][disabled]:before,
.cmp-checkbox input[type='checkbox'][disabled]:before {
  opacity: .3;
}
.cmp-radio input[type='radio']:before,
.cmp-checkbox input[type='checkbox']:before {
  font-family: cmpicons;
  font-size: 28px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  color: #aaa;
  border-radius: 0;
  background: none;
  -webkit-font-smoothing: antialiased;
}
.cmp-radio input[type='radio']:checked:before,
.cmp-checkbox input[type='checkbox']:checked:before {
  color: #007aff;
  opacity: 1;
}
.cmp-radio.cmp-disabled label,
.cmp-radio label.cmp-disabled,
.cmp-checkbox.cmp-disabled label,
.cmp-checkbox label.cmp-disabled {
  opacity: .4;
}
.cmp-radio input[type='radio']:before {
  content: '\e411';
}
.cmp-radio input[type='radio']:checked:before {
  content: '\e441';
}
.cmp-checkbox input[type='checkbox']:before {
  content: '\e411';
}
.cmp-checkbox input[type='checkbox']:checked:before {
  content: '\e442';
}
.cmp-select {
  position: relative;
}
.cmp-select:before {
  font-family: cmpicons;
  position: absolute;
  top: 8px;
  right: 21px;
  content: '\e581';
  color: rgba(170, 170, 170, 0.6);
}
.cmp-input-row .cmp-switch {
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}
.cmp-input-range {
  /*input[type="range"] {
        -webkit-appearance: none;
        background: #999;
        height: 36px;
        border-radius: 1px;
        overflow: hidden;
        margin-top: 2px;
        margin-bottom: 2px;
        outline:none;
        position:relative;
        width:100%;
    }*/
  /*input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none!important;
        opacity: 0.5;
        height:28px;
        width:28px;
        border-radius: 50%;
        background:#00b7fb;
        position: relative;
        pointer-events: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        &:before{
            position: absolute;
            top: 13px;
            left: -2000px;
            width: 2000px;
            height: 2px;
            background: #00b7fb;
            content:' ';
        }
    }*/
}
.cmp-input-range input[type='range'] {
  position: relative;
  width: 100%;
  height: 2px;
  margin: 17px 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  outline: none;
  background-color: #999;
  -webkit-appearance: none !important;
}
.cmp-input-range input[type='range']::-webkit-slider-thumb {
  width: 28px;
  height: 28px;
  border-color: #0062cc;
  border-radius: 50%;
  background-color: #007aff;
  background-clip: padding-box;
  -webkit-appearance: none !important;
}
.cmp-input-range label ~ input[type='range'] {
  width: 65%;
}
.cmp-input-range .cmp-tooltip {
  font-size: 36px;
  line-height: 64px;
  position: absolute;
  z-index: 1;
  top: -70px;
  width: 64px;
  height: 64px;
  text-align: center;
  opacity: .8;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  text-shadow: 0 1px 0 #f3f3f3;
}
.cmp-search {
  position: relative;
}
.cmp-search input[type='search'] {
  padding-left: 30px;
}
.cmp-search .cmp-placeholder {
  font-size: 16px;
  line-height: 34px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  height: 34px;
  text-align: center;
  color: #999;
  border: 0;
  border-radius: 6px;
  background: none;
}
.cmp-search .cmp-placeholder .cmp-icon {
  font-size: 20px;
  color: #999;
  margin-right: 5px;
}
.cmp-search:before {
  font-family: cmpicons;
  font-size: 20px;
  font-weight: normal;
  position: absolute;
  top: 50%;
  right: 50%;
  display: none;
  margin-top: -10px;
  margin-right: 31px;
  content: '\e466';
  width: 20px;
  height: 20px;
}
.cmp-search.cmp-active:before {
  font-size: 20px;
  right: auto;
  left: 5px;
  display: block;
  margin-right: 0;
  color: #999;
}
.cmp-search.cmp-active input[type='search'] {
  text-align: left;
}
.cmp-search.cmp-active .cmp-placeholder {
  display: none;
}
.cmp-segmented-control {
  font-size: 15px;
  font-weight: 400;
  position: relative;
  display: table;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #007aff;
  border-radius: 3px;
  background-color: transparent;
  -webkit-touch-callout: none;
}
.cmp-segmented-control.cmp-scroll-wrapper {
  height: 38px;
}
.cmp-segmented-control.cmp-scroll-wrapper .cmp-scroll {
  width: auto;
  height: 40px;
  white-space: nowrap;
}
.cmp-segmented-control.cmp-scroll-wrapper .cmp-control-item {
  display: inline-block;
  width: auto;
  padding: 0 20px;
  border: 0;
}
.cmp-segmented-control .cmp-control-item {
  line-height: 38px;
  display: table-cell;
  overflow: hidden;
  width: 1%;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #007aff;
  border-color: #007aff;
  border-left: 1px solid #007aff;
}
.cmp-segmented-control .cmp-control-item:first-child {
  border-left-width: 0;
}
.cmp-segmented-control .cmp-control-item.cmp-active {
  color: #fff;
  background-color: #007aff;
}
.cmp-segmented-control.cmp-segmented-control-inverted {
  width: 100%;
  border: 0;
  border-radius: 0;
}
.cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item {
  color: inherit;
  border: 0;
}
.cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item.cmp-active {
  color: #007aff;
  border-bottom: 2px solid #007aff;
  background: none;
}
.cmp-segmented-control.cmp-segmented-control-inverted ~ .cmp-slider-progress-bar {
  background-color: #007aff;
}
.cmp-segmented-control-positive {
  border: 1px solid #4cd964;
}
.cmp-segmented-control-positive .cmp-control-item {
  color: #4cd964;
  border-color: inherit;
}
.cmp-segmented-control-positive .cmp-control-item.cmp-active {
  color: #fff;
  background-color: #4cd964;
}
.cmp-segmented-control-positive.cmp-segmented-control-inverted .cmp-control-item.cmp-active {
  color: #4cd964;
  border-bottom: 2px solid #4cd964;
  background: none;
}
.cmp-segmented-control-positive.cmp-segmented-control-inverted ~ .cmp-slider-progress-bar {
  background-color: #4cd964;
}
.cmp-segmented-control-negative {
  border: 1px solid #dd524d;
}
.cmp-segmented-control-negative .cmp-control-item {
  color: #dd524d;
  border-color: inherit;
}
.cmp-segmented-control-negative .cmp-control-item.cmp-active {
  color: #fff;
  background-color: #dd524d;
}
.cmp-segmented-control-negative.cmp-segmented-control-inverted .cmp-control-item.cmp-active {
  color: #dd524d;
  border-bottom: 2px solid #dd524d;
  background: none;
}
.cmp-segmented-control-negative.cmp-segmented-control-inverted ~ .cmp-slider-progress-bar {
  background-color: #dd524d;
}
.cmp-control-content {
  position: relative;
  display: none;
}
.cmp-control-content.cmp-active {
  display: block;
}
.cmp-popover {
  position: absolute;
  z-index: 91;
  display: none;
  width: 280px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
  opacity: 0;
  border-radius: 7px;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.cmp-popover .cmp-popover-arrow {
  position: absolute;
  z-index: 91;
  top: -25px;
  left: 0;
  overflow: hidden;
  width: 26px;
  height: 26px;
}
.cmp-popover .cmp-popover-arrow:after {
  position: absolute;
  top: 19px;
  left: 0;
  width: 26px;
  height: 26px;
  content: ' ';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 3px;
  background: #f7f7f7;
}
.cmp-popover .cmp-popover-arrow.cmp-bottom {
  top: 100%;
  left: -26px;
  margin-top: -1px;
}
.cmp-popover .cmp-popover-arrow.cmp-bottom:after {
  top: -19px;
  left: 0;
}
.cmp-popover.cmp-popover-action {
  bottom: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform .3s, opacity .3s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmp-popover.cmp-popover-action .cmp-popover-arrow {
  display: none;
}
.cmp-popover.cmp-popover-action.cmp-popover-bottom {
  position: fixed;
}
.cmp-popover.cmp-popover-action.cmp-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.cmp-popover.cmp-popover-action .cmp-table-view {
  margin: 8px;
  text-align: center;
  color: #48a0d1;
  border-radius: 4px;
}
.cmp-popover.cmp-popover-action .cmp-table-view .cmp-table-view-cell:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.cmp-popover.cmp-popover-action .cmp-table-view small {
  font-weight: 400;
  line-height: 1.3;
  display: block;
}
.cmp-popover.cmp-active {
  display: block;
  opacity: 1;
}
.cmp-popover .cmp-bar ~ .cmp-table-view {
  padding-top: 44px;
}
.cmp-backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 90;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.cmp-bar-backdrop.cmp-backdrop {
  bottom: 50px;
  background: none;
}
.cmp-backdrop-action.cmp-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}
.cmp-bar-backdrop.cmp-backdrop,
.cmp-backdrop-action.cmp-backdrop {
  opacity: 0;
}
.cmp-bar-backdrop.cmp-backdrop.cmp-active,
.cmp-backdrop-action.cmp-backdrop.cmp-active {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  opacity: 1;
}
.cmp-popover .cmp-btn-block {
  margin-bottom: 5px;
}
.cmp-popover .cmp-btn-block:last-child {
  margin-bottom: 0;
}
.cmp-popover .cmp-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmp-popover .cmp-bar-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmp-popover .cmp-scroll-wrapper {
  margin: 7px 0;
  border-radius: 7px;
  background-clip: padding-box;
}
.cmp-popover .cmp-scroll .cmp-table-view {
  max-height: none;
}
.cmp-popover .cmp-table-view {
  overflow: auto;
  max-height: 300px;
  margin-bottom: 0;
  border-radius: 7px;
  background-image: none;
  -webkit-overflow-scrolling: touch;
}
.cmp-popover .cmp-table-view:before,
.cmp-popover .cmp-table-view:after {
  height: 0;
}
.cmp-popover.cmp-bar-popover .cmp-table-view {
  width: 106px;
}
.cmp-popover.cmp-bar-popover .cmp-table-view .cmp-table-view-cell {
  padding: 11px 15px 11px 15px;
  background-position: 0 100%;
}
.cmp-popover.cmp-bar-popover .cmp-table-view .cmp-table-view-cell > a:not(.cmp-btn) {
  margin: -11px -15px -11px -15px;
}
.cmp-pagination {
  display: inline-block;
  margin: 0 auto;
  padding-left: 0;
  border-radius: 6px;
}
.cmp-pagination > li {
  display: inline;
}
.cmp-pagination > li > a,
.cmp-pagination > li > span {
  line-height: 1.428571429;
  position: relative;
  float: left;
  margin-left: -1px;
  padding: 6px 12px;
  text-decoration: none;
  color: #007aff;
  border: 1px solid #ddd;
  background-color: #fff;
}
.cmp-pagination > li:first-child > a,
.cmp-pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: padding-box;
}
.cmp-pagination > li:last-child > a,
.cmp-pagination > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-clip: padding-box;
}
.cmp-pagination > li:active > a,
.cmp-pagination > li:active > a:active,
.cmp-pagination > li:active > span,
.cmp-pagination > li:active > span:active,
.cmp-pagination > li.cmp-active > a,
.cmp-pagination > li.cmp-active > a:active,
.cmp-pagination > li.cmp-active > span,
.cmp-pagination > li.cmp-active > span:active {
  z-index: 2;
  cursor: default;
  color: #fff;
  border-color: #007aff;
  background-color: #007aff;
}
.cmp-pagination > li.cmp-disabled > span,
.cmp-pagination > li.cmp-disabled > span:active,
.cmp-pagination > li.cmp-disabled > a,
.cmp-pagination > li.cmp-disabled > a:active {
  opacity: .6;
  color: #777;
  border: 1px solid #ddd;
  background-color: #fff;
}
.cmp-pagination-lg > li > a,
.cmp-pagination-lg > li > span {
  font-size: 18px;
  padding: 10px 16px;
}
.cmp-pagination-sm > li > a,
.cmp-pagination-sm > li > span {
  font-size: 12px;
  padding: 5px 10px;
}
.cmp-pager {
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.cmp-pager:before,
.cmp-pager:after {
  display: table;
  content: ' ';
}
.cmp-pager:after {
  clear: both;
}
.cmp-pager li {
  display: inline;
}
.cmp-pager li > a,
.cmp-pager li > span {
  display: inline-block;
  padding: 5px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #fff;
  background-clip: padding-box;
}
.cmp-pager li:active > a,
.cmp-pager li:active > span,
.cmp-pager li.cmp-active > a,
.cmp-pager li.cmp-active > span {
  cursor: default;
  text-decoration: none;
  color: #fff;
  border-color: #007aff;
  background-color: #007aff;
}
.cmp-pager .cmp-next > a,
.cmp-pager .cmp-next > span {
  float: right;
}
.cmp-pager .cmp-previous > a,
.cmp-pager .cmp-previous > span {
  float: left;
}
.cmp-pager .cmp-disabled > a,
.cmp-pager .cmp-disabled > a:active,
.cmp-pager .cmp-disabled > span,
.cmp-pager .cmp-disabled > span:active {
  opacity: .6;
  color: #777;
  border: 1px solid #ddd;
  background-color: #fff;
}
.cmp-modal {
  position: fixed;
  z-index: 91;
  top: 0;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  -webkit-transition: -webkit-transform 0.25s, opacity 1ms 0.25s;
  transition: transform .25s, opacity 1ms .25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  opacity: 0;
  background-color: #fff;
}
.cmp-modal.cmp-active {
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform .25s;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.cmp-android .cmp-modal .cmp-bar {
  position: static;
}
.cmp-android .cmp-modal .cmp-bar-nav ~ .cmp-content {
  padding-top: 0;
}
.cmp-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.cmp-slider .cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item.cmp-active {
  border-bottom: 0;
}
.cmp-slider .cmp-segmented-control.cmp-segmented-control-inverted ~ .cmp-slider-group .cmp-slider-item {
  border-top: 1px solid #c8c7cc;
  border-bottom: 1px solid #c8c7cc;
}
.cmp-slider .cmp-slider-group {
  font-size: 0;
  position: relative;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
  white-space: nowrap;
}
.cmp-slider .cmp-slider-group .cmp-slider-item {
  font-size: 14px;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: -webkit-baseline-middle;
}
.cmp-slider .cmp-slider-group .cmp-slider-item > a:not(.cmp-control-item) {
  line-height: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.cmp-slider .cmp-slider-group .cmp-slider-item .cmp-table-view:before,
.cmp-slider .cmp-slider-group .cmp-slider-item .cmp-table-view:after {
  height: 0;
}
.cmp-slider .cmp-slider-group.cmp-slider-loop {
  -webkit-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}
.cmp-slider-title {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  margin: 0;
  text-align: left;
  text-indent: 12px;
  opacity: .8;
  background-color: #000;
}
.cmp-slider-indicator {
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background: none;
}
.cmp-slider-indicator.cmp-segmented-control {
  position: relative;
  bottom: auto;
}
.cmp-slider-indicator .cmp-indicator {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 1px 6px;
  cursor: pointer;
  border-radius: 50%;
  background: #aaa;
  -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.7);
  box-shadow: 0 0 1px 1px rgba(130, 130, 130, 0.7);
}
.cmp-slider-indicator .cmp-active.cmp-indicator {
  background: #fff;
}
.cmp-slider-indicator .cmp-icon {
  font-size: 20px;
  line-height: 30px;
  width: 40px;
  height: 30px;
  margin: 3px;
  text-align: center;
  border: 1px solid #ddd;
}
.cmp-slider-indicator .cmp-number {
  line-height: 32px;
  display: inline-block;
  width: 58px;
}
.cmp-slider-indicator .cmp-number span {
  color: #ff5053;
}
.cmp-slider-progress-bar {
  z-index: 1;
  height: 2px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.cmp-switch {
  position: relative;
  display: block;
  width: 74px;
  height: 30px;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  border: 2px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
  background-clip: padding-box;
}
.cmp-switch.cmp-disabled {
  opacity: .3;
}
.cmp-switch .cmp-switch-handle {
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  width: 28px;
  height: 28px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform, width, left;
  transition-property: transform, width,left;
  border-radius: 16px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.cmp-switch:before {
  font-size: 13px;
  position: absolute;
  top: 3px;
  right: 11px;
  content: 'Off';
  text-transform: uppercase;
  color: #999;
}
.cmp-switch.cmp-dragging {
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}
.cmp-switch.cmp-dragging .cmp-switch-handle {
  width: 38px;
}
.cmp-switch.cmp-dragging.cmp-active .cmp-switch-handle {
  left: -11px;
  width: 38px;
}
.cmp-switch.cmp-active {
  border-color: #4cd964;
  background-color: #4cd964;
}
.cmp-switch.cmp-active .cmp-switch-handle {
  -webkit-transform: translate(43px, 0);
  transform: translate(43px, 0);
}
.cmp-switch.cmp-active:before {
  right: auto;
  left: 15px;
  content: 'On';
  color: #fff;
}
.cmp-switch input[type='checkbox'] {
  display: none;
}
.cmp-switch-mini {
  width: 47px;
}
.cmp-switch-mini:before {
  display: none;
}
.cmp-switch-mini.cmp-active .cmp-switch-handle {
  -webkit-transform: translate(16px, 0);
  transform: translate(16px, 0);
}
.cmp-switch-blue.cmp-active {
  border: 2px solid #007aff;
  background-color: #007aff;
}
.cmp-content.cmp-fade {
  left: 0;
  opacity: 0;
}
.cmp-content.cmp-fade.cmp-in {
  opacity: 1;
}
.cmp-content.cmp-sliding {
  z-index: 2;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform .4s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.cmp-content.cmp-sliding.cmp-left {
  z-index: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.cmp-content.cmp-sliding.cmp-right {
  z-index: 3;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.cmp-navigate-right:after,
.cmp-push-left:after,
.cmp-push-right:after {
  font-family: cmpicons;
  font-size: inherit;
  line-height: 1;
  position: absolute;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
  color: #bbb;
  -webkit-font-smoothing: antialiased;
}
.cmp-push-left:after {
  left: 15px;
  content: '\e582';
}
.cmp-navigate-right:after,
.cmp-push-right:after {
  right: 15px;
  content: '\e583';
}
.cmp-pull-top-pocket,
.cmp-pull-bottom-pocket {
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  height: 50px;
}
.cmp-plus-pullrefresh .cmp-pull-top-pocket,
.cmp-plus-pullrefresh .cmp-pull-bottom-pocket {
  display: none;
  visibility: visible;
}
.cmp-pull-top-pocket {
  top: 0;
}
.cmp-bar-nav ~ .cmp-content .cmp-pull-top-pocket {
  top: 44px;
}
.cmp-bar-nav ~ .cmp-bar-header-secondary ~ .cmp-content .cmp-pull-top-pocket {
  top: 88px;
}
.cmp-pull-bottom-pocket {
  position: relative;
  bottom: 0;
  height: 50px;
}
.cmp-pull-bottom-pocket .cmp-pull-loading.cmp-in {
  display: inline-block;
}
.cmp-pull-bottom-pocket.tablelist {
  position: absolute!important;
  background: #e7e7e8!important;
  height: 50px!important;
  line-height: 50px;
}
.cmp-pull {
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  text-align: center;
  color: #777;
}
.cmp-pull-loading {
  margin-right: 10px;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform .4s;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
}
.cmp-pull-loading.cmp-reverse {
  -webkit-transform: rotate(180deg) translateZ(0);
  transform: rotate(180deg) translateZ(0);
}
.cmp-pull-caption {
  font-size: 15px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  overflow: visible;
  margin-top: 0;
  vertical-align: middle;
}
.cmp-pull-caption span {
  display: none;
}
.cmp-pull-caption span.cmp-in {
  display: inline;
}
.cmp-toast-container {
  position: fixed;
  z-index: 95;
  bottom: 50px;
  width: 100%;
}
.cmp-toast-message {
  font-size: 14px;
  width: 270px;
  margin: 5px auto 5px auto;
  padding: 5px 5px 5px 5px;
  text-align: center;
  color: #000;
  border-radius: 7px;
  background-color: #d8d8d8;
}
.cmp-numbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 120px;
  height: 35px;
  padding: 0 40px 0 40px;
  vertical-align: top;
  vertical-align: middle;
  border: solid 1px #bbb;
  border-radius: 3px;
  background-color: #efeff4;
}
.cmp-numbox [class*=cmp-numbox-btn] {
  font-size: 18px;
  font-weight: normal;
  line-height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 40px;
  height: 100%;
  padding: 0;
  color: #555;
  border: none;
  border-radius: 0;
  background-color: #f9f9f9;
}
.cmp-numbox [class*=cmp-numbox-btn]:active {
  background-color: #ccc;
}
.cmp-numbox [class*=cmp-numbox-btn][disabled] {
  color: #c0c0c0;
}
.cmp-numbox .cmp-numbox-btn-plus {
  right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cmp-numbox .cmp-numbox-btn-minus {
  left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.cmp-numbox .cmp-numbox-input {
  display: inline-block;
  overflow: hidden;
  width: 100% !important;
  height: 100%;
  margin: 0;
  padding: 0 3px !important;
  text-align: center;
  text-overflow: ellipsis;
  word-break: normal;
  border: none !important;
  border-right: solid 1px #ccc !important;
  border-left: solid 1px #ccc !important;
  border-radius: 0 !important;
}
.cmp-input-row .cmp-numbox {
  float: right;
  margin: 2px 8px;
}
@font-face {
  font-family: cmpicons;
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/cmp.ttf) format('truetype');
}
.cmp-icon {
  font-family: cmpicons;
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
.cmp-icon.cmp-right:before {
  float: right;
  padding-left: .2em;
}
.cmp-icon-contact:before {
  content: '\e100';
}
.cmp-icon-person:before {
  content: '\e101';
}
.cmp-icon-personadd:before {
  content: '\e102';
}
.cmp-icon-contact-filled:before {
  content: '\e130';
}
.cmp-icon-person-filled:before {
  content: '\e131';
}
.cmp-icon-personadd-filled:before {
  content: '\e132';
}
.cmp-icon-phone:before {
  content: '\e200';
}
.cmp-icon-email:before {
  content: '\e201';
}
.cmp-icon-chatbubble:before {
  content: '\e202';
}
.cmp-icon-chatboxes:before {
  content: '\e203';
}
.cmp-icon-phone-filled:before {
  content: '\e230';
}
.cmp-icon-email-filled:before {
  content: '\e231';
}
.cmp-icon-chatbubble-filled:before {
  content: '\e232';
}
.cmp-icon-chatboxes-filled:before {
  content: '\e233';
}
.cmp-icon-weibo:before {
  content: '\e260';
}
.cmp-icon-weixin:before {
  content: '\e261';
}
.cmp-icon-pengyouquan:before {
  content: '\e262';
}
.cmp-icon-chat:before {
  content: '\e263';
}
.cmp-icon-qq:before {
  content: '\e264';
}
.cmp-icon-videocam:before {
  content: '\e300';
}
.cmp-icon-camera:before {
  content: '\e301';
}
.cmp-icon-mic:before {
  content: '\e302';
}
.cmp-icon-location:before {
  content: '\e303';
}
.cmp-icon-mic-filled:before,
.cmp-icon-speech:before {
  content: '\e332';
}
.cmp-icon-location-filled:before {
  content: '\e333';
}
.cmp-icon-micoff:before {
  content: '\e360';
}
.cmp-icon-image:before {
  content: '\e363';
}
.cmp-icon-map:before {
  content: '\e364';
}
.cmp-icon-compose:before {
  content: '\e400';
}
.cmp-icon-trash:before {
  content: '\e401';
}
.cmp-icon-upload:before {
  content: '\e402';
}
.cmp-icon-download:before {
  content: '\e403';
}
.cmp-icon-close:before {
  content: '\e404';
}
.cmp-icon-redo:before {
  content: '\e405';
}
.cmp-icon-undo:before {
  content: '\e406';
}
.cmp-icon-refresh:before {
  content: '\e407';
}
.cmp-icon-star:before {
  content: '\e408';
}
.cmp-icon-plus:before {
  content: '\e409';
}
.cmp-icon-minus:before {
  content: '\e410';
}
.cmp-icon-circle:before,
.cmp-icon-checkbox:before {
  content: '\e411';
}
.cmp-icon-close-filled:before,
.cmp-icon-clear:before {
  content: '\e434';
}
.cmp-icon-refresh-filled:before {
  content: '\e437';
}
.cmp-icon-star-filled:before {
  content: '\e438';
}
.cmp-icon-plus-filled:before {
  content: '\e439';
}
.cmp-icon-minus-filled:before {
  content: '\e440';
}
.cmp-icon-circle-filled:before {
  content: '\e441';
}
.cmp-icon-checkbox-filled:before {
  content: '\e442';
}
.cmp-icon-closeempty:before {
  content: '\e460';
}
.cmp-icon-refreshempty:before {
  content: '\e461';
}
.cmp-icon-reload:before {
  content: '\e462';
}
.cmp-icon-starhalf:before {
  content: '\e463';
}
.cmp-icon-spinner:before {
  content: '\e464';
}
.cmp-icon-spinner-cycle:before {
  content: '\e465';
}
.cmp-icon-search:before {
  content: '\e466';
}
.cmp-icon-plusempty:before {
  content: '\e468';
}
.cmp-icon-forward:before {
  content: '\e470';
}
.cmp-icon-back:before,
.cmp-icon-left-nav:before {
  content: '\e471';
}
.cmp-icon-checkmarkempty:before {
  content: '\e472';
}
.cmp-icon-home:before {
  content: '\e500';
}
.cmp-icon-navigate:before {
  content: '\e501';
}
.cmp-icon-gear:before {
  content: '\e502';
}
.cmp-icon-paperplane:before {
  content: '\e503';
}
.cmp-icon-info:before {
  content: '\e504';
}
.cmp-icon-help:before {
  content: '\e505';
}
.cmp-icon-locked:before {
  content: '\e506';
}
.cmp-icon-more:before {
  content: '\e507';
}
.cmp-icon-flag:before {
  content: '\e508';
}
.cmp-icon-home-filled:before {
  content: '\e530';
}
.cmp-icon-gear-filled:before {
  content: '\e532';
}
.cmp-icon-info-filled:before {
  content: '\e534';
}
.cmp-icon-help-filled:before {
  content: '\e535';
}
.cmp-icon-more-filled:before {
  content: '\e537';
}
.cmp-icon-settings:before {
  content: '\e560';
}
.cmp-icon-list:before {
  content: '\e562';
}
.cmp-icon-bars:before {
  content: '\e563';
}
.cmp-icon-loop:before {
  content: '\e565';
}
.cmp-icon-paperclip:before {
  content: '\e567';
}
.cmp-icon-arrowup:before {
  content: '\e580';
}
.cmp-icon-arrowdown:before {
  content: '\e581';
}
.cmp-icon-arrowleft:before {
  content: '\e582';
}
.cmp-icon-arrowright:before {
  content: '\e583';
}
.cmp-icon-arrowthinup:before {
  content: '\e584';
}
.cmp-icon-arrowthindown:before {
  content: '\e585';
}
.cmp-icon-arrowthinleft:before {
  content: '\e586';
}
.cmp-icon-arrowthinright:before {
  content: '\e587';
}
.cmp-icon-pulldown:before {
  content: '\e588';
}
.cmp-fullscreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmp-fullscreen.cmp-slider .cmp-slider-group {
  height: 100%;
}
.cmp-fullscreen .cmp-segmented-control ~ .cmp-slider-group {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
  height: auto;
}
.cmp-fullscreen.cmp-slider .cmp-slider-item > a {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cmp-fullscreen .cmp-off-canvas-wrap .cmp-slider-item > a {
  top: auto;
  -webkit-transform: none;
  transform: none;
}
.cmp-bar-tab ~ .cmp-content .cmp-slider.cmp-fullscreen .cmp-segmented-control ~ .cmp-slider-group {
  bottom: 50px;
}
.cmp-android.cmp-android-4-0 input:focus,
.cmp-android.cmp-android-4-0 textarea:focus {
  -webkit-user-modify: inherit;
}
.cmp-ios .cmp-table-view-cell {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.cmp-plus-visible,
.cmp-wechat-visible {
  display: none !important;
}
.cmp-plus-hidden,
.cmp-wechat-hidden {
  display: block !important;
}
.cmp-tab-item.cmp-plus-hidden,
.cmp-tab-item.cmp-wechat-hidden {
  display: table-cell !important;
}
.cmp-plus .cmp-plus-visible,
.cmp-wechat .cmp-wechat-visible {
  display: block !important;
}
.cmp-plus .cmp-tab-item.cmp-plus-visible,
.cmp-wechat .cmp-tab-item.cmp-wechat-visible {
  display: table-cell !important;
}
.cmp-plus .cmp-plus-hidden,
.cmp-wechat .cmp-wechat-hidden {
  display: none !important;
}
.cmp-list-content-top {
  width: 100%;
  height: 100%;
  background: #f1f1f1;
  padding: 1px 5px 1px 7px;
}
.cmp-indexed-list {
  position: relative;
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 1px #e3e3e3;
  overflow: hidden;
  background-color: #fafafa;
  cursor: default;
}
.cmp-indexed-list-inner {
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  border: none;
}
.cmp-indexed-list-inner::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  visibility: hidden;
}
.cmp-indexed-list-empty-alert,
.cmp-indexed-list-inner.empty ul {
  display: none;
}
.cmp-indexed-list-inner.empty .cmp-indexed-list-empty-alert {
  display: block;
}
.cmp-indexed-list-empty-alert {
  padding: 30px 15px;
  text-align: center;
  color: #ccc;
  padding-right: 45px;
}
.cmp-ios .cmp-indexed-list-inner {
  width: calc(110%);
}
.cmp-indexed-list-group,
.cmp-indexed-list-item {
  padding-right: 45px;
}
.cmp-ios .cmp-indexed-list-group,
.cmp-ios .cmp-indexed-list-item,
.cmp-ios .cmp-indexed-list-empty-alert {
  padding-right: 55px;
}
.cmp-indexed-list-group {
  background-color: #f7f7f7;
}
.cmp-indexed-list-group {
  padding-top: 3px;
  padding-bottom: 3px;
}
.cmp-indexed-list-search {
  border-bottom: solid 1px #e3e3e3;
  z-index: 15;
}
.cmp-indexed-list-search.cmp-search:before {
  margin-top: -10px;
}
.cmp-indexed-list-search input {
  border-radius: 0px;
  margin: 0px;
  background-color: #fafafa;
}
.cmp-indexed-list-bar {
  width: 23px;
  background-color: lightgrey;
  position: absolute;
  height: 100%;
  z-index: 10;
  right: 0px;
  -webkit-transition: .2s;
}
.cmp-indexed-list-bar a {
  display: block;
  text-align: center;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  line-height: 15px;
  color: #aaa;
}
.cmp-indexed-list-bar.active {
  background-color: #c8c8c8;
}
.cmp-indexed-list-bar.active a {
  color: #333;
}
.cmp-indexed-list-bar.active a.active {
  color: #007aff;
}
.cmp-indexed-list-alert {
  position: absolute;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  border-radius: 40px;
  text-align: center;
  line-height: 80px;
  font-size: 35px;
  color: #fff;
  display: none;
  -webkit-transition: .2s;
}
.cmp-indexed-list-alert.active {
  display: block;
}
/**
* 选择列表插件
* varstion 2.0.0
* by Houfeng
* Houfeng@DCloud.io
**/
.cmp-pciker-list li,
.cmp-picker,
.cmp-picker-inner {
  box-sizing: border-box;
  overflow: hidden;
}
.cmp-picker {
  background-color: #fff;
  position: relative;
  height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  user-select: none;
}
.cmp-dtpicker,
.cmp-poppicker {
  left: 0;
  background-color: #fff;
  /* box-shadow:0 -5px 7px 0 rgba(0,0,0,.1);*/
  -webkit-transition: .3s;
  width: 100%;
}
.cmp-picker-inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
  -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
}
.cmp-pciker-list,
.cmp-pciker-rule {
  box-sizing: border-box;
  padding: 0;
  margin: -18px 0 0;
  width: 100%;
  height: 36px;
  line-height: 36px;
  position: absolute;
  left: 0;
  top: 50%;
}
.cmp-pciker-rule-bg {
  z-index: 0;
}
.cmp-pciker-rule-ft {
  z-index: 2;
  border-top: solid 1px #cdcdcd;
  border-bottom: solid 1px #cdcdcd;
}
.cmp-pciker-list {
  z-index: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: perspective(750pt) rotateY(0) rotateX(0);
  transform: perspective(750pt) rotateY(0) rotateX(0);
}
.cmp-pciker-list li {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 1pc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #888;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: default;
  visibility: hidden;
}
.cmp-pciker-list li.highlight,
.cmp-pciker-list li.visible {
  visibility: visible;
}
.cmp-pciker-list li.highlight {
  color: #222;
}
.cmp-poppicker {
  position: fixed;
  z-index: 91;
  bottom: 0;
  -webkit-transform: translateY(300px);
}
.cmp-poppicker.cmp-active {
  -webkit-transform: translateY(0);
}
.cmp-android-5-1 .cmp-poppicker {
  bottom: -300px;
  -webkit-transition-property: bottom;
  -webkit-transform: none;
}
.cmp-android-5-1 .cmp-poppicker.cmp-active {
  bottom: 0;
  -webkit-transition-property: bottom;
  -webkit-transform: none;
}
.cmp-poppicker-header {
  padding: 2px;
  font-size: 14px;
  color: #888;
  position: relative;
  height: 42px;
  border-bottom: 1px #d9d9d9 solid;
}
.cmp-poppicker-header .cmp-btn {
  border: none;
  outline: none;
  background-color: #fff;
  color: #38adff;
  font-size: 16px;
  padding: 5px 10px;
  margin: 2px;
}
.cmp-poppicker-btn-cancel {
  position: absolute;
  left: 10px;
}
.cmp-poppicker-btn-ok {
  position: absolute;
  right: 10px;
}
.cmp-poppicker-clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.cmp-poppicker-body {
  position: relative;
  width: 100%;
  height: 200px;
}
.cmp-poppicker-body .cmp-picker {
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
  float: left;
}
.cmp-dtpicker {
  position: fixed;
  z-index: 91;
  border-top: solid 1px #fff;
  bottom: 0;
  -webkit-transform: translateY(300px);
}
.cmp-dtpicker.cmp-active {
  -webkit-transform: translateY(0);
}
.cmp-dtpicker-active-for-page {
  overflow: hidden !important;
}
.cmp-android-5-1 .cmp-dtpicker {
  bottom: -300px;
  -webkit-transition-property: bottom;
  -webkit-transform: none;
}
.cmp-android-5-1 .cmp-dtpicker.cmp-active {
  bottom: 0;
  -webkit-transition-property: bottom;
  -webkit-transform: none;
}
.cmp-dtpicker-header {
  padding: 6px;
  font-size: 14px;
  color: #888;
  position: relative;
  height: 41px;
  border-bottom: 1px #d9d9d9 solid;
}
.cmp-dtpicker-header button {
  font-size: 9pt;
  padding: 5px 10px;
}
.cmp-dtpicker-header button:last-child {
  float: right;
}
.cmp-dtpicker-body {
  position: relative;
  width: 100%;
  height: 200px;
}
.cmp-ios .cmp-dtpicker-body {
  -webkit-perspective: 75pc;
  perspective: 75pc;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.cmp-dtpicker-title h5 {
  display: inline-block;
  width: 20%;
  margin: 0;
  padding: 8px;
  text-align: center;
  border-top: solid 1px #ddd;
  background-color: #f0f0f0;
  border-bottom: solid 1px #ccc;
}
[data-type=hour] [data-id=title-i],
[data-type=hour] [data-id=picker-i],
[data-type=hour] [data-id=picker-hTwo],
[data-type=hour] [data-id=picker-iTwo],
[data-type=month] [data-id=title-i],
[data-type=month] [data-id=picker-d],
[data-type=month] [data-id=title-d],
[data-type=month] [data-id=picker-h],
[data-type=month] [data-id=title-h],
[data-type=month] [data-id=picker-i],
[data-type=month] [data-id=picker-hTwo],
[data-type=month] [data-id=picker-iTwo],
[data-type=time] [data-id=picker-y],
[data-type=time] [data-id=picker-m],
[data-type=time] [data-id=picker-d],
[data-type=time] [data-id=picker-hTwo],
[data-type=time] [data-id=picker-iTwo],
[data-type=time] [data-id=title-y],
[data-type=time] [data-id=title-m],
[data-type=time] [data-id=title-d],
[data-type=date] [data-id=title-i],
[data-type=date] [data-id=picker-h],
[data-type=date] [data-id=title-h],
[data-type=date] [data-id=picker-i],
[data-type=date] [data-id=picker-hTwo],
[data-type=date] [data-id=picker-iTwo],
[data-type=timeInterval] [data-id=picker-y],
[data-type=timeInterval] [data-id=picker-m],
[data-type=timeInterval] [data-id=picker-d] {
  display: none;
}
.cmp-dtpicker .cmp-picker {
  width: 20%;
  height: 100%;
  margin: 0;
  float: left;
  border: none;
}
/*border-left:dotted 1px #ccc  去掉了时间右边的边框线*/
[data-type=datetime].cmp-picker,
[data-type=time].cmp-dtpicker-title h5 {
  width: 20%;
}
[data-type=date] .cmp-dtpicker-title h5,
[data-type=date] .cmp-picker {
  width: 33.3%;
}
[data-type=hour].cmp-dtpicker-title h5,
[data-type=hour] .cmp-picker {
  width: 25%;
}
[data-type=timeInterval] .cmp-picker {
  width: 25%;
}
[data-type=month].cmp-dtpicker-title h5,
[data-type=month] .cmp-picker,
[data-type=time] .cmp-dtpicker-title h5,
[data-type=time] .cmp-picker {
  width: 50%;
}
[data-type=date] .cmp-dtpicker-body [data-id=picker-y] li {
  text-align: right;
  padding-right: 10px;
}
[data-type=date] .cmp-dtpicker-body [data-id=picker-d] li {
  text-align: left;
  padding-left: 10px;
}

/*
 * =====================================================
 *  CMP V0.0.1
 *  CMP 自开发样式类
 * =====================================================
*/
/*
 * ----------变量类初始
*/
.transform.fadeIn {
  -webkit-animation-name: fadeIn;
  -webkit-animation-play-state: running;
  -webkit-animation-delay: .2s;
  -webkit-animation-duration: .5s;
}
.transform.fadeOut {
  -webkit-animation-name: fadeOut;
  -webkit-animation-play-state: running;
  -webkit-animation-delay: .2s;
  -webkit-animation-duration: .5s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.1;
  }
  15% {
    opacity: 0.2;
  }
  30% {
    opacity: 0.4;
  }
  45% {
    opacity: 0.6;
  }
  60% {
    opacity: 0.8;
  }
  75% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 0.9;
  }
  15% {
    opacity: 0.8;
  }
  30% {
    opacity: 0.7;
  }
  45% {
    opacity: 0.6;
  }
  60% {
    opacity: 0.4;
  }
  75% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}
/*状态容器*/
.StatusContainer {
  width: 100%;
  padding: 20px 10px;
  text-align: center;
}
.StatusContainer span {
  font-size: 100px;
  color: #999;
  display: block;
}
.StatusContainer .text {
  font-size: 13px;
  line-height: 40px;
}
.StatusContainer.tablelist {
  position: absolute;
  left: 0%;
  top: 50px;
}
.cmp-bar-nav ~ .cmp-content {
  padding-top: 0;
  top: 44px;
}
.window_alert_content .container button {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  background-color: transparent!important;
  color: #037AFF;
}
.cmp-bar-nav ~ .cmp-content .cmp-pull-top-pocket {
  top: 2px!important;
  overflow: initial!important;
}
.cmp-bar-nav ~ .cmp-content .cmp-pull-top-pocket .cmp-pull {
  position: relative!important;
  bottom: 0!important;
}
.cmp-bar-nav ~ .cmp-content .cmp-pull-top-pocket .cmp-pull .cmp-pull-caption p {
  margin-bottom: 0!important;
}
.cmp-pull-caption {
  font-size: 14px;
  font-weight: normal!important;
}
.cmp-pull-bottom-pocket .cmp-pull {
  position: relative!important;
  bottom: 0!important;
}
.cmp-pull-bottom-pocket .cmp-pull .cmp-pull-caption p {
  margin-bottom: 0!important;
}
.cmp-pull .cmp-pull-caption p.little-text {
  font-size: 10px;
}
.cmp-pull .cmp-pull-caption p.tablelist {
  font-weight: bolder;
}
.cmp-pull .cmp-pull-caption p.subtitle {
  margin: -9px;
}
.cmp-badge.custom {
  background-color: transparent;
  border: 1px rgba(0, 0, 0, 0.15) solid;
}
.cmp-badge.cmp-badge-primary.custom {
  background-color: transparent;
  border: 1px #007aff solid;
  color: #007aff;
}
.cmp-badge.cmp-badge-success.custom {
  background-color: transparent;
  border: 1px #4cd964 solid;
  color: #4cd964;
}
.cmp-badge.cmp-badge-warning.custom {
  background-color: transparent;
  border: 1px #f0ad4e solid;
  color: #f0ad4e;
}
.cmp-badge.cmp-badge-danger.custom {
  background-color: transparent;
  border: 1px #dd524d solid;
  color: #dd524d;
}
.cmp-badge-custom {
  max-width: 100px;
  overflow: hidden;
  vertical-align: middle;
  z-index: 20;
  padding: 2px 7px;
  color: #fc4906;
  border: 1px #fc4906 solid;
  background-color: transparent;
  line-height: 0;
}
.cmp-badge-custom span {
  vertical-align: middle;
}
/*CMP自定义样式类--------------- */
/*默认基础样式*/
.padding_bot_42 {
  padding-bottom: 42px ;
}
.padding_top_44 {
  padding-top: 44px ;
}
.padding_top_64 {
  padding-top: 64px ;
}
.padding_bot_5 {
  padding-bottom: 5px;
}
.cmp-content.posrela_height_auto {
  position: relative;
  height: 100%;
}
.absolute_width_height_auto {
  position: absolute;
  width: 100%;
  height: 100%;
}
/*默认基础样式*/
.display_none {
  display: none;
}
.overflow_hidden {
  overflow: hidden;
}
.display_block {
  display: block;
}
.display_inline-block {
  display: inline-block;
}
.background_fff {
  background-color: #fff;
}
.background_eee {
  background-color: #eee;
}
.border_radius0 {
  border-radius: 0 !important;
}
.position_relative {
  position: relative;
}
.color_red {
  color: red !important;
}
/* dialog */
.window_alert {
  text-align: center;
  font-family: "microsoft yahei";
  position: fixed;
  left: -100%;
  right: 100%;
  top: -1%;
  bottom: 0;
  z-index: 99;
}
.window_alert:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.window_alert_content {
  background-color: #F1F1F1;
  z-index: 99;
  border-radius: 7px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  width: 75%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: relative;
  right: -100%;
  max-height: 500px;
}
.container {
  /*padding: 12px;*/
}
.window_alert_title {
  padding: 10px 10px 0 10px;
  color: #000000;
  font-size: 16px;
}
.window_alert_cont {
  width: 85%;
  margin: auto;
  overflow: hidden;
  text-align: center;
  padding: 20px 0;
  position: relative;
  max-height: 275px;
  overflow-y: auto;
}
.window_alert_cont .text {
  font-size: 14px;
  word-break: break-word;
  text-align: justify;
  color: #000000;
  overflow: hidden;
  display: inline-block;
  padding-right: 10px;
}
.window_alert_cont input {
  margin-bottom: 0;
}
.window_alert_content .error {
  width: 85%;
  margin: auto;
  color: red;
  text-align: left;
  padding-bottom: 5px;
  height: 30px;
}
.window_alert_cont .input_clear {
  display: inline-block;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -18px;
  line-height: 35px;
  font-size: 23px;
  color: #aaa;
}
.window_alert_sub {
  height: 40px;
  border-top: 1px #ccc solid;
  overflow: hidden;
}
.window_alert_sub button {
  width: 45.5%;
  height: 100%;
  display: inline-block;
  color: black;
  border: none!important;
  background-color: transparent;
}
.window_alert_sub button:nth-child(1) {
  margin-left: 0;
}
.window_alert_sub button:nth-child(2) {
  border-left: 1px #ccc solid!important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  color: #037AFF;
}
.window_alert_content.password {
  background-color: #fff;
  width: 75%;
}
.window_alert_content.password .window_alert_title {
  border-bottom: none;
  color: #000000;
  font-size: 16px;
  margin-bottom: 15px;
}
.window_alert_content.password .window_alert_cont {
  padding: 0;
  width: 82%;
}
.window_alert_content.password .window_alert_cont input {
  height: 30px;
  background-color: #f4f4f4;
  border-color: #cfcfcf;
  border-radius: 5px;
  font-size: 13px;
}
.window_alert_content .error {
  width: 81%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #fd0101;
  margin: auto;
  text-align: left;
}
.window_alert_cont {
  position: relative;
}
.window_alert_cont input {
  margin-bottom: 0;
}
.window_alert_cont .input_clear {
  display: inline-block;
  width: 25px;
  height: 30px;
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  font-size: 18px;
  color: #b7b8b9;
}
.window_alert_content.set_password .window_alert_title {
  padding-bottom: 0;
  margin-bottom: 0;
}
.window_alert_content.set_password .window_alert_cont {
  font-size: 14px;
  color: #000000;
  padding: 25px;
}
.window_alert_content.set_password .window_alert_sub .cmp_dialog_btn:first-child {
  border-right: none!important;
}
.Prompt_icon {
  font-size: 55px !important;
  vertical-align: middle;
  width: 100%;
}
.Prompt_icon.succeed {
  color: green;
}
.Prompt_icon.Failure {
  color: red;
}
.Prompt_icon.Exception {
  color: red;
}
.Prompt_icon.Warning {
  color: yellow;
}
/*背景图片蒙版*/
.cmp-icon-bg-block {
  display: inline-block;
}
/*start*/
.cmp-list-content {
  margin: 0;
  padding: 0;
  border-top: 1px #ccc solid;
}
.accessory_icon {
  transform: scale(1) rotate(45deg);
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1.5) rotate(45deg);
  -o-transform: scale(1.5) rotate(45deg);
}
.cmp-list-cell {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  list-style-type: none;
  border-bottom: 1px #ccc solid;
}
.cmp-list-cell .cmp-list-cell-img {
  max-width: 27%;
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
  height: 50px;
  min-width: 8%;
}
.cmp-list-cell .cmp-list-cell-img .cmp-icon-document {
  width: 30px!important;
  height: 32px!important;
  position: relative;
  top: 2px;
}
.cmp-list-cell .cmp-list-cell-img .select-put {
  position: relative;
  float: left;
  left: 0 !important;
  right: 0;
}
.cmp-list-cell .cmp-list-cell-img .img_setting {
  border-radius: 50%;
  width: 40px!important;
  height: 40px;
}
.cmp-list-cell .cmp-list-cell-img .tal {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0094ff;
  display: inline-block;
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 40px;
  margin-left: 5px;
}
.cmp-list-cell .cmp-list-cell-img .tal2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0094ff;
  display: inline-block;
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 40px;
}
.cmp-list-cell .cmp-list-cell-img .tag {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  left: 28px;
  top: -1px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
  background-color: red;
  color: #fff;
}
.cmp-list-cell .cmp-list-cell-info {
  width: 68%;
  overflow: hidden;
  padding-left: 5px;
  margin-bottom: 1px;
  display: inline-block;
  vertical-align: middle;
}
.cmp-list-cell .cmp-list-cell-info .list_ul_li_info .Sigh {
  color: red;
}
.cmp-list-cell .cmp-list-cell-info .list_ul_li_info .plaint {
  font-weight: normal;
}
.cmp-list-cell .cmp-list-cell-info .list_title_name {
  font-size: 16px;
  width: 95%;
  color: #333;
}
.cmp-list-cell .cmp-list-cell-info .list_cont_info {
  line-height: 16px;
  width: 100%;
}
.cmp-list-cell .cmp-list-cell-info .list_cont_info .unfold {
  position: absolute;
  letter-spacing: 1px;
  right: 0;
  bottom: 0;
  color: #4A90E2;
}
.cmp-list-navigate {
  width: 13%;
  float: right;
  line-height: 44px;
  color: #95a6b7;
  text-align: right;
}
/*end*/
/*回复容器*/
.cmp-list-opinion-reply .cmp-list-cell-info .iconfont {
  color: #48A0DE;
}
.cmp-list-opinion-reply .cmp-list-cell-info .icon-commentfill {
  position: relative;
  bottom: 5px;
}
.cmp-list-opinion-reply .meeting_title_custom {
  width: 84%;
}
.cmp-list-opinion-reply .cmp-list-cell-info .stat {
  color: blueviolet;
  font-size: 13px;
  padding-left: 10px;
}
.cmp-list-opinion-reply .cmp-list-cell-info .list_cont_info {
  display: inline-block;
  margin-top: 0;
}
.cmp-list-opinion-reply .cmp-list-cell-info .zan {
  font-size: 21px;
  padding-right: 10px;
}
.cmp-list-opinion-reply .cmp-list-cell-info .replay-content .cmp-list-cell-info {
  width: 80% !important;
}
.replay-arrow2 {
  width: 10px;
  height: 10px;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  top: -5px;
  left: 26px;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(-135deg);
  background-color: #DCDCDC;
}
.replay-content {
  position: relative;
  background-color: #DCDCDC;
  padding: 8px 5px;
  border-radius: 5px;
}
/*回复容器附件列表*/
.cmp-accessory-content.fold_replay_content .accessory-info {
  width: 80%;
}
.cmp-list-content.fold_replay_content .accessory-info {
  width: 76%;
}
.cmp-body-headtext-content .img_setting {
  border-radius: 100%;
  -webkit-background-clip: padding-box;
}
.cmp-body-headtext-content .cmp-list-cell-info {
  width: 83% !important;
}
.cmp-body-headtext-content .list_cont_info {
  font-size: 15px;
}
/*基于window的对其方式*/
.cmp-center-middle {
  position: absolute;
  left: -100%;
  right: 100%;
  top: 0;
  bottom: 0;
  z-index: 95;
  text-align: center;
}
.cmp-center-middle:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.cmp-center-middle .position {
  width: 100%;
  display: inline;
  position: relative;
  right: -100%;
}
.cmp-center-middle .position.center-middle {
  text-align: center;
  vertical-align: middle;
}
.cmp-center-middle .position.center-top {
  text-align: center;
  vertical-align: top;
}
.cmp-center-middle .position.center-bottom {
  text-align: center;
  vertical-align: bottom;
}
/*�ļ�ѡ��ҳ��Ŀ¼*/
.file-index-title {
  height: 50px;
  display: block;
  line-height: 50px;
  border-bottom: 1px #aaa solid !important;
}
.cmp-content.padding_bot_64 {
  padding-top: 64px !important;
}
.file-index-title .cmp-icon-undo {
  line-height: 2;
}
.file-index-content {
  border-top: none;
}
.file-index-content .cmp-list-cell-info {
  width: 75% !important;
  height: 40px;
  line-height: 40px;
}
.cmp-list-cell .cmp-list-cell-img .img_setting.radius0 {
  border-radius: 0 !important;
}
.file-index-title .file-index-path {
  width: 85%;
  height: 45px;
  padding: 10px 0;
  line-height: normal;
  padding-left: 10px;
}
.file-index-title .file-index-back {
  width: 14%;
  text-align: center;
}
.cmp-audio-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(47, 7, 7, 0.48);
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  z-index: 91;
}
.win_audio {
  width: 280px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 95;
  border-radius: 7px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-left: -140px;
  zoom: 1;
  margin-top: -85px;
}
.win_audio_title {
  width: auto;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.win_audio_title span {
  margin-left: 5%;
}
.win_audio_cont {
  width: 95%;
  height: auto;
  margin: auto;
  padding: 10px 5px;
}
.audio_cont {
  width: auto;
  height: auto;
  float: left;
  text-align: center;
  margin-left: 10%;
}
.cont_radius {
  width: 50px;
  height: 50px;
  background-color: #BEBEBE;
  border-radius: 50%;
  font-size: 20px !important;
  color: #fff;
}
.cont_radius span {
  font-size: 30px !important;
  line-height: 50px;
  text-align: center;
}
.cont_left {
  background-color: #48A0DE;
}
.icon-bofang {
  margin-left: 5px;
}
.cont_right {
  background-color: #48A0DE;
}
.win_audio_sub {
  border-top-style: solid;
  border-top-color: #BEBEBE;
  border-top-width: 1px;
}
.win_audio_sub ul {
  width: auto;
  overflow: hidden;
}
.win_audio_sub ul li {
  width: 49%;
  height: 45px;
  float: left;
  text-align: center;
  list-style-type: none;
  line-height: 50px;
}
.win_audio_sub ul li:first-child {
  border-right-style: solid;
  border-right-color: #BEBEBE;
  border-right-width: 1px;
}
.win_audio_sub.play ul li {
  width: 100%;
  height: 45px;
  float: left;
  text-align: center;
  list-style-type: none;
  line-height: 50px;
}
.clear_left {
  clear: left;
}
.win_audio_sub button {
  width: 100px;
}
.luyintime {
  display: block;
}
.cmp_toast_container {
  position: absolute;
  z-index: 95;
  left: 50%;
  margin-left: -135px;
}
.cmp-toast-message {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff!important;
}
.cmp-toast-top {
  left: 0;
  margin: 0;
  top: 0;
  width: 100%;
  line-height: 30px;
}
.cmp-toast-top .cmp-toast-message {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
/*搜索模块样式*/
.cmp-search-content {
  background-color: #fff;
}
.cmp-search-content .cmp-list-cell .cmp-list-cell-info {
  width: 70%;
}
.cmp-search-content .cmp-list-cell .cmp-list-cell-info .list_title_name {
  width: 60%;
}
.cmp-search-content .cmp-list-content:first-child {
  margin-top: -1px;
}
.cmp-search-content .cmp-search-title {
  width: 100%;
  overflow: auto;
  border: none;
  padding: 5px 0 8px 0;
  border-bottom: 1px #ccc solid;
}
.cmp-search-content .cmp-search-item {
  float: left;
  width: auto;
  position: relative;
  height: 28px;
  line-height: 28px;
}
.cmp-search-content .cmp-search-item .icon_select {
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
  z-index: 0;
  color: #999999;
}
.cmp-search-content .cmp-search-item .title {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  padding-right: 25px;
  position: relative;
  z-index: 1;
  color: #666666;
  font-size: 16px;
  padding-left: 6px;
}
/* 类似iphone 4 DPR1*/
@media (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
  .cmp-search-content .cmp-search-item .title {
    font-size: 15px;
  }
  .cmp-search-content .cmp-search-item input {
    font-size: 15px;
  }
  .cmp-search-content .cmp-search-item:last-child .gotoSearch {
    font-size: 14px;
  }
  .cmp-search-content .cmp-search-item:last-child .gotoSearch.subSearch {
    width: 50px;
  }
}
.cmp-search-content .cmp-search-item .popover-items {
  width: 120px;
  position: absolute;
  top: 30px;
  left: 10px;
  border-radius: 5px;
  z-index: 9;
}
.cmp-search-content .cmp-search-item .popover-items .tri {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 13px solid #585861;
  position: relative;
  bottom: -2px;
  left: 10px;
}
.cmp-search-content .cmp-search-item .popover-items .cmp-search-table-view {
  border-radius: 7px;
  overflow: hidden;
  background-color: rgba(70, 70, 80, 0.9);
}
.cmp-search-content .cmp-search-item .popover-items .cmp-search-table-view li {
  position: relative;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding: 0 14px;
  color: #DCDCDC;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmp-search-content .cmp-search-item .popover-items .cmp-search-table-view li:not(:last-child):after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 75%;
  background-color: #777781;
  position: absolute;
  left: 14px;
  bottom: 0;
}
.cmp-search-content .cmp-search-title {
  background-color: #efeff4 ;
}
.cmp-search-content .cmp-search-item input {
  margin: 0;
  padding: 0 !important;
  width: 42%;
  display: inline-block;
  font-size: 16px;
  height: 28px;
  border-color: #fff;
  text-align: center;
  background-color: #fff;
  color: #999;
  -webkit-appearance: none;
}
.cmp-search-content .cmp-search-item .item.text input {
  text-align: left;
  padding-left: 10px!important;
}
.cmp-search-content .cmp-search-item .item.text .clear {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 4px;
  color: #aaa;
  padding: 10px 5px;
  line-height: 0;
}
.cmp-search-content .cmp-search-item .item.date span {
  padding: 0 4px;
}
.cmp-search-content .cmp-search-item:first-child {
  width: 27%;
}
.cmp-search-content .cmp-search-item:nth-child(2) {
  width: 60%;
}
.cmp-search-content .cmp-search-item:last-child {
  width: 13%;
  text-align: center;
}
.cmp-search-content .cmp-search-item:last-child .gotoSearch {
  line-height: 30px;
  color: #4A90E2;
  font-size: 16px;
}
.cmp-search-content .cmp-search-item .item {
  display: none;
}
.cmp-search-content .cmp-search-item .cmp-active {
  display: block;
}
.cmp-search-content .cmp-search-item .text.cmp-active input {
  width: 100%;
}
.cmp-search-content .cmp-table-view-cell {
  padding: 4px 10px;
}
.cmp-search-content .cmp-table-view-cell:after {
  left: 0;
  background-color: #dcdcdc;
}
.cmp-search-content .cmp-table-view-cell:last-child:after {
  height: 1px;
}
.cmp-search-content .cmp-table-view-cell div {
  vertical-align: middle;
  font-size: 14px;
  color: #666666;
  display: inline-block;
}
.cmp-search-content .cmp-table-view-cell .icon-time {
  vertical-align: middle;
  font-size: 16px;
  color: #ccc;
  display: inline-block;
  margin-top: 3px;
}
.cmp-search-content .cmp-table-view-cell .icon-key {
  font-size: 12px;
  vertical-align: middle;
  color: #ccc;
}
.cmp-search-content .cmp-table-view-cell div.datas {
  padding-left: 5px;
  width: 88%;
  height: 30px;
  line-height: 30px;
}
.cmp-search-content .cmp-table-view-cell div.datas .text {
  max-width: 22%;
}
.cmp-search-content .cmp-table-view-cell div.datas .value {
  width: 65%;
}
.cmp-search-content .cmp-table-view-cell .searchHistory {
  font-size: 16px;
  color: #cccccc;
  position: relative;
  bottom: 2px;
  margin-right: 10px;
}
.cmp-search-content .cmp-table-view-cell .searchThat {
  font-size: 12px;
  color: #cccccc;
  position: absolute;
  bottom: 6px;
  right: 10px;
  padding: 10px;
}
.cmp-search-content .cmp-search-clear-history {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #999999;
  font-size: 16px;
}
.cmp-search-content .search-data-null {
  font-size: 106px;
  color: #ffffff;
}
.cmp-search-content .search-data-null-text {
  font-size: 16px;
  color: #999999;
}
/*CMP 自定义CSS结构-----------------end*/
/*弹出框*/
/*常用语的弹出 样式*/
.cmp-alert-typical {
  position: fixed;
  left: -100%;
  right: 100%;
  top: 0;
  bottom: 0;
  z-index: 95;
  text-align: center;
}
.cmp-alert-typical:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}
.cmp-alert-typical .content-typical {
  width: 85%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
  right: -100%;
}
.cmp-alert-typical .content-typical .content-title {
  padding: 10px;
  padding-left: 15px;
  background-color: #313536;
  color: #fff;
}
.cmp-alert-typical .cmp-table-view-cell:after {
  left: 0;
  width: 100%;
}
.cmp-alert-typical .content-typical-cell {
  max-height: 280px;
  overflow-y: auto;
}
.typical-button {
  height: 50px;
  text-align: center;
  padding-top: 5px;
  background-color: #313536;
}
.typical-button button {
  width: 60%;
  height: 40px;
  background-color: #313536;
  border: 0;
  font-size: 17px;
}
.cmp-loading.cmp-loading-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 95;
}
.cmp-loading {
  background-color: rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  z-index: 95;
}
.cmp-loading .cmp-loading-bg {
  display: inline-block;
  padding: 5px 10px;
  font-size: 0;
  /*background-color: rgba(0,0,0,.4);*/
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: normal;
  text-align: center;
}
.cmp-loading-bg .cmp-loading-text {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  display: block;
}
.cmp-loading .cmp-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
}
/*动画弹出模块*/
.Animated-Container {
  transition: transform .3s, opacity .3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 85;
  opacity: 0;
}
.Animated-Container.left-go {
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
}
.Animated-Container.right-go {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
}
.Animated-Container.top-go {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
}
.Animated-Container.bottom-go {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
}
.Animated-Container.cmp-active {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
}
img.no-save {
  -webkit-touch-callout: none;
  pointer-events: none;
  -webkit-user-select: none;
}
/**
底色白色，勾蓝色的checkbox样式
*/
.cmp-checkbox-box {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.cmp-checkbox-box input[type="checkbox"],
.cmp-checkbox-box input[type="radio"] {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #f1f1f1;
  border: none;
  -webkit-appearance: none;
  color: #f1f1f1;
}
.cmp-checkbox-box input[type="checkbox"]:checked,
.cmp-checkbox-box input[type="radio"]:checked.cmp-icon-checkmarkempty {
  color: #4A90E2;
  background: #ffffff;
}
.cmp-checkbox-box input.cmp-icon-checkmarkempty:before {
  font-size: 35px;
  display: -webkit-box;
  line-height: 25px;
  left: -4px;
  position: relative;
}
/*盒模型显示*/
.cmp-box {
  display: -webkit-box;
}
.cmp-box .vertical-middle {
  -webkit-box-align: center;
}
.cmp-box .pack-center {
  -webkit-box-pack: center;
}
/*以整个底部作为按钮*/
.footer-btn button.btn {
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-color: #e2e2e2;
  border-style: solid;
  background: #fafafa;
}
/*自定义切换按钮  cmp-switch-text*/
.cmp-switch-text {
  display: inline-block;
  top: 10px;
  line-height: 20px;
  width: 140px;
  height: 27px;
  border: 1px solid #ddd;
  background-color: transparent;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.cmp-switch-text.cmp-active {
  background-color: transparent;
  border: 1px solid #ddd;
}
.cmp-switch-text.cmp-active:before {
  left: 21px;
  top: 2px;
}
.cmp-switch-text:before {
  color: #fff;
  right: 21px;
  top: 2px;
}
.cmp-switch-text .cmp-switch-handle {
  width: 70px;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #D4F1FC;
  color: black;
  line-height: 28px;
  top: 0;
  height: 25px;
}
.cmp-switch-text .cmp-switch-handle:before {
  font-size: 14px;
  position: absolute;
  line-height: 21px;
  top: 2px;
  right: 20px;
  text-transform: uppercase;
  color: #48A0DE;
}
.cmp-switch-text.cmp-active .cmp-switch-handle:before {
  right: auto;
  left: 21px;
  top: 2px;
}
/*附件样式-------------------------------------start---------------*/
/*附件列表*/
.cmp-accessory-content {
  overflow: hidden;
  padding: 10px;
  position: relative;
  background-color: #fff;
}
.cmp-accessory-content .cmp-list-accessory {
  margin-bottom: 0;
  position: relative;
  overflow: inherit;
  height: 46px;
}
.cmp-accessory-content .cmp-list-cell {
  padding: 0;
  border-bottom: none;
}
.cmp-accessory-content .cmp-list-accessory {
  width: 100%;
  padding: 5px;
  position: relative;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.cmp-accessory-content .cmp-list-accessory .download {
  font-size: 25px;
  color: #65a6b7;
  display: inline-block;
  position: relative;
  bottom: 4px;
  vertical-align: middle;
}
.cmp-accessory-content .cmp-list-accessory .cmp-list-navigate.download span {
  font-size: 20px;
}
.cmp-accessory-content .cmp-list-cell {
  background-color: #e2eaf2;
  border-radius: 5px;
  margin-bottom: 5px;
  border: 1px #bfcad6 solid;
}
.cmp-accessory-content .cmp-list-accessory .cmp-list-cell-img .cmp-icon-document {
  width: 35px;
  height: 35px;
}
.cmp-accessory-content .cmp-list-accessory .cmp-list-navigate {
  text-align: center;
}
/*附件样式-------------------------------------end---------------*/
/*重新定义actionsheet的选项颜色*/
.cmp-popover.cmp-popover-action .cmp-table-view:nth-child(1) .cmp-table-view-cell {
  background-color: rgba(255, 255, 255, 0.91);
}
.cmp-popover.cmp-popover-action .cmp-table-view {
  background-color: transparent;
}
.cmp-popover.cmp-popover-action .cmp-table-view:nth-child(2) {
  background-color: #fff;
}
.cmp-popover.cmp-popover-action .cmp-table-view:nth-child(3) {
  background-color: #fff;
}
.cmp-toast-message2 {
  padding: 10px;
}
.cmp-alert-typical.cmp-toast-bottom:after {
  vertical-align: bottom;
  margin-bottom: -30px;
}
.cmp-alert-typical.cmp-toast-center:after {
  vertical-align: middle;
}
.cmp-alert-typical.cmp-toast-top:after {
  vertical-align: top;
  margin-top: 30px;
}
.cmp-toast-bottom {
  bottom: 30px;
}
.cmp-toast-bottom.extend {
  bottom: 55px!important;
}
.cmp-alert-typical .content-typical2 {
  max-width: 85%;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  position: relative;
  right: -100%;
  width: auto;
  overflow: hidden;
  padding-right: 15px;
  border-radius: 20px;
  word-wrap: break-word;
  word-break: normal;
}
header.cmp-bar.cmp-bar-nav {
  position: fixed;
}
footer.cmp-bar {
  position: fixed;
}
.cmp-dtpicker-header {
  padding: 0 9px;
  background-color: #fff;
}
.cmp-dtpicker-header button {
  border: none;
  outline: none;
  background-color: #fff;
  color: #38adff;
  font-size: 16px;
  height: 40px;
}
.cmp-dtpicker-body .cmp-picker {
  background-color: #fff;
}
.cmp-dtpicker .cmp-pciker-list li {
  overflow: hidden;
}
.cmp-poppicker .cmp-pciker-list li {
  overflow: hidden;
  max-width: 90%;
  left: 20px;
}
.cmp-pciker-list li div {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cmp-pciker-list li.highlight {
  color: #333;
}
.cmp-dtpicker .cmp-picker {
  position: relative;
}
.cmp-dtpicker[data-type=datetime] .cmp-dtpicker-body .cmp-picker[data-id=picker-y] {
  left: 5px;
  margin-left: 7%;
}
.cmp-dtpicker[data-type=datetime] .cmp-dtpicker-body .cmp-picker[data-id=picker-m] {
  width: 15%;
}
.cmp-dtpicker[data-type=datetime] .cmp-dtpicker-body .cmp-picker[data-id=picker-d] {
  width: 13%;
}
.cmp-dtpicker[data-type=datetime] .cmp-dtpicker-body .cmp-picker[data-id=picker-h] {
  width: 16%;
  margin-left: 22px;
}
.cmp-dtpicker[data-type=datetime] .cmp-dtpicker-body .cmp-picker[data-id=picker-i] {
  width: 13%;
}
.cmp-dtpicker[data-type=time] .cmp-dtpicker-body .cmp-picker[data-id=picker-h] {
  padding-right: 20px;
}
.cmp-dtpicker[data-type=hour] .cmp-dtpicker-body .cmp-picker[data-id=picker-y] {
  margin-left: 8%;
}
.cmp-dtpicker[data-type=hour] .cmp-dtpicker-body .cmp-picker[data-id=picker-m] {
  width: 17%;
}
.cmp-dtpicker[data-type=hour] .cmp-dtpicker-body .cmp-picker[data-id=picker-d] {
  width: 17%;
}
.cmp-dtpicker[data-type=hour] .cmp-dtpicker-body .cmp-picker[data-id=picker-h] {
  width: 20%;
  margin-left: 20px;
}
.cmp-dtpicker[data-type=timeInterval] .cmp-dtpicker-body .cmp-picker[data-id=picker-h] {
  width: 20%;
  margin-left: 9%;
}
.cmp-dtpicker[data-type=timeInterval] .cmp-dtpicker-body .cmp-picker[data-id=picker-i] {
  width: 15%;
}
.cmp-dtpicker[data-type=timeInterval] .cmp-dtpicker-body .cmp-picker[data-id=picker-hTwo] {
  width: 20%;
  margin-left: 30px;
}
.cmp-dtpicker[data-type=timeInterval] .cmp-dtpicker-body .cmp-picker[data-id=picker-iTwo] {
  width: 15%;
}
.cmp-dtpicker .cmp-pciker-rule-ft {
  border-top: none;
  border-bottom: none;
}
.cmp-dtpicker-body .cmp-picker-hr {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #cdcdcd;
  display: inline-block;
  z-index: 1;
}
.cmp-dtpicker-body .cmp-picker-hr-top {
  top: 80px;
}
.cmp-dtpicker-body .cmp-picker-hr-bottom {
  top: 117px;
}
@media (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  /* 兼容iphone5 */
  .cmp-dtpicker[data-type=datetime] .cmp-dtpicker-body .cmp-picker[data-id=picker-m] {
    width: 15%;
  }
}
.cmp-poppicker .cmp-poppicker-btn-cancel {
  left: 12px;
}
.cmp-poppicker .cmp-poppicker-btn-ok {
  right: 12px;
}

.cmp-input-row.cmp-search .cmp-icon-clear {
  top: 5px;
  right: 22px;
}
.cmp-v5-search-content .cmp-content-title-search {
  height: 45px;
  background-color: #f1f1f1;
  padding: 8px 6px;
  overflow: hidden;
  z-index: 85;
  border-bottom: 1px #e7e7e8 solid;
}
.cmp-v5-search-content .cmp-content-title-search input {
  padding: 0;
  background-color: #fff;
  border: 1px rgba(204, 204, 204, 0.56) solid;
  border-radius: 9px;
  color: #333;
}
.cmp-v5-search-content .cmp-content-title-search input[type="search"] {
  padding-left: 10px;
  text-align: left;
  margin-bottom: 0;
  height: 30px;
}
.cmp-v5-search-content .cmp-search .cmp-placeholder {
  font-size: 14px;
  line-height: 30px;
}
.cmp-v5-search-content .cmp-content-title-search .cmp-input-row {
  width: 95%;
}
/*M1-H5协同列表搜索*/
.cmp-v5-search-content .attack_container {
  overflow: hidden;
  font-size: 14px;
  background-color: #efeff5;
  height: 100%;
}
.cmp-v5-search-content .attack_container .cmp-list-content {
  border-top: none;
  padding: 0 10px;
  overflow: hidden;
  background-color: #efeff5;
}
.cmp-v5-search-content .attack_container .cmp-list-content:after {
  display: none;
}
.cmp-v5-search-content .attack_container .cmp-badge {
  font-size: 14px;
  padding: 5px 13px;
  margin: 10px 0;
}
.cmp-v5-search-content .attack_container .search_item_content {
  margin: 10px 0 5px 0;
  word-break: break-all;
}
.cmp-v5-search-content .attack_container .search_item_content .cmp-badge {
  display: table;
}
.cmp-v5-search-content .attack_container .search_history_content {
  width: 61%!important;
  float: left;
  text-align: left;
  overflow: hidden;
  margin-top: 15px;
}
.cmp-v5-search-content .attack_container .search_history_content .clear_history {
  color: #4a90e2;
  font-size: 14px;
}
.cmp-v5-search-content .attack_container .search_history_content .cmp-badge {
  background-color: #5e97f6;
  color: #fff;
}
.cmp-v5-search-content .attack_container .search_manner_content {
  width: 39%!important;
  float: right;
  text-align: left;
  padding-left: 5px;
  overflow: hidden;
  margin-top: 15px;
}
.cmp-v5-search-content .attack_container .search_manner_content .cmp-badge {
  background-color: #ff8e6b;
  color: #fff;
}
.cmp-v5-search-content .attack_container .search_manner_content .cmp-badge.cmp-active {
  background-color: #df6742;
}
/*顶部搜索框 width82%*/
.m1_search_title .search_handler {
  z-index: 82;
  margin: inherit;
  vertical-align: top;
  display: inline-block;
  position: relative;
}
.m1_search_title .search_cancel {
  width: 16%;
  margin: inherit;
  vertical-align: middle;
  line-height: 30px;
  color: #5e97f6;
  display: inline-block;
  text-align: center;
  padding-left: 9px;
  position: absolute;
  right: 0;
}
/*发起时间顶部搜索*/
.m1_search_AttackTime_title .and {
  display: inline-block;
  height: 1px;
  width: 5px;
  background-color: black;
  vertical-align: middle;
  position: relative;
  bottom: 2px;
  margin: 0 5px;
}
.m1_search_AttackTime_title .cmp-search {
  width: 40%!important;
  display: inline-block;
  vertical-align: top;
}
.m1_search_AttackTime_title .search_cancel {
  width: 14%;
  margin: inherit;
  vertical-align: middle;
  line-height: 37px;
  color: #5e97f6;
}
.m1_search_AttackTime_title .cmp-v5-search-dateBtn {
  padding-left: 10px!important;
  pointer-events: none;
}
.M1_search_result_title .search_close {
  font-size: 20px!important;
  padding-top: 13px!important;
}
.M1_search_result_content .cmp-control-content .cmp-list-cell .list_title_name {
  font-size: 13px!important;
}
.cmp-v5-transition-width-go {
  width: 88%!important;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
}
.cmp-v5-transition-width-return {
  width: 100%!important;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
}
.cmp-v5-search-textBtn {
  z-index: 83;
}
.cmp-v5-search-content .cmp-content-title-search .cmp-input-row .cmp-search .cmp-placeholder .cmp-icon {
  color: #999;
  margin-right: 5px;
}
.cmp-v5-search-content .cmp-content-title-search .cmp-input-row:before {
  display: none;
}
@media (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  /* 兼容iphone6 */
  .cmp-v5-transition-width-go {
    width: 87%!important;
  }
  .m1_search_AttackTime_title .cmp-search {
    width: 42%!important;
  }
}
@media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  /* 兼容iphone6plus */
  .cmp-v5-transition-width-go {
    width: 87%!important;
  }
  .m1_search_AttackTime_title .cmp-search {
    width: 42%!important;
  }
}
span.search-btn {
  position: absolute;
  left: auto;
  right: 7px;
  font-size: 20px;
  line-height: 30px;
  color: #999;
}
.cmp-header-search-position {
  position: absolute;
  width: 100%;
  z-index: 20;
  left: 0;
  margin-top: 2px;
}
.cmp-header-search-position .cmp-segmented-control {
  top: 0;
  width: 100%;
}
.cmp-header-search-position.cmp-search-content .cmp-search-item .search-title {
  color: #666666!important;
}
.cmp-header-search-position.cmp-search-content .cmp-search-item .icon_select {
  color: #666666!important;
}
.cmp-header-search-position.cmp-search-content .cmp-search-item:last-child .gotoSearch {
  color: #4A90E2!important;
}
.cmp-header-search-position .cmp-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.cmp-accessory-file {
  padding: 15px 10px 0 10px;
  background-color: #fafafa;
  overflow: hidden;
  border-top: 1px #d3d3d3 solid;
}
.cmp-accessory-file .item {
  width: 25%;
  text-align: center;
  display: inline-block;
  float: left;
  font-size: 12px;
  overflow: hidden;
  margin-bottom: 5px;
}
.cmp-accessory-file .item p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #6f7378;
  margin-top: 8px;
}
.cmp-accessory-file .item .box {
  border: 1px #aeb1b4 solid;
  border-radius: 8px;
  width: 60px;
  margin-bottom: 4px;
  margin: auto;
  height: 60px;
  line-height: 60px;
}
.cmp-accessory-file .item .box span {
  font-size: 24px;
  color: #6f7378;
}
.cmp-accessory-file .item .box span.see-icon-record-fill {
  font-size: 27px;
}
.cmp-accessory-file .item .box p {
  line-height: 2;
}
.cmp-accessory-file .box .cmp-icon-synergy {
  width: 30px;
  height: 30px;
}
.cmp-accessory-file .cancel {
  width: 160px;
  height: 30px;
  font-size: 16px;
  color: #6f7378;
  line-height: 0;
  background-color: #dcdcdc;
  border-color: #aeb1b4;
}
.cmp-accessory-btn {
  text-align: center;
  padding: 10px;
}
.cmp-accessory-btn button {
  width: 160px;
  background: #dcdcdc;
  font-size: 16px;
  display: inline-block;
  height: 30px;
  color: #6f7378;
  border: 1px #aeb1b4 solid;
  border-radius: 5px;
  line-height: 1;
}
.cmp-fileupload-animate-content {
  background-color: #fff;
}
.cmp-fileupload-animate-content .cmp-fileupload-item {
  width: 100%;
  padding: 5px 5px;
  overflow: hidden;
  border: 1px #bfcad6 solid;
  position: relative ;
  border-radius: 5px;
  margin-bottom: 5px;
  background-color: #e2eaf2;
}
.cmp-fileupload-animate-content .cmp-fileupload-file {
  position: relative;
  text-align: center;
  height: 32px;
  display: inline-block;
  float: left;
}
.cmp-fileupload-animate-content .cmp-fileupload-file div {
  display: inline-block;
}
.cmp-fileupload-animate-content .cmp-fileupload-file .cmp-icon-document {
  width: 30px;
  height: 32px;
}
.cmp-fileupload-animate-content .cmp-fileupload-file span {
  font-size: 30px;
  color: #666;
}
.cmp-fileupload-animate-content .cmp-fileupload-info {
  color: #333;
  margin: auto;
  height: 42px;
  position: absolute;
  right: 50px;
  left: 45px;
  top: 2px;
  display: inline-block;
  width: auto;
  overflow: hidden;
}
.cmp-fileupload-animate-content .cmp-fileupload-info.item span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cmp-fileupload-animate-content .cmp-fileupload-animation {
  width: 50px;
  position: absolute;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #333;
  right: 5px;
  top: 0;
}
.cmp-fileupload-animate-content .cmp-fileupload-animation span {
  color: #999;
}
/*附件上传动画效果*/
.cmp-fileupload-animate-content .cmp-fileupload-item .circle {
  width: 40px;
  height: 40px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 50%;
  background: #4A90E2;
}
.cmp-fileupload-animation .pie_left,
.cmp-fileupload-animation .pie_right {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.cmp-fileupload-animation .pie_left .left,
.cmp-fileupload-animation .pie_right .right {
  display: block;
  width: 40px;
  height: 40px;
  background: #f1f1f1;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  /*transform: rotate(30deg);*/
}
.cmp-fileupload-animation .pie_right,
.cmp-fileupload-animation .right {
  clip: rect(0, auto, auto, 21px);
}
.cmp-fileupload-animation .pie_left,
.cmp-fileupload-animation .left {
  clip: rect(0, 20px, auto, 0);
}
/*
*当top和left取值为auto时，相当于0
*当bottom和right取值为auto时，相当于100%
*/
.cmp-fileupload-animation .mask {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}
/*关联项目新增css*/
.project_account_li {
  padding: 5px 5px 5px 0;
}
.project_account_li:after {
  left: 0;
  background-color: #bdbdbd;
}
.project_account_li .cmp-input-row label {
  color: #333;
  font-size: 16px;
  padding-left: 50px;
}
.project_account_li .cmp-input-row.cmp-left input[type='radio'] {
  left: 14px;
}
.project_account_li .cmp-input-row input[type='radio']:checked:before {
  content: '\e442';
}
.project_account_li .cmp-input-row input[type='radio']:before {
  content: '\e411';
}
.project_account_li:last-child:after {
  height: 1px;
}
.project_account_search {
  background-color: #f1f1f1;
  padding: 10px;
}
.project_account_search .cmp-indexed-list-search {
  border-bottom: none;
}
.project_account_search .cmp-indexed-list-search.cmp-search:before {
  z-index: 1;
}
.project_account_search .cmp-indexed-list-search .project_input_search {
  position: relative;
  display: inline-block;
  width: 100%;
}
.project_account_search .cmp-indexed-list-search .project_input_search .cmp-indexed-list-search-input:focus {
  border-color: #eee;
}
.project_account_search .cmp-indexed-list-search .project_input_search .cmp-indexed-list-search-input {
  border: none;
  border-radius: 8px;
  background-color: #fff;
  -webkit-appearance: none;
  height: 28px;
}
.project_account_search .cmp-indexed-list-search .project_input_search .cmp-icon-clear {
  right: 0;
}
.project_account_search .cmp-indexed-list-search .project_cancel {
  display: inline-block;
  width: 13%;
  text-align: center;
  font-size: 16px;
  color: #4a90e2;
}
/*active之后*/
.project_account_search .cmp-indexed-list-search.cmp-active .project_input_search {
  width: 85%;
}

/*默认文档中心图标*/
.cmp-icon-document {
  width: 40px;
  height: 40px;
  background: url("../img/document_type@3x.png") no-repeat;
  display: inline-block;
  background-size: 600% 500%;
}
/*默认附件图标*/
.cmp-icon-accessory {
  width: 44px;
  height: 44px;
  background: url("../img/accessory@3x.png") no-repeat;
  display: inline-block;
  background-size: 600% 500%;
}
/* 类似iphone 4 DPR1*/
@media (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
  .cmp-icon-document {
    background: url("../img/document_type@1x.png") no-repeat;
    background-size: 600% 500%;
  }
  .cmp-icon-accessory {
    background: url("../img/accessory@1x.png") no-repeat;
    background-size: 600% 500%;
  }
}
/* 类似iphone 5 DPR2*/
@media (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .cmp-icon-document {
    background: url("../img/document_type@2x.png") no-repeat;
    background-size: 600% 500%;
  }
  .cmp-icon-accessory {
    background: url("../img/accessory@2x.png") no-repeat;
    background-size: 600% 500%;
  }
}
/* 类似iphone 6 DPR2*/
@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .cmp-icon-document {
    background: url("../img/document_type@2x.png") no-repeat;
    background-size: 600% 500%;
  }
  .cmp-icon-accessory {
    background: url("../img/accessory@2x.png") no-repeat;
    background-size: 600% 500%;
  }
}
/*/!* 类似iphone6 plus DPR3*!/*/
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .cmp-icon-document {
    background: url("../img/document_type@3x.png") no-repeat;
    background-size: 600% 500%;
  }
  .cmp-icon-accessory {
    background: url("../img/accessory@3x.png") no-repeat;
    background-size: 600% 500%;
  }
}
/*文档文件图标样式库===============================================*/
/*start-------------------------*/
/*x3----*/
.cmp-icon-document.doc {
  background-position: 0 0;
}
.cmp-icon-document.xls {
  background-position: 20% 0;
}
.cmp-icon-document.ppt {
  background-position: 40% 0;
}
.cmp-icon-document.pdf {
  background-position: 60% 0;
}
.cmp-icon-document.cvs {
  background-position: 80% 0;
}
.cmp-icon-document.et {
  background-position: 100% 0;
}
.cmp-icon-document.img {
  background-position: 0 25% ;
}
.cmp-icon-document.music {
  background-position: 20% 25%;
}
.cmp-icon-document.video {
  background-position: 40% 25%;
}
.cmp-icon-document.rar {
  background-position: 60% 25%;
}
.cmp-icon-document.wps {
  background-position: 80% 25%;
}
.cmp-icon-document.html {
  background-position: 100% 25%;
}
.cmp-icon-document.meet {
  background-position: 0 50%;
}
.cmp-icon-document.synergy {
  background-position: 20% 50%;
}
.cmp-icon-document.emptyfile {
  background-position: 40% 50%;
}
.cmp-icon-document.record {
  background-position: 60% 50%;
}
.cmp-icon-document.sms {
  background-position: 80% 50%;
}
.cmp-icon-document.txt {
  background-position: 100% 50%;
}
.cmp-icon-document.minvideo {
  background-position: 0 75%;
}
.cmp-icon-document.flag {
  background-position: 20% 75%;
}
.cmp-icon-document.confirm {
  background-position: 40% 75%;
}
.cmp-icon-document.pie {
  background-position: 60% 75%;
}
.cmp-icon-document.news {
  background-position: 80% 75%;
}
.cmp-icon-document.cal {
  background-position: 100% 75%;
}
.cmp-icon-document.squares {
  background-position: 0 100%;
}
.cmp-icon-document.confirmto {
  background-position: 20% 100%;
}
.cmp-icon-document.approval {
  background-position: 40% 100%;
}
.cmp-icon-document.message {
  background-position: 60% 100%;
}
.cmp-icon-document.link {
  background-position: 80% 100%;
}
.cmp-icon-document.folder {
  background-position: 100% 100%;
}
/*end-----------------------*/
/*附件文件图标样式库=========================================================*/
/*start-------------------------*/
/*x3----*/
.cmp-icon-accessory.doc {
  background-position: 0 0;
}
.cmp-icon-accessory.xls {
  background-position: 20% 0;
  /*-132px 0*/
}
.cmp-icon-accessory.ppt {
  background-position: 40% 0;
  /*-264px 0*/
}
.cmp-icon-accessory.pdf {
  background-position: 60% 0;
  /*-396px 0*/
}
.cmp-icon-accessory.cvs {
  background-position: 80% 0;
  /*-528px 0*/
}
.cmp-icon-accessory.et {
  background-position: 100% 0;
  /*-660px 0*/
}
.cmp-icon-accessory.img {
  background-position: 0 26%;
}
.cmp-icon-accessory.music {
  background-position: 20% 26%;
}
.cmp-icon-accessory.video {
  background-position: 40% 26%;
}
.cmp-icon-accessory.rar {
  background-position: 60% 21%;
}
.cmp-icon-accessory.wps {
  background-position: 80% 25%;
}
.cmp-icon-accessory.html {
  background-position: 100% 25%;
}
.cmp-icon-accessory.meet {
  background-position: 0 50%;
}
.cmp-icon-accessory.synergy {
  background-position: 20% 50%;
}
.cmp-icon-accessory.emptyfile {
  background-position: 40% 50%;
}
.cmp-icon-accessory.record {
  background-position: 60% 50%;
}
.cmp-icon-accessory.sms {
  background-position: 80% 50%;
}
.cmp-icon-accessory.txt {
  background-position: 100% 50%;
}
.cmp-icon-accessory.minvideo {
  background-position: 0 75%;
}
.cmp-icon-accessory.flag {
  background-position: 20% 75%;
}
.cmp-icon-accessory.confirm {
  background-position: 40% 75%;
}
.cmp-icon-accessory.pie {
  background-position: 60% 75%;
}
.cmp-icon-accessory.news {
  background-position: 80% 75%;
}
.cmp-icon-accessory.cal {
  background-position: 100% 75%;
}
.cmp-icon-accessory.squares {
  background-position: 0 101%;
}
.cmp-icon-accessory.confirmto {
  background-position: 20% 100%;
}
.cmp-icon-accessory.approval {
  background-position: 40% 100%;
}
.cmp-icon-accessory.message {
  background-position: 60% 100%;
}
.cmp-icon-accessory.link {
  background-position: 80% 100%;
}
/*.debug-icon-accessory.folder{background-position: -660px -528px;}*/
/*end-----------------------*/

header span {
  color: #fff!important;
}
.cmp-accDoc-basicDiv {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 100%;
  left: 0;
  transform: translateZ(0);
  z-index: 84;
}
.cmp-accDoc-basicDiv-show {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 200ms;
  transition: transform 200ms;
}
.cmp-accDoc-basicDiv-close {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
}
.cmp-accDoc-basicDiv-search {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  transform: translateZ(0);
  z-index: 81;
  background: #fff;
}
.cmp-accDoc-control-content {
  position: relative;
}
.cmp-accDoc-control-content .cmp-active {
  display: block;
}
.footer_custom {
  text-align: center;
  background-color: #f1f1f1;
}
.footer_custom button {
  display: inline-block;
  background-color: #4A90E2;
  border-color: #4A90E2;
}
.footer_replay button {
  width: 40%;
  height: 25px;
  top: 10px!important;
  line-height: 0;
}
.footer_replay .hold {
  background-color: #a7a7a7;
  border-color: #a7a7a7;
  margin-right: 18px;
}
.file-index-content .cmp-list-cell {
  padding: 10px 0 10px 0;
}
.file-index-content.relevance_synergy_content {
  background-color: #F3F3F3;
}
.file-index-content.relevance_synergy_content .cmp-list-cell-info {
  line-height: 1;
}
.file-index-content .cmp-list-cell-info {
  overflow: hidden;
  line-height: 44px;
  padding-left: 10px;
}
.width_85 {
  width: 85%!important;
}
.file-index-content .cmp-list-cell-info .list_title_name {
  font-size: 16px;
  width: 80%!important;
}
.file-index-content.relevance_synergy_content .list_title_name {
  width: 67%!important;
}
.width_30 {
  width: 30%!important;
}
.thinker_title_action {
  line-height: 1;
  bottom: 0;
}
.thinker_title_action .cmp-icon-arrowdown {
  display: block;
  font-size: 17px;
}
.cmp-segmented-control.cmp-segmented-control-inverted.accDoc {
  border-bottom: 1px #ccc solid;
  margin-top: 1px;
}
.cmp-segmented-control.cmp-segmented-control-inverted.accDoc a {
  line-height: 22px;
  font-size: 14px;
}
.cmp-segmented-control.cmp-segmented-control-inverted.accDoc a span {
  display: list-item;
}
.message-eject.center {
  left: 29%;
}
.message-eject.accDoc {
  top: 55px;
  opacity: 1;
  width: 140px;
  border-radius: 5px;
  z-index: 82;
  background-color: rgba(70, 70, 80, 0.9);
}
.message-eject.cmp-popover .cmp-popover-arrow.center {
  left: 39%;
}
.cmp-popover .cmp-popover-arrow {
  top: -25px;
}
.message-eject.cmp-popover .cmp-popover-arrow:after {
  background-color: #464650;
  opacity: 0.9;
}
.cmp-popover .cmp-popover-arrow:after {
  border-radius: 0;
}
.message-eject ul li.cmp-active {
  color: #00fd00;
}
.message-eject ul li {
  height: 40px;
  line-height: 40px;
  list-style-type: none;
  position: relative;
  font-size: 15px;
  color: #fff;
}
.message-eject ul li .mark {
  padding-left: 10px;
  font-size: 12px;
  position: relative;
  bottom: 2px;
}
.message-eject ul li .text {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 38px;
  line-height: 35px;
}
.message-eject ul li:after {
  content: '';
  display: inline-block;
  width: 85%;
  height: 1px;
  background-color: rgba(238, 238, 238, 0.24);
  position: absolute;
  bottom: 0;
  left: 10px;
}
.file-index-content .file_indie .cmp-list-cell-info {
  line-height: 1;
  width: 56%!important;
}
.file-index-content .cmp-list-navigate {
  width: 11%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-index-content .file_indie .list_cont_info {
  line-height: 30px;
}
.file-index-content .cmp-list-cell .accDoc-item-title {
  width: 100%;
  color: #333;
  letter-spacing: 20px;
  position: relative;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px!important;
}
.file-index-content .cmp-list-cell .accDoc-item-name {
  width: 35%!important;
  color: #999;
  font-size: 13px;
  margin-right: 10px;
}
.file-index-content .cmp-list-cell .cmp-list-cell-img input {
  margin: 0 5px 0 5px;
}
.file-index-content.relevance_synergy_content .cmp-list-cell-info {
  line-height: 1;
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
}
.file-index-content .file_indie .cmp-list-cell-info .list_title_name {
  width: 100%!important;
  padding: 1px;
}
.file-index-content .cmp-list-cell-info .list_title_name {
  font-size: 16px;
  width: 80%!important;
}
.file-index-content .cmp-list-cell-info.folder {
  width: 68%!important;
}
.cmp-accDoc-ios-content {
  position: relative;
  top: 64px!important;
}
.cmp-crumbs-content.accDoc {
  width: 95%;
  margin: auto;
  height: 40px;
  line-height: 40px;
  font-size: 13px!important;
  padding-left: 5px;
  border-bottom: 1px #ccc solid;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
}
.cmp-accDoc-title-switch {
  display: inline-block;
  position: relative;
  left: 5px;
  line-height: 20px;
  width: 140px;
  height: 27px;
  border: 1px solid #ddd;
  background-color: transparent;
  color: #fff;
  font-size: 13px;
}
.cmp-accDoc-title-zh-CN:before {
  content: "文档";
}
.cmp-accDoc-title-zh-CN .cmp-switch-handle:before {
  content: "协同";
}
.cmp-accDoc-title-zh-CN.cmp-active:before {
  content: "协同";
}
.cmp-accDoc-title-zh-CN.cmp-active .cmp-switch-handle:before {
  content: '文档';
}
.cmp-accDoc-title-zh-TW:before {
  content: "文檔";
}
.cmp-accDoc-title-zh-TW .cmp-switch-handle:before {
  content: "協同";
}
.cmp-accDoc-title-zh-TW.cmp-active:before {
  content: "協同";
}
.cmp-accDoc-title-zh-TW.cmp-active .cmp-switch-handle:before {
  content: '文檔';
}
.cmp-accDoc-title-en:before {
  content: "Doc";
  font-size: 14px;
  text-transform: none;
}
.cmp-accDoc-title-en .cmp-switch-handle:before {
  content: "Collab";
  font-size: 14px;
  right: 17px;
  text-transform: none;
}
.cmp-accDoc-title-en.cmp-active:before {
  content: "Collab";
  font-size: 14px;
  left: 11px;
  text-transform: none;
}
.cmp-accDoc-title-en.cmp-active .cmp-switch-handle:before {
  content: 'Doc';
  font-size: 14px;
  text-transform: none;
}
.cmp-accDoc-title-switch .cmp-switch-handle:before {
  font-size: 14px;
  position: absolute;
  line-height: 21px;
  top: 2px;
  right: 20px;
  color: #48A0DE;
}
.cmp-accDoc-title-switch .cmp-switch-handle {
  width: 70px;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #D4F1FC;
  color: black;
  line-height: 28px;
  top: 0;
  height: 25px;
}
.cmp-accDoc-title-switch .cmp-switch-handle.noDocPlugin {
  width: 100%!important;
}
.cmp-accDoc-title-switch .cmp-switch-handle.noDocPlugin:before {
  position: initial!important;
}
.cmp-accDoc-placeholder-div {
  float: left;
  width: 36px;
  height: 1px;
}
.v5file-read .v5file-delete {
  color: #999;
  display: inline-block;
  position: absolute;
  top: 15px;
}
.cmp-bar.cmp-accDoc-top-header {
  height: 45px!important;
}

.cmp-clipPic-basicDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  background: #000;
  text-align: center;
  margin: 0;
  padding: 0;
}
.cmp-clipPic-header {
  /*height: 60px;*/
  width: 100%;
  background: #656565;
  color: #ffffff;
}
.cmp-clipPic-area {
  margin: 0 auto;
  height: 100%;
  -webkit-user-select: none;
  overflow: hidden;
  position: relative;
}
.cmp-clipPic-pic-view {
  position: absolute;
  left: 50%;
  top: 50%;
}
.cmp-clipPic-pic-moveLayer {
  touch-action: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}
.cmp-clipPic-mask {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cmp-clipPic-mask .left {
  position: absolute;
  left: 0px;
  right: 50%;
  top: 50%;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.498039);
}
.cmp-clipPic-mask .right {
  position: absolute;
  left: 50%;
  right: 0px;
  top: 50%;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.498039);
}
.cmp-clipPic-mask .top {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.498039);
}
.cmp-clipPic-mask .bottom {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.498039);
}
.cmp-clipPic-pic-clip-area {
  border: 1px dashed #dddddd;
  position: absolute;
  left: 50%;
  top: 50%;
}

.main_wrapper {
  height: 100%;
  background: #ffffff;
}
.table-content2 tr {
  height: 41px;
}
.table-content2.sidbar tr {
  background: #449aba;
}
.table-content2 tr td {
  width: 50px;
}
.table-content2 tr:last-child.table-placeholder {
  background: #fff;
}
.main-content {
  background: #449aba ;
}
.link-content.bgw {
  background: #fff;
}
.link-content .div-placeholder {
  width: 100%;
  height: 50px;
}
.cmp-pull-bottom-pocket2 {
  position: absolute;
  bottom: 0;
}
/*表单查询列表*/
.table-content .table_head .table-th .th-item {
  height: 32px;
}
.table-content {
  font-size: 15px;
  text-align: center;
  overflow-x: hidden;
}
.table-content .table_body {
  position: relative;
  overflow-y: auto;
}
.table-content .table_body tr:nth-child(2n+0) {
  background: #f1f1f1;
}
/*.table-content .th-item:first-child{width: 40px;}*/
.table-content td {
  font-weight: normal;
  color: #fff;
  border: none;
}
.table-content td.arrow {
  color: #cccccc;
}
.table-content .table-content tr {
  overflow: hidden;
  background: #fff;
}
.table-content .table-content td {
  color: #333;
  max-height: 41px;
  min-height: 41px;
  float: left;
  line-height: 41px;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.table-content .table-th .th-item {
  background-color: #449aba;
}
.wrapper {
  overflow-x: auto;
}
.container {
  width: 100%;
  top: 0;
  overflow: hidden;
}
p.haveNum,
p.totalNum,
p.updateTime {
  font-size: 10px;
}
/*底部下一页样式*/
.cmp-pull-bottom-pocket.cmp-next-page {
  background-color: #eee;
  padding: 10px;
}
.cmp-pull-bottom-pocket.cmp-next-page .cmp-pull {
  background-color: #fff;
  height: 100%;
}
.cmp-pull-bottom-pocket.cmp-next-page .cmp-spinner {
  background: url("../img/PageLogo.png") no-repeat 50%;
  margin-right: 0;
  background-size: 65%;
  -moz-background-size: 65%;
  -webkit-background-size: 65%;
  width: 35px;
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
}
.cmp-pull-bottom-pocket.cmp-next-page .cmp-pull-loading.cmp-spinner:after {
  display: none;
}
.cmp-pull-bottom-pocket.cmp-next-page .cmp-pull-caption {
  line-height: 30px;
}
/*顶部上一页样式*/
.cmp-pull-top-btn.cmp-prev-page {
  background-color: #eee;
  padding: 10px;
  visibility: visible!important;
  width: 100%;
  height: 50px;
}
.cmp-pull-top-btn.cmp-prev-page .cmp-pull-wrapper {
  background-color: #fff;
  height: 100%;
  font-weight: bold;
  right: 0;
  bottom: 10px;
  left: 0;
  text-align: center;
  color: #777;
}
.cmp-pull-top-btn.cmp-prev-page .cmp-pull-loading {
  background: url("../img/PageLogo.png") no-repeat 50%;
  margin-right: 0;
  background-size: 65%;
  -moz-background-size: 65%;
  -webkit-background-size: 65%;
  width: 35px;
  animation: none;
  height: 25px;
  -webkit-animation: none;
  -moz-animation: none;
}
.cmp-pull-top-btn.cmp-prev-page .cmp-pull-loading:before {
  content: "";
}
.cmp-pull-top-btn.cmp-prev-page .cmp-pull-loading.cmp-spinner:after {
  display: none;
}
.cmp-pull-top-btn.cmp-prev-page .cmp-pull-caption {
  line-height: 30px;
}
.cmp-table-list-lock-img {
  width: 10px;
  position: absolute;
  left: 35px;
  margin-top: 4px;
}
.cmp-checkbox-box.table-list {
  height: 41px!important;
}
.cmp-cache-img-show {
  animation-name: cmp-cache-img-show;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-name: cmp-cache-img-show;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}
@keyframes cmp-cache-img-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cmp-cache-img-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*选人样式---辛裴*/
div[id^=select_widget] {
  font-family: "microsoft yahei";
}
.cmp-select-header {
  background-color: #4A90E2!important;
  color: #fff;
}
.cmp-select-header .cmp-title {
  color: #fff!important;
}
.cmp-select-header .submit_text.selectOrg {
  font-size: 14px!important;
  line-height: 44px;
  color: #ffffff!important;
}
.vertical-top {
  vertical-align: top!important;
}
/*列表选中的勾*/
.cmp-list-navigate.select_Kou {
  width: 100%;
  line-height: 35px!important;
}
.cmp-list-navigate.select_Kou .Kou {
  font-size: 35px;
  height: 35px;
  line-height: 35px;
  color: #4A90E2;
}
.cmp-list-navigate.selectOrg {
  width: 16%!important;
  color: #4A90E2;
  text-align: left;
  height: 35px;
  float: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -17.5px;
}
.cmp-list-navigate.cmp-list-navigate {
  line-height: 35px;
}
.cmp-list-navigate.selectOrg:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 35px;
  position: absolute;
  left: -12px;
  top: 50%;
  background-color: #e0e0e0;
  margin-top: -16px;
}
.cmp-list-navigate.selectOrg span {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
/*底部统一样式按钮*/
.cmp-candidate-bottom {
  text-align: center;
  height: 44px;
  margin: 0;
}
.cmp-candidate-bottom button {
  width: 145px;
  height: 30px;
  line-height: 10px;
  background-color: #4A90E2;
  border-color: #4A90E2;
  top: 0;
  padding: 4px 12px 4px!important;
  border-radius: 15px;
  font-size: 16px;
}
.cmp-candidate-bottom button.light {
  width: 200px;
  font-size: 16px;
  /* line-height: 1; */
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -15px;
}
.cmp-candidate-bottom button span {
  vertical-align: middle;
}
.cmp-candidate-bottom button.light .ok {
  padding-right: 15px;
}
.cmp-candidate-bottom img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.cmp-candidate-bottom img.chuanfa {
  width: 30px;
  height: 7px;
}
/*底部列表*/
.cmp-candidate-bottom ul {
  height: 88px!important;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  padding: 0;
  margin: 0;
}
.cmp-candidate-bottom ul li {
  text-align: center;
  width: 75px;
  display: inline-block;
  line-height: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  padding: 0;
  border-bottom: none;
  z-index: 84;
}
.cmp-candidate-bottom .branch_select {
  padding: 13px 5px;
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmp-candidate-bottom .branch_select img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.cmp-candidate-bottom .selected_text {
  margin: 0;
  padding: 0;
  margin-top: 6px;
  height: 30px;
  font-size: 14px;
  color: #333;
}
.cmp-candidate-bottom .selected_text span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 16px;
}
.cmp-candidate-bottom .gap {
  margin-left: 10px;
}
/*页面顶部搜索*/
.cmp-content-title-search-select {
  position: relative;
  width: 95%;
  margin: 50px auto auto auto ;
  height: 42px;
  padding-top: 6px;
}
.cmp-content-title-search-select input {
  padding-left: 35px!important;
  background-color: #fff;
  -webkit-appearance: none;
  border-radius: 8px;
  color: #88888D;
  height: 28px;
  font-size: 14px;
  margin-bottom: 0;
  border: none!important;
}
.cmp-content-title-search-select .cmp-icon-search {
  position: absolute;
  top: 12px;
  left: 46.5%;
  margin-left: -20px;
  color: #88888D;
  font-size: 18px;
}
.cmp-content-title-search-select .cmp-icon-search.active {
  left: 14px!important;
  margin-left: 0!important;
  top: 6px!important;
}
.cmp-content-title-search-select .cmp-icon-clear {
  position: absolute;
  top: 2px;
  left: 80%;
  color: #b7b8b9;
}
.cmp-content-title-search-select .cmp-cancel-text {
  display: none;
  color: #4A90E2;
  font-size: 14px;
  padding: 5px 7px;
}
/*页面顶部搜索下面的面包屑*/
.select-crumbs-container {
  width: 100%;
  border-top: 1px #DFDFDD solid;
  background: #efeff5;
}
.cmp-crumbs-content-select {
  width: 95%;
  margin: auto;
  height: 48px;
  line-height: 48px;
  font-size: 16px!important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.cmp-crumbs-content-select .right-icon {
  font-size: 16px;
  color: #aaa;
  padding: 0 5px;
}
.cmp-crumbs-content-select .on-text {
  color: #4A90E2;
}
.cmp-crumbs-content-select .no-text {
  color: #999999;
}
.cmp-crumbs-content-select span {
  display: inline-block;
}
.cmp-select-toggle-accounts-ul {
  padding: 0;
  margin: 0;
}
.cmp-select-toggle-accounts-ul li {
  padding: 7px 5px 7px 10px;
  height: 50px;
  line-height: 30px;
  font-size: 18px;
}
.cmp-select-toggle-accounts-ul li .cmp-list-navigate.selectOrg {
  margin-top: -17.5px;
}
.cmp-select-toggle-accounts-ul .cmp-list-cell .cmp-list-cell-img .select-put {
  top: 0;
}
.cmp-select-toggle-accounts-ul .cmp-list-cell-img {
  position: relative;
}
.cmp-select-toggle-accounts-ul .list_title_name {
  width: 100%!important;
}
.cmp-select-icon-chuanfa {
  display: inline-block;
  width: 35px;
  height: 7px;
  background: url("../img/chuanfa@2x.png") no-repeat;
  vertical-align: middle;
  background-position: 0 0;
  background-size: 30px 6px;
}
.cmp-select-icon-bingfa {
  display: inline-block;
  width: 18px;
  height: 21px;
  background: url("../img/bingfa@2x.png") no-repeat;
  vertical-align: middle;
  background-position: 0 0;
  background-size: 17px 20px;
}
.cmp-select-img-nothing {
  display: inline-block;
  width: 79px;
  height: 79px;
  background: url("../img/pic_nothing.png") no-repeat;
  vertical-align: middle;
  background-position: 0 0;
  background-size: 79px 79px;
}
.cmp-select-img-nothing:after {
  position: relative;
  content: '暂无内容';
  bottom: -79px;
  color: #9e9e9e;
  font-size: 18px;
}
.cmp-select-basicDiv {
  width: 100%;
  height: 100%;
  background: #e7e7e8;
  z-index: 85;
}
.cmp-select-basicDiv .select_basicDiv_child {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.cmp-select-basicDiv-thisPage {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateZ(0);
  z-index: 83;
}
.cmp-select-basicDiv-show {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 200ms;
  transition: transform 200ms;
}
.cmp-select-basicDiv-close {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
}
.cmp-select-basicDiv-rightClose {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
.cmp-select-basicDiv-rightShow {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 200ms;
  transition: transform 200ms;
}
.cmp-select-basicDiv .cmp-search-content {
  position: absolute;
  background: #f1f1f1;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 83;
}
.cmp-select-basicDiv .cmp-search-noHistory {
  background: rgba(0, 0, 0, 0.4);
}
.cmp-select-basicDiv .cmp-search-haveHistory {
  background: #fff;
}
.cmp-select-basicDiv .cmp-search-content .cmp-content-title-search-select {
  position: relative;
  width: 95%;
  margin: auto;
  height: 65px;
  background-color: #F1F1F1;
  padding-top: 25px;
}
.cmp-thinker-title-action {
  line-height: 30px!important;
}
.cmp-thinker-title-action .dot {
  font-size: 48px!important;
  line-height: 0!important;
}
.cmp-thinker-title-action .cmp-icon-arrowdown {
  display: block;
  position: relative;
  bottom: 12px;
}
.cmp-selectOrg-list-cell .cmp-list-cell-info {
  width: 62%!important;
  overflow: hidden;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.cmp-selectOrg-list-cell .cmp-list-cell-info .list_ul_li_info .Sigh {
  color: red;
}
.cmp-selectOrg-list-cell .cmp-list-cell-info .list_ul_li_info .plaint {
  font-weight: normal;
}
.cmp-selectOrg-list-cell .list_title_name {
  font-size: 16px;
  width: 90%;
  color: #333333!important;
}
.cmp-selectOrg-list-cell .cmp-list-cell-info .list_cont_info {
  margin-top: 0!important;
  line-height: 16px;
  width: 100%;
  color: #999999;
  padding-top: 5px;
}
.cmp-selectOrg-list-cell .cmp-list-cell-img input {
  margin: 0 0 5px 0;
}
.cmp-selectOrg-content {
  padding-top: 0!important;
  background-color: #e7e7e8!important;
  top: 0!important;
}
.cmp-selectOrg-content-account-switch {
  padding-top: 0!important;
  background-color: #e7e7e8!important;
}
.cmp-selectOrg-content2 {
  padding-top: 0!important;
  margin-top: 44px;
}
.cmp-selectOrg-content2.ios {
  margin-top: 64px!important;
}
.cmp-selectOrg-list-content {
  margin: 0;
  padding: 0;
}
.cmp-selectOrg-list-content .cmp-list-cell .cmp-list-cell-info .list_title_name {
  font-size: 16px;
}
.cmp-selectOrg-list-cell {
  width: 100%;
  overflow: hidden;
  padding: 5px;
  list-style-type: none;
  background-color: #fff;
  border-bottom: 1px #e3e3e5 solid;
  position: relative;
}
.cmp-selectOrg-list-cell:last-child {
  border-bottom: 1px #d9d9d9 solid;
}
.cmp-list-cell .selectOrg-list-org {
  width: 100%!important;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.cmp-bar-select {
  position: absolute!important;
}
.cmp-select-placeholder-div {
  float: left;
  width: 28px;
  height: 1px;
}
.cmp-select-search-input {
  width: 85%!important;
  margin-left: 5px;
  background-color: #ffffff!important;
}
.cmp-select-search-cancelBtn {
  display: inline-table !important;
  padding-top: 4px;
  padding-right: 10px!important;
  position: absolute;
  right: 0;
  top: 0;
}
.cmp-select-btn {
  top: 0!important;
}
.cmp-select-list-subtitle {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding-left: 10px;
  color: #999;
  list-style-type: none;
  font-size: 16px!important;
  background-color: #EFEFF4;
}
.cmp-select-account-toNextLevel {
  float: right;
  font-size: 12px;
}
.cmp-selectOrg-list-no-content {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 34%;
}
.cmp-selectOrg-list-center {
  text-align: center;
}
.cmp-selectOrg-list-center .tal {
  margin-bottom: 0;
}
.tal-android4 {
  margin-left: 10px!important;
}
.cmp-select-list-keyword {
  color: #4A90E2;
}
.submit_text {
  font-size: 14px!important;
  line-height: 44px;
}
.select-put.choosed:before {
  /* color:#9fc5ef!important; */
}
.cmp-select-ios-header {
  height: 64px!important;
  padding-top: 20px!important;
  top: 0;
}
.cmp-select-android-header {
  height: 44px!important;
  top: 0;
}
.cmp-select-ios-content {
  position: relative;
  top: 16px!important;
}
.cmp-select-accountBtn {
  width: 60px!important;
  display: inline-block !important;
  bottom: 12px;
  font-size: 23px;
}
.select-bottom-btn {
  width: 100%;
  padding: 7px 0;
  border-top: 1px #e2e2e2 solid;
  background: #fafafa;
  position: relative;
  height: 44px;
}
.select-head-img {
  margin-left: 5px;
}
.select-head-img-android4 {
  margin-left: 12px!important;
}
.select-pt-6 {
  padding-top: 6px;
}
.select-mt-6 {
  margin-top: 6px;
}
.select-height-63 {
  height: 63px;
}
.gougou {
  width: 10%;
  float: left;
  height: 25px;
}
.cmp-selectOrg-list-cell .cmp-list-cell-info2 {
  width: 83%!important;
}
.select-title {
  font-size: 18px!important;
}
.select-selected-scroll {
  background: #fff;
  border-top: 1px solid #dcdcde;
}
.select-selected-scroll.selected {
  background: #f1f1f1;
  border-top: 1px solid #dcdcde;
}
.select-selected-scroll .scroller {
  position: relative!important;
}
.select-content-title {
  background: #f1f1f1;
}
/*CSS3媒体判断*/
@media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* 兼容iphone4/4s */
  .cmp-selectOrg-list-cell .cmp-list-cell-info {
    width: 56%!important;
  }
}
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  /* 兼容iphone5 */
  .cmp-selectOrg-list-cell .cmp-list-cell-info {
    width: 60%!important;
  }
}
@media (device-height: 667px) and (-webkit-min-device-pixel-ratio: 3) {
  /* 兼容iphone6 */
}
@media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  /* 兼容iphone6plus */
}
.cmp-selectOrg-list-cell .cmp-list-cell-info.cell-android4 {
  width: 60%!important;
}
.cmp-select-input {
  background-color: #ffffff!important;
}
.cmp-selectOrg-list-cell.home {
  height: 50px;
  line-height: 28px;
}
.cmp-list-cell .cmp-list-cell-img .home_tal {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #0094ff;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 26px;
  margin-left: 5px;
}
.cmp-selectOrg-list-cell.noSubName {
  line-height: 38px;
}
.cmp-selectOrg-checkbox input[type='checkbox'] {
  position: absolute;
  top: 5px;
  right: 20px;
  display: inline-block;
  width: 28px;
  height: 26px;
  border: 0;
  outline: 0 !important;
  background-color: transparent;
  -webkit-appearance: none;
  color: #d9d9d9;
}
.cmp-selectOrg-checkbox input[type='checkbox']:before {
  font-family: cmpicons;
  font-size: 28px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  color: #d9d9d9;
  border-radius: 0;
  background: none;
  -webkit-font-smoothing: antialiased;
  content: '\e411';
}
.cmp-selectOrg-checkbox input[type='checkbox']:checked:before {
  content: '\e442';
  color: #48A0DE;
}

.cmp-signature-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/signatrue.png) no-repeat;
  vertical-align: middle;
  background-size: 240px 240px;
}
/*
    iconPhone48*48
*/
/*签章*/
.cmp-signature-48 {
  background-position: -120px -24px;
}
/*删除签章*/
.cmp-delete-signature-48 {
  background-position: -144px -24px;
}
/*删除全部*/
.cmp-delete-all-48 {
  background-position: -168px -24px;
}
/*画笔颜色-蓝(表单)*/
.cmp-brush-blue-48 {
  background-position: -192px -24px;
}
/*画笔颜色-黑(表单)*/
.cmp-brush-black-48 {
  background-position: -216px -24px;
}
/*画笔颜色-红(表单)*/
.cmp-brush-red-48 {
  background-position: 0 -48px;
}
/*撤销*/
.cmp-revoke-48 {
  background-position: -96px -144px;
}
/*隐藏状态*/
.hiddenState {
  display: none;
}
/*显示状态*/
.cmp-signature-display-state {
  display: block;
}
.cmp-signatureWidget {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 80;
  height: 100%;
}
.signatureWidget_hiddenState {
  position: absolute;
  top: 100%;
  left: 100%;
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.signatureWidget_show1 {
  left: 0;
}
.signatureWidget_show2 {
  -webkit-transition: transform 200ms;
  -moz-transition: transform 200ms;
  -ms-transition: transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.signatureWidget_hidden1 {
  -webkit-transition: transform 200ms;
  -moz-transition: transform 200ms;
  -ms-transition: transform 200ms;
  -o-transition: transform 200ms;
  transition: transform 200ms;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
/*============================================================头部=======================================*/
.cmp-signatureWidget .headerArea {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #0078fe;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  color: #ffffff;
  text-align: center;
}
.cmp-signatureWidget .headerArea .headerCloseBtn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 20%;
  height: 100%;
  padding-top: 6px;
}
.cmp-signatureWidget .headerArea .headerTitle {
  font-size: 20px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 80%;
  text-align: center;
}
.cmp-signatureWidget .headerArea .headerOkBtn {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  width: 20%;
  height: 100%;
}
.cmp-signatureWidget-uiClose {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.cmp-signatureWidget-uiClose:before,
.cmp-signatureWidget-uiClose:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #FFFFFF;
}
.cmp-signatureWidget-uiClose:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cmp-signatureWidget-uiClose:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmp-signatureWidget .headerArea .headerOkBtn .okBtn {
  border: 1px solid #40b6fe;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #40b6fe;
  color: #ffffff;
  font-size: 14px;
  height: 70%;
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 30px;
}
/*============================================中间内容写字区======================================================*/
.cmp-signatureWidget .mainContentArea {
  width: 100%;
  bottom: 40px;
  background: #EBEFB3;
  /*height: calc(100% - 80px);*/
}
/*签章层*/
.cmp-signatureWidget .mainContentArea .layer_signature {
  position: absolute;
  z-index: 81;
  /*height: calc(100% - 80px);*/
  width: 100%;
}
.cmp-signatureWidget .mainContentArea .layer_signature .signatureDisplayArea {
  width: 50%;
  margin-left: 25%;
  height: 100%;
}
/*米字格层*/
.cmp-signatureWidget .mainContentArea .layer_meterCharacter {
  position: absolute;
  z-index: 82;
  /*height: calc(100% - 80px);*/
  width: 100%;
}
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer {
  /*width: calc(100% - 2px);*/
  border: 1px dashed #676766;
  position: absolute;
  bottom: 0px;
}
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer .horizontal {
  width: 100%;
  height: 0px;
  border-top: 1px dashed #676766;
  margin-top: 50%;
  position: absolute;
}
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer .vertical {
  width: 0px;
  height: 100%;
  border-left: 1px dashed #676766;
  position: absolute;
  margin-left: 50%;
}
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer .bevel_left,
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer .bevel_right {
  width: 100%;
  height: 100%;
  position: absolute;
}
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer .bevel_left div {
  position: absolute;
  top: 50%;
  left: -21%;
  border-bottom: 1px dashed #676766;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cmp-signatureWidget .mainContentArea .layer_meterCharacter .outer .bevel_right div {
  border-bottom: 1px dashed #676766;
  position: absolute;
  top: 50%;
  left: -21%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*写字层*/
.cmp-signatureWidget .mainContentArea .layer_write {
  position: absolute;
  z-index: 85;
  /*height: calc(100% - 80px);*/
  width: 100%;
}
.cmp-signatureWidget .mainContentArea .layer_write .writeArea {
  /*width: calc(100% - 2px);*/
  margin-top: 30%;
  position: absolute;
  bottom: 0px;
}
/*写字排版层*/
.cmp-signatureWidget .mainContentArea .layer_typesetting {
  position: absolute;
  z-index: 84;
  /*height: calc(100% - 80px);*/
  width: 100%;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .typesettingArea {
  width: 50%;
  margin-left: 25%;
  height: 100%;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .typesettingArea .signatureList {
  width: 100%;
  height: 100%;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .typesettingArea .signatureList div[id^=row] {
  width: 100%;
  /*height: calc(100% / 6);*/
  border-bottom: 1px solid;
  position: relative;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .typesettingArea .signatureList div:last-child {
  border-bottom: 0px;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .typesettingArea .signatureList div[id^=row] div {
  float: left;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .typesettingArea .signatureList div[id^=row] div.signatureBox {
  /*bottom: 0px;*/
  /*position: absolute;*/
}
.cmp-signatureWidget .mainContentArea .layer_typesetting .cursor {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 80% ;
  border-left: 1px solid;
  animation: cursorTwinkle 1s infinite ease-in-out;
  -moz-animation: cursorTwinkle 1s infinite ease-in-out;
  -webkit-animation: cursorTwinkle 1s infinite ease-in-out;
  -o-animation: cursorTwinkle 1s infinite ease-in-out;
}
.cmp-signatureWidget .mainContentArea .layer_typesetting img {
  position: absolute;
  bottom: 0px;
}
@keyframes cursorTwinkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cursorTwinkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cursorTwinkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes cursorTwinkle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*=============================================底部=============================================================*/
.cmp-signatureWidget .footerArea {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0px;
  background: #ffffff;
  line-height: 40px;
}
.cmp-signatureWidget .footerArea .brushListArea {
  height: auto;
  position: absolute;
  width: 50%;
  top: -70px;
  background: #ffffff;
  left: 5px;
  z-index: 88;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  box-shadow: 2px 2px 2px #D8D6D6;
  -webkit-box-shadow: 2px 2px 2px #D8D6D6;
  -moz-box-shadow: 2px 2px 2px #D8D6D6;
}
.cmp-signatureWidget .footerArea .brushListArea .angle1 {
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 15px;
  border-style: solid;
  border-color: #c8c8c8 transparent transparent ;
  _border-color: #c8c8c8 transparent transparent ;
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 9px;
}
.cmp-signatureWidget .footerArea .brushListArea .angle2 {
  width: 0;
  height: 0;
  font-size: 0;
  border-width: 15px;
  border-style: solid;
  border-color: #ffffff transparent transparent ;
  _border-color: #ffffff transparent transparent ;
  overflow: hidden;
  position: absolute;
  top: 48px;
  left: 8px;
}
.cmp-signatureWidget .footerArea .brushListArea .brushList {
  width: 100%;
  height: 50px;
  border-radius: 3px;
  background: #ffffff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
}
.cmp-signatureWidget .footerArea .brushListArea .brushList .brushBox {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  text-align: center;
  width: 33%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  box-align: center;
}
.cmp-signatureWidget .footerArea .brushListArea .brushList .brushBox .brush_red {
  width: 70%;
  height: 70%;
  border: 1px solid red;
  background: red;
  border-radius: 5px;
}
.cmp-signatureWidget .footerArea .brushListArea .brushList .brushBox .brush_black {
  width: 70%;
  height: 70%;
  border: 1px solid #000;
  background: #000;
  border-radius: 5px;
}
.cmp-signatureWidget .footerArea .brushListArea .brushList .brushBox .brush_blue {
  width: 70%;
  height: 70%;
  border: 1px solid blue;
  background: blue;
  border-radius: 5px;
}
.cmp-signatureWidget .footerArea .btnArea {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
}
.cmp-signatureWidget .footerArea .btnArea .brushArea,
.cmp-signatureWidget .footerArea .btnArea .revokeArea,
.cmp-signatureWidget .footerArea .btnArea .cleanArea,
.cmp-signatureWidget .footerArea .btnArea .callSignatureArea {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  text-align: center;
}
.cmp-signatureWidget .footerArea .btnArea .brushArea {
  width: 25%;
}
.cmp-signatureWidget .footerArea .btnArea .revokeArea {
  width: 30%;
}
.cmp-signatureWidget .footerArea .btnArea .cleanArea {
  width: 40%;
}
.cmp-signatureWidget .footerArea .btnArea .callSignatureArea {
  width: 35%;
}

.cmp-sliders-basicDiv {
  opacity: 0;
  display: none;
  position: absolute;
  z-index: 85;
  width: 100%;
  height: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  background: #1b1b1b;
}
.cmp-sliders-wrapper-parent {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.cmp-sliders-wrapper-parent .cmp-sliders-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 85;
}
.cmp-sliders-wrapper-parent .cmp-sliders-wrapper .cmp-slider-group {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.cmp-sliders-wrapper-parent .cmp-sliders-wrapper .cmp-slider-item {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  text-align: center;
  font-size: 18px;
  width: 100%;
}
.cmp-slider-item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
}
.cmp-slider-text {
  position: absolute;
  height: 30px;
  line-height: 20px;
  right: 0;
  bottom: 20px;
  font-size: 16px;
  color: #ccc;
  z-index: 86;
  width: 100%;
  text-align: center;
}
.cmp-slider-text .save-btn {
  display: inline-block;
  height: 30px;
  width: 50px;
  position: absolute;
  left: 0;
  padding-left: 10px;
  font-size: 12px;
}
.cmp-slider-text .big-img-btn {
  width: 80px;
  margin: 0 auto;
  display: inline-block;
  height: 30px;
}
.cmp-slider-text .tab {
  display: inline-block;
  position: absolute;
  right: 0;
  padding-right: 10px;
  width: 50px;
  font-size: 12px;
}
.cmp-sliders-div-show {
  animation-name: cmp-sliders-div-show;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-name: cmp-sliders-div-show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  display: block;
}
@keyframes cmp-sliders-div-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cmp-sliders-div-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cmp-sliders-div-hidden {
  animation-name: cmp-sliders-div-hidden;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-name: cmp-sliders-div-hidden;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*display: none;*/
}
@keyframes cmp-sliders-div-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cmp-sliders-div-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.cmp-sliders-img-show {
  animation-name: cmp-sliders-div-show;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-name: cmp-sliders-div-show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  display: block;
}
@keyframes cmp-sliders-img-show {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cmp-sliders-img-show {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.cmp-slider-imgzoom-pack {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 85;
}
.cmp-slider-imgzoom-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.cmp-slider-imgzoom-pack .cmp-slider-imgzoom-img img {
  width: 100%;
  position: absolute;
  top: 50%;
}
.cmp-slider-imgzoom-pack.cmp-hide {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: transform 0.3s;
}
.cmp-slider-imgzoom-pack.cmp-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.5s;
  transition: transform 0.5s;
}
.cmp-slider-imgzoom-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90;
}
.cmp-slider-imgzoom-loading-wrapper .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 14.5px;
  margin-left: -12px;
}

.cmp-chart-basicDiv {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  background-color: #fff;
  border-color: #e5e5e5 #eee #eee;
  border-style: solid;
  border-width: 1px 0;
}
.cmp-chart-title {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #6F6E6E;
}
.cmp-chart-legend {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  text-align: center;
  padding: 5px;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
}
.cmp-chart-glyphlinex {
  white-space: nowrap;
  padding-right: 10px;
  display: inline;
  text-align: center;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.cmp-chart-basicDiv canvas {
  margin-top: 10px;
}
.cmp-chart-arrow-container {
  border-radius: 4px;
  border: 1px solid #C0392B;
  background: #C0392B;
  text-align: center;
  position: relative;
  width: 100%;
  color: #fff;
  display: block;
  font-size: 12px;
}
.cmp-chart-arrow-container:after {
  bottom: 100%;
  left: 50%;
  margin-left: -20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 20px;
  border-bottom-color: #C0392B;
}
.cmp-chart-div-show {
  animation-name: cmp-chart-div-show;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-name: cmp-chart-div-show;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}
@keyframes cmp-chart-div-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cmp-chart-div-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cmp-chart-div-hidden {
  animation-name: cmp-chart-div-hidden;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  -webkit-animation-name: cmp-chart-div-hidden;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}
@keyframes cmp-chart-div-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cmp-chart-div-hidden {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.cmp-chart-detail-container-parent {
  position: absolute;
  position: fixed;
  left: -100%;
  right: 100%;
  top: 0;
  bottom: 0;
  z-index: 80;
  text-align: center;
}
.cmp-chart-detail-container-parent:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
  margin-top: -28%;
}
.cmp-chart-detail-container-parent .cmp-chart-detail-container {
  width: auto;
  border-radius: 3px;
  border: 1px solid #b9b4b6;
  font-size: 12px;
  height: 50px;
  display: inline-block;
  text-align: center;
  position: relative;
  right: -100%;
  padding: 5px;
  background: rgba(250, 250, 250, 0.8);
}

/* 全局字体定义索引*/
[class^="see-icon-"],
[class*=" see-icon-"] {
  font-family: "see-icon" !important;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
[class^="see-icon-xdd"],
[class*=" see-icon-xdd"] {
  font-family: "see-icon-xdd" !important;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
[class^="see-icon-v5-common"],
[class*=" see-icon-v5-common"] {
  font-family: "see-icon-v5-common" !important;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
[class^="see-icon-v5-show"],
[class*=" see-icon-v5-show"] {
  font-family: "see-icon-v5-show" !important;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

@font-face {
  font-family: "see-icon-v5-common";
  src: url(../fonts/see-icon-v5-common/iconfont.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url(../fonts/see-icon-v5-common/iconfont.svg#see-icon-v5-common) format('svg');
  /* iOS 4.1- */
}
.see-icon-v5-common {
  font-family: "see-icon-v5-common" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.see-icon-v5-common-close:before {
  content: "\e603";
}
.see-icon-v5-common-location-fill:before {
  content: "\e615";
}
.see-icon-v5-common-time:before {
  content: "\e602";
}
.see-icon-v5-common-camera:before {
  content: "\e608";
}
.see-icon-v5-common-settings:before {
  content: "\e60e";
}
.see-icon-v5-common-refresh:before {
  content: "\e610";
}
.see-icon-v5-common-delete-fill:before {
  content: "\e611";
}
.see-icon-v5-common-delete:before {
  content: "\e612";
}
.see-icon-v5-common-view:before {
  content: "\e667";
}
.see-icon-v5-common-importdownload:before {
  content: "\e63a";
}
.see-icon-v5-common-arrow-top-fill:before {
  content: "\e61c";
}
.see-icon-v5-common-news:before {
  content: "\e62a";
}
.see-icon-v5-common-add:before {
  content: "\e616";
}
.see-icon-v5-common-bulletin:before {
  content: "\e62b";
}
.see-icon-v5-common-seal:before {
  content: "\e62d";
}
.see-icon-v5-common-ok-circle:before {
  content: "\e631";
}
.see-icon-v5-common-expression:before {
  content: "\e65a";
}
.see-icon-v5-common-document-fill:before {
  content: "\e66b";
}
.see-icon-v5-common-right-circle:before {
  content: "\e659";
}
.see-icon-v5-common-meeting:before {
  content: "\e638";
}
.see-icon-v5-common-mail:before {
  content: "\e63e";
}
.see-icon-v5-common-add-user:before {
  content: "\e63f";
}
.see-icon-v5-common-praise-fill:before {
  content: "\e664";
}
.see-icon-v5-common-point-top:before {
  content: "\e65b";
}
.see-icon-v5-common-radio-checked:before {
  content: "\e606";
}
.see-icon-v5-common-stick-round:before {
  content: "\e668";
}
.see-icon-v5-common-keyboard:before {
  content: "\e65c";
}
.see-icon-v5-common-stick:before {
  content: "\e666";
}
.see-icon-v5-common-pull-down:before {
  content: "\e600";
}
.see-icon-v5-common-time-bold:before {
  content: "\e617";
}
.see-icon-v5-common-clock:before {
  content: "\e645";
}
.see-icon-v5-common-important-2:before {
  content: "\e647";
}
.see-icon-v5-common-replies:before {
  content: "\e649";
}
.see-icon-v5-common-rollback:before {
  content: "\e64a";
}
.see-icon-v5-common-endorse:before {
  content: "\e64b";
}
.see-icon-v5-common-getback-bold:before {
  content: "\e64d";
}
.see-icon-v5-common-delete-bold:before {
  content: "\e64e";
}
.see-icon-v5-common-important-1:before {
  content: "\e654";
}
.see-icon-v5-common-transmit-bold:before {
  content: "\e655";
}
.see-icon-v5-common-important-4:before {
  content: "\e657";
}
.see-icon-v5-common-important-5:before {
  content: "\e658";
}
.see-icon-v5-common-meeting-refuse:before {
  content: "\e65e";
}
.see-icon-v5-common-meeting-accept:before {
  content: "\e65f";
}
.see-icon-v5-common-qrcode:before {
  content: "\e665";
}
.see-icon-v5-common-praise:before {
  content: "\e66e";
}
.see-icon-v5-common-arrow-bottom-fill:before {
  content: "\e609";
}
.see-icon-v5-common-apps:before {
  content: "\e674";
}
.see-icon-v5-common-stop-circle-fill:before {
  content: "\e63d";
}
.see-icon-v5-common-arrow-back:before {
  content: "\e676";
}
.see-icon-v5-common-transverse-switch:before {
  content: "\e677";
}
.see-icon-v5-common-important-3:before {
  content: "\e678";
}
.see-icon-v5-common-edit:before {
  content: "\e640";
}
.see-icon-v5-common-beback:before {
  content: "\e607";
}
.see-icon-v5-common-doc-edit:before {
  content: "\e60a";
}
.see-icon-v5-common-editingprocess:before {
  content: "\e60b";
}
.see-icon-v5-common-note-fill:before {
  content: "\e60d";
}
.see-icon-v5-common-operator:before {
  content: "\e60f";
}
.see-icon-v5-common-send:before {
  content: "\e613";
}
.see-icon-v5-common-node-operator-fill:before {
  content: "\e618";
}
.see-icon-v5-common-switch-light-form:before {
  content: "\e619";
}
.see-icon-v5-common-getback:before {
  content: "\e61b";
}
.see-icon-v5-common-take-photo:before {
  content: "\e61f";
}
.see-icon-v5-common-new-form-seeyon:before {
  content: "\e621";
}
.see-icon-v5-common-new-seeyon:before {
  content: "\e622";
}
.see-icon-v5-common-more-circle-fill:before {
  content: "\e625";
}
.see-icon-v5-common-transmit:before {
  content: "\e626";
}
.see-icon-v5-common-add-circle:before {
  content: "\e627";
}
.see-icon-v5-common-add-rect-fill:before {
  content: "\e628";
}
.see-icon-v5-common-copy-circle:before {
  content: "\e62c";
}
.see-icon-v5-common-arrow-right:before {
  content: "\e62e";
}
.see-icon-v5-common-switch-grid:before {
  content: "\e630";
}
.see-icon-v5-common-switch-list:before {
  content: "\e634";
}
.see-icon-v5-common-delete-circle:before {
  content: "\e635";
}
.see-icon-v5-common-remove-circle:before {
  content: "\e637";
}
.see-icon-v5-common-import-img:before {
  content: "\e639";
}
.see-icon-v5-common-arrow-down:before {
  content: "\e63b";
}
.see-icon-v5-common-arrow-top:before {
  content: "\e63c";
}
.see-icon-v5-common-tracking-cancel:before {
  content: "\e601";
}
.see-icon-v5-common-unview-circle-fill:before {
  content: "\e61a";
}
.see-icon-v5-common-view-circle-fill:before {
  content: "\e632";
}
.see-icon-v5-common-rollback-fill:before {
  content: "\e633";
}
.see-icon-v5-common-form:before {
  content: "\e604";
}
.see-icon-v5-common-tracking:before {
  content: "\e623";
}
.see-icon-v5-common-arrow-left:before {
  content: "\e636";
}
.see-icon-v5-common-radio-unchecked:before {
  content: "\e605";
}
.see-icon-v5-common-comment:before {
  content: "\e60c";
}
.see-icon-v5-common-comment-fill:before {
  content: "\e614";
}
.see-icon-v5-common-document-project:before {
  content: "\e61d";
}
.see-icon-v5-common-document-unit:before {
  content: "\e61e";
}
.see-icon-v5-common-document-official:before {
  content: "\e620";
}
.see-icon-v5-common-document-other:before {
  content: "\e624";
}
.see-icon-v5-common-document-my:before {
  content: "\e629";
}
.see-icon-v5-common-document-integration:before {
  content: "\e62f";
}
.see-icon-v5-common-form-switch:before {
  content: "\e641";
}
.see-icon-v5-common-search:before {
  content: "\e642";
}
.see-icon-v5-common-statistics:before {
  content: "\e643";
}

@font-face {
  font-family: "see-icon";
  src: url(../fonts/see-icon/iconfont.ttf) format('truetype'), url(../fonts/see-icon/iconfont.svg#see-icon) format('svg');
}
.see-icon {
  font-family: "see-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.see-icon-succeed:before {
  content: "\e600";
}
.see-icon-pause:before {
  content: "\e601";
}
.see-icon-ok-circle-fill:before {
  content: "\e60d";
}
.see-icon-close-round-fill:before {
  content: "\e60e";
}
.see-icon-close-round:before {
  content: "\e60f";
}
.see-icon-more:before {
  content: "\e610";
}
.see-icon-warning:before {
  content: "\e602";
}
.see-icon-add-round-fill:before {
  content: "\e611";
}
.see-icon-add-round:before {
  content: "\e612";
}
.see-icon-play:before {
  content: "\e603";
}
.see-icon-record:before {
  content: "\e604";
}
.see-icon-record-fill:before {
  content: "\e613";
}
.see-icon-stop:before {
  content: "\e605";
}
.see-icon-error:before {
  content: "\e606";
}
.see-icon-checked-fill:before {
  content: "\e607";
}
.see-icon-radio-checked:before {
  content: "\e61e";
}
.see-icon-loadfail:before {
  content: "\e608";
}
.see-icon-searchnoresults:before {
  content: "\e609";
}
.see-icon-searchnocontent:before {
  content: "\e60a";
}
.see-icon-download:before {
  content: "\e616";
}
.see-icon-checked:before {
  content: "\e60b";
}
.see-icon-accessory:before {
  content: "\e60c";
}
.see-icon-tree-level:before {
  content: "\e617";
}
.see-icon-gosearchhistory:before {
  content: "\e614";
}
.see-icon-searchhistory:before {
  content: "\e615";
}
.see-icon-record-fill1:before {
  content: "\e618";
}
.see-icon-folder-open-fill:before {
  content: "\e619";
}
.see-icon-doc-relation:before {
  content: "\e621";
}
.see-icon-picture:before {
  content: "\e61a";
}
.see-icon-search:before {
  content: "\e61f";
}
.see-icon-camera-fill:before {
  content: "\e61b";
}
.see-icon-success-circle-fill:before {
  content: "\e620";
}
.see-icon-voice-key:before {
  content: "\e61c";
}
.see-icon-radio-unchecked:before {
  content: "\e61d";
}