/* required by usingComponents */
/* pages/mine/mine.wxss */
page{
  background: #ffffff;
}
.mine {
  padding: 30rpx;
  border-top: solid 1rpx #f2f3f5;

}

.mine-top {
  display: flex;
  margin-top: 50rpx;
}

.avator {
  flex: 0 0 100rpx;
  height: 100rpx;
  border-radius: 50%;
  overflow: hidden;
}

.avator-image {
  height: 100rpx;
  width: 100rpx;
}

.mine-phone {
  flex: 1;
  height: 100rpx;
  line-height: 100rpx;
  margin-left: 30rpx;
  font-size: 34rpx;
  font-weight: bold;
}
/* .tongbu{
  display: block;
  font-size:28rpx;
} */
.iconfont {
  height: 100rpx;
  line-height: 100rpx;
  color: #cccccc;
}

.mine-ad {
  height: 70rpx;
  background-color: #feebe5;
  line-height: 70rpx;
  color: #ed3736;
  font-size: 24rpx;
  border-radius: 12rpx;
  padding: 0 30rpx;
  margin-top: 40rpx;
}

.mine-tab {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 70rpx;
}

.mine-tab-item {
  flex: 1;
  text-align: center;
}

.tab-num {
  font-size: 36rpx;
  font-weight: bold;
}

.tab-text {
  margin-top: 10rpx;
  font-size: 28rpx;
}

.mine-card {
  padding: 40rpx;
  margin-top: 50rpx;
  border-radius: 12rpx;
  background: linear-gradient(to right, #f9c500, #ff8705);
}

.card-left {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.left-title {
  font-size: 32rpx;
  font-weight: bold;
}

.left-text {
  font-size: 24rpx;
  margin-top: 10rpx;
}

.card-right {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  height: 60rpx;
  line-height: 60rpx;
  padding: 0 30rpx;
  float: right;
  border-radius: 40rpx;
  margin: 10rpx;
  font-size: 26rpx;
}
.mine-list{
  margin-top: 30rpx;
  box-shadow: 0 0 15px #f5f4f4;
  padding:0 30rpx;
  margin-bottom: 100rpx;
}
.list-icon{
  font-size:34rpx;
  color: #333333;
  font-weight: 500;
  display: inline-block;
  margin-right: 20rpx;
}
.list-item{
  height: 100rpx;
  line-height: 100rpx;
  font-size: 28rpx;
  border-bottom: solid 1rpx #e5e5e5;
}
.list-item:last-child{
  border:none
}
.zhifufen{
color: var(--greenButton);
}
.right-arrow{
  font-size: 28rpx;
  float: right;
}
.right-text{
  float: right;
  font-size: 22rpx;

  color: #cccccc;
}
.zige{
  font-size: 28rpx;
  font-weight: 400;
  color: #ed3736;
}
