ypg-xcx/pages/mine/wxml/certification/certification.wxss

page{
  background: #f1f1f1;
}
.title{
  padding: 20rpx 30rpx;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  margin: 20rpx 0;
}
.title view{
  float: left;
}
.title .user-hade{
  margin-right: 30rpx;
}
.title .user-hade image{
  width: 100rpx;
  height: 100rpx;
  background: #f1f1f1;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: block;
}
.title .title-info text{
  line-height: 50rpx;
}
.title .title-info .title-msg{
  color: #999;
  font-size: 24rpx;
}
.title text{
  font-size: 28rpx;
  display: block;
}
.title .title-label{
  position: absolute;
  right: 30rpx;
  top: 20rpx;
  line-height: 100rpx;
  color: #ccc;
  font-size: 24rpx;
}
.content{
  width: 100%;
  background: #fff;
  margin-bottom: 20rpx;
}
.content .content-title{
  padding: 20rpx 30rpx;
  border-bottom: 1px solid #f1f1f1;
}
.content .content-title text{
  font-size: 30rpx;
}
.content-main{
  padding-top: 50rpx;
  padding-bottom: 20rpx;
  border-bottom: 1px solid #f1f1f1;
}
.content-main .main-img image{
  width: 150rpx;
  height: 150rpx;
  display: block;
  margin: 0 auto;
}
.content-main .main-img text{
  font-size: 30rpx;
  text-align: center;
  display: block;
  margin: 20rpx 0;
}
.content-main .main-img navigator{
  background: #fb752c;
  width: 130rpx;
  height: 60rpx;
  border-radius: 10rpx;
  margin: 0 auto;
  font-size: 24rpx;
  color: #fff;
  line-height: 60rpx;
  text-align: center;
}
.privilege{
  background: #fff;
  padding: 20rpx;
  width: 100%;
  box-sizing: border-box;
}
.privilege .privilege-title{
  background: #ddd;
  width: 100%;
  padding: 20rpx 0;
}
.privilege .privilege-title::after{
  content: "";
  display: block;
  clear: both;
}
.privilege .privilege-title text{
  font-size: 26rpx;
  text-align: center;
  display: block;
  float: left;
}
.list-left{
  width: 40%;
}
.list-center,.list-right{
  width: 30%;
}
.privilege-list{
  padding: 20rpx 0;
}
.privilege-list::after{
  content: "";
  display: block;
  clear: both;
}
.privilege-list text{
  font-size: 26rpx;
  float: left;
  text-align: center;
  line-height: 40rpx;
}
.privilege-list view{
  float: left;
}
.privilege-list image{
  width: 40rpx;
  height: 40rpx;
  display: block;
  margin: 0 auto;
}