body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
table,
tbody,
tr,
th,
td,
input {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
}
a,
a:active,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}
a,
img {
  -webkit-touch-callout: none;
}
ol,
ul,
li {
  list-style: none;
}
textarea,
input[type="password"],
input[type="text"] {
  resize: none;
  outline: 0;
  -webkit-appearance: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #fff;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.container {
  width: 100vw;
  height: 812px;
  -webkit-background-size: cover;
          background-size: cover;
  overflow: hidden;
}
.container .wrap {
  width: 100%;
}
.container .wrap img {
  width: 100%;
  display: none;
}
.container .footer {
  position: absolute;
  color: #999;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 981px) {
  body {
    width: 100vw;
  }
  .header {
    width: 100%;
    height: 48%;
    background: #ffffff url(//static.ws.126.net/163/gulu/f2e/gulu-index/bg_pc.976019ae.png?imageView&interlace=1) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .ct {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 52%;
    background: #ffffff;
  }
  .slogan {
    position: absolute;
    left: 0.6rem;
    top: 0.45rem;
    width: 2.46rem;
    height: 0.42rem;
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/slogan.fff50b99.png?imageView&interlace=1) center center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .container {
    height: 100vh;
    position: relative;
  }
  .container .info-mobile {
    display: none;
  }
  .container .wrap {
    width: 4.36rem;
  }
  .container .wrap .pc {
    display: block;
    -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
            transform: translateY(-45%);
  }
  .container .info {
    padding-left: 0.34rem;
    -webkit-transform: translateY(-2.12rem);
        -ms-transform: translateY(-2.12rem);
            transform: translateY(-2.12rem);
  }
  .container .info .logo {
    width: 6.86rem;
    height: 1.38rem;
    -webkit-transform: translateX(-0.43rem);
        -ms-transform: translateX(-0.43rem);
            transform: translateX(-0.43rem);
  }
  .container .info .title {
    color: #ffffff;
    font-size: 0.4rem;
  }
  .container .info .tip {
    font-size: 0.2rem;
    margin-top: 1.7rem;
    color: #121212;
  }
  .container .info .icon {
    margin-top: 0.24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .container .info .mobile {
    display: none;
  }
  .container .info .qrcode {
    width: 0.72rem;
    height: 0.72rem;
    background: #ff6d85 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAbFBMVEVMaXEREREcHBwSEhIAAAARERERERERERERERERERERERESEhL///+YmJiJiYkhISHx8fEwMDA/Pz/i4uLExMRcXFwaGhqCgoJ3d3cpKSmPj49ra2tNTU3T09OoqKg3NzdkZGS2trbq6uqUlJRMsyCqAAAAC3RSTlMAuwnUBte9kvkr2B5iC3sAAAGjSURBVHja7Zhtb8IgEIC7aUe7Ul7qamutU/f/f+QOGGXClgheWGZ8Phjqmcd6cpxeoahJWTWJVCWpC8OaNDdCnrXnqbmZlzWISIMAgfxUGKKqVjeEc0sljqgsKhxRVTRIPET3IKIerQ20fiReNDM2o4gYpSxJJBfeL0Wti1wlchftpYi5SG4R3wCjFe26bmdFo4pEiCjArEhhRYwCfy4aD4cxUbR9A/Y/JXuvIp4o/9d/7PtjkqhbMDvbSV3EE2Wu/tP5fIoXCSHgRWJhssmehEcg8uHeuxlRSC4R5xJEnHO1NkyUTnqxha1qFip0bYlwP/GuRChToX8nstnRru+oEonI0e/VpEUeWUTCAqKvnT0IMcCnlbK1l5q0BnlxPBkyicLzyIlMX4JHQ/wJudfndwfnpD4ttaHv+0hR2I7aJrGLhKLUvibnWVoR9LhBPUM/DtGisB2ZdV7RBhhDkd0BTEfTO61LNpBPFP6GhCplumIHvW6lIbbWvOxG1Fp20eNv1h2I8AYIJY5ohTZkQRv7YA2i0EZjmMM6oCav6ePDlRkffgL2kOphFnGl3wAAAABJRU5ErkJggg==) center center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    -webkit-border-radius: 0.08rem;
            border-radius: 0.08rem;
    margin-right: 0.18rem;
    display: block;
    z-index: 111;
    cursor: none;
  }
  .container .info .qrcode:hover .qr {
    height: 2.12rem;
    background: #121212;
    display: block;
    -webkit-border-radius: 0.08rem;
            border-radius: 0.08rem;
    z-index: 111;
  }
  .container .info .qrcode:hover .qr img {
    width: 1.84rem;
    height: 1.84rem;
    margin: 0.14rem 0.16rem;
  }
  .container .info .qrcode .qr {
    display: none;
    width: 2.16rem;
  }
  .container .info .appstore {
    margin-right: 0.18rem;
    width: 2.19rem;
    height: 0.88rem;
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/ios.de15dced.png?imageView&interlace=1) center center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    cursor: pointer;
  }
  .container .info .appstore:hover {
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/ios_hover.36bd2a68.png?imageView&interlace=1) center center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .container .info .android {
    width: 2.19rem;
    height: 0.88rem;
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/android.331ccd87.png?imageView&interlace=1) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    cursor: pointer;
  }
  .container .info .android:hover {
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/android_hover.591bfb98.png?imageView&interlace=1) 0 0 no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .container .footer {
    bottom: 0.34rem;
    left: 50%;
    font-size: 0.12rem;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    color: #666666;
  }
  .container .footer p {
    display: inline-block;
    margin-right: 0.1rem;
  }
}
@media screen and (max-width: 980px) {
  body {
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/bg_mobile.44889ad9.png?imageView&interlace=1) no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
  }
  .slogan {
    position: absolute;
    left: 0.32rem;
    top: 0.42rem;
    width: 2.46rem;
    height: 0.42rem;
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/slogan.fff50b99.png?imageView&interlace=1) center center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .info {
    display: none;
  }
  .container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.8rem 0 1.25rem;
    height: auto;
  }
  .container .qrcode {
    display: none !important;
  }
  .container .info-mobile .logo {
    width: 4.79rem;
    display: block;
    margin: 0 auto;
  }
  .container .info-mobile .title {
    font-size: 0.3rem;
    color: #ffffff;
    font-weight: 700;
    margin-top: 0.3rem;
    text-align: center;
    letter-spacing: 0.04rem;
  }
  .container .info-mobile .download-btn {
    width: 2.7rem;
    height: 0.88rem;
    cursor: pointer;
    background: #ffd60a;
    margin: 0.44rem auto 0;
    background: url(//static.ws.126.net/163/gulu/f2e/gulu-index/btn_mobile.50266a97.png?imageView&interlace=1) center center no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  }
  .container .wrap {
    width: 5.36rem;
    margin: 0.6rem auto 0;
  }
  .container .wrap .mobile {
    display: block;
  }
  .footer {
    font-size: 0.2rem;
    line-height: 0.24rem;
    bottom: 0.36rem;
  }
}