.wh-fade-toast-enter {
  opacity: 0;
}
.wh-fade-toast-enter-active,
.wh-fade-toast-leave-active {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.wh-fade-toast-leave-active {
  opacity: 0;
}
* {
  margin: 0;
  padding: 0;
}
/* wh-toast */
.wh-toast {
  position: fixed;
  z-index: 9999;
  line-height: 17px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.wh-toast-message {
  font-size: 14px;
  padding: 12px 16px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  background: #323232;
  opacity: 0.9;
}
.wh-toast-bottom {
  bottom: 50px;
}
.wh-toast-center {
  bottom: 45%;
}
.wh-toast-top {
  top: 50px;
}


.px-line[data-v-5ff4d1b0] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5ff4d1b0] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5ff4d1b0], .fade-leave-active[data-v-5ff4d1b0] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5ff4d1b0], .fade-leave-to[data-v-5ff4d1b0] {
  opacity: 0;
}
.tip-text[data-v-5ff4d1b0] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5ff4d1b0] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5ff4d1b0] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5ff4d1b0], .popup-leave-active[data-v-5ff4d1b0] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5ff4d1b0], .popup-leave-to[data-v-5ff4d1b0] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5ff4d1b0]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5ff4d1b0]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5ff4d1b0] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5ff4d1b0]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5ff4d1b0] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5ff4d1b0] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5ff4d1b0] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5ff4d1b0] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5ff4d1b0] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5ff4d1b0] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-medal-card[data-v-5ff4d1b0] {
  background: white;
  padding: .2rem;
  border-radius: 5px;
  margin-bottom: .2rem;
  margin: .4rem .4rem 0 .4rem;
}
.rr-medal-card .rr-medal-card-title[data-v-5ff4d1b0] {
    margin: .2rem 0;
    font-size: 0.32rem;
    letter-spacing: -0.39px;
    color: #333333;
    font-weight: bold;
}
.rr-medal-card .rr-medal-card-title span[data-v-5ff4d1b0] {
      color: #3B93FA;
}
.rr-scroll-list-item[data-v-5ff4d1b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rr-scroll-list-item .item-thumb[data-v-5ff4d1b0] {
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 0;
    margin-bottom: .1rem;
}
.rr-scroll-list-item .item-title[data-v-5ff4d1b0] {
    font-size: 0.22rem;
    min-width: 1.2rem;
    text-align: center;
}

.px-line[data-v-97c71dcc] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-97c71dcc] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-97c71dcc], .fade-leave-active[data-v-97c71dcc] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-97c71dcc], .fade-leave-to[data-v-97c71dcc] {
  opacity: 0;
}
.tip-text[data-v-97c71dcc] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-97c71dcc] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-97c71dcc] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-97c71dcc], .popup-leave-active[data-v-97c71dcc] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-97c71dcc], .popup-leave-to[data-v-97c71dcc] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-97c71dcc]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-97c71dcc]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-97c71dcc] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-97c71dcc]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-97c71dcc] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-97c71dcc] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-97c71dcc] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-97c71dcc] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-97c71dcc] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-97c71dcc] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.avatar[data-v-97c71dcc] {
  border: 2px solid white;
  margin: 0 auto .4rem auto;
  display: block;
  height: 1.1rem;
  width: 1.1rem;
  border-radius: 50%;
}

.px-line[data-v-79cfa3fb] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-79cfa3fb] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-79cfa3fb], .fade-leave-active[data-v-79cfa3fb] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-79cfa3fb], .fade-leave-to[data-v-79cfa3fb] {
  opacity: 0;
}
.tip-text[data-v-79cfa3fb] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-79cfa3fb] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-79cfa3fb] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-79cfa3fb], .popup-leave-active[data-v-79cfa3fb] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-79cfa3fb], .popup-leave-to[data-v-79cfa3fb] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-79cfa3fb]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-79cfa3fb]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-79cfa3fb] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-79cfa3fb]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-79cfa3fb] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-79cfa3fb] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-79cfa3fb] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-79cfa3fb] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-79cfa3fb] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-79cfa3fb] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-swiper[data-v-79cfa3fb] {
  -webkit-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.rr-swiper .rr-swiper-tip[data-v-79cfa3fb] {
    position: absolute;
    top: 1.7rem;
    width: 100vw;
    height: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.rr-swiper .rr-swiper-tip a[data-v-79cfa3fb] {
      min-width: 2.2rem;
      display: block;
      text-align: center;
      padding: .1rem .2rem;
      font-size: 0.22rem;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 1rem;
      color: white;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.rr-swiper .rr-swiper-item-content[data-v-79cfa3fb] {
    background: #FFF;
    height: 100%;
    border-radius: 5px;
    padding: 0 0.4rem;
    padding-top: 0.4rem;
    width: calc(100% - 1.6rem);
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    margin: 0 auto;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.rr-swiper-item-content-active[data-v-79cfa3fb] {
  margin: 0 auto;
}
.rr-swiper-item[data-v-79cfa3fb] {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rr-swiper-item .rr-swiper-item-triangle[data-v-79cfa3fb] {
    width: 0;
    height: 0;
    border: 0.2rem solid transparent;
    border-bottom: 0.2rem solid white;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.1rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
    z-index: -5;
}
.rr-swiper-item .rr-swiper-item-triangle-active[data-v-79cfa3fb] {
    -webkit-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem);
}
.swiper-fade-enter-active[data-v-79cfa3fb], .swiper-fade-leave-active[data-v-79cfa3fb] {
  -webkit-transition: all .5s;
  transition: all .5s;
  position: absolute;
  top: 0;
}
.swiper-fade-enter[data-v-79cfa3fb], .swiper-fade-leave-to[data-v-79cfa3fb] {
  opacity: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
}
.rr-medal-spec-desc[data-v-79cfa3fb] {
  color: #919699;
  text-align: center;
}
.gouka-title[data-v-79cfa3fb] {
  font-size: 0.28rem;
  color: #333333;
  font-weight: bold;
  margin: 0.32rem 0 0.12rem;
}
.gouka-li[data-v-79cfa3fb] {
  font-size: 0.24rem;
  color: #919699;
  margin: 0.12rem 0;
}
.swiper-item-li[data-v-79cfa3fb] {
  color: #6B6B6B;
  width: 100%;
  font-size: 0.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.swiper-item-li .item-li-left[data-v-79cfa3fb] {
    font-size: 0.24rem;
    color: #919699;
}
.swiper-item-li .item-li-right[data-v-79cfa3fb] {
    position: absolute;
    right: 0.4rem;
}
.swiper-item-li .item-desc[data-v-79cfa3fb] {
    font-size: 0.24rem;
    color: #919699;
    width: 100%;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e5e5e5;
    margin: 0.2rem 0 0.4rem;
}
.swiper-item-li .item-grid[data-v-79cfa3fb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.swiper-item-li .item-grid i[data-v-79cfa3fb] {
      width: 100%;
      text-align: center;
      font-size: 0.6rem;
      margin-bottom: 0.06rem;
      background-image: linear-gradient(-46deg, #EBBD5A 0%, #F2D48B 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}
.swiper-item-li .item-grid .title[data-v-79cfa3fb] {
      width: 100%;
      margin-bottom: .2em;
      text-align: center;
      color: #919699;
      font-size: 0.2rem;
}
.rr-swiper-title[data-v-79cfa3fb] {
  font-size: 0.5rem;
  text-align: center;
  padding-top: 0.1rem;
  color: white;
}
.rr-swiper-title a[data-v-79cfa3fb] {
    width: 50%;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -25%;
}
.rr-swiper-btn[data-v-79cfa3fb] {
  background-image: linear-gradient(-46deg, #EBBD5A 0%, #F2D48B 100%);
  border-radius: 0.58rem;
  font-size: 0.32rem;
  text-align: center;
  color: white;
  width: 40%;
  margin-left: -20%;
  padding: .1rem;
  position: fixed;
  left: 50%;
  bottom: 14%;
}
.rr-swiper-btn .rr-swiper-btn-tip[data-v-79cfa3fb] {
    position: absolute;
    width: 2rem;
    margin-left: -1rem;
    left: 50%;
    color: #6B6B6B;
    margin-top: 0.24rem;
    font-size: 0.24rem;
}
.damowang-btn[data-v-79cfa3fb] {
  position: relative;
  margin-top: 1.2rem;
  margin-bottom: 0.2rem;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.4rem;
  width: 2.6rem;
  border-radius: 1rem;
}
.rr-medal-spec-list[data-v-79cfa3fb] {
  margin: 0 -0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rr-medal-spec-list .rr-medal-spec-title[data-v-79cfa3fb] {
    font-size: 0.24rem;
}
.rr-medal-spec-list .rr-medal-spec[data-v-79cfa3fb] {
    font-size: 0.32rem;
    height: 0.78rem;
    width: 2.1rem;
    border-radius: 0.1rem;
    padding: 0.2rem 0;
    margin: 0;
    border: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.rr-medal-spec-list .rr-medal-spec *[data-v-79cfa3fb] {
      display: inline;
}
.rr-medal-spec-list .rr-medal-spec span[data-v-79cfa3fb] {
      color: #919699;
      font-size: 0.24rem;
}
.rr-medal-spec-list .rr-medal-spec span i[data-v-79cfa3fb] {
        font-size: 0.24rem;
}
.rr-medal-spec-list .rr-medal-spec a[data-v-79cfa3fb] {
      color: #919699;
      font-size: 0.24rem;
}
.rr-medal-piece[data-v-79cfa3fb] {
  font-size: .3rem;
  font-weight: bold;
  text-align: center;
  margin-top: .2rem;
}
.rr-medal-piece .rr-medal-piece-li[data-v-79cfa3fb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.rr-medal-piece .rr-medal-piece-li img[data-v-79cfa3fb] {
      height: 1.2rem;
      width: 1.2rem;
}
.rr-medal-piece .rr-medal-piece-li .rr-medal-piece-center[data-v-79cfa3fb] {
      color: #6B6B6B;
}
.rr-medal-piece .rr-medal-piece-li .rr-medal-piece-center span[data-v-79cfa3fb] {
        color: #EBBD5A;
}
.rr-medal-spec-active[data-v-79cfa3fb] {
  background: rgba(236, 192, 94, 0.2);
  border: 1px solid #ECC05E !important;
}
.rr-medal-spec-active .sizhounian-desc[data-v-79cfa3fb] {
    color: #DCB461;
}
.rr-medal-spec-active a[data-v-79cfa3fb] {
    color: #DCB461 !important;
}
.rr-swiper-iconimg[data-v-79cfa3fb] {
  height: 1.4rem;
  width: 1.4rem;
}
.leftAnimate-enter-active[data-v-79cfa3fb], .leftAnimate-leave-active[data-v-79cfa3fb] {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.leftAnimate-enter[data-v-79cfa3fb] {
  opacity: 0;
  -webkit-transform: translateX(50px) scale(0.8, 0.8);
          transform: translateX(50px) scale(0.8, 0.8);
}
.leftAnimate-leave-to[data-v-79cfa3fb] {
  opacity: 0;
  -webkit-transform: translateX(-50px) scale(0.8, 0.8);
          transform: translateX(-50px) scale(0.8, 0.8);
}
.rightAnimate-enter-active[data-v-79cfa3fb], .rightAnimate-leave-active[data-v-79cfa3fb] {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.rightAnimate-enter[data-v-79cfa3fb], .rightAnimate-leave-to[data-v-79cfa3fb] {
  opacity: 0;
  -webkit-transform: translateX(-50px) scale(0.8, 0.8);
          transform: translateX(-50px) scale(0.8, 0.8);
}
.rightAnimate-leave-to[data-v-79cfa3fb] {
  opacity: 0;
  -webkit-transform: translateX(50px) scale(0.8, 0.8);
          transform: translateX(50px) scale(0.8, 0.8);
}
.gouka-list[data-v-79cfa3fb] {
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.gouka-list .gouka[data-v-79cfa3fb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid #E5E5E5;
    padding: 0.12rem 0rem 0.2rem;
    border-radius: 0.1rem;
    width: 2.08rem;
}
.gouka-list .gouka .cuxiao-block[data-v-79cfa3fb] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.gouka-list .gouka .cuxiao-block .cuxiao-price[data-v-79cfa3fb] {
        color: #DCB461;
        font-size: 0.4rem;
        font-weight: bold;
}
.gouka-list .gouka .cuxiao-block .cuxiao-price .small[data-v-79cfa3fb] {
          font-size: 0.24rem;
}
.gouka-list .gouka .cuxiao-block .cuxiao-old-price[data-v-79cfa3fb] {
        font-size: 0.2rem;
        -webkit-transform: translate3D(0.06rem, 0.06rem, 0);
                transform: translate3D(0.06rem, 0.06rem, 0);
        text-decoration: line-through;
        color: #CACBCC;
}
.gouka-list .gouka span[data-v-79cfa3fb] {
      text-align: center;
      color: #333333;
      margin: 0.16rem 0;
      font-size: 0.36rem;
}
.gouka-list .gouka .btn[data-v-79cfa3fb] {
      background: #DCB461;
      height: 0.52rem;
      width: 1.08rem;
      border-radius: 0;
      border-radius: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      color: white;
}
.tab-menu-box[data-v-79cfa3fb] {
  height: .7rem;
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.tab-menu[data-v-79cfa3fb] {
  font-size: 0.24rem;
  color: #919699;
  width: 1.6rem;
  height: 0.48rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.tab-menu-activity[data-v-79cfa3fb] {
  font-size: 0.36rem;
  color: #333333;
  font-weight: bold;
}
.hot-tip[data-v-79cfa3fb] {
  font-size: 0.16rem;
  position: absolute;
  height: 0.2rem;
  width: 0.8rem;
  border-radius: 0;
  color: white;
  font-weight: normal;
  padding: 0.06rem 0rem;
  width: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #FF667F;
  border-radius: 0.04rem;
  right: 0.16rem;
  top: -0.24rem;
}
@-webkit-keyframes hotTipAnimate-data-v-79cfa3fb {
0% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
}
50% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
}
100% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
}
}
@keyframes hotTipAnimate-data-v-79cfa3fb {
0% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
}
50% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
}
100% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
}
}

.rr-swiper-item[data-v-c6cbc530] {
  position: absolute;
  width: 100%;
}

svg[data-v-2ef71f16] {
  position: fixed;
  top: -5rem;
  left: 0;
}

.icon-num[data-v-5f74355f] {
  margin: 0 -.05rem;
}

.oMask {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999998;
}

.px-line[data-v-ec1410fa] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-ec1410fa] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-ec1410fa], .fade-leave-active[data-v-ec1410fa] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-ec1410fa], .fade-leave-to[data-v-ec1410fa] {
  opacity: 0;
}
.tip-text[data-v-ec1410fa] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-ec1410fa] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-ec1410fa] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-ec1410fa], .popup-leave-active[data-v-ec1410fa] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-ec1410fa], .popup-leave-to[data-v-ec1410fa] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-ec1410fa]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-ec1410fa]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-ec1410fa] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-ec1410fa]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-ec1410fa] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-ec1410fa] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-ec1410fa] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-ec1410fa] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-ec1410fa] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-ec1410fa] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-switch[data-v-ec1410fa] {
  height: 0.5rem;
  width: 0.9rem;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.rr-switch .rr-switch-label[data-v-ec1410fa] {
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 50%;
    z-index: 5;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.rr-switch .rr-switch-bg[data-v-ec1410fa] {
    background: white;
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.px-line[data-v-71238c7b] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-71238c7b] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-71238c7b], .fade-leave-active[data-v-71238c7b] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-71238c7b], .fade-leave-to[data-v-71238c7b] {
  opacity: 0;
}
.tip-text[data-v-71238c7b] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-71238c7b] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-71238c7b] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-71238c7b], .popup-leave-active[data-v-71238c7b] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-71238c7b], .popup-leave-to[data-v-71238c7b] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-71238c7b]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-71238c7b]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-71238c7b] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-71238c7b]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-71238c7b] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-71238c7b] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-71238c7b] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-71238c7b] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-71238c7b] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-71238c7b] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-scroll-list[data-v-71238c7b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.rr-scroll-list[data-v-71238c7b]::-webkit-scrollbar {
  display: none;
}

.px-line[data-v-5799ee7c] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5799ee7c] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5799ee7c], .fade-leave-active[data-v-5799ee7c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5799ee7c], .fade-leave-to[data-v-5799ee7c] {
  opacity: 0;
}
.tip-text[data-v-5799ee7c] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5799ee7c] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5799ee7c] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5799ee7c], .popup-leave-active[data-v-5799ee7c] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5799ee7c], .popup-leave-to[data-v-5799ee7c] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5799ee7c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5799ee7c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5799ee7c] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5799ee7c]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5799ee7c] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5799ee7c] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5799ee7c] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5799ee7c] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5799ee7c] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5799ee7c] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.px-line[data-v-4455a85b] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-4455a85b] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-4455a85b], .fade-leave-active[data-v-4455a85b] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-4455a85b], .fade-leave-to[data-v-4455a85b] {
  opacity: 0;
}
.tip-text[data-v-4455a85b] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-4455a85b] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-4455a85b] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-4455a85b], .popup-leave-active[data-v-4455a85b] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-4455a85b], .popup-leave-to[data-v-4455a85b] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-4455a85b]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-4455a85b]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-4455a85b] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-4455a85b]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-4455a85b] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-4455a85b] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-4455a85b] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-4455a85b] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-4455a85b] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-4455a85b] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.background-blur-mask[data-v-4455a85b] {
  position: fixed;
  width: 100%;
  background: transparent;
  z-index: 9998;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.preview-img[data-v-4455a85b] {
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.preview-img-active[data-v-4455a85b] {
  -webkit-transform: scale(0.7, 0.7) translateZ(0);
          transform: scale(0.7, 0.7) translateZ(0);
}
.preview-img-enter[data-v-4455a85b] {
  -webkit-transform: scale(1, 1) translateZ(0);
          transform: scale(1, 1) translateZ(0);
}
.preview-img-enter-to[data-v-4455a85b] {
  -webkit-transform: scale(0.7, 0.7) translateZ(0);
          transform: scale(0.7, 0.7) translateZ(0);
}
.preview-img-leave[data-v-4455a85b] {
  opacity: 0;
}
.share-bottom-bar[data-v-4455a85b] {
  position: fixed;
  bottom: 0;
  background: white;
  height: 2.5rem;
  width: 100%;
}

.px-line[data-v-37d6783c] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-37d6783c] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-37d6783c], .fade-leave-active[data-v-37d6783c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-37d6783c], .fade-leave-to[data-v-37d6783c] {
  opacity: 0;
}
.tip-text[data-v-37d6783c] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-37d6783c] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-37d6783c] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-37d6783c], .popup-leave-active[data-v-37d6783c] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-37d6783c], .popup-leave-to[data-v-37d6783c] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-37d6783c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-37d6783c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-37d6783c] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-37d6783c]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-37d6783c] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-37d6783c] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-37d6783c] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-37d6783c] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-37d6783c] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-37d6783c] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.close-area[data-v-37d6783c] {
  position: absolute;
  right: 0;
  top: 0;
  height: 0.44rem;
  width: 0.44rem;
  border-radius: 0;
  color: #919699;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.close-area .iconfont[data-v-37d6783c] {
    font-size: 0.14rem;
}
.rr-open-in-app-bar[data-v-37d6783c] {
  height: 1.16rem;
  background: #001B25;
  position: fixed;
  z-index: 999;
  left: 0;
  width: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rr-open-in-app-bar .icon[data-v-37d6783c] {
    display: block;
    height: 0.64rem;
    width: 1.14rem;
    border-radius: 0;
    position: absolute;
    left: 0;
    margin: 0 0.22rem 0 0.42rem;
}
.rr-open-in-app-bar .text[data-v-37d6783c] {
    color: white;
    height: 67%;
    margin-right: 0.48rem;
    margin-left: 1.76rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}
.rr-open-in-app-bar .text .title[data-v-37d6783c] {
      font-size: .32rem;
      font-weight: bold;
}
.rr-open-in-app-bar .text .desc[data-v-37d6783c] {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      font-size: 0.24rem;
      transition: all .3s;
      position: absolute;
      left: 0;
}
.rr-open-in-app-bar .button[data-v-37d6783c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: .32rem;
    color: white;
    height: 0.66rem;
    width: 1.54rem;
    margin-right: .44rem;
    background: #00BBFF;
    border-radius: .55rem;
}
.fade-in-out-enter-active[data-v-37d6783c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  position: absolute;
}
.fade-in-out-leave-active[data-v-37d6783c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  position: absolute;
}
.fade-in-out-leave-to[data-v-37d6783c] {
  -webkit-transform: translateY(0.14rem);
          transform: translateY(0.14rem);
  opacity: 0;
}
.fade-in-out-enter[data-v-37d6783c] {
  -webkit-transform: translateY(-0.14rem);
          transform: translateY(-0.14rem);
  opacity: 0;
}
.fade-abs-enter-active[data-v-37d6783c], .fade-abs-leave-active[data-v-37d6783c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-abs-enter[data-v-37d6783c], .fade-abs-leave-to[data-v-37d6783c] {
  opacity: 0;
}

.px-line[data-v-4b597c12] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-4b597c12] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-4b597c12], .fade-leave-active[data-v-4b597c12] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-4b597c12], .fade-leave-to[data-v-4b597c12] {
  opacity: 0;
}
.tip-text[data-v-4b597c12] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-4b597c12] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-4b597c12] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-4b597c12], .popup-leave-active[data-v-4b597c12] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-4b597c12], .popup-leave-to[data-v-4b597c12] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-4b597c12]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-4b597c12]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-4b597c12] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-4b597c12]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-4b597c12] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-4b597c12] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-4b597c12] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-4b597c12] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-4b597c12] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-4b597c12] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-open-in-app-bar[data-v-4b597c12] {
  height: 1.16rem;
  background: #001B25;
  position: fixed;
  z-index: 999;
  left: 0;
  width: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rr-open-in-app-bar .close-btn[data-v-4b597c12] {
    position: absolute;
    right: 0rem;
    top: 0rem;
    color: white;
    padding: 0.1rem;
    font-size: 0.16rem;
}
.rr-open-in-app-bar .icon[data-v-4b597c12] {
    display: block;
    height: 0.84rem;
    width: 0.6rem;
    border-radius: 0;
    margin: 0 0.22rem 0 .42rem;
    position: absolute;
    left: 0rem;
}
.rr-open-in-app-bar .text[data-v-4b597c12] {
    color: white;
    height: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    left: 1.24rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.rr-open-in-app-bar .text .title[data-v-4b597c12] {
      font-size: 0.3rem;
      width: 4rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      font-weight: bold;
}
.rr-open-in-app-bar .text .desc[data-v-4b597c12] {
      font-size: 0.24rem;
}
.rr-open-in-app-bar .button[data-v-4b597c12] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: .32rem;
    right: 0;
    position: absolute;
    color: white;
    height: 0.72rem;
    width: 1.7rem;
    margin-right: .42rem;
    background-image: url("/cdn-img/fe/20181022/share-btn.png");
    background-size: 100% 100%;
    border-radius: .55rem;
}
.fade-in-out-enter-active[data-v-4b597c12] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  position: absolute;
}
.fade-in-out-leave-active[data-v-4b597c12] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  position: absolute;
}
.fade-in-out-leave-to[data-v-4b597c12] {
  -webkit-transform: translateY(0.14rem);
          transform: translateY(0.14rem);
  opacity: 0;
}
.fade-in-out-enter[data-v-4b597c12] {
  -webkit-transform: translateY(-0.14rem);
          transform: translateY(-0.14rem);
  opacity: 0;
}
.fade-abs-enter-active[data-v-4b597c12], .fade-abs-leave-active[data-v-4b597c12] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-abs-enter[data-v-4b597c12], .fade-abs-leave-to[data-v-4b597c12] {
  opacity: 0;
}

.px-line[data-v-6e1a2300] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-6e1a2300] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-6e1a2300], .fade-leave-active[data-v-6e1a2300] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-6e1a2300], .fade-leave-to[data-v-6e1a2300] {
  opacity: 0;
}
.tip-text[data-v-6e1a2300] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-6e1a2300] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-6e1a2300] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-6e1a2300], .popup-leave-active[data-v-6e1a2300] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-6e1a2300], .popup-leave-to[data-v-6e1a2300] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-6e1a2300]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-6e1a2300]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-6e1a2300] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-6e1a2300]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-6e1a2300] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-6e1a2300] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-6e1a2300] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-6e1a2300] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-6e1a2300] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-6e1a2300] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-list[data-v-6e1a2300] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top: 1px solid #eee;
  padding: .3rem .2rem;
}
.rr-list .user-avatar[data-v-6e1a2300] {
    height: 0.6rem;
    width: 0.6rem;
    border-radius: 50%;
    margin-right: .2rem;
}
.rr-list .list-desc[data-v-6e1a2300] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: .8rem;
}
.rr-list .list-desc .title[data-v-6e1a2300] {
      font-weight: bold;
      font-size: .3rem;
}
.rr-list .list-desc .desc[data-v-6e1a2300] {
      font-size: .2rem;
      color: #777777;
}

.px-line[data-v-02c5f30c] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-02c5f30c] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-02c5f30c], .fade-leave-active[data-v-02c5f30c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-02c5f30c], .fade-leave-to[data-v-02c5f30c] {
  opacity: 0;
}
.tip-text[data-v-02c5f30c] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-02c5f30c] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-02c5f30c] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-02c5f30c], .popup-leave-active[data-v-02c5f30c] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-02c5f30c], .popup-leave-to[data-v-02c5f30c] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-02c5f30c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-02c5f30c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-02c5f30c] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-02c5f30c]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-02c5f30c] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-02c5f30c] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-02c5f30c] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-02c5f30c] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-02c5f30c] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-02c5f30c] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-button[data-v-02c5f30c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 5px;
  padding: .09rem .28rem;
  font-weight: normal;
}
.rr-button i[data-v-02c5f30c] {
    margin-right: .05rem;
    margin-left: -.1rem;
    font-weight: bold;
}
.rr-button .label[data-v-02c5f30c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.rr-button-normal[data-v-02c5f30c] {
  font-size: .4rem;
  width: 2rem;
}
.rr-button-normal i[data-v-02c5f30c] {
    font-size: .4rem;
}
.rr-button-small[data-v-02c5f30c] {
  font-size: .25rem;
  width: .8rem;
}
.rr-button-small i[data-v-02c5f30c] {
    font-size: .25rem;
}
.rr-button-big[data-v-02c5f30c] {
  font-size: .5rem;
  width: 3rem;
}
.rr-button-big i[data-v-02c5f30c] {
    font-size: .5rem;
}
.rr-button-block[data-v-02c5f30c] {
  font-size: .3rem;
  width: 100%;
  padding: .15rem 0;
}
.rr-button-block i[data-v-02c5f30c] {
    font-size: .3em;
}
.rr-button-blink-animate[data-v-02c5f30c] {
  -webkit-animation: text-blink-data-v-02c5f30c .08s infinite alternate;
          animation: text-blink-data-v-02c5f30c .08s infinite alternate;
}
@-webkit-keyframes text-blink-data-v-02c5f30c {
from {
    -webkit-transform: translateY(0.05rem);
            transform: translateY(0.05rem);
}
to {
    -webkit-transform: translateY(-0.05rem);
            transform: translateY(-0.05rem);
}
}
@keyframes text-blink-data-v-02c5f30c {
from {
    -webkit-transform: translateY(0.05rem);
            transform: translateY(0.05rem);
}
to {
    -webkit-transform: translateY(-0.05rem);
            transform: translateY(-0.05rem);
}
}

.px-line[data-v-5e026dbe] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5e026dbe] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5e026dbe], .fade-leave-active[data-v-5e026dbe] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5e026dbe], .fade-leave-to[data-v-5e026dbe] {
  opacity: 0;
}
.tip-text[data-v-5e026dbe] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5e026dbe] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5e026dbe] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5e026dbe], .popup-leave-active[data-v-5e026dbe] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5e026dbe], .popup-leave-to[data-v-5e026dbe] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5e026dbe]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5e026dbe]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5e026dbe] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5e026dbe]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5e026dbe] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5e026dbe] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5e026dbe] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5e026dbe] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5e026dbe] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5e026dbe] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.user-comment[data-v-5e026dbe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-bottom: 1px solid #eee;
  width: 100%;
  padding: .2rem 0;
}
.user-comment .left[data-v-5e026dbe] {
    margin-right: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.user-comment .left .user-avatar[data-v-5e026dbe] {
      height: 0.6rem;
      width: 0.6rem;
      border-radius: 50%;
      margin-top: .1rem;
}
.user-comment .list-desc[data-v-5e026dbe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.user-comment .list-desc .title[data-v-5e026dbe] {
      font-size: .25rem;
      color: #4A4A4A;
      font-weight: normal;
      margin-top: .15rem;
}
.user-comment .list-desc .desc[data-v-5e026dbe] {
      font-size: .2rem;
      color: #777777;
      font-weight: normal;
      margin-bottom: .1rem;
}
.user-comment .list-desc .comment[data-v-5e026dbe] {
      font-size: .25rem;
      font-weight: normal;
      max-height: 9rem;
      color: #222;
}
.commont-right[data-v-5e026dbe] {
  color: #AAA;
  font-size: .25rem;
  margin-top: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-weight: normal;
}
.commont-right i[data-v-5e026dbe] {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: .1rem;
}

.px-line[data-v-151ab63b] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-151ab63b] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-151ab63b], .fade-leave-active[data-v-151ab63b] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-151ab63b], .fade-leave-to[data-v-151ab63b] {
  opacity: 0;
}
.tip-text[data-v-151ab63b] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-151ab63b] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-151ab63b] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-151ab63b], .popup-leave-active[data-v-151ab63b] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-151ab63b], .popup-leave-to[data-v-151ab63b] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-151ab63b]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-151ab63b]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-151ab63b] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-151ab63b]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-151ab63b] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-151ab63b] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-151ab63b] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-151ab63b] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-151ab63b] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-151ab63b] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.child-comment-wrap .nickname[data-v-151ab63b] {
  color: #00BBFF;
  line-height: 0.6rem;
  font-size: 0.3rem;
  display: inline;
  font-weight: normal;
}
.child-comment-wrap .content[data-v-151ab63b] {
  font-size: 0.3rem;
  display: inline;
  line-height: 1.1em;
  font-weight: 500;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.pswp img {
    max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: none;
    opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
}
.pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
}
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000;
}
.pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
}
}
@-webkit-keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.px-line[data-v-1e2ea072] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-1e2ea072] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-1e2ea072], .fade-leave-active[data-v-1e2ea072] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-1e2ea072], .fade-leave-to[data-v-1e2ea072] {
  opacity: 0;
}
.tip-text[data-v-1e2ea072] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-1e2ea072] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-1e2ea072] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-1e2ea072], .popup-leave-active[data-v-1e2ea072] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-1e2ea072], .popup-leave-to[data-v-1e2ea072] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-1e2ea072]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-1e2ea072]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-1e2ea072] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-1e2ea072]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-1e2ea072] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-1e2ea072] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-1e2ea072] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-1e2ea072] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-1e2ea072] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-1e2ea072] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.line-limit .update-content[data-v-1e2ea072], .line-limit .update-translation[data-v-1e2ea072], .line-limit .comment-title[data-v-1e2ea072] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.line-limit .comment[data-v-1e2ea072] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.season-title[data-v-1e2ea072] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.season-tag[data-v-1e2ea072] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.user-comment[data-v-1e2ea072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #eee;
  width: 100%;
  padding: .6rem 0;
}
.user-comment .top[data-v-1e2ea072] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.user-comment .left[data-v-1e2ea072] {
    margin-right: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.user-comment .left .user-avatar[data-v-1e2ea072] {
      height: 0.6rem;
      width: 0.6rem;
      border-radius: 50%;
}
.user-comment .list-desc[data-v-1e2ea072] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.user-comment .list-desc .title[data-v-1e2ea072] {
      font-size: .25rem;
      color: #4A4A4A;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      font-weight: normal;
}
.user-comment .list-desc .title .tag[data-v-1e2ea072] {
        font-size: 0.18rem;
        color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        background: #00BBFF;
        padding: 0.02rem 0.08rem;
        margin-left: 0.08rem;
        border-radius: 0.06rem;
}
.user-comment .list-desc .desc[data-v-1e2ea072] {
      font-size: .2rem;
      color: #777777;
      font-weight: normal;
      margin-bottom: .1rem;
}
.user-comment .comment[data-v-1e2ea072] {
    font-size: .25rem;
    font-weight: normal;
    color: #919699;
}
.comment-title[data-v-1e2ea072] {
  font-size: 0.3rem;
  margin-bottom: 0.06rem;
  color: #333333;
}
.images-preview[data-v-1e2ea072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 0.16rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.images-preview img[data-v-1e2ea072] {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    display: block;
    border-radius: 0.04rem;
    margin-top: 2px;
    height: 100%;
    width: 100%;
    border-radius: 0;
}
.circle-tag[data-v-1e2ea072] {
  font-size: 0.24rem;
  color: #919699;
  background: #F2F4F5;
  padding: 0.1rem 0.24rem;
  border-radius: 1rem;
  margin-top: 0.2rem;
}
.action-bar[data-v-1e2ea072] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  font-size: 0.24rem;
  color: #919699;
  margin: 0.1rem 0 0.04rem;
}
.action-bar i[data-v-1e2ea072] {
    margin-left: 0.16rem;
}
.commont-right[data-v-1e2ea072] {
  color: #AAA;
  font-size: .25rem;
  margin-top: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-weight: normal;
}
.commont-right i[data-v-1e2ea072] {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: .1rem;
}
.quote-season[data-v-1e2ea072] {
  border-radius: 0.12rem;
  width: calc(100% - 0.6rem);
  font-size: 0.3rem;
  background: #F6F7F8;
  color: #333;
  margin-bottom: 0.16rem;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.quote-season .season-thumb[data-v-1e2ea072] {
    width: 1.14rem;
    height: 1.6rem;
}
.quote-season .season-thumb img[data-v-1e2ea072] {
      width: 100%;
      height: 100%;
      border-radius: 0.06rem;
}
.quote-season .season-desc[data-v-1e2ea072] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 0.3rem;
    line-height: 0.48rem;
}
.quote-season .season-desc .season-title[data-v-1e2ea072] {
      color: #333333;
      font-size: 0.3rem;
}
.quote-season .season-desc .season-tag[data-v-1e2ea072] {
      color: #919699;
      font-size: 0.24rem;
}
.quote-season .season-desc .season-score[data-v-1e2ea072] {
      color: #00BBFF;
      font-size: 0.24rem;
}
.quote-season .update-author[data-v-1e2ea072] {
    color: #00BBFF;
    margin-bottom: .4em;
}
.quote-season .update-content[data-v-1e2ea072] {
    margin-bottom: .4em;
}
.quote-season .update-translation[data-v-1e2ea072] {
    color: #919699;
}
.quote-season .video-desc[data-v-1e2ea072] {
    width: 3.76rem;
}
.quote-season .video-thumb[data-v-1e2ea072] {
    width: 2.06rem;
    margin-right: 0.3rem;
    position: relative;
    height: 1.16rem;
}
.quote-season .video-thumb .mask[data-v-1e2ea072] {
      position: absolute;
      left: 0;
      top: 0;
      height: 1.16rem;
      width: 2.06rem;
      background: rgba(0, 0, 0, 0.3);
}
.quote-season .video-thumb .iconfont[data-v-1e2ea072] {
      color: white;
      position: absolute;
      font-size: 0.32rem;
      left: 50%;
      top: 50%;
      margin-left: -0.16rem;
      margin-top: -0.16rem;
}
.quote-season .video-thumb img[data-v-1e2ea072] {
      width: 100%;
      height: 100%;
      border-radius: 0.06rem;
}

.px-line[data-v-9a7b055e] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-9a7b055e] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-9a7b055e], .fade-leave-active[data-v-9a7b055e] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-9a7b055e], .fade-leave-to[data-v-9a7b055e] {
  opacity: 0;
}
.tip-text[data-v-9a7b055e] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-9a7b055e] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-9a7b055e] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-9a7b055e], .popup-leave-active[data-v-9a7b055e] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-9a7b055e], .popup-leave-to[data-v-9a7b055e] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-9a7b055e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-9a7b055e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-9a7b055e] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-9a7b055e]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-9a7b055e] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-9a7b055e] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-9a7b055e] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-9a7b055e] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-9a7b055e] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-9a7b055e] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.bank-item[data-v-9a7b055e] {
  border-bottom: 1px solid #E6E7E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.42rem 0;
}
.bank-item .list-left[data-v-9a7b055e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.bank-item .card-icon[data-v-9a7b055e] {
    height: 0.95rem;
    width: 1.48rem;
    border-radius: 0;
    margin-right: 0.24rem;
}
.bank-item .list-content .title[data-v-9a7b055e] {
    margin-bottom: 0rem;
}
.bank-item .list-content .desc[data-v-9a7b055e] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
    font-size: 0.24rem;
    color: #919699;
    max-width: 3.06rem;
}

.px-line[data-v-6185b9d2] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-6185b9d2] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-6185b9d2], .fade-leave-active[data-v-6185b9d2] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-6185b9d2], .fade-leave-to[data-v-6185b9d2] {
  opacity: 0;
}
.tip-text[data-v-6185b9d2] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-6185b9d2] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-6185b9d2] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-6185b9d2], .popup-leave-active[data-v-6185b9d2] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-6185b9d2], .popup-leave-to[data-v-6185b9d2] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-6185b9d2]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-6185b9d2]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-6185b9d2] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-6185b9d2]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-6185b9d2] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-6185b9d2] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-6185b9d2] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-6185b9d2] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-6185b9d2] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-6185b9d2] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-grid-title[data-v-6185b9d2] {
  font-size: .3rem;
  margin: 0.41rem 0.42rem 0.1rem;
}
.rr-grid-title a[data-v-6185b9d2] {
    font-weight: bold;
    line-height: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.42rem;
    margin-bottom: 0.24rem;
}
.rr-grid-title a sub[data-v-6185b9d2] {
      display: inline-block;
      -webkit-transform: translateX(-0.2rem);
              transform: translateX(-0.2rem);
      height: .3rem;
      width: .2rem;
      background: #0089F5;
}
.grid[data-v-6185b9d2] {
  font-size: .3rem;
  margin-top: .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.grid .loadMask[data-v-6185b9d2] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}

