.page-other-personal-center .main{
  padding: 0;
  width: 100%;
  margin-top: 0
}
.page-other-personal-center .personal-header-view .safe-area-view{
  height: 100%;
  position: relative;
  padding: 0;
}
.page-other-personal-center .record-content-view{
  margin-bottom: 60px;
  border-radius: 4px;
  width: 100%
}
.attention-btn{
  padding: 8px 16px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(200, 201, 204, 1)
}
.attention-btn img{
  width: 12px;
}
.attention-btn p{
  margin-left: 6px;
  color: rgba(38, 84, 255, 1);
  line-height: 20px
}
.already-attention-btn{
  padding: 8px 16px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(200, 201, 204, 1)
}
.already-attention-btn img{
  width: 14px
}
.already-attention-btn p{
  margin-left: 5px;
  color: rgba(100, 101, 102, 1);
  line-height: 20px
}
/* .record-content-safe-view{
  padding: 0 24px;
} */
.answer-center-content{
  padding: 0
}
.record-content-content{
  background-color: #fff;
  padding: 0 24px;
  border-radius: 4px
}

/* 移动 */
@media screen and (max-width: 767px) { 
  
  .page-other-personal-center .personal-header-view .safe-area-view{
    width: 100%
  }
  .personal-header-view{
    width: 100%;
    height: 40vw
  }
  .record-content-safe-view{
    padding: 0;
    width: 100%;
    padding: 0 16px;
  }

  .record-content-view .safe-area-view{
    padding: 0 16px
  }
  .record-content-content{
    padding: 0 8px
  }
}