@charset "utf-8";

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

body>div>iframe {
  display: none !important;
}

button {
  border: none;
}

body {
  max-width: 750px;
  margin: 0 auto;
  background: linear-gradient(90deg, #1C2659 0%, #222F60 100%);
  font-family: Noto Sans HK-Regular, Noto Sans HK;
}

a {
  text-decoration: none;
  color: inherit;
}

/* 隐藏标准的滚动条 */
*::-webkit-scrollbar {
  width: 0;
  display: none;
}

*::-webkit-scrollbar {
  width: 0;
  display: none;
}

/* 隐藏 IE 和 Edge 浏览器的滚动条 */
*::-ms-scrollbar {
  width: 0;
  display: none;
}

.top-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.7622rem;
  max-width: 750px;
  padding: 0.2136rem 0.267rem;
  box-sizing: border-box;
  background: linear-gradient(144deg, #6640FF 2%, #E542FF 100%);
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}

.top-box .img {
  flex-shrink: 0;
  display: block;
  width: 1.335rem;
  height: 1.335rem;
  margin-right: 0.1869rem;
}

.top-box .img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.3204rem;
}

.top-box .info {
  flex: 1;
  min-width: 0;
}

.top-box .info .name {
  display: block;
  height: 0.5073rem;
  font-size: 0.5073rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 0.5073rem;
}

.top-box .info .desc {
  display: block;
  height: 0.3471rem;
  font-size: 0.3471rem;
  font-weight: 600;
  color: #fff;
  line-height: 0.3471rem;
  margin-top: 0.2937rem;
}

.top-box .btn {
  flex-shrink: 0;
  display: block;
  width: 2.7768rem;
  height: 1.1748rem;
  margin-left: 0.1869rem;
  background: url(../images/top-btn.png) no-repeat;
  background-size: 2.7768rem 1.1748rem;
  cursor: pointer;
}

.main-content .top-img {
  width: 100%;
}

.main-content .pic-content {
  display: block;
  padding: 0 0.4539rem;
}

.main-content .pic-content .title {
  display: block;
  margin: 1.068rem -0.4539rem 0.4806rem;
}

.main-content .pic-content .title img {
  display: block;
  width: 100%;
}

.main-content .pic-content .pic {
  width: 100%;
  margin-bottom: 1.335rem;
}

.main-content .pic-content .pic:last-of-type {
  margin-bottom: 0;
}

.main-content .pic-content .pic img {
  display: block;
  width: 100%;
}

.main-content .pic-content.content2 {
  margin-top: 1.7088rem;
  position: relative;
}

.main-content .pic-content.content2 .icon-bg {
  width: 8.4639rem;
  height: 6.8085rem;
  position: absolute;
  top: -0.6942rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/icon-bg.png) no-repeat;
  background-size: 100% auto;
}

.footer {
  width: 100%;
  background: linear-gradient(87deg, rgba(80, 60, 170, 0.8) 2%, rgba(70, 20, 177, 0.71) 100%);
}

.footer .tag {
  padding-top: 0.4005rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer .tag .item {
  display: flex;
  align-items: center;
  margin-right: 0.4272rem;
}

.footer .tag .item:last-of-type {
  margin-right: 0;
}

.footer .tag .item img {
  flex-shrink: 0;
  display: block;
  width: 0.3738rem;
  height: 0.4539rem;
  margin-right: 0.1068rem;
}

.footer .tag .item span {
  display: block;
  height: 0.4539rem;
  line-height: 0.4539rem;
  font-size: 0.3471rem;
  font-weight: 400;
  color: #FFFFFF;
}

.footer .info {
  display: block;
  padding: 0.3471rem 0;
  text-align: center;
  font-size: 0.267rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
  line-height: 0.3471rem;
}

.footer .info p {
  margin-bottom: 0.1068rem;
}

.footer .info p a {
  text-decoration: underline;
}

.app-section {
  width: 9.2921rem;
  height: 2.5098rem;
  position: fixed;
  bottom: -3.869rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  padding: 0.4005rem 0.267rem;
  z-index: 999;
  border: 1px solid #eef1f5;
  box-shadow: 0 0.0801rem 0.267rem #eff3f6;
}

.app-section.fixed-bottom {
  bottom: 1.5rem;
  transition: 0.2s;
}

.app-section .logo-icon {
  width: 1.2816rem;
  height: 1.2816rem;
  border: 1px solid #fff;
  border-radius: 0.267rem;
  background: url(../images/app-icon.png);
  background-size: 100%;
}

.app-section .container {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  height: 1.2816rem;
  margin-left: 0.267rem;
  padding: 0.0534rem 0;
  flex: 1;
}

.app-section .container .title {
  font-size: 0.4539rem;
  font-family: Alimama ShuHeiTi-Bold, Alimama ShuHeiTi;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

.app-section .yueyou {
  width: 2.2695rem;
  height: 0.8544rem;
  background: #ff5c00;
  border-radius: 0.4539rem;
  opacity: 1;
  color: #fff;
  font-size: 0.3738rem;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
}

.app-section .container .type-list {
  display: flex;
}

.app-section .container .type-list .type-item {
  font-size: 0.267rem;
  border-radius: 0.1068rem;
  padding: 0.1068rem 0.1602rem;
  margin-right: 0.1869rem;
  white-space: nowrap;
  background: #089359;
  color: #fff;
}

.fixed-bottom.app-section .logo-icon {
  flex: 0 0 1.7088rem;
  width: 1.7088rem;
  height: 1.7088rem;
}

.fixed-bottom.app-section .container {
  height: 1.6554rem;
  margin-left: 0.267rem;
  flex: 1;
  min-width: 0;
}

.fixed-bottom.app-section .container .title {
  font-size: 0.534rem;
  color: #333;
}

.fixed-bottom.app-section .container .type-list .type-item {
  font-size: 0.2937rem;
  padding: 0.0601rem 0.0835rem;
  border: 0.0267rem solid #ff5c00;
  background: #fff;
  color: #ff5c00;
}

.fixed-bottom.app-section .container .type-list .type-item:nth-child(3) {
  display: none;
}

.fixed-bottom.app-section .yueyou {
  width: 2.203rem;
  height: 0.968rem;
  font-size: 0.4005rem;
  border-radius: 0.534rem;
  background: #ff5c00;
  cursor: pointer;
}