.px-line[data-v-d52170c8] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-d52170c8] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-d52170c8], .fade-leave-active[data-v-d52170c8] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-d52170c8], .fade-leave-to[data-v-d52170c8] {
  opacity: 0;
}
.tip-text[data-v-d52170c8] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-d52170c8] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-d52170c8] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-d52170c8], .popup-leave-active[data-v-d52170c8] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-d52170c8], .popup-leave-to[data-v-d52170c8] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-d52170c8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-d52170c8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-d52170c8] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-d52170c8]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-d52170c8] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-d52170c8] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-d52170c8] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-d52170c8] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-d52170c8] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-d52170c8] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.grid-item[data-v-d52170c8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  margin-bottom: .3rem;
}
.grid-item .grid-item-thumb[data-v-d52170c8] {
    height: 1.52rem;
    width: 2.7rem;
    border-radius: 0.06rem;
    position: relative;
}
.grid-item .grid-item-thumb img[data-v-d52170c8] {
      height: 100%;
      width: 100%;
      border-radius: 0.06rem;
}
.grid-item .grid-item-thumb .grid-item-badge[data-v-d52170c8] {
      border-radius: .5rem;
      position: absolute;
      right: 0.12rem;
      line-height: 1em;
      bottom: 0.12rem;
      color: rgba(255, 255, 255, 0.8);
      font-weight: normal;
      font-size: 0.24rem;
}
.grid-item .grid-item-title[data-v-d52170c8] {
    width: 3.72rem;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: .2rem;
    color: #333;
    font-size: 0.3rem;
    overflow: hidden;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.grid-item .grid-item-sub[data-v-d52170c8] {
    font-size: 0.24rem;
    color: #919699;
    line-height: 0.24rem;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.grid-item .grid-item-space[data-v-d52170c8] {
    height: 0.24rem;
    width: 1px;
    background: #E6E7E8;
    margin: 0 0.12rem;
}

.video-desc-box[data-v-4c2c4a48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.42rem;
  padding-bottom: 0rem;
}
.video-desc-box .video-desc-top[data-v-4c2c4a48] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.video-desc-box .video-desc-top .video-content[data-v-4c2c4a48] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 9;
          -ms-flex: 9;
              flex: 9;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.video-desc-box .video-desc-top .video-content .video-desc[data-v-4c2c4a48] {
        font-size: .2rem;
}
.video-desc-box .video-desc-top .video-content .video-title[data-v-4c2c4a48] {
        font-size: 0.36rem;
        font-weight: bold;
}
.video-desc-box .video-desc-top .video-content .video-sub[data-v-4c2c4a48] {
        font-size: .25rem;
        color: #AAA;
}
.video-desc-box .video-desc-top .video-icon[data-v-4c2c4a48] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      color: #666;
}
.video-desc-box .video-desc-top .video-icon i[data-v-4c2c4a48] {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
}
.video-desc-box .video-desc-bottom[data-v-4c2c4a48] {
    margin-top: .2rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.video-desc-box .video-desc-bottom .video-desc[data-v-4c2c4a48] {
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      font-size: 0.24rem;
      line-height: .45rem;
      margin-top: 0rem;
      padding-bottom: .2rem;
      color: #919699;
}
.video-desc-box .video-desc-bottom .video-tip[data-v-4c2c4a48] {
      font-size: 0.24rem;
      line-height: 1.4em;
      padding-top: .3rem;
      color: #AAA;
}
.video-desc-icon-active[data-v-4c2c4a48] {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.line-limit-1[data-v-4c2c4a48] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.tags-wrapper[data-v-4c2c4a48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.16rem;
}
.tags-wrapper .tag[data-v-4c2c4a48] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0.2rem;
    padding: 0.06rem 0.28rem;
    margin-bottom: 0.16rem;
    border-radius: 1rem;
    background: #F2F4F5;
    color: #919699;
    font-size: 0.24rem;
}
.video-desc-action-bar[data-v-4c2c4a48] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  font-size: 0.24rem;
  padding-bottom: 0.24rem;
  color: #AAA;
  padding-top: 0.3rem;
}
.video-desc-action-bar .left[data-v-4c2c4a48] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0.8;
        -ms-flex: 0.8;
            flex: 0.8;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.video-desc-action-bar .right[data-v-4c2c4a48] {
    font-size: 0.24rem;
}

.px-line {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.tip-text {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active, .popup-leave-active {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter, .popup-leave-to {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title::before {
  opacity: 0.1 !important;
}
.grayscale {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-video-wraper {
  height: 3.8rem;
  position: relative;
}
.rr-video-wraper .cover {
    position: absolute;
    z-index: 998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.rr-video-wraper video {
    height: 100%;
    width: 100%;
    -o-object-fit: fill;
       object-fit: fill;
}
.rr-video-wraper .rr-video-play-icon {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.rr-video-wraper .rr-video-play-icon i {
      font-size: 1rem;
      color: white;
}

.spinner[data-v-9faa2d0c] {
  position: fixed;
  right: 5%;
  top: 5%;
  height: .5rem;
  width: .5rem;
  z-index: 999;
}

.video-desc-box[data-v-0dce7320] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.42rem;
  margin-top: 0.3rem;
  padding-bottom: 0rem;
}
.video-desc-box .video-desc-top[data-v-0dce7320] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.video-desc-box .video-desc-top .video-content[data-v-0dce7320] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 9;
          -ms-flex: 9;
              flex: 9;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.video-desc-box .video-desc-top .video-content .video-desc[data-v-0dce7320] {
        font-size: .2rem;
}
.video-desc-box .video-desc-top .video-content .video-title[data-v-0dce7320] {
        font-size: 0.36rem;
        font-weight: bold;
}
.video-desc-box .video-desc-top .video-content .video-sub[data-v-0dce7320] {
        font-size: .25rem;
        color: #AAA;
}
.video-desc-box .video-desc-top .video-icon[data-v-0dce7320] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      color: #666;
}
.video-desc-box .video-desc-top .video-icon i[data-v-0dce7320] {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
}
.video-desc-box .video-desc-bottom[data-v-0dce7320] {
    margin-top: .15rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.video-desc-box .video-desc-bottom .video-desc[data-v-0dce7320] {
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      font-size: 0.24rem;
      line-height: .45rem;
      margin-top: 0rem;
      padding-bottom: .2rem;
      color: #919699;
}
.video-desc-box .video-desc-bottom .video-tip[data-v-0dce7320] {
      font-size: 0.24rem;
      line-height: 1.4em;
      padding-top: .3rem;
      color: #AAA;
}
.video-desc-icon-active[data-v-0dce7320] {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.line-limit-1[data-v-0dce7320] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.tags-wrapper[data-v-0dce7320] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.16rem;
}
.tags-wrapper .tag[data-v-0dce7320] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0.2rem;
    padding: 0.06rem 0.28rem;
    margin-bottom: 0.16rem;
    border-radius: 1rem;
    background: #F2F4F5;
    color: #919699;
    font-size: 0.24rem;
}
.video-desc-action-bar[data-v-0dce7320] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  font-size: 0.24rem;
  padding-bottom: 0.24rem;
  color: #AAA;
  padding-top: 0.3rem;
}
.video-desc-action-bar .left[data-v-0dce7320] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0.8;
        -ms-flex: 0.8;
            flex: 0.8;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.video-desc-action-bar .right[data-v-0dce7320] {
    font-size: 0.24rem;
}
.video-desc-center[data-v-0dce7320] {
  font-size: 0.24rem;
  display: block;
  width: 100%;
}
.video-desc-center .season-score[data-v-0dce7320] {
    color: #00BBFF;
    display: inline-block;
    padding-right: 0.18rem;
    font-weight: bold;
    border-right: 1px solid #CACBCC;
    line-height: 1em;
    margin-right: 0.18rem;
    margin-top: 0.1rem;
}
.video-desc-center .season-tag[data-v-0dce7320] {
    color: #919699;
    display: inline-block;
}

.px-line[data-v-e2ef714c] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-e2ef714c] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-e2ef714c], .fade-leave-active[data-v-e2ef714c] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-e2ef714c], .fade-leave-to[data-v-e2ef714c] {
  opacity: 0;
}
.tip-text[data-v-e2ef714c] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-e2ef714c] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-e2ef714c] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-e2ef714c], .popup-leave-active[data-v-e2ef714c] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-e2ef714c], .popup-leave-to[data-v-e2ef714c] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-e2ef714c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-e2ef714c]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-e2ef714c] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-e2ef714c]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-e2ef714c] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-e2ef714c] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-e2ef714c] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-e2ef714c] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-e2ef714c] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-e2ef714c] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.container[data-v-e2ef714c] {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 2px solid #05FDD1;
  -webkit-animation: spin-data-v-e2ef714c 1s linear infinite;
          animation: spin-data-v-e2ef714c 1s linear infinite;
}
@-webkit-keyframes spin-data-v-e2ef714c {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-data-v-e2ef714c {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.container2[data-v-e2ef714c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container2 .img[data-v-e2ef714c] {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
}
.container2 .img img[data-v-e2ef714c] {
      height: .8rem;
      width: .8rem;
      -webkit-transform: translateY(1rem);
              transform: translateY(1rem);
      z-index: 999;
      -webkit-animation: go 1s infinite;
              animation: go 1s infinite;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
}
.container2 .container1[data-v-e2ef714c] {
    height: 2rem;
    width: 2rem;
    border-radius: 0;
    -webkit-transform: rotateX(75deg);
            transform: rotateX(75deg);
}
.ripple[data-v-e2ef714c] {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.px-line[data-v-68d5fa24] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-68d5fa24] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-68d5fa24], .fade-leave-active[data-v-68d5fa24] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-68d5fa24], .fade-leave-to[data-v-68d5fa24] {
  opacity: 0;
}
.tip-text[data-v-68d5fa24] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-68d5fa24] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-68d5fa24] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-68d5fa24], .popup-leave-active[data-v-68d5fa24] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-68d5fa24], .popup-leave-to[data-v-68d5fa24] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-68d5fa24]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-68d5fa24]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-68d5fa24] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-68d5fa24]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-68d5fa24] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-68d5fa24] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-68d5fa24] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-68d5fa24] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-68d5fa24] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-68d5fa24] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-about-season[data-v-68d5fa24] {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  padding: .3rem .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rr-about-season .rr-about-desc[data-v-68d5fa24] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: .2rem;
}
.rr-about-season .rr-about-desc .rr-about-title[data-v-68d5fa24] {
      color: #333333;
      font-size: 0.4rem;
      font-weight: bold;
}
.rr-about-season .rr-about-desc .rr-about-title .scoped[data-v-68d5fa24] {
        display: inline-block;
        font-size: 0.36rem;
        color: #F24B00;
        margin-left: .1rem;
}
.rr-about-season .rr-about-desc .rr-about-title .scoped span[data-v-68d5fa24] {
          font-size: 0.32rem;
}
.rr-about-season .rr-about-desc .rr-about-sub-title[data-v-68d5fa24] {
      color: #777777;
      font-size: 0.28rem;
      margin-top: .2rem;
}
.rr-about-season .rr-about-thumb[data-v-68d5fa24] {
    overflow: hidden;
    height: 1.8rem;
    width: 1.8rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.rr-about-season .rr-about-thumb .oMask[data-v-68d5fa24] {
      position: absolute;
      left: 0;
      height: 1.8rem;
      z-index: 998;
      width: 1.8rem;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.4);
}
.rr-about-season .rr-about-thumb i[data-v-68d5fa24] {
      font-size: 1rem;
      z-index: 999;
      opacity: .6;
      color: white;
}
.rr-about-season .rr-about-thumb img[data-v-68d5fa24] {
      position: absolute;
      left: 0;
      height: 1.8rem;
      width: 1.8rem;
      border-radius: 50%;
      -webkit-box-shadow: 0px 5px 5px #DDD;
              box-shadow: 0px 5px 5px #DDD;
}

.px-line[data-v-f6a23db2] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-f6a23db2] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-f6a23db2], .fade-leave-active[data-v-f6a23db2] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-f6a23db2], .fade-leave-to[data-v-f6a23db2] {
  opacity: 0;
}
.tip-text[data-v-f6a23db2] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-f6a23db2] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-f6a23db2] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-f6a23db2], .popup-leave-active[data-v-f6a23db2] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-f6a23db2], .popup-leave-to[data-v-f6a23db2] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-f6a23db2]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-f6a23db2]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-f6a23db2] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-f6a23db2]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-f6a23db2] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-f6a23db2] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-f6a23db2] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-f6a23db2] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-f6a23db2] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-f6a23db2] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-recomment[data-v-f6a23db2] {
  color: white;
  position: relative;
}
.rr-recomment .rr-desc[data-v-f6a23db2] {
    position: absolute;
    padding: .2rem 0;
    width: 100%;
    height: 2rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.rr-recomment .rr-desc .rr-video-title[data-v-f6a23db2] {
      font-size: 0.32rem;
      padding: 0 .3rem;
      font-weight: bold;
}
.rr-recomment .rr-desc .rr-video-viewcount[data-v-f6a23db2] {
      font-size: 0.2rem;
      padding: 0 .3rem;
}
.rr-recomment .rr-recomment-video[data-v-f6a23db2] {
    z-index: -5;
    height: 4.2rem;
    width: 100%;
}
.rr-recomment .rr-video-duration[data-v-f6a23db2] {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.rr-recomment .rr-video-duration sub[data-v-f6a23db2] {
      position: absolute;
      right: .2rem;
      bottom: .2rem;
      font-size: 0.2rem;
}
.rr-video-author-info[data-v-f6a23db2] {
  height: .8rem;
  width: 100%;
  position: relative;
}
.rr-video-author-info span[data-v-f6a23db2] {
    font-size: 0.26rem;
    color: #777;
    position: absolute;
    left: 1.1rem;
    top: .1rem;
}
.rr-video-author-info img[data-v-f6a23db2] {
    position: absolute;
    top: -0.16rem;
    left: .3rem;
    border: 2px solid white;
    border-radius: 50%;
    height: 0.6rem;
    width: 0.6rem;
}

.lds-spinner[data-v-6c9d5efa] {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -.3rem;
  margin-top: -.3rem;
  height: .6rem;
  width: .6rem;
  z-index: 99999999;
}
.oMask[data-v-6c9d5efa] {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999998;
}

.px-line[data-v-b6093a32] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-b6093a32] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-b6093a32], .fade-leave-active[data-v-b6093a32] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-b6093a32], .fade-leave-to[data-v-b6093a32] {
  opacity: 0;
}
.tip-text[data-v-b6093a32] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-b6093a32] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-b6093a32] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-b6093a32], .popup-leave-active[data-v-b6093a32] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-b6093a32], .popup-leave-to[data-v-b6093a32] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-b6093a32]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-b6093a32]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-b6093a32] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-b6093a32]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-b6093a32] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-b6093a32] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-b6093a32] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-b6093a32] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-b6093a32] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-b6093a32] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.tab[data-v-b6093a32] {
  width: 90%;
  -webkit-transform: translateY(6.6rem);
          transform: translateY(6.6rem);
  margin-left: 5%;
  position: absolute;
  top: 0;
  left: 0;
}
.tab .tab-btn-container[data-v-b6093a32] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    z-index: 99;
    font-size: 0.24rem;
}
.tab .tab-btn-container .tab-btn[data-v-b6093a32] {
      background: white;
      border-radius: 0.14rem 0.14rem 0 0;
      width: 0.8rem;
      padding: 0.14rem 0.3rem;
      -webkit-box-shadow: 0rem -0.04rem 0.04rem rgba(0, 0, 0, 0.1) inset, 0.02rem -0.04rem 0.08rem rgba(0, 0, 0, 0.2);
              box-shadow: 0rem -0.04rem 0.04rem rgba(0, 0, 0, 0.1) inset, 0.02rem -0.04rem 0.08rem rgba(0, 0, 0, 0.2);
      -webkit-transition: all .3s;
      transition: all .3s;
      color: #CACACA;
}
.tab .tab-btn-container .tab-btn-active[data-v-b6093a32] {
      z-index: 99 !important;
      color: #222222;
      font-weight: bold;
      -webkit-box-shadow: 0rem -0.04rem 0.08rem rgba(0, 0, 0, 0.2);
              box-shadow: 0rem -0.04rem 0.08rem rgba(0, 0, 0, 0.2);
}
.tab .tab-content[data-v-b6093a32] {
    height: 3.6rem;
    background: white;
    width: 6.74rem;
    z-index: 100;
    margin: 0 auto;
    -webkit-box-shadow: 0.02rem 0rem 0.08rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0.02rem 0rem 0.08rem 0 rgba(0, 0, 0, 0.2);
    margin-top: -2px;
    border-radius: 0 0 0.12rem 0.12rem;
}
.tab .tab-content .text-desc[data-v-b6093a32] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      color: #004C53;
      font-size: 0.24rem;
      padding-top: .5rem;
}
.tab .tab-content .complate-btn[data-v-b6093a32] {
      height: 0.8rem;
      width: 2.8rem;
      font-size: 0.32rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      border-radius: 0.6rem;
      border: 0.04rem solid #5DAAA3;
      position: absolute;
      bottom: -0.42rem;
      background: white;
      color: #028879;
      font-weight: bold;
      left: 50%;
      margin-left: -1.4rem;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.tab .tab-content .complate-btn span[data-v-b6093a32] {
        position: absolute;
        top: 1rem;
        width: 5rem;
        color: rgba(255, 255, 255, 0.7);
        font-size: 0.24rem;
        text-align: center;
        left: 50%;
        margin-left: -2.5rem;
}
.tab .tab-content .complate-btn-active[data-v-b6093a32] {
      border: 0.04rem solid #FEEC4A;
      background: #FEEC4A;
      color: #004C53;
}

.px-line[data-v-08dc83eb] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-08dc83eb] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-08dc83eb], .fade-leave-active[data-v-08dc83eb] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-08dc83eb], .fade-leave-to[data-v-08dc83eb] {
  opacity: 0;
}
.tip-text[data-v-08dc83eb] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-08dc83eb] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-08dc83eb] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-08dc83eb], .popup-leave-active[data-v-08dc83eb] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-08dc83eb], .popup-leave-to[data-v-08dc83eb] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-08dc83eb]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-08dc83eb]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-08dc83eb] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-08dc83eb]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-08dc83eb] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-08dc83eb] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-08dc83eb] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-08dc83eb] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-08dc83eb] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-08dc83eb] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.watch-progress .progress-line[data-v-08dc83eb] {
  height: 0.16rem;
  width: 80%;
  border-radius: 0.3rem;
  -webkit-transform: translateY(1.6rem);
          transform: translateY(1.6rem);
  margin: 0 auto;
  background: #028879;
  position: relative;
}
.watch-progress .progress-line .progress-point[data-v-08dc83eb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 0.32rem;
    width: 0.32rem;
    border-radius: 50%;
    position: absolute;
    background: #5DAAA3;
    z-index: 5;
    margin-top: -0.12rem;
    margin-left: -0.2rem;
    border: 0.04rem solid white;
}
.watch-progress .progress-line .progress-point .iconfont[data-v-08dc83eb] {
      color: #028879;
      font-size: 0.16rem;
      -webkit-transition: all .3s;
      transition: all .3s;
      opacity: 0;
}
.watch-progress .progress-line .complete-progress[data-v-08dc83eb] {
    position: absolute;
    left: 0;
    height: 0.16rem;
    background: #FEEC4A;
    border-radius: 0.3rem;
}
.point-active[data-v-08dc83eb] {
  background: #FEEC4A !important;
}
@-webkit-keyframes leaf-data-v-08dc83eb {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(-0.02rem);
            transform: translateY(-0.02rem);
}
}
@keyframes leaf-data-v-08dc83eb {
from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
to {
    -webkit-transform: translateY(-0.02rem);
            transform: translateY(-0.02rem);
}
}
.progress-num[data-v-08dc83eb] {
  font-size: 0.2rem;
  -webkit-transform: translateY(0.36rem);
          transform: translateY(0.36rem);
  color: #004C53;
}
.progress-num-tip[data-v-08dc83eb] {
  font-size: 0.2rem;
  -webkit-transform: translateY(0.28rem);
          transform: translateY(0.28rem);
  color: #004C53;
  position: absolute;
}
.star-container[data-v-08dc83eb] {
  height: 0.02rem;
  width: 80%;
  margin: 0 auto;
  -webkit-transform: translateY(1.4rem);
          transform: translateY(1.4rem);
  position: relative;
}
.star-container .star-icon[data-v-08dc83eb] {
    position: absolute;
    height: 0.66rem;
    display: block;
    bottom: 0;
    left: 0;
}
.star-container .star-icon[data-v-08dc83eb]:nth-child(1) {
    margin-left: -0.2733rem;
}
.star-container .star-icon[data-v-08dc83eb]:nth-child(2) {
    margin-left: -0.3188rem;
}
.star-container .star-icon[data-v-08dc83eb]:nth-child(3) {
    margin-left: -0.3644rem;
}
.star-container .star-icon[data-v-08dc83eb]:nth-child(4) {
    margin-left: -0.4rem;
}
@media screen and (max-width: 320px) {
.star-container[data-v-08dc83eb] {
    -webkit-transform: translateY(1.4rem);
            transform: translateY(1.4rem);
}
}

.px-line[data-v-41572d30] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-41572d30] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-41572d30], .fade-leave-active[data-v-41572d30] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-41572d30], .fade-leave-to[data-v-41572d30] {
  opacity: 0;
}
.tip-text[data-v-41572d30] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-41572d30] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-41572d30] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-41572d30], .popup-leave-active[data-v-41572d30] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-41572d30], .popup-leave-to[data-v-41572d30] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-41572d30]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-41572d30]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-41572d30] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-41572d30]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-41572d30] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-41572d30] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-41572d30] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-41572d30] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-41572d30] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-41572d30] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
*[data-v-41572d30] {
  font-size: 0.24rem;
}
.wrapper[data-v-41572d30] {
  padding: 0.5rem 0.42rem;
  font-size: 0.24rem;
  border-top: 0.01rem solid #E6E7E8;
  border-bottom: 0.01rem solid #E6E7E8;
  margin: 0.24rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.wrapper .avatar[data-v-41572d30] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0.1;
        -ms-flex: 0.1;
            flex: 0.1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: 0.16rem;
}
.wrapper .avatar img[data-v-41572d30] {
      height: 0.6rem;
      width: 0.6rem;
      border-radius: 50%;
}
.wrapper .desc[data-v-41572d30] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 0.7;
        -ms-flex: 0.7;
            flex: 0.7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wrapper .desc .top[data-v-41572d30] {
      color: #333333;
}
.wrapper .desc .bottom[data-v-41572d30] {
      color: #919699;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.wrapper .desc .bottom .sign-a-1[data-v-41572d30] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
}
.wrapper .desc .bottom .sign-a-2[data-v-41572d30] {
        -webkit-box-flex: 4;
            -ms-flex: 4;
                flex: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
}
.wrapper .desc .bottom span[data-v-41572d30] {
        width: 1px;
        height: 0.24rem;
        margin: 0 0.12rem;
        background: #E6E7E8;
        display: inline-block;
}
.wrapper .star-btn-wrapper[data-v-41572d30] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    right: 0.42rem;
}
.wrapper .star-btn-wrapper .star-btn[data-v-41572d30] {
      height: 0.6rem;
      width: 0.96rem;
      border-radius: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background: #00BBFF;
      color: white;
}
.wrapper .star-btn-wrapper .star-btn .iconfont[data-v-41572d30] {
        font-size: 0.24rem;
}

.bg[data-v-21187d3f] {
  height: 100vh;
  width: 100vw;
  background: white;
}
.spinner[data-v-21187d3f] {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -.5rem;
  margin-left: -.5rem;
  height: 1rem;
  width: 1rem;
  z-index: 999;
}

.px-line[data-v-65e8570a] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-65e8570a] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-65e8570a], .fade-leave-active[data-v-65e8570a] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-65e8570a], .fade-leave-to[data-v-65e8570a] {
  opacity: 0;
}
.tip-text[data-v-65e8570a] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-65e8570a] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-65e8570a] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-65e8570a], .popup-leave-active[data-v-65e8570a] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-65e8570a], .popup-leave-to[data-v-65e8570a] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-65e8570a]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-65e8570a]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-65e8570a] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-65e8570a]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-65e8570a] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-65e8570a] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-65e8570a] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-65e8570a] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-65e8570a] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-65e8570a] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.title[data-v-65e8570a] {
  font-size: 0.3rem;
  color: #333;
  font-weight: bold;
}
.wechat-bind-box[data-v-65e8570a] {
  padding: 0.3rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.18rem 0 0.32rem;
  border-radius: 0.12rem;
}
.wechat-bind-box .left-content[data-v-65e8570a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.wechat-bind-box .left-content .desc[data-v-65e8570a] {
      font-size: 0.24rem;
      color: #919699;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
}
.wechat-bind-box .iconfont[data-v-65e8570a] {
    font-size: 0.72rem;
    margin-right: 0.24rem;
    color: #65B280;
}
.wechat-bind-box .btn[data-v-65e8570a] {
    background: #DCB461;
    border-radius: 0.72rem;
    padding: 0.12rem 0.28rem;
    font-size: 0.24rem;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.left-icon[data-v-65e8570a] {
  margin-right: 0 !important;
  font-size: 0.36rem !important;
  color: #919699 !important;
}

.px-line[data-v-3535997a] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-3535997a] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-3535997a], .fade-leave-active[data-v-3535997a] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-3535997a], .fade-leave-to[data-v-3535997a] {
  opacity: 0;
}
.tip-text[data-v-3535997a] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-3535997a] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-3535997a] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-3535997a], .popup-leave-active[data-v-3535997a] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-3535997a], .popup-leave-to[data-v-3535997a] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-3535997a]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-3535997a]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-3535997a] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-3535997a]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-3535997a] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-3535997a] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-3535997a] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-3535997a] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-3535997a] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-3535997a] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.animate[data-v-3535997a] {
  display: block;
  -webkit-animation: myfirst-data-v-3535997a 0.5s ease-in-out infinite,myfirst1-data-v-3535997a 0.5s cubic-bezier(0.5, 0.5, 0.5, 4) infinite;
          animation: myfirst-data-v-3535997a 0.5s ease-in-out infinite,myfirst1-data-v-3535997a 0.5s cubic-bezier(0.5, 0.5, 0.5, 4) infinite;
  position: fixed;
  height: 0.8rem !important;
  width: 0.8rem !important;
  top: 0.64rem;
  left: 0.71rem;
}
@-webkit-keyframes myfirst-data-v-3535997a {
0% {
    -webkit-transform: rotateY(0deg) scale(1, 1);
            transform: rotateY(0deg) scale(1, 1);
    opacity: 1;
}
100% {
    -webkit-transform: rotateY(360deg) scale(0.8, 0.8);
            transform: rotateY(360deg) scale(0.8, 0.8);
    opacity: 0;
}
}
@keyframes myfirst-data-v-3535997a {
0% {
    -webkit-transform: rotateY(0deg) scale(1, 1);
            transform: rotateY(0deg) scale(1, 1);
    opacity: 1;
}
100% {
    -webkit-transform: rotateY(360deg) scale(0.8, 0.8);
            transform: rotateY(360deg) scale(0.8, 0.8);
    opacity: 0;
}
}
@-webkit-keyframes myfirst1-data-v-3535997a {
0% {
    top: 0.64rem;
}
100% {
    top: 0.38rem;
}
}
@keyframes myfirst1-data-v-3535997a {
0% {
    top: 0.64rem;
}
100% {
    top: 0.38rem;
}
}
.more-award[data-v-3535997a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.48rem 0;
}
.more-award .title[data-v-3535997a] {
    font-size: 0.36rem;
    color: #333333;
    font-weight: bold;
    line-height: 0.36rem;
}
.more-award .right[data-v-3535997a] {
    font-size: 0.2rem;
}
.wrapper[data-v-3535997a] {
  font-size: 0.32rem 0.42rem;
  font-family: light;
}
.styleCard-two-box[data-v-3535997a] {
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.styleCard-two-box .styleCard-two[data-v-3535997a] {
    margin-bottom: 0.32rem;
    padding: 0.24rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.08rem;
}
.styleCard-two-box .styleCard-two .title[data-v-3535997a] {
      margin-bottom: 0;
}
.styleCard-two-box .styleCard-two .icon[data-v-3535997a] {
      margin-right: 0.24rem;
      margin-left: 0.32rem;
}
.styleCard-two-box .styleCard-two .icon .icon-class[data-v-3535997a] {
        height: 0.6rem;
        width: 0.6rem;
        border-radius: 50%;
        background: #D3A1FF;
}
.styleCard-two-box .styleCard-two .icon .icon-class img[data-v-3535997a] {
          height: 100%;
          width: 100%;
          border-radius: 100%;
}
.styleCard-two-box .styleCard-two .sub[data-v-3535997a] {
      color: #5C9AE3;
      font-size: 0.2rem;
}
.styleCard-one-box[data-v-3535997a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.styleCard-one-box .styleCard-one[data-v-3535997a] {
    height: 1.8rem;
    width: 3.2rem;
    border-radius: 0.12rem;
    margin-bottom: 0.24rem;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
    position: relative;
}
.styleCard-one-box .styleCard-one .icon-new[data-v-3535997a] {
      height: 0.5rem;
      position: absolute;
      display: block;
      left: -0.16rem;
      top: -0.1rem;
      width: 0.5rem;
      color: white;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background: #D0011D;
}
.styleCard-one-box .styleCard-one img[data-v-3535997a] {
      height: 100%;
      width: 100%;
      border-radius: 4px;
}
.style-card-class-btn[data-v-3535997a] {
  height: 0.44rem;
  width: 1.36rem;
  border-radius: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  background: #FE8C00;
}
.menu[data-v-3535997a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu .title[data-v-3535997a] {
    font-size: 0.32rem;
    margin-bottom: 0.16rem;
}
.menu .sub[data-v-3535997a] {
    font-size: 0.24rem !important;
}

.px-line[data-v-7310eab8] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-7310eab8] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-7310eab8], .fade-leave-active[data-v-7310eab8] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-7310eab8], .fade-leave-to[data-v-7310eab8] {
  opacity: 0;
}
.tip-text[data-v-7310eab8] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-7310eab8] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-7310eab8] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-7310eab8], .popup-leave-active[data-v-7310eab8] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-7310eab8], .popup-leave-to[data-v-7310eab8] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-7310eab8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-7310eab8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-7310eab8] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-7310eab8]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-7310eab8] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-7310eab8] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-7310eab8] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-7310eab8] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-7310eab8] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-7310eab8] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.px-line[data-v-7310eab8] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-7310eab8] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-7310eab8], .fade-leave-active[data-v-7310eab8] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-7310eab8], .fade-leave-to[data-v-7310eab8] {
  opacity: 0;
}
.tip-text[data-v-7310eab8] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-7310eab8] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-7310eab8] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-7310eab8], .popup-leave-active[data-v-7310eab8] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-7310eab8], .popup-leave-to[data-v-7310eab8] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-7310eab8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-7310eab8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-7310eab8] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-7310eab8]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-7310eab8] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-7310eab8] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-7310eab8] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-7310eab8] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-7310eab8] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-7310eab8] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.action-list[data-v-7310eab8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.action-list .action-box[data-v-7310eab8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 0.24rem;
    height: 1.44rem;
    width: 2.61rem;
    padding: 0 0.3rem;
    -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.06rem;
}
.action-list .action-box .action-left[data-v-7310eab8] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0.84rem;
}
.action-list .action-box .action-left .action-title[data-v-7310eab8] {
        font-size: 0.36rem;
        font-weight: bold;
}
.action-list .action-box .action-left .action-text[data-v-7310eab8] {
        font-size: 0.24rem;
        color: #919699;
}
.action-icon[data-v-7310eab8] {
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 0;
}
.action-icon img[data-v-7310eab8] {
    height: 100%;
    width: 100%;
    border-radius: 0;
}
.wechat-bind-box[data-v-7310eab8] {
  padding: 0 0.3rem;
  background: #FFFFFF;
  height: 1.62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.18rem 0 0.32rem;
  margin-top: 0;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(39%, #FFEFC5), to(#FAF0DC));
  background-image: linear-gradient(-90deg, #FFEFC5 39%, #FAF0DC 100%);
  background-image: url("/cdn-ued/0.2247917994430455vip%E5%8D%A1%E7%89%87%E8%83%8C%E6%99%AF.png");
  background-size: 100% 100%;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(220, 180, 97, 0.1);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(220, 180, 97, 0.1);
  border-radius: 0.12rem;
}
.wechat-bind-box .title[data-v-7310eab8] {
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
    line-height: 1.4em;
}
.wechat-bind-box .content[data-v-7310eab8] {
    height: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wechat-bind-box .content .title[data-v-7310eab8] {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 12em;
}
.wechat-bind-box .content .title .vip-icon[data-v-7310eab8] {
        width: 0.26rem;
        height: auto;
        margin-left: 0.12rem;
}
.wechat-bind-box .left-content[data-v-7310eab8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.wechat-bind-box .left-content img[data-v-7310eab8] {
      height: 0.9rem;
      width: 0.9rem;
}
.wechat-bind-box .left-content .desc[data-v-7310eab8] {
      width: 100%;
      font-size: 0.24rem;
      color: #919699;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1;
      flex-direction: row;
}
.wechat-bind-box .iconfont[data-v-7310eab8] {
    font-size: 0.72rem;
    margin-right: 0.24rem;
    color: #65B280;
}
.wechat-bind-box .btn[data-v-7310eab8] {
    background: #DBB258;
    border-radius: 0.72rem;
    padding: 0.12rem 0.28rem;
    font-size: 0.24rem;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.more-award[data-v-7310eab8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.55rem 0 0.26rem 0;
}
.more-award .title[data-v-7310eab8] {
    font-size: 0.42rem;
    color: #333333;
    font-weight: normal;
    line-height: 1em;
}
.more-award .right[data-v-7310eab8] {
    font-size: 0.2rem;
}
.more-award .arrow.iconfont[data-v-7310eab8] {
    color: #919699;
}
.more-award .arrow[data-v-7310eab8] {
    font-size: 0.24rem;
    color: #919699;
}
.list[data-v-7310eab8] {
  margin-top: 0.34rem;
}
.list .list-item[data-v-7310eab8] {
    padding: 0.28rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.list .list-item .key[data-v-7310eab8] {
      font-size: 0.3rem;
      line-height: 1em;
}
.list .list-item .arrow[data-v-7310eab8] {
      color: #919699;
}
.list .list-item[data-v-7310eab8]:nth-child(1) {
    padding-top: 0;
}
.wrapper[data-v-7310eab8] {
  margin: 0 auto;
  margin-top: 0;
  margin-top: calc(constant(safe-area-inset-top));
  margin-top: calc(env(safe-area-inset-top));
}
.main-wrapper-content[data-v-7310eab8] {
  margin: 0 auto;
  margin-top: 74px;
  margin-top: calc(constant(safe-area-inset-top) + 74px);
  margin-top: calc(env(safe-area-inset-top) + 74px);
}
.fixed-appbar[data-v-7310eab8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: white;
  z-index: 6;
}
.vip-plus-card-list[data-v-7310eab8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: scroll;
  margin: 0 -0.42rem;
  padding-bottom: 0.42rem;
}
.vip-plus-card[data-v-7310eab8] {
  width: 2.06rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  padding-bottom: 0.3rem;
  border-radius: 0.12rem;
  margin-right: 0.24rem;
  overflow: hidden;
}
.vip-plus-card .vip-plus-card-cover[data-v-7310eab8] {
    height: 1.16rem;
    width: 100%;
}
.vip-plus-card .vip-plus-card-title[data-v-7310eab8] {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.6rem;
    text-align: center;
}
.vip-plus-card .vip-plus-card-button[data-v-7310eab8] {
    height: 0.6rem;
    width: 1.46rem;
    color: white;
    font-size: 0.24rem;
    line-height: 0.6rem;
    text-align: center;
    font-weight: bold;
    background-image: -webkit-gradient(linear, right top, left top, from(#EDCE77), color-stop(98%, #DBB258));
    background-image: linear-gradient(-90deg, #EDCE77 0%, #DBB258 98%);
    border-radius: 0.9rem;
    margin: 0.08rem auto 0;
}
.vip-plus-card[data-v-7310eab8]:nth-child(1) {
  margin-left: 0.42rem;
}
.VIPCopyRightMovieList[data-v-7310eab8] {
  margin: 0 -0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 0.42rem;
  overflow: scroll;
}
.VIPCopyRightMovieList .copy-right-movie-card[data-v-7310eab8] {
    margin-right: 0.18rem;
}
.animate[data-v-7310eab8] {
  display: block;
  -webkit-animation: myfirst-data-v-7310eab8 0.5s ease-in-out infinite,myfirst1-data-v-7310eab8 0.5s cubic-bezier(0.5, 0.5, 0.5, 4) infinite;
          animation: myfirst-data-v-7310eab8 0.5s ease-in-out infinite,myfirst1-data-v-7310eab8 0.5s cubic-bezier(0.5, 0.5, 0.5, 4) infinite;
  position: fixed;
  height: 0.8rem !important;
  width: 0.8rem !important;
  top: 0.64rem;
  left: 0.71rem;
}
@-webkit-keyframes myfirst-data-v-7310eab8 {
0% {
    -webkit-transform: rotateY(0deg) scale(1, 1);
            transform: rotateY(0deg) scale(1, 1);
    opacity: 1;
}
100% {
    -webkit-transform: rotateY(360deg) scale(0.8, 0.8);
            transform: rotateY(360deg) scale(0.8, 0.8);
    opacity: 0;
}
}
@keyframes myfirst-data-v-7310eab8 {
0% {
    -webkit-transform: rotateY(0deg) scale(1, 1);
            transform: rotateY(0deg) scale(1, 1);
    opacity: 1;
}
100% {
    -webkit-transform: rotateY(360deg) scale(0.8, 0.8);
            transform: rotateY(360deg) scale(0.8, 0.8);
    opacity: 0;
}
}
@-webkit-keyframes myfirst1-data-v-7310eab8 {
0% {
    top: 0.64rem;
}
100% {
    top: 0.38rem;
}
}
@keyframes myfirst1-data-v-7310eab8 {
0% {
    top: 0.64rem;
}
100% {
    top: 0.38rem;
}
}
.more-award[data-v-7310eab8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.6rem 0 0.24rem 0;
}
.more-award .title[data-v-7310eab8] {
    font-size: 0.42rem;
    color: #333333;
    font-weight: bold;
    line-height: 1em;
}
.more-award .right[data-v-7310eab8] {
    font-size: 0.2rem;
}
.more-award .arrow.iconfont[data-v-7310eab8] {
    color: #919699;
}
.more-award .arrow[data-v-7310eab8] {
    font-size: 0.24rem;
    color: #919699;
}
.wrapper[data-v-7310eab8] {
  font-size: 0.32rem 0.42rem;
  font-family: light;
  padding-top: 0.35rem;
}
.styleCard-two-box[data-v-7310eab8] {
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.styleCard-two-box .styleCard-two[data-v-7310eab8] {
    margin-bottom: 0.32rem;
    padding: 0.24rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.08rem;
}
.styleCard-two-box .styleCard-two .title[data-v-7310eab8] {
      margin-bottom: 0;
}
.styleCard-two-box .styleCard-two .icon[data-v-7310eab8] {
      margin-right: 0.24rem;
      margin-left: 0.32rem;
}
.styleCard-two-box .styleCard-two .icon .icon-class[data-v-7310eab8] {
        height: 0.6rem;
        width: 0.6rem;
        border-radius: 50%;
        background: #D3A1FF;
}
.styleCard-two-box .styleCard-two .icon .icon-class img[data-v-7310eab8] {
          height: 100%;
          width: 100%;
          border-radius: 100%;
}
.styleCard-two-box .styleCard-two .sub[data-v-7310eab8] {
      color: #5C9AE3;
      font-size: 0.2rem;
}
.styleCard-one-box[data-v-7310eab8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.66rem;
}
.styleCard-one-box .styleCard-one[data-v-7310eab8] {
    height: 1.8rem;
    width: 3.2rem;
    border-radius: 0.06rem;
    margin-bottom: 0.24rem;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.08);
    position: relative;
}
.styleCard-one-box .styleCard-one .icon-new[data-v-7310eab8] {
      height: 0.32rem;
      position: absolute;
      display: block;
      right: 0;
      font-size: 0.2rem;
      top: 0;
      width: 0.36rem;
      color: white;
      border-radius: 0px 0.06rem 0px 0.06rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background: #FF617B;
}
.styleCard-one-box .styleCard-one img[data-v-7310eab8] {
      height: 100%;
      width: 100%;
      border-radius: 4px;
}
.style-card-class-btn[data-v-7310eab8] {
  height: 0.44rem;
  width: 1.36rem;
  border-radius: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  background: #FE8C00;
}
.menu[data-v-7310eab8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menu .title[data-v-7310eab8] {
    font-size: 0.32rem;
    margin-bottom: 0.16rem;
}
.menu .sub[data-v-7310eab8] {
    font-size: 0.24rem !important;
}
.list .item[data-v-7310eab8] {
  width: 100%;
  height: 1.62rem;
  margin-top: 0.42rem;
  border-bottom: 0.005rem solid #E6E7E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list .item .left[data-v-7310eab8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.list .item .left .icon[data-v-7310eab8] {
      width: 1.2rem;
      height: 1.2rem;
      margin-right: 0.3rem;
}
.list .item .left .content[data-v-7310eab8] {
      margin-top: 0.24rem;
}
.list .item .left .content .name[data-v-7310eab8] {
        font-size: 0.3rem;
        color: #333333;
        letter-spacing: 0;
        line-height: 0.3rem;
        margin-bottom: 0.15rem;
}
.list .item .left .content .desc[data-v-7310eab8] {
        font-size: 0.24rem;
        color: #919699;
        line-height: 0.24rem;
}
.list .item .right[data-v-7310eab8] {
    width: 1.08rem;
    height: 0.6rem;
    background: #00BBFF;
    border-radius: 1rem;
    border: none;
    font-size: 0.24rem;
    color: #FFFFFF;
    margin-top: 0.3rem;
}

.px-line[data-v-5f37d5fa] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5f37d5fa] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5f37d5fa], .fade-leave-active[data-v-5f37d5fa] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5f37d5fa], .fade-leave-to[data-v-5f37d5fa] {
  opacity: 0;
}
.tip-text[data-v-5f37d5fa] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5f37d5fa] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5f37d5fa] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5f37d5fa], .popup-leave-active[data-v-5f37d5fa] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5f37d5fa], .popup-leave-to[data-v-5f37d5fa] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5f37d5fa]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5f37d5fa]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5f37d5fa] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5f37d5fa]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5f37d5fa] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5f37d5fa] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5f37d5fa] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5f37d5fa] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5f37d5fa] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5f37d5fa] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.icongo[data-v-5f37d5fa] {
  width: 0.2rem;
  height: 0.3rem;
  margin-left: 0.17rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAflBMVEUAAADGxsaSl5qRl5qRl5mSlpmSl5qRlpqRlpqSlpmSl5qSl5qUmZyWmZybm56XoaGdnZ2Sl5qSl5qSmJqSl5mSlpqSl5mSlpqSlpmSl5qRl5qTmJuSmJuSmpqSl5ySl5yTmZyWnZ2ioqKSlpqRl5qUl5qUl5uSlpqWlp2Rlpk0StEGAAAAKXRSTlMAA/fph+fA89G2sF8hHBENCJV0bO/b1simnH1WUDw3Mi0WBeGOTElEJ4D8wlIAAAEJSURBVEjHvZdXEoJAEAVZggkDihIEQRTD3v+CBnZKv3uqeP9dUA07+8b7jwmDKEw8ltC+k3cMjuwnhyeCA/vN/sRee4gfA9gU1uWoebYtLoCOhZ6sAf3YO/qwBPT56uiASO9ykV4BOllopJte6JJIT1XS71NHZ0h6JNIbQK9mIr0G9GZuXXZE+lborQH4Tuj5BtC17+jZCtCtSI9ajfTpTSU9JdJLoXuV9EUC6MoX2gNpAkfHhF5m7oh6JOvJ8MHGhvlrc2H8U+l/ElPymcAPBj+SfBjox1D6G4Da0cuHPr9ueLtoRrhiweUOagUsNLxK8RLH6yMvrrwy87LO1wS+oPDVaKyljK+DL8lSTt8nECWhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 0.2rem 0.2rem;
}
.wrap[data-v-5f37d5fa] {
  width: 6.66rem;
  padding-top: 0.6rem;
  margin: 0 auto;
}
.header[data-v-5f37d5fa] {
  width: 6.66rem;
  height: 1.64rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.06rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.64rem;
}
.header .title[data-v-5f37d5fa] {
    font-size: 0.36rem;
    margin-left: 0.42rem;
    font-weight: bold;
}
.header .count[data-v-5f37d5fa] {
    font-size: 0.44rem;
    margin-right: 0.47rem;
    color: #DCB461;
}
.list .item[data-v-5f37d5fa] {
  width: 100%;
  height: 1.62rem;
  margin-top: 0.42rem;
  border-bottom: 0.005rem solid #E6E7E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list .item .left[data-v-5f37d5fa] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.list .item .left .icon[data-v-5f37d5fa] {
      width: 1.2rem;
      height: 1.2rem;
      margin-right: 0.24rem;
}
.list .item .left .content[data-v-5f37d5fa] {
      margin-top: 0.24rem;
}
.list .item .left .content .name[data-v-5f37d5fa] {
        font-size: 0.3rem;
        color: #333333;
        letter-spacing: 0;
        line-height: 0.3rem;
        margin-bottom: 0.15rem;
}
.list .item .left .content .desc[data-v-5f37d5fa] {
        font-size: 0.24rem;
        color: #919699;
        line-height: 0.24rem;
}
.list .item .right[data-v-5f37d5fa] {
    width: 1.08rem;
    height: 0.6rem;
    background: #DCB461;
    border-radius: 1rem;
    border: none;
    font-size: 0.24rem;
    color: #FFFFFF;
    margin-top: 0.3rem;
}

