<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body,button,html {
  font-family: Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif
}

*,:after,:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  list-style: none;
  padding:0;
  margin:0;
}

body,html {
  background: #fff;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","å¾®è½¯é›…é»‘",Arial,sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  background-size: 100% auto
}

.wrapper {
  position: relative;
  margin-bottom: 2.133333rem;
  background-image: url(./../images/bg-2.png);
  background-size: cover
}

.wrapper,.wrapper .header {
  width: 100%;
  background-repeat: no-repeat
}

.wrapper .header {
  background-image: url(./../images/header.jpg);
  background-size: 100% auto;
  height: 12rem
}

.wrapper .header .logo {
  position: absolute;
  top: 8vw;
  left: 5vw
}

.wrapper .header .logo img {
  height: 11vw;
  margin: 0;
  border: 0
}

.wrapper .card {
  margin: .3rem 0;
  text-align: center;
  padding: 0 .6rem;
  font-size: .186667rem
}

.wrapper .card.card-1 .title {
  padding: .5rem .8rem
}

.wrapper .card.card-1 .title img {
  width: 100%
}

.wrapper .card.card-1 .content p {
  margin: 0 0 .2rem
}

.wrapper .card.card-2 .title {
  padding: .3rem 0
}

.wrapper .card.card-2 .title .col span.active {
  position: relative;
  color: #9483ff
}

.wrapper .card.card-2 .title .col span.active:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 30%;
  right: 30%;
  height: 2px;
  background: #9483ff
}

.wrapper .card.card-2 .title .col a {
  color: #9483ff
}

.wrapper .card.card-2 .content p {
  margin: 0 0 .1rem;
  display: flex;
  padding: 0 .2rem;
  justify-content: space-between
}

.wrapper .card.card-2 .content p strong {
  color: #9483ff;
  font-size: .32rem
}

.wrapper .card.card-2 .content p span {
  display: flex;
  align-items: center;
  position: relative
}

.wrapper .card.card-2 .content p span.del:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 2px;
  background: #ccc
}

.wrapper .card.card-3 {
  background-image: url(./../images/card-3-bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 5.333333rem;
  font-size: .186667rem;
  margin: 0 .6rem;
  margin-bottom:3rem;
}

.wrapper .card.card-3 .content {
  padding: 2.2rem .5rem 0
}

.wrapper .card.card-3 .content p {
  height: .533333rem;
  line-height: .533333rem;
  color: #fff;
  background: #ff9bd2;
  margin: 0;
  border-radius: 25rem;
  border-bottom-left-radius: 0;
  display: inline-block;
  padding: 0 .2rem
}

.wrapper .provider {
  padding: .5rem
}

.wrapper .provider img {
  width: 100%
}

.wrapper .provider p {
  color: #9483ff;
  text-align: center;
  font-size: .16rem;
  font-weight: 600
}

.icon {
  display: inline-block
}

.icon.icon-1 {
  background-image: url(data:image/png;base64,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)
}

.icon.icon-1,.icon.icon-2 {
  width: .426667rem;
  height: .346667rem;
  background-repeat: no-repeat;
  background-size: 100% auto
}

.icon.icon-2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAADJUlEQVQ4jYVUP4tkRRD/VXW/mcfssi4Di8HBLhqZ7BfwExicy2wmLCJ4H+CCA4MLTEQMjA5zA5ENTEQMBAOPu4NLLhPlkD1huU0GZueWcWfwdXdVl4HTz7fj7G1DB6+7q35/qurRyckJVBWqiqqqsL29jRjjkIjuAjhk5gxAsH55AKyq3wN4UNf1q/F4jNlshsFgACKC777OOb/BzPfN7KiqqluDwQDn5+fo9/sgorUIZgbn3L73/mMAxyLyOYC/yj0VBUS0LyI/ENFbRITd3V0MBgOMx2OklFDXNczsfwAFOISA+XyOpmleiMiBc+45M/8LICL73vufFovFrbqusbe3h7quoapwzmE2m2E6ncL7/wSb2ZXki8UCzjk456CqL0XkPWZ+7gG8S0Q/quqwqiqYGSaTCXZ2dtDv9zGZTDCdTpFSAjNDVWFmYGYAQIwROWdsbm6CmSEiMLNdZn5IRAdeVR8zs+syGo/HYGYMh0Ocnp6i1+thY2MDIgIiareqoq5riAhCCKiqCt57qCqY+U0Aj1hVH3RZee+xtbWFxWKBs7MzOOda4MIaQKuEiNrzlFJJDjNDSukrNrN7KaVvS0DOGb1eDzFGXF5egoiQUsJ8PgcRwTmHnPMVwHLunEMIASKCGOPXIYRPeCn3QwBPlxeIMbaKiKiV3TQNcs5tN5lZq0JVISLl/EmM8c7qHNx2zj3NOb8jImBm9Pv99rI0QAihrUFhXwZ1Sej3lNL7JY47ABdENCKiWUlQGBbGXb/Ld7F1mfzCzEYAZm3dunJV9Q8zO+wO0rrh6q6ccwscQhg1TfNCVdtYXvXTzB6a2UeF4XW/iC57IkKM8Sil9LiclXx8TfA3zPzF65gTUZvczD5LKR2vI7MWYNkZ9wF8txrU7RoAYObjnPOn3dq8FmDF8w8APCl2FOZl5Zwf5ZyPymCtW36VYfF9OUwGYEREz8zs7cJ+6fOfqnrYnfJ1NSuD1u4itcPoFREdMnPoAPwtIiMzu2iLyQznHJj56r7BoqLqVyI6KFbEGG8D+O26Drti0Y0vgFLQnwF8GUJIqvqL9/7GGQGAfwCRZBZQB7Z23AAAAABJRU5ErkJggg==)
}

