.landing-banner {
  height: calc(100vw / 1600 * 500);
  background-color: #6D6863;
}
@media screen and (max-width: 767px) {
  .landing-banner {
    height: calc(100vw / 1600 * 500);
  }
}
.landing-banner .ant-carousel {
  width: 100%;
}
.landing-banner .ant-carousel .slick-slide {
  text-align: center;
  height: calc(100vw / 1600 * 500);
  background: #364d79;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .landing-banner .ant-carousel .slick-slide {
    height: calc(100vw / 1600 * 500);
  }
}
.landing-banner .ant-carousel .slick-slide .landing-banner-wrapper {
  position: relative;
  height: calc(100vw / 1600 * 500);
}
@media screen and (max-width: 767px) {
  .landing-banner .ant-carousel .slick-slide .landing-banner-wrapper {
    height: calc(100vw / 1600 * 500);
  }
}
.landing-banner .ant-carousel .slick-slide .landing-banner-image {
  width: 100%;
  height: 100%;
  position: absolute;
}
.landing-banner .ant-carousel .slick-slide .landing-banner-image-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  background-size: cover;
}

.landing-activity {
  width: 1170px;
  margin: 24px auto;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .landing-activity {
    width: 100%;
    margin: 6px 0;
  }
}
.landing-activity-list-item {
  /* @page-width的一半 / 1600 * 1174 */
  height: 430px;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  display: flex;
}
.landing-activity-list-item::before {
  content: " ";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
  z-index: -1;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.31) 53%, rgba(0, 0, 0, 0.5));
}
@media screen and (max-width: 767px) {
  .landing-activity-list-item {
    height: calc(100vw / 1600 * 1174);
    flex: 1;
    margin-bottom: 10px;
  }
}
.landing-activity-list-item-inner-container {
  align-self: center;
  width: 100%;
}
.landing-activity-list-item-title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.landing-activity-list-item-description {
  font-size: 18px;
  letter-spacing: 2px;
  margin: 20px auto;
  width: 273px;
  height: 60px;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
  .landing-activity-list-item-description {
    font-size: 14px;
    width: 60%;
    height: 48px;
  }
}
.landing-activity-list-item-link {
  width: 200px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  border-radius: 20px;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: transparent;
}

