jzlife_wx_servant/pages/pre/history/list.wxss

page {
  height: 100%;
  width: 100%;
}

.container { 
  height: auto;
  overflow: hidden; 
  padding:20rpx;
}


.top{ 
  height: 180rpx;
  border-radius: 10rpx; 
  background-color: #09AFFF;
  color:#fff; 
}
.profile-info {
  /*background-color: #ab956d; */
  color: #f4f4f4;
  display: flex;
  align-items: center;
  padding: 30rpx;
  font-size: 28rpx; 
}
.profile-info-backimg{ 
  width: 100%;
 height: 180rpx;
 z-index: -1;
}
.profile-info .avatar { 
  height: 128rpx;
  width: 128rpx;
  border-radius: 50%;
  border:2rpx solid #fff 
}

.profile-info .info {
  flex: 1;
  height: 95rpx;
  padding-left: 31.25rpx;
   width: 300rpx;
}

.profile-info .name {
  display: block;
  height: 36rpx;
  line-height: 36rpx;
  color: #fff;
  font-size: 26.5rpx;
  margin-bottom: 5rpx;
  width:440rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
.profile-info .cert {
  display: flex;
  height: 26rpx;
  line-height: 26rpx;
  color: #fff;
  font-size: 20.5rpx;
  margin-bottom: 5rpx;
}
.profile-info .plus {
   color: #09AFFF;
    font-size: 21.5rpx; 
    width: 120rpx;
    padding-left: 2rpx;
    padding-right: 2rpx;
    margin-top: 5px;
    margin-left: 1rpx;
    line-height: 26rpx;
    margin-bottom: 5rpx;
}

.profile-info-img-star{
 width: 10rpx;
 height: 10rpx;
}

.profile-info .level {
  display: block;
  height: 30rpx;
  line-height: 30rpx;
  margin-bottom: 10rpx;
  color: #7f7f7f;
  font-size: 30rpx;
} 


.profile-info-qr-image {
  width: 80rpx;
  height: 80rpx;
  margin-top: 30rpx; 
  margin-left: 150rpx;
}


.row{
  margin-top: 20rpx;
  padding: 20rpx;
  border: 1rpx solid #999;
  border-radius: 10rpx;
}
.title{
  display: block;    
  height: 50rpx;
}
.left{
  float: left; 
  color:#333;
}

.right{
  float:right; 
  color:#333;
}

.category{
  font-size: 36rpx;
  color: #333;
  font-weight: 500;
}
.content{
  margin-top: 20rpx;
}
.device{ 
  font-size: 36rpx; 
  font-weight: 200;
}
.problem{
  display: flex;
  flex-wrap: wrap;
}

.item{
  margin: 10rpx;
}

.img{ 
  margin: 10rpx;
  width: 80rpx;
  height: 80rpx;
}
.edit-pre{
  width:140rpx;
  height: 60rpx;
  line-height:60rpx;
  background:#09AFFF;
  margin:10rpx auto;
  text-align: center;
  border-radius:10rpx;
  color:#fff;

}