jzlife_wx_affiliate/pages/ticket/ticketDetail/ticketDetail.wxss

page {
  background: #F3F3F3;
	color: #333;
  /* padding:0 24rpx; */
}
view,text{
  box-sizing: border-box;
  color:#333;
  font-size: 28rpx;
}
.whole-page{
	padding:24rpx 0 200rpx;

}

.ticket-item{
	width:702rpx;
	background: #FFFFFF;
border-radius: 18rpx;
padding:24rpx;
margin:0 24rpx 20rpx;

}
.ticket-top{
	display: flex;
	align-items: center;
	margin-bottom:8rpx;
}
.ticket-top image{
	width:40rpx;
	height:40rpx;
	margin-right:6rpx;
}
.ticket-top view{
	font-size: 32rpx;
	/* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; */
}
.ticket-line{
	line-height: 56rpx;
	height: 56rpx;
} 
.ticket-detail{
	color: #0EAEFC;
	text-decoration: underline;
	/* display: inline-block; */
	text-align: right;
	line-height: 36rpx;
}
.common-info{
	width:750rpx;
	background: #fff;
	margin-bottom:16rpx;
}
.common-title{
	height: 80rpx;
	color: #666666;
	line-height: 80rpx;
	padding:0 24rpx 0 48rpx;
	border-bottom:1rpx solid #eee;
}
.common-content{
	padding: 20rpx 24rpx 20rpx 48rpx;
}
.common-line{
	line-height: 48rpx;
	display: flex;
	justify-content: space-between;
	margin-bottom:6rpx;
}
.common-line view{
	color:#666;
}
.common-line view.line-left{
	color:#999;
}
.operate-block{
	padding:38rpx 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	/* height:128rpx; */
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	display: flex;
	justify-content: flex-end;
	align-items: center; 
	background: #fff;
	box-shadow: -2px 0 2px 2px #f0f0f0;
}
.remark-btn{
	width: 152rpx;
height: 54rpx;
background: #FFFFFF;
border-radius: 8rpx;
border: 2rpx solid #1677FF;
line-height: 52rpx;
color: #1677FF;
font-size: 26rpx;
text-align: center;
margin-right:24rpx;
}
.handle-btn{
	width: 152rpx;
height: 54rpx;
background: #1677FF;
border-radius: 8rpx;
line-height: 54rpx;
color: #fFF;
font-size: 26rpx;
text-align: center;
margin-right:24rpx;
}