@charset "UTF-8";
#app {
  padding-bottom: .2rem; }

.reply {
  background-color: #f2f5fc;
  padding: .1rem; }

.pic-model {
  background-color: black;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center; }
  .pic-model ~ .van-popup__close-icon {
    z-index: 9999; }
  .pic-model > div {
    display: inline-block;
    width: 100%; }
    .pic-model > div.pic {
      max-height: 80%; }
    .pic-model > div.video {
      height: 80%; }
  .pic-model img, .pic-model video {
    width: 100vw;
    max-height: 100vh; }
  .pic-model .title {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - .6rem);
    height: 1rem;
    color: white;
    padding: .15rem .3rem;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.1); }
    .pic-model .title p {
      font-size: .28rem;
      margin: 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /*这里设置几行*/
      overflow: hidden; }

.feeds-img .items {
  column-count: 2;
  column-gap: 0px; }
  .feeds-img .items .item {
    margin: .25rem;
    margin-top: 0;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: .2rem;
    break-inside: avoid-column; }
    .feeds-img .items .item img {
      width: 100%;
      display: block;
      margin-bottom: .15rem; }
    .feeds-img .items .item .title {
      padding: 0 .15rem;
      color: #232323;
      font-size: .28rem;
      margin: 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      /*这里设置几行*/
      overflow: hidden; }
    .feeds-img .items .item .info {
      color: #909699;
      font-size: .26rem;
      display: flex;
      padding: .05rem .15rem 0; }
      .feeds-img .items .item .info > div {
        flex: 1; }
        .feeds-img .items .item .info > div.time {
          text-align: right; }

.feeds-img .van-list__finished-text {
  clear: both; }

.header img {
  width: 100%; }

.active {
  background-color: white;
  display: flex; }
  .active img {
    flex: 1;
    width: calc(50% - .4rem);
    margin: .2rem; }