.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.col.col-33 {
  width: 33.33333%;
  padding: 0 .15rem
}

.col.col-30 {
  width: 30%;
  margin-right: .5rem
}

.col.col-30 img {
  width: 2.466667rem;
  height: .56rem
}

.col.col-17 {
  padding: 0 .1rem
}

.col.col-25 {
  width: 25%;
  padding: 0 .3rem .1rem
}

.col img {
  width: 100%
}

.name {
  text-align: center;
  color: #fff;
  font-size: 1rem
}

.center {
  width: 100%;
  height: 40.12rem;
  background-image: url(./assets/bg.87e1a9.jpg);
  background-repeat: no-repeat;
  background-size: cover
}

.download {
  margin: 10vw 0
}

.download #download {
  display: block;
  width: 50%;
  margin: 0 auto;
  height: 60px;
  color: #fff;
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
  font-size: 1.65em;
  text-decoration: none;
  background-image: linear-gradient(90deg,#f44e8a,#e538c6)
}

.plan {
  text-align: center;
  margin-bottom: 35px
}

.plan img {
  width: 65vw
}

.plan .title {
  margin-bottom: 20px
}

.plan .title h1 {
  margin: 0 0 10px;
  font-size: 1.85rem;
  background: linear-gradient(90deg,red,blue);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 400;
  font-family: Microsoft YaHei
}

.plan .title p {
  margin: 0;
  color: #666;
  font-family: Microsoft YaHei;
  font-size: 1.15rem
}

.footer {
  margin: .2rem auto;
  text-align: center
}

.footer p {
  margin: 0;
  color: #666;
  font-family: Microsoft YaHei;
  font-size: .4rem
}

.footer-wrap {
  padding: 0 .8rem .4rem;
  margin-bottom: .9333rem;
  background: #fff
}

.footer-wrap p {
  font-size: .34rem;
  color: #969494;
  text-align: left;
  line-height: .5rem
}

.foot-down {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 9999
}

.foot-down a,.foot-down img {
  float: left;
  width: 100%
}

.foot-down img {
  border: 0
}
.orderMethod-dialog{
  position: fixed;
  width: 100%;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  z-index: 9999;
  background:#181919de;
  display:none;
}
.orderMethod-dialog .container{
  position: absolute;
  width: 90%;
  left:50%;
  top:30%;
  transform: translate(-50%, -30%);
}

.orderMethod-dialog .container .order-ul-box{
    margin-top:20px
}

.orderMethod-dialog .container h3{
  text-align: center;
  color: #827e87;	
  font-size:16px;
}
.orderMethod-dialog .pay-item{
  width:100%;
  height:3.5rem;
  background:#F00;
  margin-bottom:20px;
  border-radius: 10px;
  padding-left: 0.75rem;
  display: flex;
  align-items: center;0
}

.orderMethod-dialog .pay-item.pay-weixin{
  background: url(./../images/pay-weixin.png) no-repeat center/cover;
}
.orderMethod-dialog .pay-item.pay-qq{
  background: url(./../images/pay-qq.png) no-repeat center/cover;
}
.orderMethod-dialog .pay-item.pay-yy{
  background: url(./../images/pay-yy.png) no-repeat center/cover;
}

.orderMethod-dialog .close-icon{
  display: block;
  width:30px;
  height:30px;
  cursor: pointer;
  background: url(./../images/close-icon.png) no-repeat center/cover;
  position: absolute;
  left: 20px;
  top: 20px;
}
.order-ul-box .qr-code-item{
  width:2.5rem;
  height:2.5rem;

}
.orderMethod-dialog .qq-link{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.order-ul-box .qr-code-item img{
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius: 4px;
}
.flex-between{
  justify-content: space-between;
}
.border-radius{
  border-radius: 15px;
}</pre></body></html>