.px-line[data-v-a67a3898] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-a67a3898] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-a67a3898], .fade-leave-active[data-v-a67a3898] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-a67a3898], .fade-leave-to[data-v-a67a3898] {
  opacity: 0;
}
.tip-text[data-v-a67a3898] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-a67a3898] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-a67a3898] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-a67a3898], .popup-leave-active[data-v-a67a3898] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-a67a3898], .popup-leave-to[data-v-a67a3898] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-a67a3898]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-a67a3898]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-a67a3898] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-a67a3898]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-a67a3898] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-a67a3898] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-a67a3898] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-a67a3898] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-a67a3898] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-a67a3898] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.slide-enter-active[data-v-a67a3898], .slide-leave-active[data-v-a67a3898] {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.slide-enter[data-v-a67a3898] {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.slide-leave-to[data-v-a67a3898] {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.slideReword-enter-active[data-v-a67a3898], .slideReword-leave-active[data-v-a67a3898] {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.slideReword-enter[data-v-a67a3898], .slideReword-leave-to[data-v-a67a3898] {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.icongo[data-v-a67a3898] {
  width: 0.2rem;
  height: 0.3rem;
  margin-left: 0.17rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAflBMVEUAAADGxsaSl5qRl5qRl5mSlpmSl5qRlpqRlpqSlpmSl5qSl5qUmZyWmZybm56XoaGdnZ2Sl5qSl5qSmJqSl5mSlpqSl5mSlpqSlpmSl5qRl5qTmJuSmJuSmpqSl5ySl5yTmZyWnZ2ioqKSlpqRl5qUl5qUl5uSlpqWlp2Rlpk0StEGAAAAKXRSTlMAA/fph+fA89G2sF8hHBENCJV0bO/b1simnH1WUDw3Mi0WBeGOTElEJ4D8wlIAAAEJSURBVEjHvZdXEoJAEAVZggkDihIEQRTD3v+CBnZKv3uqeP9dUA07+8b7jwmDKEw8ltC+k3cMjuwnhyeCA/vN/sRee4gfA9gU1uWoebYtLoCOhZ6sAf3YO/qwBPT56uiASO9ykV4BOllopJte6JJIT1XS71NHZ0h6JNIbQK9mIr0G9GZuXXZE+lborQH4Tuj5BtC17+jZCtCtSI9ajfTpTSU9JdJLoXuV9EUC6MoX2gNpAkfHhF5m7oh6JOvJ8MHGhvlrc2H8U+l/ElPymcAPBj+SfBjox1D6G4Da0cuHPr9ueLtoRrhiweUOagUsNLxK8RLH6yMvrrwy87LO1wS+oPDVaKyljK+DL8lSTt8nECWhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 0.2rem 0.2rem;
}
.wrap[data-v-a67a3898] {
  height: 100%;
  padding-top: 1.3rem;
  margin: 0 auto;
  overflow: hidden;
}
.header[data-v-a67a3898] {
  width: 100%;
  border-bottom: 0.005rem solid #E6E7E8;
  background: #fff;
  font-size: 0.3rem;
  color: #333333;
  height: 1.3rem;
  line-height: 1.3rem;
  padding-left: 0.42rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.header .title[data-v-a67a3898] {
    display: inline-block;
    margin-right: 0.48rem;
}
.header .actice[data-v-a67a3898] {
    font-size: 0.54rem;
    color: #333333;
    font-weight: bold;
}
.count[data-v-a67a3898] {
  width: 6.66rem;
  height: 0.7rem;
  border-bottom: 0.005rem solid #E6E7E8;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #919699;
  line-height: 0.7rem;
}
.list[data-v-a67a3898] {
  width: 6.66rem;
  border-bottom: 0.005rem solid #E6E7E8;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #919699;
  line-height: 0.7rem;
}
.list .item[data-v-a67a3898] {
    width: 100%;
    min-height: 1.56rem;
    border-bottom: 0.005rem solid #E6E7E8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.3rem;
}
.list .item .left .title[data-v-a67a3898] {
      color: #333333;
      margin-bottom: 0.14rem;
      line-height: 0.4rem;
}
.list .item .left .date[data-v-a67a3898] {
      font-size: 0.24rem;
      line-height: 0.24rem;
      color: #919699;
}
.list .item .right[data-v-a67a3898] {
      color: #DCB461;
}
.list .sub .right[data-v-a67a3898] {
    color: #919699 !important;
}
.list .silver .right[data-v-a67a3898] {
    color: #00BBFF;
}
.content[data-v-a67a3898] {
  width: 100%;
  position: relative;
}
.div[data-v-a67a3898] {
  width: 6.66rem;
  margin: 0 auto;
}
.tip[data-v-a67a3898] {
  text-align: center;
}

.px-line[data-v-74ecac65] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-74ecac65] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-74ecac65], .fade-leave-active[data-v-74ecac65] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-74ecac65], .fade-leave-to[data-v-74ecac65] {
  opacity: 0;
}
.tip-text[data-v-74ecac65] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-74ecac65] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-74ecac65] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-74ecac65], .popup-leave-active[data-v-74ecac65] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-74ecac65], .popup-leave-to[data-v-74ecac65] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-74ecac65]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-74ecac65]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-74ecac65] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-74ecac65]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-74ecac65] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-74ecac65] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-74ecac65] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-74ecac65] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-74ecac65] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-74ecac65] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.icongo[data-v-74ecac65] {
  width: 0.2rem;
  height: 0.3rem;
  margin-left: 0.17rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAflBMVEUAAADGxsaSl5qRl5qRl5mSlpmSl5qRlpqRlpqSlpmSl5qSl5qUmZyWmZybm56XoaGdnZ2Sl5qSl5qSmJqSl5mSlpqSl5mSlpqSlpmSl5qRl5qTmJuSmJuSmpqSl5ySl5yTmZyWnZ2ioqKSlpqRl5qUl5qUl5uSlpqWlp2Rlpk0StEGAAAAKXRSTlMAA/fph+fA89G2sF8hHBENCJV0bO/b1simnH1WUDw3Mi0WBeGOTElEJ4D8wlIAAAEJSURBVEjHvZdXEoJAEAVZggkDihIEQRTD3v+CBnZKv3uqeP9dUA07+8b7jwmDKEw8ltC+k3cMjuwnhyeCA/vN/sRee4gfA9gU1uWoebYtLoCOhZ6sAf3YO/qwBPT56uiASO9ykV4BOllopJte6JJIT1XS71NHZ0h6JNIbQK9mIr0G9GZuXXZE+lborQH4Tuj5BtC17+jZCtCtSI9ajfTpTSU9JdJLoXuV9EUC6MoX2gNpAkfHhF5m7oh6JOvJ8MHGhvlrc2H8U+l/ElPymcAPBj+SfBjox1D6G4Da0cuHPr9ueLtoRrhiweUOagUsNLxK8RLH6yMvrrwy87LO1wS+oPDVaKyljK+DL8lSTt8nECWhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 0.2rem 0.2rem;
}
.wrap[data-v-74ecac65] {
  height: 100%;
  padding-top: 1.3rem;
  margin: 0 auto;
  overflow: hidden;
}
.header[data-v-74ecac65] {
  width: 100%;
  border-bottom: 0.01rem solid #E6E7E8;
  background: #fff;
  font-size: 0.3rem;
  color: #333333;
  height: 1.3rem;
  line-height: 1.3rem;
  padding-left: 0.42rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.header .title[data-v-74ecac65] {
    display: inline-block;
    margin-right: 0.48rem;
}
.header .actice[data-v-74ecac65] {
    font-size: 0.54rem;
    color: #333333;
}
.count[data-v-74ecac65] {
  width: 6.66rem;
  height: 0.7rem;
  min-height: 1.06rem;
  border-bottom: 0.01rem solid #E6E7E8;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #919699;
  line-height: 1.06rem;
}
.list[data-v-74ecac65] {
  width: 6.66rem;
  border-bottom: 0.01rem solid #E6E7E8;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #919699;
  line-height: 0.7rem;
}
.list .item[data-v-74ecac65] {
    width: 100%;
    min-height: 1.56rem;
    border-bottom: 0.005rem solid #E6E7E8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.3rem;
}
.list .item .left .title[data-v-74ecac65] {
      color: #333333;
      margin-bottom: 0.14rem;
      line-height: 0.4rem;
}
.list .item .left .date[data-v-74ecac65] {
      font-size: 0.24rem;
      line-height: 0.24rem;
      color: #919699;
}
.list .item .right[data-v-74ecac65] {
      color: #DCB461;
}
.list .sub .right[data-v-74ecac65] {
    color: #919699 !important;
}
.list .silver .right[data-v-74ecac65] {
    color: #00BBFF;
}
.tip[data-v-74ecac65] {
  text-align: center;
}

.px-line[data-v-64b1c3ca] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-64b1c3ca] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-64b1c3ca], .fade-leave-active[data-v-64b1c3ca] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-64b1c3ca], .fade-leave-to[data-v-64b1c3ca] {
  opacity: 0;
}
.tip-text[data-v-64b1c3ca] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-64b1c3ca] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-64b1c3ca] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-64b1c3ca], .popup-leave-active[data-v-64b1c3ca] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-64b1c3ca], .popup-leave-to[data-v-64b1c3ca] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-64b1c3ca]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-64b1c3ca]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-64b1c3ca] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-64b1c3ca]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-64b1c3ca] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-64b1c3ca] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-64b1c3ca] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-64b1c3ca] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-64b1c3ca] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-64b1c3ca] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.icongo[data-v-64b1c3ca] {
  width: 0.2rem;
  height: 0.3rem;
  margin-left: 0.17rem;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAflBMVEUAAADGxsaSl5qRl5qRl5mSlpmSl5qRlpqRlpqSlpmSl5qSl5qUmZyWmZybm56XoaGdnZ2Sl5qSl5qSmJqSl5mSlpqSl5mSlpqSlpmSl5qRl5qTmJuSmJuSmpqSl5ySl5yTmZyWnZ2ioqKSlpqRl5qUl5qUl5uSlpqWlp2Rlpk0StEGAAAAKXRSTlMAA/fph+fA89G2sF8hHBENCJV0bO/b1simnH1WUDw3Mi0WBeGOTElEJ4D8wlIAAAEJSURBVEjHvZdXEoJAEAVZggkDihIEQRTD3v+CBnZKv3uqeP9dUA07+8b7jwmDKEw8ltC+k3cMjuwnhyeCA/vN/sRee4gfA9gU1uWoebYtLoCOhZ6sAf3YO/qwBPT56uiASO9ykV4BOllopJte6JJIT1XS71NHZ0h6JNIbQK9mIr0G9GZuXXZE+lborQH4Tuj5BtC17+jZCtCtSI9ajfTpTSU9JdJLoXuV9EUC6MoX2gNpAkfHhF5m7oh6JOvJ8MHGhvlrc2H8U+l/ElPymcAPBj+SfBjox1D6G4Da0cuHPr9ueLtoRrhiweUOagUsNLxK8RLH6yMvrrwy87LO1wS+oPDVaKyljK+DL8lSTt8nECWhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 0.2rem 0.2rem;
}
.wrap[data-v-64b1c3ca] {
  height: 100%;
  padding-top: 1.3rem;
  margin: 0 auto;
  overflow: hidden;
}
.header[data-v-64b1c3ca] {
  width: 100%;
  border-bottom: 0.005rem solid #E6E7E8;
  background: #fff;
  font-size: 0.3rem;
  color: #333333;
  height: 1.3rem;
  line-height: 1.3rem;
  padding-left: 0.42rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.header .title[data-v-64b1c3ca] {
    display: inline-block;
    margin-right: 0.48rem;
}
.header .actice[data-v-64b1c3ca] {
    font-size: 0.54rem;
    color: #333333;
}
.count[data-v-64b1c3ca] {
  width: 6.66rem;
  height: 0.7rem;
  min-height: 1.06rem;
  line-height: 1.06rem;
  border-bottom: 0.005rem solid #E6E7E8;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #919699;
}
.list[data-v-64b1c3ca] {
  width: 6.66rem;
  border-bottom: 0.005rem solid #E6E7E8;
  margin: 0 auto;
  font-size: 0.24rem;
  color: #919699;
  line-height: 0.7rem;
}
.list .item[data-v-64b1c3ca] {
    width: 100%;
    min-height: 1.56rem;
    border-bottom: 0.005rem solid #E6E7E8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.3rem;
}
.list .item .left .title[data-v-64b1c3ca] {
      color: #333333;
      margin-bottom: 0.14rem;
      line-height: 0.4rem;
}
.list .item .left .date[data-v-64b1c3ca] {
      font-size: 0.24rem;
      line-height: 0.24rem;
      color: #919699;
}
.list .item .right[data-v-64b1c3ca] {
      color: #DCB461;
}
.list .sub .right[data-v-64b1c3ca] {
    color: #919699 !important;
}
.list .silver .right[data-v-64b1c3ca] {
    color: #00BBFF;
}
.tip[data-v-64b1c3ca] {
  text-align: center;
}

.px-line[data-v-5ba9fa14] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5ba9fa14] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5ba9fa14], .fade-leave-active[data-v-5ba9fa14] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5ba9fa14], .fade-leave-to[data-v-5ba9fa14] {
  opacity: 0;
}
.tip-text[data-v-5ba9fa14] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5ba9fa14] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5ba9fa14] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5ba9fa14], .popup-leave-active[data-v-5ba9fa14] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5ba9fa14], .popup-leave-to[data-v-5ba9fa14] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5ba9fa14]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5ba9fa14]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5ba9fa14] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5ba9fa14]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5ba9fa14] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5ba9fa14] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5ba9fa14] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5ba9fa14] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5ba9fa14] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5ba9fa14] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.modal-tip[data-v-5ba9fa14] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: .3rem;
}
.modal-tip a[data-v-5ba9fa14] {
    letter-spacing: -0.31px;
    padding: .1rem .2rem;
    background: #333;
    border-radius: 1rem;
    color: white;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-size: .3rem;
}

.rr-switch {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
  height: .3rem !important;
  width: .6rem !important;
}
.rr-switch .rr-switch-label {
    height: .3rem !important;
    width: .3rem !important;
}

.px-line[data-v-5df4ed04] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5df4ed04] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5df4ed04], .fade-leave-active[data-v-5df4ed04] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5df4ed04], .fade-leave-to[data-v-5df4ed04] {
  opacity: 0;
}
.tip-text[data-v-5df4ed04] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5df4ed04] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5df4ed04] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5df4ed04], .popup-leave-active[data-v-5df4ed04] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5df4ed04], .popup-leave-to[data-v-5df4ed04] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5df4ed04]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5df4ed04]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5df4ed04] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5df4ed04]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5df4ed04] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5df4ed04] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5df4ed04] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5df4ed04] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5df4ed04] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5df4ed04] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.dl-title[data-v-5df4ed04] {
  width: calc(100% - 0.64rem);
  height: auto;
  padding: 0.2rem 0.32rem;
  margin-bottom: 0.2rem;
  background: #fff2dd;
  font-size: 0.26rem;
  color: #7c5d5a;
  line-height: 0.36rem;
  -webkit-box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.15);
}
.detail-wrapper[data-v-5df4ed04] {
  padding: 0rem 0rem 0.16rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.detail-wrapper .mission-award[data-v-5df4ed04] {
    text-align: center;
    font-size: 0.22rem;
    color: #ea5a49;
    margin-bottom: 0.24rem;
}
.detail-wrapper .mission-award span[data-v-5df4ed04] {
      font-size: 0.8rem;
}
.detail-wrapper .detail-time[data-v-5df4ed04] {
    position: relative;
    display: inline-block;
    color: #888;
    padding: 0.04rem 0.16rem;
    font-size: 0.24rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border-radius: 1rem;
    background-color: #f5f5f5;
    margin-top: 0.08rem;
}
.detail-wrapper .mission-icon[data-v-5df4ed04] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.detail-wrapper .mission-icon img[data-v-5df4ed04] {
      height: 1.2rem;
      width: 1.2rem;
      border-radius: 5px;
}
.detail-wrapper .mission-title[data-v-5df4ed04] {
    font-size: 0.28rem;
    color: #484746;
    margin-top: 0.08rem;
}
.detail-wrapper .mission-tip[data-v-5df4ed04] {
    font-size: 0.24rem;
    color: #888;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    line-height: 1.8em;
    margin: 0.12rem 0;
}
.detail-wrapper .mission-tip .mission-tip-title[data-v-5df4ed04] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.detail-wrapper .mission-tip .mission-tip-desc[data-v-5df4ed04] {
      -webkit-box-flex: 4;
          -ms-flex: 4;
              flex: 4;
      padding-right: 1em;
}
.detail-wrapper .mission-download-btn[data-v-5df4ed04] {
    font-size: 0.24rem;
    border-radius: 5px;
    background: #008FFA;
    color: white;
    margin-top: 0.16rem;
    padding: 0.16rem 0.32rem;
}
.submit-task[data-v-5df4ed04] {
  height: auto;
  padding-left: 0.32rem;
  font-size: 0.24rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.submit-task .submit-info-md[data-v-5df4ed04] {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #eee;
}
.submit-task .submit-info-md .name[data-v-5df4ed04] {
      display: inline-block;
      color: #888;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.submit-task .submit-info-md .ipt[data-v-5df4ed04] {
      display: inline-block;
      -webkit-box-flex: 4;
          -ms-flex: 4;
              flex: 4;
      height: 0.4rem;
      line-height: 0.48rem;
      font-size: 0.24rem;
      background: none;
      border: 0;
}
.submit-task .submit-info-md .ipt[data-v-5df4ed04]::-webkit-input-placeholder {
      color: #CCC;
}
.submit-task .submit-info-md .ipt[data-v-5df4ed04]::-moz-placeholder {
      color: #CCC;
}
.submit-task .submit-info-md .ipt[data-v-5df4ed04]::-ms-input-placeholder {
      color: #CCC;
}
.submit-task .submit-info-md .ipt[data-v-5df4ed04]::placeholder {
      color: #CCC;
}
.action-wrapper[data-v-5df4ed04] {
  margin: 0 -0.3rem;
  border-top: 0.24rem solid whitesmoke;
}

.px-line[data-v-5df4ed04] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-5df4ed04] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-5df4ed04], .fade-leave-active[data-v-5df4ed04] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-5df4ed04], .fade-leave-to[data-v-5df4ed04] {
  opacity: 0;
}
.tip-text[data-v-5df4ed04] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-5df4ed04] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-5df4ed04] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-5df4ed04], .popup-leave-active[data-v-5df4ed04] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-5df4ed04], .popup-leave-to[data-v-5df4ed04] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-5df4ed04]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-5df4ed04]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-5df4ed04] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-5df4ed04]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-5df4ed04] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-5df4ed04] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-5df4ed04] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-5df4ed04] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-5df4ed04] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-5df4ed04] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.reupdate-btn[data-v-5df4ed04] {
  position: absolute;
  font-size: 0.2rem;
  -webkit-transform: translateY(1.2rem);
          transform: translateY(1.2rem);
  background: #F5F5F5;
  padding: 0.04rem 0.2rem;
  margin-top: 0.24rem;
  border-radius: 1rem;
  color: #AAA;
}
.mission-container[data-v-5df4ed04] {
  padding: 0.1rem 0.3rem 0;
  background: white;
  margin-top: 0.2rem;
}
.mission-list[data-v-5df4ed04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.mission-list .mission-icon[data-v-5df4ed04] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-list .mission-icon img[data-v-5df4ed04] {
      height: 1.2rem;
      width: 1.2rem;
      border-radius: 5px;
}
.mission-list .mission-content[data-v-5df4ed04] {
    font-size: 0.24rem;
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: .2rem;
}
.mission-list .mission-content a[data-v-5df4ed04] {
      font-weight: bold;
      font-size: 0.28rem;
}
.mission-list .mission-content span[data-v-5df4ed04] {
      color: #008FFA;
      margin-top: .1rem;
      font-size: 0.24rem;
}
.mission-list .mission-content sub[data-v-5df4ed04] {
      color: #AAA;
      font-size: 0.24rem;
}
.mission-list .mission-btn[data-v-5df4ed04] {
    font-size: 0.24rem;
    border-radius: 5px;
    border: 1px solid #008FFA;
    color: #008FFA;
    padding: 0.1rem 0.24rem;
}
.mission-desc[data-v-5df4ed04] {
  color: #AAAAAA;
  font-size: 0.24rem;
}
.mission-requist-text[data-v-5df4ed04] {
  font-size: 0.28rem;
  margin-bottom: 0.3rem;
}
.mission-screenshot[data-v-5df4ed04] {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mission-screenshot .screenshot-title[data-v-5df4ed04] {
    font-size: 0.24rem;
    color: #AAAAAA;
    margin-bottom: 0.24rem;
}
.mission-screenshot .screenshot-img-content[data-v-5df4ed04] {
    width: 100%;
    margin-top: 0.28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-screenshot .screenshot-img-content .screenshot-img[data-v-5df4ed04] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.mission-screenshot .screenshot-img-content .screenshot-img img[data-v-5df4ed04] {
        height: 2rem;
        width: 2rem;
}
.mission-screenshot .screenshot-img-content .screenshot-img img a[data-v-5df4ed04] {
          font-size: 0.24rem;
          color: #AAA;
          margin-top: 0.24rem;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb[data-v-5df4ed04] {
        height: 2rem;
        width: 2rem;
        position: relative;
        color: #AAA;
        border-radius: 0.1rem;
        line-height: 1.8rem;
        text-align: center;
        font-weight: 100;
        background: #f5f5f5;
        font-size: 2rem;
        overflow: hidden;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .img-thumb-mask[data-v-5df4ed04] {
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          width: 100%;
          background: rgba(0, 0, 0, 0.3);
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .close-btn[data-v-5df4ed04] {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          height: 0.3rem;
          width: 0.3rem;
          border-radius: 0;
          right: 0.1rem;
          top: 0.1rem;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .progress-bar[data-v-5df4ed04] {
          height: 2px;
          position: absolute;
          top: 0;
          left: 0;
          background: #008FFA;
          -webkit-transition: width .3s;
          transition: width .3s;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .img-thumb-mask[data-v-5df4ed04] {
          height: 100%;
          width: 100%;
          background: rgba(0, 0, 0, 0.3);
          position: absolute;
}
.mission-screenshot .screenshot-img-content .screenshot-img .screenshot-tip[data-v-5df4ed04] {
        font-size: 0.24rem;
        color: #AAA;
        min-height: 1.2em;
        margin-top: 0.12rem;
}
.mission-input-box[data-v-5df4ed04] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mission-input-box .mission-input[data-v-5df4ed04] {
    border: 1px solid #DDD;
    border-radius: 0.12rem;
    padding: 0.1rem 0.16rem;
    color: #222;
}
.mission-input-box a[data-v-5df4ed04] {
    font-size: 0.24rem;
    margin-top: 0.1rem;
}
.submitMission[data-v-5df4ed04] {
  font-size: 0.28rem;
  text-align: center;
  color: #AAA;
  background: #F5F5F5;
  margin: 1rem auto 0.2rem auto;
  width: 40%;
  display: block;
  border-radius: 29px;
  padding: 0.2rem 0.1rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.submitMission sub[data-v-5df4ed04] {
    position: absolute;
    left: 50%;
    margin-left: -1.5rem;
    margin-top: 0.65rem;
    color: #ddd;
}
.submit-mission-active[data-v-5df4ed04] {
  color: white;
  background-image: linear-gradient(-220deg, rgba(138, 245, 255, 0.73) 0%, rgba(0, 142, 251, 0.87) 100%);
}
.rule-desc[data-v-5df4ed04] {
  width: 100%;
  margin-bottom: 0.24rem;
  color: #008FFA;
  font-size: 0.2rem;
  text-decoration: underline;
  text-align: center;
}
.approvalStatus[data-v-5df4ed04] {
  position: fixed;
  top: 15%;
  right: 5%;
  z-index: 999;
  height: 2rem;
  width: 2.5rem;
  border-radius: 0;
}
.px-line[data-v-5df4ed04] {
  margin: .3rem 0;
}

.px-line[data-v-449b2e81] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-449b2e81] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-449b2e81], .fade-leave-active[data-v-449b2e81] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-449b2e81], .fade-leave-to[data-v-449b2e81] {
  opacity: 0;
}
.tip-text[data-v-449b2e81] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-449b2e81] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-449b2e81] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-449b2e81], .popup-leave-active[data-v-449b2e81] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-449b2e81], .popup-leave-to[data-v-449b2e81] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-449b2e81]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-449b2e81]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-449b2e81] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-449b2e81]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-449b2e81] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-449b2e81] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-449b2e81] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-449b2e81] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-449b2e81] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-449b2e81] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.mission-more-achievement[data-v-449b2e81] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: .2rem;
}
.mission-more-achievement .mission-sub-area[data-v-449b2e81] {
    padding-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #EEEEEE;
}
.mission-more-achievement img[data-v-449b2e81] {
    height: 0.68rem;
    width: 0.68rem;
}
.mission-more-achievement .mission-sub-title[data-v-449b2e81] {
    font-size: 0.24rem;
}
.mission-more-dayQuestion[data-v-449b2e81] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: .1rem;
  height: 2.3rem;
  background-image: linear-gradient(-220deg, rgba(138, 245, 255, 0.73) 0%, rgba(0, 142, 251, 0.87) 100%);
  color: white;
  font-size: 0.24rem;
  padding: .5rem 0;
}
.mission-more-dayQuestion .mission-answer-isOk img[data-v-449b2e81] {
    height: 1.2rem;
    width: 1.2rem;
}
.mission-more-dayQuestion .mission-sub-btn-box[data-v-449b2e81] {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-more-dayQuestion .mission-sub-btn-box .mission-sub-btn[data-v-449b2e81] {
      border: 1px solid white;
      border-radius: 0.3rem;
      padding: .1rem .2rem;
}
.mission-more-dayQuestion .mission-answer-type[data-v-449b2e81] {
    font-size: .2rem;
}
.mission-more-dayQuestion .mission-answer-type .mission-answer-award[data-v-449b2e81], .mission-more-dayQuestion .mission-answer-type .mission-answer-type-text[data-v-449b2e81] {
      text-align: center;
}
.mission-ignore[data-v-449b2e81] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
}
.mission-ignore img[data-v-449b2e81] {
    height: 1.54rem;
    width: 1.54rem;
}
.mission-ignore a[data-v-449b2e81] {
    margin-top: 0.3rem;
    font-size: 0.32rem;
    color: #999;
}

.px-line[data-v-449b2e81] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-449b2e81] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-449b2e81], .fade-leave-active[data-v-449b2e81] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-449b2e81], .fade-leave-to[data-v-449b2e81] {
  opacity: 0;
}
.tip-text[data-v-449b2e81] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-449b2e81] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-449b2e81] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-449b2e81], .popup-leave-active[data-v-449b2e81] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-449b2e81], .popup-leave-to[data-v-449b2e81] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-449b2e81]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-449b2e81]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-449b2e81] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-449b2e81]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-449b2e81] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-449b2e81] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-449b2e81] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-449b2e81] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-449b2e81] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-449b2e81] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.mission-list-cantainer[data-v-449b2e81] {
  padding-top: .2rem;
  padding-bottom: 0;
}
.mission-list-cantainer .mission-title[data-v-449b2e81] {
    color: #333333;
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: .4rem;
    padding: 0 .4rem;
}
.mission-list-cantainer .mission-switch-bar[data-v-449b2e81] {
    position: sticky;
    top: 0;
    z-index: 999;
    padding-bottom: .2rem;
    background: white;
    font-size: 0.28rem;
    color: #6B6B6B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    margin-bottom: .4rem;
}
.mission-list-cantainer .mission-list[data-v-449b2e81] {
    font-size: 0.28rem;
    margin-bottom: .6rem;
    padding: 0 .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-list-cantainer .mission-list .mission-list-icon[data-v-449b2e81] {
      height: 1rem;
      width: 1rem;
      border-radius: 0;
}
.mission-list-cantainer .mission-list .mission-list-icon img[data-v-449b2e81] {
        height: 1rem;
        width: 1rem;
        border-radius: 0.1rem;
}
.mission-list-cantainer .mission-list .mission-list-right[data-v-449b2e81] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.mission-list-cantainer .mission-list .mission-list-right .mission-list-content[data-v-449b2e81] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: .2rem;
        width: 60%;
}
.mission-list-cantainer .mission-list .mission-list-right .mission-list-content a[data-v-449b2e81] {
          color: #222222;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%;
          white-space: nowrap;
}
.mission-list-cantainer .mission-list .mission-list-right .mission-list-content span[data-v-449b2e81] {
          color: #DCB461;
}
.mission-list-cantainer .mission-list .mission-list-btn[data-v-449b2e81] {
      font-size: 0.24rem;
      background-image: -webkit-gradient(linear, right top, left top, from(#DCB461), to(#EBCE7F));
      background-image: linear-gradient(-90deg, #DCB461 0%, #EBCE7F 100%);
      border-radius: 0.12rem;
      padding: 0.1rem 0.2rem;
      position: relative;
      color: white;
}
.mission-switch-btn-active[data-v-449b2e81] {
  color: #333 !important;
  font-weight: bold !important;
  position: relative;
}
.mission-switch-btn-active span[data-v-449b2e81] {
    background-image: -webkit-gradient(linear, right top, left top, from(#DCB461), to(#EBCE7F));
    background-image: linear-gradient(-90deg, #DCB461 0%, #EBCE7F 100%);
    width: 0.4rem;
    height: 0.06rem;
    border-radius: 0.1rem;
    position: absolute;
    left: 50%;
    top: .4rem;
    margin-left: -0.2rem;
}
.mission-list[data-v-449b2e81]:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.px-line[data-v-0dff4274] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-0dff4274] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-0dff4274], .fade-leave-active[data-v-0dff4274] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-0dff4274], .fade-leave-to[data-v-0dff4274] {
  opacity: 0;
}
.tip-text[data-v-0dff4274] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-0dff4274] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-0dff4274] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-0dff4274], .popup-leave-active[data-v-0dff4274] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-0dff4274], .popup-leave-to[data-v-0dff4274] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-0dff4274]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-0dff4274]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-0dff4274] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-0dff4274]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-0dff4274] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-0dff4274] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-0dff4274] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-0dff4274] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-0dff4274] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-0dff4274] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.wrapper[data-v-0dff4274] {
  font-size: 0.28rem;
}
.wrapper .right-desc[data-v-0dff4274] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wrapper .right-desc a[data-v-0dff4274] {
      font-size: 0.3rem;
      color: #DCB461;
      font-weight: bold;
}
.wrapper .right-desc span[data-v-0dff4274] {
      font-size: 0.24rem;
      color: #919699;
}

