@charset "UTF-8";
/*  IMAGES  */
/* 默认颜色 */
/* 主题颜色放入 minxin-themeColors.scss
$color-primary: $palette-indigo-500 !default;
$color-primary-dark: $palette-indigo-700 !default;
$color-accent: $palette-pink-A200 !default;
*/
/* 客户化 */
/* 波纹效果 */
/* 动画 */
/* 阴影 */
/* ==========  字体  ========== */
/* 控件 */
/* UButton */
/* UText */
/*  Navlayout  */
/* gridlayout */
/* menu */
/* CHECKBOX */
/*  Radio  */
/* Switch  */
/* loading */
/* datetimepicker */
/* message */
/* DATA TABLE */
/* tooltip*/
/* 进度条 */
/* ==========  Content Tabs  ========== */
/* CARD */
/* Card dimensions */
/* Cover image */
/* ==========  Card  ========== */
/* ============ Forms ============*/
/* BADGE */
/* Typography */
/* Shadows */
/* Animations */
.u-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%; }

.u-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.u-progress > .progressbar {
  background-color: rgb(63,81,181);
  z-index: 1;
  left: 0;
  border-radius: 3px; }

.u-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
  background-color: rgb(63,81,181);
  opacity: 0.5;
  filter: alpha(opacity=50) \9;
  z-index: 0;
  left: 0;
  border-radius: 3px; }

.u-progress > .auxbar {
  right: 0; }

@supports (-webkit-appearance: none) {
  .u-progress:not(.u-progress--indeterminate):not(.u-progress--indeterminate) > .auxbar,
  .u-progress:not(.u-progress__indeterminate):not(.u-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
    mask: url("/images/buffer.svg?embed"); } }

.u-progress:not(.u-progress--indeterminate) > .auxbar,
.u-progress:not(.u-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }

.u-progress.u-progress--indeterminate > .bar1,
.u-progress.u-progress__indeterminate > .bar1 {
  background-color: rgb(63,81,181);
  animation-name: indeterminate1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.u-progress.u-progress--indeterminate > .bar3,
.u-progress.u-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: rgb(63,81,181);
  animation-name: indeterminate2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.u-progress-primary .auxbar {
  background: none;
  background-color: rgba(63,81,181, 0.7); }

.u-progress-primary .bufferbar {
  background: none;
  background-color: rgba(63,81,181, 0.7); }

.u-progress-primary .progressbar {
  background-color: rgb(63,81,181); }

.u-progress-success .auxbar {
  background: none;
  background-color: rgba(76,175,80, 0.7); }

.u-progress-success .bufferbar {
  background: none;
  background-color: rgba(76,175,80, 0.7); }

.u-progress-success .progressbar {
  background-color: rgb(76,175,80); }

.u-progress-info .auxbar {
  background: none;
  background-color: rgba(0,188,212, 0.7); }

.u-progress-info .bufferbar {
  background: none;
  background-color: rgba(0,188,212, 0.7); }

.u-progress-info .progressbar {
  background-color: rgb(0,188,212); }

.u-progress-danger .auxbar {
  background: none;
  background-color: rgba(244,67,54, 0.7); }

.u-progress-danger .bufferbar {
  background: none;
  background-color: rgba(244,67,54, 0.7); }

.u-progress-danger .progressbar {
  background-color: rgb(244,67,54); }

.u-progress-warning .auxbar {
  background: none;
  background-color: rgba(255,152,0, 0.7); }

.u-progress-warning .bufferbar {
  background: none;
  background-color: rgba(255,152,0, 0.7); }

.u-progress-warning .progressbar {
  background-color: rgb(255,152,0); }

.u-progress-dark .auxbar {
  background: none;
  background-color: rgba(97,97,97, 0.7); }

.u-progress-dark .bufferbar {
  background: none;
  background-color: rgba(97,97,97, 0.7); }

.u-progress-dark .progressbar {
  background-color: rgb(97,97,97); }

.u-progress-sm {
  height: 10px; }

.u-progress-md {
  height: 15px; }

.u-progress-lg {
  height: 22px; }

@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0%; } }

@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%; }
  50% {
    left: 0%;
    width: 0%; }
  75% {
    left: 0%;
    width: 25%; }
  100% {
    left: 100%;
    width: 0%; } }

.u-progress-success .progressbar {
  background-color: #4caf50; }

.u-progress-striped .progressbar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px; }

.u-progress-square .progressbar, .u-progress-square .bufferbar {
  border-radius: 0; }

.u-progress-circle .progressbar, .u-progress-circle .bufferbar {
  border-radius: 1000px; }

.u-progress-vertical {
  position: relative;
  display: inline-block;
  width: 4px;
  height: 250px;
  min-height: 250px;
  margin-right: 30px;
  margin-bottom: 0; }

.u-progress-lg.u-progress-vertical {
  width: 20px; }

.u-progress-md.u-progress-vertical {
  width: 15px; }

.u-progress-sm.u-progress-vertical {
  width: 10px; }

.u-progress-symbol .progressbar {
  text-align: center;
  color: #fff; }

.u-progress-vertical.u-progress__indeterminate > .bar1 {
  background-color: #3f51b5;
  -webkit-animation-name: indeterminate-vertical1;
  animation-name: indeterminate-vertical1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.u-progress-vertical.u-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: #3f51b5;
  -webkit-animation-name: indeterminate-vertical2;
  animation-name: indeterminate-vertical2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.u-progress-vertical > .progressbar {
  background-color: rgb(63,81,181);
  z-index: 1;
  top: 0;
  border-radius: 3px; }

.u-progress-vertical > .bar {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.u-progress-vertical:not(.u-progress--indeterminate):not(.u-progress--indeterminate) > .auxbar, .u-progress-vertical:not(.u-progress__indeterminate):not(.u-progress__indeterminate) > .auxbar, .u-progress-vertical:not(.u-progress--indeterminate):not(.u-progress--indeterminate) > .auxbar, .u-progress-vertical:not(.u-progress__indeterminate):not(.u-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHdpZHRoPSIxM…ZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgPC9lbGxpcHNlPg0KPC9zdmc+DQo=");
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHdpZHRoPSIxM…ZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgPC9lbGxpcHNlPg0KPC9zdmc+DQo="); }

.u-progress-vertical:not(.u-progress--indeterminate) > .auxbar, .u-progress-vertical:not(.u-progress__indeterminate) > .auxbar, .u-progress-vertical:not(.u-progress--indeterminate) > .auxbar, .u-progress-vertical:not(.u-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #3f51b5, #3f51b5); }

.u-progress-vertical > .auxbar {
  bottom: 0; }

@-webkit-keyframes indeterminate-vertical1 {
  0% {
    top: 0%;
    height: 0%; }
  50% {
    top: 25%;
    height: 75%; }
  75% {
    top: 100%;
    height: 0%; } }

@keyframes indeterminate-vertical1 {
  0% {
    top: 0%;
    height: 0%; }
  50% {
    top: 25%;
    height: 75%; }
  75% {
    top: 100%;
    height: 0%; } }

@-webkit-keyframes indeterminate-vertical2 {
  0% {
    top: 0%;
    height: 0%; }
  50% {
    top: 0%;
    height: 0%; }
  75% {
    top: 0%;
    height: 25%; }
  100% {
    top: 100%;
    height: 0%; } }

@keyframes indeterminate-vertical2 {
  0% {
    top: 0%;
    height: 0%; }
  50% {
    top: 0%;
    height: 0%; }
  75% {
    top: 0%;
    height: 25%; }
  100% {
    top: 100%;
    height: 0%; } }