.content {
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  background: #CFC5C6;
  position: relative;
  padding-bottom: .8rem; }
  .content .header {
    width: 100%;
    padding: .22rem .34rem;
    display: flex;
    background: #D0C6C7;
    align-items: center;
    justify-content: space-between; }
    .content .header .logo {
      display: block;
      border-radius: .1rem;
      width: 1.12rem; }
    .content .header span {
      font-size: .46rem;
      color: #FFD100;
      font-weight: bold;
      text-shadow: 0 .03rem .06rem #FFD100;
      font-style: italic; }
  .content .banner {
    width: 100%;
    display: block; }
  .content .button {
    width: 80%;
    height: .68rem;
    border-radius: .6rem;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: .36rem;
    z-index: 99;
    background: linear-gradient(#6986F3, #394CCD); }
    .content .button a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .29rem;
      color: #fff;
      font-weight: bold; }
  .content .desc {
    display: block;
    font-size: .17rem;
    color: #333;
    line-height: 1.4;
    text-align: center;
    margin-top: .3rem; }
  .content .desc_banner {
    display: block;
    margin: 0 auto;
    width: 60%;
    margin-top: .4rem; }
  .content .downs {
    display: block;
    margin: 0 auto;
    width: 60%;
    margin-top: .4rem; }
  .content ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .content ul li {
      overflow: hidden;
      width: 50%; }
      .content ul li img {
        width: 100%;
        display: block; }

.fadein {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  display: none;
  align-items: center;
  justify-content: center; }
  .fadein .mySwiper {
    width: 100%;
    overflow: hidden; }
    .fadein .mySwiper .swiper-slide {
      width: 100%; }
      .fadein .mySwiper .swiper-slide img {
        display: block;
        width: 86%;
        margin: 0 auto; }

.swiper-pagination {
  left: 0;
  top: .3rem;
  bottom: auto;
  color: #fff;
  font-size: .24rem; }

/*# sourceMappingURL=css.css.map */
