You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
3.0 KiB
196 lines
3.0 KiB
|
|
@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;
|
|
}
|
|
|