.wrip {
  padding: 10px;
}

.log-list {
  display: flex;
  flex-direction: column;
  padding: 40rpx;
}

.log-item {
  margin: 10rpx;
}

.my-head {
  margin: 0 0 10px 0;
}

.my-head-box {
  height: 160px;
  background: white;
  border-radius: 5px;
  position: relative;
  background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
}

.my-box {
  height: 140px;
  background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
  border-radius: 5px;
}

.head-box-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  border: 1px #ccc solid;
  color: rgb(255, 255, 255);
  line-height: 80px;
  overflow: hidden;
}

.head-box-child image {
  width: 100%;
  height: 80px;
}

.my-top {
  padding: 4px;
  color: white;
  box-shadow: rgba(116, 116, 116, 0.521) 0 0 10px ;
  background: rgba(204, 204, 204, 0.384);
}