.px-line[data-v-8700a170] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-8700a170] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-8700a170], .fade-leave-active[data-v-8700a170] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-8700a170], .fade-leave-to[data-v-8700a170] {
  opacity: 0;
}
.tip-text[data-v-8700a170] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-8700a170] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-8700a170] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-8700a170], .popup-leave-active[data-v-8700a170] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-8700a170], .popup-leave-to[data-v-8700a170] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-8700a170]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-8700a170]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-8700a170] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-8700a170]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-8700a170] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-8700a170] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-8700a170] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-8700a170] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-8700a170] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-8700a170] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.wrapper[data-v-8700a170] {
  font-size: 0.24rem;
}
.wrapper .mianTitle[data-v-8700a170] {
    font-size: 0.54rem;
    color: #333333;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 0.54rem;
}
.wrapper .subTitle[data-v-8700a170] {
    font-size: 0.24rem;
    color: #919699;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0.18rem;
}
.wrapper .card-swiper[data-v-8700a170] {
    overflow: hidden;
    margin: 0 -0.42rem;
}
.wrapper .card-swiper-content[data-v-8700a170] {
    margin: 0.6rem 0 0.18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.wrapper .card-swiper-content .card-swiper-item[data-v-8700a170] {
      height: 3.54rem;
      width: 5.64rem;
      border-radius: 0.34rem;
      overflow: hidden;
      margin-left: 0.42rem;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
}
.wrapper .card-swiper-content .card-swiper-item img[data-v-8700a170] {
        width: 100%;
        border-radius: 0.34rem;
        -webkit-transition: all .3s;
        transition: all .3s;
        height: 100%;
}
.wrapper .title[data-v-8700a170] {
    font-size: 0.3rem;
    color: #333333;
    font-weight: normal;
    margin-bottom: 0.06rem;
}
.wrapper .tags[data-v-8700a170], .wrapper .end-time[data-v-8700a170] {
    margin-bottom: 0.06rem;
    font-size: 0.24rem;
    color: #919699;
}
.wrapper .tip[data-v-8700a170] {
    font-size: 0.24rem;
    color: #919699;
    margin-top: 0.1rem;
    color: #CACBCC;
    text-align: center;
}
.wrapper .input[data-v-8700a170] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0.12rem 0;
    margin: 0.24rem 0;
    border-bottom: 1px solid #E6E7E8;
}
.wrapper .input .key[data-v-8700a170] {
      margin-right: 0.42rem;
      font-size: 0.24rem;
      color: #919699;
      font-size: 0.3rem;
      color: #CACBCC;
}
.wrapper .input .value[data-v-8700a170] {
      border: none;
      font-size: 0.3rem;
}
.wallet-btn[data-v-8700a170] {
  height: 0.96rem;
  width: 6rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 2.4rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-image: -webkit-gradient(linear, right top, left top, from(#EBCE7F), to(#DCB461));
  background-image: linear-gradient(-90deg, #EBCE7F 0%, #DCB461 100%);
  margin-top: 0.48rem;
  font-weight: normal;
  color: #FFF;
  font-size: 0.36rem;
}
.spinner[data-v-8700a170] {
  position: fixed;
  right: 15px;
  top: 15px;
  height: .5rem;
  width: .5rem;
  z-index: 999;
}

.px-line[data-v-72421202] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-72421202] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-72421202], .fade-leave-active[data-v-72421202] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-72421202], .fade-leave-to[data-v-72421202] {
  opacity: 0;
}
.tip-text[data-v-72421202] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-72421202] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-72421202] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-72421202], .popup-leave-active[data-v-72421202] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-72421202], .popup-leave-to[data-v-72421202] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-72421202]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-72421202]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-72421202] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-72421202]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-72421202] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-72421202] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-72421202] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-72421202] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-72421202] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-72421202] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.verify-status-content[data-v-72421202] {
  padding-top: 1.2rem;
  text-align: center;
  border-bottom: 1px solid #E6E7E8;
}
.verify-status-content .iconfont[data-v-72421202] {
    font-size: 0.9rem;
    color: #DCB461;
}
.verify-status-content .verify-text[data-v-72421202] {
    font-size: 0.24rem;
    color: #919699;
    margin-top: 0.2rem;
    margin-bottom: 1.2rem;
}
.bank-preview[data-v-72421202] {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.bank-preview .card[data-v-72421202] {
    height: 1.32rem;
    width: 2.06rem;
    border-radius: 0.06rem;
}
.bank-preview .content[data-v-72421202] {
    padding-left: 0.24rem;
}
.bank-preview .content .title[data-v-72421202] {
      font-size: 0.3rem;
      color: #333333;
      font-weight: normal;
      margin-bottom: 0.04rem;
}
.bank-preview .content .desc[data-v-72421202] {
      font-size: 0.24rem;
      color: #919699;
}
.re-submit[data-v-72421202] {
  margin: 0.2rem auto 0;
  height: 0.6rem;
  width: 1.56rem;
  border-radius: 1rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#EBCE7F), to(#DCB461));
  background-image: linear-gradient(-90deg, #EBCE7F 0%, #DCB461 100%);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.px-line[data-v-74d43d28] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-74d43d28] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-74d43d28], .fade-leave-active[data-v-74d43d28] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-74d43d28], .fade-leave-to[data-v-74d43d28] {
  opacity: 0;
}
.tip-text[data-v-74d43d28] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-74d43d28] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-74d43d28] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-74d43d28], .popup-leave-active[data-v-74d43d28] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-74d43d28], .popup-leave-to[data-v-74d43d28] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-74d43d28]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-74d43d28]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-74d43d28] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-74d43d28]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-74d43d28] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-74d43d28] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-74d43d28] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-74d43d28] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-74d43d28] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-74d43d28] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.dl-title[data-v-74d43d28] {
  width: calc(100% - 0.64rem);
  height: auto;
  padding: 0.2rem 0.32rem;
  margin-bottom: 0.2rem;
  background: #fff2dd;
  font-size: 0.26rem;
  color: #7c5d5a;
  line-height: 0.36rem;
  -webkit-box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.02rem 0.16rem 0 rgba(0, 0, 0, 0.15);
}
.detail-wrapper[data-v-74d43d28] {
  padding: 0rem 0rem 0.16rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.detail-wrapper .mission-award[data-v-74d43d28] {
    text-align: center;
    font-size: 0.22rem;
    color: #ea5a49;
    margin-bottom: 0.24rem;
}
.detail-wrapper .mission-award span[data-v-74d43d28] {
      font-size: 0.8rem;
}
.detail-wrapper .detail-time[data-v-74d43d28] {
    position: relative;
    display: inline-block;
    color: #888;
    padding: 0.04rem 0.16rem;
    font-size: 0.24rem;
    height: 0.42rem;
    line-height: 0.42rem;
    border-radius: 1rem;
    background-color: #f5f5f5;
    margin-top: 0.08rem;
}
.detail-wrapper .mission-icon[data-v-74d43d28] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.detail-wrapper .mission-icon img[data-v-74d43d28] {
      height: 1.2rem;
      width: 1.2rem;
      border-radius: 5px;
}
.detail-wrapper .mission-title[data-v-74d43d28] {
    font-size: 0.28rem;
    color: #484746;
    margin-top: 0.08rem;
}
.detail-wrapper .mission-tip[data-v-74d43d28] {
    font-size: 0.24rem;
    color: #888;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    line-height: 1.8em;
    margin: 0.12rem 0;
}
.detail-wrapper .mission-tip .mission-tip-title[data-v-74d43d28] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.detail-wrapper .mission-tip .mission-tip-desc[data-v-74d43d28] {
      -webkit-box-flex: 4;
          -ms-flex: 4;
              flex: 4;
      padding-right: 1em;
}
.detail-wrapper .mission-download-btn[data-v-74d43d28] {
    font-size: 0.24rem;
    border-radius: 5px;
    background: #008FFA;
    color: white;
    margin-top: 0.16rem;
    padding: 0.16rem 0.32rem;
}
.submit-task[data-v-74d43d28] {
  height: auto;
  padding-left: 0.32rem;
  font-size: 0.24rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.submit-task .submit-info-md[data-v-74d43d28] {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #eee;
}
.submit-task .submit-info-md .name[data-v-74d43d28] {
      display: inline-block;
      color: #888;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.submit-task .submit-info-md .ipt[data-v-74d43d28] {
      display: inline-block;
      -webkit-box-flex: 4;
          -ms-flex: 4;
              flex: 4;
      height: 0.4rem;
      line-height: 0.48rem;
      font-size: 0.24rem;
      background: none;
      border: 0;
}
.submit-task .submit-info-md .ipt[data-v-74d43d28]::-webkit-input-placeholder {
      color: #CCC;
}
.submit-task .submit-info-md .ipt[data-v-74d43d28]::-moz-placeholder {
      color: #CCC;
}
.submit-task .submit-info-md .ipt[data-v-74d43d28]::-ms-input-placeholder {
      color: #CCC;
}
.submit-task .submit-info-md .ipt[data-v-74d43d28]::placeholder {
      color: #CCC;
}
.action-wrapper[data-v-74d43d28] {
  margin: 0 -0.3rem;
  border-top: 0.24rem solid whitesmoke;
}

.px-line[data-v-74d43d28] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-74d43d28] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-74d43d28], .fade-leave-active[data-v-74d43d28] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-74d43d28], .fade-leave-to[data-v-74d43d28] {
  opacity: 0;
}
.tip-text[data-v-74d43d28] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-74d43d28] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-74d43d28] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-74d43d28], .popup-leave-active[data-v-74d43d28] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-74d43d28], .popup-leave-to[data-v-74d43d28] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-74d43d28]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-74d43d28]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-74d43d28] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-74d43d28]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-74d43d28] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-74d43d28] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-74d43d28] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-74d43d28] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-74d43d28] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-74d43d28] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.reupdate-btn[data-v-74d43d28] {
  position: absolute;
  font-size: 0.2rem;
  -webkit-transform: translateY(1.2rem);
          transform: translateY(1.2rem);
  background: #F5F5F5;
  padding: 0.04rem 0.2rem;
  margin-top: 0.24rem;
  border-radius: 1rem;
  color: #AAA;
}
.mission-container[data-v-74d43d28] {
  padding: 0.1rem 0.3rem 0;
  background: white;
  margin-top: 0.2rem;
}
.mission-list[data-v-74d43d28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.mission-list .mission-icon[data-v-74d43d28] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-list .mission-icon img[data-v-74d43d28] {
      height: 1.2rem;
      width: 1.2rem;
      border-radius: 5px;
}
.mission-list .mission-content[data-v-74d43d28] {
    font-size: 0.24rem;
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: .2rem;
}
.mission-list .mission-content a[data-v-74d43d28] {
      font-weight: bold;
      font-size: 0.28rem;
}
.mission-list .mission-content span[data-v-74d43d28] {
      color: #008FFA;
      margin-top: .1rem;
      font-size: 0.24rem;
}
.mission-list .mission-content sub[data-v-74d43d28] {
      color: #AAA;
      font-size: 0.24rem;
}
.mission-list .mission-btn[data-v-74d43d28] {
    font-size: 0.24rem;
    border-radius: 5px;
    border: 1px solid #008FFA;
    color: #008FFA;
    padding: 0.1rem 0.24rem;
}
.mission-desc[data-v-74d43d28] {
  color: #AAAAAA;
  font-size: 0.24rem;
}
.mission-requist-text[data-v-74d43d28] {
  font-size: 0.28rem;
  margin-bottom: 0.3rem;
}
.mission-screenshot[data-v-74d43d28] {
  margin-top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mission-screenshot .screenshot-title[data-v-74d43d28] {
    font-size: 0.24rem;
    color: #AAAAAA;
    margin-bottom: 0.24rem;
}
.mission-screenshot .screenshot-img-content[data-v-74d43d28] {
    width: 100%;
    margin-top: 0.28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-screenshot .screenshot-img-content .screenshot-img[data-v-74d43d28] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.mission-screenshot .screenshot-img-content .screenshot-img img[data-v-74d43d28] {
        height: 2rem;
        width: 2rem;
}
.mission-screenshot .screenshot-img-content .screenshot-img img a[data-v-74d43d28] {
          font-size: 0.24rem;
          color: #AAA;
          margin-top: 0.24rem;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb[data-v-74d43d28] {
        height: 2rem;
        width: 2rem;
        position: relative;
        color: #AAA;
        border-radius: 0.1rem;
        line-height: 1.8rem;
        text-align: center;
        font-weight: 100;
        background: #f5f5f5;
        font-size: 2rem;
        overflow: hidden;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .img-thumb-mask[data-v-74d43d28] {
          position: absolute;
          height: 100%;
          top: 0;
          left: 0;
          width: 100%;
          background: rgba(0, 0, 0, 0.3);
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .close-btn[data-v-74d43d28] {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          height: 0.3rem;
          width: 0.3rem;
          border-radius: 0;
          right: 0.1rem;
          top: 0.1rem;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .progress-bar[data-v-74d43d28] {
          height: 2px;
          position: absolute;
          top: 0;
          left: 0;
          background: #008FFA;
          -webkit-transition: width .3s;
          transition: width .3s;
}
.mission-screenshot .screenshot-img-content .screenshot-img .img-thumb .img-thumb-mask[data-v-74d43d28] {
          height: 100%;
          width: 100%;
          background: rgba(0, 0, 0, 0.3);
          position: absolute;
}
.mission-screenshot .screenshot-img-content .screenshot-img .screenshot-tip[data-v-74d43d28] {
        font-size: 0.24rem;
        color: #AAA;
        min-height: 1.2em;
        margin-top: 0.12rem;
}
.mission-input-box[data-v-74d43d28] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mission-input-box .mission-input[data-v-74d43d28] {
    border: 1px solid #DDD;
    border-radius: 0.12rem;
    padding: 0.1rem 0.16rem;
    color: #222;
}
.mission-input-box a[data-v-74d43d28] {
    font-size: 0.24rem;
    margin-top: 0.1rem;
}
.submitMission[data-v-74d43d28] {
  font-size: 0.28rem;
  text-align: center;
  color: #AAA;
  background: #F5F5F5;
  margin: 1rem auto 0.2rem auto;
  width: 40%;
  display: block;
  border-radius: 29px;
  padding: 0.2rem 0.1rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.submitMission sub[data-v-74d43d28] {
    position: absolute;
    left: 50%;
    margin-left: -1.5rem;
    margin-top: 0.65rem;
    color: #ddd;
}
.submit-mission-active[data-v-74d43d28] {
  color: white;
  background-image: linear-gradient(-220deg, rgba(138, 245, 255, 0.73) 0%, rgba(0, 142, 251, 0.87) 100%);
}
.rule-desc[data-v-74d43d28] {
  width: 100%;
  margin-bottom: 0.24rem;
  color: #008FFA;
  font-size: 0.2rem;
  text-decoration: underline;
  text-align: center;
}
.approvalStatus[data-v-74d43d28] {
  position: fixed;
  top: 15%;
  right: 5%;
  z-index: 999;
  height: 2rem;
  width: 2.5rem;
  border-radius: 0;
}
.px-line[data-v-74d43d28] {
  margin: .3rem 0;
}

.px-line[data-v-39b4bc4f] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-39b4bc4f] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-39b4bc4f], .fade-leave-active[data-v-39b4bc4f] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-39b4bc4f], .fade-leave-to[data-v-39b4bc4f] {
  opacity: 0;
}
.tip-text[data-v-39b4bc4f] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-39b4bc4f] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-39b4bc4f] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-39b4bc4f], .popup-leave-active[data-v-39b4bc4f] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-39b4bc4f], .popup-leave-to[data-v-39b4bc4f] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-39b4bc4f]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-39b4bc4f]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-39b4bc4f] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-39b4bc4f]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-39b4bc4f] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-39b4bc4f] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-39b4bc4f] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-39b4bc4f] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-39b4bc4f] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-39b4bc4f] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.mission-more-achievement[data-v-39b4bc4f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: .2rem;
}
.mission-more-achievement .mission-sub-area[data-v-39b4bc4f] {
    padding-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #EEEEEE;
}
.mission-more-achievement img[data-v-39b4bc4f] {
    height: 0.68rem;
    width: 0.68rem;
}
.mission-more-achievement .mission-sub-title[data-v-39b4bc4f] {
    font-size: 0.24rem;
}
.mission-more-dayQuestion[data-v-39b4bc4f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: .1rem;
  height: 2.3rem;
  background-image: linear-gradient(-220deg, rgba(138, 245, 255, 0.73) 0%, rgba(0, 142, 251, 0.87) 100%);
  color: white;
  font-size: 0.24rem;
  padding: .5rem 0;
}
.mission-more-dayQuestion .mission-answer-isOk img[data-v-39b4bc4f] {
    height: 1.2rem;
    width: 1.2rem;
}
.mission-more-dayQuestion .mission-sub-btn-box[data-v-39b4bc4f] {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-more-dayQuestion .mission-sub-btn-box .mission-sub-btn[data-v-39b4bc4f] {
      border: 1px solid white;
      border-radius: 0.3rem;
      padding: .1rem .2rem;
}
.mission-more-dayQuestion .mission-answer-type[data-v-39b4bc4f] {
    font-size: .2rem;
}
.mission-more-dayQuestion .mission-answer-type .mission-answer-award[data-v-39b4bc4f], .mission-more-dayQuestion .mission-answer-type .mission-answer-type-text[data-v-39b4bc4f] {
      text-align: center;
}
.mission-ignore[data-v-39b4bc4f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
}
.mission-ignore img[data-v-39b4bc4f] {
    height: 1.54rem;
    width: 1.54rem;
}
.mission-ignore a[data-v-39b4bc4f] {
    margin-top: 0.3rem;
    font-size: 0.32rem;
    color: #999;
}

.px-line[data-v-39b4bc4f] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-39b4bc4f] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-39b4bc4f], .fade-leave-active[data-v-39b4bc4f] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-39b4bc4f], .fade-leave-to[data-v-39b4bc4f] {
  opacity: 0;
}
.tip-text[data-v-39b4bc4f] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-39b4bc4f] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-39b4bc4f] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-39b4bc4f], .popup-leave-active[data-v-39b4bc4f] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-39b4bc4f], .popup-leave-to[data-v-39b4bc4f] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-39b4bc4f]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-39b4bc4f]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-39b4bc4f] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-39b4bc4f]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-39b4bc4f] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-39b4bc4f] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-39b4bc4f] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-39b4bc4f] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-39b4bc4f] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-39b4bc4f] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.mission-list-cantainer[data-v-39b4bc4f] {
  padding-top: .2rem;
  padding-bottom: 0;
}
.mission-list-cantainer .mission-title[data-v-39b4bc4f] {
    color: #333333;
    font-size: 0.28rem;
    font-weight: bold;
    margin-bottom: .4rem;
    padding: 0 .4rem;
}
.mission-list-cantainer .mission-switch-bar[data-v-39b4bc4f] {
    position: sticky;
    top: 0;
    z-index: 999;
    padding-bottom: .2rem;
    background: white;
    font-size: 0.28rem;
    color: #6B6B6B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    margin-bottom: .4rem;
}
.mission-list-cantainer .mission-list[data-v-39b4bc4f] {
    font-size: 0.28rem;
    margin-bottom: .6rem;
    padding: 0 .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.mission-list-cantainer .mission-list .mission-list-icon[data-v-39b4bc4f] {
      height: 1rem;
      width: 1rem;
      border-radius: 0;
}
.mission-list-cantainer .mission-list .mission-list-icon img[data-v-39b4bc4f] {
        height: 1rem;
        width: 1rem;
        border-radius: 0.1rem;
}
.mission-list-cantainer .mission-list .mission-list-right[data-v-39b4bc4f] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.mission-list-cantainer .mission-list .mission-list-right .mission-list-content[data-v-39b4bc4f] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: .2rem;
        width: 60%;
}
.mission-list-cantainer .mission-list .mission-list-right .mission-list-content a[data-v-39b4bc4f] {
          color: #222222;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 200px;
          white-space: nowrap;
}
.mission-list-cantainer .mission-list .mission-list-right .mission-list-content span[data-v-39b4bc4f] {
          color: #DCB461;
}
.mission-list-cantainer .mission-list .mission-list-btn[data-v-39b4bc4f] {
      font-size: 0.24rem;
      background-image: -webkit-gradient(linear, right top, left top, from(#DCB461), to(#EBCE7F));
      background-image: linear-gradient(-90deg, #DCB461 0%, #EBCE7F 100%);
      border-radius: 0.12rem;
      padding: 0.1rem 0.2rem;
      position: relative;
      color: white;
}
.mission-switch-btn-active[data-v-39b4bc4f] {
  color: #333 !important;
  font-weight: bold !important;
  position: relative;
}
.mission-switch-btn-active span[data-v-39b4bc4f] {
    background-image: -webkit-gradient(linear, right top, left top, from(#DCB461), to(#EBCE7F));
    background-image: linear-gradient(-90deg, #DCB461 0%, #EBCE7F 100%);
    width: 0.4rem;
    height: 0.06rem;
    border-radius: 0.1rem;
    position: absolute;
    left: 50%;
    top: .4rem;
    margin-left: -0.2rem;
}
.mission-list[data-v-39b4bc4f]:nth-last-child(1) {
  margin-bottom: 0 !important;
}

.px-line[data-v-378dd322] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-378dd322] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-378dd322], .fade-leave-active[data-v-378dd322] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-378dd322], .fade-leave-to[data-v-378dd322] {
  opacity: 0;
}
.tip-text[data-v-378dd322] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-378dd322] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-378dd322] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-378dd322], .popup-leave-active[data-v-378dd322] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-378dd322], .popup-leave-to[data-v-378dd322] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-378dd322]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-378dd322]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-378dd322] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-378dd322]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-378dd322] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-378dd322] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-378dd322] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-378dd322] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-378dd322] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-378dd322] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.banner[data-v-378dd322] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
.share-container[data-v-378dd322] {
  padding: 0.8rem 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0.04rem 0.16rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.04rem 0.16rem 0 rgba(0, 0, 0, 0.1);
  height: 3.6rem;
  width: 6.8rem;
  border-radius: 0;
  border-radius: 0.08rem;
  margin: 0 auto;
  -webkit-transform: translateY(-0.48rem);
          transform: translateY(-0.48rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.share-container .title[data-v-378dd322] {
    font-size: 0.36rem;
    text-align: center;
}
.btn-area .btn[data-v-378dd322] {
  -webkit-transition: all .3s;
  transition: all .3s;
  height: 0.84rem;
  width: 4rem;
  border-radius: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.36rem;
  background: #FE8C00;
}
.btn-area .sub[data-v-378dd322] {
  font-size: 0.24rem;
  color: #9B9B9B;
  margin-top: 0.24rem;
  text-align: center;
}
.btn-active[data-v-378dd322] {
  background: #DCDCDC !important;
}

.px-line[data-v-69dd5ec8] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-69dd5ec8] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-69dd5ec8], .fade-leave-active[data-v-69dd5ec8] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-69dd5ec8], .fade-leave-to[data-v-69dd5ec8] {
  opacity: 0;
}
.tip-text[data-v-69dd5ec8] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-69dd5ec8] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-69dd5ec8] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-69dd5ec8], .popup-leave-active[data-v-69dd5ec8] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-69dd5ec8], .popup-leave-to[data-v-69dd5ec8] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-69dd5ec8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-69dd5ec8]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-69dd5ec8] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-69dd5ec8]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-69dd5ec8] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-69dd5ec8] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-69dd5ec8] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-69dd5ec8] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-69dd5ec8] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-69dd5ec8] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.message[data-v-69dd5ec8] {
  background: white;
  border-radius: 0.16rem;
  position: fixed;
  top: 35%;
  left: 50%;
  margin-left: -3rem;
  z-index: 9999;
  overflow: hidden;
  width: 6rem;
}
.message .title[data-v-69dd5ec8] {
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background: #4A90E2;
    color: white;
    font-size: 0.36rem;
}
.message p[data-v-69dd5ec8] {
    height: 0.96rem;
    background: white;
    padding: 0.76rem 0.76rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
    color: #757482;
    font-size: 0.28rem;
    line-height: 0.48rem;
}
.message-list[data-v-69dd5ec8] {
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.28rem 0.2rem;
}
.message-list .message-box[data-v-69dd5ec8] {
    padding: 0.32rem;
    border-radius: 0.12rem;
    color: #777777;
    margin: 0 0.1rem;
    border: 1px solid #EEE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.message-list img[data-v-69dd5ec8] {
    height: 0.572rem;
    width: 0.572rem;
    margin-bottom: 0.1rem;
}
.confirm-btn[data-v-69dd5ec8] {
  height: 0.48rem;
  width: 1.6rem;
  color: #757482;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #DEF1FF;
  margin: 0rem auto 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.28rem;
}

@charset "UTF-8";
.px-line[data-v-2cab59e6] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-2cab59e6] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-2cab59e6], .fade-leave-active[data-v-2cab59e6] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-2cab59e6], .fade-leave-to[data-v-2cab59e6] {
  opacity: 0;
}
.tip-text[data-v-2cab59e6] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-2cab59e6] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-2cab59e6] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-2cab59e6], .popup-leave-active[data-v-2cab59e6] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-2cab59e6], .popup-leave-to[data-v-2cab59e6] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-2cab59e6]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-2cab59e6]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-2cab59e6] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-2cab59e6]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-2cab59e6] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-2cab59e6] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-2cab59e6] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-2cab59e6] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-2cab59e6] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-2cab59e6] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.invite-card-list[data-v-2cab59e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.invite-card-list .invite-card[data-v-2cab59e6] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 0.2rem;
    width: 1.6rem;
    margin-bottom: 0.72rem;
    height: 2rem;
    position: relative;
    border-radius: 0.16rem;
    -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(131, 131, 131, 0.4);
            box-shadow: 0 0.12rem 0.16rem 0 rgba(131, 131, 131, 0.4);
}
.invite-card-list .invite-card .arrow[data-v-2cab59e6] {
      position: absolute;
      top: 45%;
}
.invite-card-list .invite-card .arrow img[data-v-2cab59e6] {
        position: absolute;
        height: 0.24rem;
        width: 0.24rem;
        border-radius: 0;
        z-index: 99;
}
.invite-card-list .invite-card img[data-v-2cab59e6] {
      width: 100%;
      position: absolute;
}
.invite-card-list .invite-card .tip[data-v-2cab59e6] {
      text-align: center;
      margin-top: 0.24rem;
      position: absolute;
      text-align: center;
      width: 100%;
      font-size: 0.2rem;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-list .invite-card .award[data-v-2cab59e6] {
      font-size: 0.48rem;
      text-align: center;
      margin-top: 0.6rem;
      text-shadow: 0.02rem 0.02rem 0.04rem rgba(97, 0, 0, 0.31);
      letter-spacing: -0.01rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-list .invite-card .len[data-v-2cab59e6] {
      font-size: 0.2rem;
      text-align: center;
      bottom: 0.16rem;
      text-shadow: 0.02rem 0.02rem 0.04rem rgba(97, 0, 0, 0.31);
      letter-spacing: -0.01rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-active[data-v-2cab59e6] {
  -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(252, 83, 32, 0.4);
          box-shadow: 0 0.12rem 0.16rem 0 rgba(252, 83, 32, 0.4);
}
.progress-box[data-v-2cab59e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 0.32rem;
}
.progress-box .progress-line[data-v-2cab59e6] {
    margin-left: 0.16rem;
    height: 0.2rem;
    width: 4.08rem;
    border-radius: 0.2rem;
    background: #FFD9C7;
    overflow: hidden;
}
.progress-box .progress-line .progress-line-inner[data-v-2cab59e6] {
      height: 0.2rem;
      width: 4.08rem;
      border-radius: 0.2rem;
      background: #FE661E;
}
.banner-title-box[data-v-2cab59e6] {
  z-index: 99;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.banner-title-box .banner-title[data-v-2cab59e6] {
    width: 100%;
    height: 6rem;
}
.banner-title-box a[data-v-2cab59e6] {
    position: absolute;
    bottom: 0.36rem;
    color: #FFF796;
    text-shadow: 0 0.16rem 0.24rem rgba(254, 102, 30, 0.61);
    left: -0.12rem;
    font-size: 1.2rem;
}
.invite-wrapper[data-v-2cab59e6] {
  font-size: 0.28rem;
}
.rule-tip[data-v-2cab59e6] {
  height: 0.56rem;
  width: 1.36rem;
  border-radius: 0;
  background-image: linear-gradient(-139deg, #FFA428 0%, #FFDC41 100%);
  -webkit-box-shadow: 2px 4px 8px 0 rgba(110, 59, 36, 0.31);
          box-shadow: 2px 4px 8px 0 rgba(110, 59, 36, 0.31);
  border-radius: 32px 0 0 32px;
  position: absolute;
  right: 0;
  top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.24rem;
  z-index: 999;
  color: #8B3C2A;
  padding-left: 0.08rem;
}
.bg[data-v-2cab59e6] {
  width: 100%;
  position: absolute;
  top: 0;
}
.invite-code-left[data-v-2cab59e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 0.48rem;
}
.invite-btn[data-v-2cab59e6] {
  z-index: 9999;
  height: 0.8rem;
  width: 2.56rem;
  border-radius: 1.06rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.32rem;
  position: absolute;
  top: 2.9rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD33F), to(#F15500));
  background-image: linear-gradient(-180deg, #FFD33F 0%, #F15500 100%);
  -webkit-box-shadow: 0 0.24rem 0.24rem 0 rgba(242, 75, 0, 0.54);
          box-shadow: 0 0.24rem 0.24rem 0 rgba(242, 75, 0, 0.54);
}
.invite-code-box[data-v-2cab59e6] {
  margin: 0 auto;
  background-image: url(/cdn-img/fe/2018726/我的邀请码@2x.png);
  position: absolute;
  top: 4.4rem;
  z-index: 999;
  background-size: 100% 100%;
  height: 1.28rem;
  width: 6.7rem;
  border-radius: 0.16rem;
  left: 50%;
  margin-left: -3.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.invite-code-box .invite-code[data-v-2cab59e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #555555;
    font-size: 0.28rem;
}
.invite-code-box .invite-code .iconfont[data-v-2cab59e6] {
      margin-right: 0.48rem;
      font-size: 0.24rem;
      font-weight: bold;
}
.invite-code-box .invite-code img[data-v-2cab59e6] {
      position: absolute;
      height: 0.8rem;
      width: 4.28rem;
      border-radius: 0;
      left: 0.12rem;
      z-index: -5;
}
.banner-tip[data-v-2cab59e6] {
  position: absolute;
  top: 0.6rem;
  z-index: 100;
  -webkit-transform: translate3D(4rem, 0.06rem, 0);
          transform: translate3D(4rem, 0.06rem, 0);
  text-align: center;
  font-size: 0.32rem;
  text-shadow: 0.06rem 0rem 0.08rem #4932DD;
}
.invite-box[data-v-2cab59e6] {
  position: relative;
  z-index: 5;
  background: rgba(255, 255, 255, 0.6);
  width: 6.7rem;
  border-radius: 0.16rem;
  margin: 0 auto;
}
.invite-box .invite-title-timer[data-v-2cab59e6] {
    text-align: center;
    color: #7341BE;
    font-size: 0.24rem;
    -webkit-transform: translateY(-0.24rem);
            transform: translateY(-0.24rem);
}
.invite-box img[data-v-2cab59e6] {
    width: 0.7rem;
}
.invite-box .invite-title-bar[data-v-2cab59e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-box .invite-title[data-v-2cab59e6] {
    padding: 0;
    font-size: 0.32rem;
    margin: 0.24rem 0.28rem 0.32rem;
    font-weight: bold;
    color: #4600B8;
    letter-spacing: -0.0066rem;
}
.invite-cantainer[data-v-2cab59e6] {
  width: 6.3rem;
  background: white;
  padding: 0.48rem 0;
  margin: 0 auto;
  border-radius: 0.16rem;
}
.invite-cantainer .user-list[data-v-2cab59e6] {
    border-bottom: 1px solid #EEE;
    padding: 0.2rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-cantainer .user-list .left[data-v-2cab59e6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.invite-cantainer .user-list .right[data-v-2cab59e6] {
      color: #999999;
      font-size: 0.24rem;
}
.invite-cantainer .user-list .user-avatar[data-v-2cab59e6] {
      height: 0.92rem;
      width: 0.92rem;
      border-radius: 50%;
}
.invite-cantainer .user-list .user-desc[data-v-2cab59e6] {
      margin-left: 0.1rem;
}
.invite-cantainer .user-list .user-desc .phone[data-v-2cab59e6] {
        font-size: 0.32rem;
        color: #222;
        font-weight: bold;
}
.invite-cantainer .user-list .user-desc .date[data-v-2cab59e6] {
        font-size: 0.24rem;
        color: #999;
}
.invite-cantainer-list[data-v-2cab59e6] {
  padding: 0.48rem 0.4rem;
  width: 5.5rem;
}
.invite-cantainer-list .text[data-v-2cab59e6] {
    text-align: center;
    color: #555555;
}
.invite-cantainer-list .invite-list[data-v-2cab59e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-cantainer-list .step-list[data-v-2cab59e6] {
    height: 0.08rem;
    width: 100%;
    border-radius: 0;
    background: #FE661E;
}
.invite-cantainer-list .step-list .step-point[data-v-2cab59e6] {
      position: absolute;
      height: 0.36rem;
      width: 0.36rem;
      border-radius: 50%;
      background: #FE661E;
      left: -0.18rem;
      top: -0.12rem;
      margin: auto 0;
}
.chaopiao[data-v-2cab59e6] {
  height: 3.38rem;
  width: 5.5rem;
  border-radius: 0;
  margin-top: 0.48rem;
  position: relative;
}
.chaopiao .people-now[data-v-2cab59e6] {
    position: absolute;
    z-index: 99;
    width: 100%;
    bottom: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.24rem;
    color: #FFFFFF;
}
.chaopiao .chaopiao-now[data-v-2cab59e6] {
    position: absolute;
    z-index: 99;
    width: 100%;
    color: #FE661E;
    top: 1.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.chaopiao .chaopiao-now .qian[data-v-2cab59e6] {
      font-size: 0.8rem;
      display: inline;
}
.chaopiao .chaopiao-now .danyuan[data-v-2cab59e6] {
      margin-left: 0.12rem;
      font-weight: bold;
      display: inline;
      -webkit-transform: translateY(-0.16rem);
              transform: translateY(-0.16rem);
}
.chaopiao img[data-v-2cab59e6] {
    width: 100%;
    top: 0;
    position: absolute;
}
.chaopiao .chaopiao-title[data-v-2cab59e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0.48rem;
    font-weight: bold;
}
.chaopiao .chaopiao-title a[data-v-2cab59e6] {
      font-size: 0.32rem;
      color: #B87100;
}
.chaopiao .chaopiao-title span[data-v-2cab59e6] {
      height: 0.12rem;
      width: 0.12rem;
      border-radius: 50%;
      background: #B87100;
}

.px-line[data-v-49800582] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-49800582] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-49800582], .fade-leave-active[data-v-49800582] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-49800582], .fade-leave-to[data-v-49800582] {
  opacity: 0;
}
.tip-text[data-v-49800582] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-49800582] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-49800582] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-49800582], .popup-leave-active[data-v-49800582] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-49800582], .popup-leave-to[data-v-49800582] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-49800582]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-49800582]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-49800582] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-49800582]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-49800582] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-49800582] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-49800582] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-49800582] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-49800582] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-49800582] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.btn-box[data-v-49800582] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.btn-box .cancel-btn[data-v-49800582] {
    background: #EEE;
}
.message[data-v-49800582] {
  background: white;
  border-radius: 0.16rem;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -3rem;
  z-index: 99999;
  overflow: hidden;
  width: 6rem;
}
.message .title[data-v-49800582] {
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background: #4A90E2;
    color: white;
    font-size: 0.36rem;
}
.message p[data-v-49800582] {
    height: 0.96rem;
    background: white;
    padding: 0.76rem 0.76rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
    color: #757482;
    font-size: 0.28rem;
    line-height: 0.48rem;
}
.confirm-btn[data-v-49800582] {
  height: 0.48rem;
  width: 1.6rem;
  color: #757482;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: #DEF1FF;
  margin: 0rem auto 0.4rem;
  border-radius: 0.3rem;
}

