.swiper {
  width: 100%;
  height: 540rpx;
}

.swiper swiper {
  height: 100%;
  width: 100%;
}

.ban_view {
  padding: 0 30rpx;
  background: #fff;
}

.ban_view .price {
  display: flex;
  align-items: center;
}

.ban_view .xqView {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
  padding: 30rpx 0;
}

.ban_view .xqView .left {
  width: 526rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ban_view .xqView .right {
  width: 70rpx;
  text-align: right;
}

.ticketInfo .ticketItem {
  display: flex;
  justify-content: space-between;
  padding: 0 30rpx;
  height: 150rpx;
  border-bottom: 1px solid #e9e9e9;
}

.ticketInfo .ticketItem:last-child {
  border: none;
}

.ticketInfo .ticketItem>view {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.ticketInfo .ticketItem .left {
  width: 600rpx;
  font-size: 22rpx;
}

.ticketInfo .ticketItem .right {
  width: 130rpx;
}

.ticketInfo .ticketItem .right>view {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticketInfo .ticketItem .right .Ydbtn {
  display: inline-block;
  width: 120rpx;
  height: 50rpx;
  line-height: 50rpx;
  background: rgba(238, 68, 84, 1);
  border-radius: 3rpx;
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  position: relative;
  top: -10rpx;
}

.details {
  padding: 0 30rpx;
}

.deItem {
  font-size: 22rpx;
}

.deItem>view:first-child {
  padding: 20rpx 0;
}

.bottomView {
  border-top: 1px solid #e9e9e9;
  height: 100rpx;
  text-align: center;
}

.bottomView>view {
  float: left;
  line-height: 100rpx;
  height: 100%;
}

.bottomView .left {
  width: 410rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bottomView .right {
  width: 341rpx;
  background: rgba(238, 68, 84, 1);
  font-size: 30rpx;
}

.tcView {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.tcView .content {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  border-radius: 12rpx 12rpx 0px 0px;
  position: absolute;
  bottom: 0;
  padding: 30rpx;
  box-sizing: border-box;
}

.tcList .active {
  background: rgba(255, 223, 226, 1)!important;
  border: 1px solid rgba(238, 68, 84, 1)!important;
  color: #ee4454;
}

.tcItem {
  width: 330rpx;
  height: 54rpx;
  line-height: 54rpx;
  background: rgba(242, 242, 242, 1);
  border-radius: 27rpx;
  display: inline-block;
  margin: 30rpx 30rpx 0 0;
  font-size: 22rpx;
  text-align: center;
}

.tcItem:nth-child(even) {
  margin-right: 0;
}

.personItem {
  width: 100%;
  height: 90rpx;
  border-top: 1px solid #f4f4f4;
  display: flex;
  justify-content: space-between;
  padding: 0 30rpx;
  align-items: center;
  position: relative;
}

.personItem>view {
  display: inline-block;
  font-size: 24rpx;
}

.personItem>view text {
  position: absolute;
  left: 200rpx;
  top: 25rpx;
}

.Querybtn {
  width: 660rpx;
  height: 74rpx;
  line-height: 74rpx;
  background: rgba(238, 68, 84, 1);
  border-radius: 12rpx;
  margin: 30rpx auto;
  text-align: center;
  font-size: 30rpx;
  color: #fff;
}

.tcView .content .close {
  position: absolute;
  right: 30rpx;
}
