panda_web/assets/style/fresh/index.css

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}
.font72 {
  font-size: 3.75vw;
}
.font65 {
  font-size: 3.39vw;
}
.font60 {
  font-size: 3.125vw;
}
.font46 {
  font-size: 2.396vw;
}
.font26 {
  font-size: 1.35vw;
}
.font24 {
  font-size: 1.25vw;
}
.font22 {
  font-size: 1.145vw;
}
.fresh-page {
  width: 100%;
  background-color: #f7f7f7;
}

.fresh-page .banner {
  position: relative;
  width: 100%;
  height: 41.67vw;
  background: url('../../images/fresh/fresh-banner.png') no-repeat;
  background-size: 100% 100%;
}

.fresh-page .banner .app {
  position: absolute;
  right: 18.23vw;
  bottom: 0.35vw;
  width: 22.03vw;
  height: 33.59vw;
  background: url('../../images/fresh/fresh-app.png') no-repeat;
  background-size: 100% 100%;
}

.fresh-page .banner .banner-info {
  margin-left: 12.396vw;
  padding-top: 8.802vw;
  color: #7bd51e;
  font-weight: 400;
  font-family: Source Han Sans CN;
}

.fresh-page .banner .banner-info p {
  width: 36.40625vw;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.875vw;
}

.fresh-page .banner .banner-qrcode {
  margin-left: 12.396vw;
  margin-top: 5.3vw;
  display: flex;
}

.fresh-page .banner .banner-qrcode .qr {
  width: 6.77vw;
  height: 6.77vw;
  margin-right: 1.04vw;
  background: url('../../images/home/qrcode.png') no-repeat;
  background-size: 100% 100%;
}

.fresh-page .banner .banner-qrcode .app-link {
  font-size: 1.145vw;
  font-family: Source Han Sans CN, Source Han Sans CN-Regular;
  font-weight: 400;
  color: #ffffff;
}

.fresh-page .banner .banner-qrcode .app-link span {
  color: rgba(123, 213, 30, 1);
}
.fresh-page .banner .banner-qrcode .qrcode {
  margin-top: 0.5vw;
}
.fresh-page .banner .banner-qrcode .qrcode img {
  width: 8.75vw;
  height: 2.55vw;
}

.fresh-page .experience {
  padding-top: 8.82vw;
  padding-bottom: 4.41vw;
}

.fresh-page .experience h1 {
  font-family: Source Han Sans CN, Source Han Sans CN-Bold;
  font-weight: 700;
  text-align: center;
  color: #7bd51e;
  margin-bottom: 0.52vw;
}

.fresh-page .experience p {
  font-size: 1.04vw;
  font-family: Source Han Sans CN, Source Han Sans CN-Normal;
  font-weight: Normal;
  text-align: center;
  color: #8d8c8c;
  margin-bottom: 1.54vw;
}

.fresh-page .experience .line {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.08vw;
}

.fresh-page .experience .line .big-line {
  width: 1.54vw;
  height: 0.26vw;
  background: #c7c6c6;
  border-radius: 3px;
  margin-right: 5px;
}

.fresh-page .experience .line .smail-line {
  width: 0.52vw;
  height: 0.26vw;
  background: #c7c6c6;
  border-radius: 3px;
}

.fresh-page .experience .experience-info {
  padding: 0 12.5vw;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.fresh-page .experience .experience-info .info-item {
  width: 22.92vw;
  height: 23.4375vw;
  background: #ffffff;
  border-radius: 20px;
}