.app {
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  table-layout: fixed;
}
table td {
  word-break: break-all;
}
caption,
th {
  text-align: left;
}
ol,
ul {
  list-style: none;
}
img {
  display: block;
  border: 0;
  width: 100%;
  /* ie8 */
}
*:focus {
  outline: 0;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
body,
p,
span,
a,
input {
  font-family: "微软雅黑";
}
.main {
  display: none;
}
.main1 {
  display: block;
}
.main .content {
  height: 100%;
}
.main .content .logo {
  position: absolute;
  top: 0.28rem;
  width: 3.32666667rem;
  left: 0.4rem;
}
.main .content .text {
  position: absolute;
  top: 1.74666667rem;
  width: 6.51333333rem;
  left: 0.41333333rem;
}
.main .content .back {
  position: absolute;
  top: 1.52666667rem;
  width: 0.70666667rem;
  left: 0.29333333rem;
}
.main .content .btn {
  position: absolute;
}
.main .content .btn_1 {
  top: 4.82rem;
  width: 1.90666667rem;
  left: 0.92666667rem;
}
.main .content .btn_2 {
  top: 4.77333333rem;
  width: 1.90666667rem;
  left: 3.02rem;
}
.main .content .btn_7 {
  top: 4.82rem;
  width: 1.90666667rem;
  left: 1.96rem;
}
.main .content .btn_8 {
  top: 4.77333333rem;
  width: 1.90666667rem;
  left: 4.05333333rem;
}
.main .content .btn_3 {
  top: 4.82rem;
  width: 1.92666667rem;
  left: 5.08666667rem;
}
.main .content .btn_4 {
  top: 7.5rem;
  width: 2.97333333rem;
  left: 0.93333333rem;
}
.main .content .btn_5 {
  top: 7.5rem;
  width: 2.97333333rem;
  left: 4.04rem;
}
.main .content .btn_6 {
  top: 8.28rem;
  width: 5.33333333rem;
  left: 1.08666667rem;
}
.main .content .btn_21 {
  bottom: 1.49333333rem;
  width: 2.97333333rem;
  left: 2.26666667rem;
}
.main .content .btn_41 {
  bottom: 1.82666667rem;
  width: 2.97333333rem;
  left: 2.26666667rem;
}
.main .content .btn_61 {
  bottom: 1.71333333rem;
  width: 2.97333333rem;
  left: 2.26666667rem;
}
.main .content .btn_71 {
  bottom: 0.38666667rem;
  width: 2.97333333rem;
  left: 2.26666667rem;
}
.main .content .btn_91 {
  bottom: 2.88666667rem;
  width: 2.97333333rem;
  left: 2.26666667rem;
}
.main2 .content .logo {
  position: absolute;
  top: 0.28rem;
  width: 6.95333333rem;
  left: 0.4rem;
}
.main2 .content .code {
  position: absolute;
  top: 38.55333333rem;
  width: 4rem;
  left: 1.75333333rem;
}
.main4 .content .text {
  position: absolute;
  top: 1.74666667rem;
  width: 6.64666667rem;
  left: 0.42666667rem;
}
.page {
  display: flex;
  position: relative;
}
.page .content {
  position: absolute;
}
.page .content .title {
  position: absolute;
}
.page .content0 .logo {
  position: absolute;
  top: 0.28rem;
  width: 6.94666667rem;
  left: 0.4rem;
}
.page .content1 .title {
  top: -0.46666667rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content2 .title {
  top: 0.44rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content3 #swiper {
  position: absolute;
  top: 3.69333333rem;
  width: 6.64666667rem;
  left: 0.41333333rem;
}
.page .content3 #swiper .swiper {
  overflow: hidden;
  border-radius: 0.2rem;
}
.page .content3 #swiper .swiper-arrow-prev {
  position: absolute;
  top: 1.58rem;
  width: 0.46666667rem;
  left: -0.28666667rem;
  z-index: 999;
}
.page .content3 #swiper .swiper-arrow-next {
  position: absolute;
  top: 1.58rem;
  width: 0.46666667rem;
  left: 6.47333333rem;
  z-index: 999;
}
.page .content3 .title {
  top: 0.46666667rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content4 .title {
  top: 0.56rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content5 .icon {
  position: absolute;
  animation: buttonScale 3s linear infinite;
}
@keyframes buttonScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.page .content5 .icon_1 {
  top: 3.37333333rem;
  width: 1.43333333rem;
  left: 0.59333333rem;
}
.page .content5 .icon_2 {
  top: 3.37333333rem;
  width: 1.43333333rem;
  left: 2.22rem;
}
.page .content5 .icon_3 {
  top: 3.37333333rem;
  width: 1.43333333rem;
  left: 3.84rem;
}
.page .content5 .icon_4 {
  top: 3.37333333rem;
  width: 1.43333333rem;
  left: 5.46666667rem;
}
.page .content5 .icon_5 {
  top: 5.06rem;
  width: 1.43333333rem;
  left: 2.22rem;
}
.page .content5 .icon_6 {
  top: 5.06rem;
  width: 1.43333333rem;
  left: 3.84rem;
}
.page .content5 .title {
  top: 0.52666667rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content6 .title {
  top: 0.48666667rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content7 .title {
  top: -0.46666667rem;
  width: 7.07333333rem;
  left: 0rem;
}
.page .content8 .title {
  top: 0.1rem;
  width: 7.07333333rem;
  left: 0rem;
}
.popup {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.popup .pop {
  position: absolute;
  top: 0.66666667rem;
  width: 6rem;
  left: 0rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup .pop .title1 {
  position: absolute;
  top: 0.84666667rem;
  width: 4.10666667rem;
  left: 0.94666667rem;
}
.popup .pop .title2 {
  position: absolute;
  top: 3.97333333rem;
  width: 3.92rem;
  left: 1.04rem;
}
.popup .pop .btn1 {
  position: absolute;
  top: 2.06666667rem;
  width: 2.09333333rem;
  left: 1.95333333rem;
}
.popup .pop .btn2 {
  position: absolute;
  top: 4.72666667rem;
  width: 2.09333333rem;
  left: 1.95333333rem;
}
.popup .pop .close {
  position: absolute;
  top: 6.35333333rem;
  width: 0.62666667rem;
  left: 2.68666667rem;
}