@import "//at.alicdn.com/t/font_2873469_g8icew3x3wd.css";
body, html {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%; }

* {
  margin: 0;
  -webkit-tap-highlight-color: transparent; }

ul {
  margin: 0;
  padding: 0; }

ul li {
  list-style: none; }

body {
  background-color: #a982f0; }
  body::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent; }

.container {
  background-color: #7861e1;
  background-image: linear-gradient(to bottom right, #a982f0, #4943d3);
  color: #fff; }

#app {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  font-size: 16px; }
  #app .title {
    margin-top: 10px; }
  #app .logo {
    width: 26%;
    margin-top: 10px; }
    #app .logo img {
      display: block;
      width: 100%; }
  #app .app {
    margin-top: 20px;
    width: 50%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border: solid 6px rgba(0, 0, 0, 0.7);
    overflow: hidden; }
    #app .app img {
      width: 100%; }

.download {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding-top: 130px;
  padding-bottom: 20px;
  z-index: 9;
  width: 100%;
  margin-top: -140px;
  background: linear-gradient(170deg, transparent 120px, #a982f0 0) top left; }
  .download .info {
    margin-top: 20px;
    width: 80%;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px; }
    .download .info .recruit {
      margin-top: 10px;
      font-size: 16px;
      color: #0ff;
      font-weight: bold; }
  .download .button {
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    width: 200px;
    height: 40px;
    border-radius: 10px;
    background: #fff;
    color: #4943d3; }
    .download .button + .button {
      margin-top: 10px; }
  .download .arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    opacity: .1;
    color: #000;
    font-size: 10px; }

.seo {
  display: none;
  flex-direction: column;
  align-items: center;
  color: #fff;
  border-top: solid rgba(255, 255, 255, 0.5) 5px;
  padding: 20px;
  opacity: .8; }
  .seo .intro {
    line-height: 30px; }
    .seo .intro .description {
      overflow: hidden;
      margin-top: 20px; }
      .seo .intro .description a {
        color: #fff; }
      .seo .intro .description img {
        width: 160px;
        float: left;
        margin-right: 10px;
        border-radius: 10px;
        opacity: .8; }
  .seo .news {
    width: 100%;
    margin-top: 60px; }
    .seo .news .title {
      text-align: center; }
      .seo .news .title .divider {
        margin-top: 10px; }
    .seo .news .content {
      display: flex;
      flex-direction: column;
      margin-top: 20px; }
      .seo .news .content .column .hd {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #ddd; }
        .seo .news .content .column .hd .title {
          border-bottom: 1px solid #ff15cd;
          margin-bottom: -1px; }
          .seo .news .content .column .hd .title a {
            font-size: 16px;
            font-weight: normal;
            color: #fff; }
        .seo .news .content .column .hd .more {
          font-size: 14px;
          color: #ddd;
          text-decoration: none; }
      .seo .news .content .column .bd {
        padding-top: 20px; }
        .seo .news .content .column .bd ul li {
          display: flex;
          justify-content: space-between;
          height: 30px;
          line-height: 30px;
          overflow: hidden; }
          .seo .news .content .column .bd ul li .time {
            flex-shrink: 0;
            margin-left: 10px;
            font-size: 14px;
            color: #fff; }
            .seo .news .content .column .bd ul li .time i {
              margin-right: 4px; }
          .seo .news .content .column .bd ul li a {
            flex-grow: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #fff;
            font-size: 14px;
            text-decoration: none; }

.bottom {
  display: none;
  padding-bottom: 20px;
  text-align: center;
  background: #a982f0;
  font-size: 12px; }
  .bottom a {
    color: #fff; }

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