@font-face {
  font-family: 'ouio-icons';
  src: url(data:font/woff;base64,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) format('woff'), url(data:font/ttf;base64,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) format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="ouio-icon-"],
[class*=" ouio-icon-"] {
  font-family: 'ouio-icons' !important;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ouio-icon-right:before {
  content: "\e7eb";
}
.ouio-icon-left:before {
  content: "\e7ec";
}
.ouio-icon-up:before {
  content: "\e7ed";
}
.ouio-icon-down:before {
  content: "\e7ee";
}
.ouio-icon-caret-down:before {
  content: "\e8ec";
}
.ouio-icon-caret-up:before {
  content: "\e8ed";
}
.ouio-icon-caret-right:before {
  content: "\e8ee";
}
.ouio-icon-caret-left:before {
  content: "\e8ef";
}
.ouio-icon-loading {
  -webkit-animation: rotating 1s linear infinite;
          animation: rotating 1s linear infinite;
}
.ouio-icon-loading:before {
  content: "\e72a";
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.ouio-btn {
  min-width: 70px;
  height: 30px;
  line-height: 28px;
  outline: none;
  cursor: pointer;
  color: #FFFFFF;
  border: 1px solid #DCDFE6;
  font-size: 14px;
  background: #409EFF;
  border-radius: 4px;
}
.ouio-btn:hover {
  background: #66b1ff;
}
.ouio-btn .ouio-icon {
  margin-right: 5px;
}