.event-tw {
  height: 4.6rem;
  position: relative;
}
.event-tw .event-img {
  width: 100%;
  height: 100%;
}
.event-tw .event-img-p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .12rem .2rem;
  position: absolute;
  top: 0;
  z-index: 99;
  right: .3rem;
  width: .6rem;
  height: 1.28rem;
  line-height: .32rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  background-image: url(../images/biaoji.png);
  background-size: 100% 100%;
}
.event-tw i {
  position: absolute;
  top: .3rem;
  left: .3rem;
  width: .52rem;
  height: .52rem;
  line-height: .52rem;
  color: #fff;
  font-size: .28rem;
  text-align: center;
  background-color: rgba(17, 17, 17, 0.8);
  border-radius: 50%;
}
.event-xq-box {
  background-color: #fff;
  padding-bottom: .32rem;
}
.event-xq {
  padding: .48rem .32rem .32rem;
  margin: 0 .3rem;
  background-color: #ffffff;
  margin-top: -0.52rem;
  position: relative;
  z-index: 9;
  border-radius: .16rem;
  box-shadow: 0rem .16rem .32rem 0rem rgba(0, 0, 0, 0.08);
}
.event-xq .event-xq-p {
  line-height: .5rem;
  font-size: .36rem;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #111111;
}
.event-xq .event-xq-gz {
  padding: .16rem 0 .32rem;
  line-height: .34rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
}
.event-xq .event-xq-gz span {
  padding-right: .48rem;
}
.event-xq .event-xq-gz span i {
  padding-right: .16rem;
}
.event-xq .event-xq-price {
  display: flex;
  justify-content: space-between;
}
.event-xq .event-xq-price .event-xq-price-p {
  line-height: .56rem;
  font-size: .4rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ff4646;
}
.blue-free {
  color: #0088fa!important;
  font-size: .32rem!important;
}
.event-xq .event-xq-price .event-xq-price-p2 {
  width: 1.44rem;
  padding-right: .14rem;
  line-height: .56rem;
  text-align: right;
  margin-right: -0.32rem;
  background: linear-gradient(#ff9147, #ff6600);
  border-radius: .28rem 0rem 0rem .28rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #ffffff;
}
.event-xq .event-xq-time {
  line-height: .34rem;
  font-size: .24rem;
  color: #111111;
  padding-top: .28rem;
}
.event-xq .event-xq-time i {
  font-size: .28rem;
  margin-right: .16rem;
}
.iconhuiyuanqiye{
  line-height: .36rem;
  font-size: .24rem;
  color: #666;
  padding-top: .08rem;
}
.iconhuiyuanqiye i{
  margin-right: .16rem;
}
.event-xq .event-xq-address {
  line-height: .34rem;
  font-size: .24rem;
  font-weight: 400;
  color: #111111;
  padding-top: .08rem;
}
.event-xq .event-xq-address i {
  font-size: .28rem;
  margin-right: .16rem;
  width: .4rem;
}
.event-xq .event-xq-address{
  position: relative;
  color: #666;
  /* padding-right: .72rem; */
}
.event-xq .event-xq-address span{
  /* position: absolute;
  right: 0;
  top: .08rem; */
  padding-left: 8px;
  white-space: nowrap!important;
}
.event-sign2 {
  background-color: #fff;
}
.event-sign2 .event-sign-p {
  line-height: .44rem;
  margin: 0 .3rem;
  font-size: .32rem;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #111111;
  line-height: .9rem;
  border-bottom: .02rem solid #f7f7f7;
}
.event-sign {
  height: .9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: .02rem solid #f7f7f7;
  background-color: #fff;
}
.event-sign .event-sign-p {
  font-size: .32rem;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #111111;
  line-height: .44rem;
}
.event-sign .event-sign-p2 {
  line-height: .44rem;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #0088fa;
}
.event-sign-box {
  width: 100%;
  background-color: #fff;
  padding: 0 .3rem;
  margin-bottom: .16rem;
}
.event-sign-box2 {
  width: 100%;
  margin-bottom: .16rem;
}
.event-sign-lower {
  height: 2.14rem;
  overflow-x: auto;
  display: flex;
}
.event-sign-lower .event-sign-lower-p {
  padding-right: .48rem;
  padding-top: .32rem;
  min-width: 1.48rem;
}
.event-sign-lower .event-sign-lower-p img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.event-sign-lower .event-sign-lower-p .event-sign-name {
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #111111;
  line-height: .34rem;
  padding-top: .16rem;
}
.event-event-on {
  padding: .32rem 0;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #111111;
  line-height: .44rem;
  overflow: hidden;
}
.event-event-on span{
  white-space: initial!important;
}
.event-event-on img {
  width: 100%;
  height: 100%;
  margin: .32rem 0;
}
.lr-p {
  margin-top: .16rem;
}
.event-recommend-box {
  padding: .32rem .3rem;
  margin-bottom: .16rem;
  display: flex;
  background-color: #fff;
}
.event-recommend-box img {
  width: 2.94rem;
  height: 1.64rem;
  border-radius: .08rem;
  object-fit: cover;
}
.event-recommend-box .event-recommend-r {
  width: calc(100% - 2.94rem);
  padding-left: .32rem;
}
.event-recommend-box .event-recommend-r .event-recommend-r-p {
  height: .8rem;
  line-height: .4rem;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.event-recommend-box .event-recommend-r .event-recommend-r-p2 {
  padding: .08rem 0;
  line-height: .34rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
}
.event-recommend-box .event-recommend-r .event-recommend {
  line-height: .34rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
  display: flex;
  justify-content: space-between;
}
.event-recommend-box .event-recommend-r .event-recommend .cost-blue {
  color: #0088FA;
  font-size: .28rem;
}
.event-recommend-box .event-recommend-r .event-recommend .cost-red {
  color: #FF4646;
  font-size: .28rem;
}
.event-recommend-box .event-recommend-r .event-recommend .cost-grey {
  color: #999999;
  font-size: .28rem;
}
.ticket-choice-top {
  padding: .32rem .3rem;
  display: flex;
  box-shadow: 0rem .16rem .32rem 0rem rgba(0, 0, 0, 0.08);
  margin-bottom: .3rem;
  background-color: #fff;
}
.ticket-choice-top img {
  width: 2.94rem;
  height: 1.64rem;
  border-radius: .08rem;
  object-fit: cover;
}
.ticket-choice-top .ticket-choice-r {
  width: calc(100% - 35vw);
  padding-left: .32rem;
}
.ticket-choice-top .ticket-choice-r .ticket-choice-r-p {
  height: .8rem;
  line-height: .4rem;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #111111;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ticket-choice-top .ticket-choice-r .ticket-choice-r-p2 {
  padding: .08rem 0;
  line-height: .34rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ticket-choice-top .ticket-choice-r .ticket-choice-r-p2 i {
  font-size: .28rem;
  padding-right: .08rem;
}
.ticket-choice-top .ticket-choice-r .ticket-choice-r-p3 {
  line-height: .34rem;
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ticket-choice-top .ticket-choice-r .ticket-choice-r-p3 i {
  font-size: .28rem;
  padding-right: .08rem;
}
.ticket-type {
  margin: 0 .3rem .16rem .3rem;
  padding: .32rem;
  background: #ffffff;
  border: .02rem solid #cccccc;
  border-radius: .16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket-type .ticket-type-l {
  width: calc(100% - 1.4rem);
}
.ticket-type .ticket-type-l .ticket-type-on {
  line-height: .44rem;
  font-size: .32rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #111111;
}
.ticket-type .ticket-type-l .ticket-type-price {
  padding-top: .16rem;
  padding-bottom: .24rem;
  line-height: .5rem;
  font-size: .4rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  color: #ff4646;
}
.ticket-type .ticket-type-l .remarks-p {
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #666666;
  line-height: .36rem;
}
.ticket-type .ticket-type-l .ticket-explain {
  display: none;
}
.ticket-type .ticket-type-r {
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  border: .02rem solid #cccccc;
}
.ticket-type .ticket-type-r i {
  font-size: .46rem;
  width: .48rem;
  line-height: .48rem;
  color: var(--primary-color);
  display: none;
}
.ticket-type .ticket-time {
  font-size: .24rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: left;
  color: #111111;
  padding-bottom: .2rem;
}
.ticket-type .ticket-time .ticket-time-p {
  width: 1.08rem;
  background: linear-gradient(#deeeff, #c1e3ff);
  border-radius: .1rem;
  font-size: .22rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #0088fa;
  line-height: .4rem;
  padding: 0 .1rem;
  margin-right: .16rem;
}
.lower-price {
  height: 1.12rem;
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.lower-price .lower-price-l {
  line-height: .4rem;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #333333;
}
.lower-price .lower-price-l .price-on {
  line-height: .4rem;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #ff4646;
}
.lower-price .lower-price-r {
  width: 2.4rem;
  height: .8rem;
  background: var(--primary-color);
  border-radius: .4rem;
  line-height: .8rem;
  font-size: .28rem;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.lower-price .lower-price-r2 {
  width: 2.4rem;
  height: .8rem;
  background: #ccc;
  border-radius: .4rem;
  line-height: .8rem;
  font-size: .28rem;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.student-ul li {
  padding: 0 .3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.2rem;
  background-color: #fff;
  margin-bottom: .02rem;
}
.student-ul li .student-ul-l {
  display: flex;
  align-items: center;
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #111111;
  line-height: .44rem;
}
.student-text{
  margin: 0;
  padding: 0;
  max-width: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.student-text .student-span{
  display: block;
  color: #C2C2C2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.student-ul li .student-ul-l img {
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  margin-right: .32rem;
}
.student-ul li .student-ul-r {
  font-size: .28rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #111111;
  line-height: .44rem;
}
.lower-reach {
  height: 1.1rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 999;
}
.lower-reach .lower-reach-p {
  width: 1.1rem;
  text-align: center;
  line-height: .28rem;
  font-size: .2rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #333333;
}
.lower-reach .lower-reach-p i {
  color: #333;
  font-size: .4rem;
  line-height: .44rem;
}
.lower-reach .lower-reach-p p {
  white-space: nowrap;
}
.lower-reach .lower-reach-p span {
  padding-top: .04rem;
  display: inline-block;
  width: 100%;
}
.lower-reach .lower-reach-btn {
  width: calc(100% - 2.5rem);
  line-height: .8rem;
  border-radius: .4rem;
  font-size: .28rem;
  font-family: PingFang SC, PingFang SC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}
.lower-reach .lower-blue2 {
  background: linear-gradient(rgba(49, 161, 255, 0.4), rgba(0, 136, 250, 0.4));
}
.lower-reach .lower-blue {
  background: linear-gradient(#31a1ff, #0088fa);
}
.lower-reach .lower-grey {
  background: #ccc;
}

.payment-box {
  background-color: #fff;
  padding: .3rem;
  margin-bottom: .16rem;
}

.payment-top {
  text-align: center;
  background-color: #fff;
}

.payment-top-p2 {
  font-size: .24rem;
  font-family: PingFang SC;
  font-weight: 400;
  height: .34rem;
  line-height: .34rem;
  color: rgba(0, 136, 250, 1);
  opacity: 1;
}

.payment-top img {
  width: 2.56rem;
  height: 2.56rem;
}

.payment-top-p {
  font-size: .36rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: .5rem;
  color: rgba(153, 153, 153, 1);
  opacity: 1;
  padding: .08rem 0;
}

.completion {
  margin: .2rem 10% 0;
  text-align: center;
  color: #fff;
  width: 80%;
  /* height: .64rem; */
}

.completion-p {
  /* width: 1.92rem; */
  height: .64rem;
  background: rgba(255, 255, 255, 1);
  border: .02rem solid rgba(0, 136, 250, 1);
  opacity: 1;
  border-radius: .32rem;
  font-size: .28rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: .64rem;
  color: rgba(0, 136, 250, 1);
  opacity: 1;
}

.payment-p {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: .54rem 0 0;
  font-size: .28rem;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 400;
  line-height: .4rem;
  color: #666;
}

.payment-box2 {
  background-color: #fff;
  padding: 0 .3rem;
  margin-bottom: .16rem;
}

.payment-p2 {
  display: flex;
  justify-content: space-between;
  padding: .3rem 0;
  font-size: .28rem;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  line-height: .4rem;
  color: #333;
}
.payment-p-r{
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  color: #999999;
}

.payment-box3 {
  background-color: #fff;
  padding: .8rem 0;
}

.payment-box3 .payment-gz {
  font-size: .32rem;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: .44rem;
  text-align: center;
  color: #333;
  padding-bottom: .3rem;
}

.payment-box3 .payment-img {
  margin: auto;
  width: 3.4rem;
  height: 3.4rem;
}

.payment-box3 .payment-img img {
  width: 100%;
  height: 100%;
}

.activities-p {
  margin-bottom: .16rem;
  display: flex;
  justify-content: space-between;
  padding: .24rem .3rem;
  font-size: .28rem;
  font-family: PingFang SC, PingFang SC-Semibold;
  font-weight: 600;
  line-height: .4rem;
  color: #333;
  background-color: #fff;
}

.activities-p-r {
  width: 4rem;
  text-align: right;
  font-family: PingFang SC, PingFang SC-Regular;
  font-weight: 400;
  color: #999999;
}
.prohibit-on{
  opacity: .5;
}
.prohibit-on .ticket-type-price{
    color: #111!important;
}
.mask-s{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  /* display: none; */
  background: rgba(51, 51, 51, 0.8);
}
.mask-s2{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}