@charset "UTF-8";
.px-line[data-v-861a5f6e] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-861a5f6e] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-861a5f6e], .fade-leave-active[data-v-861a5f6e] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-861a5f6e], .fade-leave-to[data-v-861a5f6e] {
  opacity: 0;
}
.tip-text[data-v-861a5f6e] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-861a5f6e] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-861a5f6e] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-861a5f6e], .popup-leave-active[data-v-861a5f6e] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-861a5f6e], .popup-leave-to[data-v-861a5f6e] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-861a5f6e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-861a5f6e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-861a5f6e] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-861a5f6e]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-861a5f6e] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-861a5f6e] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-861a5f6e] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-861a5f6e] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-861a5f6e] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-861a5f6e] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.invite-card-list[data-v-861a5f6e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.invite-card-list .invite-card[data-v-861a5f6e] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 0.2rem;
    width: 1.6rem;
    margin-bottom: 0.48rem;
    height: 2rem;
    position: relative;
    border-radius: 0.16rem;
    -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(131, 131, 131, 0.4);
            box-shadow: 0 0.12rem 0.16rem 0 rgba(131, 131, 131, 0.4);
}
.invite-card-list .invite-card .arrow[data-v-861a5f6e] {
      position: absolute;
      top: 45%;
}
.invite-card-list .invite-card .arrow img[data-v-861a5f6e] {
        position: absolute;
        height: 0.24rem;
        width: 0.24rem;
        border-radius: 0;
        z-index: 99;
}
.invite-card-list .invite-card img[data-v-861a5f6e] {
      width: 100%;
      position: absolute;
}
.invite-card-list .invite-card .tip[data-v-861a5f6e] {
      text-align: center;
      margin-top: 0.24rem;
      position: absolute;
      text-align: center;
      width: 100%;
      font-size: 0.2rem;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-list .invite-card .award[data-v-861a5f6e] {
      font-size: 0.48rem;
      text-align: center;
      margin-top: 0.6rem;
      text-shadow: 0.02rem 0.02rem 0.04rem rgba(97, 0, 0, 0.31);
      letter-spacing: -0.01rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-list .invite-card .len[data-v-861a5f6e] {
      font-size: 0.2rem;
      text-align: center;
      bottom: 0.16rem;
      text-shadow: 0.02rem 0.02rem 0.04rem rgba(97, 0, 0, 0.31);
      letter-spacing: -0.01rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 66;
      color: #FFFFFF;
}
.records-title[data-v-861a5f6e] {
  position: relative;
  z-index: 66;
  font-size: 0.52rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-shadow: 0 8px 12px rgba(30, 90, 254, 0.61);
  text-align: center;
  padding-top: 0.48rem;
}
.invite-card-active[data-v-861a5f6e] {
  -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(252, 83, 32, 0.4);
          box-shadow: 0 0.12rem 0.16rem 0 rgba(252, 83, 32, 0.4);
}
.progress-box[data-v-861a5f6e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 0.32rem;
}
.progress-box .progress-line[data-v-861a5f6e] {
    margin-left: 0.16rem;
    height: 0.2rem;
    width: 4.08rem;
    border-radius: 0.2rem;
    background: #FFD9C7;
    overflow: hidden;
}
.progress-box .progress-line .progress-line-inner[data-v-861a5f6e] {
      height: 0.2rem;
      width: 4.08rem;
      border-radius: 0.2rem;
      background: #FE661E;
}
.banner-title-box[data-v-861a5f6e] {
  z-index: 99;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.banner-title-box img[data-v-861a5f6e] {
    width: 100%;
}
.banner-title-box a[data-v-861a5f6e] {
    position: absolute;
    bottom: 0.36rem;
    color: #FFF796;
    text-shadow: 0 0.16rem 0.24rem rgba(254, 102, 30, 0.61);
    left: -0.12rem;
    font-size: 1.2rem;
}
.invite-wrapper[data-v-861a5f6e] {
  font-size: 0.28rem;
}
.rule-tip[data-v-861a5f6e] {
  height: 0.56rem;
  width: 1.36rem;
  border-radius: 0;
  background-image: linear-gradient(-139deg, #FFA428 0%, #FFDC41 100%);
  -webkit-box-shadow: 2px 4px 8px 0 rgba(110, 59, 36, 0.31);
          box-shadow: 2px 4px 8px 0 rgba(110, 59, 36, 0.31);
  border-radius: 32px 0 0 32px;
  position: absolute;
  right: 0;
  top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.24rem;
  color: #8B3C2A;
  padding-left: 0.08rem;
}
.bg[data-v-861a5f6e] {
  width: 100%;
  position: absolute;
  top: 0;
}
.invite-code-left[data-v-861a5f6e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 0.48rem;
}
.invite-btn[data-v-861a5f6e] {
  z-index: 9999;
  height: 1rem;
  width: 3.2rem;
  border-radius: 1.06rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.36rem;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  margin-left: -1.6rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD33F), to(#F15500));
  background-image: linear-gradient(-180deg, #FFD33F 0%, #F15500 100%);
  -webkit-box-shadow: 0 0.24rem 0.24rem 0 rgba(242, 75, 0, 0.54);
          box-shadow: 0 0.24rem 0.24rem 0 rgba(242, 75, 0, 0.54);
}
.invite-code-box[data-v-861a5f6e] {
  margin: 0 auto;
  background-image: url(/cdn-img/fe/2018726/我的邀请码@2x.png);
  position: absolute;
  top: 4.4rem;
  z-index: 999;
  background-size: 100% 100%;
  height: 1.28rem;
  width: 6.7rem;
  border-radius: 0.16rem;
  left: 50%;
  margin-left: -3.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.invite-code-box .invite-code[data-v-861a5f6e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: #555555;
    font-size: 0.28rem;
}
.invite-code-box .invite-code .iconfont[data-v-861a5f6e] {
      margin-right: 0.48rem;
      font-size: 0.24rem;
      font-weight: bold;
}
.invite-code-box .invite-code img[data-v-861a5f6e] {
      position: absolute;
      height: 0.8rem;
      width: 4.28rem;
      border-radius: 0;
      left: 0.12rem;
      z-index: -5;
}
.banner-tip[data-v-861a5f6e] {
  width: 100%;
  position: absolute;
  top: 0.6rem;
  color: white;
  text-align: center;
  font-size: 0.32rem;
  text-shadow: 0.06rem 0rem 0.08rem #4932DD;
}
.invite-box[data-v-861a5f6e] {
  position: relative;
  z-index: 5;
  background: rgba(255, 255, 255, 0.6);
  width: 6.7rem;
  border-radius: 0.16rem;
  margin: 0 auto;
}
.invite-box .invite-title-timer[data-v-861a5f6e] {
    text-align: center;
    color: #7341BE;
    font-size: 0.24rem;
    -webkit-transform: translateY(-0.24rem);
            transform: translateY(-0.24rem);
}
.invite-box img[data-v-861a5f6e] {
    width: 0.7rem;
}
.invite-box .invite-title-bar[data-v-861a5f6e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-box .invite-title[data-v-861a5f6e] {
    padding: 0;
    font-size: 0.32rem;
    margin: 0.24rem 0.28rem 0.32rem;
    font-weight: bold;
    color: #4600B8;
    letter-spacing: -0.0066rem;
}
.invite-cantainer[data-v-861a5f6e] {
  width: 6.3rem;
  background: white;
  padding: 0.48rem 0;
  margin: 0 auto;
  border-radius: 0.16rem;
}
.invite-cantainer .user-list[data-v-861a5f6e] {
    border-bottom: 1px solid #EEE;
    padding: 0.2rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-cantainer .user-list .left[data-v-861a5f6e] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.invite-cantainer .user-list .right[data-v-861a5f6e] {
      text-align: right;
      color: #999999;
      font-size: 0.24rem;
}
.invite-cantainer .user-list .user-avatar[data-v-861a5f6e] {
      height: 0.92rem;
      width: 0.92rem;
      border-radius: 50%;
}
.invite-cantainer .user-list .user-desc[data-v-861a5f6e] {
      margin-left: 0.1rem;
}
.invite-cantainer .user-list .user-desc .phone[data-v-861a5f6e] {
        font-size: 0.32rem;
        color: #222;
        font-weight: bold;
}
.invite-cantainer .user-list .user-desc .date[data-v-861a5f6e] {
        font-size: 0.24rem;
        color: #999;
}
.invite-cantainer-list[data-v-861a5f6e] {
  padding: 0.48rem 0.4rem;
  width: 5.5rem;
}
.invite-cantainer-list .text[data-v-861a5f6e] {
    text-align: center;
    color: #555555;
}
.invite-cantainer-list .invite-list[data-v-861a5f6e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-cantainer-list .step-list[data-v-861a5f6e] {
    height: 0.08rem;
    width: 100%;
    border-radius: 0;
    background: #FE661E;
}
.invite-cantainer-list .step-list .step-point[data-v-861a5f6e] {
      position: absolute;
      height: 0.36rem;
      width: 0.36rem;
      border-radius: 50%;
      background: #FE661E;
      left: -0.18rem;
      top: -0.12rem;
      margin: auto 0;
}
.chaopiao[data-v-861a5f6e] {
  height: 3.38rem;
  width: 5.5rem;
  border-radius: 0;
  margin-top: 0.48rem;
  position: relative;
}
.chaopiao .people-now[data-v-861a5f6e] {
    position: absolute;
    z-index: 99;
    width: 100%;
    bottom: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.24rem;
    color: #FFFFFF;
}
.chaopiao .chaopiao-now[data-v-861a5f6e] {
    position: absolute;
    z-index: 99;
    width: 100%;
    color: #FE661E;
    top: 1.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.chaopiao .chaopiao-now .qian[data-v-861a5f6e] {
      font-size: 0.8rem;
      display: inline;
}
.chaopiao .chaopiao-now .danyuan[data-v-861a5f6e] {
      margin-left: 0.12rem;
      font-weight: bold;
      display: inline;
      -webkit-transform: translateY(-0.16rem);
              transform: translateY(-0.16rem);
}
.chaopiao img[data-v-861a5f6e] {
    width: 100%;
    top: 0;
    position: absolute;
}
.chaopiao .chaopiao-title[data-v-861a5f6e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0.48rem;
    font-weight: bold;
}
.chaopiao .chaopiao-title a[data-v-861a5f6e] {
      font-size: 0.32rem;
      color: #B87100;
}
.chaopiao .chaopiao-title span[data-v-861a5f6e] {
      height: 0.12rem;
      width: 0.12rem;
      border-radius: 50%;
      background: #B87100;
}

.px-line[data-v-8f33e7f4] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-8f33e7f4] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-8f33e7f4], .fade-leave-active[data-v-8f33e7f4] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-8f33e7f4], .fade-leave-to[data-v-8f33e7f4] {
  opacity: 0;
}
.tip-text[data-v-8f33e7f4] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-8f33e7f4] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-8f33e7f4] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-8f33e7f4], .popup-leave-active[data-v-8f33e7f4] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-8f33e7f4], .popup-leave-to[data-v-8f33e7f4] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-8f33e7f4]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-8f33e7f4]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-8f33e7f4] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-8f33e7f4]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-8f33e7f4] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-8f33e7f4] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-8f33e7f4] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-8f33e7f4] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-8f33e7f4] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-8f33e7f4] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
body *[data-v-8f33e7f4] {
  font-size: 0.28rem;
}
.rule-title[data-v-8f33e7f4] {
  font-size: 0.52rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  padding-top: 0.36rem;
  position: relative;
  margin-bottom: 0.24rem;
}
.tip-box[data-v-8f33e7f4] {
  width: 100%;
  color: #555555;
  font-size: 0.28rem;
}
.tip[data-v-8f33e7f4] {
  height: 0.32rem;
  width: 0.32rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #694EFF;
  color: white;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.16rem;
}
.invite-box[data-v-8f33e7f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 5;
  background: white;
  width: 6.3rem;
  padding: 0.36rem 0.32rem;
  border-radius: 0.16rem;
  margin: 0 auto;
}
.invite-cantainer .title[data-v-8f33e7f4] {
  font-size: 0.32rem;
  font-weight: bold;
  color: #555555;
  width: 100%;
}
.invite-cantainer p[data-v-8f33e7f4] {
  margin-top: 0;
}
.invite-cantainer img[data-v-8f33e7f4] {
  -webkit-box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.2);
}
.invite-title-bar[data-v-8f33e7f4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.invite-title-bar img[data-v-8f33e7f4] {
    width: 0.7rem;
}
.invite-title[data-v-8f33e7f4] {
  padding: 0;
  font-size: 0.32rem;
  margin: 0.24rem 0.28rem 0.32rem;
  font-weight: bold;
  color: #4600B8;
  letter-spacing: -0.0066rem;
}
.invite-wrapper[data-v-8f33e7f4] {
  font-size: 0.28rem;
}
.bg[data-v-8f33e7f4] {
  width: 100%;
  position: absolute;
  top: 0;
}
.card[data-v-8f33e7f4] {
  display: block;
  position: relative;
  width: 6.3rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0.16rem;
}
.card img[data-v-8f33e7f4] {
    width: 100%;
    height: 100%;
}

@charset "UTF-8";
.px-line[data-v-76bda988] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-76bda988] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-76bda988], .fade-leave-active[data-v-76bda988] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-76bda988], .fade-leave-to[data-v-76bda988] {
  opacity: 0;
}
.tip-text[data-v-76bda988] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-76bda988] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-76bda988] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-76bda988], .popup-leave-active[data-v-76bda988] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-76bda988], .popup-leave-to[data-v-76bda988] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-76bda988]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-76bda988]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-76bda988] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-76bda988]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-76bda988] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-76bda988] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-76bda988] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-76bda988] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-76bda988] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-76bda988] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.invite-code-box-bottom[data-v-76bda988] {
  font-size: 0.28rem;
  color: #999999;
  letter-spacing: -0.0058rem;
  text-align: center;
}
.invite-code-box-bottom .b[data-v-76bda988] {
    font-size: 0.24rem;
    color: #555555;
    margin: 0.1rem auto 0.4rem;
}
.copy-btn[data-v-76bda988] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD33F), to(#F15500));
  background-image: linear-gradient(-180deg, #FFD33F 0%, #F15500 100%);
  -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(242, 75, 0, 0.3);
          box-shadow: 0 0.12rem 0.16rem 0 rgba(242, 75, 0, 0.3);
  height: 0.66rem;
  width: 1.28rem;
  border-radius: 1.06rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.48rem auto 0;
  color: white;
}
.invite-card-list[data-v-76bda988] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.invite-card-list .invite-card[data-v-76bda988] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0 0.2rem;
    width: 1.6rem;
    margin-bottom: 0.48rem;
    height: 2rem;
    position: relative;
    border-radius: 0.16rem;
    -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(131, 131, 131, 0.4);
            box-shadow: 0 0.12rem 0.16rem 0 rgba(131, 131, 131, 0.4);
}
.invite-card-list .invite-card .arrow[data-v-76bda988] {
      position: absolute;
      top: 45%;
}
.invite-card-list .invite-card .arrow img[data-v-76bda988] {
        position: absolute;
        height: 0.24rem;
        width: 0.24rem;
        border-radius: 0;
        z-index: 99;
}
.invite-card-list .invite-card img[data-v-76bda988] {
      width: 100%;
      position: absolute;
}
.invite-card-list .invite-card .tip[data-v-76bda988] {
      text-align: center;
      margin-top: 0.24rem;
      position: absolute;
      text-align: center;
      width: 100%;
      font-size: 0.2rem;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-list .invite-card .award[data-v-76bda988] {
      font-size: 0.48rem;
      text-align: center;
      margin-top: 0.6rem;
      text-shadow: 0.02rem 0.02rem 0.04rem rgba(97, 0, 0, 0.31);
      letter-spacing: -0.01rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-list .invite-card .len[data-v-76bda988] {
      font-size: 0.2rem;
      text-align: center;
      bottom: 0.16rem;
      text-shadow: 0.02rem 0.02rem 0.04rem rgba(97, 0, 0, 0.31);
      letter-spacing: -0.01rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 66;
      color: #FFFFFF;
}
.invite-card-active[data-v-76bda988] {
  -webkit-box-shadow: 0 0.12rem 0.16rem 0 rgba(252, 83, 32, 0.4);
          box-shadow: 0 0.12rem 0.16rem 0 rgba(252, 83, 32, 0.4);
}
.progress-box[data-v-76bda988] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 0.32rem;
}
.progress-box .progress-line[data-v-76bda988] {
    margin-left: 0.16rem;
    height: 0.2rem;
    width: 4.08rem;
    border-radius: 0.2rem;
    background: #FFD9C7;
    overflow: hidden;
}
.progress-box .progress-line .progress-line-inner[data-v-76bda988] {
      height: 0.2rem;
      width: 4.08rem;
      border-radius: 0.2rem;
      background: #FE661E;
}
.banner-title-box[data-v-76bda988] {
  z-index: 99;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.banner-title-box img[data-v-76bda988] {
    width: 100%;
}
.banner-title-box a[data-v-76bda988] {
    position: absolute;
    bottom: 0.36rem;
    color: #FFF796;
    text-shadow: 0 0.16rem 0.24rem rgba(254, 102, 30, 0.61);
    left: -0.12rem;
    font-size: 1.2rem;
}
.invite-wrapper[data-v-76bda988] {
  font-size: 0.28rem;
}
.rule-tip[data-v-76bda988] {
  height: 0.56rem;
  width: 1.36rem;
  border-radius: 0;
  background-image: linear-gradient(-139deg, #FFA428 0%, #FFDC41 100%);
  -webkit-box-shadow: 2px 4px 8px 0 rgba(110, 59, 36, 0.31);
          box-shadow: 2px 4px 8px 0 rgba(110, 59, 36, 0.31);
  border-radius: 32px 0 0 32px;
  position: absolute;
  right: 0;
  top: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.24rem;
  color: #8B3C2A;
  padding-left: 0.08rem;
}
.bg[data-v-76bda988] {
  width: 100%;
  position: absolute;
  top: 0;
}
.invite-code-input[data-v-76bda988] {
  -webkit-transform: translateX(-10rem);
          transform: translateX(-10rem);
  position: absolute;
}
.invite-code-left[data-v-76bda988] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 0.48rem;
}
.invite-btn[data-v-76bda988] {
  z-index: 9999;
  height: 1rem;
  width: 3.2rem;
  border-radius: 1.06rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.36rem;
  position: absolute;
  top: 2.5rem;
  left: 50%;
  margin-left: -1.6rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD33F), to(#F15500));
  background-image: linear-gradient(-180deg, #FFD33F 0%, #F15500 100%);
  -webkit-box-shadow: 0 0.24rem 0.24rem 0 rgba(242, 75, 0, 0.54);
          box-shadow: 0 0.24rem 0.24rem 0 rgba(242, 75, 0, 0.54);
}
.invite-code-box[data-v-76bda988] {
  margin: 0 auto;
  background-image: url(/cdn-img/fe/2018726/我的邀请码@2x.png);
  z-index: 999;
  background-size: 100% 100%;
  height: 5.24rem;
  width: 6.7rem;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 99;
}
.invite-code-box .h1[data-v-76bda988] {
    font-size: 0.32rem;
    text-align: center;
    color: #555555;
    margin-top: 0.48rem;
    font-weight: bold;
    letter-spacing: -0.0066rem;
}
.invite-code-box .invite-code[data-v-76bda988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
    border: none;
    width: 4.4rem;
    color: #FFC900;
    margin: 0 auto;
    letter-spacing: -0.0134rem;
    font-size: 0.64rem;
    font-weight: bold;
}
.invite-code-box .invite-code .iconfont[data-v-76bda988] {
      margin-right: 0.48rem;
      font-size: 0.24rem;
      font-weight: bold;
}
.invite-code-box .invite-code img[data-v-76bda988] {
      position: absolute;
      height: 0.8rem;
      width: 4.28rem;
      border-radius: 0;
      left: 0.12rem;
      z-index: -5;
}
.banner-tip[data-v-76bda988] {
  width: 100%;
  position: absolute;
  top: 0.6rem;
  color: white;
  text-align: center;
  font-size: 0.32rem;
  text-shadow: 0.06rem 0rem 0.08rem #4932DD;
}
.invite-box[data-v-76bda988] {
  position: relative;
  z-index: 5;
  background: rgba(255, 255, 255, 0.6);
  width: 6.7rem;
  border-radius: 0.16rem;
  margin: 0 auto;
}
.invite-box .invite-title-timer[data-v-76bda988] {
    text-align: center;
    color: #7341BE;
    font-size: 0.24rem;
    -webkit-transform: translateY(-0.24rem);
            transform: translateY(-0.24rem);
}
.invite-box img[data-v-76bda988] {
    width: 0.7rem;
}
.invite-box .invite-title-bar[data-v-76bda988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-box .invite-title[data-v-76bda988] {
    padding: 0;
    font-size: 0.32rem;
    margin: 0.24rem 0.28rem 0.32rem;
    font-weight: bold;
    color: #4600B8;
    letter-spacing: -0.0066rem;
}
.invite-cantainer[data-v-76bda988] {
  width: 6.3rem;
  background: white;
  padding: 0.48rem 0;
  margin: 0 auto;
  border-radius: 0.16rem;
  font-size: 0.28rem;
  color: #555555;
}
.invite-cantainer p[data-v-76bda988] {
    margin-top: 0;
}
.invite-cantainer p img[data-v-76bda988] {
      -webkit-box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.2);
              box-shadow: 0 0.08rem 0.32rem rgba(0, 0, 0, 0.2);
}
.invite-cantainer .user-list[data-v-76bda988] {
    border-bottom: 1px solid #EEE;
    padding: 0.2rem 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-cantainer .user-list .left[data-v-76bda988] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.invite-cantainer .user-list .right[data-v-76bda988] {
      color: #999999;
      font-size: 0.24rem;
}
.invite-cantainer .user-list .user-avatar[data-v-76bda988] {
      height: 0.92rem;
      width: 0.92rem;
      border-radius: 50%;
}
.invite-cantainer .user-list .user-desc[data-v-76bda988] {
      margin-left: 0.1rem;
}
.invite-cantainer .user-list .user-desc .phone[data-v-76bda988] {
        font-size: 0.32rem;
        color: #222;
        font-weight: bold;
}
.invite-cantainer .user-list .user-desc .date[data-v-76bda988] {
        font-size: 0.24rem;
        color: #999;
}
.invite-cantainer-list[data-v-76bda988] {
  padding: 0.48rem 0.4rem;
  width: 5.5rem;
}
.invite-cantainer-list .text[data-v-76bda988] {
    text-align: center;
    color: #555555;
}
.invite-cantainer-list .invite-list[data-v-76bda988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.invite-cantainer-list .step-list[data-v-76bda988] {
    height: 0.08rem;
    width: 100%;
    border-radius: 0;
    background: #FE661E;
}
.invite-cantainer-list .step-list .step-point[data-v-76bda988] {
      position: absolute;
      height: 0.36rem;
      width: 0.36rem;
      border-radius: 50%;
      background: #FE661E;
      left: -0.18rem;
      top: -0.12rem;
      margin: auto 0;
}
.chaopiao[data-v-76bda988] {
  height: 3.38rem;
  width: 5.5rem;
  border-radius: 0;
  margin-top: 0.48rem;
  position: relative;
}
.chaopiao .people-now[data-v-76bda988] {
    position: absolute;
    z-index: 99;
    width: 100%;
    bottom: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.24rem;
    color: #FFFFFF;
}
.chaopiao .chaopiao-now[data-v-76bda988] {
    position: absolute;
    z-index: 99;
    width: 100%;
    color: #FE661E;
    top: 1.04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.chaopiao .chaopiao-now .qian[data-v-76bda988] {
      font-size: 0.8rem;
      display: inline;
}
.chaopiao .chaopiao-now .danyuan[data-v-76bda988] {
      margin-left: 0.12rem;
      font-weight: bold;
      display: inline;
      -webkit-transform: translateY(-0.16rem);
              transform: translateY(-0.16rem);
}
.chaopiao img[data-v-76bda988] {
    width: 100%;
    top: 0;
    position: absolute;
}
.chaopiao .chaopiao-title[data-v-76bda988] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0.48rem;
    font-weight: bold;
}
.chaopiao .chaopiao-title a[data-v-76bda988] {
      font-size: 0.32rem;
      color: #B87100;
}
.chaopiao .chaopiao-title span[data-v-76bda988] {
      height: 0.12rem;
      width: 0.12rem;
      border-radius: 50%;
      background: #B87100;
}

.px-line[data-v-2f3ba11e] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-2f3ba11e] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-2f3ba11e], .fade-leave-active[data-v-2f3ba11e] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-2f3ba11e], .fade-leave-to[data-v-2f3ba11e] {
  opacity: 0;
}
.tip-text[data-v-2f3ba11e] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-2f3ba11e] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-2f3ba11e] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-2f3ba11e], .popup-leave-active[data-v-2f3ba11e] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-2f3ba11e], .popup-leave-to[data-v-2f3ba11e] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-2f3ba11e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-2f3ba11e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-2f3ba11e] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-2f3ba11e]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-2f3ba11e] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-2f3ba11e] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-2f3ba11e] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-2f3ba11e] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-2f3ba11e] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-2f3ba11e] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.rr-swiper[data-v-2f3ba11e] {
  margin-bottom: 0.42rem;
}
.swiper-pagination .swiper-pagination-bullet[data-v-2f3ba11e] {
  width: 0.09rem;
  height: 0.09rem;
  opacity: 0.4;
  background: #FFFFFF;
}
.swiper-pagination .swiper-pagination-bullet-active[data-v-2f3ba11e] {
  opacity: 1;
}
.detail[data-v-2f3ba11e] {
  width: 6.66rem;
  margin: 0 auto;
}
.detail .title[data-v-2f3ba11e] {
    width: 100%;
    font-size: 0.54rem;
    color: #333333;
    line-height: 0.76rem;
}
.detail .user-info[data-v-2f3ba11e] {
    margin: 0.6rem 0;
    width: 100%;
    height: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 0.24rem;
}
.detail .user-info .left[data-v-2f3ba11e] {
      max-width: 5.5rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
.detail .user-info .left .avatar[data-v-2f3ba11e] {
        width: 0.6rem;
        height: 0.6rem;
        margin-right: 0.18rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.detail .user-info .left .avatar img[data-v-2f3ba11e] {
          border-radius: 50%;
          width: 100%;
          height: 100%;
}
.detail .user-info .left .info .nickName[data-v-2f3ba11e] {
        color: #333333;
}
.detail .user-info .left .info .updateTime[data-v-2f3ba11e] {
        color: #919699;
}
.detail .user-info .right[data-v-2f3ba11e] {
      width: 0.96rem;
      height: 0.6rem;
      background: #00BBFF;
      border-radius: 0.33rem;
      color: #ffffff;
      font-size: 0.5rem;
      line-height: 0.6rem;
      text-align: center;
      font-weight: 100;
}
.detail .content[data-v-2f3ba11e] {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.54rem;
    word-break: break-all;
}
.detail .season-card[data-v-2f3ba11e] {
    width: 100%;
    height: 2.2rem;
    background: #F6F7F8;
    border-radius: 0.06rem;
    margin: 0.42rem 0 0.42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.detail .season-card .left[data-v-2f3ba11e] {
      width: 5.69rem;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0.3rem;
      border-right: 0.01rem dashed #CACBCC;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.detail .season-card .left .cover[data-v-2f3ba11e] {
        width: 1.14rem;
        height: 1.6rem;
        margin-right: 0.24rem;
        border-radius: 0.06rem;
}
.detail .season-card .left .info[data-v-2f3ba11e] {
        font-size: 0.24rem;
        line-height: 0.24rem;
        color: #919699;
}
.detail .season-card .left .info .season-title[data-v-2f3ba11e] {
          width: 3.7rem;
          font-size: 0.3rem;
          line-height: 0.3rem;
          color: #333333;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
}
.detail .season-card .left .info .year-country-category[data-v-2f3ba11e] {
          margin: 0.24rem 0;
}
.detail .season-card .left .info .score-wrap[data-v-2f3ba11e] {
          width: 3.26rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
}
.detail .season-card .left .info .scoreNumber[data-v-2f3ba11e] {
          color: #00BBFF;
}
.detail .season-card .right[data-v-2f3ba11e] {
      width: 0.95rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.detail .season-card .right i[data-v-2f3ba11e] {
        font-size: 0.36rem;
}
.open-btn[data-v-2f3ba11e] {
  width: calc(100% - 0.84rem);
  margin: 0.3rem 0.42rem;
  color: #00BBFF;
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.16rem 0;
  border-radius: 1rem;
  border: 1px solid #00BBFF;
}
.tip-text[data-v-2f3ba11e] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.spinner[data-v-2f3ba11e] {
  position: fixed;
  right: 5%;
  top: -.1rem;
  height: .5rem;
  width: .5rem;
  z-index: 999;
}
.fade-enter-active[data-v-2f3ba11e], .fade-leave-active[data-v-2f3ba11e] {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.fade-enter[data-v-2f3ba11e], .fade-leave-to[data-v-2f3ba11e] {
  opacity: 0;
}
.bannerbar[data-v-2f3ba11e] {
  font-size: 0.3rem;
  color: white;
  background: -webkit-gradient(linear, right top, left top, from(#00D5FF), to(#00BBFF));
  background: linear-gradient(-90deg, #00D5FF 0%, #00BBFF 100%);
  padding: 0 0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 0.9rem;
  width: 0;
  border-radius: 0;
  width: calc(100% - 0.84rem);
}
.bannerbar .btn[data-v-2f3ba11e] {
    font-size: 0.24rem;
    color: #00BBFF;
    height: 0.6rem;
    width: 1.6rem;
    border-radius: 1rem;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-weight: 500;
}
.video-view[data-v-2f3ba11e] {
  z-index: 99999;
  position: sticky;
  top: 0;
}

.swiper-pagination .swiper-pagination-bullet {
  width: p2r(9);
  height: p2r(9);
  opacity: 0.4;
  background: #FFFFFF;
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.px-line[data-v-a418c194] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-a418c194] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-a418c194], .fade-leave-active[data-v-a418c194] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-a418c194], .fade-leave-to[data-v-a418c194] {
  opacity: 0;
}
.tip-text[data-v-a418c194] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-a418c194] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-a418c194] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-a418c194], .popup-leave-active[data-v-a418c194] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-a418c194], .popup-leave-to[data-v-a418c194] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-a418c194]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-a418c194]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-a418c194] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-a418c194]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-a418c194] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-a418c194] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-a418c194] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-a418c194] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-a418c194] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-a418c194] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.px-line[data-v-a418c194] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-a418c194] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-a418c194], .fade-leave-active[data-v-a418c194] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-a418c194], .fade-leave-to[data-v-a418c194] {
  opacity: 0;
}
.tip-text[data-v-a418c194] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-a418c194] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-a418c194] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-a418c194], .popup-leave-active[data-v-a418c194] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-a418c194], .popup-leave-to[data-v-a418c194] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-a418c194]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-a418c194]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-a418c194] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-a418c194]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-a418c194] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-a418c194] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-a418c194] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-a418c194] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-a418c194] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-a418c194] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.bannerbar[data-v-a418c194] {
  font-size: 0.3rem;
  color: white;
  background-image: -webkit-gradient(linear, right top, left top, from(#00D5FF), to(#00BBFF));
  background-image: linear-gradient(-90deg, #00D5FF 0%, #00BBFF 100%);
  padding: 0 0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 0.9rem;
  width: 0;
  border-radius: 0;
  width: calc(100% - 0.84rem);
}
.bannerbar .btn[data-v-a418c194] {
    font-size: 0.24rem;
    color: #00BBFF;
    height: 0.6rem;
    width: 1.6rem;
    border-radius: 1rem;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-weight: bold;
}
.open-btn[data-v-a418c194] {
  width: calc(100% - 0.84rem);
  margin: 0.3rem 0.42rem;
  color: #00BBFF;
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.16rem 0;
  border-radius: 1rem;
  border: 1px solid #00BBFF;
}
.tip-text[data-v-a418c194] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.spinner[data-v-a418c194] {
  position: fixed;
  right: 5%;
  top: -.1rem;
  height: .5rem;
  width: .5rem;
  z-index: 999;
}
.fade-enter-active[data-v-a418c194], .fade-leave-active[data-v-a418c194] {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.fade-enter[data-v-a418c194], .fade-leave-to[data-v-a418c194] {
  opacity: 0;
}
.video-view[data-v-a418c194] {
  z-index: 99999;
  position: sticky;
  top: 0;
}

.px-line[data-v-0b1e7987] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-0b1e7987] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-0b1e7987], .fade-leave-active[data-v-0b1e7987] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-0b1e7987], .fade-leave-to[data-v-0b1e7987] {
  opacity: 0;
}
.tip-text[data-v-0b1e7987] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-0b1e7987] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-0b1e7987] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-0b1e7987], .popup-leave-active[data-v-0b1e7987] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-0b1e7987], .popup-leave-to[data-v-0b1e7987] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-0b1e7987]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-0b1e7987]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-0b1e7987] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-0b1e7987]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-0b1e7987] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-0b1e7987] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-0b1e7987] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-0b1e7987] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-0b1e7987] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-0b1e7987] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.px-line[data-v-0b1e7987] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-0b1e7987] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-0b1e7987], .fade-leave-active[data-v-0b1e7987] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-0b1e7987], .fade-leave-to[data-v-0b1e7987] {
  opacity: 0;
}
.tip-text[data-v-0b1e7987] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-0b1e7987] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-0b1e7987] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-0b1e7987], .popup-leave-active[data-v-0b1e7987] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-0b1e7987], .popup-leave-to[data-v-0b1e7987] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-0b1e7987]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-0b1e7987]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-0b1e7987] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-0b1e7987]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-0b1e7987] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-0b1e7987] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-0b1e7987] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-0b1e7987] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-0b1e7987] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-0b1e7987] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.bannerbar[data-v-0b1e7987] {
  font-size: 0.3rem;
  color: white;
  background-image: -webkit-gradient(linear, right top, left top, from(#00D5FF), to(#00BBFF));
  background-image: linear-gradient(-90deg, #00D5FF 0%, #00BBFF 100%);
  padding: 0 0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 0.9rem;
  width: 0;
  border-radius: 0;
  width: calc(100% - 0.84rem);
}
.bannerbar .btn[data-v-0b1e7987] {
    font-size: 0.24rem;
    color: #00BBFF;
    height: 0.6rem;
    width: 1.6rem;
    border-radius: 1rem;
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-weight: bold;
}
.spinner[data-v-0b1e7987] {
  position: fixed;
  right: 5%;
  top: -.1rem;
  height: .5rem;
  width: .5rem;
  z-index: 999;
}
.open-btn[data-v-0b1e7987] {
  width: calc(100% - 0.84rem);
  margin: 0.3rem 0.42rem;
  color: #00BBFF;
  height: 0.8rem;
  font-size: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 1rem;
  border: 1px solid #00BBFF;
}
.tip-text[data-v-0b1e7987] {
  display: block;
  width: 100%;
  color: #919699;
  font-size: .24rem;
  text-align: center;
  margin-top: 0.08rem;
}
.video-desc-icon-active[data-v-0b1e7987] {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.bgmask[data-v-0b1e7987] {
  height: 4.66rem;
  width: 100%;
  z-index: 5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
}
.bgmask .blur-bg[data-v-0b1e7987] {
    position: absolute;
    top: -100%;
    left: 0%;
    width: 100%;
    z-index: -5;
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
}
.cover-view[data-v-0b1e7987] {
  display: inline-block;
  height: 2.86rem;
  width: 2.06rem;
  border-radius: 0.06rem;
  margin-left: 0.42rem;
  overflow: hidden;
  z-index: 99;
}
.cover-view img[data-v-0b1e7987] {
    height: 100%;
    width: 100%;
}
.view-desc[data-v-0b1e7987] {
  position: absolute;
  left: 2.8rem;
  width: 4.2rem;
  color: #999999;
  height: 3rem;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.view-desc .view-desc-title[data-v-0b1e7987] {
    font-size: 0.54rem;
    width: 100%;
}
.view-desc .view-desc-title a[data-v-0b1e7987] {
      font-weight: 500;
}
.view-desc .view-desc-title span[data-v-0b1e7987] {
      font-size: 0.24rem;
}
.view-desc .view-desc-title p[data-v-0b1e7987] {
      font-size: 0.28rem;
      margin: 0;
}
.blur-mask[data-v-0b1e7987] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: rgba(0, 0, 0, 0.6);
  height: 4.66rem;
  width: 100%;
  position: absolute;
  z-index: -4;
  top: 0;
}
.view-brief[data-v-0b1e7987] {
  font-size: 0.3rem;
  color: #333;
  line-height: 1.4em;
}
.view-brief-icon[data-v-0b1e7987] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  padding-left: 0.72rem;
  font-weight: bold;
  right: 0em;
  color: #333;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}
.playBtn[data-v-0b1e7987] {
  height: 1rem;
  width: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#80C3F3), to(#4A90E2));
  background-image: linear-gradient(-180deg, #80C3F3 0%, #4A90E2 100%);
  -webkit-box-shadow: 0 2px 4px 0 #7FC8FF;
          box-shadow: 0 2px 4px 0 #7FC8FF;
  position: absolute;
  z-index: 99999;
  border-radius: 50%;
  top: 2.3rem;
  right: 0.42rem;
}
.playBtn i[data-v-0b1e7987] {
    color: white;
    -webkit-transform: translateX(0.03rem);
            transform: translateX(0.03rem);
}
.view-desc-tag[data-v-0b1e7987] {
  width: 3.2rem;
  font-size: 0.24rem;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
      flex-direction: column;
}
.view-desc-tag .mini-btn[data-v-0b1e7987] {
    border-radius: 1rem;
    padding: 0.16rem 0.36rem;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    font-size: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0.24rem;
}
.view-desc-tag .mini-btn i[data-v-0b1e7987] {
      font-size: 0.24rem;
}
.view-desc-tag span[data-v-0b1e7987] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.album-cover[data-v-0b1e7987] {
  height: 4.2rem;
  width: 100%;
  display: block;
}
.album-cover img[data-v-0b1e7987] {
    height: 100%;
    width: 100%;
}
.view-brief-activity[data-v-0b1e7987] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 0;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}
.recomment-list[data-v-0b1e7987]::-webkit-scrollbar {
  display: none;
}
.recomment-list[data-v-0b1e7987] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin: 0 -0.1rem;
}
.recomment-list .recomment-item[data-v-0b1e7987] {
    padding: 0 0.1rem;
}
.recomment-list .recomment-item .recomment-thumb[data-v-0b1e7987] {
      height: 2.88rem;
      width: 2.06rem;
      border-radius: 0.1rem;
}
.recomment-list .recomment-item .title[data-v-0b1e7987] {
      margin-bottom: 0.04rem;
      margin-top: 0.04rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      font-size: 0.32rem;
}
.auth-tag[data-v-0b1e7987] {
  background: #F2F4F5;
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0.18rem 0.3rem;
}
.auth-tag .auth-tag-cover[data-v-0b1e7987] {
    height: 0.24rem;
    width: 0.24rem;
    border-radius: 50%;
    margin-right: 0.12rem;
}
.auth-tag .auth-tag-nickname[data-v-0b1e7987] {
    font-size: 0.24rem;
    line-height: 1em;
    color: #919699;
}
.auth-tag .auth-tag-plus[data-v-0b1e7987] {
    height: 0.24rem;
    width: 0.24rem;
    border-radius: 0;
    color: #00BBFF;
    margin-left: 0.08rem;
    font-size: 0.24rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    line-height: 1em;
}
.auth-tag .auth-tag-plus .iconfont[data-v-0b1e7987] {
      font-size: 0.18rem;
}
.tags-wrapper[data-v-0b1e7987] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 0.42rem;
  border-bottom: 1px solid #E6E7E8;
  padding-bottom: 0.41rem;
  margin-top: 0.16rem;
}
.auth-tag-add-kandan[data-v-0b1e7987] {
  color: #919699;
}
.intro-duction-video-wrapper[data-v-0b1e7987] {
  height: 4.21rem;
  width: 100%;
  border-radius: 0;
  position: relative;
}
.intro-duction-video-wrapper .intro-duction-video[data-v-0b1e7987] {
    height: 100%;
    width: 100%;
    border-radius: 0;
}
.intro-duction-video-wrapper .intro-duction-cover[data-v-0b1e7987] {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.intro-duction-video-wrapper .intro-duction-mask[data-v-0b1e7987] {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: white;
}
.intro-duction-video-wrapper .intro-duction-mask .iconfont[data-v-0b1e7987] {
      font-size: 0.6rem;
}
.intro-duction-video-wrapper .intro-duction-mask .iconfont[data-v-0b1e7987]::before {
      -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
}
.float-btn[data-v-0b1e7987] {
  height: 0.96rem;
  width: 3.24rem;
  border-radius: 1.92rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#00D5FF), to(#00BBFF));
  background-image: linear-gradient(-90deg, #00D5FF 0%, #00BBFF 100%);
  font-size: 0.3rem;
  color: white;
  text-align: center;
  position: sticky;
  bottom: 0.6rem;
  left: calc(50% - 1.62rem);
  line-height: 0.96rem;
}
.intro-duction-btn[data-v-0b1e7987] {
  border-radius: 0.58rem;
  color: white;
  font-size: 0.3rem;
  padding: 0.27rem 0.42rem;
  overflow: hidden;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.intro-duction-btn .icon-zhongxinshangchuan[data-v-0b1e7987] {
    margin-right: 0.19rem;
    font-size: 0.32rem !important;
}
.intro-duction-btn[data-v-0b1e7987]:nth-child(1) {
  margin-right: 0.42rem;
}
.intro-duction-btn[data-v-0b1e7987]:before {
  content: '';
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  top: 0;
  left: 0;
  height: calc(100% + 0.8rem);
  width: calc(100% + 0.8rem);
  border-radius: 0;
  margin: -0.4rem;
  -webkit-filter: blur(0.2rem);
          filter: blur(0.2rem);
}
.float-btn-fade-enter-active[data-v-0b1e7987], .float-btn-fade-leave-active[data-v-0b1e7987] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.float-btn-fade-enter[data-v-0b1e7987], .float-btn-fade-leave-to[data-v-0b1e7987] {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.pswp img {
    max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: none;
    opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
}
.pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
}
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000;
}
.pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
}
}
@-webkit-keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.px-line[data-v-7d3a8306] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-7d3a8306] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-7d3a8306], .fade-leave-active[data-v-7d3a8306] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-7d3a8306], .fade-leave-to[data-v-7d3a8306] {
  opacity: 0;
}
.tip-text[data-v-7d3a8306] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-7d3a8306] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-7d3a8306] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-7d3a8306], .popup-leave-active[data-v-7d3a8306] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-7d3a8306], .popup-leave-to[data-v-7d3a8306] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-7d3a8306]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-7d3a8306]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-7d3a8306] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-7d3a8306]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-7d3a8306] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-7d3a8306] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-7d3a8306] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-7d3a8306] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-7d3a8306] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-7d3a8306] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.circle-wrapper[data-v-7d3a8306] {
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  padding: 0 !important;
  overflow: hidden;
}
*[data-v-7d3a8306] {
  font-size: 0.28rem;
}
.banner[data-v-7d3a8306] {
  width: 100%;
  height: 4.4rem;
  position: relative;
  overflow: hidden;
}
.banner .circle-main-text[data-v-7d3a8306] {
    color: white;
    width: calc(100vw - 0.84rem);
    position: absolute;
    top: 0.64rem;
    left: 0.42rem;
}
.banner .circle-main-text .circle-title[data-v-7d3a8306] {
      font-size: 0.54rem;
      font-weight: 500;
      margin-bottom: 0.08rem;
}
.banner .circle-main-text .circle-desc[data-v-7d3a8306] {
      width: 60%;
      color: #b0b5c2;
      font-size: 0.24rem;
}
.banner .banner-container[data-v-7d3a8306] {
    width: 100%;
    position: fixed;
    top: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    left: 0;
}
.banner .banner-img[data-v-7d3a8306] {
    z-index: -5;
    background-size: 100% 100%;
    width: 100%;
}
.circle-data-container[data-v-7d3a8306] {
  position: absolute;
  width: calc(100vw - 0.84rem);
  top: 2.5rem;
}
.circle-tip-container[data-v-7d3a8306] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 25%;
}
.article-container[data-v-7d3a8306] {
  padding: 0.24rem 0;
}
.join-btn[data-v-7d3a8306] {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 0.6rem;
  width: auto;
  border-radius: 1rem;
  padding-left: 0.28rem;
  padding-right: 0.28rem;
  font-size: 0.24rem;
}
.main-content[data-v-7d3a8306] {
  padding: 0.5rem 0.37rem;
  background: white;
  border-top-left-radius: 0.06rem;
  border-top-right-radius: 0.06rem;
  -webkit-transform: translateY(-0.12rem);
          transform: translateY(-0.12rem);
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.pswp img {
    max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: none;
    opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
}
.pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
}
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000;
}
.pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
}
}
@-webkit-keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.px-line[data-v-62ae6602] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-62ae6602] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-62ae6602], .fade-leave-active[data-v-62ae6602] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-62ae6602], .fade-leave-to[data-v-62ae6602] {
  opacity: 0;
}
.tip-text[data-v-62ae6602] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-62ae6602] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-62ae6602] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-62ae6602], .popup-leave-active[data-v-62ae6602] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-62ae6602], .popup-leave-to[data-v-62ae6602] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-62ae6602]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-62ae6602]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-62ae6602] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-62ae6602]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-62ae6602] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-62ae6602] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-62ae6602] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-62ae6602] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-62ae6602] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-62ae6602] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.wrapper[data-v-62ae6602] {
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  overflow: hidden;
}
*[data-v-62ae6602] {
  font-size: 0.28rem;
}
.banner[data-v-62ae6602] {
  width: 100%;
  height: 4.4rem;
  position: relative;
  overflow: hidden;
}
.banner .circle-main-text[data-v-62ae6602] {
    color: white;
    width: calc(100vw - 0.84rem);
    position: absolute;
    top: 0.64rem;
    z-index: 999;
    left: 0.42rem;
}
.banner .circle-main-text .circle-title[data-v-62ae6602] {
      font-size: 0.54rem;
      font-weight: 500;
      margin-bottom: 0.08rem;
}
.banner .circle-main-text .circle-desc[data-v-62ae6602] {
      width: 60%;
      color: #b0b5c2;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      -webkit-box-orient: vertical;
      font-size: 0.24rem;
      line-height: 0.32rem;
}
.banner .banner-container[data-v-62ae6602] {
    width: 100%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
}
.banner .banner-container .actor-avatar[data-v-62ae6602] {
      z-index: 999;
      height: 1.92rem;
      width: 1.92rem;
      border-radius: 50%;
      border: 0.04rem solid #FFF;
      position: absolute;
      right: 0.42rem;
      top: 0.64rem;
}
.banner .banner-img[data-v-62ae6602] {
    z-index: -5;
    background-size: 100% 100%;
    width: 100%;
    background: inherit;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}