ul.people {
  margin: 0 .25rem; }
  ul.people .item {
    background-color: white;
    color: #909699;
    font-size: .28rem;
    padding: .3rem .4rem;
    margin-bottom: .2rem; }
    ul.people .item ._head {
      display: flex;
      margin-bottom: .2rem; }
    ul.people .item .content {
      margin-top: .1rem;
      margin-bottom: 0; }
    ul.people .item .vip {
      font-size: 0.22rem;
      font-family: SourceHanSansCN;
      font-weight: 400;
      color: #FFFFFF;
      padding: .05rem .1rem;
      position: relative;
      top: -.05rem;
      border-radius: .05rem;
      margin-right: .1rem;
      background: linear-gradient(0deg, #FCC880, #FA9850); }
    ul.people .item .name {
      font-size: 0.36rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #1A191D;
      flex: 2; }
    ul.people .item .email, ul.people .item .wechat {
      flex: 1;
      display: flex;
      justify-content: right;
      align-items: center; }
      ul.people .item .email img, ul.people .item .wechat img {
        height: 0.3rem;
        display: block;
        margin-right: .1rem; }

.total-info {
  display: flex;
  padding: 0 .3rem 0 .6rem;
  justify-content: center;
  align-items: center; }

.total-info .name {
  font-size: 0.32rem;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #4B7BFF;
  background: white;
  display: inline-block;
  padding: 0.1rem 0.2rem;
  border-radius: 25px;
  height: .5rem;
  line-height: .5rem; }

.total-info .edit {
  display: flex;
  margin-left: auto;
  background: white;
  height: .6rem;
  width: 1rem;
  padding: .1rem;
  border-radius: 25px; }

.total-info .edit img {
  width: .5rem;
  height: .5rem;
  display: block;
  margin: .05rem auto 0; }

.total-number {
  display: flex; }

.total-number .item {
  flex: 1;
  text-align: center;
  font-size: 0.24rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #CAD7FD;
  margin-top: .2rem;
  border-right: 1px solid #CAD7FD; }

.total-number .item:last-child {
  border-right: 0; }

.total-number .item ._num {
  font-size: 0.34rem;
  font-family: Arial;
  font-weight: bold;
  color: white;
  margin-top: .1rem; }

.dataloading {
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center; }

.van-button.van-button--normal {
  height: .7rem;
  padding: 0 .3rem; }

.header-bar {
  display: flex;
  background: white; }
  .header-bar.center {
    justify-content: center;
    align-items: center; }
  .header-bar ._type {
    padding: 10px 12px;
    width: 2.5rem; }
    .header-bar ._type .van-field__label {
      width: 1.3rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .header-bar ._search {
    width: 4.5rem;
    font-size: .26rem; }

.menu-block {
  display: flex;
  background: white;
  border-radius: 6px;
  margin: .4rem .25rem .25rem; }
  .menu-block > ._nav {
    flex: 1;
    background: white; }
    .menu-block > ._nav:first-child {
      padding: .2rem .35rem;
      border-right: 1px solid #ececee; }
    .menu-block > ._nav img {
      max-width: 100%; }
  .menu-block > .flex {
    display: flex;
    justify-content: center;
    align-items: center; }
    .menu-block > .flex.center {
      flex-wrap: wrap; }
    .menu-block > .flex > div {
      padding: .2rem .3rem 0; }

article.article {
  background-color: white;
  padding: .45rem; }
  article.article p, article.article h4 {
    margin: 0;
    font-size: .3rem; }
  article.article .title {
    font-size: 0.36rem;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #232323; }
  article.article .des {
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #B6BCBF;
    margin: .2rem 0; }
  article.article .about-box {
    background: #F2F5FC;
    border-radius: 6px;
    padding: .3rem;
    font-size: 0.26rem;
    color: #232323;
    line-height: .5rem;
    margin-bottom: .3rem;
    display: flex; }
    article.article .about-box .right {
      margin-left: auto;
      display: flex; }
      article.article .about-box .right a {
        color: #909699;
        font-size: .24rem;
        margin-left: .2rem;
        display: flex; }
  article.article .des-html label {
    font-weight: 700; }
  article.article .editor-html {
    font-size: 16px; }
  article.article .content-html p {
    text-indent: 1rem;
    margin-bottom: .2rem;
    color: #383738; }
  article.article .content-html img {
    max-width: 100%;
    margin: 0 auto .2rem;
    display: block; }
  article.article .editor-html img {
    max-width: 100%; }

.type-choose {
  position: absolute;
  left: 0;
  top: 45px;
  width: 100%;
  z-index: 15;
  height: calc(100% - 45px);
  background: #f2f5fc; }

.choose-title {
  display: flex;
  align-items: center; }

.choose-title img {
  margin-right: .2rem;
  height: .4rem;
  width: .4rem; }

.choose-value {
  color: #d3dade;
  flex: 2; }

.footer-btn {
  height: 50px; }
  .footer-btn button {
    position: fixed;
    width: calc(100% - .5rem);
    left: .25rem;
    bottom: .25rem; }

.auto-title {
  margin-left: auto;
  font-size: 0.26rem;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #4F6BE7; }

.van-search__content {
  background-color: white; }

.swipe {
  background-color: white; }
  .swipe .van-swipe-item {
    box-sizing: border-box; }
  .swipe img {
    width: 100%; }

ul.menu {
  background: white;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 0.26rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1A191D;
  padding-bottom: .35rem;
  flex-wrap: wrap; }
  ul.menu li {
    flex: 1; }
    ul.menu li img {
      display: block;
      width: .8rem;
      height: .72rem;
      margin: 0 auto .1rem;
      object-fit: contain; }
    ul.menu li span {
      display: block; }
  ul.menu > .col-4-1 {
    flex: none;
    width: 25%;
    margin-top: .25rem; }

ul.feeds {
  padding: .25rem .25rem .5rem; }
  ul.feeds .pusher {
    color: #1a191d;
    font-size: .28rem;
    margin-bottom: .15rem; }
    ul.feeds .pusher .pusher_title {
      color: #909699;
      padding-left: .1rem; }
  ul.feeds p {
    margin: 0; }
  ul.feeds h5 {
    margin: 0;
    font-size: 0.36rem;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #1A191D;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .15rem; }
    ul.feeds h5 .more {
      font-size: 0.28rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #919294;
      margin-left: auto; }
  ul.feeds .item {
    background-color: white;
    border-radius: 8px;
    padding: .4rem .3rem;
    margin-bottom: .2rem;
    display: flex;
    position: relative; }
    ul.feeds .item > div {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    ul.feeds .item.people-item {
      padding: .2rem .3rem; }
      ul.feeds .item.people-item > div {
        flex: 1; }
        ul.feeds .item.people-item > div .pusher {
          margin: 0;
          font-size: .36rem; }
        ul.feeds .item.people-item > div.about {
          margin: 0;
          width: 30%;
          justify-content: right;
          align-items: center; }
          ul.feeds .item.people-item > div.about > * {
            width: 50%;
            text-align: right; }
    ul.feeds .item.birth-item .today .countDown .num {
      color: #fd8089; }
    ul.feeds .item.birth-item .pusher {
      font-size: .36rem; }
      ul.feeds .item.birth-item .pusher span {
        font-size: .28rem;
        color: #909699;
        padding-left: .15rem; }
    ul.feeds .item.birth-item .countTxt {
      color: #909699;
      font-size: .28rem; }
      ul.feeds .item.birth-item .countTxt.flex {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        ul.feeds .item.birth-item .countTxt.flex span {
          width: 6rem; }
        ul.feeds .item.birth-item .countTxt.flex a.guide {
          width: 2rem;
          text-align: right; }
          ul.feeds .item.birth-item .countTxt.flex a.guide img {
            width: .4rem;
            height: .4rem;
            display: inline-block;
            position: relative;
            top: .1rem;
            margin-right: .2rem; }
    ul.feeds .item.birth-item .countDown {
      margin-top: .2rem;
      color: #909699;
      font-size: .28rem; }
      ul.feeds .item.birth-item .countDown span {
        display: inline-block;
        margin-right: .3rem; }
      ul.feeds .item.birth-item .countDown .num {
        margin-right: .1rem;
        border-radius: 8px;
        text-align: center;
        font-size: .46rem;
        height: .7rem;
        width: .7rem;
        line-height: .7rem;
        background-color: #f2f5fc; }
    ul.feeds .item .van-tag {
      position: absolute;
      top: .4rem;
      left: .3rem;
      border-radius: 8px 0 0 0; }
    ul.feeds .item .title {
      font-size: 0.32rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #232323;
      height: .85rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    ul.feeds .item .content {
      font-size: 0.28rem;
      font-family: Microsoft YaHei;
      color: #909699;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    ul.feeds .item .sys-msg {
      margin-top: .3rem;
      font-size: 0.24rem;
      font-family: Arial;
      font-weight: 400;
      color: #B6BCBF;
      display: flex;
      width: 100%; }
      ul.feeds .item .sys-msg .count {
        margin-left: auto; }
        ul.feeds .item .sys-msg .count span {
          padding-left: .05rem; }
    ul.feeds .item .about {
      display: flex;
      color: #909699;
      margin-top: .2rem;
      font-size: .28rem; }
      ul.feeds .item .about > * {
        color: #909699;
        width: 33.333%; }
        ul.feeds .item .about > * img {
          width: .32rem;
          position: relative;
          top: 0.02rem;
          margin-right: .1rem; }
    ul.feeds .item > img {
      width: 1.5rem;
      height: 1.5rem;
      background: #919294;
      border-radius: 8px;
      margin-right: .2rem;
      object-fit: cover; }
    ul.feeds .item.no-tb-bottom {
      padding-top: 0;
      padding-bottom: 0; }
    ul.feeds .item .index {
      width: .3rem;
      height: .3rem;
      text-align: center;
      line-height: .3rem;
      color: #232323;
      font-size: .3rem;
      border: 1px solid #232323;
      border-radius: 100%;
      position: relative;
      top: 14px; }
    ul.feeds .item ._content {
      width: calc(100% - .3rem); }
      ul.feeds .item ._content .link {
        color: #909699;
        font-size: .3rem;
        font-weight: 700; }
        ul.feeds .item ._content .link a {
          font-size: .4rem;
          text-decoration: underline;
          font-weight: 500;
          color: #1879ff; }
          ul.feeds .item ._content .link a.unlink {
            color: #232323;
            text-decoration: none; }
  ul.feeds .person, ul.feeds .mobile {
    color: #b0b0b0;
    font-size: .26rem; }
    ul.feeds .person a, ul.feeds .mobile a {
      color: #b0b0b0; }
    ul.feeds .person > span, ul.feeds .mobile > span {
      padding-left: .1rem; }
  ul.feeds.donate {
    padding-top: 0; }
    ul.feeds.donate .item {
      padding: .2rem;
      display: block; }
      ul.feeds.donate .item .title {
        height: auto;
        margin-bottom: .2rem; }
      ul.feeds.donate .item .txt {
        color: #909699;
        font-size: .28rem;
        display: block;
        margin-bottom: .1rem;
        font-weight: 700; }
        ul.feeds.donate .item .txt span {
          color: #232323; }
      ul.feeds.donate .item .imgs {
        flex-direction: row;
        position: relative; }
        ul.feeds.donate .item .imgs img {
          width: 32%;
          height: 1.9rem;
          object-fit: fill; }
        ul.feeds.donate .item .imgs .total {
          position: absolute;
          right: 0;
          bottom: 0;
          color: #ffffff;
          font-size: .26rem; }
      ul.feeds.donate .item .caozuo {
        flex-direction: row;
        justify-content: flex-end; }

.invite {
  text-align: center;
  padding: .6rem; }
  .invite h5 {
    font-size: 0.45rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    margin: 0; }
  .invite p {
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: bold; }
  .invite img {
    width: 4.83rem; }

.info-list {
  padding: 0 .25rem .5rem; }
  .info-list .item {
    background-color: white;
    border-radius: 6px;
    padding: 0 .4rem .2rem;
    margin-bottom: .2rem; }
    .info-list .item .row {
      line-height: .32rem; }
      .info-list .item .row p > span {
        border-right: 2px solid #909699;
        padding: 0 .1rem; }
        .info-list .item .row p > span:last-child {
          border-right: 0; }
        .info-list .item .row p > span:first-child {
          padding-left: 0; }
    .info-list .item .name {
      font-size: 0.36rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #1A191D;
      padding: 0 .1rem 0 .2rem; }
    .info-list .item .sex {
      font-size: 0.28rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #909699; }
    .info-list .item p {
      font-size: 0.28rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #909699;
      margin: 0;
      padding: .1rem 0; }

.big-nav {
  display: flex;
  padding: .15rem;
  padding-bottom: .3rem;
  background-color: white; }
  .big-nav .item {
    flex: 1;
    margin: 0 .15rem;
    position: relative; }
    .big-nav .item img {
      width: 100%;
      display: block; }
    .big-nav .item > div {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      padding: .15rem;
      color: white; }
      .big-nav .item > div h5 {
        font-size: 0.32rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        margin: 0; }
      .big-nav .item > div div {
        font-size: 0.24rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        padding-top: .1rem; }

.form-box {
  margin: .25rem; }
  .form-box .item {
    margin-bottom: .2rem;
    position: relative; }
    .form-box .item .upload {
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      text-align: center;
      display: flex;
      align-items: center;
      color: white;
      font-size: .3rem;
      justify-content: center; }
  .form-box .label-weight {
    font-weight: 700; }
  .form-box .form-title {
    font-size: 0.34rem;
    color: #232323;
    line-height: 0.52rem;
    background: white;
    padding: .2rem .2rem .1rem;
    margin: 0; }
  .form-box .row {
    margin: 0rem 0 .4rem 0; }
    .form-box .row.row-btn {
      background: white;
      font-size: .3rem;
      padding: .3rem;
      text-align: center; }

.user-info {
  background-color: #5179ff;
  height: 2.4rem;
  display: flex;
  align-items: center;
  padding: .44rem .44rem .72rem;
  box-sizing: border-box;
  font-size: 0.38rem;
  color: white; }
  .user-info .avatar {
    height: 1.24rem;
    width: 1.24rem;
    margin-right: .2rem; }

.nav {
  padding: .3rem;
  position: relative;
  z-index: 1;
  top: -.3rem;
  background-color: #f2f5fc;
  border-radius: 10px; }
  .nav .item {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: .2rem; }
    .nav .item img {
      width: 0.44rem;
      height: 0.44rem;
      object-fit: cover; }
    .nav .item .van-cell__value {
      font-size: 0.3rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #232323;
      padding-left: .2rem; }

.box-list {
  padding: .25rem; }
  .box-list h5 {
    margin: 0 0 .2rem 0;
    font-size: 0.36rem;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #1A191D;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .15rem;
    padding-left: .2rem;
    position: relative; }
    .box-list h5::before {
      left: 0;
      position: absolute;
      width: .08rem;
      height: 100%;
      content: "";
      display: block;
      background-color: #1879ff;
      border-radius: 5px; }
    .box-list h5 .more {
      font-size: 0.28rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #919294;
      margin-left: auto; }
  .box-list .box-item {
    background-color: white;
    padding: .35rem;
    border-radius: 8px;
    margin-bottom: .3rem; }
    .box-list .box-item .personInfo {
      display: flex; }
      .box-list .box-item .personInfo img {
        height: 1.2rem;
        width: 1.2rem;
        border-radius: 8px; }
      .box-list .box-item .personInfo ._info {
        padding-left: .2rem;
        width: 100%; }
        .box-list .box-item .personInfo ._info .__name {
          color: #232323;
          font-size: .32rem;
          display: flex; }
          .box-list .box-item .personInfo ._info .__name .zkpu {
            margin-left: auto;
            color: #909699;
            font-size: .28rem;
            font-weight: 400; }
            .box-list .box-item .personInfo ._info .__name .zkpu img {
              width: .3rem;
              height: auto;
              border-radius: 0;
              position: relative;
              top: .04rem;
              margin-right: .1rem; }
        .box-list .box-item .personInfo ._info .__address {
          color: #909699;
          font-size: .28rem;
          font-weight: 400; }
          .box-list .box-item .personInfo ._info .__address span {
            padding-left: .1rem; }
    .box-list .box-item .brief {
      color: #b6bcbf;
      margin-top: .1rem;
      font-size: .28rem;
      position: relative; }
    .box-list .box-item .type {
      display: flex;
      align-items: center;
      font-size: .28rem;
      margin-bottom: .2rem; }
      .box-list .box-item .type img {
        width: .46rem;
        height: .46rem;
        display: block;
        margin-right: .1rem; }
      .box-list .box-item .type .van-icon {
        margin-left: .1rem; }
    .box-list .box-item .wxImg {
      display: flex; }
      .box-list .box-item .wxImg > img {
        width: 1.3rem; }
    .box-list .box-item .des {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      /*这里设置几行*/
      overflow: hidden; }
    .box-list .box-item .address {
      color: #909699;
      font-size: .26rem;
      background: #f2f5fc;
      padding: .05rem .1rem; }
    .box-list .box-item .sys-msg {
      margin-top: .3rem;
      margin-bottom: 0;
      font-size: 0.24rem;
      font-family: Arial;
      font-weight: 400;
      color: #B6BCBF;
      display: flex; }
      .box-list .box-item .sys-msg .time {
        margin-left: auto; }
    .box-list .box-item h4 {
      font-size: 0.32rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #232323;
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .box-list .box-item p {
      font-size: 0.28rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #909699;
      line-height: 0.4rem;
      margin: .1rem 0;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .box-list .box-item .imgs {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -.1rem; }
      .box-list .box-item .imgs img {
        margin: .1rem;
        width: calc(33.3% - .2rem);
        height: 1.9rem;
        object-fit: cover; }

.caozuo {
  margin-top: .2rem;
  display: flex;
  justify-content: flex-end; }
  .caozuo .van-button {
    margin-left: .2rem;
    min-width: 1.2rem;
    padding: 0 .15rem;
    border-radius: 25px; }

.loading {
  display: flex;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center; }

.van-tabbar .nav-add {
  width: .8rem;
  height: .8rem !important;
  position: relative;
  top: -.2rem; }

.hide-menu {
  padding: .5rem; }
  .hide-menu .item {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(10, 2, 4, 0.15);
    border-radius: 0.3rem;
    padding: .2rem .4rem;
    display: flex;
    align-items: center;
    margin-bottom: .2rem; }
    .hide-menu .item img {
      height: 1rem;
      width: 1rem;
      object-fit: cover;
      margin-right: .1rem; }
    .hide-menu .item .title {
      font-size: 0.3rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #232323;
      margin-bottom: .1rem; }
    .hide-menu .item .des {
      font-size: 0.24rem;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #909699; }
    .hide-menu .item .van-icon {
      color: #242424;
      font-size: .2rem;
      margin-left: auto; }

.QA_list {
  margin: .2rem;
  background-color: white;
  border-radius: 8px;
  font-size: .28rem;
  padding: .15rem .25rem;
  max-height: calc(100vh - 4.6rem);
  overflow: auto; }
  .QA_list li {
    padding: .15rem 0;
    border-bottom: 1px solid #ececee; }
    .QA_list li:last-child {
      border-bottom: 0; }

.hideMoreTxt3 {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative; }
  .hideMoreTxt3 .openClose {
    right: -0.05rem;
    top: 0.85rem; }
  .hideMoreTxt3 .openClose.openSpan {
    position: absolute; }

.class-tag {
  background-color: #f2f5fc;
  margin: .25rem;
  border-radius: .15rem;
  padding: .1rem .2rem;
  display: flex;
  align-items: center; }
  .class-tag .icon {
    width: .37rem;
    height: .28rem; }
  .class-tag .content {
    padding-left: .15rem; }
  .class-tag .title {
    color: #232323;
    font-size: .32rem;
    font-weight: 700; }
  .class-tag .info {
    color: #909699;
    font-size: .26rem; }
    .class-tag .info span {
      margin-right: .2rem; }

.communication {
  padding: .25rem; }
  .communication .title {
    color: #232323;
    font-size: .3rem;
    margin-bottom: .2rem; }
  .communication ul {
    border-radius: .15rem;
    border: 1px solid #f2f5fc;
    padding: .15rem .3rem; }
    .communication ul .item {
      padding: .2rem 0;
      color: #232323;
      font-size: .28rem;
      display: flex;
      border-bottom: 1px solid #f2f5fc; }
      .communication ul .item:last-child {
        border-bottom: 0; }
      .communication ul .item .name {
        padding-left: .1rem; }
      .communication ul .item .van-tag {
        max-width: 1.7rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: sub;
        margin-right: .05rem; }
      .communication ul .item.disabled {
        color: #909699; }
        .communication ul .item.disabled .van-tag {
          background: #f2f5fc;
          color: #909699; }

.tag-checobox {
  display: flex;
  padding: .25rem; }
  .tag-checobox > * {
    border-radius: .25rem;
    background: white;
    flex: 1;
    margin-right: .25rem;
    font-size: .3rem;
    text-align: center;
    padding: .3rem 0; }
    .tag-checobox > *:last-child {
      margin-right: 0; }
    .tag-checobox > *.on {
      background: #1879ff;
      color: white; }

.head-info {
  background-color: #1879ff;
  padding: .3rem .4rem; }
  .head-info .title {
    font-size: .32rem;
    color: white; }
  .head-info p {
    font-size: .26rem;
    margin: 0;
    color: #a8c3ff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .head-info.on {
    transition: all .3s; }
    .head-info.on p {
      overflow: visible;
      -webkit-line-clamp: unset;
      -webkit-box-orient: unset; }
    .head-info.on .zl-list {
      height: auto; }
  .head-info .more {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .3rem; }
  .head-info .zl-list {
    height: .9rem;
    overflow: hidden; }
    .head-info .zl-list .item {
      display: flex;
      align-items: center;
      font-size: .32rem;
      color: #ffffff; }
      .head-info .zl-list .item .van-tag {
        margin-right: .1rem; }
    .head-info .zl-list ._op {
      align-items: center;
      display: flex;
      margin-left: auto; }
      .head-info .zl-list ._op .van-tag {
        border-color: white;
        background: #1879ff;
        color: white;
        margin-left: .15rem; }

.list-box-radius {
  margin: .25rem;
  border-radius: .25rem;
  overflow: hidden; }
  .list-box-radius .header {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    font-size: .32rem;
    color: #232323; }
    .list-box-radius .header label {
      margin-right: auto;
      padding-left: .3rem; }
    .list-box-radius .header .van-search__content {
      background: #f2f5fc;
      border-radius: .25rem; }

.scoreboard {
  border-radius: .25rem;
  overflow: hidden;
  margin: .25rem;
  position: relative;
  top: -1.6rem; }
  .scoreboard .content {
    color: #666666;
    font-size: .28rem;
    background-color: white; }
    .scoreboard .content .item {
      display: flex;
      align-items: center;
      padding: .2rem .3rem;
      border-bottom: 1px solid #f2f5fc; }
      .scoreboard .content .item > * {
        flex: 1; }
        .scoreboard .content .item > *:nth-child(2) {
          text-align: center; }
        .scoreboard .content .item > *:nth-child(3) {
          text-align: right; }
      .scoreboard .content .item:last-child {
        border-bottom: 0; }
      .scoreboard .content .item .name {
        padding-left: .1rem;
        flex: 2; }
      .scoreboard .content .item .score {
        color: #232323; }
      .scoreboard .content .item.self {
        background-color: #f2f5fc; }
      .scoreboard .content .item .rank span {
        background-image: url(../images/pai.png);
        background-size: 100% 100%;
        width: .49rem;
        height: .57rem;
        display: block;
        font-size: .18rem;
        color: white;
        line-height: .45rem;
        text-align: center; }
      .scoreboard .content .item:nth-child(3) .rank span {
        color: #df7800;
        background-image: url(../images/jinpai.png); }
      .scoreboard .content .item:nth-child(4) .rank span {
        color: #5e696d;
        background-image: url(../images/yinpai.png); }
      .scoreboard .content .item:nth-child(5) .rank span {
        color: #836360;
        background-image: url(../images/tongpai.png); }

.bottom-right-btn-box {
  position: fixed;
  right: .1rem;
  bottom: .5rem;
  opacity: .7; }
  .bottom-right-btn-box a {
    border-radius: 100%;
    height: 0.9rem;
    width: 0.9rem;
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    color: #ffffff;
    font-size: .26rem;
    padding: 0.1rem;
    box-sizing: border-box;
    text-align: center;
    margin-top: .2rem;
    position: relative; }
    .bottom-right-btn-box a .van-icon {
      display: block; }
    .bottom-right-btn-box a.point::before {
      content: '';
      display: block;
      width: .2rem;
      height: .2rem;
      border-radius: 100%;
      background-color: red;
      position: absolute;
      top: .05rem;
      right: .05rem; }

.qrcode {
  width: 80vw;
  color: #232323;
  font-size: .3rem;
  text-align: center; }
  .qrcode img {
    width: 100%;
    height: 100%; }

._result {
  margin-right: .2rem; }

.tagHeader {
  background-color: #f8f8f8;
  height: .8rem;
  display: flex;
  position: relative; }
  .tagHeader .title {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    color: #232323; }
  .tagHeader .check-btn {
    position: absolute;
    right: .2rem;
    top: .2rem;
    color: #1879ff;
    font-size: .26rem; }

.tagBody {
  max-height: 50vh;
  overflow: auto; }

.tag-row {
  width: 4rem;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.sticky-box .total-head-box {
  background-color: #1879ff;
  height: 1.2rem;
  color: #a8c3ff;
  font-size: .3rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .sticky-box .total-head-box .van-icon {
    margin-right: .1rem;
    font-size: .38rem; }
  .sticky-box .total-head-box.isCheck {
    justify-content: start;
    overflow: hidden;
    align-items: start;
    height: 2rem;
    flex-wrap: wrap; }
    .sticky-box .total-head-box.isCheck .van-icon {
      margin-top: .8rem; }
  .sticky-box .total-head-box.on {
    height: auto;
    transition: all .5s; }
    .sticky-box .total-head-box.on .total-list {
      height: auto;
      transition: all .5s; }
  .sticky-box .total-head-box .total-list {
    padding: .24rem 0 0 .4rem;
    width: calc(100% - 2rem);
    height: 1.4rem;
    overflow: hidden; }
    .sticky-box .total-head-box .total-list ._title {
      margin-bottom: .1rem; }
    .sticky-box .total-head-box .total-list ._datail {
      color: #ffffff;
      margin-bottom: .06rem;
      font-size: .32rem; }
  .sticky-box .total-head-box ._btn {
    display: block;
    margin-top: .8rem;
    border: 1px solid #feeb1a;
    border-radius: 4px;
    color: #feeb1a;
    padding: 0 .05rem; }
  .sticky-box .total-head-box .arrow-bar {
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .sticky-box .total-head-box .arrow-bar .van-icon {
      margin: 0 !important; }

.__tel {
  color: #1879ff;
  display: flex;
  justify-content: end; }

.className {
  color: #232323;
  font-size: .3rem; }

.classDes {
  color: #909699;
  font-size: .28rem; }

.nav-fast {
  display: flex;
  margin: 0.25rem;
  justify-content: space-between;
  height: 1.5rem; }
  .nav-fast.fast-3 .item {
    width: 2.1rem; }
  .nav-fast.fast-2 .item {
    width: 3.23rem; }
  .nav-fast .item {
    position: relative;
    padding: .2rem;
    box-sizing: border-box; }
    .nav-fast .item img {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0; }
    .nav-fast .item .title {
      position: relative;
      z-index: 1;
      color: #0e0c09;
      font-size: .28rem;
      margin-bottom: .02rem; }
    .nav-fast .item .des {
      position: relative;
      z-index: 1;
      color: #aea6a1;
      font-size: .24rem; }

.sign-up {
  padding-bottom: 50px; }
  .sign-up h5 {
    color: #000000;
    font-size: .34rem;
    text-align: center;
    margin: 0;
    padding: .28rem 0 0; }
  .sign-up .box {
    background-color: #ffffff;
    margin: .28rem;
    border-radius: 8px;
    padding: 0 .4rem .6rem; }
    .sign-up .box h5 {
      color: #fc8b01;
      font-size: .36rem;
      padding-top: .4rem; }
      .sign-up .box h5 ~ .label {
        padding-top: .2rem; }
    .sign-up .box .label {
      color: #000000;
      font-size: .28rem;
      line-height: .6rem;
      padding-top: .4rem; }
      .sign-up .box .label p {
        margin: 0; }
    .sign-up .box .van-field.textarea {
      margin-top: .2rem;
      background-color: #f1f6f9;
      font-size: .28rem; }
  .sign-up ._label span {
    color: #717679;
    font-size: .28rem;
    display: block; }
  .sign-up .van-field__label {
    width: 3rem; }
  .sign-up .wxts-cell .van-cell__title {
    width: 1.2rem;
    flex: none; }
    .sign-up .wxts-cell .van-cell__title .wxts {
      background: linear-gradient(90deg, #fcf5e2 0%, #fcdda4 100%);
      color: #f08e36;
      width: 1.3rem;
      text-align: center;
      border-radius: 4px; }
  .sign-up .wxts-cell .tip {
    text-align: left;
    padding-left: .5rem;
    color: #f08e36; }
  .sign-up .__cell-title {
    padding-top: .2rem;
    color: #717679;
    font-size: .28rem; }
    .sign-up .__cell-title ~ .van-field {
      padding: .2rem 0; }
  .sign-up .content {
    margin: .2rem 0; }
    .sign-up .content p {
      margin: 0;
      color: #232323;
      font-size: .36rem;
      text-align: center;
      font-weight: 700; }
      .sign-up .content p span {
        color: #1d80f7;
        font-size: .56rem; }
      .sign-up .content p .txt {
        color: #232323;
        font-size: .36rem;
        display: inline; }

.message-box {
  border-radius: 10px;
  padding: .3rem;
  background-color: white;
  margin: .3rem .3rem 0; }
  .message-box .from {
    color: #265aca;
    font-size: .32rem;
    display: flex; }
    .message-box .from > * {
      margin-right: .2rem; }
  .message-box .createdTime {
    color: #d3dade;
    font-size: .26rem;
    margin-top: .05rem;
    margin-bottom: .05rem; }
  .message-box .content {
    color: #1a191d;
    font-size: .28rem;
    line-height: .5rem;
    overflow-wrap: break-word; }

.pass-card .__btn {
  margin-top: .2rem;
  display: flex;
  justify-content: center; }
  .pass-card .__btn .van-button {
    margin: 0 .2rem; }

.pass-card .head {
  height: 2.6rem;
  width: 100%;
  background-size: 100%;
  background-image: url(../images/pass-card-head.jpg); }

.pass-card .user-info {
  background-color: transparent;
  height: auto;
  display: block;
  position: relative;
  top: -3rem; }
  .pass-card .user-info .avatar {
    border: 2px solid white;
    box-shadow: 0px 0px 10px 0px rgba(10, 2, 4, 0.15);
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 100%;
    margin: 0 auto;
    overflow: hidden; }
    .pass-card .user-info .avatar img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
  .pass-card .user-info .__info {
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem; }
    .pass-card .user-info .__info p {
      font-size: .33rem;
      flex: 0 0 100%;
      text-align: center;
      margin: .1rem 0; }
    .pass-card .user-info .__info span {
      color: #050505;
      padding: .1rem .4rem;
      border-bottom: 1px solid #ccc; }

.pass-card .settlement {
  background-color: #f7f7f7;
  padding: .4rem .2rem;
  padding-bottom: 0; }
  .pass-card .settlement:last-child {
    padding-bottom: 1rem; }
  .pass-card .settlement p {
    color: #272925;
    font-size: .3rem;
    margin: 0;
    line-height: .5rem; }
  .pass-card .settlement .__title {
    background-color: white;
    background-position: right;
    background-repeat: no-repeat;
    width: 4rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    padding-right: 1rem;
    box-sizing: border-box;
    color: #049554;
    font-size: .33rem;
    border-radius: 8px 8px 8px 0;
    background-image: url(../images/tx-border.png); }
  .pass-card .settlement .__body {
    background-color: white;
    border-radius: 0 8px 8px 8px;
    font-size: .33rem;
    padding: .4rem;
    box-sizing: border-box;
    position: relative; }
    .pass-card .settlement .__body input {
      box-sizing: border-box;
      font-size: .33rem;
      padding: .2rem 1rem .2rem 2.5rem;
      border-radius: 8px;
      border: 2px solid #00be67;
      width: 100%; }
    .pass-card .settlement .__body .txt {
      position: absolute; }

.histyory .school-name {
  color: white;
  margin: .6rem 0 0 .25rem;
  font-size: .4rem; }

.histyory ._search-box {
  background-color: white;
  padding: .2rem .4rem;
  margin: .5rem  .25rem .25rem;
  border-radius: 12px; }
  .histyory ._search-box ._search-bar {
    display: flex;
    background-color: white; }
    .histyory ._search-box ._search-bar .van-search {
      width: 5.5rem; }
    .histyory ._search-box ._search-bar .search-label {
      width: 2rem;
      justify-content: center;
      align-items: center;
      display: flex;
      font-size: .28rem;
      color: #232323; }
      .histyory ._search-box ._search-bar .search-label > div {
        width: 1.5rem;
        text-align: center; }
    .histyory ._search-box ._search-bar .van-dropdown-menu__bar {
      box-shadow: none; }

.histyory .list {
  margin: .3rem 0 0 .25rem;
  box-sizing: border-box;
  overflow: scroll;
  border-radius: 12px;
  width: 7rem; }

.histyory ._total-txt {
  display: flex;
  color: #c3c7d1;
  font-size: .28rem;
  margin-top: .3rem; }
  .histyory ._total-txt span {
    flex: 1;
    text-align: right; }
    .histyory ._total-txt span:first-child {
      text-align: left; }

.histyory .van-search__content {
  background-color: #f7f8fa; }

.time-select .title {
  font-size: .32rem;
  color: #232323;
  text-align: center;
  padding: .4rem 0; }

.img-list ._img-list {
  display: flex;
  flex-wrap: wrap; }

.img-list .item {
  width: calc(50% - .4rem);
  margin: .2rem;
  border-radius: 8px;
  overflow: hidden;
  background-color: white; }
  .img-list .item .pic {
    height: 4rem;
    margin-bottom: 0.2rem; }
    .img-list .item .pic img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .img-list .item .info {
    padding: 0 .2rem; }
  .img-list .item .type {
    color: #232323;
    font-size: .28rem; }
  .img-list .item .time {
    color: #909699;
    font-size: .26rem; }
  .img-list .item .operate {
    font-size: .3rem;
    display: flex;
    justify-content: space-around;
    margin-bottom: .2rem;
    margin-top: .2rem; }

.jnp_part, .sj_part {
  padding: 0 .3rem; }
  .jnp_part .header-banner, .sj_part .header-banner {
    padding-top: .3rem;
    width: 100%;
    height: 1.6rem;
    display: block;
    margin-bottom: .2rem; }
    .jnp_part .header-banner img, .sj_part .header-banner img {
      width: 100%; }
  .jnp_part .list, .sj_part .list {
    padding-top: .3rem; }
    .jnp_part .list .good_item, .sj_part .list .good_item {
      display: flex;
      height: 2.4rem;
      padding: .2rem;
      border-radius: 8px;
      background-color: white;
      width: 100%;
      box-sizing: border-box;
      margin-bottom: .2rem; }
      .jnp_part .list .good_item:last-child, .sj_part .list .good_item:last-child {
        margin-bottom: 0; }
      .jnp_part .list .good_item .img, .sj_part .list .good_item .img {
        width: 2.7rem; }
        .jnp_part .list .good_item .img img, .sj_part .list .good_item .img img {
          width: 100%;
          height: 100%;
          object-fit: fill; }
      .jnp_part .list .good_item .info, .sj_part .list .good_item .info {
        width: calc(100% - 2.7rem);
        padding: 0 0 0 .2rem; }
        .jnp_part .list .good_item .info .title, .sj_part .list .good_item .info .title {
          color: #343434;
          font-size: .3rem;
          height: 1rem;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          line-height: .5rem; }
        .jnp_part .list .good_item .info .price, .sj_part .list .good_item .info .price {
          color: #e03930;
          font-size: .38rem;
          display: flex;
          align-items: end; }
          .jnp_part .list .good_item .info .price small, .sj_part .list .good_item .info .price small {
            font-size: .24rem; }
          .jnp_part .list .good_item .info .price .original-price, .sj_part .list .good_item .info .price .original-price {
            color: #b0b0b0;
            font-size: .22rem; }
        .jnp_part .list .good_item .info .tag, .sj_part .list .good_item .info .tag {
          height: .4rem;
          display: flex;
          padding: .1rem 0; }
          .jnp_part .list .good_item .info .tag span, .sj_part .list .good_item .info .tag span {
            display: flex;
            color: #e03930;
            border: 1px solid #e03930;
            font-size: .22rem;
            padding: .05rem .1rem;
            line-height: .22rem;
            border-radius: 5px;
            margin-right: .1rem;
            justify-items: center;
            align-items: center; }
    .jnp_part .list .store_item, .sj_part .list .store_item {
      background-color: white;
      display: block;
      margin-bottom: .2rem;
      padding-bottom: .2rem; }
      .jnp_part .list .store_item > ._content, .sj_part .list .store_item > ._content {
        display: flex;
        height: 1.8rem;
        padding: .2rem;
        border-radius: 8px;
        width: 100%;
        box-sizing: border-box; }
        .jnp_part .list .store_item > ._content .img, .sj_part .list .store_item > ._content .img {
          width: 1.4rem; }
          .jnp_part .list .store_item > ._content .img img, .sj_part .list .store_item > ._content .img img {
            height: 100%;
            width: 100%; }
        .jnp_part .list .store_item > ._content .info, .sj_part .list .store_item > ._content .info {
          width: calc(100% - 1.4rem);
          font-size: .22rem;
          padding: 0 0 0 .2rem;
          display: flex;
          flex-wrap: wrap;
          align-items: center; }
          .jnp_part .list .store_item > ._content .info .title, .sj_part .list .store_item > ._content .info .title {
            width: 100%;
            color: #343434;
            font-size: .3rem;
            height: .5rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            line-height: .5rem; }
          .jnp_part .list .store_item > ._content .info .phone, .sj_part .list .store_item > ._content .info .phone {
            color: #b9b7b8;
            background-image: url(../images/phone.png);
            background-size: .2rem auto;
            background-repeat: no-repeat;
            padding-left: .3rem;
            background-position: 0px 2px; }
          .jnp_part .list .store_item > ._content .info .address, .sj_part .list .store_item > ._content .info .address {
            color: #b9b7b8;
            background-image: url(../images/addresss.png);
            background-size: .2rem auto;
            background-repeat: no-repeat;
            padding-left: .3rem;
            background-position: 0px 2px; }
      .jnp_part .list .store_item .tip, .sj_part .list .store_item .tip {
        color: #c6c6c8;
        background-color: #f8f6f7;
        font-size: .22rem;
        margin: 0 .2rem;
        border-radius: 5px;
        padding: .1rem; }

.active-wrapper {
  height: 100%;
  background-image: url(../images/40xq-bg.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat; }
  .active-wrapper > * {
    height: 100%; }
  .active-wrapper .page-loading {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    background-color: white; }
    .active-wrapper .page-loading .progress {
      width: 80%; }
      .active-wrapper .page-loading .progress .txt {
        padding-top: .2rem;
        color: #871417;
        font-size: .32rem;
        text-align: center; }
  .active-wrapper .page-1 {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    perspective: 1000px;
    z-index: 1; }
    .active-wrapper .page-1 .page1-name {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 5;
      width: 2.73rem;
      height: .34rem;
      z-index: 7;
      padding: .35rem;
      transform-origin: left;
      transition: transform 2s ease-in-out; }
      .active-wrapper .page-1 .page1-name.flip-left {
        transform: rotateY(-180deg); }
      .active-wrapper .page-1 .page1-name img {
        width: 100%;
        height: 100%;
        display: block;
        backface-visibility: hidden; }
    .active-wrapper .page-1 .left-page {
      height: 13.6rem;
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: 6;
      transform-origin: left;
      transition: transform 2s ease-in-out; }
      .active-wrapper .page-1 .left-page.flip-left {
        transform: rotateY(-180deg); }
      .active-wrapper .page-1 .left-page .left-page-img {
        height: 100%;
        width: 100%;
        background-image: url(../images/page1-left.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: relative;
        z-index: 4;
        backface-visibility: hidden; }
      .active-wrapper .page-1 .left-page .page1-logo {
        position: absolute;
        width: 2.5rem;
        height: 2.5rem;
        top: 5.7rem;
        left: 2.52rem;
        cursor: pointer; }
      .active-wrapper .page-1 .left-page .page1-start {
        width: 1.47rem;
        position: absolute;
        left: 3rem;
        top: 8.4rem; }
      .active-wrapper .page-1 .left-page::after {
        background-image: url(../images/page1-bg.png);
        background-size: 1.4rem 1.4rem;
        content: "";
        display: block;
        height: 200vh;
        top: -100vh;
        width: 3.81rem;
        position: absolute;
        z-index: 3;
        left: 0; }
    .active-wrapper .page-1 .left-page-shadow {
      position: absolute;
      top: 0;
      left: 0;
      height: 13.6rem;
      width: 10px;
      z-index: 5;
      transform-origin: left;
      transition: transform 2s ease-in-out; }
      .active-wrapper .page-1 .left-page-shadow.flip-left {
        transform: rotateY(-180deg); }
      .active-wrapper .page-1 .left-page-shadow .zero-shadow {
        box-shadow: 10px 0px 13px rgba(0, 0, 0, 0.5);
        width: 4.2rem;
        height: 4.2rem;
        border-radius: 100%;
        position: absolute;
        left: 1.7rem;
				bottom: 4.56rem; }
      .active-wrapper .page-1 .left-page-shadow .page-shadow {
        position: absolute;
        left: calc(3.8rem - 10px);
        box-shadow: 10px 0px 13px rgba(0, 0, 0, 0.5);
        height: 100%;
        width: 10px; }
    .active-wrapper .page-1 .right-page {
      height: 13.6rem;
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: 3;
      transform-origin: right;
      transition: transform 2s ease-in-out; }
      .active-wrapper .page-1 .right-page.flip-right {
        transform: rotateY(180deg); }
      .active-wrapper .page-1 .right-page .right-page-img {
        height: 100%;
        width: 100%;
        background-image: url(../images/page1-right.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: relative;
        z-index: 10;
        backface-visibility: hidden; }
      .active-wrapper .page-1 .right-page .fireworks {
        position: absolute;
        width: 5.5rem;
        height: 5.5rem;
        right: -.5rem; }
      .active-wrapper .page-1 .right-page::after {
        background-image: url(../images/page1-bg.png);
        background-size: 4.4rem 4.44rem;
        content: "";
        display: block;
        height: 200vh;
        top: -100vh;
        width: 3.81rem;
        position: absolute;
        z-index: 1;
        right: 0; }
  .active-wrapper .page-2,
  .active-wrapper .page-3,
  .active-wrapper .page-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
    transform: translateY(100%); }
    .active-wrapper .page-2.slide-in,
    .active-wrapper .page-3.slide-in,
    .active-wrapper .page-4.slide-in {
      transform: translateY(0); }
    .active-wrapper .page-2.slide-out,
    .active-wrapper .page-3.slide-out,
    .active-wrapper .page-4.slide-out {
      transform: translateY(-100%); }
  .active-wrapper .page-2 {
    justify-content: center;
    align-items: center;
    padding: .5rem;
    box-sizing: border-box;
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    transform: translateY(0); }
    .active-wrapper .page-2.slide-out {
      transform: translateY(-100%); }
    .active-wrapper .page-2 .page2-content {
      background-color: white;
      width: 100%;
      border-radius: 16px;
      position: relative; }
      .active-wrapper .page-2 .page2-content img {
        width: 100%; }
      .active-wrapper .page-2 .page2-content video {
        padding: .9rem .2rem .5rem;
        width: 6.6rem;
        box-sizing: border-box;
        height: 5rem; }
      .active-wrapper .page-2 .page2-content .page2-name {
        font-size: .28rem;
        position: absolute;
        top: 6.61rem;
        left: .43rem;
        background-color: white;
        min-width: 4rem;
        padding: .2rem 0; }
  .active-wrapper .page-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    transform: translateY(100%); }
    .active-wrapper .page-3.slide-in {
      transform: translateY(0); }
    .active-wrapper .page-3.slide-out {
      transform: translateY(-100%); }
    .active-wrapper .page-3 .page3-content {
      background-color: white;
      width: 100%;
      border-radius: 16px;
      overflow: hidden; }
      .active-wrapper .page-3 .page3-content img {
        width: 100%; }
  .active-wrapper .page-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    box-sizing: border-box;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    flex-wrap: wrap;
    transform: translateY(100%); }
    .active-wrapper .page-4 .page4-content {
      background-color: white;
      height: 10.5rem;
      width: 100%;
      border-radius: 16px;
      overflow: hidden; }
      .active-wrapper .page-4 .page4-content img {
        width: 100%;
        height: 100%; }
    .active-wrapper .page-4 .next {
      width: 100%;
      border-radius: 15px; }
  .active-wrapper .page-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    box-sizing: border-box;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 1s ease-in-out;
    flex-wrap: wrap;
    transform: translateY(100%); }
    .active-wrapper .page-5.slide-in {
      transform: translateY(0); }
    .active-wrapper .page-5.slide-out {
      transform: translateY(-100%); }
    .active-wrapper .page-5 .page5-content {
      background-color: white;
      height: 10.5rem;
      width: 100%;
      border-radius: 16px;
      overflow: hidden; }
      .active-wrapper .page-5 .page5-content img {
        width: 100%;
        height: 100%; }
    .active-wrapper .page-5 .next {
      width: 100%;
      border-radius: 15px; }
  .active-wrapper .slider {
    position: absolute;
    width: .6rem;
    height: .6rem;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto;
    z-index: 9999;
    -webkit-animation: slide_up 1.8s infinite ease-in-out; }

@-webkit-keyframes slide_up {
  0%, 30% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0); } }

.notice {
  padding: .2rem .25rem;
  background-color: white; }
  .notice .notice-container {
    background: #fff1ef;
    border-radius: 8px;
    padding: .1rem .3rem;
    height: .8rem;
    overflow: hidden;
    position: relative; }
  .notice .notice-content {
    position: relative;
    height: 100%; }
  .notice .notice-item {
    background: #fff1ef;
    display: flex;
    align-items: center;
    height: .8rem;
    font-size: .28rem;
    color: #ed6a0c;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.5s ease-in-out; }
    .notice .notice-item.active {
      opacity: 1;
      transform: translateY(0); }
    .notice .notice-item .van-icon {
      margin-right: .15rem;
      font-size: .32rem; }
    .notice .notice-item span {
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .notice .notice-item strong {
      color: #232323;
      padding-right: .2rem; }