html{
  font-size :12px;
}
body,html {
  height: 100%;
  -webkit-tap-highlight-color: transparent
}
body {
  font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif
}
.page,body {
  background-color: #f8f8f8
}

.text-center{
  text-align:center;
}
.float-right{
  float:right;
}

.badge{
  border-radius:3px;
  background:#ddd;
  display:inline-block;
  line-height:1.6em;
  padding:0 15px;
  color:#111;
}
.badge-danger{
  background:#aa0000;
  color:#fff;
}
.badge-info{
  background: #00a0e9;
  color:#fff;
}
.badge-primary{
  background: #0bb20c;
  color:#fff;
}
.badge-warning{
  background: orangered;
  color:#fff;
}

.pagination{
  display: block;
  text-align: center;
  padding-top:20px;
  .page-item{
    display:inline-block;
    margin:0 5px;
    color:#333;
    line-height:2em;
    .page-link{
      display:inline-block;
      background:#eee;
      border:1px #00a0e9 solid;
      padding:0 15px;
      border-radius:5px;
      color:#333;
    }
    &.disabled{
      color:#999;
      .page-link{
        border-color:#ddd;
        color:#999;
      }
    }
    &.active{
      color:#fff;
      .page-link{
        background:#00a0e9;
        color:#fff;
      }
    }
  }
}

.weui-btn{
  border-radius:2px;
}
.weui-btn_primary{
  background:#cea883;
}
.weui-btn_primary:not(.weui-btn_disabled):active {
  background-color: #cea883
}

.weui-panel__ft {
  border-top:1px solid #e5e5e5;
  .weui-flex__item {
    text-align: center;
    color: #999;
    padding:10px 0;
    border-right:1px solid #e5e5e5;
    &.primary{
      color:#0bb20c;
    }
    &.danger-btn{
      color: orangered;
    }
    &:last-child{
      border-right:0;
    }
  }
}

.container, .page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.container {
  overflow: hidden
}
.page{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
.empty{
  color: #999;
  padding: 50px 0;
  text-align: center;
}
ul {
  list-style: none
}
.link {
  color: #1aad19
}
.page__hd {
  padding: 20px
}
.page__bd_spacing {
  padding: 0 15px
}
.page__title {
  font-size: 20px;
  font-weight: 400
}

.page__desc {
  margin-top: 5px;
  color: #888;
  text-align: left;
  font-size: 14px
}
.page__ft {
  padding-top: 40px;
  padding-bottom: 10px;
  text-align: center
}

.page__ft img {
  height: 19px
}
.weui-article img{
  height :auto;
}
.weui-footer__links{
  margin:10px 0;
}
.weui-footer__text{
  border-top:1px #ccc solid;
  padding:20px 0;
}
.weui-tabbar__icon {
  line-height: 27px;
}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
  color:#cea883;
}

.swiper-container{
  height :300px;
  .swiper-slide{
    background-size:cover;
  }
}

.index-card{
  .index-card-title{
    padding:20px 0;
    h2{
      text-align: center;
      color:#5e5e5e;
    }
    p{
      text-align: center;
      color:#5e5e5e;
    }
  }
}

.mindex-bg{
  background:#292a2e;
  .index-card{
    .index-card-title{
      h2{
        color:#fff;
      }
      p{
        color:#fff;
      }
    }
  }
}
.mindex-product{
  .prod-body{
    padding-bottom:20px;
  }
  .card{
    background:#fff;
    .card-img-top{
      text-align: center;
      padding-top:80%;
      position: relative;
      height :0;
      .img-box {
        width :100%;
        height :90%;
        position: absolute;
        left:0;
        top:5%;
        text-align: center;
        img {
          max-height : 100%;
          max-width  : 100%;
        }
      }
    }
    .card-body{
      padding:10px 0 10px 10px;
      .more a{
        color:#c9c9c9;
        line-height:1.6em;
        border-bottom:1px #cea883 solid;
      }
    }
  }
  .weui-flex__item{
    margin-right:10px;
  }
  .weui-flex__item:last-child{
    margin-right:0;
  }
}
.mindex-point{
  .point-body {
    padding-bottom:10px;
    .weui-flex {
      padding:10px 0;
      .point-item {
        padding-top         : 40px;
        background-size     : 30px 30px;
        background-position : center 5px;
        background-repeat   : no-repeat;
        span {
          display    : block;
          color      : #c9c9c9;
          text-align : center;
        }
      }
    }
  }
}

.full-container{
  width: 100%;
  height :100%;
  .left-cate{
    width:110px;
    background:#f0f0f0;
    a{
      display:block;
      text-align: center;
      line-height:60px;
      color:#8e8e8e;
      &.active{
        background:#fff;
        color:#111;
      }
    }
  }
  .main-list{
    background:#fff;
    .cate-banner{
      margin :10px;
      img{
        max-width: 100%;
      }
    }
    .prod-item{
      .d-view{
        display:block;
        text-align: center;
        img{
          max-width: 100%;
          max-height :100%;
        }
      }
      .d-info{
        a{
          display:block;
          text-align: center;
          color:#333;
        }
      }
    }
  }
}


.weui-btn-area{
  .text-center{
    padding:20px 0;
    font-size:14px;
    color:#999;
    a{
      display:inline-block;
      padding:0 15px 0 5px;
      color: #555;
    }
  }
}

.orders{
  .weui-flex__item {
    padding: 20px 0;
    position: relative;
    .item-icon {
      text-align: center;
      img {
        width: 30px;
        height: 26px;
      }
    }
    .item-text {
      text-align: center;
      color: #333;
    }
    .counter {
      position: absolute;
      left: 52%;
      top: 15px;
      width: 25px;
      height: 25px;
      text-align: center;
      line-height: 25px;
      color: #fff;
      font-size: 12px;
      background: #cea883;
      border-radius: 100px;
    }
  }
}

.weui-navbar{
  .weui-navbar__item{
    color:#666;
    position: relative;
    &.active{
      color:#333;
      background:#fff;
    }
    .counter {
      position: absolute;
      left: 65%;
      top: 5px;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      color: #fff;
      font-size: 12px;
      background: #cea883;
      border-radius: 100px;
    }
  }
}

.member-menus{
  .weui-cell{
    .weui-cell__hd{
      img{
        width:20px;margin-right:5px;display:block;
      }
    }
    .weui-cell__bd{
      font-size:12px;
    }
  }
}

.userinfo{
  background:#111;
  background-size:100% 200px;
  height :200px;
  .member_avatar{
    padding:45px 20px;
    img{
      width: 100px;
      height :100px;
      border-radius:1000px;
      border:1px #fff solid;
    }
  }
  .member_name{
    color:#fff;
    font-weight:bold;
    padding:70px 0;
  }
  .member_balance{
    padding:70px 20px;
    color:#fff;
    white-space: nowrap;
    line-height:2em;
    span{
      white-space: nowrap;
    }
  }
}
.weui-panel__hd{
  color:#333;
  a{
    color:#8e8e8e;
  }
}