.banner {
  position: relative;
  width: 750rpx;
  height: 373rpx;
}

.banner .bg {
  width: 100%;
  height: 100%;
}

.banner .avatar {
  border: 10rpx solid white;
  bottom: -25rpx;
  left: 50%;
  margin-left: -100rpx;
  position: absolute;
  overflow: hidden;
  width: 160rpx;
  height: 160rpx;
  background: white;
  border-radius: 180rpx;
}

.nickName {
  width: 100%;
  font-size: 30rpx;
  text-align: center;
  margin-top: 30rpx;
}

/* 页面导航 */
.nav {
  overflow: hidden;
  box-sizing: border-box;
  padding: 15rpx;
  margin: 20rpx auto;
  width: 650rpx;
  height: 90rpx;
  border-bottom: 2rpx solid #eee;
}

.nav .icon {
  float: left;
  border-radius: 60rpx;
  border-right: 50rpx;
  width: 60rpx;
  height: 60rpx;
}

.nav .icon image {
  display: block;
  margin: 12rpx 14rpx;
  width: 30rpx;
  height: 32rpx;
}

.nav .text {
  float: left;
  line-height: 60rpx;
  font-size: 30rpx;
  margin-left: 15rpx;
}

.nav .arrows {
  margin-top: 16rpx;
  width: 18rpx;
  height: 30rpx;
  float: right;
}

/* 设备管理 */
.device .icon {
  background: #75caff;
}

.device .icon image {
  margin: 12rpx 14rpx;
  width: 35rpx;
  height: 35rpx;
}

/* 个人信息 */
.personInfo .icon {
  background: #c79bfa;
}

.personInfo .icon image {
  margin: 12rpx 14rpx;
  width: 30rpx;
  height: 32rpx;
}

/* 设置 */
.set .icon {
  background: #ff8297;
}

.set .icon image {
  margin: 8rpx;
  width: 42rpx;
  height: 42rpx;
}