@import 'h5-unit';

image{ will-change: transform }

.page {
  background-color: #F7F7F7;
  display: -webkit-flex; /* Safari */
  display: flex;
  font-family: "Source Han Sans CN";
  position: relative;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  .layout, .left, .center, .right {
    display: flex;
    flex-direction: row;
  }
}
.uni-list-item {
  .uni-icons {
    display: none !important;
  }
  .left {
    margin-top: $px5;
    font-size: $px18;
    font-weight: 400;
    line-height: $px27;
    color: #000000;
    opacity: 0.9;
    display: flex;
  }
  .right {
    font-size: 16px;
    font-weight: 400;
    line-height: $px27;
    color: #000000;
    opacity: 0.6;
    padding-right: $px25;
    position: fixed;
    float: right;
    right: 12px;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: auto;
    display: flex;
  }
  .link {
    width: $px12;
    height: $px27;
    position: fixed;
    float: right;
    right: $px25;
    margin-top: $px5;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: auto;
    display: flex;
  }
  view {
    display: flex;
    width: 100vw;
  }
}
.button {
  width: $px80;
  height: $px31;
  background-color: #efecec;
  border-radius: $px16;
  align-items: center;
  justify-content: center;
  font-size: $px16;
  line-height: $px24;
  color: #00A5B5;
  opacity: 1;
  display: flex;
}

view {
  position: relative;
}
.titleBar {
  /* #ifdef APP-PLUS || H5 || APP-PLUS-NVUE */
  margin-top: $px40;
  /* #endif */
  font-size: $px27;
  padding-bottom: $px13;
  padding-top: $px13;
  padding-left: $px13;
  padding-right: $px13;
  align-items: center;
  image {
    margin-right: $px25;
  }
}

.padding45 {
  height: $px45;
}

.padding25 {
  height: $px25;
}

/*解决图片因为高度而不能铺满的问题*/
uni-page-body{
  height: 100%;
}

page{
  height: 100%;
}

.back {
  /* #ifdef MP-WEIXIN */
  margin-top: $px77;
  /* #endif */
  /* #ifdef H5 */
  margin-top: $px33;
  /* #endif */
  /* #ifdef APP-PLUS */
  margin-top: $px66;
  /* #endif */
  margin-left: $px18;
  margin-bottom: $px20;
  display: flex;
  align-items: baseline;
  image {
    width: $px27;
    height: $px27;
  }

  text {
    margin-left: $px15;
    font-size: $px27;
    color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: -$px6;
    left: $px25;
  }
}