/* pages/navigation/self/self.wxss */
page {
  padding-bottom: 50rpx;
  background: -webkit-linear-gradient(top, #143307 0%,#CCCCCC 100%);
  background: -o-linear-gradient(top, #256d17 0%,#CCCCCC 100%);
  background: -ms-linear-gradient(top, #074414 0%,#beb7b7 100%);
  background: linear-gradient(to bottom, #58b142 0%,#abce97 100%);
}
.beijing1{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -999;
}
.header {
  padding: 0 25rpx;
  padding-top: 40rpx;
  padding-bottom: 50rpx;
  width: 100%;
}

.iimg{
  width: 45rpx;
  height: 45rpx;
  margin-right: 10rpx;
  top: 10rpx;
  position: relative;
}

.user_box {
  display: flex;
  align-items: center;
  width: 94%;
  height: 115px;
  background: rgba(255,255,255,0.7);
}


.logo {
  margin-left: 20px;
  margin-right: 20px;
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
  background: #fff;
}

.logo image {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  will-change: transform;
}

.user_name {
  display: flex;
  align-items: center;
  font-size: 36rpx;
  font-weight: bold;
  color: #fff;
}

.user_name image {
  margin-left: 16rpx;
  width: 84rpx;
  height: 31rpx;
}

.headname{
  margin-left: 5px;
  font-size: 20px;
}

.nav {
  margin-top: 50px;
  font-size: 34rpx;
  background: rgba(255,255,255,0.7);
  width: 94%;
}

.nav .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 30rpx 0;
}
.wallet{
  display: flex;
  flex-direction: row;
}
.exit{
  border: solid 1rpx #73ccd8;
  margin-top: 80rpx;
  width: 70%;
  background-color: #b6d6b2;
  border-radius: 40rpx;
}