menstruationApp/pages/myRecord/myRecord.wxss

page {
  display: flex;
  justify-content: center;
  background-color: #f7f7f7;
  height: 100%;
  width: 100%;
}

.back {
  width: 100%;
  overflow: scroll;
  background: #fff;
  padding: 0;
}

.back .login-all {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 200px;
  box-sizing: border-box;
  padding: 0 10%;
  background: url('https://ymgjapi.726p.com//icon/maicon/my-back.png') no-repeat;
  background-size: 100% 200px;
}

.back .login-all .show {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*width: 100%;*/
  height: 80px;
}

.back .login-all .show text {
  color: rgba(255, 81, 131, 1);
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 400;
}

.back .login-all .instruction-top {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 36px;
  background: rgba(255, 209, 225, 1);
  border-radius: 18px;
}

.back .login-all .instruction-top text {
  color: rgba(255, 90, 159, 1);
  font-size: 12px;
}

.back .login-all .list-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  height: 80rpx;
  border-bottom: 1rpx solid rgba(255, 106, 166, 0.1);
}

.back .login-all .list-item {
  flex: 0 0 1;
  color: rgba(153, 75, 107, 1);
  font-size: 14px;
}