.fineBorder-before, .service-main .card-main .coupon-wrap .end-time:after, .area-main .area-wrap ul li:before, .member-said-main .member-said ul li:before, .mian-bottom:before, .area-pop .area-pop-main .area-list li:before, .area-pop .area-pop-main .area-list a: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 {
  background: none !important;
  padding-top: 4rem; }
  .header-goback-btn .iconfont {
    color: #fff; }
  .header-goback-btn .cancel-btn .iconfont {
    color: #222; }

.changeBgColor {
  background: #fff !important; }
  .changeBgColor .iconfont {
    color: #222; }

.sale-service {
  padding-bottom: 6rem; }

.service-main {
  width: 100%;
  position: relative;
  border-bottom: 0.8rem solid whitesmoke; }
  .service-main .go-senior-service {
    display: block;
    width: 100%;
    height: 4rem;
    font-size: 1.4rem;
    line-height: 4rem;
    color: #FF9D01;
    background: #fff;
    padding: 0 1.5rem;
    box-sizing: border-box;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0; }
    .service-main .go-senior-service span {
      position: absolute;
      right: 1.5rem;
      font-size: 1.4rem;
      line-height: 4rem; }
  .service-main .header {
    position: absolute;
    margin-top: 4rem; }
    .service-main .header .header-bg {
      width: 100%;
      display: block; }
    .service-main .header .header-ico {
      position: absolute;
      width: 2.3rem;
      height: 2rem;
      top: 1.5rem;
      left: 50%;
      margin-left: -1.15rem; }
    .service-main .header .header-text {
      position: absolute;
      width: 26.4rem;
      height: 1.75rem;
      top: 4.4rem;
      left: 50%;
      margin-left: -13.2rem;
      padding: 0 1.5rem;
      box-sizing: border-box; }
  .service-main .card-main {
    position: relative;
    padding: 11.7rem 1.5rem 0;
    width: 100%;
    box-sizing: border-box; }
    .service-main .card-main .card-content {
      position: relative;
      width: 100%;
      background: url("http://img.gznetapp.com/autoSale/cardBg.png") no-repeat;
      background-size: 100% 100%; }
      .service-main .card-main .card-content .day-price {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.3rem;
        line-height: 2.2rem;
        color: #fff;
        padding: 0 1rem;
        background: #FFA71C;
        -webkit-border-radius: 0 1rem;
        -moz-border-radius: 0 1rem;
        -ms-border-radius: 0 1rem;
        -o-border-radius: 0 1rem;
        border-radius: 0 1rem; }
      .service-main .card-main .card-content .vip-meal {
        padding: 2.5rem 0 0 3rem;
        color: #222;
        font-size: 1.4rem;
        line-height: 2.9rem;
        display: inline-block; }
        .service-main .card-main .card-content .vip-meal span {
          display: inline-block; }
        .service-main .card-main .card-content .vip-meal .vip-member {
          font-size: 1.7rem;
          line-height: 2.9rem;
          font-weight: bold; }
        .service-main .card-main .card-content .vip-meal .set-meal {
          vertical-align: top; }
      .service-main .card-main .card-content .price-main {
        font-size: 1.3rem;
        line-height: 3rem;
        color: #222;
        padding-left: 3rem; }
        .service-main .card-main .card-content .price-main .card-price {
          display: inline-block;
          font-size: 1.8rem;
          color: #E90000; }
        .service-main .card-main .card-content .price-main .original-price {
          vertical-align: top;
          margin-left: 0.8rem; }
      .service-main .card-main .card-content .service-privilege {
        text-align: center;
        position: relative;
        font-size: 1.6rem;
        line-height: 4.2rem;
        color: #826649;
        padding-top: 0.1rem; }
        .service-main .card-main .card-content .service-privilege .line-left,
        .service-main .card-main .card-content .service-privilege .line-right {
          display: inline-block;
          width: 7.8rem;
          height: 0.4rem;
          vertical-align: middle; }
        .service-main .card-main .card-content .service-privilege .line-left {
          background: url("http://img.gznetapp.com/autoSale/card-left.png") no-repeat;
          background-size: 100% 100%;
          margin-right: 1rem; }
        .service-main .card-main .card-content .service-privilege .line-right {
          background: url("http://img.gznetapp.com/autoSale/card-right.png") no-repeat;
          background-size: 100% 100%;
          margin-left: 1rem; }
      .service-main .card-main .card-content .privilege-main {
        position: relative; }
        .service-main .card-main .card-content .privilege-main ul li {
          float: left;
          font-size: 1.3rem;
          line-height: 2.8rem;
          color: #786145;
          text-align: center;
          width: 25%; }
          .service-main .card-main .card-content .privilege-main ul li img {
            width: 3.3rem;
            height: 2.9rem;
            display: block;
            margin: 0 auto; }
      .service-main .card-main .card-content .open-enjoy {
        padding: 0.8rem 0 2.7rem; }
        .service-main .card-main .card-content .open-enjoy p {
          text-align: center;
          width: 100%;
          height: 2.8rem;
          font-size: 1.2rem;
          line-height: 2.8rem;
          color: #786145;
          background: rgba(0, 0, 0, 0.1); }
    .service-main .card-main .coupon-wrap {
      display: block;
      position: relative;
      padding: 2.5rem 1.5rem 1.6rem;
      background: url("http://img.gznetapp.com/autoSale/coupon-ico.png") no-repeat;
      background-size: 2.8rem 2.8rem;
      background-position: 0 2.5rem;
      font-size: 1.5rem;
      line-height: 2.8rem;
      color: #666;
      padding-left: 3.7rem; }
      .service-main .card-main .coupon-wrap .end-time {
        position: relative;
        display: inline-block;
        margin-left: 0.8rem;
        font-size: 1.2rem;
        line-height: 2.4rem;
        color: #E90000;
        padding: 0 0.8rem;
        vertical-align: unset;
        -webkit-border-radius: 1.2rem;
        -moz-border-radius: 1.2rem;
        -ms-border-radius: 1.2rem;
        -o-border-radius: 1.2rem;
        border-radius: 1.2rem; }
        .service-main .card-main .coupon-wrap .end-time:after {
          border: 1px solid #E90000;
          -webkit-border-radius: 2.4rem;
          -moz-border-radius: 2.4rem;
          -ms-border-radius: 2.4rem;
          -o-border-radius: 2.4rem;
          border-radius: 2.4rem; }
      .service-main .card-main .coupon-wrap .login-coupon,
      .service-main .card-main .coupon-wrap .has-coupon,
      .service-main .card-main .coupon-wrap .no-coupon {
        font-size: 1.4rem;
        line-height: 2.8rem;
        color: #E90000;
        float: right; }
      .service-main .card-main .coupon-wrap .arrow-ico {
        display: block;
        width: 0.8rem;
        height: 1.4rem;
        position: absolute;
        color: #666;
        right: 0;
        top: 3.2rem;
        background: url("http://img.gznetapp.com/autoSale/arrow.png") no-repeat;
        background-size: 0.8rem 1.4rem; }

.area-main {
  padding: 0 1.5rem 1.1rem;
  border-bottom: 0.8rem solid whitesmoke; }
  .area-main .main-tit {
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #222;
    padding: 1.2rem 0; }
  .area-main .area-wrap {
    position: relative; }
    .area-main .area-wrap ul li {
      cursor: pointer;
      position: relative;
      display: inline-block;
      font-size: 1.3rem;
      height: 3rem;
      line-height: 3rem;
      color: #222;
      background-color: #fff;
      padding: 0 1.4rem;
      margin: 0 0.8rem 0.8rem 0;
      -webkit-border-radius: 1.5rem;
      -moz-border-radius: 1.5rem;
      -ms-border-radius: 1.5rem;
      -o-border-radius: 1.5rem;
      border-radius: 1.5rem; }
      .area-main .area-wrap ul li:before {
        border: 1px solid #ccc;
        -webkit-border-radius: 3rem;
        -moz-border-radius: 3rem;
        -ms-border-radius: 3rem;
        -o-border-radius: 3rem;
        border-radius: 3rem; }
    .area-main .area-wrap ul .selected {
      background: #ff9623;
      color: #fff; }
      .area-main .area-wrap ul .selected:before {
        border: 1px solid #ff9623; }
    .area-main .area-wrap a {
      display: block;
      font-size: 1.3rem;
      line-height: 2.3rem;
      color: #FF9D01;
      padding: 0.5rem 0 0.5rem 2.05rem;
      background: url("http://img.gznetapp.com/autoSale/area-ico.png") no-repeat;
      background-size: 1.2rem 1.5rem;
      background-position: 0 center; }

.member-said-main {
  position: relative;
  padding: 1.3rem 1.5rem 0.4rem; }
  .member-said-main .said-title {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #222;
    padding-bottom: 1.6rem; }
    .member-said-main .said-title .member-open {
      font-size: 1.3rem;
      line-height: 2rem;
      color: #999;
      float: right; }
    .member-said-main .said-title ul {
      float: right;
      position: relative; }
      .member-said-main .said-title ul li {
        float: left;
        position: absolute;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%; }
        .member-said-main .said-title ul li img {
          display: inline-block;
          width: 2rem;
          height: 2rem;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
      .member-said-main .said-title ul .member1 {
        right: 0.8rem;
        z-index: 4; }
      .member-said-main .said-title ul .member2 {
        right: 2rem;
        z-index: 3; }
      .member-said-main .said-title ul .member3 {
        right: 3.2rem;
        z-index: 2; }
      .member-said-main .said-title ul .member4 {
        right: 4.4rem;
        z-index: 1; }
  .member-said-main .member-said {
    position: relative; }
    .member-said-main .member-said ul li {
      position: relative;
      width: 100%;
      padding: 1rem 0.8rem 1.5rem;
      box-sizing: border-box;
      margin-bottom: 1.6rem; }
      .member-said-main .member-said ul li img {
        position: absolute;
        top: 1.2rem;
        left: 0.8rem;
        width: 2.8rem;
        height: 2.8rem;
        display: inline-block; }
      .member-said-main .member-said ul li .member-info {
        padding: 0 0 0.5rem 4.4rem; }
        .member-said-main .member-said ul li .member-info .member-name {
          font-size: 1.5rem;
          line-height: 2rem;
          color: #222;
          padding-bottom: 0.5rem; }
          .member-said-main .member-said ul li .member-info .member-name .sign-bills {
            color: #EECFAD; }
          .member-said-main .member-said ul li .member-info .member-name .customer-track {
            float: right;
            font-size: 1.1rem;
            line-height: 2rem;
            color: #666;
            background: #EECFAD;
            padding: 0 0.8rem;
            -webkit-border-radius: 1rem;
            -moz-border-radius: 1rem;
            -ms-border-radius: 1rem;
            -o-border-radius: 1rem;
            border-radius: 1rem; }
      .member-said-main .member-said ul li .said-main {
        font-size: 1.2rem;
        line-height: 1.5rem;
        color: #666;
        text-align: justify !important; }
      .member-said-main .member-said ul li:before {
        border: 1px solid #EECFAD;
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        -ms-border-radius: 0.4rem;
        -o-border-radius: 0.4rem;
        border-radius: 0.4rem; }

.service-phone {
  width: 100%;
  height: 4.9rem;
  background: whitesmoke;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 1rem 0 2.2rem;
  color: #666;
  box-sizing: border-box; }
  .service-phone a {
    color: #4885EE; }

.mian-bottom {
  width: 100%;
  height: 6rem;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0.8rem 1.5rem;
  background: #fff;
  box-sizing: border-box;
  z-index: 100; }
  .mian-bottom:before {
    border-top: 1px solid whitesmoke; }
  .mian-bottom .area-num {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #666; }
  .mian-bottom .total-price {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #666; }
    .mian-bottom .total-price span {
      font-size: 1.8rem;
      color: #FF9D01; }
  .mian-bottom .open-btn {
    display: inline-block;
    position: absolute;
    right: 1.5rem;
    top: 0.8rem;
    height: 4.4rem;
    padding: 0 2.4rem;
    float: right;
    background: #FFA71C;
    -webkit-border-radius: 2.2rem;
    -moz-border-radius: 2.2rem;
    -ms-border-radius: 2.2rem;
    -o-border-radius: 2.2rem;
    border-radius: 2.2rem; }
    .mian-bottom .open-btn p {
      font-size: 1.7rem;
      line-height: 2.1rem;
      padding-top: 0.5rem;
      color: #fff;
      text-align: center; }
    .mian-bottom .open-btn .area-num {
      padding-top: 0.3rem; }
    .mian-bottom .open-btn .total-price {
      padding-bottom: 0.3rem; }
    .mian-bottom .open-btn .log-btn {
      font-size: 1.1rem;
      line-height: 1.6rem;
      color: #FCFF00;
      padding-top: 0; }
    .mian-bottom .open-btn .has-login {
      line-height: 4.4rem;
      padding-top: 0; }

.coupon-main {
  padding-top: 5.6rem;
  min-height: 100%;
  box-sizing: border-box;
  background-color: #fff; }
  .coupon-main .header-goback-btn {
    padding: .6rem 0; }
    .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; }
  .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; }

.area-pop {
  box-sizing: border-box;
  position: fixed;
  z-index: 1001;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #fff;
  padding: 5.6rem 0rem 6rem;
  border-radius: 1.2rem 1.2rem 0 0; }
  .area-pop .tit {
    position: absolute;
    width: 100%;
    padding: 1rem 2rem;
    top: 0;
    left: 0;
    height: 5.6rem;
    line-height: 3.6rem;
    font-size: 1.7rem;
    color: #666;
    box-sizing: border-box; }
    .area-pop .tit a {
      display: inline-block;
      height: 100%;
      padding: 0 1rem;
      color: #999;
      float: right; }
  .area-pop .area-pop-main {
    height: 100%;
    overflow: scroll;
    padding: 0 2rem; }
    .area-pop .area-pop-main .area-list li {
      background-color: #fff;
      position: relative;
      padding: 1.6rem 0 .6rem 4.2rem;
      position: relative;
      overflow: hidden; }
      .area-pop .area-pop-main .area-list li:before {
        border-bottom: 1px solid #e5e5e5; }
      .area-pop .area-pop-main .area-list li:last-child:before {
        border-bottom: 0; }
    .area-pop .area-pop-main .area-list span,
    .area-pop .area-pop-main .area-list a {
      font-size: 1.4rem;
      display: inline-block;
      height: 3.2rem;
      line-height: 3.2rem;
      width: 100%; }
    .area-pop .area-pop-main .area-list span {
      color: #666;
      position: absolute;
      top: 1.6rem;
      left: 0; }
    .area-pop .area-pop-main .area-list .iconfont {
      position: absolute;
      bottom: -1px;
      right: 0;
      font-size: 1.7rem;
      line-height: 1;
      display: none; }
    .area-pop .area-pop-main .area-list a {
      float: left;
      width: 5rem;
      margin: 0 1rem 1rem 0;
      color: #242629;
      text-align: center;
      border-radius: .6rem;
      -webkit-border-radius: .6rem;
      position: relative;
      box-sizing: border-box; }
      .area-pop .area-pop-main .area-list a:before {
        border: 1px solid #bbb;
        border-radius: 1.2rem;
        -webkit-border-radius: 1.2rem; }
      .area-pop .area-pop-main .area-list a:nth-child(3n) {
        margin-right: 0; }
    .area-pop .area-pop-main .area-list .no-marginR {
      margin-right: 0; }
    .area-pop .area-pop-main .area-list .selected {
      color: #ff9623;
      overflow: hidden; }
      .area-pop .area-pop-main .area-list .selected:before {
        border: 1px solid #ff9623; }
      .area-pop .area-pop-main .area-list .selected .iconfont {
        display: inline-block; }
  .area-pop .pop-bottom {
    position: absolute;
    width: 100%;
    padding: 1rem 2rem;
    box-sizing: border-box; }