/* 全局修改 ElementUI 的主颜色 */
/* 全局样式 */
html, body {
  --theme-color: #c75000;
  --theme-hover-color: #E6A23C;
  --theme-hover-bg-color: #faecd8;
  --theme-border-radius:0;
  --theme-border-color: #d1d1d1;
  --theme-input-text:#000
}

/* 假设 --el-color-warning 的实际值为 #E6A23C */
:root {
  --el-color-primary: var(--el-color-warning, --theme-color);
  --el-color-warning: var(--theme-color);
  --el-input-border-radius: var(--theme-border-radius);
  --el-border-radius-base: var(--theme-border-radius);
  --el-border-color: var(--theme-border-color);
  --el-text-color-regular:var(--theme-input-text);
  --el-input-text-color:var(--theme-input-text);
  --el-color-primary-light-5:var(--theme-border-color)
}
/*
flex
**/
.flex {
  display: flex !important;
}
.flex-1 {
  flex: 1;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.justify-content-around {
  justify-content: space-around;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-between {
  align-items: space-between;
}

.align-items-around {
  align-items: space-around;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-content-start {
  align-content: flex-start;
}

.align-content-end {
  align-content: flex-end;
}

.align-content-center {
  align-content: center;
}

.align-content-between {
  align-content: space-between;
}

.align-content-around {
  align-content: space-around;
}

.align-content-stretch {
  align-content: stretch;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

/*
flex
**/
.el-button {
  --el-button-hover-text-color: var(--theme-color) --el-button-active-border-color:var(--theme-color)
}

  .el-button:hover, .el-button:focus {
      color: var(--theme-color);
      border-color: var(--theme-hover-color);
      background-color: var(---theme-hover-bg-color);
  }

  .el-button:active {
      border-color: var(--theme-color);
  }

/* primary按钮样式 */
.el-button--warning {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.el-button--warning:hover {
    background-color: var(--theme-hover-color);
    border-color: var(--theme-hover-color);
    color: #fff;
}

.el-button--warning:focus {
    background-color: var(--theme-hover-color);
    border-color: var(--theme-hover-color);
    color: #fff;
}

.el-button--warning:active {
    background-color: var(--theme-hover-color);
    border-color: var(--theme-hover-color);
    color: #fff;
}


.el-message-box__message{
    font-size: 16px;
  }
  
  .el-input__wrapper{
    box-shadow: none !important;
    border:1px solid #d1d1d1;
  }
.el-textarea__inner{
    border-radius: 10px;
    box-shadow: none !important;
    border:1px solid #d1d1d1;
}
.blockContent{
  padding: 20px 15px !important;
}

.date-cls {
  margin-left: 10px;
  width: 250px !important;
  height: 48px !important;
}
.date-cls .el-input__wrapper{
  height: 46px;
}
.date-cls .el-input__inner {
  font-size: 16px;
}
.date-time-select-cls{
  height: 48px !important;
  margin-left: 10px;
  width: 250px !important;
}
.date-time-select-cls .el-select__wrapper{
  height: 48px !important;
}
.time-select-cls{
  height: 48px !important;
  margin-left: 10px;
  width: 150px;
}
.time-select-cls .el-select__wrapper{
  height: 48px !important;
}

.time-select-cls span,
.el-select__popper span
{
  font-size: 17px;
}
.input-number-cls .el-input__inner{
  font-size: 17px;
}
.input-number-cls{
  width: 160px;
  height: 48px !important;
}
.input-number-cls .el-input-number .el-input__wrapper{
  padding-left: 55px !important;
}
.input-number-cls .el-input-number__decrease,
.input-number-cls .el-input-number__increase
{
  width: 48px !important;
}

.ticket-li{
  border: 1px solid #e3e3e3;
  padding: 5px 15px;
  cursor: pointer;
  min-height: 48px;
  line-height: 2.4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ticket-li.active{
  background-color: #fff4d2;
  border: 1px solid #d98000 !important;
}

.ticket-li .price{
  color: #c10000;
}
.ticket-pcy-cls{
  display: flex;
  justify-content: start;
  align-items: center;
}
.tableInPic_ticket img{
  height: auto;
}

.ticketOld .divDateTime {
  margin: 40px 0px 20px;
  padding: 20px 10px !important;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.ticketOld .dateOption,
.ticketOld .timeOption {
  width: 50%;
  display: flex;
  align-items: center;
}
.ticketOld .list {
  border: none;
  padding: 0;
  margin-bottom: 10px;
}

.ticketOld .divDate {
  width: 25%;
  display: inline-block;
  text-align: right;
}
.ticketOld .divTimeType {
  width: 25%;
  display: inline-block;
  text-align: right;
  margin: 0;
}
.ticketOld .textInput {
  width: 60%;
  max-width: 328px;
  border: 1px solid #d1d1d1;
  height: 46px;
  line-height: 46px;
  padding: 0px;
  margin-left: 12px !important;
}
.ticketOld .selInput {
  width: 60% !important;
  max-width: 331px;
  border: 1px solid #d1d1d1;
  height: 48px;
  line-height: 48px;
  width: auto;
  padding-left: 6px;
  margin-left: 12px;
}
.ticketOld .liPersonType {
  margin-top: 10px;
  padding: 15px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #e3e3e3;
}
.ticketOld .liPersonType .ticket-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; /* 垂直置顶对齐 */
}
.ticketOld .liPersonType .ticket-header .ticket-title .explain-cls{
  display: inline-block;
  font-size: 14px;
  font-weight: lighter;
  color: #c10000;
}
.ticketOld .liPersonType .tips {
  font-size: 17px;
  font-weight: lighter;
  margin-top: 5px;
  color: #666;
  width: 830px;
  line-height: 24px;
}
.ticketOld .liPersonType .ticket-time {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.ticketOld .liPersonType .ticket-title::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 19px;
  background: url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/96/96a9c64191e024d8a3f8d44476cc753d621f35d4.png)
    center / cover no-repeat;
  margin-right: 4px;
  vertical-align: middle;
  margin-bottom: 4px;
}
.ticketOld .liPersonType .ticket-title
 {
  font-size: 20px !important;
  line-height: 48px;
}
.ticketOld .liPersonType .ticket-time{
  font-size: 18px !important;
  font-weight: lighter;
}
.ticketOld .liPersonType .ticket-title-noicon::before{
  background:none !important;
  width: 0 !important;
  content: none !important;
}

.ticketOld .liProductUnit {
  border-top: 0;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
/* .ticketOld .liProductUnit .product-desc{
  color: #666;
} */
.ticketOld .liProductUnit .money-num-cls {
  display: flex;
  justify-content: end;
  align-items: center;
}
.ticketOld .liProductUnit .money-num-cls .price-cls {
  color: #c10000;
  width: 150px;
  font-size: 17px;
}
.text-black {
  color: #000;
}
.text-black .line-through{
  text-decoration-line:line-through
}

.btn-text-center{
  text-align: center;
}
.dia-btn-cls{
  width: 150px !important;
  height: 50px !important;
  margin: 0;
  border-radius: 2em !important;
  border-radius: 2em !important;
  font-size: 22px !important;
}
.btn-book-cls{
  width: 200px !important;
  height: 60px !important;
  margin: 20px auto !important;
  border-radius: 2em !important;
  font-size: 22px !important;
}
.btn-cls:hover,
.btn-cls:focus
{
  border-color:var(--theme-color)
}
.el-picker-panel{
  width: 400px;
}
.el-picker-panel .el-picker-panel__content{
  width: 370px;
}
.el-picker-panel th{
  font-size: 15px;
}
.el-picker-panel td{
  font-size: 17px;
  height: 45px !important;
  line-height: 45px !important;
}
.el-picker-panel .next-month{
  color: #000 !important;
}
.el-picker-panel td.disabled .el-date-table-cell{
  background-color: transparent !important;
  color: #cccccc !important;
}
.yc-num-cls{
  display: flex;
  justify-content: start;
  align-items: center;
}
.no-date-mark-cls{
  z-index:99;position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.van-calendar__selected-day{
  background-color: var(--theme-color);
}
.mobile-calendar-cls{
  display: none;
  width: 100%;
}
.pc-calendar-cls{
  position: relative;
  /* width: 100%; */
}
.calendar-full-cls{
  color: #c10000;
  font-size: 12px;
  display: inline-block;
  margin-top: 5px;
  transform: scale(0.9); /* 按比例缩放 */
  transform-origin: center; /* 缩放的原点 */
}
.opts-item-cls{
  border: 1px solid #e3e3e3;
  padding: 7px 16px;
  cursor: pointer;
  text-align: center;
  font-size: 17px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.opts-item-cls.active{
  border: 1px solid #C75000 !important;
  color: #C75000;
}
.opts-select-cls-dia .el-dialog__header{
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px !important;
}
.opts-select-cls-dia .el-dialog__header .el-dialog__headerbtn{
  top: auto !important;
}
.opts-select-cls-dia .el-dialog__header .el-dialog__close{
  font-size: 30px;
}
.opts-select-cls-dia .el-dialog__body{
  padding-top: 20px;
}

.full-select-cls .el-select__placeholder {
  color: #C10000 !important
}

/* w-[200px]! h-[60px]! my-[20px] rounded-[2em]! text-[22px]! */
@media (max-width: 1200px) {
  .ticketOld .divDate,
  .ticketOld .divTimeType {
    line-height: 1.2;
  }
  .ticketOld .liPersonType {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 22px;
    font-weight: bold;
  }
  .liPersonType {
    font-size: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .liPersonType .ticketTitle {
    width: 100%;
    line-height: 1.4;
  }
  .liPersonType .ticketTime {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
  }
  .list li .price {
    font-size: 20px;
    line-height: 3;
  }
  .ticketOld .liPersonType .tips{
    width: 100% !important;
    font-size: 17px;
  }
  .qa-list-q-info span {
    width: 85px;
  }
  .qa-more {
    width: 250px;
  }
  .liPersonType .ticket-header {
    flex-direction: column !important;
    justify-content: start !important;
    align-items: start !important;
  }
  .time-select-cls span,
  .el-select__popper span
  {
    font-size: 20px;
  }
  .input-number-cls .el-input__inner{
    font-size: 20px;
  }
  .time-select-cls{
    width: 180px !important;
  }
  .pc-calendar-cls{
    display: none;
  }
  .mobile-calendar-cls{
    display: inline-block;
  }
  .date-cls,
  .date-time-select-cls{
    width: 95% !important;
  }
}
@media (max-width: 900px) {
  .opts-select-cls-dia{
    width: 95% !important;
  }
}
@media (max-width: 768px) {
  .ticketOld .dateOption,
  .ticketOld .timeOption {
    width: 100%;
    display: flex;
  }
  .ticketOld .dateOption {
    flex-direction: column;
  }
  .ticketOld .dateOption .divDate {
    text-align: center;
    margin-bottom: 10px;
  }
  .ticketOld .liPersonType .ticket-time {
    width: 100%;
    flex-direction: column !important;
    align-items: start !important;
    margin-top: 10px;
  }
  .ticketOld .liProductUnit {
    flex-direction: column !important;
    align-items: start !important;
  }
  .ticketOld .liProductUnit .money-num-cls {
    width: 100%;
    /* flex-direction: column !important;
    align-items: start !important; */
    justify-content: space-between !important;
  }

  .ticketOld .liProductUnit .money-num-cls .price-cls {
    font-size: 20px !important;
  }
  .ke-zeroborder td {
    float: left;
    width: 100% !important;
  }

  .ticket-pcy-cls{
    flex-direction: column;
    align-items: start !important;
  }
  .time-select-cls
   {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .ke-zeroborder td {
    float: left;
    width: 100% !important;
  }
  .ticketOld .liPersonType .ticket-time{
  font-size: 20px !important;
  }
  .ticketOld .liPersonType .tips{
    font-size: 20px !important;
  }
  .divTicket .topDescContent{
    /* display: inline-block !important; */
  }
  .divTicket .topDescContent .divMinPrice{
    text-align: center;
  }
  .divHighlights{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .divTicket .topDescContent .htitle{
    margin-left: 15px;
  }
  .opts-item-cls{
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .content-map {width: 100%;height: auto;}
}
@media (max-width: 480px) {
  .liPersonType {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
  }
}