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 {
  margin: 0;
  padding: 0;
}

body {
  background-color: #F9F9F9;
}

.lp-container {
  width: 100%;
  position: relative;
}

.lp-top {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
}

.lp-top .lp-top-info .lp-top-logo {
  width: 1.24rem;
  height: 1.11rem;
  margin-top: .50rem;
}

.lp-top-title {
  font-size: .80rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  letter-spacing: .01rem;
}

.lp-top-character {
  display: flex;
  justify-content: center;
  margin-top: .24rem;
}

.lp-top-character div {
  display: flex;
  align-items: center;
}

.lp-top-character>div:nth-child(1) {
  margin-right: .27rem;
}

.lp-top-character>div:nth-child(2) {
  margin-right: .27rem;
}

.lp-top-character div span {
  font-size: .28rem;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  letter-spacing: .01rem;
}

.lp-top-character div img {
  margin-right: .07rem;
}

.lp-top-character .top-character-img-1 {
  width: .28rem;
  height: .35rem;
}

.lp-top-character .top-character-img-2 {
  width: .28rem;
  height: .29rem;
}

.lp-top-character .top-character-img-3 {
  width: .30rem;
  height: .31rem;
}

.top-recover {
  width: 100%;
  display: flex;
  justify-content: center;
}

@-webkit-keyframes scaleOut {
  0% {
    transform: scale(1.0);
  }

  60% {
    transform: scale(1.1);
    opacity: 1;
  }
}

.lp-top .lp-top-type {
  width: 100%;
  height: 3.62rem;
}

.top-type-p {
  font-size: .34rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: rgba(38, 38, 38, 1);
  text-align: center;
  padding-top: .39rem;
  letter-spacing: .01rem;
}

.top-type-group {
  display: flex;
  justify-content: space-around;
}

.top-type-group div {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.top-type-group div img {
  width: 1.06rem;
  height: 1.06rem;
  margin-bottom: .14rem;
}

.top-type-group div span {
  font-size: .28rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(54, 54, 54, 1);
  letter-spacing: .01rem;
}

.lp-super {
  width: 100%;
  height: 11.25rem;
  background-color: #FFFFFF;
  margin-top: .14rem;
  box-sizing: border-box;
}

.lp-character {
  width: 100%;
  text-align: center;
}

.lp-character p {
  font-size: .34rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: rgba(38, 38, 38, 1);
  padding-top: .69rem;
  margin-bottom: .20rem;
  letter-spacing: .01rem;
}

.super-character {
  display: flex;
  margin-left: .43rem;
  margin-top: .80rem;
}

.super-character img {
  width: 1rem;
  height: 1rem;
  margin-right: .42rem;
}

.super-character div p {
  letter-spacing: .01rem;
}

.super-character div>p:first-child {
  font-size: .36rem;
  color: #263238;
  padding-bottom: .1rem;
}

.super-character div>p:last-child {
  font-size: .24rem;
  color: #666666;
}

.super-btn {
  margin-top: .94rem;
}

.lp-lead {
  width: 100%;
  /* height: 12.37rem; */
  background-color: #FFFFFF;
  margin-top: .14rem;
  box-sizing: border-box;
  padding-bottom: .64rem;
}

.lead-vs span {
  font-size: .32rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  flex: 1;
}

.lead-vs>span:first-child {
  margin-left: .21rem;
}

.lead-vs>span:last-child {
  margin-left: .84rem;
}

.lead-vs-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: .32rem;
}

.lead-vs-content-last {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: .56rem;
}

.lead-vs-content-left {
  width: 44.4%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.vs-content-left-title {
  display: flex;
  align-items: center;
}

.lead-vs-content-left p {
  font-size: .28rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  margin-top: .10rem;
  letter-spacing: 0.01rem;
}

.vs-content-left-title img {
  width: .36rem;
  height: .36rem;
  margin-left: .12rem;
}

.lead-vs-content-right {
  width: 44.4%;
}

.vs-content-right-title {
  display: flex;
  align-items: center;
}

.vs-content-right-title img {
  width: .36rem;
  height: .36rem;
  margin-right: .12rem;
}

.lead-vs-content-right p {
  font-size: .28rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  margin-top: .10rem;
  letter-spacing: 0.01rem;
}

.lp-footer {
  width: 100%;
  height: 12.01rem;
  background-color: #FFFFFF;
  margin-top: .14rem;
  box-sizing: border-box;
  position: relative;
}

.swiper-container {
  width: 100%;
  margin-top: .50rem;
}

.swiper-slide {
  width: 4.96rem;
  height: 3.2rem;
  margin: 0 .32rem;
}

.comment-card {
  width: 100%;
  height: 3.04rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 .09rem .18rem 0 rgba(0, 0, 0, 0.08);
  border-radius: .16rem .16rem .21rem .21rem;
  box-sizing: border-box;
  padding: .34rem .32rem;
}

.comment-card-top {
  display: flex;
  align-items: center;
}

.comment-card-top .top-avatar {
  width: .80rem;
  height: .80rem;
  border-radius: 50%;
}

.comment-card-top div {
  display: flex;
  flex-direction: column;
  margin-left: .16rem;
}

.comment-card-top div span {
  font-size: .29rem;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(35, 35, 35, 1);
}

.comment-card-top div img {
  width: 1.02rem;
  height: .16rem;
  margin-top: .05rem;
}

.comment-card p {
  margin-top: .20rem;
  font-size: .26rem;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(91, 91, 91, 1);
  line-height: .48rem;
  letter-spacing: .01rem;
}

.lp-about {
  width: 100%;
}

.lp-about-desc {
  font-size: .26rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(97, 96, 96, 1);
  line-height: .44rem;
  text-align: justify;
  padding: .50rem .43rem 0;
}

.about-btn {
  margin-top: .80rem;
}

.lp-footer-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: .22rem;
}

.lp-footer-bottom img {
  width: .14rem;
  height: .14rem;
  margin-right: .05rem;
}

.lp-footer-bottom span {
  font-size: .18rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(159, 159, 159, 1);
}

#lp-cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0.8;
  z-index: 100;
  display: none;
}

#pop-frame {
  width: 5.30rem;
  height: 6.53rem;
  background: rgba(255, 255, 255, 1);
  border-radius: .14rem;
  position: fixed;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 101;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
}

#pop-frame>img:first-child {
  width: 2.78rem;
  height: 2.69rem;
  position: relative;
  left: 50%;
  margin-top: .56rem;
  transform: translateX(-50%);
}

#pop-frame p {
  font-size: .32rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(81, 81, 81, 1);
  text-align: center;
  margin-top: .20rem;
  letter-spacing: .01rem;
}

#pop-frame .pop-frame-btn {
  width: 3.85rem;
  height: .72rem;
  border-radius: .41rem;
  font-size: .32rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: .72rem;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: .50rem;
}

#pop-frame .pop-close {
  position: absolute;
  top: .30rem;
  right: .30rem;
  width: .29rem;
  height: .29rem;
}