/* pages/my/my.wxss */
page{
  background:#fff;
}
.myHeader{
  height:145rpx;
  background:#209F84;
}
.avator{
 display:flex;
 align-items: center;
 margin-left:76rpx;
}
.image{
  width:100rpx;
  height:100rpx;
  border-radius:50%;
  margin-top: 13rpx;
  overflow:hidden;
}
.image image{
  width:100rpx;
  height:100rpx;
}
.logStatus{
  font-size: 36rpx;
  color:#fff;
  margin-left:26rpx;
}
.my{
  margin:0 34rpx;
}
.grade{
  display:flex;
  justify-content: space-around;
  margin:48rpx 0;
}
.totalGrade{
  background-image: linear-gradient(80deg, 
    #ff874e 0%, 
    #f96038 100%), 
  linear-gradient(
    #209f84, 
    #209f84);
  background-blend-mode: normal, 
    normal;
  border-radius: 5px;
  color:#fff;
  font-size: 30rpx;
  width:320rpx;
  text-align: center;
  padding:16rpx 0;
}
.averageGrade{
  background-color: #209f84;
  border-radius: 5px;
  color:#fff;
  font-size: 30rpx;
  width:320rpx;
  text-align: center;
  padding:16rpx 0;

}
.formLayout{
  background:#f4f4f4;
  border-radius: 20rpx;
  padding:96rpx 26rpx 128rpx 26rpx;
}
.formitem{
  display:flex;
  justify-content: space-between;
  padding:34rpx;
  border-top:1px solid #d6d6d6;
  align-items: center;
}
.lastItem{
  border-bottom:1px solid #d6d6d6;
}
.formItemInfo{
  display:flex;
  align-items: center;
}
.online{
  background:transparent;
  padding:0rpx !important; 
  width:auto !important;
  margin:0 !important;
  font-weight:normal;
  height: 27px;
}
.formItemInfo image{
 width:36rpx;
 height:40rpx;
}
.formItemInfo text{
  color: #212121;
  font-size:34rpx;
  margin-left:18rpx;
}
.arrow image{
  width:18rpx;
  height:26rpx;
}
.content{
  margin:40rpx;
  border-radius: 10px;
  overflow:hidden;
  background:#F4F4F4;
  padding-bottom:56rpx;
}