@charset "UTF-8";
/* 第一步先把px2rem导入 */
@import url(animation.css);
/* 动画css */
@import url(siyuan.css);
/* 思源黑体css */
@font-face {
  font-family: 'Impact';
  src: url("Impact.ttf"); }
/* 公用错误信息的弹窗 */
.popTips {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  border-radius: 0.45rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.65rem;
  z-index: 1000; }
  .popTips span {
    display: inline-block;
    padding: 0.375rem 0.625rem; }

/* 正方形的加载中 */
.pop-square-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  border-radius: 0.45rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 1000;
  text-align: center;
  display: none;
  width: 5rem;
  height: 5rem;
  font-size: 0.8rem; }
  .pop-square-loading i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    background: url(../imgs/loading.gif) no-repeat center center/1.75rem;
    margin: 0.625rem 0 0.25rem; }
  .pop-square-loading p {
    margin-top: 0.125rem; }

/* PC首页页面 */
.pc-page {
  width: 100%;
  /*min-height: 100vh;*/
  background: #fff;
  font-size: 20px; }

/* h5首页全屏 */
.mobile-page {
  width: 100%;
  height: 100vh;
  /*height: 100%;*/
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 顶部logo */
  /* 黄色底色的按钮 */
  /* 带框的留言 */ }
  .mobile-page .page-swiper-container, .mobile-page .liuyan-swiper-container {
    height: 100%;
    overflow: hidden; }
  .mobile-page .gift-swiper-container {
    width: 100%;
    overflow: hidden; }
  .mobile-page .gift-swiper-container .swiper-slide {
    display: flex;
    justify-content: space-around; }
  .mobile-page .top-logo {
    text-align: center;
    padding-top: 1rem; }
    .mobile-page .top-logo img {
      width: 4rem; }
      .mobile-page .top-logo img:last-child {
        width: 5.5rem; }
      .mobile-page .top-logo img:nth-child(2) {
        width: 0.025rem;
        height: 1rem;
        margin: 0 0.75rem; }
  .mobile-page .btn-wrap {
    font-family: 'Noto Sans SC';
    font-weight: 400; }
    .mobile-page .btn-wrap .btn1, .mobile-page .btn-wrap .btn2 {
      text-align: center;
      background: #e7a929;
      color: #654f35;
      font-size: 0.9rem;
      padding: 0.375rem 0;
      width: 13rem;
      margin: 0.5rem auto;
      border-radius: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      letter-spacing: 0.075rem; }
      .mobile-page .btn-wrap .btn1 i, .mobile-page .btn-wrap .btn2 i {
        width: 1.15rem;
        height: 1.15rem;
        margin-right: 0.5rem;
        background: url(../imgs/label-icon.png) no-repeat center center/1.15rem; }
    .mobile-page .btn-wrap .btn2 {
      background: #f2d36e; }
      .mobile-page .btn-wrap .btn2 a {
        color: #654f35;
        text-decoration: none; }
  .mobile-page .liuyan {
    margin-top: 0.5rem;
    width: 13rem;
    /*height: px2rem(140);*/
    display: flex;
    align-items: center;
    /*padding:px2rem(15) px2rem(20) 0;*/
    box-sizing: border-box;
    margin: 0 auto;
    /*color: #f2d46e;*/
    font-size: 0.55rem;
    /*background:url(../imgs/page2-liuyan.png) no-repeat top left / 100%;*/ }
  .mobile-page .w-center {
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    width: 100%; }
  .mobile-page .page {
    width: 100%;
    height: 100%;
    z-index: 2;
    /* 主题 */
    /* 下一页的箭头 */ }
    .mobile-page .page .topic-img {
      width: 7rem;
      position: absolute;
      bottom: 25%;
      left: 2rem; }
      .mobile-page .page .topic-img img {
        width: 100%; }
    .mobile-page .page .next-btn {
      width: 1.25rem;
      position: absolute;
      bottom: 0.5rem;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: 10000; }
    .mobile-page .page.page1 {
      background: url(../imgs/page1-bg.jpg) no-repeat center center/cover; }
      .mobile-page .page.page1 .actress-name {
        position: absolute;
        right: 1.5rem;
        bottom: 28%; }
        .mobile-page .page.page1 .actress-name img {
          width: 1.75rem; }
      .mobile-page .page.page1 .play-wrap {
        position: absolute;
        bottom: 1.25rem;
        width: 100%; }
        .mobile-page .page.page1 .play-wrap img {
          display: block;
          margin: 0 auto; }
        .mobile-page .page.page1 .play-wrap .play-btn {
          width: 3.25rem;
          margin-bottom: 1rem; }
        .mobile-page .page.page1 .play-wrap .play-tips {
          width: 7.5rem;
          margin-bottom: 0.75rem; }
    .mobile-page .page.page2 {
      z-index: 1 !important;
      background: url(../imgs/page2-bg.jpg) no-repeat left top/cover;
      /* 主题 */
      /* 留言 */ }
      .mobile-page .page.page2 .topic-img {
        width: 5.5rem;
        bottom: 34%;
        left: 1.25rem; }
      .mobile-page .page.page2 .liuyan {
        overflow: hidden;
        height: 3.5rem;
        padding: 0.5rem 0.5rem 0;
        color: #f2d46e;
        background: url(../imgs/page2-liuyan.png) no-repeat top left/100%;
        /*.swiper-wrapper{
        	width: 100%;
        }*/ }
        .mobile-page .page.page2 .liuyan div.text {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center; }
        .mobile-page .page.page2 .liuyan span {
          width: 100%;
          /*height: 100%;*/ }
          .mobile-page .page.page2 .liuyan span i {
            font-style: normal; }
      .mobile-page .page.page2 .footer-wrap {
        position: absolute;
        bottom: 1.25rem;
        left: 2.875rem; }
    .mobile-page .page.page3 {
      background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
      .mobile-page .page.page3 .main-img-wrap {
        width: 13rem;
        margin: 0.125rem auto 0.5rem;
        position: relative; }
        .mobile-page .page.page3 .main-img-wrap img {
          width: 100%; }
        .mobile-page .page.page3 .main-img-wrap i {
          width: 5.5rem;
          height: 5.5rem;
          position: absolute;
          right: -2rem;
          bottom: -0.375rem;
          background: url(../imgs/pen.jpg) no-repeat center center/4.5rem; }
        .mobile-page .page.page3 .main-img-wrap .input-wrap {
          width: 11rem;
          height: 5rem;
          position: absolute;
          left: 1rem;
          top: 3.5rem; }
          .mobile-page .page.page3 .main-img-wrap .input-wrap textarea {
            width: 100%;
            height: 100%;
            background: none;
            outline: none;
            border: 0px;
            line-height: 2.2;
            font-family: 'Noto Sans SC';
            font-weight: 300;
            font-size: 0.8rem;
            color: #81401b;
            letter-spacing: 0.15rem;
            /*overflow-y:hidden;*/ }
            .mobile-page .page.page3 .main-img-wrap .input-wrap textarea::-webkit-input-placeholder {
              /* WebKit browsers */
              color: #c29656; }
            .mobile-page .page.page3 .main-img-wrap .input-wrap textarea:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: #c29656; }
            .mobile-page .page.page3 .main-img-wrap .input-wrap textarea::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: #c29656; }
            .mobile-page .page.page3 .main-img-wrap .input-wrap textarea::-ms-input-placeholder {
              /* Internet Explorer 10+ */
              color: #c29656; }
      .mobile-page .page.page3 .btn2 {
        margin-bottom: 0.25rem; }
      .mobile-page .page.page3 .desc {
        width: 13rem;
        margin: 0 auto 0.25rem;
        color: #ffedd9;
        line-height: 2;
        font-size: 0.55rem; }
      .mobile-page .page.page3 .gift {
        width: 13.75rem;
        /*height: px2rem(100);*/
        padding: 0.5rem 0;
        box-sizing: border-box;
        margin: 0 auto;
        background: url(../imgs/page3-gift.png) no-repeat 0 0/100% 100%;
        display: flex;
        justify-content: space-around;
        font-size: 0.5rem;
        color: #fff; }
        .mobile-page .page.page3 .gift span {
          display: block;
          width: 100%;
          text-align: center; }
        .mobile-page .page.page3 .gift img {
          /*width: px2rem(120);*/ }
        .mobile-page .page.page3 .gift .img-wrap {
          width: 28%;
          text-align: center; }
          .mobile-page .page.page3 .gift .img-wrap img {
            width: 80%;
            border-radius: 0.5rem;
            overflow: hidden;
            margin-bottom: 0.05rem; }
    .mobile-page .page.page4 {
      background: url(../imgs/page4-bg.jpg) no-repeat center center/cover;
      /* 留言 */ }
      .mobile-page .page.page4 .main-img-wrap {
        width: 8rem;
        padding-top: 2rem;
        margin: 0 auto 1.25rem; }
        .mobile-page .page.page4 .main-img-wrap img {
          width: 100%; }
      .mobile-page .page.page4 .form .input-wrap {
        width: 13rem;
        margin: 0 auto 0.75rem;
        border-radius: 0.5rem;
        overflow: hidden;
        background: #fff;
        box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3) inset;
        font-size: 0; }
        .mobile-page .page.page4 .form .input-wrap input {
          background: none;
          outline: none;
          border: 0px;
          height: 100%;
          width: 13rem;
          padding: 0.375rem 0.625rem;
          box-sizing: border-box;
          font-family: 'Noto Sans SC';
          font-weight: 300;
          font-size: 0.9rem;
          letter-spacing: 0.075rem;
          /* 使用webkit内核的浏览器 */
          /* Firefox版本4-18 */
          /* Firefox版本19+ */
          /* IE浏览器 */ }
          .mobile-page .page.page4 .form .input-wrap input::-webkit-input-placeholder {
            color: #d5d5d5; }
          .mobile-page .page.page4 .form .input-wrap input:-moz-placeholder {
            color: #d5d5d5; }
          .mobile-page .page.page4 .form .input-wrap input::-moz-placeholder {
            color: #d5d5d5; }
          .mobile-page .page.page4 .form .input-wrap input:-ms-input-placeholder {
            color: #d5d5d5; }
        .mobile-page .page.page4 .form .input-wrap textarea {
          width: 13rem;
          height: 100%;
          background: none;
          outline: none;
          border: 0px;
          line-height: 2.4;
          /*font-family: 'Noto Sans SC';
          font-weight: 300;*/
          /*font-size: 0.8rem;*/
          /*color: #81401b;*/
          letter-spacing: 0.15rem;
          font-family: 'Noto Sans SC';
          font-weight: 300;
          font-size: 0.9rem;
          padding: 0.5rem 0.625rem;
          box-sizing: border-box;
          background: url(../imgs/dotted-line.png) repeat-y center center/100%;
          background-clip: content-box;
          /* overflow-y: hidden; */ }
          .mobile-page .page.page4 .form .input-wrap textarea::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #d5d5d5; }
          .mobile-page .page.page4 .form .input-wrap textarea:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #d5d5d5; }
          .mobile-page .page.page4 .form .input-wrap textarea::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #d5d5d5; }
          .mobile-page .page.page4 .form .input-wrap textarea::-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #d5d5d5; }
      .mobile-page .page.page4 .btn-wrap .btn1 {
        /*margin-bottom: px2rem(180)*/
        margin-bottom: 0.75rem; }
      .mobile-page .page.page4 .btn-wrap .btn2 {
        margin-bottom: 1rem;
        cursor: pointer; }
      .mobile-page .page.page4 .liuyan {
        line-height: 2;
        font-size: 0.6rem;
        height: 6.5rem;
        padding: 0.5rem 0.625rem 0;
        color: #ffedd9;
        background: url(../imgs/page4-liuyan.png) no-repeat top left/100%; }
    .mobile-page .page.page6 {
      background: url(../imgs/page5-bg.jpg) no-repeat center center/cover; }
      .mobile-page .page.page6 .content-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 24%; }
      .mobile-page .page.page6 .main-img-wrap {
        width: 8rem;
        /*padding-top: px2rem(80);*/
        margin: 0 auto 1.25rem; }
        .mobile-page .page.page6 .main-img-wrap img {
          width: 100%; }
        .mobile-page .page.page6 .main-img-wrap a {
          display: inline-block;
          width: 100%;
          height: 100%; }
      .mobile-page .page.page6 .desc {
        width: 13rem;
        margin: 0 auto;
        color: #ffedd9;
        line-height: 1.7;
        text-align: center;
        font-size: 0.7rem; }
    .mobile-page .page.page7 {
      background: url(../imgs/page6-bg.jpg) no-repeat left top/cover; }
      .mobile-page .page.page7 .top-logo {
        padding-top: 0.75rem; }
      .mobile-page .page.page7 .photo-box {
        width: 16.5rem;
        height: 11rem;
        margin: 0.625rem auto;
        position: relative;
        font-size: 0;
        overflow: hidden; }
        .mobile-page .page.page7 .photo-box img {
          width: 100%;
          /*height: 100%;*/ }
        .mobile-page .page.page7 .photo-box div {
          width: 100%;
          box-sizing: border-box;
          font-family: 'Noto Sans SC';
          font-weight: 400;
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: rgba(248, 154, 0, 0.7);
          font-size: 0.8rem;
          color: #fff;
          padding: 0.25rem 0.75rem;
          line-height: 1.4; }
    .mobile-page .page.video-page {
      background: #000; }
      .mobile-page .page.video-page .play_icon {
        position: absolute;
        width: 2.5rem;
        height: 2.5rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        background: transparent; }
      .mobile-page .page.video-page .videobox {
        position: absolute;
        width: 18.75rem;
        height: 10.5rem;
        /*left: 50%;*/
        top: 50%;
        transform: translate(0, -50%);
        z-index: 1;
        /*background: #000; */
        padding: 0 .5rem;
        box-sizing: border-box; }
      .mobile-page .page.video-page video {
        width: 100%;
        height: 100%;
        /*position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);*/
        /*background-position: 0 0;
        object-fit: fill;*/ }
      .mobile-page .page.video-page .play_icon img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 2.5rem;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0); }
      .mobile-page .page.video-page .none {
        display: none !important; }

.vicon {
  position: fixed;
  text-align: center;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 99999999999999; }
  .vicon.none {
    display: none; }
  .vicon img {
    width: 3.75rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

/* 海报 */
#poster-dom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none;
  /* 黄色底色的按钮 */ }
  #poster-dom .poster-bg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(../imgs/poster-bg.jpg); }
  #poster-dom .poster-topic {
    width: 7.5rem;
    height: 12.5rem;
    position: absolute;
    top: 1.75rem;
    left: 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
    background-image: url(../imgs/poster-topic.png);
    /*background-size: cover;*/
    /*background-color: rgba(0,0,0,0);*/
    /*background: url(../imgs/poster-topic.png) no-repeat center center / px2rem(300);*/ }
  #poster-dom .poster-label {
    transform: rotate(-1deg);
    font-family: 'Noto Sans SC';
    font-weight: 300;
    font-size: 0.7rem;
    position: absolute;
    top: 47%;
    left: 2rem;
    width: 13.75rem;
    height: 13.75rem;
    color: #81401c;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13.5rem;
    background-image: url(../imgs/poster-label-bg.png);
    /*background: url(../imgs/poster-label-bg.png) no-repeat center center / px2rem(540);*/ }
    #poster-dom .poster-label .label-text {
      line-height: 1.8;
      position: absolute;
      top: 4.25rem;
      left: 2.25rem;
      transform: rotate(-22deg); }
      #poster-dom .poster-label .label-text span {
        width: 9rem;
        display: inline-block; }
    #poster-dom .poster-label .erweima {
      width: 3.5rem;
      height: 3.5rem;
      position: absolute;
      bottom: 1.5rem;
      left: 3.5rem;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 3.5rem;
      background-image: url(../imgs/erweima.png);
      /*background: url(../imgs/erweima.png) no-repeat center center / px2rem(120);*/ }
  #poster-dom .poster-footer {
    width: 5rem;
    height: 1.375rem;
    position: absolute;
    bottom: 0.75rem;
    left: 6.85rem;
    background-repeat: no-repeat !important;
    background-position: center center;
    background-size: 100% 100%;
    background-image: url(../imgs/poster-footer.png);
    /*background: rgba(0,0,0,0) url(../imgs/poster-footer.png) no-repeat center center / px2rem(220);*/ }
  #poster-dom .btn-wrap {
    font-family: 'Noto Sans SC';
    font-weight: 300;
    display: none; }
    #poster-dom .btn-wrap .btn1 {
      text-align: center;
      background: #e7a929;
      color: #654f35;
      font-size: 0.9rem;
      padding: 0.375rem 0;
      width: 13rem;
      margin: 0 auto;
      border-radius: 0.5rem;
      letter-spacing: 0.075rem;
      position: absolute;
      bottom: 0.75rem;
      left: 50%;
      transform: translate(-50%, 0); }