.circle-data-container[data-v-62ae6602] {
  position: absolute;
  width: calc(100vw - 0.84rem);
  top: 2.5rem;
}
.circle-tip-container[data-v-62ae6602] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 25%;
}
.circle-tip-container span[data-v-62ae6602] {
    color: #b0b5c2;
}
.article-container[data-v-62ae6602] {
  padding: 0.24rem 0;
}
.menu-btn-active[data-v-62ae6602] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  font-weight: bold;
}
.join-btn[data-v-62ae6602] {
  position: absolute;
  right: 0.28rem;
  bottom: 0;
  height: 0.6rem;
  width: 1.44rem;
  border-radius: 1rem;
  font-size: 0.24rem;
}
.main-content[data-v-62ae6602] {
  background: white;
  border-top-left-radius: 0.06rem;
  border-top-right-radius: 0.06rem;
  -webkit-transform: translateY(-0.12rem);
          transform: translateY(-0.12rem);
}
.main-content .main-center[data-v-62ae6602] {
    overflow: hidden;
}
.main-content .main-center .desc-scroll-wrapper[data-v-62ae6602] {
      margin-bottom: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.main-content .main-center .desc-scroll-wrapper .slider-item[data-v-62ae6602] {
        width: calc(100vw - 0.74rem);
        padding: 0.5rem 0.37rem;
        min-height: calc(100vh - 5.54rem);
}
.main-menu[data-v-62ae6602] {
  position: sticky;
  top: 0;
  height: 0.4rem;
  z-index: 50;
  background: white;
  padding: 0.37rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.main-menu .menu-btn[data-v-62ae6602] {
    -webkit-transition: 0.3s -webkit-transform;
    transition: 0.3s -webkit-transform;
    transition: 0.3s transform;
    transition: 0.3s transform, 0.3s -webkit-transform;
    margin-right: 0.24rem;
}
.hide-main-menu[data-v-62ae6602] {
  width: 100%;
  position: fixed;
  top: 0;
  border-bottom: 1px solid #EEE;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.pswp img {
    max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: none;
    opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
}
.pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
}
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000;
}
.pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
}
}
@-webkit-keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
}
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.px-line[data-v-2887264d] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-2887264d] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-2887264d], .fade-leave-active[data-v-2887264d] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-2887264d], .fade-leave-to[data-v-2887264d] {
  opacity: 0;
}
.tip-text[data-v-2887264d] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-2887264d] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-2887264d] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-2887264d], .popup-leave-active[data-v-2887264d] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-2887264d], .popup-leave-to[data-v-2887264d] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-2887264d]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-2887264d]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-2887264d] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-2887264d]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-2887264d] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-2887264d] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-2887264d] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-2887264d] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-2887264d] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-2887264d] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.child-comment-wrapper[data-v-2887264d] {
  padding: 0.2rem 0.28rem;
  margin-top: 0.24rem;
  border-radius: 0.06rem;
  background: #F6F7F8;
}
.wrapper[data-v-2887264d] {
  padding: 0.5rem 0.37rem;
}
.like-btn[data-v-2887264d] {
  margin: 0.48rem auto 0.24rem;
  border: 1px solid rgba(0, 187, 255, 0.6);
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #00BBFF;
}
.like-num[data-v-2887264d] {
  font-size: 0.3rem;
  text-align: center;
  color: #00BBFF;
}

.px-line[data-v-ef00361e] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-ef00361e] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-ef00361e], .fade-leave-active[data-v-ef00361e] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-ef00361e], .fade-leave-to[data-v-ef00361e] {
  opacity: 0;
}
.tip-text[data-v-ef00361e] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-ef00361e] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-ef00361e] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-ef00361e], .popup-leave-active[data-v-ef00361e] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-ef00361e], .popup-leave-to[data-v-ef00361e] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-ef00361e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-ef00361e]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-ef00361e] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-ef00361e]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-ef00361e] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-ef00361e] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-ef00361e] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-ef00361e] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-ef00361e] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-ef00361e] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.tip-text[data-v-ef00361e] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.video-card[data-v-ef00361e] {
  border-radius: 0.1rem;
  margin: .4rem 0;
  -webkit-box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.video-card .cover-box[data-v-ef00361e] {
    height: 3.74rem;
    width: 6.66rem;
    border-radius: 0.06rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.video-card .cover[data-v-ef00361e] {
    height: 3.74rem;
    width: 6.66rem;
    border-radius: 0.06rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.video-card .desc-bar[data-v-ef00361e] {
    padding: 0.24rem 0.24rem;
}
.video-card .desc-bar .title[data-v-ef00361e] {
      color: #333;
      font-size: 0.3rem;
      margin-bottom: 0.12rem;
}
.video-card .desc-bar .author[data-v-ef00361e] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.video-card .desc-bar .author img[data-v-ef00361e] {
        height: 0.24rem;
        width: 0.24rem;
        border-radius: 50%;
}
.video-card .desc-bar .author a[data-v-ef00361e] {
        font-size: 0.24rem;
        color: #919699;
        margin-left: 0.08rem;
}
.video-card .action-bar[data-v-ef00361e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0.24rem;
    color: #919699;
    border-top: 1px solid #E6E7E8;
}
.video-card .action-bar i[data-v-ef00361e] {
      margin-right: 0.36rem;
}

.px-line[data-v-f39aee86] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-f39aee86] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-f39aee86], .fade-leave-active[data-v-f39aee86] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-f39aee86], .fade-leave-to[data-v-f39aee86] {
  opacity: 0;
}
.tip-text[data-v-f39aee86] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-f39aee86] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-f39aee86] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-f39aee86], .popup-leave-active[data-v-f39aee86] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-f39aee86], .popup-leave-to[data-v-f39aee86] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-f39aee86]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-f39aee86]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-f39aee86] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-f39aee86]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-f39aee86] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-f39aee86] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-f39aee86] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-f39aee86] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-f39aee86] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-f39aee86] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.topBar[data-v-f39aee86] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 0.9rem;
  background: -webkit-gradient(linear, left top, right top, from(#00bdff), to(#1890ff));
  background: linear-gradient(90deg, #00bdff, #1890ff);
}
.topBar p[data-v-f39aee86] {
    font-size: 0.28rem;
    color: #ffffff;
    line-height: 0.3rem;
    margin-left: 0.32rem;
}
.topBar span[data-v-f39aee86] {
    width: 1.6rem;
    height: 0.6rem;
    background: #ffffff;
    border-radius: 0.38rem;
    color: #1890ff;
    line-height: 0.24rem;
    font-size: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0.32rem;
}
.cover[data-v-f39aee86] {
  width: 100%;
  height: 4.2rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cover img[data-v-f39aee86] {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -10%;
    z-index: -1;
    width: 100%;
}
.cover h1[data-v-f39aee86] {
    font-size: 0.48rem;
    color: #ffffff;
    line-height: 0.56rem;
    margin: 0 0.32rem;
    margin-top: 0.9rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cover p[data-v-f39aee86] {
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.36rem;
    margin: auto 0.32rem;
    margin-top: 0.13rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.cover span[data-v-f39aee86] {
    font-size: 0.24rem;
    color: #ffffff;
    line-height: 0.24rem;
    margin: auto 0.34rem;
    bottom: 0.8rem;
}
.albumList[data-v-f39aee86] {
  width: 100%;
  background: #fff;
  z-index: 10;
  position: relative;
  border-radius: 0.16rem;
  margin-top: -0.16rem;
}
.albumList .albumItem[data-v-f39aee86] {
    margin: auto 0.32rem;
    padding: 0.4rem 0 0 0;
}
.albumList .albumItem .container[data-v-f39aee86] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.albumList .albumItem .container .content[data-v-f39aee86] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
}
.albumList .albumItem .container .content img[data-v-f39aee86] {
          width: 1.58rem;
          height: 2.06rem;
          border-radius: 0.16rem;
}
.albumList .albumItem .container .content .item[data-v-f39aee86] {
          margin-left: 0.24rem;
          width: 3.41rem;
}
.albumList .albumItem .container .content .item .title[data-v-f39aee86] {
            font-size: 0.28rem;
            font-weight: bold;
            color: #222222;
            line-height: 0.48rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}
.albumList .albumItem .container .content .item .dramaType[data-v-f39aee86] {
            font-size: 0.24rem;
            color: #919699;
            line-height: 0.4rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}
.albumList .albumItem .container .content .item .actor[data-v-f39aee86] {
            font-size: 0.24rem;
            color: #919699;
            margin: 0;
            line-height: 0.4rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
}
.albumList .albumItem .container .content .item .pinjia[data-v-f39aee86] {
            font-size: 0.24rem;
            background: linear-gradient(144deg, #00bdff 18%, #1890ff 80%);
            color: transparent;
            -webkit-background-clip: text;
            margin-top: 0.08rem;
}
.albumList .albumItem .container .content .item .pinjia span[data-v-f39aee86] {
              display: inline-block;
              color: transparent;
              -webkit-background-clip: text;
              margin-right: 0.04rem;
}
.albumList .albumItem .container .content .item .pinjia span[data-v-f39aee86]:last-child {
              margin-left: 0.12rem;
}
.albumList .albumItem .container .content .item .pinjia .allFill[data-v-f39aee86] {
              background: linear-gradient(144deg, #00bdff 18%, #1890ff 80%);
              color: transparent;
              -webkit-background-clip: text;
}
.albumList .albumItem .container .content .item .pinjia .halfFill[data-v-f39aee86] {
              background: -webkit-gradient(linear, left top, right top, from(#00bdff), color-stop(50%, #1890FF), color-stop(51%, #D2E8FF), to(#D2E8FF));
              background: linear-gradient(to right, #00bdff 0%, #1890FF 50%, #D2E8FF 51%, #D2E8FF 100%);
              color: transparent;
              -webkit-background-clip: text;
}
.albumList .albumItem .container .content .item .pinjia .noFill[data-v-f39aee86] {
              background: #D2E8FF;
              color: transparent;
              -webkit-background-clip: text;
}
.albumList .albumItem .container .icon-zhuiju[data-v-f39aee86] {
        margin-left: 0.2rem;
        width: 0.6rem;
        height: 0.6rem;
}
.albumList .albumItem .desc[data-v-f39aee86] {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0.16rem 0;
      height: 0.72rem;
      background: #f6f8fa;
      border-radius: 0.16rem;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
}
.albumList .albumItem .desc img[data-v-f39aee86] {
        width: 0.28rem;
        height: 0.28rem;
        margin-left: 0.2rem;
}
.albumList .albumItem .desc span[data-v-f39aee86] {
        font-size: 0.24rem;
        color: #85888f;
        line-height: 0.24rem;
        margin: auto 0.16rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.bottomTip[data-v-f39aee86] {
  font-size: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.54rem;
  margin-bottom: 1.34rem;
  color: #85888f;
}
.moreAblum[data-v-f39aee86] {
  width: 3.04rem;
  height: 0.92rem;
  background: -webkit-gradient(linear, left top, right top, from(#00bdff), to(#1890ff));
  background: linear-gradient(90deg, #00bdff, #1890ff);
  border-radius: 0.48rem;
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.72rem auto 0.56rem auto;
}
.moreAblumActive[data-v-f39aee86] {
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 2.23rem;
}
.loading[data-v-f39aee86] {
  text-align: center;
  margin-top: 0.38rem;
}
.loading img[data-v-f39aee86] {
    width: 0.6rem;
    background-color: #1890ff;
    border-radius: 50%;
}

.px-line[data-v-71003188] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-71003188] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-71003188], .fade-leave-active[data-v-71003188] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-71003188], .fade-leave-to[data-v-71003188] {
  opacity: 0;
}
.tip-text[data-v-71003188] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-71003188] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-71003188] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-71003188], .popup-leave-active[data-v-71003188] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-71003188], .popup-leave-to[data-v-71003188] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-71003188]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-71003188]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-71003188] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-71003188]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-71003188] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-71003188] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-71003188] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-71003188] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-71003188] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-71003188] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.topBar[data-v-71003188] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 0.9rem;
  background: -webkit-gradient(linear, left top, right top, from(#00bdff), to(#1890ff));
  background: linear-gradient(90deg, #00bdff, #1890ff);
}
.topBar p[data-v-71003188] {
    font-size: 0.28rem;
    color: #ffffff;
    line-height: 0.3rem;
    margin-left: 0.32rem;
}
.topBar span[data-v-71003188] {
    width: 1.6rem;
    height: 0.6rem;
    background: #ffffff;
    border-radius: 0.38rem;
    color: #1890ff;
    line-height: 0.24rem;
    font-size: 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0.32rem;
    font-weight: bolder;
}
.cover[data-v-71003188] {
  width: 100%;
  height: 5.1rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.cover div[data-v-71003188] {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(35, 44, 58, 0)));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(35, 44, 58, 0));
    height: 1.6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.cover div span[data-v-71003188] {
      font-size: 0.48rem;
      color: #ffffff;
      line-height: 0.24rem;
      margin: auto 0.34rem;
      bottom: 0.8rem;
      font-weight: bolder;
}
.container[data-v-71003188] {
  margin-top: -0.16rem;
  padding: 0.16rem 0;
  background-color: #fff;
  z-index: 10;
  border-top-left-radius: 0.16rem;
  border-top-right-radius: 0.16rem;
}
.container .tabBar[data-v-71003188] {
    height: 0.64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 0.34rem;
    color: #85888f;
    margin-top: 0.16rem;
    border-bottom: 1px solid #e6e7e8;
}
.container .tabBar span[data-v-71003188] {
      margin-right: 0.4rem;
}
.container .tabBar span[data-v-71003188]:first-child {
        margin-left: 0.32rem;
}
.container .tabBar .activeKey[data-v-71003188] {
      color: #222222;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: bolder;
}
.container .tabBar .activeKey i[data-v-71003188] {
        width: 0.2rem;
        height: 0.06rem;
        margin-top: 0.02rem;
        background: linear-gradient(151deg, #00bbff 7%, #1890ff 91%);
        border-radius: 0.03rem;
}
.container .content[data-v-71003188] {
    margin: 0.16rem 0.32rem;
}
.container .content .detail .title[data-v-71003188] {
      color: #222222;
      font-size: 0.34rem;
      line-height: 0.6rem;
      font-weight: bolder;
}
.container .content .detail .detailInfo[data-v-71003188] {
      margin-top: 0.1rem;
      margin-bottom: 0.48rem;
}
.container .content .detail .detailInfo h6[data-v-71003188] {
        color: #222222;
        font-size: 0.28rem;
        line-height: 0.46rem;
        font-weight: normal;
}
.container .content .detail .detailInfo p[data-v-71003188] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0.16rem auto 0;
        height: 0.34rem;
}
.container .content .detail .detailInfo p img[data-v-71003188] {
          width: 0.28rem;
}
.container .content .detail .detailInfo .detailInfoLess[data-v-71003188] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
}
.container .content .detail .albumContent[data-v-71003188] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0.16rem 0;
}
.container .content .detail .albumContent .albumItem[data-v-71003188] {
        height: 3.96rem;
        width: 2.18rem;
}
.container .content .detail .albumContent .albumItem .albumItemCover[data-v-71003188] {
          width: 2.18rem;
          height: 2.82rem;
          position: relative;
}
.container .content .detail .albumContent .albumItem .albumItemCover .albumItemCoverImg[data-v-71003188] {
            width: 2.18rem;
            height: 2.82rem;
            border-radius: 0.16rem;
}
.container .content .detail .albumContent .albumItem .albumItemCover .albumItemCoverScore[data-v-71003188] {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.6rem;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#222222));
            background: linear-gradient(180deg, rgba(0, 0, 0, 0), #222222 100%);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 0.28rem;
            color: white;
            border-radius: 0.16rem;
}
.container .content .detail .albumContent .albumItem .albumItemCover .albumItemCoverScore span[data-v-71003188] {
              margin-right: 0.16rem;
              margin-top: 0.04rem;
}
.container .content .detail .albumContent .albumItem .albumItemContent[data-v-71003188] {
          margin-top: 0.11rem;
}
.container .content .detail .albumContent .albumItem .albumItemContent .albumItemContentTitle[data-v-71003188] {
            margin: 0.06rem 0;
            font-size: 0.28rem;
            width: 2.18rem;
            color: #222222;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
}
.container .content .detail .albumContent .albumItem .albumItemContent .albumItemContentDesc[data-v-71003188] {
            font-size: 0.24rem;
            color: #85888f;
            width: 2.18rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
}
.container .content .dynamic .dynamicBar[data-v-71003188] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
}
.container .content .dynamic .dynamicBar .dynamicBarTab[data-v-71003188] {
        width: 1.94rem;
        height: 0.6rem;
        font-size: 0.24rem;
        border-radius: 0.6rem;
        background-color: #f7f8fa;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}
.container .content .dynamic .dynamicBar .dynamicBarTab span[data-v-71003188] {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 0.9rem;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #85888F;
}
.container .content .dynamic .dynamicBar .dynamicBarTab .activeDynamicKey[data-v-71003188] {
          background-color: #fff;
          width: 0.96rem;
          height: 0.52rem;
          border-radius: 0.3rem;
          color: #212121;
}
.container .content .dynamic .dynamicContent[data-v-71003188] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.container .content .dynamic .dynamicContent .dynamicContainer[data-v-71003188] {
        margin: 0.08rem 0;
        width: 3.35rem;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem[data-v-71003188] {
          width: 3.35rem;
          border-radius: 0.16rem;
          -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
                  box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
          margin: 0.16rem auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemCover[data-v-71003188] {
            width: 3.35rem;
            height: 1.88rem;
            position: relative;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemCover .dynamicItemCoverImg[data-v-71003188] {
              width: 3.35rem;
              height: 1.88rem;
              border-top-left-radius: 0.16rem;
              border-top-right-radius: 0.16rem;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemCover .dynamicItemCoverScore[data-v-71003188] {
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 0.6rem;
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#222222));
              background: linear-gradient(180deg, rgba(0, 0, 0, 0), #222222 100%);
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              font-size: 0.28rem;
              color: white;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemCover .dynamicItemCoverScore span[data-v-71003188] {
                margin: 0.04rem 0.16rem 0;
                font-size: 0.24rem;
                opacity: 0.8;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemCover .dynamicItemCoverScore span img[data-v-71003188] {
                  width: 0.38rem;
                  height: 0.38rem;
                  margin-left: -0.05rem;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemContent[data-v-71003188] {
            height: auto;
            padding: 0.12rem 0.2rem;
}
.container .content .dynamic .dynamicContent .dynamicContainer .dynamicItem .dynamicItemContent .dynamicItemContentTitle[data-v-71003188] {
              margin: 0.06rem 0;
              font-size: 0.28rem;
              color: #222222;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
}
.bottomTip[data-v-71003188] {
  font-size: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.54rem;
  margin-bottom: 1.34rem;
  color: #85888f;
}
.moreAblum[data-v-71003188] {
  width: 3.04rem;
  height: 0.92rem;
  background: -webkit-gradient(linear, left top, right top, from(#00bdff), to(#1890ff));
  background: linear-gradient(90deg, #00bdff, #1890ff);
  border-radius: 0.48rem;
  font-size: 0.28rem;
  font-weight: bolder;
  color: #ffffff;
  line-height: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.72rem auto 0.56rem auto;
}
.moreAblumActive[data-v-71003188] {
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 2.23rem;
}
.loading[data-v-71003188] {
  text-align: center;
  margin-top: 0.38rem;
}
.loading img[data-v-71003188] {
    width: 0.6rem;
    background-color: #1890ff;
    border-radius: 50%;
}

.px-line[data-v-47ad01e7] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-47ad01e7] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-47ad01e7], .fade-leave-active[data-v-47ad01e7] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-47ad01e7], .fade-leave-to[data-v-47ad01e7] {
  opacity: 0;
}
.tip-text[data-v-47ad01e7] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-47ad01e7] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-47ad01e7] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-47ad01e7], .popup-leave-active[data-v-47ad01e7] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-47ad01e7], .popup-leave-to[data-v-47ad01e7] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-47ad01e7]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-47ad01e7]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-47ad01e7] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-47ad01e7]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-47ad01e7] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-47ad01e7] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-47ad01e7] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-47ad01e7] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-47ad01e7] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-47ad01e7] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.loadoMask[data-v-47ad01e7] {
  position: fixed;
  top: 0;
  left: 0;
  background: #C3DDFE;
  height: 100%;
  width: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.loadoMask .progress[data-v-47ad01e7] {
    height: 0.6rem;
    width: 80%;
    border-radius: 2rem;
    border: 5px solid #DDD;
    background: white;
}
.loadoMask .progress .progress-bar[data-v-47ad01e7] {
      height: 0.6rem;
      width: 0;
      border-radius: 2rem;
      background: #3E55CA;
      left: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.bg[data-v-47ad01e7] {
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.bg img[data-v-47ad01e7] {
    height: 100%;
    width: 100%;
}
.start-btn[data-v-47ad01e7] {
  position: fixed;
  width: 50%;
  top: 88%;
  left: 25%;
}
.start-btn img[data-v-47ad01e7] {
    height: 100%;
    width: 100%;
}
.start-btn-text[data-v-47ad01e7] {
  position: fixed;
  width: 80%;
  top: 83%;
  left: 10%;
}
.confirm-btn[data-v-47ad01e7] {
  position: fixed;
  top: 10rem;
  width: 1.8rem;
  left: 50%;
  margin-left: -0.9rem;
  height: 1.8rem;
}
.confirm-btn img[data-v-47ad01e7] {
    width: 1.8rem;
    bottom: 0;
    position: absolute;
}
img[data-v-47ad01e7] {
  pointer-events: none;
}
.question[data-v-47ad01e7] {
  position: fixed;
  top: 4rem;
  height: 40%;
  width: 60%;
  left: 20%;
  color: #6B6B6B;
  font-size: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.question .question-title[data-v-47ad01e7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    margin: .3rem 0;
    font-weight: bold;
}
.question .question-options[data-v-47ad01e7] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
}
.question .question-options .question-option[data-v-47ad01e7] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%;
      color: #98A4B4;
      font-size: 0.32rem;
      font-weight: bold;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex: 1;
      flex-direction: row;
      margin: .2rem 0;
}
.question .question-options .question-option a[data-v-47ad01e7] {
        margin-right: .2rem;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.question .question-options .question-option span[data-v-47ad01e7] {
        padding: .1rem;
        border: 1px solid #98A4B4;
        border-radius: 0.1rem;
        -webkit-transition: all .3s;
        transition: all .3s;
        padding-left: .3rem;
        -webkit-box-flex: 12;
            -ms-flex: 12;
                flex: 12;
}
.question .question-customsPassIdx2[data-v-47ad01e7] {
    font-size: 0.32rem;
    color: #6B6B6B;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: bold;
}
.question .question-customsPassIdx2 .title-img[data-v-47ad01e7] {
      width: 80%;
      margin-top: .2rem;
      margin-bottom: .3rem;
}
.question .question-customsPassIdx2 .title-sub[data-v-47ad01e7] {
      font-size: 0.28rem;
}
.question .question-customsPassIdx2 .title-span[data-v-47ad01e7] {
      font-size: 0.2rem;
      margin-top: .2rem;
      font-weight: normal;
}
.question-option-selected[data-v-47ad01e7] {
  border: 1px solid #98A4B4 !important;
  background: #98A4B4;
  color: white;
}
.question-option-right[data-v-47ad01e7] {
  border: 1px solid #4ECC88 !important;
  background: #4ECC88;
  color: white;
}
.question-option-error[data-v-47ad01e7] {
  border: 1px solid #D94543 !important;
  background: #D94543;
  color: white;
}
.btn-box-customsPassIdx2[data-v-47ad01e7] {
  position: fixed;
  top: 10rem;
  width: 70%;
  left: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.btn-box-customsPassIdx2 .btn-box-customsPassIdx2-btn img[data-v-47ad01e7] {
    width: 2rem;
}
.share-bottom-bar[data-v-47ad01e7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.share-bottom-bar img[data-v-47ad01e7]:nth-child(1) {
    display: block;
    height: 1.5rem;
}
.share-bottom-bar img[data-v-47ad01e7]:nth-child(2) {
    display: block;
    height: 2rem;
}
.background-blur-mask-active[data-v-47ad01e7] {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.long-tap-save[data-v-47ad01e7] {
  position: fixed;
  z-index: 999999;
  color: white;
  bottom: 5%;
  font-size: 0.44rem;
  width: 100%;
  text-align: center;
}
.customsPassIdx-3-btn-box[data-v-47ad01e7] {
  position: fixed;
  bottom: 5%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customsPassIdx-3-btn-box div[data-v-47ad01e7] {
    margin: .2rem;
    width: 80%;
}
.customsPassIdx-3-btn-box div img[data-v-47ad01e7] {
      display: block;
      width: 100%;
}
.bgm[data-v-47ad01e7] {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 50%;
  display: block;
  right: 5%;
  top: 5%;
  color: white;
  padding: .1rem;
  border-radius: 50%;
  font-size: .6rem;
}
.icon-yinyue-play[data-v-47ad01e7] {
  -webkit-animation: misic-data-v-47ad01e7 .5s infinite linear;
          animation: misic-data-v-47ad01e7 .5s infinite linear;
}
@-webkit-keyframes misic-data-v-47ad01e7 {
0% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
50% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
}
100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
}
@keyframes misic-data-v-47ad01e7 {
0% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
50% {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
}
100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
}
}

.px-line[data-v-1576681a] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-1576681a] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-1576681a], .fade-leave-active[data-v-1576681a] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-1576681a], .fade-leave-to[data-v-1576681a] {
  opacity: 0;
}
.tip-text[data-v-1576681a] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-1576681a] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-1576681a] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-1576681a], .popup-leave-active[data-v-1576681a] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-1576681a], .popup-leave-to[data-v-1576681a] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-1576681a]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-1576681a]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-1576681a] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-1576681a]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-1576681a] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-1576681a] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-1576681a] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-1576681a] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-1576681a] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-1576681a] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
*[data-v-1576681a] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.app-banner img[data-v-1576681a] {
  width: 100%;
}
.phone-input[data-v-1576681a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: .5rem auto;
  width: 80%;
  padding-bottom: .2rem;
  border-bottom: 1px solid #E7E7E7;
  position: relative;
}
.phone-input .area-num[data-v-1576681a] {
    color: #0089F5;
    font-size: 0.36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.phone-input .phone-num[data-v-1576681a] {
    margin-left: .2rem;
    display: inline-block;
    color: #222222;
}
.phone-input .phone-num div[data-v-1576681a] {
      border-left: 1px solid #999;
}
.phone-input .phone-num input[data-v-1576681a] {
      font-size: 0.36rem;
      width: 100%;
      padding-left: .2rem;
      display: block;
      border: none;
      outline: none;
}
.set-pwd[data-v-1576681a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 1rem auto;
  padding-bottom: .2rem;
  border-bottom: 1px solid #E7E7E7;
  margin-top: .5rem;
  width: 80%;
}
.set-pwd input[data-v-1576681a] {
    outline: none;
    border: none;
    width: 100%;
    display: block;
    font-size: 0.28rem;
}
.identifying-code[data-v-1576681a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: .5rem auto;
  padding-bottom: .2rem;
  border-bottom: 1px solid #E7E7E7;
  width: 80%;
}
.identifying-code .code-input[data-v-1576681a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.identifying-code input[data-v-1576681a] {
    outline: none;
    border: none;
    width: 3.5rem;
    margin-left: 0;
    display: block;
    font-size: 0.4rem;
}
.identifying-code .send-code[data-v-1576681a] {
    font-size: 0.24rem;
    color: #FFFFFF;
    background: #0089F5;
    border-radius: 2rem;
    padding: .1rem .2rem;
    display: inline-block;
}
.next-step[data-v-1576681a] {
  height: 1rem;
  width: 6rem;
  border-radius: 0.5rem;
  margin: 0 auto;
  font-size: 0.36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: background .3s;
  transition: background .3s;
  color: #999999;
}
.err-tip[data-v-1576681a] {
  position: absolute;
  left: 0;
  top: .8rem;
  color: #D0021B;
}
.err-tip .iconfont[data-v-1576681a] {
    font-size: 0.2rem !important;
}
.err-tip .iconfont a[data-v-1576681a] {
      margin-left: .1rem;
}
.send-code-unable[data-v-1576681a] {
  background: white !important;
  color: #999999 !important;
}
.nextStepActive[data-v-1576681a] {
  background: #0089F5;
  color: white;
}
.popup[data-v-1576681a] {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 50;
  background: white;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.popup .area-header[data-v-1576681a] {
    background: #EEE;
    color: #666;
    font-size: 0.4rem;
    padding: 0 .2rem;
    position: sticky;
    margin-bottom: .1rem;
    top: 0;
}
.popup .area-list[data-v-1576681a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 0.32rem;
    padding: .05rem .2rem;
    padding-left: 0;
    border-bottom: 1px solid #EEE;
    margin-left: .2rem;
}
.popup .area-list span[data-v-1576681a] {
      color: #999;
}
.popup .area-list[data-v-1576681a]:nth-last-child(1) {
    margin-bottom: .1rem;
}
.popup[data-v-1576681a]::-webkit-scrollbar {
  display: none;
}
.tip[data-v-1576681a] {
  margin-top: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  font-size: 0.24rem;
  line-height: 1.6em;
  color: #999999;
}
.sendMsgTip[data-v-1576681a] {
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: .2rem;
  color: #999999;
}
.sendMsgTip span[data-v-1576681a] {
    color: #35BCFE;
}
.setPwdTip[data-v-1576681a] {
  font-size: 0.32rem;
  color: #555555;
  margin: .7rem 0 1rem;
  font-weight: bold;
  text-align: center;
}
.bind-success-tip[data-v-1576681a] {
  font-size: 0.48rem;
  color: #222222;
  text-align: center;
  margin-bottom: .2rem;
}
.success-tip[data-v-1576681a] {
  font-size: 0.28rem;
  color: #777777;
  margin-bottom: .2rem;
  text-align: center;
}
.bi-img[data-v-1576681a] {
  height: 2.8rem;
  width: 2.8rem;
  border-radius: 0;
  margin: 0 auto;
  padding-top: .5rem;
  display: block;
}
.lastStepActive[data-v-1576681a] {
  width: 3.6rem;
  margin-top: 1rem;
}

.px-line[data-v-a1ee1128] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-a1ee1128] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-a1ee1128], .fade-leave-active[data-v-a1ee1128] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-a1ee1128], .fade-leave-to[data-v-a1ee1128] {
  opacity: 0;
}
.tip-text[data-v-a1ee1128] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-a1ee1128] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-a1ee1128] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-a1ee1128], .popup-leave-active[data-v-a1ee1128] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-a1ee1128], .popup-leave-to[data-v-a1ee1128] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-a1ee1128]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-a1ee1128]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-a1ee1128] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-a1ee1128]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-a1ee1128] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-a1ee1128] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-a1ee1128] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-a1ee1128] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-a1ee1128] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-a1ee1128] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.all-time[data-v-a1ee1128] {
  position: absolute;
  font-size: 0.28rem;
  color: white;
  top: 6rem;
  left: .35rem;
}
.loadoMask[data-v-a1ee1128] {
  position: fixed;
  top: 0;
  left: 0;
  background: #4FAFA6;
  height: 100%;
  width: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 9999;
}
.loadoMask .progress[data-v-a1ee1128] {
    height: 0.6rem;
    width: 80%;
    border-radius: 2rem;
    border: 5px solid #DDD;
    background: white;
}
.loadoMask .progress .progress-bar[data-v-a1ee1128] {
      height: 0.6rem;
      width: 0;
      border-radius: 2rem;
      background: #14897A;
      left: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.main-bg[data-v-a1ee1128] {
  display: block;
  width: 100%;
  left: 0;
  z-index: -50;
}
.leaf[data-v-a1ee1128] {
  position: absolute;
  width: 1.5rem;
}
.leaf-1[data-v-a1ee1128] {
  left: -.6rem;
  top: 2rem;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-animation: leaf2-data-v-a1ee1128 2s 2s alternate ease infinite;
          animation: leaf2-data-v-a1ee1128 2s 2s alternate ease infinite;
}
.leaf-2[data-v-a1ee1128] {
  right: -.2rem;
  top: -.2rem;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-animation: leaf-data-v-a1ee1128 2s 1s alternate ease infinite;
          animation: leaf-data-v-a1ee1128 2s 1s alternate ease infinite;
}
.leaf-3[data-v-a1ee1128] {
  left: -.2rem;
  top: 3.2rem;
  width: 1rem;
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-animation: leaf3-data-v-a1ee1128 2s 1s alternate ease infinite;
          animation: leaf3-data-v-a1ee1128 2s 1s alternate ease infinite;
}
.activity-rule[data-v-a1ee1128] {
  position: absolute;
  top: 3.5rem;
  height: 0.5rem;
  width: 1.58rem;
  color: white;
  background: #E37564;
  font-size: 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 0.34rem;
  -webkit-box-shadow: 0 3px 0 #C84F3C;
          box-shadow: 0 3px 0 #C84F3C;
  left: 50%;
  margin-left: -0.79rem;
}
@-webkit-keyframes leaf-data-v-a1ee1128 {
50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
}
100% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
}
}
@keyframes leaf-data-v-a1ee1128 {
50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
}
100% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
}
}
@-webkit-keyframes leaf2-data-v-a1ee1128 {
50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
}
}
@keyframes leaf2-data-v-a1ee1128 {
50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
}
}
@-webkit-keyframes leaf3-data-v-a1ee1128 {
50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
}
}
@keyframes leaf3-data-v-a1ee1128 {
50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
}
}
.dialog[data-v-a1ee1128] {
  position: fixed;
  width: 5.8rem;
  left: 50%;
  margin-left: -2.9rem;
  display: block;
  z-index: 9999998;
}
.rule-dialog[data-v-a1ee1128] {
  top: 10%;
}
.award-dialog[data-v-a1ee1128] {
  top: 4rem;
}
.awardDialogDesc[data-v-a1ee1128] {
  position: fixed;
  top: 6.2rem;
  color: #222;
  width: 100%;
  text-align: center;
  z-index: 99999999;
  font-size: 0.28rem;
}
.awardDialogTitle[data-v-a1ee1128] {
  position: fixed;
  top: 5.1rem;
  color: #004D54;
  width: 100%;
  text-align: center;
  z-index: 99999999;
  font-size: 0.28rem;
}
.close-dialog[data-v-a1ee1128] {
  position: fixed;
  height: 0.64rem;
  width: 0.64rem;
  border-radius: 50%;
  z-index: 9999999;
  top: 10.4rem;
  left: 50%;
  margin-left: -0.32rem;
}
.award-close[data-v-a1ee1128] {
  top: 8.7rem;
}
.bottom-content[data-v-a1ee1128] {
  width: 100%;
  background: #028879;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  padding-bottom: .5rem;
  left: 0;
}
.bottom-content .card[data-v-a1ee1128] {
    height: 2.2rem;
    width: 6.4rem;
    border-radius: 0.1rem;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background: white;
    margin: 0.4rem auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.bottom-content .card .btn[data-v-a1ee1128] {
      background: #EC846F;
      border-radius: 0.12rem;
      -webkit-transform: translateX(0.2rem);
              transform: translateX(0.2rem);
      color: white;
      font-size: 0.24rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0.6;
          -ms-flex: 0.6;
              flex: 0.6;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 0.64rem;
      width: 2rem;
      border-radius: 0.1rem;
}
.bottom-content .card .season-title[data-v-a1ee1128] {
      font-size: 0.32rem;
      margin-top: 0.12rem;
      font-weight: bold;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
}
.bottom-content .card .season-title sub[data-v-a1ee1128] {
        font-weight: normal;
        font-size: 0.24rem;
        margin-left: .1rem;
        display: inline-block;
}
.bottom-content .card .thumb[data-v-a1ee1128] {
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      height: 2.2rem;
      width: 1.46rem;
      border-radius: 0.1rem;
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden;
      -webkit-transform: translate3D(0.3rem, -0.2rem, 0);
              transform: translate3D(0.3rem, -0.2rem, 0);
}
.bottom-content .card .thumb img[data-v-a1ee1128] {
        height: 100%;
        width: 100%;
        border-radius: 0;
}
.bottom-content .card .content[data-v-a1ee1128] {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 2rem;
}
.bottom-content .card .content .season-desc[data-v-a1ee1128] {
        font-size: 0.24rem;
        color: #555555;
        margin-bottom: 0.24rem;
        max-width: 2.5rem;
}
.bottom-content .title[data-v-a1ee1128] {
    color: white;
    font-size: 0.4rem;
    text-align: center;
    margin-bottom: .7rem;
    font-weight: bold;
}
.bottom-content .title .zhuangshi[data-v-a1ee1128]:before {
      content: "";
      height: 0.28rem;
      width: 0.28rem;
      border-radius: 50%;
      background: #107368;
      position: absolute;
      right: -0.4rem;
      top: 0;
      display: block;
}
.bottom-content .title .zhuangshi[data-v-a1ee1128]:after {
      content: "";
      height: 0.28rem;
      width: 0.28rem;
      border-radius: 50%;
      background: #107368;
      position: absolute;
      left: -0.4rem;
      top: 0;
      display: block;
}
.bottom-content .title .zhuangshi[data-v-a1ee1128] {
      width: 2.28rem;
      position: relative;
      height: 0.28rem;
      background: #107368;
      margin: 0 auto;
      border-radius: 1rem;
}
.bottom-content .title .zhuangshi a[data-v-a1ee1128] {
        z-index: 99;
        display: block;
        -webkit-transform: translateY(-0.3rem);
                transform: translateY(-0.3rem);
}
.share-btn[data-v-a1ee1128] {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 0;
  position: absolute;
  top: 0;
  background: #41ABA1;
  border-radius: 0 0 0.2rem 0.2rem;
  right: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: white;
  font-size: 0.28rem;
}
.share-btn a[data-v-a1ee1128] {
    font-size: 0.2rem;
}
.now-join[data-v-a1ee1128] {
  width: 2.94rem;
  height: 0.68rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.32rem;
  margin-left: -2.4rem;
}
.now-join i[data-v-a1ee1128] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-transform: translateX(-0.06rem);
            transform: translateX(-0.06rem);
}
.activity-rule-img[data-v-a1ee1128] {
  top: 6rem;
  left: .3rem;
  position: absolute;
  height: 0.58rem;
  width: 2.12rem;
}
.wx-activity-rule[data-v-a1ee1128] {
  position: absolute;
  top: 7rem;
  width: 92%;
  margin-left: 4%;
  z-index: 9998;
  overflow: hidden;
}
.wx-activity-rule img[data-v-a1ee1128] {
    height: 100%;
    width: 100%;
    border-radius: 0.14rem;
}
.wx-activity-tip[data-v-a1ee1128] {
  font-size: 0.28rem;
  width: 90%;
  margin-left: 5%;
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
}
.rule-desc[data-v-a1ee1128] {
  position: fixed;
  width: 5rem;
  left: 50%;
  top: 2.4rem;
  margin-left: -2.5rem;
  display: block;
  z-index: 9999999;
}
.wx-activity-rule-tip[data-v-a1ee1128] {
  position: fixed;
  font-size: 0.24rem;
  color: rgba(255, 255, 255, 0.85);
  z-index: 9999999;
  top: 9.2rem;
  width: 4.8rem;
  left: 50%;
  margin-left: -2.4rem;
}

