.zhuticolor {
  background-color: #1ec796;
  border-radius: 50rpx;
}
.shadow {
  border-radius: 20rpx;
  box-shadow: 0 0 10px 5px  #aba8f7;
}
.boxshadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 5%;
}
.common {
  background-color: #ffffff;
  margin: 2vh 2vh;
  padding: 3vh 3vh;
  border-radius: 1vh;
  margin: 2vh 2vh;
  line-height: 5vh;
}
.martop {
  margin-top: 2vh;
}
.flexcen {
  display: flex;
  justify-content: center;
  align-items: center;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50rpx;
}
.timecss {
  display: flex;
  justify-content: flex-start;
  margin-right: 40rpx;
}
.red {
  font-size: 3vh;
  color: red;
}
.flexrow {
  display: flex;
  flex-direction: row;
}


.p {
  display: flex;
  color: #000000;
  font-size: 20px;
  align-items: center;
  justify-content: center;
}
.content_text {
  color: #2979ff;
  font-size: 20px;
}
.red {
  color: red;
}
.grey {
  color: rgb(155, 135, 135);
}
.blue {
  color: blue;
}
.df {
  display: flex;
}
.row {
  display: flex;
  flex-direction: row;
}
.end {
  display: flex;
  justify-content: flex-end;
}
.flex-a{
  display: flex;
  justify-content: space-around;
  align-content: center;

}
.commontext {
  margin: 0 2vh;
  padding: 0 3vh;
  margin-bottom: 2vh;
  line-height: 5vh;
}

.underline {
  border-bottom: 1px solid black;
}
.border {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}