/* 生成海报的盒子 */
.created-poster-wrap {
  font-size: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none; }
  .created-poster-wrap img {
    width: 13.75rem;
    position: absolute;
    bottom: 5rem;
    left: 50%;
    transform: translate(-50%, 0); }
  .created-poster-wrap .close-btn {
    z-index: 1000;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: url(../imgs/close-btn.png) no-repeat center center/1rem; }
  .created-poster-wrap .footer {
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center;
    font-size: 0.85rem; }

/* 领取/转赠成功 */
.pop-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }
  .pop-wrap .liuyan {
    height: 8.5rem;
    padding: 0.5rem 0.5rem 0;
    color: #ffedd9;
    background: url(../imgs/page4-liuyan.jpg) no-repeat top left/100%;
    margin-bottom: 1rem; }
    .pop-wrap .liuyan p {
      text-align: left;
      font-size: 0.65rem;
      margin: 0;
      line-height: 1.8;
      margin-left: 0 !important; }
      .pop-wrap .liuyan p span {
        display: inline-block;
        padding-left: 2rem; }
  .pop-wrap h2 {
    color: #fff;
    text-align: center;
    margin: 1.5rem 0 0;
    font-family: 'Noto Sans SC';
    font-weight: 400;
    font-size: 1rem;
    color: #fff1dd; }
  .pop-wrap p {
    color: #fff;
    text-align: center;
    margin: 0.125rem 0 2rem;
    font-family: 'Noto Sans SC';
    font-weight: 300;
    font-size: 0.7rem;
    color: #fff1dd;
    margin-left: -1rem;
    line-height: 1.8; }
  .pop-wrap .img-wrap {
    margin: 0 auto 1.5rem;
    width: 7.5rem; }
    .pop-wrap .img-wrap img {
      width: 100%; }
  .pop-wrap.pop-share-tips {
    display: none;
    background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
    .pop-wrap.pop-share-tips img {
      position: absolute; }
      .pop-wrap.pop-share-tips img.img1 {
        width: 13.75rem;
        top: 1.25rem;
        right: 1.25rem; }
      .pop-wrap.pop-share-tips img.img2 {
        width: 8.75rem;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .pop-wrap.pop-share-tips img.i-know {
        width: 6.25rem;
        bottom: 10%;
        left: 50%;
        transform: translate(-50%, 0); }
  .pop-wrap.pop-jiayoubao {
    display: none;
    background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
    .pop-wrap.pop-jiayoubao .w-center {
      top: 51%; }
    .pop-wrap.pop-jiayoubao h2 {
      color: #fff;
      text-align: center;
      margin: 1.5rem 0 0;
      font-family: 'Noto Sans SC';
      font-weight: 400;
      font-size: 1rem;
      color: #fff1dd; }
    .pop-wrap.pop-jiayoubao p {
      color: #fff;
      text-align: center;
      margin: 0.125rem 0 0.125rem;
      font-family: 'Noto Sans SC';
      font-weight: 300;
      font-size: 0.7rem;
      color: #fff1dd;
      margin-left: -1rem;
      line-height: 1.6; }
      .pop-wrap.pop-jiayoubao p i {
        font-style: normal;
        color: #f3d460; }
      .pop-wrap.pop-jiayoubao p span {
        color: #e8a910; }
    .pop-wrap.pop-jiayoubao .main-img-wrap {
      width: 15.5rem;
      margin: 0 auto;
      position: relative; }
      .pop-wrap.pop-jiayoubao .main-img-wrap img {
        width: 100%; }
      .pop-wrap.pop-jiayoubao .main-img-wrap p {
        position: absolute;
        left: 2.25rem;
        margin-bottom: 0.5rem;
        line-height: 1.8;
        color: #333;
        text-align: left; }
        .pop-wrap.pop-jiayoubao .main-img-wrap p.panel-top {
          top: 4.875rem; }
        .pop-wrap.pop-jiayoubao .main-img-wrap p.panel-bottom {
          bottom: 1.25rem; }
        .pop-wrap.pop-jiayoubao .main-img-wrap p span {
          color: #f7000f; }
    .pop-wrap.pop-jiayoubao .btn-wrap {
      width: 15.5rem;
      margin: 0.5rem auto 0;
      display: flex; }
      .pop-wrap.pop-jiayoubao .btn-wrap .btn1, .pop-wrap.pop-jiayoubao .btn-wrap .btn2 {
        width: 48%;
        margin: 0; }
      .pop-wrap.pop-jiayoubao .btn-wrap .btn1 {
        margin-right: 4%; }
  .pop-wrap.pop-erweima {
    display: none;
    background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
    .pop-wrap.pop-erweima .w-center {
      padding-top: 0.75rem; }
    .pop-wrap.pop-erweima h2 {
      color: #fff;
      text-align: center;
      margin: 0rem 0 0;
      font-family: 'Noto Sans SC';
      font-weight: 400;
      font-size: 1rem;
      color: #fff1dd; }
    .pop-wrap.pop-erweima p {
      color: #fff;
      text-align: center;
      margin: 0rem 0 0.375rem;
      font-family: 'Noto Sans SC';
      font-weight: 300;
      font-size: 0.65rem;
      color: #fff1dd;
      margin-left: 0.75rem;
      line-height: 1.5; }
      .pop-wrap.pop-erweima p i {
        font-style: normal;
        color: #f3d460; }
      .pop-wrap.pop-erweima p span {
        color: #e8a910; }
    .pop-wrap.pop-erweima .img-wrap {
      width: 4.75rem;
      margin-bottom: 0rem;
      font-size: 0; }
      .pop-wrap.pop-erweima .img-wrap img {
        /*width: 100%;*/
        /*	border-radius: 100%;
        	overflow: hidden;*/ }
    .pop-wrap.pop-erweima .main-img-wrap {
      width: 15.5rem;
      margin: 0 auto;
      position: relative;
      top: -0.25rem;
      font-size: 0;
      padding: 3rem 0 0;
      box-sizing: border-box; }
      .pop-wrap.pop-erweima .main-img-wrap h2 {
        font-size: 0.85rem;
        margin-bottom: 0.125rem; }
      .pop-wrap.pop-erweima .main-img-wrap p span.baoname {
        font-weight: bold !important; }
      .pop-wrap.pop-erweima .main-img-wrap.mian-jiayoubao {
        height: 13.75rem;
        background: url(../imgs/bianqianbao-bg.jpg) no-repeat top left/100%; }
        .pop-wrap.pop-erweima .main-img-wrap.mian-jiayoubao h2 {
          color: #44a8fc; }
        .pop-wrap.pop-erweima .main-img-wrap.mian-jiayoubao p {
          text-align: center; }
        .pop-wrap.pop-erweima .main-img-wrap.mian-jiayoubao div {
          display: flex;
          align-items: center;
          margin-top: 0.5rem;
          justify-content: center; }
          .pop-wrap.pop-erweima .main-img-wrap.mian-jiayoubao div img {
            width: 2.75rem;
            margin-right: 0.25rem; }
          .pop-wrap.pop-erweima .main-img-wrap.mian-jiayoubao div p {
            text-align: left; }
      .pop-wrap.pop-erweima .main-img-wrap.main-jiayoubao2 {
        height: 10rem;
        padding-top: 3.5rem;
        background: url(../imgs/jiayoubao-bg2.png) no-repeat top left/100%; }
        .pop-wrap.pop-erweima .main-img-wrap.main-jiayoubao2 h2 {
          color: #654f35; }
      .pop-wrap.pop-erweima .main-img-wrap img {
        width: 100%; }
      .pop-wrap.pop-erweima .main-img-wrap p {
        /*position: absolute;
        left: px2rem(50);
        top: px2rem(120);*/
        /*margin-bottom: px2rem(20);*/
        line-height: 1.55;
        color: #333;
        text-align: center;
        /*top: 0;*/
        margin: 0; }
        .pop-wrap.pop-erweima .main-img-wrap p span {
          color: #e5445e; }
    .pop-wrap.pop-erweima .desc {
      width: 13rem;
      margin: 0 auto 0.25rem;
      color: #ffedd9;
      line-height: 2;
      font-size: 0.55rem; }
    .pop-wrap.pop-erweima .btn-wrap .btn2 {
      margin-bottom: 0; }
  .pop-wrap.pop-zhuanzeng, .pop-wrap.pop-dengji {
    display: none;
    background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
  .pop-wrap.pop-dengji p {
    margin-bottom: 1.25rem; }
  .pop-wrap.pop-dengji .img-wrap {
    width: 6.25rem;
    margin-bottom: 0.75rem; }
  .pop-wrap.pop-dengji .liuyan p {
    margin-bottom: 0; }
  .pop-wrap.pop-zhuanzeng p {
    margin-bottom: 0.75rem; }
  .pop-wrap.pop-zhuanzeng .img-wrap {
    width: 6.25rem;
    margin-bottom: 0.75rem; }
  .pop-wrap.pop-zhuanzeng .liuyan {
    /*background: url(../imgs/page4-liuyan.png) no-repeat center center / 100%;*/ }
    .pop-wrap.pop-zhuanzeng .liuyan p {
      margin-bottom: 0; }
  .pop-wrap.pop-lingqu {
    display: none;
    background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
    .pop-wrap.pop-lingqu p {
      margin-left: 0rem;
      margin-bottom: 0.75rem; }
    .pop-wrap.pop-lingqu .img-wrap {
      width: 10rem;
      text-align: center;
      margin-bottom: 0rem; }
      .pop-wrap.pop-lingqu .img-wrap .img1 {
        width: 7.25rem; }
      .pop-wrap.pop-lingqu .img-wrap .img2 {
        width: 8.75rem; }
      .pop-wrap.pop-lingqu .img-wrap img {
        margin-bottom: 0.5rem; }
  .pop-wrap.pop-phone-area {
    display: none;
    background: url(../imgs/page4-bg.jpg) no-repeat left top/cover; }
    .pop-wrap.pop-phone-area .w-center {
      top: 50%; }
    .pop-wrap.pop-phone-area .img-wrap {
      width: 6.25rem;
      margin-bottom: 1rem;
      padding-top: 1.5rem; }
    .pop-wrap.pop-phone-area .form {
      width: 13rem;
      margin: 0 auto; }
      .pop-wrap.pop-phone-area .form .input-wrap {
        width: 13rem;
        margin: 0 auto 1rem;
        border-radius: 0.5rem;
        overflow: hidden;
        background: #fff;
        box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.3) inset;
        font-size: 0; }
        .pop-wrap.pop-phone-area .form .input-wrap input {
          background: none;
          outline: none;
          border: 0px;
          height: 100%;
          width: 13rem;
          padding: 0.375rem 0.625rem;
          box-sizing: border-box;
          font-family: 'Noto Sans SC';
          font-weight: 300;
          font-size: 0.9rem;
          letter-spacing: 0.075rem;
          text-align: center;
          /* 使用webkit内核的浏览器 */
          /* Firefox版本4-18 */
          /* Firefox版本19+ */
          /* IE浏览器 */ }
          .pop-wrap.pop-phone-area .form .input-wrap input::-webkit-input-placeholder {
            color: #d5d5d5; }
          .pop-wrap.pop-phone-area .form .input-wrap input:-moz-placeholder {
            color: #d5d5d5; }
          .pop-wrap.pop-phone-area .form .input-wrap input::-moz-placeholder {
            color: #d5d5d5; }
          .pop-wrap.pop-phone-area .form .input-wrap input:-ms-input-placeholder {
            color: #d5d5d5; }
    .pop-wrap.pop-phone-area .area-wrap {
      display: flex;
      justify-content: space-around;
      margin-bottom: 1rem; }
      .pop-wrap.pop-phone-area .area-wrap .item-wrap {
        height: 1rem;
        line-height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1000; }
        .pop-wrap.pop-phone-area .area-wrap .item-wrap:last-child {
          margin-left: 1rem; }
        .pop-wrap.pop-phone-area .area-wrap .item-wrap label.desc {
          font-size: 0.9rem;
          height: 1rem;
          line-height: 1rem;
          color: #d8d8d8;
          letter-spacing: 0.075rem; }
        .pop-wrap.pop-phone-area .area-wrap .item-wrap #check-hide + label, .pop-wrap.pop-phone-area .area-wrap .item-wrap #check-hide2 + label {
          width: 1rem;
          height: 1rem;
          line-height: 1rem;
          margin-right: .4rem;
          background: url(../imgs/unchecked.png) no-repeat center center/1rem; }
        .pop-wrap.pop-phone-area .area-wrap .item-wrap #check-hide:checked + label, .pop-wrap.pop-phone-area .area-wrap .item-wrap #check-hide2:checked + label {
          background-image: url(../imgs/checked.png); }
        .pop-wrap.pop-phone-area .area-wrap .item-wrap span {
          color: #d8d8d8; }
    .pop-wrap.pop-phone-area .btn-wrap .btn1 {
      margin-bottom: 0.875rem; }
    .pop-wrap.pop-phone-area .btn-wrap .btn2 {
      margin-bottom: 1rem; }
  .pop-wrap.pop-zhaomu, .pop-wrap.pop-shouzeng {
    display: none;
    background: url(../imgs/page3-bg.jpg) no-repeat left top/cover; }
    .pop-wrap.pop-zhaomu h2, .pop-wrap.pop-shouzeng h2 {
      color: #fff;
      text-align: center;
      margin: 1.5rem 0 0;
      font-family: 'Noto Sans SC';
      font-weight: 400;
      font-size: 1rem;
      color: #fff1dd; }
    .pop-wrap.pop-zhaomu p, .pop-wrap.pop-shouzeng p {
      color: #fff;
      text-align: center;
      margin: 0.125rem 0 0.5rem;
      font-family: 'Noto Sans SC';
      font-weight: 300;
      font-size: 0.7rem;
      color: #fff1dd;
      margin-left: 0rem;
      line-height: 1.8; }
      .pop-wrap.pop-zhaomu p i, .pop-wrap.pop-shouzeng p i {
        font-style: normal;
        color: #f3d460; }
      .pop-wrap.pop-zhaomu p span, .pop-wrap.pop-shouzeng p span {
        color: #e8a910; }
    .pop-wrap.pop-zhaomu .main-img-wrap, .pop-wrap.pop-shouzeng .main-img-wrap {
      width: 15.5rem;
      margin: 0 auto;
      position: relative; }
      .pop-wrap.pop-zhaomu .main-img-wrap img, .pop-wrap.pop-shouzeng .main-img-wrap img {
        width: 100%; }
      .pop-wrap.pop-zhaomu .main-img-wrap p, .pop-wrap.pop-shouzeng .main-img-wrap p {
        position: absolute;
        left: 2.25rem;
        margin-left: -1rem;
        color: #333;
        text-align: left; }
        .pop-wrap.pop-zhaomu .main-img-wrap p.panel-top, .pop-wrap.pop-shouzeng .main-img-wrap p.panel-top {
          top: 5rem; }
        .pop-wrap.pop-zhaomu .main-img-wrap p.panel-bottom, .pop-wrap.pop-shouzeng .main-img-wrap p.panel-bottom {
          bottom: 1.25rem; }
        .pop-wrap.pop-zhaomu .main-img-wrap p span, .pop-wrap.pop-shouzeng .main-img-wrap p span {
          color: #f7000f; }
  .pop-wrap.pop-zhaomu .liuyan {
    width: 15.5rem;
    height: 8.6rem;
    margin-bottom: 0.75rem;
    background-image: url(../imgs/pop-liuyan.jpg); }
    .pop-wrap.pop-zhaomu .liuyan p {
      text-align: left;
      margin: 0;
      line-height: 1.8; }
      .pop-wrap.pop-zhaomu .liuyan p span {
        color: #e5445e; }
  .pop-wrap.pop-zhaomu .w-center {
    top: 54%; }
  .pop-wrap.pop-zhaomu h2 {
    padding-top: 0.125rem; }
  .pop-wrap.pop-zhaomu p {
    margin-bottom: 0.5rem;
    line-height: 1.6; }
    .pop-wrap.pop-zhaomu p a.tel {
      color: #f2d46e;
      font-weight: bold;
      font-size: 1.05rem;
      font-style: italic;
      text-decoration: none !important;
      display: inline-block;
      padding: 0.05rem 0; }
  .pop-wrap.pop-zhaomu .main-img-wrap {
    height: 10rem;
    background: url(../imgs/jiayoubao-bg.jpg) no-repeat top left/100%;
    padding-top: 2.375rem; }
    .pop-wrap.pop-zhaomu .main-img-wrap p {
      line-height: 1.8;
      margin-bottom: 0.5rem;
      position: relative;
      /*left: px2rem(80);*/ }
      .pop-wrap.pop-zhaomu .main-img-wrap p.panel-top {
        top: -0.375rem;
        text-align: center;
        padding-left: 1rem;
        left: 0; }
      .pop-wrap.pop-zhaomu .main-img-wrap p.panel-bottom {
        top: 2.25rem; }
  .pop-wrap.pop-shouzeng p {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem; }
  .pop-wrap.pop-shouzeng .form {
    width: 13rem;
    margin: 0 auto; }
    .pop-wrap.pop-shouzeng .form .input-wrap {
      width: 13rem;
      margin: 0 auto 0.25rem;
      border-radius: 0.5rem;
      overflow: hidden;
      background: #fff;
      box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.3) inset;
      font-size: 0; }
      .pop-wrap.pop-shouzeng .form .input-wrap input {
        background: none;
        outline: none;
        border: 0px;
        height: 100%;
        width: 13rem;
        padding: 0.375rem 0.625rem;
        box-sizing: border-box;
        font-family: 'Noto Sans SC';
        font-weight: 300;
        font-size: 0.9rem;
        letter-spacing: 0.075rem;
        text-align: center;
        /* 使用webkit内核的浏览器 */
        /* Firefox版本4-18 */
        /* Firefox版本19+ */
        /* IE浏览器 */ }
        .pop-wrap.pop-shouzeng .form .input-wrap input::-webkit-input-placeholder {
          color: #d5d5d5; }
        .pop-wrap.pop-shouzeng .form .input-wrap input:-moz-placeholder {
          color: #d5d5d5; }
        .pop-wrap.pop-shouzeng .form .input-wrap input::-moz-placeholder {
          color: #d5d5d5; }
        .pop-wrap.pop-shouzeng .form .input-wrap input:-ms-input-placeholder {
          color: #d5d5d5; }
  .pop-wrap.pop-shouzeng .main-img-wrap {
    width: 15rem;
    padding-top: 0.75rem; }
    .pop-wrap.pop-shouzeng .main-img-wrap p {
      margin-top: 0.125rem;
      left: 2rem; }
      .pop-wrap.pop-shouzeng .main-img-wrap p.panel-top {
        top: 5.375rem; }
  .pop-wrap.pop-shouzeng .btn-wrap {
    width: 13rem;
    margin: 0.5rem auto 0;
    display: flex; }
    .pop-wrap.pop-shouzeng .btn-wrap .btn1, .pop-wrap.pop-shouzeng .btn-wrap .btn2 {
      width: 48%;
      margin: 0; }
    .pop-wrap.pop-shouzeng .btn-wrap .btn1 {
      margin-right: 4%; }
  .pop-wrap .close-btn {
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1000;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.3) url(../imgs/close-btn.png) no-repeat center center/0.75rem; }

/* PC首页 */
.pm0 {
  padding: 0;
  margin: 0 auto; }

#home-page {
  background: #f5f7f6 url(../imgs/body-bg.jpg) repeat 0 0/100%;
  /*padding-top: 40px;*/
  /*.title-wrap{
  	display: flex;
  	align-items: center;
  }*/
  /*.tab{
  	width: 70px;
  	height: 100px;
  	background: url(../imgs/tab1.png) no-repeat center center / 100%;
  	position: absolute;
  	top: -35px;
  	left: 32%;
  }*/ }
  #home-page .container {
    padding-left: 104px; }
  #home-page .top-bar {
    width: 100%;
    /*background: #7fa89e;*/
    background: #f5f7f6 url(../imgs/body-bg.jpg) repeat 0 0/100%;
    color: #fff;
    /*position: fixed;
    top: 0;
    left: 0;
    z-index: 2;*/
    /*padding:3px 0;*/ }
    #home-page .top-bar .top-bar-icon .tab-wrap {
      /*float: right;*/
      display: flex;
      width: 100%;
      height: 50px;
      align-items: center;
      justify-content: flex-start; }
      #home-page .top-bar .top-bar-icon .tab-wrap .img1 {
        width: 80px;
        margin-right: 15px; }
      #home-page .top-bar .top-bar-icon .tab-wrap .logo-line {
        width: 1px;
        height: 22px;
        margin-right: 10px; }
      #home-page .top-bar .top-bar-icon .tab-wrap .img2 {
        width: 105px; }
      #home-page .top-bar .top-bar-icon .tab-wrap div {
        width: 100px;
        height: 40px;
        /*padding: 5px 0;*/
        /*float: right;*/
        background: url(../imgs/go-home.png) no-repeat center center/70px; }
        #home-page .top-bar .top-bar-icon .tab-wrap div.go-home {
          margin-right: 20px; }
        #home-page .top-bar .top-bar-icon .tab-wrap div.plan-intro {
          background-image: url(../imgs/plan-intro.png);
          background-size: 86px;
          margin-bottom: -2px; }
        #home-page .top-bar .top-bar-icon .tab-wrap div a {
          display: block;
          height: 100%; }
  #home-page .banner {
    position: relative;
    width: 100% !important;
    min-width: 100%;
    min-height: 803px;
    /*margin-bottom: 50px;*/
    padding-top: 110px;
    box-sizing: border-box;
    background: #f5f7f6 url(../imgs/banner-pc.jpg) no-repeat top center/cover; }
    #home-page .banner .logo {
      margin: 40px 0; }
      #home-page .banner .logo img {
        width: 200px; }
    #home-page .banner .left {
      float: left;
      padding-top: 380px;
      /*text-align: center;*/
      /*width: 450px;*/ }
      #home-page .banner .left img {
        width: 220px;
        margin-bottom: 40px; }
      #home-page .banner .left h2 {
        font-size: 20px;
        color: #fff;
        text-align: left;
        /*margin-top: 34px;*/
        margin-bottom: 10px; }
        #home-page .banner .left h2 strong {
          font-size: 36px;
          padding: 0 5px;
          /*color:#db7451;*/
          color: #ffb600;
          font-family: Impact;
          letter-spacing: 2px; }
        #home-page .banner .left h2 span {
          /*color:#db7451*/ }
      #home-page .banner .left p {
        color: #fff;
        font-size: 26px;
        text-align: left;
        font-weight: bold;
        margin-bottom: 30px;
        letter-spacing: 1px; }
        #home-page .banner .left p span {
          /*background:linear-gradient(to right,#db7451, #e14460);*/
          /*color: #fff;*/
          color: #d75363;
          /*padding:6px 15px;
          border-radius: 5px;
          font-size: 14px;
          margin-left: 5px;*/
          font-weight: bold; }
      #home-page .banner .left h1 {
        text-align: right; }
        #home-page .banner .left h1 strong {
          background: linear-gradient(to right, #db7451, #e14460);
          font-size: 18px;
          color: #fff;
          padding: 10px 30px;
          border-radius: 6px; }
    #home-page .banner .right {
      float: right; }
      #home-page .banner .right h1 {
        font-size: 34px;
        margin-bottom: 20px; }
      #home-page .banner .right .videobox {
        width: 430px;
        height: 243px;
        position: relative;
        margin-bottom: 45px; }
        #home-page .banner .right .videobox .play_icon, #home-page .banner .right .videobox .pause_icon {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          #home-page .banner .right .videobox .play_icon img, #home-page .banner .right .videobox .pause_icon img {
            width: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
        #home-page .banner .right .videobox .pause_icon {
          display: none; }
      #home-page .banner .right .text {
        color: #fff;
        font-size: 18px;
        line-height: 2;
        text-align: right; }
    #home-page .banner .slide-down {
      width: 60px;
      height: 30px;
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translate(-50%, 0);
      background: url(../imgs/slide-down-icon.png) no-repeat top left/contain; }
      #home-page .banner .slide-down a {
        display: block;
        height: 100%; }
  #home-page .panel-wrap {
    position: relative;
    /*margin-bottom: 50px;*/
    background: transparent;
    /*padding-top: 60px;*/
    padding-top: 150px; }
    #home-page .panel-wrap ul, #home-page .panel-wrap li {
      list-style-type: none;
      padding: 0;
      margin: 0; }
    #home-page .panel-wrap ul {
      background: #fff;
      padding: 40px 35px;
      display: flex;
      justify-content: space-between; }
      #home-page .panel-wrap ul li {
        width: 33.33%;
        margin-right: 35px; }
        #home-page .panel-wrap ul li:last-child {
          margin-right: 0; }
  #home-page .title {
    position: absolute;
    /*top: 2px;*/
    top: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 200px;
    height: 30px;
    /*margin-bottom: 30px;*/
    /*background: url(../imgs/tab.png) no-repeat center center / 70px;*/ }
    #home-page .title img {
      width: 100%; }
    #home-page .title .tab {
      width: 70px;
      height: 70px;
      position: absolute;
      left: -90px;
      top: -25px;
      background: url(../imgs/tab1.png) no-repeat center center/100%; }
  #home-page .plan-intro-content ul {
    padding-bottom: 60px; }
    #home-page .plan-intro-content ul li img {
      width: 100%; }
    #home-page .plan-intro-content ul li h4 {
      color: #86a79e;
      font-size: 18px;
      font-weight: normal;
      line-height: 1.3; }
    #home-page .plan-intro-content ul li p {
      font-size: 14px;
      color: #5e5e5e;
      line-height: 1.8; }
  #home-page .plan2-intro-content {
    /*.title{
    	background-image: url(../imgs/title2.png);
    	background-size: 180px;
    }
    .tab{
    	left: 20%;
    	background-image: url(../imgs/tab2.png);
    }*/
    padding-top: 0; }
    #home-page .plan2-intro-content .container {
      background: #f5f7f6 url(../imgs/body-bg.jpg) repeat 0 0/100%; }
    #home-page .plan2-intro-content .title {
      width: 180px;
      top: 2px; }
    #home-page .plan2-intro-content .tab {
      background-image: url(../imgs/tab2.png); }
    #home-page .plan2-intro-content .panel-desc {
      text-align: center;
      color: #5e5e5e;
      line-height: 1.8;
      position: absolute;
      top: 90px;
      left: 50%;
      transform: translate(-50%, 0);
      font-size: 14px;
      /*padding-top: 50px;*/
      /*background: #fff;*/ }
    #home-page .plan2-intro-content ul {
      background: #fff;
      padding-top: 250px;
      margin-top: -40px; }
      #home-page .plan2-intro-content ul li {
        position: relative;
        /*p{
        	color: #5e5e5e;
        	padding-left: 45px;
        	position: relative;
        	display: flex;
        	align-items: center;
        	font-size: 14px;
        	i{
        		position: absolute;
        		left:0;
        		display: inline-block;
        		width: 38px;
        		height: 15px;
        		background:url(../imgs/process01.png) no-repeat 0 0 / 100%;
        	}
        	
        }
        &:nth-child(2){
        	i{
        		background-image:url(../imgs/process02.png) 
        	}
        }
        &:nth-child(3){
        	i{
        		background-image:url(../imgs/process03.png) 
        	}
        }*/ }
        #home-page .plan2-intro-content ul li img {
          width: 100%;
          margin-bottom: 10px; }
        #home-page .plan2-intro-content ul li h4 {
          color: #86a79e;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.3; }
        #home-page .plan2-intro-content ul li p {
          font-size: 14px;
          color: #5e5e5e;
          line-height: 1.8; }
        #home-page .plan2-intro-content ul li .arrow {
          position: absolute;
          top: 35%;
          right: -32px;
          z-index: 3;
          transform: translate(0, -50%);
          display: inline-block;
          width: 40px;
          height: 40px;
          background: url(../imgs/arrow.png) no-repeat 0 0/100%; }
  #home-page .plan3-intro-content {
    margin-top: 10px;
    /*padding-top: 100px;*/ }
    #home-page .plan3-intro-content .container {
      padding-left: 104px; }
    #home-page .plan3-intro-content .title {
      width: 100px; }
    #home-page .plan3-intro-content ul {
      flex-flow: row wrap; }
      #home-page .plan3-intro-content ul li {
        width: 30.2%;
        margin-right: 4.5%;
        margin-bottom: 10px; }
        #home-page .plan3-intro-content ul li:nth-child(3n) {
          margin-right: 0; }
        #home-page .plan3-intro-content ul li a {
          display: block;
          width: 100%;
          height: 100%;
          text-decoration: none !important; }
        #home-page .plan3-intro-content ul li img {
          margin-bottom: 10px;
          width: 100%; }
        #home-page .plan3-intro-content ul li p {
          font-size: 14px;
          color: #5e5e5e;
          line-height: 1.8; }
  #home-page .label-wall {
    margin-bottom: 20px;
    margin-top: 100px;
    padding: 80px 0 50px;
    box-sizing: content-box;
    border-color: #f5f7f6;
    /*.title{
    	background-image: url(../imgs/title3.png);
    	background-size: 150px;
    	position: absolute;
    	top:-45px;
    }
    .tab{
    	left: 26%;
    	top:-50px;
    	background-image: url(../imgs/tab3.png);
    }*/
    width: 100%;
    min-height: 320px;
    background: #f8f6f4 url(../imgs/label-wall-bg.jpg) no-repeat center bottom/100% 100%; }
    #home-page .label-wall .title {
      width: 120px;
      top: -40px; }
    #home-page .label-wall p {
      text-align: center;
      color: rgba(0, 0, 0, 0.5);
      font-family: 'Noto Sans SC';
      line-height: 1.8;
      font-size: 12px;
      /*display: flex;*/ }
      #home-page .label-wall p span {
        display: inline-block;
        padding: 0 4px;
        font-weight: 400;
        background: #d95f65;
        color: #fff;
        margin-right: 10px;
        border-radius: 2px; }
    #home-page .label-wall ul {
      background: transparent;
      margin: 0 auto;
      padding: 20px 20px 10px; }
      #home-page .label-wall ul li {
        width: 30%; }
        #home-page .label-wall ul li img {
          width: 100%; }
        #home-page .label-wall ul li:nth-child(2) {
          width: 40%; }
    #home-page .label-wall h1 {
      text-align: center;
      margin: 20px 0 60px; }
      #home-page .label-wall h1 strong {
        background: linear-gradient(to right, #db7451, #e14460);
        font-size: 18px;
        color: #fff;
        padding: 10px 30px;
        border-radius: 6px; }
  #home-page .footer {
    padding-bottom: 20px;
    text-align: center;
    color: #b6b6b6; }
    #home-page .footer img {
      width: 130px;
      margin-bottom: 10px; }
    #home-page .footer p {
      font-size: 14px;
      margin-bottom: 0; }
    #home-page .footer span {
      font-size: 12px; }

