@charset "UTF-8";
/*
 * 页面主样式
 * 日期: 2023-03-13
 * By Killer
 * 
*/
/*** 颜色 ***/
/*** 引用 ***/
/*** 常用工具包 ***/
/*
 * 包含常用工具以及浏览器兼容性
 */
/*** 字体 ***/
/*** 整体 ***/
body {
  font-family: PingFang SC, Lantinghei SC, PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-size: 12px;
  color: #333;
  overflow-x: hidden;
  background: #fff;
  box-sizing: border-box;
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */ }

body::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */ }

html {
  height: 100%;
  margin: 0 auto;
  font-size: 100px;
  background: #EEEEEE;
  max-width: 425px;
  overflow-x: hidden; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    margin: 0;
    padding: 0;
    list-style: none; }

a:focus,
a:hover,
button:hover {
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear; }

a {
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal; }

div,
span {
  /*自动换行*/
  word-wrap: break-word;
  word-break: normal;
  /*强制英文单词断行*/
  word-break: break-all; }

em,
i {
  font-style: normal; }

input::-webkit-input-placeholder {
  color: #C6C6C6; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #C6C6C6; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #C6C6C6; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #C6C6C6; }

.clear {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

/*适配*/
.pc_hidden {
  height: 100%;
  position: relative; }

/*顶部*/
.top {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 425px;
  top: 0;
  height: 60px;
  background: #fff;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  border-bottom: 1px solid #eee;
  z-index: 99; }
  .top a {
    position: absolute;
    top: 4px;
    left: 20px; }
    .top a .back_img {
      width: 23px;
      height: 23px; }
  .top .logo_img {
    width: 65px;
    height: 39px;
    margin-top: 9px; }
  .top .nav {
    right: 20px;
    width: 32px;
    left: initial;
    top: 8px;
    cursor: pointer; }
    .top .nav img {
      width: 32px; }

/*首页*/
.cont {
  height: 100vh;
  margin-top: 60px;
  width: 100%;
  /*Landing*/
  /*列表页*/
  /*详情*/
  /*提示框*/ }
  .cont .kv img {
    width: 100%; }
  .cont .bd_success {
    text-align: center;
    padding-top: 100px; }
    .cont .bd_success p {
      font-size: 16px;
      font-weight: bold;
      padding-top: 20px;
      padding-bottom: 50px; }
    .cont .bd_success img {
      width: 120px; }
  .cont .title {
    padding-top: 45px;
    line-height: 45px;
    text-align: center;
    position: relative; }
    .cont .title h2 {
      font-weight: 800;
      color: #2B2B2B;
      font-size: 40px; }
    .cont .title p {
      font-size: 24px;
      padding-bottom: 20px; }
    .cont .title a {
      display: inline-flex;
      width: 215px;
      height: 50px;
      align-items: center;
      background: #32EA05;
      color: #1A1A1A;
      font-size: 16px;
      box-shadow: 0px 10px 13px 1px #f3f3f3;
      border-radius: 50px;
      justify-content: space-between;
      padding-left: 20px;
      font-weight: bold;
      padding-right: 20px; }
      .cont .title a img {
        width: 30px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      .cont .title a span {
        line-height: 50px; }
    .cont .title a:hover img {
      margin-right: -5px; }
    .cont .title .left_bg {
      position: absolute;
      left: -98px;
      top: -73px;
      width: 151px; }
    .cont .title .right_bg {
      position: absolute;
      right: -100px;
      top: 68px;
      width: 151px; }
  .cont .pt05 {
    padding-bottom: 20px; }
  .cont .pt09 {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 45px; }
    .cont .pt09 a {
      width: 120px !important;
      padding: 0 20px !important; }
  .cont .code {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px; }
    .cont .code img {
      width: 152px;
      margin: 0 15px; }
  .cont .bt_message {
    font-weight: 400;
    color: #0C0C0C;
    line-height: 20px;
    font-size: 12px;
    padding-top: 24px;
    padding-left: 22px;
    padding-bottom: 24px; }
    .cont .bt_message a {
      color: #0C0C0C; }
  .cont .key_logo {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px; }
    .cont .key_logo img {
      width: 240px; }
  .cont .key_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold; }
  .cont .key_btn a {
    width: 260px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
    justify-content: center;
    padding: 0; }
    .cont .key_btn a img {
      width: 44px;
      margin-left: 20px; }
  .cont .key_btn a:hover img {
    margin-right: 0; }
  .cont .key_bg {
    text-align: center;
    padding-top: 150px; }
    .cont .key_bg img {
      width: 330px; }
  .cont .tabs {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 20px; }
  .cont .tabs a {
    float: left;
    position: relative;
    font-size: 15px;
    color: #000;
    font-weight: 500; }
  .cont .tabs .current::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #30EA03;
    border-radius: 2px; }
  .cont .tabs_cont {
    text-align: center;
    padding-top: 80px; }
    .cont .tabs_cont a {
      display: inline-block;
      background: url("../img/pic06.png") no-repeat;
      width: 285px;
      height: 285px;
      background-size: cover; }
      .cont .tabs_cont a img {
        width: 265px;
        height: 265px;
        margin-top: 10px; }
    .cont .tabs_cont p {
      font-size: 18px;
      font-weight: 500;
      padding-top: 20px; }
  .cont .details dl {
    background: #fff;
    padding: 20px; }
    .cont .details dl dd {
      font-size: 32px;
      margin: 0;
      font-weight: bold; }
    .cont .details dl span {
      position: relative;
      z-index: 2; }
    .cont .details dl span::after {
      width: 104%;
      height: 12px;
      background: #32EA05;
      position: absolute;
      content: "";
      bottom: 10px;
      left: 2%;
      z-index: -1; }
    .cont .details dl dt {
      font-size: 20px;
      padding-top: 10px;
      margin: 0;
      font-weight: 400; }
  .cont .details h2 {
    font-size: 16px;
    background: #F5F5F5;
    padding: 10px 0;
    text-align: center; }
  .cont .tips {
    padding: 0 37px;
    padding-top: 100px; }
    .cont .tips .tips_cont {
      background: #FFFFFF;
      box-shadow: 0px -1px 20px 0px rgba(238, 226, 226, 0.5);
      border-radius: 9px;
      padding-bottom: 30px;
      padding-top: 30px; }
      .cont .tips .tips_cont p {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px; }
    .cont .tips .reo_btn {
      text-align: center;
      padding-top: 120px; }
      .cont .tips .reo_btn a {
        width: 130px;
        height: 50px;
        background: #32EA05;
        box-shadow: 0px 14px 17px 1px #f3f3f3;
        border-radius: 57px;
        border: 1px solid #E5E5E5;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        line-height: 50px;
        color: #fff; }
  .cont .gif_tips {
    text-align: center;
    padding-bottom: 30px; }
    .cont .gif_tips img {
      width: 137px;
      height: 137px; }

.table-sy {
  width: 100%;
  position: fixed;
  pointer-events: none;
  /*主要是这个属性*/
  color: #0C0C0C;
  z-index: 99999999999;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  font-size: 16px;
  opacity: 0.3;
  top: 20px; }

.table-sy > div {
  /*width: 300px;*/
  /*height: 150px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-20deg);
  float: left; }

.mySwiper {
  padding-top: 20px;
  width: 100%;
  flex: 1;
  height: 0; }

.z_nav {
  position: absolute;
  top: 9px;
  display: flex;
  right: 20px;
  cursor: pointer; }

.z_nav img {
  height: 39px; }

.z_nav.active img {
  opacity: 0; }

.z_nav.active::before {
  position: absolute;
  content: "";
  left: 6px;
  width: 70%;
  height: 2px;
  background: #30EA03;
  border-radius: 2px;
  top: 17px;
  transform: rotate(45deg); }

.z_nav.active::after {
  position: absolute;
  content: "";
  right: 6px;
  width: 70%;
  height: 2px;
  background: #30EA03;
  border-radius: 2px;
  top: 17px;
  transform: rotate(-45deg); }

.z_nav1 {
  position: fixed;
  width: 214px;
  top: 82px;
  z-index: 9999;
  background: #FFFFFF;
  box-shadow: 0px -1px 20px 0px rgba(238, 226, 226, 0.5);
  border-radius: 7px;
  visibility: hidden;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 6.5%;
  transition: all 0.4s;
  opacity: 0;
}
.z_nav1.active{
  visibility: visible;
  opacity: 1;
}

.z_nav1::before {
  content: "";
  background-color: #fff;
  z-index: 9;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  top: -10px;
  right: 15px;
  position: absolute; }

.z_nav1 a {
  display: block;
  line-height: 50px;
  font-size: 16px;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
  padding: 0 16px;
  position: relative;
  color: #000;
  font-weight: 400; }

.z_nav1 a:last-child {
  border-bottom: 0; }

.z_nav1 a::before {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 10px);
  left: 0;
  background-color: #30EA03;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%); }

.z_nav1 a.active {
  color: #30EA03; }

.z_nav1 a.active::before {
  visibility: visible; }

/*—————————————————— 关于我们 ——————————————————*/
.cont .pmatch {
  padding-top: 20px;
  display: flex;
  align-items: center; }

.cont .pmatch img {
  width: 336px;
  height: 246px;
  margin: 0 auto; }

.cont .stall {
  margin-top: 37px;
  display: flex;
  align-items: center; }

.stall .oblong {
  width: 104px;
  height: 19px;
  background: #32EA05;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.stall .sphere {
  width: 19px;
  height: 19px;
  background: #32EA05;
  margin-left: 6px;
  border-radius: 50%; }

.stall .stallshow {
  margin-left: 18px;
  font-size: 20px;
  font-weight: 400;
  color: #0B0B0B; }

.cont .intro {
  padding: 0 27px;
  font-size: 16px;
  font-weight: 400;
  color: #0B0B0B;
  line-height: 34px;
  text-align: justify;
  padding-top: 19px; }

.cont .intro span {
  border-bottom: 2px solid #32EA05; }

.cont .pmatch1 {
  margin-top: -50px; }

.cont .pmatch1 img {
  width: 100%; }

.cont .record {
  font-weight: 400;
  color: #0C0C0C;
  line-height: 20px;
  font-size: 12px;
  padding-top: 24px;
  padding-left: 22px; }

.cont .record a {
  color: #0C0C0C; }

/* ——————————————————————申请入驻———————————— */
.cont .stitle {
  padding-top: 31px;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #0B0B0B; }

.cont .stitle span {
  position: relative;
  z-index: 3;
  color: #0C0C0C;
  display: inline-block; }

.cont .stitle span::after {
  width: 110%;
  height: 16px;
  background: #32EA05;
  position: absolute;
  content: "";
  top: 12px;
  left: -5%;
  z-index: -1; }

.cont .ttinfo {
  padding: 0 22px;
  margin-top: 25px; }

.cont .infoput {
  width: 370px;
  height: 50px;
  background: #FBFBFB;
  border-radius: 9px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  padding-left: 11px;
  border: 0px;
  outline: none;
  margin-bottom: 21px; }

.ttinfo .upphoto {
  width: 381px;
  background: #FBFBFB;
  border-radius: 9px;
  text-align: center;
  padding-top: 18px;
  font-size: 16px;
  font-weight: 400;
  color: #C6C6C6;
  padding-bottom: 18px; }

.upphoto .upp {
  width: 39px;
  height: 39px; }

.settitle {
  width: 90px !important;
  padding: 0 30px !important; }

.showphoto {
  display: none;
  width: 80% !important;
  max-height: 200px !important;
  height: 200px;
  margin-top: -65px;
  margin-left: 10%; }

.nav_model {
  position: fixed;
  top: 0;
  width: 425px;
  height: 100%;
  background: #fff;
  opacity: 0.8;
  z-index: 99;
  display: none;
  left: 50%;
  transform: translateX(-50%);}

.active_nav_model {
  display: block; }

@media screen and (max-width: 834px) {
  .nav_model{
    width: 100%;
  }
  html {
    background: #fff;
    max-width: 100%; }

  ::-webkit-scrollbar {
    width: 0px; }

  ::-webkit-scrollbar {
    display: none;
    /*隐藏滚轮*/ }

  .pc_hidden {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%; 
  }

  .top {
    width: 100%;
    line-height: 14.1176vw;
    font-size: 4.23529vw;
    height: 14.1176vw; }
    .top a {
      top: 0.94117vw;
      left: 4.70588vw; }
      .top a .back_img {
        width: 5.41176vw;
        height: 5.41176vw; }
    .top .logo_img {
      width: 15.2941vw;
      height: 9.17647vw;
      margin-top: 2.11764vw; }
    .top .nav {
      right: 4.70588vw;
      width: 7.5294vw;
      top: 1.8823vw; }
      .top .nav img {
        width: 7.52941vw; }

  .cont {
    margin-top: 14.1176vw;
    /*Landing*/
    /*提示框*/
    /*详情*/
    /*列表页*/ }
    .cont .bd_success {
      padding-top: 23.5294vw; }
      .cont .bd_success p {
        font-size: 3.7647vw;
        padding-top: 4.70588vw;
        padding-bottom: 11.7647vw; }
      .cont .bd_success img {
        width: 26.23529vw; }
    .cont .title {
      padding-top: 10.5882vw;
      line-height: 10.5882vw; }
      .cont .title .left_bg {
        left: -23.0588vw;
        top: -17.1764vw;
        width: 35.529vw; }
      .cont .title .right_bg {
        position: absolute;
        right: -23.5294vw;
        top: 16vw;
        width: 35.529vw; }
      .cont .title h2 {
        font-size: 9.41176vw; }
      .cont .title p {
        font-size: 5.64705vw;
        padding-bottom: 4.70588vw; }
      .cont .title a {
        width: 53.588vw;
        height: 11.7647vw;
        font-size: 3.7647vw;
        border-radius: 11.7647vw;
        padding-left: 4.70588vw;
        padding-right: 4.70588vw; }
        .cont .title a span {
          line-height: 11.7647vw; }
        .cont .title a img {
          width: 7.05882vw; }
    .cont .pt05 {
      padding-bottom: 4.7vw; }
    .cont .pt09 {
      display: flex;
      justify-content: space-evenly;
      padding-bottom: 10.588vw; }
      .cont .pt09 a {
        width: 28.235vw !important;
        padding: 0 4.7058vw !important; }
    .cont .code {
      padding-top: 9.4117vw; }
      .cont .code img {
        width: 35.7647vw;
        margin: 0 3.52941vw; }
    .cont .bt_message {
      line-height: 4.70588vw;
      font-size: 2.82352vw;
      padding-top: 5.64705vw;
      padding-left: 5.17647vw;
      padding-bottom: 5.64705vw; }
    .cont .key_logo {
      padding-top: 31.3333vw;
      padding-bottom: 24vw; }
      .cont .key_logo img {
        width: 56.6666vw; }
    .cont .key_title {
      font-size: 4vw; }
    .cont .key_btn a {
      width: 61.333vw;
      height: 14.6666vw;
      line-height: 14.6666vw;
      font-size: 5.6vw; }
      .cont .key_btn a img {
        width: 11.3333vw;
        margin-left: 4.8vw; }
    .cont .key_bg {
      text-align: center;
      padding-top: 26.666vw; }
      .cont .key_bg img {
        width: 78.666vw;
        position: initial;
        margin: 0; }
    .cont .tips {
      padding: 0 8.666vw;
      padding-top: 24vw; }
      .cont .tips .tips_cont {
        box-shadow: 0px -1px 4.7vw 0px rgba(238, 226, 226, 0.5);
        border-radius: 2.1176vw;
        padding-bottom: 7vw;
        padding-top: 7vw; }
        .cont .tips .tips_cont p {
          font-size: 4.2352vw;
          line-height: 6.2vw; }
      .cont .tips .reo_btn {
        padding-top: 28.235vw; }
        .cont .tips .reo_btn a {
          width: 30.588vw;
          height: 11.7647vw;
          box-shadow: 0px 3.2941vw 4vw 1px #f3f3f3;
          border-radius: 13.4117vw;
          font-size: 4.2352vw;
          line-height: 11.7647vw; }
    .cont .gif_tips {
      padding-bottom: 7.0588vw; }
      .cont .gif_tips img {
        width: 32.235vw;
        height: 32.235vw; }
    .cont .details dl {
      padding: 4.7058vw; }
      .cont .details dl dd {
        font-size: 7.529vw; }
      .cont .details dl span::after {
        width: 104%;
        height: 2.823vw;
        content: "";
        bottom: 2.3529vw;
        left: 2%;
        z-index: -1; }
      .cont .details dl dt {
        font-size: 4.7058vw;
        padding-top: 2.3529vw; }
    .cont .details h2 {
      font-size: 3.7647vw;
      padding: 4.3529vw 0; }
    .cont .tabs {
      padding-top: 6.7058vw; }
    .cont .tabs a {
      font-size: 3.529vw; }
    .cont .tabs .current::after {
      bottom: -2.3529vw;
      height: 1.1764vw;
      border-radius: 0.47vw; }
    .cont .tabs_cont {
      padding-top: 20.47vw; }
      .cont .tabs_cont a {
        width: 67.0588vw;
        height: 67.0588vw; }
        .cont .tabs_cont a img {
          width: 62.352vw;
          height: 62.352vw;
          margin-top: 2.3529vw; }
      .cont .tabs_cont p {
        font-size: 4.235vw;
        padding-top: 4.7058vw; }

  /*—————————————————— 关于我们 ——————————————————*/
  .cont .pmatch {
    padding-top: 4.706vw;
    display: flex;
    align-items: center; }

  .cont .pmatch img {
    width: 79.059vw;
    height: 57.882vw;
    margin: 0 auto; }

  .cont .stall {
    margin-top: 8.706vw;
    display: flex;
    align-items: center; }

  .stall .oblong {
    width: 24.471vw;
    height: 4.471vw;
    background: #32EA05;
    border-top-right-radius: 2.353vw;
    border-bottom-right-radius: 2.353vw; }

  .stall .sphere {
    width: 4.471vw;
    height: 4.471vw;
    background: #32EA05;
    margin-left: 1.412vw;
    border-radius: 50%; }

  .stall .stallshow {
    margin-left: 4.235vw;
    font-size: 4.706vw;
    font-weight: 400;
    color: #0B0B0B; }

  .cont .intro {
    padding: 0 6.353vw;
    font-size: 3.765vw;
    font-weight: 400;
    color: #0B0B0B;
    line-height: 8.000vw;
    text-align: justify;
    padding-top: 4.471vw; }

  .cont .intro span {
    border-bottom: 0.471vw solid #32EA05; }

  .cont .pmatch1 {
    margin-top: -11.765vw; }

  .cont .pmatch1 img {
    width: 100%; }

  .cont .record {
    font-weight: 400;
    color: #0C0C0C;
    line-height: 4.706vw;
    font-size: 2.824vw;
    padding-top: 5.647vw;
    padding-left: 5.176vw; }

  .cont .record a {
    color: #0C0C0C; }

  /* ——————————————————————申请入驻———————————————————— */
  .cont .stitle {
    padding-top: 7.294vw;
    text-align: center;
    font-size: 4.706vw;
    font-weight: normal;
    color: #0B0B0B; }

  .cont .stitle span {
    position: relative;
    z-index: 3;
    color: #0C0C0C;
    display: inline-block; }

  .cont .stitle span::after {
    width: 110%;
    height: 3.765vw;
    background: #32EA05;
    position: absolute;
    content: "";
    top: 2.824vw;
    left: -5%;
    z-index: -1; }

  .cont .ttinfo {
    padding: 0 5.176vw;
    margin-top: 5.882vw; }

  .cont .infoput {
    width: 87.059vw;
    height: 11.765vw;
    background: #FBFBFB;
    border-radius: 2.118vw;
    font-size: 3.765vw;
    font-weight: 400;
    color: #C6C6C6;
    padding-left: 2.588vw;
    border: 0.000vw;
    outline: none;
    margin-bottom: 4.941vw; }

  .ttinfo .upphoto {
    width: 89.647vw;
    background: #FBFBFB;
    border-radius: 2.118vw;
    text-align: center;
    padding-top: 4.235vw;
    font-size: 3.265vw;
    font-weight: 400;
    color: #C6C6C6; }

  .upphoto upp {
    width: 9.176vw;
    height: 9.176vw; }

  .settitle {
    width: 21.176vw !important;
    padding: 0 7.059vw !important; }

  .showphoto {
    display: none;
    max-height: 47vw !important;
    height: auto !important;
    margin-top: -15.29vw;
    width: 80% !important;
    height: 47vw;
    margin-left: 10%; }

  .table-sy {
    font-size: 3.294vw; }

  .z_nav1 {
    width: 50%;
    top: 17.1176vw;
    right: 3vw;
    left: auto;
    transform: translateX(0%); }

  .z_nav1::before {
    width: 3vw;
    height: 3vw;
    top: -1.2vw;
    right: 5vw; }

  .z_nav1 a {
    font-size: 3.529vw;
    line-height: 12vw;
    padding: 0 4vw; }

  .z_nav1 a::before {
    width: 2px; }

  .z_nav {
    right: 4.70588vw;
    top: 2.11764vw; }

  .z_nav.active::before {
    top: 4.1vw; left: 1.5vw;}

  .z_nav.active::after {
    top: 4.1vw; right: 1.5vw;}

  .z_nav img {
    height: 9.17647vw; }

  .table-sy {
    top: 6.7058vw; }

  .mySwiper {
    padding-top: 6.7058vw; }

  .cont .tabs a.swiper-pagination-bullet-active::after {
    bottom: -2.3529vw;
    height: 1.1764vw;
    border-radius: 0.47vw; } }
/*IphoneX专用*/
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .cont .bt_message {
    padding-bottom: 6.52941vw; } }
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .cont .bt_message {
    padding-bottom: 6.52941vw; } }

/*# sourceMappingURL=style.css.map */