.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.37333333rem;
  width: 4.43555556rem;
  left: 0.53333333rem;
}
.main .content .text {
  position: absolute;
  top: 2.32888889rem;
  width: 8.68444444rem;
  left: 0.55111111rem;
}
.main .content .back {
  position: absolute;
  top: 2.03555556rem;
  width: 0.94222222rem;
  left: 0.39111111rem;
}
.main .content .btn {
  position: absolute;
}
.main .content .btn_1 {
  top: 6.42666667rem;
  width: 2.54222222rem;
  left: 1.23555556rem;
}
.main .content .btn_2 {
  top: 6.36444444rem;
  width: 2.54222222rem;
  left: 4.02666667rem;
}
.main .content .btn_7 {
  top: 6.42666667rem;
  width: 2.54222222rem;
  left: 2.61333333rem;
}
.main .content .btn_8 {
  top: 6.36444444rem;
  width: 2.54222222rem;
  left: 5.40444444rem;
}
.main .content .btn_3 {
  top: 6.42666667rem;
  width: 2.56888889rem;
  left: 6.78222222rem;
}
.main .content .btn_4 {
  top: 10rem;
  width: 3.96444444rem;
  left: 1.24444444rem;
}
.main .content .btn_5 {
  top: 10rem;
  width: 3.96444444rem;
  left: 5.38666667rem;
}
.main .content .btn_6 {
  top: 11.04rem;
  width: 7.11111111rem;
  left: 1.44888889rem;
}
.main .content .btn_21 {
  bottom: 1.99111111rem;
  width: 3.96444444rem;
  left: 3.02222222rem;
}
.main .content .btn_41 {
  bottom: 2.43555556rem;
  width: 3.96444444rem;
  left: 3.02222222rem;
}
.main .content .btn_61 {
  bottom: 2.28444444rem;
  width: 3.96444444rem;
  left: 3.02222222rem;
}
.main .content .btn_71 {
  bottom: 0.51555556rem;
  width: 3.96444444rem;
  left: 3.02222222rem;
}
.main .content .btn_91 {
  bottom: 3.915556rem;
  width: 3.96444444rem;
  left: 3.02222222rem;
}
.main2 .content .logo {
  position: absolute;
  top: 0.37333333rem;
  width: 9.27111111rem;
  left: 0.53333333rem;
}
.main2 .content .code {
  position: absolute;
  top: 51.40444444rem;
  width: 5.33333333rem;
  left: 2.33777778rem;
}
.main4 .content .text {
  position: absolute;
  top: 2.32888889rem;
  width: 8.86222222rem;
  left: 0.56888889rem;
}
.page {
  display: flex;
  position: relative;
}
.page .content {
  position: absolute;
}
.page .content .title {
  position: absolute;
}
.page .content0 .logo {
  position: absolute;
  top: 0.37333333rem;
  width: 9.26222222rem;
  left: 0.53333333rem;
}
.page .content1 .title {
  top: -0.62222222rem;
  width: 9.43111111rem;
  left: 0rem;
}
.page .content2 .title {
  top: 0.58666667rem;
  width: 9.43111111rem;
  left: 0rem;
}
.page .content3 #swiper {
  position: absolute;
  top: 4.92444444rem;
  width: 8.86222222rem;
  left: 0.55111111rem;
}
.page .content3 #swiper .swiper {
  overflow: hidden;
  border-radius: 0.2rem;
}
.page .content3 #swiper .swiper-arrow-prev {
  position: absolute;
  top: 2.10666667rem;
  width: 0.62222222rem;
  left: -0.38222222rem;
  z-index: 999;
}
.page .content3 #swiper .swiper-arrow-next {
  position: absolute;
  top: 2.10666667rem;
  width: 0.62222222rem;
  left: 8.63111111rem;
  z-index: 999;
}
.page .content3 .title {
  top: 0.62222222rem;
  width: 9.43111111rem;
  left: 0rem;
}
.page .content4 .title {
  top: 0.74666667rem;
  width: 9.43111111rem;
  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: 4.49777778rem;
  width: 1.91111111rem;
  left: 0.79111111rem;
}
.page .content5 .icon_2 {
  top: 4.49777778rem;
  width: 1.91111111rem;
  left: 2.96rem;
}
.page .content5 .icon_3 {
  top: 4.49777778rem;
  width: 1.91111111rem;
  left: 5.12rem;
}
.page .content5 .icon_4 {
  top: 4.49777778rem;
  width: 1.91111111rem;
  left: 7.28888889rem;
}
.page .content5 .icon_5 {
  top: 6.74666667rem;
  width: 1.91111111rem;
  left: 2.96rem;
}
.page .content5 .icon_6 {
  top: 6.74666667rem;
  width: 1.91111111rem;
  left: 5.12rem;
}
.page .content5 .title {
  top: 0.70222222rem;
  width: 9.43111111rem;
  left: 0rem;
}
.page .content6 .title {
  top: 0.64888889rem;
  width: 9.43111111rem;
  left: 0rem;
}
.page .content7 .title {
  top: -0.62222222rem;
  width: 9.43111111rem;
  left: 0rem;
}
.page .content8 .title {
  top: 0.13333333rem;
  width: 9.43111111rem;
  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.88888889rem;
  width: 8rem;
  left: 0rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup .pop .title1 {
  position: absolute;
  top: 1.12888889rem;
  width: 5.47555556rem;
  left: 1.26222222rem;
}
.popup .pop .title2 {
  position: absolute;
  top: 5.29777778rem;
  width: 5.22666667rem;
  left: 1.38666667rem;
}
.popup .pop .btn1 {
  position: absolute;
  top: 2.75555556rem;
  width: 2.79111111rem;
  left: 2.60444444rem;
}
.popup .pop .btn2 {
  position: absolute;
  top: 6.30222222rem;
  width: 2.79111111rem;
  left: 2.60444444rem;
}
.popup .pop .close {
  position: absolute;
  top: 8.47111111rem;
  width: 0.83555556rem;
  left: 3.58222222rem;
}