.activity-info-modal {
  padding: 50px 138px;
}
@media screen and (max-width: 767px) {
  .activity-info-modal {
    padding: 50px 30px;
  }
}
.activity-info-modal-image {
  text-align: center;
  margin-bottom: 40px;
}
.activity-info-modal-image img {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .activity-info-modal-image img {
    width: 100px;
  }
}
.activity-info-modal-title {
  font-weight: 500;
  color: #333;
  font-size: 30px;
  line-height: 1.4;
  margin-bottom: 18px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .activity-info-modal-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.activity-info-modal-desc {
  border-top: 1px solid #E5E5E5;
  padding-top: 20px;
}
.activity-info-modal-desc > span {
  color: #006241;
  margin: 0 3px;
}
.activity-info-modal-desc a {
  color: #006241;
  margin: 0 3px;
}
.activity-info-modal-hint {
  margin-top: 20px;
  text-align: center;
  color: #eee;
  font-size: 12px;
}

.landing-footer {
  padding: 91px 0 133px 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .landing-footer {
    padding: 18px 0 88px 0;
  }
}
.landing-footer-links {
  display: flex;
  justify-content: center;
  margin: 47px 0 27px 0;
  font-size: 16px;
  color: #6D6863;
}
@media screen and (max-width: 767px) {
  .landing-footer-links {
    display: none;
  }
}
.landing-footer-links li + li {
  margin-left: 10px;
}
.landing-footer-links li {
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.landing-footer-links li:hover {
  border-color: inherit;
}
.landing-footer-copyright {
  color: #999;
  font-size: 12px;
}
.landing-footer-record-number {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #9b9b9b;
}
.landing-footer-reference {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .landing-footer-reference {
    margin-top: 8px;
  }
}

.reservation-coupon {
  margin-top: 40px;
  position: relative;
  border-radius: 13px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon {
    margin: -20px 18px 10px 18px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  }
}
.reservation-coupon .container {
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  min-height: 200px;
  background: white;
  border-radius: 13px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon .container {
    min-height: inherit;
    margin: 0;
    box-shadow: none;
    padding: 26px 14px 35px 14px;
  }
}
.reservation-coupon-inputs {
  padding: 42px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs {
    padding-top: 0;
  }
}
.reservation-coupon-inputs-title {
  color: #6D6863;
  margin-bottom: 27px;
  font-size: 14px;
}
.reservation-coupon-inputs-tip {
  color: #6D6863;
  display: none;
}
.reservation-coupon-inputs-tip-show {
  display: inline-block;
  margin-left: 35px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-tip-show {
    position: absolute;
    top: 10px;
    left: 110px;
    margin-left: 0;
  }
}
.reservation-coupon-inputs-buttons {
  text-align: left;
  padding-right: 2%;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
}
.reservation-coupon-inputs-buttons-wechat-group {
  display: flex;
  text-align: left;
  padding: 0 20px;
  margin-top: 35px;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons-wechat-group {
    margin-top: 0;
    padding-left: 20px;
  }
}
.reservation-coupon-inputs-buttons-wechat-group.wechat-group-tip-show {
  padding-bottom: 20px;
}
.reservation-coupon-inputs-buttons-wechat-group > .reservation-coupon-inputs-button {
  min-width: auto;
  flex: 1;
}
.reservation-coupon-inputs-buttons-wechat-group > .reservation-coupon-inputs-tip {
  top: 50px;
  left: 20px;
}
.reservation-coupon-inputs-buttons-wechat-group-hidden {
  display: none;
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button {
  max-width: 230px;
  width: 25%;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button {
    margin: 0;
    max-width: inherit;
    width: 100%;
  }
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button + .reservation-coupon-inputs-button {
  margin-left: 20px;
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon {
  vertical-align: middle;
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon.ant-btn {
  line-height: 41px;
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon-hidden {
  visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon-hidden {
    display: none;
  }
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon .add-icon {
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon {
    height: auto;
    position: relative;
    margin-bottom: 30px;
    background: transparent;
    color: #006241;
    border: none;
    text-align: left;
    box-shadow: none;
  }
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon .add-icon {
    margin-right: 8px;
  }
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon[disabled],
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-add-coupon[disabled]:hover {
    color: #c0c0c0;
  }
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-start-reservation {
    width: 100%;
    margin-bottom: -11px;
  }
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-start-reservation,
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-start-reservation:hover {
    color: white;
    background-color: #006241;
  }
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-start-reservation[disabled],
  .reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-start-reservation[disabled]:hover {
    background: #c0c0c0 !important;
    border: 1px solid #c0c0c0 !important;
  }
}
.reservation-coupon-inputs-buttons .reservation-coupon-inputs-button-start-reservation-disabled {
  background: #c0c0c0 !important;
  border: 1px solid #c0c0c0 !important;
  opacity: 0.5 !important;
}
.reservation-coupon-inputs-buttons-when-single-coupon {
  margin-top: -100px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-inputs-buttons-when-single-coupon {
    margin-top: 0;
    margin-left: 0;
  }
}
.reservation-coupon-input-item {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  margin-bottom: 20px;
  position: relative;
}
.reservation-coupon-input-item .ant-input-affix-wrapper {
  width: 80%;
}
.reservation-coupon-input-item .ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item .ant-input-affix-wrapper {
    width: calc(100% - 30px);
  }
  .reservation-coupon-input-item .ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 35px;
  }
}
.reservation-coupon-input-item .ant-input-affix-wrapper .ant-input-prefix {
  display: none;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item .ant-input-affix-wrapper .ant-input-prefix {
    display: block;
  }
  .reservation-coupon-input-item .ant-input-affix-wrapper .ant-input-prefix span {
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item,
  .reservation-coupon-input-item-when-single-coupon.ant-input-affix-wrapper {
    width: 100%;
  }
  .reservation-coupon-input-item ~ .reservation-coupon-input-item-clear,
  .reservation-coupon-input-item ~ .reservation-coupon-input-item-when-single-coupon.ant-input-affix-wrapper-clear,
  .reservation-coupon-input-item-when-single-coupon.ant-input-affix-wrapper ~ .reservation-coupon-input-item-clear,
  .reservation-coupon-input-item-when-single-coupon.ant-input-affix-wrapper ~ .reservation-coupon-input-item-when-single-coupon.ant-input-affix-wrapper-clear {
    right: 10px;
  }
}
.reservation-coupon-input-item input {
  height: 52px;
  margin-right: 10px;
  margin-bottom: 8px;
  padding-left: 10px;
  background-color: #F7F7F7;
  border: none;
  border-radius: 13px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item input {
    margin-bottom: 4px;
  }
}
.reservation-coupon-input-item-clear {
  position: absolute;
  top: 19px;
  right: 23%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item-clear {
    top: 18px;
    right: 40px;
  }
}
.reservation-coupon-input-item-delete {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-input-item-delete {
    margin-left: 7px;
  }
}
.reservation-coupon-input-item-validation {
  min-height: 27px;
  padding-left: 12px;
}
.reservation-coupon-input-item-validation-error {
  color: #FC605F;
}
.reservation-coupon-privacy-policy {
  padding: 40px 16px 18px 0;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-privacy-policy {
    color: #006241;
    padding: 0 18px 18px 18px;
  }
  .reservation-coupon-privacy-policy .ant-checkbox {
    margin-top: 4px;
  }
  .reservation-coupon-privacy-policy .ant-checkbox .ant-checkbox-inner {
    width: 11px;
    height: 11px;
    border-radius: 50% !important;
  }
  .reservation-coupon-privacy-policy .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
    top: 45%;
    left: 50%;
    -ms-transform: translate(-62%, -50%) rotate(45deg) scale(0.5);
        transform: translate(-62%, -50%) rotate(45deg) scale(0.5);
  }
}
.reservation-coupon-privacy-policy .ant-checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  font-size: 11px;
}
.reservation-coupon-privacy-policy .ant-checkbox-wrapper .ant-checkbox-checked::after {
  border: none;
}
.reservation-coupon-privacy-policy .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.reservation-coupon-privacy-policy .ant-checkbox:hover .ant-checkbox-inner,
.reservation-coupon-privacy-policy .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #006241;
}

.reservation-banner-container {
  position: relative;
  display: flex;
}
.reservation-banner-container ~ .reservation-coupon-list {
  margin-top: 340px;
}
@media screen and (max-width: 767px) {
  .reservation-banner-container ~ .reservation-coupon-list {
    margin-top: 10px;
  }
}
.reservation-banner-container .reservation-banner {
  width: 100%;
  height: calc(100vw / 1600 * 500);
}
@media screen and (max-width: 767px) {
  .reservation-banner-container .reservation-banner {
    position: static;
    height: calc(100vw / 1600 * 500);
  }
}

.reservation-coupon-page {
  background-color: linear-gradient(#E2E9E7, #F7F7F7 150px);
  padding-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .reservation-coupon-page {
    padding-bottom: 20px;
  }
}
.reservation-coupon-page .landing-footer {
  padding-bottom: 0;
}
.reservation-coupon-page-padding-bottom-0 {
  padding-bottom: 0;
}
.reservation-coupon-page-footer-image {
  margin-top: 38px;
}

.reservation-order .container {
  margin-top: 40px;
  border-radius: 2px;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  background: white;
  padding: 120px 172px;
}
@media screen and (max-width: 767px) {
  .reservation-order .container {
    background: transparent;
    margin-top: 0;
    padding: 30px 42px;
    height: calc(100vh - 44px);
  }
}
.reservation-order-nav-bar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}
.reservation-order-title {
  color: #333;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .reservation-order-title {
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.reservation-order-tip {
  margin: 32px 0 50px 0;
  color: black;
  font-size: 14px;
}
.reservation-order-code {
  position: relative;
}
.reservation-order-get-code.ant-btn {
  min-width: 62px;
  height: 30px;
  position: absolute;
  right: 35px;
  top: 6px;
}
@media screen and (max-width: 767px) {
  .reservation-order-get-code.ant-btn {
    min-width: 50px;
    height: 25px;
    top: 9px;
    font-size: 12px;
    padding: 0 12px;
  }
}
.reservation-order-search-button {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .reservation-order-search-button {
    width: 100%;
  }
}
.reservation-order-empty {
  display: none;
  color: #b79069;
}
.reservation-order-empty-show {
  display: block;
}
.reservation-order .ant-form-extra {
  color: #f5222d;
}

.reservation-order-history {
  height: 100vh;
  overflow-y: scroll;
}
.reservation-order-history .container {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .reservation-order-history .container {
    margin-top: 0;
    padding: 18px 20px;
    background: linear-gradient(#E2E9E7, #F7F7F7 150px);
    min-height: 100vh;
  }
}
.reservation-order-history-nav-bar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}
.reservation-order-history-buttons {
  height: 80px;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .reservation-order-history-buttons {
    margin-top: 40px;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .reservation-order-history-buttons .ant-btn {
    min-width: 140px;
  }
}
.reservation-order-history-buttons .ant-btn + .ant-btn {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .reservation-order-history-buttons .ant-btn + .ant-btn {
    margin-left: 10px;
  }
}
.reservation-order-history-border {
  color: #00A862;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .reservation-order-history-border {
    font-size: 12px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: #FFF;
    border-top: 1px solid #EFEFEF;
    padding-top: 14px;
  }
  .reservation-order-history-border > span {
    display: flex;
    justify-content: center;
  }
  .reservation-order-history-border > span div {
    margin-right: 20px;
  }
  .reservation-order-history-border-icon-disabled svg path {
    fill: #C7C5C5;
  }
}
@media screen and (max-width: 767px) {
  .reservation-order-history-operation {
    font-size: 12px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    background-color: #FFF;
    border-top: 2px solid white;
  }
  .reservation-order-history-operation > span {
    display: flex;
    justify-content: center;
  }
  .reservation-order-history-operation > span div {
    margin-right: 20px;
  }
  .reservation-order-history-operation > p {
    margin-top: 6px;
    font-size: 11px;
    color: #7C7C7C;
  }
  .reservation-order-history-operation-icon-disabled svg path {
    fill: #C7C5C5;
  }
}
.reservation-order-history-list {
  padding: 18px 30px;
  border-radius: 18px;
  margin-bottom: 30px;
  box-shadow: 0 1px 4px 0 rgba(69, 73, 91, 0.13);
  background-color: #FFF;
}
.reservation-order-history-list-content {
  margin-bottom: 13px;
}
.reservation-order-history-list-title,
.reservation-order-history-list-sub-title {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.reservation-order-history-list-title p,
.reservation-order-history-list-sub-title p {
  font-size: 15px;
  font-weight: 400;
  color: #000000;
}
.reservation-order-history-list-sub-title p {
  margin-top: 4px;
  font-size: 12px;
}
.reservation-order-history-list-info {
  color: #6d6863;
  font-size: 14px;
}
.reservation-order-history-list-info p {
  margin-top: 10px;
}
.reservation-order-history-list-loader {
  text-align: center;
}
.reservation-order-history-coupon-detail {
  font-size: 12px;
  color: #00A862;
  display: flex;
  align-items: center;
}
.reservation-order-history-coupon-detail-arrow {
  position: relative;
}
.reservation-order-history-coupon-detail-arrow:before,
.reservation-order-history-coupon-detail-arrow:after {
  content: '';
  border: 5px solid transparent;
  border-left: 5px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: -5px;
  right: -10px;
}
.reservation-order-history-coupon-detail-arrow:before {
  border-left-color: #00A862;
  right: -12px;
}

.reservation-detail-drawer .ant-modal-close {
  left: 0;
}
.reservation-detail-drawer-title {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 22px;
  font-size: 12px;
}
.reservation-detail-drawer-title::before {
  content: " ";
  width: 3px;
  background: #6D6863;
  position: absolute;
  left: -8px;
  top: 2px;
}
.reservation-detail-drawer-content {
  padding: 50px 20px;
  height: 530px;
}
.reservation-detail-drawer-products {
  overflow-y: auto;
  padding: 0 30px;
  height: 258px;
}
.reservation-detail-drawer-products-item {
  margin-bottom: 20px;
}
.reservation-detail-drawer-products-item:last-child {
  margin-bottom: 0;
}
.reservation-detail-drawer-products-name {
  font-weight: 500;
  margin-bottom: 6px;
}
.reservation-detail-drawer-products-info {
  margin-bottom: 12px;
}
.reservation-detail-drawer-products-info span:first-child {
  display: inline-block;
  width: 70%;
  vertical-align: top;
}
.reservation-detail-drawer-products-info span:last-child {
  display: inline-block;
  width: 30%;
  text-align: right;
}
.reservation-detail-drawer-cake {
  margin-bottom: 6px;
}
.reservation-detail-drawer-cake-title {
  margin-bottom: 6px;
}
.reservation-detail-drawer-cake-name {
  display: inline-block;
  width: 70%;
}
.reservation-detail-drawer-cake-amount {
  display: inline-block;
  width: 30%;
  text-align: right;
}
.reservation-detail-drawer-tip {
  color: #b79069;
  position: absolute;
  height: 22px;
  bottom: 30px;
  left: 70px;
  right: 70px;
}

.reservation-pick-up-state-nav {
  overflow: hidden;
  padding: 10px;
}
.reservation-pick-up-state-nav .left-back {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAASFBMVEUAAABubm5xcXFvb29wcHBubm6AgIBubm5wcHBubm5ubm5xcXFvb29ubm5vb29ycnJvb2+AgIBvb29wcHBzc3NwcHBxcXFubm6ravgUAAAAF3RSTlMAdhvakNkM/kDH/FZX6ncdxA5zeypiNNqUIrsAAABuSURBVHja7c7ZDYAgFETRByi47zr9d6qhAhPGxI+5BZxcU0r9rOiqhuH4Gkg9wQl4akkOWpKDgeQ4OXLkyHlZrDmOOZJjVXZGXww1KUuhXHKQJEmSpF9LixU3ITcb56lbrbytA3ZjdJyXKaXUZ91sihfWITgoyAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  float: left;
  width: 24px;
  height: 24px;
}
.reservation-pick-up-state-nav .right-service {
  float: right;
  width: 20px;
  height: 21px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA/CAQAAAAWYWNXAAAD+UlEQVR42u2ZeYhNURzH79jFkCXjD0wMCpEsUZaSJbIMZbKLxj8jft9z3zaEupYoS9kismUIDzVEIsYuSxgmfxAhSyJLGOssupx73n333XnvvrnnPin3/HXvnPv7vN/v/O7vfM9vFCWpK9SKzWDL2XYcw3V6yG7gGHZghZqb30bx6kIfWo47VFnluIeV6C8ZyvpRURykeVz2DZIF7UEnHEL5wBlfX/cBVvEzxvRrXMJhbMJS2kgH6QJexqDLaVFlWrWhgQbYbw0kW0A9Y02qXVmAiqgiCn4kv3G1sKFWKIkydDxRANENYTMcD4JZyWPTzRmMEvR29p6/M66Y0fObJYUN1zQnFLap9Z2/q9WiVSa/L2h1kkmpzaY0mZn8MqnZ+C4sFDh/bXjEW5ZXza8hB+XCykSnYb4nsJqL7z9P+Px4fd3kXjjlrgbQHuFzyEE202s++ZuvoztwsCU+cBc++JsnWpvpwt+lEsrtXGGNEoWnkE/9qjVyD95SG284+GyCIklf+cT9kjbTDdyRsrilBDkin0dKAvcWCTbTSeEo1WpJExDPeQz3xlvhcxxcLFG5nOI2bzn5dWF5YNrIwZ/iTSrlk5ZJ9JiMVa5y+bSG4qv7iLA/0z1UHUaX8cWwOq+Jvbfj8DRq438TbOkyyOMsguii2t4ypTINO21E2zqX4CcxNksxNbq0rbVVi1ddrW2Grc2f6pAIdorpT59wBDcNie7K3w4CFsYVKhN373n2hGvSfYEt1BMAW+WC1WGKovbCI4He8MffSQJ7gAfJA7CizG+GVxz8OZSuYwqMEARaeAlWFJoofNbPWHSN3xwWaeERWKtjSEA2XscYKmGh12BFwW3+ZI4+gecbZqcAfIazgv/BfwVMKQCf51nt02/4sRqbvAcbmp1N0zFXrXLHK7Da3njiG6yXzCWinkz3uHIdFU/a6b+jizjNvvvTsfECrNXAYuHg+ZjDFcqxDgOFKJC1LU7GBJw17clDxeGKntlu2iWujmxZ9s0otiuql4W3NuBDbsDr60Y2f3MvyKI1g1lUbJ2kjnYpbAussoet1erZdAKQi7umSQvcilutUdTKXmSd4p0X26rZLA9TA20lyfmbRtrKsujsYD4rouZSiPVn4qPIlwEpw26pbWo170kZNr8xTkeUNDJShPW1jjRgUc7GpgiLUfTC9P2GJJqe1wRjMPv3yFW7mvvXNJhORpWNNTI/khGWAlsYSvdnshG0xnQY0kfFb6UhLZAZeB9TgytsqvIrNVtuUZji6F8iu9WmslMnmABZhn2shwc5a+5mW8YPKoJfRu+kin42rltXGKvZeNY90MDrGtwce0UVrqBiNimFG0BlmjGUf+36BV05Ug8KJe3lAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 20px 21px;
}

.reservation-confirm-modal .reservation-modal-title {
  margin-bottom: 10px;
}
.reservation-confirm-modal .reservation-modal-description {
  background: none;
}
.reservation-confirm-modal .reservation-modal-button-cancel {
  margin-top: 16px;
}
.reservation-confirm-modal .reservation-modal-button-confirm {
  margin-top: 10px;
}

.container {
  max-width: 1170px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
.reservation-order-edit .section-component {
  margin-bottom: 40px;
}
.reservation-order-edit.container {
  margin-top: 30px;
  margin-bottom: 50px;
  background: linear-gradient(#E2E9E7, #F7F7F7 150px);
}
@media screen and (max-width: 767px) {
  .reservation-order-edit.container {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.reservation-order-edit-nav-bar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}
.reservation-order-edit-without-navbar {
  background: white;
  padding: 60px 90px 0;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
}
@media screen and (max-width: 767px) {
  .reservation-order-edit-without-navbar {
    box-shadow: none;
    padding: 10px 0 20px 0;
    background: transparent;
  }
}
.reservation-order-edit-title {
  font-size: 20px;
  padding: 0 30px 30px;
}
@media screen and (max-width: 767px) {
  .reservation-order-edit-title {
    text-align: center;
    font-size: 16px;
    padding: 30px 0 0;
  }
}
.reservation-order-edit-button {
  padding: 0 30px 80px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reservation-order-edit-button .ant-btn,
.reservation-order-edit-button > div {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .reservation-order-edit-button .ant-btn,
  .reservation-order-edit-button > div {
    min-width: auto;
    flex: 1;
  }
  .reservation-order-edit-button .ant-btn.ant-btn-block,
  .reservation-order-edit-button > div.ant-btn-block {
    width: auto;
  }
}
.reservation-order-edit-button .ant-btn + .ant-btn,
.reservation-order-edit-button > div + .ant-btn {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .reservation-order-edit-button .ant-btn + .ant-btn,
  .reservation-order-edit-button > div + .ant-btn {
    margin-left: 10px;
  }
}
.reservation-order-edit-button .resvertion-btn-box-f {
  position: relative;
}
.reservation-order-edit-button .resvertion-btn-box-f .ant-btn {
  width: 100%;
}
.reservation-order-edit-button .resvertion-btn-box-f .resvertion-btn-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .reservation-order-edit-button {
    padding: 0 42px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.reservation-order-edit .drop-input-arrow {
  z-index: 11;
}

.reservation-confirm-food-coupon-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 24px;
}
.reservation-confirm-food-coupon-list-item {
  width: 100%;
  padding-bottom: 8px;
}
.reservation-confirm-food-coupon-list-item:last-child {
  padding-bottom: 0;
}
.reservation-confirm-food-coupon-list-item-id {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-food-coupon-list-item-name {
    display: block;
  }
  .reservation-confirm-food-coupon-list-item-id {
    margin-left: 0;
  }
}
.reservation-confirm-food-delivery-info {
  background: #fff url(/res/d40197b2792d25721352e367f10485d9.png) repeat-x left top !important;
  background-size: auto 5px !important;
}
.reservation-confirm-food-delivery-info-cost {
  font-size: 20px;
  color: black;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-food-delivery-info-cost {
    font-size: 18px;
  }
}

.reservation-confirm {
  background-color: white;
}
@media screen and (max-width: 767px) {
  .reservation-confirm {
    background: linear-gradient(#E2E9E7, #F7F7F7 150px);
    min-height: 100vh;
  }
}
.reservation-confirm-nav-bar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}
.reservation-confirm-without-nav-bar {
  padding: 60px 90px 0;
  margin-top: 30px;
}
.reservation-confirm-without-nav-bar .reservation-confirm-detail-row {
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 15px;
}
.reservation-confirm-without-nav-bar .reservation-confirm-detail-row:last-child {
  margin-bottom: 28px;
}
.reservation-confirm-without-nav-bar .reservation-confirm-detail-row .reservation-confirm-detail-row-label {
  min-width: 90px;
  color: #9C9C9C;
}
.reservation-confirm-without-nav-bar .reservation-confirm-detail-row .reservation-confirm-detail-row-content {
  color: #000;
  font-weight: 400;
}
.reservation-confirm-without-nav-bar .section-component {
  overflow: hidden;
  position: relative;
}
.reservation-confirm-without-nav-bar .section-component-content {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-without-nav-bar {
    padding: 10px 18px 0;
    margin-top: 0;
  }
  .reservation-confirm-without-nav-bar .section-component {
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .reservation-confirm-without-nav-bar .section-component .section-component-title {
    text-align: left;
    line-height: 60px;
    padding: 0 14px;
    color: #000;
  }
  .reservation-confirm-without-nav-bar .section-component .section-component-content {
    padding: 0 14px;
    font-size: 15px;
    color: #6F6F6F;
    font-weight: 400;
  }
  .reservation-confirm-without-nav-bar .section-component.container {
    margin-top: 14px;
  }
}
.reservation-confirm.container {
  margin-top: 0;
  padding-bottom: 82px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm.container {
    margin-top: 0;
  }
}
.reservation-confirm-detail-row {
  display: flex !important;
  margin-bottom: 20px;
  line-height: 20px;
}
.reservation-confirm-detail-row-label {
  display: inline-block;
  min-width: 100px;
}
.reservation-confirm-detail-row-content {
  width: 60%;
  display: inline-block;
  word-break: break-word;
}
.reservation-confirm-title {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  margin-top: 17px;
  margin-bottom: 24px;
  font-weight: bold;
  display: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-title {
    display: block;
  }
}
.reservation-confirm-title-back {
  position: absolute;
  left: 0;
  line-height: 18px;
}
.reservation-confirm-title-back img {
  width: 8px;
}
.reservation-confirm-separator {
  height: 1px;
  border: none;
  background-color: #e8e8e8;
  margin: 0 30px 20px 30px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-separator {
    display: none;
  }
}
.reservation-confirm-modal-coupon-info {
  margin-top: 20px;
}
.reservation-confirm-modal-coupon-info-id {
  color: black;
}
.reservation-confirm-modal-coupon-info-status {
  margin-left: 30px;
  color: #6d6863;
}
.reservation-confirm-privacy-policy {
  font-size: 14px;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-privacy-policy {
    font-size: 12px;
    padding: 14px 0 0 0;
  }
}
.reservation-confirm-actions {
  width: 1170px;
  position: fixed;
  left: 50%;
  bottom: 0;
  margin-left: -585px;
  padding: 20px 120px;
  background: white;
  z-index: 99;
}
.reservation-confirm-actions button + button {
  margin-left: 35px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-actions {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 18px 42px 20px;
    background: #F7F7F7;
  }
  .reservation-confirm-actions button + button {
    margin-left: 2%;
  }
  .reservation-confirm-actions .ant-btn {
    min-width: inherit;
  }
  .reservation-confirm-actions-confirm {
    width: 100%;
  }
  .reservation-confirm-actions-cancel {
    width: 35%;
    float: left;
    margin-right: 2%;
  }
}
.reservation-confirm-continue-pay-modal-content {
  padding: 60px 125px;
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-continue-pay-modal-content {
    padding: 50px 30px;
    font-size: 14px;
    text-align: left;
  }
}
.reservation-confirm-continue-pay-modal-content-tips {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-continue-pay-modal-content-tips {
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 767px) {
  .reservation-confirm-continue-pay-modal-action {
    display: flex;
    justify-content: center;
  }
  .reservation-confirm-continue-pay-modal-action .ant-btn {
    width: auto;
    flex: 1;
  }
}
.reservation-confirm-payment-empty-tips {
  text-align: center;
  padding: 0 100px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-payment-empty-tips {
    padding: 0 40px;
  }
}
.reservation-confirm-payment-empty-tips-link-btn {
  margin-top: 20px;
}

.reservation-confirm-cake .reservation-steps {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-cake .reservation-steps {
    margin: 10px 0 0 -10px;
  }
}
@media screen and (max-width: 767px) {
  .reservation-confirm-cake .section-component-title {
    padding: 10px 16px 0 16px;
  }
}
.reservation-confirm-cake-product {
  display: flex;
}
.reservation-confirm-cake-product-cover {
  width: 60px;
  height: 60px;
}
.reservation-confirm-cake-product-cover img {
  width: 100%;
}
.reservation-confirm-cake-product-content {
  padding-left: 11px;
  flex: 1;
}
.reservation-confirm-cake-product-content-title {
  font-size: 18px;
  letter-spacing: 1px;
  color: #2d2926;
  margin: 5px 0 10px;
}
.reservation-confirm-cake-product-content-operation {
  color: #6D6863;
  font-size: 12px;
}
.reservation-confirm-cake-product-content-operation-selected {
  color: #006241;
  font-size: 14px;
}
.reservation-confirm-cake-product-content-operation-taste {
  float: right;
}
.reservation-confirm-cake-product-operation-taste {
  float: right;
  cursor: pointer;
  color: #6d6863;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-cake-product-operation-taste {
    margin-right: 4%;
  }
}
.reservation-confirm-cake-product-selected {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-cake-product-selected {
    border-top: 1px solid #E5E5E5;
    margin-top: 17px;
    display: block;
    padding-top: 30px;
  }
}
.reservation-confirm-cake-product-selected-item {
  margin-bottom: 6px;
  flex-basis: 380px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-cake-product-selected-item {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.reservation-confirm-cake-product-selected-item-name {
  display: inline-flex;
  width: 300px;
}
@media screen and (max-width: 767px) {
  .reservation-confirm-cake-product-selected-item-name {
    width: auto;
  }
}
.reservation-confirm-cake-product-selected-item-count {
  padding-right: 10%;
}

.reservation-steps {
  padding: 0 30px;
}
.reservation-steps + .reservation-order-edit-title {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .reservation-steps + .reservation-order-edit-title {
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .reservation-steps {
    padding: 0;
  }
  .reservation-steps .ant-steps {
    flex: 1;
  }
  .reservation-steps .ant-steps .ant-steps-item {
    flex: auto;
  }
  .reservation-steps .ant-steps-dot .ant-steps-item-tail {
    margin-left: calc(50% - 2px);
  }
  .reservation-steps .ant-steps-dot .ant-steps-item-icon {
    margin-left: calc(50% - 5px);
  }
  .reservation-steps .ant-steps-dot .ant-steps-item-content {
    width: 100%;
  }
}
.reservation-steps .ant-steps-item-title {
  font-size: 13px;
}
.reservation-steps .ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title,
.reservation-steps .ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
  color: #6D6863;
  font-weight: normal;
}
.reservation-steps .ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title,
.reservation-steps .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  color: #c0c0c0;
}

.reservation-cake.container {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .reservation-cake.container {
    margin-top: 0;
  }
}
.reservation-cake-wrapper {
  position: relative;
}
.reservation-cake-wrapper > .section-component-content {
  padding: 60px 90px 100px;
}
.reservation-cake-wrapper .reservation-cake-info {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .reservation-cake-wrapper .reservation-cake-info {
    margin-top: 0;
  }
}
.reservation-cake-wrapper-card {
  position: absolute;
  right: 60px;
  top: 178px;
  z-index: 1;
  background-color: #fff;
}
.reservation-cake-buttons {
  margin-top: 100px;
  padding: 0 24px;
}
.reservation-cake-buttons button + button {
  margin-left: 36px;
}
@media screen and (max-width: 767px) {
  .reservation-cake-buttons {
    margin-top: 0;
    display: flex;
  }
  .reservation-cake-buttons button {
    flex: 1;
    min-width: inherit;
    margin: 0 10px;
  }
  .reservation-cake-buttons button + button {
    margin-left: 0;
  }
  .reservation-cake-preview {
    padding: 0 43px;
    margin-top: 23px;
    display: flex;
  }
  .reservation-cake-preview-info {
    padding-left: 11px;
    flex: 1;
  }
  .reservation-cake-preview-info-title {
    font-size: 18px;
    letter-spacing: 1px;
    color: #2d2926;
    margin: 5px 0 10px;
  }
  .reservation-cake-preview-info-operation {
    color: #6D6863;
    font-size: 12px;
  }
  .reservation-cake-preview-info-operation-selected {
    color: #006241;
    font-size: 14px;
  }
  .reservation-cake-preview-info-operation-taste {
    float: right;
  }
  .reservation-cake-preview-taste-panel {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 10px 44px 0 44px;
    height: 380px;
    background-color: #fff;
    z-index: 9;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translate3d(0, -100%, 0);
  }
  .reservation-cake-preview-taste-panel-clear {
    text-align: right;
    color: #c0c0c0;
    font-size: 12px;
    margin: 10px 0 15px;
  }
  .reservation-cake-preview-taste-panel-up {
    text-align: center;
    padding: 11px 0;
    font-size: 18px;
    color: #979797;
    border-top: 1px solid #E5E5E5;
  }
  .reservation-cake-preview-taste-panel-list {
    max-height: 282px;
    overflow: auto;
    flex: 1;
    font-size: 14px;
    color: #2d2926;
  }
  .reservation-cake-preview-taste-panel-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
  }
  .reservation-cake-preview-taste-panel-list-item-name {
    flex: 1;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .reservation-cake-preview-taste-panel-open {
    transform: translate3d(0, 0, 0);
  }
  .reservation-cake-preview-taste-panel-mask {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 8;
    animation: mask-fade-in 0.3s forwards;
  }
  .reservation-cake .clear-cake-list-confirm-modal .ant-modal-body {
    padding: 30px;
  }
}
@keyframes mask-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.cake {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
}

.select-cake-count-item {
  width: 400px;
  display: flex;
  border-bottom: 1px solid #E5E5E5;
  margin-left: 30px;
  padding: 10px 20px 10px 0;
}
@media screen and (max-width: 767px) {
  .select-cake-count-item {
    width: 100%;
    margin-left: 0;
    padding: 10px 20px 10px 40px;
  }
}
.select-cake-count-item:nth-last-child(1) {
  border-bottom: none;
}
.select-cake-count-item-cover {
  width: 100px;
  height: 100px;
  text-align: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.select-cake-count-item-cover img {
  max-width: 100%;
}
.select-cake-count-item-content {
  margin-left: 20px;
}
.select-cake-count-item-content-cake-name {
  font-size: 14px;
  margin: 5px 0 22px;
  padding-top: 10px;
  color: #2d2926;
}

.select-count {
  display: flex;
  align-items: center;
}
.select-count-number {
  margin: 0 20px;
  font-size: 16px;
  font-weight: bold;
}
.select-count-decrease-icon,
.select-count-increase-icon {
  cursor: pointer;
}
.select-count-decrease-icon-disabled,
.select-count-increase-icon-disabled {
  cursor: not-allowed;
}
.select-count-decrease-icon-disabled svg g,
.select-count-increase-icon-disabled svg g {
  stroke: #E5E5E5;
}
.select-count-decrease-icon-no-animate {
  animation: none;
}
.select-count-decrease-icon-open {
  animation: decrease-icon-open 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.select-count-decrease-icon-hide {
  animation: decrease-icon-hide 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes decrease-icon-open {
  from {
    transform: scale(1) translate3d(-50px, 0, 0);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0) rotate(720deg);
  }
}
@keyframes decrease-icon-hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-25px, 0, 0) scale(0) rotate(0deg);
  }
}

.selected-cake-card-detail {
  padding: 20px 30px;
  width: 350px;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  background: #FFF;
}
.selected-cake-card-detail-row {
  display: flex;
  justify-content: space-between;
}
.selected-cake-card-detail-clear {
  color: #c0c0c0;
}
.selected-cake-card-detail-clear:hover {
  cursor: pointer;
}
.selected-cake-card-detail-statistics {
  margin: 16px 0;
  display: flex;
  align-items: center;
}
.selected-cake-card-detail-statistics-number {
  margin-left: 16px;
}
.selected-cake-card-detail-statistics-number span:first-child {
  font-size: 18px;
  color: #006241;
}
.selected-cake-card-detail-statistics-number span:nth-child(2) {
  margin: 0 2px 0 4px;
}
.selected-cake-card-detail-table-title {
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  line-height: 36px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 16px;
}
.selected-cake-card-detail-cake {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 0 8px;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .reservation-cake-info {
    border-bottom: 1px solid #E5E5E5;
  }
  .reservation-cake-info .section-component-title {
    display: none;
  }
}
.reservation-cake-info-content {
  display: flex;
}
.reservation-cake-info-content-cake-img {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .reservation-cake-info-content-cake-img {
    margin-left: 10%;
    width: 60px;
    height: 60px;
  }
}
.reservation-cake-info-content-description {
  margin-top: 30px;
  margin-left: 20px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .reservation-cake-info-content-description {
    margin-top: 20px;
    margin-left: 12px;
    font-size: 18px;
  }
}

.payment-result .container {
  margin: 40px auto;
  border-radius: 2px;
  box-shadow: 0 4px 16px 0 rgba(12, 0, 51, 0.1);
  background: white;
  height: calc(100vh - 160px);
}
@media screen and (max-width: 767px) {
  .payment-result .container {
    background: transparent;
    margin-top: 0;
    padding: 30px 42px;
    height: calc(100vh - 44px);
  }
}
.payment-result-loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.weChat-audit.container {
  height: 100vh;
}
.weChat-audit iframe {
  border: none;
  height: 100%;
  width: 100%;
}

.MaintenancePage {
  height: 100vh;
  background-color: #FFF;
  padding-top: 60px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .MaintenancePage {
    padding-top: 40px;
    font-size: 16px;
  }
}
.MaintenancePage .maintenance-header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.MaintenancePage .maintenance-header .isvg {
  height: 36px;
  margin-right: 10px;
}
.MaintenancePage .maintenance-title {
  margin: 60px 0 40px;
  text-align: center;
  font-weight: bold;
}
.MaintenancePage .maintenance-subTitle {
  text-align: center;
  white-space: pre-wrap;
  line-height: 2em;
}

.statistics {
  background-color: #fff;
  padding: 60px 0;
  font-size: 20px;
  font-weight: 500;
  color: #333;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .statistics {
    padding: 0 30px;
    font-size: 16px;
  }
}
.statistics.container {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .statistics.container {
    margin: 0;
  }
}
.statistics .section-component-content {
  width: 600px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .statistics .section-component-content {
    width: 100%;
  }
}
.statistics-header {
  padding: 23px 20px;
  border-bottom: 1px solid #E5E5E5;
}
@media screen and (max-width: 767px) {
  .statistics-header {
    padding: 20px 11px;
  }
}
.statistics-header-title {
  margin-right: 15px;
}
.statistics-form {
  margin: 20px auto;
  text-align: left;
}
.statistics-form .statistics-form-input {
  margin: 20px;
  width: 200px;
}
.statistics-form .statistics-form-button {
  margin: 20px auto;
  width: 80px;
  min-width: 80px;
  height: 40px;
}
.statistics-pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.redeem-voucher {
  position: relative;
}
.redeem-voucher-nav-bar {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}
.redeem-voucher-container {
  padding: 30px 42px;
}
.redeem-voucher-qr-code {
  text-align: center;
  margin: 20px 0 40px;
}
.redeem-voucher-text {
  line-height: 2;
}
.redeem-voucher-text p:first-child {
  margin-bottom: 10px;
  color: #006241;
  line-height: 1.6;
}
.redeem-voucher-action {
  text-align: center;
  margin: 40px auto;
}
.redeem-voucher-action-btn {
  width: 100%;
}

.apply-voucher-title {
  color: #6D6863;
  margin-bottom: 12px;
  font-size: 20px;
}
.apply-voucher-hint {
  font-family: monospace;
  font-size: 12px;
  margin-bottom: 10px;
  color: #B79069;
}
.apply-voucher-inputs {
  padding: 20px 42px;
}
@media screen and (max-width: 767px) {
  .apply-voucher-inputs .ant-input-affix-wrapper .ant-input:not(:first-child) {
    padding-left: 35px;
  }
}
.apply-voucher-input {
  margin-bottom: 16px;
}
.apply-voucher-input-helper-text {
  font-size: 12px;
  margin-bottom: 10px;
  color: #6D6863;
}
.apply-voucher-privacy-policy {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .apply-voucher-privacy-policy {
    color: #006241;
  }
  .apply-voucher-privacy-policy .ant-checkbox {
    margin-top: 4px;
  }
  .apply-voucher-privacy-policy .ant-checkbox .ant-checkbox-inner {
    width: 11px;
    height: 11px;
    border-radius: 50% !important;
  }
  .apply-voucher-privacy-policy .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
    top: 45%;
    left: 50%;
    -ms-transform: translate(-62%, -50%) rotate(45deg) scale(0.5);
        transform: translate(-62%, -50%) rotate(45deg) scale(0.5);
  }
}
.apply-voucher-privacy-policy .ant-checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  font-size: 11px;
}
.apply-voucher-privacy-policy .ant-checkbox-wrapper .ant-checkbox-checked::after {
  border: none;
}
.apply-voucher-privacy-policy .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.apply-voucher-privacy-policy .ant-checkbox:hover .ant-checkbox-inner,
.apply-voucher-privacy-policy .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #006241;
}
.apply-voucher-tips-description {
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 13px;
  line-height: 23px;
}
.apply-voucher-tips-description a {
  color: #006241;
}
.apply-voucher .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.apply-voucher .ant-checkbox:hover .ant-checkbox-inner,
.apply-voucher .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #006241;
}
.apply-voucher-button-box {
  position: relative;
  margin-bottom: 20px;
}
.apply-voucher-button-click {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.reservation-pick-up-nav {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  line-height: 28px;
  font-family: PingFangSC-Medium;
  color: #333;
  text-align: center;
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  z-index: 2;
}
.reservation-pick-up-nav-left {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAtCAQAAAD1/thuAAAAiUlEQVR42u3WoQ2DUBCH8f8ACHRJWACNL1s01V2hD8sI7VJNV4ARGAHBh2gIBXXvCdR96swv5y4nGSMj8OKqmCjoAZi5xaCBtW8KsrIDgnsKCo4cOZJEnoAk2gQk8f5DIxcra3bbBjsMDu2wcOjwTPixPxh7WNrhdqgm8pg/6MkMQKe4qHhQ/+YFu/OrJSmD1RcAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px 15px;
  width: 28px;
  height: 28px;
}
.reservation-pick-up-nav-right {
  width: 28px;
  height: 28px;
  color: #333;
}

.reservation-pick-up-banner {
  height: 376px;
}
.reservation-pick-up-banner .ant-carousel .slick-slide {
  text-align: center;
  height: 376px;
  line-height: 376px;
  background: #364d79;
  overflow: hidden;
}
.reservation-pick-up-banner .ant-carousel .slick-dots {
  bottom: 35px;
}
.reservation-pick-up-banner .ant-carousel .slick-slide h3 {
  color: #fff;
}
.reservation-pick-up-banner .reservation-pick-up-banner-img {
  height: 376px;
}
.reservation-pick-up-banner .reservation-pick-up-banner-img .img {
  width: 100%;
  height: 100%;
}

.reservation-pick-up {
  background-size: contain;
  width: 100%;
  position: relative;
}
.reservation-pick-up .container {
  padding: 0 16px;
  position: relative;
  z-index: 10;
  margin-top: -10px;
}
.reservation-pick-up .container .box {
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  height: 100%;
  padding: 5px;
}
.reservation-pick-up .container .box .goodsIfo {
  padding: 20px 11px;
}
.reservation-pick-up .container .box .goodsIfo .goodsIfo-top {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
.reservation-pick-up .container .box .goodsIfo .goodsIfo-top .goodsIfo-top-right {
  display: flex;
  align-items: center;
}
.reservation-pick-up .container .box .goodsIfo .goodsIfo-top .goodsIfo-top-right .goodsIfo-star-img {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAClklEQVR4AWKgJji8JVMQ0Iw5wOwNxGG8M+PZjrVwto14uutsL5htx1ucu36zzWq2bdtGnyQd37ft3t6td8n/w+F5ftXhb3J6FIG/NVWLbdARJiPfEDbXhysLanFq+6AWo5aSkOYyUtiD+/IL6BfUqXc3DUIA+GugTr07ysmaP0FRpxSku2xIPovTN3+Cog5t6jz2LL0VwFIF2lT62pekA0WbEpDfvo3PbjHyIB0o2tAn+feT96gOoKBAHxUe+/QwUMvQZyQPysi5MFD0SRbS6FEFIFECfYXMg2eW9S14YuvwAojD63vmR6D+2u7xeRGXNg3IgzizbHxuxOHDPXNZXB8VFRR9McYf7+v5+vDyfX0OMKHef8cW+2u0igE2MGreP49RoXg81mxOe6t+R8GooTise32L0/uqQYIJbNqv5fDKnsU9+j2qQIIFTKmXw2XLcpicTLU4+ZoUILzBAJYoZ59mCX1kj+Gt/Us5yPuWNhl1/xckvOCpZVIwQdtcnysbEh7win/MyNLbeoLPJEA+g7bYdX0lrWAxelgUJLSgqcko+4yeVUWBQkteJoTTMaJAoSXzSHxEFCi05NzNZT3LiP6YoCn+bjI6QDQoNGU89p2iQaEpI+/5STQoNKEtDpTrnSMbG3SoyckQi9GPUcZAWyAoWRluSG7/en7H36iLMG6lEEgcvDzB1yGrzPZUuVDUeSDbQmBfw0NuAgzHBKZPCErZoA190FdmIg2PfWlqA/rIzerRJKqOY9DGGJNKCx7xE2CcPkwhvC+TveP+ld1LpdrjwgNeMdb27rVSpGfmx9k7Yiw0/tSFV5zHPvAnIH1pctJR4ALSEZq+PrwyFnOMnhVNTq96gtb+Fb0qa4ILNKEND3gF9f0O0w6aAIJW6uAAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  height: 26px;
  width: 14px;
  margin: 0 5px;
}
.reservation-pick-up .container .box .goodsIfo .goodsIfo-top .goodsIfo-top-right .goodsIfo-star-exchange {
  font-size: 14px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.5);
  width: 30px;
}
.reservation-pick-up .container .box .goodsIfo .goodsIfo-bottom {
  padding-top: 10px;
  display: flex;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.5);
}
.reservation-pick-up .container .box .goodsIfo .goodsIfo-bottom .goodsIfo-bottom-pipe {
  margin: 0 5px;
}
.reservation-pick-up .container .box .store-city-select {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 10px;
}
.reservation-pick-up .container .box .store-city-select .ant-input {
  border: none;
  border-radius: 0;
  color: #000;
  font-weight: 700;
  font-size: 15px;
  height: 32px;
}
.reservation-pick-up .container .box .store-city-select .ant-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.reservation-pick-up .container .box .store-city-select .ant-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.reservation-pick-up .container .box .anticon {
  color: rgba(0, 0, 0, 0.2);
}
.reservation-pick-up .container .box .drop-input {
  padding-top: 18px;
}
.reservation-pick-up .container .box .drop-input-content input {
  height: 32px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #000;
  font-weight: 700;
  font-size: 15px;
}
.reservation-pick-up .container .box .drop-input-content input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.reservation-pick-up .container .box .drop-input-content input::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.reservation-pick-up .container .box .am-list-item .am-list-line {
  padding-right: 12px;
}
.reservation-pick-up .container .box .am-list-item .am-list-line .am-list-arrow-vertical {
  width: 10px;
  height: 11px;
}
.reservation-pick-up .container .box .ant-select-selection .ant-select-selection__placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.reservation-pick-up .container .box .pick-up-placeholder {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 12px;
  padding: 10px 0 0 10px;
  position: absolute;
  left: 0;
  top: 4px;
  right: 0;
  z-index: 10;
  width: 200px;
}
.reservation-pick-up .container .box .placeholder {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  padding-left: 10px;
  line-height: 12px;
  position: absolute;
  left: 0;
  top: -17px;
  right: 0;
  z-index: 10;
  width: 200px;
}
.reservation-pick-up .container .box .placeholder-time {
  top: 15px;
}
.reservation-pick-up .container .box .ant-select.ant-select-enabled {
  padding-top: 28px;
}
.reservation-pick-up .container .box .am-list-item {
  padding-left: 10px;
}
.reservation-pick-up .container .box .am-list-extra {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  color: #000;
  font-weight: 700;
  font-size: 15px;
}
.reservation-pick-up .container .box .ant-select-selector {
  border: none;
}
.reservation-pick-up .container .box .ant-select-selection {
  border: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  height: 32px;
  line-height: 32px;
  outline: none;
}
.reservation-pick-up .container .box .ant-select-selection .ant-select-selection__rendered {
  line-height: 26px;
}
.reservation-pick-up .container .box .ant-select-selection-selected-value {
  color: #000;
  font-weight: 700;
  font-size: 15px;
}
.reservation-pick-up .container .box .tips {
  display: flex;
  background: #fcf8db;
  height: 32px;
  box-sizing: border-box;
  margin: 10px 5px;
  margin-top: 15px;
  line-height: 32px;
  padding-left: 5px;
  border-radius: 4px;
}
.reservation-pick-up .container .box .tips .icon {
  width: 16px;
  height: 32px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAACYElEQVR4AexYA6xcQRSt3aC2HTWuwsbuzPed2m6cug0b1bbtoLZtM+qbbxvTPcXauw+bvJucZJ7uOWd48+pZMuywww477FBz5zbVBNunEd+vJkxolnAGMgVfpRFTANoJJT5nXHJXjXi5JFYHoI17CWNAjuW70PPuwL2EEJ9LyUMk8RpvA7iHZ9bvfcHPywxW520A9/DM0uKzxiWPgthgwDtW7v17GvHawAZ4Ld6x5rZJyWMgMhzgXWsdWseTG2rEP7r3ftaCGar86SMAbY9RwLv4xjq9P5ZP8+5lCP8faPvZVqdao/enTWshif3ShOfcr/r53WkAbe+1gG/wrfkLl/hip7DwDDghRdIiU8UXjRvXVgpWJNH7ERrAN5J4IXKYWDKwNRAT7QgAyGGKeG1CWi9JvArFWrQG8C1yIJcJhxY7CBGxjgBMIJexJcOE5KHePe+Nys8fnQbQDvYuciGnkSXDJe+F6438retVXW0NgHZwA8hF/KIx4ilpdNglw+zJANphAbn1PbSUqu8geiadJUP8gJzIDQ4dt82ktHAF5axYpCrevlalN68pOYXCNgIOvUqGxpLYNylYWL1fk52l/kfxqaNhiUducIBLj7k/N5Ip4R6lt65FNqUEnxNX8dmTJrV2JM6WxGr1NgAOKVgWOON36o7lKyNdlDXZmZFNIS+AMz61/pT0jlKwUue+r/MiBsAFTnDH3vuCb0ZSMwDuGEsG3l8Sq3aWDQYCnOCGhpj+sJkg3qvQ4ztjqXmuOk9dEwBuaIh+AY9LHi6JX3fghUm4Dg2/xzBowSgYBaNgFAAADKyK2yBqxCUAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 15px;
  margin-right: 2px;
}
.reservation-pick-up .container .box .tips .content {
  color: #85691d;
  font-size: 12px;
  font-weight: 700;
}
.reservation-pick-up .container .box .title {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(219, 203, 187, 0.2);
  padding-top: 10px;
  margin-bottom: 10px;
}
.reservation-pick-up .container .box .title .title-left {
  background-image: url(/res/1125ea30ebb184e0453b711cd8eee7f3.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 28px;
}
.reservation-pick-up .container .box .title .title-right {
  display: flex;
  height: 28px;
  line-height: 28px;
  margin-right: 16px;
  padding-top: 7px;
}
.reservation-pick-up .container .box .title .title-right .icon {
  margin-right: 10px;
  width: 12px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAACJElEQVR4Ac2WNZAWQRSEHxbhkpGhGXnhsu/HHTIuwXcWd/cMdwghJCbBPSPENS/cXeZLzu9mVv/tqrfa091VoxIb4cTuEuocMcEZCYNr9v7Y1ieKZ77xDw5cyQ2RTrdGV239sqb/vAoubWibGZboEDF6B4NUhQZaiXFudjsrcgixTAtNtGNhxbRutuFFBHIptPGIEeYBDfMsPPDy6aaLNCii8Gq9+9KMmRRjqsXZBKEqhXcTxJ3aRi+LCRbI8nEDxczuRPHMN/7FXRKaLHr+AvrE1ghxAA5cb10y1ILV1K/hzTjbAVza+GiTobaR33agT+Am3Pue+GwzcOmuGs+uGiEJQVvPbquBfNZrAKeE10AnC8cFJ5GZkxZoOHzIAvGxk8h0Tgs0XD5k4WDlJLLGpAUa7kCf6NsPhQRaN6Wz04cs9uF+WbqMLHTZ+dIMarJIpFFppj1ZZOWk3vblbwkWxr9k8U+fZusw+tQj0KX6/Tu0BJvrUP8+Tn/8SDBGw3GDrMCPwg9oeOLdLKLKFkiFFp4tYseO9jbx3cLC4IVnq1g6vq8lvsk9jAleC15eMGNHOU6R6QptPGIhCsLcAqGdCKayJ/MwaKaC0X2ZhUErE4R6LHUYNDLDv39txOjhxGFoi0bmiHRT7DC0yRWmMk9C/e0MAgduIViiU8To5xbD8A9OcajdjF82CcM3/lUFqyf3EqPXa8PwzLeq4vTCDmL0pFA8p8R/KxKHtlLjNGQAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 14px;
  margin-top: -1px;
}
.reservation-pick-up .container .box .title .title-right .check {
  color: #00a862;
  line-height: 28px;
  font-size: 12px;
  font-weight: 700;
}
.reservation-pick-up .container .box .checkBox-box {
  display: flex;
  box-sizing: border-box;
  padding: 10px 0;
  font-size: 12px;
}
.reservation-pick-up .container .box .checkBox-box .ant-checkbox {
  margin: 5px;
}
.reservation-pick-up .container .box .checkBox-box .ant-checkbox-inner {
  border-color: #00a862;
  border-radius: 5px;
}
.reservation-pick-up .container .box .checkBox-box .checkBox-content {
  padding: 0 5px;
}
.reservation-pick-up .container .box .ant-checkbox-wrapper {
  font-size: 12px;
}
.reservation-pick-up .container .box .ant-form-item {
  margin: 0;
}
.reservation-pick-up .container .another_box {
  padding-bottom: 130px;
}
.reservation-pick-up .footer {
  position: relative;
  margin-top: -111px;
  background-image: url(/res/2acdee1bbb830168c7dd1951442abad5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 306px;
  width: 100%;
}
.reservation-pick-up .footer .ant-btn {
  border-radius: 22px;
  border: none;
}
.reservation-pick-up .footer .ant-btn-primary {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 50px;
  width: 275px;
  height: 44px;
  font-size: 18px;
  line-height: 44px;
  color: #C2A661;
  background: #fff;
}
.reservation-pick-up .footer .ant-btn-primary.ant-btn[disabled] {
  background: #D2D2D2;
  color: #fff;
  opacity: 1;
}
.reservation-pick-up .footer .another_btn {
  color: #fff;
  background: #0d7659;
}
.reservation-pick-up .footer .another_btn.ant-btn[disabled] {
  background: #979797;
}
.reservation-pick-up .another_footer {
  background-image: url(/res/bcd319946d2354a63acc4a57d00febe6.png);
  background-size: 110% 110%;
  background-position: center;
  margin-top: -125px;
  z-index: 10;
}
.reservation-pick-up-modal {
  font-family: PingFangSC-Regular;
}
.reservation-pick-up-modal .ant-modal-content {
  border-radius: 8px;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-header {
  border: none;
  border-radius: 8px;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  line-height: 28px;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-body {
  padding: 24px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  line-height: 24px;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-footer {
  border: none;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-footer .reservation-pick-up-modal-btn {
  overflow: hidden;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-footer .reservation-pick-up-modal-btn .reservation-pick-up-modal-btn-cancel {
  float: right;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-footer .reservation-pick-up-modal-btn .reservation-pick-up-modal-btn-ok {
  float: right;
}
.reservation-pick-up-modal .ant-modal-content .ant-modal-footer .ant-btn {
  height: 36px;
  min-width: 92px;
}
.reservation-pick-up-datepicker {
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.24), 0 24px 24px 0 rgba(0, 0, 0, 0.12);
  border-radius: 12px 12px 0 0;
}
.reservation-pick-up-datepicker .am-picker-popup-header .am-picker-popup-item {
  font-family: PingFangSC-Medium;
  font-size: 15px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.56);
}
.reservation-pick-up-datepicker .am-picker-popup-header .am-picker-popup-header-right {
  color: #00a862;
}
.reservation-pick-up-datepicker .am-picker {
  font-family: AvenirNext-Bold;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
}
.reservation-pick-up-datepicker .am-picker .am-picker-col-indicator {
  font-weight: 700;
}
.ant-message {
  top: initial !important;
  bottom: 100px !important;
}
.ant-message .ant-message-notice-content {
  background: #3d3935;
  width: 343px;
  border-radius: 6px;
  height: 48px;
  box-sizing: border-box;
}
.ant-message .ant-message-notice-content .ant-message-custom-content {
  color: #fff;
  text-align: left;
  line-height: 28px;
}
.ant-message .ant-message-notice-content .ant-message-custom-content .anticon {
  display: none;
}
iframe {
  display: block;
}

.reservation-pick-up-state-header {
  position: relative;
}
.reservation-pick-up-state-header .title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.87);
  padding: 16px;
  padding-top: 0;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.15);
  font-family: AvenirNext-DemiBold;
}
.reservation-pick-up-state-header .tip {
  background-color: #00A862;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  padding: 7px 16px;
  box-sizing: border-box;
}

.reservation-pick-up-state-goodsifo {
  height: 92px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: #F9F9F9;
}
.reservation-pick-up-state-goodsifo .left-img {
  height: 50px;
  width: 44px;
}
.reservation-pick-up-state-goodsifo .left-img .proImg {
  width: 100%;
  height: 100%;
}
.reservation-pick-up-state-goodsifo .middle-ifo {
  padding: 0 10px;
  flex: 1;
}
.reservation-pick-up-state-goodsifo .middle-ifo .name {
  height: 30px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.reservation-pick-up-state-goodsifo .middle-ifo .msg {
  height: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 20px;
}
.reservation-pick-up-state-goodsifo .middle-ifo .msg .pipe {
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.25);
}
.reservation-pick-up-state-goodsifo .right-num {
  font-weight: 700;
  font-size: 14px;
}

.reservation-pick-up-state-goodsifo {
  height: 92px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: #F9F9F9;
}
.reservation-pick-up-state-goodsifo .left-img {
  height: 50px;
  width: 44px;
}
.reservation-pick-up-state-goodsifo .left-img .proImg {
  width: 100%;
  height: 100%;
}
.reservation-pick-up-state-goodsifo .middle-ifo {
  padding: 0 10px;
  flex: 1;
}
.reservation-pick-up-state-goodsifo .middle-ifo .name {
  height: 30px;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.reservation-pick-up-state-goodsifo .middle-ifo .msg {
  height: 20px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 20px;
}
.reservation-pick-up-state-goodsifo .middle-ifo .msg .pipe {
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.25);
}
.reservation-pick-up-state-goodsifo .right-num {
  font-weight: 700;
  font-size: 14px;
}

.reservation-pick-up-state-content {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 16px;
}

.reservation-pick-up-state-info {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 16px;
  font-size: 14px;
  line-height: 18px;
}
.reservation-pick-up-state-info .item {
  padding: 5px 0;
  font-weight: 700;
  display: flex;
  min-height: 36px;
  box-sizing: border-box;
  line-height: 18px;
}
.reservation-pick-up-state-info .item .left-title {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  width: 100px;
  text-align: right;
}
.reservation-pick-up-state-info .item .title {
  color: #000;
  font-weight: 700;
  font-size: 16px;
}
.reservation-pick-up-state-info .item .right-updateinfo {
  text-align: right;
}
.reservation-pick-up-state-info .item .right-updateinfo .update-title {
  color: #00A862;
}
.reservation-pick-up-state-info .item .right-updateinfo .update-time {
  color: rgba(0, 0, 0, 0.3);
  font-size: 10px;
  font-weight: 400;
}
.reservation-pick-up-state-info .item .item-info {
  flex: 1;
}
.reservation-pick-up-state-info .item .item-info .area {
  margin: 0 5px;
}
.reservation-pick-up-state-info .item .title-name .name {
  display: flex;
  justify-content: space-between;
}
.reservation-pick-up-state-info .item .right-icon {
  width: 51px;
  background-repeat: no-repeat;
  background-position: center right;
}
.reservation-pick-up-state-info .item .icon-phone {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADwklEQVR4AdRZA8wkTRCtH2fbRnzxWbEvPhvTe7Zt24h57J2zbSs627YW9ZLJXmU+zfTu7N33ksr2oAuN6lezlBKcHFyA7N6tyFYLKax2Udi6SVq9Im19JwjauIdneAfvos8fxfbeJUiHurJjmuUzOxrzJeiDvtABXWnDNqsg2WocG/8AR1Ii0AWd0B0YYhv+I60sNvgkCyeuskxjac+j2pJ29K1Lh/oUhqCNe3jmvHM1i2CewAZspXjUQ5UorM5l6rS2BtHWfjXIJ9AHfTMNBrZgMyUIWw0wMi7H77ORzhSb9C8lC+iALuh0zwZsJwVbdWQlX4XS72xsJB2alJ9SDOiEbtgQA/UVPhg77xqRF7zJmlLAgA3YkrZ9B4GpkyPP7Su8EatRugBbsClnAj553rByzUMRMkm6AZsiCPgE33JMla5s8yKYkfc+E3I5wbdsUyxysNywgax5gz0hNzZ8zPqElUtHh0bQ3wJkJ7mU4KsbOMplnk8mVQaSYuU5AV8zEDPJbXCw5ISd/Ytyn8X87iHuc5jbB7k9h+/noyAAnyR3kgQQjFDSA08nLGixtiL8ftTpG0WbbGs4BQH4JGgHfJZ5X4s1Noi8QKsDpHtFXRTjJ4/URgoI8E3Y0oliRPJ5z8RMqzD3++UKAAEdo6AA32Q9Ad9RHclDy8eaXIkRz4QS36UAIQ83+I6RXCRy7FQf0zlerH85C58CDmCayEYLCXWqMN7exwy0yaIoeR1wAO1FttyFGzfFzm7pfQYGFSftWkJbrAhptZoCBHwUA34TS+hV4gZKPz+wkYkSGxkp9BjhfAgQ8FEs+VckeYZv1mmHerlKwQnpYKmSryUXwHkrDyHrYBawocO9viLVpTOA5JYQsFW1EwoRyHWyRxRJ3xIy2cQSsdg/PPKHxF6IsOzDSKVlE7vTqCFnL816HrA4WUlFMBNsrLo4ufvjHf79CEqM5w4RHEp7hhUyTqM4DEQA08gUdu96PBOffgeBGcHnw9DYhA3XwedwKQ5WLTE9yNxU4ioBSQVhPWL5JR3OVvAOZsIjJCOF7+ZkLivsCZXlmTjlLKVf+PUgh03JnAc6bcjdwdfD6olj7Ff2M2AdNKHTBgWNyf8GaiDrPImNLZbVTyeoCITbC4wKGoOS0hw7+pR3ZmUyB7WOf3ew7GaZhSxkXlJmUdSjts0FRX3Wn1XwKSN3fVaJbwgNbA35ocUhPbg7pIfXR8oEB+EpJlARS88ppiE9yTc6zUrCRPdF0MAYoYluqJqLhCa6R5caDJXFHkN+uQ0AU6GJ59dcldQAAAAASUVORK5CYII=);
  background-position: top right;
  background-size: 16px 16px;
}
.reservation-pick-up-state-info .item .icon-map {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAABKUlEQVR4AY2QAUQ0URSFDz9/QkIIFgQgIAgFQEVBCQDvvt0kiwIEFhAAAAkEc9/aasVCAKBEAASArYISAGg/eZjsNPNxuc79zswYlbg6WpDHntyeJvPFsJNx01TctuXhQ24XKuKqhmGOYSfjhqMSqbMmD29KtqEquOHggtLxrIrwrH57U3V43MKlI3k4ldulMqn3XzcHZ7rujMWwk2Vw6cjDg/pxXZmf0kijbksMO1kGl47cPpU688rwFgoZdrIMLh15eNcwLjYu4vKTVIRbedht/Km4dOTtfbk9KqV/dT8HB5dOfsqdUjhRHTi4GQ0Ol+Q2Vop7qoIbDm6JwpYn86oUdvQLMm44VU9dkdtL6bPZybj9ySC25HYvD86wk6kRo+6M3M4Zdk3hGxEduhr7xGxGAAAAAElFTkSuQmCC);
}
.reservation-pick-up-state-info .right {
  justify-content: space-between;
}

.reservation-pick-up-state-qrcode {
  background-color: #fff;
  border-radius: 8px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.25);
  text-align: center;
  font-size: 12px;
  padding: 20px 0;
  height: 271px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reservation-pick-up-state-qrcode .header {
  color: rgba(0, 0, 0, 0.25);
  line-height: 17px;
}
.reservation-pick-up-state-qrcode .code {
  width: 150px;
  height: 150px;
  margin: 10px auto;
  position: relative;
}
.reservation-pick-up-state-qrcode .code .img-expired {
  position: absolute;
  width: 97px;
  height: 78px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABOCAMAAAAHIohyAAACZ1BMVEUAAAD///+ZmZmdnZ2fn5+fn5+ampqampqenp6lpaWzs7OampqZmZmampqampqbm5uZmZmbm5uZmZmampqampqampqZmZmampqbm5uampqbm5ucnJyZmZmfn5+bm5uampqampqbm5uenp7MzMyqqqqcnJycnJycnJyZmZmZmZmZmZmampqZmZmbm5uampq/v7+dnZ2ampqampqampqampqioqKdnZ2ampqbm5uampqampqioqKampqbm5uZmZmbm5ufn5+YmJiZmZmqqqqZmZmbm5ucnJz///+ZmZmqqqqZmZmZmZmkpKSZmZmioqKSkpKqqqqbm5ucnJybm5uampqampqZmZmampqampqcnJybm5uampqampqZmZmZmZmbm5udnZ2ampqampqZmZmampqbm5ubm5uampqZmZmZmZmbm5uampqampqhoaGenp6ampqampqbm5uampqbm5uampqampqdnZ2cnJyampqZmZmampqbm5ubm5uZmZmZmZmampqampqbm5ubm5uampqampqcnJyenp6dnZ2ampqampqZmZmXl5ebm5ubm5uZmZmampqcnJybm5uampqcnJyampqenp6enp6ampqampqZmZmZmZmbm5uZmZmampqbm5uampqbm5uampqZmZmampqZmZmYmJiZmZmZmZmbm5uampqcnJyampqampqfn5+bm5uZmZmampqbm5uYmJidnZ2ZmZmampqZmZmbm5ucnJyampqqqqqbm5uampqdnZ2ZmZmfn5+ampqZmZmbm5uZmZmampqampqampqampqampqampqhoaGjo6Obm5vgSuQuAAAAzXRSTlMAAhQaICUrMCoRCjVkjazGtLKnoZyfvMSqkHVIDwiRwG09IgUJJD5VjMGgZTyERwQ0b6m2XQtOtVSDvhaaF3GCEC+bDLthTQFQEiioDoUeBwNjLG6kzHM/sDtmx5eAo31Gi7/IiBxAuiOPRbhWJhVbiTO5IZ1oOTGzh3Q4nq+TmMWlcEx8WjInWI5LG1xpt8o2UlFivTodwqLDmS5/U4qmKUR7SWxXlGdPhnZ3ri1Za4F6Qw2tYDdeH34GlpJBXxiry0J4yWp5crGVExlKJXhTsAAACDtJREFUeAG114VXG1kDBfAb3DfQ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);
  background-repeat: no-repeat;
  right: -30%;
  top: -10%;
}
.reservation-pick-up-state-qrcode .code .img-used {
  background-image: url(data:image/png;base64,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);
}
.reservation-pick-up-state-qrcode .code .code-expired {
  opacity: 0.1;
}
.reservation-pick-up-state-qrcode .code-tip {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.reservation-pick-up-state-qrcode .tip-expired {
  color: rgba(0, 0, 0, 0.5);
}
.reservation-pick-up-state-qrcode .tip {
  color: rgba(0, 0, 0, 0.5);
}

.reservation-pick-up-state-footer {
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 96px 10px;
  height: 10px;
  margin-top: 20px;
}

.title-h3 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 47px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.5);
  padding-left: 70px;
}
.navbar + .placeholder {
  height: 47px;
}
.navbar h3 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.navbar .close-icon {
  position: absolute;
  bottom: -14px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.37);
  color: #fff;
  font-size: 17px;
  border-radius: 50%;
}
.navbar .close-icon svg {
  fill: #fff;
}
.page {
  min-height: 100vh;
  background: #f7f8f9;
}
.page .block {
  width: 90%;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
  margin: 0 auto 14px auto;
  padding: 15px;
}
.page .wuliu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f7f7;
  margin-top: 24px;
  border-radius: 8px;
  padding: 12px;
}
.page .wuliu-header img {
  height: 21px;
  max-width: 50px;
}
.page .wuliu-header .info {
  display: flex;
  align-items: center;
  font-size: 12px;
  -ms-transform: scale(0.9);
      transform: scale(0.9);
  -ms-transform-origin: right center;
      transform-origin: right center;
}
.page .wuliu-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.page .wuliu-footer .wuliu-footer-line {
  width: 16px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.page .wuliu-footer span {
  margin: 0 8px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
}
.page .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 145px;
  height: auto;
  margin: 0 auto;
}
.page .empty .no-info {
  width: 158px;
}
.page .empty .text {
  margin-top: 11px;
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 400;
}
.page .split {
  width: 1px;
  height: 10px;
  background: #d8d8d8;
  margin: 0 10px;
}
.page .copy {
  color: #00a862;
  font-size: 15px;
  cursor: pointer;
}
.select-goods {
  background: linear-gradient(#E2E9E7, #F7F7F7 150px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.select-goods .page-select-goods .select-goods-header {
  padding: 22px 25px 62px;
}
.select-goods .page-select-goods .select-goods-header .select-goods-header-box {
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 22px;
  position: relative;
}
.select-goods .page-select-goods .select-goods-header .select-goods-header-btn {
  height: 22px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.select-goods .page-select-goods .select-goods-header1 {
  padding-top: 32px;
  padding-bottom: 24px;
}
.select-goods .page-select-goods .select-goods-header2 {
  padding-top: 32px;
  padding-bottom: 16px;
}
.select-goods .page-select-goods .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.select-goods .page-select-goods > .block {
  padding: 80px 5px 15px 16px;
  margin-bottom: 65px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
  position: relative;
}
.select-goods .page-select-goods > .block > h2 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 25px;
}
.select-goods .page-select-goods > .block .subtitle {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.59);
  line-height: 17px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.select-goods .page-select-goods > .block .subtitle .subtitle-line {
  flex: 1;
  height: 1px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjU0cHgiIGhlaWdodD0iMXB4IiB2aWV3Qm94PSIwIDAgMjU0IDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55u057q/IDRAMS41eDwvdGl0bGU+CiAgICA8ZyBpZD0i5rWB56iLIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjUwMjk1MjM5OCIgc3Ryb2tlLWRhc2hhcnJheT0iMSwyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj4KICAgICAgICA8ZyBpZD0iSDUtc3RhcmRhc2hf6YCJ5oup6aKE57qm5ZWG5ZOBX+S4gOS4quWVhuWTgeaXtiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg5LjAwMDAwMCwgLTIxNi4wMDAwMDApIiBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iMC41Ij4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDE0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSI3NC41IiB5MT0iNjguNSIgeDI9IjMyNy41IiB5Mj0iNjguNSIgaWQ9IuebtOe6vy00Ij48L2xpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.select-goods .page-select-goods > .block .subtitle span {
  position: relative;
  z-index: 12;
  display: block;
  height: 30px;
  line-height: 30px;
  background: #fff;
  margin-right: 10px;
}
.select-goods .page-select-goods > .block .goods-title {
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 0 16px;
  position: absolute;
  top: -30px;
  left: 0;
}
.select-goods .page-select-goods > .block .goods-title-img {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  background-color: #f7f8f9;
  position: relative;
}
.select-goods .page-select-goods > .block .goods-title-img-src {
  width: 100%;
}
.select-goods .page-select-goods > .block .goods-title-img .image-viewer {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  padding: 6px 6px 9px 9px;
  box-sizing: initial;
}
.select-goods .page-select-goods > .block .goods-title-name {
  flex: 1;
  font-size: 17px;
  color: #000;
  font-weight: bold;
  line-height: 24px;
  margin-right: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-goods .page-select-goods > .block .goods-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.select-goods .page-select-goods > .block .goods-list-box {
  max-width: 100%;
  padding: 0;
  margin: 8px 16px 8px 0;
  position: relative;
}
.select-goods .page-select-goods > .block .goods-list-box .option-tip {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 6px;
  font-weight: 400;
  border-radius: 0px 4px 0px 4px;
  border: 1px solid #ffffff;
  position: absolute;
  top: -10px;
  right: 0;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
  -ms-transform-origin: right center;
      transform-origin: right center;
}
.select-goods .page-select-goods > .block .goods-list-box .option-tip-no {
  color: #6d6d6d;
  background: #eaeaea;
}
.select-goods .page-select-goods > .block .goods-list-box .option-tip-tight {
  color: #cba258;
  background: #faebd3;
}
.select-goods .page-select-goods > .block .goods-list-item {
  max-width: 100%;
  border: 1px solid #cacaca;
}
.select-goods .page-select-goods > .block .goods-list-item .color {
  max-width: 100%;
  min-width: 70px;
  text-align: center;
  height: 30px;
  padding: 0 16px;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-goods .page-select-goods > .block .goods-list-item.active {
  border: 1px solid #00a862;
}
.select-goods .page-select-goods > .block .goods-list-item.active .color {
  background: rgba(0, 98, 65, 0.06);
  color: #00a862;
}
.select-goods .page-select-goods > .block .goods-list-item.disabled {
  pointer-events: none;
  opacity: 0.29;
}
.select-goods .page-select-goods > .block .model-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.select-goods .page-select-goods > .block .model-list-item {
  padding: 3px 6px;
  background: #f8f8f8;
  border: 1px solid #cacaca;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
  margin: 10px 8px 6px 0;
}
.select-goods .page-select-goods > .block .model-list-item.active {
  border: 1px solid #00a862;
  color: #00a862;
}
.select-goods .page-select-goods > .block .model-list-item.disabled {
  background: #f8f8f8;
  opacity: 0.29;
  border: 1px solid #cacaca;
  color: #000;
  pointer-events: none;
}
.select-goods .page-select-goods .sku-one {
  width: 90%;
  background: #fff;
  margin: 0 auto;
  padding: 12px 12px 24px;
  border-radius: 8px;
}
.select-goods .page-select-goods .sku-one-image {
  width: 100%;
  background: #f7f8f9;
  border-radius: 4px;
  overflow: hidden;
}
.select-goods .page-select-goods .sku-one-image img {
  width: 100%;
}
.select-goods .page-select-goods .sku-one-desc {
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  margin-top: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-goods .page-select-goods .sku-more {
  width: 90%;
  background: #fff;
  margin: 0 auto 8px;
  padding: 10px 17px 10px 10px;
  border-radius: 8px;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.select-goods .page-select-goods .sku-more.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.select-goods .page-select-goods .sku-more-image {
  width: 100px;
  background: #f7f8f9;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.select-goods .page-select-goods .sku-more-image-own {
  width: 100%;
}
.select-goods .page-select-goods .sku-more-image .image-viewer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  padding: 8px;
  box-sizing: initial;
}
.select-goods .page-select-goods .sku-more-info {
  flex: 1;
  margin-left: 14px;
  margin-right: 20px;
}
.select-goods .page-select-goods .sku-more-info-desc {
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-goods .page-select-goods .sku-more-info-tip {
  margin-top: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cba258;
  line-height: 17px;
}
.select-goods .page-select-goods .sku-more-info-tip-some {
  color: #cba258;
}
.select-goods .page-select-goods .sku-more-info-tip-no {
  color: #e75b52;
}
.select-goods .page-select-goods .sku-more-operation {
  width: 20px;
  display: flex;
  align-items: center;
}
.select-goods .page-select-goods .sku-more-operation-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #006241;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-goods .page-select-goods .sku-more-operation-radio-active {
  border: 2px solid #006241;
}
.select-goods .page-select-goods .sku-more-operation-select {
  width: 8px;
  height: 8px;
  background: #006241;
  border-radius: 50%;
}
.select-goods .toolbar {
  width: 100%;
  background-color: #fff;
}
.select-goods .toolbar .show-text {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 17px;
  padding: 10px 18px 7px 18px;
}
.select-goods .toolbar button.btn-next {
  display: block;
  width: 90%;
  height: 50px;
  background: #006241;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 8px auto 34px;
  outline: 0;
  border: 0;
}
.select-goods .toolbar button.btn-next.disabled {
  background: rgba(0, 0, 0, 0.15);
}
.selectgoods-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.selectgoods-loading .loading-icon {
  width: 50px;
  animation: loadingIconRotate 1.5s linear infinite;
  -webkit-animation: loadingIconRotate 1.5s linear infinite;
}
.selectgoods-loading .loading-txt {
  font-size: 14px;
  color: #707070;
  margin-top: 20px;
}
@keyframes loadingIconRotate {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.order-detail {
  background: linear-gradient(#E2E9E7, #F7F7F7 150px);
}
.order-detail .order-detail-content {
  padding: 18px 18px 20px 18px;
}
.order-detail .order-detail-content .block {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  border-radius: 13px;
  padding: 30px 14px 22px;
}
.order-detail .order-detail-content .product-block {
  padding: 16px;
}
.order-detail .order-detail-content .order-block {
  padding-bottom: 30px;
  position: relative;
}
.order-detail .order-detail-content .order-block .order-service {
  width: 100%;
  height: 42px;
  border-top: 1px solid #efefef;
  font-size: 15px;
  color: #00a862;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-detail .order-detail-content .order-block .order-service img {
  width: 16px;
  margin-right: 14px;
}
.order-detail .order-detail-status {
  display: flex;
  align-items: flex-end;
  font-family: NotoSansCJKtc;
  color: #000;
}
.order-detail .order-detail-status .status-txt {
  font-size: 19px;
  font-weight: bold;
  line-height: 19px;
}
.order-detail .order-detail-status .status-time {
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  margin-left: 15px;
}
.order-detail .order-detail-tip {
  width: 100%;
  margin-top: 10px;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  background: #00a862;
  border-radius: 4px;
  color: #fff;
  text-align: left;
}
.order-detail .order-detail-qrcode {
  padding: 0 !important;
}
.order-detail .order-detail-qrcode .qrcode-more {
  padding: 18px 14px 14px;
  text-align: center;
}
.order-detail .order-detail-qrcode .qrcode-more > p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #000000;
}
.order-detail .order-detail-qrcode .qrcode-more h4 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: 14px;
}
.order-detail .order-detail-qrcode .qrcode-more h5 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #000000;
  margin-top: 25px;
}
.order-detail .order-detail-qrcode .qrcode-more h5 > span {
  margin-left: 10px;
}
.order-detail .order-detail-qrcode .qrcode-more .code-tip {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  line-height: 13px;
  margin-top: 25px;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots {
  display: block !important;
  bottom: -5px;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots li {
  margin: 0 4px;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots li > button {
  width: 8px;
  height: 8px;
  background-color: #D1D1D1;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots li.slick-active button {
  width: 22px;
  border-radius: 11px;
  background: #006944;
}
.order-detail .order-detail-qrcode .qrcode-more-box {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 14px;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img {
  width: 200px;
  height: 200px;
  margin-top: 18px;
  position: relative;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-icon img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-status {
  width: 102%;
  height: 102%;
  position: absolute;
  top: -1%;
  left: -1%;
  background: rgba(255, 255, 255, 0.8);
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-status img {
  width: 74px;
  height: 76px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -38px;
  margin-left: -37px;
}
.order-detail .order-detail-qrcode .qrcode-more-box-padding {
  padding-bottom: 30px;
}
.order-detail .order-detail-qrcode .qrcode-one .qrcode-more-box {
  padding-bottom: 20px;
}
.order-detail .header-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 35px;
  margin-bottom: 20px;
}
.order-detail .header-title .title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.order-detail .header-title .status {
  font-size: 16px;
  font-weight: 600;
  color: #00a862;
}
.order-detail .header-title .status.refuse {
  color: #d8d8d8;
}
.order-detail .detail-freight {
  margin-top: 30px;
}
.order-detail .detail-freight .freight-list {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 12px;
  margin-bottom: 16px;
}
.order-detail .detail-freight .freight-total {
  display: flex;
  justify-content: flex-end;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
.order-detail .detail-freight .freight-total .freight-total-title {
  font-weight: bold;
  display: inline-block;
  width: 55px;
}
.order-detail .detail-freight .freight-total .freight-total-value {
  color: #00A862;
}
.order-detail .reservation-detail-actions {
  width: 100%;
  padding: 20px 42px 0;
}
.order-detail .infos-list {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.order-detail .infos-list-item {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  line-height: 29px;
}
.order-detail .infos-list-item .text {
  font-weight: 400;
  color: #7c7c7c;
  width: 100px;
}
.order-detail .infos-list-item .value {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #000;
  word-break: break-all;
  word-break: break-word;
}
.order-detail .infos-list-item .value .reserveNumber {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-detail .infos-list-item .value .copy {
  color: #00a862;
  cursor: pointer;
}
.order-detail .infos-list-item .icon-phone {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADwklEQVR4AdRZA8wkTRCtH2fbRnzxWbEvPhvTe7Zt24h57J2zbSs627YW9ZLJXmU+zfTu7N33ksr2oAuN6lezlBKcHFyA7N6tyFYLKax2Udi6SVq9Im19JwjauIdneAfvos8fxfbeJUiHurJjmuUzOxrzJeiDvtABXWnDNqsg2WocG/8AR1Ii0AWd0B0YYhv+I60sNvgkCyeuskxjac+j2pJ29K1Lh/oUhqCNe3jmvHM1i2CewAZspXjUQ5UorM5l6rS2BtHWfjXIJ9AHfTMNBrZgMyUIWw0wMi7H77ORzhSb9C8lC+iALuh0zwZsJwVbdWQlX4XS72xsJB2alJ9SDOiEbtgQA/UVPhg77xqRF7zJmlLAgA3YkrZ9B4GpkyPP7Su8EatRugBbsClnAj553rByzUMRMkm6AZsiCPgE33JMla5s8yKYkfc+E3I5wbdsUyxysNywgax5gz0hNzZ8zPqElUtHh0bQ3wJkJ7mU4KsbOMplnk8mVQaSYuU5AV8zEDPJbXCw5ISd/Ytyn8X87iHuc5jbB7k9h+/noyAAnyR3kgQQjFDSA08nLGixtiL8ftTpG0WbbGs4BQH4JGgHfJZ5X4s1Noi8QKsDpHtFXRTjJ4/URgoI8E3Y0oliRPJ5z8RMqzD3++UKAAEdo6AA32Q9Ad9RHclDy8eaXIkRz4QS36UAIQ83+I6RXCRy7FQf0zlerH85C58CDmCayEYLCXWqMN7exwy0yaIoeR1wAO1FttyFGzfFzm7pfQYGFSftWkJbrAhptZoCBHwUA34TS+hV4gZKPz+wkYkSGxkp9BjhfAgQ8FEs+VckeYZv1mmHerlKwQnpYKmSryUXwHkrDyHrYBawocO9viLVpTOA5JYQsFW1EwoRyHWyRxRJ3xIy2cQSsdg/PPKHxF6IsOzDSKVlE7vTqCFnL816HrA4WUlFMBNsrLo4ufvjHf79CEqM5w4RHEp7hhUyTqM4DEQA08gUdu96PBOffgeBGcHnw9DYhA3XwedwKQ5WLTE9yNxU4ioBSQVhPWL5JR3OVvAOZsIjJCOF7+ZkLivsCZXlmTjlLKVf+PUgh03JnAc6bcjdwdfD6olj7Ff2M2AdNKHTBgWNyf8GaiDrPImNLZbVTyeoCITbC4wKGoOS0hw7+pR3ZmUyB7WOf3ew7GaZhSxkXlJmUdSjts0FRX3Wn1XwKSN3fVaJbwgNbA35ocUhPbg7pIfXR8oEB+EpJlARS88ppiE9yTc6zUrCRPdF0MAYoYluqJqLhCa6R5caDJXFHkN+uQ0AU6GJ59dcldQAAAAASUVORK5CYII=);
  background-size: cover;
}
.order-detail .btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-detail .btns button {
  outline: none;
  width: 82px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  border: 1px solid #00a862;
  color: #00a862;
  font-size: 13px;
  font-weight: 500;
  background: #fff;
  margin: 10px 0 10px 15px;
}
.order-detail .tip {
  width: 100%;
  text-align: right;
  font-size: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.58);
  line-height: 16px;
}
.order-detail .wuliu-info .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 145px;
  height: auto;
  margin: 20px auto;
}
.order-detail .wuliu-info .empty .no-info {
  width: 145px;
}
.order-detail .wuliu-info .empty .text {
  margin: 25px 0;
  font-size: 13px;
  color: #d8d8d8;
}
.order-detail .wuliu-info .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #f7f7f7;
  border-radius: 8px;
  margin: 20px auto;
  padding: 15px 10px;
}
.order-detail .wuliu-info .info-list {
  margin: 20px 0;
}
.order-detail .wuliu-info .info-list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 65px;
}
.order-detail .wuliu-info .info-list-item .time {
  font-size: 13px;
  font-weight: 400;
  color: #d8d8d8;
  line-height: 16px;
}
.order-detail .wuliu-info .info-list-item .time .min {
  margin-top: 5px;
  font-size: 12px;
}
.order-detail .wuliu-info .info-list-item .dot {
  position: relative;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8d8d8;
  margin: 0 20px;
}
.order-detail .wuliu-info .info-list-item .dot.line:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 15px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 1px;
  height: 45px;
  background: #d8d8d8;
}
.order-detail .wuliu-info .info-list-item .content {
  flex: 1;
}
.previewImgVisible {
  background-color: #000 !important;
}
.previewImgVisible .ant-modal {
  width: 100vw !important;
  max-width: 100vw !important;
}
.previewImgVisible .ant-modal-content {
  background: transparent;
}
.previewImgVisible .ant-modal-body {
  line-height: 1;
}
.reservation-pick-up-state {
  font-family: PingFangSC-Medium;
}
.ant-message {
  top: initial !important;
  bottom: 100px !important;
}
.ant-message .ant-message-notice-content {
  background: #3d3935;
  width: 343px;
  border-radius: 6px;
  height: 48px;
  box-sizing: border-box;
}
.ant-message .ant-message-notice-content .ant-message-custom-content {
  color: #fff;
  text-align: left;
  line-height: 28px;
}
.ant-message .ant-message-notice-content .ant-message-custom-content .anticon {
  display: none;
}

.title-h3 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 47px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.5);
  padding-left: 70px;
}
.navbar + .placeholder {
  height: 47px;
}
.navbar h3 {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.navbar .close-icon {
  position: absolute;
  bottom: -14px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.37);
  color: #fff;
  font-size: 17px;
  border-radius: 50%;
}
.navbar .close-icon svg {
  fill: #fff;
}
.page {
  min-height: 100vh;
  background: #f7f8f9;
}
.page .block {
  width: 90%;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
  margin: 0 auto 14px auto;
  padding: 15px;
}
.page .wuliu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f7f7;
  margin-top: 24px;
  border-radius: 8px;
  padding: 12px;
}
.page .wuliu-header img {
  height: 21px;
  max-width: 50px;
}
.page .wuliu-header .info {
  display: flex;
  align-items: center;
  font-size: 12px;
  -ms-transform: scale(0.9);
      transform: scale(0.9);
  -ms-transform-origin: right center;
      transform-origin: right center;
}
.page .wuliu-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.page .wuliu-footer .wuliu-footer-line {
  width: 16px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.page .wuliu-footer span {
  margin: 0 8px;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 17px;
}
.page .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 145px;
  height: auto;
  margin: 0 auto;
}
.page .empty .no-info {
  width: 158px;
}
.page .empty .text {
  margin-top: 11px;
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 400;
}
.page .split {
  width: 1px;
  height: 10px;
  background: #d8d8d8;
  margin: 0 10px;
}
.page .copy {
  color: #00a862;
  font-size: 15px;
  cursor: pointer;
}
.select-goods {
  background: linear-gradient(#E2E9E7, #F7F7F7 150px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.select-goods .page-select-goods .select-goods-header {
  padding: 22px 25px 62px;
}
.select-goods .page-select-goods .select-goods-header .select-goods-header-box {
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 22px;
  position: relative;
}
.select-goods .page-select-goods .select-goods-header .select-goods-header-btn {
  height: 22px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.select-goods .page-select-goods .select-goods-header1 {
  padding-top: 32px;
  padding-bottom: 24px;
}
.select-goods .page-select-goods .select-goods-header2 {
  padding-top: 32px;
  padding-bottom: 16px;
}
.select-goods .page-select-goods .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.select-goods .page-select-goods > .block {
  padding: 80px 5px 15px 16px;
  margin-bottom: 65px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
  position: relative;
}
.select-goods .page-select-goods > .block > h2 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 25px;
}
.select-goods .page-select-goods > .block .subtitle {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.59);
  line-height: 17px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.select-goods .page-select-goods > .block .subtitle .subtitle-line {
  flex: 1;
  height: 1px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjU0cHgiIGhlaWdodD0iMXB4IiB2aWV3Qm94PSIwIDAgMjU0IDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55u057q/IDRAMS41eDwvdGl0bGU+CiAgICA8ZyBpZD0i5rWB56iLIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjUwMjk1MjM5OCIgc3Ryb2tlLWRhc2hhcnJheT0iMSwyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj4KICAgICAgICA8ZyBpZD0iSDUtc3RhcmRhc2hf6YCJ5oup6aKE57qm5ZWG5ZOBX+S4gOS4quWVhuWTgeaXtiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg5LjAwMDAwMCwgLTIxNi4wMDAwMDApIiBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iMC41Ij4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDE0OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxsaW5lIHgxPSI3NC41IiB5MT0iNjguNSIgeDI9IjMyNy41IiB5Mj0iNjguNSIgaWQ9IuebtOe6vy00Ij48L2xpbmU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}
.select-goods .page-select-goods > .block .subtitle span {
  position: relative;
  z-index: 12;
  display: block;
  height: 30px;
  line-height: 30px;
  background: #fff;
  margin-right: 10px;
}
.select-goods .page-select-goods > .block .goods-title {
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 0 16px;
  position: absolute;
  top: -30px;
  left: 0;
}
.select-goods .page-select-goods > .block .goods-title-img {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  background-color: #f7f8f9;
  position: relative;
}
.select-goods .page-select-goods > .block .goods-title-img-src {
  width: 100%;
}
.select-goods .page-select-goods > .block .goods-title-img .image-viewer {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  padding: 6px 6px 9px 9px;
  box-sizing: initial;
}
.select-goods .page-select-goods > .block .goods-title-name {
  flex: 1;
  font-size: 17px;
  color: #000;
  font-weight: bold;
  line-height: 24px;
  margin-right: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-goods .page-select-goods > .block .goods-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.select-goods .page-select-goods > .block .goods-list-box {
  max-width: 100%;
  padding: 0;
  margin: 8px 16px 8px 0;
  position: relative;
}
.select-goods .page-select-goods > .block .goods-list-box .option-tip {
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 6px;
  font-weight: 400;
  border-radius: 0px 4px 0px 4px;
  border: 1px solid #ffffff;
  position: absolute;
  top: -10px;
  right: 0;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
  -ms-transform-origin: right center;
      transform-origin: right center;
}
.select-goods .page-select-goods > .block .goods-list-box .option-tip-no {
  color: #6d6d6d;
  background: #eaeaea;
}
.select-goods .page-select-goods > .block .goods-list-box .option-tip-tight {
  color: #cba258;
  background: #faebd3;
}
.select-goods .page-select-goods > .block .goods-list-item {
  max-width: 100%;
  border: 1px solid #cacaca;
}
.select-goods .page-select-goods > .block .goods-list-item .color {
  max-width: 100%;
  min-width: 70px;
  text-align: center;
  height: 30px;
  padding: 0 16px;
  background: #f8f8f8;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-goods .page-select-goods > .block .goods-list-item.active {
  border: 1px solid #00a862;
}
.select-goods .page-select-goods > .block .goods-list-item.active .color {
  background: rgba(0, 98, 65, 0.06);
  color: #00a862;
}
.select-goods .page-select-goods > .block .goods-list-item.disabled {
  pointer-events: none;
  opacity: 0.29;
}
.select-goods .page-select-goods > .block .model-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.select-goods .page-select-goods > .block .model-list-item {
  padding: 3px 6px;
  background: #f8f8f8;
  border: 1px solid #cacaca;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
  margin: 10px 8px 6px 0;
}
.select-goods .page-select-goods > .block .model-list-item.active {
  border: 1px solid #00a862;
  color: #00a862;
}
.select-goods .page-select-goods > .block .model-list-item.disabled {
  background: #f8f8f8;
  opacity: 0.29;
  border: 1px solid #cacaca;
  color: #000;
  pointer-events: none;
}
.select-goods .page-select-goods .sku-one {
  width: 90%;
  background: #fff;
  margin: 0 auto;
  padding: 12px 12px 24px;
  border-radius: 8px;
}
.select-goods .page-select-goods .sku-one-image {
  width: 100%;
  background: #f7f8f9;
  border-radius: 4px;
  overflow: hidden;
}
.select-goods .page-select-goods .sku-one-image img {
  width: 100%;
}
.select-goods .page-select-goods .sku-one-desc {
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  margin-top: 16px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-goods .page-select-goods .sku-more {
  width: 90%;
  background: #fff;
  margin: 0 auto 8px;
  padding: 10px 17px 10px 10px;
  border-radius: 8px;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.select-goods .page-select-goods .sku-more.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.select-goods .page-select-goods .sku-more-image {
  width: 100px;
  background: #f7f8f9;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.select-goods .page-select-goods .sku-more-image-own {
  width: 100%;
}
.select-goods .page-select-goods .sku-more-image .image-viewer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
  padding: 8px;
  box-sizing: initial;
}
.select-goods .page-select-goods .sku-more-info {
  flex: 1;
  margin-left: 14px;
  margin-right: 20px;
}
.select-goods .page-select-goods .sku-more-info-desc {
  width: 100%;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000;
  line-height: 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.select-goods .page-select-goods .sku-more-info-tip {
  margin-top: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #cba258;
  line-height: 17px;
}
.select-goods .page-select-goods .sku-more-info-tip-some {
  color: #cba258;
}
.select-goods .page-select-goods .sku-more-info-tip-no {
  color: #e75b52;
}
.select-goods .page-select-goods .sku-more-operation {
  width: 20px;
  display: flex;
  align-items: center;
}
.select-goods .page-select-goods .sku-more-operation-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #006241;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-goods .page-select-goods .sku-more-operation-radio-active {
  border: 2px solid #006241;
}
.select-goods .page-select-goods .sku-more-operation-select {
  width: 8px;
  height: 8px;
  background: #006241;
  border-radius: 50%;
}
.select-goods .toolbar {
  width: 100%;
  background-color: #fff;
}
.select-goods .toolbar .show-text {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 17px;
  padding: 10px 18px 7px 18px;
}
.select-goods .toolbar button.btn-next {
  display: block;
  width: 90%;
  height: 50px;
  background: #006241;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 8px auto 34px;
  outline: 0;
  border: 0;
}
.select-goods .toolbar button.btn-next.disabled {
  background: rgba(0, 0, 0, 0.15);
}
.selectgoods-loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.selectgoods-loading .loading-icon {
  width: 50px;
  animation: loadingIconRotate 1.5s linear infinite;
  -webkit-animation: loadingIconRotate 1.5s linear infinite;
}
.selectgoods-loading .loading-txt {
  font-size: 14px;
  color: #707070;
  margin-top: 20px;
}
@keyframes loadingIconRotate {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.order-detail {
  background: linear-gradient(#E2E9E7, #F7F7F7 150px);
}
.order-detail .order-detail-content {
  padding: 18px 18px 20px 18px;
}
.order-detail .order-detail-content .block {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  border-radius: 13px;
  padding: 30px 14px 22px;
}
.order-detail .order-detail-content .product-block {
  padding: 16px;
}
.order-detail .order-detail-content .order-block {
  padding-bottom: 30px;
  position: relative;
}
.order-detail .order-detail-content .order-block .order-service {
  width: 100%;
  height: 42px;
  border-top: 1px solid #efefef;
  font-size: 15px;
  color: #00a862;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-detail .order-detail-content .order-block .order-service img {
  width: 16px;
  margin-right: 14px;
}
.order-detail .order-detail-status {
  display: flex;
  align-items: flex-end;
  font-family: NotoSansCJKtc;
  color: #000;
}
.order-detail .order-detail-status .status-txt {
  font-size: 19px;
  font-weight: bold;
  line-height: 19px;
}
.order-detail .order-detail-status .status-time {
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  margin-left: 15px;
}
.order-detail .order-detail-tip {
  width: 100%;
  margin-top: 10px;
  padding: 10px 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  background: #00a862;
  border-radius: 4px;
  color: #fff;
  text-align: left;
}
.order-detail .order-detail-qrcode {
  padding: 0 !important;
}
.order-detail .order-detail-qrcode .qrcode-more {
  padding: 18px 14px 14px;
  text-align: center;
}
.order-detail .order-detail-qrcode .qrcode-more > p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #000000;
}
.order-detail .order-detail-qrcode .qrcode-more h4 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #000000;
  margin-top: 14px;
}
.order-detail .order-detail-qrcode .qrcode-more h5 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #000000;
  margin-top: 25px;
}
.order-detail .order-detail-qrcode .qrcode-more h5 > span {
  margin-left: 10px;
}
.order-detail .order-detail-qrcode .qrcode-more .code-tip {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  line-height: 13px;
  margin-top: 25px;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots {
  display: block !important;
  bottom: -5px;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots li {
  margin: 0 4px;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots li > button {
  width: 8px;
  height: 8px;
  background-color: #D1D1D1;
}
.order-detail .order-detail-qrcode .qrcode-more .ant-carousel .slick-dots li.slick-active button {
  width: 22px;
  border-radius: 11px;
  background: #006944;
}
.order-detail .order-detail-qrcode .qrcode-more-box {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 14px;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img {
  width: 200px;
  height: 200px;
  margin-top: 18px;
  position: relative;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-icon img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-status {
  width: 102%;
  height: 102%;
  position: absolute;
  top: -1%;
  left: -1%;
  background: rgba(255, 255, 255, 0.8);
}
.order-detail .order-detail-qrcode .qrcode-more-box-img .qrcode-status img {
  width: 74px;
  height: 76px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -38px;
  margin-left: -37px;
}
.order-detail .order-detail-qrcode .qrcode-more-box-padding {
  padding-bottom: 30px;
}
.order-detail .order-detail-qrcode .qrcode-one .qrcode-more-box {
  padding-bottom: 20px;
}
.order-detail .header-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 35px;
  margin-bottom: 20px;
}
.order-detail .header-title .title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.order-detail .header-title .status {
  font-size: 16px;
  font-weight: 600;
  color: #00a862;
}
.order-detail .header-title .status.refuse {
  color: #d8d8d8;
}
.order-detail .detail-freight {
  margin-top: 30px;
}
.order-detail .detail-freight .freight-list {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 12px;
  margin-bottom: 16px;
}
.order-detail .detail-freight .freight-total {
  display: flex;
  justify-content: flex-end;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}
.order-detail .detail-freight .freight-total .freight-total-title {
  font-weight: bold;
  display: inline-block;
  width: 55px;
}
.order-detail .detail-freight .freight-total .freight-total-value {
  color: #00A862;
}
.order-detail .reservation-detail-actions {
  width: 100%;
  padding: 20px 42px 0;
}
.order-detail .infos-list {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.order-detail .infos-list-item {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  line-height: 29px;
}
.order-detail .infos-list-item .text {
  font-weight: 400;
  color: #7c7c7c;
  width: 100px;
}
.order-detail .infos-list-item .value {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #000;
  word-break: break-all;
  word-break: break-word;
}
.order-detail .infos-list-item .value .reserveNumber {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-detail .infos-list-item .value .copy {
  color: #00a862;
  cursor: pointer;
}
.order-detail .infos-list-item .icon-phone {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADwklEQVR4AdRZA8wkTRCtH2fbRnzxWbEvPhvTe7Zt24h57J2zbSs627YW9ZLJXmU+zfTu7N33ksr2oAuN6lezlBKcHFyA7N6tyFYLKax2Udi6SVq9Im19JwjauIdneAfvos8fxfbeJUiHurJjmuUzOxrzJeiDvtABXWnDNqsg2WocG/8AR1Ii0AWd0B0YYhv+I60sNvgkCyeuskxjac+j2pJ29K1Lh/oUhqCNe3jmvHM1i2CewAZspXjUQ5UorM5l6rS2BtHWfjXIJ9AHfTMNBrZgMyUIWw0wMi7H77ORzhSb9C8lC+iALuh0zwZsJwVbdWQlX4XS72xsJB2alJ9SDOiEbtgQA/UVPhg77xqRF7zJmlLAgA3YkrZ9B4GpkyPP7Su8EatRugBbsClnAj553rByzUMRMkm6AZsiCPgE33JMla5s8yKYkfc+E3I5wbdsUyxysNywgax5gz0hNzZ8zPqElUtHh0bQ3wJkJ7mU4KsbOMplnk8mVQaSYuU5AV8zEDPJbXCw5ISd/Ytyn8X87iHuc5jbB7k9h+/noyAAnyR3kgQQjFDSA08nLGixtiL8ftTpG0WbbGs4BQH4JGgHfJZ5X4s1Noi8QKsDpHtFXRTjJ4/URgoI8E3Y0oliRPJ5z8RMqzD3++UKAAEdo6AA32Q9Ad9RHclDy8eaXIkRz4QS36UAIQ83+I6RXCRy7FQf0zlerH85C58CDmCayEYLCXWqMN7exwy0yaIoeR1wAO1FttyFGzfFzm7pfQYGFSftWkJbrAhptZoCBHwUA34TS+hV4gZKPz+wkYkSGxkp9BjhfAgQ8FEs+VckeYZv1mmHerlKwQnpYKmSryUXwHkrDyHrYBawocO9viLVpTOA5JYQsFW1EwoRyHWyRxRJ3xIy2cQSsdg/PPKHxF6IsOzDSKVlE7vTqCFnL816HrA4WUlFMBNsrLo4ufvjHf79CEqM5w4RHEp7hhUyTqM4DEQA08gUdu96PBOffgeBGcHnw9DYhA3XwedwKQ5WLTE9yNxU4ioBSQVhPWL5JR3OVvAOZsIjJCOF7+ZkLivsCZXlmTjlLKVf+PUgh03JnAc6bcjdwdfD6olj7Ff2M2AdNKHTBgWNyf8GaiDrPImNLZbVTyeoCITbC4wKGoOS0hw7+pR3ZmUyB7WOf3ew7GaZhSxkXlJmUdSjts0FRX3Wn1XwKSN3fVaJbwgNbA35ocUhPbg7pIfXR8oEB+EpJlARS88ppiE9yTc6zUrCRPdF0MAYoYluqJqLhCa6R5caDJXFHkN+uQ0AU6GJ59dcldQAAAAASUVORK5CYII=);
  background-size: cover;
}
.order-detail .btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-detail .btns button {
  outline: none;
  width: 82px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  border: 1px solid #00a862;
  color: #00a862;
  font-size: 13px;
  font-weight: 500;
  background: #fff;
  margin: 10px 0 10px 15px;
}
.order-detail .tip {
  width: 100%;
  text-align: right;
  font-size: 11px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.58);
  line-height: 16px;
}
.order-detail .wuliu-info .empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 145px;
  height: auto;
  margin: 20px auto;
}
.order-detail .wuliu-info .empty .no-info {
  width: 145px;
}
.order-detail .wuliu-info .empty .text {
  margin: 25px 0;
  font-size: 13px;
  color: #d8d8d8;
}
.order-detail .wuliu-info .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #f7f7f7;
  border-radius: 8px;
  margin: 20px auto;
  padding: 15px 10px;
}
.order-detail .wuliu-info .info-list {
  margin: 20px 0;
}
.order-detail .wuliu-info .info-list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 65px;
}
.order-detail .wuliu-info .info-list-item .time {
  font-size: 13px;
  font-weight: 400;
  color: #d8d8d8;
  line-height: 16px;
}
.order-detail .wuliu-info .info-list-item .time .min {
  margin-top: 5px;
  font-size: 12px;
}
.order-detail .wuliu-info .info-list-item .dot {
  position: relative;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8d8d8;
  margin: 0 20px;
}
.order-detail .wuliu-info .info-list-item .dot.line:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 15px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 1px;
  height: 45px;
  background: #d8d8d8;
}
.order-detail .wuliu-info .info-list-item .content {
  flex: 1;
}
.previewImgVisible {
  background-color: #000 !important;
}
.previewImgVisible .ant-modal {
  width: 100vw !important;
  max-width: 100vw !important;
}
.previewImgVisible .ant-modal-content {
  background: transparent;
}
.previewImgVisible .ant-modal-body {
  line-height: 1;
}

.detail-product {
  position: relative;
  /* stylelint-disable */
}
.detail-product .goods-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0;
}
.detail-product .goods-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
}
.detail-product .goods-list-item:last-child {
  margin-bottom: 0 !important;
}
.detail-product .goods-list-item > img {
  width: 125px;
  height: 125px;
  flex-shrink: 0;
  margin-right: 6px;
}
.detail-product .goods-list-item .main {
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.detail-product .goods-list-item .main .title {
  width: 100%;
  color: #000;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.detail-product .goods-list-item .main .tag {
  color: #7c7c7c;
  font-size: 13px;
  line-height: 17px;
  margin-top: 5px;
  word-break: break-all;
}
.detail-product .goods-list-pickup {
  padding: 14px;
}
.detail-product .goods-list-pickup .goods-list-item {
  margin-bottom: 14px;
}
.detail-product .goods-list-circle {
  width: 20px;
  height: 20px;
  background-color: #f6f7f6;
  border-radius: 50%;
  position: absolute;
  top: -13px;
}
.detail-product .goods-list-circle-left {
  box-shadow: inset 0 0 #f6f7f6, inset -1px 0 rgba(0, 0, 0, 0.09), inset 0 0 #f6f7f6, inset 0 0 #f6f7f6;
  left: -10px;
}
.detail-product .goods-list-circle-right {
  box-shadow: inset 0 0 #f6f7f6, inset 0 0 #f6f7f6, inset 0 0 #f6f7f6, inset 1px 0 rgba(0, 0, 0, 0.09);
  right: -10px;
}
.detail-product-ticket {
  border-top: 6px dotted #f6f7f6;
}