@charset "UTF-8";
html, body, ul, li, h1, h2, h3, h4, h5, h6, span, a, input, form, p {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  width: 100%;
  height: 100%;
  font-size: 1.6vw; }

a {
  text-decoration: none; }

a, input, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  outline: 0;
  border: none; }

ul, ol {
  list-style: none; }

img {
  display: block; }

* {
  box-sizing: border-box; }

body {
  font-family: "Microsoft YaHei", arial, SimSun, "宋体", sans-serif;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

html, body {
  background: #f9f9f9;
  color: #000000; }

.tc {
  text-align: center; }

.mb8 {
  margin-bottom: 1.0666666667vw; }

.mb12 {
  margin-bottom: 1.6vw; }

.mb16 {
  margin-bottom: 2.1333333333vw; }

.mb32 {
  margin-bottom: 4.2666666667vw; }

.mb56 {
  margin-bottom: 7.4666666667vw; }

.app {
  padding: 5.6vw 3.7333333333vw;
  color: #000000; }
  .app h3, .app h4 {
    opacity: 0.9; }
  .app h3 {
    line-height: 5.8666666667vw;
    font-size: 4.2666666667vw;
    font-family: PingFang SC, PingFang SC-Heavy, sans-serif;
    font-weight: 800; }
  .app h4 {
    line-height: 5.6vw;
    font-size: 4vw;
    font-family: PingFang SC, PingFang SC-Bold, sans-serif;
    font-weight: 700; }
  .app p {
    line-height: 5.6vw;
    opacity: 0.7;
    font-size: 3.7333333333vw;
    font-family: PingFang SC, PingFang SC-Medium, sans-serif;
    font-weight: 500; }
  .app .item-wrap {
    display: flex;
    justify-content: center;
    color: #FFFFFF; }
    .app .item-wrap .item {
      background: #000000;
      width: 32vw;
      height: 32vw;
      position: relative; }
      .app .item-wrap .item p {
        opacity: 1; }
      .app .item-wrap .item:nth-of-type(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 8.5333333333vw; }
      .app .item-wrap .item:nth-of-type(2) p {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto; }
      .app .item-wrap .item:nth-of-type(2) .text {
        top: 8vw;
        width: 22.4vw;
        line-height: 3.7333333333vw; }
      .app .item-wrap .item:nth-of-type(2) .btn {
        bottom: 2.6666666667vw;
        width: 20.8vw;
        line-height: 5.3333333333vw;
        background: #ffffff;
        border-radius: 2.6666666667vw;
        color: #000000;
        font-size: 2.6666666667vw;
        font-family: PingFang SC, PingFang SC-Bold,sans-serif;
        font-weight: 700; }

/*# sourceMappingURL=index.css.map */