html {
    height: 100%;
}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
body {
    min-height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #252525;
    font-family: sans-serif;
}

body #root {
    height: 100%;
    min-height: 100%;
}

table {
    width: 100%;
}

.page-with-footbar {
    padding-bottom: 68px;
}

.weui-tabbar__fixed {
    position: fixed;
}
.weui-navbar__relative {
    position: relative;
}

 
.am-button-primary{
    background: rgb(255, 69, 0) !important;
    border-color: rgb(255, 69, 0) !important;
}

 
.am-picker-popup-item {
    color: #ff4500 !important;
}

@media (-webkit-min-device-pixel-ratio: 2),
    (-o-min-device-pixel-ratio: 2/1),
    (min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-primary::before {
        border: 1px solid #ff4500 !important;
    }
}
@media (-webkit-min-device-pixel-ratio: 2),
    (-o-min-device-pixel-ratio: 2/1),
    (min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost::before {
        border: 1px solid #ff4500 !important;
    }
}
@media (-webkit-min-device-pixel-ratio: 2),
    (-o-min-device-pixel-ratio: 2/1),
    (min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost.am-button-active::before {
        border: 1px solid rgba(255, 69, 0, 0.6) !important;
    }
}

.am-list-item .am-input-extra {
    max-height: 100% !important;
}

.am-navbar {
    background-color: #ff4500 !important;
}
.weui-tabbar:before {
    border-top-color: #f7f7fa !important;
}
.am-navbar-right a {
    color: #fff !important;
}
.am-list-item .am-list-line .am-list-content {
    font-size: 16px !important;
}
.am-list-item .am-input-label {
    font-size: 16px !important;
}
.am-list-item .am-input-control input {
    font-size: 16px !important;
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }

    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    from {
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
    }

    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.am-icon {
    fill: currentColor;
    background-size: cover;
    width: 22px;
    height: 22px;
  }
  .am-icon-xxs {
    width: 15px;
    height: 15px;
  }
  .am-icon-xs {
    width: 18px;
    height: 18px;
  }
  .am-icon-sm {
    width: 21px;
    height: 21px;
  }
  .am-icon-md {
    width: 22px;
    height: 22px;
  }
  .am-icon-lg {
    width: 36px;
    height: 36px;
  }
  .am-icon-loading {
    -webkit-animation: cirle-anim 1s linear infinite;
            animation: cirle-anim 1s linear infinite;
  }
  @-webkit-keyframes cirle-anim {
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes cirle-anim {
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }