[v-cloak] {
  display: none; }

.clearfix::after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
  border: 0;
  margin: 0; }

.fineBorder-before, .service-grade-prompt:before, .service-area button:before, .service-duration .service-duration-pane:before, .service-duration .service-duration-pane.selected:before, .coupon-area .service-coupon-main:before, .selector-module .module-top:before, .area-selector-module .all-area:before, .area-selector-module .area-main li:before, .area-selector-module .active:before {
  content: "";
  display: block;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%; }

.header-goback-btn {
  height: 4.8rem;
  line-height: 4.8rem;
  background: #1F1E24;
  color: #fff; }

.padding-left-40 {
  padding-left: 2rem; }

.equity-details {
  position: fixed;
  right: 1.5rem;
  top: 0;
  color: #fff;
  font-size: 1.4rem;
  line-height: 4.4rem;
  z-index: 100; }

.service-module {
  padding: 4.8rem 0 0 0;
  background: -webkit-linear-gradient(180deg, #FFFFFF 0%, #F5F5F6 100%);
  background: -moz-linear-gradient(180deg, #FFFFFF 0%, #F5F5F6 100%);
  background: -o-linear-gradient(180deg, #FFFFFF 0%, #F5F5F6 100%);
  background: -ms-linear-gradient(180deg, #FFFFFF 0%, #F5F5F6 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #F5F5F6 100%); }

.purchased-tip {
  width: 100%;
  height: 2.8rem;
  padding: 0 0 0 3.8rem;
  background: #FEF5E6 url("https://ss.tgnet.com/MProject/icon_notice_orange_36.png") 1.8rem 50%/1.8rem 1.8rem no-repeat;
  box-sizing: border-box; }
  .purchased-tip .purchased-tip-main {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .purchased-tip .scroll {
    display: flex; }
  .purchased-tip .getWidth {
    word-break: keep-all;
    white-space: nowrap;
    position: absolute;
    opacity: 0;
    top: 0; }
  .purchased-tip p {
    word-break: keep-all;
    white-space: nowrap;
    font-size: 1.3rem;
    line-height: 2.8rem;
    color: #6E675B; }
  .purchased-tip label {
    margin-right: 1rem; }
  .purchased-tip i {
    font-style: normal;
    color: #FF5454; }

.service-grade {
  padding: 0.9rem 1rem 6.4rem;
  background: #1F1E24; }

.service-grade-title {
  padding: 0 .4rem 0 .4rem;
  line-height: 2.1rem;
  font-size: 1.7rem;
  color: #242629; }
  .service-grade-title button {
    float: right;
    padding-left: 2rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #666;
    background: url("https://ss.tgnet.com/MProject/icon_doubt_white_32.png") 0% 50%/1.6rem 1.6rem no-repeat; }

.service-grade-main .service-grade-pane {
  position: relative;
  width: calc(100% / 2);
  padding: 1rem 0 0 0;
  float: left;
  height: 13.3rem;
  margin-top: 0.2rem;
  background: url("https://ss.tgnet.com/MProject/image_vip_advanced_704x266.png") no-repeat;
  background-size: 200% 100%;
  background-position: 0 0;
  box-sizing: border-box;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  border-radius: 1.2rem;
  font-family: PingFangSC-Medium, PingFang SC; }
  .service-grade-main .service-grade-pane .tip {
    position: absolute;
    top: -.8rem;
    left: -.15rem;
    padding: 0 .5rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #FFFFFF;
    background: #FE582F;
    border-radius: .55rem .8rem .8rem 0;
    border: .1rem solid #FFFFFF; }
  .service-grade-main .service-grade-pane .title {
    padding-left: 1.6rem;
    font-weight: 500;
    font-size: 1.8rem;
    color: #8F631E;
    color: #375580;
    line-height: 2.5rem; }
  .service-grade-main .service-grade-pane .price {
    padding-left: 1.6rem;
    margin-top: 1.6rem;
    color: #1E385D;
    font-size: 2.1rem;
    line-height: 2.9rem;
    font-weight: 500; }
  .service-grade-main .service-grade-pane .description {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 0.2rem 0 0 1.6rem;
    color: #375580; }
  .service-grade-main .service-grade-pane:last-child {
    float: right; }
.service-grade-main .service-grade-pane.selected {
  margin-top: 0;
  padding-top: 1.2rem;
  background: url("https://ss.tgnet.com/MProject/image_vip_advanced_704x266.png") no-repeat;
  background-size: 200% 100%;
  background-position: 100% 0;
  box-shadow: 0 0.1rem 0.35rem 0 rgba(106, 154, 255, 0.79), 0 0.45rem 1.2rem 0 rgba(81, 152, 255, 0.48); }
.service-grade-main .service-grade-advanced {
  margin-top: 0.2rem;
  background: url("https://ss.tgnet.com/MProject/image_vip_primary_704x266.png") no-repeat;
  background-size: 200% 100%;
  background-position: 100% 0; }
  .service-grade-main .service-grade-advanced .recommend-icon {
    position: absolute;
    right: 0.4rem;
    top: -0.2rem;
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #fff;
    background: #FE3D41;
    padding: 0 0.9rem;
    -webkit-border-radius: 0 0.6em 0 0.6rem;
    -moz-border-radius: 0 0.6em 0 0.6rem;
    -ms-border-radius: 0 0.6em 0 0.6rem;
    -o-border-radius: 0 0.6em 0 0.6rem;
    border-radius: 0 0.6em 0 0.6rem; }
  .service-grade-main .service-grade-advanced .title {
    color: #8F631E; }
  .service-grade-main .service-grade-advanced .price {
    color: #734803; }
  .service-grade-main .service-grade-advanced .description {
    color: #734803; }
.service-grade-main .service-grade-advanced.selected {
  margin-top: 0;
  padding-top: 1.2rem;
  background: url("https://ss.tgnet.com/MProject/image_vip_primary_704x266.png") no-repeat;
  background-size: 200% 100%;
  background-position: 0 0;
  box-shadow: 0 0.1rem 0.4rem 0 rgba(255, 202, 99, 0.54), 0 0.35rem 1.2rem 0 rgba(255, 192, 81, 0.5); }
  .service-grade-main .service-grade-advanced.selected .recommend-icon {
    right: 0; }

.service-grade-prompt {
  position: relative;
  margin: 1.8rem .4rem 0 .4rem;
  position: relative;
  padding-bottom: 1.4rem; }
  .service-grade-prompt a {
    padding-left: 2rem;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #666;
    background: url("https://ss.tgnet.com/MProject/icon_seven_32.png") 0% 50%/1.6rem 1.6rem no-repeat; }
  .service-grade-prompt:before {
    border-bottom: 1px solid #e5e5e5;
    pointer-events: none; }

.service-duration-main {
  position: relative;
  padding: 0 1.5rem;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  margin: -3.4rem 0 1.2rem; }
  .service-duration-main .advanced-service-duration {
    height: 8.9rem;
    position: relative;
    padding: 1.8rem 1.6rem 1.6rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    border-radius: 0.8rem;
    background: linear-gradient(180deg, #FFF7EB 0%, #FFF7EB 0%, #FFE4BF 100%);
    box-sizing: border-box; }
    .service-duration-main .advanced-service-duration .duration-price,
    .service-duration-main .advanced-service-duration .duration-enjoy {
      font-size: 1.3rem;
      line-height: 1.8rem;
      color: #B76F00; }
      .service-duration-main .advanced-service-duration .duration-price span,
      .service-duration-main .advanced-service-duration .duration-enjoy span {
        font-size: 2.1rem;
        line-height: 3.4rem;
        font-weight: bold; }
    .service-duration-main .advanced-service-duration .duration-enjoy {
      padding-top: 0.3rem; }
    .service-duration-main .advanced-service-duration .vip-icon {
      width: 5.1rem;
      height: 4.7rem;
      background: url("https://ss.tgnet.com/MProject/icon_vip_102x94.png") 50% 50%/5.1rem 4.7rem no-repeat;
      position: absolute;
      right: 0;
      bottom: 0; }
  .service-duration-main .primary-service-duration {
    position: relative;
    width: 100%; }
    .service-duration-main .primary-service-duration .duration-main {
      display: flex;
      widows: 100%; }
      .service-duration-main .primary-service-duration .duration-main .duration-item {
        text-align: center;
        position: relative;
        display: block;
        height: 11.6rem;
        width: 33.33%;
        border: 0.1rem solid #ECB35D;
        background: #fff;
        margin-right: 1.35rem;
        padding-top: 1.5rem;
        box-sizing: border-box;
        -webkit-border-radius: 0.6rem;
        -moz-border-radius: 0.6rem;
        -ms-border-radius: 0.6rem;
        -o-border-radius: 0.6rem;
        border-radius: 0.6rem; }
        .service-duration-main .primary-service-duration .duration-main .duration-item:last-of-type {
          margin-right: 0; }
        .service-duration-main .primary-service-duration .duration-main .duration-item .has-coupon {
          position: absolute;
          top: -0.6rem;
          right: -0.1rem;
          font-size: 1.1rem;
          line-height: 1.8rem;
          color: #fff;
          padding: 0 0.9rem;
          background: #FE3D41;
          box-sizing: border-box;
          -webkit-border-radius: 0 0.6rem 0 0.6rem;
          -moz-border-radius: 0 0.6rem 0 0.6rem;
          -ms-border-radius: 0 0.6rem 0 0.6rem;
          -o-border-radius: 0 0.6rem 0 0.6rem;
          border-radius: 0 0.6rem 0 0.6rem; }
        .service-duration-main .primary-service-duration .duration-main .duration-item .duration-type {
          font-size: 1.4rem;
          line-height: 2rem;
          color: #9E5E00;
          font-weight: 500; }
        .service-duration-main .primary-service-duration .duration-main .duration-item .duration-price {
          font-size: 1.2rem;
          line-height: 1.7rem;
          color: #9E5E00;
          padding-top: 0.6rem; }
          .service-duration-main .primary-service-duration .duration-main .duration-item .duration-price span {
            font-size: 2.8rem;
            line-height: 3.4rem;
            font-weight: bold; }
        .service-duration-main .primary-service-duration .duration-main .duration-item .duration-enjoy {
          font-size: 1rem;
          line-height: 1.4rem;
          color: #AE6900;
          padding-top: 0.5rem; }
      .service-duration-main .primary-service-duration .duration-main .current {
        background: #FCF4E9; }

.service-area {
  padding: 1.1rem 1.5rem 0.5rem 1.5rem;
  background: #fff;
  -webkit-border-radius: 0 0 0.8rem 0.8rem;
  -moz-border-radius: 0 0 0.8rem 0.8rem;
  -ms-border-radius: 0 0 0.8rem 0.8rem;
  -o-border-radius: 0 0 0.8rem 0.8rem;
  border-radius: 0 0 0.8rem 0.8rem; }
  .service-area .title {
    font-size: 1.5rem;
    color: #2F3034;
    line-height: 2.1rem; }
    .service-area .title span {
      color: #999; }
    .service-area .title i {
      font-style: normal;
      color: #FE582F; }
  .service-area .main {
    margin-top: 1rem; }
  .service-area label {
    position: relative;
    display: block;
    float: left;
    font-size: 1.3rem;
    line-height: 2.8rem;
    color: #fff;
    padding: 0 0.9rem 0 1.4rem;
    background: #FFA71C;
    margin-bottom: 1rem;
    margin-right: 1rem;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -o-border-radius: 1.4rem;
    border-radius: 1.4rem; }
  .service-area .icon-close-btn {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    padding: 1rem 0.3rem;
    background: url("https://ss.tgnet.com/MProject/icon_close_16.png") 0.3rem 50%/0.8rem 0.8rem no-repeat;
    vertical-align: top; }
  .service-area button {
    position: relative;
    display: block;
    float: left;
    color: #357CF6;
    font-size: 1.3rem;
    line-height: 2.8rem;
    padding: 0 1rem 0 1.3rem;
    background: #fff;
    margin-bottom: 1rem;
    border-radius: 2.8rem; }
    .service-area button:before {
      border: 1px solid #84B1FF;
      border-radius: 2.8rem;
      pointer-events: none; }
    .service-area button .icon-addd-btn {
      display: inline-block;
      width: 0.8rem;
      height: 0.8rem;
      padding: 1rem 0.3rem;
      vertical-align: top;
      background: url("https://ss.tgnet.com/MProject/icon_add_16.png") 0.3rem 50%/0.8rem 0.8rem no-repeat; }

.service-duration {
  margin-top: 1rem;
  padding: 1.6rem 1.6rem 0 1.6rem;
  background: #fff; }
  .service-duration .title {
    font-size: 1.7rem;
    color: #242629;
    line-height: 2.1rem; }
  .service-duration .main {
    margin-top: 1rem; }
  .service-duration .service-duration-pane {
    position: relative;
    float: left;
    width: calc((100% - 1rem) / 2);
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1.5rem;
    color: #242629;
    text-align: center; }
    .service-duration .service-duration-pane i {
      font-size: 1.4rem;
      margin-right: .8rem; }
    .service-duration .service-duration-pane label {
      position: absolute;
      top: -1rem;
      left: -0.5px;
      padding: 0 .5rem;
      font-size: 1.2rem;
      line-height: 1.6rem;
      color: #FFFFFF;
      background: #FE582F;
      border-radius: .55rem .8rem .8rem 0; }
    .service-duration .service-duration-pane:before {
      border: 1px solid #bbb;
      pointer-events: none;
      border-radius: .4rem;
      box-sizing: border-box; }
    .service-duration .service-duration-pane:last-child {
      float: right; }
  .service-duration .service-duration-pane.selected {
    color: #ff9623;
    background: rgba(255, 150, 35, 0.08); }
    .service-duration .service-duration-pane.selected label {
      left: -1px; }
    .service-duration .service-duration-pane.selected:before {
      border: 2px solid #ff9623;
      pointer-events: none; }

.service-activity {
  position: relative;
  padding: 1rem 1rem 1rem 4.4rem;
  background: #fff;
  font-size: 1.5rem;
  color: #242629;
  line-height: 1.8rem; }
  .service-activity label {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: block;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 0.3rem;
    font-size: 1.1rem;
    color: #fff;
    background: #FE582F;
    border-radius: .4rem;
    border: .1rem solid #FFFFFF; }

.coupon-area {
  padding: 0.2rem 1.5rem 1.2rem; }
  .coupon-area .service-coupon {
    position: relative;
    padding: 0 1rem;
    line-height: 4.1rem;
    background: #fff;
    -webkit-border-radius: 0.8rem 0.8rem 0 0;
    -moz-border-radius: 0.8rem 0.8rem 0 0;
    -ms-border-radius: 0.8rem 0.8rem 0 0;
    -o-border-radius: 0.8rem 0.8rem 0 0;
    border-radius: 0.8rem 0.8rem 0 0; }
  .coupon-area .service-coupon-main {
    position: relative;
    padding: 0 1.1rem 0 2.2rem;
    font-size: 1.5rem;
    color: #2F3034;
    background: url("http://img.gznetapp.com/autoSale/arrow.png") 100% 0.35rem/0.7rem 1.1rem no-repeat;
    background-position-y: center; }
    .coupon-area .service-coupon-main label {
      position: absolute;
      top: 1.3rem;
      left: 0;
      display: block;
      height: 1.6rem;
      line-height: 1.6rem;
      padding: 0 0.3rem;
      font-size: 1.1rem;
      color: #fff;
      background: #FE582F;
      border-radius: .4rem; }
    .coupon-area .service-coupon-main i {
      font-style: normal;
      color: #FF582F;
      font-size: 1.2rem;
      margin: 0 0.4rem; }
    .coupon-area .service-coupon-main span {
      float: right;
      font-size: 1.4rem;
      color: #666666; }
    .coupon-area .service-coupon-main .active {
      color: #FE582F; }
    .coupon-area .service-coupon-main:before {
      border-bottom: 1px solid #E5E5E5;
      pointer-events: none; }

.service-inventory {
  padding: 0 1rem 1.2rem; }
  .service-inventory .service-inventory-main {
    padding: 1.2rem 1.1rem 1.2rem;
    background: #fff;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    border-radius: 0.8rem; }
  .service-inventory .title {
    line-height: 2.4rem;
    font-size: 1.7rem;
    color: #2F3034;
    font-weight: 500; }
    .service-inventory .title span {
      color: #FF582F; }
    .service-inventory .title button {
      float: right;
      padding-left: 1.8rem;
      font-size: 1.2rem;
      line-height: 2.4rem;
      color: #989898;
      background: url("https://ss.tgnet.com/MProject/icon_doubt_28.png") 0% 50%/1.4rem 1.4rem no-repeat; }
  .service-inventory .main {
    padding: 0.6rem 0; }
    .service-inventory .main ul li {
      list-style: none;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: 0.6rem 0 0.6rem 2.2rem; }
      .service-inventory .main ul li .color-ff582f {
        color: #FF582F; }
      .service-inventory .main ul li .color-666 {
        color: #666666; }
    .service-inventory .main ul .support-service {
      background: url("https://ss.tgnet.com/MProject/icon_support_32.png") 0 0.85rem/1.6rem 1.6rem no-repeat; }
    .service-inventory .main ul .no-support-service {
      background: url("https://ss.tgnet.com/MProject/icon_no_support_32.png") 0 0.85rem/1.6rem 1.6rem no-repeat; }
  .service-inventory .bottom {
    margin-top: 0.9rem;
    padding-left: 1.3rem;
    font-size: 1.4rem;
    color: #999999;
    line-height: 1.7rem;
    background: url("https://ss.tgnet.com/MProject/icon_diamond_16.png") 0 50%/0.8rem 0.8rem no-repeat; }
    .service-inventory .bottom label {
      color: #4885EE; }
      .service-inventory .bottom label .icon-arrow-blue {
        display: inline-block;
        width: 1.3rem;
        height: 1.2rem;
        background: url("https://ss.tgnet.com/MProject/icon_arrow_blue_26x24.png") 0 50%/1.3rem 1.2rem no-repeat; }

.service-bottom {
  padding-bottom: 1.5rem;
  text-align: center; }

.service-bottom-customerService,
.refund-details {
  font-size: 1.2rem;
  color: #C4C4C4;
  line-height: 1.7rem;
  padding: 0 0.5rem; }

.service-bottom-customerService {
  border-right: 1px solid #CCCCCC; }

.service-bottom-brand {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #C4C4C4;
  line-height: 1.7rem; }
  .service-bottom-brand label {
    padding-left: 1.9rem;
    background: url("https://ss.tgnet.com/MProject/icon_tg_logo_24x28.png") 0% 50%/1.2rem 1.4rem no-repeat; }

.service-placeholder {
  height: 7rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom); }

.service-statistics {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7rem;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 98;
  background: #fff; }

.service-statistics-main {
  width: 100%;
  height: 100%;
  padding: 0 1.5rem;
  background: #FFFFFF;
  position: relative;
  box-sizing: border-box; }
  .service-statistics-main .price {
    position: absolute;
    top: 50%;
    left: 1.6rem;
    line-height: 1.8rem;
    transform: translate3d(0%, -50%, 0);
    font-size: 1.4rem; }
    .service-statistics-main .price label {
      font-size: 1.1rem;
      line-height: 1.6rem;
      color: #FF9B00; }
      .service-statistics-main .price label span {
        font-size: 2.2rem;
        line-height: 2.6rem;
        color: #FEA007;
        font-weight: 500; }
    .service-statistics-main .price p {
      margin-top: .1rem;
      font-size: 1.2rem;
      line-height: 1.7rem;
      color: #B8B8B8;
      text-decoration: line-through; }
  .service-statistics-main .price-advance label {
    font-size: 1.5rem;
    color: #FF9A00; }
  .service-statistics-main .primaryPayBtn {
    position: relative;
    width: 66.08%;
    height: 5rem;
    float: right;
    padding: 0.6rem 0;
    top: 50%;
    box-sizing: border-box;
    text-align: center;
    transform: translate3d(0%, -50%, 0);
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
    border-radius: 2.5rem;
    background: -webkit-linear-gradient(98deg, #F4DBB0 0%, #EABE6E 100%);
    background: -moz-linear-gradient(98deg, #F4DBB0 0%, #EABE6E 100%);
    background: -o-linear-gradient(98deg, #F4DBB0 0%, #EABE6E 100%);
    background: -ms-linear-gradient(98deg, #F4DBB0 0%, #EABE6E 100%);
    background: linear-gradient(98deg, #F4DBB0 0%, #EABE6E 100%); }
    .service-statistics-main .primaryPayBtn span {
      line-height: 2.1rem;
      font-size: 1.5rem;
      color: #442404;
      font-weight: 500; }
    .service-statistics-main .primaryPayBtn p {
      line-height: 1.7rem;
      font-size: 1.2rem;
      color: #9C6A23; }
  .service-statistics-main .advancePayBtn {
    height: 5rem;
    width: 33.04%;
    padding-top: 0.7rem;
    box-sizing: border-box;
    float: right;
    top: 50%;
    text-align: center;
    position: relative;
    background: #fff;
    border: 0.1rem solid #F4DAAE;
    transform: translate3d(0%, -50%, 0);
    -webkit-border-radius: 2.5rem 0 0 2.5rem;
    -moz-border-radius: 2.5rem 0 0 2.5rem;
    -ms-border-radius: 2.5rem 0 0 2.5rem;
    -o-border-radius: 2.5rem 0 0 2.5rem;
    border-radius: 2.5rem 0 0 2.5rem;
    box-sizing: border-box; }
    .service-statistics-main .advancePayBtn span {
      line-height: 2rem;
      font-size: 1.4rem;
      color: #D39320;
      font-weight: 500;
      padding-top: 0.7rem;
      word-break: keep-all; }
    .service-statistics-main .advancePayBtn p {
      line-height: 1.4rem;
      font-size: 1rem;
      color: #D39320;
      padding-top: 0.1rem; }
  .service-statistics-main .advanceRegisterBtn {
    width: 100%;
    height: 5rem;
    float: right;
    top: 50%;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.7rem;
    position: relative;
    background: linear-gradient(90deg, #F9D9A3 0%, #E5B050 100%);
    border-radius: 0 1rem 0 0;
    transform: translate3d(0%, -50%, 0);
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
    border-radius: 2.5rem; }
    .service-statistics-main .advanceRegisterBtn span {
      line-height: 5rem;
      font-size: 2rem;
      color: #9E5E00;
      font-weight: 500;
      word-break: keep-all; }
    .service-statistics-main .advanceRegisterBtn p {
      display: inline-block;
      font-size: 1.4rem;
      color: #9C6A23;
      padding-top: 0.1rem; }

.service-pay-pop {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98; }

.service-pay-main {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #FFFFFF;
  border-radius: 1.2rem 1.2rem 0 0; }
  .service-pay-main .title {
    position: relative;
    height: 4.8rem;
    line-height: 4.8rem;
    color: #242629;
    font-size: 1.7rem;
    text-align: center; }
  .service-pay-main .clearBtn {
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    font-size: 1.15rem;
    color: #bbb;
    margin-top: -.85rem; }
  .service-pay-main .price {
    line-height: 4.2rem;
    font-size: 2.4rem;
    font-weight: 500;
    color: #242629;
    text-align: center; }
  .service-pay-main .area {
    margin-top: 1.8rem;
    font-size: 1.4rem;
    color: #242629;
    line-height: 1.7rem;
    padding: 0 2rem; }
    .service-pay-main .area span {
      color: #ff9623; }
  .service-pay-main .mode {
    margin-top: 1.8rem; }
    .service-pay-main .mode p {
      font-size: 1.4rem;
      color: #666666;
      line-height: 1.7rem;
      padding: 0 2rem; }
    .service-pay-main .mode li {
      position: relative;
      margin-top: .4rem;
      height: 5.2rem;
      padding: 0 2rem 0 5.8rem;
      font-size: 1.8rem;
      color: #242629;
      line-height: 5.2rem; }
    .service-pay-main .mode label {
      position: absolute;
      top: 50%;
      left: 2rem;
      width: 2.8rem;
      height: 2.8rem;
      margin-top: -1.4rem; }
    .service-pay-main .mode .wechat {
      background: url("https://ss.tgnet.com/MProject/icon_wechatPay_56.png") 50% 50%/100% 100% no-repeat; }
    .service-pay-main .mode .alipay {
      background: url("https://ss.tgnet.com/MProject/icon_alipay_56.png") 50% 50%/100% 100% no-repeat; }
    .service-pay-main .mode .iconfont {
      position: absolute;
      top: 50%;
      right: 2rem;
      width: 1.9rem;
      height: 1.9rem;
      line-height: 1.9rem;
      font-size: 1.9rem;
      margin-top: -.95rem;
      color: #E5E5E5; }
    .service-pay-main .mode .selected .iconfont {
      color: #ff9623; }
  .service-pay-main .bottom {
    margin-top: 1rem;
    padding: 1rem 2rem 2.4rem 2rem; }
    .service-pay-main .bottom button {
      display: block;
      width: 100%;
      height: 4rem;
      color: #FFF;
      font-size: 1.6rem;
      background: #ff9623;
      box-shadow: 0 0.5rem 0.7rem 0 rgba(255, 150, 35, 0.36);
      border-radius: 2rem; }

.service-description-pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }

.service-description-bg {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }

.service-description-main {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #FFFFFF;
  border-radius: 1.2rem 1.2rem 0 0;
  padding-top: 6.4rem;
  box-sizing: border-box; }
  .service-description-main .tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.4rem;
    padding-top: 1.6rem;
    box-sizing: border-box; }
  .service-description-main .clearBtn {
    position: absolute;
    top: 1.6rem;
    right: 1.4rem;
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    font-size: 1.15rem;
    color: #bbb; }
  .service-description-main ul {
    position: relative;
    width: 20rem;
    height: 3rem;
    margin: 0 auto;
    border: 0.1rem solid rgba(255, 150, 35, 0.5);
    border-radius: 1.5rem; }
  .service-description-main li {
    position: absolute;
    top: -.1rem;
    left: -.1rem;
    width: 50%;
    line-height: 3rem;
    font-size: 1.5rem;
    color: #ff9623;
    text-align: center; }
    .service-description-main li:last-child {
      left: auto;
      right: -.1rem; }
  .service-description-main .selected {
    color: #fff;
    background: #ff9623;
    border: 0.1rem solid rgba(255, 150, 35, 0.5);
    border-radius: 1.5rem; }
  .service-description-main .content {
    max-height: calc(80vh - 6.4rem);
    overflow-y: auto; }
    .service-description-main .content img {
      display: block;
      width: 100%; }

.coupon-main {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  padding-top: 5.6rem;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 200; }
  .coupon-main .header-goback-btn {
    padding: .6rem 0;
    background: #fff; }
    .coupon-main .header-goback-btn .cancel-btn {
      color: #343434;
      display: inline-block; }
    .coupon-main .header-goback-btn .orangeRoundBtn-64 {
      position: absolute;
      width: 6rem;
      right: 2rem;
      margin: auto;
      top: 0;
      bottom: 0;
      font-size: 1.5rem; }
  .coupon-main .no-coupon-main {
    text-align: center; }
    .coupon-main .no-coupon-main img {
      padding-top: 10rem;
      width: 20rem; }
    .coupon-main .no-coupon-main p {
      color: #666;
      font-size: 1.5rem;
      line-height: 1.9rem;
      margin-top: 2.2rem; }
  .coupon-main .has-coupon-main {
    padding-top: 1rem;
    height: 100%;
    overflow-y: auto; }
  .coupon-main .coupon-list {
    padding: 0 2rem 2.8rem; }
  .coupon-main .coupon-item {
    cursor: pointer;
    background-color: #fff;
    border-radius: 1.2rem;
    overflow: hidden;
    margin-top: 2rem; }
    .coupon-main .coupon-item:first-child {
      margin-top: 0; }
    .coupon-main .coupon-item a {
      color: #666;
      display: block;
      padding-right: 6rem;
      position: relative; }
      .coupon-main .coupon-item a:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 6rem;
        border-radius: 1.2rem; }
  .coupon-main .couponList-left {
    padding: 1.4rem 1.6rem;
    position: relative;
    border-radius: 1.2rem; }
    .coupon-main .couponList-left .couponList-price {
      font-size: 1.4rem;
      height: 2.8rem;
      line-height: 2.8rem;
      margin-bottom: .6rem; }
      .coupon-main .couponList-left .couponList-price span {
        font-size: 2.4rem; }
    .coupon-main .couponList-left:after {
      content: "";
      height: 6.6rem;
      width: 0;
      position: absolute;
      right: 0;
      margin: auto;
      top: 0;
      bottom: 0; }
    .coupon-main .couponList-left p {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 1.2rem;
      line-height: 1.6rem; }
  .coupon-main .couponList-reason {
    display: none;
    background-color: #FFF6F2;
    margin-top: -2rem;
    padding: 2rem 1rem 0 1rem;
    color: #FF4200;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.3rem; }
    .coupon-main .couponList-reason .iconfont {
      float: left;
      font-size: 1.6rem;
      color: #FF4200;
      margin-right: .8rem; }
    .coupon-main .couponList-reason span {
      display: inline-block; }
    .coupon-main .couponList-reason .reason {
      color: #242629; }
  .coupon-main .expired-coupon a:after,
  .coupon-main .expired-coupon .couponList-left,
  .coupon-main .disabled-coupon a:after,
  .coupon-main .disabled-coupon .couponList-left {
    background-color: #f5f5f5; }
  .coupon-main .expired-coupon .couponList-left:after,
  .coupon-main .disabled-coupon .couponList-left:after {
    border-right: .1rem dashed #e5e5e5; }
  .coupon-main .expired-coupon .couponList-icon,
  .coupon-main .disabled-coupon .couponList-icon {
    display: inline-block;
    width: 7.2rem;
    height: 6.4rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2; }
  .coupon-main .expired-coupon .couponList-icon {
    background: url("http://img.gznetapp.com/Mproject/v5/expired-coupon-icon.png") 0 0/100% 100% no-repeat; }
  .coupon-main .disabled-coupon .couponList-icon {
    background: url("http://img.gznetapp.com/Mproject/v5/disabled-coupon-icon.png") 0 0/100% 100% no-repeat; }
  .coupon-main .disabled-coupon .couponList-reason {
    display: block; }
  .coupon-main .abled-coupon .couponList-icon {
    display: inline-block;
    width: 3rem;
    height: 3.2rem;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    z-index: 2;
    background: url("http://img.gznetapp.com/Mproject/v5/select-icon.png") 0 0/100% 100% no-repeat; }
  .coupon-main .abled-coupon a:after,
  .coupon-main .abled-coupon .couponList-left {
    background-color: #FFF6F2; }
  .coupon-main .abled-coupon .couponList-left .couponList-price {
    color: #ff9623; }
  .coupon-main .abled-coupon .couponList-left::after {
    border-right: .1rem dashed #FFC3A8; }
  .coupon-main .selected .couponList-icon {
    background: url("http://img.gznetapp.com/Mproject/v5/select-green-icon.png") 0 0/100% 100% no-repeat; }

.mui-switch {
  width: 4.7rem;
  height: 2.7rem;
  position: relative;
  border: 2px solid #e5e5e5;
  box-shadow: #e5e5e5 0 0 0 0 inset;
  border-radius: 1.55rem;
  box-sizing: content-box;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; }
  .mui-switch:before {
    content: '';
    width: 2.7rem;
    height: 2.7rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0.3rem 0.1rem 0px rgba(0, 0, 0, 0.06), 0px 0.3rem 0.8rem 0px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.04); }
  .mui-switch:checked {
    border-color: #07C160;
    box-shadow: #07C160 0 0 0 .8rem inset;
    background-color: #07C160; }
    .mui-switch:checked:before {
      left: 2rem; }

.mui-switch-animbg {
  transition: background-color ease 0.4s; }
  .mui-switch-animbg:before {
    transition: left 0.3s; }
  .mui-switch-animbg:checked {
    box-shadow: #07C160 0 0 0 0 inset;
    background-color: #07C160;
    transition: border-color 0.4s, background-color ease 0.4s; }
    .mui-switch-animbg:checked:before {
      transition: left 0.3s; }

.selector-module {
  width: 100%;
  height: 88%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 1.2rem 1.2rem 0px 0px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1001; }
  .selector-module .module-top {
    margin: 0 0 auto;
    padding-left: 2rem;
    height: 5.2rem;
    line-height: 5.2rem;
    color: #242629;
    font-size: 1.7rem;
    position: relative; }
    .selector-module .module-top:before {
      border-bottom: 1px solid #e5e5e5; }
    .selector-module .module-top .cancel-btn {
      position: relative;
      height: 100%;
      padding: 0 2rem;
      color: #999;
      float: right; }
  .selector-module .module-content {
    flex: 1;
    display: flex;
    position: relative; }
  .selector-module .module-bottom {
    margin: auto 0 0;
    height: 6.8rem;
    padding: 1rem 2rem;
    box-sizing: border-box;
    background-color: #fff;
    position: relative; }
    .selector-module .module-bottom .main-btn {
      display: block;
      background-color: #ff9623;
      border-radius: 8px;
      font-size: 1.8rem;
      height: 4.8rem;
      line-height: 4.8rem;
      text-align: center;
      color: #fff; }
      .selector-module .module-bottom .main-btn:active {
        background-color: #ff7800; }
    .selector-module .module-bottom .disabled {
      opacity: 0.32;
      filter: alpha(opacity=32); }

.area-selector-module .module-content {
  flex-direction: column;
  overflow-y: scroll;
  padding: 0 2rem; }
.area-selector-module .all-area {
  height: 7.1rem;
  line-height: 7.1rem;
  position: relative;
  color: #242629;
  font-size: 1.6rem; }
  .area-selector-module .all-area:before {
    border-bottom: 1px solid #e5e5e5; }
  .area-selector-module .all-area input {
    position: absolute;
    right: .8rem;
    margin: auto;
    top: 0;
    bottom: 0; }
.area-selector-module .area-main .title {
  color: #999;
  font-size: 1.6rem;
  line-height: 2rem; }
.area-selector-module .area-main li {
  padding: 2rem 0;
  position: relative; }
  .area-selector-module .area-main li:before {
    border-bottom: 1px solid #e5e5e5; }
  .area-selector-module .area-main li:last-child:before {
    border-bottom: 0; }
.area-selector-module .area-item {
  float: left;
  width: calc((100% - 2*1.2rem)/3);
  text-align: center;
  border-radius: .4rem;
  height: 3.6rem;
  line-height: 3.6rem;
  color: #000;
  font-size: 1.6rem;
  background-color: #F5F5F5;
  margin: 1.2rem 1.2rem 0 0;
  position: relative; }
  .area-selector-module .area-item:nth-of-type(3n) {
    margin-right: 0; }
.area-selector-module .active {
  color: #ff9623;
  background-color: #fff; }
  .area-selector-module .active:before {
    border: 1px solid #ff9623;
    border-radius: .8rem; }

.service-btn {
  position: fixed;
  right: 1.3rem;
  top: 39rem;
  width: 6.2rem;
  height: 6.2rem;
  font-size: 1rem;
  line-height: 1.4rem;
  text-align: center;
  color: #fff;
  background: #FFA71C;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(255, 167, 28, 0.5);
  -moz-box-shadow: 0px 0px 24px 0px rgba(255, 167, 28, 0.5);
  -o-box-shadow: 0px 0px 24px 0px rgba(255, 167, 28, 0.5);
  box-shadow: 0px 0px 24px 0px rgba(255, 167, 28, 0.5); }
  .service-btn i {
    display: block;
    margin: 1.3rem auto 0.2rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url("https://ss.tgnet.com/MProject/icon_phone_48.png") no-repeat;
    background-size: 2.4rem 2.4rem; }

.top-advert {
  position: relative;
  width: 100%;
  z-index: 0; }
  .top-advert .top-advert-main {
    width: 100%;
    position: relative; }
  .top-advert a {
    display: block;
    width: 100%;
    height: 100%; }
  .top-advert img {
    width: 100%;
    height: 100%;
    display: block; }
  .top-advert .top-pagination {
    width: 100%;
    height: 0.4rem;
    text-align: center;
    position: absolute;
    bottom: 0.6rem;
    line-height: 0.4rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
    font-size: 0;
    z-index: 1; }
  .top-advert .swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 0.6rem;
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .top-advert .swiper-pagination-bullet-active {
    width: 0.8rem;
    height: 0.4rem;
    background: #fff;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem; }