.containerView.public { height: auto; } .swiperView { position: relative; } .swiperView .tag { position: absolute; left: 22rpx; top: 20rpx; background: #76aef9; font-size: 28rpx; color: white; font-weight: bold; padding: 10rpx 40rpx; border-top-right-radius: 6rpx; border-bottom-right-radius: 6rpx; z-index: 1; } .swiper-box { border-radius: 14rpx; box-sizing: border-box; height: 358rpx; margin: 0 22rpx; overflow: hidden; } .swiper-box .img { width: 100%; height: 100%; } /* 轮播小点点 */ .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { margin-left: 36%; } .swiper-box .wx-swiper-dot { width: 20rpx; display: inline-flex; height: 5rpx; margin-left: 10rpx; justify-content: space-between; } .swiper-box .wx-swiper-dot::before { content: ''; flex-grow: 1; background: rgba(255, 255, 255, 0.8); border-radius: 0rpx } .swiper-box .wx-swiper-dot-active::before { background: #ff3333; } .swiper-box .wx-swiper-dot-active { width: 40rpx; } .meetingDetailView { display: flex; justify-content: space-between; align-items: center; margin: 30rpx 22rpx; padding: 0 16rpx; } .meetingDetailView .detailView { flex: 1; word-break: break-all; margin-right: 20rpx; } .meetingDetailView .detailView .title { font-size: 32rpx; } .meetingDetailView .detailView .itemList { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; margin-top: 14rpx; font-size: 26rpx; color: gray; } .meetingDetailView .detailView .itemList .item { margin-right: 12rpx; } .meetingDetailView .priceView { display: flex; justify-content: start; align-items: flex-end; line-height: 1; } .meetingDetailView .priceView .price { font-size: 28rpx; color: #c3c3c3; } .meetingDetailView .priceView .unit { font-size: 24rpx; } .contentView { border-top: 1px solid rgb(126, 126, 126, 0.2); border-bottom: 1px solid rgb(126, 126, 126, 0.2); margin: 30rpx 22rpx 0; padding: 20rpx 16rpx; } .contentView .item { display: flex; justify-content: start; align-items: center; margin-top: 20rpx; } .contentView .item:first-of-type { margin-top: 0; } .contentView .item .time { margin-left: 10rpx; font-size: 26rpx; line-height: 1; } .fillMsgView {} .fillMsgView .itemView { border-bottom: 1px solid rgb(126, 126, 126, 0.2); padding: 0 38rpx; display: flex; justify-content: space-between; align-items: center; min-height: 100rpx; } .fillMsgView .itemView.grayBg { background: #F9FAFB; } .fillMsgView .itemView .label { position: relative; font-size: 28rpx; } .fillMsgView .itemView .label.must::after { display: block; content: '*'; position: absolute; left: 100%; margin-left: 10rpx; top: 6rpx; color: red; } .fillMsgView .itemView .content {} .fillMsgView .itemView .content .add { display: flex; justify-content: flex-end; align-items: center; font-size: 30rpx; color: #c3c3c3; } .fillMsgView .itemView .content .add .van-icon { margin-left: 4rpx; } .fillMsgView .itemView .personView { width: 100%; font-size: 26rpx; } .fillMsgView .itemView .personView .item { display: flex; justify-content: flex-start; align-items: center; padding: 20rpx 0; border-bottom: 1px solid white; } .fillMsgView .itemView .personView .item:last-of-type { border-bottom: none; } .fillMsgView .itemView .personView .item .data { flex: 1; text-align: center; } .fillMsgView .itemView .content .coupon { font-size: 26rpx; color: gray; } .fillMsgView .itemView .content .coupon.select { color: black; } .fillMsgView .itemView .content .price { font-size: 30rpx; } .protocolView { display: flex; justify-content: center; align-items: center; font-size: 26rpx; margin: 40rpx 0 50rpx; } .protocolTitle { color: #76aef9; } .submitBtn { position: static; margin-left: 50%; } .dialogContent{ padding: 40rpx 20rpx; } .dialogBtnView { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgb(126, 126, 126, 0.2); } .dialogBtnView .rejectBtn, .dialogBtnView .successBtn { width: 50%; text-align: center; padding: 30rpx 0; font-size: 32rpx; } .dialogBtnView .rejectBtn { border-right: 1px solid rgb(126, 126, 126, 0.2); color: gray; } .dialogBtnView .successBtn { color: #4e96f8; }