page {
  background-color: #f7f7f7;
  padding-bottom: 60rpx;
}

.index-body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.server-box{
 width:100%;
 padding:0rpx 20rpx 20rpx 20rpx;
 box-sizing: border-box;
 border-top:20rpx solid #f2f2f2;
}
.server-t{
  text-align: center;
}
.server-text{
  border-left:10rpx solid #009be0;
  display: inline-block;
  color:#009be0;
  padding-left:20rpx;
  font-weight: bold;
  height:30rpx;
  line-height: 40rpx;
}
.list-server{
  box-sizing: border-box;
}
.listbox{
  box-sizing: border-box;
  width:25%;
  text-align: center;
  float: left;
  margin-top:30rpx;
}
.listimg{
  width:60rpx;
  height:60rpx;
}
.small{
  width: 10rpx;
  position: relative;
}

.inm{
  margin-top:200rpx;
}
.userinfo {
  position: relative;
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 30rpx 0;
}
.userinfo .userinfo-avatar {
  overflow: hidden;
  display: block;
  width: 160rpx;
  height: 160rpx;
  border-radius: 50%;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  margin: auto;
}
.userinfo .userinfo-name {
  font-size: 30rpx;
  font-weight: bold;
  margin-top: 20rpx;
}