* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  font-size: 16px;
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Oxygen,
    Ubuntu, Cantarell, "Microsoft Yahei", "Open Sans", "Helvetica Neue", Arial,
    serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1080px) {
  body {
    background: url(../img/mobile-bg.png) center/cover no-repeat;
  }
}
@media screen and (max-width: 600px) {
  body {
    background: url(../img/mobile-bg.png) top/cover no-repeat;
    background-size: 100%;
  }
}
body .backdrop {
  position: absolute;
  top: 0;
  z-index: -1;
  background: url(../img/backdrop.png) center top no-repeat;
  background-size: 100%;
  height: 312px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  body .backdrop {
    display: none;
  }
}
body .content {
  width: 1080px;
  margin: 20px auto;
}
@media screen and (max-width: 1080px) {
  body .content {
    width: 100%;
  }
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1080px) {
  header {
    flex-direction: column;
    justify-content: center;
  }
}
header .logo {
  width: 40%;
}
@media screen and (max-width: 1080px) {
  header .logo {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
header .logo img {
  width: 190px;
}
@media screen and (max-width: 1080px) {
  header .logo img {
    width: 254px;
  }
}
header .link {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 60%;
  padding: 15px 10px;
}
@media screen and (max-width: 1080px) {
  header .link {
    display: none;
  }
}
header .link .menu-button {
  display: flex;
  align-items: center;
}
header .link .menu-button img {
  width: 25px;
  margin-right: 5px;
}
header .link a {
  text-decoration: none;
  color: #fff;
}
header .link a:hover {
  font-weight: bold;
}
header .mobile-link {
  display: none;
  height: 100%;
  width: 100%;
  margin: 15px 10px;
}
@media screen and (max-width: 1080px) {
  header .mobile-link {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
}
header .mobile-link .menu-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  margin: 10px;
  padding: 5px 25px;
  text-align: center;
  border: 1px solid #eabc88;
  border-radius: 10px;
  background: rgb(251, 252, 249);
  background: -moz-linear-gradient(
    90deg,
    rgb(251, 252, 249) 0%,
    rgb(234, 237, 246) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(251, 252, 249) 0%,
    rgb(234, 237, 246) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(251, 252, 249) 0%,
    rgb(234, 237, 246) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfcf9",endColorstr="#eaedf6",GradientType=1);
  box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
}
@media screen and (max-width: 600px) {
  header .mobile-link .menu-button {
    padding: 5px 10px;
  }
}
header .mobile-link .menu-button a {
  text-decoration: none;
  color: #353f4d;
  font-size: 16px;
}

.content .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .content .row {
    justify-content: center;
    flex-direction: column;
  }
}
@media screen and (max-width: 1080px) {
  .content .row .left-col {
    width: 100%;
    padding: 0 15px;
  }
}
.content .row .left-col .label-container {
  width: 171px;
  height: 130px;
  margin: 10px;
  display: flex;
  padding-left: 20px;
  align-items: center;
  background: url(../img/label.png) center/contain no-repeat;
}
.content .row .left-col .label-container img {
  width: 26px;
  margin-right: 10px;
}
.content .row .left-col .label-container span {
  color: #737373;
}
.content .row .left-col .label-container.site {
  background: url(../img/site-label.png) center/contain no-repeat;
}
@media screen and (max-width: 1080px) {
  .content .row .left-col .label-container.site {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    margin: 10px 0;
    background: rgb(251, 252, 249);
    background: -moz-linear-gradient(
      90deg,
      rgb(251, 252, 249) 0%,
      rgb(234, 237, 246) 100%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgb(251, 252, 249) 0%,
      rgb(234, 237, 246) 100%
    );
    background: linear-gradient(
      90deg,
      rgb(251, 252, 249) 0%,
      rgb(234, 237, 246) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfcf9",endColorstr="#eaedf6",GradientType=1);
    box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
  }
}
@media screen and (max-width: 1080px) {
  .content .row .left-col .label-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    padding-left: 0;
    margin: 10px 0;
    background: rgb(251, 252, 249);
    background: -moz-linear-gradient(
      90deg,
      rgb(251, 252, 249) 0%,
      rgb(234, 237, 246) 100%
    );
    background: -webkit-linear-gradient(
      90deg,
      rgb(251, 252, 249) 0%,
      rgb(234, 237, 246) 100%
    );
    background: linear-gradient(
      90deg,
      rgb(251, 252, 249) 0%,
      rgb(234, 237, 246) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfcf9",endColorstr="#eaedf6",GradientType=1);
    box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 2px 3px 16px -1px rgba(0, 0, 0, 0.65);
  }
}
@media screen and (max-width: 1080px) {
  .content .row .right-col {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 90%;
  }
}
.content .row .right-col .site-wrap {
  display: grid;
  grid-template-columns: repeat(6, 146px);
  gap: 2px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .content .row .right-col .site-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .content .row .right-col .site-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .row .right-col .site-wrap .site-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/site-tab.png) center/contain no-repeat;
  width: 100%;
  height: 130px;
}
.content .row .right-col .site-wrap .site-tab a {
  text-decoration: none;
  font-size: 14px;
  color: #02a6c3;
}
.content .row .right-col .site-wrap .site-tab a:hover {
  font-weight: bold;
}
@media screen and (max-width: 1080px) {
  .content .row .right-col .site-wrap .site-tab a {
    font-size: 16px;
  }
}
.content .row .right-col .site-wrap .site-tab a .text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.content .row .right-col .site-wrap .site-tab a .text-container .speed-text {
  margin-top: 5px;
  font-size: 12px;
  color: #8c8f96;
}
.content
  .row
  .right-col
  .site-wrap
  .site-tab
  a
  .text-container
  .speed-text
  span {
  color: #353f4d;
}
@media screen and (max-width: 1080px) {
  .content .row .right-col .site-wrap .site-tab a .text-container .speed-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .content .row .right-col .site-wrap .site-tab a .text-container .speed-text {
    font-size: 12px;
  }
}
.content .row .right-col .wrap {
  display: grid;
  grid-template-columns: repeat(6, 146px);
  gap: 2px;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .content .row .right-col .wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .content .row .right-col .wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
.content .row .right-col .wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/mini-button.png) center/contain no-repeat;
  width: 100%;
  height: 60px;
  text-decoration: none;
  font-size: 12px;
  color: #02a6c3;
}
.content .row .right-col .wrap a:hover {
  font-weight: bold;
}
.content .row .right-col .wrap a .container {
  display: flex;
  align-items: center;
}
.content .row .right-col .wrap a .container i {
  margin-right: 3px;
  height: 20px;
  width: 20px;
  background: url(../img/icon.png);
}
.content .row .right-col .wrap a .container i.icon_baidu {
  background-position: -19px 0;
}
.content .row .right-col .wrap a .container i.icon_youku {
  background-position: -79px 0;
}
.content .row .right-col .wrap a .container i.icon_qq {
  background-position: -136px 0;
}
.content .row .right-col .wrap a .container i.icon_jd {
  background-position: -209px 0;
}
.content .row .right-col .wrap a .container i.icon_fh {
  background-position: -154px 0;
}
.content .row .right-col .wrap a .container i.icon_12306 {
  background-position: -256px 0;
  background-size: 733px;
}
.content .row .right-col .wrap a .container i.icon_sohu {
  background-position: -306px 0;
}
.content .row .right-col .wrap a .container i.icon_xc {
  background-position: -322px 0;
}
.content .row .right-col .wrap a .container i.icon_163 {
  background-position: -480px 0;
}
.content .row .right-col .wrap a .container i.icon_4399 {
  background-position: -580px 0;
}
.content .row .right-col .wrap a .container i.icon_tb {
  background-position: -441px 0;
}
.content .row .right-col .wrap a .container i.icon_58 {
  background-position: -520px 0;
}
.content .row .right-col .wrap a .container i.icon_gs {
  background-position: 1px 0;
}
.content .row .right-col .wrap a .container i.icon_zs {
  background-position: -60px 0;
}
.content .row .right-col .wrap a .container i.icon_zg {
  background-position: -97px 0;
}
.content .row .right-col .wrap a .container i.icon_gd {
  background-position: -212px -2px;
  background-size: 720px;
}
.content .row .right-col .wrap a .container i.icon_js {
  background-position: -381px 0;
}
.content .row .right-col .wrap a .container i.icon_xy {
  background-position: -245px 0;
}
.content .row .right-col .wrap a .container i.icon_ny {
  background-position: -264px 0;
}
.content .row .right-col .wrap a .container i.icon_hx {
  background-position: -342px 0;
}
.content .row .right-col .wrap a .container i.icon_yz {
  background-position: -421px 0;
}
.content .row .right-col .wrap a .container i.icon_jt {
  background-position: -561px 0;
}
.content .row .right-col .wrap a .container i.icon_ms {
  background-position: -401px 0;
}
.content .row .right-col .wrap a .container i.icon_gf {
  background-position: -501px 0;
}
.content .row .right-col .wrap a .container i.icon_sina {
  background-position: -40px 0;
}
.content .row .right-col .wrap a .container i.icon_lh {
  background-position: -117px 0;
}
.content .row .right-col .wrap a .container i.icon_rm {
  background-position: -173px 0;
}
.content .row .right-col .wrap a .container i.icon_zh {
  background-position: -285 0;
}
.content .row .right-col .wrap a .container i.icon_cctv {
  background-position: -362px 0;
}
.content .row .right-col .wrap a .container i.icon_xh {
  background-position: 53px 0;
}
.content .row .right-col .wrap a .container i.icon_hq {
  background-position: -542px 0;
}

.mobile-download {
  display: none;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: rgb(251, 252, 249);
  background: -moz-linear-gradient(
    90deg,
    rgb(251, 252, 249) 0%,
    rgb(231, 253, 251) 50%,
    rgb(231, 253, 251) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(251, 252, 249) 0%,
    rgb(231, 253, 251) 50%,
    rgb(231, 253, 251) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(251, 252, 249) 0%,
    rgb(231, 253, 251) 50%,
    rgb(231, 253, 251) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfcf9",endColorstr="#e7fdfb",GradientType=1);
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}
@media screen and (max-width: 1080px) {
  .mobile-download {
    display: flex;
  }
}
.mobile-download .logo {
  display: flex;
  align-items: center;
}
.mobile-download .logo img {
  width: 40px;
  margin-right: 4px;
}
.mobile-download .logo .text-container {
  display: flex;
  flex-direction: column;
}
.mobile-download .logo .text-container p {
  padding: 2px 0;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .mobile-download .logo .text-container p {
    font-size: 12px;
  }
}
.mobile-download .download-button {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #6791ff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.65);
}
.mobile-download .download-button img {
  width: 15px;
  margin-right: 3px;
}

.desktop-download {
  display: none;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(107, 161, 252);
  background: -moz-linear-gradient(
    90deg,
    rgb(107, 161, 252) 0%,
    rgb(51, 122, 252) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(107, 161, 252) 0%,
    rgb(51, 122, 252) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(107, 161, 252) 0%,
    rgb(51, 122, 252) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ba1fc",endColorstr="#337afc",GradientType=1);
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
@media screen and (max-width: 1080px) {
  .desktop-download {
    display: flex;
  }
}
.desktop-download .text-container span {
  font-size: 12px;
  letter-spacing: 2px;
  margin: 0 3px;
  color: #faee00;
}
.desktop-download .text-container span:first-child {
  color: #fff;
  opacity: 0.7;
}
.desktop-download .download-button {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  background-color: #faee00;
  color: #006cfd;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: -2px -2px 2px 0px rgba(0, 0, 0, 0.43) inset;
  -webkit-box-shadow: -2px -2px 2px 0px rgba(0, 0, 0, 0.43) inset;
  -moz-box-shadow: -10px -9px 9px -1px rgba(0, 0, 0, 0.33) inset;
}
.desktop-download .download-button img {
  width: 15px;
  margin-right: 3px;
}

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