.px-line[data-v-69071ca5] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-69071ca5] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-69071ca5], .fade-leave-active[data-v-69071ca5] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-69071ca5], .fade-leave-to[data-v-69071ca5] {
  opacity: 0;
}
.tip-text[data-v-69071ca5] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-69071ca5] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-69071ca5] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-69071ca5], .popup-leave-active[data-v-69071ca5] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-69071ca5], .popup-leave-to[data-v-69071ca5] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-69071ca5]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-69071ca5]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-69071ca5] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-69071ca5]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-69071ca5] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-69071ca5] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-69071ca5] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-69071ca5] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-69071ca5] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-69071ca5] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.loadoMask[data-v-69071ca5] {
  position: fixed;
  top: 0;
  left: 0;
  background: #124077;
  height: 100%;
  width: 100%;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 9999;
}
.loadoMask .progress[data-v-69071ca5] {
    height: 0.6rem;
    width: 80%;
    border-radius: 2rem;
    border: 5px solid #DDD;
    background: white;
}
.loadoMask .progress .progress-bar[data-v-69071ca5] {
      height: 0.6rem;
      width: 0;
      border-radius: 2rem;
      background: #124077;
      left: 0;
      -webkit-transition: all .3s;
      transition: all .3s;
}
.main-bg[data-v-69071ca5] {
  display: block;
  width: 100%;
  left: 0;
  z-index: -50;
  position: fixed;
}