/* 适配 PC和移动端 */
/* PC端 */
@media (max-width: 767px) {
  #home-page .container {
    padding-left: 15px !important; }
  #home-page .tab-wrap {
    float: none;
    justify-content: center !important;
    margin: 0; }
  #home-page .panel-wrap ul {
    display: block; }
  #home-page .banner {
    background: #f5f7f6 url(../imgs/banner-mobile.jpg) no-repeat top center/cover; }
    #home-page .banner .logo {
      margin-bottom: 30px;
      text-align: center; }
      #home-page .banner .logo img {
        width: 180px; }
  #home-page .banner {
    padding-bottom: 180px;
    padding-top: 420px; }
  #home-page .banner .left {
    /*text-align: center;*/
    width: 100%;
    padding-top: 220px;
    /*margin-bottom: 20px;*/
    text-align: center;
    /*padding-top: 0px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f5f7f6 url(../imgs/banner-pc-small.jpg) no-repeat top center/cover; }
    #home-page .banner .left img {
      width: 160px;
      margin-bottom: 30px; }
    #home-page .banner .left h2 {
      font-size: 16px;
      margin-bottom: 10px; }
      #home-page .banner .left h2 strong {
        font-size: 26px; }
    #home-page .banner .left h2, #home-page .banner .left p {
      text-align: center !important; }
    #home-page .banner .left p {
      font-size: 18px;
      letter-spacing: 0;
      margin-bottom: 20px !important;
      font-weight: normal; }
    #home-page .banner .left p:last-child {
      margin-bottom: 40px;
      font-weight: normal; }
  #home-page .banner .right {
    width: 100%; }
    #home-page .banner .right h1 {
      font-size: 24px;
      margin-bottom: 20px;
      margin-top: 0; }
    #home-page .banner .right .text {
      font-size: 16px;
      text-align: center;
      color: #6b857e; }
    #home-page .banner .right .videobox {
      width: 320px !important;
      /*height: 180px;*/
      margin: 0 auto 10px;
      text-align: center; }
      #home-page .banner .right .videobox #videoCon {
        cursor: pointer; }
      #home-page .banner .right .videobox video {
        width: 320px !important; }
  #home-page .plan-intro-content {
    margin-top: -200px;
    padding-top: 200px; }
    #home-page .plan-intro-content .title {
      transform: translate(-25%, 0); }
  #home-page .panel-wrap ul {
    display: block;
    margin: 0 10px;
    padding: 25px 25px; }
    #home-page .panel-wrap ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px; }
      #home-page .panel-wrap ul li .arrow {
        display: none; }
      #home-page .panel-wrap ul li p {
        font-size: 16px; }
  #home-page .plan2-intro-content {
    padding-top: 0;
    background: #f5f7f6 url(../imgs/body-bg.jpg) repeat 0 0/100%; }
    #home-page .plan2-intro-content .title {
      transform: translate(-25%, 0); }
    #home-page .plan2-intro-content .panel-desc {
      width: 280px;
      top: 85px; }
    #home-page .plan2-intro-content ul {
      padding-top: 280px;
      margin-top: -30px; }
  #home-page .label-wall {
    padding-top: 10px; }
    #home-page .label-wall ul li:nth-child(2) {
      width: 300px;
      margin: 0 auto; }
    #home-page .label-wall p {
      padding: 0 30px;
      font-size: 14px; } }
/*  */
@media (max-width: 320px) {
  #home-page .banner .right .videobox {
    width: 280px !important; }
    #home-page .banner .right .videobox video {
      width: 280px !important; }
  #home-page .title {
    width: 180px; }
  #home-page .plan2-intro-content .tab {
    width: 50px;
    left: -60px; }
  #home-page .plan2-intro-content .title {
    width: 160px;
    transform: translate(-30%, 0); }
  #home-page .label-wall ul li:nth-child(2) {
    width: 240px;
    margin-left: -10px; } }
/* 移动端 */
@media screen and (max-device-width: 767px) {
  /*@media screen and (max-width: 767px) {*/
  /* 使用hotcss后，优化平板/PC访问体验 */
  body {
    /*width: px2rem(750);*/
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    font: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }

  body {
    font-size: 0.65rem; }

  .pc-page {
    display: none; }

  .mobile-page {
    display: block; } }

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