@media (min-width: 650px) {
.carditem[data-v-686c59bc] {
    width: 25%;
    margin-left: 10px;
}
.carditem img[data-v-686c59bc] {
      width: 100%;
}
.carditem1[data-v-686c59bc] {
    width: 100%;
    margin-bottom: 10px;
}
.carditem1 img[data-v-686c59bc] {
      width: 100%;
}
.dataCard[data-v-686c59bc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.dataCard .dataNumber[data-v-686c59bc] {
      display: block;
      margin: 10px 0;
      font-size: 26px;
      font-weight: 500;
}
.indexMain[data-v-686c59bc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.left[data-v-686c59bc] {
    width: 20%;
}
.left .Title[data-v-686c59bc] {
      margin: 0 auto;
      text-align: center;
}
.left .content[data-v-686c59bc] {
      font-size: 14px;
      margin-top: 20px;
}
.right[data-v-686c59bc] {
    width: 80%;
}
}
@media (max-width: 650px) {
.carditem[data-v-686c59bc],
  .carditem1[data-v-686c59bc] {
    margin-bottom: 10px;
}
.carditem img[data-v-686c59bc],
    .carditem1 img[data-v-686c59bc] {
      width: 100%;
}
}
p[data-v-686c59bc] {
  margin: 0;
  font-size: 14px;
}
.newUser[data-v-686c59bc] {
  width: 100%;
  height: 100%;
}