@charset "utf-8";
.ticket_body{box-sizing: inherit;background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
.ticket_body {font-family: "PingFang SC", "Source Han Sans CN", "Microsoft Yahei", "sans-serif", "Arial";}
.dui-booking-widget{
  position:relative;
  width:392px;
  height:462px;
  padding:30px 24px;
  border-radius:24px;
  background:#fff;
  display:block
}
.ticket-body-Banana‌{width:1190px;margin:auto;padding:20px; display: -webkit-box;
flex-direction: column;/*box-shadow:0 5px 10px rgba(0,0,0,0.15);*/}
.ticket-body-Banana‌ ul{
	color: #333;position:relative;width:392px;height:462px; padding:30px 24px;border-radius:24px;background:#fff;}
.ticket-body-Banana‌ ul h1{position: relative;
display: flex;
flex-shrink: 0;
flex-wrap: nowrap;
padding: 0 1rem;
justify-content: center;white-space: nowrap;font-size: 20px;}
.ticket-body-Banana‌ ul li{/*cursor: pointer;*/
position: relative;
width: 344px;
border-radius: 12px;
border: 1px solid #F3F4F5;
margin-bottom: 12px;
padding: 19px 16px;
display: flex;
overflow: hidden;-moz-osx-font-smoothing: grayscale; margin:30px 0;;}
.ticket-body-Banana‌ ul li .after {content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  background-color:#f3f4f5;
  z-index:-1;
  transform:translate(-50%,-50%);
  opacity:0;
  transition:all .4s ease-out}
.ticket-body-Banana‌ ul li dt{
	margin-left:8px;
	width:285px;
   margin:0 8px
}
.ticket-body-Banana‌ ul li dt dl,.tickes-product-body .item  dt h2{
	font-size:16px;
	font-weight:700;
	line-height:22px;
	text-align:left;
	color:#1c1e41;
	-webkit-line-clamp:1;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden
}
.ticket-body-Banana‌ ul li dt span,.tickes-product-body .item  dt p{
  font-size: 12px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #707187;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
 }
.openStatus{color: #00b87a;}
.ticket-body-Banana‌ .play-body{width: 700px;background:#fff;padding:30px 24px;border-radius:24px;margin-left: 10px;}
.ticket-body-Banana‌ .play-body h2{background-color: #ffeedf;
align-items: center;
border-radius: 4px;
padding: 0 4px;
font-size: 18px;
padding: 5px 10px;
float:right ;
color: #673114; }
.image-container {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/8;
  background-color: #fbfbfb;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.ticket-body-Banana‌ .play-body dt{display: -webkit-box; }
.ticket-body-Banana‌ .play-body dt dl{width: 128px; height: 97px; margin: 10px 8px 5px 0px;}
.tickes-product-body{  width: 1190px; height:auto; margin:auto; }
.tickes-product-body .tab-menu{width: 100%; height:94px; margin: auto;font-family: "PingFangSC-Semibold", "SourceHanSansCN-Bold", "AvenirHeavy";}
.tickes-product-body .tab-menu ul{position: relative;
z-index: 1;
display: flex;
align-items: center;
overflow-x: auto;
border-bottom: 0.0625rem solid rgb(237, 237, 240);}
.tickes-product-body .tab-menu ul li{position: relative;
display: flex;
flex-direction: column;
line-height: 1.375rem;
padding: 1.25rem 0.9375rem 1.1875rem;
  padding-top: 1.25rem;
white-space: nowrap;
-webkit-tap-highlight-color: transparent;
justify-content: center;
align-items: center;
font-size: 0.875rem;
cursor: pointer;
}
.tickes-product-body .tab-menu ul li:first-child{color: #4dd0c8;font-weight: bold;}
.tickes-product-body .tab-menu ul .after{color: #1C1E41; font-weight: bold;border-bottom: 0.12rem solid #4dd0c8;}
.tickes-product-body .item{
  padding: 20px;
  height: auto;
  width: 1180px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.tickes-product-body .item .tab-group{
	ackground: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
.tickes-product-body .item .tab-group ul{font-family: "PingFangSC-Semibold", "SourceHanSansCN-Bold", "AvenirHeavy";width: 220px; text-align: center; font-size: 14px;  }
.tickes-product-body .item .tab-group ul li{height: 60px;line-height: 60px;
height: 100%;
width: 208px;
opacity: .6;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
background: rgb(255, 255, 255);
margin-left: 12px;

}
.tickes-product-body .item .tab-group .last{position: relative;
width: 220px;
border-bottom-left-radius: 16px;
border-top-left-radius: 16px;
box-shadow: 0 0 24px;
margin: 0px;
color:#1c1e41;
font-weight: bold;
}
.tickes-product-body .item .tab-group ul li::after{
  content: "";
  height: 1px;
  display: block;
  width: 168px;
  position: absolute;
  bottom: 0;
  left: 16px;
  background: #ededf0;
  }
.tickes-product-body .item .tab-group ul li:last-child::after{position: absolute;height: 0px;}
.tickes-product-body .item  dt{width: 900px;height: auto; background-color: #fff;
  border-bottom-right-radius: 16px;padding: 24px;
  border-top-right-radius: 16px;
  box-shadow: 0 0 24px #1c1e411a;
}
.tickes-product-body .item  dt p,.tickes-product-body .item  dt dl dd{
  border-bottom: 0.0625rem solid rgb(237, 237, 240);
}
.tickes-product-body .item  dt dl dd:last-child{border: 0;}
.tickes-product-body .item  dt{ margin-bottom: 10px;}
.tickes-product-body .item  dt dl{width: 100%; height: auto;gap: 4px;
flex-direction: column;
padding: 12px 0;
color: rgba(0,0,0,.85);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
font-feature-settings: "tnum";}
.tickes-product-body .item  dt dl dd .ticket-content {
  width: 100%;
  display: flex;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: justify;
  justify-content: space-between;
  gap: 12px;
}
.tickes-product-body .item  dt dl dd .ticket-content  .ticket-info {
 padding: 10px 0 0;
  flex: 1 1 0%;
}
.tickes-product-body .item  dt dl dd .ticket-content  .ticket-info .ticket-info-title{
	color: rgb(15, 41, 77);
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
}
.anticon {
 display:inline-block;
 color:inherit;
 font-style:normal;
 line-height:0;
 text-align:center;
 text-transform:none;
 vertical-align:-.125em;
 text-rendering:optimizelegibility;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.tickes-product-body .item  dt dl dd .ticket-info-tags {box-sizing: border-box;
  margin: 8px 0px;
  height: 18px;
  line-height: 18px;
  color: rgb(5, 147, 159);
  }
  .ant-divider-vertical {
   position:relative;
   top:-.06em;
   display:inline-block;
   height:.9em;
   margin:0 8px;
   vertical-align:middle;
   border-top:0;
   border-left:1px solid rgba(0,0,0,.06)
}
.ticket-price-cprice {
  display: inline-block;
  color: rgb(236, 60, 119);
  background-color: rgba(249, 76, 134, 0.08);
  padding: 0px 4px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 18px;
}
.ticket-price-from {
  color: rgb(133, 146, 166);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  height: 20px;
}
.ticket-price-netprice {
  color: #00c2b3;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.zmjd-button {
  color: #fff;
  background-color: #ff9c00;
  border: 0.02667rem solid #ff9c00;display: inline-block;
padding: 0 16px;
border-radius: 8px;height: 38px;
font-size: 16px;font-weight: 700;
width: 78px;}
.ticket-footer {
  width: 100%;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  height: 26px;
  color: #5c5f66;
}
.gps-rc-desc-info {
      line-height: 15px;
      height: auto;
      width: auto;
      text-overflow: ellipsis;
      overflow: hidden;
      color: rgb(92, 95, 102);
}

#targetElement {
  height: auto;
  z-index: 2;
  position: sticky;
  top: 90px;
  background-color: #fff;
}

#targetElement2{
  height: 600px;
  z-index: 1;
  position:sticky;
  top: 23.5%;
}
.product-buy{
  display: inline-block;
  vertical-align: middle;
  line-height: 38px;
  text-align: center;
}
a.product-buy:hover{
    color: #fff;
}