.app {
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  overflow-x: auto; }
  .app .header-area {
    min-width: 1200px;
    height: 80px;
    display: flex;
    align-items: center; }
    .app .header-area .logo {
      margin-left: calc(380 / 1920 * 100vw); }
  .app .content-area {
    min-width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 686px;
    background-color: #fcf4eb;
    width: 100vw;
    height: calc(100vh - 80px);
    background-image: url("/img/down/bg.png");
    background-size: 1920px 668px;
    background-position: center top;
    background-repeat: no-repeat; }
    .app .content-area .title {
      margin-top: 90px;
      color: #632b0b;
      line-height: 48px;
      font-size: 54px; }
      .app .content-area .title .blod {
        font-weight: bold;
        position: relative;
        left: -4px; }
    .app .content-area .sub-title {
      color: #666666;
      line-height: 48px;
      font-size: 20px; }
    .app .content-area .down-row {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 40px; }
      .app .content-area .down-row .down-btn {
        width: 230px;
        height: 64px;
        background: #f68217;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .app .content-area .down-row .down-btn:hover {
          background-color: #cb6608; }
        .app .content-area .down-row .down-btn .down-icon {
          width: 38px;
          height: 38px; }
        .app .content-area .down-row .down-btn .down-text {
          font-size: 18px;
          font-weight: bold;
          color: #ffffff;
          margin-left: 2px; }
      .app .content-area .down-row .mac-down-btn {
        margin-left: 20px; }

/*# sourceMappingURL=down.css.map */
