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; }