kxmh_wx/pages/user/order_detail/order_detail.wxss

@import '/utils/shaky.wxss';
._container {
  background-color: #FF446B;
  padding: 0 30rpx 20rpx 30rpx;
}

/* 顶部支付提示区域 */
.pay_status{
  background-color: #FF446B ;
  display: flex;
    padding: 20rpx 10rpx;
}
.pay_status .warn{
  color: #ffffff;
  line-height: 48rpx;
}

.pay_status .cut_down{
margin: 0 10rpx 0 auto;
display: flex;
align-items: center;
color: #ffffff;
font-size: 28rpx;
}
._succ{
  text-align:center;padding:20rpx;color: #fff;line-height: 24px;
}
.van-count-down{
  color:#fff !important;
}
.text1{
  font-size: 36rpx;
  font-weight: bold;
}
 .text2{
  font-size: 24rpx;
}


.play_info {
  background-color: #ffffff;
  border-radius: 20rpx;
}

._top {
  display: flex;
  padding: 20rpx;
}

._top .img {
  background: #D8D8D8;
  border-radius: 16rpx;
  width: 168rpx;
  height: 252rpx;
}

._top .info {
  padding-left: 20rpx;
  flex:1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._top .info .title {
  font-size: 32rpx;
  font-weight: bold;
  line-height: 48rpx;
}

._top .info .line{
font-size: 24rpx;
line-height: 48rpx;
}

._bottom {
  padding: 20rpx 30rpx;
}

._bottom ._ticket {
  font-size: 28rpx;
  margin-bottom: 20rpx;
}
._bottom ._ticket .sit_info {
  font-weight: bold;
}

._bottom ._ticket .sit_info1 {
  font-size: 24rpx;
  color: #7B7B7B;
  width: 33%;
}
.split-line {
  position: relative;
  flex: 0 0 0;
  border-top: 2rpx dashed #eee;
}
.split-line:before, .split-line:after {
  content: '';
  position: absolute;
  width: 16rpx;
  height: 32rpx;
  background:#FF446B;
  top:-18rpx;
  z-index: 1;
}
.split-line:before{
  border-radius: 0 32rpx 32rpx 0;
  left: 0;
}
.split-line::after{
  border-radius:32rpx 0 0 32rpx ;
  right: 0;
}



.buyer_contact{
  white-space: nowrap;
}

.bottom_selector{
position:fixed;bottom:0;width: 100%;
}
.statement_inf{
  font-size: 24rpx;
  color: #FF446B;
  height: 80rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF0F5;
}
._b{
  background: #fff;
  padding: 30rpx 0;
}
.selector_dsn{
  width: 400rpx;
  background: linear-gradient(90deg, #FF4284 0%, #FF1D42 100%);
  border-radius: 44rpx;
  color: #FFFFFF;
  font-size: 28rpx;
}
.popup_dsn{
text-align: center;
}
.code_preview{
  display: flex;
  justify-content: space-around;
  width: 60%;
  margin:40rpx auto;
}
._sel{
  width: 100%;
  background-color: #ffffff;
  padding: 30rpx 0;
  display: flex;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
._cancel{
  color: #ACACAC;
  font-size: 28rpx;
  border-radius: 44rpx;
  background: #FFFFFF;
  border: 2rpx solid #ACACAC;
  width: 27%;
  margin-left: 4%;
}
._confirm{
  background: linear-gradient(90deg, #FF4284 0%, #FF1D42 100%);
  border-radius: 44rpx;
  font-size: 28rpx;
  width: 54%;
  color: #FFFFFF;
  margin-right: 4%;
}

.cell_left {
  text-align: left !important;
}
.van-cell-group {
  margin-bottom: 20rpx;
}
.cell{
  padding: 20rpx 30rpx !important;
}
.van-cell__title{
  color: #181818 !important;
}
.van-cell__value{
  color: #181818 !important; 
}