*:focus {
    outline: none;
  }

  a,
  a:hover,
  a:focus {
    color: inherit;
    text-decoration: none;
  }

  h1,
  h2,
  h3,
  p,
  figure,
  ul,
  li {
    color: inherit;
    margin: 0;
    padding: 0;
  }

  ul {
    list-style: none;
  }

  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  .rtl {
    direction: rtl;
  }

  @font-face {
    font-family: "Barlow Condensed";
    src: url("./BarlowCondensed-Regular.ttf");
  }
  body {
    color: #fff;
    font-family: "Segoe UI", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    margin: 0;
  }

  .wrapper {
    max-width: 1920px;
    min-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
  }

  .wrap {
    position: relative;
    width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .btn-google-play, .btn-app-store {
    display: inline-block;
    width: 360px;
    height: 0;
    padding-top: 83px;
    border-radius: 6px;
    overflow: hidden;
    transition: opacity 0.2s;
  }
  .btn-google-play:hover, .btn-app-store:hover {
    opacity: 0.8;
  }

  .btn-google-play {
    background: url("./image/btn-google-play.png") rgba(0, 0, 0, 0.5) center center no-repeat;
  }

  .btn-app-store {
    background: url("./image/btn-app-store.png") rgba(0, 0, 0, 0.5) center center no-repeat;
  }

  .btn-area {
    display: inline-block;
    width: 385px;
    height: 0;
    padding-top: 131px;
    overflow: hidden;
    border-radius: 23px;
    transition: background-color .2s;
  }
  .btn-area:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .btn-area:active {
    background-color: rgba(0, 0, 0, 0.2);
  }

  body {
    background-color: #1c1a33;
  }

  .ui-part {
    position: relative;
    background: no-repeat center center;
    box-sizing: border-box;
    overflow: hidden;
  }
  .ui-part .wrap {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
  }
  .ui-part > img {
    vertical-align: top;
  }

  .part-1 .downloads {
    position: absolute;
    left: 50%;
    margin-left: -222px;
    bottom: 285px;
  }

  .part-2 .downloads {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    bottom: 336px;
  }

  footer {
    padding: 60px 0 50px;
    text-align: center;
    background-color: #4dcfa1;
  }
  footer p {
    margin-bottom: 0.5em;
  }
  footer a:hover {
    color: #ffd80b;
  }