@charset "UTF-8";
.px-line {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.tip-text {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active, .popup-leave-active {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter, .popup-leave-to {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title::before {
  opacity: 0.1 !important;
}
.grayscale {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.games-title {
  font-size: 0.4rem;
  color: white;
  font-weight: 500;
}
.games-content {
  background: rgba(28, 91, 162, 0.5);
  padding: 0.3rem;
  border: 1px solid #CFC07B;
  border-left: 0px;
  width: 85%;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 0 0.1rem 0.1rem 0;
  margin: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.games-content .game-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0.3;
        -ms-flex: 0.3;
            flex: 0.3;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    color: white;
}
.games-content .game-btn i {
      font-size: 0.5rem;
      position: relative;
}
.games-content .game-btn i:after {
      content: '\53C2\4E0E\7ADE\731C';
      position: absolute;
      text-align: center;
      line-height: 0.52rem;
      font-weight: bold;
      font-size: 0.24rem;
      color: #0F4583;
      left: 0;
      height: 100%;
      width: 100%;
}
.games-content .game-desc {
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.games-content .game-desc .game-team {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.games-content .game-desc .game-team .team-guoqi {
        height: 0.6rem;
        width: 1.2rem;
        border-radius: 0;
}
.games-content .game-desc .game-team .team-guoqi img {
          height: 100%;
          width: 100%;
          border-radius: 0;
          display: block;
}
.games-content .game-desc .game-team .team-name {
        font-size: 0.28rem;
        margin-top: 0.16rem;
        text-align: center;
}
.games-content .game-desc .game-vs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 0.8;
          -ms-flex: 0.8;
              flex: 0.8;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
}
.games-content .game-desc .game-vs a {
        font-size: 0.48rem;
}
.games-content .game-desc .game-vs sub {
        font-size: 0.28rem;
        margin-top: 0.1rem;
}

.app-bar-left-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.px-line[data-v-d370bb66] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-d370bb66] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-d370bb66], .fade-leave-active[data-v-d370bb66] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-d370bb66], .fade-leave-to[data-v-d370bb66] {
  opacity: 0;
}
.tip-text[data-v-d370bb66] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-d370bb66] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-d370bb66] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-d370bb66], .popup-leave-active[data-v-d370bb66] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-d370bb66], .popup-leave-to[data-v-d370bb66] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-d370bb66]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-d370bb66]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-d370bb66] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-d370bb66]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-d370bb66] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-d370bb66] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-d370bb66] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-d370bb66] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-d370bb66] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-d370bb66] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.px-line[data-v-d370bb66] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-d370bb66] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-d370bb66], .fade-leave-active[data-v-d370bb66] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-d370bb66], .fade-leave-to[data-v-d370bb66] {
  opacity: 0;
}
.tip-text[data-v-d370bb66] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-d370bb66] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-d370bb66] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-d370bb66], .popup-leave-active[data-v-d370bb66] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-d370bb66], .popup-leave-to[data-v-d370bb66] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-d370bb66]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-d370bb66]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-d370bb66] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-d370bb66]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-d370bb66] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-d370bb66] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-d370bb66] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-d370bb66] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-d370bb66] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-d370bb66] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.action-list[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.action-list .action-box[data-v-d370bb66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 0.24rem;
    height: 1.44rem;
    width: 2.61rem;
    padding: 0 0.3rem;
    -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.06rem;
}
.action-list .action-box .action-left[data-v-d370bb66] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0.84rem;
}
.action-list .action-box .action-left .action-title[data-v-d370bb66] {
        font-size: 0.36rem;
        font-weight: bold;
}
.action-list .action-box .action-left .action-text[data-v-d370bb66] {
        font-size: 0.24rem;
        color: #919699;
}
.action-icon[data-v-d370bb66] {
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 0;
}
.action-icon img[data-v-d370bb66] {
    height: 100%;
    width: 100%;
    border-radius: 0;
}
.wechat-bind-box[data-v-d370bb66] {
  padding: 0 0.3rem;
  background: #FFFFFF;
  height: 1.62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.18rem 0 0.32rem;
  margin-top: 0;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(39%, #FFEFC5), to(#FAF0DC));
  background-image: linear-gradient(-90deg, #FFEFC5 39%, #FAF0DC 100%);
  background-image: url("/cdn-ued/0.2247917994430455vip%E5%8D%A1%E7%89%87%E8%83%8C%E6%99%AF.png");
  background-size: 100% 100%;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(220, 180, 97, 0.1);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(220, 180, 97, 0.1);
  border-radius: 0.12rem;
}
.wechat-bind-box .title[data-v-d370bb66] {
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
    line-height: 1.4em;
}
.wechat-bind-box .content[data-v-d370bb66] {
    height: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wechat-bind-box .content .title[data-v-d370bb66] {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 12em;
}
.wechat-bind-box .content .title .vip-icon[data-v-d370bb66] {
        width: 0.26rem;
        height: auto;
        margin-left: 0.12rem;
}
.wechat-bind-box .left-content[data-v-d370bb66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.wechat-bind-box .left-content img[data-v-d370bb66] {
      height: 0.9rem;
      width: 0.9rem;
}
.wechat-bind-box .left-content .desc[data-v-d370bb66] {
      width: 100%;
      font-size: 0.24rem;
      color: #919699;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1;
      flex-direction: row;
}
.wechat-bind-box .iconfont[data-v-d370bb66] {
    font-size: 0.72rem;
    margin-right: 0.24rem;
    color: #65B280;
}
.wechat-bind-box .btn[data-v-d370bb66] {
    background: #DBB258;
    border-radius: 0.72rem;
    padding: 0.12rem 0.28rem;
    font-size: 0.24rem;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.more-award[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.55rem 0 0.26rem 0;
}
.more-award .title[data-v-d370bb66] {
    font-size: 0.42rem;
    color: #333333;
    font-weight: normal;
    line-height: 1em;
}
.more-award .right[data-v-d370bb66] {
    font-size: 0.2rem;
}
.more-award .arrow.iconfont[data-v-d370bb66] {
    color: #919699;
}
.more-award .arrow[data-v-d370bb66] {
    font-size: 0.24rem;
    color: #919699;
}
.list[data-v-d370bb66] {
  margin-top: 0.34rem;
}
.list .list-item[data-v-d370bb66] {
    padding: 0.28rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.list .list-item .key[data-v-d370bb66] {
      font-size: 0.3rem;
      line-height: 1em;
}
.list .list-item .arrow[data-v-d370bb66] {
      color: #919699;
}
.list .list-item[data-v-d370bb66]:nth-child(1) {
    padding-top: 0;
}
.wrapper[data-v-d370bb66] {
  margin: 0 auto;
  margin-top: 0;
  margin-top: calc(constant(safe-area-inset-top));
  margin-top: calc(env(safe-area-inset-top));
}
.main-wrapper-content[data-v-d370bb66] {
  margin: 0 auto;
  margin-top: 74px;
  margin-top: calc(constant(safe-area-inset-top) + 74px);
  margin-top: calc(env(safe-area-inset-top) + 74px);
}
.fixed-appbar[data-v-d370bb66] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: white;
  z-index: 6;
}
.vip-plus-card-list[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: scroll;
  margin: 0 -0.42rem;
  padding-bottom: 0.42rem;
}
.vip-plus-card[data-v-d370bb66] {
  width: 2.06rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  padding-bottom: 0.3rem;
  border-radius: 0.12rem;
  margin-right: 0.24rem;
  overflow: hidden;
}
.vip-plus-card .vip-plus-card-cover[data-v-d370bb66] {
    height: 1.16rem;
    width: 100%;
}
.vip-plus-card .vip-plus-card-title[data-v-d370bb66] {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.6rem;
    text-align: center;
}
.vip-plus-card .vip-plus-card-button[data-v-d370bb66] {
    height: 0.6rem;
    width: 1.46rem;
    color: white;
    font-size: 0.24rem;
    line-height: 0.6rem;
    text-align: center;
    font-weight: bold;
    background-image: -webkit-gradient(linear, right top, left top, from(#EDCE77), color-stop(98%, #DBB258));
    background-image: linear-gradient(-90deg, #EDCE77 0%, #DBB258 98%);
    border-radius: 0.9rem;
    margin: 0.08rem auto 0;
}
.vip-plus-card[data-v-d370bb66]:nth-child(1) {
  margin-left: 0.42rem;
}
.VIPCopyRightMovieList[data-v-d370bb66] {
  margin: 0 -0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 0.42rem;
  overflow: scroll;
}
.VIPCopyRightMovieList .copy-right-movie-card[data-v-d370bb66] {
    margin-right: 0.18rem;
}
.left-icon[data-v-d370bb66] {
  margin-right: 0 !important;
  font-size: 0.36rem !important;
  color: #919699 !important;
}
.action-title[data-v-d370bb66] {
  font-size: 0.3rem !important;
  font-weight: normal !important;
}
.action-title[data-v-d370bb66] {
  height: 1.32rem;
}
.VIPfernando-list[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.VIPfernando-list .VIPfernando-item[data-v-d370bb66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 3.8em;
    margin-bottom: 0.57rem;
}
.VIPfernando-list .VIPfernando-item .VIPfernando-icon[data-v-d370bb66] {
      height: 0.66rem;
      width: 0.66rem;
      border-radius: 0;
}
.VIPfernando-list .VIPfernando-item .VIPfernando-text[data-v-d370bb66] {
      font-size: 0.24rem;
      margin-top: 0.16rem;
      color: #333333;
}
.VIPFeedAd[data-v-d370bb66] {
  width: 100%;
}
.VIPFeedAd img[data-v-d370bb66] {
    width: 100%;
    border-radius: 0.06rem;
}
.open-step[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.open-step .step[data-v-d370bb66] {
    width: 2.18rem;
    height: 1.32rem;
    position: relative;
}
.open-step .step img[data-v-d370bb66] {
      width: 100%;
      position: absolute;
}
.open-step .text-wrapper[data-v-d370bb66] {
    padding: 0rem 0.42rem;
    color: #333;
    height: 1.32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.open-step .last-step[data-v-d370bb66] {
    width: 2.06rem;
    height: 1.32rem;
}
.open-step-tip[data-v-d370bb66] {
  margin: 0.15rem 0 0.28rem;
  font-size: 0.24rem;
  color: #919699;
}
.open-btn[data-v-d370bb66] {
  height: 0.9rem;
  width: 100%;
  border-radius: 0.48rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#DBB258), to(#EDCE77));
  background-image: linear-gradient(-90deg, #DBB258 0%, #EDCE77 100%);
  margin-bottom: 0.85rem;
  line-height: 0.9rem;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 0.3rem;
}
.exchange-items[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 0.33rem;
}
.exchange-items .exchange-item[data-v-d370bb66] {
    height: 2.52rem;
    width: 2.06rem;
    border-radius: 0;
    margin-right: 0.24rem;
    -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.06rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.exchange-items .exchange-item .exchange-item-day[data-v-d370bb66] {
      font-size: 0.24rem;
      color: #DCB461;
      letter-spacing: 0;
      text-align: center;
      margin-top: 0.36rem;
      line-height: 0.3rem;
      font-weight: bold;
}
.exchange-items .exchange-item .exchange-item-price[data-v-d370bb66] {
      font-size: 0.6rem;
      color: #333333;
      letter-spacing: 0;
      line-height: 0.72rem;
      font-weight: bold;
}
.exchange-items .exchange-item .exchange-item-dsds[data-v-d370bb66] {
      font-size: 0.24rem;
      color: #919699;
      letter-spacing: 0;
      text-align: center;
      line-height: 0.3rem;
}
.exchange-item-active[data-v-d370bb66] {
  background: #FFFAED;
}
.other-rights-list[data-v-d370bb66] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: scroll;
  margin-left: -0.42rem;
  padding-left: 0.42rem;
  margin-right: -0.42rem;
  margin-bottom: 0.6rem;
}
.other-rights-list .other-rights-item[data-v-d370bb66] {
    width: 23%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.other-rights-list .other-rights-item img[data-v-d370bb66] {
      width: 0.66rem;
}
.other-rights-list .other-rights-item .other-rights-item-title[data-v-d370bb66] {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      width: 100%;
      text-align: center;
      margin-top: 0.24rem;
}

.px-line[data-v-20eee3a1] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-20eee3a1] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-20eee3a1], .fade-leave-active[data-v-20eee3a1] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-20eee3a1], .fade-leave-to[data-v-20eee3a1] {
  opacity: 0;
}
.tip-text[data-v-20eee3a1] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-20eee3a1] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-20eee3a1] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-20eee3a1], .popup-leave-active[data-v-20eee3a1] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-20eee3a1], .popup-leave-to[data-v-20eee3a1] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-20eee3a1]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-20eee3a1]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-20eee3a1] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-20eee3a1]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-20eee3a1] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-20eee3a1] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-20eee3a1] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-20eee3a1] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-20eee3a1] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-20eee3a1] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.message[data-v-20eee3a1] {
  border-radius: 0.16rem;
  position: fixed;
  top: 15%;
  left: 50%;
  margin-left: -3.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 9999;
  width: 6rem;
  padding: 0.16rem 0 0.3rem;
}
.message .icon-gou[data-v-20eee3a1] {
    color: #0AC380;
    font-size: 0.4rem;
    margin-bottom: 0.16rem;
}
.message .title[data-v-20eee3a1] {
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    background: white;
    letter-spacing: .15em;
    color: #7D7D7D;
    font-size: 0.4rem;
}
.message p[data-v-20eee3a1] {
    height: 0.96rem;
    background: white;
    padding: 0.3rem 0.24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    letter-spacing: .15em;
    text-align: center;
    color: #7D7D7D;
    font-weight: 400;
    font-size: 0.36rem;
    line-height: 0.48rem;
}
.confirm-btn[data-v-20eee3a1] {
  height: 1rem;
  width: 3.46rem;
  border-radius: 0.5rem;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 0.36rem;
  margin: 0 auto;
  letter-spacing: 0.028rem;
  background-image: linear-gradient(147deg, #00aeff, #4b90eb);
}
.list-ad[data-v-20eee3a1] {
  background: #F6F7F8;
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 0.12rem;
  padding: 0 0.3rem;
}
.list-ad .list-ad-cover[data-v-20eee3a1] {
    height: 0.8rem;
    width: 0.8rem;
    border-radius: 0;
    margin-right: 0.2rem;
}
.list-ad .list-ad-title[data-v-20eee3a1] {
    font-size: 0.3rem;
    color: #333333;
}
.list-ad .list-ad-desc[data-v-20eee3a1] {
    color: #919699;
    font-size: 0.24rem;
}
.list-ad .list-ad-left[data-v-20eee3a1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.list-ad .list-ad-btn[data-v-20eee3a1] {
    font-size: 0.24rem;
    color: #FFFFFF;
    background: #DCB461;
    border-radius: 0.44rem;
    height: 0.6rem;
    width: 1.08rem;
    text-align: center;
    line-height: 0.6rem;
}
.dialog-float-close[data-v-20eee3a1] {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid white;
  position: absolute;
  left: 50%;
  top: 120%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
          transform: translate3d(-50%, -50%, 0) scale(1);
  z-index: 1001;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dialog-float-close .close-svg[data-v-20eee3a1] {
    width: 20px;
    height: 20px;
}

.px-line[data-v-7de431e6] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-7de431e6] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-7de431e6], .fade-leave-active[data-v-7de431e6] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-7de431e6], .fade-leave-to[data-v-7de431e6] {
  opacity: 0;
}
.tip-text[data-v-7de431e6] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-7de431e6] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-7de431e6] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-7de431e6], .popup-leave-active[data-v-7de431e6] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-7de431e6], .popup-leave-to[data-v-7de431e6] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-7de431e6]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-7de431e6]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-7de431e6] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-7de431e6]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-7de431e6] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-7de431e6] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-7de431e6] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-7de431e6] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-7de431e6] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-7de431e6] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.px-line[data-v-7de431e6] {
  display: block;
  width: 100%;
  background: #eee;
  margin: 0 0%;
  height: 1px;
}
.wrapper[data-v-7de431e6] {
  padding: 0.18rem 0.42rem;
  font-size: 0.28rem;
}
.fade-enter-active[data-v-7de431e6], .fade-leave-active[data-v-7de431e6] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fade-enter[data-v-7de431e6], .fade-leave-to[data-v-7de431e6] {
  opacity: 0;
}
.tip-text[data-v-7de431e6] {
  display: block;
  width: 100%;
  color: #AAA;
  font-size: .24rem;
  text-align: center;
}
.down-enter-active[data-v-7de431e6] {
  -webkit-transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.69, 0, 1, 1);
}
.down-enter[data-v-7de431e6] {
  -webkit-transform: scale(2, 2);
          transform: scale(2, 2);
  opacity: .6;
}
.popup-enter-active[data-v-7de431e6], .popup-leave-active[data-v-7de431e6] {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.popup-enter[data-v-7de431e6], .popup-leave-to[data-v-7de431e6] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img[data-v-7de431e6]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line[data-v-7de431e6]::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(5%, #eeeeee), color-stop(18%, #dddddd), color-stop(36%, #eeeeee)) !important;
  background: linear-gradient(to right, #eeeeee 5%, #dddddd 18%, #eeeeee 36%) !important;
  opacity: 0.1;
  display: block;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.vue-content-placeholders-img[data-v-7de431e6] {
  background: #eee;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title[data-v-7de431e6]::before {
  opacity: 0.1 !important;
}
.grayscale[data-v-7de431e6] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.oMask[data-v-7de431e6] {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 998;
}
.share-btn[data-v-7de431e6] {
  background-image: -webkit-gradient(linear, right top, left top, from(#00BBFF), to(#00D5FF));
  background-image: linear-gradient(-90deg, #00BBFF 0%, #00D5FF 100%);
  height: 0.96rem;
  width: 100%;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: white;
  font-size: 0.3rem;
}
.list-content .title[data-v-7de431e6] {
  font-size: 0.3rem;
  color: #333333;
  font-weight: normal;
}
.list-content .desc[data-v-7de431e6] {
  font-size: 0.24rem;
  color: #919699;
}
.grayscale[data-v-7de431e6] {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.action-list[data-v-7de431e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.action-list .action-box[data-v-7de431e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 0.24rem;
    height: 1.44rem;
    width: 2.61rem;
    padding: 0 0.3rem;
    -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.06rem;
}
.action-list .action-box .action-left[data-v-7de431e6] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0.84rem;
}
.action-list .action-box .action-left .action-title[data-v-7de431e6] {
        font-size: 0.36rem;
        font-weight: bold;
}
.action-list .action-box .action-left .action-text[data-v-7de431e6] {
        font-size: 0.24rem;
        color: #919699;
}
.action-icon[data-v-7de431e6] {
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 0;
}
.action-icon img[data-v-7de431e6] {
    height: 100%;
    width: 100%;
    border-radius: 0;
}
.wechat-bind-box[data-v-7de431e6] {
  padding: 0 0.3rem;
  background: #FFFFFF;
  height: 1.62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.18rem 0 0.32rem;
  margin-top: 0;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(39%, #FFEFC5), to(#FAF0DC));
  background-image: linear-gradient(-90deg, #FFEFC5 39%, #FAF0DC 100%);
  background-image: url("/cdn-ued/0.2247917994430455vip%E5%8D%A1%E7%89%87%E8%83%8C%E6%99%AF.png");
  background-size: 100% 100%;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(220, 180, 97, 0.1);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(220, 180, 97, 0.1);
  border-radius: 0.12rem;
}
.wechat-bind-box .title[data-v-7de431e6] {
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
    line-height: 1.4em;
}
.wechat-bind-box .content[data-v-7de431e6] {
    height: 0.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.wechat-bind-box .content .title[data-v-7de431e6] {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 12em;
}
.wechat-bind-box .content .title .vip-icon[data-v-7de431e6] {
        width: 0.26rem;
        height: auto;
        margin-left: 0.12rem;
}
.wechat-bind-box .left-content[data-v-7de431e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.wechat-bind-box .left-content img[data-v-7de431e6] {
      height: 0.9rem;
      width: 0.9rem;
}
.wechat-bind-box .left-content .desc[data-v-7de431e6] {
      width: 100%;
      font-size: 0.24rem;
      color: #919699;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical;
      /*! autoprefixer: on */
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1;
      flex-direction: row;
}
.wechat-bind-box .iconfont[data-v-7de431e6] {
    font-size: 0.72rem;
    margin-right: 0.24rem;
    color: #65B280;
}
.wechat-bind-box .btn[data-v-7de431e6] {
    background: #DBB258;
    border-radius: 0.72rem;
    padding: 0.12rem 0.28rem;
    font-size: 0.24rem;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.more-award[data-v-7de431e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.55rem 0 0.26rem 0;
}
.more-award .title[data-v-7de431e6] {
    font-size: 0.42rem;
    color: #333333;
    font-weight: normal;
    line-height: 1em;
}
.more-award .right[data-v-7de431e6] {
    font-size: 0.2rem;
}
.more-award .arrow.iconfont[data-v-7de431e6] {
    color: #919699;
}
.more-award .arrow[data-v-7de431e6] {
    font-size: 0.24rem;
    color: #919699;
}
.list[data-v-7de431e6] {
  margin-top: 0.34rem;
}
.list .list-item[data-v-7de431e6] {
    padding: 0.28rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.list .list-item .key[data-v-7de431e6] {
      font-size: 0.3rem;
      line-height: 1em;
}
.list .list-item .arrow[data-v-7de431e6] {
      color: #919699;
}
.list .list-item[data-v-7de431e6]:nth-child(1) {
    padding-top: 0;
}
.wrapper[data-v-7de431e6] {
  margin: 0 auto;
  margin-top: 0;
  margin-top: calc(constant(safe-area-inset-top));
  margin-top: calc(env(safe-area-inset-top));
}
.main-wrapper-content[data-v-7de431e6] {
  margin: 0 auto;
  margin-top: 74px;
  margin-top: calc(constant(safe-area-inset-top) + 74px);
  margin-top: calc(env(safe-area-inset-top) + 74px);
}
.fixed-appbar[data-v-7de431e6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background: white;
  z-index: 6;
}
.vip-plus-card-list[data-v-7de431e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: scroll;
  margin: 0 -0.42rem;
  padding-bottom: 0.42rem;
}
.vip-plus-card[data-v-7de431e6] {
  width: 2.06rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.08);
  padding-bottom: 0.3rem;
  border-radius: 0.12rem;
  margin-right: 0.24rem;
  overflow: hidden;
}
.vip-plus-card .vip-plus-card-cover[data-v-7de431e6] {
    height: 1.16rem;
    width: 100%;
}
.vip-plus-card .vip-plus-card-title[data-v-7de431e6] {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.6rem;
    text-align: center;
}
.vip-plus-card .vip-plus-card-button[data-v-7de431e6] {
    height: 0.6rem;
    width: 1.46rem;
    color: white;
    font-size: 0.24rem;
    line-height: 0.6rem;
    text-align: center;
    font-weight: bold;
    background-image: -webkit-gradient(linear, right top, left top, from(#EDCE77), color-stop(98%, #DBB258));
    background-image: linear-gradient(-90deg, #EDCE77 0%, #DBB258 98%);
    border-radius: 0.9rem;
    margin: 0.08rem auto 0;
}
.vip-plus-card[data-v-7de431e6]:nth-child(1) {
  margin-left: 0.42rem;
}
.VIPCopyRightMovieList[data-v-7de431e6] {
  margin: 0 -0.42rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 0.42rem;
  overflow: scroll;
}
.VIPCopyRightMovieList .copy-right-movie-card[data-v-7de431e6] {
    margin-right: 0.18rem;
}
.quanyi-dialog-message[data-v-7de431e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.quanyi-dialog-message .quanyi-dialog-message-item[data-v-7de431e6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}
.quanyi-dialog-message .quanyi-dialog-message-item-title[data-v-7de431e6] {
    color: #333333;
    font-size: 0.3rem;
}
.quanyi-dialog-message .quanyi-dialog-message-item-desc[data-v-7de431e6] {
    color: #919699;
    font-size: 0.24rem;
}
.quanyi-dialog-message .quanyi-dialog-message-item-cover[data-v-7de431e6] {
    width: 0.66rem;
    margin-bottom: 0.1rem;
}
.line-text-desc[data-v-7de431e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0.21rem 0;
}
.line-text-desc .line-text-desc-text[data-v-7de431e6] {
    font-size: 0.3rem;
}
.line-text-desc-desc[data-v-7de431e6] {
  color: #919699;
  font-size: 0.24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.cancel-btn-action[data-v-7de431e6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.cancel-btn[data-v-7de431e6] {
  font-size: 0.24rem;
  color: #919699;
  background: #F5F5F5;
  padding: 0.18rem 0.3rem;
  display: inline-block;
  margin-top: 0.18rem;
  border-radius: 1rem;
  flost: right;
  letter-spacing: 0;
}
.quanyi-dialog-message-title[data-v-7de431e6] {
  text-align: left;
  margin-bottom: 0.3rem;
}

.buy-record-menu-bar[data-v-7a346ab0] {
  padding: 12px 21px;
  width: calc(100% - 42px);
}

@-webkit-keyframes vueContentPlaceholdersAnimation {
0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
}
100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}
}
@keyframes vueContentPlaceholdersAnimation {
0% {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
}
100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}
}
.vue-content-placeholders-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[class^="vue-content-placeholders-"] + .vue-content-placeholders-heading {
    margin-top: 20px;
}
.vue-content-placeholders-heading__img {
    position: relative;
    overflow: hidden;
    height: 15px;
    background: #eee;
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.vue-content-placeholders-is-rounded .vue-content-placeholders-heading__img {
      border-radius: 6px;
}
.vue-content-placeholders-is-centered .vue-content-placeholders-heading__img {
      margin-left: auto;
      margin-right: auto;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__img::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      max-width: 1000px;
      height: 100%;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, #e1e1e1), color-stop(30%, transparent));
      background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
      -webkit-animation-duration: 1.5s;
              animation-duration: 1.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-name: vueContentPlaceholdersAnimation;
              animation-name: vueContentPlaceholdersAnimation;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
}
.vue-content-placeholders-heading__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.vue-content-placeholders-heading__title {
    position: relative;
    overflow: hidden;
    height: 15px;
    background: #eee;
    width: 85%;
    margin-bottom: 10px;
    background: #ccc;
}
.vue-content-placeholders-is-rounded .vue-content-placeholders-heading__title {
      border-radius: 6px;
}
.vue-content-placeholders-is-centered .vue-content-placeholders-heading__title {
      margin-left: auto;
      margin-right: auto;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__title::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      max-width: 1000px;
      height: 100%;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, #e1e1e1), color-stop(30%, transparent));
      background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
      -webkit-animation-duration: 1.5s;
              animation-duration: 1.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-name: vueContentPlaceholdersAnimation;
              animation-name: vueContentPlaceholdersAnimation;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
}
.vue-content-placeholders-heading__subtitle {
    position: relative;
    overflow: hidden;
    height: 15px;
    background: #eee;
    width: 90%;
}
.vue-content-placeholders-is-rounded .vue-content-placeholders-heading__subtitle {
      border-radius: 6px;
}
.vue-content-placeholders-is-centered .vue-content-placeholders-heading__subtitle {
      margin-left: auto;
      margin-right: auto;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-heading__subtitle::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      max-width: 1000px;
      height: 100%;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, #e1e1e1), color-stop(30%, transparent));
      background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
      -webkit-animation-duration: 1.5s;
              animation-duration: 1.5s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-name: vueContentPlaceholdersAnimation;
              animation-name: vueContentPlaceholdersAnimation;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
}
[class^="vue-content-placeholders-"] + .vue-content-placeholders-text {
  margin-top: 20px;
}
.vue-content-placeholders-text__line {
  position: relative;
  overflow: hidden;
  height: 15px;
  background: #eee;
  width: 100%;
  margin-bottom: 10px;
}
.vue-content-placeholders-is-rounded .vue-content-placeholders-text__line {
    border-radius: 6px;
}
.vue-content-placeholders-is-centered .vue-content-placeholders-text__line {
    margin-left: auto;
    margin-right: auto;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-text__line::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 1000px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, #e1e1e1), color-stop(30%, transparent));
    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-name: vueContentPlaceholdersAnimation;
            animation-name: vueContentPlaceholdersAnimation;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}
.vue-content-placeholders-text__line:nth-child(4n + 1) {
    width: 80%;
}
.vue-content-placeholders-text__line:nth-child(4n + 2) {
    width: 100%;
}
.vue-content-placeholders-text__line:nth-child(4n + 3) {
    width: 70%;
}
.vue-content-placeholders-text__line:nth-child(4n + 4) {
    width: 85%;
}
.vue-content-placeholders-img {
  position: relative;
  overflow: hidden;
  height: 15px;
  background: #eee;
  width: 100%;
  height: 120px;
}
.vue-content-placeholders-is-rounded .vue-content-placeholders-img {
    border-radius: 6px;
}
.vue-content-placeholders-is-centered .vue-content-placeholders-img {
    margin-left: auto;
    margin-right: auto;
}
.vue-content-placeholders-is-animated .vue-content-placeholders-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 1000px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(15%, #e1e1e1), color-stop(30%, transparent));
    background: linear-gradient(to right, transparent 0%, #e1e1e1 15%, transparent 30%);
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-name: vueContentPlaceholdersAnimation;
            animation-name: vueContentPlaceholdersAnimation;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}
[class^="vue-content-placeholders-"] + .vue-content-placeholders-img {
    margin-top: 20px;
}
.router-push-enter-active, .router-push-leave-active {
  -webkit-transition: all .5s;
  transition: all .5s;
  position: absolute;
  width: 100%;
  height: 100%; }

.router-push-enter {
  -webkit-transform: translateY(50px) scale(0.6, 0.6);
          transform: translateY(50px) scale(0.6, 0.6);
  opacity: 0; }

.router-push-leave-to {
  opacity: 0; }

.router-pop-enter-active, .router-pop-leave-active {
  -webkit-transition: all .5s;
  transition: all .5s;
  position: absolute;
  width: 100%;
  height: 100%; }

.router-pop-enter {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 0; }

.router-pop-enter-to {
  -webkit-transform: translateX(0px);
          transform: translateX(0px); }

.router-pop-leave {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1); }

.router-pop-leave-to {
  -webkit-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6);
  opacity: 0; }

.screenshot-enter-active, .screenshot-leave-active {
  -webkit-transition: opacity .05s;
  transition: opacity .05s; }

.screenshot-enter, .screenshot-leave-to {
  opacity: 0; }

.video-icon-enter-active, .video-icon-leave-active {
  -webkit-transition: all .5s;
  transition: all .5s; }

.video-icon-enter, .video-icon-leave-to {
  -webkit-transform: scale(2);
          transform: scale(2);
  opacity: 0; }
html{-webkit-tap-highlight-color:transparent}body{margin:0}a{text-decoration:none}a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}button,input,textarea{font:inherit;color:inherit}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-clearfix::after{content:'';display:table;clear:both}[class*=van-hairline]{position:relative}[class*=van-hairline]::after{content:' ';position:absolute;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;top:-50%;left:-50%;right:-50%;bottom:-50%;-webkit-transform:scale(.5);transform:scale(.5);border:0 solid #eee}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}@-webkit-keyframes van-slide-bottom-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-bottom-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-bottom-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-fade-enter-active{-webkit-animation:.3s van-fade-in;animation:.3s van-fade-in}.van-fade-leave-active{-webkit-animation:.3s van-fade-out;animation:.3s van-fade-out}.van-slide-bottom-enter-active{-webkit-animation:van-slide-bottom-enter .3s both ease;animation:van-slide-bottom-enter .3s both ease}.van-slide-bottom-leave-active{-webkit-animation:van-slide-bottom-leave .3s both ease;animation:van-slide-bottom-leave .3s both ease}.van-info{left:100%;top:-.5em;color:#fff;font-size:.6em;font-weight:500;padding:0 .25em;text-align:center;min-width:1.4em;line-height:1.4;position:absolute;border-radius:.7em;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f44;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}@font-face{font-style:normal;font-weight:400;font-family:vant-icon;src:url(https://img.yzcdn.cn/vant/vant-icon-872dd0.ttf) format('truetype')}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto}.van-icon::before{display:inline-block}.van-icon-add-o::before{content:"\F000"}.van-icon-add::before{content:"\F001"}.van-icon-add2::before{content:"\F002"}.van-icon-after-sale::before{content:"\F003"}.van-icon-aim::before{content:"\F004"}.van-icon-alipay::before{content:"\F005"}.van-icon-arrow-left::before{content:"\F006"}.van-icon-arrow::before{content:"\F007"}.van-icon-balance-pay::before{content:"\F008"}.van-icon-browsing-history::before{content:"\F009"}.van-icon-card::before{content:"\F00A"}.van-icon-cart-o::before{content:"\F00B"}.van-icon-cart::before{content:"\F00C"}.van-icon-cash-back-record::before{content:"\F00D"}.van-icon-cash-on-deliver::before{content:"\F00E"}.van-icon-certificate::before{content:"\F00F"}.van-icon-chat::before{content:"\F010"}.van-icon-check::before{content:"\F011"}.van-icon-checked::before{content:"\F012"}.van-icon-clear::before{content:"\F013"}.van-icon-clock::before{content:"\F014"}.van-icon-close::before{content:"\F015"}.van-icon-completed::before{content:"\F016"}.van-icon-contact::before{content:"\F017"}.van-icon-coupon::before{content:"\F018"}.van-icon-credit-pay::before{content:"\F019"}.van-icon-debit-pay::before{content:"\F01A"}.van-icon-delete::before{content:"\F01B"}.van-icon-description::before{content:"\F01C"}.van-icon-discount::before{content:"\F01D"}.van-icon-ecard-pay::before{content:"\F01E"}.van-icon-edit-data::before{content:"\F01F"}.van-icon-edit::before{content:"\F020"}.van-icon-exchange-record::before{content:"\F021"}.van-icon-exchange::before{content:"\F022"}.van-icon-fail::before{content:"\F023"}.van-icon-free-postage::before{content:"\F024"}.van-icon-gift-card-pay::before{content:"\F025"}.van-icon-gift-card::before{content:"\F026"}.van-icon-gift::before{content:"\F027"}.van-icon-gold-coin::before{content:"\F028"}.van-icon-goods-collect::before{content:"\F029"}.van-icon-home::before{content:"\F02A"}.van-icon-hot-sale::before{content:"\F02B"}.van-icon-hot::before{content:"\F02C"}.van-icon-idcard::before{content:"\F02D"}.van-icon-info-o::before{content:"\F02E"}.van-icon-like-o::before{content:"\F02F"}.van-icon-like::before{content:"\F030"}.van-icon-location::before{content:"\F031"}.van-icon-logistics::before{content:"\F032"}.van-icon-more-o::before{content:"\F033"}.van-icon-more::before{content:"\F034"}.van-icon-new-arrival::before{content:"\F035"}.van-icon-new::before{content:"\F036"}.van-icon-other-pay::before{content:"\F037"}.van-icon-passed::before{content:"\F038"}.van-icon-password-not-view::before{content:"\F039"}.van-icon-password-view::before{content:"\F03A"}.van-icon-pause::before{content:"\F03B"}.van-icon-peer-pay::before{content:"\F03C"}.van-icon-pending-deliver::before{content:"\F03D"}.van-icon-pending-evaluate::before{content:"\F03E"}.van-icon-pending-orders::before{content:"\F03F"}.van-icon-pending-payment::before{content:"\F040"}.van-icon-phone::before{content:"\F041"}.van-icon-photo::before{content:"\F042"}.van-icon-photograph::before{content:"\F043"}.van-icon-play::before{content:"\F044"}.van-icon-point-gift::before{content:"\F045"}.van-icon-points-mall::before{content:"\F046"}.van-icon-points::before{content:"\F047"}.van-icon-qr-invalid::before{content:"\F048"}.van-icon-qr::before{content:"\F049"}.van-icon-question::before{content:"\F04A"}.van-icon-question2::before{content:"\F04B"}.van-icon-receive-gift::before{content:"\F04C"}.van-icon-records::before{content:"\F04D"}.van-icon-search::before{content:"\F04E"}.van-icon-send-gift::before{content:"\F04F"}.van-icon-setting::before{content:"\F050"}.van-icon-share::before{content:"\F051"}.van-icon-shop-collect::before{content:"\F052"}.van-icon-shop::before{content:"\F053"}.van-icon-shopping-cart::before{content:"\F054"}.van-icon-sign::before{content:"\F055"}.van-icon-stop::before{content:"\F056"}.van-icon-success::before{content:"\F057"}.van-icon-tosend::before{content:"\F058"}.van-icon-underway::before{content:"\F059"}.van-icon-upgrade::before{content:"\F05A"}.van-icon-value-card::before{content:"\F05B"}.van-icon-wap-home::before{content:"\F05C"}.van-icon-wap-nav::before{content:"\F05D"}.van-icon-warn::before{content:"\F05E"}.van-icon-wechat::before{content:"\F05F"}.van-loading{width:30px;height:30px;z-index:0;font-size:0;line-height:0;position:relative;vertical-align:middle}.van-loading--circle{width:16px;height:16px}.van-loading__spinner{z-index:-1;width:100%;height:100%;position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--circle{border-radius:100%;border:3px solid transparent;border-color:#c9c9c9;border-top-color:#666}.van-loading__spinner--gradient-circle{background-size:contain;background-image:url(https://img.yzcdn.cn/vant/gradient-circle-black.png)}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{top:0;left:0;width:100%;height:100%;position:absolute}.van-loading__spinner--spinner i::before{width:2px;height:25%;content:' ';display:block;margin:0 auto;border-radius:40%;background-color:currentColor}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{width:100%;height:100%}.van-loading__circular circle{stroke:currentColor;stroke-width:3;stroke-linecap:round;-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite}.van-loading--white .van-loading__spinner--circle{border-color:rgba(0,0,0,.1);border-top-color:rgba(255,255,255,.7)}.van-loading--white .van-loading__spinner--gradient-circle{background-image:url(https://img.yzcdn.cn/vant/gradient-circle-white.png)}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){opacity:1;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.van-loading__spinner--spinner i:nth-of-type(2){opacity:.9375;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.van-loading__spinner--spinner i:nth-of-type(3){opacity:.875;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.van-loading__spinner--spinner i:nth-of-type(4){opacity:.8125;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.van-loading__spinner--spinner i:nth-of-type(5){opacity:.75;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.van-loading__spinner--spinner i:nth-of-type(6){opacity:.6875;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.van-loading__spinner--spinner i:nth-of-type(7){opacity:.625;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.van-loading__spinner--spinner i:nth-of-type(8){opacity:.5625;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.van-loading__spinner--spinner i:nth-of-type(9){opacity:.5;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.van-loading__spinner--spinner i:nth-of-type(10){opacity:.4375;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.van-loading__spinner--spinner i:nth-of-type(11){opacity:.375;-webkit-transform:rotate(330deg);transform:rotate(330deg)}.van-loading__spinner--spinner i:nth-of-type(12){opacity:.3125;-webkit-transform:rotate(360deg);transform:rotate(360deg)}.van-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;text-align:center;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::before{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:active::before{opacity:.15}.van-button--unclickable::before{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #eee}.van-button--primary{color:#fff;background-color:#4b0;border:1px solid #4b0}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#4b0}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--loading .van-loading{display:inline-block}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--bottom-action{width:100%;height:50px;line-height:50px;border:0;border-radius:0;font-size:16px;color:#fff;background-color:#ff976a}.van-button--bottom-action.van-button--primary{background-color:#f44}.van-button--disabled{opacity:.5}.van-button--round{border-radius:10em}.van-button--square{border-radius:0}.van-cell{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:24px;position:relative;background-color:#fff;color:#333;font-size:14px;overflow:hidden}.van-cell:not(:last-child)::after{content:' ';position:absolute;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;left:15px;right:0;bottom:0;-webkit-transform:scaleY(.5);transform:scaleY(.5);border-bottom:1px solid #eee}.van-cell--borderless::after{display:none}.van-cell__label{font-size:12px;line-height:1.2;color:#666}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-ms-flex:1;flex:1}.van-cell__value{overflow:hidden;text-align:right;position:relative;vertical-align:middle}.van-cell__value--alone{text-align:left}.van-cell__left-icon{min-width:1em;font-size:16px;line-height:24px;margin-right:5px}.van-cell__right-icon{color:#999;font-size:12px;line-height:24px;margin-left:5px}.van-cell__right-icon--left::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.van-cell__right-icon--up::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-cell__right-icon--down::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.van-cell--clickable:active{background-color:#e8e8e8}.van-cell--required{overflow:visible}.van-cell--required::before{content:'*';position:absolute;left:7px;font-size:14px;color:#f44}.van-cell--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.van-cell-group{background-color:#fff}.van-col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}.van-row::after{content:"";display:table;clear:both}.van-row--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.van-row--flex::after{display:none}.van-row--justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.van-row--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.van-row--justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.van-row--justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.van-row--align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.van-row--align-bottom{-webkit-box-align:bottom;-ms-flex-align:bottom;align-items:bottom}.van-badge{display:block;overflow:hidden;font-size:14px;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#666;word-break:break-all;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 12px 20px 9px;background-color:#f8f8f8;border-left:3px solid transparent}.van-badge:active{background-color:#e8e8e8}.van-badge:not(:last-child)::after{border-bottom-width:1px}.van-badge--select{font-weight:500;color:#333;border-color:#f44}.van-badge--select::after{border-right-width:1px}.van-badge--select,.van-badge--select:active{background-color:#fff}.van-badge__info{top:7px;left:auto;right:5px;font-size:12px;-webkit-transform:scale(.9);transform:scale(.9)}.badge-group{width:85px}.van-circle{position:relative;text-align:center;display:inline-block}.van-circle svg{top:0;left:0;width:100%;height:100%;position:absolute}.van-circle__layer{fill:none;stroke-linecap:round;stroke-dasharray:3140;stroke-dashoffset:3140;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.van-circle__text{top:50%;left:0;width:100%;color:#333;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-collapse-item__title .van-cell__right-icon::before{-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.van-collapse-item__title::after{visibility:hidden}.van-collapse-item__title--expanded .van-cell__right-icon::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--expanded::after{visibility:visible}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c9c9c9}.van-collapse-item__title--disabled:active{background-color:#fff}.van-collapse-item__wrapper{overflow:hidden;will-change:height;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}.van-collapse-item__content{padding:15px;background-color:#fff}.van-list__loading{text-align:center}.van-list__loading .van-loading,.van-list__loading-text{display:inline-block;vertical-align:middle}.van-list__loading .van-loading{width:16px;height:16px;margin-right:5px}.van-list__loading-text{font-size:13px;color:#999;line-height:50px}.van-nav-bar{height:46px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;line-height:46px;background-color:#fff}.van-nav-bar .van-icon{color:#1989fa;vertical-align:middle}.van-nav-bar__arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{top:0;left:0;width:100%;position:fixed}.van-nav-bar__title{margin:0 auto;max-width:60%;font-size:16px;font-weight:500}.van-nav-bar__left,.van-nav-bar__right{bottom:0;font-size:14px;position:absolute}.van-nav-bar__left{left:15px}.van-nav-bar__right{right:15px}.van-nav-bar__text{color:#1989fa;margin:0 -15px;padding:0 15px;display:inline-block;vertical-align:middle}.van-nav-bar__text:active{background-color:#e8e8e8}.van-notice-bar{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;padding:0 15px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ed6a0c;background-color:#fffbe8}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar__left-icon{height:18px;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-notice-bar__left-icon img{width:16px;height:16px}.van-notice-bar__right-icon{top:12px;right:15px;font-size:16px;position:absolute}.van-notice-bar__wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar__play{-webkit-animation:van-notice-bar-play linear both;animation:van-notice-bar-play linear both}.van-notice-bar__play--infinite{-webkit-animation:van-notice-bar-play-infinite linear infinite both;animation:van-notice-bar-play-infinite linear infinite both}@-webkit-keyframes van-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.van-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.7)}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;top:50%;left:50%;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:.3s ease-out;transition:.3s ease-out;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--top{width:100%;top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-popup--right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--bottom{width:100%;top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-popup--left{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-search{display:-webkit-box;display:-ms-flexbox;display:flex;padding:7px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.van-search .van-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:3px 10px;border-radius:4px}.van-search .van-cell__left-icon{color:#999}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:0 10px;font-size:14px;line-height:30px;color:#666}.van-search__action:active{background-color:#e8e8e8}.van-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;line-height:40px;font-size:14px}.van-pagination__item{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#1989fa;height:40px;min-width:36px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-pagination__item:active{color:#fff;background-color:#1989fa}.van-pagination__item::after{border-width:1px 0 1px 1px}.van-pagination__item:last-child::after{border-right-width:1px}.van-pagination__item--disabled,.van-pagination__item--disabled:active{background-color:#f8f8f8;color:#666;opacity:.6}.van-pagination__item--active{color:#fff;background-color:#1989fa}.van-pagination__next,.van-pagination__prev{padding:0 5px}.van-pagination__page{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.van-pagination__page-desc{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;color:#666}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:1px}.van-panel{background:#fff}.van-panel__header .van-cell__value{color:#f44}.van-panel__footer{padding:10px 15px}.van-rate{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-rate__item{padding:0 2px;display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box}.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:0 10px}.van-steps--horizontal .van-steps__items{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 10px;overflow:hidden;position:relative;padding-bottom:22px}.van-steps--horizontal .van-steps__items.van-steps__items--alone{padding-top:10px}.van-steps--vertical{padding:0 0 0 35px}.van-steps__icon{float:left;margin-right:10px}.van-steps .van-icon{font-size:40px}.van-steps__message{height:40px;margin:15px 0}.van-steps__title{font-size:14px;color:#333;padding-top:4px}.van-steps__desc{font-size:12px;line-height:1.5;color:#999}.van-step{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;position:relative;color:#999}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child{position:absolute;right:10px;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child .van-step__circle-container{left:auto;right:-9px}.van-step--horizontal:last-child .van-step__line{width:0}.van-step--horizontal .van-step__circle-container{position:absolute;top:28px;left:-8px;padding:0 8px;background-color:#fff;z-index:1}.van-step--horizontal .van-step__title{font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:inline-block;margin-left:3px}.van-step--horizontal .van-step__line{position:absolute;left:0;top:30px;width:100%;height:1px;background-color:#eee}.van-step--horizontal.van-step--finish{color:#333}.van-step--horizontal.van-step--finish .van-step__circle,.van-step--horizontal.van-step--finish .van-step__line{background-color:#4b0}.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal.van-step--process .van-step__circle-container{top:24px}.van-step--horizontal.van-step--process .van-icon{font-size:12px;color:#4b0;display:block}.van-step .van-step__circle{display:block;width:5px;height:5px;border-radius:50%;background-color:#999}.van-step--vertical{float:none;display:block;font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical .van-step__circle-container>i{position:absolute;z-index:2}.van-step--vertical .van-icon-checked{top:12px;left:-20px;line-height:1;font-size:12px}.van-step--vertical .van-step__circle{top:16px;left:-17px}.van-step--vertical .van-step__line{position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#eee}.van-tag{color:#fff;font-size:10px;padding:.2em .5em;line-height:normal;border-radius:.2em;display:inline-block}.van-tag::after{border-color:currentColor;border-radius:.4em}.van-tag--mark{padding-right:.6em;border-radius:0 .8em .8em 0}.van-tag--mark::after{border-radius:0 1.6em 1.6em 0}.van-tag--round{border-radius:.8em}.van-tag--round::after{border-radius:1.6em}.van-tag--medium{font-size:12px}.van-tag--large{font-size:14px}.van-tab{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;padding:0 5px;font-size:14px;position:relative;color:#333;line-height:44px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;min-width:0}.van-tab span{display:block}.van-tab--active{color:#f44}.van-tab--disabled{color:#c9c9c9}.van-tabs{position:relative}.van-tabs__wrap{top:0;left:0;right:0;z-index:99;overflow:hidden;position:absolute}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__wrap--scrollable .van-tab{-webkit-box-flex:0;-ms-flex:0 0 22%;flex:0 0 22%}.van-tabs__wrap--scrollable .van-tabs__nav{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.van-tabs__wrap--scrollable .van-tabs__nav::-webkit-scrollbar{display:none}.van-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;background-color:#fff}.van-tabs__nav--line{height:100%;padding-bottom:15px;-webkit-box-sizing:content-box;box-sizing:content-box}.van-tabs__nav--card{margin:0 15px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #f44;height:30px}.van-tabs__nav--card .van-tab{color:#f44;border-right:1px solid #f44;line-height:28px}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;background-color:#f44}.van-tabs__nav--card .van-tab--disabled{color:#c9c9c9}.van-tabs__line{z-index:1;left:0;bottom:15px;height:2px;position:absolute;border-radius:2px 0;background-color:#f44}.van-tabs--line{padding-top:44px}.van-tabs--line .van-tabs__wrap{height:44px}.van-tabs--card{padding-top:30px}.van-tabs--card .van-tabs__wrap{height:30px}.van-tabbar{width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.van-tabbar--fixed{left:0;bottom:0;position:fixed}.van-tabbar-item{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;font-size:12px;color:#666;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.van-tabbar-item__icon{font-size:18px;position:relative;margin-bottom:5px}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon--dot::after{top:0;right:-8px;width:8px;height:8px;content:' ';position:absolute;border-radius:100%;background-color:#f44}.van-tabbar-item__icon img{height:18px;display:block}.van-tabbar-item--active{color:#1989fa}.van-image-preview{top:0;left:0;width:100%;height:100%;position:fixed}.van-image-preview__image{top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;position:absolute}.van-image-preview__index{position:absolute;top:10px;left:50%;color:#fff;font-size:14px;letter-spacing:2px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.van-image-preview__overlay{background-color:rgba(0,0,0,.9)}.van-image-preview .van-swipe{height:100%}.van-stepper{font-size:0}.van-stepper__minus,.van-stepper__plus{width:40px;height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid #eee;position:relative;padding:5px;vertical-align:middle}.van-stepper__minus::before,.van-stepper__plus::before{width:9px;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:9px}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{content:'';position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;background-color:#666}.van-stepper__minus:active,.van-stepper__plus:active{background-color:#e8e8e8}.van-stepper__minus--disabled,.van-stepper__plus--disabled{background-color:#f8f8f8}.van-stepper__minus--disabled::after,.van-stepper__minus--disabled::before,.van-stepper__plus--disabled::after,.van-stepper__plus--disabled::before{background-color:#c9c9c9}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:#f8f8f8}.van-stepper__minus{border-radius:2px 0 0 2px}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 2px 2px 0}.van-stepper__input{width:33px;height:26px;padding:1px;border:1px solid #eee;border-width:1px 0;border-radius:0;-webkit-box-sizing:content-box;box-sizing:content-box;color:#666;font-size:14px;vertical-align:middle;text-align:center;-webkit-appearance:none}.van-stepper__input[disabled]{color:#c9c9c9;background-color:#f8f8f8}.van-stepper input[type=number]::-webkit-inner-spin-button,.van-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.van-progress{height:4px;position:relative;border-radius:4px;background:#e5e5e5}.van-progress__portion{left:0;height:100%;position:absolute;border-radius:inherit}.van-progress__portion--with-pivot{border-top-right-radius:0;border-bottom-right-radius:0}.van-progress__pivot{top:50%;right:0;min-width:2em;padding:0 5px;font-size:10px;position:absolute;line-height:1.6;text-align:center;border-radius:1em;word-break:keep-all;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#e5e5e5;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.van-swipe{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-swipe__track{height:100%}.van-swipe__indicators{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:50%;bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swipe__indicators--vertical{left:10px;top:50%;bottom:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:6px}.van-swipe__indicator{border-radius:100%;background-color:#999;width:6px;height:6px}.van-swipe__indicator:not(:last-child){margin-right:6px}.van-swipe__indicator--active{background-color:#ff976a}.van-swipe-item{float:left;height:100%}.van-slider{position:relative;border-radius:999px;background-color:#e5e5e5}.van-slider__bar{position:relative;border-radius:inherit;background-color:#1989fa}.van-slider__button{position:absolute;top:50%;right:0;width:20px;height:20px;border-radius:50%;background-color:#fff;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5)}.van-slider__button::after{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%}.van-slider--disabled{opacity:.3}.van-checkbox{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-checkbox__icon,.van-checkbox__label{display:inline-block;vertical-align:middle;line-height:20px}.van-checkbox__icon .van-icon{font-size:12px;color:transparent;text-align:center;line-height:inherit;border:1px solid #e5e5e5;width:20px;height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.2s;transition:.2s}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:#fff;border-color:#1989fa;background-color:#1989fa}.van-checkbox__icon--disabled .van-icon{color:#f8f8f8;border-color:#eee;background-color:currentColor}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{border-color:#eee;background-color:#eee}.van-checkbox__label{margin-left:10px}.van-checkbox__label--left{float:left;margin:0 10px 0 0}.van-field .van-cell__title{max-width:90px}.van-field__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.van-field__control{border:0;margin:0;padding:0;width:100%;resize:none;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent}.van-field__control:disabled{opacity:1;color:#666;background-color:transparent}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control[type=date],.van-field__control[type=time]{min-height:24px}.van-field__button,.van-field__clear,.van-field__icon{-ms-flex-negative:0;flex-shrink:0}.van-field__clear,.van-field__icon{padding:0 10px;line-height:inherit;margin-right:-10px}.van-field__clear{color:#c9c9c9;font-size:16px}.van-field__icon .van-icon{display:block;font-size:16px;color:#999;line-height:inherit}.van-field__button{padding-left:10px}.van-field__error-message{color:#f44;font-size:12px;text-align:left}.van-field--disabled .van-field__control{color:#999}.van-field--error .van-field__control,.van-field--error .van-field__control::-webkit-input-placeholder{color:#f44}.van-field--error .van-field__control,.van-field--error .van-field__control::-moz-placeholder{color:#f44}.van-field--error .van-field__control,.van-field--error .van-field__control::-ms-input-placeholder{color:#f44}.van-field--error .van-field__control,.van-field--error .van-field__control::placeholder{color:#f44}.van-field--min-height .van-field__control{min-height:60px}.van-field--label-center .van-cell__title{text-align:center}.van-field--label-right .van-cell__title{text-align:right}.van-radio{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-radio__input,.van-radio__label{display:inline-block;vertical-align:middle}.van-radio__input{height:1em;position:relative;font-size:20px}.van-radio__control{position:absolute;top:0;left:0;opacity:0;margin:0;width:100%;height:100%}.van-radio__label{line-height:20px;margin-left:10px}.van-radio__label--left{float:left;margin:0 10px 0 0}.van-radio .van-icon{width:1em;pointer-events:none}.van-radio .van-icon-checked{color:#4b0}.van-radio .van-icon-check{color:#999}.van-radio--disabled .van-icon{color:#e5e5e5;border-radius:100%;background-color:#f8f8f8}.van-switch{height:1em;width:1.8em;display:inline-block;position:relative;border-radius:1em;-webkit-box-sizing:content-box;box-sizing:content-box;border:1px solid rgba(0,0,0,.1);background-color:#fff;-webkit-transition:background-color .3s;transition:background-color .3s}.van-switch__node{top:0;left:0;z-index:1;width:1em;height:1em;-webkit-transition:.3s;transition:.3s;position:absolute;border-radius:100%;background-color:#fff;-webkit-box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%}.van-switch--on{background-color:#1989fa}.van-switch--on .van-switch__node{-webkit-transform:translateX(.8em);transform:translateX(.8em)}.van-switch--disabled{opacity:.4}.van-uploader{position:relative;display:inline-block}.van-uploader__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.van-uploader input[type=file]::-webkit-file-upload-button{cursor:pointer}.van-password-input{margin:0 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.van-password-input:focus{outline:0}.van-password-input__error-info,.van-password-input__info{font-size:14px;margin-top:15px;text-align:center}.van-password-input__info{color:#999}.van-password-input__error-info{color:#f44}.van-password-input__security{width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.van-password-input__security::after{border-radius:6px}.van-password-input__security li{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative}.van-password-input__security li:not(:first-of-type)::after{border-left-width:1px}.van-password-input__security i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;visibility:hidden;border-radius:100%;background-color:#000}.van-number-keyboard{left:0;bottom:0;width:100%;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.van-number-keyboard__title{height:30px;font-size:14px;line-height:30px;text-align:center;position:relative;color:#666}.van-number-keyboard__body{-webkit-box-sizing:border-box;box-sizing:border-box}.van-number-keyboard__close{right:0;color:#1989fa;font-size:14px;padding:0 15px;position:absolute}.van-number-keyboard__close:active{background-color:#e8e8e8}.van-number-keyboard__sidebar{right:0;bottom:0;width:25%;position:absolute;height:216px}.van-number-keyboard--custom .van-number-keyboard__body{padding-right:25%}.van-key{width:33.33333333%;font-size:24px;font-style:normal;text-align:center;display:inline-block;vertical-align:middle;height:54px;line-height:54px}.van-key::after{border-width:1px 1px 0 0}.van-key--middle{width:66.66666667%}.van-key--big{width:100%;height:108px;line-height:108px}.van-key--blue{font-size:20px;color:#fff;background-color:#1989fa}.van-key--blue.van-key--active{background-color:#1989fa}.van-key--blue::after{border-color:#1989fa}.van-key--delete{font-size:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAeCAMAAABg6AyVAAAAbFBMVEUAAAAfHiIdHB4eHR8dHR4eHB4dHB4dHR8gICIdHB4dHB4dHB4dHB8eHh8hISEeHR8fHB8fHR8fHR8fHx8eHiArKyszMzMeHB8eHB8fHR8eHiAeHh4dHB4vLjDY2Nn////b29zKysq9vb28vLzkfBRpAAAAHHRSTlMAK/PW+I/llBv77N1kSCPwWlFAOTMGBb28hHlu08g5sgAAAMlJREFUOMuV1MsWgiAQgGHQyOx+s+sgYO//jnnMGIdDDfwbN99CYEDQFiVEKkolPUG7gl9VTWC31NKuDbVz+Fc1tRJtPDmxS2BS3p5ZC+XXnnbAVoz2WEBCH7uZAalzGoa06whGiznT6sG2xgX4QO2Aej1+KN7XBKL2FvGaMtTWBhbQhtoaYzVQrHKwuGf8hhAPSF5g3xPSt45sCHcouNWx436FGA+RHyQcD35EcUj54U8ff4WYvVi1zLjelUh/OG6XjOeLWv5hfAOI+HLwwOAqhAAAAABJRU5ErkJggg==) no-repeat center center;background-size:auto 15px}.van-key--gray{background-color:#f8f8f8}.van-key--active{background-color:#e8e8e8}.van-actionsheet{position:fixed;left:0;right:0;bottom:0;color:#333;max-height:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f8f8f8}.van-actionsheet--withtitle{background-color:#fff}.van-actionsheet__cancel,.van-actionsheet__item{height:50px;line-height:50px;font-size:16px;text-align:center;background-color:#fff}.van-actionsheet__cancel:active,.van-actionsheet__item:active{background-color:#e8e8e8}.van-actionsheet__item--disabled{color:#c9c9c9}.van-actionsheet__item--disabled:active{background-color:#fff}.van-actionsheet__subname{font-size:12px;color:#666;margin-left:5px}.van-actionsheet__loading{display:inline-block}.van-actionsheet__cancel{margin-top:10px}.van-actionsheet__header{font-size:16px;line-height:44px;text-align:center}.van-actionsheet__header .van-icon-close{top:0;right:0;padding:0 15px;font-size:18px;color:#999;position:absolute;line-height:inherit}.van-dialog{position:fixed;top:50%;left:50%;width:85%;font-size:16px;overflow:hidden;-webkit-transition:.3s;transition:.3s;border-radius:4px;background-color:#fff;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-dialog__header{font-weight:500;padding-top:25px;text-align:center}.van-dialog__header--isolated{padding:25px 0}.van-dialog__message{padding:25px;font-size:14px;line-height:1.5}.van-dialog__message--has-title{padding-top:12px;color:#666}.van-dialog__footer{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-dialog__footer--buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.van-dialog__footer--buttons .van-button{-webkit-box-flex:1;-ms-flex:1;flex:1}.van-dialog .van-button{border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#1989fa}.van-dialog-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9)}.van-picker{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;background-color:#fff;-webkit-text-size-adjust:100%}.van-picker__toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;line-height:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.van-picker__cancel,.van-picker__confirm{color:#1989fa;padding:0 15px;font-size:14px}.van-picker__cancel:active,.van-picker__confirm:active{background-color:#e8e8e8}.van-picker__title{max-width:50%;font-size:16px;font-weight:500;text-align:center}.van-picker__columns{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.van-picker__loading{top:0;left:0;right:0;bottom:0;z-index:2;position:absolute;background-color:rgba(255,255,255,.9)}.van-picker__loading circle{stroke:#1989fa}.van-picker__frame,.van-picker__loading .van-loading{top:50%;left:0;width:100%;z-index:1;position:absolute;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-picker-column{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;font-size:16px;text-align:center}.van-picker-column__item{padding:0 5px;color:#999}.van-picker-column__item--selected{font-weight:500;color:#333}.van-picker-column__item--disabled{opacity:.3}.van-pull-refresh{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.van-pull-refresh__track{position:relative}.van-pull-refresh__head{width:100%;height:50px;left:0;overflow:hidden;position:absolute;text-align:center;top:-50px;font-size:14px;color:#999;line-height:50px}.van-pull-refresh__loading .van-loading{width:16px;height:16px;margin-right:5px}.van-pull-refresh__loading .van-loading,.van-pull-refresh__loading span{vertical-align:middle;display:inline-block}.van-pull-refresh__text{display:block}.van-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;font-size:12px;line-height:1.2;border-radius:5px;word-break:break-all;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(0,0,0,.7)}.van-toast--unclickable *{pointer-events:none}.van-toast--text{padding:12px;min-width:220px}.van-toast--default{width:120px;min-height:120px;padding:15px}.van-toast--default .van-toast__icon{font-size:50px}.van-toast--default .van-loading{margin:10px 0 5px}.van-toast--default .van-toast__text{font-size:14px;padding-top:10px}.van-toast--top{top:50px}.van-toast--bottom{top:auto;bottom:50px}.van-swipe-cell{overflow:hidden;position:relative}.van-swipe-cell__left,.van-swipe-cell__right{top:0;height:100%;position:absolute}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.van-switch-cell{padding-top:8px;padding-bottom:8px}.van-switch-cell .van-switch{float:right}.van-tree-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.van-tree-select__nav{width:35%;position:absolute;left:0;top:0;bottom:0;overflow:scroll;background-color:#fff;-webkit-overflow-scrolling:touch}.van-tree-select__nitem{line-height:44px;padding:0 15px;background-color:#fff}.van-tree-select__nitem--active,.van-tree-select__nitem:active{background-color:#f8f8f8}.van-tree-select__nitem--active{font-weight:500}.van-tree-select__content{height:100%;padding:0 15px;margin-left:35%;overflow:scroll;-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;line-height:44px;padding-left:5px;padding-right:18px}.van-tree-select__item--active,.van-tree-select__item:active{color:#f44}.van-tree-select__selected{float:right;position:absolute;right:0;top:0;bottom:0;line-height:inherit}.van-address-edit__buttons{padding:30px 15px}.van-address-edit__buttons .van-button{margin-bottom:15px}.van-address-edit__area .van-cell__title{max-width:90px}.van-address-edit__area .van-cell__value{text-align:left}.van-address-edit__area .van-cell__value span{margin-right:15px}.van-address-edit-detail{padding:0}.van-address-edit-detail__finish{color:#1989fa;font-size:12px;display:block}.van-address-list{height:100%;padding-bottom:100px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-address-list__add{position:fixed;left:0;bottom:0;z-index:9999}.van-address-list__disabled-text{color:#999;padding:0 15px;font-size:12px;line-height:30px}.van-address-item{padding:15px}.van-address-item .van-cell__value{color:#333;padding-right:34px;position:relative}.van-address-item .van-radio__label{width:100%;margin-left:0;padding-left:27px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-address-item .van-radio__input{top:50%;left:0;font-size:16px;position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-address-item .van-icon-checked{color:#f44}.van-address-item__name{font-size:14px;font-weight:500;line-height:20px;margin-bottom:5px}.van-address-item__address{font-size:12px;line-height:16px;color:#666}.van-address-item--unswitchable .van-radio__input{display:none}.van-address-item--unswitchable .van-radio__label{padding-left:0}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:#999}.van-address-item__edit{position:absolute;top:50%;right:15px;font-size:16px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-card{color:#333;height:100px;font-size:12px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 15px 5px 115px;background-color:#fafafa}.van-card:not(:first-child){margin-top:10px}.van-card--center,.van-card__thumb{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.van-card__thumb{top:5px;left:15px;width:90px;height:90px;position:absolute}.van-card__thumb img{border:none;max-width:100%;max-height:100%}.van-card,.van-card__content,.van-card__thumb{display:-webkit-box;display:-ms-flexbox;display:flex}.van-card__content{width:100%}.van-card__desc,.van-card__title{line-height:20px;word-break:break-all}.van-card__title{max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-card__desc{color:#666;max-height:20px}.van-card__left{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.van-card__right{-ms-flex-negative:0;flex-shrink:0;line-height:20px;padding-left:10px;text-align:right}.van-card__origin-price{color:#666;text-decoration:line-through}.van-card__num{color:#666}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{right:15px;bottom:8px;position:absolute}.van-card__footer .van-button{margin-left:5px}.van-contact-card{padding:15px}.van-contact-card .van-cell__value{margin-left:5px;line-height:20px;display:inline-block;vertical-align:middle}.van-contact-card--add .van-cell__value{line-height:40px}.van-contact-card--add .van-cell__left-icon{color:#1989fa;font-size:40px}.van-contact-card::before{content:'';left:0;right:0;bottom:0;height:2px;position:absolute;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:80px}.van-contact-list{height:100%;padding-bottom:65px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-contact-list .van-cell{padding:15px}.van-contact-list .van-cell__value{color:#333;padding-right:34px;position:relative}.van-contact-list .van-radio__label{margin-left:27px}.van-contact-list .van-radio__input{top:50%;left:0;font-size:16px;position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-contact-list .van-icon-checked{color:#f44}.van-contact-list__group{height:100%;overflow-y:scroll;padding-bottom:100px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.van-contact-list__name{font-size:14px;font-weight:500;line-height:20px}.van-contact-list__edit{position:absolute;top:50%;right:15px;font-size:16px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.van-contact-list__add{position:fixed;left:0;bottom:0;z-index:9999}.van-contact-edit__buttons{padding:30px 15px}.van-contact-edit .van-cell__title{max-width:65px}.van-contact-edit .van-button{margin-bottom:15px}.van-coupon-list{height:100%;position:relative;background-color:#f8f8f8}.van-coupon-list__field{padding:7px 15px}.van-coupon-list__exchange{height:32px;line-height:30px}.van-coupon-list__list{overflow-y:auto;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.van-coupon-list__close{left:0;bottom:0;position:absolute;font-weight:500}.van-coupon-list__empty{padding-top:100px;text-align:center}.van-coupon-list__empty p{color:#999;margin:15px 0;font-size:14px;line-height:20px}.van-coupon-list__empty img{width:80px;height:84px}.van-coupon-item{overflow:hidden;border-radius:4px;margin:0 15px 15px;background-color:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,.1);box-shadow:0 0 4px rgba(0,0,0,.1)}.van-coupon-item:active{background-color:#e8e8e8}.van-coupon-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100px;padding:24px 0 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-coupon-item h2,.van-coupon-item p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon-item h2{height:34px;font-weight:500;line-height:34px}.van-coupon-item p{font-size:12px;line-height:16px;color:#999}.van-coupon-item__head{min-width:90px}.van-coupon-item__head h2{color:#f44;font-size:24px}.van-coupon-item__head h2 span{font-size:50%}.van-coupon-item__body{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-radius:0 4px 4px 0}.van-coupon-item__body h2{font-size:16px}.van-coupon-item__corner{top:16px;right:15px;position:absolute}.van-coupon-item__corner .van-icon{border-color:#f44;background-color:#f44}.van-coupon-item__reason{padding:7px 15px;border-top:1px dashed #eee;background-color:#fafafa}.van-coupon-item--disabled:active{background-color:#fff}.van-coupon-item--disabled .van-coupon-item__content{height:90px}.van-coupon-item--disabled h2,.van-coupon-item--disabled p,.van-coupon-item--disabled span{color:#999}.van-goods-action{left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed}.van-goods-action-big-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0}@media (max-width:321px){.van-goods-action-big-btn{font-size:15px}}.van-goods-action-mini-btn{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;font-size:10px;min-width:15%;line-height:1;text-align:center;background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.van-goods-action-mini-btn::after{border-width:1px 0 0 1px}.van-goods-action-mini-btn:first-child::after{border-left-width:0}.van-goods-action-mini-btn:active{background-color:#e8e8e8}.van-goods-action-mini-btn__icon{width:1em;font-size:20px;margin:0 auto 5px}.van-goods-action-big-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0}@media (max-width:321px){.van-goods-action-big-btn{font-size:15px}}.van-goods-action-mini-btn{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;font-size:10px;min-width:15%;line-height:1;text-align:center;background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.van-goods-action-mini-btn::after{border-width:1px 0 0 1px}.van-goods-action-mini-btn:first-child::after{border-left-width:0}.van-goods-action-mini-btn:active{background-color:#e8e8e8}.van-goods-action-mini-btn__icon{width:1em;font-size:20px;margin:0 auto 5px}.van-submit-bar{left:0;bottom:0;width:100%;z-index:100;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.van-submit-bar__tip{color:#f56723;padding:10px;font-size:12px;line-height:18px;background-color:#fff7cc}.van-submit-bar__bar{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.van-submit-bar__text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:500;text-align:right;color:#333;padding-right:12px}.van-submit-bar__text span{display:inline-block}.van-submit-bar__price{color:#f44;font-size:18px}.van-submit-bar__price::first-letter{font-size:14px}.van-submit-bar .van-button{width:110px}.van-sku-container{font-size:14px;background:#fff;overflow-y:visible;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.van-sku-body{max-height:350px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-sku-body::-webkit-scrollbar{display:none}.van-sku-group-container{margin-left:15px;padding:12px 0 2px}.van-sku-header{margin-left:15px}.van-sku-header__img-wrap{position:relative;float:left;margin-top:-10px;width:80px;height:80px;background:#f8f8f8;border-radius:2px}.van-sku-header__img-wrap img{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%}.van-sku-header__goods-info{padding:10px 60px 10px 10px;min-height:82px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.van-sku__goods-name{font-size:12px}.van-sku__price-symbol{vertical-align:middle}.van-sku__price-num{font-size:16px;vertical-align:middle}.van-sku__goods-price{color:#f44;margin-top:10px;vertical-align:middle}.van-sku__close-icon{top:10px;right:15px;font-size:20px;color:#999;position:absolute;text-align:center}.van-sku-row{margin:0 15px 10px 0}.van-sku-row:last-child{margin-bottom:0}.van-sku-row__title{padding-bottom:10px}.van-sku-row__item{display:inline-block;padding:5px 9px;margin:0 10px 10px 0;height:28px;min-width:52px;line-height:16px;font-size:12px;color:#333;text-align:center;border:1px solid #999;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box}.van-sku-row__item--active{color:#fff;border-color:#f44;background:#f44}.van-sku-row__item--disabled{background:#e8e8e8;border-color:#eee;color:#c9c9c9}.van-sku-stepper-stock{padding:12px 0;margin-left:15px}.van-sku-stepper-container{height:30px;margin-right:20px}.van-sku__stepper{float:right}.van-sku__stepper-title{float:left;line-height:30px}.van-sku__stock{display:inline-block;margin-right:10px;color:#999;font-size:12px}.van-sku__quota{display:inline-block;color:#f44;font-size:12px}.van-sku-messages{padding-bottom:10px;background:#f8f8f8}.van-sku-messages__image-cell .van-cell__title{max-width:90px}.van-sku-messages__image-cell .van-cell__value{text-align:left}.van-sku-img-uploader{display:inline-block}.van-sku-img-uploader__header{padding:0 10px;border:1px solid #eee;line-height:24px;border-radius:3px;font-size:12px}.van-sku-img-uploader__header .van-icon{top:3px;margin-right:5px;font-size:14px}.van-sku-img-uploader__img{height:60px;width:60px;float:left;margin:10px 10px 0 0;position:relative;border:1px solid #eee}.van-sku-img-uploader__img img{max-width:100%;max-height:100%;top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-sku-img-uploader__delete{position:absolute;color:#f44;top:-12px;right:-14px;z-index:1;padding:6px}.van-sku-img-uploader__delete::before{border-radius:14px;background-color:#fff}.van-sku-img-uploader__uploading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:20px;height:20px}.van-sku-actions{display:-webkit-box;display:-ms-flexbox;display:flex}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:grabbing}.pswp__bg{background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.pswp__bg,.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%}.pswp__scroll-wrap{overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1), -webkit-transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{right:0;bottom:0;overflow:hidden}.pswp__img,.pswp__item{position:absolute;left:0;top:0}.pswp__img{width:auto;height:auto}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:none;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMjY0IDg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5kZWZhdWx0LXNraW4gMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48cGF0aCBkPSJNNjcuMDAyIDU5LjV2My43NjhjLTYuMzA3Ljg0LTkuMTg0IDUuNzUtMTAuMDAyIDkuNzMyIDIuMjItMi44MyA1LjU2NC01LjA5OCAxMC4wMDItNS4wOThWNzEuNUw3MyA2NS41ODUgNjcuMDAyIDU5LjV6IiBpZD0iU2hhcGUiIGZpbGw9IiNmZmYiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTMgMjl2LTVoMnYzaDN2MmgtNXpNMTMgMTVoNXYyaC0zdjNoLTJ2LTV6TTMxIDE1djVoLTJ2LTNoLTN2LTJoNXpNMzEgMjloLTV2LTJoM3YtM2gydjV6IiBpZD0iU2hhcGUiLz48L2c+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYyIDI0djVoLTJ2LTNoLTN2LTJoNXpNNjIgMjBoLTV2LTJoM3YtM2gydjV6TTcwIDIwdi01aDJ2M2gzdjJoLTV6TTcwIDI0aDV2MmgtM3YzaC0ydi01eiIvPjwvZz48cGF0aCBkPSJNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMTEuNzg1IDY1LjAzTDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNTIuMjE1IDY1LjAzTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6IiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggaWQ9IlJlY3RhbmdsZS0xMSIgZmlsbD0iI2ZmZiIgZD0iTTE2MC45NTcgMjguNTQzbC0zLjI1LTMuMjUtMS40MTMgMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xNTIuNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIGlkPSJPdmFsLTEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwIDIxaDV2MWgtNXoiLz48L2c+PGc+PHBhdGggZD0iTTExNi45NTcgMjguNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2MzLjAzOCAwIDUuNS0yLjQ2MiA1LjUtNS41cy0yLjQ2Mi01LjUtNS41LTUuNS01LjUgMi40NjItNS41IDUuNSAyLjQ2MiA1LjUgNS41IDUuNXoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA2IDIxaDV2MWgtNXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTA5LjA0MyAxOS4wMDhsLS4wODUgNS0xLS4wMTcuMDg1LTV6Ii8+PC9nPjwvZz48L2c+PC9zdmc+)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:"";top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}.pswp__share-tooltip a,.pswp__share-tooltip a:hover{color:#000;text-decoration:none}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:"";display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:none;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:none;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:none}