@charset "utf-8";
/*!
 * Tingyun-Bootstrap
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: visible;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* pre {
  overflow: auto;
} */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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;
  -moz-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 {
  padding: .35em .625em .75em;
  margin: 0 2px;
  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;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: none;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'SF UI Test','PingFang SC','Segoe UI','Microsoft Yahei',"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  /*color: #333;*/
  background-color: rgb(121,121,121,0);/*#292a2d*/
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: rgba(53,123,231,1);
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1890FF;
  text-decoration: none;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #3C80E7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #48bb87;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #ffcc43;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #DF5D56 !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1554px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
  float: left;
}
.col-xs-24 {
  width: 100%;
}
.col-xs-23 {
  width: 95.83333333%;
}
.col-xs-22 {
  width: 91.66666667%;
}
.col-xs-21 {
  width: 87.5%;
}
.col-xs-20 {
  width: 83.33333333%;
}
.col-xs-19 {
  width: 79.16666667%;
}
.col-xs-18 {
  width: 75%;
}
.col-xs-17 {
  width: 70.83333333%;
}
.col-xs-16 {
  width: 66.66666667%;
}
.col-xs-15 {
  width: 62.5%;
}
.col-xs-14 {
  width: 58.33333333%;
}
.col-xs-13 {
  width: 54.16666667%;
}
.col-xs-12 {
  width: 50%;
}
.col-xs-11 {
  width: 45.83333333%;
}
.col-xs-10 {
  width: 41.66666667%;
}
.col-xs-9 {
  width: 37.5%;
}
.col-xs-8 {
  width: 33.33333333%;
}
.col-xs-7 {
  width: 29.16666667%;
}
.col-xs-6 {
  width: 25%;
}
.col-xs-5 {
  width: 20.83333333%;
}
.col-xs-4 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 12.5%;
}
.col-xs-2 {
  width: 8.33333333%;
}
.col-xs-1 {
  width: 4.16666667%;
}
.col-xs-pull-24 {
  right: 100%;
}
.col-xs-pull-23 {
  right: 95.83333333%;
}
.col-xs-pull-22 {
  right: 91.66666667%;
}
.col-xs-pull-21 {
  right: 87.5%;
}
.col-xs-pull-20 {
  right: 83.33333333%;
}
.col-xs-pull-19 {
  right: 79.16666667%;
}
.col-xs-pull-18 {
  right: 75%;
}
.col-xs-pull-17 {
  right: 70.83333333%;
}
.col-xs-pull-16 {
  right: 66.66666667%;
}
.col-xs-pull-15 {
  right: 62.5%;
}
.col-xs-pull-14 {
  right: 58.33333333%;
}
.col-xs-pull-13 {
  right: 54.16666667%;
}
.col-xs-pull-12 {
  right: 50%;
}
.col-xs-pull-11 {
  right: 45.83333333%;
}
.col-xs-pull-10 {
  right: 41.66666667%;
}
.col-xs-pull-9 {
  right: 37.5%;
}
.col-xs-pull-8 {
  right: 33.33333333%;
}
.col-xs-pull-7 {
  right: 29.16666667%;
}
.col-xs-pull-6 {
  right: 25%;
}
.col-xs-pull-5 {
  right: 20.83333333%;
}
.col-xs-pull-4 {
  right: 16.66666667%;
}
.col-xs-pull-3 {
  right: 12.5%;
}
.col-xs-pull-2 {
  right: 8.33333333%;
}
.col-xs-pull-1 {
  right: 4.16666667%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-24 {
  left: 100%;
}
.col-xs-push-23 {
  left: 95.83333333%;
}
.col-xs-push-22 {
  left: 91.66666667%;
}
.col-xs-push-21 {
  left: 87.5%;
}
.col-xs-push-20 {
  left: 83.33333333%;
}
.col-xs-push-19 {
  left: 79.16666667%;
}
.col-xs-push-18 {
  left: 75%;
}
.col-xs-push-17 {
  left: 70.83333333%;
}
.col-xs-push-16 {
  left: 66.66666667%;
}
.col-xs-push-15 {
  left: 62.5%;
}
.col-xs-push-14 {
  left: 58.33333333%;
}
.col-xs-push-13 {
  left: 54.16666667%;
}
.col-xs-push-12 {
  left: 50%;
}
.col-xs-push-11 {
  left: 45.83333333%;
}
.col-xs-push-10 {
  left: 41.66666667%;
}
.col-xs-push-9 {
  left: 37.5%;
}
.col-xs-push-8 {
  left: 33.33333333%;
}
.col-xs-push-7 {
  left: 29.16666667%;
}
.col-xs-push-6 {
  left: 25%;
}
.col-xs-push-5 {
  left: 20.83333333%;
}
.col-xs-push-4 {
  left: 16.66666667%;
}
.col-xs-push-3 {
  left: 12.5%;
}
.col-xs-push-2 {
  left: 8.33333333%;
}
.col-xs-push-1 {
  left: 4.16666667%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-24 {
  margin-left: 100%;
}
.col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.col-xs-offset-21 {
  margin-left: 87.5%;
}
.col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.col-xs-offset-18 {
  margin-left: 75%;
}
.col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.col-xs-offset-15 {
  margin-left: 62.5%;
}
.col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.col-xs-offset-12 {
  margin-left: 50%;
}
.col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.col-xs-offset-9 {
  margin-left: 37.5%;
}
.col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.col-xs-offset-6 {
  margin-left: 25%;
}
.col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 12.5%;
}
.col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 992px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 {
    float: left;
  }
  .col-sm-24 {
    width: 100%;
  }
  .col-sm-23 {
    width: 95.83333333%;
  }
  .col-sm-22 {
    width: 91.66666667%;
  }
  .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-20 {
    width: 83.33333333%;
  }
  .col-sm-19 {
    width: 79.16666667%;
  }
  .col-sm-18 {
    width: 75%;
  }
  .col-sm-17 {
    width: 70.83333333%;
  }
  .col-sm-16 {
    width: 66.66666667%;
  }
  .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-14 {
    width: 58.33333333%;
  }
  .col-sm-13 {
    width: 54.16666667%;
  }
  .col-sm-12 {
    width: 50%;
  }
  .col-sm-11 {
    width: 45.83333333%;
  }
  .col-sm-10 {
    width: 41.66666667%;
  }
  .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-8 {
    width: 33.33333333%;
  }
  .col-sm-7 {
    width: 29.16666667%;
  }
  .col-sm-6 {
    width: 25%;
  }
  .col-sm-5 {
    width: 20.83333333%;
  }
  .col-sm-4 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-2 {
    width: 8.33333333%;
  }
  .col-sm-1 {
    width: 4.16666667%;
  }
  .col-sm-pull-24 {
    right: 100%;
  }
  .col-sm-pull-23 {
    right: 95.83333333%;
  }
  .col-sm-pull-22 {
    right: 91.66666667%;
  }
  .col-sm-pull-21 {
    right: 87.5%;
  }
  .col-sm-pull-20 {
    right: 83.33333333%;
  }
  .col-sm-pull-19 {
    right: 79.16666667%;
  }
  .col-sm-pull-18 {
    right: 75%;
  }
  .col-sm-pull-17 {
    right: 70.83333333%;
  }
  .col-sm-pull-16 {
    right: 66.66666667%;
  }
  .col-sm-pull-15 {
    right: 62.5%;
  }
  .col-sm-pull-14 {
    right: 58.33333333%;
  }
  .col-sm-pull-13 {
    right: 54.16666667%;
  }
  .col-sm-pull-12 {
    right: 50%;
  }
  .col-sm-pull-11 {
    right: 45.83333333%;
  }
  .col-sm-pull-10 {
    right: 41.66666667%;
  }
  .col-sm-pull-9 {
    right: 37.5%;
  }
  .col-sm-pull-8 {
    right: 33.33333333%;
  }
  .col-sm-pull-7 {
    right: 29.16666667%;
  }
  .col-sm-pull-6 {
    right: 25%;
  }
  .col-sm-pull-5 {
    right: 20.83333333%;
  }
  .col-sm-pull-4 {
    right: 16.66666667%;
  }
  .col-sm-pull-3 {
    right: 12.5%;
  }
  .col-sm-pull-2 {
    right: 8.33333333%;
  }
  .col-sm-pull-1 {
    right: 4.16666667%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-24 {
    left: 100%;
  }
  .col-sm-push-23 {
    left: 95.83333333%;
  }
  .col-sm-push-22 {
    left: 91.66666667%;
  }
  .col-sm-push-21 {
    left: 87.5%;
  }
  .col-sm-push-20 {
    left: 83.33333333%;
  }
  .col-sm-push-19 {
    left: 79.16666667%;
  }
  .col-sm-push-18 {
    left: 75%;
  }
  .col-sm-push-17 {
    left: 70.83333333%;
  }
  .col-sm-push-16 {
    left: 66.66666667%;
  }
  .col-sm-push-15 {
    left: 62.5%;
  }
  .col-sm-push-14 {
    left: 58.33333333%;
  }
  .col-sm-push-13 {
    left: 54.16666667%;
  }
  .col-sm-push-12 {
    left: 50%;
  }
  .col-sm-push-11 {
    left: 45.83333333%;
  }
  .col-sm-push-10 {
    left: 41.66666667%;
  }
  .col-sm-push-9 {
    left: 37.5%;
  }
  .col-sm-push-8 {
    left: 33.33333333%;
  }
  .col-sm-push-7 {
    left: 29.16666667%;
  }
  .col-sm-push-6 {
    left: 25%;
  }
  .col-sm-push-5 {
    left: 20.83333333%;
  }
  .col-sm-push-4 {
    left: 16.66666667%;
  }
  .col-sm-push-3 {
    left: 12.5%;
  }
  .col-sm-push-2 {
    left: 8.33333333%;
  }
  .col-sm-push-1 {
    left: 4.16666667%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-24 {
    margin-left: 100%;
  }
  .col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-sm-offset-18 {
    margin-left: 75%;
  }
  .col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-sm-offset-12 {
    margin-left: 50%;
  }
  .col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-sm-offset-6 {
    margin-left: 25%;
  }
  .col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
    float: left;
  }
  .col-md-24 {
    width: 100%;
  }
  .col-md-23 {
    width: 95.83333333%;
  }
  .col-md-22 {
    width: 91.66666667%;
  }
  .col-md-21 {
    width: 87.5%;
  }
  .col-md-20 {
    width: 83.33333333%;
  }
  .col-md-19 {
    width: 79.16666667%;
  }
  .col-md-18 {
    width: 75%;
  }
  .col-md-17 {
    width: 70.83333333%;
  }
  .col-md-16 {
    width: 66.66666667%;
  }
  .col-md-15 {
    width: 62.5%;
  }
  .col-md-14 {
    width: 58.33333333%;
  }
  .col-md-13 {
    width: 54.16666667%;
  }
  .col-md-12 {
    width: 50%;
  }
  .col-md-11 {
    width: 45.83333333%;
  }
  .col-md-10 {
    width: 41.66666667%;
  }
  .col-md-9 {
    width: 37.5%;
  }
  .col-md-8 {
    width: 33.33333333%;
  }
  .col-md-7 {
    width: 29.16666667%;
  }
  .col-md-6 {
    width: 25%;
  }
  .col-md-5 {
    width: 20.83333333%;
  }
  .col-md-4 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 12.5%;
  }
  .col-md-2 {
    width: 8.33333333%;
  }
  .col-md-1 {
    width: 4.16666667%;
  }
  .col-md-pull-24 {
    right: 100%;
  }
  .col-md-pull-23 {
    right: 95.83333333%;
  }
  .col-md-pull-22 {
    right: 91.66666667%;
  }
  .col-md-pull-21 {
    right: 87.5%;
  }
  .col-md-pull-20 {
    right: 83.33333333%;
  }
  .col-md-pull-19 {
    right: 79.16666667%;
  }
  .col-md-pull-18 {
    right: 75%;
  }
  .col-md-pull-17 {
    right: 70.83333333%;
  }
  .col-md-pull-16 {
    right: 66.66666667%;
  }
  .col-md-pull-15 {
    right: 62.5%;
  }
  .col-md-pull-14 {
    right: 58.33333333%;
  }
  .col-md-pull-13 {
    right: 54.16666667%;
  }
  .col-md-pull-12 {
    right: 50%;
  }
  .col-md-pull-11 {
    right: 45.83333333%;
  }
  .col-md-pull-10 {
    right: 41.66666667%;
  }
  .col-md-pull-9 {
    right: 37.5%;
  }
  .col-md-pull-8 {
    right: 33.33333333%;
  }
  .col-md-pull-7 {
    right: 29.16666667%;
  }
  .col-md-pull-6 {
    right: 25%;
  }
  .col-md-pull-5 {
    right: 20.83333333%;
  }
  .col-md-pull-4 {
    right: 16.66666667%;
  }
  .col-md-pull-3 {
    right: 12.5%;
  }
  .col-md-pull-2 {
    right: 8.33333333%;
  }
  .col-md-pull-1 {
    right: 4.16666667%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-24 {
    left: 100%;
  }
  .col-md-push-23 {
    left: 95.83333333%;
  }
  .col-md-push-22 {
    left: 91.66666667%;
  }
  .col-md-push-21 {
    left: 87.5%;
  }
  .col-md-push-20 {
    left: 83.33333333%;
  }
  .col-md-push-19 {
    left: 79.16666667%;
  }
  .col-md-push-18 {
    left: 75%;
  }
  .col-md-push-17 {
    left: 70.83333333%;
  }
  .col-md-push-16 {
    left: 66.66666667%;
  }
  .col-md-push-15 {
    left: 62.5%;
  }
  .col-md-push-14 {
    left: 58.33333333%;
  }
  .col-md-push-13 {
    left: 54.16666667%;
  }
  .col-md-push-12 {
    left: 50%;
  }
  .col-md-push-11 {
    left: 45.83333333%;
  }
  .col-md-push-10 {
    left: 41.66666667%;
  }
  .col-md-push-9 {
    left: 37.5%;
  }
  .col-md-push-8 {
    left: 33.33333333%;
  }
  .col-md-push-7 {
    left: 29.16666667%;
  }
  .col-md-push-6 {
    left: 25%;
  }
  .col-md-push-5 {
    left: 20.83333333%;
  }
  .col-md-push-4 {
    left: 16.66666667%;
  }
  .col-md-push-3 {
    left: 12.5%;
  }
  .col-md-push-2 {
    left: 8.33333333%;
  }
  .col-md-push-1 {
    left: 4.16666667%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-24 {
    margin-left: 100%;
  }
  .col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-md-offset-18 {
    margin-left: 75%;
  }
  .col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-md-offset-12 {
    margin-left: 50%;
  }
  .col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-md-offset-6 {
    margin-left: 25%;
  }
  .col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
    float: left;
  }
  .col-lg-24 {
    width: 100%;
  }
  .col-lg-23 {
    width: 95.83333333%;
  }
  .col-lg-22 {
    width: 91.66666667%;
  }
  .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-20 {
    width: 83.33333333%;
  }
  .col-lg-19 {
    width: 79.16666667%;
  }
  .col-lg-18 {
    width: 75%;
  }
  .col-lg-17 {
    width: 70.83333333%;
  }
  .col-lg-16 {
    width: 66.66666667%;
  }
  .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-14 {
    width: 58.33333333%;
  }
  .col-lg-13 {
    width: 54.16666667%;
  }
  .col-lg-12 {
    width: 50%;
  }
  .col-lg-11 {
    width: 45.83333333%;
  }
  .col-lg-10 {
    width: 41.66666667%;
  }
  .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-8 {
    width: 33.33333333%;
  }
  .col-lg-7 {
    width: 29.16666667%;
  }
  .col-lg-6 {
    width: 25%;
  }
  .col-lg-5 {
    width: 20.83333333%;
  }
  .col-lg-4 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-2 {
    width: 8.33333333%;
  }
  .col-lg-1 {
    width: 4.16666667%;
  }
  .col-lg-pull-24 {
    right: 100%;
  }
  .col-lg-pull-23 {
    right: 95.83333333%;
  }
  .col-lg-pull-22 {
    right: 91.66666667%;
  }
  .col-lg-pull-21 {
    right: 87.5%;
  }
  .col-lg-pull-20 {
    right: 83.33333333%;
  }
  .col-lg-pull-19 {
    right: 79.16666667%;
  }
  .col-lg-pull-18 {
    right: 75%;
  }
  .col-lg-pull-17 {
    right: 70.83333333%;
  }
  .col-lg-pull-16 {
    right: 66.66666667%;
  }
  .col-lg-pull-15 {
    right: 62.5%;
  }
  .col-lg-pull-14 {
    right: 58.33333333%;
  }
  .col-lg-pull-13 {
    right: 54.16666667%;
  }
  .col-lg-pull-12 {
    right: 50%;
  }
  .col-lg-pull-11 {
    right: 45.83333333%;
  }
  .col-lg-pull-10 {
    right: 41.66666667%;
  }
  .col-lg-pull-9 {
    right: 37.5%;
  }
  .col-lg-pull-8 {
    right: 33.33333333%;
  }
  .col-lg-pull-7 {
    right: 29.16666667%;
  }
  .col-lg-pull-6 {
    right: 25%;
  }
  .col-lg-pull-5 {
    right: 20.83333333%;
  }
  .col-lg-pull-4 {
    right: 16.66666667%;
  }
  .col-lg-pull-3 {
    right: 12.5%;
  }
  .col-lg-pull-2 {
    right: 8.33333333%;
  }
  .col-lg-pull-1 {
    right: 4.16666667%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-24 {
    left: 100%;
  }
  .col-lg-push-23 {
    left: 95.83333333%;
  }
  .col-lg-push-22 {
    left: 91.66666667%;
  }
  .col-lg-push-21 {
    left: 87.5%;
  }
  .col-lg-push-20 {
    left: 83.33333333%;
  }
  .col-lg-push-19 {
    left: 79.16666667%;
  }
  .col-lg-push-18 {
    left: 75%;
  }
  .col-lg-push-17 {
    left: 70.83333333%;
  }
  .col-lg-push-16 {
    left: 66.66666667%;
  }
  .col-lg-push-15 {
    left: 62.5%;
  }
  .col-lg-push-14 {
    left: 58.33333333%;
  }
  .col-lg-push-13 {
    left: 54.16666667%;
  }
  .col-lg-push-12 {
    left: 50%;
  }
  .col-lg-push-11 {
    left: 45.83333333%;
  }
  .col-lg-push-10 {
    left: 41.66666667%;
  }
  .col-lg-push-9 {
    left: 37.5%;
  }
  .col-lg-push-8 {
    left: 33.33333333%;
  }
  .col-lg-push-7 {
    left: 29.16666667%;
  }
  .col-lg-push-6 {
    left: 25%;
  }
  .col-lg-push-5 {
    left: 20.83333333%;
  }
  .col-lg-push-4 {
    left: 16.66666667%;
  }
  .col-lg-push-3 {
    left: 12.5%;
  }
  .col-lg-push-2 {
    left: 8.33333333%;
  }
  .col-lg-push-1 {
    left: 4.16666667%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-24 {
    margin-left: 100%;
  }
  .col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .col-lg-offset-18 {
    margin-left: 75%;
  }
  .col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .col-lg-offset-12 {
    margin-left: 50%;
  }
  .col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .col-lg-offset-6 {
    margin-left: 25%;
  }
  .col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #666;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #666;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  /* font-weight: bold; */
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    /* vertical-align: middle; */
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
body {
  font-size: 14px;
  line-height: 1.5;
}
ul,
ol,
li,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}
p {
  margin: 0;
}
th,
dt {
  font-weight: normal;
}
em {
  font-style: normal;
}
.font-base {
  font-size: 14px;
  line-height: 1.5;
}
.bg-blue {
  background: rgba(53,123,231,1) !important;
}
.bg-green{
  background:#43aa93!important;
}
.mt10{
  margin-top:10px !important;
}
.mt60 {
  margin-top: 60px;
}
.card-title {
  font-size: 16px;
  color: #fff;
  font-weight:550;
}
.card-title .text-base,.card-title.text-opacity{
  color: rgba(255, 255, 255, .65);
}
.card-title .text-small {
  margin-left: 12px;
  color: rgba(255, 255, 255, .4);
}
.text-red {
  color: #c85d54;
}
.img-block {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.arrow {
  width: 0;
  height: 0;
  border-right: 13px solid transparent;
  border-bottom: 12px solid #2e2f3a;
  border-left: 13px solid transparent;
  opacity: 0;
}
.arrow-white {
  width: 0;
  height: 0;
  border-right: 13px solid transparent;
  border-bottom: 12px solid #f2f6fa;
  border-left: 13px solid transparent;
  opacity: 0;
}
.arrow-t-show{
  position: absolute;
  top: -12px;
  left: 30px;
  opacity: 1;
}
.layout-content .arrow{
  border-bottom: 12px solid #1D1E22;
}
.text-strong {
  font-size: 16px;
}
.text-base {
  font-size: 14px !important;
}
.text-small {
  font-size: 12px !important;
}
.bg-white {
  background: #fff;
}
.cursor-pointer {
  cursor: pointer;
  outline:none;
}
.select-list-wrap {
  position: relative;
  min-width: 124px;
  text-align: left;
}
.select-list-wrap p {
  position: relative;
  padding: 0 30px 0 10px;
  line-height: 28px;
  cursor: pointer;
  border: 1px solid transparent;
}
.select-list-wrap p span {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, .4);
  white-space: nowrap;
}
.select-list-wrap p.active span {
  color: rgba(255, 255, 255, 1);
}
.select-list-wrap p .arrow-line {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-top: 2px solid rgba(255, 255, 255, .4);
  border-right: 2px solid rgba(255, 255, 255, .4);
  -webkit-transition: -webkit-transform .3s linear;
  -o-transition:      -o-transform .3s linear;
  transition:         transform .3s linear;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.select-list-wrap .select-ul {
  position: absolute;
  top: 29px;
  right: 0;
  z-index: 100;
  display: none;
  min-width: 100%;
  background: #2e2f3a;
  -webkit-box-shadow: 0 5px 10px rgba(10, 10, 10, .2);
  -moz-box-shadow: 0 5px 10px rgba(10, 10, 10, .2);
  box-shadow: 0 5px 10px rgba(10, 10, 10, .2);
}
.select-list-wrap .select-ul li {
  padding: 9px 10px;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
  border-top: 1px solid rgba(255, 255, 255, .05);
}
.select-list-wrap:hover .arrow-line,
.select-list-wrap.active .arrow-line {
  margin-top: -3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.select-list-wrap:hover p,
.select-list-wrap.active p {
  border: 1px solid rgba(255, 255, 255, .05);
}
.select-list-wrap:hover p span,
.select-list-wrap.active p span {
  color: #fff;
}
.select-list-wrap:hover .select-ul,
.select-list-wrap.active .select-ul {
  display: block;
}
.table-bor {
  width: 100%;
}
.table-bor .text-strong {
  font-size: 14px;
  color: #fff;
}
.table-bor .icon-table-spot {
  position: relative;
  padding-left: 26px;
}
.table-bor .icon-table-spot:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  content: "";
}
.table-bor .icon-table-spot.color-blue:before {
  background: #5d5dcd;
}
.table-bor .icon-table-spot.color-purple:before {
  background: #7249c4;
}
.table-bor .icon-table-spot.color-red:before {
  background: #de4f52;
}
.table-bor .icon-table-spot.color-green:before {
  background: #43aa93;
}
.table-bor .icon-table-spot.color-lightblue:before {
  background: #3479e8;
}
.table-bor tr th.pr-50,
.table-bor tr td.pr-50{
  padding-right:50px;
}
.table-bor .icon-sort {
  position: relative;
  display: inline-block;
  padding-right: 32px;
  cursor: pointer;
}
.table-bor .icon-sort em {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 22px;
  height: 16px;
  margin-top: -8px;
  content: "";
  background: url(../images/tingyun-report-sort-icon.svg) center no-repeat;
  opacity: .4;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.table-bor .icon-sort.up em {
  background: url(../images/tingyun-report-sort-up-icon.svg) center no-repeat;
}
.table-bor .icon-sort.down em {
  background: url(../images/tingyun-report-sort-down-icon.svg) center no-repeat;
}
.table-bor .icon-sort:hover em {
  opacity: 1;
}
.table-bor .td-border-reset:before {
  position: absolute;
  bottom: -1px;
  z-index: 1;
  display: block;
  width: 40px;
  height: 1px;
  content: "";
  background: #292a2d;
}
.table-bor .td-border-reset:after {
  position: absolute;
  top: -1px;
  z-index: 1;
  display: block;
  width: 40px;
  height: 1px;
  content: "";
  background: #292a2d;
}
.bg-purple .table-bor .td-border-reset:before,.bg-purple .table-bor .td-border-reset:after{
  background: #7b7bf5;
}
.table-bor tr > th {
  height: 32px;
  padding: 0 10px;
  font-size:16px;
}
.table-bor tr > th:first-child {
  padding-left: 40px;
}
.table-bor tr > th:last-child {
  padding-right: 40px;
}
.table-bor tr > th > span {
  white-space: nowrap;
  font-size:14px;
}
.table-bor tr > td {
  padding: 8px 10px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.table-bor tr > td:first-child {
  position: relative;
  padding-left: 40px;
}
.table-bor tr > td:first-child .td-border-reset:before,
.table-bor tr > td:first-child .td-border-reset:after {
  left: 0;
}
.table-bor tr > td:last-child {
  position: relative;
  padding-right: 40px;
}
.table-bor tr > td:last-child .td-border-reset:before,
.table-bor tr > td:last-child .td-border-reset:after {
  right: 0;
}
.table-bor tr > td.td-chart > div {
  height: 34px;
}
.table-bor tr:hover,
.table-bor tr.active {
  background: rgba(255,255,255,.04);
}
.table-bor thead tr:hover,
.table-bor thead tr.active {
  background: initial !important;
}
.table-bor thead tr:hover {
  background: transparent;
}
.table-bor tbody>tr:first-child td {
  border-top: 0;
}
.table-bor tbody>tr:nth-child(4n+5) td {
  border-bottom: 0;
}
.table-bor tbody>tr:nth-child(4n+5) td:after {
  display: none;
}
.table-bor.table-arrow tr > td:first-child {
  position: relative;
}
.table-bor.table-arrow tr > td:first-child:before {
  position: absolute;
  top: 50%;
  left: -18px;
  width: 0;
  height: 0;
  margin-top: -7px;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 12px solid #2e2f3a;
  border-left: 13px solid transparent;
  opacity: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.table-bor.table-arrow tr.active > td:first-child:before,
.table-bor.table-arrow tr:hover > td:first-child:before {
  opacity: 1;
}
.table-bor .text-num {
  width: 15%;
  text-align: right;
}
.table-bor .text-strong {
  color: #fff;
}
.table-sort-little {
  width: 100%;
}
.table-sort-little tr > th {
  height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
}
.table-sort-little tr > th:first-child {
  padding-left: 5px;
}
.table-sort-little tr > th:last-child {
  padding-right: 5px;
}
.table-sort-little tr > th > span {
  white-space: nowrap;
}
.table-sort-little tr > td {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
}
.table-sort-little tr > td.text-strong {
  font-size: 16px;
}
.table-sort-little tr > td.text-small {
  font-size: 12px;
}
.table-sort-little tr > td.text-base {
  font-size: 14px;
}
.table-sort-little tr > td:first-child {
  padding-left: 5px;
}
.table-sort-little tr > td:last-child {
  padding-right: 16px;
}
.progress {
  position: relative;
  height: 32px;
  padding: 13px 65px 13px 0;
}
.progress .progress-bar {
  width: 100%;
  max-width:100%;
  height: 6px;
  background: rgba(0, 0, 0, .2);
  border-radius: 3px;
}
.progress .progress-inner {
  display: block;
  height: 6px;
  background: #fff;
  -webkit-border-radius: 3px;
}
.progress span {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -13.5px;
  font-size: 18px;
}
.page-wrap.clearfix,
.page-wrap.dl-horizontal dd,
.page-wrap.container,
.page-wrap.container-fluid,
.page-wrap.row,
.page-wrap.form-horizontal .form-group {
  overflow-x: hidden;
}
.page-wrap .page-con{
  display: flex;
  -ms-display: flex;        /* IE 9 */
  -webkit-display: flex;    /* Safari and Chrome */
  -o-display: flex;        /* Opera */
  -moz-display: flex;

  justify-content: center;
  -ms-justify-content: center;        /* IE 9 */
  -webkit-justify-content: center;    /* Safari and Chrome */
  -o-justify-content: center;        /* Opera */
  -moz-justify-content: center;
}
.page-wrap .page-length{
  float:left;
  font-size:12px;
  line-height:30px;
  margin-right:10px;
}
.page-wrap .page-ul {
  float:left;
}
.page-wrap .page-ul li {
  float: left;
  margin: 0 2px;
}
.page-wrap .page-ul li a {
  display: block;
  /*width: 30px;*/
  min-width: 30px;
  max-width: 50px;
  height: 30px;
  line-height: 30px;
  color: rgba(255,255,255,.65);
  text-align: center;
  background: rgba(17,17,17,.1);
  border-radius: 4px;
  font-size:12px;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
.page-wrap .page-ul li a:hover{
  color: #111;
  background:rgba(255,255,255,.8);
}
.page-wrap .page-ul li a.active{
  color: #111;
  background: #fff;
}
.page-wrap .page-ul li .btn-pre{
  background:url(../images/arrow-right-white.svg) no-repeat center rgba(17,17,17,.1);
  transform:rotate(-180deg);
}
.page-wrap .page-ul li .btn-pre:hover{
  background:url(../images/arrow-right-black.svg) no-repeat center rgba(255,255,255,.8);
}
.page-wrap .page-ul li .btn-next{
  background:url(../images/arrow-right-white.svg) no-repeat center rgba(17,17,17,.1);
}
.page-wrap .page-ul li .btn-next:hover{
  background:url(../images/arrow-right-black.svg) no-repeat center rgba(255,255,255,.8);
}
.page-wrap .page-ul li a.btn-pre.btn-disabled,
.page-wrap .page-ul li a.btn-pre.btn-disabled:hover,
.page-wrap .page-ul li a.btn-next.btn-disabled,
.page-wrap .page-ul li a.btn-next.btn-disabled:hover{
  cursor:not-allowed;
  background:url(../images/arrow-right-disabled.svg) no-repeat center rgba(255,255,255,.1);
}
.page-wrap .page-ul li .btn-page-more,
.page-wrap .page-ul li .btn-page-more:hover,
.page-wrap .page-ul li .btn-page-more.active{
  cursor:default;
  color:rgba(255,255,255,.5);
  background:transparent;
}
.page-wrap .page-ul li .btn-pre-more,
.page-wrap .page-ul li .btn-next-more{
  position:relative;
  background:transparent;
  font-size:20px;
  line-height:20px;
  border:none;
}
.page-wrap .page-ul li .btn-pre-more:hover,
.page-wrap .page-ul li .btn-next-more:hover{
  overflow:hidden;
  background:url(../images/arrow-right-white.svg) no-repeat 14px center;
  background-color:transparent;
  color:transparent;
  transition:none;
  border:none;
}
.page-wrap .page-ul li .btn-pre-more:hover:before,.page-wrap .page-ul li .btn-next-more:hover:before{
  display: block;
}
.page-wrap .page-ul li .btn-pre-more:hover{
  transform:rotate(-180deg);
}
.page-wrap .page-ul li .btn-pre-more:before,
.page-wrap .page-ul li .btn-next-more:before{
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  top:50%;
  margin-top:-10px;
  right:9px;
  z-index:2;
  display: none;
}
.page-wrap .page-ul li .btn-pre-more:before{
  background:url(../images/arrow-right-white.svg) no-repeat center;
}
.page-wrap .page-ul li .btn-next-more:before{
  background:url(../images/arrow-right-white.svg) no-repeat center;
}
.page-wrap .page-ul li .btn-pre-more:hover:before,
.page-wrap .page-ul li .btn-next-more:hover:before{
  display:block;
}
.page-wrap .dropdown-default{
  float:left;
  margin-right:20px;
}
.page-wrap .dropdown-default .dropdown-text{
  border:1px solid rgba(255,255,255,.1);
  min-width:50px;
  border-radius:4px;
}
.page-wrap .dropdown-wrap{
  border-radius:4px;
}

.tab-dl-bor dt {
  float: left;
  padding: 8px 0;
  font-size: 16px;
  color: rgba(255, 255, 255, .45);
}
.tab-dl-bor dd {
  float: left;
  padding: 8px 24px;
  margin-left: 16px;
  font-size: 16px;
  color: rgba(255, 255, 255, .45);
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.tab-dl-bor dd:hover,
.tab-dl-bor dd.active {
  color: #fff;
  border-color: #959595;
}
.tab-dl-bar {
  width: 100%;
}
.tab-dl-bar dt {
  float: left;
  padding: 0 20px 0 35px;
  color: #fff;
}
.tab-dl-bar dd {
  position: relative;
  float: left;
  padding: 0 20px;
  cursor: pointer;
}
.tab-dl-bar dd:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  content: "";
  background: rgba(255, 255, 255, .2);
}
.tab-dl-bar dd:nth-child(2):before {
  display: none;
}
.tab-dl-bar dd:hover,.tab-dl-bar dd.active{
  color: #fff;

}
.tab-dl-bar dd.active{
  font-weight:550;
}
.scroll {
  overflow-x: auto;
  overflow-y: auto;
}
.scroll::-webkit-scrollbar-track {
  background:transparent;
}
.scroll::-webkit-scrollbar {
  width:6px;
  height:10px;
  background:transparent;
  border-radius:5px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color:rgba(255, 255, 255, 0);
  border-radius:5px;
}
.scroll::-webkit-scrollbar-thumb:hover{
  background-color:rgba(255, 255, 255, .6);
}
.scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.scroll-x::-webkit-scrollbar-track {
  background:transparent;
}
.scroll-x::-webkit-scrollbar {
  width:10px;
  height:10px;
  background:transparent;
  border-radius:5px;
}
.scroll-x::-webkit-scrollbar-thumb {
  background-color:rgba(255, 255, 255, 0);
  border-radius:5px;
}
.scroll-x::-webkit-scrollbar-thumb:hover{
  background-color:rgba(255, 255, 255, .6);
}
.scroll-y {
  overflow-x: hidden;
  overflow-y: auto;
}
.scroll-y::-webkit-scrollbar-track {
  background:transparent;
}
.scroll-y::-webkit-scrollbar {
  width:6px;
  height:10px;
  background:transparent;
  border-radius:5px;
}
.scroll-y::-webkit-scrollbar-thumb {
  background-color:rgba(255, 255, 255, 0);
  border-radius:5px;
}
.scroll-y::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, .6);
}
.text-overflow{
  display: inline-block;/*行内块显示省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.icon-search {
  display: block;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url(../images/tingyun-report-search-icon.svg) no-repeat center;
  opacity: .4;
}
.icon-search:hover {
  opacity: 1;
}
.fixed-wrap {
  position: fixed;
  top: 270px;
  right: 0;
  z-index: 1000;
  width: 70px;
}
.fixed-wrap > div {
  position: relative;
  width: 70px;
  height: 60px;
  margin-bottom: 4px;
}
.fixed-wrap > div .icon-add-wrap,
.fixed-wrap > div .icon-custom-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  background: rgba(0, 0, 0, .5);
  border: 1px solid rgba(0, 0, 0, .3);
  border-radius: 8px 0 0 8px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
  box-shadow: 0 0 7px rgba(0, 0, 0, .5);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.fixed-wrap > div img {
  position: absolute;
  top: 50%;
  left: 23px;
  width: 24px;
  opacity: .5;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fixed-wrap > div span {
  position: absolute;
  top: 50%;
  left: 80px;
  width: 45px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  transition: left .3s linear;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.fixed-wrap > div:hover .icon-add-wrap,
.fixed-wrap > div:hover .icon-custom-wrap {
  width: 110px;
  background: rgba(0, 0, 0, .7);
}
.fixed-wrap > div:hover img {
  opacity: 1;
}
.fixed-wrap > div:hover span {
  left: 54px;
}
.a-card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.header {
  /* position: fixed;
   z-index: 110;
   width: 100%;*/
  display: none;
  height: 80px;
  padding-left: 270px;
  background: #212224;
  -webkit-transition: padding .3s linear;
  -o-transition: padding .3s linear;
  transition: padding .3s linear;
}
.header-search {
  position: relative;
  top: -1px;
  width: 600px;
  height: 50px;
  margin: 16px 0 0 16px;
}
.header-search input {
  display: none;
  width: 100%;
  padding: 13px 32px 13px 64px;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .45);
  background: rgba(114, 118, 131, .05);
  border: 0;
  border-radius: 25px;
  outline: none;
}
.header-search .icon-search {
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -11px;
}
.header-menu-right > li {
  float: right;
  width: 80px;
  height: 80px;
}
.header-user-wrap {
  position: relative;
  cursor: pointer;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
.header-user-wrap .icon-user {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
}
.header-user-wrap .icon-user img {
  opacity: .4;
}
.header-user-wrap ul {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 110;
  min-width: 160px;
  overflow: hidden;
  -webkit-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  -moz-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
}
.header-user-wrap ul li {
  height: 0;
  background: #262729;
}
.header-user-wrap ul li a {
  display: block;
  height: 0;
  padding: 20px 24px;
  overflow: hidden;
  font-size: 16px;
  color: rgba(255, 255, 255, .4);
  white-space: nowrap;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.header-user-wrap ul li a:hover {
  color: #fff;
  background: rgba(0, 0, 0, .2);
}
.header-user-wrap:hover {
  background: rgba(0, 0, 0, .2);
}
.header-user-wrap:hover:before {
  position: absolute;
  right: 0;
  bottom: -7px;
  display: block;
  width: 100%;
  height: 10px;
  content: "";
}
.header-user-wrap:hover .icon-user img {
  opacity: 1;
}
.header-user-wrap:hover ul li {
  height: auto;
}
.header-user-wrap:hover ul li a {
  height: 64px;
}
.header-message-wrap {
  position: relative;
  cursor: pointer;
}
.header-message-wrap .icon-message {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 22px;
  padding: 2px 2px 0 2px;
  margin: -11px 0 0 -11px;
}
.header-message-wrap .icon-message img {
  opacity: .4;
}
.header-message-wrap .icon-message:before {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 102;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  background: #4da399;
  border: 2px solid #212224;
  border-radius: 50%;
}
.header-message-wrap:hover {
  background: rgba(0, 0, 0, .2);
}
.header-message-wrap:hover .icon-message img {
  opacity: 1;
}
.icon-dashboard-entrance {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 20px 0 0 20px;
  opacity: .4;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.icon-dashboard-entrance:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  content: "";
  background: url(../images/tingyun-dashboard-entrance-icon.svg) no-repeat center;
}
.icon-dashboard-entrance:hover {
  opacity: 1;
}
.header-min {
  padding-left: 90px;
}
.sidebar-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105;
  width: 100%;
  height: 80px;
}
.tingyun-logo {
  position: absolute;
  top: 50%;
  left: 32px;
  transform:translateY(-50%);
  display: block;
  width: 140px;
  height: 35px;
  background: url(../images/logo-wukong.svg) no-repeat left center;
  background-size:contain;
  -webkit-transition: width .3s linear;
  -o-transition: width .3s linear;
  transition: width .3s linear;
}
.icon-sidebar-toggle {
  position: absolute;
  top: 20px;
  right: 26px;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(../images/tingyun-report-columns-icon.svg) no-repeat center;
  opacity: .4;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-sidebar-toggle:hover {
  opacity: 1;
}
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 114;
  width: 256px;
  height: 100%;
  padding-top: 80px;
  border-right: 1px solid rgba(51, 58, 75, .4);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.sidebar-mini{
  width:90px;
}
.sidebar ul {
  height: 100%;
  margin-right:-20px;
}
.sidebar > ul > li {
  position: relative;
  margin-top: 1px;
  user-select: none;
}
.sidebar > ul > li .list-name:hover,.list-name.active,.expan {
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, .2);
}
.sidebar > ul > li:hover .sidebar-icon {
  opacity: 1;
}
.sidebar .list-name {
  position: relative;
  display: block;
  height: 56px;
  line-height: 56px;
  padding:0 40px 0 55px;
  overflow: hidden;
  font-size: 14px;
  width: 255px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  color: rgba(255,255,255,.65);
}
.sidebar .sidebar-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  /* opacity: .4; */
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.sidebar .sidebar-icon img {

}
.sidebar .sidebar-nav02 {
  margin-top: 1px;
}
.sidebar .sidebar-nav02 a {
  display: block;
  padding: 0 32px 0 64px;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height:40px;
  line-height: 40px;
  user-select: none;
  color:rgba(255,255,255,.65);
}
.sidebar .sidebar-nav02 a:hover,
.sidebar .sidebar-nav02 a.active {
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, .2);
}
.sidebar .sidebar-nav02 li + li {
  margin-top: 1px;
}
.sidebar-min {
  width: 90px;
}
.sidebar-min .tingyun-logo {
  width: 0;
}
.sidebar-min .icon-sidebar-toggle-min {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.sidebar-min .sidebar-icon {
  left: 50%;
  margin-left: -11px;
}
.sidebar-min .sidebar-icon img {
  width: 22px;
}
.sidebar-min .sidebar-text {
  display: none;
}
.sidebar-min > ul > li .sidebar-nav02 {
  position: absolute;
  top: 0;
  left: 100px;
  z-index: 105;
  display: none;
  background: #262729;
  -webkit-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  -moz-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
}
.sidebar-min > ul > li .sidebar-nav02:before {
  position: absolute;
  top: 0;
  left: -12px;
  display: block;
  width: 15px;
  height: 100%;
  content: "";
}
.sidebar-min > ul > li .sidebar-nav02 a {
  min-width: 270px;
  padding-right: 60px;
}
.sidebar-min > ul > li:hover .sidebar-nav02 {
  display: block;
}
.sidebar-min .list-name {
  padding-right: 0;
  padding-left: 0;
}
.list-name-parent:hover{background: rgba(0,0,0,.2);}
.mini-list-name:hover, .mini-list-name.on {
  background-color: rgba(0,0,0,.2);
}
.content {
  padding: 200px 25px 30px 295px;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear;
}
.content .container-fluid {
  padding-right: 5px;
  padding-left: 5px;
}
.content .row {
  margin-right: -5px;
  margin-left: -5px;
}
.content .row div[class^="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
/*.content .content-header {*/
/*position: absolute;*/
/*top: 100px;*/
/*right: 0;*/
/*width: -webkit-calc(100% - 270px);*/
/*width:         calc(100% - 270px);*/
/*height: 100px;*/
/*padding: 15px 30px;*/
/*-webkit-transition: width .3s linear;*/
/*-o-transition: width .3s linear;*/
/*transition: width .3s linear;*/
/*}*/
.content .content-header{
  /* width:-webkit-calc( 100% + 50px );
  width:calc( 100% + 50px ); */
  position:relative;
  /* right:25px; */
  padding:16px 0 14px;
  z-index:200;
  /* -webkit-transition: width .3s linear; */
  /* -o-transition: width .3s linear; */
  /* transition: width .3s linear; */
}
.content .content-header .tab-fun {
  margin-top: 15px;
}
.content-header-pos{
  position: absolute;
  top: 0px;
  right: 30px;
}
/*.content-header-pos .select-time {*/
/*float:right;*/
/*margin-top:8px;*/
/*}*/
.pro-has-time .select-time{
  margin-top: 15px;
  margin-bottom: 5px;
}
.pro-has-time .tab-toggle-wrap{
  margin-top:15px;
}
.select-has-time .select-time{
  margin-top:6px;
}
.content-header>div:first-child.select-has-time{
  margin-top:8px;
}
.content-header>div:last-child.select-has-time{
  margin-bottom:8px;
}
.content-header>div:first-child.content-header-tab,
.content-header>div:nth-child(3).content-header-tab,
.content-header .select-has-time+.content-header-tab,
.content-header>div:first-child.content-header-layout{
  margin-top:18px;
}
.content-header>div:last-child.content-header-tab{
  margin-bottom:18px;
}
.content-header>div:nth-child(2).pro-has-time,
.content-header>div:nth-child(3).content-header-tab{
  margin-top:10px;
}
.content-header .title-pg{
  padding-top:8px;
  /*padding-bottom:8px;*/
}

/*全屏模式菜单*/
/* 全屏属性 */
:-webkit-full-screen .sidebar{
  display: none !important;
}
:-moz-full-screen .sidebar{
  display: none !important;
}
:-ms-fullscreen .sidebar{
  display: none !important;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .sidebar{
  display: none !important;
}
:fullscreen .sidebar{
  /* IE11支持 */
  display: none !important;
}
:-webkit-full-screen .content{
  padding-left: 25px !important;
}
:-moz-full-screen .content{
  padding-left: 25px !important;
}
:-ms-fullscreen .content{
  padding-left: 25px !important;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .content{
  padding-left: 25px !important;
}
:fullscreen .content{
  /* IE11支持 */
  padding-left: 25px !important;
}
.select-time+.tab-toggle-wrap{
  margin-right:30px;
}
.tab-toggle-wrap{
  border-radius:5px;
  border:1px solid rgba(255,255,255,0.15);
}
.tab-toggle-wrap:after{
  content:'';
  display: block;
  clear:both;
}
.tab-toggle-wrap li{
  position:relative;
  cursor:pointer;
  display:block;
  float:left;
  padding:0 10px;
  border-right:1px solid rgba(255,255,255,0.15);
  line-height:30px;
}
.tab-toggle-wrap .icon-lg{
  display:block;
  width:30px;
  height:30px;
  margin:0 auto;
  opacity:.6;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.tab-toggle-wrap li:first-child .icon-lg{
  background:url(../images/tingyun-report-hd-assort-icon-new.svg) no-repeat center;
  background-size:70%;
}
.tab-toggle-wrap li:nth-child(2) .icon-lg{
  background:url(../images/tingyun-report-hd-computer-icon-new.svg) no-repeat center;
  background-size:70%;
}
.tab-toggle-wrap li:nth-child(3) .icon-lg{
  background:url(../images/tingyun-report-hd-mob-icon-new.svg) no-repeat center;
  background-size:70%;
}
.tab-toggle-wrap li:nth-child(4) .icon-lg{
  background:url(../images/tingyun-report-hd-wx-icon-new.svg) no-repeat center;
  background-size:70%;
}
.tab-toggle-wrap li:hover,
.tab-toggle-wrap li.active{
  border-right:1px solid rgba(255,255,255,0.15);
}
.tab-toggle-wrap li:hover .icon-lg,
.tab-toggle-wrap li.active .icon-lg{
  opacity:1;
}
.tab-toggle-wrap li:last-child,
.tab-toggle-wrap li:last-child:hover{
  border-right:0!important;
}
.tab-toggle-wrap .span-text{
  font-size:14px;
  color:rgba(255,255,255,.65);
  min-width:25px;
  line-height:30px;
  text-align:center;
}
.tab-toggle-wrap.tab-toggle-wrap-md .span-text{
  display:block;
  padding:4px 0;
  line-height:1.5;
}
.tab-toggle-wrap li:hover .span-text{
  color:rgba(255,255,255,1)
}
.tab-toggle-wrap li.active .span-text{
  color:rgba(255,255,255,1);
}
/* .content.content-header-fixed {
	 padding-top: 200px;
 }*/
/*.content.content-header-fixed .content-header {
  width:calc( 100% - 270px );
  position: fixed;
  right:0;
  top: -10px;
  z-index: 1000;
  background: #292a2d;
  -webkit-box-shadow: 0 5px 10px rgba(10, 10, 10, .2);
  -moz-box-shadow: 0 5px 10px rgba(10, 10, 10, .2);
  box-shadow: 0 5px 10px rgba(10, 10, 10, .2);
}
.content.content-header-fixed .content-header>div{
  display: none;
}
.content.content-header-fixed .content-header .content-header-tab{
  display: block;
}
.content.content-header-fixed .content-header .content-header-pos{
  top:10px;
}
.content.content-header-fixed .pro-list-wrap.active {
  top: 165px;
  height: -webkit-calc(100% - 165px);
  height:         calc(100% - 165px);
}*/
.content.content-min {
  padding-left: 120px!important;
}
.content.content-min .content-header {
  /* width: -webkit-calc(100% - 90px); */
  /* width:         calc(100% - 90px); */
  /* width:-webkit-calc( 100% + 50px ); */
  width: 100%;
}
.content.content-min .pro-list-wrap {
  width: -webkit-calc(100% - 90px);
  width:         calc(100% - 90px);
}
.content.content-header-fixed.content-min .content-header {
  width: -webkit-calc(100% - 90px);
  width:         calc(100% - 90px);
}
.pro-wrap {
  position: relative;
  left: -16px;
  padding-left: 30px;
  max-width:500px;
}
.pro-wrap .pro-name {
  position: relative;
  z-index: 2;
  display: block;
  padding: 8px 64px 8px 0;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}
.pro-wrap .arrow-line {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: .4;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.pro-wrap:hover .arrow-line {
  opacity: 1;
}
.pro-wrap.active {
  background: #000;
}
.pro-wrap.active .arrow-line {
  margin-top: -5px;
  opacity: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pro-list-wrap {
  position: fixed;
  right: 0;
  z-index: 1001;
  width: -webkit-calc(100% - 270px);
  width:         calc(100% - 270px);
  height: 0;
  padding: 0 200px;
  background: rgba(0, 0, 0, .95);
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.pro-list-wrap ul {
  width: 3000px;
}
.pro-list-wrap ul > li {
  float:left;
  width: 300px;
  height: 100%;
}
.pro-list-wrap ul > li + li {
  border-left: 1px solid #181818;
}
.pro-list-wrap .pro-list {
  width: 100%;
  padding: 80px 0 32px 32px;
}
.pro-list-wrap .pro-list > li + li {
  margin-top: 32px;
}
.pro-list-wrap .pro-list > li a {
  font-size: 22px;
  color: rgba(255, 255, 255, .4);
  -webkit-transition: color .3s linear;
  -o-transition: color .3s linear;
  transition: color .3s linear;
}
.pro-list-wrap .pro-list > li a:hover,
.pro-list-wrap .pro-list > li a.active {
  color: #fff;
}
.pro-list-wrap:before {
  position: absolute;
  top: -150px;
  left: 25%;
  display: block;
  width: 50%;
  height: 140px;
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: 0 0 130px rgba(0, 251, 220, .4);
  box-shadow: 0 0 130px rgba(0, 251, 220, .4);
}
.pro-list-wrap.active {
  top: 64px;
  height: -webkit-calc(100% - 185px);
  height:         calc(100% - 185px);
}
.select-time .select-time-text {
  position: relative;
  min-width: 100px;
  height: 24px;
  padding-right: 22px;
  line-height: 24px;
  color: #fff;
  cursor: pointer;
}
.select-time .arrow-line {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -9px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transition: -webkit-transform .3s linear;
  -o-transition:      -o-transform .3s linear;
  transition:         transform .3s linear;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.select-time .select-time-con {
  position: absolute;
  top: 35px;
  right: -10px;
  z-index: 105;
  display: none;
  width: 600px;
  padding: 30px 40px;
  background: #292a2d;
}
.select-time .select-time-con:before {
  position: absolute;
  top: -12px;
  right: 0;
  display: block;
  width: 100%;
  height: 15px;
  content: "";
}
.select-time .select-time-title {
  line-height: 24px;
}
.select-time .calendar-wrap {
  width: 100%;
  margin-top: 10px;
}
.select-time .calendar-start-month,
.select-time .calendar-end-month {
  width: 244px;
  padding-top: 10px;
  font-family: "Arial";
  background: #212224;
}
.select-time .calendar-year {
  position: relative;
  text-align: center;
}
.select-time .calendar-year span {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
}
.select-time .calendar-year .arrow-line {
  margin-top: -6px;
}
.select-time .calendar-year .btn-pre {
  left: 23px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.select-time .calendar-year .btn-next {
  right: 23px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.select-time .calendar-week {
  padding: 0 10px;
  margin-top: 10px;
}
.select-time .calendar-week span {
  float: left;
  width: 32px;
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #666;
  text-align: center;
}
.select-time .calendar-days {
  position: relative;
  width: 244px;
  padding: 10px 0;
  margin-top: 10px;
  background: #1a1b1d;
}
.select-time .calendar-days:before {
  position: absolute;
  top: 9px;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background: #1a1b1d;
}
.select-time .calendar-days > li {
  float: left;
  padding: 8px 3px;
  background: #1a1b1d;
  border-top: 1px solid #272727;
}
.select-time .calendar-days > li:first-child {
  padding-left: 13px;
}
.select-time .calendar-days > li:nth-child(7n) {
  padding-right: 13px;
}
.select-time .calendar-days > li:nth-child(7n+8) {
  padding-left: 13px;
}
.select-time .calendar-days > li span {
  display: block;
  width: 26px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
.select-time .calendar-days > li span:hover,
.select-time .calendar-days > li span.active {
  color: #212224;
  background: #fff;
}
.select-time .calendar-days > li span.other-month-day {
  color: #666;
  cursor: default;
}
.select-time .calendar-days > li span.other-month-day:hover {
  color: #666;
  background: none;
}
.select-time.active .select-time-text .arrow-line {
  margin-top: -3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.select-time.active .select-time-con {
  display: block;
}
.select-time .select-btn-wrap {
  width: 302px;
  height: 52px;
  margin: 20px auto 0;
  border: 1px solid #5e5e5e;
  border-radius: 25px;
}
.select-time .select-btn-wrap span {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  color: rgba(255, 255, 255, .4);
  text-align: center;
}
.select-time .select-btn-wrap span + span {
  color: #fff;
  cursor: pointer;
  border-left: 1px solid #5e5e5e;
}
.select-time .select-drag-box {
  padding-top: 12px;
  margin-top: 10px;
}
.select-time .select-drag-box .select-drag-progress {
  position: relative;
  width: auto;
  height: 6px;
  margin: 0 10px;
  background: rgba(0, 0, 0, .2);
  border-radius: 3px;
}
.select-time .select-drag-box .select-drag-bar {
  height: 100%;
  background: #fff;
  border-radius: 3px;
}
.select-time .select-drag-box .select-darg-icon {
  position: absolute;
  top: 0;
  left: 90px;
  width: 1px;
  height: 100%;
}
.select-time .select-drag-box .select-darg-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  content: "";
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}
.select-time .select-drag-box .select-drag-label {
  width: auto;
  margin: 12px 10px 0;
}
.select-time .select-drag-box .select-drag-label li {
  position: relative;
  float: left;
  width: 1px;
  height: 24px;
}
.select-time .select-drag-box .select-drag-label li span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  margin-left: -15px;
  line-height: 24px;
  color: rgba(255, 255, 255, .1);
  text-align: center;
}
.select-time .select-drag-box .select-drag-label li span.active {
  color: #fff;
}
.select-time .select-drag-box .select-drag-label li + li {
  margin-left: -webkit-calc((100% - 12px) / 11);
  margin-left:         calc((100% - 12px) / 11);
}
.icon-num-red {
  display: block;
  min-width: 14px;
  height: 15px;
  padding: 0 5px;
  font-family: "Arial";
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  background: #df5d56;
  border-radius: 7px;
}
.icon-alert {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 30px;
  height: 30px;
}
.icon-alert>a{
  display: block;
  width: 30px;
  height: 30px;
}
.icon-alert img {
  opacity: .4;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.icon-bell{
  background: url('../images/tingyun-report-alert-icon.svg') no-repeat center;
  opacity: .3;
}
.icon-bell:hover{
  opacity:1;
}
.icon-alert em {
  position: absolute;
  bottom: 40px;
  left: 50%;
  z-index: 100;
  display: none;
  min-width: 40px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0,0,0,.9);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.icon-alert em:before {
  content:"";
  display: block;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:10px solid rgba(0,0,0,.9);
  position: absolute;
  left:50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom:-10px;
}
.card-overview .icon-alert em{
  /* left:50; */
  bottom:45px;
}
.icon-alert:hover img {
  opacity: 1;
}
.icon-alert:hover em {
  display: block;
}
.icon-alert .icon-num-red {
  position: absolute;
  top: -2px;
  left: 15px;
  z-index: 102;
  color: rgba(255, 255, 255, .65);
}
.card-dashboard {
  position: relative;
  height: 350px;
  background: -webkit-linear-gradient(45deg, #292a32, #3f4147);
  background:      -o-linear-gradient(45deg, #292a32, #3f4147);
  background:         linear-gradient(45deg, #292a32, #3f4147);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4147', endColorstr='#292A32', GradientType=0);
}
.card-dashboard .card-bd {
  padding: 15px 20px;
}
.card-dashboard .card-bd ul {
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width:1600px) {
  .card-dashboard .card-bd ul{
    margin-top:90px;
  }
}
.card-dashboard .card-bd ul span {
  float: left;
  width:auto;
  margin-right:15px;
  white-space:nowrap;
  color: rgba(255, 255, 255, .65);
}
.card-dashboard .card-bd ul strong {
  float: left;
  font-size: 14px;
  color: #fff;
}
.card-dashboard .card-bd .card-chart-main {
  float: right!important;
  height:200px;
}
.card-dashboard .card-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
}
.card-dashboard .card-foot img {
  width: 100%;
  height: 100%;
}
.child-mt10 .card-has-icon{
  margin-top:10px;
}
.card-has-icon {
  position: relative;
  height: 170px;
  /* background: -webkit-linear-gradient(45deg, #292a32, #3f4147);
  background:      -o-linear-gradient(45deg, #292a32, #3f4147); */
  background-color: #292a2d;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4147', endColorstr='#292A32', GradientType=0); */
}
.card-has-icon .card-bd {
  position:relative;
  padding: 15px 20px;
  height:100%;
}
.card-has-icon .card-bd .card-img {
  width: 20%;
  height:100%;
  line-height:130px;
}
.card-has-icon .card-bd .card-note-wrap {
  width:80%;
  padding-left: 20px;
}
.card-has-icon .card-bd .card-note-wrap span {
  display: block;
  color: rgba(255, 255, 255, .65);
  margin:2px 0 5px 0;
}
.card-has-icon .card-bd .card-note-wrap>strong {
  position: relative;
  top: 5px;
  display: block;
  font-size: 36px;
  font-weight: normal;
  color: #fff;
  line-height:1.2;
}
.card-has-icon .card-bd .card-note-wrap .peak-wrap:after{
  content:'';
  display: block;
  clear:both;
}
.card-has-icon .card-bd .card-note-wrap .peak-wrap strong{
  display: block;
  font-size: 36px;
  font-weight: normal;
  color: #fff;
  float:left;
  margin-right:10px;
  min-width:50px;
  line-height:1;
}

.card-has-icon .card-bd .card-note-wrap em {
  position: relative;
  display: block;
  font-style: normal;
  color: rgba(255, 255, 255, .4);
}
.card-has-icon .card-bd .card-note-wrap em.icon-up {
  padding-left: 24px;
}
.card-has-icon .card-bd .card-note-wrap em.icon-up:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: "";
  background: url(../images/tingyun-report-up-icon.svg) no-repeat left center;
  opacity: .5;
}
.card-has-icon .card-bd .card-note-wrap em.icon-down {
  padding-left: 24px;
}
.card-has-icon .card-bd .card-note-wrap em.icon-down:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: "";
  background: url(../images/tingyun-report-down-icon.svg) no-repeat left center;
  opacity: .5;
}
.value-peak{
  font-size:18px;
  color:#fff!important;
  float:left;
}
/*.value-peak:before{
  display:block;
  white-space:nowrap;
  content:"峰值";
  font-size:12px;
  color:#fff!important;
  position:absolute;
  left:0;
  top:20px;
}*/
.card-note-wrap .value-ul{
  width:100%;
}
.card-note-wrap .value-ul li{
  display:inline-block;
  white-space:nowrap;
  font-size:12px;
  margin-right:20px;
}
/*.card-note-wrap .value-ul li{
  margin-left:10px;
}*/
.card-note-wrap .value-ul span{
  display:inline!important;
}
.card-note-wrap .value-ul strong{
  margin-left:3px;
  color: rgba(255,255,255,.65);
}
.card-radar-wrap .card-note-wrap{
  margin-top:5px;
}
.card-has-icon .card-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
}
.card-has-icon .card-foot img {
  width: 100%;
  height: 100%;
}
.gradient-green {
  background: -webkit-linear-gradient(315deg,rgba(40,220,165,1) 0%,rgba(32,168,182,1) 100%);
  background: -o-linear-gradient(315deg,rgba(40,220,165,1) 0%,rgba(32,168,182,1) 100%);
  background: -webkit-linear-gradient(315deg,rgba(40,220,165,1) 0%,rgba(32,168,182,1) 100%);
  background: -o-linear-gradient(315deg,rgba(40,220,165,1) 0%,rgba(32,168,182,1) 100%);
  background: linear-gradient(315deg,rgba(40,220,165,1) 0%,rgba(32,168,182,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28DCA5', endColorstr='#20A8B6', GradientType=0);
}
/*.card-has-icon.gradient-green .card-img {
  padding-right: 1px;
  padding-left: 1px;
}*/
.gradient-blue {
  background: -webkit-linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
  background: -o-linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
  background: -moz-linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
  background:linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34C3EE', endColorstr='#1A85F3', GradientType=0);
}
.gradient-purple {
  background: -webkit-linear-gradient(315deg,rgba(136,80,225,1) 0%,rgba(107,97,242,1) 100%);
  background: -o-linear-gradient(315deg,rgba(136,80,225,1) 0%,rgba(107,97,242,1) 100%);
  background: -moz-linear-gradient(315deg,rgba(136,80,225,1) 0%,rgba(107,97,242,1) 100%);
  background:linear-gradient(315deg,rgba(136,80,225,1) 0%,rgba(107,97,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8850E1', endColorstr='#6B61F2', GradientType=0);
}
.gradient-red {
  background: -webkit-linear-gradient(135deg,rgba(231,87,90,1) 0%,rgba(255,129,132,1) 100%);
  background: -o-linear-gradient(135deg,rgba(231,87,90,1) 0%,rgba(255,129,132,1) 100%);
  background: -moz-linear-gradient(135deg,rgba(231,87,90,1) 0%,rgba(255,129,132,1) 100%);
  background: linear-gradient(135deg,rgba(231,87,90,1) 0%,rgba(255,129,132,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7575A', endColorstr='#FF8184', GradientType=0);
}
.gradient-darkblue {
  background: -webkit-linear-gradient(135deg,rgba(76,86,239,1) 0%,rgba(104,174,242,1) 100%);
  background: -o-linear-gradient(135deg,rgba(76,86,239,1) 0%,rgba(104,174,242,1) 100%);
  background: -moz-linear-gradient(135deg,rgba(76,86,239,1) 0%,rgba(104,174,242,1) 100%);
  background: linear-gradient(135deg,rgba(76,86,239,1) 0%,rgba(104,174,242,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4C56EF', endColorstr='#68AEF2', GradientType=0);
}

.card-radar-wrap .card-has-icon{
  height:200px;
}
.card-radar-wrap .card-radar{
  height:410px;
  padding:15px 20px;
  position: relative;
  background: -webkit-linear-gradient(45deg, #292a32, #3f4147);
  background:      -o-linear-gradient(45deg, #292a32, #3f4147);
  background:         linear-gradient(45deg, #292a32, #3f4147);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4147', endColorstr='#292A32', GradientType=0);
}
.card-radar-wrap .chart-pie-wrap{
  width:45%;
  height:100%;
  padding:10px 10px 10px 20px;
  float:left;
}
.card-radar-wrap .card-table{
  padding:27px 10px 0 0;
  width:55%;
  float:left;
}
.table-little{
  width:100%;
}
.table-little th{
  height:40px;
  padding:0 10px;
}
.table-little td{
  height:34px;
  padding:0 10px;
}
.card-radar-title{
  height:30px;
  line-height:30px;
  font-size:14px;
  color:rgba(255, 255, 255, .5);
}
.card-radar .card-chart-main{
  height:300px;
}
/*.card-radar-wrap .card-has-icon .card-bd .card-img{
  max-width:76px;
  width:auto;
}*/
.card-radar .value-ul{
  width:100%;
  padding-top:20px;
  text-align:center;
}
.card-radar .value-ul li{
  display:inline-block;
  white-space:nowrap;
  font-size:12px;
}
.card-radar .value-ul li+li{
  margin-left:20px;
}
.card-radar .value-ul strong{
  color:#fff;
  margin-left:3px;
}
.layout-title-more {
  margin-top: 60px;
}
.title-more {
  position: relative;
  padding: 12px 0;
}
.title-more span {
  color: #fff;
}
.title-more .a-more {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10.5px;
}
.card-title .a-more{
  font-size:14px;
}
.title-more .icon-more {
  position: absolute;
  top: 30%;
  right: 0;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
.title-more .icon-more span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background: #fff;
  border-radius: 50%;
  opacity: .6;
}
.title-more .icon-more span:before {
  position: absolute;
  left: -9px;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  background: #fff;
  border-radius: 50%;
}
.title-more .icon-more span:after {
  position: absolute;
  left: 9px;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  background: #fff;
  border-radius: 50%;
}
.title-more .icon-more em {
  padding:8px 10px;
  font-size:12px;
  color:#fff;
  white-space:nowrap;
  background:rgba(0,0,0,.9);
  border-radius:4px;
  position:absolute;
  bottom:35px;
  left:50%;
  z-index:100;
  display:none;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.title-more .icon-more em:before {
  content:"";
  display: block;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:10px solid rgba(0,0,0,.9);
  position: absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-10px;
}
.title-more .icon-more:hover span {
  opacity: .8;
}
.title-more .icon-more:hover em {
  display: block;
}
.title-more .icon-more.pull-right{
  position:relative;
  margin-top: 0;
  top: 0;
  margin-left: 20px;
}
@media screen and (min-width:1200px) and (max-width:1384px) {
  .card-radar-wrap .card-radar{
    padding:10px;
  }
  .card-business-more .card-has-icon .card-bd{
    padding:15px;
  }
  /*  .card-business-more .card-has-icon .card-bd .card-note-wrap span{
      margin-bottom:0;
    }*/
  .card-business-more .card-has-icon .card-bd .card-note-wrap .peak-wrap strong{
    font-size:24px;
    float:none;
    margin-right:0;
  }
  .card-business-more .card-has-icon .card-bd .card-img{
    width: 28%;
    height: 65%;
    line-height: 90px;
  }
  .card-business-more .card-has-icon .card-bd .card-note-wrap{
    width: 72%;
    padding-left: 10px;
  }
  .card-business-more .value-peak{
    float:none;
  }
  .card-business-more p{
    display: inline-block;
  }
  .card-business-more .card-note-wrap .value-ul{
    position: absolute;
    left: 15px;
    top: 110px;
    right: 15px;
  }
  .value-peak{
    font-size:14px;
  }
}
.card-overview {
  position: relative;
  margin-bottom: 10px;
  background: -webkit-linear-gradient(45deg, #292a32, #3f4147);
  background:      -o-linear-gradient(45deg, #292a32, #3f4147);
  background:         linear-gradient(45deg, #292a32, #3f4147);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4147', endColorstr='#292A32', GradientType=0);
}
.card-overview .icon-alert {
  top: 16px;
  right: 16px;
}
.card-overview .card-bd {
  padding: 16px 30px 0;
}
.card-overview .card-data {
  margin-top: 24px;
}
.card-overview .card-data span {
  display: block;
  height:34px;
  font-size: 22px;
  color: #fff;
}
.card-overview .card-data span.text-red {
  color: #c85d54;
}
.card-overview .card-data em {
  display: block;
  margin-top: 10px;
  font-style: normal;
  height:21px;
}
.card-overview .card-bd .card-data {
  margin-top:17px;
  position:relative;
  z-index:10;
  padding:0 5px;
}
.card-overview .card-bd .card-data span em{
  display:inline-block;
  color:#fff;
  margin-top:0;
}
.card-overview .card-bd .card-data .icon-down,
.card-overview .card-bd .card-data .icon-up{
  padding-right:20px;
  position:relative;
}
/*.card-overview .card-bd .card-data .icon-down:before,*/
/*.card-overview .card-bd .card-data .icon-up:before{*/
/*position: absolute;*/
/*top: 50%;*/
/*right: 0;*/
/*width: 20px;*/
/*height: 20px;*/
/*margin-top: -10px;*/
/*content: "";*/
/*background:url(../images/tingyun-report-down-icon.svg) no-repeat right 5px;*/
/*background-size:13px;*/
/*opacity: .5;*/
/*}*/
/*.card-overview .card-bd .card-data .icon-up:before{*/
/*background:url(../images/tingyun-report-up-icon.svg) no-repeat right 5px;*/
/*background-size:13px;*/
/*}*/
.icon-pv,
.icon-score{
  padding-left:20px;
  position:relative;
  cursor:pointer;
}
.icon-score:before {
  content: "";
  display: block;
  width: 14px;
  height: 20px;
  background: url(../images/tingyun-report-score-icon.svg) left center no-repeat;
  position:absolute;
  top:0;
  left:0;
}
.icon-score:hover:before{
  background:url(../images/tingyun-report-score-icon-click.svg) left center no-repeat;
  opacity:.8;
  filter:alpha(opacity=80);
}
.icon-score.active:before{
  background:url(../images/tingyun-report-score-icon-click.svg) left center no-repeat;
}
.icon-pv:before {
  content: "";
  display: block;
  width: 14px;
  height: 20px;
  background: url(../images/tingyun-report-pv-icon-lit.svg) left center no-repeat;
  position:absolute;
  top:0;
  left:0;
  background-size:12px;
}
.icon-pv:hover:before{
  background:url(../images/tingyun-report-pv-icon-lit-click.svg) left center no-repeat;
  opacity:.8;
  filter:alpha(opacity=80);
  background-size:12px;
}
.icon-pv.active:before{
  background:url(../images/tingyun-report-pv-icon-lit-click.svg) left center no-repeat;
  background-size:12px;
}
.card-overview .chart-pie-wrap{
  height:100px;
  padding:0;
  position:relative;
  z-index:5;
}
.card-overview .chart-pie-wrap .chart-pie-con{
  width:100%;
  height:110px;
  position:absolute;
  bottom:0;
}
.card-overview .chart-pie-wrap .chart-pie-con img{
  display:block;
  width:100%;
  height:100%;
}
.card-ft-data{
  height:70px;
  padding:10px 30px 0;
  background:rgba(0,0,0,.15);
}
.card-overview .card-ft-data .card-data{
  margin-top:0;
}
.card-overview .card-ft-data span{
  font-size:14px;
  color:rgba(255,255,255,.4);
  height:auto;
}
.card-overview .card-ft-data em{
  font-size:12px;
  color:rgba(255,255,255,.1);
}
.card-overview .card-foot {
  width: 100%;
  height: 50px;
  margin-top:15px;
}
.card-overview .card-foot img {
  width: 100%;
  height: 100%;
}
.card-tab-follow {
  background: #292A2D;
}
.card-tab-follow .card-tab-left {
  background: rgba(53,123,231,1);
}
.card-tab-follow .card-tab-right {
  padding: 40px 0;
}
.card-tab-follow .card-tab-right .tab-attention {
  margin-bottom: 26px;
}
.card-tab-follow .card-tab-right .tab-attention dt {
  font-size: 16px;
}
.card-tab-follow .card-tab-right .tab-attention dd {
  font-size: 16px;
}
.card-tab-follow .card-tab-right .page-wrap {
  margin-top: 30px;
}
.card-chart-dashboard {
  height: 245px;
  margin: 24px auto 0;
}
.card-chart-dashboard img {
  margin: 0 auto;
}
.card-tab-ver .title-more {
  width: -webkit-calc(100% - 10px * 6);
  width:         calc(100% - 10px * 6);
  margin: 0 auto;
}
.card-tab-ver .card-tab-top {
  height: 380px;
  padding: 15px 0 10px;
  background:#24252e;
}
.card-tab-ver .card-tab-top table td {
  color: #fff;
}
.card-tab-ver .card-tab-con {
  position: relative;
  height: 360px;
  background: #292a2d;
}
.card-tab-ver .card-tab-con.bg-green{
  background:#43aa93;
}
.card-tab-ver .card-tab-con .card-title {
  padding: 30px 0 20px 30px;
}
.card-tab-ver .card-note-wrap {
  /*width: 100%;*/
  padding: 0 0 20px;
}
.card-tab-ver .card-note-wrap .card-note-con {
  position: relative;
  padding: 30px 0 30px 20px;
  border-left: 1px solid rgba(255, 255, 255, .3);
}
.card-tab-ver .card-note-wrap .card-note-con:first-child {
  border-left: 0;
}
.card-tab-ver .card-note-wrap .card-note-con .card-img {
  position: relative;
  display: block;
  float: left;
  width: 30%;
  height: 50px;
  margin-top: 10px;
}
.card-tab-ver .card-note-wrap .card-note-con .card-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .8;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.card-tab-ver .card-note-wrap .card-note-con .card-text-wrap {
  float: left;
  /*width: 70%;*/
  padding: 0 0 0 10px;
}
.card-tab-ver .card-note-wrap .card-note-con .card-text-wrap strong {
  display: block;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}
.card-tab-ver .card-note-wrap .card-note-con .card-text-wrap span {
  display: block;
  color: #fff;
}
.card-tab-ver .card-note-wrap .card-note-con:nth-child(3n+4) {
  border-left: 0;
}
.card-tab-ver .card-note-wrap .card-note-con:nth-child(4),
.card-tab-ver .card-note-wrap .card-note-con:nth-child(5),
.card-tab-ver .card-note-wrap .card-note-con:nth-child(6) {
  border-top: 1px solid rgba(255, 255, 255, .3);
}
.card-tab-ver .card-wrap-stack {
  height: 218px;
  padding: 0 40px;
  /*margin-top: 40px;*/
}
.card-top5-wrap .card-top5-left .card-top5 {
  background: #24252e;
}
.card-top5-wrap .card-top5-right .card-top5 {
  background: #1c1e25;
}
.card-top5-wrap .card-top5-left .card-top5 .card-tab-top{
  background: #292A2D;
}
.card-top5-wrap .card-top5-right .card-tab-con {
  padding-top: 40px;
  background: #292a2d;
}
.card-top5-wrap .card-top5-right .card-tab-con:before {
  border-bottom-color: #292a2d;
}
.card-tab-hor.row {
  margin-right: 0!important;
  margin-left: 0!important;
}
.card-tab-hor.row > div {
  padding-right: 0!important;
  padding-left: 0!important;
}
.card-tab-hor .card-tab-con {
  padding: 30px 0 20px;
}
.card-tab-hor .card-bd {
  padding: 20px;
}
.card-tab-hor .card-bd .card-title {
  padding-bottom: 2px;
}
.card-tab-hor .card-foot {
  padding-bottom: 50px;
  text-align: center;
}
.card-tab-hor .card-foot span {
  display: block;
  color: #fff;
}
.card-tab-hor .card-foot strong {
  font-size: 30px;
  font-weight: normal;
  color: #fff;
}
.card-tab-hor .card-foot > div:nth-child(2) {
  border-right: 1px solid rgba(44, 46, 51, .2);
  border-left: 1px solid rgba(44, 46, 51, .2);
}
.card-tab-map {
  -webkit-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  -moz-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
}
.card-tab-map .card-tab-left {
  position: absolute;
  height: 100%;
  background: #fff;
}
.card-tab-map .card-tab-right {
  float: right;
}
.char-wrap-map {
  position: absolute;
  top: 50%;
  left: 50%;
  width: -webkit-calc(100% - 60px);
  width:         calc(100% - 60px);
  height: 410px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.card-source {
  padding: 30px 0 20px;
  background: #fff;
  -webkit-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  -moz-box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
  box-shadow: 0 7px 13px rgba(10, 10, 10, .52);
}
.card-source .card-title {
  padding-left: 32px;
  color: #333c4a;
}
.card-source .scroll-x {
  height: 180px;
}
.card-source .table-sort-little {
  width: -webkit-calc(100% - (32px * 2));
  width:         calc(100% - (32px * 2));
  margin: 20px auto 0;
  color: #333c4a;
}
.card-source .table-sort-little tr > th {
  font-size: 12px;
}
.card-source .table-sort-little tr > td.text-small {
  color: rgba(51, 60, 74, .4);
}
.card-top10 .card-title {
  padding: 0 32px;
}
.card-top10 .table-sort-little {
  width: -webkit-calc(100% - (32px * 2));
  width:         calc(100% - (32px * 2));
  margin: 20px auto 0;
  color: #fff;
}
.chart-pie-wrap {
  height: 270px;
  padding: 10px 20px 0;
}
.footer {
  padding: 0px 30px 40px;
  font-size: 12px;
  color: #4e515c;
  text-align: right;
}
:root .gradient {
  filter: none;

  -webkit-filter: none;
}
.body-bg {
  height:100%;
  color: rgba(255, 255, 255, .65);
}
/* .body-bg a {
  color: rgba(255, 255, 255, .8);
} */
.card-has-icon.card-effect{
  margin-top:0;
}
.card-key-wrap .chart-pie-wrap{
  padding:0 30px;
  height:270px;
  margin-top:10px;
}
.card-key-wrap .chart-pie-wrap img{
  display:block;
  width:100%;
  height:100%;
}
.card-key-wrap .card-tab-con {
  padding-top: 50px;
  position:relative;
}
.card-key-wrap .card-tab-con:before {
  display:block;
  position: absolute;
  top:-12px;
  left: 30px;
  width: 0;
  height: 0;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 12px solid #292a2d;
  border-left: 13px solid transparent;
}
.card-key-wrap .card-tab-con .a-more{
  position:absolute;
  top:15px;
  right:30px;
}
.card-tab-user .card-tab-left{
  height:450px;
  padding:30px 0;
}
.card-tab-user .card-tab-right{
  height:450px;
  padding:30px 0;
  background:#24252e;
}
.card-tab-user .card-title{
  padding:0 30px;
  /*margin-bottom:40px;*/
}
.card-tab-user .card-tab-right .chart-pie-wrap{
  padding:0 40px;
  height:350px;
}
.card-tab-user .card-tab-right .chart-pie-wrap img{
  margin:0 auto;
  width:100%;
  height:100%;
}
.card-tab-user .card-tab-left.bg-blue{
  background:#5d5dcd;
}
.card-tab-user .td-border-reset:before,
.card-tab-user .td-border-reset:after{
  background:#292a2d;
}
.card-tab-user .bg-blue tr:hover,
.card-tab-user .bg-blue tr.active{
  background:#6a6adf;
}
.card-tab-user .bg-blue thead tr:hover {
  background: transparent;
}
.card-tab-user .card-tab-left tr td:last-child:before{
  position: absolute;
  top: 50%;
  right: -18px;
  width: 0;
  height: 0;
  margin-top: -7px;
  z-index:10;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 12px solid #6a6adf;
  border-left: 13px solid transparent;
  opacity: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: none;
}
.card-tab-user .card-tab-left tr:hover td:last-child:before,
.card-tab-user .card-tab-left table tr.active td:last-child:before{
  opacity:1;
}
.card-tab-hor.card-tab-user-map .card-tab-left{
  padding:40px!important;
  background:#fff;
}
.card-tab-user-map .chart-map-wrap{
  height:450px;
}
.card-tab-user-map.card-tab-hor .card-tab-con{
  padding:40px 0;
}
.card-tab-user-map .card-tab-right{
  position:relative;
  height:530px;
  background:#43aa93;
}
.card-tab-user-map .card-tab-right:before{
  position: absolute;
  top: 35px;
  left: -18px;
  width: 0;
  height: 0;
  z-index:10;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 12px solid #43aa93;
  border-left: 13px solid transparent;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.card-tab-user-map .card-title{
  padding:0 30px;
  margin-bottom:10px;
}
/* .card-tab-user-map .table-bor tr:hover,
.card-tab-user-map .table-bor tr.active{
  background:#43aa93;
} */
.card-tab-user-map .td-border-reset:before,
.card-tab-user-map .td-border-reset:after{
  background:#43aa93 !important;
}
.card-tab-user-map .table-bor th{
  text-align:center;
}
.card-tab-user-map .table-bor td{
  text-align:center;
  height:48px;
  border-top:1px solid rgba(0, 0, 0, .06);
  border-bottom:1px solid rgba(0, 0, 0, .06);
}
.card-tab-user-map .table-bor td.text-left,
.card-tab-user-map .table-bor th.text-left{
  text-align:left;
}


@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .sidebar.close {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 991px) {
  .card-tab-ver .card-tab-con {
    height: auto;
  }
  .card-tab-ver .card-note-wrap .card-note-con:nth-child(2n+3) {
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-left: 0;
  }
  .card-tab-ver .card-note-wrap .card-note-con:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-top: 1px solid rgba(255, 255, 255, .3);
  }
}
@media screen and (max-width: 1600px) {
  .header-search {
    width: 40%;
  }
  .table-bor.table-arrow tr.active > td:first-child:before,
  .table-bor.table-arrow tr:hover > td:first-child:before {
    opacity: 0;
  }
  .card-top5-wrap > div:nth-child(2) {
    margin-top: 20px;
  }
  .row-map > div:first-child {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .pro-list-wrap {
    padding: 0 50px;
  }
  .pro-list-wrap ul > li {
    float: left;
    width: 8%;
  }
  .pro-list-wrap .pro-list {
    height: 265px;
    padding-right: 0;
    padding-left: -webkit-calc(32px / 2);
    padding-left:         calc(32px / 2);
  }
  .pro-list-wrap .pro-list > li + li {
    margin-top: -webkit-calc(32px / 2);
    margin-top:         calc(32px / 2);
  }
  .pro-list-wrap .pro-list > li a {
    font-size: 18px;
  }
  /*.card-business > div {
    margin-top: 10px;
  }*/
  .card-top10 .card-tab-right {
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1520px){
  /*.card-has-icon .card-bd .card-img,*/
  .card-radar-wrap .card-table{
    width:50%;
  }
  .card-radar-wrap .chart-pie-wrap{
    width:50%;
  }
  .card-radar-wrap .chart-pie-wrap img{
    display:block;
    margin:0 auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .header-search {
    width: 40%;
  }
  .table-bor th span {
    white-space: nowrap;
  }
  /*  .card-has-icon .card-bd {
      padding-right: -webkit-calc(32px / 2);
      padding-right:         calc(32px / 2);
      padding-left: -webkit-calc(32px / 2);
      padding-left:         calc(32px / 2);
    }*/
  /*  .card-has-icon .card-bd .card-note-wrap {
      margin-left: -webkit-calc(32px / 2);
      margin-left:         calc(32px / 2);
    }*/
  /*.card-radar-wrap .card-has-icon .card-bd{
    padding-right:0;
  }*/
  .card-radar-wrap .chart-pie-wrap{
    padding-left:10px;
  }
  .pro-list-wrap {
    padding: 0 100px;
  }
  .pro-list-wrap ul > li {
    float: left;
    width: 8%;
  }
  .pro-list-wrap .pro-list li a {
    font-size: 18px;
  }
}
/*# sourceMappingURL=bootstrap.css.map */


.a-card{display:none;}

/*20180309 应用设置*/
.mt20{
  margin-top:20px !important;
}
.ml10{
  margin-left:10px;
}
.content-main,
.content{
  padding:0 25px 30px 286px;
}
.content{
  min-height:100%;
}
.card-business,
.card-radar-wrap{
  /*padding-top:120px;*/
  position:relative;
}
.apm-arrow{
  width:30px;
  height:30px;
  cursor:pointer;
  position:absolute;
  left:50%;
  margin-left:-15px;
  bottom:-40px;
}
.apm-arrow:before{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin:-4px 0 0 -8px;
  width: 0;
  height: 0;
  content: "";
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(255,255,255,.6);
  border-left: 8px solid transparent;
}
.apm-arrow.top{
  transform:rotate(180deg);
}
.content-header-min .select-time{
  margin-top:30px;
}
.title-pg{
  font-size:20px;
  color:#fff;
}
.title-pg.pull-left{
  margin-right:30px;
}
.setting-tab-bd{
  /*margin-top:100px;*/
  padding:55px 15px;
}
.table-box{
  position: relative;
  padding:25px 30px 60px;
  background:#292a2d;
}
.setting-tab-bd .table-box{
  margin-top:20px;
}
.table-box+.table-box{
  margin:0;
}
.table-box.bg-green {
  background: #62a793;
  position:relative;
}
.table-box.bg-green:before,.table-box.bg-blue:before{
  position: absolute;
  top: -12px;
  left: 40px;
  width: 0;
  height: 0;
  z-index: 10;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 12px solid #62a793;
  border-left: 13px solid transparent;
}
.table-box.bg-blue:before{
  border-bottom-color: rgba(53,123,231,1);
}
.table-box .page-wrap{
  margin-top:40px;
}
.form-row{
  padding-bottom:55px;
}
.form-text{
  font-size:16px;
  color:#fff;
  line-height:25px;
}
.form-p{
  font-size:14px;
  color:rgba(255,255,255,.4);
  line-height:26px;
  margin-top:12px;
  padding-left:5px;
}
.form-input{
  font-size:16px;
  color:#dfdfdf;
  line-height:34px;
  height:36px;
  padding:0 16px;
  background:transparent;
  border:1px solid rgba(255,255,255,.3);
  border-radius:2px;
  /* box-shadow:0 0 1px #000 inset; */
  outline:none;
}
.form-input:hover,.form-input:focus{
  border-color:rgba(255,255,255,1);
}
.form-row>.form-text{
  padding-right:0;
}
.form-btn{
  padding-top:50px;
}
.form-btn .btn+.btn{
  margin-left:25px;
}

.switch-button {
  position: relative;
  /* background: #48bb87; */
  background: #1890FF;
  outline:none;
  width: 35px;
  height: 20px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease-in-out 0s;
  -moz-transition: background-color 0.5s ease-in-out 0s;
  -ms-transition: background-color 0.5s ease-in-out 0s;
  -o-transition: background-color 0.5s ease-in-out 0s;
  transition: background-color 0.5s ease-in-out 0s;
  /* -webkit-box-shadow: inset 2px 0 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 2px 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 2px 0 2px 1px rgba(0, 0, 0, 0.1); */
}
.switch-button .switch-flag {
  position: absolute;
  left: 17px;
  top: 2px;
  width: 16px;
  height: 16px;
  display: block;
  background: #fff;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-transition: left 0.3s ease-in-out 0s;
  -moz-transition: left 0.3s ease-in-out 0s;
  -ms-transition: left 0.3s ease-in-out 0s;
  -o-transition: left 0.3s ease-in-out 0s;
  transition: left 0.3s ease-in-out 0s;
  /* -webkit-box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0 1px 1px rgba(0, 0, 0, 0.3); */
}
.switch-button-close {
  background: rgba(255, 255, 255, .25) !important;
}
.switch-button-close .switch-flag {
  left: 2px !important;
  background-color:rgba(255,255,255,.5) !important;
}
.switch-button-disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.bpi-switch{
  background: #1890FF;
}
.form-row .switch-button{
  margin-top:5px;
}
.setting-tab-hd{
  margin-top:17px;
}
.setting-tab-hd span{
  display:block;
  float:left;
  padding:0 20px;
  line-height:36px;
  font-size:20px;
  color:rgba(255,255,255,.4);
  cursor:pointer;
}
.setting-tab-hd span+span{
  margin-left:10px;
}
.setting-tab-hd span:hover,
.setting-tab-hd .active{
  background:#222325;
  color:#fff;
  border-radius:2px;
}
.setting-tab-bd .li-con,.conf-main .li-con{
  display:none;
}
.color-wrap{
  height:72px;
  margin-bottom:10px;
}
.color-wrap-type{
  display:block;
  font-size:12px;
  line-height:12px;
  position:absolute;
  width: calc(100% - 20px);
  bottom: 0;
  text-align: center;
}
input.color-wrap-input::-webkit-input-placeholder{
  color:#fff;
}
input.color-wrap-input::-moz-placeholder{
  color:#fff;
}
input.color-wrap-input:-moz-placeholder{
  color:#fff;
}
input.color-wrap-input:-ms-input-placeholder{
  color:#fff;
}
.color-wrap-input{
  caret-color:transparent;
  display:block;
  width:calc( 100% - 20px );
  height:36px;
  line-height:36px;
  text-align:center;
  border-radius:3px;
  padding:0 10px;
  outline:none;
  cursor:default;
  color:#fff;
  font-size:12px;
  border:0;
  position:absolute;
  top: 12px;
  left: 15px;
}
.color-row{
  margin-top:10px;
}
.col-wrap-bor{
  margin-bottom:30px;
}
.col-wrap-bor span{
  display:block;
  width:100%;
  height:1px;
  background:#393939;
  margin-top:20px;
}
.color-row-last .col-wrap-bor{
  display:none;
}
.color-row-last .color-wrap-btn .mb-type:before{
  display:none;
}
.btn-disabled-bor{
  border:2px solid #5f6062;
  font-size:14px;
  color:#5f6062;
  border-radius:3px;
  cursor:default;
}
.btn-disabled-bor:hover{
  color:#5f6062;
}
.color-wrap-btn{
  height:72px;
  margin-bottom:10px;
}
.color-wrap-btn .mb-type{
  position:absolute;
  bottom:0;
  left:16px;
  white-space: nowrap;
}
.color-wrap-btn .mb-type:before{
  content:"";
  width:100%;
  height:1px;
  display:block;
  background:#393939;
  position:absolute;
  bottom:-33px;
  right:0;
}
.color-wrap-btn .mb-type-square.mb-type-primary:before{
  bottom:-31px;
}
.btn-blue{
  background:#357be7;
  color:#fff;
  font-size:16px;
  padding:5px 20px;
  border-radius:3px;
  border:2px solid #357be7;
}
.btn-blue:hover{
  color:#fff;
  opacity:0.8;
}
.btn-border{
  border:2px solid #fff;
  color:#fff;
  font-size:16px;
  padding:5px 20px;
  border-radius:3px;
}
.btn-circle{
  border-radius:18px;
}

@media (max-width:991px){
  .form-row .form-text.text-right{
    text-align:left;
  }
}
.ec-main{
  padding-top:20px;
}
.ec-text{text-align: right;color: #fff;padding-top:20px;}
.ec-box{padding-left: 85px !important;}
.ec-box-content{
  padding: 30px;
  position: relative;
  border-radius: 6px;
  float: left;
}
.ec-box-title{font-size: 20px;color: #fff;}
.ec-box-main{font-size: 16px;color: rgba(255,255,255,.8);margin-top: 12px;}
.ec-box-mainse{font-size: 14px;color: rgba(233,233,233,.4);margin-top:16px; }
.ec-box-main ul{padding-left: 16px;}
.ec-box-main ul li{list-style-type: disc;margin-bottom: 16px;}
.ec-mt30{margin-top: 30px;}
.ec-mt40{margin-top: 40px;}
.ec-box-triangle{
  position: absolute;
  border-style: solid;
  border-width:12px 15px 12px 0;
  border-color: transparent #1a1a1a transparent transparent;
  left: -14px;
  top: 22px;
}
.ec-wrap{position: relative;margin-bottom: 60px;}
.ec-line{
  position: absolute;
  width: 8px;
  height: 155%;
  left: 19%;
  top: 24px;
}
.ec-circle{
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  top: -15px;
  left: -17px;
}
.ec-circle span{display: block;width: 25px;height: 24px;margin: 12px auto 0;}
.ec-circle-bg1{background: url(../images/embedded-icon.png) center 0 no-repeat;}
.ec-circle-bg2{background: url(../images/embedded-icon.png) center -25px no-repeat;}
.ec-circle-bg3{background: url(../images/embedded-icon.png) center -50px no-repeat;}
.ec-circle-bg4{background: url(../images/embedded-icon.png) center -75px no-repeat;}
.ec-circle-bg5{background: url(../images/embedded-icon.png) center -100px no-repeat;}
.ec-circle-bg6{background: url(../images/embedded-icon.png) center -121px no-repeat;}
.ec-circle-bg7{background: url(../images/embedded-icon.png) center -149px no-repeat;}
.ec-circle-bg8{background: url(../images/embedded-icon.png) center -175px no-repeat;}
.ec-circle-bg9{background: url(../images/embedded-icon.png) center -197px no-repeat;}
.ec-box-input{
  background-color: transparent;
  font-size: 16px;
  outline: none;
  border: none;
  border-bottom: solid 1px #393939;
  width: 100%;
  color:#e9e9e9;
}
.ec-box-input::-webkit-input-placeholder {color: rgba(233,233,233,.3);}
.ec-box-input:-moz-placeholder {color: rgba(233,233,233,.3);}
.ec-box-input::-moz-placeholder {color: rgba(233,233,233,.3);}
.ec-box-input:-ms-input-placeholder {color: rgba(233,233,233,.3);}
.ec-box-wrap:after{
  content: "";
  display: block;
  clear: both;
}
.ec-dropdown{
  height: 36px;
  border: solid 1px #393939;
  line-height: 36px;
  background-color: #202020;
  padding-left: 12px;
  color: #e9e9e9;
}
/* 文字tab 不带竖线/横线*/
.ec-box-tab-no:after{
  clear:both;
  display:block;
  content:"";
}
.ec-box-tab-no li{
  float: left;
  font-size: 16px;
  width: auto;
  position: relative;
  height:30px;
  line-height:30px;
  outline:none;
}
.ec-box-tab-no li:before{
  content:"";
  display: block;
  height: 20px;
  /*border-right: solid 2px rgba(255,255,255,0.2);*/
  float:right;
  margin: 6px 12px 0;
}
.parse-type-tab .ec-box-tab-no li:before{
  content:"";
  display: block;
  height: 20px;
  /*border-right: solid 2px rgba(255,255,255,0.2);*/
  float:right;
  margin: 0px !important;
}
.ec-box-tab-no li:after{
  clear:both;
  display:block;
  content:"";
}
.ec-box-tab-no li:last-child:before{display:none;}
.ec-box-tab-no li em:hover,.ec-tab-active em{
  cursor: pointer;
  color: #fff;
}
.ec-box-tab-no em{
  outline:none;
}
/* 文字tab 不带竖线/横线*/
.ec-box-tab:after{
  clear:both;
  display:block;
  content:"";
}
.ec-box-tab li{
  float: left;
  font-size: 16px;
  width: auto;
  position: relative;
  height:30px;
  line-height:30px;
  outline:none;
}
.ec-box-tab li:before{
  content:"";
  display: block;
  height: 20px;
  border-right: solid 2px rgba(255,255,255,0.2);
  float:right;
  margin: 6px 12px 0;
}
.ec-box-tab li:after{
  clear:both;
  display:block;
  content:"";
}
.ec-box-tab li:last-child:before{display:none;}
.ec-box-tab li em:hover,.ec-tab-active em{
  cursor: pointer;
  color: #fff;
}

#inherit .ec-box-tab li:before{display: none;}

#inherit .ec-box-tab li span:before {
  content:"";
  display: block;
  height: 20px;
  border-right: solid 2px rgba(41,42,45,0.3);
  float:right;
  margin: 6px 12px 0;
}
#inherit .ec-box-tab li:last-child span:before{
  display: none;
}
/*#inherit .ec-box-tab li span:last-child:before{display: none;}*/

.ec-box-tab em{
  outline:none;
}
.ec-tab-active em{
  font-size:16px;
  font-weight: 550;
}
.ec-tab-disabled em{
  color:rgba(255,255,255,.2) !important;
  cursor:not-allowed !important;
}
.ec-box-font{
  font-size: 16px;
  color: #e9e9e9;
  border: solid 1px #3e3e3e;
  height: 36px;
  padding-left: 12px;
  line-height: 36px;
  background-color: #202020;
  outline:none;
}
.ec-clear{clear: both;}
.ec-box-switchtit{font-size: 16px;color: #e9e9e9;margin-right:8px;}
.er-box-btn{
  height: 36px;
  border: solid 1px #c3c3c3;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #dfdfdf;
  border-radius: 18px;
  margin-top: 25px;
  cursor: pointer;
  float: left;
  padding: 0 18px;
}
.ec-box-sub{font-size: 16px;color: #e9e9e9;}
.ec-box-code{
  border: solid 1px #393939;
  background-color: #202020;
  padding-left: 12px;
  margin-top: 16px;
}
.ec-box-codenote{font-size: 14px;color: rgba(233,233,233,.4);margin-top: 12px;}
.ec-box-maintr{font-size: 16px; margin-top: 16px;}
.ec-mt0{margin: 0;}
.mb-type{
  padding:0 30px;
  height:50px;
  min-width:150px;
  border-radius: 25px;
  font-size: 16px;
  line-height: 26px;
  border: none;
  outline: none;
  text-align:center;
  vertical-align: middle;
}
.mb-type-sm{
  min-width:80px;
  height:32px;
  padding: 0 19px;
  border-radius: 2px;
  font-size: 16px;
}
.mb-lit+.mb-lit,
.mb-type+.mb-type{
  margin-left:20px;
}
.mb-type-square{
  outline: none;
  height: 36px;
  border:0;
  border-radius: 0px;
  font-size: 14px;
  line-height: 26px;
  text-align:center;
  padding: 0 16px;
  min-width:auto;
}
.mb-type-smallsquare{
  height: 30px;
  background-color: transparent;
  border-radius: 0px;
  border: solid 1px rgba(255,255,255,.1);
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  position: relative;
  padding: 0px 10px;
  margin-left:5px;
  min-width:auto;
}
.mb-newbuild-icon{
  font-size: 23px;
  left: 8px;
  height: 20px;
  line-height: 16px;
  margin-right:10px;
  color:rgba(255,255,255,.65);
}
.mb-type-smallsquare span{
  float:left;
}
.mb-type-smallsquare:after{
  content:"";
  display:block;
  clear:both;
}
.mb-type-smallsquare.active,.mb-type-smallsquare:hover{background-color: #fff;color: #292A2D;}
.mb-type-smallsquare:hover .mb-newbuild-icon{color: #292A2D;}
.mb-type-smallsquare.disabled .mb-newbuild-icon,.mb-type-smallsquare.disabled:hover .mb-newbuild-icon{color: rgba(255,255,255,.3);}
.mb-type-primary{background-color:#1890FF;color: #fff;}
.mb-type-primary-disable{ opacity: 0.5; cursor: not-allowed; }
.mb-type-primary:hover,.mb-type-primary.active{background-color: #82B2FC;cursor:pointer;}
.mb-type-default,.mb-type-nohover{background-color: transparent;border: solid 1px rgba(255,255,255,.6); color: rgba(255,255,255,.75);}
.mb-type-default:hover,.mb-type-default.active{background-color: #fff;border:solid 2px #fff;color: #050807;cursor:pointer;}
.mb-type-default.disabled .mb-newbuild-icon,.mb-type-default.disabled:hover .mb-newbuild-icon{color: rgba(255,255,255,.3);}
.mb-type-default.disabled{
  color: rgba(255,255,255,.3) !important;
  border: solid 1px rgba(255,255,255,.1) !important;
  cursor: not-allowed !important;
  background-color: transparent !important;
}
.mb-type-error {background-color: transparent;border: solid 2px #DF5D56;}
.mb-type-error:hover{background-color: #DF5D56;color:#fff;}
.mb-type-danger{background-color: transparent;border: solid 2px #c3c3c3;color: #DF5D56;}
.mb-type-danger:hover,.mb-type-danger.active{background-color: #DF5D56;border: solid 2px #DF5D56;color: #fff;cursor:pointer;}
.mb-type-disabled{background-color: transparent;border: solid 2px rgba(255,255,255,.1);color:rgba(255,255,255,.3); }
.mb-type-disabled:hover,.mb-type-disabled.active{background-color: transparent;color:rgba(255,255,255,.3);cursor: not-allowed;border:solid 2px rgba(255,255,255,.1);}
.dropdown-default{
  position:relative;
}
.dropdown-default .dropdown-text{
  /*min-width:110px;*/
  margin:0;
  font-weight:normal;
  line-height:28px;
  padding:0 25px 0 10px;
  border:1px solid transparent;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.4);
  font-size:14px;
  cursor:pointer;
}
.dropdown-default .dropdown-text.active{
  color:rgba(255,255,255,1);
}
.dropdown-default-bor .dropdown-text{
  /*background:rgba(46,46,46,.3);*/
  border:1px solid rgba(255,255,255,.2);
}
.markSelectRed {
  border: 1px solid #DF5D56 !important;
}
.dropdown-default-date-bor .dropdown-text{
  /*background:rgba(46,46,46,.3);*/
  border:1px solid rgba(255,255,255,.2);
  line-height:28px;
}
.dropdown-big .dropdown-text{
  line-height:34px;
  font-size:14px;
}
.dropdown-default .dropdown-text span{
  display: block;
}
.dropdown-arrow-down{
  display:block;
  width:20px;
  height:20px;
  background:url('../images/drop-down.svg') no-repeat center;
  background-size:contain;
  position:absolute;
  top:50%;
  margin-top:-10px;
  right:6px;
  opacity:.5;
  filter:alpha(opacity=50);
  /* pointer-events: none; */
}
.dropdown-default:hover .dropdown-text+.dropdown-arrow-down{
  opacity:.8;
  filter:alpha(opacity=80);
}
.dropdown-default.active .dropdown-text+.dropdown-arrow-down{
  opacity:1;
  filter:alpha(opacity=100);
}
.dropdown-arrow-up,
.dropdown-default.active .dropdown-arrow-down,
.dropdown-default:hover .dropdown-arrow-down{
  display:block;
  transform:rotate(-180deg);
}
.dropdown-wrap{
  display:none;
  overflow:hidden;
  width:100%;
  background:#303137;
  -webkit-box-shadow:2px 5px 6px 0px rgba(10,10,11,0.5);
  -moz-box-shadow:2px 5px 6px 0px rgba(10,10,11,0.5);
  box-shadow:2px 5px 6px 0px rgba(10,10,11,0.5);
  border:1px solid rgba(255,255,255,0.1);
  border-top:0;
  position:absolute;
  left:0;
  top:100%;
  z-index:101;
}
.dropdown-default.top .dropdown-wrap{
  top:auto;
  bottom:30px;
}
.apm-search-wrap{
  position:relative;
}
/*bpi-new*/
.processor-config{
  padding:10px;
  width: 422px;
  margin-left: 40px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255, 255, 255, 0.1);
  border-top:none;
}

/*bpi-new*/
.apm-close-icon,.apm-search-icon,.apm-add-icon{
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 50%;
  margin-top:-8px;
  background: url(../images/tingyun-report-search-icon.svg) no-repeat;
  outline:none;
  opacity:.3;
}
/*bpi-new*/
.apm-search-icon:hover{
  opacity: 1;
}
.apm-close-icon{
  right:23px;
  background: url(../images/delete.svg) no-repeat center;
}
.apm-close-icon:hover{
  background:url(../images/delete_hoverclick.svg) no-repeat center;
}
/*bpi-new*/
.apm-add-icon{
  background:url("../images/alert-add.svg") no-repeat center;
}
.apm-add-icon:hover{
  opacity: 1;
}
/*bpi-new*/
.dropdown-wrap .apm-search-wrap{
  padding:0 10px;
  margin-bottom:6px;
}
.dropdown-wrap .apm-search-wrap .apm-close-icon{
  right:10px;
}
/* .apm-search-wrap .apm-close-icon{
	display: none;
	 opacity:0;
	 transition:opacity .3s linear;
} */
.apm-search-wrap .input-default{
  padding-right:36px;
}
/* .apm-search-wrap .input-default:focus+a.apm-close-icon{
	display: block;
} */
.dropdown-list{
  max-height:270px;
  overflow-y:auto;
}
.dropdown-list-two{
  max-height:115px;
  overflow-y:auto;
}
.dropdown-list li{
  cursor:pointer;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  line-height:24px;
  font-size:12px;
  padding:6px 10px;
  color:rgba(255,255,255,.65);
  /*border-bottom:1px solid rgba(255,255,255,.05);*/
}
.dropdown-list li:hover{
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,1);
}
.dropdown-list li.active,
.dropdown-list li.active:hover{
  color:rgba(255,255,255,1);
  background:rgba(255,255,255,.04);
}
.dropdown-list li:last-child{
  border-bottom:0;
}
 .dropdown-default.active .dropdown-wrap,
.dropdown-default:hover .dropdown-wrap{
  display:block;
}
.dropdown-default.close:hover .dropdown-wrap {
  display: none;
}
.dropdown-default-bor.active .dropdown-text,
.dropdown-default-bor:hover .dropdown-text{
  background:#303137;
  border:1px solid rgba(255,255,255,.1);
}
.dropdown-date-hover:hover{
  background:#24252E;
}
/*.dropdown-default-bor.active .dropdown-text,*/
/*.dropdown-default-bor:hover .dropdown-text{*/
/*border:1px solid #3e3e3e;*/
/*background:rgba(46,46,46,.3);*/
/*}*/
.dropdown-moremenu .dropdown-list{
  max-height:280px;
}
.dropdown-moremenu li{
  padding:0;
}
.dropdown-moremenu .dropdown-title{
  padding:5px 10px 5px 36px;
  position:relative;
  border-bottom:1px solid rgba(255,255,255,.05);
  width: 100%;
}
.dropdown-moremenu .dropdown-title:hover{
  background:rgba(255,255,255,.04);
}
.dropdown-moremenu li:hover,
.dropdown-moremenu li.active{
  background:none!important;
}
.dropdown-moremenu li.active>.dropdown-title{
  background:rgba(255,255,255,.04);
}
.dropdown-moremenu .dropdown-title .dropdown-arrow-down{
  right:auto;
  left:8px;
  transform:rotate(-90deg);
}
.dropdown-moremenu li.active>.dropdown-title .dropdown-arrow-down{
  transform:rotate(0deg);
}
.dropdown-list ul{
  display:none;
}
.dropdown-list li.active>ul{
  display:block;
}
.dropdown-moremenu .dropdown-list ul .dropdown-title{
  padding-left:56px;
}
.dropdown-moremenu .dropdown-list ul .dropdown-arrow-down{
  left:30px;
}
.dropdown-moremenu .dropdown-list ul ul .dropdown-title{
  padding-left:76px;
}
.dropdown-moremenu .dropdown-list ul ul .dropdown-arrow-down{
  left:50px;
}
.dropdown-moremenu .dropdown-list>li.has-moremenu .dropdown-title{
  padding-left:36px;
}
.dropdown-moremenu .dropdown-list ul>li.has-moremenu .dropdown-title{
  padding-left:56px;
}
.dropdown-moremenu .dropdown-list ul ul>li.has-moremenu .dropdown-title{
  padding-left:76px;
}
.no-moremenu .dropdown-title .dropdown-arrow-down{
  display:none!important;
}
.dropdown-moremenu .dropdown-title:hover .dropdown-arrow-down{
  opacity:.8;
  filter:alpha(opacity=80);
}
.dropdown-moremenu li.active>.dropdown-title .dropdown-arrow-down{
  opacity:1;
  filter:alpha(opacity=100);
}
.dropdown-moremenu .dropdown-list>li>.loading-wrap{
  margin-left:30px;
}
.dropdown-moremenu .dropdown-list ul>li>.loading-wrap{
  margin-left:50px;
}
.dropdown-big .dropdown-wrap{
  top:36px;
}
.dropdown-big .dropdown-wrap-two{
  top:-158px !important;
}
.dropdown-big .dropdown-wrap-three{
  top:-116px !important;
}
.dropdown-big .dropdown-wrap-four{
  top:-79px !important;
}
.dropdown-black .dropdown-text{
  color:rgba(36,37,46,.6);
}
.dropdown-black .dropdown-arrow-down{
  background:url(../images/arrow-right-black.svg) no-repeat center;
  background-size:6px;
  transform:rotate(90deg);
}
.dropdown-black.active .dropdown-text,
.dropdown-black:hover .dropdown-text{
  /*border:1px solid #24252E;*/
  /*background:#24252E;*/
  color:#fff;
}
.dropdown-black.active .dropdown-default,
.dropdown-black:hover .dropdown-default{
  background: #1D1E22;
}
.dropdown-black.active .dropdown-arrow-down,
.dropdown-black:hover .dropdown-arrow-down{
  background:url(../images/arrow-bottom-white-sm.svg) no-repeat center;
  background-size:90%;
  transform:rotate(-180deg);
}
/*.dropdown-black .dropdown-wrap{*/
/*background:#24252E;*/
/*}*/
.scroll-default{
  overflow:auto;
}
.scroll-default::-webkit-scrollbar-track{
  /*background-color:rgba(0, 0, 0, .1);*/
  /*border:2px solid rgba(0,0,0,.1);*/
  background:#2E2F3A;
}
.scroll-default::-webkit-scrollbar{
  width:10px;
  height:10px;
  /*background-color:rgba(0, 0, 0, .1);*/
  background:#2E2F3A;
  border-radius:5px;
}
.scroll-default::-webkit-scrollbar-thumb{
  background-color:rgba(255, 255, 255, .1);
  border:2px solid #2E2F3A;
  border-radius:5px;
  transition:all .3s linear;
  -webkit-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -o-transition:all .3s linear;
}
.scroll-default::-webkit-scrollbar-corner{
  background:transparent;
}
.scroll-default::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, .3) !important;
}
.mt25{margin-top:25px;}
.mb-type-loading,
.mb-type-loading:hover{
  background-color: transparent;
  border: solid 2px #c3c3c3;
  position:relative;
  overflow:hidden;
  cursor:default;
}
.loadeffect{
  width: 180px;
  height: 180px;
  display:block;
  position: relative;
  margin: 0 auto;
}
.loadeffect span{
  display: inline-block;
  width: 20px;
  height: 40px;
  background: rgba(255,255,255,.8);
  position: absolute;
  -webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0.2;
  }
}
.loadeffect span:nth-child(1){
  left: 0;
  top: 50%;
  margin-top:-20px;
  -webkit-animation-delay:0.13s;
  transform:rotate(-90deg);
}
.loadeffect span:nth-child(2){
  left: 14px;
  top: 14px;
  -webkit-animation-delay:0.26s;
  transform:rotate(-45deg);
  transform-origin:right center;
}
.loadeffect span:nth-child(3){
  left: 50%;
  top: 0;
  margin-left: -8px;
  -webkit-animation-delay:0.39s;
}
.loadeffect span:nth-child(4){
  top: 14px;
  right:14px;
  -webkit-animation-delay:0.52s;
  transform:rotate(45deg);
  transform-origin:left center;
}
.loadeffect span:nth-child(5){
  right: 0;
  top: 50%;
  margin-top:-8px;
  -webkit-animation-delay:0.65s;
  transform:rotate(90deg);
}
.loadeffect span:nth-child(6){
  right: 14px;
  bottom:14px;
  -webkit-animation-delay:0.78s;
  transform:rotate(135deg);
}
.loadeffect span:nth-child(7){
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  -webkit-animation-delay:0.91s;
}
.loadeffect span:nth-child(8){
  bottom: 14px;
  left: 14px;
  -webkit-animation-delay:1.04s;
  transform:rotate(235deg);
}
.mb-type-loading .loadeffect{
  position:absolute;
  top:50%;
  left:50%;
  margin:-90px 0 0 -90px;
  transform:scale(0.1);
}
.loading-wrap{
  position:relative;
  width:26px;
  height:26px;
}
.loading-wrap .loadeffect{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -90px 0 0 -90px;
  transform: scale(0.08);
}
.ec-btn-wrap button{
  margin-right:30px;
}
.ec-btn-wrap .ec-box-sub.pull-left{
  margin:6px 30px 0 0;
}
.transfer-left,.transfer-right{
  width:195px;
  /* background-color: #1C1E25; */
  border: solid 1px rgba(255,255,255,.1);
}
.transfer-nobg .transfer-left,.transfer-nobg .transfer-right{
  background-color:transparent;
}
.transfer-title{
  height: 50px;
  padding: 13px 20px;
  border-bottom: solid 1px rgba(255,255,255,.1);
}
.checkbox-label{
  margin: 0;
  position: relative;
  display: block;
  min-height: 22px;
  padding:0 20px 0 24px;
  font-size:14px;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  line-height:20px;
  margin-top:2px;
}
.checkbox-label .transfer-checkbox{
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -10px;
}
.checkbox-label .transfer-checkbox span{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.3);
  z-index: 2;
}
.checkbox-label em{
  font-style: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  float:left;
  width:100px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.checkbox-label .transfer-checkbox input[type=checkbox]{
  top: 0;
  left: 0;
  margin: 0;
  outline: 0;
  opacity: 0;
}
label>.transfer-checkbox>.transfer-checkbox-circle:after{
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  display: none;
  width: 14px;
  height: 14px;
  content: "";
  background: url(../images/checkbox-icon.png) no-repeat center #fff;
  border-radius: 3px;
}
.transfer{position:relative;}
.transfer-checkbox-input[type=checkbox]:checked+span:after{
  display: block;
}
.transfer-list{
  height: 188px;
  border-bottom: solid 1px rgba(255,255,255,.1);
  overflow-x: hidden;
  overflow-y: auto;
}
.transfer-list ul li{
  position: relative;
  padding: 8px 10px 8px 20px;
}
.transfer-list ul li:after{content:"";display:block;clear:both;}
.transfer-list ul li:hover{
  background-color: rgba(255,255,255,0.04);
}
.transfer-right .transfer-list ul li:hover em{
  color:#fff;
}
.transfer-list ul li:hover .transfer-usericon{display:block;}
.checkbox-label.checked em{
  color:#fff;
}
.transfer-list ul li:hover .transfer-usericon{display:block;}
.transfer-foot{
  padding: 13px 20px;
}
.transfer-add{
  float: right;
  width: 92px;
  height: 34px;
  border: solid 1px #7F7F81;
  border-radius: 4px;
}
.transfer:after,.transfer-foot:after{
  content: "";
  display: block;
  clear: both;
}
.transfer-arrow{
  width: 50px;
  border: solid 1px transparent;
}
.transfer-arrow-direction{
  width:30px;
  height:30px;
  outline:none;
  border-radius:50%;
  border:solid 1px rgba(255,255,255,.4);
}
.transfer-arrow-right{
  background:url(../images/arrow-right.svg) no-repeat center;
}
.transfer-arrow-right:hover{
  background:url(../images/arrow-right-hover.svg) no-repeat center;
}
.transfer-arrow-left{
  margin-top: 30px;
  background:url(../images/arrow-left.svg) no-repeat center;
}
.transfer-arrow-left:hover{
  background:url(../images/arrow-left-hover.svg) no-repeat center;
}
.transfer-arrow-right-lit{
  background-color:inherit !important;
  border:none !important;
  background:url(../images/arrow-both-lit.svg) no-repeat center;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.transfer-arrow-right-lit:hover,.transfer-arrow-right-lit-hover{
  background:url(../images/arrow-both-hover-lit.svg) no-repeat center;
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
}
.transfer-arrow-left-lit{
  border:none !important;
  background-color:inherit !important;
  margin-top: 30px;
  background:url(../images/arrow-both-lit.svg) no-repeat center;
}
.transfer-arrow-left-lit:hover,.transfer-arrow-left-lit-hover{
  background:url(../images/arrow-both-hover-lit.svg) no-repeat center;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.transfer-arrow-direction:hover{
  cursor:pointer;
  border:solid 1px rgba(255,255,255,.8);
  background-color:#fff;
}
.transfer-list-right{
  height: 306px;
  border-bottom: none;
}
.transfer-usericon{
  position:absolute;
  background:url(../images/member-icon30.svg);
  width:20px;
  height:20px;
  top:50%;
  right:10px;
  margin-top:-10px;
  display:none;
}
.transfer-usericon:hover{
  background:url(../images/member-icon.svg);
  cursor:pointer;
}
.transfer-usericon-pop{
  position:absolute;
  width:44px;
  height:35px;
  display:none;
  border:solid 1px rgba(3,3,3,.6);
  box-shadow:0 3px 4px 0 rgba(28,30,37,.64);
  background-color:rgba(0,0,0,.64);
  line-height:35px;
  text-align:center;
  color:#fff;
  border-radius:2px;
  left: -50px;
  top: -8px;
}
.transfer-usericon-pop:after{
  content:"";
  display:block;
  position:absolute;
  width:0;
  height:0;
  border-style:solid;
  border-width:5px;
  border-color: transparent transparent transparent rgba(0,0,0,.64);
  top: 12px;
  left: 43px;
}
.transfer-usericon:hover .transfer-usericon-pop{display:block;}
.transfer-arrow-left[disabled]{
  cursor:not-allowed !important;
  border:solid 1px rgba(255,255,255,.4) !important;
  background:url(../images/arrow-left.svg) no-repeat center !important;
  background-color:transparent !important;
}
.transfer-arrow-right[disabled]{
  cursor:not-allowed !important;
  border:solid 1px rgba(255,255,255,.4) !important;
  background:url(../images/arrow-right.svg) no-repeat center !important;
  background-color:transparent !important;
}
.transfer-arrow-right-lit[disabled]{
  cursor:not-allowed !important;
  border:none !important;
  background:url(../images/arrow-both-lit.svg) no-repeat center !important;
  background-color:transparent !important;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.transfer-arrow-left-lit[disabled]{
  cursor:not-allowed !important;
  border:none !important;
  background:url(../images/arrow-both-lit.svg) no-repeat center !important;
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  background-color:transparent !important;
}
.transfer-search{
  padding: 5px 20px 6px;
  position:relative;
}
.ts-input,.ds-input{
  display: block;
  width: 100%;
  height: 30px;
  padding: 5px 20px 5px 2px;
  line-height: 1.5;
  background: none;
  border: none;
  border-bottom: solid 1px rgba(255,255,255,.1);
  outline: none;
  color:#fff;
}
.ds-input{
  padding:5px 10px;
  border-radius:0;
}
.ts-input:hover,.ds-input:hover{
  border-bottom: solid 2px rgba(255,255,255,.8);
}
.ts-input:focus,.ds-input:focus{
  border-bottom: solid 2px rgba(255,255,255,1);
}
.ts-input::-webkit-input-placeholder,.ds-input::-webkit-input-placeholder,.contrast-form-input::-webkit-input-placeholder{color:rgba(255,255,255,.4);}
.ts-input::-moz-placeholder,.ds-input::-moz-placeholder,.contrast-form-input::-moz-placeholder{color:rgba(255,255,255,.4);}
.ts-input:-ms-input-placeholder,.ds-input:-ms-input-placeholder,.contrast-form-input:-ms-input-placeholder{color:rgba(255,255,255,.4);}
.mb-reload{
  height:24px;
  line-height: 22px;
  text-align: left;
  padding: 0 8px;
  margin-left: 5px;
}
.transfer-search-close{
  display: block;
  position: absolute;
  width:17px;
  height:16px;
  right: 30px;
  top: 13px;
  background:url(../images/delete.svg) no-repeat;
}
.transfer-search-close:hover{
  background:url(../images/delete_hoverclick.svg) no-repeat;
}
.transfer-abs{
  position:absolute;
  padding:0 10px;
  width: 50px;
  top:50%;
  margin-top:-54px;
}
.transfer-nodata .transfer-list-notfound {
  display: block;
}
.transfer-list-notfound{
  padding-top: 0;
  text-align: center;
  display: none;
  height: 180px;
  line-height: 180px;
}
.transfer-search-pad{
  padding: 5px 20px 6px;
}
.transfer-search-pad .apm-close-icon,.transfer-search-pad .apm-search-icon{
  right:20px;
}
/*单or多选*/
.sd-checkbox-label,
.sd-radio-label{
  position: relative;
  display: block;
  min-width:16px;
  min-height:16px;
  padding-left:16px;
  overflow: hidden;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  margin:0;
}
.sd-checkbox-wrap,
.sd-radio-wrap{
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin:-8px 0 0;
}
.sd-checkbox-label input[type="checkbox"],
.sd-radio-label input[type="radio"]{
  display:block;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  visibility: visible;
  filter: alpha(opacity=0);
  outline: none;
  opacity: 0;
  margin:0;
}
.sd-input-icon{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border:1px solid rgba(255,255,255,.3);
  margin: 0;
  z-index:1;
}
.sd-checkbox-wrap .sd-input-icon{
  border-radius: 4px;
}
.sd-radio-wrap .sd-input-icon{
  border-radius:50%;
}
.sd-checkbox-label em,
.sd-radio-label em{
  font-style:normal;
  padding-left:10px;
  display:block;
  /* max-width: 180px; */
  font-size:14px;
  line-height:1.5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.65);
}
.sd-checkbox-label:hover em,
.sd-radio-label:hover em{
  color:rgba(255,255,255,.8);
}
.sd-checkbox-label:hover .sd-input-icon,
.sd-radio-label:hover .sd-input-icon{
  border:1px solid rgba(255,255,255,.8);
}
.sd-checkbox-label.checked em,
.sd-radio-label.checked em{
  color:#fff;
}
/*,.sd-checkbox-input[type="checkbox"]:checked+span.sd-input-icon */
.sd-checkbox-label.checked .sd-input-icon{
  border:1px solid #fff;
  background:url("../images/sd-checkbox-icon.svg") no-repeat center #fff;
}
/* ,.sd-radio-input[type="radio"]:checked+span.sd-input-icon */
.sd-radio-label.checked .sd-input-icon{
  border:1px solid #fff;
}
/* ,.sd-radio-input[type="radio"]:checked+span.sd-input-icon:before */
.sd-radio-label.checked .sd-input-icon:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  margin:-4px 0 0 -4px;
}
.sd-checkbox-label.disabled,
.sd-radio-label.disabled{
  cursor:not-allowed;
}
.sd-checkbox-label.disabled input[type="checkbox"], .sd-radio-label.disabled input[type="radio"]{
  cursor:not-allowed;
}
.sd-checkbox-label.disabled em,
.sd-checkbox-label.disabled:hover em,
.sd-radio-label.disabled em,
.sd-radio-label.disabled:hover em{
  color:rgba(255,255,255,.2);
}
.sd-checkbox-label.disabled .sd-input-icon,
.sd-checkbox-label.disabled:hover .sd-input-icon,
.sd-radio-label.disabled .sd-input-icon,
.sd-radio-label.disabled:hover .sd-input-icon{
  border:1px solid rgba(255,255,255,.1);
}
.checked+em{color:#fff;}
.disabled .transfer-checkbox-circle{border: 1px solid rgba(255,255,255,.1) !important;}
.disabled+em{color: rgba(255,255,255,.2) !important;}
.disabled+em:hover,.disabled .transfer-checkbox-circle:hover,.disabled .transfer-checkbox-input:hover{cursor:not-allowed !important;}

.input-default{
  width:100%;
  font-size:14px;
  line-height:1.5;
  padding:6px 0;
  border:1px solid transparent;
  border-bottom:1px solid rgba(255,255,255,.3);
  color:#fff;
  background-color:transparent;
  padding: 6px 22px 6px 0;
  outline:none;
}
.input-default::-moz-placeholder{
  color: rgba(255,255,255,.45);
}
.input-default:-ms-input-placeholder{
  color: rgba(255,255,255,.45);
}
.input-default::-webkit-input-placeholder{
  color: rgba(255,255,255,.45);
}
.input-default:focus,
.input-default:hover{
  padding-bottom:5px;
  border-bottom:2px solid rgba(255,255,255,.8);
}
.input-border{
  min-width:40px;
  padding:6px 8px;
  /*background: rgba(46,46,46,.3);*/
  /*box-shadow: inset 0 0 1px #000;*/
  border: 1px solid rgba(255,255,255,.2);
}
.input-border:focus,
.input-border:hover{
  padding-bottom:6px;
  border:1px solid rgba(255,255,255,1);
}
.input-sm{
  padding-top:2px;
  font-size:14px;
  padding-bottom:2px;
}
.input-sm:focus,
.input-sm:hover{
  padding-bottom:1px;
}
.apm-num-search-wrap{
  position: relative;
}
.apm-arrow-icon{
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -5px;
}
.apm-arrow-icon .arrowicon{
  display: block;
  width: 9px;
  height: 9px;
  border-style:solid;
  border-width: 2px;
  border-radius: 3px;

  border-color: transparent rgba(255,255,255,.4) rgba(255,255,255,.4) transparent;
}
.apm-arrow-icon .arrowicon:hover{
  border-color: transparent rgba(255,255,255,.8) rgba(255,255,255,.8) transparent;
}
.apm-arrow-icon .top{
  transform: rotate(225deg);
}
.apm-arrow-icon .bottom{
  transform: rotate(45deg);
  margin-top: -6px;
}
/*card*/
.sd-mask{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.6);
  z-index:1101;
}
.sd-card{
  width:530px;
  position:absolute;
  background:#323232;
  box-shadow:0 0 3px rgba(0,0,0,.75);
  z-index:1111;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.sd-card-hd{
  font-size:20px;
  padding:25px 25px 6px;
  color:#fff;
}
.sd-card-bd{
  padding:16px 25px;
  min-height:100px;
}
.sd-card .sd-text-16{
  color:rgba(223,223,223,.5);
}
.sd-card-ft{
  padding:20px 25px;
}
.sd-card-md{
  background:#303135;
}
.sd-card-md .sd-card-hd{
  padding:8px 25px;
  font-size:22px;
  background:#1D1E22;
}
/* card new */
.sd-mask-new {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(121,121,121,.4);
  z-index: 900;
}
.sd-mask-new-hidden{display:none;}
.sd-card-new{
  position: relative;
  width: 421px;
  background: rgba(0,0,0,.9);
  box-shadow: 0 2px 4px rgba(28,30,37,.5);
  z-index: 1111;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius:8px;
}
.sd-card-new.new_bg{
  background:#303135;
}
.sd-card-hd-new {
  padding: 30px 30px 10px;
  min-height:60px;
}
.sd-card-hd-new .int-card-head-title{
  font-size: 16px;
  color: #fff;
  width:92%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin-top:3px;
}
.sd-card-bd-new {
  padding: 20px 30px;
}
.sd-card-bd-new-manager .sd-card-bd-new{
  min-height: 44px;
  max-height:684px;
  color: rgba(255,255,255,.65);
}
@media (max-width:1440px){
  .sd-card-bd-new {
    max-height:524px;
  }
}
.sd-card-bg-new-maxHeight {
  max-height: 524px;
  padding: 20px 30px;
}
.sd-card-ft-new {
  padding:0 30px 30px 30px;
}
.sd-card-ft-new-manager {
  padding:31px 0 7px;
}
.sd-card-new-wrap{
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.sd-close-icon{
  width:30px;
  height:30px;
  display:block;
  cursor:pointer;
  position:relative;
  opacity:.6;
  filter:alpha(opacity=60);
}
.sd-close-icon:before,
.sd-close-icon:after{
  content:"";
  display:block;
  background:#fff;
  border-radius:2px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
}
.sd-close-icon:before{
  width:20px;
  height:2px;
}
.sd-close-icon:after{
  width:2px;
  height:20px;
}
.sd-close-icon:hover{
  opacity:1;
  filter:alpha(opacity=100);
}
.sd-card .sd-close-icon{
  position:absolute;
  top:10px;
  right:10px;
}
/*提示框*/
.sd-tooltip-box{
  position:relative;
  width:18px;
  height:18px;
}
.sd-tooltip-box .icon-question{
  width:16px;
  height:18px;
  display:block;
  background:url("../images/sd-icon-question.svg") no-repeat center;
  opacity:.6;
  filter:alpha(opacity=60);
  cursor:pointer;
}
.sd-tooltip-box .icon-question:hover{
  opacity:1;
  filter:alpha(opacity=100);
}
.sd-tooltip-wrap{
  position:absolute;
  left:30px;
  top:-10px;
  min-width:160px;
  z-index:100;
  padding:8px 10px;
  white-space: normal;
  border-radius:4px;
  background:rgba(0,0,0,.9);
  border:1px solid #030303;
  box-shadow:2px 5px 6px 0px rgba(28,30,37,0.5);
  display:none;
}
.sd-tooltip-wrap div{
  line-height:1.5;
  font-size:12px;
  color:#fff;
  white-space:nowrap;
}
.sd-tooltip-wrap div+div{
  margin-top:5px;
}
.sd-tooltip-wrap:before{
  content:"";
  display: block;
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-right:10px solid rgba(0,0,0,.9);
  position: absolute;
  left:-10px;
  top:12px;
}
/*.sd-tooltip-box:hover:before{*/
  /*content:"";*/
  /*display:block;*/
  /*width:20px;*/
  /*height:20px;*/
  /*position:absolute;*/
  /*left:17px;*/
  /*top:0;*/
/*}*/
.sd-tooltip-box.active .sd-tooltip-wrap,
.sd-tooltip-box:hover .sd-tooltip-wrap{
  display:block;
}



/*table*/
.sd-table{
  width:100%;
  border-collapse:collapse;
 /* overflow: hidden;*/
}
.sd-table.overflow_inherit{
  overflow: inherit;
}
.sd-table th{
  padding:6px 10px;
  font-size:14px;
  position:relative;
}
/*.sd-table tr>th:first-child,
.sd-table tr>td:first-child{
  padding-left:10px;
}*/
.sd-table tr>th:before{
  content:"";
  display:block;
  width:calc( 100% - 10px );
  height:6px;
  border-radius:3px;
  background:rgba(255,255,255,.1);
  position:absolute;
  bottom:0;
  left:5px;
  transition:all .3s linear;
}
.sd-table tr>th:first-child:before{
  width:calc( 100% - 5px );
  left:0;
}
.sd-table tr>th:last-child:before{
  width:calc( 100% - 5px );
}
.sd-table tr .th-sort:hover:before{
  background:rgba(255,255,255,.3);
}
.sd-table .th-sort:hover .th-text span{
  color:rgba(255,255,255,.8);
}
.sd-table tr .th-sort:hover .icon-sort em{
  opacity:.8;
  filter:alpha(opacity=80);
}
.sd-table tr .th-sort.active:before{
  background:rgba(255,255,255,.3);
}
.sd-table .th-sort.active .th-text span{
  color:#fff;
}
.sd-table tr .th-sort.active .icon-sort em{
  opacity:1;
  filter:alpha(opacity=100);
}
.sd-table th .th-text{
  padding-top:6px;
  padding-bottom:6px;
  position:relative;
}
.sd-table th .th-text span{
  display:block;
  line-height:20px;
}
.sd-table .icon-sort{
  padding-right:15px;
  display:block;
}
.sd-table .icon-sort em{
  display:block;
  width:30px;
  height:30px;
  opacity:.4;
  filter:alpha(opacity=40);
  position:absolute;
  right:-10px;
  top:50%;
  margin-top:-15px;
  cursor:pointer;
  background: url(../images/tingyun-report-sort-icon.svg) center no-repeat;
  transition:all .3s linear;
}
.sd-table .icon-sort.up em {
  background:url(../images/tingyun-report-sort-up-icon.svg) center no-repeat;
}
.sd-table .icon-sort.down em {
  background:url(../images/tingyun-report-sort-down-icon.svg) center no-repeat;
}
.sd-table .icon-sort em:hover{
  opacity:.8;
  filter:alpha(opacity=80);
}
.sd-table td{
  padding:14px 10px;
  font-size:14px;
  line-height:1.5;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
  position:relative;
}
/* tootip在滚动的时候扩大hover面积 */
.sd-table td.no_padding{
  padding: 0;
}
.scroll-style{
  overflow: auto;
}
.scroll-style::-webkit-scrollbar {
  /* display: none; */
  max-width: 5px;
}
/*定义滚动条轨道 内阴影+圆角*/
.scroll-style::-webkit-scrollbar-track
{
  -webkit-box-shadow: none;
  border-radius: 8px;
  /* background-color: #fff; */
}

/*定义滑块 内阴影+圆角*/
.scroll-style::-webkit-scrollbar-thumb
{
  border-radius: 8px;
  -webkit-box-shadow: none;
  /* background-color: rgb(212,213,213); */
}

.sd-table td.no_padding .bubble-wrap-cont{
  width: 100%;
  height: 100%;
  padding: 14px 10px;
}
.sd-table td.no_padding .no_content{
  padding: 14px 10px;
}
.sd-table tbody>tr:first-child td{
  border-top:0;
}
.sd-table tbody>tr:last-child td{
  border-bottom:0;
}
.sd-table tr:hover,
.sd-table tr.active{
  background:#313235;
}
.sd-table thead tr:hover{
  background:none;
}
.sd-table a{
  color:#fff;
  font-size:14px;
  font-weight:550;
  /* border-bottom:1px solid transparent; */
}
.sd-table .icon-alert{
  width:24px;
  height:24px;
  position:relative;
  opacity:.3;
  filter:alpha(opacity=30);
  border:none;
}
.sd-table .icon-alert .icon-num-red{
  width:12px;
  min-width:12px;
  height:12px;
  border-radius:6px;
  top:-2px;
}

.ele-light,
.sd-table a{
  opacity:1;
  filter:alpha(opacity=100);
  cursor:pointer;
}
.ele-light:hover,
.sd-table tr:hover a:hover,
.sd-table tr a:hover,
.sd-table-light .ele-light,
.sd-table-light .sd-table a{
  opacity:1;
  filter:alpha(opacity=100);
}
.sd-table tr a:hover,.table-bor tr a:hover{
  color:rgba(53,123,231,1);
}
.sd-table tr a.btn-operate-delete:hover,.btn-operate-delete:hover{
  color:#F07275;
}
.sd-table tr a:active{
  color:#0B5AD4;
}
.ele-light.active,
.sd-table tr.active a,
.sd-table tr.active a:hover,
.sd-table tr.active a.active,
.sd-table tr a.active,

.sd-table-light .ele-light:hover,
.sd-table-light .sd-table a:hover{
  opacity:1;
  filter:alpha(opacity=100);
}
.sd-table-light td,
.sd-table-light th{
  color:rgba(255,255,255,.8);
}
.color-red{
  color:#DF5D56;
}
.color-green{
  color:#43AA93;
}
.sd-tooltip-userid{
  padding-right:30px;
  position:relative;
  display:inline-block;
}
.sd-tooltip-userid .sd-tooltip-box{
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.text-ellipsis{
  display:block;/*块儿元素显示省略号*/
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.a-has-arrow{
  padding-left:34px;
  position:relative;
}
.a-has-arrow:before{
  display:block;
  content:"";
  width:20px;
  height:20px;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-10px;
  background:url("../images/arrow-right-white.svg") no-repeat center;
}
.a-has-arrow-down:before,
.a-has-arrow-up.active:before{
  transform:rotate(90deg);
}
.a-has-arrow-down.active:before,
.a-has-arrow-up:before{
  transform:rotate(-90deg);
}
.icon-operate-key{
  display:block;
  cursor:pointer;
  width:24px;
  height:24px;
  background:url("../images/sd-operate-key-icon.svg") no-repeat center;
  background-size:80%;
  opacity:.3;
  filter:alpha(opacity=30);
}
.icon-operate-key:hover,.icon-operate-key.active{
  opacity: 1;
  background-image:url("../images/sd-operate-key-icon.svg");
}
/*.sd-table .td-operate{
  text-align:center;

}*/
.sd-table .btn-operate{
  display:inline-block;
  cursor:pointer;
  color:#fff;
  position:relative;
}
.sd-table .btn-operate a{
  color: rgba(24, 144, 255, 1);
}
.sd-table .btn-operate a:hover{
  color: rgba(24,144,255,1);
}
.sd-table .td-operate .btn-operate+.btn-operate{
  margin-left:10px;
}
.sd-table .btn-operate-unlock a {
  color: green;
}
.sd-table .btn-operate-unlock a:hover {
  color: #00a93a;
}
/*警告框*/
.sd-popover{
  width:450px;
  background:rgba(0,0,0,0.9);
  box-shadow:2px -5px 6px 0px rgba(28,30,37,0.5);
  border-radius:8px;
  white-space:normal!important;
  position:absolute;
  padding:20px;
  z-index:100;
  display:none;
}
.sd-popover:before{
  content:"";
  display: block;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:10px solid rgba(0,0,0,.9);
  position: absolute;
  top:-10px;
  right:10px;
}
.sd-popover.top:before{
  content:"";
  display: block;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:10px solid rgba(0,0,0,.9);
  border-bottom:0;
  position: absolute;
  top:auto;
  bottom:-10px;
  right:10px;
}
.sd-popover-main{
  padding-bottom:55px;
}
.sd-popover-title{
  font-size:22px;
  line-height:36px;
  padding-left:32px;
  position:relative;
  text-align:left;
}
.sd-popover-title:before{
  display:block;
  content:" ";
  width:22px;
  height:22px;
  background:url(../images/sd-error-icon.svg) no-repeat center;
  position:absolute;
  top:7px;
  left:0;
}
.sd-popover-notes{
  font-size:12px;
  line-height:20px;
  padding-left:32px;
  color:rgba(255,255,255,.8);
  margin-top:12px;
  text-align:left;
}
.sd-popover-notes span{
  position:relative;
  top:2px;
}
.sd-popover-ft{
  text-align:right;
}
.sd-delete-icon{
  display:block;
  width:24px;
  height:24px;
  background:url(../images/sd-delete-icon.svg) no-repeat center;
  background-size:16px;
  opacity:.6;
}
.btn-tooltip{
  padding:8px 10px;
  font-size:12px;
  color:#fff;
  white-space:nowrap;
  background:rgba(0,0,0,.9);
  border-radius:4px;
  position:absolute;
  bottom:35px;
  left:-12px;
  z-index:100;
  display:none;
}
.btn-tooltip:before{
  content:"";
  display: block;
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:10px solid rgba(0,0,0,.9);
  position: absolute;
  left:16px;
  bottom:-10px;
}
.btn-operate:hover .btn-tooltip{
  display:block;
}

.td-operate .btn-operate{
  position:relative;
}
.td-operate .sd-popover{
  top:40px;
  right:0;
}
.td-operate .sd-popover.top{
  top:auto;
  bottom:40px;
  right:0;
}
/* .td-operate .btn-operate:hover .sd-popover{ */
/* display:block; */
/* } */
.td-operate .btn-operate.active:before{
  content:"";
  width:3em;
  height:60px;
  display:block;
  position:absolute;
  top:50%;
  margin-top:-30px;
  right:0;
}
.tr-previous-con{
  background:rgba(255,255,255,0.04);
}
.tr-previous-main{
  padding:30px!important;
  border-top:3px solid rgba(0,0,0,.1)!important;
  border-bottom:3px solid rgba(0,0,0,.1)!important;
}


.sd-table-responsive{
  overflow:auto;
  width: 100%;
}
.sd-table-responsive.overflow_inherit{
  overflow: inherit;
}
.sd-table-responsive th,
.sd-table-responsive td,
.sd-table-responsive th .th-text{
  white-space:nowrap;
}
.sd-table-responsive::-webkit-scrollbar{
  width:10px;
  height:10px;
  border-radius:5px;
}
.sd-table-responsive::-webkit-scrollbar-thumb{
  background-color:rgba(255, 255, 255, .1);
  border-radius:5px;
}
.sd-table-responsive::-webkit-scrollbar-thumb:hover{
  background-color:rgba(255, 255, 255, .3)!important;
}
.sd-table-responsive::-webkit-scrollbar-corner{
  background:transparent;
}
/*.card-apply-wrap{*/
/*margin-top:100px;*/
/*}*/
.card-apply-wrap .card-has-icon{
  /*height:200px;*/
  padding:15px 20px;
}
.card-apply-wrap .card-img{
  width:25%;
  height:100%;
  line-height:140px;
}
.card-apply-wrap .card-img img{
  max-width:100%;
}
.card-apply-con{
  position: relative;
  width:75%;
  height:100%;
  padding-left:20px;
}
.card-apply-box,.alert-icon-box{
  position: absolute;
  top:50%;
  right:0;
  left:20px;
  transform:translateY(-50%);
}
.card-apply-name{
  font-size:18px;
  color:#fff;
}
.card-apply-num{
  font-size:50px;
  color:#fff;
  margin-top:10px;
  line-height:1;
  word-break: break-word;
}
/*.card-apply-wrap .card-has-icon.gradient-green .card-img{
  padding:35px 30px;
}*/
@media (max-width: 1200px){
  .card-apply-wrap .card-has-icon{
    margin-bottom:10px;
  }
}
@media screen and (min-width:1200px) and (max-width:1400px) {
  .card-apply-wrap .card-has-icon{
    height:120px;
    padding:15px;
  }
  .card-apply-wrap .card-img{
    width:30%;
    line-height: 90px;
  }
  .card-apply-con{
    width: 70%;
    padding-left:10px;
  }
  .card-apply-box{
    left:10px;
  }
  .card-apply-name{
    font-size:14px;
  }
  .card-apply-num{
    font-size:40px;
    margin-top:10px;
  }
}
.content-header .dropdown-text{
  color:rgba(255,255,255,.4);
  width: 100%;
}
.layout-content{
  padding: 20px;
  position:relative;
}
.layout-content-hd{
  margin-bottom:10px;
}
.tab-toggle-box .text-small{
  margin:0 12px 0 0;
}
.layout-content-hd .tab-toggle-box{
  margin-top:5px;
}

.icon-delete-text-disable{
  padding-left:30px;
  position:relative;
  font-size:12px;
  cursor:not-allowed;
}

.icon-delete-text-enable{
  padding-left:30px;
  position:relative;
  font-size:12px;
  color:#fff;
  cursor:pointer;
}

.icon-delete-text{
  padding-left:30px;
  position:relative;
  font-size:12px;
  color:#fff;
  cursor:pointer;
}
.icon-delete-text .sd-delete-icon, .icon-delete-text-disable .sd-delete-icon, .icon-delete-text-enable .sd-delete-icon{
  position:absolute;
  left:-3px;
  top:50%;
  margin-top:-12px;
}
.icon-delete-text-disable .sd-delete-icon{
  opacity:.3;
}
.icon-delete-text-hover{color:rgba(255,255,255,.6);}
.icon-delete-text-hover:hover{color: #fff;cursor: pointer;}
.icon-delete-text-hover:hover .sd-delete-icon{opacity: 1;}
.layout-content .icon-delete-text{
  margin-top:7px;
}
.sd-tooltip{
  display:inline-block;
  padding-right:30px;
  position:relative;
}
.text-16{
  font-size:16px;
  color:#fff;
}
.sd-tooltip .sd-tooltip-box{
  position:absolute;
  right:0;
  top:50%;
  margin-top:-9px;
}
.sd-tooltip.text-16{
  margin-top:12px;
}
.layout-content.bg-blue .progress-wrap{
  margin:80px 30px 30px;
  width:auto;
  position:relative;
}
.progress-gradient .progress-bar{
  border:1px solid rgba(255,255,255,.2);
  position:relative;
  height:14px;
  border-radius:7px;
}
.progress-gradient .progress-inner{
  display:block;
  height:14px;
  border-radius:7px;
  background:linear-gradient(90deg,rgba(255,255,255,0.23),rgba(255,255,255,1));
  position:absolute;
  left:-1px;
  top:-1px;
}
.progress-gradient .progress-inner:before{
  content:"";
  display:block;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 5px 3px #fff;
  position:absolute;
  top:0;
  right:0;
}
.progress-gradient .progress-text{
  overflow:hidden;
  margin-top:16px;
  white-space:nowrap;
}
.progress-gradient .progress-text em{
  font-style:normal;
  font-size:14px;
  color:rgba(255,255,255,.8);
}
.progress-gradient .progress-text span{
  display:inline-block;
  width:11.66%;
  font-size:14px;
  color:rgba(255,255,255,.8);
  position:relative;
}
.progress-gradient .progress-text span:last-child{
  margin-left:-0.5em;
}
.layout-content .page-wrap{
  margin-top:10px;
}
.layout-content .sd-mask{
  position:absolute;
  top:auto;
  bottom:0;
  left:0;
  z-index:99;
  height:calc( 100% - 132px );
}
.sd-mask .loading-wrap{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.sd-mask .loading-wrap .loadeffect{
  transform:scale(0.1);
}
.form-text-md{
  font-size:14px;
  line-height:36px;
  color:rgba(255,255,255,.65);
}
/* .content-header .pull-left.content-header-form{ */
/* margin-right:60px; */
/* } */
/* .content-header-form+.content-header-form{ */
/* margin-left:60px; */
/* } */
.content-header-form{
  margin-right:20px;
}
@media (max-width:1500px){
  .content-header-form:first-child,.content-header-form:nth-child(2){
    margin-bottom:20px;
  }
}
.content-header-form:last-child{
  margin-right:0;
}
.mt-16{margin-top:16px;}

/*气泡弹框*/
.bubble-wrap{
  min-width: 180px;
  border-radius: 8px;
  background:rgba(0,0,0,0.9);
  box-shadow: 2px 5px 6px 0px rgba(28,30,37,0.5);
  position: relative;
  font-size: 12px;
  line-height: 12px;
  float: left;
  z-index:111111111111;
}
.bubble-text{
  color: #fff;
  font-size: 14px;
  min-width: auto;
  line-height:22px;
}
.bubble-tabletext{
  font-size: 12px;
  color: #fff;
  min-width: auto;
  border-radius: 2px;
}
.pad-10{
  padding: 10px;
}
.pad-20{
  padding: 20px;
}
.bubble-time{
  color: rgba(255,255,255,.4);
  padding-bottom: 10px;
}
.bubble-wrap ul li{
  padding-bottom: 10px;
  -webkit-width: max-content;
  -moz-width: max-content;
  width: max-content;
}
.bubble-wrap ul li:last-child{
  padding-bottom: 0;
}
.bubble-wrap ul li:after{
  content: "";
  display: block;
  clear: both;
}
.bubble-main-left{
  color: rgba(255,255,255,.8);
  margin-right: 20px;
}
.bubble-main-right{
  color: #fff;
}
.bubble-triangle{
  width: 0;
  height: 0;
  border-style:solid;
  position: absolute;
}
.bubble-triangle.left{
  left: -9px;
  top: 12px;
  border-width: 5px 9px 5px 0px;
  border-color:transparent rgba(0,0,0,.9) transparent transparent;
}
.bubble-triangle.right{
  left:100%;
  top: 12px;
  border-width: 5px 0px 5px 9px;
  border-color:transparent transparent transparent rgba(0,0,0,.9);
}
.bubble-triangle.top{
  left: 12px;
  top: -9px;
  border-width: 0px 5px 9px 5px;
  border-color:transparent transparent rgba(0,0,0,.9) transparent;
}
.bubble-triangle.bottom{
  left: calc(50% - 5px);
  top: 100%;
  border-width: 9px 5px 0px 5px;
  border-color: rgba(0,0,0,.9) transparent transparent transparent;
}
.bubble-triangle.bottom.bottom-left{
  left:15px;
}
.bubble-tabletext .bubble-triangle.left,.bubble-text .bubble-triangle.left{
  top: 50%;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -o-transform:translateY(-50%);
}
.bubble-box:after{
  content: "";
  display: block;
  clear: both;
}

.bubble-main-group div:after,.bubble-waterfall ul:after,.bubble-parameter:after{
  content: "";
  display: block;
  clear: both;
}
.bubble-main-group ul li{
  padding-bottom: 0;
  margin-top: 10px;
}
.w40{
  width: 40px;
  padding-right: 4px;
}
.bubble-hitcon{
  width: 180px;
  color: rgba(255,255,255,.8);
  line-height: 20px;
}
.w108 ul li span:first-child{
  width: 108px;
}
.w84 ul li span:first-child{
  width: 84px;
}
.bubble-waterfall, .error-bubble-waterfall{
  width: 422px;
  background-color: rgba(0,0,0,.8);
  border-radius: 6px;
  box-shadow:6px 0px 9px rgba(0,0,0,0.56);
  position:relative;
  float:left;
}
.bubble-waterfall ul li{
  display: inline-block;
  width: 25%;
  padding: 16px;
}
.bubble-waterfall ul{
  border-bottom: solid 1px rgba(255,255,255,.1);
}
.bubble-waterfall-num{
  font-size: 20px;
  margin-bottom:10px;
  line-height: 20px;
  color: rgba(255,255,255,1);
}
.bubble-waterfall-des{
  font-size: 12px;
  line-height: 16px;
  color: rgba(255,255,255,.5);
}
.bubble-parameter{
  padding: 16px;
}
.bubble-parameter span{
  float: left;
}
.bubble-parameter-title{
  margin-right: 10px;
  color: rgba(255,255,255,.5);
  font-size: 12px;
}
.bubble-parameter-data{
  font-size: 14px;
  line-height:16px;
  /* color: #fff; */
  word-break: break-all;
}
.bubble-linepop{
  background-color: rgba(0,0,0,.8);
  border-radius: 4px;
  box-shadow:6px 0px 9px rgba(0,0,0,0.56);
  position: relative;
  float: left;
  padding: 5px 10px !important;
}
.bubble-linepop:after{
  content: "";
  display: block;
  clear: both;
}
.bubble-linepop span{
  display: block;
  float: left;
}
.bubble-linepop-title{
  font-size: 14px;
  color: rgba(128,134,143,1);
  line-height: 26px;
}
.bubble-linepop-data{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

/*配置页面 str*/
.conf-mg{
  /* margin-top: 8px; */
  margin-bottom: 20px;
}
.conf-main{
  padding: 30px 30px 100px;
}
.conf-hd-line{
  padding-left:6.4% !important;
  position: relative;
  margin-bottom: 34px;
  font-size: 16px;
  color: rgba(223,223,223,.4);
}
.conf-hd-line:before{
  content: "";
  display: block;
  height: 1px;
  background:rgba(98,98,98,1);
  width: 4.9%;
  position: absolute;
  top: 11px;
  left: 0;
}
.conf-hd-line:after{
  content: "";
  display: block;
  height: 1px;
  background:rgba(98,98,98,1);
  position: absolute;
  left: calc(6.4% + 80px);
  top: 11px;
  right:0;
}
.conf-add-header .conf-hd-line:after{
  width: 84.6%;
}
.conf-title{
  font-size: 14px;
  color: #fff;
}
.conf-radio-status{
  color:rgba(223, 223, 223, .5);
  font-size: 16px;
}
.conf-lit-group{
  margin-bottom: 20px;
}
.clear:after{
  content: "";
  display: block;
  clear: both;
}
.conf-lit-group:last-child{
  margin-bottom: 0;
}
.conf-group{
  margin-bottom: 40px;
}
.conf-input{
  margin-top: -8px;
}
.conf-input input,.conf-input-self{
  float: left;
  margin-left:15px;
  width: 50px;
  height: 36px;
  line-height: 36px;
  color: rgba(223, 223, 223, 1);
  border: solid 1px rgba(255, 255, 255, .2);
  border-radius: 3px;
  background-color: transparent;
  outline: none;
  font-size: 16px;
}
.conf-input input:hover,.conf-input-self:hover,.conf-input input:focus,.conf-input-self:focus{
  border-color:rgba(255,255,255,1);
}
.conf-input input[readonly]:hover,.conf-input-self[readonly]:hover,.conf-input input[readonly]:focus,.conf-input-self[readonly]:focus{
  border-color:rgba(255,255,255,.2);
}
.conf-input input.pl10,.conf-input-self.pl10{
  padding-left: 10px;
}
.conf-input-self{
  float: none;
  margin: 0 8px 0 10px;
  color:#fff;
}
.conf-input-self.wid70{width: 70px;}
.conf-input.widper63{width: 85%;}
.conf-input-self.widper100{width: 100%;}
.conf-input input::-webkit-input-placeholder{color:rgba(255,255,255,.3);}
.conf-input input::-moz-placeholder{color:rgba(255,255,255,.3);}
.conf-input input:-ms-placeholder{color:rgba(255,255,255,.3);}
.conf-input-self::-webkit-input-placeholder{color:rgba(255,255,255,.3);}
.conf-input-self::-moz-placeholder{color:rgba(255,255,255,.3);}
.conf-input-self:-ms-placeholder{color:rgba(255,255,255,.3);}
.conf-separate{
  margin-bottom: 20px;
}
.conf-separate-des-inner{
  padding: 31px;
  background-color:rgba(41,42,45,1);
  border-radius: 4px;
}
.conf-separate-des-inner .item{
  font-size: 14px;
  padding:5px 0;
}
.conf-separate-des-inner .item:last-child{
  margin-left: 38px;
}
.conf-hint{
  margin-top: 12px;
  font-size: 12px;
  color: rgba(255,255,255,.4);
  width: 55%;
}
.conf-hint-textarea{
  margin-top:20px;
}
.conf-separate-des .conf-hint{
  width: 100%;
}
.conf-multiterm-group{
  margin-bottom: 25px;
}
.conf-multiterm-title{
  font-size: 16px;
  color:rgba(223,223,223,1);
}
.conf-input-unit{
  font-size: 16px;
  color: rgba(255,255,255,.65);
}
.conf-subbranch{
  margin-right: 40px;
  float: left;
}
.conf-subbranch:last-child{
  margin-right: 0;
}
.ml-12{margin-left: 12px;}
.conf-hint p{
  line-height: 22px;
}
.conf-multiterm-group:last-child{
  margin-bottom:0;
}
/*.conf-main .sd-radio-label em{
  font-size: 16px;
}*/
.conf-bort-input{
  border: none;
  outline: none;
  border-bottom: solid 1px rgba(98,98,98,.5);
  font-size: 24px;
  color: rgba(223,223,223,1);
  background-color: transparent;
  margin-top: -8px;
}
.conf-bort-input::-webkit-input-placeholder{color:rgba(223,223,223,1);}
.conf-bort-input::-moz-placeholder{color:rgba(223,223,223,1);}
.conf-bort-input:-ms-placeholder{color:rgba(223,223,223,1);}
.conf-lit-group .wid200,.wid200{width: 200px !important;}
.conf-textarea{
  width: 474px;
  height: 102px;
  border: solid 1px rgba(62,62,62,1);
  border-radius: 3px;
  background:rgba(38,39,41,1);
  box-shadow: 0 0 3px rgba(0,0,0,1);
  display: block;
  outline: none;
  padding: 17px;
  color: rgba(223,223,223,1);
  resize:none;
}
.conf-textarea::-webkit-input-placeholder{color:rgba(223,223,223,.2);}
.conf-textarea::-moz-placeholder{color:rgba(223,223,223,.2);}
.conf-textarea:-ms-placeholder{color:rgba(223,223,223,.2);}
.conf-tab{
  margin-top: 40px;
}
.conf-tab{
  margin-bottom: 30px;
}
.conf-hint-table{
  width: 100%;
}
.conf-hint-table .td-operate{
  text-align: left;
}
.conf-hint-table .sd-table-responsive{
  overflow: visible;
}
.conf-add-box{
  /* background-color: rgba(41, 42, 45, 1); */
  border:1px solid rgba(255,255,255,.3);
  border-radius: 1px;
  padding: 42px 29px 32px 25px;
}
.conf-add-text{
  font-size: 16px;
  color:rgba(223,223,223,.5);
  width: 90px;
  text-align:right;
}
.conf-dropdown{
  width:282px;
  margin-top: -5px;
  margin-left: 20px;
}
.conf-add-dropdown{
  width:200px;
  margin-top: -5px;
  margin-left: 20px;
}
/*.conf-dropdown .dropdown-text{*/
  /*font-size: 16px;*/
/*}*/
.conf-add-wrap{
  margin-bottom: 22px;
}
.conf-add-wrap:last-child{
  margin-bottom: 40px;
}
.conf-add-input{
  margin:-5px 8px 0 8px;
  position:relative;
}
.conf-add-input input{
  outline:none;
  border:solid 1px rgba(255,255,255,.2);
  width:282px;
  height:36px;
  background-color: transparent;
  padding:0 12px;
}
.conf-add-input input:hover{
  border-color:rgba(255,255,255,1);
}
.conf-add-text-after{width:auto;}
/* .conf-add-wrap:last-child{
	margin-bottom:40px;
} */
.int-card-main-group:last-child{
  margin-bottom: 0;
}
.conf-add-button{
  padding-top:18px;
}
.conf-add-input-bubble{
  position:absolute;
  top:49px;
  left: 31px;
  width: 360px;
  display:none;
}
.conf-add-input-hover:hover+.conf-add-input-bubble{
  display:block;
}
/*配置页面 end*/
/*事务追踪-智能分析*/
.card-trace-warp{
  padding:24px 10px;
}
.card-trace-layout01 .card-trace-warp{
  height:200px;
  background: -webkit-linear-gradient(45deg, #292a32, #3f4147);
  background:      -o-linear-gradient(45deg, #292a32, #3f4147);
  background:         linear-gradient(45deg, #292a32, #3f4147);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4147', endColorstr='#292A32', GradientType=0);
}
.card-trace-warp .text-small{
  width:6em;
  text-align:right;
  line-height:38px;
}
.card-trace-warp .text-base{
  width:calc( 100% - 6em );
  font-size:14px;
  padding-left:16px;
  color:#fff;
  line-height:38px;
}
.card-trace-warp .chart-wrap,
.card-trace-warp .card-table{
  padding:0;
}
.card-trace-warp .table-little td{
  height:36px;
}
.card-trace-layout02 .card-has-icon{
  height:180px;
  padding:20px;
}.card-trace-layout02 .card-has-icon.active .arrow{
   opacity:1;
   filter:alpha(opacity=100);
   position:absolute;
   bottom:-36px;
   left:50%;
   margin-left:-13px;
   border-bottom-color:#1C1E25;
 }
.card-trace-layout02 .card-has-icon .card-img{
  width:90px;
  height:110px;
  position:relative;
}
.card-trace-layout02 .card-has-icon .card-img img{
  width:100%;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.card-trace-layout02 .card-note-wrap{
  padding-left:10px;
  width:calc( 100% - 90px );
}
.card-trace-layout02 .card-note-wrap .text-base+.text-strong{
  height:48px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.card-trace-layout02{
  color:#fff;
}
.card-trace-layout02 .value-div{
  padding-top:30px;
}
/*
.card-trace-layout02 .value-div+.value-div{
  margin-left:35px;
}*/
.card-trace-layout02 .value-div span{
  font-size:14px;
  color:#fff;
}
.card-trace-layout02 .value-div em{
  font-family:"Arial";
  min-width:3em;
  font-size:30px;
  color:#fff;
  line-height:1.2;
}
.mt36{
  margin-top:36px;
}
.layout-content-sm{
  position: relative;
  padding:30px;
}
.layout-con-notes li{
  float:left;
}
.layout-con-notes li+li{
  margin-left:60px;
}
.layout-con-notes .text-strong{
  color:rgba(255,255,255,.8);
}
.div-text-wrap{
  position:relative;
  padding:0 55px 0 70px;
  margin:30px 0 40px;
}
.div-text-wrap .scroll-y{
  height:150px;
  background:rgba(36,38,47,.8);
  padding:12px 16px;
  border-radius:6px;
  font-size:12px;
  color:rgba(255,255,255,.8);
}
.div-text-wrap span{
  position:absolute;
  top:7px;
  left:0;
}
.div-text-wrap .mb-type{
  position:absolute;
  right:0;
  bottom:0;
}
@media screen and (min-width: 1200px) and (max-width: 1530px) {
  .card-trace-layout02 .card-has-icon{
    padding-left:15px;
    padding-right:15px;
  }
  .card-trace-layout02 .card-has-icon .card-img{
    width:60px;
  }
  .card-trace-layout02 .card-note-wrap{
    padding-left:15px;
    width:calc(100% - 60px);
  }
  /*.card-trace-layout02 .value-div+.value-div{
    margin-left:15px;
  }*/
  .card-trace-layout02 .value-div em{
    font-size:25px;
  }
}
@media screen and (max-width: 1199px){
  /*.card-trace-layout01.row .col-sm-24:nth-child(2){
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
  }*/
  .card-trace-layout02 .col-sm-24,
  .charts-box .col-sm-24{
    margin-top:10px;
  }
}

/*0424*/
.bg-blue .layout-content-sm{
  background:none;
  box-shadow:none;
}
.h-450{
  height:450px;
}
.h-350{
  height:350px;
  position:relative;
}
.h-350 img{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.h-215 {
  height: 215px;
  position: relative;
}
.h-300{
  height:300px;
}
.h-300-noData {
  line-height:260px;
  text-align:center;
  font-size:14px;
  font-weight:lighter;
  color:rgba(245,245,245,1);
}
.h-340{
  height:340px;
}
.h-480{
  height:480px;
}
.box-shadow{
/*  -webkit-box-shadow: 2px 5px 6px 0px rgba(10,10,11,0.5);
  -moz-box-shadow: 2px 5px 6px 0px rgba(10,10,11,0.5);
  box-shadow: 2px 5px 6px 0px rgba(10,10,11,0.5);*/
}
.title-h3{
  font-size:20px;
  color:#fff;
}
.title-h2{
  font-size:22px;
  color:#fff;
}
.text-list{
  width:100%;
}
.text-list li{
  padding-bottom:10px;
}
.text-list li:last-child{
  padding-bottom:20px;
}
.text-list .text-base{
  float:left;
  min-width:90px;
}
.text-list li .text-ellipsis{
  max-width:50%;
  max-height: 42px;
  white-space:inherit;
  word-break:break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/*线程剖析-跳转*/
.sd-checkbox-label.pull-left+.sd-checkbox-label.pull-left{
  margin-left:20px;
}
.tree-list{
  width:100%;
  font-size:16px;
}
/* .tree-list>li>.tree-div{ */
/* padding-left:35px; */
/* } */
.tree-list .tree-div .tree-div-con{
  display:inline-block;
  position:relative;
  white-space: nowrap;
}
.tree-list .tree-div em, .app-num-state{
  color:rgba(255,255,255,.2);
}

.tree-list .tree-div span{
  color:rgba(255,255,255,.3);
}
.arrow-line-right,
.arrow-line-bottom{
  cursor:pointer;
  display:block;
  width:20px;
  height:20px;
  background:url(../images/arrow-right-white.svg) no-repeat center;
  opacity:.5;
  filter:alpha(opacity=50);
}
.arrow-line-bottom{
  transform:rotate(90deg);
}
.tree-list .arrow-line-bottom,
.tree-list .arrow-line-right{
  position:absolute;
  top:15px;
  left:-39px;;
}
.tree-list .tree-div .tree-btn span{
  color:rgba(255,255,255,.8)
}
.tree-div:hover .arrow-line-right{
  opacity:.8;
  filter:alpha(opacity=80);
}
.tree-div{
  position:relative;
  padding-top:13px;
  padding-bottom:13px;
  margin-top:1px;
  padding-right:5px;
}
/* .tree-div.active, */
/* .tree-div:hover{ */
/* background:#25262B; */
/* } */
.tree-list .tree-div span+span{
  letter-spacing:2px;
}
.tree-div.active,
.tree-div:hover{
  cursor:pointer;
}
.tree-div.active span+span,
.tree-div:hover span+span{
  cursor:pointer;
  color:rgba(255,255,255,.8);
}
.tree-div.active em,
.tree-div:hover em{
  cursor:pointer;
  color:rgba(255,255,255,.8);
}
.tree-div.active .arrow-line-right,
.tree-div.active .arrow-line-bottom{
  opacity:1;
  filter:alpha(opacity=100);
  transform:rotate(90deg);
}
.no-tree{
  padding-left:70px !important;
}
.tree-list li.no-tree>.tree-div .arrow-line-right,
.tree-list li.no-tree>.tree-div .arrow-line-bottom{
  display:none;
}
.tree-list li.no-tree>ul{
  display:none;
}
.tree-list .tree-div .color-red-light{
  color:#E94826;
}
.tree-list .tree-div .color-red{
  color:#DF5D56;
}
.tree-list .tree-div .color-orange{
  color:#F5913A;
}
.tree-list .tree-div .color-blue{
  color:#357BE7;
}
.tree-list .tree-div .color-yellow{
  color:#E6D554;
}
.tree-btn{
  padding:9px 20px;
  background:#357BE7;
  border-radius:8px;
  position:absolute;
  right:-180px;
  top:50%;
  margin-top:-18px;
  z-index:20;
  display:none;
}
.tree-btn:before{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-right:12px solid #357BE7;
  position:absolute;
  left:-12px;
  top:10px;
}
.tree-btn.top{
  top:-50px;
  right:0;
}
.tree-btn.top:before{
  transform:rotate(-90deg);
  top:34px;
  left:50%;
  margin-left:-8px;
}
.tree-btn span{
  padding-left:24px;
  font-size:12px;
  position:relative;
  white-space:nowrap;
  display:block;
  color:#fff;
  opacity:.6;
  filter:alpha(opacity=60);
}
.tree-btn span:before{
  content:"";
  display:block;
  width:14px;
  height:2px;
  background:#fff;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-1px;
}
.tree-btn span:after{
  content:"";
  display:block;
  width:2px;
  height:14px;
  background:#fff;
  position:absolute;
  left:6px;
  top:50%;
  margin-top:-7px;
}
.tree-div.active .tree-btn{
  display:block;
}
.tree-list>li>ul{
  width:100%;
}
/* .tree-list li li>.tree-div { */
/* padding-left:70px; */
/* } */
/* .tree-list li li li>.tree-div { */
/* padding-left:105px; */
/* } */
/* .tree-list li li li li>.tree-div { */
/* padding-left:140px; */
/* } */
.tree-list li{
  padding-left:35px;
}
/* .tree-list li li .arrow-line-right, */
/* .arrow-line-bottom{ */
/* left:35px; */
/* } */
/* .tree-list li li li .arrow-line-right, */
/* .arrow-line-bottom{ */
/* left:70px; */
/* } */
/* .tree-list li li li li .arrow-line-right, */
/* .arrow-line-bottom{ */
/* left:105px; */
/* } */
.tab-toggle-wrap .span-text.text-base{
  font-size:14px;
}
.btn-nobor{
  font-size:14px;
  cursor:pointer;
  border:1px solid transparent;
  border-radius:4px;
  padding:3px 20px 4px;
  border-color:rgba(255,255,255,.3);
}
.btn-nobor a{
  color:rgba(255,255,255,.8);
}
.btn-nobor:hover a{
  color:rgba(255,255,255,1);
  transition:all .3s linear;
}
.w-240{
  width:240px;
}
.text-default{
  color:rgba(255,255,255,.5);
}
.content .ngx-container{
  padding-left:0;
  padding-right:0;
}
.color-white{
  color:#fff!important;
}
.prompt-text{
  color:rgba(255,255,255,.65);
}
.prompt-text span{
  color:#fff;
}
.prompt-text em{
  font-style:normal;
  position:relative;
  top:3px;
  margin-right:3px;
}
.layout-padd-lr{
  padding-left:40px;
  padding-right:40px;
}
.card-tab-con .layout-padd-lr+.layout-padd-lr{
  margin-top:25px;
}
.card-tab-user-map-big .card-tab-left,
.card-tab-user-map-big .card-tab-right{
  height:615px;
}
.sd-table .text-strong{
  color:#fff;
}
.card-title-black{
  color:#212224;
  font-size: 16px;
}
.card-title-black .text-base {
  color: rgba(0, 0, 0, .4);
}
.card-title-black .text-small {
  margin-left: 12px;
  color: rgba(0, 0, 0, .4);
}
.card-title-text{
  font-size:16px;
  color:#fff;
}
.card-tab-user-map-top5 .card-tab-left{
  position:relative;
}
.card-tab-user-map-top5 .card-tab-left .card-title-black{
  position:absolute;
  top:40px;
  left:50px;
  z-index:10;
}
.card-tab-user-map-top5 .card-tab-left .card-title-black+div{
  width:100%;
  position:absolute;
  left:40px;
  top:90px;
  z-index:10;
}
.card-tab-right.bg-blue .card-tab-con{
  height:100%;
}
.card-tab-user-map .card-tab-right.bg-blue:before{
  border-bottom:12px solid rgba(53,123,231,1);
}
.sd-table-default{
  width:100%;
}
.sd-table-default th{
  padding:12px 30px;
  font-size:16px;
  color:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.1);
}
.sd-table-default td{
  color:rgba(255,255,255,.8);
  padding:12px 30px;
  font-size:14px;
  word-break:break-all;
  border:1px solid rgba(255,255,255,.1);
}
.sd-table-default .text-default{
  color:rgba(255,255,255,.5);
}
.sd-card-new-big{
  width:1080px;
  background-color: #303135;
  box-shadow: 0px 4px 6px 0px rgba(41,42,50,0.5);
  border-radius:0;
}
.sd-card-new-big>.sd-card-hd-new{
  height: 50px;
  background-color: rgba(29,30,34,1);
  padding: 0 30px 0 30px;
  min-height: auto;
}
.sd-card-new-big>.sd-card-hd-new .int-card-head-title{
  font-size: 16px;
  color: rgba(255,255,255,1);
  line-height: 47px;
  /* overflow:inherit; */
}
/* auth:bpi -- sta -- */
.sd-card-new-subtitle{
  height: 40px;
  background: #303135 ;
  border-bottom: 1px solid #58595c ;
  padding: 0 10px 0 10px;
  min-height: auto;
}

.subtitle-back{
  background-color: rgba(29,30,34,1);
}
.icon {
  width: 18px;
  height: 18px;
}
.icon.refresh {
  background: url(../images/icon-refresh.svg) no-repeat;
}
.icon.clear {
  background: url(../images/icon-clear.svg) no-repeat;
}
/* auth:bpi -- end -- */
.int-card-head-close{
  width: 16px;
  height: 16px;
  margin-top: 5px;
  background: url(../images/int-close.svg) no-repeat center center;
  opacity:0.6;
  　　filter:alpha(opacity=60);
}
.sd-card-new-big>.sd-card-hd-new .int-card-head-close{
  margin-top: 17px;
}
.int-card-head-close:hover{
  opacity:0.8;
  　　filter:alpha(opacity=80);
  cursor: pointer;
}
.int-card-head-close:active{
  opacity:1;
  　　filter:alpha(opacity=100);
}
.sd-card-new-big>.sd-card-bd-new{
  min-height:auto;
  padding: 20px 30px;
}
.int-card-main-title{
  color: rgba(255,255,255,.8);
  font-size: 16px;
}
.int-card-main-group{
  margin-bottom: 30px;
}
.int-card-main-group:last-child{
  margin-bottom: 0;
}
.int-card-main-con{
  font-size: 12px;
  color: rgba(255,255,255,.5);
  margin-top: 5px;
}
.int-card-main-litgroup{
  margin-bottom: 20px;
}
.int-card-main-litgroup:last-child{
  margin-bottom: 0;
}
.int-card-configuration{
  max-width: calc(100% - 53px);
  height: 30px;
  border: solid 1px rgba(255,255,255,0.12);
  color: rgba(255,255,255,.5);
  line-height: 30px;
  font-size: 12px;
  padding-left: 16px;
  padding-right:5px;
  word-break:break-all;
  white-space: normal;
}
.int-card-and{
  margin-left: 10px;
  margin-right: 10px;
  height: 30px;
  line-height: 30px;
  color: rgba(255,255,255,.5);
}
.int-card-table{
  width: 594px;
}
.int-card-table table td{
  font-size:12px;
}
.int-card-check{
  width: 30px;
  height: 30px;
  border: solid 1px rgba(255,255,255,.3);
  border-radius: 50%;
  margin-left: 20px;
  position: relative;
}
.int-card-check .check-icon{
  display: block;
  width: 15px;
  height: 10px;
  border-style: none none solid solid;
  border-width: 2px;
  border-color: rgba(255,255,255,.3);
  transform:rotate(-42deg);
  -ms-transform:rotate(-42deg); 	/* IE 9 */
  -moz-transform:rotate(-42deg); 	/* Firefox */
  -webkit-transform:rotate(-42deg); /* Safari 和 Chrome */
  -o-transform:rotate(-42deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -7px;
}
.int-card-status-icon{
  width: 194px;
  height: 164px;
  padding: 20px 10px;
  color: rgba(255,255,255,.5);
  margin-left: 30px;
  margin-top: 14px;
}
.int-card-status-icon.fail{
  background: url(../images/int-fail.svg) no-repeat center 52px;
  background-color: #FF5C68;
}
.int-card-status-icon.success{
  background: url(../images/int-success.svg) no-repeat center 52px;
  background-color: #00AD92;
}
.int-w310{
  width: 310px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}
.int-card-table table td span{
  display: block;
  word-break:break-all;
}
.status-danger{
  color: #DF5D56;
}
.status-success{
  color: #43AA93;
}
.int-status-hint{
  display: block;
  text-align: center;
  margin-top: 85px;
  font-size: 16px;
  color: #fff;
  display: none;
}
.sd-card-conp{
  min-height: 177px;
}
.sd-card-big-group{
  margin-bottom: 30px;
}
.sd-card-big-group:last-child{
  margin-bottom: 0;
}
.sd-card-big-title{
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  /*margin-right: 10px;*/
}
.w694{width: 694px;}
.w306{width: 306px;}
.w613{width: 613px;}
.w124{width: 124px;}
.w236{width: 236px;}
.sd-card-big-group-inner{margin-right: 30px;}
.sd-card-big-group-inner:last-child{margin-right: 0;}
.sd-card-new-big .sd-card-bd-new p{
  color: rgba(255,255,255,.65);
}
.int-w156{
  width: 156px;
  font-size: 12px;
}
.sd-card-big-title-color{
  color: #DF5D56;
  margin-right: 6px;
}
.sd-card-big-inputpos{
  margin-top: -10px;
}
.sd-card-big-textarea textarea{
  border: solid 1px rgba(255,255,255,.3);
  background-color: transparent;
  width: 439px;
  height: 120px;
  outline: none;
  color: #fff;
  resize:none;
  padding:10px;
}
.int-card-icon{
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-right: 10px;
  border-radius:50%;
}
.int-card-icon.int-warning{
  background: url(../images/int-warning.svg) no-repeat center;
  background-size: contain;
}
.int-card-icon.int-error{
  background: url(../images/int-error.svg) no-repeat center;
  background-size: contain;
}
.sd-card-big-table table a:hover,.int-card-table table a:hover{
  opacity: 1;
  filter: alpha(opacity=100);
}
.sd-card-hintcon{padding-top: 10px;}
.sd-card-hintcon span{
  display: block;
  width: 330px;
  font-size: 16px;
  color: rgba(255,255,255,.8);
}
.fail .int-status-hint-fail{display: block;}
.success .int-status-hint-success{display: block;}
.int-card-table .sd-table td{
  padding: 6px 15px;
}
.tabset-nobg tabset,
.tabset-nobg .ant-tabs,
.tabset-nobg tabs-nav{
  background-color:transparent;
}
.em-main-title{
  width: 80px;
  font-size: 16px;
  color: rgba(255,255,255,.5);
  line-height: 20px;
}
.em-main-con{
  width: 215px;
  font-size: 20px;
  color: rgba(255,255,255,.8);
  line-height: 28px;
  margin-top: -5px;
}
.mb10{margin-bottom: 10px;}
.mb25{margin-bottom: 25px;}
.em-main-wrap{
  margin-bottom: 30px;
}
.em-main-wrap:last-child{
  margin-bottom: 0;
}
.conf-add-title{
  font-size: 16px;
  color: rgba(223,223,223,.4);
}
.conf-add-symbol{
  color: rgba(255,118,90,.8);
  margin-left: -5px;
  height:22px;
  font-size:22px;
}
.conf-add-icon{
  width: 14px;
  height: 14px;
  margin-left: 23px;
  margin-top: 5px;
}
.conf-add-icon+.conf-add-icon{margin-left: 16px;}
.conf-add-icon:hover{cursor: pointer;}
.conf-add-icon.add{
  background: url(../images/configuration-add.svg) no-repeat center;
}
.conf-add-icon.add:hover{
  background: url(../images/configuration-add-hover.svg) no-repeat center;
}
.conf-add-icon.delete{
  background: url(../images/configuration-delete.svg) no-repeat center;
}
.conf-add-icon.delete:hover{
  background: url(../images/configuration-delete-hover.svg) no-repeat center;
}
.ml8{margin-left: 8px;}
.conf-add-inner{
  margin-bottom: 16px;
}
.conf-add-inner:last-child{
  margin-bottom: 0;
}
.ml60{margin-left: 60px;}
.conf-add-inputarrow{
  width:100px;
  margin:-7px 8px 0 15px;
}
.conf-add-header{
  padding-top:12px;
}
.wid282{width:282px;}
.wid130{width:130px;}
.ml40{margin-left:40px;}
.apm-back{
  height: 30px;
  background-color: transparent;
  border-radius: 4px;
  border: solid 1px rgba(255,255,255,.3);
  font-size: 14px;
  color: rgba(255,255,255,.4);
  line-height: 22px;
  text-align: left;
  position: relative;
  padding: 0px 8px;
  margin-left: 5px;
  min-width: auto;
}
.apm-back a{
  line-height:30px;
  color:#fff;
}
.apm-back:hover{
  cursor:pointer;
  background-color: #fff;
}
.apm-back:hover a{
  color: #292A2D;
}
.bt-right-show{
  width:254px;
  height:580px;
  padding: 16px 0;
  position:relative;
  /*box-shadow: -1px 3px 1px rgba(1,3,5,.4);*/
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  background-color: #303135;
  /* z-index:2000; */
  z-index:99;
}
.bt-right-show-min{
  width:20px;
  background-color:#303135;
}
.bt-right-show-min .bt-right-name-content,.bt-right-show-min .bt-right-data,.bt-right-show-min .bt-right-health{
  display:none;
}
/* .bt-right-show-min .bt-right-name-trapezoid{
  top:65px;
} */
.bt-right-name-trapezoid:hover{cursor:pointer;}
.bt-right-name-trapezoid:hover .bt-right-name-circle{
  background-color: rgba(255,255,255,1);
  cursor: pointer;
}
.bt-right-name{
  background-color: #303135;
  position: relative;
}
.bt-right-name-arrow{
  height: 15px;
  border-bottom: solid 1px #16181C;
}
.bt-right-name-arrow:after{
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  float: right;
  background: url(../images/bt-arrow.svg) no-repeat center;
  margin-right: 11px;
}
.bt-right-show-min .bt-right-name-arrow:after{
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  float: right;
  background: url(../images/bt-arrow.svg) no-repeat center;
  margin-right: 8px;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.bt-right-name-arrow:hover{
  cursor:pointer;
}
.bt-right-name-arrow:hover:after{
  background: url(../images/bt-arrow-hover.svg) no-repeat center;
}
.bt-right-name-content{
  padding: 0 30px 0;
}
.bt-right-con-title{
  margin-bottom: 11px;
  color: #E6E6E6;
  font-size: 14px;
  line-height: 25px;
}
.bt-con-main-name{
  font-size: 12px;
  line-height: 20px;
  color: #797979;
}
.bt-con-main-count{
  font-size: 12px;
  line-height: 20px;
  color: rgba(255,255,255,.8);
}
.bt-right-name-trapezoid{
  position: absolute;
  height: 65px;
  width: 30px;
  left: -30px;
  /* top: 40px; */
  top: 156px;
  z-index:100;
}
.bt-right-name-trapezoid:before{
  content: "";
  display: block;
  border-style: solid;
  border-width: 25px 30px 0 0;
  position: absolute;
  top: -25px;
  border-color:  transparent;
}
.bt-right-name-trapezoid:after{
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 30px 25px 0;
  position: absolute;
  border-color:  transparent;
  top: 100%;
}
.bt-right-name-circle{
  background-color: rgba(255,255,255,.3);
  color: #1D1E22;
  text-align: center;
  line-height: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);;
  -moz-transform:translate(-50%,-50%);;
  -webkit-transform:translate(-50%,-50%);;
  -o-transform:translate(-50%,-50%);;
}
.bt-right-name-circle:hover{
  background-color: rgba(255,255,255,1);
  cursor: pointer;
}
.bt-right-data{
  /*margin-top:  1px;*/
  padding: 6px 30px;
  background-color: #303135;
  /*height: calc(100% - 337px);*/
}
.bt-right-data-title{
  font-size: 12px;
  line-height: 21px;
  color: #4dc8c6;
}
.bt-con-data-name{
  font-size: 12px;
  line-height: 20px;
  color: #797979;
}
.bt-right-data-group{
  margin-bottom: 11px;
}
.bt-right-data-group:last-child{
  margin-bottom: 0;
}
.no-padding{padding:0 !important;}
.pad50-30{padding:50px 30px;}
.bt-right-health{
  /*margin-top: 1px;*/
  padding: 4px 28px 0;
  /* background-color: #303135; */
  height:  135px;
}
.bt-right-health-title{
  color: #e6e6e6;
  font-size: 14px;
  line-height: 22px;
  /*margin-bottom: 13px;*/
}
.bt-right-health-main .bt-con-data-name{
  width: 64px;
}
.bt-right-health-progress{
  margin-left: 10px;
  margin-top: 7px;
}
.bt-right-health-progress div{
  float: left;
  height: 6px;
}
.bt-right-health-progress div+div{
  margin-left: 2px;
}
.bt-right-health-progress .green{
  background-color: #5fc83b;
}
.bt-right-health-progress .yellow{
  background-color: #f7cd46;
}
.bt-right-health-progress .red{
  background-color: #e94826;
}
.bt-right-health-progress .gray{
  background-color: #4c4f5b;
}
.bt-hidden-module{
  background-color: #272A2F;
  width: 250px;
  position: absolute;
  bottom: 45px;
  right: 0;
}
.bt-module-search{
  padding: 30px 30px 20px;
}
.bt-module-title{
  font-size: 18px;
  color: #e6e6e6;
  line-height: 25px;
}
.bt-module-btn-wrap{
  margin-top: 9px;
}
.bt-right-icon-wrap{
  position: relative;
  background:rgba(22,24,29,1);
}
.bt-module-btn{
  padding: 4px 7px;
  color: #797979;
  border: solid 1px #454649;
  font-size: 12px;
  line-height: 22px;
  border-radius: 8px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
.bt-module-btn:hover{
  background-color: rgba(255,255,255,.8);
  border: solid 1px transparent;
  color: #262A30;
  cursor: pointer;
}
.bt-module-btn.active{
  background-color: rgba(255,255,255,.8);
  border: solid 1px transparent;
  color: #262A30;
}
.bt-module-btn:last-child{margin-right: 0;}
.bt-module-list{
  height: 200px;
  background-color: #1D1E22;
  padding:22px 0 13px;
}
.bt-module-list ul li{
  color: #797979;
  font-size: 14px;
  line-height: 30px;
  padding-left: 28px;
}
.bt-module-list ul li:hover{
  background-color: #4A4B4E;
  cursor: pointer;
  color: #fff;
}
.bt-module-list ul li:after{
  content: "";
  display: block;
  clear: both;
}
.bt-module-li-icon{
  width: 17px;
  height: 30px;
  float: right;
  background: url(../images/bt-eyes.svg) no-repeat center;
  display: none;
  margin-right: 35px;
  position: relative;
}
.bt-module-list ul li:hover .bt-module-li-icon{
  display: block;
}
.bt-right-icons{
  position: absolute;
  right: calc(100% + 30px);
  bottom: 25px;
  /* min-width: 400px; */
}
.bt-right-icon{
  width: 30px;
  height: 30px;
  border: solid 1px #5A5A5C;
  border-radius: 3px;
  background-color: #292A2D;
  position: relative;
}
.bt-right-icon span{
  color:#fff;
  opacity: 0.3;
}
.bt-right-icon:hover{
  cursor: pointer;
}
.bt-right-icon:hover span{
  opacity: 1;
}
.bt-right-icon:hover .topo-bubble{
  display: block;
}
.bt-right-icon.active .topo-bubble{
  display:none !important;
}
.bt-right-icon.fullscreen{
  background:#292A2D url(../images/bt-full-screen.svg) no-repeat center;
}
.bt-right-icon.exit-fullscreen{
  background: url(../images/exit-full.svg) no-repeat center;
}

.bt-right-icon.add{
  background: url(../images/bt-add.svg) no-repeat center;
}
.bt-right-icon.shrink{
  background: url(../images/bt-shrink.svg) no-repeat center;
  opacity: .3;
}
.bt-right-icon.selfmotion{
  background:#292A2D url(../images/bt-self-motion.svg) no-repeat center;
}
.bt-right-icon.tree{
  background: url(../images/bt-tree.svg) no-repeat center;
}
.bt-right-icon.tree-h{
  background: url(../images/bt-tree-h.svg) no-repeat center;
  background-size: 80%;
  opacity: .6;
}
.bt-right-icon.circle{
  background: url(../images/bt-circle.svg) no-repeat center;
}
.bt-right-icon.eyes{
  background:#292A2D url(../images/bt-icon-eyes.svg) no-repeat center/17px 12px;
}
.bt-right-icon.merge{
  background: url(../images/bt-merge.svg) no-repeat center;
}
.bt-right-icon.split{
  background: url(../images/bt-split.svg) no-repeat center;
}
.bt-right-icon.unfold{
  background: url(../images/bt-unfold.svg) no-repeat center;
}
.bt-right-icon.pack-up{
  background: url(../images/bt-pack-up.svg) no-repeat center;
  margin-right:10px;
  margin-top:10px;
}
.bt-right-icon.text{
  padding:0 16px;
  line-height: 28px;
  width: auto;
  font-size: 14px;
  color: rgba(255,255,255,.3);
}
.bt-right-icon.fullscreen:hover{
  background: url(../images/bt-full-screen-hover.svg) no-repeat center;
}
.bt-right-icon.exit-fullscreen:hover{
  background: url(../images/exit-full-hover.svg) no-repeat center;
}
.bt-right-icon.add:hover{
  background: url(../images/bt-add-hover.svg) no-repeat center;
}
.bt-right-icon.shrink:hover{
  background: url(../images/bt-shrink-hover.svg) no-repeat center;
  opacity: 1;
}
.bt-right-icon.selfmotion:hover{
  background: url(../images/bt-self-motion-hover.svg) no-repeat center;
}
.bt-right-icon.tree:hover,.bt-right-icon.tree.on{
  background: url(../images/bt-tree-hover.svg) no-repeat center;
}
.bt-right-icon.tree-h:hover,.bt-right-icon.tree-h.on{
  opacity: 1;
}
.bt-right-icon.circle:hover,.bt-right-icon.circle.on{
  background: url(../images/bt-circle-hover.svg) no-repeat center;
}
.bt-right-icon.eyes:hover,.bt-right-icon.eyes.active{
  background:#292A2D url(../images/bt-icon-eyes-hover.svg) no-repeat center/17px 12px;
}
.bt-right-icon.merge:hover{
  background: url(../images/bt-merge-hover.svg) no-repeat center;
}
.bt-right-icon.split:hover{
  background: url(../images/bt-split-hover.svg) no-repeat center;
}
.bt-right-icon.unfold:hover{
  background: url(../images/bt-unfold-hover.svg) no-repeat center;
}
.bt-right-icon.pack-up:hover{
  background: url(../images/bt-pack-up-hover.svg) no-repeat center;
}
.bt-right-icon.text:hover{
  padding:0 16px;
  line-height: 28px;
  width: auto;
  font-size: 14px;
  color: rgba(255,255,255,1);
}
.bt-right-icon-group{
  border: solid 1px #5A5A5C;
  border-radius: 3px;
  background:#292A2D;
}
.bt-right-icon-group .bt-right-icon{
  border: none;
  border-radius: 0;
  height: 28px;
  width: 28px;
}
.bt-right-icon-group.vertical .bt-right-icon+.bt-right-icon{
  border-top: solid 1px #5A5A5C;
}
.bt-right-icon-group.across .bt-right-icon{
  float: left;
}
.bt-right-icon-group.across .bt-right-icon+.bt-right-icon{
  border-left: solid 1px #5A5A5C;
}
.bt-right-icons-wrap:after{
  content: "";
  display: block;
  clear: both;
}
.mr10{
  margin-right: 10px;
}
.mr20{
  margin-right: 20px;
}
.bt-right-eyes-msg{
  border-radius: 12px;
  background-color: #43AA93;
  border: solid 1px #272A2F;
  padding: 0 5px;
  position: absolute;
  top: -17px;
  left: 9px;
  color: #fff;
  min-width: 23px;
  text-align: center;
}
.bt-bubble{
  position: absolute;
  min-width: 44px;
  bottom: calc(100% + 12px);
  left: calc(50% - 22px);
  display: none;
}
.bt-bubble .bubble-text{
  font-size: 12px;
}
.bt-module-list-wrap{
  padding: 0 2px 2px 2px;
}
.contrast-input-group-wrap{
  margin-right:10px;
  margin-top:5px;
}
.contrast-input-group{
  border-radius: 1px;
  border: solid 1px rgba(255,255,255,.2);
  position: relative;
}
/*.contrast-input-group-wrap:first-child{
  margin-left: 0;
}*/
.contrast-input-close{
  position: absolute;
  width: 20px;
  height: 20px;
  left: calc(100% - 10px);
  top: -10px;
  display: none;
  background: url(../images/contrast-close.svg) no-repeat center;
}
.contrast-input-group:hover{
  border: solid 1px rgba(255,255,255,.6);
}
.contrast-input-group:hover .contrast-input{
  color:rgba(255,255,255,1);
}
.contrast-input-group:hover .contrast-input-close{
  display: block;
}
.contrast-input-close:hover{
  cursor: pointer;
  background: url(../images/contrast-close-hover.svg) no-repeat center;
}
.contrast-input-group .contrast-input,.contrast-input-group .contrast-form-input{
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  outline: none;
  background-color: transparent;
  float: left;
  color: rgba(255,255,255,.65);
  min-width: 30px;
  max-width: 100px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  border:none;
}
.contrast-input-group .contrast-form-input{
  max-width:100%;
}
.rule-label {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-family: PingFangSC;
  font-weight: 400;
}
.contrast-eaual{
  width: 10px;
  height: 10px;
  border-top: solid 1px #d8d8d8;
  border-bottom: solid 1px #d8d8d8;
  float: left;
  opacity: .2;
  filter:alpha(opacity=20);
  margin-top: 10px;
}
.contrast-add{
  width: 30px;
  height: 30px;
  border: solid 1px rgba(255,255,255,.15);
  border-radius: 2px;
  /*margin-left: 10px;*/
  position: relative;
  margin-top:5px;
}
.contrast-add:hover{
  cursor: pointer;
  border: solid 1px rgba(255,255,255,.6);
}
.contrast-add:before{
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  border-top: solid 2px rgba(255,255,255,.3);
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -1px;
}
.contrast-add:after{
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  border-left: solid 2px rgba(255,255,255,.3);
  top: 50%;
  left: 50%;
  margin-left: -1px;
  margin-top: -8px;
}
.contrast-add:hover:after,.contrast-add:hover:before{
  border-color: rgba(255,255,255,.6);
}
.contrast-input-group-wrap{
  position: relative;
}
.contrast-module{
  width: 594px;
  box-shadow: 0 8px 15px rgba(41,42,50,0.5);
  border-radius: 4px;
  background-color: #303135;
  position: absolute;
  left: 0;
  top: 100%;
}
.contrast-module-hd{
  height: 40px;
  padding: 0 12px 0 30px;
  border-bottom: solid 1px rgba(255,255,255,.3);
  line-height: 40px;
  font-size: 16px;
  color: rgba(255,255,255,.8);
}
.contrast-module-main{
  padding: 24px 30px;
}
.contrast-module-hd-close{
  width: 26px;
  height: 100%;
  background: url(../images/int-close.svg) no-repeat center center;
  opacity:0.6;
  　　filter:alpha(opacity=60);
}
.contrast-module-hd-close:hover{
  opacity:0.8;
  　　filter:alpha(opacity=80);
  cursor: pointer;
}
.icon-prometheus-hover0{
  margin-left: 20px;
}
.contrast-module-ft{
  padding:0 30px 30px 30px;
}
.bt-left-flexible{
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.bt-left-flexible-box{
  border: solid 2px #272A2F;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5) ;
  background-color: #16181D;
  width: 292px;
  height: 190px;
  margin-bottom: 12px;
}
.bt-searth .input-default{
  font-size:14px;
}
.ml25{margin-left:25px;}
.ml24{margin-left:24px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.transfer-big .transfer-left,.transfer-big .transfer-right{
  width: auto;
}
.pr50{
  padding-right: 44px !important;
}
.pl50{
  padding-left: 38px !important;
}
.transfer-big .transfer-abs{
  width: 85px;
  left: 50%;
  transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  z-index: 1;
  padding: 0 23px;
}
.transfer-big .transfer-list{
  height: 655px;
  margin-top: 8px;
}
.transfer-big .transfer-list ul li:hover{
  background-color:inherit;
}
.transfer-big .transfer-list ul li{
  padding: 0;
}
.transfer-big .transfer-list ul li .checkbox-parent-level,.transfer-big .transfer-list ul li .checkbox-child-level,.transfer-big .transfer-list ul li .checkbox-grandchild-level{
  height: 48px;
  display:block;
}
.transfer-big .transfer-list ul li .checkbox-parent-level,.transfer-big .transfer-list ul li .checkbox-child-level,.transfer-big .transfer-list ul li .checkbox-grandchild-level{
  padding:14px 30px 18px;
}
.transfer-big .transfer-list ul li .checkbox-parent-level:hover,.transfer-big .transfer-list ul li .checkbox-child-level:hover,.transfer-big .transfer-list ul li .checkbox-grandchild-level:hover{
  background-color: rgba(255,255,255,0.04);
  cursor: pointer;
}
.transfer-big .transfer-list ul li .checkbox-child-level:hover em{
  color:rgba(255,255,255,1);
}
.checkbox-parent-level .checkbox-label{
  padding-left: 70px;
}
.checkbox-child-level .checkbox-label{
  padding-left: 90px;
}
.checkbox-grandchild-level .checkbox-label{
  padding-left: 133px;
}
.transfer-big .checkbox-arrow-flexible .checkbox-label{
  position: relative;
}
.transfer-big .checkbox-arrow-flexible .checkbox-label:after{
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../images/checked-flexible.svg) no-repeat center;
}
.transfer-big .checkbox-arrow-flexible.checkbox-arrow-unfold .checkbox-label:after{
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
}
.transfer-big .checkbox-arrow-flexible.checkbox-arrow-merge .checkbox-label:after{
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  opacity: .3;
  filter:alpha(opacity=30);
}
.checkbox-parent-level.checkbox-arrow-flexible .checkbox-label:after{
  left: 0px;
}
.checkbox-child-level.checkbox-arrow-flexible .checkbox-label:after{
  left: 73px;
}
/*.transfer-big .checkbox-label em{
  font-size: 16px;
  height: 20px;
  margin-top: -2px;
  line-height: 20px;
}*/
/*.transfer-big .transfer-title .checkbox-label{
  padding-left: 24px;
}*/
.transfer-big .transfer-title{
  padding: 22px 30px;
  height: 60px;
}
.transfer-big .transfer-foot{
  padding: 18px 30px;
}
.transfer-big .transfer-search{
  padding: 5px 30px 6px;
}
.transfer-big .transfer-search{
  font-size: 16px;
}
.transfer-big .transfer-right .transfer-list ul li{
  padding: 16px 30px;
}
.transfer-big .transfer-right .transfer-list ul li:hover{
  background-color: rgba(255,255,255,0.04);
  cursor: pointer;
}
.transfer-big .transfer-right .checkbox-label{
  padding-left: 34px;
}
.transfer-big .transfer-right .transfer-list{
  height: 715px;
}
.transfer-big .checkbox-arrow-flexible.active .checkbox-label:after{
  opacity: 1;
  filter:alpha(opacity=100);
}
.transfer-big .checkbox-arrow-flexible.active .checkbox-label em,.transfer-big .checkbox-child-level.active .checkbox-label em{
  color: #fff;
}
.trace-ia-main{
  background:rgba(41,42,45,1);
  box-shadow:6px 0px 6px rgba(0,0,0,0.3);
  padding: 34px 30px 108px;
}
.trace-ia-group+.trace-ia-group{
  margin-top: 30px;
}
.trace-ia-title{
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 26px;
}
.trace-ia-title.color-red{
  color: #DF5D56;
}
.trace-ia-title.color-white{
  color: #fff;
}
.trace-ia-content{
  font-size: 14px;
  color: rgba(255,255,255,.8);
  line-height: 21px;
}
.pl40{
  padding-left:40px;
}
.tl-icon.database{
  background: url("../images/tl-database-nosql.svg") no-repeat center !important;
}
.tl-icon.code{
  background: url("../images/tl-code.svg") no-repeat center !important;
}
.tl-icon.nosql{
  background: url("../images/tl-database-nosql.svg") no-repeat center !important;
}
.tl-icon.external{
  background: url("../images/tl-external.svg") no-repeat center !important;
}
.tl-icon.error{
  background: url("../images/tl-error.svg") no-repeat center !important;
}

.tl-icon.database:hover{
  background: url("../images/tl-database-nosql-hover.svg") no-repeat center !important;
}
.tl-icon.code:hover{
  background: url("../images/tl-code-hover.svg") no-repeat center !important;
}
.tl-icon.nosql:hover{
  background: url("../images/tl-database-nosql-hover.svg") no-repeat center !important;
}
.tl-icon.external:hover{
  background: url("../images/tl-external-hover.svg") no-repeat center !important;
}
.tl-icon.error:hover{
  background: url("../images/tl-error-hover.svg") no-repeat center !important;
}
.progress-bar-wrap{
  border-radius: 7px;
  border: solid 1px rgba(255,255,255,.2);
}
.progress-bar-schedule{
  position: relative;
  height:14px;
  border-radius: 7px;
  background: -webkit-linear-gradient(left,rgba(255,255,255,.23), rgba(255,255,255,1));
  background: -o-linear-gradient(left,rgba(255,255,255,.23), rgba(255,255,255,1));
  background: -moz-linear-gradient(left,rgba(255,255,255,.23), rgba(255,255,255,1));
  background: -ms-linear-gradient(left,rgba(255,255,255,.23), rgba(255,255,255,1));
  background: linear-gradient(left,rgba(255,255,255,.23), rgba(255,255,255,1));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c62', endColorstr='#ffffff',GradientType=1 );
}
.progress-bar-schedule-circle{
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.3782);
  left: 100%;
  margin-left: -16px;
  top: -2px;
}
.progress-bar-schedule-circle:hover{
  cursor: pointer;
}
.progress-bar-schedule-circle:hover .pb-bubble{
  display: block;
}
.progress-bar-scale{
  margin-top: 10px;
  position: relative;
  height: 14px;
}
.progress-bar-scale em{
  font-size: 14px;
  display: block;
  height: 14px;
  transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  line-height: 14px;
  color: rgba(255,255,255,.8);
  position: absolute;
  top: 0;
}
.progress-bar-scale em:first-child{
  transform:inherit;
  -ms-transform:inherit;
  -moz-transform:inherit;
  -webkit-transform:inherit;
  -o-transform:inherit;
}
.progress-bar-scale em:last-child{
  transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -webkit-transform:translateX(-100%);
  -o-transform:translateX(-100%);
}
.pb-bubble{
  position: absolute;
  min-width: 44px;
  top: -50px;
  left: -12px;
  display: none;
  z-index:111;
}
.pb-bubble .bubble-wrap{
  width: 100%;
  text-align: center;
  height: 38px;
}
.pb-table-cell em{
  font-size: 16px;
  color: #fff;
  margin-right: 50px;
  float: left;
}
.pb-table-cell-wrap{
  width: 100px;
  height: 1px;
  background-color:rgba(255,255,255,.1);
  float: left;
  margin-top: 10px;
}
.pb-table-cell-schedule{
  height: 1px;
  background-color: #fff;
  position: relative;
  border-radius: 1px;
}
.pb-table-cell-scalespot{
  position: absolute;
  left: 100%;
}
.pb-table-cell-scalespot:before{
  content: "";
  display: block;
  height: 5px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: -6px;
  margin-left: -1px;
}
.pb-table-cell-scalespot:after{
  content: "";
  display: block;
  height: 5px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: 2px;
  margin-left: -1px;
}
.ue-green{background-color: #43AA93;}
.ue-yellow{background-color: #ffcb35;}
.ue-red{background-color: #f45254;}
.bta-bg{
  background-color: #1C1E25;
  padding: 0;
}
.bta-main{
  padding: 30px;
}
.bta-select{
  width: 142px;
  margin-right: 30px;
}
.bta-select .dropdown-big .dropdown-text{
  font-size: 16px;
}
.bta-search{
  width: 220px;
}
.bta-main-add{
  width: 660px;
  margin: 196px auto 200px;
}
.w480{
  width: 480px;
}
.w104{
  width: 104px;
}
.bta-main-add .sd-card-big-inputpos{
  margin-top: -6px;
}
.bta-add-hint{
  font-size: 12px;
  color: rgba(255,255,255,.4);
  line-height: 20px;
  margin-top: 9px;
}
.bta-main-add .sd-card-big-group{
  margin-bottom: 50px;
}
.bta-main-add .sd-card-big-group:last-child{
  margin-bottom: 0;
}
.bta-foot{
  height: 50px;
  border-top: solid 1px rgba(255,255,255,.1);
  padding: 0 30px;
}
.bta-scaling{
  margin-top: 10px;
}
.bta-scaling-num{
  margin: 6px 10px 0;
}
.bta-scaling-wrap{
  width: 30px;
  height: 30px;
  border-radius: 2px;
  border: solid 1px rgba(255,255,255,.3);
  position: relative;
}
.bta-scaling-wrap:hover{
  cursor: pointer;
}
.bta-scaling-shrink:hover:after{
  background-color: rgba(255,255,255,.8);
}
.bta-scaling-increase:hover:after,.bta-scaling-increase:hover:before{
  background-color: rgba(255,255,255,.8);
}
.bta-scaling-shrink:after,.bta-scaling-increase:after{
  content: "";
  display: block;
  height: 2px;
  width: 14px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -7px;
}
.bta-scaling-increase:before{
  content: "";
  display: block;
  height: 14px;
  width: 2px;
  background-color: rgba(255,255,255,.5);
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -1px;
}
.bta-foot-icon{
  border: solid 1px;
  width: 20px;
  height: 14px;
  margin-top: 18px;
}
.bta-main-add-icon{
  width: 80px;
  height: 74px;
  margin: 0 auto 30px;
  background: url(../images/alert-add-center.svg) no-repeat center;
}
.bta-main-add-build{
  width: 150px;
  margin: 278px auto 321px;
}
.bta-main-add-build .mb-type{
  padding: 0 30px;
}
.emn-msg{
  padding: 30px;
  background-color: #5D5DCD;
  margin-top: 10px;
  margin-bottom: 30px;
}
.emn-msg-group span{
  font-size: 16px;
  color: rgba(255,255,255,.8);
  line-height: 28px;
}
.emn-msg-group-warp+.emn-msg-group-warp{
  margin-top: 10px;
}
.emn-msg-group-warp .emn-msg-group:first-child{
  width: 310px;
  margin-right: 120px;
}
.emn-msg-group-warp .emn-msg-group:nth-child(2){
   width: 210px;
}
.emn-msg-group-warp .emn-msg-group:nth-child(3){
  width: 310px;
}
.emn-msg-group-warp .emn-msg-group:nth-child(4){
  width: 310px;
}
.emn-tab{
}
.emn-table-name{
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 30px;
  color: #fff;
}
.alert-row+.alert-row{
  /*margin-top: 10px;*/
}
.alert-icons-wrap{
  box-shadow:0 7px 13px rgba(10, 10, 10, .52);
  height:170px;
  padding:15px 20px;
}
.alert-icons{
  width: 20%;
  height: 100%;
}
.w440{width: 440px;}
.alert-icons.hat{background: url(../images/alert-hat.svg) no-repeat center;background-size: contain;}
.alert-row-more .alert-icons.hat{background: url(../images/alert-hat.svg) no-repeat center 90px;background-size: contain;}
.alert-icons.yxjs{background: url(../images/alert-yxjs.svg) no-repeat center;background-size: contain;}
.alert-icons.sjs{background: url(../images/alert-sjs.svg) no-repeat center;background-size: contain;}
.alert-icons.yjs{background: url(../images/alert-yjs.svg) no-repeat center;background-size: contain;}
.alert-icons.dcj{background: url(../images/alert-dcj.svg) no-repeat center;background-size: contain;}
.alert-icons.phs{background: url(../images/alert-phs.svg) no-repeat center;background-size: contain;}
.alert-icons.sxs{background: url(../images/alert-sxs.svg) no-repeat center;background-size: contain;}
.alert-icons.yms{background: url(../images/alert-yms.svg) no-repeat center;background-size: contain;}
.alert-icons.yyc{background: url(../images/alert-yyc.svg) no-repeat center;background-size: contain;}
.alert-icons.yyls{background: url(../images/alert-yyls.svg) no-repeat center;background-size: contain;}
.alert-icons.yyx{background: url(../images/alert-yyx.svg) no-repeat center;background-size: contain;}
.alert-icons.yys{background: url(../images/alert-yys.svg) no-repeat center;background-size: contain;}
.alert-icons.yyos{background: url(../images/alert-yyos.svg) no-repeat center;background-size: contain;}
.alert-icons-text{
  position: relative;
  padding-left: 20px;
  width: 80%;
  height:100%;
}
.alert-icons-text-tit{
  font-size: 18px;
  color: #fff;
  line-height: 22px;
}
/*.alert-row-more .alert-icons-data{
  font-size:50px;
}*/
.alert-icons-data{
  font-size: 55px;
  color: #fff;
  line-height:1;
  word-break: break-word;
}
@media screen and (max-width:1510px) {
  .alert-icons-data{
    font-size: 50px;
  }
}
.oc-entrance{
  width: 660px;
  margin: 200px auto 335px;
}
.oc-hint{
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 20px;
  margin-left:10px;
  margin-top:10px;
}
.oc-operating-wrap{
  width: 300px;
  height: 300px;
  border: solid 1px #3e3e3e;
  background-color: #232427;
}
.oc-operating-wrap+.oc-operating-wrap{
  margin-left: 60px;
}
.oc-icon{
  margin:56px auto 18px;
  width: 90px;
  height: 90px;
  position:relative;
}
.oc-icon-recommend{
  position:absolute;
  width:40px;
  height:20px;
  background-color:#FF765A;
  font-size:14px;
  color:#fff;
  line-height:20px;
  left: 93px;
  text-align:center;
}
.oc-icon-recommend:before{
  display:block;
  content:" ";
  position:absolute;
  width:0;
  height:0;
  border-style:solid;
  border-color: transparent #FF765A transparent transparent;
  border-width: 8px 6px 8px 0;
  left: -5px;
  transform: rotate(-145deg);
  -ms-transform:rotate(-145deg); 	/* IE 9 */
  -moz-transform:rotate(-145deg); 	/* Firefox */
  -webkit-transform:rotate(-145deg); /* Safari 和 Chrome */
  -o-transform:rotate(-145deg);
}
.oc-icon.hand{
  background:url(../images/oc-icon-hand.svg) no-repeat center;
}
.oc-icon.self{
  background:url(../images/oc-icon-self.svg) no-repeat center;
}
.oc-trait{
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 30px;
}
.alert-card-group+.alert-card-group{
  margin-top: 30px;
}
.alert-card-title{
  font-size: 14px;
  color: #fff;
  line-height: 19px;
  padding: 12px 0px 6px;
  margin-right: 14px;
}
.alert-card-search{
  width: 420px;
}
.alert-card-pattern{
  margin-top: 35px;
}
.alert-card-pattern-group+.alert-card-pattern-group{
  margin-top: 70px;
}
.mr14{margin-right: 14px;}
.alert-card-pattern-cont{
  margin-top: 20px;
  padding: 0 25px;
}
.mb20{margin-bottom: 20px;}
.acpc-time-title{
  color: rgba(255,255,255,.5);
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0 6px;
}
.acpc-time-quantum{
  width: 80px;
}
.acpc-time-quantum .dropdown-default .dropdown-text{
  min-width: auto;
}
.ml40{
  margin-left: 40px;
}
.np-bubble{
  position:absolute;
}
.alert-card-pattern-hint em{
  color: rgba(255,255,255,.5);
  font-size: 14px;
  line-height: 22px;
  float: left;
  display: block;
  padding: 0 7px 0 25px ;
}
.alert-card-pattern-hint>span{
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px rgba(255,255,255,.5);
  float: left;
  margin-top: 3px;
  color: rgba(255,255,255,.5);
  line-height: 12px;
  font-size: 12px;
  text-align: center;
  position:relative;
}
.alert-card-pattern-hint>span:hover{
  cursor:pointer;
}
.mb16{margin-bottom: 16px;}
.alert-work{
  width: 350px;
  background-color: #1C1E25;
  box-shadow:0px 2px 0px rgba(0,0,0,0.5);
  border:1px solid rgba(255,255,255,0.1)
}
.alert-work-title{
  height: 30px;
  border: solid 1px rgba(255,255,255,.1);
  font-size: 14px;
  padding: 8px 10px 6px;
  line-height: 14px;
  color: rgba(255,255,255,.6);
}
.alert-work-list{
  height: 150px;
}
.alert-work-list ul li{
  padding: 0 10px 0 20px;
  height: 30px;
  color: rgba(255,255,255,.6);
  line-height: 30px;
}
.alert-work-list ul li:hover{
  color: #fff;
  cursor: pointer;
  background-color: rgba(255,255,255,.04);
}
.alert-work-list ul li span{
  width: 16px;
  height: 16px;
  position: relative;
  margin-top: 6px;
}
.alert-work-check{
  background: url(../images/alert-check.svg) no-repeat center;
}
.alert-work-check:hover{
  background: url(../images/alert-check-hover.svg) no-repeat center;
}
.alert-work-add{
  background: url(../images/alert-add-hover.svg) no-repeat center;
}
.alert-work-add:hover{
  background: url(../images/alert-add.svg) no-repeat center;
}
.acpc-time-search input{
  width: 397px;
  border: solid 1px rgba(255,255,255,.1);
  background-color: transparent;
  outline: none;
  margin-top: 3px;
  padding: 0 12px;
  height: 30px;
  color: #fff;
}
.bta-tab .tab-toggle-wrap li .icon-lg{opacity: 1;}
.bta-tab .tab-toggle-wrap li:first-child .icon-lg{
  background: url(../images/alert-tab-mul.svg) no-repeat center;
}
.bta-tab .tab-toggle-wrap li:first-child .icon-lg:hover,.bta-tab .tab-toggle-wrap li.active:first-child .icon-lg{
  background: url(../images/alert-tab-mul-hover.svg) no-repeat center;
}
.bta-tab .tab-toggle-wrap li:nth-child(2) .icon-lg{
  background: url(../images/alert-tab-second.svg) no-repeat center;
}
.bta-tab .tab-toggle-wrap li:nth-child(2) .icon-lg:hover,.bta-tab .tab-toggle-wrap li.active:nth-child(2) .icon-lg{
  background: url(../images/alert-tab-second-hover.svg) no-repeat center;
}
.alert-hint-btn{
  width: 36px;
  height: 18px;
  border-radius: 2px;
  border: solid 1px;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.alert-hint-btn.warning{
  color: #FFA940;
}
.alert-hint-btn.danger{
  color: #E04346;
}
.row-outer{
  min-width: 50%;
  padding: 0 15px;
  margin-bottom: 20px;
}
.contrast-module-main-input{
  width:240px;
}
.acpc-time-search input:hover,.acpc-time-search input:focus{
  border: solid 2px rgba(255,255,255,.8);
}
.alert-push-input:hover,.alert-push-input:focus{
  border-bottom: solid 2px rgba(255,255,255,.8);
}
.alert-push-title{
  width: 84px;
  text-align: right;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 0;
}
.alert-push-icon{
  width: 32px;
  height: 32px;
  float: left;
  position:relative;
}
.alert-push-icon+.alert-push-icon{
  margin-left: 20px;
}
.alert-push-icon:hover{
  cursor: pointer;
}
.alert-push-icon.dingding{
  background: url(../images/dingding.svg) no-repeat center;
}
.alert-push-icon.dingding:hover,.alert-push-icon.dingding.active{
  background: url(../images/dingding-hover.svg) no-repeat center;
}
.alert-push-icon.wechatwork{
  background: url(../images/qiyeweixin.svg) no-repeat center;
}
.alert-push-icon.wechatwork:hover,.alert-push-icon.wechatwork.active{
  background: url(../images/qiyeweixin-hover.svg) no-repeat center;
}
.alert-push-icon.beiqia{
  background: url(../images/beiqia.svg) no-repeat center;
}
.alert-push-icon.beiqia:hover,.alert-push-icon.beiqia.active{
  background: url(../images/beiqia-hover.svg) no-repeat center;
}
.alert-push-icon.webhook{
  background: url(../images/webhook.svg) no-repeat center;
}
.alert-push-icon.webhook:hover,.alert-push-icon.webhook.active{
  background: url(../images/webhook-hover.svg) no-repeat center;
}
.alert-push-icon.slack{
  background: url(../images/slack.svg) no-repeat center;
}
.alert-push-icon.slack:hover,.alert-push-icon.slack.active{
  background: url(../images/slack-hover.svg) no-repeat center;
}
.alert-push-icon.pagerduty{
  background: url(../images/pagerduty.svg) no-repeat center;
}
.alert-push-icon.pagerduty:hover,.alert-push-icon.pagerduty.active{
  background: url(../images/pagerduty-hover.svg) no-repeat center;
}

.alert-push-icon.feishu{
  background: url(../images/feishu.svg) no-repeat center;
}
.alert-push-icon.feishu:hover,.alert-push-icon.feishu.active{
  background: url(../images/feishu-hover.svg) no-repeat center;
}
.alert-push-icon.itsm {
  background: url(../images/itsm.svg) no-repeat center;
}
.alert-push-icon.itsm:hover,
.alert-push-icon.itsm.active {
  background: url(../images/itsm-hover.svg) no-repeat center;
}
.alert-push-main{
  margin-left: 20px;
}
.alert-push-icon-help{
  color: rgba(255,255,255,.8);
  line-height: 32px;
  font-size: 12px;
  margin-left: 30px;
  height: 32px;
  display: block;
  float: left;
}
.alert-push-icon-help:hover,.alert-push-icon-help:focus{
  color: #fff;
}
.alert-push-input{
  width: 400px;
  outline: none;
  border: none;
  border-bottom: solid 1px rgba(255,255,255,.1);
  height: 32px;
  background-color: transparent;
  color: #fff;
}
.alert-push-group+.alert-push-group{
  margin-top: 30px;
}
.alert-push-time-spec{
  width: 185px;
  height: 30px;
  border: solid 1px rgba(255,255,255,.1);
  padding: 0 8px;
  color: #fff;
  line-height: 30px;
}
.alert-push-time-to{
  margin: 0 8px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: rgba(255,255,255,.6);
}
.alert-push-time{
  margin-top: 30px;
}
.top-list{
  padding: 10px 0;
  background:rgba(0,0,0,0.9);
  box-shadow:2px 5px 0px rgba(28,30,37,0.5);
  border-radius:8px;
  border:1px solid rgba(3,3,3,1);
  width: 72px;
}
.top-list ul li{
  height: 32px;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}
.top-list ul li:hover{
  background-color: rgba(255,255,255,.1);
  cursor: pointer;
}
.alert-delete-icon{
  width: 14px;
  height: 14px;
  cursor:pointer;
  background: url(../images/alert-delete.svg) no-repeat center;
}
.alert-delete-icon:hover{
  background: url(../images/alert-delete-hover.svg) no-repeat center;
}
.alert-flex-icon em{
  color: rgba(255,255,255,.5);
  font-size: 16px;
  line-height: 24px;
}
.alert-flex-icon span{
  display: block;
  width: 19px;
  height: 19px;
  margin-left: 17px;
  margin-top: 3px;
  background: url(../images/alert-flex.svg) no-repeat center;
}
.alert-flex-icon:hover{
  cursor:pointer;
}
.alert-flex-icon:hover span{
  background: url(../images/alert-flex-hover.svg) no-repeat center;
}
.alert-flex-icon.merge span{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.time-frame-quantum{
  width: 142px;
  height: 30px;
  border: solid 1px rgba(255,255,255,.1);
  color: rgba(255,255,255,.6);
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
}
.time-frame-to{
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: rgba(255,255,255,.6);
  margin: 0 9px;
}
.time-frame-quantum span{
  background: url(../images/time-frame.svg) no-repeat center;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 8px;
}
.time-frame-merge{
  width: 230px;
  background-color: #1C1E25;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: solid 1px rgba(255,255,255,.1);
}
.time-frame-merge-hd{
  font-size: 14px;
  color: rgba(255,255,255,.6);
  padding: 8px 20px;
  line-height: 14px;
  height: 30px;
  text-align: left;
}
.time-frame-year{
  width: 58px;
  height: 150px;
}
.time-frame-merge-main{
  position: absolute;
  left: -1px;
  right: -1px;
  top: 30px;
  background: #1C1E25;
}
.time-frame-mdhm{
  height: 150px;
  width: 100%;
}
.time-frame-merge-main ul li{
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: rgba(255,255,255,.6);
  font-size: 14px;
}
.time-frame-merge-main ul li:hover,.time-frame-merge-main ul li.active{
  background-color: rgba(255,255,255,.04);
  color: #fff;
  cursor: pointer;
}
.time-frame-merge .active{
  color: #fff;
}
.mdd-select .mdd-select-text {
  position: relative;
  height: 24px;
  font-size: 14px;
  padding-right: 30px;
  line-height: 24px;
  color: rgba(255,255,255,1);
  cursor: pointer;
}
.mdd-select .mdd-select-text span{
  margin-right:20px;
}
.mdd-select .arrow-line {
  position: absolute;
  display: block;
  top:2px;
  right:6px;
  width:20px;
  height:20px;
  background: url(../images/drop-down.svg) no-repeat center;
  background-size: contain;
  opacity: .5;
}
.mdd-select.active .mdd-select-text .arrow-line {
  background: url(../images/drop-down.svg) no-repeat center;
  background-size: contain;
  opacity: 1;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.mdd-select.active .mdd-select-text{
  color:#fff;
}
.mdd-select{
  position: relative;
}
.mdd-select-unfold{
  position: absolute;
  max-width: 840px;
  top: 44px;
  left: 0;
  z-index: 11111;
  box-shadow:1px 1px 11px 2px rgba(0,0,0,.3);
}
.mdd-select-left{
  width: 220px;
  border-right: solid 1px #3E3E3E;
  background-color: #303137;
}
.mdd-select-middle{
  width: 220px;
  padding-top: 65px;
}
.mdd-select-hd{
  padding: 20px 10px 10px;
}
.mdd-select-list{
  height: 305px;
}
.mdd-select-middle{
  /*height: 380px;*/
  display: inline-block;
  border-right: solid 1px #3E3E3E;
  background:#303137;
}
.mdd-select-list ul li{
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding: 0 10px;
}
.mdd-select-list ul li div{
  width: 30px;
  height:30px;
  margin-top:10px;
  cursor: pointer;
}
.mdd-select-list ul li:hover div{
  background: rgba(0,0,0,.3);
}
.mdd-select-list ul li span{
  width: 10px;
  height: 10px;
  display: block;
  border-top: 3px solid rgba(255,255,255,.5);
  border-right: 3px solid rgba(255,255,255,.5);
  -webkit-transform: translateX(8px) rotate(45deg);
  -ms-transform: translateX(8px) rotate(45deg);
  -o-transform: translateX(8px) rotate(45deg);
  transform: translateX(8px) rotate(45deg);
  margin-top: 10px;
}
.mdd-select-list ul li:hover,.mdd-select-list ul li.active{
  background-color: rgba(255,255,255,.04);
  color: rgba(255,255,255,1);
}
.mdd-select-list ul li.previous{
  color: rgba(255,255,255,1);
}
.mdd-select-list ul li.previous span{
  border-color:#fff;
}
.mdd-select-list ul li em:hover{
  cursor:pointer;
}
.mdd-select-list ul li div:hover span{/*,.mdd-select-list ul li.active span*/
  border-color: #fff;
}
.mdd-select-list ul li:after{
  content: "";
  display: block;
  clear: both;
}
.mdd-select-unfold.hw{
  height: 380px;
  width: 500px;
  background:#292A2D;
}
.mdd-select-search{
  width: 180px;
}
.mdd-select-sectext{
  color: rgba(223,223,223,.4);
  font-size: 16px;
  padding: 0 30px 20px;
}
.mdd-select-list.h258{
  height: 258px;
}
.mdd-select-chioce{
  border-radius: 3px;
  width: 68px;
  height: 30px;
  border: solid 1px rgba(255,255,255,.2);
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: rgba(255,255,255,.6);
  margin-top: 10px;
  display: none;
}
.mdd-select-list ul li:hover .mdd-select-chioce{
  display: block;
}
.bch-group .sd-card-big-title{
  margin-right: 0;
}
.bso-tab .icon-lg{
  opacity: 1 !important;
}
.bso-tab .tab-toggle-wrap li:first-child .icon-lg {
  background: url(../images/bso-data-table.svg) no-repeat center;
}
.bso-tab .tab-toggle-wrap li:first-child .icon-lg:hover,.bso-tab .tab-toggle-wrap li:first-child.active .icon-lg{
  background: url(../images/bso-data-table-hover.svg) no-repeat center;
}
.bso-tab .tab-toggle-wrap li:nth-child(2) .icon-lg {
  background: url(../images/bso-data.png) no-repeat center;
}
.bso-tab .tab-toggle-wrap li:nth-child(2) .icon-lg:hover,.bso-tab .tab-toggle-wrap li:nth-child(2).active .icon-lg {
  background: url(../images/bso-data-hover.png) no-repeat center;
}
.bso-tab .tab-toggle-wrap .icon-lg{
  height: 28px;
}
.bso-tab .tab-toggle-wrap li{
  padding: 0 8px;
}
.w593{
  width: 400px;
}
.bch-group+.bch-group{
  margin-top: 40px;
}
.ml110{
  margin-left: 110px;
}
.bth-main-title{
  font-size: 14px;
  color: rgba(223,223,223,.5);
}
.mar0{
  margin: 0 !important;
}
.lh20{
  line-height: 20px;
}
.lh25{
  line-height: 25px;
}
.w144{
  width: 144px;
}
.bch-select .dropdown-text{
  font-size: 16px;
}
.bch-select{
  margin-top: -6px;
}
.bch-main-wrap+.bch-main-wrap{
  margin-top: 30px;
}
.par5{
  padding-right: 5px;
  padding-left: 5px;
}
.bch-group .sd-card-big-inputpos{
  padding-left: 20px !important;
}
.bch-group .card-tab-hor.row >.bch-tab-left{
  padding: 30px !important;
  height: 371px !important;
}
.bch-tab-left{
  background-color:#292A2D;
}
.bch-group .card-tab-hor.row >.bch-tab-right{
  padding: 30px !important;
  height: 371px !important;
}
.mb30{
  margin-bottom: 30px;
}
.bch-left-table{
  height: 249px;
}
.bch-advanced-function{
  width: 260px;
  height: 40px;
  border-radius: 3px;
  background-color: #292A2D;
  margin-top: 40px;
}
.bch-select-sec{
  width: 102px;
  margin: 0 auto;
  padding-top: 8px;
  padding-left: 12px;
}
.bch-select-sec .active .mdd-select-text{
  color: #fff;
}
.bch-select-sec .active .mdd-select-text .arrow-line{
  border-color: #fff;
}
.mdd-select-scroll{
  height: 370px;
  max-width: 620px;
  /*background:#292A2D;*/
  margin-left: 220px;
  white-space: nowrap;
}
.mdd-select-box{
  width:500%;
}
.bch-left-table .sd-radio-label em{
  font-size: 16px;
}
.bch-update{
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  background: url(../images/bch-update.svg) no-repeat center;
  margin-top: 3px;
  margin-right: 12px;
}
.bch-update:hover{
  cursor: pointer;
  background: url(../images/bch-update-hover.svg) no-repeat center;
}
.bch-update+em{
  display: block;
  float: left;
}
.bch-select .dropdown-text{
  color: rgba(255,255,255,.8);
}
.card-tab-user-map .bch-tab-right:before{
  top: 162px;
}
.h24{
  height:24px;
}
/*业务流拓扑图-单笔业务*/
.legend>li{
  float:left;
  margin:0 15px;
}
.legend>li span{
  display: inline-block;
  width:12px;
  height:12px;
  background:rgba(48,49,58,1);
  box-shadow:2px 2px 8px 0px rgba(28,30,37,0.8);
  border-radius:50%;
  border:2px solid;
  margin:0 10px;
  vertical-align: middle;
}
.legend>li span.success{
  border-color: rgba(0,173,146,0.4);
}
.legend>li span.error{
  border-color: rgba(231,87,90,1);
}
/**************业务流配置****************/
/*蓝色背景下下拉菜单边框颜色*/
.bg-blue .operation-pool .dropdown-default-bor .dropdown-text{
  border-color:rgba(255,255,255,.3);
}
/*蓝色背景下滚动条颜色*/
.bg-blue .operation-pool .scroll-x::-webkit-scrollbar-track,.bg-blue .operation-pool .scroll-y::-webkit-scrollbar-track{
  background:#6464BF;
}
.bg-blue .operation-pool .scroll-x::-webkit-scrollbar-thumb,.bg-blue .operation-pool .scroll-y::-webkit-scrollbar-thumb{
  border-color:#5A5ABB;
}
.bg-blue .mdd-select .arrow-line{
  border-color:#fff;
}
.btn-group{
  height:280px;
}
.blue-btn{
  background:transparent;
  outline:none;
  border:none;
  margin:6px;
  padding:4px 8px;
}
.blue-btn-default{
  max-width:140px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:rgba(255,255,255,.3);
  border:1px solid rgba(255,255,255,.3);
}
.blue-btn-default:hover{
  color:#fff;
  border-color:#fff;
}
.operation-pool{
  height:531px;
}
.operation-pool .contrast-input-group{
  margin:4px;
  cursor:pointer;
}
.operation-pool .contrast-input-group .contrast-input{
  max-width:180px;
}
/*节点容器*/
.layout-node-content{
  position: relative;
  padding:10px;
  min-height:68px;
  background: rgba(255,255,255,.04);
  border-radius:4px;
  text-align: center;
  border:1px solid transparent;

}
.add-node{
  width:100%;
  padding:10px;
  min-height:60px;
  max-height: 236px;
  text-align: center;
}
.add-node>div{
  display:inline-block;
  vertical-align:top;
}
.add-node p{
  max-width: 150px;
  padding:0 5px;
  margin:0 auto;
}
.begin-node{
  background: url("../images/begin-node.svg") no-repeat center;
}
.middle-node{
  background: url("../images/middle-node.svg") no-repeat center;
}
.end-node{
  background: url("../images/end-node.svg") no-repeat center;
}
.add-node .contrast-input-group{
  display: inline-block;
  margin: 4px;
  cursor:pointer;
}
.mh200{
  min-height:200px;
}
.input-w-50{
  width:50px;
}
.input-w-50 input{
  text-align: center;
  padding-right:0;
}
.dropdown-w-50 .dropdown-text{
  min-width:50px;
}
.text-white{
  color:#fff;
}
.border-box{
  display: inline-block;
  padding: 18px 30px;
  margin: 4px;
}
.border-dashed{
  border:1px dashed rgba(255,255,255,0.4);
}
.border-dashed-red{
  background:rgba(223,93,86,0.1);
  border:1px dashed rgba(223,93,86,0.5);
}
.error-info{
  height:20px;
  color:rgba(223,93,86,1);
}
/**************APM配置-健康度规则列表+检查弹框******************/
/*健康事件详细事件*/
.health-events .sd-table tr.active{
  background:rgba(255,255,255,0.04);
  box-shadow:0px 4px 6px -2px rgba(21,22,30,.8);
}
.content-active{
  background:rgba(255,255,255,0.04);
  box-shadow:0 -4px 6px -2px rgba(21,22,30,.8) inset;
}
.health-events .sd-table td{
  border:none;
}
.details-info{
  padding-left:20px;
}
.details-info:after{
  content:'';
  display:block;
  clear:both;
}
.details-info>li{
  float:left;
  margin:4px;
  min-width:200px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*彩色条*/
.color-bar{
  height:20px;
  margin-top:5px;
  /*border-bottom:1px solid rgba(255,255,255,.1);*/
}
.color-bar>li{
  float:left;
  height:10px;
  margin-bottom:5px;
}
.color-bar>li.active,.color-bar>li:hover{
  height: 14px;
  margin-top:-4px;
  box-shadow:0 8px 12px 0 rgba(0,0,0,0.5);
}
.color-bar>li>div{
  height:100%;
  position: relative;
}
.bar-color-red{
  background: #DF5D56;
}
.bar-color-g{
  background: #43AA93;
}
.bar-color-y{
  background: #FFCC43;
}
.bar-color-gray{
  background: #A4A5A7;
}
/*左侧时间列*/
.time-line-box{
  height:276px;
}
.time-line{
  padding-left:30px;
  color:#fff;
  min-height:180px;
}
.time-line li a{
  position: relative;
  display: inline-block;
  padding:4px 20px;
  color:rgba(255,255,255,.4);
}
.time-line li a:hover,.time-line li a.active{
  color:#fff;
}
.time-line li a span{
  position: absolute;
  top:50%;
  left: 0;
  margin-top: -6px;
  display: inline-block;
  width: 10px;
  height:10px;
  border-width:3px;
  border-style:  solid;
  border-radius:50%;
}
.time-line li a span:before,.time-line li a span:after{
  content:'';
  position: absolute;
  left: 50%;
  margin-left: -1px;
  display: inline-block;
  width:2px;
  height:10px;
  background: rgba(255,255,255,.21);
}
.time-line li a span:before{
  bottom:6px;
}
.time-line li a span:after{
  top:7px;
}
.border-color-g{
  border-color:#43AA93;
}
.border-color-y{
  border-color:#FFCC43;
}
.border-color-r{
  border-color:#DF5D56;
}
/*右侧状态、原因*/
.status-change li span:first-child{
  display: inline-block;
  min-width:80px;
  padding-right:10px;
  text-align:right;
}
.condition{
  margin-top:13px;
  height:185px;
  border:1px solid #ccc;
  padding:5px 10px;
}
.condition>ul{
  padding:20px;
}
.condition-input{
  height:182px;
}
.condition-input ul li{
  padding:5px 10px;
}
.condition-list{
  height:182px;
  padding:10px;
}
/************APM配置-警戒条件**************/
.step-bar{
  width:60%;
  margin:0 auto;
  padding:50px 0;
}
.step-bar>li{
  float:left;
  width:25%;
  text-align: center;
}
.step-bar>li a{
  position: relative;
  display: inline-block;
  width:100%;
  color:rgba(255,255,255,.8);
}
.step-bar>li a:before,.step-bar>li a:after{
  content:'';
  position: absolute;
  width:calc(50% - 14px);
  height:4px;
  top:12px;
  background: rgba(97,97,100,1);
}
.step-bar>li a:before{
  left: 0;
}
.step-bar>li a:after{
  right: 0;
}
.step-bar>li:first-child a:before{
  display: none;
}
.step-bar>li:last-child a:after{
  display: none;
}
.step-bar>li span{
  display: inline-block;
  width:28px;
  height:28px;
  line-height: 28px;
  border-radius:50%;
  margin-bottom:10px;
  background: rgba(97,97,100,1);
}
.step-bar>li a.active{
  color:#fff;
}
.step-bar>li a.active span{
  background:rgba(72,187,135,1);
  /* box-shadow:0 2px 11px 0 rgba(0,0,0,0.5); */
}
.step-bar>li a.active:before,.step-bar>li a.active:after{
  background:rgba(72,187,135,1);
}
.step-bar>li a.active.border-right-radius:after{
  border-radius:0 4px 4px 0;
}
/*自定义按钮组样式*/
.btn-group-warp{
  border:1px solid rgba(255,255,255,.15);
  border-radius:6px;
}
.btn-group-warp:after{
  content:'';
  display:block;
  clear:both;
}
.btn-group-warp li{
  float:left;
  border-right:1px solid rgba(255,255,255,.15);
}
.btn-group-warp li:last-child{
  border-right:none;
}
.btn-group-warp li button{
  min-width:44px;
  border:none;
  outline:none;
  background: none;
  color:rgba(255,255,255,.65);
}
.btn-group-warp li button.active,.btn-group-warp li button:hover{
  color:rgba(255,255,255,1);
  background: rgba(2,2,3,.1);
}
.btn-group-warp li button.text-danger.active,.btn-group-warp li button.text-danger:hover{
  color:#C14039 !important;
}
.btn-group-warp li button.disabled,.btn-group-warp li button.disabled:hover{
  cursor: not-allowed;
  color:rgba(255,255,255,.2);
  background: none;
}
.btn-md{
  height:36px;
  padding:0 10px;
}
.btn-lg{
  height:48px;
  padding:0 40px;
}
/*图标加文字按钮*/
.btn-icon-text button{
  border:1px solid rgba(255,255,255,.6);
  color:#fff;
  outline:none;
  background: none;
  padding:4px 10px;
  border-radius:4px;
  vertical-align: middle;
  line-height: 20px;
}
.btn-icon-text button:hover{
  background: #fff;
  color:#292A2D;
}
.btn-icon-text button.disabled{
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.2);
  cursor:not-allowed;
}
.btn-icon-text button.disabled:hover{
  background: none;
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.2);
}
.btn-icon-text button span{
  display: inline-block;
  width:16px;
  height:16px;
  margin-right:5px;
  line-height: 12px;
  font-size:20px;
}
.icon-copy span{
  vertical-align: bottom;
  background: url("../images/copy.svg") no-repeat center;
}
.icon-copy:hover span{
  background: url("../images/copy-hover.svg") no-repeat center;
}
/*表格里的表单控件*/
.td-input{
  padding:0 !important;
  line-height:36px !important;
}
.td-input div{
  font-size:14px;
}
.input-radio-box .input-w-50 input{
  padding:0;
}
.input-radio-box .input-w-50 input:hover{
  border-bottom:1px solid rgba(255,255,255,.8);
}
.mt{
  margin-top:2px;
}
.plr30{
  padding:0 30px;
}
.lh36{
  line-height: 36px;
}
.switch-text{
  color:#fff;
  font-size:16px;
  line-height: 26px;
  padding-right:20px;
}
.radio-input-group{
  color:#fff;
}
.radio-input-group .input-w-50 input{
  height: 20px;
}
/*警报分析-警报详情*/
.pop-title{
  position: relative;
  top:20px;
  font-size:16px;
  color:#fff;
  padding:4px 24px;
  background: linear-gradient(90deg,rgba(53,123,231,1),rgba(103,213,195,1));
}
.pop-title:before{
  content:'';
  position: absolute;
  top:0;
  left:-22px;
  display: inline-block;
  width:0;
  height:0;
  border-width:16px 11px;
  border-style: solid;
  border-color: transparent;
  border-right-color:rgba(53,123,231,1);
}
.main-body{
  border-top:3px solid;
  border-image:linear-gradient(to right,rgba(53,123,231,1),rgba(103,213,195,1)) 30 30;
}
/*警报主体左半部分*/
.main-body-left{
  padding:30px;
}
.details-lists{
  height:290px;
}
.details-lists li{
  padding:6px 0;
  color:rgba(255,255,255,1);
}
.details-lists li:after{
  content:'';
  display: block;
  clear:both;
}
.details-lists li span:first-child{
  float:left;
  display: inline-block;
  width:80px;
  padding-right:10px;
}
.details-lists li span:last-child{
  float:left;
  width: calc(100% - 80px);
}
/*右半部分*/
.main-body-right{
  padding:30px;
  background:rgba(0,0,0,.4);
}
.alarm-process{
  height:290px;
  padding-top:5px;
}
.alarm-process li{
  position: relative;
}
.process-content{
  position: relative;
  padding-left:50px;
  padding-bottom:20px;
  min-height:50px;
}
.process-content:before{
  content:"";
  position: absolute;
  left:5px;
  top:20px;
  width: 2px;
  height:calc(100% - 18px);
  background: rgba(255,255,255,.8);
}
.process-start:before{
  display: none;
}
.process-content p{
  padding-top:10px;
  padding-bottom:10px;
}
.process-content li{
  color:rgba(255,255,255,.4);
}
.process-dot,.test{
  position: absolute;
  left:0;
  top:5px;
  width:12px;
  height:12px;
  border-radius:50%;
  background: rgba(255,255,255,.8);;
}
.process-title{
  color:#fff;
}
/*标题图标*/
.title-icon{
  display: inline-block;
  width:50px;
  height:35px;
  vertical-align: text-top;
  background:url("../images/ai-analysis.svg") no-repeat center;
}
/**********操作配置_Server探针方式_手工模式**********/
.ad-title{
  color: #fff;
  line-height: 30px;
  font-size: 22px;
}
.ad-title-hint{
  font-size: 16px;
  line-height: 30px;
  color: rgba(255,255,255,.6);
}
.bchs-head-titlelit{margin: 20px 0;}
.bchs-head-titletext{
  font-size: 20px;
  color: rgba(255,255,255,.4);
}
.bchs-oass{background-color: #292A2D;padding: 30px;}
.bchs-search{width: 82%;}
.ml12{margin-left: 12px;}
.bchs-group+.bchs-group{margin-top: 20px;}
.bchs-text span{
  font-size: 14px;
  color: rgba(255,255,255,.5);
  line-height: 28px;
  float: left;
}
.bchs-text .bchs-text-middle{
  margin: 0 8px;
  color: #fff;
}
.bchs-search-input{
  outline: none;
  border: none;
  border-bottom: solid 1px #626262;
  background-color: transparent;
  width: 100%;
}
.bchs-input-url{
  position: relative;
  width: 260px;
}
.bchs-input-url input{padding: 0 10px;}
.bchs-add span{
  background: url(../images/alert-add-hover.svg) no-repeat center;
  margin-right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 5px;
}
.bchs-add em{
  color: rgba(255,255,255,.5);
  font-size: 16px;
  float: left;
}
.bchs-add:hover{cursor: pointer;}
.bchs-add:hover span{
  background: url(../images/alert-add.svg) no-repeat center;
}
.bchs-add:hover em{
  color: #fff;
}
.bchs-hint{
  font-size: 14px;
  color: rgba(255,255,255,.2);
  line-height: 22px;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .bchs-mt{
    margin-top: 20px;
  }
}
.bchs-oassright-head{
  border-bottom:solid 1px #626262;
  padding: 30px 33px 11px;
  font-size: 16px;
  color: rgba(255,255,255,.2);
}
.bchs-oassright-main{
  padding: 30px;
}
.bchs-oassright-main table tbody td .bchs-table-em{
  margin-left: 12px;
  font-size: 16px;
  color: rgba(255,255,255,.6);
}
.bchs-update{
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/bch-update.svg) no-repeat center;
  margin-top: 3px;
  opacity: .6;
}
.bchs-update:hover{
  cursor: pointer;
  background: url(../images/bch-update-hover.svg) no-repeat center;
  opacity: 1;
}
.bchs-close{
  width: 12px;
  height: 24px;
  display: block;
  font-size:20px;
  text-align: center;
  line-height: 24px;
  cursor:pointer;
  color:rgba(255,255,255,.4);
}
.bchs-close:hover{
  color:rgba(255,255,255,1);
}
.tab-toggle-wrap .icon-mark{
  display: inline-block;
  width:16px;
  height:16px;
  border-radius:50%;
  text-align: center;
  line-height: 15px;
  margin:10px;
  font-size:12px;
  border:1px solid rgba(255,255,255,.6);
}
.tab-toggle-wrap li.active{
  color:rgba(255,255,255,.8);
}
.tab-toggle-wrap li.active:first-child{
  border-radius: 5px 0 0 5px;
}
.tab-toggle-wrap li.active:last-child{
  border-radius:0 5px 5px 0;
}
/*表格样式*/
.oper-table{
  background-color: #292A2D;
  padding:30px;
}
.oper-table .sd-table td{
  padding:5px 2px;
}
.oper-table .sd-table td label {
  display: inline-block;
  margin-bottom: 8px;
}
.oper-table .sd-table td label+div{
  display: inline-block;
}
/*定义操作成功*/
.defin-success{
  font-size:16px;
}
.defin-success .text-strong{
  color:#fff;
}
.bchs-group .bth-main-title{
  min-width: 120px;
  text-align: right;
}
/*已形成的操作定义*/
.formation-defin{
  padding:30px;
  border-top:1px solid #323235;
  background: #292A2D;
}
.formation-defin .row{
  line-height: 38px;
}
.opera-card{
  text-align: center;
  padding-top:12px;
  color:#fff;
  background:#43AA93;
}
.opera-card img{
  width:30%;
}
.mt4{
  margin-top:4%;
}
/*定义操作时间*/
.defin-time{
  font-size:16px;
  color:#fff;
}
.defin-time-end,.defin-time-endtime{
  line-height:36px;
}
.defin-time>p{
  font-size:14px;
  padding-top:10px;
  color:rgba(255,255,255,.4);
}
/*定义业务错误*/
/*.bchs-oassright-head .dropdown-text{
  width:120px;
}*/
.bchs-oassright-head .input-border{
  width:60%;
  margin-left:5px;
}
/*.bchs-oassright-head .dropdown-default{
  width:60%;
}*/
.bchs-oassright-head .row{
  line-height: 36px;
}
/*缩放按钮组*/
.zoom{
  position: absolute;
  right:30px;
  bottom:30px;
  text-align: center;
  font-size: 16px;
  color:rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.4);
  background:rgba(0,0,0,.2);
  border-radius:4px;
}
.zoom li{
  border-bottom:1px solid rgba(255,255,255,.4);
}
.zoom li:last-child{
  border-bottom:0;
}
.zoom li span:hover,.zoom li span.active{
  color:#fff;
  background:rgba(0,0,0,.8);
}
.zoom li span{
  display: inline-block;
  width:30px;
  height: 30px;
  font-size:25px;
  line-height: 30px;
  border-radius:4px;
  cursor: pointer;
}
.dropdown-default .dropdown-text.pl0{
  padding-left:0;
}
/*检索类方法*/
.class-content{
  height:400px;
}
.class-lists li{
  position: relative;
  padding:4px 0 4px 20px;
}
.class-lists li a:hover{
  color:#fff;
}
.class-lists li span{
  position: absolute;
  left: 0;
  display: inline-block;
  width:20px;
  height:20px;
}
.class-lists li span.open{
  background: url("../images/arrow-bottom-white-sm.svg") no-repeat left center;
}
.class-lists li span.close{
  background: url("../images/arrow-bottom-white-sm.svg") no-repeat left center;
}
.class-lists ul{
  padding-left:10px;
}
.w50{
  width: 50%;
}
.class-method{
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.search-class{
  padding:20px !important;
  border-right:1px solid rgba(255,255,255,.1);
}
.search-method{
  padding:20px!important;
}
.method-table{
  height:325px;
}
/*检索类方法end*/
@media screen and (max-width : 1440px){
  .ec-box-tab li{
    font-size:16px;
  }
  .ec-tab-active em{
    font-size:16px;
  }
  .ec-box-tab li:before{
    margin:5px 10px 0;
  }
}
.bubble-content .bubble-wrap{
  position: absolute;
  top:30px;
  z-index: 100;
}
.bubble-content .bubble-wrap .int-card-icon{
  margin-top: 0;
}
.set-area{
  padding:20px;
}
.refer-area{
  padding:20px;
  border-right:1px solid rgba(255,255,255,.2);
}
.bg-black-op40{
  background: rgba(0,0,0,.4);
}
/*智能监控机器人按钮*/
.robert{
  position: fixed;
  right:30px;
  bottom:50px;
}
.robert-header{
  position: relative;
  color:#fff;
  border-radius:30px;
  background: #4A90E2;
  margin-bottom:10px;
  cursor:pointer;
}
.robert-header span{
  padding-right:10px;
}
.robert-footer{
  text-align: center;
}
.robert-close{
  position: absolute;
  top:-10px;
  right:-10px;
  display: inline-block;
  width:20px;
  height:20px;
  line-height: 18px;
  border: 1px solid rgb(255,255,255);
  border-radius:50%;
  background: rgba(0,0,0,.4);
  text-align: center;
  cursor:pointer;
}
.robert-close:hover{
  color:rgb(0,0,0);
  background: rgb(255,255,255);
}
/*图表间的距离*/
.chart-margin-top {
  margin-top: 30px;
}
.page-margin-top{
  margin-top:30px;
}
.current-weight{
  margin-top:-20px;
  text-align: center;
}
.bg-purple .mdd-select .arrow-line{
  border-color:#fff;
}
.bg-purple .switch-button{
  margin:0 auto;
}
.alert-unread{
  margin-right: 10px;
  display: inline-block;
  width:6px;
  height:6px;
  border-radius: 3px;
  top: 19px;
  left: 16px;
  background:rgba(0,160,232,1);
}
.gd-event-text-relieve{color: #ff5f57;}
.gd-event-text-warning{color: #FFBD2E;}
.alert-status{
  display:inline-block;
  max-width:100%;
  padding:0 10px;
  height:27px;
  border-radius: 2px;
  font-size:12px;
  font-family:PingFangSC-Regular;
  color:rgba(255,255,255,1);
  line-height:27px;
  text-align: center;
}
.alert-status-sustained{background:rgba(255,95,87,1);}
.alert-status-remove{background:rgba(175,175,175,1);}
.label-input-14{
  margin-bottom:20px;
}
.label-input-14 .sd-card-big-title{
  line-height: 35px;
}
.label-input-14 .input-default{
  font-size:14px;
}
.textarea{
  background: transparent;
}
.edit-icon:hover .bubble-edit{
  display: block;
}
.bubble-edit{
  display: none;
  top:-42px;
  left: -15px;
  white-space:nowrap;
}
.dropdown-lg .dropdown-text{
  font-size:16px;
  line-height: 36px;
}
.input-md{
  font-size:14px;
  height:36px;
}
/*登录页*/
html,body{
  height:100%;
}
body{
  min-height: 650px;
}
.login-box h4{
  font-size:16px;
  color:rgba(21,31,39,1);
}
.login-content{
  height:100%;
  background: url("../images/login-bg.jpg") no-repeat center;
  background-size:cover;
}
.login-header{
  height:40px;
  line-height: 40px;
  background: rgba(0,0,0,.6);
}
.login-header img{
  width:140px;
  margin-left:20px;
}
.login-body{
  position: relative;
  height:calc(100% - 80px);
}
.login-body img{
  position: absolute;
  left: 10%;
  height: 80%;
}
.login-box-cont{
  position: absolute;
  top:20%;
  right:20%;
  width:350px;
}
.login-box{
  color:#151f27;
  padding:40px;
  background: #fff;
}
.login-input{
  height:33px;
}
.login-input input{
  width: calc(100% - 30px);
  outline:none;
  color:rgba(31,31,31,.8);
  padding-bottom:10px;
  margin-left:30px;
  border: none;
  border-bottom:1px solid rgba(0,0,0,.2);
}
.login-input input:focus{
  border-bottom:2px solid rgba(0,0,0,.5);
}
.login-input input::-webkit-input-placeholder{
  color:rgba(31,31,31,.2);
}
.login-input input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:rgba(31,31,31,.2);
}
.login-input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:rgba(31,31,31,.2);
}
.login-input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:rgba(31,31,31,.2);
}
.icon-user-name{
  background: url("../images/username.svg") no-repeat 2px top;
}
.icon-user-name:focus-within{
  background: url("../images/username-active.svg") no-repeat 2px top;
}
.icon-password{
  background: url("../images/password.svg") no-repeat 2px top;
}
.icon-password:focus-within{
  background: url("../images/password-active.svg") no-repeat 2px top;
}
.icon-phone-code{
  background: url("../images/icon-phone.svg") no-repeat 7px top;
}
.icon-phone-code:focus-within{
  background: url("../images/icon-phone-active.svg") no-repeat 7px top;
}
.send-btn a{
  color: #313131;
}
.send-disabled a{
  cursor: not-allowed!important;
}
.icon-code{
  background: url("../images/code.svg") no-repeat 2px top;
}
.icon-code:focus-within{
  background: url("../images/code-active.svg") no-repeat 2px top;
}
.login-error{
  color:#DF5D56;
  height:21px;
}
.login-input+p{
  padding-left: 30px;
}
.input-error{
  background-color: rgba(223,93,86,.12) !important;
  border-bottom-color:#DF5D56 !important;
}

.login-btn{
  width: 100%;
  color:#fff;
  height:40px;
  background:linear-gradient(90deg,rgba(66,189,244,1),rgba(31,136,229,1));
  box-shadow:0px 8px 20px -2px rgba(161,207,242,1);
}
.login-btn.active{
  box-shadow:4px 4px 20px -2px rgba(58,137,201,1);
}
.forgot{
  font-size:12px;
  color:rgba(31,31,31,.5);
  border-bottom:1px solid transparent;
  cursor:pointer;
}
.forgot:hover{
  color:rgba(31,31,31,.8);
  border-bottom-color:rgba(31,31,31,.8);
}
.code{
  cursor:pointer;
  height:33px;
}
.login-info {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  font-size:12px;
  line-height: 30px;
  color: #000;
  background-color: rgba(223, 93, 86, .12);
}
.count-down{
  display: inline-block;
  width:12px;
  height:12px;
  margin-right: 7px;
  vertical-align: middle;
  background: url("../images/count-down.svg") no-repeat center;
}
.login-footer{
  font-size:12px;
  color:rgba(255,255,255,.4);
}
.alert-hint-box{
  min-width: 36px;
  height: 18px;
  border: solid 1px;
  border-radius: 2px;
  text-align: center;
  line-height: 16px;
  font-size:12px;
  padding:0 2px;
}
.alert-hint-box.warning{
  color: #ffcc43;
}
.alert-hint-box.danger{
  color: #DF5D56;
}
.multi-select .dropdown-wrap{
  min-height: 278px;
  max-height:330px;
}
.multi-select .dropdown-list{
  max-height:290px;
}
.multi-select .dropdown-list li{
  padding: 8px 10px 7px;
  border:none;
}
.multi-select .dropdown-list li:hover {
  background: rgba(255,255,255,.04);
}
/* .multi-select .dropdown-arrow-down{
  top: 15px;
} */
.ms-box:hover .contrast-input-close{
  display:block;
}
.sd-checkbox-label.checkdisabled .sd-input-icon{
  border: 1px solid transparent;
  background: url(../images/sd-checkbox-icon.svg) no-repeat center rgba(255,255,255,.5);
}
.sd-checkbox-label.checkdisabled, .sd-radio-label.checkdisabled {
  cursor: not-allowed;
}
.sd-checkbox-label.checkdisabled em, .sd-checkbox-label.checkdisabled:hover em, .sd-radio-label.checkdisabled em, .sd-radio-label.checkdisabled:hover em {
  color: rgba(255,255,255,.5);
}
.alert-icon-first{
  height:350px;
}
.alert-icon-first .alert-icons{
  margin: 0 auto;
  height: 170px;
}
.alert-icon-first .alert-icons-text{
  width: 100%;
  height: 150px;
  padding: 0;
  margin:0 auto;
}
.ms-box{
  height: 30px;
  border-radius: 8px;
  line-height: 30px;
  float: left;
  padding: 0 5px;
  margin-right: 10px;
  border: solid 1px transparent;
  color: #fff;
  position: relative;
  margin-bottom: 5px;
}
.ms-box:hover{
  cursor: pointer;
  border: solid 1px rgba(255,255,255,.5);
}
.ms-box:last-child{
  margin-right: 0;
}
.ms-dropdown-text{
  min-height:35px;
  border-bottom: solid 1px rgba(255,255,255,.2);
}
.multi-select .dropdown-wrap{
  border: solid 1px rgba(255,255,255,.1);
}
.ms-dropdown-text:hover{
  cursor: pointer;
}
.ms-dropdown-text span{
  display: block;
  padding: 5px 0 0 10px;
  color: rgba(255,255,255,.4);
}
.errorMessage{
  font-size:12px;
  display: inline-block;
  color:rgba(223,93,86,1);
  line-height:20px;
}
.eye-icon{
  position:absolute;
  top:0;
  right: 0;
}
.np-bubble{
  width: 415px;
  top: -130px;
  left: -431px;
  display:none;
}
.np-bubble .bubble-triangle{top:130px;}
.pad-16{padding:16px;}
.alert-card-pattern-hint>span:hover .np-bubble{
  display:block;
}
.np-bubble-hint{
  font-size:12px;
  color:rgba(255,255,255,.4);
  line-height:20px;
}
.icon{
  position:relative;
  display: inline-block;
  width:20px;
  height:18px;
}
.icon-ok{
  vertical-align: middle;
  background: url("../images/alert-check-hover.svg") no-repeat center;
}
.bcs-content{padding: 60px 30px 102px 30px;}
.bcs-main-hd{
  padding: 20px 80px;
  border-bottom: solid 1px #3E3E3E;
}
.bcs-main-wrap{
  background-color: #292A2D;
  overflow: hidden;
}
.mr30{margin-right: 30px;}
.bcs-radio{margin-top: 6px;margin-right:30px;}
.bcs-radio label em{
  width: 230px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.bcs-main-content-left{
  padding: 30px 10px 30px 60px;
  border-right: solid 1px #3E3E3E;
  height: 543px;
}
.bcs-main-group-wrap-t .input-border, .bcs-main-group-wrap .input-border {
  padding: 2px 8px !important;
}
.bcs-main-content-right{
  padding: 30px;
}
.bcs-main-title{
  color: rgba(255,255,255,.8);
  font-size: 14px;
}
.mr40{margin-right: 40px;}
.mb30{margin-bottom: 30px;}
.mt40{margin-top: 40px;}
.mb15{margin-bottom: 15px;}
.mb65{margin-bottom: 65px;}
.bcs-stack-parent{
  display:block;
  padding-left: 20px;
  height: 28px;
  line-height: 28px;
  width: 73%;
  position: relative;
}
.bcs-stack-parent:hover{cursor: pointer;}
.bcs-stack-childparent{
  display:block;
  padding-left: 40px;
  height: 28px;
  line-height: 28px;
  width: 73%;
  position: relative;
}
.bcs-stack-childparent:hover{cursor: pointer;}
.bcs-stack-icons li{
  padding-left: 40px;
  min-height: 28px;
  line-height: 28px;
}
.bcs-stack-icons li em{display: block;}
.bcs-stack-childparent,.bcs-stack-icons li em,.bcs-stack-parent{
  overflow: hidden;
  text-overflow:ellipsis;
}
.bcs-stack-icons li:after,.bcs-stack-icons-li:after{
  content: "";
  display: block;
  clear: both;
}
.bcs-stack-icons li:hover,.bcs-stack-icons-li:hover{
  background-color: #25262B;
  cursor: pointer;
}
.bcs-stack-icons li em{
  width: 65%;
}
.bcs-main-group-title{
  line-height: 28px;
  font-size: 14px;
  color: rgba(255,255,255,.4);
  width: 80px;
}
.bcs-main-group-title+div{
  margin-top: -5px;
}
.bcs-input{
  width: 155px;
  height: 30px;
  line-height: 30px;
  border: solid 1px #3E3E3E;
  outline: none;
  font-size: 14px;
  color: rgba(255,255,255,.8);
  background-color: transparent;
  padding: 0 12px;
}
.wid110{width: 110px;}
.wid260{width: 260px;}
.ml-minus12{margin-left: -12px;}
.bcs-main-wrap{position: relative;}
.bcs-main-upper{
  position: absolute;
  width: 474px;
  background-color: #292A2D;
  box-shadow: 7px 0 13px rgba(0,0,0,.5);
  height: 100%;
  z-index: 2;
  transition: width .1s;
  -moz-transition: width .1s; /* Firefox 4 */
  -webkit-transition: width .1s; /* Safari 和 Chrome */
  -o-transition: width .1s; /* Opera */
}
.bcs-main-upper-left{
  width: 454px;
  float: left;
}
.bcs-main-upper-right{
  float: left;
}
.bcs-main-upper-hd{
  height: 76px;
  padding: 12px 10px 14px 20px;
}
.bcs-main-upper-hd-hint{
  font-size: 12px;
  color: rgba(255,255,255,.3);
}
.bcs-main-upper-hd-hint span{
  color: rgba(255,255,255,.8);
  margin:0 4px;
}
.bcs-main-upper-hd-thd{
  margin-top: 14px;
}
.bcs-main-upper-hd-thd div{
  font-size: 14px;
  color: rgba(255,255,255,.2);
  float: left;
}
.ml134{margin-left: 134px;}
.ml82{margin-left: 82px;}
.bcs-main-upper-content{
  padding: 0 0 20px 20px;
}
.bcs-main-upper-group+.bcs-main-upper-group{margin-top: 20px;}
.bcs-main-upper-merge{
  border: solid 1px #3E3E3E;
  padding: 9px 22px 8px 10px;
  background-color: #232427;
}
.wid215{width: 215px;}
.bcs-main-upper-icon{
  width: 14px;
  height: 14px;
  float: right;
  margin-top: 4px;
  background: url(../images/bcs-arrow.svg) no-repeat center;
}
.bcs-main-upper-unfold{
  border: solid 1px #3E3E3E;
  border-top: none;
  padding: 9px 22px 8px 10px;
}
.bcs-main-upper-unfold-group+.bcs-main-upper-unfold-group{margin-top: 5px;}
.bcs-main-upper-unfold-group div{
  width: 170px;
  margin-right:10px;
  color: rgba(255,255,255,.6);
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bcs-main-upper-unfold-group div:last-child{
  margin-right:0;
}
.bcs-main-upper-unfold-group+.bcs-main-upper-unfold-group div{
  font-size: 12px;
  color: rgba(255,255,255,.4);
}
.bcs-main-upper-unfold-icon{
  width: 16px;
  height: 16px;
  margin-top: 14px;
  background: url(../images/bch-update.svg) no-repeat center;
  position: relative;
}
.bcs-main-upper-unfold-icon:hover{
  cursor: pointer;
  background: url(../images/bch-update-hover.svg) no-repeat center;
}
.bcs-main-upper-group.checked .bcs-main-upper-merge{
  border: solid 1px rgba(255,255,255,.5);
  background-color: #5D5DCD;
}
.bcs-main-upper-group.checked .bcs-main-upper-unfold{
  background-color: #232427;
  border: solid 1px rgba(255,255,255,.5);
  border-top: none;
}
.bcs-main-upper-group.checked .sd-input-icon:before{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
}
.bcs-main-upper-group.checked .sd-input-icon {
  border: 1px solid #fff;
}
.bcs-main-upper-group.checked em{
  color: #fff;
}
.bcs-main-upper-group.checked .bcs-main-upper-icon{
  background: url(../images/bcs-arrow-hover.svg) no-repeat center;
}
.bcs-main-upper-group.merge .bcs-main-upper-icon{
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg); 	/* IE 9 */
  -moz-transform:rotate(-90deg); 	/* Firefox */
  -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
  -o-transform:rotate(-90deg);
}
.bcs-double-arrow{
  width: 20px;
  height: 10px;
  background: url(../images/bt-arrow.svg) center no-repeat;
  margin-top: 8px;
  transform:rotate(-180deg);
  -ms-transform:rotate(-180deg); 	/* IE 9 */
  -moz-transform:rotate(-180deg); 	/* Firefox */
  -webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
  -o-transform:rotate(-180deg);
}
.bcs-main-upper-min .bcs-double-arrow{
  transform:rotate(0deg);
  -ms-transform:rotate(0deg); 	/* IE 9 */
  -moz-transform:rotate(0deg); 	/* Firefox */
  -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
  -o-transform:rotate(0deg);
}
.bcs-double-arrow:hover{
  cursor: pointer;
  background: url(../images/bt-arrow-hover.svg) center no-repeat;
}
.bcs-main-upper-right{
  position: relative;
  float: right;
}
.bcs-trapezoid{
  position: absolute;
  width: 30px;
  height: 60px;
  background-color: #292A2D;
  left: 100%;
  box-shadow: 7px 0 13px rgba(0,0,0,.5);
  top: 54px;
}
.bcs-trapezoid:before {
  content: "";
  display: block;
  border-style: solid;
  border-width: 20px 0 0 30px;
  position: absolute;
  border-color: transparent transparent transparent #292A2D;
  top: -20px;
}
.bcs-trapezoid:after {
  content: "";
  display: block;
  border-style: solid;
  border-width: 0 0 20px 30px;
  position: absolute;
  border-color: transparent transparent transparent #292A2D;
  top: 100%;
}
.bcs-trapezoid-icon{
  width: 30px;
  height: 60px;
  background: url(../images/bcs-link.svg) no-repeat 0 center/17px 17px;
}
.mr30{margin-right: 30px;}
.bchs-btn-icon{
  width: 17px;
  height: 17px;
  background: url(../images/bcs-chrome.svg) no-repeat center;
  margin-top: 4px;
  margin-right: 8px;
}
.bcs-stack-icon{
  margin-top: 6px;
  margin-right: 12px;
  display: none;
}
.bcs-stack-icons li:hover .bcs-stack-icon,.bcs-stack-icons-li:hover .bcs-stack-icon{
  display: block;
}
.bcs-stack-icon .bcs-stack-icon-box{
  float: right;
  width: 15px;
  height: 15px;
  position: relative;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-circle{
  background: url(../images/bcs-circle.svg) no-repeat center;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-circle:hover{
  background: url(../images/bcs-circle-hover.svg) no-repeat center;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-add{
  width: 13px;
  height: 13px;
  margin-top: 1px;
  background: url(../images/bcs-add.svg) no-repeat center;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-add:hover{
  background: url(../images/bcs-add-hover.svg) no-repeat center;
}
.bcs-stack-icon .bcs-stack-icon-box+.bcs-stack-icon-box{
  margin-right: 30px;
}
.bcs-stack-icon .bcs-stack-icon-box:hover>.bcs-stack-bubble{
  display: block;
}
.bcs-stack-bubble{
  position: absolute;
  top: -49px;
  left: -76px;
  display: none;
}
.bcs-stack-bubble .bubble-wrap{
  width: 107px;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-add .bcs-stack-bubble{
  left: -19px;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-add .bcs-stack-bubble .bubble-wrap{
  width:49px;
}
.bcs-stack-icon .bcs-stack-icon-box.bcs-add .bcs-stack-bubble .bubble-triangle.bottom{
  left:21px;
}
.bcs-stack-bubble .bubble-text{
  line-height:14px;
}
.bcs-stack-bubble span{
  color: rgba(128,134,143,.82);
}
.bchs-btn-hover:hover{
  background-color: #357BE7;
  border: solid 2px #357BE7;
  color: #fff;
}
.bchs-btn-hover:hover a{
  color:rgba(255,255,255,1);
}
.bcs-main-upper-min{
  width: 20px;
  transition: width .2s;
  -moz-transition: width .2s; /* Firefox 4 */
  -webkit-transition: width .2s; /* Safari 和 Chrome */
  -o-transition: width .2s; /* Opera */
}
.bcs-main-upper-min .bcs-main-upper-left{display: none;}
.bcs-trapezoid-icon:hover{
  cursor: pointer;
  background: url(../images/bcs-link-hover.svg) no-repeat 0 center/17px 17px;
}
.bcs-stack-wrap em{
  position:relative;
}
.bcs-stack-wrap em:after{
  content:"";
  display:block;
  clear:both;
}
.bcs-stack-wrap em.merge span,.bcs-stack-wrap em.unfold span{
  overflow:hidden;
  text-overflow:ellipsis;
  width:68%;
  display:block;
}
.bcs-stack-wrap li{
  padding-left:20px;
  min-width:250px;
  line-height:28px;
}
.bcs-stack-wrap .unfold:before{
  content: "";
  display: block;
  width: 12px;
  position: absolute;
  top: 12px;
  left: -20px;
  height: 6px;
  background: url(../images/bcs-arrow.svg) no-repeat center;
}
.bcs-stack-wrap .merge:before{
  content: "";
  display: block;
  width: 12px;
  height: 6px;
  position: absolute;
  top: 12px;
  left: -20px;
  background: url(../images/bcs-arrow.svg) no-repeat center;
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg); 	/* IE 9 */
  -moz-transform:rotate(-90deg); 	/* Firefox */
  -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
  -o-transform:rotate(-90deg);
}
.bcs-stack-childparent.merge:before,.bcs-stack-childparent.unfold:before{
  left: 20px;
}
.bcs-main-upper-icon:hover{
  cursor: pointer;
  background: url(../images/bcs-arrow-hover.svg) no-repeat center;
}
.bcs-main-wrap{
  min-height: 620px;
  max-height: 700px;
}
.bcs-upper-update-bubble{
  position: absolute;
  top: -58px;
  left: -19px;
  display: none;
}
.bcs-upper-update-bubble .bubble-wrap{
  width: 52px;
}
.bcs-main-upper-unfold-icon:hover .bcs-upper-update-bubble{
  display: block;
}
.bchs-group .sd-checkbox-label{margin-left: 0 !important;margin-right: 30px;}
.bcs-main-group-wrap{height: 440px;}
.wid120{width: 120px;}
.wid246{width: 246px;}
.wid140{width: 140px;}
.wid150{width: 150px;}
.wid110{width: 110px;}
.bcs-main-group-wrap .dropdown-default {max-width: 245px;}
.bcs-table-dropsum{width: 78px;margin-top: -4px;margin-left: 5px;}
.bcs-table-dropsum .dropdown-text{min-width: auto;}
.bcs-main-radio+.bcs-main-radio{margin-top: 10px;}
.bcs-main-radio .sd-radio-label em{width: 110px;}
.mb-8{margin-bottom: 8px;}
.wid1083 .sd-table{width: 1083px;}
.wid960 .sd-table{width: 960px;}
.wid290{width: 290px;}
.bcs-main-group-wrap-t{height: 300px;}
.mdd-select em{
  display: inline-block;
  width: calc(100% - 30px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mdd-select .h258 em{
  width: calc(100% - 70px);
}
.sd-table tr a:hover{
  border-bottom-color:#fff;
}
.bubble-explain ul{
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
.bubble-explain ul li{
  padding-left: 20px;
  line-height: 20px;
  padding-bottom: 0;
  width:auto;
}
.bubble-explain ul li ul{
  padding-left: 10px;
}
.bubble-explain ul li ul li{
  padding-left: 10px;
}
.table-input .sd-table{
  border-bottom:1px solid rgba(255,255,255,.1);
}
.table-input .sd-delete-icon{
  background-position: center bottom;
}
.sd-card-tf-bor .sd-card-ft-new{
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
}
.icon-file{
  opacity:.8;
  background: url("../images/file.svg") no-repeat center;
}
.icon:hover{
  opacity: 1;
}
.icon-tooltip{
  padding: 8px 10px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  background: rgba(0,0,0,.6);
  border-radius: 4px;
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  display: none;
}
.icon-tooltip:before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgba(0,0,0,.6);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
}
.icon-tooltip.bottom{
  bottom:auto;
  top:35px;
}
.icon-tooltip.bottom:before{
  border-top:10px solid transparent;
  border-bottom:10px solid rgba(0,0,0,.6);
  bottom: auto;
  top:-20px;
}
.icon:hover .icon-tooltip{
  display: block;
}
.bcs-main-group-wrap table td a+a{
  margin-left:20px;
}
.bcs-main-group-wrap table .dropdown-big .dropdown-text{
  line-height:28px;
}
.mt30{
  margin-top:30px;
}
.mt17{
  margin-top:17px;
}
.progress-bar-new .progress-bar-wrap{
  border:solid 1px #fff;
}
.bcs-main-group-wrap table .apm-search-wrap .input-default{
  padding-right:5px;
}
.progress-bar-new .progress-bar-schedule{
  background-color:#fff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.progress-bar-new .progress-bar-schedule-circle{
  width:26px;
  height:26px;
  background-color: rgba(53,123,231,1);
  border:solid 6px #fff;
  left: calc(100% + 10px);
  top: -6px;
}
.progress-bar-new .pb-bubble{
  top: -57px;
  left: -15px;
}
.progress-bar-new .progress-bar-schedule-circle:before{
  content:"";
  width: 34px;
  height: 34px;
  border: solid 4px rgba(255,255,255,.4);
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -10px;
  display:none;
}
.progress-bar-new .progress-bar-schedule-circle:hover:before{display:block;}
.select-content{

  border:1px solid rgba(255,255,255,0.1)
}
.select-header{
  padding:10px;
  border-bottom:1px solid rgba(255,255,255,0.1)
}
.select-body{
  padding:10px;
}
.h188{
  height:188px;
}
.bcs-main-upper-content{
  height:522px;
}
.h-200{
  height:200px;
  width: 800px;
}
.w-900{
  width: 900px;
}
.h-53{
  height:53px;
}
/*表格内容过长时，英文、中文换行显示*/
.white-normal{
  display: inline-block;
  word-break:break-all;
  white-space: normal;
  max-width: 500px;
}
.loading-wrap{
  width: 115px;
  height: 162px;
  position: relative;
  animation:opacity 1s linear infinite alternate;
  -webkit-animation:opacity 1s linear infinite alternate;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.loading-logo{
  width: 22px;
  height: 14px;
  background: url(../images/logo.png) no-repeat center;
  left: 50%;
  margin-left: -11px;
  top: 50px;
  position: absolute;
}
.loading-circle{
  width: 114px;
  height: 114px;
  overflow: hidden;
  background: url(../images/loading-circle.png) no-repeat center;
  animation:rotate 1s linear infinite;
  -webkit-animation:rotate 1s linear infinite;
}

@keyframes rotate
{
  from {
    transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
  }
  to {
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
  }
}

@-webkit-keyframes rotate
{
  from {
    transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);
  }
  to {
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
  }
}

@keyframes opacity
{
  from {
    opacity: .4;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacity
{
  from {
    opacity: .4;
  }
  to {
    opacity: 1;
  }
}
.loading-text{
  color: #fff;
  text-align: center;
  margin-top: 29px;
}
.loading-text em{
  letter-spacing:2px;
}
.loading-text span{
  display: inline-block;
  animation: blockhidden 0.5s ease infinite alternate;
  -webkit-animation: blockhidden 0.5s ease infinite alternate;
}
@keyframes blockhidden
{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading-text span:nth-child(1){
  animation-delay:0.13s;
  -webkit-animation-delay:0.13s;
}
.loading-text span:nth-child(2){
  animation-delay:0.26s;
  -webkit-animation-delay:0.26s;
}
.loading-text span:nth-child(3){
  animation-delay:0.39s;
  -webkit-animation-delay:0.39s;
}
.bcs-main-upper-group.checked .sd-checkbox-label .sd-input-icon {
  border: 1px solid #fff;
  background: url(../images/sd-checkbox-icon.svg) no-repeat center #fff;
}
.bcs-main-upper-group.checked .sd-checkbox-label .sd-input-icon:before{display:none;}
.bcs-table-add{
  width:13px;
  height:13px;
  display:block;
  background: url(../images/bcs-add.svg) no-repeat center;
}
.bcs-table-add:hover{
  cursor:pointer;
  background: url(../images/bcs-add-hover.svg) no-repeat center;
}
.wid190{
  width:180px;
}
.bt-bubble-new .bubble-wrap{
  width:670px;
}
.bt-bubble-new{left: calc(50% - 641px);top: calc(-100% - 426px);}
.bt-bubble-new .bubble-triangle.bottom{
  left: calc(50% + 300px);
}
.bt-bubble-new.tree .bubble-wrap{
  width:617px;
}
.bt-bubble-new.tree {
  left: calc(50% - 587px);
  top: calc(-100% - 442px);
}
.bt-bubble-new.tree .bubble-triangle.bottom{
  left: calc(50% + 272px);
}
.bt-bubble-new.circle .bubble-wrap{
  width:650px;
}
.bt-bubble-new.circle {
  left: calc(50% - 624px);
  top: calc(-100% - 423px);
}
.bt-bubble-new.circle .bubble-triangle.bottom {
  left: calc(50% + 293px);
}
/*线程剖析*/
.radio-subtitle{
  font-size:12px;
  color:rgba(255,255,255,.4);
  padding-left:10px;
}
/*表头固定*/
.table-fixed .sd-table,.table-fixed .table-bor{
  table-layout:fixed;
}
.table-header{
  width:calc(100% - 10px);
  overflow-x: hidden;
}
.table-body{
  width:100%;
  overflow: auto;
  height:200px;
}
::-webkit-scrollbar-corner{
  background: transparent;
}
.bubble-triangle.center{
  left:50%;
  margin-left:-5px;
}
.color-bar .bubble-wrap{
  display: none;
  position: absolute;
  top:calc(100% + 15px);
  left:50%;
  transform:translate(-50%);
}
.color-bar>li>div:hover div.bubble-wrap{
  display: block;
}
.bt-health-height{
  height:calc(100% - 221px);
}
.maxh-511{max-height:511px;}
.ai-pading{padding:30px 0 30px 30px !important;}
.ai-title{
  font-size: 14px;
  line-height: 14px;
}
.ai-content{
  font-size: 14px;
  color: rgba(255,255,255,.5);
  margin-top: 14px;
  line-height: 21px;
}
.ai-title-lit{
  font-size: 14px;
  color: #fff;
  margin-top: 20px;
  line-height: 14px;
}
.h-590{
  height: 590px;
}
.ai-group{
  margin-bottom: 40px;
}
.ai-group:last-child{
  margin-bottom: 0;
}
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.save-info{
  margin:10px 0 0 10px;
  height:20px;
}
.btn-pos-tr{
  position: absolute;
  top:30px;
  right:30px;
  z-index: 100;
}
.prompt-info{
  position: fixed;
  left: 50%;
  top:30px;
  z-index: 1000;
  width: 30%;
  color:#fff;
  padding:10px 20px;
  border-radius: 4px;
  transform:translateX(-50%);
}
.prompt-info-success{
  background:rgba(67,170,147,1);
}
.prompt-info-error{
  background:rgba(223,93,86,1);
}
.prompt-info-warning{
  background:rgba(255,204,67,1);
}
.bcs-stack-bubble .bubble-triangle.bottom{
  left: 79px;
}
.sd-rl-select .dropdown-text{
  font-size: 16px;
  margin-top:3px;
}
.transfer .checkbox-label em{
  /* line-height: 1.0; */
  margin-top: -3px;
}
/*@media screen and (max-width:1740px) and (min-width:1200px){
  .card-tab-ver .card-note-wrap .card-note-con .card-img{
    display: none;
  }
}*/
.add-node .contrast-input-group .contrast-input{
  max-width:300px;
}
.mb60{
  margin-bottom:60px;
}
.ac-remark{
  font-size:12px;
  color:#a94442;
  margin-left:8px;
  margin-top:3px;
}
.actiontrace .card-radar-wrap .card-has-icon{
  height:250px;
}
/*标题-文字样式，a标签hover*/
.ul-lists li{
  padding:10px 0;
}
.ul-lists li:after{
  content:'';
  display: block;
  clear:both;
}
.ul-lists li p{
  float:left;
  color:rgba(255,255,255,.6);
}
.ul-lists li p:first-child{
  width:80px;
}
.ul-lists li p:last-child{
  width:calc(100% - 80px);
  word-break: break-all;
}
/* .ul-lists a{
  color:rgba(255,255,255,1);
}
.ul-lists a:hover{
  text-decoration:underline;
} */
/*横向堆积柱*/
.bar-content{
  border-radius:4px;
  margin-bottom:20px;
}
.bar-content:after,.bar-legend:after{
  content:"";
  display:block;
  clear:both;
}
.bar-content div{
  float:left;
  height:50px;
  position: relative;
}
.purple-bar{
  background: #5C5ECD;
}
.green-bar{
  background: #4B9C89;
}
.bar-value{
  position: absolute;
  top:50%;
  right: 10px;
  transform: translateY(-50%);
  color:rgba(255,255,255,.8) !important;
}
/*图例*/
.bar-legend li{
  float:left;
  padding-right:40px;
  font-size: 12px;
  cursor:pointer;
}
.bar-legend span{
  display: inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  margin-right:10px;
}
.mh300{
  min-height:300px;
}
.ra-search-warp{
  min-height: 50px;
  background-color: #292A2D;
  border: solid 1px rgba(151,151,151,.23);
  border-radius: 100px;
  position: relative;
  z-index: 100;
}
.ra-funnel{
  width: 16px;
  height: 16px;
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -8px;
  background: url(../images/ra-funnel.svg) no-repeat center;
}
.ra-search{
  margin-left: 43px;
  padding: 7px 0;
  width: 83%;
}
@media (max-width: 1200px){
  .ra-search{
    width: 80%;
  }
}
.ra-search ul li{
  float: left;
  padding: 0 10px;
  height: 30px;
  line-height:30px;
  border-radius: 4px;
  margin-right: 10px;
  border:solid 1px rgba(255,255,255,.2);
  position:relative;
  margin-top: 2px;
}
.ra-search ul li em{
  display: block;
  font-size: 14px;
  color: rgba(255,255,255,.8);
  height: 30px;
  max-width: 100px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ra-search ul li:hover em{color:#fff;}
.ra-close {
  width: 20px;
  height: 20px;
  background: url(../images/raa-delete.svg) no-repeat center;
  position: absolute;
  top: -7px;
  display:none;
  right:-10px;
}
.item-disabled{border: none !important;}
.item-disabled em{color:rgba(255,255,255,.8) !important;}
.item-disabled .ra-close{display:none !important;}
.item-disabled:hover{cursor:default !important;}
.ra-search ul li:hover{
  cursor: pointer;
  border:solid 1px rgba(255,255,255,.2);
}
.ra-search ul li:hover>.ra-close{display:block;}
.ra-close:hover{
  background: url(../images/raa-delete-hover.svg) no-repeat center;
}
.ra-analysis{
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -18px;
}
.ra-collect{
  position: absolute;
  width: 18px;
  height: 18px;
  right: 124px;
  top: 50%;
  margin-top: -9px;
  background: url(../images/ra-collect.svg) no-repeat center;
}
.ra-collect:hover{
  cursor: pointer;
  background: url(../images/ra-collect-hover.svg) no-repeat center;
}
.ra-collect em:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgba(0,0,0,.6);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
}
.ra-collect em {
  position: absolute;
  bottom: 40px;
  left: 50%;
  z-index: 100;
  display: none;
  min-width: 40px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0,0,0,.6);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ra-collect:hover em{display: block;}
.ra-hot-wrap{
  /*margin-top: 10px;*/
}
.ra-hot-icon{
  display: block;
  width: 14px;
  height: 18px;
  background: url(../images/ra-hot.svg) no-repeat center;
  margin-top: 18px;
  margin-left: 18px;
}
.ra-hot-title{
  color: rgba(255,255,255,.5);
  font-size: 14px;
  width: 80px;
  height: 36px;
  line-height: 36px;
  margin-top: 10px;
}
.ra-hot{
  margin-left: 20px;
  width: 89%;
  position: relative;
  z-index: 1;
}
.ra-hot ul{width: 89%; height:46px;overflow:hidden;padding-top: 10px;}
.ra-hot ul li{
  float: left;
  position: relative;
  height: 36px;
  background-color: #343538;
  border-radius: 4px;
  font-size: 14px;
  line-height: 36px;
  color: rgba(255,255,255,.8);
  padding: 0 12px;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 183px;
  white-space: nowrap;
}
.ra-hot ul li .ra-hot-em{
  max-width: 159px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ra-hot ul li:hover{
  cursor: pointer;
  background-color: #357BE7;
}
.ra-hot ul li:hover .ra-close{display: block;}
.ra-hot-arrow{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-top: 10px;
  background: url(../images/bcs-arrow.svg) no-repeat center;
  background-color: rgba(216,216,216,.1321);
  background-size:9px 16px;
  border: solid 1px rgba(151,151,151,.1321);
}
.ra-hot-arrow:hover{
  cursor: pointer;
  background: url(../images/bcs-arrow-hover.svg) no-repeat center;
  background-size:10px 16px;
  background-color: #357BE7;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */
}
.ra-multistage{
  /*display: none;*/
  position: absolute;
  z-index: 1;
}
.ra-multistage .ra-mul-box{
  width: 200px;
  height: 326px;
  border: solid 1px rgba(255,255,255,.1);
  background-color: #303137;
  box-shadow:2px 5px 6px 0px rgba(0,0,0,0.5);
}
.ra-mul-main{
  position: relative;
}
.ra-mul-main ul,.ra-mul-three ul{

}
.ra-multistage ul li{
  height: 36px;
  line-height: 36px;
  padding-left: 9px;
  color: rgba(255,255,255,.5);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ra-multistage ul li:hover,.ra-multistage .active{
  cursor: pointer;
  color: #fff;
  background-color: rgba(255,255,255,.1);
}
.ra-multistage .ra-mul-arrow-icon ul li:hover:after,.ra-multistage .ra-mul-arrow-icon ul li.active:after{
  background:  url(../images/bcs-arrow-hover.svg) no-repeat center;
}
.ra-hot ul li:hover span{display: block;}
.ra-hot ul li span:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,.6);
  position: absolute;
  left: 12px;
  top: -10px;
}
.ra-hot ul li span {
  position: absolute;
  left: 8px;
  top: calc(100% + 20px);
  z-index: 100;
  display: none;
  min-width: 40px;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(255,255,255,.8);
  text-align: center;
  white-space: nowrap;
  background: #030303;
}
.ra-mul-second-search{
  height: 43px;
}
.ra-mul-second-search a:after{
  display:none;
}
.ra-mul-second-search .apm-search-wrap .input-default{
  padding-left:12px;
  height: 43px;
}
.ra-mul-second-search .apm-close-icon,.ra-mul-second-search .apm-search-icon{
  right: 12px;
}
.ra-mul-second-list{
  height:280px;
}
.ra-mul-arrow-icon ul li{
  position: relative;
}
.ra-mul-arrow-icon ul li:after{
  content: "";
  display: block;
  width: 14px;
  height: 7px;
  background: url(../images/bcs-arrow.svg) no-repeat center;
  position: absolute;
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  top: 50%;
  margin-top: -3px;
  right: 0;
}
.ra-hot-arrow-list{
  width: 400px;
  height: 371px;
  background:rgba(21,23,32,1);
  box-shadow:2px 5px 6px 0px rgba(0,0,0,0.5);
  border-radius:4px 4px 4px 0px;
  border:1px solid rgba(255,255,255,0.1);
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 2;
}
.ra-hot-arrow-list-hd{
  padding: 15px 20px 20px 20px;
  border-bottom: solid 1px rgba(255,255,255,.1);
  background:rgba(28,30,37,1);
}
.ra-hot-arrow-wrap{
  position: relative;
}
.ra-hot-arrow-title{
  font-size: 18px;
  color: #fff;
  line-height: 30px;
}
.ra-hot-module-btn{
  height: 30px;
  border: solid 1px rgba(149,149,149,.5);
  border-radius: 4px;
  padding: 0 14px;
  line-height: 28px;
  color: rgba(255,255,255,.4);
  float: left;
  font-size: 14px;
  margin-right: 20px;
}
.ra-hot-arrow-module{
  margin-top: 15px;
}
.ra-hot-module-btn:hover,.ra-hot-module-btn.active{
  cursor: pointer;
  background-color: #fff;
  color: rgba(28,30,37,1);
}
.ra-hot-arrow-list-con{
  height: 260px;
  padding: 14px 0 22px 0;
}
.ra-hot-list-con-icon{
  width: 10px;
  height: 10px;
  display: block;
  background: url(../images/int-close.svg) no-repeat center;
  opacity: .4;
  float: right;
  margin-top: 13px;
  display: none;
}
.ra-hot-list-con-icon:hover{
  cursor: pointer;
  opacity: 1;
}
.ra-hot-arrow-list-con ul{
  height: 224px;
}
.ra-hot-arrow-list-con ul li{
  padding: 0 14px 0 20px;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
.ra-hot-arrow-list-con ul li em{
  display: block;
  float: left;
  width: 335px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ra-hot-arrow-list-con ul li:after{
  content: "";
  display: block;
  clear: both;
}
.ra-hot-arrow-list-con ul li:hover,.ra-hot-arrow-list-con ul li.active{
  cursor: pointer;
  background-color: rgba(255,255,255,.1);
  color: #fff;
}
.ra-hot-arrow-list-con ul li:hover .ra-hot-list-con-icon,.ra-hot-arrow-list-con ul li.active .ra-hot-list-con-icon{
  display: block;
}
.topo-bubble{
  position: absolute;
  bottom: 40px;
  left: 50%;
  z-index: 100;
  display:none;
  min-width: 40px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0,0,0,.6);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  /* left: 12px; */
  bottom: 45px;
}
.topo-bubble:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgba(0,0,0,.6);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
}
/*错误弹框样式*/
.error-card{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid rgba(115,124,197,.2);
}
.page-count{
  margin:4px 20px 0 -10px;
}
.dropdown-default.disabled .dropdown-text{
  cursor: not-allowed;
  color:rgba(255,255,255,.2);
}
.dropdown-default-bor.disabled .dropdown-text,.dropdown-default-bor .disabled .dropdown-text{
  border: 1px solid rgba(255,255,255,.1);
}
.dropdown-default-date-bor.disabled .dropdown-text{
  border: 1px solid rgba(255,255,255,.1);
}
.dropdown-default.disabled .dropdown-wrap,.dropdown-default.disabled:hover .dropdown-wrap{
  display: none;
}
.dropdown-default.disabled:hover .dropdown-text{
  background: transparent;
}
.dropdown-default.disabled:hover .dropdown-text+.dropdown-arrow-down{
  opacity: .1;
  filter: alpha(opacity=10);
}
.dropdown-default.disabled .dropdown-arrow-down, .dropdown-default.disabled:hover .dropdown-arrow-down{
  display: block;
  transform: rotate(0deg);
  opacity:.1;
}
.dropdown-list li.disabled{
  cursor:not-allowed;
  background: transparent;
  color: rgba(255,255,255,.2);
}
.ra-cursor{
  padding: 0 !important;
  background: transparent !important;
  cursor: default !important;
  position:relative;
  width: 1px;
  margin-right: 0 !important;
  border: none !important;
}
.ra-cursor .ra-cursor-span{
  display: block;
  opacity: 1;
}
.ra-cursor .ra-cursor-span:after{
  content: "";
  display: block;
  height: 18px;
  margin-top: 6px;
  width: 1px;
  background: rgba(255,255,255,1);
  animation:ra-cursor .7s linear infinite;
  -moz-animation:ra-cursor .7s linear infinite; /* Firefox */
  -webkit-animation:ra-cursor .7s linear infinite; /* Safari and Chrome */
  -o-animation:ra-cursor .7s linear infinite; /* Opera */
}
@keyframes ra-cursor
{
  0%{
    background-color: white;
  }
  50%{
    background-color: black;
  }
  100%{
    background-color: white;
  }
}

@-moz-keyframes ra-cursor /* Firefox */
{
  0%{
    background-color: white;
  }
  50%{
    background-color: black;
  }
  100%{
    background-color: white;
  }
}

@-webkit-keyframes ra-cursor /* Safari 和 Chrome */
{
  0%{
    background-color: white;
  }
  50%{
    background-color: black;
  }
  100%{
    background-color: white;
  }
}

@-o-keyframes ra-cursor /* Opera */
{
  0%{
    background-color: white;
  }
  50%{
    background-color: black;
  }
  100%{
    background-color: white;
  }
}
.raa-hd-select{
  padding: 0 0 10px;
}
.raa-hd-select .mdd-select-text{
  font-size: 20px;
}
.raa-hd-select:hover .mdd-select-text{
  color: #fff;
}
.raa-hd-select:hover .mdd-select-text .arrow-line{
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.raa-hd-select-unfold{
  display: none;
  padding-top: 10px;
  position: absolute;
  z-index: 1000;
  top:100%;
}
.raa-hd-select-unfold-inner{
  min-width: 200px;
  max-height: 300px;
  background: #303137;
  box-shadow: 2px 5px 6px 0px rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.1);
}
.raa-hd-select-unfold ul li{
  padding: 8px 12px 7px 12px;
  font-size: 14px;
  color: rgba(255,255,255,.6);
}
.raa-hd-select-unfold ul{
  padding: 2px 0;
}
.raa-hd-select-unfold ul li:hover{
  background-color: rgba(255,255,255,.04);
  cursor: pointer;
  color: #fff;
}
.raa-hd-select:hover .raa-hd-select-unfold{
  display: block;
}
.raa-charts{
  background-color: #292A2D;
  padding: 24px 30px 0;
  height:  450px;
}
.marnegative-14{
  margin-left: -14px;
}
.ra-loading{margin-top: 16px;top:310px !important;}
.ra-loading-wrap{
  height: 8px;
  background-color: #282A36;
  position: relative;
}
.ra-loading-inner{
  position: absolute;
  height: 100%;
  background-color: #61E5AB;
}
.ra-loading-inner-before,.ra-loading-inner-after{
  content: "";
  display: block;
  width: 12px;
  height: 100%;
  position: absolute;
  background-color: #DFDFDF;
}
.ra-loading-inner-before{
  left: -12px;
}
.ra-loading-inner-before:before,.ra-loading-inner-after:before{
  display: block;
  content: "";
  width:0px;
  height:0px;
  border-top:0 solid transparent;
  border-right:6px solid  transparent;
  border-bottom:7px solid #DFDFDF;
  border-left:6px solid  transparent;
  position: absolute;
  top: -7px;
}
.ra-loading-inner-before:after,.ra-loading-inner-after:after{
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #DFDFDF;
  top: 7px;
  top: -webkit-calc(100% - 9px);
  top: -moz-calc(100% - 9px);
  top: calc(100% - 9px);
}
.ra-loading-inner-after{
  left: 100%;
}
.raa-circle-title{
  font-size: 22px;
  line-height: 22px;
  margin-right: 30px;
  color: #fff;
}
.raa-circle-hd{
  margin-top: 20px;
}
.ml30{
  margin-left: 30px;
}
.mt8{margin-top:8px;}
.raa-circle-label{
  margin-top: 5px;
}
.raa-circle-main-group{
  margin-top: 20px;
}
.raa-circle-title-lit{
  border-bottom:1px solid rgba(135,142,175,.3);
  position: relative;
  margin-bottom: 10px;
}
.raa-circle-title-lit:before{
  content: "";
  display: block;
  width: 106px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
}
.raa-circle-title-lit em{
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
}
.raa-circle-down{
  width: 20px;
  height: 20px;
  background: url(../images/drop-down.svg) no-repeat center;
  margin-top: 2px;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  opacity: .5;
  background-size: contain;
}
.raa-circle-down:hover{opacity: 1;}
.raa-circle-down.merge:hover{
  opacity: 1;
}
.raa-circle-down.merge{
  background: url(../images/drop-down.svg) no-repeat center;
  background-size: contain;
  transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  opacity: .5;
}
.ra-circle-charts-elem{
  width: 308px;
  height: 190px;
  float: left;
  background:#292A2D;
  border-radius:4px;
  border:1px solid rgba(96,104,138,0.2);
  margin:0 5px;
  margin-bottom: 10px;
  position: relative;
  opacity: 1;
  transition: opacity 1s;
  -moz-transition: opacity 1s; /* Firefox 4 */
  -webkit-transition: opacity 1s; /* Safari 和 Chrome */
  -o-transition: opacity 1s; /* Opera */
}
.ra-circle-charts-elem:hover{
  cursor: pointer;
  background-color: #131419;
  animation:shock 1s;
  -webkit-animation:shock 1s;
}
@keyframes shock
{
0% {top: 0;}
25% {top: 3px;}
50% {top: 0;}
75% {top: 3px;}
100% {top: 0;}
}
@-webkit-keyframes shock
{
0% {top: 0;}
25% {top: 3px;}
50% {top: 0;}
75% {top: 3px;}
100% {top: 0;}
}
@keyframes shockclone
{
0% {top: 0;}
25% {top: 3px;}
50% {top: 0;}
75% {top: 3px;}
100% {top: 0;}
}
@-webkit-keyframes shockclone
{
0% {top: 0;}
25% {top: 3px;}
50% {top: 0;}
75% {top: 3px;}
100% {top: 0;}
}
.ra-circle-charts-clone{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 22;
  background:rgba(28,30,37,1);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
  border-radius:4px;
  border:1px solid rgba(96,104,138,0.2);
  transform:none;
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;
}
.ra-circle-elem-hd{
  height: 45px;
  border-bottom:1px solid rgba(96,104,138,.3);
  padding: 0 20px 0 15px;
}
.ra-circle-elem-hd>em{
  height: 45px;
  display: block;
  width: 200px;
  overflow: hidden;
  text-overflow:ellipsis;
  line-height: 45px;
  font-size: 16px;
  color: rgba(255,255,255,.8);
  white-space:  nowrap;
}
.ra-circle-elem-hd span{
  width: 45px;
  height: 45px;
  right: -20px;
  background: url(../images/bt-add.svg) no-repeat 16px 16px;
}
.ra-circle-elem-hd:hover{
  cursor: pointer;
}
.ra-circle-elem-hd:hover em{
  color: #fff;
}
.ra-circle-elem-hd:hover span{
  background: url(../images/bt-add-hover.svg) no-repeat 16px 16px;
}
.ra-circle-elem-main-left{
  width: 150px;
  padding: 20px;
  position: relative;
}
.ra-circle-painting{
  width: 110px;
  height: 100px;
}
.ra-circle-elem-data{
  margin-top: 40px;
}
.ra-circle-elem-data span{
  float: left;
}
.ra-circle-elem-maindata{
  font-size: 30px;
  line-height: 30px;
  color: #fff;
}
.ra-circle-elem-triangle{
  width:0px;
  height:0px;
  border-top:0 solid transparent;
  border-right:5px solid  transparent;
  border-bottom:10px solid #DFDFDF;
  border-left:5px solid  transparent;
  margin-left: 6px;
  margin-top: 12px;
}
.ra-circle-elem-litdata{
  color: #398ED3;
  font-size: 14px;
  margin-left: 2px;
  margin-top:7px;
}
.ra-circle-elem-hint{
  font-size: 12px;
  line-height: 16px;
  color:rgba(153,160,184,.8);
  margin-top: 10px;
  width: 125px;
}
.ra-circle-charts{
  margin-left: -5px;
  margin-right: -5px;
}
.ra-circle-top{
  width: 20px;
  height: 20px;
  border-radius:50%;
  background-color: #FFA300;
  font-size: 12px;
  color: #1C1E25;
  line-height: 20px;
  text-align: center;
  position: absolute;
  top: 9px;
  left: 15px;
}
.raa-circle-table{
  padding: 30px;
  margin-top: 30px;
  background-color: #292A2D;
}
.raa-circle-title-lit.merge+.ra-circle-charts{
  display: none;
}
.ra-circle-elem-hd span{
  position: relative;
}
.ra-circle-elem-hd span .raa-bubble-em{
  position: absolute;
  bottom: 40px;
  left: 50%;
  z-index: 100;
  display: none;
  min-width: 40px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0,0,0,.6);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ra-circle-elem-hd span .raa-bubble-em:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgba(0,0,0,.6);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
}
.ra-circle-elem-hd span:hover .raa-bubble-em{
  display: block;
}
.sidebar .scroll-y::-webkit-scrollbar{
  width: 20px;
}
/*未知*/
.health_-1 {
  color: rgba(255,255,255,.3);
}
/*健康*/
.health_0 {
  color: #43AA93
}
/*警戒*/
.health_1 {
  color: #FFCC43
}
/*严重*/
.health_2 {
  color: #DF5D56
}
/*取消*/
.health_5 {
  color: #A4A5A7;
}
.dropdown-right .dropdown-default{
  float:right;
}
.dropdown-right .dropdown-wrap{
  min-width: 200px;
  left: auto;
  right: 0;
}
.dropdown-left .dropdown-default{
  float:left;
}
.dropdown-left .dropdown-wrap{
  min-width: 200px;
}
.dropdown-right .dropdown-text,.dropdown-left .dropdown-text{
  max-width: 200px;
}
.multi-select-all{
  padding:8px 10px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.bt-right-name-circle .bubble-wrap{
  display: none;
  position: absolute;
  right: 30px;
  top:-10px;
  white-space:nowrap;
}
.bt-right-show-min .bt-right-name-circle:hover .bubble-wrap{
  display: block;
}
/*动画css*/
.root-analyze-loading{
  width: 800px;
  height: 370px;
  margin: 0 auto;
  background-color: #292A2D;
  position: relative;
  overflow: hidden;
}
.root-analyze-loading-inner{
  height: 200px;
  position: relative;
  margin-top: 70px;
}
.ral-animation-wrap{
  position: relative;
}
.ral-animation{
  background: url(../images/ral-analyze.png) no-repeat center;
  width: 707px;
  height: 168px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.ral-animation-bg{
  width: 400px;
  height: 100px;
  background: -webkit-radial-gradient(rgba(25,236,236,1) 0,#1C1E25 70%);
  background: -o-radial-gradient(rgba(25,236,236,1) 0,#1C1E25 70%);
  background: -moz-radial-gradient(rgba(25,236,236,1) 0,#1C1E25 70%);
  background: radial-gradient(rgba(25,236,236,1) 0,transparent 70%);
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -200px;
  animation:ralbg 4s infinite;
  -webkit-animation:ralbg 4s infinite;
  opacity: 0;
}
@keyframes ralbg
{
0% {opacity: 0}
60% {opacity: .1}
65% {opacity: 0}
70% {opacity: .1}
75% {opacity: 0}
80% {opacity: .1}
90% {opacity: 0}
100% {opacity: .1}
}

@-webkit-keyframes ralbg /* Safari and Chrome */
{
0% {opacity: 0}
60% {opacity: .1}
65% {opacity: 0}
70% {opacity: .1}
75% {opacity: 0}
80% {opacity: .1}
90% {opacity: 0}
100% {opacity: .1}
}
.ral-progress{
  margin-top: 10px;
  margin-left: 120px;
}
.ral-progress ul li{
  float: left;
  height: 4px;
  margin-left: 2px;
}
.ral-pro-before{
  float: left;
  width: 0;
  height: 0;
  border-width:4px 7px 0 0;
  border-style:solid;
  border-color:transparent #19ECEC transparent transparent;
}
.ral-pro-middle{
  float: left;
  width: 24px;
  height: 4px;
  background-color: #19ECEC;
}
.ral-pro-after{
  float: left;
  width: 0;
  height: 0;
  border-width:0 0 4px 7px;
  border-style:solid;
  border-color:transparent transparent transparent #19ECEC;
}
.root-analyze-success{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);	/* IE 9 */
  -moz-transform: translateX(-50%);	/* Firefox */
  -webkit-transform: translateX(-50%); /* Safari 和 Chrome */
  -o-transform: translateX(-50%);
  top: 85px;
}
.root-analyze-icon{
  width: 36px;
  height: 36px;
  background: url(../images/ral-success.png) no-repeat center;
  position: relative;
  left: 50%;
  margin-left: -18px;
  top: 0;
  opacity: 0;
  animation:ralsuccessicon 2s;
  -webkit-animation:ralsuccessicon 2s;
  /*animation-delay:2s;
    -webkit-animation-delay:2s;*/ /* Safari 和 Chrome */
}
@keyframes ralsuccessicon{
0% {top:0px;opacity: 0;}
50% {top:-28px;opacity: 1;}
100%{top:-12px;opacity: .6;}
}
@-webkit-keyframes ralsuccessicon{
0% {top:0px;opacity: 0;}
50% {top:-28px;opacity: 1;}
100%{top:-12px;opacity: .6;}
}
.root-analyze-em{
  font-size: 20px;
  text-align: center;
  color: #19ECEC;
  margin-top: 20px;
  position: relative;
  top:-20px;
  opacity: 0;
  animation:ralsuccessem 2s;
  -webkit-animation:ralsuccessem 2s;
  /*animation-delay:2s;
    -webkit-animation-delay:2s; *//* Safari 和 Chrome */
}
@keyframes ralsuccessem{
0% {top:-20px;opacity: 0;}
25%{top:-20px;opacity: 0;}
50% {top:-35px;opacity: .7;}
100% {top:-19px;opacity: 1;}
}
@-webkit-keyframes ralsuccessem{
0% {top:-20px;opacity: 0;}
25%{top:-20px;opacity: 0;}
50% {top:-35px;opacity: .7;}
100% {top:-19px;opacity: 1;}
}
.root-analyze-now{
  font-size: 12px;
  color: rgba(255,255,255,.4);
  text-align: center;
  top: -50px;
  position: relative;
  opacity: 1;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
}

.ral-progress-rate{
  font-size: 26px;
  color: #19ECEC;
  margin-top: -20px;
  margin-left: 35px;
  font-style: italic;
}
.ral-progress ul{
  opacity: .3;
  animation:ralprogress .3s infinite;
  -webkit-animation:ralprogress .3s infinite;
}
@keyframes ralprogress{
0% {opacity: .3;}
100% {opacity: 1;}
}
@-webkit-keyframes ralprogress{
0% {opacity: .3;}
100% {opacity: 1;}
}
/*动画css*/
.raa-animation{
  background-color: #292A2D;
  position: relative;
}
.raa-animation.merge{
  padding: 24px 30px 12px;
  border-top: solid 1px #313443;
}
.raa-text-pro{
  margin-left: 20px;
  margin-top: -10px;
}
.raa-text{
  font-size: 12px;
  color: rgba(255,255,255,.4);
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
}
.raa-animation.merge .ral-progress{
  margin: 0;
}
.raa-animation.merge .ral-pro-before{
  border-width: 4px 4px 0 0;
}
.raa-animation.merge .ral-pro-middle{
  width: 18px;
}
.raa-animation.merge .ral-pro-after{
  border-width: 0 0 4px 4px;
}
.raa-animation.merge .ral-progress-rate{
  font-size: 14px;
  margin-top: -12px;
  margin-left: 20px;
}
.raa-animation.unfold{
  padding: 35px 0 45px;
}
.raa-icon-unfold{
  width: 30px;
  height: 30px;
  background: url(../images/bt-pack-up.svg) no-repeat center;
  border: solid 1px #5A5A5C;
  border-radius: 3px;
  background-color: #292A2D;
  position: absolute;
  top: 20px;
  right: 20px;
}
.raa-icon-unfold:hover{
  cursor: pointer;
  background: url(../images/bt-pack-up-hover.svg) no-repeat center;
}
/*动画css*/
.sd-table a.no-pointer{
  cursor:default;
}
.sd-table a.no-pointer:hover{
  border-bottom-color: transparent;
}
.mar-tlr-10{
  margin:10px 10px 0;
}
.mb14{
  margin-bottom:14px;
}
.sd-table td>span{
  position: relative;
}
.td-buble{
  display: none;
  position: absolute;
  left: calc(100% + 15px);
  top:-5px;
}
.sd-table td span:hover .td-buble{
  display: block;
}
.bubble-info{
  display: inline-block;
  max-width: 200px;
  word-wrap: break-word;
  font-size:14px;
  line-height: 1.2;
}
.pac-btn-icon{
  width: 13px;
  height: 13px;
  margin-top: 4px;
  margin-right: 10px;
}
.pac-btn-icon:hover{cursor: pointer;}
.pac-btn-icon.import{
  background: url(../images/pac-import-new.svg) no-repeat center;
}
.pac-btn:hover .pac-btn-icon.import{
  background: url(../images/pac-import-new-hover.svg) no-repeat center;
}
.pac-btn+.pac-btn{margin-right: 15px;}
.pac-btn-icon.export{
  background: url(../images/pac-export.svg) no-repeat center;
}
.pac-btn{margin-top: 20px;}
.pac-btn:hover .pac-btn-icon.export{
  background: url(../images/pac-export-hover.svg) no-repeat center;
}
.pac-num-card-left{width: 72px;height: 170px;position: relative;}
.pac-num-card-right{padding: 20px 40px 30px 30px;position: relative;}
.pac-text-lit{color: #fff;font-size: 16px;}
.pac-text-status{font-size: 54px;color: #fff;line-height: 62px;}
.pac-num-card-icon{
  width: 52px;
  height: 75px;
  position: absolute;
  top: 50px;
  right:0;
}
.pac-num-card-icon.probe{
  background: url(../images/pac-probe.svg) no-repeat top left;
}
.pac-num-card-icon.pv{
  background: url(../images/pac-pv.svg) no-repeat top left;
}
.pac-num-card-icon.surplus{
  background: url(../images/pac-surplus.svg) no-repeat top left;
}
.pac-title-hint{
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
  margin-top: 30px;
}
.no-margin{margin: 0 !important;}
.pac-num-card-right .icon-alert{ right: 30px;top: 25px;}
.pac-num-card-right .icon-alert em{left: 10px;bottom: 45px;}
.pac-module-title{
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #fff;
  line-height: 20px;
}
.pac-use-module{height: 510px;margin-bottom: 10px;}
.pac-module-show{
  height: 180px;
  position: relative;
  padding: 20px 30px 30px 20px;
}
.pac-show-icon{width: 122px;height: 92px;margin-top: 40px;}
.pac-show-icon.bigscreen{
  background: url(../images/pac-big-screen.svg) no-repeat top right;
}
.pac-show-icon.business{
  background: url(../images/pac-business-analysis.svg) no-repeat top right;
}
.pac-show-icon.association{
  background: url(../images/pac-association-analysis.svg) no-repeat top right;
}
.pac-show-icon.intelligent{
  background: url(../images/pac-intelligent-alarm.svg) no-repeat top right;
}
.pac-show-text-title{font-size: 20px;color: #fff;}
.pac-show-text-status{font-size: 16px;color:#DF5D56;margin-top: 10px;}
.pac-use-module.active .pac-module-show{
  background: -webkit-linear-gradient(45deg, #347AE8, #4496CD);
  background: -o-linear-gradient(45deg, #347AE8, #4496CD);
  background: -moz-linear-gradient(45deg, #347AE8, #4496CD);
  background: linear-gradient(45deg, #347AE8, #4496CD);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#347AE8', endColorstr='#4496CD', GradientType=0);
}
.pac-use-module{
  background:rgba(41,42,45,1);
  border:1px solid rgba(255,255,255,0.1)
}
.pac-use-module:hover{box-shadow:2px 5px 14px 0px rgba(10,10,11,0.5);}
.pac-use-module.active .pac-show-text-status{color: rgba(255,255,255,.6);}
.pac-module-list{padding: 0 34px;height: 330px;}
.pac-module-list ul li{
  color: rgba(255,255,255,.6);
  font-size: 12px;
  position: relative;
  line-height: 22px;
  margin-bottom: 10px;
}
.pac-module-list ul{padding:30px 0 30px 10px;}
.pac-list-sequence{
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255,255,255,.6);
  top: 10px;
  left: -13px;
}
.pac-module-list:before{
  content: "";
  display: block;
  height:1px;
  background:rgba(255,255,255,.1);
}
.pac-module-title-wrap{position: relative;}
.pac-module-title-hint{
  font-size:16px;
  color:rgba(223,93,86,1);
  line-height:22px;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.pac-card-hint{font-size: 12px;color: rgba(255,255,255,.6);}
.pac-card-input-title{
  font-size: 14px;
  color: #fff;
  margin-right: 20px;
  width: 98px;
  text-align: right;
}
.pac-card-input-content{
  border: none;
  outline: none;
  border-bottom: solid 1px rgba(255,255,255,.3);
  padding-bottom: 10px;
  background-color: transparent;
  width: 416px;
  font-size: 16px;
  margin-top: -5px;
  color: #fff;
}
.pac-upload{
  height: 132px;
  border: dashed 2px rgba(255,255,255,.1);
  border-radius: 4px;
  margin-top: 10px;
}
.pac-upload-hint-text-inner a{
  line-height: 22px;
  font-size: 14px;
  letter-spacing: 1px;
  border-bottom:solid 1px #fff;
}
.pac-upload-hint-text-inner span{
  color: rgba(255,255,255,.6);
  line-height: 22px;
  font-size: 14px;
  letter-spacing: 1px;
}
.pac-upload-hint-time{
  font-size: 12px;
  color: rgba(255,255,255,.6);
  margin-top: 4px;
  line-height: 20px;
  width: 225px;
  text-align: center;
  letter-spacing: 1px;
}
.pac-upload-hint-text{width: 225px;}
.pac-upload-hint-text-inner{width: 300px;margin: 0 auto;text-align:center;}
.pac-upload-hint{
  margin: 44px auto 0;
  width: 225px;
}
.pac-upload-hint-text-inner a:hover{border-bottom:solid 1px transparent;}
.topo-hide:hover .tools{
  display:inline-block !important;
}
.pac-card-input-mds{
  width: 505px;
  border: none;
  outline: none;
  border-bottom: solid 1px rgba(255,255,255,.3);
  padding-bottom: 10px;
  background-color: transparent;
  font-size: 16px;
  margin-top: -5px;
  color: #fff;
  margin-left: 10px;
}
.pac-mds-title{letter-spacing: 1px;width: 65px;}
.pac-mds-mt{margin-top: 55px;}
.pac-update-hint{color: rgba(255,255,255,.6);font-size: 12px;}
.pac-update-hint span{color: #fff;}
.pac-update-checkbox{position: relative;height: 40px;}
.pac-update-checkbox em:first-child{
  display: block;
  position: absolute;
  line-height: 20px;
  top: 0;
}
.pac-update-left-list{height: calc(100% - 30px);padding: 10px;background-color:#2A2B2E;}
.pac-update-left-list ul li{margin-bottom: 10px;}
.pac-update-checkbox em:nth-child(2){
  display: block;
  position: absolute;
  line-height: 20px;
  bottom: 0;
  font-size: 12px;
  color: rgba(255,255,255,.6);
}
.pac-update-left{position:absolute;top:0;bottom:0;width: 190px;}
.pac-update-right{margin-left: 210px;width: 628px;}
.int-card-icon-source-pac{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: rgba(0,0,0,1);
  background-color: #48BB87;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
.pac-update-small-card span{
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.pac-btn-upload-hint{
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  margin-top: 5px;
}
.pac-check-error{
  color: #DF5D56;
  margin-top: 5px;
  line-height: 20px;
  font-size: 12px;
}
.pac-update-hint-hilite{
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}
.marrnegative-10{margin-right: -10px;}
.pac-al-hd-title{
  font-size: 14px;
  color: rgba(255,255,255,.4);
  line-height: 22px;
  text-align: right;
  width: 70px;
}
.pac-al-dropdrom{width: 280px;margin-top: -7px;line-height: 35px;}
.pac-al-hd-group{margin-right: 30px;margin-bottom: 20px;width: 350px;height: 30px;}
.pac-al-btn .mb-lit+.mb-lit,.pac-al-btn .mb-type+.mb-type {
  margin-left: 0px;
  margin-right: 10px;
}
.pac-al-btn .mb-type-smallsquare{
  margin-left: 0;
}
.pac-al-table-span{color: #fff;}
.pac-color-green{color: #43AA93;}
.pac-color-white{color: #fff;}
.pac-color-orange{color: #FFCC43}
.pac-color-blue{color: #357BE7}
.pac-color-red{color: #DF5D56}
.mb-type-smallsquare.disabled{
  color: rgba(255,255,255,.3) !important;
  border: solid 1px rgba(255,255,255,.1) !important;
  cursor: not-allowed !important;
  background-color: transparent !important;
}
/*设置固定单元格的定位方式*/
.sticky-top thead tr th,
.sticky-left tbody tr td:first-child,
.sticky-left thead tr th:first-child,
.sticky-right tbody tr td:last-child,
.sticky-right thead tr th:last-child{
  position:sticky;
  z-index:10;
}
/* 表格嵌套时th层级问题 */
.sticky-top tbody td thead th{
  z-index:9;
}
.sticky-left tbody tr td:first-child,
.sticky-left thead tr th:first-child{
  /* box-shadow:5px 0 5px 0 rgba(0,0,0,.2) */
}
.sticky-right tbody tr td:last-child,
.sticky-right thead tr th:last-child{
  /* box-shadow:-5px 0 5px 0 rgba(0,0,0,.2) */
}
/*表头固定*/
.sticky-top thead tr th{
  top:0;
}
/*左侧第一列固定*/
.sticky-left tbody tr td:first-child{
  left:0;
}
/*表头第一个单元格固定*/
.sticky-left thead tr th:first-child{
  left:0;
  z-index: 1000;
}
/*右侧第一列固定*/
.sticky-right tbody tr td:last-child{
  right:0;
}
/*表头最后一个单元格固定*/
.sticky-right thead tr th:last-child{
  right:0;
  z-index: 1000;
}
.system-chart-content .layout-content{
  padding:20px 30px 0;
  background:#292A2D;
}
.system-chart-content .bg-black-charts>div:last-child{
  height:250px;
}
.alert-push-icon:hover .alert-push-bubble{display: block;}
.alert-push-bubble{
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  z-index: 100;
  display: none;
  min-width: 40px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0,0,0,.6);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.alert-push-bubble:before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid rgba(0,0,0,.6);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -10px;
}
.alert-email{
  width: 760px;
  background-color: #1c1e24;
  margin: 0 auto;
}
.ae-header{
  padding: 20px 50px;
  background-color: #0E0E11;
}
.ae-hd-icon{
  width: 58px;
  height: 58px;
}
.ae-hd-icon.serious{
  background: url(../images/ae-serious.svg) no-repeat center;
}
.ae-hd-icon.commonly{
  background: url(../images/ae-commonlyl.svg) no-repeat center;
}
.ae-hd-text{
  margin-left: 12px;
  font-size:26px;
  color:rgba(255,255,255,1);
  line-height:37px;
  margin-top: 11px;
}
.ae-content{
  padding: 50px 20px 42px 118px;
}
.ae-content-begin{
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 13px;
}
.ae-content-begin .ae-hint-serious{color: #F35857;}
.ae-content-begin .ae-hint-commonly{color: #FECC43;}
.ae-content-msg{margin-top: 35px;}
.ae-content-title{
  font-size: 14px;
  color: #747B88;
  line-height: 20px;
}
.ae-content-text{
  font-size: 16px;
  color: #F3F3F3;
  line-height: 22px;
  margin-top: 3px;
}
.ae-content-msg-group{
  padding-bottom: 12px;
  border-bottom: solid 1px rgba(255,255,255,.1);
  width: 280px;
  margin-right: 30px;
  margin-bottom: 12px;
}
.ae-btn{margin-top: 35px;}
.ae-hint{margin-top: 16px;}
.ae-hint p{
  line-height: 18px;
  font-size: 14px;
  color: rgba(255,255,255,.9);
}
.ae-footer{
  height: 50px;
  border-top: solid 1px rgba(255,255,255,.1);
}
.ae-tingyun-logo{
  width: 80px;
  height: 28px;
  margin-top: 11px;
  margin-right:22px;
  background: url(../images/ae-logo.svg) no-repeat center;
}
.no-checked-em{
  font-style: normal;
  font-size: 14px;
  color: rgba(255,255,255,.6);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  width: 130px;
  white-space: nowrap;
}
.ra-search-fixed{
  position: fixed;
  top: 0;
  width: calc(100% - 256px);
  background: #1D1E22;
  height: 80px;
  padding: 15px;
  left: 256px !important;
  z-index: 111111111;
}
.content-min .ra-search-fixed{
  width: calc(100% - 90px);
  left:90px !important;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.business-panel {
  position: absolute;
  top: 77px;
  right: 25px;
  bottom: 30px;
  left: 286px;
}
.content-min .business-panel {
  left: 120px;
}

.draggable-chart {
  width: 614px;
  height: 250px;
  background-color: #292A2D;
  position: relative;
  z-index: 116;
  padding: 20px 50px 30px;
  border: solid 1px rgba(41,42,45,.3);
}
.mdd-select-bor{
  padding: 5px 10px;
  border: 1px solid #3e3e3e;
}
.bg-purple .mdd-select-bor,.bg-blue .mdd-select-bor{
  border: 1px solid rgba(255,255,255,.6);
}
.rca-opacity{
  opacity: .1;
}
.icon-right{
  background: url("../images/green-right.svg") no-repeat center;
  vertical-align:text-bottom;
  margin-right:5px;
}
.text-strong-white{
  font-size:16px;
  color:rgba(255,255,255,1);
}
.mdd-select-scroll.scroll-x::-webkit-scrollbar-track{
  background:#292A2D;
}
.fdw-close{
  width: 16px;
  height: 16px;
  position: absolute;
  right:35px;top: 0px;
  color:rgba(255,255,255,.3);
  font-size: 30px;
  cursor: pointer;
  z-index: 10;
}
.scroll:hover::-webkit-scrollbar-thumb,.scroll-x:hover::-webkit-scrollbar-thumb,.scroll-y:hover::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.1);
}
.noData .sd-input-icon{
  background: url(../images/int-warning.svg) no-repeat center;
  background-size: 16px 16px;
  border: solid 1px #FF8F00 !important;
}
.noPower .sd-input-icon{
  background: url(../images/bcs-nopower-gray.svg) no-repeat center;
  background-size: 16px 16px;
  border: solid 1px rgba(255,255,255,.1) !important;
}
.noData .sd-radio-label em,.noPower .sd-radio-label em{
  color: rgba(255,255,255,.5) !important;
  cursor: default;
}
.noData,.noPower{
  position: relative;
}
.noData:hover .bcs-bubble-hint,.noPower:hover .bcs-bubble-hint{
  display: block;
}
.bcs-bubble-hint{
  padding: 8px 10px 8px 38px;
  opacity:0.9;
  border-radius:4px;
  box-shadow:4px 0px 6px rgba(0,0,0,0.56);
  position: absolute;
  clear: both;
  color: #D4D4D4;
  z-index: 2;
  top: 0;
  left: 230px;
  background-size: 18px 18px !important;
  background-position: 12px 10px !important;
  background-color:#0F1014 !important;
  display: none;
}
.bcs-bubble-hint:after{
  content: "";
  display: block;
  border-bottom: 8px solid transparent;
  border-right: 9px solid rgba(0,0,0,.6);
  border-top: 8px solid transparent;
  position: absolute;
  top: 11px;
  left: -9px;
}
.noData .bcs-bubble-hint{
  background: url(../images/int-warning.svg) no-repeat;
}
.noPower .bcs-bubble-hint{
  background: url(../images/bcs-nopower.svg) no-repeat;
}
.chartSize #rca-chart{
  width: 514px;
  height:230px;
  padding: 0;
}
.fdw-close:hover{
  color:#fff;
}.alert-new-push-title{
   font-size: 14px;
   color: rgba(255,255,255,.6);
   text-align: right;
   margin-right: 10px;
   width: 100px;
 }
.alert-new-push-tab ul:after{
  content: "";
  display: block;
  clear: both;
}
.alert-new-push-tab ul li{
  float: left;
  font-size: 14px;
  color: rgba(255,255,255,.6);
  margin-right: 10px;
  padding-right: 16px;
  height: 16px;
  line-height: 15px;
  border-right: solid 1px rgba(255,255,255,.2);
  margin-top: 3px;
}
.alert-new-push-tab ul li:last-child{border: none;}
.alert-new-push-tab ul li:hover{color: #fff;cursor: pointer;}
.alert-new-push-header{margin-bottom: 30px;}
.alert-new-push-group{margin-bottom: 20px;}
.alert-new-push-group:last-child{margin-bottom: 0;}
.w446{width: 446px;}
.alert-new-push-input input{
  color: #fff;
  padding-bottom: 3px;
  outline: none;
  border: none;
  background-color: transparent;
  border-bottom: solid 1px rgba(255,255,255,.1);
  width: 100%;
  margin-top: -3px;
}
.alert-new-push-input-hint{
  margin-top: 6px;
}
.alert-new-push-input-hint a{
  border-bottom: solid 1px transparent;
  color: #fff;
  font-size: 12px;
  padding-bottom: 3px;
}
.alert-new-push-input-hint a:hover{
  border-bottom: solid 1px #fff;
}
.w203{width: 203px;}
.pt7{padding-top: 7px;}
.alert-new-push-tab .active{
  color: #fff;
}
.w318{width: 318px;}
.w86{width: 86px;}
.alert-new-push-input-to{
  margin: 0 8px;
  color: rgba(255,255,255,.3);
  font-size: 14px;
}
.w429{width: 429px;}
.alert-new-push-group .sd-card-big-textarea textarea{
  border: solid 1px rgba(255,255,255,.1);
}
/*32号标题下拉菜单*/
.dropdown-menu{
  position: relative;
}
.dropdown-menu-title{
  position:relative;
}
.dropdown-menu-title>div{
  cursor: pointer;
}
.dropdown-menu-title.active em{
  transform: rotate(180deg);
  background-position-y:0;
}
.dropdown-menu-title p{
  display: inline-block;
  max-width:370px;
  font-size:26px;
  color:rgba(255,255,255,1);
  padding-right:10px;
}
.dropdown-menu-title em{
  display:inline-block;
  width: 35px;
  height:44px;
  background:url("../images/drop-down.svg") no-repeat center 10px;
  background-size: contain;
}
.dropdown-menu-bd{
  position: absolute;
  left:0;
  right:0;
  top:58px;
  background:rgba(0,0,0,.9);
  overflow:hidden;
  margin:0 -25px;
  min-height:300px;
  max-height:600px;
}
.dropdown-menu-lists{

  padding:15px 0;
  overflow:hidden;
}
.horizontal .dropdown-menu-lists{
  padding:0;
}
.horizontal .dropdown-menu-lists>li{
  border-right:1px solid rgba(255,255,255,.2);
}

.horizontal .dropdown-menu-item{
  cursor:default;
}
.horizontal .dropdown-menu-item>em{
  cursor:pointer;
}
.horizontal .dropdown-menu-item>span{
  position:absolute;
  top:50%;
  right:10px;
  width:30px;
  height:30px;
  margin-top:-15px;
  background:url("../images/arrow-right-white.svg") no-repeat center;
  opacity: .3;
  cursor:pointer;
}
.dropdown-menu-item:hover span{
  background-color:rgba(0,0,0,1);
}
.horizontal .dropdown-menu-item>span:hover{
  opacity:1;
}
.turn-left,.turn-right{
  position: absolute;
  top:50%;
  margin-top:-20px;
  width: 40px;
  height:40px;
  border-radius:50%;
  z-index:1000;
  cursor:pointer;
}
.turn-left{
  left: 10px;
  background:rgba(255,255,255,.1) url("../images/arrow-left.svg") no-repeat center;
}
.turn-right{
  right:10px;
  background:rgba(255,255,255,.1) url("../images/arrow-right.svg") no-repeat center;
}
.turn-left:hover{
  color:rgba(0,0,0,1);
  background:rgba(255,255,255,1) url("../images/arrow-left-hover.svg") no-repeat center;
}
.turn-right:hover{
  color:rgba(0,0,0,1);
  background:rgba(255,255,255,1) url("../images/arrow-right-hover.svg") no-repeat center;
}
/*.dropdown-menu-bd>ul{
    position: absolute;
    left: 0;
}*/
.dropdown-menu-item{
  position:relative;
  line-height:44px;
  width:260px;
  padding:0 40px 0 30px;
  font-size:14px;
  color:rgba(255,255,255,.6);
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor: pointer;
}
.dropdown-menu-item.active,.dropdown-menu-item:hover{
  color:rgba(255,255,255,1);
  background:rgba(255,255,255,.08);
}
.dropdown-menu ol{
  margin:15px 0;
  height:570px;
}
.dropdown-menu-left ol{
  height:520px;
}
.horizontal .dropdown-menu-right{
  margin-left:267px;
}
.horizontal .dropdown-menu-right .dropdown-menu-lists{
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.dropdown-menu-search{
  padding:14px 30px 0;
}
.dropdown-menu-search .input-default{
  font-size:16px;
}
.dropdown-menu-box{
  position: relative;
  max-height:600px;
}
.dropdown-menu-result-box{
  min-height:235px;
  max-height:545px;
  min-width:460px;
  background: #1D1E22;
  padding:15px 0;
  margin-top:5px;
  display: none;
}
.dropdown-menu-result{
  min-height:220px;
  max-height:520px;
}
.dropdown-menu-result li{
  padding: 11px 20px 12px;
  font-size:14px;
  color:rgba(255,255,255,.6);
  cursor:pointer;

}
.dropdown-menu-result li em{
  color:rgba(67,170,147,1);
}
.dropdown-menu-result li:hover{
  color:rgba(255,255,255,1);
  background:rgba(255,255,255,.08);
}
/*32号标题下拉菜单*/

/* 拓扑图背景 */
.topo-ground{
  background:url(../img/topo/topo-bg.png);
  background-repeat: repeat;
  /* background-color: #292A2D; */
}
.relation-analysis{
  position: relative;
  border: solid 1px transparent;
  margin-left: 10px;
}

.relation-analysis-show{
  position: relative;
  width: 24px;
  height: 22px;
  background: url(../img/brower-rca-selected.svg) no-repeat center;
  z-index: 2;
  background-size:28px;
  margin-left:10px;
}

.relation-analysis:hover{cursor: pointer;}
.relation-analysis:hover .relation-analysis-select{
  width: 170px;
  padding: 0 48px 0 38px;
  opacity: 1;
}
.relation-analysis:hover .relation-analysis-show{
  background-image: url(../img/brower-rca.svg);
}
.relation-analysis-select{
  opacity: 0;
  padding: 0;
  width: 0;
  /* padding: 0 48px 0 38px; */
  height: 30px;
  position: absolute;
  background: url(../images/arrow-bottom-white-sm-hover.svg) no-repeat;
  background-size: 13px 13px;
  background-position: calc(100% - 10px) 9px;
  background-color: #357BE7;
  border-radius:100px;
  top: 50%;
  left: 0;
  margin-top:-15px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  white-space: nowrap;
  transition: all .5s;
  -moz-transition: all .5s; /* Firefox 4 */
  -webkit-transition: all .5s; /* Safari 和 Chrome */
  -o-transition: all .5s; /* Opera */
}
.relation-analysis-select-down{
  width: 100%;
  position: absolute;
  left: 0;
  padding-top: 5px;
}
.relation-analysis-select-down ul{
  padding: 4px 0;
  background-color: #151720;
  border: solid 1px rgba(255,255,255,.1);
  max-height: 255px;
}
.relation-analysis-select-down ul li{
  padding: 9px 13px 7px 9px;
  margin-top: 4px;
}
.relation-analysis-select-down ul li:after{
  content: "";
  display: block;
  clear: both;
}
.relation-analysis-select-down ul li em{
  font-size: 14px;
  display: block;
  float: left;
  color: rgba(255,255,255,.5);
  line-height: 20px;
  width: 85%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}
.relation-analysis-select-icon{
  display: none;
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 4px;
  background: url(../images/relation-analysis-arrow.svg) no-repeat center;
}
.relation-analysis-select-down ul li:hover{
  background-color: rgba(255,255,255,.1);
}
.relation-analysis-select-down ul li:hover .relation-analysis-select-icon{
  display: block;
}
.pos-ab-lt{
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 10;
}
/*!*分辨率1200以下，侧导航默认收起*!
@media screen and (max-width:1199px) {
  .content{
    padding-left:120px;
  }
  .sidebar{
    width:90px;
  }
  .tingyun-logo{
    display:none;
  }
  .sidebar > ul > li{
    width:90px;
    height:90px;
    padding:0;
    text-align:center;
  }
  .sidebar .list-name{
    height:90px;
  }
  .sidebar .sidebar-icon{
    top:25% !important;
  }
  .sidebar-text{
    display: inline-block;
    position: absolute;
    bottom: 9px;
    left: 21px;
    word-wrap: break-word !important;
    white-space: normal !important;
    width: 48px;
    height: 32px;
    font-size: 12px;
    font-family:  PingFangSC-Regular;
    color: rgba(255,255,255,0.4);
    line-height: 16px;
  }
  .dropdown-icon{
    display:none;
  }
  .menu-img img{
    width: 28px !important;
    height: 28px !important;
    top: 96% !important;
    display: block;
  }
  .sidebar .sidebar-nav02{
    display:none;
  }
}*/
.pac-num-card-hint span{
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #FF8F00;
  line-height: 20px;
  text-align: center;
  color: #000;
  font-weight:600;
  font-size: 18px;
  display: block;
}
.pac-num-card-hint em{
  /*color: rgba(255,255,255,.6);*/
  font-size: 14px;
  line-height: 22px;
  margin-left: 8px;
}
.pac-num-card-warp{
  width: 50%;
  position: relative;
}
.pac-num-card-warp:first-child:after{
  content: "";
  display: block;
  height: calc(100% - 60px);
  position: absolute;
  top: 30px;
  right: 0;
  width: 1px;
  background-color: rgba(255,255,255,.3);
}
.pac-text-num{
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
.pac-text-num span{font-size: 22px;}
.pac-text-num-big{
  color: #fff;
  font-size: 42px;
  line-height: 50px;
}
.pac-num-card-hint ul li{
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: rgba(255,255,255,.6);
}
.pac-num-card-hint-content.active{color: #fff;}
.pac-num-card-hint ul{
  content: "";
  display: block;
  clear: both;
}
.pac-loading{
  width: 400px;
  margin:47px 0 0 87px;
}
.pac-loading-hint span{
  font-size: 12px;
  line-height: 20px;
  color: rgba(255,255,255,.6);
}
.pac-loading-hint.error span{
  color: #DF5D56;
}
.pac-loading-hint-a{
  color: #fff !important;
  font-size: 12px;
  line-height: 20px;
  margin-left: 10px;
  padding-bottom: 3px;
  border-bottom: solid 1px #fff;
}
.pac-loading-hint-a:hover{
  cursor: pointer;
  border-bottom:solid 1px transparent;
}
.pac-loading-progress{
  margin-top: 8px;
}
.agent-prove.gray{
  height: 88px;
  background-color:rgba(216,216,216,0.1);
  border:dashed 1px rgba(255,255,255,.1);
}
.agent-prove-hint{
  width: 180px;
  margin: 22px auto;
}
.agent-prove-hint-upload{
  color: rgba(255,255,255,.6);
  text-align: center;
}
.agent-prove-hint-upload span{
  color: #DF5D56;
}
.agent-prove{
  height: 88px;
  border: dashed 1px rgba(255,255,255,.1);
}
.agent-prove-loadding{
  width: 400px;
  margin: 21px auto;
}
.agent-prove-loadding-hint{
  font-size: 12px;
  color: rgba(255,255,255,.6);
}
.aplp-progress{width: 360px;}
.aplp-text{
  color: rgba(255,255,255,.6);
  margin-left: 10px;
  font-size: 12px;
  line-height: 16px;
}
.aplp-text a{
  color: rgba(255,255,255,.6);
}
.aplp-text a:hover{
  color: #fff;
}
.pac-use-module.active .pac-show-icon.business {
  background: url(../images/pac-business-analysis-hover.svg) no-repeat top right;
}
.pac-use-module.active .pac-show-icon.bigscreen {
  background: url(../images/pac-big-screen-hover.svg) no-repeat top right;
}
.pac-use-module.active .pac-show-icon.intelligent {
  background: url(../images/pac-intelligent-alarm-hover.svg) no-repeat top right;
}
.pac-use-module.active .pac-show-icon.association {
  background: url(../images/pac-association-analysis-hover.svg) no-repeat top right;
}
.pac-num-card-left{
  width: 87px;
}
.pac-text-num{
  width: 105px;
  float: left;
  margin-top: 20px;
}
.pac-text-num:first-child{
  margin-right: 20px;
}
.pac-num-card-right{
  width: 68%;
  padding: 20px;
  padding-left: 30px;
  padding-right: 0;
}
.pac-num-card-warp-right{
  width: 68%;
  padding: 20px;
  padding-left: 30px;
  padding-right: 0;
}
.pac-text-num-data{
  font-size: 30px;
  line-height: 38px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pac-text-num-metering{
  font-size: 12px;
  color: rgba(255,255,255,.6);
  line-height: 20px;
}
.pac-text-lit{
  font-size: 14px;
}
@media(max-width: 1877px){
  .pac-text-num:first-child{
    margin-top: 10px;
  }
  .pac-text-num-data{
    font-size: 22px;
    line-height: 25px;
  }
  .pac-text-num:last-child{
    margin-top: 10px;
  }
  .pac-num-card-right{
    padding-bottom: 15px;
  }
  .pac-num-card-warp-right{
    padding-bottom: 15px;
  }
  .pac-text-num-big{
    font-size: 30px;
  }
}
@media(max-width: 1435px){
  .pac-num-card-right{
    padding-left: 11%;
  }
  .pac-num-card-warp-right{
    padding-left: 11%;
  }
  .pac-num-card-left{
    width: 32%;
  }
  .pac-num-card-icon{
    width: 61%;
    background-size: contain !important;
  }
}
.pac-show-icon{
  width: 70px;
  height: 70px;
  margin-top: 10px;
}
.pac-show-time p{
  font-size: 12px;
  line-height: 20px;
  color: rgba(255,255,255,.6);
}
.pac-show-time{margin-top: 40px;}
.pac-show-icon.bigscreen{
  height: 60px;
}
.pac-show-icon.business{
  height: 62px;
}
.pac-show-icon.intelligent{
  height: 53px;
}
.pac-show-icon.association{
  height: 70px;
}
.pac-show-time-wrap{
  position: relative;
  height: 80px;
}
.pac-show-icon-absolute{
  position: absolute;
  bottom: 0;
  right: 0;
}
.pac-show-time{
  position: absolute;
  left: 0;
  bottom: 0;
}
.bubble-w{
  width: 100px;
}
.bubble-list-w{
  display: inline-block;
  max-width: 200px;
  line-height: 1.2;
  margin-right:20px;
}
.bubble-charts{
  width: 78px;
  margin-right:20px;
  height: 12px;
}
.bubble-list-v{
  line-height: 1.2;
}
.bubble-title{
  color:rgba(255,255,255,.6);
}
.ra-legend-text{
  margin-left: 10px;
  font-size: 12px;
  line-height: 12px;
  color: rgba(255,255,255,.8);
  margin-right: 30px;
}
.ra-legend-group+.ra-legend-group{margin-left: 34px;}
.ra-legend-group div{display: inline-block;}
.ra-legend-icon-index{
  width: 20px;
  height: 12px;
  position: relative;
}
.ra-legend-icon-index:after{
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 20px;
  top: 5px;
  background-color: #347AE1;
}
.ra-legend-icon-add-index{
  width: 20px;
  height: 2px;
  background-color: #616EF7;
  margin-top: 5px;
}
.ra-legend-icon-pv{
  width: 16px;
  height: 10px;
  background-color: #61E5AB;
}
.ra-legend{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform:translateX(-50%);
  -ms-transform:translateX(-50%); 	/* IE 9 */
  -moz-transform:translateX(-50%); 	/* Firefox */
  -webkit-transform:translateX(-50%); /* Safari 和 Chrome */
  -o-transform:translateX(-50%);
}
.ra-cursor-placeholder{
  color: rgba(255,255,255,.6);
  font-size: 14px;
  padding: 0 !important;
  background: transparent !important;
  cursor: default !important;
  border: none !important;
  margin-top: 3px !important;
}
.contrast-module-new{
  background:rgba(0,0,0,0.9);
  box-shadow:2px -5px 6px 0px rgba(28,30,37,0.5);
  border-radius:8px;
  width: 440px;
  z-index: 2;
}
.contrast-module-new .contrast-module-main-input{
  width: 175px;
}
.contrast-module-new .contrast-eaual{
  margin-left: 10px;
  margin-right: 10px;
}
.contrast-module-new .contrast-module-main-input{
  margin-left: 0;
}
.contrast-module-new .contrast-module-hd{
  border: none;
  height: auto;
  line-height: 26px;
  padding-top: 30px;
  padding-right:30px;
}
.contrast-module-new .contrast-module-hd-close{
  height: 26px;
}
.contrast-module-new .input-default{
  padding-top: 0;
}
.contrast-module-new .contrast-module-main{
  padding: 20px 30px 30px;
}
.crumbs:hover{
  color:rgba(255,255,255,1);
}
@media screen and (min-width:1660px) {
  .alert-icons{
    width:15%;
  }
  .alert-icons-text{
    width:85%;
  }
}
@media screen and (min-width:1200px) and (max-width:1439px) {
  .alert-icons-wrap{
    padding:15px;
  }
  .alert-row-more .alert-icons{
    width:25%;
  }
  .alert-row-more .alert-icons-text{
    width:75%;
  }
  .alert-row-more .alert-icons-text-tit{
    font-size:14px;
  }
  .alert-row-more .alert-icons-data{
    font-size:30px;
  }
  /*.alert-row-more .alert-icons-text{
    padding-left:10px;
  }*/
  .alert-row-more .alert-icon-box{
    left:10px;
  }
  .alert-icon-first .alert-icons-text{
    width: 100%;
  }
}
.icon{
  display: inline-block;
  width:20px;
  height:16px;
  opacity:0.3;
}
.icon-eye{
  background: url("../images/eys.svg") no-repeat center;
  opacity: .3;
  filter:alpha(opacity=30);
}
.icon-eye:hover{
  opacity: 1;
  filter:alpha(opacity=100);
}
input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}
.checkbox-label:hover .transfer-checkbox .transfer-checkbox-circle{
  border-color:rgba(255,255,255,1);
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 3px;
  height: 21px;
  border-radius: 2px;
  margin: 1px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out .7s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out .7s 0s infinite cubic-bezier(.85, .25, .37, .85);
}
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important; }
.loader-outer{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%); 	/* IE 9 */
  -moz-transform:translate(-50%,-50%); 	/* Firefox */
  -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%,-50%); 	/* Opera */
}
.min-height250{min-height:250px;}
.layout-content-new .arrow{
  border-top: 12px solid #292a2d;
  border-bottom: none;
  top: 100%;
  z-index: 1111;
  position: absolute;
  left: 30px;
  opacity: 1;
}
.bubble-waterfall-title{
	padding: 16px 17px 14px;
	font-size: 12px;
	line-height: 14px;
	color: rgba(255,255,255,1);
    word-break: break-all;
    border-bottom: solid 1px rgba(255,255,255,.1);
}
.text-ellipsis-url-browser{
  float: left;
  width: 260px;
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.browser-hint-new{
  margin: 10px 0;
  position: relative;
  z-index: 1;
}
.browser-hint-new em{
  display: block;
  float: left;
  margin-right: 16px;
}
.browser-hint-new span{
  display: block;
  float: left;
  margin-right: 8px;
}
.multi-select-bor{
  border: solid 1px rgba(255,255,255,.1);
}
.multi-select-bor .dropdown-arrow-down{
  top: 19px;
}
.p-only {
  margin-top: 5px;
}
.white-normal-hover{color: #fff;border-bottom: solid 1px transparent;display: inline-block;}
.white-normal-hover:hover{border-bottom: solid 1px #fff;}
.parting-line{
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: rgba(255,255,255,.3);
}
.apm-search-icon-disabled{
  opacity: 0.6 !important;
  cursor: default;
}
.max-w200{
  max-width:200px;
}

.relation-analysis-show-new{
  background: url(../img/tingyun-report-apm-icon-on.svg) no-repeat center;
}
.relation-analysis:hover .relation-analysis-show-new{
  background: url(../img/tingyun-report-apm-icon.svg) no-repeat center;
}
.contrast-module-setting{
  width:296px;
}
.contrast-module-setting .contrast-module-main-input{
  width:106px;
}
.contrast-module-setting .contrast-module-main{
  padding:20px;
}
.contrast-module-setting .contrast-module-hd{
  padding:20px 20px 0;
}
.contrast-module-setting .contrast-module-ft{
  padding: 0 20px 20px 20px;
}
.contrast-module-setting .contrast-eaual{
  border-bottom:none;
}
.contrast-module-setting{
  left: 14px;
  top: calc(100% + 4px);
}
.color-wrap-type:hover,.color-wrap-type.active{
  color:#fff;
  cursor:pointer;
}
.contrast-company{
  color:rgba(255,255,255,.3);
}
.max-w300{
  max-width:300px;
}
.max-w100{
  max-width:100px;
}
.max-w400{
  max-width:400px;
}
.max-w500{
  max-width:500px;
}
.max-w600{
  max-width:600px;
}
.bubble-method{
   position: absolute;
   top:calc(100% + 10px);
   left: 50%;
   transform:translateX(-50%);
   white-space: nowrap;
   display: none;
 }
.tab-toggle-wrap li:hover .bubble-method{
  display: block;
}
.browser-merge{position: relative;}
.browser-merge-inner{
  margin: 0 auto;
  width: 85px;
}
.browser-merge-inner.merge{
  width: 60px;
}
.browser-merge-inner em{
  color: rgba(255,255,255,.6);
  font-size: 14px;
}
.browser-merge-inner span{
  background: url(../images/drop-down.svg) no-repeat center;
  opacity: .3;
  width: 20px;
  height: 7px;
  display: inline-block;
  background-size: 100%;
  margin-left: 5px;
}
.browser-merge-inner:hover{cursor: pointer;}
.browser-merge-inner:hover em{color: #fff;}
.browser-merge-inner:hover span{opacity: 1;}
.browser-merge-inner.merge span{
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */
  height: 12px;
}

.pb-table-cell-new em{
  width: 100px;
  text-align: right;
  margin-right:3px;
}
.pb-table-cell-new .pb-table-cell-wrap{
  float: right;
}
.dropdown-date{
  position:relative;
}
.dropdown-date .viewOp{
  width: calc(100% - 35px);
  /* display: inline-block; */
}
.dropdown-date .antTest-calendar-picker-icon{
  display: none;
}
.dropdown-date .antTest-calendar-picker{
  padding-left: 10px;
}
.dropdown-icon{
  position: absolute;
  width:20px;
  height:20px;
  right:15px;
  top:50%;
  margin-top:-10px;
  opacity: .3;
}
.dropdown-date .dropdown-date-icon{
  cursor:pointer;
  background: url("../images/calendar.svg") no-repeat center;
}
.dropdown-date:hover .dropdown-date-icon{
  opacity: 1;
}
.dropdown-date-hover:hover .dropdown-date-icon{
  display: none;
}
.dropdown-date-icon-colse{display: none;}
.dropdown-date-hover .dropdown-date-icon-colse{display: block;}
.dropdown-date-hover .dropdown-date-icon-colse:hover{
  cursor: pointer;
  opacity:1;
  background: url("../images/date-clear.svg") no-repeat center;
}
.dropdown-clear-icon{
  background: url("../images/date-clear.svg") no-repeat center;
}
.dropdown-date-hover:hover .dropdown-date-icon-colse{
  background: url("../images/date-clear.svg") no-repeat center;
}
/*无权限访问页面的样式*/
.no-jurisdiction {
  width: 660px;
  margin: 0 auto;
  padding-top: 200px;
}
.nj-hint-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 1);
  background-color: #FF8F00;
  line-height: 28px;
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  margin-top: 4px;
}

.nj-hint-content {
  margin-left: 10px;
  width:617px;
  font-size: 30px;
  line-height: 38px;
}

.nj-btn {
  padding: 0 25px;
}
/*end 无权限访问页面的样式*/
.pb-table-cell-new em{
  width: 100px;
  text-align: right;
  margin-right:3px;
}
.pb-table-cell-new .pb-table-cell-wrap{
  float: right;
}
.int-warning-green{
  background: url("../images/int-warning-green.svg") no-repeat center;
}
.suction-top-style{
  position: fixed !important;
  margin-top: 0 !important;
  top: 0 !important;
  z-index: 100000000;
}
.h-195 {
  height: 195px;
  width: 100%;
}

.h-289 {
  height: 289px;
  width: 100%;
}

.h-366 {
  height: 386px;
  width: 100%;
}

.h-323 {
  height: 323px;
  width: 100%;
}

.ml50 {
  margin-left:50px;
}
.card-animation{
  position:relative;
  top:0;
  transition:all .1s linear;
}
.card-animation:hover{
  /* cursor:pointer; */
  top:-3px;
}
.card-animation:hover:after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(30deg, transparent, rgba(255,255,255,.3));
}
.card-animation.active{position: relative;}
.card-animation.active:after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: solid 4px #fff;
}
.card-animation.active:hover{
  cursor:pointer;
}
/* .card-animation.active:hover:after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
} */
.card-mask{
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background: rgba(0,0,0,.6);
  display: none;
}
.card-mask-show{
  display: block;
}

/*2018年10月17日修改新建业务系统时候左右移动是按钮的样式*/
.transfer-arrow-direction-ty {
  width: 30px;
  height: 30px;
  outline: none;
  border-radius: 50%;
  border: solid 1px rgba(255, 255, 255, .4);
}

.transfer-arrow-direction-ty:active {
  cursor: pointer;
  border: solid 1px rgba(255, 255, 255, .8);
  background-color: #fff;
}

.transfer-arrow-right-ty {
  background: url(../images/arrow-right.svg) no-repeat center;
}

div.transfer-arrow.transfer-abs>button.transfer-arrow-direction-ty.transfer-arrow-right-ty.active {
  background: url(../images/arrow-right-hover.svg) no-repeat center;
}

.transfer-arrow-left-ty {
  margin-top: 30px;
  background: url(../images/arrow-left.svg) no-repeat center;
}

div.transfer-arrow.transfer-abs>button.transfer-arrow-direction-ty.transfer-arrow-left-ty.active {
  background: url(../images/arrow-left-hover.svg) no-repeat center;
}

div.transfer-arrow.transfer-abs>button.transfer-arrow-direction-ty.active {
  cursor: pointer;
  border: solid 1px rgba(255, 255, 255, .8);
  background-color: #fff;
}
.int-card-icon.int-question {
  background: url(../images/int-question.svg) no-repeat center;
}
.icon-arrow{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background:url("../images/bt-arrow.svg") no-repeat center;
}

.icon-arrow-rotate{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%) rotate(180deg);
  background:url("../images/bt-arrow.svg") no-repeat center;
}

.bt-right-name-trapezoid:hover .icon-arrow-rotate{
  transform: translate(-50%,-50%) rotate(180deg);
  background:url("../images/bt-arrow-hover.svg") no-repeat center;
}

.bt-right-name-trapezoid:hover .icon-arrow{
  background:url("../images/bt-arrow-hover.svg") no-repeat center;
}
.bg-blue-gradient{
  background:linear-gradient(44deg,rgba(52,122,232,1) 0%,rgba(68,150,205,1) 100%);
}
.icon-mark-content{
  display: inline-block;
  position: relative;
}
.icon-mark{
  display: inline-block;
  width:18px;
  height:18px;
  line-height:18px;
  font-size:14px;
  text-align:center;
  border:1px solid rgba(255,255,255,1);
  border-radius:50%;
  cursor:pointer;
}
.icon-mark-content .bubble-box{
  position:absolute;
  display: none;
}
.icon-mark-content:hover .bubble-box{
  display: block;
}

.table-bor .icon-table-spot.color-chart-1:before {
  background: #357BE7;
  cursor: pointer;
}
.table-bor .icon-table-spot.color-chart-2:before {
  background: #13C2C2;
  cursor: pointer;
}
.table-bor .icon-table-spot.color-chart-3:before {
  background: #8A8AF1;
  cursor: pointer;
}
.table-bor .icon-table-spot.color-chart-4:before {
  background: #8543E0;
  cursor: pointer;
}
.table-bor .icon-table-spot.color-chart-5:before {
  background: #1D67DA;
  cursor: pointer;
}
.table-bor tr a{
  color:#fff;
  font-weight:550;
}
.bg-purple a,.bg-blue a,.bg-purple .table-bor tr a,.bg-blue .table-bor tr a{
  color:#fff;
}
.bg-blue .table-bor tr a:hover,.bg-blue a:hover,.bg-purple .table-bor tr a:hover,.bg-purple a:hover,.bg-blue .sd-table tr a:hover{
  color:#fff;
}
.table-bor tr a:active{
  color:#0B5AD4;
}
/*新增不显示滚动条class*/
.no-scroll .mCSB_container{
  overflow: inherit !important;
}
.no-scroll .mCustomScrollBox{
  overflow: inherit !important;
}
.no-scroll .mCSB_draggerContainer{
  display: none !important;
}
.show-scroll .mCSB_container{
  overflow: hidden !important;
}
.show-scroll .mCustomScrollBox{
  overflow: hidden !important;
}
.show-scroll .mCSB_draggerContainer{
  display: block !important;
}
/*添加组件*/

/*组件添加*/
.add-component{
  position: absolute;
}
.add-component .tab-toggle-wrap li{
  padding: 0;
  width: 44px;
  height: 30px;
}
.add-component .tab-toggle-wrap .icon-lg{
  width: 20px;
  height: 21px;
  background-size: 100% !important;
}
.add-component .tab-toggle-wrap .icon-lg{
  margin: 5px auto;
}
.add-component .tab-toggle-wrap li:first-child .icon-lg {
  background: url(../images/add-screen.svg) no-repeat center;
}
.add-component .tab-toggle-wrap li:nth-child(2) .icon-lg {
  background: url(../images/add-dashboard.svg) no-repeat center;
}
.add-component .tab-toggle-wrap li:nth-child(3) .icon-lg {
  background: url(../images/add-shudu.svg) no-repeat center;
}
.add-component .tab-toggle-wrap li{
  position: relative;
}
.add-component .tab-toggle-wrap li:hover .add-component-em{display: block;}
.add-component .tab-toggle-wrap li .add-component-em{
  position: absolute;
  bottom: 45px;
  left: 50%;
  z-index: 100;
  display: none;
  min-width: 40px;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: rgba(0,0,0,.9);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.add-component .tab-toggle-wrap li .add-component-em:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid rgba(0,0,0,.9);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
}
.ta-new-pro-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #5d5dcd;
  padding: 16px 24px 16px;
  z-index:0;
}
.ta-new-pro-bg-content{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 16px 24px 16px;
  z-index:2;
}
/* 业务配置 */
.system-conf{

  padding:20px;
  background:rgba(41,42,45,1);
}
.table-name-list{
  height:180px;
}
.table-name-list .sd-table td{
  padding:4px 10px;
}
.system-conf-result{
  position:relative;
  padding-bottom:80px;
}
.table-result{
  height:360px;
}
.result-info{
  position: absolute;
  bottom:20px;
  left:20px;
  right:20px;
  font-size:12px;
}
.sd-edit-icon{
  background-image:url(../images/bch-update.svg);
}
.td-text-ellipsis{
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.itemData-font-color{
  color: rgba(53,123,231,1);
}
/* 操作配置 */
.content .content-header.content-header-fixed{
  position:fixed;
  left:256px;
  right:0;
  width: auto;
  background:#1D1E22;
  padding:12px 25px 12px;
  z-index:1000;
}
.content .content-header.content-header-fixed.box-shadow{
  /*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);*/
}
.conf-box{
  padding-top:80px;
}
.conf-content{
  position:relative;
  padding-bottom:30px;
}
.text-title{
  color:rgba(255,255,255,1);
}
.step{
  display: inline-block;
  width:22px;
  height:22px;
  font-size:10px;
  line-height:22px;
  background: #292a2d;
  border-radius:50%;
  text-align: center;
  margin-right:10px;
}
.step:before{
  position:absolute;
  content:'';
  display:inline-block;
  width:2px;
  background:#292a2d;
  top:22px;
  left:10px;
  bottom:0;
}
.conf-content:last-child .step:before{
  display: none;
}
.conf-panel{
  border:1px solid rgba(255, 255, 255, 0.2);
  border-radius:6px;
  padding:30px;
  margin-left:32px;
  margin-top:15px;
}
.dropdown-bor-bottom>.dropdown-text {
  border-bottom: 1px solid rgba(255,255,255,.3);
  padding-left:0;
}
.conf-table-box{
  background:rgba(37,38,42,1);
  border:1px solid rgba(255, 255, 255, 0.2);
  border-radius:3px 0px 0px 3px;
}
.conf-table{
  width:100%;
  table-layout: fixed;
}

.conf-table-t {
  border-collapse: separate;
}

.conf-table thead th{
  padding:14px 20px;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
  line-height:normal;
}
.conf-table tr td:first-child{
  padding-left:20px;
}
.conf-table tr td:last-child{
  padding-right:20px;
}
.conf-table tr td>div{
  position:relative;
  height:49px;
  line-height:49px;
  padding:0 20px;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.conf-table-t tr td>div {
  border-bottom: none;
}
.conf-table tr td:first-child>div{
  padding-left:10px;
}
.conf-table-t tr td:first-child{
  padding-left: 0;
}
.conf-table-t tr td:first-child>div{
  padding-left:0;
}
.conf-table tbody tr:hover>td>div,.conf-table tbody tr.active>td>div{
  background:rgba(0,0,0,.2);
}

.conf-table-t tbody tr:hover>td>div, .conf-table tbody tr.active>td>div {
  background: none;
}
.conf-table-t tbody tr:hover {
  background:rgba(0,0,0,.2);
}

.conf-table-t .no-cursor:hover {
  background: none;
}
.conf-table tbody tr.disabled{
  cursor:not-allowed;
}
.conf-table tbody tr.disabled td>div{
  background:rgba(0,0,0,.1);
  color:rgba(255,255,255,.4);
}
.conf-table tr:last-child td>div{
  border-bottom:none;
}
.icon-add{
  background: url('../images/alert-add.svg') no-repeat center;
}
.icon-add:hover{
  background: url('../images/alert-add.svg') no-repeat center;
}
.conf-table-tip{
  position: absolute;
  bottom: 26px;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.icon:hover .conf-table-tip{
  display: block;
}
.conf-detail-box{
  /* background:rgba(37,38,42,1); */
  border:1px solid rgba(255, 255, 255, 0.2);
  padding:20px;
  overflow:visible;
}
.conf-detail-box.right{
  border-radius:0 3px 3px 0;
}
.icon-mark.icon-mark-small{
  width: 16px;
  height: 16px;
  line-height: 15px;
  font-size: 12px;
  border-color:rgba(255,255,255,.6);
  cursor:pointer;
}
.conf-text{
  width:50px;
}
/* 页面/ajax详情 */
.conf-detail{
  position: relative;
  padding:5px 0;
  color:rgba(255,255,255,.8);
}
.conf-detail>span{
  position:absolute;
  top:5px;
  left:0;
  width:135px;
  text-align: right;
}
.conf-detail-content{
  padding-left:135px;
}
.conf-detail-content>span{
  max-width: 80%;
  vertical-align: bottom;
}
.url-history{
  max-height:200px;
}
.icon-edit{
  background: url('../images/bch-update.svg') no-repeat center;
  opacity: .3;
  vertical-align: sub;
}
/* 表头切换开关 */
.conf-switch{
  display: inline-block;
  vertical-align: middle;
}
.conf-switch>span{
  margin:0 10px;
  color:rgba(255,255,255,1);
}
.conf-switch .switch-button{
  margin-top:-3px;
}
.icon-delete{
  background: url('../images/sd-delete-icon.svg') no-repeat center;
  background-size:contain;
  opacity: .3;
  vertical-align: sub;
}
.conf-checkbox{
  position: absolute;
  top:50%;
  left:160px;
  transform: translateY(-50%);
}
.conf-cricle{
  display: inline-block;
  width:28px;
  height:28px;
  line-height:26px;
  text-align:center;
  color:rgba(255,255,255,.8);
  border:1px solid rgba(255, 255, 255, .4);
  border-radius:50%;
}
.conf-input-box{
  display: inline-block;
  vertical-align: middle;
  margin-top:-5px;
}
.conf-url{
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.dropdown-wrap.conf-detail-box{
  width:620px;
  left:auto;
  right:-102px;
  top:46px;
}
.lh30{
  line-height:30px !important;
}
.lh24{
  line-height:24px;
}
.conf-input-list{
  position:absolute;
  top:40px;
  width:600px;
  z-index:10;
}
.w160{
  width:160px;
}
.w300{
  width:300px;
}
.w400{
  width:400px;
}
.w600{
  width:600px;
}
.h410{
  height:410px;
}
.inline-block{
  display: inline-block;
}
.bchs-btn-hover{
  background:rgba(255,255,255,1);
}
.bchs-btn-hover a{
  color:rgba(5,8,7,1);
}
.conf-list-content{
  padding:20px 20px 0;
}
.mb-type-smallsquare.mb-type-disabled:hover .mb-newbuild-icon {
  color: rgba(255,255,255,.3);
}

.tab-content{
  padding:50px 0;
  background:rgba(255,255,255,.04);
}
.tab-content-pad{
  padding:20px 20px;
}
.conf-input-sm input{font-size:14px;height:30px;line-height: 30px;margin-top: 5px}

/* 主题样式切换 */
.slidemenu-options{
  position:absolute;
  left:0;
  right:0;
  bottom:100%;
  box-shadow: -8px 0px 8px 5px rgba(0,0,0,0.1);
  display:none;
}
.slidemenu-back:hover .slidemenu-options{
  display:block;
}
.slidemenu-option{
  padding:17px 24px;
  color:rgba(255,255,255,.3);
  background-color: rgba(38,39,41,1);
}
.slidemenu-option:hover{
  color:rgba(255,255,255,1);
  background-color: #1E1F21;
}
.select-option{
  width:20px;
  height:20px;
  line-height:18px;
  text-align:center;
  font-size:12px;
  border-radius:50%;
  margin-left:10px;
  color:rgba(255,255,255,.3);
  border:1px solid rgba(255,255,255,.3);
  background-color:rgba(41,42,45,1);
}
.select-option.active,.select-option:hover{
  color:rgba(255,255,255,1);
  border:1px solid rgba(255,255,255,1);
}
.theme-light{
  border-color:rgba(57,104,224,1);
  background-color:rgba(57,104,224,1);
}
.theme-light:hover{
  border-color:rgba(57,104,224,1);
}
.theme-selected{
  background-image:url("../images/alert-check-hover.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:70%;
  border-color:#fff;
}
.theme-light.theme-selected{
  border-color:rgba(57,104,224,1);
}
.wh-auto{
  position: absolute;
  width: 100%;
  height: 100%;
}
.sidebar-none .sidebar{
  display: none !important;
  transition:none !important;
}
.sidebar-none .content{
  padding-left: 25px !important;
  transition:none !important;
}
/*dashboard 详情页*/

/*编辑情况下*/
.db-detail-content.edit .db-detail-title span{
  display: block !important;
}
.db-detail-content.edit .db-list-more{
  display: block !important;
}
.db-detail-content.edit .widget-no-move-mask{
  display: none !important;
}
.db-detail-content.edit .widget-resize{
  display: block !important;
}

:-webkit-full-screen .db-detail-header{
  display: none !important;
}
:-moz-full-screen .db-detail-header{
  display: none !important;
}
:-ms-fullscreen .db-detail-header{
  display: none !important;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .db-detail-header{
  display: none !important;
}
:fullscreen .db-detail-header{
  /* IE11支持 */
  display: none !important;
}

:-webkit-full-screen .db-detail-title{
  padding-top: 30px;
  padding-bottom: 15px;
}
:-moz-full-screen .db-detail-title{
  padding-top: 30px;
  padding-bottom: 15px;
}
:-ms-fullscreen .db-detail-title{
  padding-top: 30px;
  padding-bottom: 15px;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .db-detail-title{
  padding-top: 30px;
  padding-bottom: 15px;
}
:fullscreen .db-detail-title{
  padding-top: 30px;
  padding-bottom: 15px;
}
:-webkit-full-screen .db-detail-content.edit .db-detail-title span,:-webkit-full-screen .db-detail-content.edit .db-list-more,:-webkit-full-screen .db-detail-content.edit .widget-resize{
  display: none !important;
}
:-moz-full-screen .db-detail-content.edit .db-detail-title span,:-moz-full-screen .db-detail-content.edit .db-list-more,:-moz-full-screen .db-detail-content.edit .widget-resize{
   display: none !important;
 }
:-ms-fullscreen .db-detail-content.edit .db-detail-title span,:-ms-fullscreen .db-detail-content.edit .db-list-more, :-ms-fullscreen .db-detail-content.edit .widget-resize{
  display: none !important;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .db-detail-content.edit .db-detail-title span,:full-screen .db-detail-content.edit .db-list-more,:full-screen .db-detail-content.edit .widget-resize{
  display: none !important;
}
:fullscreen .db-detail-content.edit .db-detail-title span,:fullscreen .db-detail-content.edit .db-list-more,:fullscreen .db-detail-content.edit .widget-resize{
  display: none !important;
}

:-webkit-full-screen .db-detail-content.edit .widget-no-move-mask{
  display: block !important;
}
:-moz-full-screen .db-detail-content.edit .widget-no-move-mask{
  display: block !important;
}
:-ms-fullscreen .db-detail-content.edit .widget-no-move-mask{
  display: block !important;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .db-detail-content.edit .widget-no-move-mask{
  display: block !important;
}
:fullscreen .db-detail-content.edit .widget-no-move-mask{
  display: block !important;
}

/* 子业务概览卡片hover样式 */
.card-hover:hover{
  position: relative;
  top:-3px;
}
.card-hover:hover .card-overview{
  background: linear-gradient(30deg, transparent, rgba(255,255,255,.3));
}

.isType1 .grid.light{
  overflow: inherit !important;
}
:-webkit-full-screen .db-list-back{
  display: none !important;
}
:-moz-full-screen .db-list-back{
  display: none !important;
}
:-ms-fullscreen .db-list-back{
  display: none !important;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .db-list-back{
  display: none !important;
}
:fullscreen .db-list-back{
  display: none !important;
}
/* 慢事务追踪 */
.slow-trace:hover{
  border-bottom:none;
}
.slow-trace{
  position:relative;
}
.slow-trace .bubble-wrap{
  position:absolute;
  bottom:30px;
  left:50%;
  transform: translateX(-50%);
  display: none;
}
.slow-trace:hover .bubble-wrap{
  display: block;
}
.icon-slow{
  display: inline-block;
  width:20px;
  height:20px;
  border:1px solid rgba(255,255,255,.6);
  border-radius:2px;
  background:url("../images/icon-slow.svg") no-repeat center;
  background-size:80%;
  vertical-align: bottom;
}
.icon-slow:hover{
  border:1px solid rgba(255,255,255,1);
}
.two-line{
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height:40px;/* 火狐不支持line-clamp，限制高度，但不显示... */
  min-width:200px;
}
.icon-record{
  background: url('../images/icon-record.svg') no-repeat center;
}
.icon-record:hover{
  background: url('../images/icon-record-hover.svg') no-repeat center;
}
.icon-record .bubble-wrap{
  display: none;
  position:absolute;
}
.icon-record:hover .bubble-wrap{
  display: block;
  bottom:30px;
  left:50%;
  transform: translateX(-50%);
}
.business-select-config .mdd-select{
  width:100% !important;
}
.mdd-select:hover .arrow-line{
  opacity: 1;
}
.mdd-select:hover{
  border-color: #fff;
}
:-webkit-full-screen .bt-right-icon.fullscreen:hover{
  background:#292A2D url(../images/exit-full-hover.svg) no-repeat center;
}
:-moz-full-screen .bt-right-icon.fullscreen:hover{
  background:#292A2D url(../images/exit-full-hover.svg) no-repeat center;
}
:-ms-fullscreen .bt-right-icon.fullscreen:hover{
  background:#292A2D url(../images/exit-full-hover.svg) no-repeat center;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .bt-right-icon.fullscreen:hover{
  background:#292A2D url(../images/exit-full-hover.svg) no-repeat center;
}
:fullscreen .bt-right-icon.fullscreen:hover{
  background:#292A2D url(../images/exit-full-hover.svg) no-repeat center;
}
:-webkit-full-screen .bt-right-icon.fullscreen{
  background:#292A2D url(../images/exit-full.svg) no-repeat center;
}
:-moz-full-screen .bt-right-icon.fullscreen{
  background:#292A2D url(../images/exit-full.svg) no-repeat center;
}
:-ms-fullscreen .bt-right-icon.fullscreen{
  background:#292A2D url(../images/exit-full.svg) no-repeat center;
}
/* 全屏伪类 当前chrome:70 不支持 */
:full-screen .bt-right-icon.fullscreen{
  background:#292A2D url(../images/exit-full.svg) no-repeat center;
}
:fullscreen .bt-right-icon.fullscreen{
  background:#292A2D url(../images/exit-full.svg) no-repeat center;
}
/* 表格固定头部加阴影 */
.th-shadow{
  box-shadow:7px 7px 7px rgba(0,0,0,.5);
}
/* 拓扑图列表梯形按钮 */
.bt-right-name-trapezoid.pos-right{
  left:auto;
  right:-30px;
}
.bt-right-name-trapezoid.pos-right:before{
  border-width:0 30px 25px 0;
}
.bt-right-name-trapezoid.pos-right:after{
  border-width:25px 30px 0 0;
}
.card-buttom .a-more {
  color: rgba(255,255,255,.6);
  font-size: 14px;
}
.card-buttom .a-more:hover {
  color:rgba(255,255,255,1);
}
.file-cont{
  position: absolute;
  width: 500px;
  height: 100px;
  line-height: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #303135;
  text-align: center;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width: 6px !important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  height: 6px !important;
  width: 100% !important;
}
.card-title:hover a{ cursor: pointer; color:#1890FF;}
.start-up{
  display: inline-block;
  width:20px;
  height:16px;
  background:url("../images/alert-check-hover.svg") no-repeat center;
}
.sd-card-new .sticky-top thead tr th, .sd-card-new .sticky-left tbody tr td:first-child, .sd-card-new .sticky-left thead tr th:first-child, .sd-card-new .sticky-right tbody tr td:last-child, .sd-card-new .sticky-right thead tr th:last-child {
    background: #303135;
}
.mb-thread-disable {
  background-color: transparent;
  color: rgba(255,255,255,.3);
  border: solid 2px rgba(255,255,255,.1);
  cursor: not-allowed;
}
/*

Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
based on dark.css by Ivan Sagalaev

*/

.hljs {
  display: block;
  /* overflow-x: auto; */
  padding: 0.5em;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-tag {
  color: #4d90f7;
}

.hljs-template-tag {
  color: #dcdcdc;
}

.hljs-number {
  color: #06abab;
}

.hljs-variable,
.hljs-template-variable,
.hljs-attribute {
  color: #efdcbc;
}

.hljs-literal {
  color: #06abab;
}

.hljs-subst {
  color: #8f8f8f;
}

.hljs-title,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-section,
.hljs-type {
  color: #efef8f;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #dca3a3;
}

.hljs-deletion,
.hljs-string,
.hljs-built_in,
.hljs-builtin-name {
  color: #ffd591;
}

.hljs-addition,
.hljs-comment,
.hljs-quote,
.hljs-meta {
  color: #7f9f7f;
}


.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}
.bg-purple{
  background: #7b7bf5;
}
.mt6{
  margin-top:6px;
}
.card-trace-warp .blue-hover{
  color:#357BE7;
}
.blue-hover:hover{
  cursor: pointer;
  color: #1890FF;
}
.mCustomScrollBox{
  outline:none;
}
/* 时间选择器str */
.date-wrap{
  position:absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
}
.btn-date{
  position: relative;
  display: inline-block;
  padding:0 6px;
  line-height:28px;
  color:rgba(255,255,255,.6);
  border:1px solid rgba(255,255,255,0.2);
  border-radius:4px;
  cursor:pointer;
}
.text-yellow{
  color:#F5913A;
}
.btn-date+.btn-date{
  margin-left:4px;
}
.btn-date:hover,.btn-date.active{
  color:rgba(255,255,255,1);
}
.btn-date>span{
  display: inline-block;
  width:16px;
  height:16px;
  vertical-align: sub;
  background-size: contain;
  opacity: .6;
}
.btn-date:hover>span{
  opacity: 1;
}
.date-search{
  background:url("../images/icon-reduce.svg") no-repeat center;
}
.date-refresh{
  background: url("../images/icon-refresh.svg") no-repeat center;
}
.date-left{
  background: url("../images/drop-down.svg") no-repeat center;
  transform: rotate(90deg);
}
.date-right{
  background: url("../images/drop-down.svg") no-repeat center;
  transform: rotate(-90deg);
}
.btn-date .bubble-wrap{
  display: none;
  position: absolute;
  top:40px;
  left:50%;
  transform: translateX(-50%);
}
.btn-date .bubble-text{
  white-space: nowrap;
  padding:5px 10px;
}
.btn-date:hover .bubble-wrap{
  display: block;
}
/* 日期选择面板 */
.date-panel{
  position: absolute;
  top:35px;
  right:0;
  height:460px;
  white-space: nowrap;
  background:linear-gradient(225deg,rgba(63,65,72,1) 0%,rgba(41,42,51,1) 100%);
  box-shadow:3px 3px 9px -2px rgba(0,0,0,0.5);
  /* display: none; */
}
.date-panel.date-panel-show{
  display:block;
}
/* 最近时间 */
.recent-time{
  position:relative;
  display: inline-block;
  width:280px;
  height:100%;
  padding:20px 30px;
  border-right:2px solid rgba(43,44,51,1);
  vertical-align: bottom;
}
.recent-time-cont{
  max-height:calc(100% - 24px);
}
.recent-time-items{
  width: 50%;
  margin-top:10px;
}
.recent-time-item{
  padding:2px 12px;
  border-radius:20px;
  line-height:22px;
  cursor:pointer;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.recent-time-item:hover{
  color:rgba(42,43,45,1);
  background:rgba(255,255,255,.6);
}
.recent-time-item.active{
  color:rgba(53,123,231,1);
  background:rgba(255,255,255,1);
}
.date-or{
  position: absolute;
  right:-11px;
  top:50%;
  width:22px;
  height:22px;
  margin-top:-11px;
  color:rgba(255,255,255,.3);
  text-align:center;
  line-height:20px;
  border-radius:50%;
  background:rgba(43,44,51,1);
}
/* 指定时间 */
.appointed-time{
  display: inline-block;
  width:440px;
  height:100%;
  padding:20px 30px 20px 20px;
}
.date-search-input{
  width:47%;
}
.date-search-line{
  width:6%;
  text-align: center;
  line-height: 36px;
}
.date-start,.date-end{
  position:relative;
  width:47%;
  padding:10px;
  background:rgba(43,44,51,1);
}
.date-start-header{
  position:relative;
  padding:0 30px;
  text-align:center;
}
.date-arrow-left,.date-arrow-right{
  position:absolute;
  display: inline-block;
  width:20px;
  height:20px;
  top:50%;
  margin-top:-10px;
  background:url("../images/drop-down.svg") no-repeat center;
  background-size:contain;
  opacity: .6;
}
.date-arrow-left{
  left:0;
  transform: rotate(90deg);
}
.date-arrow-right{
  right:0;
  transform: rotate(-90deg);
}
.date-arrow-left:hover,.date-arrow-right:hover{
  opacity: 1;
}
.date-arrow-left.disabled,.date-arrow-right.disabled{
  cursor:not-allowed;
  opacity: .6;
}
.date-week-cell,.date-day-cell{
  color:rgba(255,255,255,.3);
}
.date-week-cell>li,.date-day-cell>li{
  position:relative;
  float:left;
  width:23px;
  height:23px;
  text-align:center;
  margin-bottom:6px;
}
.current-month{
  color:rgba(255,255,255,1);
}
.date-range:after{
  content:'';
  display: inline-block;
  position: absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background: rgba(255,255,255,.1);
}
.current-day{
  color:rgba(42,43,45,1);
  background:rgba(255,255,255,.6);
}
.date-day-cell>li:hover,.date-day-cell>li.active{
  color:rgba(53,123,231,1);
  background:rgba(255,255,255,1);
  cursor:pointer;
}
.date-day-cell>li.disabled{
  cursor:not-allowed;
  color:rgba(255,255,255,.3);
  background:transparent;
}
/* 时间选择 */
.time-select,.time-select-dropdown,.time-refresh{
  width:47%;
}
.time-select-dropdown{
  background:rgba(43,44,51,1);
}
.time-select-colon{
  width:6%;
  text-align:center;
  line-height:30px;
}
/* 年份、月份选择 */
.date-select{
  font-size:16px;
  color:rgba(255,255,255,1);
}
.date-select>span{
  cursor:pointer;
}
.date-select>span:hover,.date-select>span.active{
  color:rgba(53,123,231,1);
}
.date-year,.date-month{
  position:absolute;
  top:34px;
  right:10px;
  bottom:10px;
  left:10px;
  background:rgba(43,44,51,1);
  display: none;
}
.date-year.date-year-show,.date-month.date-month-show{
  display: block;
}
.date-year>ul>li,.date-month>ul>li{
  float: left;
  width:33%;
  margin:15px 0;
  line-height:22px;
  text-align:center;
  border-radius:11px;
  cursor:pointer;
}
.date-year>ul>li:hover,.date-month>ul>li:hover,.date-year>ul>li.active,.date-month>ul>li.active{
  color:rgba(53,123,231,1);
  background:rgba(255,255,255,1);
}
.date-year>ul>li.disabled,.date-month>ul>li.disabled{
  color:rgba(255,255,255,.3);
  background:transparent;
  cursor:not-allowed;
}
.time-refresh .dropdown-wrap,.time-select-dropdown .dropdown-wrap{
  top: auto;
  bottom: 100%;
  box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.5);
}
/* 时间选择器end */
.antTest-calendar-month-panel{
  /*background:#2B2C33 !important;*/
}
.bg-black .bg-black,.bg-black .bg-black-charts,.bg-black-charts .bg-black,.bg-black-charts .bg-black-charts{
  background:rgba(255,255,255,.04);
}
.bg-black .http_info_content {
  background: #2F3034;
}
.bg-apm-charts{
  background:rgba(255,255,255,.04) !important;
}
/* 拓扑图图标 */
.sd-card-bd-new .icon-hexagon-six {
  background: url(../images/hexagon-six.svg) no-repeat center;
}
.sd-card-bd-new .icon-hexagon-three {
  background: url(../images/hexagon-three.svg) no-repeat center;
}
.sd-card-bd-new .icon-hexagon-one{
  background: url("../images/hexagon-one.svg") no-repeat center;
}
/* 多选下拉框新增自定义添加，已选项、待选项 */
.apm-search-add{
  display: inline-block;
  width:16px;
  height:16px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background: #303137 url("../images/alert-add-hover.svg") no-repeat center;
  background-size:8px;
}
.apm-search-wrap .apm-search-add{
  position:absolute;
  top:50%;
  right:30px;
  transform: translateY(-50%);
}
.apm-search-add:hover{
  background-image:url("../images/alert-add.svg");
  border-color:rgba(255,255,255,1);
}
.dropdown-list li{
  position: relative;
}
.dropdown-list .icon{
  display: none;
  position: absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
}
.icon-reduce{
  background:url("../images/bt-shrink.svg") no-repeat center;
}
.dropdown-list li:hover .icon{
  display: block;
}
.dropdown-default .sd-checkbox-label em,.dropdown-default .sd-radio-label em{
  font-size:14px;
}
.td-bubble{
  position:relative;
}
.td-bubble .bubble-wrap{
  display:none;
  position:absolute;
  bottom:25px;
  left:50%;
  transform:translateX(-50%);
}
.td-bubble:hover .bubble-wrap{
  display:block;
}
.td-bubble .bubble-text{
  padding:5px 10px;
}
.bg-content{
  background:#1D1E22;
}
/* 人员列表 */
.users-content{
  max-height:200px;
}
.user-lists{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.user-lists:last-child{
  border-bottom:none;
}
.text-normal{
  white-space: normal;
  word-break: break-all;
}
.icon-sense-edit{
  background:url("../images/tingyun-report-custom-icon.svg") no-repeat center;
  background-size:contain;
}
.input-nobor{
  width:180px;
  border:none;
  outline:none;
  background: transparent;
  color:rgba(255,255,255,1);
}
.icon-throw-screen{
  background:url("../images/sense-screen.svg") no-repeat center;
}
.icon-sense-copy{
  background:url("../images/sense-copy.svg") no-repeat center;
}
.icon-sense-delete{
  background:url("../images/sense-delete.svg") no-repeat center;
}
.icon-throw-screen,.icon-sense-copy,.icon-sense-delete,.icon-jurisdiction{
  cursor:pointer;
  opacity: .6;
  vertical-align: sub;
  background-size: contain;
}
.sense-setting-box .icon-tooltip{
	border:1px solid rgba(53,123,231,1);
	background:#223149;
	box-shadow:0px 3px 4px 0px rgba(28,30,37,0.64);
}
.sense-setting-box .icon-tooltip.bottom:before{
	border-bottom-color:rgba(53,123,231,1);
}
.sense-setting-box .icon-tooltip.bottom:after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #223149;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
}
.sense-setting-box .icon-tooltip.bottom{
	top:27px;
}
.card-mask-parent{
  position:relative;
}
.card-mask-parent:hover .card-mask{
  display: block;
}
.position-ad-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
/* 业务系统智管中心-配置-手工录入 */
.bg-black-content{
  padding:30px;
  background:#121212;
  border:1px solid rgba(255,255,255,0.2);
}
.handwork-conf{
  background:#252527;
  border:1px solid rgba(255,255,255,.15);
}
.conf-left{
  float:left;
  width:30%;
  padding:20px;
}
.conf-right{
  position: relative;
  width:70%;
  min-height:500px;
  float:right;
  padding:20px;
  background:rgba(30,30,30,1);
  border-left:1px solid rgba(255,255,255,.15);
}
.ul-lists{
  max-height:710px;
}
.ul-lists li{
  padding:0 10px;
  margin-bottom:10px;
  line-height:40px;
  color:rgba(255,255,255,.65);
  cursor:pointer;
}
.ul-lists li:hover{
  background:#363637;
}
.ul-lists li.active{
  color:#fff;
  background:rgba(53,123,231,1);
}
/* 带边框的输入框，高度30px,宽度100% */
.conf-input-border{
  width:100%;
  height:30px;
  line-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.2);
  background: transparent;
  outline:none;
}
.conf-input-border:hover{
  border-color:#fff;
}
.ant-tree-container{
  max-height:700px;
}
.border-container{
  position:relative;
  padding:20px;
  border:1px solid rgba(255,255,255,.1);
}
.pos-ab-cb{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
}
.conf-data-null{
  text-align:center;
  opacity: .4;
}
.data-null-icon{
  width:60px;
  height:50px;
  background: url("../images/data-null.svg") no-repeat center;
}
/* 业务系统智管中心-配置-手工录入 */
.w100{
  width:100px;
}
.ml100{
  margin-left:100px;
}
.transfer-left-title{
  width:245px;
}
.transfer-right-title{
  width:195px;
}
.bg-blue .switch-button-close{
  background:rgba(255,255,255,.4) !important;
}
.sd-table a.btn-operate-delete, .table-bor a.btn-operate-delet, .btn-operate-delete {
  color: #DF5D56;
}


.action-trace-timeline .timeline .st0 {
  fill: #1C1E26;
}

.action-trace-timeline .timeline .st1 {
  opacity: 0.7;
  fill: #3479E8;
}

.action-trace-timeline .timeline .st2 {
  opacity: 0.7;
  fill: #7349C4;
}

.action-trace-timeline .timeline .st3 {
  opacity: 0.7;
  fill: #f5c277;
}

.action-trace-timeline .timeline .st4 {
  opacity: 0.7;
  fill: #48BB87;
}

.action-trace-timeline .timeline .st01 {
  fill: #292A2D;
}
.dropdown-date .antTest-calendar-picker-input{
  text-align: left;
}
.h-290{
  height:290px;
}
.dropdown-wrap-business{
  position: absolute;
  right: 0;
  top:calc(100% + 5px);
  width:240px;
  display:block;
  overflow:hidden;
  background:#303137;
  -webkit-box-shadow:2px 5px 6px 0px rgba(0,0,0,0.3);
  -moz-box-shadow:2px 5px 6px 0px rgba(0,0,0,0.3);
  box-shadow:2px 5px 6px 0px rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.1);
  border-top:0;
  z-index:100;
}
/*bpi-new*/
.performance-bg-color{
  background: rgba(190, 184, 184, 0.06);
}
.dropdown-lists-icon-box{
  display: none;
  height:12px;
}
.dropdown-list>li:hover .dropdown-lists-icon-box{
  display: block;
}
.dropdown-lists-icon{
  display: inline-block;
  width:12px;
  height:12px;
  vertical-align: baseline;
  opacity: .3;
  margin-right:5px;
}
.dropdown-lists-icon:last-child{
  margin-right:0;
}
.dropdown-lists-icon:hover{
  opacity: 1;
}
.icon-close{
  background:url("../images/int-close.svg") no-repeat center;
}
.rule-conf-left{
  float:left;
  width:80%;
  padding:10px;
}
.rule-conf-right{
  position: relative;
  width:20%;
  float:right;
  padding:5px;
  /*border-left:1px solid rgba(255,255,255bg-blue,.15);*/
}
.alert-hint-box.success{
  color: rgba(72,187,135,1);
}
.btn-operate.edit{
  color: #1890FF;
}
.alert-hint-box.ignore{
  color: rgba(255,215,0,1);
}
.alert-hint-box.no-ignore{
  color: rgba(9,255,255,1);
}
.btn-operate.search-grafana {
  color: rgba(255,60,148,1);
}
.element-box{
  /*margin-top: -10px;*/
  width: 400px;
  border: 1px solid rgba(255,255,255,.15);
  background-color: #000000;
}
/*bpi-new*/


/* collectors样式 */
.layout-content-xs{
  position:relative;
  /* padding:20px; */
}
.collectors-content{
  position:relative;
  border-radius:6px;
  overflow: hidden;
}
.collectors-left{
  width:200px;
  padding:15px;
}
.collectors-right{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:200px;
  padding:20px;
  background:rgba(29,30,34,1);;
}
.collectors-value{
  padding:4px 0;
}
.current-value{
  font-size:24px;
  color:#fff;
}
.max-value{
  float:right;
  font-size:12px;
  margin-top:8px;
}
.max-value em{
  margin-left:5px;
}
.max-value-cont{
  border-radius:4px;
  padding:3px 10px;
  background:rgba(255,255,255,.15);
}
.collectors-value-list{
  padding:5px 0;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.collectors-value-list:last-child{
  border:none;
}
.collectors-value-list .current-value{
  font-size:18px;
}
.bg-blue-linear{
  background:linear-gradient(316deg,rgba(52,195,238,1) 0%,rgba(19,134,251,1) 67%,rgba(14,124,253,1) 100%);
}
/* 按钮图标 */
.icon-enable span{
  vertical-align: sub;
  background: url("../images/enable.svg") no-repeat center;
}
.icon-enable.disabled:hover span{
  vertical-align: sub;
  background: url("../images/enable.svg") no-repeat center;
}
.icon-enable:hover span{
  background: url("../images/enable-hover.svg") no-repeat center;
}
.icon-disabled span{
  vertical-align: sub;
  background: url("../images/disabled.svg") no-repeat center;
}
.icon-disabled.disabled:hover span{
  vertical-align: sub;
  background: url("../images/disabled.svg") no-repeat center;
}
.icon-disabled:hover span{
  background: url("../images/disabled-hover.svg") no-repeat center;
}
.icon-upgrade span{
  vertical-align: sub;
  background: url("../images/upgrade.svg") no-repeat center;
}
.icon-upgrade:hover span{
  background: url("../images/upgrade-hover.svg") no-repeat center;
}
.icon-restart span{
  vertical-align: sub;
  background: url("../images/restart.svg") no-repeat center;
}
.icon-restart:hover span{
  background: url("../images/restart-hover.svg") no-repeat center;
}
.icon-journal span{
  vertical-align: sub;
  background: url("../images/journal.svg") no-repeat center;
}
.icon-journal:hover span{
  background: url("../images/journal-hover.svg") no-repeat center;
}
.icon-journal.disabled:hover span{
  background: url("../images/journal.svg") no-repeat center;
}
.icon-downlog span{
  vertical-align: sub;
  background: url("../images/downlog.svg") no-repeat center;
}
.icon-downlog:hover span{
  vertical-align: sub;
  background: url("../images/downlog-hover.svg") no-repeat center;
}
.icon-config span{
  vertical-align: sub;
  background: url("../images/config.svg") no-repeat center;
}
.icon-config:hover span{
  background: url("../images/config-hover.svg") no-repeat center;
}
.row-click:hover{
  color:#fff;
  cursor:pointer;
}
.alert-status-free{
  background:rgba(96,96,210,1);
}
.border-text{
  display:inline-block;
  line-height:28px;
  padding:0 20px;
  text-align: center;
  color:rgba(255,255,255,.9);
  background:rgba(53,54,58,1);
  border-radius:18px;
  border:1px solid rgba(41,42,45,.6);
  max-width: 120px;
  vertical-align: middle;
}
.border-text em{
  color:rgba(255,255,255,.6);
}
.border-text+.border-text{
  margin-left:10px;
}
.layout-content-other{
  position:relative;
  padding:20px 30px;
}
.mb5{
  margin-bottom:5px;
}
.mt5{
  margin-top:5px;
}
/* 弹框里的容器 */
.sd-card-content{
  position:relative;
  padding:10px 20px;
  background:rgba(30,30,30,1);
  border-radius:2px;
  border:1px solid rgba(255,255,255,0.2);
}
/* 弹框中左右两边布局 */
.sd-card-box{
  background:rgba(30,30,30,1);
  border:1px solid rgba(255,255,255,0.2);
  box-sizing:border-box;
}
.sd-card-left{
  width:60%;
  height:400px;
  padding:20px;
}
.sd-card-right{
  width:40%;
  height:400px;
  padding:20px;
  border-left:1px solid rgba(255,255,255,0.2);
  background:rgba(37,37,39,1);
}
.icon-defalue{
  display:inline-block;
  width:16px;
  height:16px;
}
.icon-select{
  background:url("../images/select.svg") no-repeat center;
}
.sd-table-border{
  width:100%;
  border-top:1px solid #424242;
  border-left:1px solid #424242;
}
.sd-table-border th,.sd-table-border td{
  padding:10px;
  border-right:1px solid #424242;
  border-bottom:1px solid #424242;
  line-height:29px;
}
.icon-info{
  background:url("../images/info.svg") no-repeat center;
  vertical-align: sub;
}
.card-half{
  position:relative;
  border:1px solid rgba(255,255,255,0.2);
  background:#1E1E1E;
}
.card-half.border-dashed{
  position:relative;
  border:1px dashed rgba(255,255,255,0.2);
}
.pos-ab-c{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.file{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  opacity:0;
  cursor:pointer;
}
.step-bar2{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  transform:translateY(-50%);
}
.step-bar2>li{
  float:left;
  width:20%;
  text-align:right;
}
.step-bar2>li>div{
  display: inline-block;
  text-align:center;
  width:90px;
}
.step-circle{
  position:relative;
  display:inline-block;
  width:38px;
  height:38px;
  background:rgba(255,255,255,.3);
  border:6px solid rgba(48,49,58,1);
  border-radius:50%;
}
.step-circle:before{
  content:"";
  position:absolute;
  top:50%;
  right:37px;
  width:124px;
  height:6px;
  margin-top:-3px;
  background:rgba(255,255,255,.2);
}
.step-bar2>li:first-child .step-circle:before{
  display:none;
}
.step-bar2>li.active .step-circle:before,.step-bar2>li.active .step-circle{
  background:rgba(0,173,146,1);
}
.dropdown-options .dropdown-wrap{
  width:200%;
}
.dropdown-options-right .dropdown-wrap{
  width:200%;
  left:auto;
  right:0;
}


/* 平台授权信息 */
.authorize-info{
  height:364px;
  padding:20px;
  color:#fff;
  margin-bottom:10px;
  background:rgba(41,42,45,1);
}
.authorize-info .card-title{
  color:#fff;
}
.authorize-info>div{
  position:relative;
  height:100%;
  padding-bottom:50px;
}
.authorize-info.authorize-active{
  background:linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
}
.authorize-left{
  border-right:1px solid rgba(255,255,255,.65);
}
.authorize-value{
  margin-top:10px;
}
.authorize-value>div{
  font-size:30px;
  line-height:1.2;
}
.authorize-value>span{
  font-size:12px;
}
.end-date{
  position:absolute;
  bottom:0;
  left:0;
}
/* apm */
.authorize-apm{
  background:url("../images/pac-apm.svg") no-repeat right bottom;
}
/* 用户体验 */
.authorize-user{
  background:url("../images/pac-user-exp.svg") no-repeat right bottom;
}
/* 智能告警 */
.authorize-alarm{
  background:url("../images/pac-intelligent-alarm.svg") no-repeat right bottom;
  background-size:30%;
}
/* 智慧大屏 */
.authorize-screen{
  background:url("../images/pac-big-screen.svg") no-repeat right bottom;
  background-size:30%;
}
/* 业务IT分析 */
.authorize-buz{
  background:url("../images/pac-business-analysis.svg") no-repeat right bottom;
  background-size:30%;
}
/* 组件监控 */
.authorize-component{
  background:url("../images/pac-compt-monit.svg") no-repeat right bottom;
}
/* 小程序 */
.authorize-procedures{
  background:url("../images/pac-small-procedures.svg") no-repeat right bottom;
}
/* 平台授权信息 */

/*collector弹出框边界*/
.collector-dialog-padding .sd-card-bd-new.scroll-y{
  padding: 0 !important;
}
/* 表格套表格时，固定表头背景颜色 */
.sd-table tr:hover .sticky-top thead tr th {
  background: #313235;
}
/* 表格自定义表头 */
.width-progress{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  background-color:rgb(51,123,231);
}
/* 表格自定义表头 */
/* ows事务详情 */
.ows-stack{
  /*margin-left:-20px;
  margin-right:-20px;*/
  padding-top:16px;
  padding-bottom:16px;

}
.icon-ows{
  display:inline-block;
  width:38px;
  height:27px;
  vertical-align:middle;
}
.icon-ows-tomcat{
  background:url("../images/ows-tomcat.svg") no-repeat center;
}
.ows-stack>div{
  position:relative;
  display:inline-block;
  width:33%;
  padding:0 20px;
  vertical-align:bottom;
}
.stack-lists>li{
  position:relative;
  border: 1px solid rgba(53,123,231,.4);
  border-bottom: none;
}
.stack-lists>li:last-child{
  margin-bottom:0;
  border-bottom:1px solid rgba(53,123,231,.4);
}
.stack-lists-whole>li{
  margin-bottom:0;
}
.icon-stack{
  display:inline-block;
  width:60px;
  height:60px;
  vertical-align:middle;
}
.icon-ows-user{
  background:rgba(74,135,235,1) url("../images/ows-user.svg") no-repeat center;
}
.icon-ows-affairs{
  background:rgba(74,135,235,1) url("../images/ows-affairs.svg") no-repeat center;
}
.icon-ows-bs{
  background:rgba(74,135,235,1) url("../images/ows-bs.svg") no-repeat center;
}
.icon-ows-app{
  background:rgba(74,135,235,1) url("../images/ows-app.svg") no-repeat center;
  background-size:35%;
}
.icon-ows-service{
  background:rgba(74,135,235,1) url("../images/service.svg") no-repeat center;
}
.icon-ows-database{
  background:rgba(74,135,235,1) url("../images/database.svg") no-repeat center;
}
.icon-ows-redis{
  background:rgba(74,135,235,1) url("../images/redis.svg") no-repeat center;
}
.icon-ows-memcached{
  background:rgba(74,135,235,1) url("../images/memcached.svg") no-repeat center;
}
.icon-ows-queues{
  background:rgba(74,135,235,1) url("../images/queues.svg") no-repeat center;
}
.icon-ows-mongodb{
  background:rgba(74,135,235,1) url("../images/MongoDB.svg") no-repeat center;
}
.stack-box{
  padding:8px 15px;
  height:60px;
  line-height:1.3;
  color:#fff;
  background:rgba(42,43,47,1);
}
.stack-value{
  font-size:20px;
  margin-right:5px;
}
.stack-text{
  font-size:12px;
  color:rgba(255,255,255,.65);
  margin-top:6px;
}
.stack-normal:hover{
  background:rgba(74,135,235,1);
  border-color:rgba(14,124,253,1);
}
.stack-error{
  color:rgba(240,87,79,1);
}
.stack-error .stack-text{
  color:rgba(240,87,79,.65);
}
.stack-error:hover{
  color:#fff;
  background:rgba(240,87,79,1);
}
.stack-error:hover .stack-text{
  color:rgba(255,255,255,.65);
}
.icon-application{
  position:relative;
  display:inline-block;
  width:35px;
  height:45px;
  vertical-align:middle;
}
.icon-app-tomcat{
  background:url("../images/tomcat.svg") no-repeat center;
  background-size:contain;
}
.icon-application .badge{
  position:absolute;
  top:0;
  right:-20px;
}
.stack-stacking{
  line-height:1;
}
/* 箭头 */
.stack-arrow{
  position:absolute;
  top:50%;
  right:-20px;
  transform:translateY(-50%);
}
.stack-arrow-right,.stack-arrow-left{
  display:inline-block;
  width:34px;
  height:16px;
}
.stack-arrow-right{
  background:url("../images/ows-right.svg") no-repeat center;
}
.stack-arrow-left{
  background:url("../images/ows-left.svg") no-repeat center;
}
.stack-lists>li .stack-arrow{
  right:-40px;
}
.right-btn-group{
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
}
.mt15{
  margin-top:15px;
}
/* ows事务详情 */
/* 数据库详情-概要信息 */
.outline-lists{
  max-height:220px;
}
.outline-item{
  position:relative;
  margin-bottom:3px;
}
.outline-item:before{
  content:"";
  position:absolute;
  width:100%;
  left:0;
  right:0;
  top:11px;
  transform:translateY(-50%);
  border-top:1px dashed rgba(255,255,255,.6);
}
.outline-info,.outline-value{
  position:relative;
  background:#292a2d;
  z-index:10;
}
.outline-info{
  float:left;
  padding-right:10px;
}
.outline-value{
  float:right;
  padding-left:20px;
}
/* 数据库详情-概要信息 */
/* 故障 */
.badge{
  display:inline-block;
  min-width:8px;
  height:18px;
  line-height:18px;
  padding:0 5px;
  border-radius:50px;
  text-align:center;
  background:#fff;
  color:rgba(41,42,45,1);
}
.badge.badge-warning{
  color:rgba(41,42,45,1);
  background:rgba(255,204,67,1);
}
.badge.badge-danger{
  color:#fff;
  background:rgba(223,93,86,1);
}
.badge.badge-success{
  color:#fff;
  background:rgba(72,187,135,1);
}
/* 故障 */



/* 集成列表 */
.collapse-box{
  position:relative;
}
.collapse-left,.collapse-aside{
  position:absolute;
  width:400px;
  top:0;
  bottom:0;
  background:#292a2d;
  z-index:100;
  transition:all .2s linear;
}
.collapse-left{
  left:0;
  box-shadow:5px 0 6px 0px rgba(10,10,11,0.5);
  z-index:100;
}
.collapse-aside{
  right:0;
  box-shadow:-5px 0 6px 0px rgba(10,10,11,0.5);
  z-index:99;
}
.icon-edit-new>span, .icon-edit-new-apm>span{
  background:url("../images/tingyun-report-custom-icon.svg") no-repeat center;
  vertical-align:middle;
  background-size:80%;
  opacity:.6;
}
.icon-edit-new:hover>span, .icon-edit-new-apm:hover>span{
  background-image:url("../images/tingyun-report-custom-icon-gray.svg");
}
.icon-edit-new, .icon-edit-new-apm{
  background:url("../images/tingyun-report-custom-icon.svg") no-repeat center;
  background-size: 60%;
  vertical-align: sub;
}
.add-comment{
  cursor:pointer;
}
.add-comment:hover{
  color:rgba(255,255,255,1);
}
.add-comment:hover .icon{
  opacity:1;
}
.collapse-btn{
  position:absolute;
  left:100%;
  top:20px;
  width:20px;
  height:30px;
  background:#292a2d;
  border-radius:0 4px 4px 0;
  box-shadow:3px 3px 3px 0px rgba(10,10,11,0.5);
  cursor:pointer;
}
.collapse-aside .collapse-btn{
  right:100%;
  left:auto;
  border-radius:4px 0 0 4px;
  box-shadow:-3px 0 3px 0px rgba(10,10,11,0.5);
}
.collapse-left .icon-arrow,.collapse-aside-close .icon-arrow{
  transform:translate(-50%,-50%) rotate(180deg);
}
.collapse-left-close .icon-arrow{
  transform:translate(-50%,-50%);
}
.collapse-left-close,.collapse-aside-close{
  width:20px;
}
.collapse-left-close .collapse-hd,.collapse-left-close .collapse-left-bd,.collapse-aside-close .collapse-aside-bd{
  display:none;
}
.collapse-left-open{
  width:auto;
  right:0;
}
.collapse-hd{
  padding:30px 30px 20px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.collapse-left-bd{
  padding:10px 20px;
}
.collapse-right{
  margin-left:400px;
  min-height:400px;
  max-height:800px;
  transition:all .2s linear;
  padding-bottom:20px;
}
.collapse-right-open{
  margin-left:20px;
}
.prometheus-card{
  position:relative;
  height:88px;
  padding:15px;
  background:rgba(255,255,255,.06);
  border:1px solid transparent;
  cursor:pointer;
  margin-bottom:10px;
}
.prometheus-card:hover,.prometheus-card.active{
  color:#fff;
  border:1px solid rgba(53,123,231,1);
}
.prometheus-card-select{
  position:absolute;
  top:8px;
  left:8px;
  width:12px;
  height:12px;
  background:rgba(53,123,231,1) url("../images/alert-check-hover.svg") no-repeat center;
  background-size:70%;
  border-radius:50%;
  display:none;
}
.prometheus-card.active .prometheus-card-select{
  display:block;
}
/* 卡片样式 */
.collapse-card-cont{
  height:155px;
  background:linear-gradient(225deg,rgba(255,255,255,0.06) 0%,rgba(41,42,45,0) 100%);
  border-radius:5px;
  border:1px solid rgba(255,255,255,0.1);
}
.collapse-card-cont:hover{
  background:linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
  box-shadow:2px 5px 6px 0px rgba(10,10,11,0.5);
}
.collapse-card-cont.disabled,.collapse-card-cont.disabled .card-title{
  color:rgba(255,255,255,.3);
}
.collapse-card-cont.disabled:hover{
  background:linear-gradient(225deg,rgba(255,255,255,0.06) 0%,rgba(41,42,45,0) 100%);
}
.collapse-card{
  height:100%;
  background:url("../images/wave.svg") no-repeat center bottom;
  background-size:contain;
}
.collapse-card-hd,.collapse-card-bd{
  padding:10px;
}
.collapse-data{
  margin-bottom:5px;
}
.collapse-data:last-child{
  margin-bottom:0;
}
.collapse-data>span{
  float:left;
  display:inline-block;
  width:80px;
}
.collapse-card-ft{
  padding:10px;
  border-top:1px solid rgba(255,255,255,0.1);
}
.icon-dotted{
  position:relative;
  display:inline-block;
  width:5px;
  height:5px;
  border-radius:50%;
  background-color:rgba(255,255,255,1);
  margin:0 8px;
  vertical-align:middle;
}
.icon-dotted:before,.icon-dotted:after{
  content:"";
  position:absolute;
  top:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background-color:rgba(255,255,255,1);
}
.icon-dotted:before{
  left:-8px;
}
.icon-dotted:after{
  right:-8px;
}
.legend-dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
}
/* 集成列表 */
/* 新建数据源 */
.app-key{
  padding:80px 20%;
}
.app-key.disabled div, .app-key.disabled input{
  color: rgba(255,255,255,.2);
}
.card-title-cont{
  position:relative;
  border-bottom:2px solid rgba(255,255,255,.1);
}
.card-title-cont .card-title{
  padding:10px 50px 10px 0;
  border-bottom:2px solid rgba(255,255,255,1);
  margin-bottom:-2px;
}
.label-text{
  color:#fff;
  padding:0 5px;
  border-radius:4px;
  background:rgba(53,123,231,1);
}
/* 新建数据源 */
/* tooltip提示框 */
.bubble-wrap-cont{
  position:relative;
  display:inline-block;
  cursor:pointer;
  max-width:100%;
}
.bubble-wrap-cont .bubble-wrap{
  position:absolute;
  left:calc(100% + 15px);
  top:-5px;
  display:none;
}
.bubble-wrap-cont:hover{
  color:#fff;
}
.bubble-wrap-cont:hover .bubble-wrap{
  display:block;
}
/* tooltip提示框 */
/* 规则管理-新建 */
.sys-rule-box{
  position:relative;
  padding:20px;
  background:rgba(41,42,45,1);
  border:1px solid rgba(255,255,255,.1);
}
.sys-rule-box{
  width:1000px;
}
.w-50{
  width:50px;
}
/* 设计调整-新增 */
.sys-and-cont{
  position:relative;
  padding-right:20px;
  padding-bottom:20px;
  overflow:hidden;
}
.sys-and{
  position:relative;
  padding:0 8px;
  line-height:28px;
  border:1px solid rgba(255,255,255,.1);
}
.sys-and:before,.sys-and:after{
  content:"";
  position:absolute;
  background:rgba(255,255,255,.1);
}
.sys-and:before{
  width:100%;
  height:1px;
  left:100%;
  top:50%;
  transform:translateY(-50%);
}
.sys-and:after{
  height:100%;
  width:1px;
  left:50%;
  top:100%;
  transform:translateX(-50%);
}
.sys-last-line{
  height:30px;
  overflow:hidden;
}
/* 设计调整-新增 */
/* 规则管理-新建 */
/* 故障 */
.icon-filter{
  background:url("../images/ra-funnel.svg") no-repeat center;
}
.filter-condition{
  display:inline-block;
  border:1px solid rgba(255,255,255,.2);
  border-radius:4px;
  padding:3px 10px;
  margin-right:10px;
}
.filter-condition:last-child{
  margin-right:0;
}
.badge{
  display:inline-block;
  min-width:18px;
  height:18px;
  line-height:18px;
  padding:0 5px;
  border-radius:50px;
  text-align:center;
  background:#fff;
  color:rgba(41,42,45,1);
}
.badge.badge-warning{
  color:rgba(41,42,45,1);
  background:rgba(255,204,67,1);
}
.badge.badge-danger{
  color:#fff;
  background:rgba(223,93,86,1);
}
/* 故障 */
/* 故障详情-默认展示 */
/* 设计变更 */
.algorithm-new{
  position:relative;
}
.algorithm-left{
  margin-right:100px;
}
.algorithm-right{
  position:absolute;
  width:90px;
  top:0;
  right:0;
  bottom:0;
  border:1px solid rgba(41,42,45,1);
}
.algorithm-right:hover,.algorithm-right.active{
  border-color:rgba(53,123,231,1);
}
.algorithm-right-btn{
  position:relative;
  height:100%;
  text-align:center;
  background:rgba(41,42,45,1);
}
.algorithm-right-btn>div{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.algorithm-icon{
  display:inline-block;
  width:60px;
  height:40px;
}
.algorithm-convergence{
  background:rgba(41,42,45,1) url("../images/convergence.png") no-repeat center;
}
.algorithm-basic{
  background:url("../images/basic.svg") no-repeat center;
  background-size:contain;
}
.algorithm-screen{
  background:url("../images/screen.svg") no-repeat center;
}
/* 故障详情饼图 */
.convergence-content{
  position:relative;
  min-height:230px;
  padding:10px 20px;
  border:1px solid rgba(41,42,45,1);
}
.convergence-content:hover,.convergence-content.active{
  background:rgba(48,49,53,1);
  border:1px solid rgba(53,123,231,1);
}
.convergence-charts{
  height:174px;
}

.machine-learning{
  background:url("../images/machine-learning.svg") no-repeat left bottom;
}
.icon-machine{
  background:url("../images/machine.svg") no-repeat center;
}
.algorithm-hd .icon-machine{
  vertical-align:sub;
}
.algorithm-data-cont{
  max-width:1000px;
  margin:0 auto;
}
.algorithm-data>li{
  width:33%;
  float:left;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.6);
}
.algorithm-data>li:last-child{
  border-right:none;
}
.algorithm-value{
  font-size:32px;
}
.alert-hint-box.success{
  color: rgba(72,187,135,1);
}
.data-alarm-list{
  position:relative;
}
.data-source-sm{
  display:inline-block;
  width:32px;
  height:32px;
  border-radius:50%;
}
.data-alarm-list .badge-box{
  position:absolute;
  width:60px;
  top:50%;
  transform:translateY(-50%);
}
.data-alarm-list .data-source-sm{
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
}
.badge.badge-success{
  color:#fff;
  background:rgba(72,187,135,1);
}
.data-alarm-item{
  padding:9px 20px 9px 60px;
  cursor:pointer;
}
.data-alarm-list:hover,.data-alarm-list.active{
  background:rgba(255,255,255,.06);
}
.data-alarm-list:hover .data-alarm-title,.data-alarm-list.active .data-alarm-title{
  color:#fff;
}
.icon-prometheus-hover{
  background:rgba(255,255,255,.2) url("../images/prometheus-default.svg") no-repeat center;
  background-size:50%;
}
.data-alarm-list:hover .icon-prometheus-hover,.data-alarm-list.active .icon-prometheus-hover{
  background-image:url("../images/prometheus-hover.svg");
  opacity: 1;
}
.icon-zabbix-hover{
  background:rgba(255,255,255,.2) url("../images/zabbix-default.svg") no-repeat center;
  background-size:50%;
}
.data-alarm-list:hover .icon-zabbix-hover,.data-alarm-list.active .icon-zabbix-hover{
  background-image:url("../images/zabbix-hover.svg");
  opacity: 1;
}
.icon-restapi-hover{
  background:rgba(255,255,255,.2) url("../images/restapi-default.svg") no-repeat center;
  background-size:60%;
}
.data-alarm-list:hover .icon-restapi-hover,.data-alarm-list.active .icon-restapi-hover{
  background-image:url("../images/restapi2.svg");
  opacity: 1;
}
.icon-tyalarm-hover{
  background:rgba(255,255,255,.2) url("../images/ty-alarm-default.svg") no-repeat center;
  background-size:50%;
}
.data-alarm-list:hover .icon-tyalarm-hover,.data-alarm-list.active .icon-tyalarm-hover{
  background-image:url("../images/ty-alarm.svg");
  opacity: 1;
}


/* 故障详情-点线样式 */
.fault-lines-cont{
  height:60px;
}
.fault-lines-box{
  position:relative;
  height:100%;
  margin:0 80px 0 50px;
  /* overflow:hidden; */
}
.fault-lines-cont:hover,.fault-lines-cont.actived{
  background:rgba(255,255,255,.06);
}
.fault-lines-dot{
  position:relative;
}
.fault-lines{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.fault-dot{
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:50%;
  border:1px solid transparent;
}
.fault-dot:hover{
  border-color:#fff;
}
.fault-dot:after{
  content:"";
  position:absolute;
  height:2px;
  top:9px;
  left:12px;
  right:0;
  background-color:rgba(255,255,255,.1);
  z-index:-1;
}
.fault-dot-warning,.fault-line-warning:after{
  background-color:rgba(255,204,67,1);
}
.fault-dot-success,.fault-line-success:after{
  background-color:rgba(72,187,135,1);
}
.fault-dot-danger,.fault-line-danger:after{
  background-color:rgba(223,93,86,1);
}
.fault-dot-link{
  width:18px;
  height:18px;
  vertical-align:text-top;
  background-image:url('../images/manual-lifting.svg');
  background-repeat: no-repeat;
  background-position:center;
  /* background-image:url("../images/fault-dot-link.svg");
  background-repeat:no-repeat;
  background-position:center;
  cursor:pointer;
  background-size: 80%; */
}
/* .fault-dot-manual{
  width:16px;
  height:16px;
  vertical-align:text-top;
  background-image:url('../images/manual-lifting.svg');
  background-repeat: no-repeat;
  background-position:center;
} */
.fault-lines-cont.mask{
  opacity:.3;
}
.algorithm .step-bar{
  width: auto;
  padding: 0;
}
.algorithm-detail{
  font-size:20px;
  color:#fff;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.time-line-x>li{
  float:left;
  width:10%;
}
.sys-time-line .ra-loading-wrap{
  background-color:rgba(255,255,255,.04);
}
.sys-time-line .ra-loading-inner{
  background-color:rgba(53,123,231,1);
}
/* 处理动态 */
.processing-flow{
  overflow:hidden;
  padding-top:10px;
}
.processing-flow-date{
  float:left;
}
.processing-flow-step{
  position:relative;
  margin-left:140px;
  padding-left:30px;
  padding-bottom:40px;
  border-left:2px solid rgba(255,255,255,.1);
}
.processing-flow-item{
  position:relative;
}
.circle-lg{
  position:absolute;
  left:-46px;
  top:-3px;
  display:inline-block;
  width:30px;
  height:30px;
  border:2px solid rgba(53,123,231,1);
  border-radius:50%;
  background-color:rgba(48,49,53,1);
}
.circle-sm{
  position:absolute;
  left:-37px;
  top:5px;
  display:inline-block;
  width:12px;
  height:12px;
  border:2px solid rgba(53,123,231,1);
  border-radius:50%;
  background-color:rgba(48,49,53,1);
}
.processing-flow-last:after{
  content:"";
  position:absolute;
  left:3px;
  top:10px;
  width:2px;
  height:100px;
  background-color:rgba(48,49,53,1);
}
.icon-circle{
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:50%;
}
.icon-circle:hover,.icon-circle.active{
  background-color:rgba(255,255,255,.1);
}
.icon-reply{
  background-image:url("../images/reply.svg");
  background-repeat:no-repeat;
  background-position:center 4px;
  vertical-align: text-bottom;
}
/* 回复框 */
.reply-box{
  width:320px;
  border:1px solid rgba(255,255,255,.1);
}
.reply-box-bd{
  height:160px;
  padding:10px;
}
.reply-box .mb-group{
  padding:10px;
  border-top:1px solid rgba(255,255,255,.1);
}
/* 活动纪要 */
.summary-box{
  max-width:500px;
  margin:100px auto 0;
}
.summary-icon{
  height:120px;
  background:url("../images/summary.svg") no-repeat center;
}
/* 故障详情-默认展示 */
/* 警报收敛平台 */
.grid-card-cont{
  height:170px;
  color:#fff;
  margin-bottom:10px;
  background:linear-gradient(205deg,#33C1EF 0%,#1A85F3 100%);
}
.grid-card{
  height:100%;
  padding:30px;
  background:url("../images/grid-card-wave.svg") no-repeat center bottom;
}
.grid-card-item>li{
  float:left;
  width:25%;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.6);
}
.grid-card-item>li:last-child{
  border-right:none;
}
.grid-card-item>li>div>span{
  font-size:32px;
}
/* 警报次数 */
.alarm-progress-bar{
  height:20px;
  line-height:20px;
  color:#fff;
  background-color:rgba(255,255,255,0.04);
}
.alarm-progress-bar>div{
  height:100%;
  padding-left:10px;
  background:rgba(223,93,86,1);
}
/* 警报收敛平台 */
/* 平台授权信息 */
.authorize-info{
  height:364px;
  padding:20px;
  color:#fff;
  margin-bottom:10px;
  background:rgba(41,42,45,1);
}
.authorize-info .card-title{
  color:#fff;
}
.authorize-info>div{
  position:relative;
  height:100%;
  padding-bottom:50px;
}
.authorize-info.authorize-active{
  background:linear-gradient(315deg,rgba(52,195,238,1) 0%,rgba(26,133,243,1) 100%);
}
.authorize-left{
  border-right:1px solid rgba(255,255,255,.65);
}
.authorize-value{
  margin-top:10px;
}
.authorize-value>div{
  font-size:30px;
  line-height:1.2;
}
.authorize-value>span{
  font-size:12px;
}
.end-date{
  position:absolute;
  bottom:0;
  left:0;
}
/* apm */
.authorize-apm{
  background:url("../images/pac-apm.svg") no-repeat right bottom;
}
/* 用户体验 */
.authorize-user{
  background:url("../images/pac-user-exp.svg") no-repeat right bottom;
}
/* 智能告警 */
.authorize-alarm{
  background:url("../images/pac-intelligent-alarm.svg") no-repeat right bottom;
  background-size:30%;
}
/* 智慧大屏 */
.authorize-screen{
  background:url("../images/pac-big-screen.svg") no-repeat right bottom;
  background-size:30%;
}
/* 业务IT分析 */
.authorize-buz{
  background:url("../images/pac-business-analysis.svg") no-repeat right bottom;
  background-size:30%;
}
/* 组件监控 */
.authorize-component{
  background:url("../images/pac-compt-monit.svg") no-repeat right bottom;
}
/* 小程序 */
.authorize-procedures{
  background:url("../images/pac-small-procedures.svg") no-repeat right bottom;
}
/* 平台授权信息 */
/* 集成列表-选择集成类型 */
.prometheus-card img{
  width:23px;
  height:32px;
}
/* 集成列表-选择集成类型 */

/* 集成列表新增 */
.mb-type-smallsquare.mb-type-primary:hover .mb-newbuild-icon ,.mb-type-smallsquare.mb-type-primary:hover{
  color: #fff;
}
.prometheus-img{
  height:32px;
}
.icon-prometheus2{
  background:url("../images/prometheus2.svg") no-repeat center;
}
.icon-zabbix2{
  background:url("../images/zabbix-hover.svg") no-repeat center;
}
.icon-restapi2{
  background:url("../images/restapi2.svg") no-repeat center;
}
.icon-tyalarm{
  background:url("../images/ty-alert.svg") no-repeat center;
}
.icon-elastic{
  background:url("../images/elastic.svg") no-repeat center;
}
.icon-dynatrace{
  background:url("../images/dynatrace.svg") no-repeat center;
}
.icon-jiankongbao{
  background:url("../images/jiankongbao.svg") no-repeat center;
}
.icon-aliyun {
  background:url("../images/aliyun.png") no-repeat center;
}
.icon-snmp {
  background: url(../images/icon-snmp.svg) no-repeat center;
  background-size: 32px 32px;
}
.icon-log {
  background: url(../images/icon-log.svg) no-repeat center;
}
.icon-solarwinds {
  background: url('../images/solarwinds.svg') no-repeat center;
}
.icon-nagios{
  background: center / contain no-repeat url('../images/nagios.svg');
  background-size: 70px 17px;
}
.icon-rizhiyi{
  background: center / contain no-repeat url('../images/rizhiyi.svg');
  background-size: 32px 32px;
}
.icon-bmc-truesight{
  background: center / contain no-repeat url('../images/BMC.svg');
  background-size: 32px 32px;
}
.icon-ca-apm{
  background: center / contain no-repeat url('../images/cazpm.svg');
  background-size: 32px 32px;
}
.icon-dsg{
  background: center / contain no-repeat url('../images/dsg.svg');
  background-size: 60px 15.6px;
}
.icon-sys-master{
  background: center / contain no-repeat url('../images/SysMaster.svg');
  background-size: 70px 15px;
}
.icon-easy-cmdb{
  background: center / contain no-repeat url('../images/EasyCMDB.svg');
}
.icon-oracle-emcc{
  background: center / contain no-repeat url('../images/oracle.svg');
  background-size: 75px 10px
}
.icon-datasource-email{
  background: center / contain no-repeat url('../images/datasource-email.svg');
  background-size: 32px 32px;
}
.cdk-drag-preview td{
  padding: 14px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.cdk-drag-preview td.td-operate .btn-operate{
  display: inline-block;
}
.cdk-drag-preview td.td-operate .btn-operate+.btn-operate{
  margin-left: 10px;
}
.collapse-app{
  height:100%;
}
.prometheus-bg{
  background:url("../images/prometheus-bg.svg") no-repeat right bottom;
}
.bmc-bg{
  background:url("../images/bmc-bg.svg") no-repeat right bottom;
}
.restapi-bg{
  background:url("../images/restapi-bg.svg") no-repeat right bottom;
}
.zabbix-bg{
  background:url("../images/zabbix-bg.svg") no-repeat right bottom;
}
.tyalarm-bg{
  background:url("../images/ty-alert-bg.svg") no-repeat right bottom;
}
.elastic-bg{
  background:url("../images/elastic-bg.svg") no-repeat right bottom;
}
.dynatrace-bg{
  background:url("../images/dynatrace-bg.svg") no-repeat right bottom;
}
.jiankongbao-bg{
  background:url("../images/jiankongbao-bg.svg") no-repeat right bottom;
}
.aliyun-bg{
  background:url("../images/aliyun-bg.png") no-repeat right bottom;
}
.solarwinds-bg {
  background: url('../images/solarwinds-bg.svg') no-repeat center;
}
.bg-red{
  background:rgba(223,93,86,1);
}
.dropdown-box{
  position:relative;
  padding-left:10px;
}
.dropdown-box .dropdown-wrap{
  position: absolute;
  top: 100%;
  right: 0;
  width: 100px;
  left: auto;
  border: 1px solid rgba(255,255,255,0.1);
}
.dropdown-box:hover .dropdown-wrap{
  display:block;
}
/* 收敛规则重跑 */
.algorithm-card-cont{
  position:relative;
  /* height:220px; */
  background:linear-gradient(270deg,#3F4147 0%,#292A32 100%);
}
.algorithm-card{
  min-height: 230px;
  height:100%;
  background:url("../images/algorithm-wave.svg") no-repeat left bottom;
  background-size: cover;
}
.algorithm{
  height:100%;
  padding:20px;
}
.algorithm-prograss{
  position:absolute;
  bottom:0;
  left:0;
  height:6px;
  background:rgba(53,123,231,1);
  border-radius:0px 100px 100px 0px;
}
.algorithm-prograss>span{
  position:absolute;
  right:0;
  bottom:15px;
  transform:translateX(50%);
  color:rgba(53,123,231,1);
}
.algorithm-prograss>span:after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border:5px solid transparent;
  border-top-color:rgba(53,123,231,1);
}
.algorithm-btn-group{
  position:absolute;
  top:50%;
  right:5%;
  transform:translateY(-50%);
}
.mb-type-normal{
  background:transparent;
  border:2px solid rgba(53,123,231,1);
}
.mb-type>.icon-btn{
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align:sub;
}
.icon-sys-loading{
  background:url("../images/sys-loading.svg") no-repeat center;
  background-size:contain;
  animation:rotate 1s linear infinite;
}
/* 收敛规则重跑 end*/
/* 规则管理-列表 */
.border-rect{
  display:inline-block;
  padding:2px 10px;
  border:1px solid #515255;
  border-radius:5px;
  text-align:center;
  float: left;
  margin:0 10px 10px 0;
}
/* 规则管理-列表 */
.border-text-error,.border-text-warning,.border-text-success{
  display:inline-block;
  padding:0 10px 2px;
  border-radius:15px;
  font-size:24px;
  line-height:30px;
}
.border-text-error{
  color:#DF5D56;
  background:rgba(223,93,86,.2);
}
.border-text-warning{
  color:#FFCC43;
  background:rgba(255,204,67,.2);
}
.border-text-success{
  color:#48BB87;
  background:rgba(72,187,135,.2);
}
.icon-shape{
  display:inline-block;
  width:16px;
  height:16px;
}
.border-text-error .icon-shape{
  background:url("../images/shape.svg") no-repeat center;
}
.border-text-warning .icon-shape{
  background:url("../images/exclama.svg") no-repeat center;
}
.border-text-success .icon-shape{
  background:url("../images/check.svg") no-repeat center;
}
.title-pg-text{
  font-size:24px;
}
.title-pg-dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.3);
}
/* 输入框禁用样式 */
.input-default.disabled::-moz-placeholder{
  color: rgba(255,255,255,.2);
}
.input-default.disabled:-ms-input-placeholder{
  color: rgba(255,255,255,.2);
}
.input-default.disabled::-webkit-input-placeholder{
  color: rgba(255,255,255,.2);
}
.input-default.disabled{
  border-bottom-color:rgba(255,255,255,.1);
}
.input-default.disabled:focus, .input-default.disabled:hover {
  padding-bottom:6px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  cursor:not-allowed;
}
.disabled+.apm-search-icon:hover{
  opacity:.3;
}
.input-border.disabled {
  border: 1px solid rgba(255,255,255,.1);
}
.input-sm.disabled:focus, .input-sm.disabled:hover {
  padding-bottom: 2px;
}
/* 输入框禁用样式 */
/*气泡组合工具*/
.bubble-wrap-box{
  position:relative;
}
.bubble-wrap-box .bubble-wrap{
  position:absolute;
  bottom:calc(100% + 12px);
  left:0;
}
.bubble-wrap-box .bubble-wrap-success{
  position:absolute;
  min-width: 90px;
  text-align: center;
  padding: 6px;
  left: calc(100% + 5px);
  right: auto;
  border: 1px solid #48bb87;
  bottom: calc(100% + 5px);
}
/*气泡组合工具*/
/* 分步骤/流程样式-新 */
.step-bar-new{
  width:80%;
  margin:0 auto;
  padding:50px 0;
}
.step-bar-new>li{
  float:left;
  width:25%;
}
.step-bar-new>li a{
  position: relative;
  display: inline-block;
  width:100%;
  color:rgba(255,255,255,.8);
  text-align:center;
}
.step-bar-new>li a:before{
  content:'';
  position: absolute;
  width:100%;
  height:4px;
  top:12px;
  background: rgba(97,97,100,1);
  z-index:100;
}
.step-bar-new>li a:before{
  right: 50%;
}
.step-bar-new>li:first-child a:before{
  display: none;
}
.step-bar-new>li span{
  position:relative;
  display: inline-block;
  width:28px;
  height:28px;
  line-height: 28px;
  border-radius:50%;
  margin-bottom:10px;
  background: rgba(97,97,100,1);
  z-index:1000;
}
.step-bar-new>li a.active{
  color:#fff;
}
.step-bar-new>li a.active span{
  background:rgba(72,187,135,1);
  /* box-shadow:0 2px 11px 0 rgba(0,0,0,0.5); */
}
.step-bar-new>li a.active:before{
  background:rgba(72,187,135,1);
}
/* 分步骤/流程样式-新 */
.bubble-wrap-hover{
  position:relative;
  cursor:default;
}
.bubble-wrap-hover .bubble-wrap{
  position:absolute;
  display:none;
}
.bubble-wrap-hover.bottom-left .bubble-wrap{
  top:calc(100% + 10px);
  left:0;
}
.bubble-wrap-hover:hover .bubble-wrap{
  display:block;
}
/* 告警收敛通知组 */
.inform-group-wrap{
  position:relative;
  display:inline-block;
  cursor:pointer;
}
.inform-group-icon{
  display:inline-block;
  width:15px;
  height:17px;
  background:url("../images/inform-group.svg") no-repeat center;
  opacity:.6;
  vertical-align:sub;
}
.inform-group-icon:hover{
  opacity:1;
}
.inform-group{
  position:absolute;
  top:calc(100% + 10px);
  left:-10px;
  white-space: nowrap;
  z-index:10000;
  display:none;
}
.inform-group-wrap:hover .inform-group{
  display:block;
}
.inform-group:before,.inform-group:after{
  position:absolute;
  left:10px;
  content:"";
  width:0;
  height:0;
  border:8px solid transparent;
}
.inform-group:before{
  bottom:100%;
  border-bottom-color:rgba(3,3,3,1);
}
.inform-group:after{
  bottom:calc(100% - 1px);
  border-bottom-color:rgb(19,19,21);
}
.inform-group>div{
  display:inline-block;
  background:rgb(19,19,21);
  box-shadow:0px 3px 4px 0px rgba(28,30,37,0.64);
  border-radius:4px;
  border:1px solid rgba(3,3,3,0.6);
  vertical-align:top;
  margin-right:2px;
}
.inform-group-list{
  /* max-height:200px; */
}
.inform-group-list>li{
  padding:0 10px;
  line-height:30px;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.inform-group-list>li:hover,.inform-group-list>li.active{
  color:#fff;
  background:rgba(255,255,255,.06);
}
/* 密送图标 */
.icon-bcc{
  background:url("../images/icon-bcc.svg") no-repeat center;
  background-size: contain;
  vertical-align:sub;
}
.inform-group-list>li:hover .icon,.inform-group-list>li.active .icon{
  opacity:1;
}
/* 告警收敛通知组 */

.tr-highlight {
  background: rgba(255,255,255,.04);
}
/* 影响指标 */
.text-label{
  display:inline-block;
  padding:0 10px;
  line-height:30px;
  border-radius:15px;
  background:rgba(255,255,255,.1);
  margin-right:10px;
  margin-bottom:5px;
  cursor:default;
  border:1px solid transparent;
}
.text-label-hover:hover{
  background:rgba(255,255,255,.2);
}
.text-label-hover:hover .text-label-desc,.text-label.active .text-label-desc{
  color:#fff;
  /*cursor:pointer;*/
}
.text-label.active{
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.2);
}
.split-line{
  padding:0 5px;
}
.text-label-desc{
  display:inline-block;
  max-width:160px;
  vertical-align:bottom;
}
.indicators{
  display:inline-block;
  width:16px;
  height:16px;
}
.indicators-lg{
  display:inline-block;
  width:20px;
  height:35px;
}
.indicators-up{
  background:url("../images/indicators-up.svg") no-repeat center;
  background-size: contain;
}
.indicators-down{
  background:url("../images/indicators-down.svg") no-repeat center;
  background-size: contain;
}
.text-label .indicators{
  position:relative;
  margin-left:5px;
  top:3px;
}
/* 影响指标 */
.badge.badge-yellow{
  color:rgb(255,255,255);
  background:rgba(255,204,67,.3);
}
.badge.badge-blue{
  color:rgb(255,255,255);
  background:rgba(53,123,231,.6);
}
.alert-name{
  display:inline-block;
  max-width: 110px;
  vertical-align: bottom;
}
.indicators-sm{
  display:inline-block;
  width:20px;
  height: 15px;
  vertical-align: sub;
}
.mr5{
  margin-right:5px;
}
.ml5{
  margin-left:5px;
}
.mb-type-xs {
  min-width: 70px;
  height: 30px;
  font-size: 14px;
  padding:0 20px;
}
.alert-date .dropdown-date.dropdown-big .dropdown-text {
  line-height: 28px;
  height: 30px;
}
.page-jump{
  display: inline-block;
  width:20px;
  height:36px;
  background:url("../images/pac-export-blue.svg") no-repeat center;
  cursor:pointer;
}
.page-jump:hover{
  background-image:url("../images/pac-export-blue.svg");
}

.page-jump-mini{
  display: inline-block;
  width:20px;
  height:22px;
  background:url("../images/pac-export-blue.svg") no-repeat center;
  cursor:pointer;
}
.page-jump-mini:hover{
  background-image:url("../images/pac-export-blue.svg");
}
/* 小屏幕下缩小间距 */
@media screen and (max-width:1440px){
  .mb20{
    margin-bottom:10px;
  }
  .mt20{
    margin-top:10px !important;
  }
  .mb30{
    margin-bottom:20px;
  }
  .mt30{
    margin-top:20px;
  }
  .mt36 {
    margin-top: 20px;
  }
  .page-margin-top{
    margin-top:20px;
  }
  .layout-content{
    padding:20px;
  }
  .conf-main {
    padding: 20px 20px 60px;
  }
  .alert-icons-wrap{
    height:150px;
  }
  .dropdown-menu-title p{
    font-size:20px;
  }
  .dropdown-menu-title em{
    width: 25px;
    height: 33px;
  }
}
/* 小屏幕下缩小间距 */
/* bug16512 */
.checkbox-arrow-flexible.disabled .checkbox-label-em{
  opacity:.4;
  cursor:not-allowed;
}
.transfer-big .checkbox-arrow-flexible.disabled .checkbox-label:after{
  opacity: .2;
  cursor:not-allowed;
}
/* bug16512 */
/*******bpi*********/
.icon-dropdown{
  background:url("../images/drop-down.svg") no-repeat center;
  background-size: contain;
  margin-top:3px;
  transform:rotate(-90deg);
}
.icon-dropdown.active{
  transform:rotate(0);
}
.tree-bg{
  background:#292a2d;
}

.conf-hint-14{
  font-size: 14px;
  color: rgba(255,255,255,.4);
}
/*******bpi*********/

/****** sys样式server复用内容,合并时要注意 ******/
/****** sys ******/
.sys-switch-new{
  white-space: nowrap;
}
.sys-switch-new>div{
  position: relative;
  display:inline-block;
  vertical-align:middle;
}
.sys-switch-left{
  width:40%;
  padding-right:5%;
}
.sys-triangle-cont{
  position:absolute;
  top:50%;
  right:8%;
  transform:translateY(-50%);
  margin-right:-15px;
}
.sys-triangle{
  display:inline-block;
  width:0;
  height:0;
  border-width:10px 15px;
  border-style:solid;
  border-color:transparent;
  border-left-color:rgba(255,255,255,.4);
}
.sys-switch-list>li{
  padding:10px;
  margin-bottom:6px;
  background:rgba(52,52,52,1);
  border-radius:6px;
  border:1px solid rgba(255,255,255,0.1);
}
.sys-switch-list>li:hover,.sys-switch-list>li.active{
  background:rgba(29,43,91,1);
  border:1px solid rgba(78,112,230,1);
  cursor:pointer;
}
.sys-switch-list>li:last-child{
  margin-bottom:0;
}
.sys-switch-name{
  text-align:left;
  line-height:30px;
  font-size:12px;
}
.sys-switch-value{
  float:right;
  font-size:20px;
  line-height:30px;
  margin-left:5px;
}
.sys-switch-right{
  width:60%;
  padding:10px;
  border-radius:4px;
  border:1px dashed rgba(255,255,255,0.2);
}
.sys-switch-cont{
  padding:0 10px;
  margin-bottom:6px;
  background:rgba(52,52,52,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.sys-switch-info{
  margin-left:35px;
}
.sys-switch-info span{
  font-size:20px;
  margin-right:5px;
}
.sys-switch-item{
  padding:10px 0;
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,0.2);
}
.sys-switch-item:last-child{
  border:none;
}
.sys-switch-chart{
  height:35px;
  margin-top:8px;
}
.icon-sys-component{
  background:url("../images/component.svg") no-repeat center;
}
.icon-sys-process{
  background:url("../images/process.svg") no-repeat center;
}
/****** sys ******/
/******* showcase *******/
.sys-switch-showcase{
  color:#fff;
}
.sys-switch-showcase .sys-switch-left{
  width:27%;
}
.sys-switch-showcase .sys-switch-middle{
  width:33%;
  padding-right:5%;
}
.sys-switch-showcase .sys-switch-right{
  width:100%;
  border:none;
  padding:0;
  border:5px solid rgba(60,90,192,1);
}
.sys-switch-showcase .sys-switch-cont{
  position:relative;
  margin:0;
  padding:6px;
  border:none;
  background:none;
}
.sys-switch-showcase .sys-switch-item{
  padding:8px;
  margin-bottom: 5px;
  background:rgba(60,90,192,1);
  border-radius:6px;
  border:1px solid rgba(78,112,230,1);
}
.sys-switch-showcase .sys-switch-item:last-child{
  margin-bottom:0;
}
.sys-switch-showcase .sys-switch-item:hover,.sys-switch-showcase .sys-switch-item.active{
  background:rgba(40,63,140,1);
  border:1px solid rgba(78,112,230,1);
}
.sys-switch-showcase .sys-switch-item.error{
  background:rgba(205,80,73,1);
  border-color:rgba(205,80,73,1);
}
.sys-switch-showcase .sys-switch-item.error:hover,.sys-switch-showcase .sys-switch-item.error.active{
  background:rgba(181,68,62,1);
  border-color:rgba(181,68,62,1);
}
.sys-switch-showcase .sys-switch-aside{
  width:30%;
}
.sys-switch-showcase .database-server{
  position:relative;
  background: rgba(60,90,192,1);
  border-top: 5px solid rgba(60,90,192,1);
}
.sys-switch-showcase .database-aside{
  background:rgba(29,43,91,1);
  border-color:rgba(29,43,91,1);
}
.sys-switch-showcase .database-aside>span{
  background:rgba(60,90,192,1);
}
.sys-switch-showcase .database-server-info{
  background:rgba(29,43,91,1);
  border-color:rgba(29,43,91,1);
  cursor: pointer;
}
.sys-switch-showcase .database-aside:before,.sys-switch-showcase .database-aside:after{
  background:rgba(29,43,91,1);
}
.sys-switch-showcase .sys-switch-list>li{
  margin:0;
  background:rgba(29,43,91,1);
  border:1px solid rgba(78,112,230,1);
  border-bottom:none;
}
.sys-switch-showcase .sys-switch-list>li:last-child{
  border-bottom:1px solid rgba(78,112,230,1);
}
.sys-switch-showcase .sys-switch-list>li:hover,.sys-switch-showcase .sys-switch-list>li.active{
  background:rgba(40,63,140,1);
}
.sys-switch-showcase .sys-triangle-cont{
  right:4%;
}
.sys-switch-showcase .sys-triangle{
  border-left-color:#4A5885;
}
.sys-switch-aside .sys-switch-name{
  line-height:normal;
}
.sys-switch-showcase .sys-switch-value{
  font-size:16px;
}
.sys-switch-showcase .sys-icon{
  margin-right:5px;
}
.sys-switch-aside .sys-icon{
  margin-top:5px;
}
.sys-switch-showcase .sys-switch-info{
  margin-left:40px;
}
.sys-switch-showcase .sys-switch-info span{
  line-height:1;
}
.sys-switch-showcase .stack-box{
  background:transparent;
}
/* 图标 */
.icon-sys-user{
  background:url("../images/ows-user.svg") no-repeat center;
}
.icon-ows-error{
  background:url("../images/ows-error.svg") no-repeat center
}
.icon-ows-transmission{
  background:url("../images/ows-transmission.svg") no-repeat center
}
.icon-ows-time{
  background:url("../images/ows-time.svg") no-repeat center
}
.icon-sys-service{
  background:url("../images/service.svg") no-repeat center
}
.icon-sys-database{
  background:url("../images/database.svg") no-repeat center
}
.icon-sys-redis{
  background:url("../images/redis.svg") no-repeat center
}
.icon-sys-memcached{
  background:url("../images/memcached.svg") no-repeat center
}
.icon-sys-queues{
  background:url("../images/queues.svg") no-repeat center
}
.sys-switch-showcase .sys-switch-middle .sys-triangle-cont{
  right:-15%;
}
.sys-triangle-cont>div{
  height:20px;
}
.sys-switch-showcase .sys-triangle-left{
  border-left-color: transparent;
  border-right-color: #4A5885;
  margin-left:-30px;
}
/* probiems */
.probiems-lists>li{
  background:rgba(49,50,54,1);
  border:1px solid rgba(255,255,255,0.1);
  margin-bottom:8px;
}
.probiems-lists>li:last-child{
  margin:0;
}
.probiems-lists>li>div{
  position:relative;
  padding:10px;
}
/* 图标 */
.probiems-red,.probiems-blue{
  display:inline-block;
  width:32px;
  height:32px;
  padding:6px;
  background:rgba(223,93,86,.8);
  border-radius:4px;
}
.probiems-red>span,.probiems-blue>span{
  display:inline-block;
  width:20px;
  height:20px;
  background-size:contain;
}
.probiems-item{
  padding-left:40px;
  line-height:1.2;
}
.probiems-lists>li .probiems-red,.probiems-lists>li .probiems-blue{
  position:absolute;
  left:10px;
  top:50%;
  margin-top:-16px;
}
.probiems-item>div:only-child{
  line-height:32px;
}
.probiems-item>div:nth-child(2){
  opacity:.65;
}
.icon-timeout{
  background:url("../images/icon-timeout.svg") no-repeat center;
}
.icon-ows-server{
  background:url("../images/icon-server.svg") no-repeat center;
}
/* 性能诊断 TOP5  */
.probiems-detail{
  border-top:1px solid rgba(255,255,255,0.1);
}
.probiems-bar{
  height:10px;
  background:rgba(198,198,198,.5);
}
.probiems-bar>div{
  height:100%;
  background:#357BE7;
}
.probiems-blue{
  background:rgb(100,158,247);
}
.icon-ows-code{
  background: url(../images/icon-code.svg) no-repeat center;
}
.icon-sql{
  background: url(../images/icon-sql.svg) no-repeat center;
}
.icon-cloud{
  background: url(../images/icon-cloud.svg) no-repeat center;
}
/* 自定义表格按钮 */
.table-set-btn{
  display:inline-block;
  width:28px;
  height:28px;
  padding:6px;
  border-radius:6px;
  background:rgba(0,0,0,.8);
  cursor:pointer;
}
.table-set-btn:hover{
  background:rgba(0,0,0,1);
}
.table-set-btn>span{
  display:inline-block;
  width:16px;
  height:16px;
}
.icon-table-set{
  opacity:.8;
  background:url("../images/table-set.svg") no-repeat center;
}
.table-set-btn:hover>span{
  opacity:1;
}
/* 自定义表格按钮 */
/* sys数据库连接 */
.database-connt-box{
  color:#fff;
}
.database-connt-box>div{
  position:relative;
  vertical-align: middle;
  padding:0 50px;
}
.system-lists>li{
  position:relative;
  padding:10px;
  margin-bottom:5px;
  background:rgba(29,43,91,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.system-lists>li:last-child{
  margin:0;
}
.system-lists>li:hover{
  background:rgba(40,63,140,1);
  cursor:pointer;
}
.sys-title{
  margin:0 20px 0 40px;
}
.sys-value{
  font-size:20px;
  line-height:1;
  margin-left:20px;
}
.system-lists>li .sys-icon{
  position:absolute;
  top:50%;
  left:10px;
  margin-top:-15px;
}
.sys-icon{
  display:inline-block;
  width:30px;
  height:30px;
  vertical-align:middle;
}
.icon-sys-bs{
  background:url("../images/ows-bs.svg") no-repeat center;
}
.icon-sys-app{
  background:url("../images/ows-app.svg") no-repeat center;
  background-size:70%;
}
.icon-sys-affair{
  background:url("../images/ows-affairs.svg") no-repeat center;
}
.icon-sys-interface{
  background:url("../images/interface.svg") no-repeat center;
}
.database-box{
  /* width:316px; */
}
.database-name{
  position:relative;
  height:60px;
  line-height:60px;
  padding:0 10px;
  margin-bottom:10px;
  text-align:center;
  background:rgba(60,90,192,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.icon-mysql{
  background:url("../images/mysql.svg") no-repeat center;
}
.database-name:after{
  content:"";
  position:absolute;
  height:10px;
  top:59px;
  left:40px;
  right:40px;
  background:rgba(31,53,125,1);
}
.database-info{
  padding:30px 20px 20px;
  margin-bottom:10px;
  background:rgba(29,43,91,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.icon-sys-cpu{
  background:url("../images/cpu.svg") no-repeat center;
}
.icon-sys-memory{
  background:url("../images/memory.svg") no-repeat center;
}
.database-detail>li{
  position:relative;
  padding:0 20px;
  width:50%;
}
.database-detail>li:after{
  content:"";
  position:absolute;
  width:2px;
  height:100%;
  right:0;
  top:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.2) 100%);
}
.database-detail>li:last-child:after{
  display:none;
}
.database-value{
  font-size:20px;
}
.database-server{
  position:relative;
}
.database-server-info{
  height:60px;
  line-height:60px;
  margin:0 25px;
  padding:0 25px;
  color:rgba(255,255,255,.9);
  background:rgba(60,90,192,1);
  border:1px solid rgba(255,255,255,0.1);
}
.database-aside{
  position:absolute;
  top:0;
  bottom:0;
  width:20px;
  background:rgba(60,90,192,1);
  border:1px solid rgba(255,255,255,0.1);
}
.database-aside-left{
  left:0;
  border-radius:4px 0px 0px 4px;
}
.database-aside-right{
  right:0;
  border-radius:0 4px 4px 0;
}
.database-aside>span{
  position:absolute;
  left:50%;
  margin-left:-3px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(41,42,45,1);
}
.database-aside>span:first-child{
  top:10px;
}
.database-aside>span:last-child{
  bottom:10px;
}
.database-aside:before,.database-aside:after{
  content:"";
  position:absolute;
  width:5px;
  height:8px;
  background:rgba(31,53,125,1);
}
.database-aside-left:before,.database-aside-left:after{
  left:19px;
}
.database-aside-right:before,.database-aside-right:after{
  right:19px;
}
.database-aside-left:before,.database-aside-right:before{
  top:10px;
}
.database-aside-left:after,.database-aside-right:after{
  bottom:10px;
}
.database-arrow{
  position:absolute;
  top:50%;
  right:-30px;
  margin-top:-15px;
  width:60px;
  height:30px;
  background:url("../images/ows-right.svg") no-repeat center;
  background-size:contain;
}
/* sys数据库连接 */

/* dashboard */
.sketch-map{
  height:420px;
  background:url('../images/dashboard-hint-gray.png') no-repeat center;
  background-size:contain;
}
.sketch-map-cont{
  position:relative;
  display:inline-block;
  vertical-align: sub;
}
.sketch-map-cont:hover .sketch-map-tip{
  display:block;
}
.sketch-map-tip{
  position:absolute;
  top:25px;
  left:50%;
  transform:translateX(-50%);
  padding:10px;
  width:650px;
  height:350px;
  background-color:#292a2d;
  display: none;
}
.sketch-map-tip:before{
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  transform: translateX(-50%);
  width:0;
  height:0;
  border:5px solid transparent;
  border-bottom-color:#292a2d;
}
/* dashboard */


/****** sys样式server复用内容,合并时要注意 ******/

/* 部署参数配置 */
.param-cont{
  margin-left:160px;
  padding-left:30px;
}
.param-box{
  margin-left:80px;
  padding-left:30px;
}
/* 配置大项 */
.params-name{
  float:left;
  width:160px;
  text-align:right;
}
/* 配置小项 */
.params-label{
  float:left;
  width:80px;
}
/* 客户端角色输入框 */
.param-input-label{
  width:170px;
}
.param-input-cont{
  margin-left:170px;
}
/* 添加客户端 */
.client-box{
  padding:20px;
  background:rgba(47,48,51,1);
  border:1px solid rgba(255,255,255,0.3);
  margin-bottom:20px;
}
.client-box:last-child{
  margin-bottom:0;
}
/* 部署参数配置 */

/* 邮件配置小眼睛 */
.config-eye {
  float: right;
  line-height: 36px;
  cursor: pointer;
  height: 36px;
  width: 14px;
}
/* 邮件配置小眼睛 */

/* 错误代码 */
.code-box{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.code-info{
  padding:0 20px 20px 350px;
}
.code-text{
  font-size:36px;
  font-weight:600;
  color:rgba(140,145,163,1);
}
.error-code{
  display:inline-block;
  width:150px;
  height:50px;
  vertical-align:text-bottom;
}
.code-404{
  background:url("../images/code404.svg") no-repeat center;
  background-size:contain;
}
.code-btn{
  padding:20px 20px 20px 350px;
  background:linear-gradient(180deg,rgba(49,52,66,1) 0%,rgba(29,30,34,0) 100%);
}
.code-img{
  position:absolute;
  left:50px;
  top:50%;
  transform:translateY(-50%);
  display:inline-block;
  width:270px;
  height:150px;
}
.code-switch{
  background:url("../images/switch-down-gray.svg") no-repeat center;
  background-size:contain;
}
/* 错误代码 */
/* 大屏列表权限 */
.sense-select{
  position:absolute;
  top:2px;
  left:2px;
  width:20px;
  height:20px;
  border:2px solid rgb(53,123,231);
  border-radius:50%;
  z-index:1;
}
.sense-select.selected{
  background:url("../images/selected.svg") no-repeat center;
}
.sense-list-screen .edit{
  background:url("../images/bch-update.svg") no-repeat center;
  background-size:75%;
  opacity:.65;
}
.sense-list-screen:hover .edit{
  background:url("../images/bch-update.svg") no-repeat center;
  background-size:75%;
  opacity:1;
}
.icon-jurisdiction{
  background:url("../images/jurisdiction.svg") no-repeat center;
  vertical-align: sub;
  background-size: contain;
}
/* 小号切换列表 */
.ec-box-tab.ec-box-tab-sm em{
  font-size:14px;
}
.ec-box-tab.ec-box-tab-sm li:before {
  margin: 10px 10px 0;
}
.ec-box-tab.ec-box-tab-sm li:before {
  height: 14px;
}
.icon-add-hidden{
  background:url("../images/add-hidden.svg") no-repeat center;
  background-size:contain;
  vertical-align: sub;
}
.icon-remove-hidden{
  background:url("../images/remove-hidden.svg") no-repeat center;
  background-size:contain;
  vertical-align: sub;
}
.icon-random{
  background:url("../images/random.svg") no-repeat center;
}
.icon-copy-new{
  background:url("../images/copy-new.svg") no-repeat center;
}
.sense-random .icon-defalue,.sense-copy .icon-defalue{
  vertical-align:sub;
  opacity:.65;
}
.sense-random:hover,.sense-copy:hover{
  color:#fff;
}
.sense-random:hover .icon-defalue,.sense-copy:hover .icon-defalue{
  opacity:1;
}
/* 大屏列表权限 */
.msg-box li{
  padding: 36px 0 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.msg-box li .msg-text{
  padding: 0 10px 0 10px;
}
/* 可展开的面板 */
.ty-panel{
  border:1px solid rgba(255,255,255,.1);
  margin-bottom:20px;
}
.ty-panel-hd{
  padding:15px 20px;
  background:rgba(49,50,54,1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.ty-panel-bd{
  padding:5px 20px;
}
.ty-panel-ft{
  padding:10px 20px;
}
/* 系统列表 */
.deployment-lists>li{
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.deployment-lists>li:last-child{
  border-bottom:none;
}
/* 系统图标 */
.icon-system{
  position:relative;
  display:inline-block;
  width:30px;
  height:30px;
}
.icon-system.icon-tomcat{
  background-size:contain;
}
.icon-linux{
  background:url("../images/linux.svg") no-repeat center;
}
.icon-linux-close{
  background:url("../images/linux-close.svg") no-repeat center;
}
.icon-springboot{
  background:url("../images/springboot.svg") no-repeat center;
}
.icon-springboot-close{
  background:url("../images/springboot-close.svg") no-repeat center;
}
.icon-warning{
  background:url("../images/warning-yellow.svg") no-repeat center;
}
.icon-warning-red{
  background:url("../images/warning-red.svg") no-repeat center;
}
.icon-system .icon-warning{
  position:absolute;
  top:-8px;
  right:-8px;
}
.icon-system .icon-warning-red{
  position:absolute;
  top:-8px;
  right:-8px;
}
.icon-setting{
  background:url("../images/setting.svg") no-repeat center;
  background-size:contain;
}
.icon-upgrade-green{
  background:url("../images/upgrade-green.svg") no-repeat center;
}
.icon-lg{
  display:inline-block;
  width:30px;
  height:30px;
}
.icon-docker{
  background:url("../images/docker.svg") no-repeat center;
}
.icon-kubernetes{
  background:url("../images/kubernetes.svg")no-repeat center;
}
.icon-weblogic-blue{
  background:url("../images/weblogic-blue.svg") no-repeat center;
}
.icon-weblogic-dark{
  background:url("../images/weblogic-dark.svg") no-repeat center;
}
.icon-weblogic-close{
  background:url("../images/weblogic-close.svg") no-repeat center;
}
.icon-tomcat-close{
  background:url("../images/tomcat-close.svg") no-repeat center;
}
.icon-tomcat{
  background:url("../images/tomcat.svg") no-repeat center;
}
.icon-unknow-close{
  background:url("../images/icon-unknow-close.svg") no-repeat center;
}
.icon-unknow{
  background:url("../images/icon-unknow.svg") no-repeat center;
}
.icon-java-close{
  background:url("../images/icon-jave-close.svg") no-repeat center;
}
.icon-java{
  background:url("../images/icon-java.svg") no-repeat center;
}
.icon-net-core-close{
  background:url("../images/netCore-close.svg") no-repeat center;
}
.icon-net-core{
  background:url("../images/netCore.svg") no-repeat center;
}

.icon-net-close{
  background:url("../images/net-close.svg") no-repeat center;
}
.icon-net{
  background:url("../images/net.svg") no-repeat center;
}
.icon-disabled-yellow{
  background:url("../images/disabled-yellow.svg") no-repeat center;
}
.icon-prepare{
  background:url("../images/prepare.svg") no-repeat center;
}
.icon-prepare-pause{
  background:url("../images/prepare-pause.svg") no-repeat center;
}
/* 标签样式 */
.ty-label{
  display:inline-block;
  height:30px;
  padding:5px 0;
  font-size:12px;
  line-height:20px;
  border-radius:50px;
  max-width:380px;
  margin-right:5px;
  margin-left:5px;
  margin-top:10px;
}
.ty-label.ty-label-default{
  background:rgba(58,59,66,1);
  padding:5px 10px;
}
.span-text-parent{
  background:rgba(58,59,66,1);
  color:rgba(255,255,255,.8);
}
.ty-label:first-child{
  margin-left:0;
}
.ty-label-key{
  float:left;
  color:rgba(255,255,255,.8);
}
.ty-label-icon{
  float:right;
  padding-top:2px;
  margin-left:5px;
}
/* 系统名称 */
.system-title .system-title-next{
  max-width: 90%;
  color:rgb(255,255,255);
  font-size: 16px;
  font-weight:500;
}
.system-title {
  cursor:pointer;
}
.system-title:hover{
  color:rgb(51,123,231);
}
.icon-dropdown.active{
  transform:rotate(180deg);
}
/* 解释性文字 */
.text-explain{
  font-size:12px;
  color:rgba(255,255,255,.4);
}
.text-explain-absolute {
  font-size:12px;
  color:rgba(255,255,255,.4);
  position: absolute;
  left: 650px;
}
/* 可展开的面板 */

/* 新增One Agent部署 */
.step-box{
  position:relative;
  padding-bottom:40px;
}
.step-content{
  margin-left:38px;
  margin-top:10px;
}
.step-new .step{
  width:18px;
  height:18px;
  line-height:18px;
  color:#fff;
  margin-right:20px;
  background:rgba(24, 144, 255, 1);
}
.step-new .step:before{
  top:25px;
  bottom:3px;
  left:9px;
  width:1px;
  background:rgba(24, 144, 255, 1);
}
.step-new:last-child .step:before{
  display:none;
}
.step-new .step1:before{
  display:none;
}
/* 下载图标 */
.icon-download{
  display:inline-block;
  width:15px;
  height:15px;
  background:url("../images/download-circle.svg") no-repeat center;
  vertical-align:sub;
}
/* 带边框的容器 */
.border-container-sm{
  padding:7px 10px;
  white-space: normal;
  word-break: break-word;
  border:1px solid rgba(255,255,255,0.2);
}
/* 部署配置 */
.deployment-config-label{
  width:130px;
  text-align:right;
}
.deployment-config-cont{
  margin-left:130px;
}
/* 弹框图片 */
.why-collector{
  height:400px;
  background:url("../images/why-collector-gray.svg") no-repeat center top;
  background-size:contain;
}
.icon-mark:hover,.icon-mark.icon-mark-small:hover{
  color:rgb(53,123,231);
  border-color:rgb(53,123,231);
}
/* 新增One Agent部署 */

/* server新增不可操作样式 */
.step-disabled{
  opacity: .4;
}
.step-disabled:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:transparent;
}
/* server新增不可操作样式 */
/* server下载中心 */
.mb-type-square.mb-square-active{
  color:#fff;
  background:rgb(53,123,231);
  border-color:rgb(53,123,231);
}
.download-icon{
  display:inline-block;
  width:22px;
  height:22px;
}
.mb-type-square .download-icon{
  vertical-align: text-bottom;
  margin-right:5px;
}
.icon-one{
  background:url('../images/one-active.svg') no-repeat center;
  background-size:contain;
}
.mb-type-square:hover .icon-one{
  background:url('../images/one.svg') no-repeat center;
  background-size:contain;
}
.mb-type-square.mb-square-active .icon-one{
  background:url('../images/one-active.svg') no-repeat center;
  background-size:contain;
}
.mb-type-square.mb-square-active:hover .icon-one{
  background:url('../images/one-active.svg') no-repeat center;
  background-size:contain;
}
.icon-java-two{
  background:url('../images/java-active.svg') no-repeat center;
}
.mb-type-square:hover .icon-java-two{
  background:url('../images/java.svg') no-repeat center;
  background-size:contain;
}
.mb-type-square.mb-square-active .icon-java-two{
  background:url('../images/java-active.svg') no-repeat center;
  background-size:contain;
}
.mb-type-square.mb-square-active:hover .icon-java-two{
  background:url('../images/java-active.svg') no-repeat center;
  background-size:contain;
}
.icon-agent-collector{
  background:url('../images/AC-Black.svg') no-repeat center;
}
.mb-type-square:hover .icon-agent-collector{
  background:url('../images/AC-White.svg') no-repeat center;
}
.mb-type-square.mb-square-active .icon-agent-collector{
  background:url('../images/AC-Black.svg') no-repeat center;
}
.icon-python-agent{
  background:url('../images/PA-Black.svg') no-repeat center;
}
.mb-type-square:hover .icon-python-agent{
  background:url('../images/PA-White.svg') no-repeat center;
}
.mb-type-square.mb-square-active .icon-python-agent{
  background:url('../images/PA-Black.svg') no-repeat center;
}
.icon-netCore-agent{
  background:url('../images/NC-Black.svg') no-repeat center;
}
.mb-type-square:hover .icon-netCore-agent{
  background:url('../images/NC-White.svg') no-repeat center;
}
.mb-type-square.mb-square-active .icon-netCore-agent{
  background:url('../images/NC-Black.svg') no-repeat center;
}
.icon-aspNet-agent{
  background:url('../images/AN-Black.svg') no-repeat center;
}
.mb-type-square:hover .icon-aspNet-agent{
  background:url('../images/AN-White.svg') no-repeat center;
}
.mb-type-square.mb-square-active .icon-aspNet-agent{
  background:url('../images/AN-Black.svg') no-repeat center;
}
.icon-c-agent{
  background:url('../images/black-c.svg') no-repeat center;
}
.mb-type-square:hover .icon-c-agent{
  background:url('../images/light-c.svg') no-repeat center;
}
.mb-type-square.mb-square-active .icon-c-agent{
  background:url('../images/black-c.svg') no-repeat center;
}
.version-box{
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.2);
}
.version-left{
  float:left;
  width:500px;
  padding:20px;
}
.version-right{
  padding:20px;
  /* min-height:260px;
  max-height: 260px; */
  height: 260px;
  overflow: scroll;
  margin-left:500px;
  border-left:1px solid rgba(255,255,255,0.2);
}
.version-detail{
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px dashed rgba(255,255,255,.4);
}
.max-h100{
  max-height:100px;
}
.mb-type-square-sm{
  height:30px;
}
/* server下载中心 */

/* 数据接入配置 */
.data-source-card{
  position: relative;
  padding:35px 30px;
  background:rgba(37,38,43,1);
  border-radius:5px;
  border:1px solid rgba(255,255,255,0.1);
}
.data-source-card:hover{
  border-color:rgba(53,123,231,1);
}
.data-source-operate{
  position:absolute;
  right:20px;
  bottom:20px;
  display: none;
}
.data-source-card:hover .data-source-operate{
  display:block;
}
.data-source-icon{
  position:absolute;
  left:30px;
  top:50%;
  transform:translateY(-50%);
  display:inline-block;
  width:48px;
  height:48px;
  background:rgba(238,238,238,1);
  border-radius:50%;
}
.data-source-text{
  display:block;
  width:100%;
  font-size:24px;
  padding-left:78px;
  color:rgba(255,255,255,1);
  line-height:48px;
  box-sizing:border-box;
}
.icon-prometheus{
  background:url("../images/prometheus.svg") no-repeat center;
}
.icon-prometheus1{
  background:url("../images/prometheus1.svg") no-repeat center;
}
.icon-zabbix{
  background:url("../images/zabbix.svg") no-repeat center;
}
.icon-zabbix1{
  background:url("../images/zabbix1.svg") no-repeat center;
}
.icon-tywn{
  background:url("../images/tywn.svg") no-repeat center;
}
/* 数据源管理-新增 */
.data-source-new{
  border-style:dashed;
  text-align:center;
  background-color:transparent;
  cursor:pointer;
}
.new-add-box{
  display:inline-block;
  font-size:24px;
  line-height:48px;
  color:rgba(255,255,255,.65);
}
.new-add-box>span{
  vertical-align:text-bottom;
}
.new-add{
  display:inline-block;
  width:32px;
  height:32px;
  background:url("../images/new-add.svg") no-repeat center;
}
.prompt-info-info{
  background:rgba(53,123,231,1);
}
.pl-124{
  padding-left:124px;
}
.input-text{
  width:100%;
  height:180px;
  padding:10px;
  background:transparent;
  border:1px solid rgba(255,255,255,.3);
}
.content-hd{
  padding:20px 20px 10px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.label-config-cont{
  position:relative;
  height:750px;
}
.label-config-cont .mb-group{
  position:absolute;
  right:30px;
  bottom:30px;
}
/* 选择标签 */
.label-item{
  padding:10px;
}
.label-item:hover{
  color:#fff;
  background:rgba(255,255,255,.1);
}
.label-hd{
  position:relative;
  padding:10px;
  margin-bottom:10px;
}
.label-hd:after{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  content:"";
  height:6px;
  background:rgba(255,255,255,.1);
  border-radius:3px;
}
.label-value{
  float:right;
}
/* 操作按钮 */
.label-operate{
  display:none;
}
.label-item:hover .label-value{
  float:left;
}
.label-item:hover .label-operate{
  display:block;
}
.label-operate .icon{
  vertical-align:sub;
}
.icon-remove{
  background:url("../images/int-close.svg") no-repeat center;
  background-size:60%;
}
.label-box{
  position:relative;
}
.label-box .tab-toggle-wrap{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
}
.icon-dropdown{
  background:url("../images/drop-down.svg") no-repeat center;
  background-size:contain;
}
/* 数据接入配置 */
/* 服务组件MySQL */
.h400{
  height:400px;
}
.h160{
  height:160px;
}
.tab-toggle-wrap li .tab-bubble-wrap{
  display:none;
  position:absolute;
  top:30px;
  right:0;
  padding-top:10px;
}
.tab-toggle-wrap li:hover .tab-bubble-wrap{
  display:block;
}
.bubble-triangle.top-right {
  right: 10px;
  top: -9px;
  border-width: 0px 5px 9px 5px;
  border-color: transparent transparent rgba(0,0,0,.9) transparent;
}
.legend-rect{
  display:inline-block;
  width:10px;
  height:10px;
}
.legend-line{
  display:inline-block;
  width:10px;
  height:2px;
  vertical-align: super;
}
.icon-tomcat{
  background: url("../images/tomcat.svg") no-repeat center;
}
.legend-success{
  background:rgba(67,170,147,1);
}
.legend-warning{
  background:rgba(255,204,67,1);
}
.legend-error{
  background:rgba(223,93,86,1);
}
/* 服务组件MySQL */
/* sys数据库连接 */
.database-connt-box{
  color:#fff;
}
.database-connt-box>div{
  position:relative;
  vertical-align: middle;
}
.system-lists>li{
  position:relative;
  padding:10px;
  margin-bottom:5px;
  background:rgba(29,43,91,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.system-lists>li:last-child{
  margin:0;
}
.system-lists>li:hover{
  background:rgba(40,63,140,1);
  cursor:pointer;
}
.sys-title{
  font-size:12px;
  margin:0 20px 0 30px;
}
.sys-value{
  font-size:16px;
  line-height:1;
  margin-left:10px;
}
.system-lists>li .sys-icon{
  position:absolute;
  top:50%;
  left:10px;
  margin-top:-15px;
}
.sys-icon{
  display:inline-block;
  width:30px;
  height:30px;
  vertical-align:middle;
}
.icon-sys-bs{
  background:url("../images/ows-bs.svg") no-repeat center;
}
.icon-sys-app{
  background:url("../images/ows-app.svg") no-repeat center;
  background-size:60%;
}
.icon-sys-affair{
  background:url("../images/ows-affairs.svg") no-repeat center;
}
.icon-sys-interface{
  background:url("../images/interface.svg") no-repeat center;
}
.database-box{
  /* width:316px; */
}
.database-name{
  position:relative;
  height:60px;
  line-height:60px;
  padding:0 10px;
  margin-bottom:10px;
  text-align:center;
  background:rgba(60,90,192,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.icon-mysql{
  background:url("../images/mysql.svg") no-repeat center;
}
.database-name:after{
  content:"";
  position:absolute;
  height:10px;
  top:59px;
  left:40px;
  right:40px;
  background:rgba(31,53,125,1);
}
.database-info{
  padding:20px 10px 10px;
  margin-bottom:10px;
  background:rgba(29,43,91,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.icon-sys-cpu{
  background:url("../images/cpu.svg") no-repeat center;
}
.icon-sys-memory{
  background:url("../images/memory.svg") no-repeat center;
}
.database-detail>li{
  position:relative;
  padding:0 10px;
  width:50%;
}
.database-detail>li:after{
  content:"";
  position:absolute;
  width:2px;
  height:100%;
  right:0;
  top:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.2) 100%);
}
.database-detail>li:last-child:after{
  display:none;
}
.database-value{
  font-size:20px;
}
.database-server{
  position:relative;
}
.database-server-info{
  height:60px;
  line-height:60px;
  margin:0 25px;
  padding:0 20px;
  background:rgba(60,90,192,1);
  border:1px solid rgba(255,255,255,0.1);
  color:#fff;
}
.database-aside{
  position:absolute;
  top:0;
  bottom:0;
  width:20px;
  background:rgba(60,90,192,1);
  border:1px solid rgba(255,255,255,0.1);
}
.database-aside-left{
  left:0;
  border-radius:4px 0px 0px 4px;
}
.database-aside-right{
  right:0;
  border-radius:0 4px 4px 0;
}
.database-aside>span{
  position:absolute;
  left:50%;
  margin-left:-3px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(41,42,45,1);
}
.database-aside>span:first-child{
  top:10px;
}
.database-aside>span:last-child{
  bottom:10px;
}
.database-aside:before,.database-aside:after{
  content:"";
  position:absolute;
  width:5px;
  height:8px;
  background:rgba(31,53,125,1);
}
.database-aside-left:before,.database-aside-left:after{
  left:19px;
}
.database-aside-right:before,.database-aside-right:after{
  right:19px;
}
.database-aside-left:before,.database-aside-right:before{
  top:10px;
}
.database-aside-left:after,.database-aside-right:after{
  bottom:10px;
}
.database-arrow{
  position:absolute;
  top:50%;
  right:-10%;
  margin-top:-15px;
  width:20%;
  height:30px;
  background:url("../images/ows-right.svg") no-repeat center;
  background-size:contain;
}
/* sys数据库连接 */
.redis_show_disable{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/redis-disable.svg") no-repeat center;
}

.mysql_show_disable{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/mysql-disable.svg") no-repeat center;
}

.nginx_show_disable{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/nginx-disable.svg") no-repeat center;
}

.oracle_show_disable{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/oracle-disable.svg") no-repeat center;
}

.redis_show{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/redis-gray.svg") no-repeat center;
}

.host_show{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/action-trace-ia-nosql.svg") no-repeat center;
}

.mysql_show{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/mysql.svg") no-repeat center;
}

.nginx_show{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/nginx.svg") no-repeat center;
}

.oracle_show{
  position:absolute;
  width:24px;
  height:24px;
  background:url("../images/oracle.svg") no-repeat center;
}

.outline-lists{
  max-height:220px;
}
.outline-item{
  position:relative;
  margin-bottom:3px;
}
.outline-item:before{
  content:"";
  position:absolute;
  width:100%;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  border-top:1px dashed rgba(255,255,255,.6);
}

/* 和华为ows样式重复-合并代码后应删除 */
.sys-outline-lists{
  max-height:240px;
}
.sys-outline-item{
  position:relative;
  height:30px;
}
.sys-outline-item:before{
  content:"";
  position:absolute;
  width:100%;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  border-top:1px solid rgba(255,255,255,.1);
}
.sys-outline-info,.sys-outline-value{
  position:relative;
  height:30px;
  line-height:30px;
  background:#292a2d;
  z-index:10;
}
.sys-outline-info{
  padding-right:10px;
}
.sys-outline-value{
  padding-left:10px;
}
/* 新版目录式结构 */
.sys-switchboard{
  padding-bottom:90px;
  margin:50px 0;
  background:url("../images/sys-switchboard.svg") no-repeat center bottom;
  background-size:contain;
}
.sys-switchboard-item{
  min-width:130px;
  height:80px;
  padding:10px 20px;
  background:rgba(29,43,91,1);
  border-radius:4px;
  border:1px solid rgba(78,112,230,1);
  color:#fff;
  margin-right:5px;
}
.sys-switchboard-item:last-child{
  margin:0;
}
.sys-switchboard-item .sys-icon{
  vertical-align:top;
}
.switchboard-value{
  font-size:20px;
}
.switchboard-title{
  font-size:12px;
  color:rgba(255,255,255,.65);
  text-align:left;
  line-height:1;
}
.switchboard-prograss{
  height:2px;
  margin-top:10px;
  background:rgba(255,255,255,.2);
}
.switchboard-prograss>div{
  height:100%;
  background:#fff;
}
.icon-sys-nics{
  background:url("../images/network-card.svg") no-repeat center;
}
.icon-sys-disks {
  background: url("../images/hard-disk.svg") no-repeat center;
}
.database-value{
  font-size:16px;
}

/* sys标签*/
.sys-label-cont{
  position:relative;
  min-height:36px;
  border:1px solid rgba(255,255,255,.2);
  padding:5px 20px 3px 5px;
}
.sys-label-cont:hover{
  background: #303137;
}
.sys-label{
  display:inline-block;
  /*background:rgba(255,255,255,.2);*/
  background-color: #292A2D;
  border: solid 1px rgba(151,151,151,.23);
  border-radius:4px;
  padding:2px 5px 0;
  margin-bottom:2px;
  vertical-align: top;
}
.sys-label-value{
  display:inline-block;
  max-width:100px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
  vertical-align:sub;
  color: rgba(255,255,255,.8);
}
.icon-close{
  background:url("../images/int-close.svg") no-repeat center;
  background-size:50%;
  cursor:pointer;
}
.input-cursor{
  width:100px;
  border:none;
  outline:none;
  background:transparent;
}
.icon-radius{
  display:inline-block;
  width:16px;
  height:16px;
  line-height:14px;
  text-align:center;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
}
.icon-radius:hover{
  color:#fff;
  border-color:#fff;
  cursor:default;
}
.sys-label-cont .icon-radius{
  position:absolute;
  top:50%;
  right:5px;
  transform:translateY(-50%);
}
/* sys标签*/
.component-choosen-half-with-border{
  width: 90%;
  border: 1px solid rgba(255,255,255,0.1);
  height: 500px;
}
/* 标题前的图标 */
.card-title-icon{
  display:inline-block;
  width:23px;
  height:23px;
  font-size:12px;
  color:#fff;
  line-height:23px;
  text-align:center;
  margin-right:10px;
}
.card-title-ai{
  background:url("../images/card-title-ai.svg") no-repeat center;
}
/* 可展开的列表 */
.sys-collapse{
  position:relative;
  padding:0 30px 0 10px;
  line-height:50px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.sys-collapse-text{
  padding-left:25px;
}
.sys-collapse .icon-dropdown{
  position:absolute;
  top:50%;
  left:10px;
  margin-top:-8px;
  background-size:cover;
}
.sys-collapse:hover,.sys-collapse.active{
  background:rgba(255,255,255,0.04);
  box-shadow:2px 5px 6px 0px rgba(10,10,11,0.5);
  color:#fff;
}
.sys-collapse:hover .icon-dropdown{
  opacity: 1;
}
.sys-collapse.active .icon-dropdown{
  opacity:1;
  transform:rotate(180deg);
}
/* 展开区域 */
.sys-collapse-box{
  height:180px;
  background:rgba(255,255,255,.04);
  box-shadow:0px -10px 6px -6px rgba(10,10,11,0.5) inset;
  display:none;
}
.sys-collapse.active+.sys-collapse-box{
  display:block;
}

/***** 疑似问题 *****/
/***** 指标关联分析 *****/
.layout-content-sys{
  position:relative;
  padding:20px;
}
.card-title .icon-sort-down,.card-title .icon-sort-up{
  position:relative;
  top:2px;
  background-size: contain;
}
.icon-sort-down{
  background: url(../images/tingyun-report-sort-down-icon.svg) center no-repeat;
}
.icon-sort-up{
  background: url(../images/tingyun-report-sort-up-icon.svg) center no-repeat;
}
.sys-label-box{
  height:170px;
}
.sys-text-label{
  display:inline-block;
  padding:0 10px;
  line-height:30px;
  border-radius:15px;
  background:rgba(255,255,255,.1);
  margin:0 10px 5px  0;
  white-space:nowrap;
}
.badge.badge-default{
  color:#fff;
  background:rgb(53,123,231);
}
.sys-label-desc{
  display:inline-block;
  max-width:70px;
  vertical-align:bottom;
}
/***** 指标关联分析 *****/
/***** 指标异常 *****/
.td-charts{
  height:160px;
  background:rgba(255,255,255,.04);
}
/***** 指标异常 *****/
/***** 探针管理 *****/
.sys-host-box{
  cursor:default;
}
.sys-host-box .icon{
  opacity:0;
  cursor:pointer;
}
.sys-host-box:hover .icon{
  opacity:1;
}
.icon-edit-new, .icon-edit-new-apm{
  background:url("../images/sys-edit.svg") no-repeat center;
}
.sys-ra-search{
  width:100%;
  margin:0;
  padding:0;
}
.input-noborder{
  background:transparent;
  border:none;
  outline:none;
  width:10px;
  height:30px;
}
.sys-ra-search>ul>li{
  float: left;
  padding: 0 10px;
  height: 30px;
  line-height:30px;
  border-radius: 4px;
  margin-right: 10px;
  border:solid 1px rgba(255,255,255,.2);
  position:relative;
  margin-top: 2px;
}
.sys-ra-search>ul>li>em{
  display: block;
  font-size: 14px;
  color: rgba(255,255,255,.8);
  height: 30px;
  max-width: 100px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sys-ra-search>ul>li:hover>em{color:#fff;}
.ra-close {
  width: 20px;
  height: 20px;
  background: url(../images/raa-delete.svg) no-repeat center;
  position: absolute;
  top: -7px;
  display:none;
  right:-10px;
}
.sys-ra-search>ul>li:hover{
  cursor: pointer;
  border:solid 1px rgba(255,255,255,.2);
}
.sys-ra-search>ul>li:hover>.ra-close{display:block;}
.ra-close:hover{
  background: url(../images/raa-delete-hover.svg) no-repeat center;
}
.mb-type-xs {
  min-width: 70px;
  height: 30px;
  padding: 0 10px;
}
.sys-mb-group{
  padding:10px;
  border-top:1px solid rgba(255,255,255,.2);
}
.sys-mb-group .mb-type+.mb-type{
  margin-left:10px;
}
.sys-ra-search>ul>li.error{
  border-color:#DF5D56;
}
.sys-ra-search>ul>li.error>em{
  color:#DF5D56;
}
.icon-label{
  background:url("../images/sys-label.svg") no-repeat center;
}
/***** 探针管理 *****/
/* sys-交换机样式2 */
.sys-switchboard-bg{
  height:60px;
  margin:10px 0;
  background:url("../images/sys-switchboard-1.svg") no-repeat center;
  background-size:contain;
}
/* sys-交换机样式2 */
.mr5{
  margin-right: 5px;
}

/***** sys资源概览 *****/
.card-overview-sys{
  height:140px;
  padding:7% 8% 5%;
  color:#fff;
  margin-bottom:10px;
  background:rgba(37,38,43,1);
  border-radius:5px;
  border:1px solid rgba(255,255,255,0.1);
  cursor:pointer;
}
.card-overview-sys:hover{
  border-color:rgb(53,123,231);
}
.card-overview-sys.active{
  border-color:rgb(53,123,231);
  background:rgba(48,49,53,1);
}
.card-overview-cont{
  position:relative;
}
.card-overview-img{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  padding:10px;
  border-radius:50%;
  background:rgba(255,255,255,.1);
}
.card-overview-img>div{
  height:100%;
  background-size:contain;
}
.card-overview-host{
  background:url("../images/action-trace-ia-nosql.svg") no-repeat center;
}
.card-overview-mysql{
  background:url("../images/mysql-2.svg") no-repeat center;
}
.card-overview-oracle{
  background:url("../images/ORACLE-3.svg") no-repeat center;
}
.card-overview-redis{
  background:url("../images/redisError.svg") no-repeat center;
}
.card-overview-nginx{
  background:url("../images/ziyuan.svg") no-repeat center;
}
.card-overview-k8s{
  background:url("../images/Kubernetes.svg") no-repeat center;
}
.card-overview-info{
  padding-left:30%;
}
.card-overview-value{
  font-size:30px;
  line-height:1;
  margin-bottom:5px;
}
.card-overview-data>span{
  white-space:nowrap;
}
/***** sys资源概览 *****/
/****** sys ******/
.sys-switch-left-two{
  min-width:30%;
  max-width:40%;
  padding-right:10%;
}
.sys-triangle-two{
  position:absolute;
  top:50%;
  right:12%;
  transform:translateY(-50%);
  margin-right:-15px;
  width:0;
  height:0;
  border-width:10px 15px;
  border-style:solid;
  border-color:transparent;
  border-left-color:#67686A;
}

.sys-switch-name{
  text-align:left;
  line-height:30px;
  font-size:12px;
}
.sys-switch-value{
  float:right;
  font-size:20px;
  line-height:30px;
  margin-left:5px;
}
.sys-switch-right-two{
  min-width:50%;
  max-width:60%;
  padding:10px;
  border-radius:4px;
  border:1px dashed rgba(255,255,255,0.2);
}
.sys-switch-cont{
  padding:0 10px;
  margin-bottom:6px;
  background:rgba(52,52,52,1);
  border-radius:4px;
  border:1px solid rgba(255,255,255,0.1);
}
.sys-switch-info{
  margin-left:35px;
}
.sys-switch-info span{
  font-size:20px;
  margin-right:5px;
}
.sys-switch-item{
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.2);
}
.sys-switch-item:last-child{
  border:none;
}
.sys-switch-chart{
  height:35px;
  margin-top:8px;
}
.icon-sys-component{
  background:url("../images/component.svg") no-repeat center;
}
.icon-sys-process{
  background:url("../images/process.svg") no-repeat center;
}
/****** sys ******/

/***** sys-chart *****/
.layout-content-sys{
  padding:10px;
  height:100%;
}
.sys-chart-cont{
  height:30%;
}
.sys-chart-box{
  height:100%;
  padding-top:40px;
}
/***** sys-chart *****/
/****** 暂无数据 ******/
.empty-data-box{
  position:relative;
}
.empty-data-cont{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-align:center;
}
.empty-data{
  display:inline-block;
  width:64px;
  height:40px;
  background:url("../images/empty-data.svg") no-repeat center;
  background-size:contain;
}
/****** 暂无数据 ******/
/* 红色背景下的标记 */
.bg-red{
  color:rgba(255,255,255,.65);
}
.bg-red .icon-mark{
  color:#fff;
  border-color:#fff;
}
.bg-red {
  background: rgba(223,93,86,1);
}
/* 红色背景下的标记 */
/* sys图标*/
.icon-sys-qps{
  background:url("../images/qps.svg") no-repeat center;
}
.icon-sys-capacity{
  background:url("../images/capacity.svg") no-repeat center;
}
.icon-sys-connection{
  background:url("../images/connection.svg") no-repeat center;
}
.icon-sys-hit{
  background:url("../images/hit.svg") no-repeat center;
}
.icon-sys-runtime{
  background:url("../images/runtime.svg") no-repeat center;
}
.icon-sys-wait{
  background:url("../images/wait.svg") no-repeat center;
}
/* sys图标*/
.icon-host{
  background:url("../images/host.svg") no-repeat center;
}
/* 表格中过滤下拉框最后一行列表位置 */
.sd-table tbody tr:last-child .filter-select-list{
  top: auto;
  bottom: 30px;
}
.sd-table tbody tr:first-child .filter-select-list{
  top: 34px;
  bottom: auto;
}
/* 表格中过滤下拉框最后一行列表位置 */
.alert-star-14 {
  background:url("../images/star-14.svg") no-repeat center;
  background-size:contain;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  float: left;
}
.alert-star-13 {
  background:url("../images/star-14.svg") no-repeat center;
  background-size:contain;
  width: 13px;
  height: 13px;
  /* margin-left: 1px; */
  float: left;
}
.alert-star-12 {
  background:url("../images/star-14.svg") no-repeat center;
  background-size:contain;
  width: 12px;
  height: 12px;
  /* margin-left: 2px; */
  float: left;
}
.alert-star-6 {
  background:url("../images/star-6.svg") no-repeat center;
  background-size:contain;
  width: 6px;
  height: 6px;
  margin-left: 1px;
  float: left;
}
.alert-star-6-box {
  position: absolute;
  left: 41%;
  bottom: -10px;
  transform: translateX(-41%);
}
@media (max-width: 1800px){
  .alert-star-14 {
    margin-left: 3px;
  }
}
@media (max-width: 1680px){
  .alert-star-14 {
    margin-left: 1px;
  }
  .alert-star-13 {
    width: 11px;
  }
}
@media (max-width: 1600px){
  .alert-star-14 {
    width: 12px;
    height: 12px;
    margin-left: 0;
  }
}
@media (max-width: 1200px){
  .alert-star-14 {
    width: 14px;
    height: 14px;
    margin-left: 3px;
  }
}
.icon-third-party{
  background:url("../images/third-party.svg") no-repeat center;
}
/************* 警报 **************/
.split-line-right{
  border-right:1px solid rgba(255, 255, 255, .2);
}
.table-notice{
  width:100%;
  border-collapse: collapse;
  border:1px solid rgba(255,255,255,.2);
}
.table-notice thead td{
  border-bottom:1px solid rgba(255,255,255,.2);
}
.table-notice td{
  padding:10px;
}
/* 生效时段 */
.dropdown-time-alarm{
  position:relative;
}
.dropdown-time-alarm .sys-label-value{
  max-width:80px;
}
.dropdown-time-list{
  position: absolute;
  top:36px;
  right:0;
  left:0;
  max-height:200px;
  background:rgba(41,42,45,1);
  border:1px solid rgba(255,255,255,.2);
  border-top:none;
  display: none;
  z-index:1000;
}
.dropdown-time-alarm:hover .dropdown-time-list{
  display:block;
}
.dropdown-time-list li{
  padding:10px 20px;
}
.dropdown-time-list li:hover,.dropdown-time-list li.active{
  color:#fff;
  background:rgba(255,255,255,.04);
}
.time-add{
  position:absolute;
  bottom:10px;
  right:0;
  left:20px;
}
.dropdown-time-sel{
  max-width:80%;
}
.dropdown-time-operat{
  display: none;
}
.dropdown-time-list li:hover .dropdown-time-operat{
  display:block;
}
.dropdown-time-operat .icon{
  cursor:pointer;
}
/* 类似类型为number的input */
.can-select{
  position:relative;
  min-width: 70px;
  height:36px;
  padding:7px 30px 7px 10px;
  border:1px solid rgba(255,255,255,.2);
}
.can-selec-val{
  height:20px;
  overflow:hidden;
}
.can-select-opt{
  position:absolute;
  width:10px;
  height:12px;
  top:50%;
  right:10px;
  transform: translateY(-50%);
}
.can-select-opt>div{
  width:6px;
  height:6px;
  border:1px solid rgba(255,255,255,.65);
  border-top:none;
  border-left:none;
  cursor:pointer;
}
.can-select-opt>div:hover{
  border-color:rgb(255,255,255);
}
.can-select-opt .up{
  transform: rotate(225deg);
}
.can-select-opt .down{
  transform: rotate(45deg);
}
/* 指标告警策略 */
.status-btn{
  display:inline-block;
  padding:3px 10px 4px;
  line-height:1.5;
  min-width:80px;
  margin-right:10px;
  text-align:center;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.65);
  border-radius:4px;
}
.status-btn:last-child{
  margin-right:0;
}
.status-btn.status-danger{
  color:#DF5D56;
  border-color:#DF5D56;
}
.status-btn.status-warning{
  color:#FFCD43;
  border-color:#FFCD43;
}
.status-btn.status-primary{
  color:#81D3F8;
  border-color:#81D3F8;
}
.status-btn.status-success{
  color:#27CCAA;
  border-color:#27CCAA;
}
.icon-export{
  background:url('../images/alarm-export.svg') no-repeat center;
  background-size:contain;
  cursor:pointer;
}
/* 更多操作 */
.dot-operate-cont{
  position:relative;
  cursor:pointer;
}
.dot-operate{
  position:relative;
  display: inline-block;
  margin:0 10px;
  width:4px;
  height:4px;
  background:rgba(255,255,255,.65);
  border-radius:50%;
  vertical-align: super;
}
.dot-operate:before,.dot-operate:after{
  content:'';
  position:absolute;
  width:4px;
  height:4px;
  background:rgba(255,255,255,.65);
  border-radius:50%;
  top:50%;
  margin-top: -2px;
}
.dot-operate-cont:hover .dot-operate,.dot-operate-cont:hover .dot-operate:before,.dot-operate-cont:hover .dot-operate:after{
  background:#fff;
}
.dot-operate:before{
  left:-6px;
}
.dot-operate:after{
  right:-6px;
}
.dot-more{
  position:absolute;
  top:19px;
  left:50%;
  transform:translateX(-50%);
  padding:10px;
  background:rgba(0,0,0,0.9);
  box-shadow:2px 5px 6px 0px rgba(28,30,37,0.5);
  border-radius:4px;
  z-index:1000;
  display: none;
}
.dot-operate-cont:hover .dot-more{
  display: block;
}
.dot-more:before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:100%;
  width:0;
  height:0;
  border:5px solid transparent;
  border-bottom-color:rgba(0,0,0,0.9);
}
.dot-operate-list li>a{
  color:rgba(255,255,255,.65);
  display:inline-block;
  white-space: nowrap;
  padding:5px 10px;
}
.dot-operate-list li>a.active,.dot-operate-list li>a:hover{
  color:#fff;
}
.icon-voice{
  background:url('../images/voice.svg') no-repeat center;
}
.pos-left{
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
/* 指标告警策略 */
.sd-table tr:hover, .sd-table tr.active {
  color: #fff;
}
.sd-table tr.unread td{
  opacity:.5;
}
.alarm-outline-lists .outline-value{
  width:50%;
  z-index: auto;
  min-height:21px;
}
.alarm-outline-lists .outline-item{
  margin-bottom:20px;
}
.alarm-outline-lists .outline-item:before{
  top:10px;
  transform:none;
}
.outline-tooltip{
  position:absolute;
  top:50%;
  right:1px;
  left:-30%;
  transform: translateY(-50%);
  color:#fff;
  padding:10px 40px 10px 10px;
  background:rgb(0,0,0);
  border-radius:4px;
  z-index:1000;
  display:none;
}
.outline-value:hover .outline-tooltip{
  display:block;
}
.outline-value .icon-close{
  position: absolute;
  top:10px;
  right:10px;
  height:20px;
  border:1px solid rgba(255,255,255,1);
  border-radius:50%;
  opacity: .6;
}
.outline-value .icon-close:hover{
  opacity: 1;
}
/* 告警过程 */
.warning-process{
  position:relative;
  padding:20px;
  border-bottom:1px solid rgba(255,255,255,.3);
  overflow:hidden;
}
.warning-process.active {
  background:rgba(0,0,0,0.2);
}
.warning-process:last-child{
  border-bottom:none;
}
.warning-process-date{
  width:80px;
}
.warning-process-cont{
  margin-left:90px;
}
.warning-process-node{
   position: relative;
   width:24px;
   height:24px;
   padding:3px;
   border:2px solid rgba(255,255,255,0.3);
   border-radius:50%;
 }
.warning-process-node.active{
  width:32px;
  height:32px;
  padding:4px;
  margin-left: -4px;
  border:2px solid rgba(255,255,255,0.3);
}
.warning-process-node:before,.warning-process-node:after{
  content:"";
  position:absolute;
  left:50%;
  margin-left:-1px;
  width:2px;
  height:1000px;
  background:rgba(255,255,255,0.3);
}
.warning-process-node:before{
  bottom:calc(100% + 2px);
}
.warning-process-node:after{
  top:calc(100% + 2px);
}
.warning-process:first-child .warning-process-node:before,.warning-process:last-child .warning-process-node:after{
  display:none;
}
.warning-process-node.active>div{
  width:20px;
  height:20px;
}
.warning-process-node>div{
  width:14px;
  height:14px;
  border-radius:50%;
}
.warning-process-node.success>div{
  background:#43AA93;
}
.warning-process-node.info>div{
  background:#4487FA;
}
.warning-process-node.danger>div{
  background:#DF5D56;
}
.warning-process-node.warn>div{
  background:rgba(255,204,67,1);
}
.warning-process-detail{
  margin-left:50px;
}
.warning-process-drop{
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(255,255,255,.3) url('../images/drop-down.svg') no-repeat center 2px;
  background-size:80%;
  transform:rotate(-90deg);
  opacity: .5;
  cursor:pointer;
}
.warning-process-drop.active{
  transform: rotate(0);
  opacity: 1;
}
.warning-process-drop.active+div ul{
  display: block!important;
}
.warning-process-info{
  margin-left:30px;
}
.icon-email{
  background:url('../images/email.svg') no-repeat center;
  vertical-align: sub;
}
.icon-message{
  background:url('../images/message.svg') no-repeat center;
  vertical-align: sub;
}
/* 异常检测、基线阈值 */
.input-unit{
  position:relative;
  height:36px;
}
.input-unit input{
  padding-right:40px;
}
.input-unit span{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
}
.input-unit.danger{
  color:#E04346;
}
.input-unit.danger input{
  border-color:#E04346;
  color:#E04346;
}
.input-unit.danger input::-webkit-input-placeholder{
  color:#E04346!important;
}
.input-unit.danger input::-moz-placeholder{
  color:#E04346!important;
}
.input-unit.danger input:-moz-placeholder{
  color:#E04346!important;
}
.input-unit.danger input:-ms-input-placeholder{
  color:#E04346!important;
}
.input-unit.warning{
  color:#FFA940;
}
.input-unit.warning input{
  border-color:#FFA940;
  color:#FFA940;
}
.input-unit.warning input::-webkit-input-placeholder{
  color:#FFA940!important;
}
.input-unit.warning input::-moz-placeholder{
  color:#FFA940!important;
}
.input-unit.warning input:-moz-placeholder{
  color:#FFA940!important;
}
.input-unit.warning input:-ms-input-placeholder{
  color:#FFA940!important;
}

.input-unit.success{
  color:#43AA93;
}
.input-unit.success input{
  border-color:#43AA93;
  color:#43AA93;
}
.contrast-add.contrast-add-lg{
  height:36px;
  width:36px;
}
.dropdowm-prefix-val{
  position: relative;
  margin-left:124px;
  height:36px;
  padding:5px 40px 5px 10px;
  border:1px solid rgba(255,255,255,.2);
  border-left:none;
}
.dropdowm-prefix-val:hover>.dropdown-wrap{
  display:block;
}
.dropdowm-prefix-val:hover>.dropdown-arrow-down{
  transform: rotate(180deg);
  opacity:.8;
}
.dropdowm-prefix-val>.dropdown-wrap{
  width:auto;
  left:auto;
  right:0;
}
.mb-type-bor{
  border-width:1px;
}
/************* 警报 **************/

/****** 切换页签 *******/
.tab-panel-nav{
  margin-bottom:-2px;
}
.tab-panel-nav>li{
  float:left;
  min-width:120px;
  text-align: center;
  padding:0 10px;
  border:1px solid transparent;
  border-bottom:none;
  border-radius:4px 4px 0 0;
  cursor:pointer;
}
.tab-panel-nav>li.active{
  border-color:rgba(255,255,255,0.1);
  background:rgba(22,24,29,1);
}
.tab-panel-nav>li.active a{
  color:#fff;
  border-color:rgb(53,123,231);
}
.tab-panel-nav>li>a{
  display: inline-block;
  padding:10px 2px;
  color:rgba(255,255,255,.65);
  border-bottom:2px solid transparent;
}
.tab-panel{
  background:rgba(22,24,29,1);
  box-shadow:2px 5px 6px 0px rgba(10,10,11,0.5);
  border:1px solid rgba(255,255,255,0.1);
}
.tab-panel-hd{
  padding:20px 30px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.tab-panel-bd{
  /* padding:20px 30px; */
}
/* 蓝色复选框 */
.sd-checkbox-blue.sd-checkbox-label.checked .sd-input-icon{
  border-width: 1px;
  border-style: solid;
  border-color: rgb(53, 123, 231);
  background: url(../images/alert-check-hover.svg) center center / 76% no-repeat rgb(53, 123, 231);
}
.sd-checkbox-blue.sd-checkbox-label.checked em{
  color:rgb(53,123,231);
}
/* 拓扑图布局 */
.alarm-topo{
  position:relative;
  height:758px;
}
.alarm-topo-aside{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:440px;
  height:100%;
  padding:20px;
  background:rgba(33,34,38,1);
  box-shadow:2px 0 6px 0px rgba(0,0,0,0.5);
}
.alarm-topo-aside.close{
  width:20px;
  padding:0;
}
.alarm-topo-aside.close>div{
  display: none;
}
.mb-type-group .mb-type{
  margin:0 10px 10px 0;
}
/* 展开按钮 */
.alarm-aside-btn{
  position:absolute;
  top:100px;
  left:100%;
  width:30px;
  height:80px;
  background:rgba(33,34,38,1);
  box-shadow:4px -4px 6px 0px rgba(0,0,0,0.5);
  cursor:pointer;
}
.alarm-aside-btn:before,.alarm-aside-btn:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  border:15px solid transparent;
}
.alarm-aside-btn:before{
  bottom:100%;
  left:0;
  border-left-color:rgba(33,34,38,1);
  border-bottom-color:rgba(33,34,38,1);
}
.alarm-aside-btn:after{
  top:100%;
  left:0;
  border-left-color:rgba(33,34,38,1);
  border-top-color:rgba(33,34,38,1);
}
/****** 切换页签 *******/
/********** Connection Pools **********/
.bor-box{
  position:relative;
  /* min-height:370px; */
  min-height:300px;
  background:rgba(41,42,45,1);
  border:1px solid rgba(255,255,255,0.1);
}
.bor-box-left{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  width:340px;
  padding:20px;
  border-right:1px solid rgba(255,255,255,0.1);
}
.bor-box-left-main{
  height:calc(100% - 34px);
}
.bor-box-section{
  margin-left: 340px;
  padding:20px;
}
.split-line-dashed{
  border-bottom:1px dashed rgba(255,255,255,0.1);
}
.table-charts{
  height:100px;
  min-width:200px;
}
.pool-table-title td, .pool-text-common {
  font-weight: 500;
  /* color: rgba(51,51,51,1); */
}
.pool-chart-name {
  width: 154px;
  max-width: 154px;
}
.pool-chart-name-two {
  width: 160px;
  max-width: 160px;
}
.pool-chart-idle {
  width: 40px;
}
.content-min .pool-chart-name {
  width: 187px;
}
.content-min .pool-chart-name-two {
  width: 195px;
}
.content-min .pool-chart-idle {
  width: 45px;
}
.pool-chart-header{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 7px;
  margin-top: 5px;
}
.pool-length-limit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/********** Connection Pools **********/
/****** 悟空平台在线帮助 ******/
.page-title{
  font-size:36px;
}
.wukong-products{
  width:880px;
  margin:50px auto 0;
}
.wukong-product{
  float:left;
  width:200px;
  height:200px;
  padding:30px;
  margin:10px;
  color:#fff;
  text-align:center;
  font-size:20px;
  background:linear-gradient(137deg,rgba(26,133,243,1) 0%,rgba(51,192,238,1) 100%,rgba(51,194,238,1) 100%,rgba(52,195,238,1) 100%);
  box-shadow:0px 9px 20px 0px rgba(124,126,130,0.5);
  border-radius:8px;
  cursor:pointer;
}
.wukong-product-icon{
  width:80px;
  height:80px;
  margin:30px auto 0;
}
.wukong-product-icon>img{
  min-height:85%;
}
/****** 悟空平台在线帮助 ******/
/***** 页面头部新版样式 *****/
.content-top{
  position: fixed;
  top: 0;
  left: 256px;
  right: 0;
  display: flex;
  height: 64px;
  padding: 0 25px 0 30px;
  background: #292a2d;
  box-shadow:0px 1px 4px 0px rgba(0,21,41,0.12);
  z-index:114;
}
/* 左侧菜单切换 */
.content-top-left{
  display:flex;
}
.menu-toggle{
  display: flex;
  align-items:center;
}
.menu-toggle>span{
  display:inline-block;
  width:20px;
  height:20px;
  cursor: pointer;
}
.menu-fold{
  background:url('../images/icon-fold.svg') no-repeat center;
}
.menu-fold:hover{
  background:url('../images/icon-fold-hover.svg') no-repeat center;
}
.menu-unfold{
  background:url('../images/icon-unfold.svg') no-repeat center;
}
.menu-unfold:hover{
  background:url('../images/icon-unfold-hover.svg') no-repeat center;
}
/* 中间内容区域 */
.content-top-container{
  flex:1;
}
/* 右侧个人中心 */
.content-top-right{
  display:flex;
}
.user-center-item{
  position:relative;
  display:flex;
  align-items:center;
  padding:0 10px;
}
.user-center-item:hover{
  background:rgba(245,245,245,.1);
}
.user-center-icon{
  position:relative;
  display:inline-block;
  width:20px;
  height:20px;
  cursor:pointer;
}
.user-center-help{
  background:url('../images/icon-help.svg') no-repeat center;
}
.user-center-msg{
  background:url('../images/icon-msg.svg') no-repeat center;
}
.user-center-head{
  background:url('../images/icon-head.svg') no-repeat center;
}
.user-center-lang{
  background:url('../images/icon-language.svg') no-repeat center;
}
.user-center-theme{
  background:url('../images/icon-theme.svg') no-repeat center;
}
.user-name{
  max-width:100px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  margin-left:10px;
}
/* 帮助文档 */
.user-center-help-box{
  position:absolute;
  width:max-content;
  top:75px;
  left:50%;
  transform:translateX(-50%);
  display:none;
}
.user-center-item:hover .user-center-help-box{
  display:block;
}
/* 消息通知 */
.user-center-msg .user-center-badge{
  position:absolute;
  top: -12px;
  left: 5px;
  z-index:100;
}
.user-center-badge{
  display: inline-block;
  min-width: 21px;
  color: #fff;
  padding: 0 5px;
  text-align: center;
  background: rgba(255,77,79,1);
  border-radius: 10px;
}
/* 下拉菜单 */
.user-center-dropdown{
  position:absolute;
  top:64px;
  width:160px;
  padding:10px 0;
  background:#3E3F41;
  border-radius:4px;
  display:none;
  box-shadow:1px 1px 4px 0px rgba(41,42,45,0.2)
}
.user-center-item:hover .user-center-dropdown{
  display:block;
}
.user-center-dropdown-list>li{
  padding:10px 20px;
  cursor:pointer;
}
.user-center-dropdown-list>li.active,.user-center-dropdown-list>li:hover{
  color:#fff;
  background:#1E1F21;
}
.icon-logout{
  background:url('../images/icon-logout.svg') no-repeat center;
  background-size:contain;
  vertical-align:text-top;
}
/* 主题切换 */
.user-center-theme-box{
  display:flex;
  padding:0 10px;
}
.user-center-theme-box>div{
  position:relative;
  flex:1;
  height:38px;
  margin: 0 15px;
  cursor:pointer;
}
.user-center-theme-box>div.active:after{
  position:absolute;
  right:5px;
  bottom:5px;
  content:'\2713';
  font-size:16px;
  color:rgb(53,123,231);
  font-weight:bold;
}
.user-center-theme-light{
  background:url('../images/icon-theme-light.svg') no-repeat center;
  background-size:contain;
}
.user-center-theme-dark{
  background:url('../images/icon-theme-dark.svg') no-repeat center;
  background-size:contain;
}
/* 面包屑导航、标题、页签 */
.content-head{
  position:relative;
  background: #292a2d;
  margin:0 -25px 0 -30px;
  padding:15px 30px 15px;
  margin-bottom:24px;
}
/* 面包屑导航 */
.bread-crumbs>li{
  float: left;
  color:rgba(255,255,255,.45);
}
.bread-crumbs>li a{
  color:rgba(255,255,255,.45);
}
.bread-crumbs>li a:hover{
  color:rgb(53,123,231);
}
.bread-crumbs>li a.active{
  color:rgba(255,255,255,.85);
  cursor: inherit;
}
.bread-crumbs>li:after{
  content:'/';
  padding:0 5px;
}
.bread-crumbs>li:last-child:after{
  content: '';
}
/* 标题 */
.head-title{
  font-size:20px;
  color:#fff;
  padding:10px 0;
}
/* 页签切换 */
.head-tab-box{
  border-bottom:1px solid rgba(255,255,255,.2);
}
.head-tab>li{
  float: left;
  padding:10px 0;
  margin-right:30px;
  border-bottom:2px solid transparent;
  cursor:pointer;
  transition:all 500ms;
}
.head-tab>li:last-child{
  margin-right:0;
}
.head-tab>li.active,.head-tab>li:hover{
  color:rgb(255,255,255);
  border-bottom-color:rgb(255,255,255);
}
/***** 页面头部新版样式 *****/

.wk-form .dropdown-default-bor .dropdown-list {
  max-height: 140px;
  overflow-y: auto;
}
.wk-form .no_max_height .dropdown-default-bor .dropdown-list{
  max-height: 100%;
}
/* laydate日期组件 */
.ty-laydate{
  position:relative;
  border:1px solid rgba(255,255,255,.2);
}
.ty-laydate>input{
  width:100%;
  padding:5px 50px 4px 10px;
  background:transparent;
  border:none;
  outline:none;
}
.ty-laydate>.icon{
  position: absolute;
  right:5px;
  top:50%;
  margin-top:-8px;
}
.icon-calendar{
  background:url("../images/calendar.svg") no-repeat center;
}
/* laydate日期组件 */
/********** error analyse **********/
.error-panel{
  border:1px solid rgba(255,255,255,.2);
}
.error-bottom-line {
  font-size: 14px;
  border-bottom:1px solid rgba(255,255,255,.2);
}
.error-bold-text {
  color: #fff;
}
.error-explain-text {
  color: rgba(255,255,255,.4);
}
.error-arrow {
  background:url('../images/drop-down.svg') no-repeat center;
}
.arrow-direction {
  transform: rotate(-90deg);
}
.arrow-style {
  width: 16px;
  height: 9px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 1px;
  margin-right: 5px;
}

.error-analyse-filter {
  width: 400px;
  height: 40px;
  line-height: 40px;
  border: solid 1px rgba(42,43,45,.2);
  background: rgba(255,255,255,1);
  box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);;
  position: relative;
  float: left;
  padding: 0 10px;
  margin-bottom: 1px;
}
.add-condition {
  background:url('../images/add-condition-white.svg') no-repeat center;
  opacity: 1;
}
.export-icon {
  background:url('../images/new-export-icon.svg') no-repeat center;
  opacity: 1;
}
.error-tip-icon {
  background:url('../images/error-tip-white.svg') no-repeat center;
  opacity: 1;
}
.error-ex-detail {
  background:url('../images/error-exception-detail-white.svg') no-repeat center;
  opacity: 1;
}
.error-new-edit {
  background: url('../images/error-edit-black.svg') no-repeat center;
  background-size:contain;
  opacity: .3;
  vertical-align: sub;
}
.error-new-delete {
  background: url('../images/error-delete-black.svg') no-repeat center;
  background-size:contain;
  opacity: .3;
  vertical-align: sub;
}
.error-newVersion-tip {
  color: #74DCB8;
  background: rgba(111, 171, 139, 0.2);
  border:1px solid rgba(111, 171, 139, 0.4);
}
.yellow-error-tip-icon {
  background: url('../images/yellow-error-tip.svg') no-repeat center;
  background-size:contain;
  opacity: 1 !important;
  vertical-align: sub;
}
.bottom-line:after {
  background: rgba(255,255,255,.1) !important;
}
/********** error analyse **********/
/****** 悟空平台在线帮助 ******/
.page-title{
  font-size:36px;
}
.wukong-products{
  width:880px;
  margin:50px auto 0;
}
.wukong-product{
  float:left;
  width:200px;
  height:200px;
  padding:30px;
  margin:10px;
  color:#fff;
  text-align:center;
  font-size:20px;
  background:linear-gradient(137deg,rgba(26,133,243,1) 0%,rgba(51,192,238,1) 100%,rgba(51,194,238,1) 100%,rgba(52,195,238,1) 100%);
  box-shadow:0px 9px 20px 0px rgba(124,126,130,0.5);
  border-radius:8px;
  cursor:pointer;
}
.wukong-product-icon{
  width:80px;
  height:80px;
  margin:30px auto 0;
}
.wukong-product-icon>img{
  min-height:85%;
}
/****** 悟空平台在线帮助 ******/

.wk-form .dropdown-default-bor .dropdown-list {
  max-height: 140px;
  overflow-y: auto;
}
/* laydate日期组件 */
.ty-laydate{
  position:relative;
  border:1px solid rgba(255,255,255,.2);
}
.ty-laydate>input{
  width:100%;
  padding:5px 50px 4px 10px;
  background:transparent;
  border:none;
  outline:none;
}
.ty-laydate>.icon{
  position: absolute;
  right:5px;
  top:50%;
  margin-top:-8px;
}
.icon-calendar{
  background:url("../images/calendar.svg") no-repeat center;
}
/* laydate日期组件 */

/************** 悟空平台 ***************/
.ty-panel-new{
  border-radius:4px;
  background:#292a2d;
}
.ty-panel-head{
  font-size:16px;
  padding:15px 24px;
  border-bottom:1px solid rgba(232,232,232,.1);
}
.ty-panel-body{
  padding:24px;
}
.product-item{
  float:left;
  width:158px;
/*
  min-width:145px;
  max-width:160px;
  */
  margin:0 10px 10px 0;
  padding:18px 10px;
  color:rgba(255,255,255,.5);
  font-size:16px;
  border-radius:4px;
  border:1px solid rgba(234,234,234,.1);
}
.product-item.active{
  color:#fff;
  background:linear-gradient(143deg,rgba(26,133,243,1) 0%,rgba(51,194,238,1) 100%,rgba(52,195,238,1) 100%);
}
.product-item .icon-lg{
  margin-right:10px;
  vertical-align: middle;
}
/* apm */
.product-item .icon-apm{
  background:url('../img/tingyun-report-apm-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-apm{
  background:url('../img/tingyun-report-apm-icon.svg') no-repeat center;
  background-size:contain;
}
/* 用户体验 */
.product-item .icon-userexp{
  background:url('../img/tingyun-report-user-sidebar-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-userexp{
  background:url('../img/tingyun-report-user-sidebar-icon.svg') no-repeat center;
  background-size:contain;
}
/* 智慧大屏 */
.product-item .icon-sense{
  background:url('../img/tingyun-report-dashboard-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-sense{
  background:url('../img/tingyun-report-dashboard-icon.svg') no-repeat center;
  background-size:contain;
}
/* 业务IT分析 */
.product-item .icon-it{
  background:url('../img/tingyun-report-business-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-it{
  background:url('../img/tingyun-report-business-icon.svg') no-repeat center;
  background-size:contain;
}
/* 智能根源 */
.product-item .icon-root{
  background:url('../img/brower-rca-selected.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-root{
  background:url('../img/brower-rca.svg') no-repeat center;
  background-size:contain;
}
/* 基础设施 */
.product-item .icon-sys{
  background:url('../img/tingyun-report-sys-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-sys{
  background:url('../img/tingyun-report-sys-icon.svg') no-repeat center;
  background-size:contain;
}
/* 直播live */
.product-item .icon-live{
  background:url('../img/tingyun-report-live-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-live{
  background:url('../img/tingyun-report-live-icon.svg') no-repeat center;
  background-size:contain;
}
/* 平台能力中心 */
.product-item .icon-platform{
  background:url('../img/tingyun-report-platform-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-platform{
  background:url('../img/tingyun-report-platform-icon.svg') no-repeat center;
  background-size:contain;
}
/* 智能告警 */
.product-item .icon-alarm{
  background:url('../img/tingyun-report-alert-sidebar-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-alarm{
  background:url('../img/tingyun-report-alert-sidebar-icon.svg') no-repeat center;
  background-size:contain;
}
/* 北冥告警平台 */
.product-item .icon-ace{
  background:url('../img/tingyun-report-ace-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-ace{
  background:url('../img/tingyun-report-ace-icon.svg') no-repeat center;
  background-size:contain;
}
/* 小程序 */
.product-item .icon-applet{
  background:url('../img/tingyun-mp-icon-hover.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-applet{
  background:url('../img/tingyun-mp-icon.svg') no-repeat center;
  background-size:contain;
}
/* app */
.product-item .icon-app{
  background:url('../img/tingyun-report-app-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-app{
  background:url('../img/tingyun-report-app-icon.svg') no-repeat center;
  background-size:contain;
}

/* AppBench */
.product-item .icon-app-bench{
  background:url('../img/tingyun-report-app-bench-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-app-bench{
  background:url('../img/tingyun-report-app-bench-icon.svg') no-repeat center;
  background-size:contain;
}

/* 智能报告 */
.product-item .icon-smart-report{
  background:url('../img/tingyun-report-smart-report-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-smart-report{
  background:url('../img/tingyun-report-smart-report-icon.svg') no-repeat center;
  background-size:contain;
}

/* 指标管理 */
.product-item .icon-metrics{
  background:url('../img/tingyun-report-mertics-icon-on.svg') no-repeat center;
  background-size:contain;
}
.product-item.active .icon-metrics{
  background:url('../img/tingyun-report-mertics-icon.svg') no-repeat center;
  background-size:contain;
}


.product-list-no-open {
  background: url('../images/product-view-no-open.png') no-repeat center;
  background-size:contain;
  width: 100%;
  height: 50px;
  margin-bottom: 8px;
}

/* 表格容器 */
.wukong-cont{
  position:relative;
  height:325px;
}
.wukong-cont-sm{
  position:relative;
  height:155px;
}
.wukong-cont-empty{
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  transform:translate(-50%,-50%);
}
.wukong-cont-empty>div{
  width:86px;
  height:59px;
  margin:0 auto 20px;
  background:url('../images/ty-placeholder.png') no-repeat center;
}
.wukong-cont .table td{
  padding:15px 8px;
}
.wukong-cont .table > tbody > tr > td{
  border-color:rgba(232,232,232,.1)
}
/* 注意事项 */
.notice-info{
  padding:20px;
  color:rgba(0,0,0,0.65);
  background:rgba(255,251,230,1);
  border-radius:2px;
  border:1px solid rgba(255,229,143,1);
}
.text-waring{
  display:inline-block;
  width:20px;
  height:20px;
  line-height:18px;
  text-align:center;
  color:#FAAD14;
  border:1px solid #FAAD14;
  border-radius:50%;
}
/* 菜单关闭按钮 */
.menu-close{
  position: absolute;
  width: 20px;
  height: 20px;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  opacity: .6;
  background:url('../images/int-close.svg') no-repeat center;
  background-size: 50%;
  cursor:pointer;
}
.menu-close:hover{
  opacity: 1;
}
.menu-switch-button{
  background:rgba(24,144,255,1);
  box-shadow:0 0 2px rgba(255,255,255,0.6);
}
.menu-switch-button:after{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  left:3px;
  top:50%;
  color:#fff;
  line-height:10px;
  margin-top:-5px;
  background:url(../images/alert-check-hover.svg) no-repeat center;
  background-size: contain;
}
.menu-switch-button.switch-button-close:after{
  content:'×';
  left:auto;
  right:3px;
  background:none;
}
/************** 悟空平台 ***************/

/***** sys基础设施0 *****/
/* 面包屑导航、标题、页签 */
.content-head{
  position:relative;
  background: #292a2d;
  margin:0 -25px 0 -30px;
  padding:15px 30px 15px;
  margin-bottom:24px;
}
/* 面包屑导航 */
.bread-crumbs>li{
  position:relative;
  float: left;
  color:rgba(255,255,255,.45);
}
.bread-crumbs>li.active{
  color:rgba(255,255,255,.65);
}
.bread-crumbs>li:after{
  content:'/';
  padding:0 5px;
}
.bread-crumbs>li:last-child:after{
  content: '';
}
/* 标题 */
.head-title{
  font-size:20px;
  color:#fff;
  padding:10px 0;
}
/* 页签切换 */
.head-tab-box{
  border-bottom:1px solid rgba(255,255,255,.2);
}
.head-tab>li{
  float: left;
  padding:10px 20px;
  border-bottom:2px solid transparent;
  cursor:pointer;
  transition:all 500ms;
}
.head-tab>li.active,.head-tab>li:hover{
  color:rgb(255,255,255);
  border-bottom-color:rgb(255,255,255);
}
/***** sys基础设施0 *****/
/* server拓扑图右下角新增图标按钮 */
.bt-right-icons-wrap{
  pointer-events:visible;
}
.bt-right-icons-wrap .add-component{
  position: relative !important;
  display: block !important;
  right:0 !important;
  bottom:0 !important;
}
.h-250{
  height:250px;
}
.border-container div.table-scribe{
  color: #fff;
}
/* server拓扑图右下角新增图标按钮 */

.api-select-search-icon{
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 30px;
  top: 50%;
  margin-top:-8px;
  background: url(../images/search-icon.svg) no-repeat center;
  outline:none;
  opacity:.3;
}
.api-select-search-icon:hover{
  opacity: 1;
}

.dataProcess-sd-table .sd-table {
  table-layout: auto;
}

/* tooltip提示框 不要白色hover*/
.unset-hover-bubble-wrap-cont{
  position:relative;
  display:inline-block;
  cursor:pointer;
  max-width:100%;
}
.unset-hover-bubble-wrap-cont .bubble-wrap{
  position:absolute;
  left:calc(100% + 15px);
  top:-5px;
  display:none;
}

.unset-hover-bubble-wrap-cont:hover .bubble-wrap{
  display:block;
}
/* tooltip提示框 */

.metric-dropdown-filter .dropdown-wrap{
  height:220px;
}

.group-dropdown-filter .dropdown-wrap{
  height:220px;
}
.wk-form-filter .dropdown-default-bor .dropdown-list {
  max-height: 210px !important;
}

.metric-dropdown-filter .dropdown-list li{
  font-size:14px !important;
}

.group-dropdown-filter .dropdown-list li{
  font-size:14px !important;
}
.input-data-bucket {
  border: 1px solid rgba(255,255,255,.2);
  padding-left: 10px;
}
.custom-datepiker .ant-input {
  background-color: transparent;
}

i[nz-icon]:hover{
  color: rgba(53,123,231,1);
}

.flex-center{
  display: flex;
  align-items: center;
}

.textarea-bg{
  background-color: rgba(255, 255, 255, 0.04);
}
.icon-success{
  background:url('../images/access-token-copy-success.svg') no-repeat center;
}
.cross-line{
  border-top:1px solid rgba(255,255,255,.2);
}

/* channel-template-selector */
.channel-icon-wrapper{
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: #3B3C40;
}

.dropdown-trigger-wrapper{
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: #313236;
}

/* dropdon menu */
.ty-dropdown-container{
  background-color: #292A2D;
}
.ty-dropdown-container .ty-menu-item.active,.ty-menu-item:hover:not(.active){
  background-color: rgba(255, 255, 255, 0.05);
}

.ty-dropdown-container .ty-menu-item,.ty-menu-action{
  color: rgba(255, 255, 255, .65)
}
.fw500 {
  font-weight: 500;
}
/* laydate日期组件 */
.icon-kafka {
  background: url(../images/kafka.svg) no-repeat center;
}
.error-tip-icon {
  background:url('../images/error-tip-white.svg') no-repeat center;
  opacity: 1;
}