input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="checkbox"], select {
  -webkit-appearance: none;
}

/* test */
html{
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}

html, body {
  height: 100%;
}

body {
  cursor: url('/images/finger.png'), auto;
}

/* 隐藏滚动条，但依旧具备可以滚动的功能 */
::-webkit-scrollbar {
  display: none;
}

/* 去除input number自带的控制按钮 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input, textarea {
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
  -ms-user-select: text !important;
  -khtml-user-select: text !important;
  user-select: text !important;
}

.popup-body {
  text-align: center;
}

.button.button-positive {
  background-color: #3cd9b9;
}

  .button.button-positive.activated {
    background-color: #0ab099;
  }

.button.button-default {
  color: #fff;
  background-color: #F57F5E;
}

  .button.button-default.activated {
    background-color: #9D3531;
  }

.logoBG {
  width: 100px;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -55px;
}

  .logoBG > img {
    width: 100%;
  }

.pageBG {
  background: url('/images/BG.jpg') no-repeat;
  background-color: #86dece !important;
  background-position: center center;
  background-size: contain;
}

.headBar {
  /*border-bottom: 1px solid #3dd197;*/
  background-color: #3dd197;
}

.titleNav {
  color: #fff;
  font-size: 15px !important;
  margin-bottom: 0px;
}

.navTitle {
  width: 100%;
  height: 39px;
  position: relative;
  color: #000;
  font-size: 15px;
  text-align: center;
  line-height: 39px;
}

  .navTitle:before {
    content: "";
    width: 50px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 3px solid #3dd197;
    margin-left: -25px;
  }

.headBtn {
  display: block;
  color: #86dece;
  font-size: 15px;
  line-height: 33px !important;
}

.headReturn {
  overflow: hidden;
  color: #fff;
  font-size: 21px;
  text-align: center;
  line-height: 37px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 33px;
  max-width: 90px;
}

  .headReturn.activated {
    background-color: initial;
  }

.activated {
  background-color: #eaeaea;
}

.box {
  height: 500px;
  width: 100%;
}

.contentDiv {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.scroll-content {
  background-color: #f5f5f5;
  -moz-user-select: text !important;
  -webkit-user-select: text !important;
  -ms-user-select: text !important;
  -khtml-user-select: text !important;
  user-select: text !important;
}

.imgMin {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.imgMax {
  position: relative;
  background-color: #eaeaea !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.imgMin2 {
  display: block;
}

  .imgMin2 > img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }

.imgMax2 {
  display: block;
}

  .imgMax2 > img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: contain;
    -o-object-fit: contain;
    object-fit: contain;
  }

.imgMax3 {
  display: block;
  text-align: center;
}

  .imgMax3 > img {
    max-width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.mText {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical !important;
  white-space: initial !important;
  text-overflow: initial !important;
  -webkit-line-clamp: 2;
}

ion-modal-view {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

ion-list > .list {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

  ion-list > .list > .item {
    border: none;
    padding: 0;
    margin: 0;
  }

    ion-list > .list > .item > a {
      padding: 0;
    }

.noData {
  clear: both;
  color: #aaa;
  font-size: 15px;
  text-align: center;
  background-color: #f5f5f5;
  padding: 10px;
}

/*----------          底部          ----------*/
.tabs .tab-item .badge {
  width: 18px;
  line-height: 18px;
  background-color: #ff3939;
  padding: 0;
}

.footBar .tab-nav {
  border-top: 1px solid #eaeaea !important;
  background: #fcfcfc !important;
}

.footBar .tab-item {
  color: #2e2e2e;
}

  .footBar .tab-item.tab-item-active {
    color: #3dd197;
  }

  .footBar .tab-item .icon {
    height: 28px;
    line-height: 30px;
  }

    .footBar .tab-item .icon:before {
      font-size: 19px;
    }

  .footBar .tab-item.Release > .icon {
    height: 100%;
    /*color: #86dece;*/
    color: #bf0000;
    line-height: 46px;
  }

    .footBar .tab-item.Release > .icon:before {
      font-size: 43px;
    }

/**/
.viewMore {
  width: 150px;
  display: block;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 39px;
  border-radius: 25px;
  background-color: #3dd197;
  margin: 0 auto;
}