html,
body {
  height: 100%;
}
a,img{
  outline: none;
}
.fp-watermark, .hide {
  display: none;
  opacity: 0;
}
img{
  max-width: 100%;
}
.opacity0 {
  opacity: 0;
}
.fp-overflow {
  outline: 0;
}
.main img {
  width: 100%;
}
.uk-position-top-left{
   top: 50%;
   transform: translateY(-50%);
}
.share-link a{
  width: 26%;
  display: inline-block;
  padding: 0 0 0 20%;
}

.dlBox {
  width: 20%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 44%;
}
.dlBox a img{
  transition: all 0.3s;
}
.dlBox a:hover img {
  transition: all 0.3s;
  transform: translateY(-6px);
}
.footer {
  background: url(https://res.17996cdn.net/bpsr/pre/foot_bg.jpg) no-repeat top center;
  background-size: cover;
  text-align: center;
  padding: 1% 0;
  color: #93abb8;
  font-size: 12px;
  width: 100%;
  height: auto;
  z-index: 500;
}
.footer p,.footer .limited {
  margin-bottom: 10px;
}
.footer a {
  color: #93abb8;
}
.footer a:hover {
  color: #333;
}
.footer .f-logo {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
.footer .f-logo img {
  width: 60%;
}
.footer p label{
  margin: 0 5px;
}

@media (max-width: 1024px) {
  .uk-position-top-left{
    top: 20%;
    z-index: 99;
    }
    .share-link a{
      width: 16%;
      display: inline-block;
      padding: 1px 4%;
    }
    .top-dl {
      width: 100%;
      position: absolute;
      top: 6px;
      right: 10px;
      text-align: right;
    }
    .top-dl img {
      width: 30%;
      border-radius: 6px;
      border: 1px solid #bcbcbc;
    }
    .dlBox {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      padding-top: 116%;
      text-align: center;
  }
  .dlBox a img {
      transition: all 0.3s;
      width: 55%;
      border-radius: 6px;
      border: 1px solid #bcbcbc;
  }
  .footer .f-logo img {
    width: 75%;
  }
  .footer p label{
    display: block;
  }
}