@charset "UTF-8";
/*order-option*/
/*order-option*/
/*order-option*/
/*order-option*/
.service-guide[data-v-5a3e638e] {
  padding: 4.4444444444vw 16.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-guide[data-v-5a3e638e] * {
  font-family: Montserrat;
  line-height: 1.5;
}
.service-guide[data-v-5a3e638e] .el-row {
  width: 100%;
}
.service-guide h2[data-v-5a3e638e] {
  color: rgba(0, 0, 0, 0.95);
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}
.service-guide .service-guide-select[data-v-5a3e638e] {
  margin-top: 24px;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select {
  width: 100%;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper {
  padding: 0 16px;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper .el-input__inner {
  padding: 11px 0;
  color: rgb(37, 39, 40);
  height: auto;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper .el-input__inner::-webkit-input-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper .el-input__inner::-moz-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper .el-input__inner:-ms-input-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper .el-input__inner::-ms-input-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper .el-input__inner::placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper.is-focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
  outline: none !important; /* 额外清除浏览器默认的outline */
}
.service-guide .service-guide-select[data-v-5a3e638e] .el-select .el-input__wrapper:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.service-guide .car-info[data-v-5a3e638e] {
  margin-top: 24px;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.service-guide .car-info img[data-v-5a3e638e] {
  width: 100%;
  height: auto;
  aspect-ratio: 846/440;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-guide .package-info[data-v-5a3e638e] {
  padding-left: 48px;
}
.service-guide .package-info .car-name[data-v-5a3e638e] {
  margin-top: 22px;
  color: rgba(0, 0, 0, 0.95);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
}
.service-guide .package-info .package-name[data-v-5a3e638e] {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.95);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}
.service-guide .package-info .price-text[data-v-5a3e638e] {
  margin-top: 34px;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.service-guide .package-info .price[data-v-5a3e638e] {
  margin-top: 4px;
  color: rgb(0, 0, 0);
  font-family: URW Form Expand;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.service-guide .package-info .package-wrap[data-v-5a3e638e] {
  margin-top: 24px;
  padding: 28px;
  border-radius: 8px;
  max-height: 40vh;
  overflow: auto;
  background: rgb(250, 250, 250);
}
.service-guide .package-info .package-wrap .package-item[data-v-5a3e638e] {
  margin-top: 6px;
}
.service-guide .package-info .package-wrap .package-item .service-text[data-v-5a3e638e] {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.service-guide .package-info .package-wrap .package-item .service-content[data-v-5a3e638e] {
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
}
.service-guide .package-info .package-wrap .package-item[data-v-5a3e638e]:first-child {
  margin-top: 0;
}
.service-guide .empty-wrap[data-v-5a3e638e] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.service-guide .empty-wrap img[data-v-5a3e638e] {
  width: 594px;
  height: 594px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-guide .empty-wrap p[data-v-5a3e638e] {
  position: absolute;
  top: 69%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.75);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.service-guide .empty-wrap-package[data-v-5a3e638e] {
  height: 100%;
  width: 100%;
  margin-top: 24px;
}
.service-guide .empty-wrap-package img[data-v-5a3e638e] {
  width: 100%;
  height: auto;
}
.el-popper.service-guide-select-dropdown {
  border-radius: 0px 0px 8px 8px;
  backdrop-filter: blur(38px);
  background: rgba(255, 255, 255, 1);
.el-select-dropdown__list {
    padding: 0 5px !important;
.el-select-dropdown__item {
      height: auto;
      padding: 12px 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 16px;
      color: rgba(0, 0, 0, 1);
      font-family: Montserrat;
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
      text-wrap: wrap;
svg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
}
&:hover,
      &.selected {
        border-radius: 8px;
        background: rgba(245, 245, 245, 1);
}
}
}
.el-popper__arrow {
    display: none;
}
}

/*order-option*/
/*order-option*/
/*order-option*/
/*order-option*/
.service-guide-mob[data-v-7c1c7754] {
  padding: 24px 16px 36px;
  width: 100%;
}
.service-guide-mob[data-v-7c1c7754] * {
  font-family: Montserrat;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service-guide-mob > h2[data-v-7c1c7754] {
  margin-bottom: 4px;
  color: rgb(37, 39, 40);
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select {
  margin-top: 16px;
  width: 100%;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper {
  padding: 0 16px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid rgb(233, 234, 237) !important;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper .el-input__inner {
  padding: 13.5px 0;
  color: rgb(26, 29, 37);
  height: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper .el-input__inner::-webkit-input-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper .el-input__inner::-moz-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper .el-input__inner:-ms-input-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper .el-input__inner::-ms-input-placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper .el-input__inner::placeholder {
  color: rgb(155, 161, 175);
  font-weight: 400;
  line-height: 1.5;
}
.service-guide-mob[data-v-7c1c7754] .el-select .el-input__wrapper.is-focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  outline: none !important; /* 额外清除浏览器默认的outline */
}
.service-guide-mob .car-info[data-v-7c1c7754] {
  margin-top: 16px;
  width: 100%;
}
.service-guide-mob .car-info img[data-v-7c1c7754] {
  width: 100%;
  height: auto;
  aspect-ratio: 343/260;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-guide-mob .empty-wrap[data-v-7c1c7754] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.service-guide-mob .empty-wrap img[data-v-7c1c7754] {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-guide-mob .empty-wrap p[data-v-7c1c7754] {
  position: absolute;
  top: 69%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.service-guide-mob .empty-wrap-package[data-v-7c1c7754] {
  margin-top: 24px;
}
.service-guide-mob .empty-wrap-package img[data-v-7c1c7754] {
  width: 100%;
  height: auto;
}
.service-guide-mob .package-info .car-name[data-v-7c1c7754] {
  margin-top: 20px;
  color: rgb(37, 39, 40);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.service-guide-mob .package-info .package-name[data-v-7c1c7754] {
  color: rgb(78, 83, 86);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.service-guide-mob .package-info .price-text[data-v-7c1c7754] {
  margin-top: 20px;
  color: rgb(78, 83, 86);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.service-guide-mob .package-info .price[data-v-7c1c7754] {
  color: rgb(37, 39, 40);
  font-family: URW Form Expand;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.service-guide-mob .package-info .package-wrap[data-v-7c1c7754] {
  margin-top: 20px;
  padding: 28px;
  border-radius: 8px;
  background: rgb(250, 250, 250);
}
.service-guide-mob .package-info .package-wrap .package-item[data-v-7c1c7754] {
  margin-top: 6px;
}
.service-guide-mob .package-info .package-wrap .package-item .service-text[data-v-7c1c7754] {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.service-guide-mob .package-info .package-wrap .package-item .service-content[data-v-7c1c7754] {
  margin-top: 6px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  font-weight: 400;
  line-height: 33px;
}
.service-guide-mob .package-info .package-wrap .package-item[data-v-7c1c7754]:first-child {
  margin-top: 0;
}
.el-popper.service-guide-select-dropdown-mob {
  max-height: 100%;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  inset: 0 !important;
  border-radius: 0;
  position: fixed !important;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: none !important;
  transition: none !important;
  pointer-events: auto;
.el-select-dropdown {
    width: 100% !important;
    padding: 0;
    background-color: #fff;
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    bottom: 0;
    -webkit-transition: none !important;
    transition: none !important;
.el-scrollbar {
.el-select-dropdown__wrap {
        max-height: 56.65vh;
        min-height: 37.56vh;
.el-select-dropdown__list {
          padding: 16px !important;
.el-select-dropdown__item {
            height: auto;
            padding: 13px 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 16px;
            color: rgba(92, 96, 106, 1);
            font-family: Montserrat;
            font-size: 13px;
            font-weight: 400;
            line-height: 1.5;
            text-wrap: wrap;
svg {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 auto;
                      flex: 0 0 auto;
}
&:hover,
            &.selected {
              border-radius: 8px;
              background: rgba(246, 246, 246, 1);
}
}
}
}
}
}
.el-popper__arrow {
    display: none;
}
}
