tpx/tpxttt/unpackage/dist/dev/mp-weixin/plugins/step/top/top.wxss

@charset "UTF-8";
.text-center.data-v-7c953475 {
  text-align: center;
}
.font-weight.data-v-7c953475 {
  font-weight: bold;
}
.page-width.data-v-7c953475 {
  width: 100%;
}
.goods-hover-class.data-v-7c953475 {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image.data-v-7c953475 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-7c953475 {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-7c953475 {
  width: 100%;
}
.u-hover-class.data-v-7c953475 {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom.data-v-7c953475 {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.top.data-v-7c953475 {
  width: 100%;
  height: 400rpx;
}
.top image.data-v-7c953475 {
  width: 100%;
  height: 400rpx;
  z-index: 2;
}
.triangle-left.data-v-7c953475 {
  width: 0;
  height: 0;
  border-left: 14rpx solid transparent;
  border-right: 14rpx solid transparent;
  border-bottom: 18rpx solid white;
  position: absolute;
  left: 22.5%;
  top: 384rpx;
  z-index: 10;
}
.triangle-right.data-v-7c953475 {
  width: 0;
  height: 0;
  border-left: 14rpx solid transparent;
  border-right: 14rpx solid transparent;
  border-bottom: 18rpx solid white;
  position: absolute;
  right: 22.5%;
  top: 384rpx;
  z-index: 10;
}
.rank.data-v-7c953475 {
  width: 100%;
  position: absolute;
  top: 300rpx;
  background-color: rgba(0, 0, 0, 0.1);
  color: white;
  font-size: 32rpx;
  z-index: 5;
}
.rank .rank-item.data-v-7c953475 {
  display: inline-block;
  width: 50%;
  height: 100%;
  line-height: 100rpx;
  text-align: center;
}
.my.data-v-7c953475 {
  height: 136rpx;
  width: 100%;
  background-color: white;
  margin-bottom: 20rpx;
}
.avatar.data-v-7c953475 {
  padding: 24rpx;
  float: left;
}
.avatar image.data-v-7c953475 {
  height: 80rpx;
  width: 80rpx;
  border: 4rpx #f09b48 solid;
  border-radius: 40rpx;
}
.my-info.data-v-7c953475 {
  color: #999;
  font-size: 24rpx;
  padding: 32rpx 0;
  height: 100%;
  float: left;
}
.my-name.data-v-7c953475 {
  color: #353535;
  font-size: 30rpx;
  margin-bottom: 8rpx;
}
.moeny.data-v-7c953475 {
  float: right;
  color: #999;
  font-size: 24rpx;
  padding: 32rpx 24rpx;
  height: 100%;
  text-align: right;
}
.number.data-v-7c953475 {
  font-size: 34rpx;
  font-family: 'DIN';
  color: #353535;
  margin-bottom: 10rpx;
}
.temp.data-v-7c953475 {
  visibility: hidden;
}
.list-item.data-v-7c953475 {
  height: 135rpx;
  width: 100%;
  background-color: white;
  border-bottom: 1rpx solid #e2e2e2;
  overflow: hidden;
}
.noun.data-v-7c953475 {
  width: 100rpx;
  height: 135rpx;
  float: left;
  text-align: center;
  padding: 43rpx 25rpx;
}
.noun image.data-v-7c953475 {
  width: 50rpx;
  height: 50rpx;
}
.noun-text.data-v-7c953475 {
  font-size: 30rpx;
  color: #353535;
}
.list .avatar.data-v-7c953475 {
  padding-left: 0;
}
.info.data-v-7c953475 {
  float: left;
  color: #353535;
  font-size: 30rpx;
  line-height: 136rpx;
  width: 45%;
  overflow: hidden;
}
.name.data-v-7c953475 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.loading.data-v-7c953475 {
  font-size: 24rpx;
  color: #353535;
  text-align: center;
  height: 80rpx;
  line-height: 80rpx;
  background-color: white;
}
#ad.data-v-7c953475 {
  width: 100%;
  position: fixed;
  bottom: 0;
}