page { background-color: white; } /* 未选中的背景样式 */ .radio-self1 radio .wx-radio-input{ width: 30rpx; height: 30rpx; border-radius: 50%; /* border: 1px solid #cccccc; */ } /* 选中后的背景样式 */ .radio-self1 radio .wx-radio-input.wx-radio-input-checked{ background: #ffffff; border: 1px solid #ffdc2f; } /* 选中后的勾子样式 */ .radio-self1 radio .wx-radio-input.wx-radio-input-checked::before{ width: 15rpx; height: 15rpx; line-height: 15rpx; color: transparent; border-radius: 50%; text-align: center; background: #FFDC2F; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } .hot-title { display: flex; justify-content: space-between; align-items: center; height: 41rpx; font-size: 34rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; color: #333333; position: relative; } .hot-title .line { position: absolute; width: 6rpx; height: 41rpx; background: #ffdd36; border-radius: 3rpx; top: 0; left: 0; opacity: .5; } .box1 { padding: 40rpx 30rpx 20rpx 30rpx; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .radio-box1 { margin-top: 25rpx; } .radio-box1 .radio { margin-right: 44rpx; font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; /* display: flex; align-items: center; */ } .box1 .content { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; margin-top: 22rpx; text-indent: 40rpx; } .box2 { padding: 20rpx 30rpx; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .top-box { display: flex; justify-content: space-between; } .top-box .name { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #1a1a1a; } .top-box .more-word { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; } .empty { text-align: center; font-size: 24rpx; } .pin-item { display: flex; justify-content: space-between; height: 100rpx; align-items: center; width: 690rpx; border-bottom: 1px solid #E6E6E6; } .pin-item:last-child { border-bottom: none; } .pin-item .img-name { display: flex; align-items: center; } .pin-item .img-name .img{ width: 65rpx; height: 65rpx; border-radius: 50%; } .pin-item .img-name .name{ font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; margin-left: 24rpx; width: 220rpx; } .pin-item .right-box { display: flex; flex: 1; justify-content: space-between; align-items: center; } .pin-item .right-box .nums{ font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .tuan-btn{ width: 146rpx; height: 60rpx; text-align: center; line-height: 60rpx; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; border-radius: 28rpx; background-color: #FFDC2F; } .box3 { padding: 47rpx 30rpx 30rpx 30rpx; box-sizing: border-box; } .box3 .name { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #1a1a1a; } .radio-box2 { margin-top: 25rpx; } .radio-box2 .radio { margin-right: 124rpx; font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; /* display: flex; align-items: center; */ } .pin-nums { margin-top: 48rpx; } .radio-box3 { margin-top: 24rpx; } .radio-box3 .radio { margin-right: 104rpx; font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; /* display: flex; align-items: center; */ } .line { width: 750rpx; height: 10rpx; background: #f5f5f5; } .box4 { padding: 30rpx; box-sizing: border-box; } .box4 .title1 { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #1a1a1a; margin-top: 25rpx; } .box4 .item { margin-top: 20rpx; display: flex; align-items: center; padding-bottom: 15rpx; justify-content: space-between; } .borbot { border-bottom: 1px solid #d9d9d9; } .item-date-time { display: flex; align-items: center; } .radio4 { font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; display: flex; align-items: center; } .address-pick { display: flex; align-items: center; justify-content: space-between; width: 690rpx; } .address-pick .picker { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #bfbfbf; } .date-icon { font-size: 35rpx; } .picker-date { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #bfbfbf; margin-left: 21rpx; } .time-pick { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #bfbfbf; margin-left: 40rpx; } .see-free { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-decoration: underline; color: #005ed9; } .time-item { border-bottom: 1px solid #e6e6e6; height: 75rpx; display: flex; align-items: center; } .week-word { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .time-box { display: flex; align-items: center; justify-content: space-between; margin-left: 84rpx; flex: 1; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .start-box { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .icon-time { font-size: 30rpx; } .zhi { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .selt-btn { display: flex; justify-content: center; padding-bottom: 65rpx; } .i-know { width: 500rpx; height: 80rpx; background: #ffdc2f; border-radius: 40rpx; text-align: center; line-height: 80rpx; color: #333333; font-size: 32rpx; } .textarea { width: 690rpx; height: 214rpx; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 14rpx; padding: 22rpx; } .progress { margin-top: 24rpx; } .progress-img { display: flex; } .img1 { width: 39rpx; height: 32rpx; margin-left: 7rpx; } .img2 { width: 31rpx; height: 28rpx; margin-left: 41rpx; } .img3 { width: 38rpx; height: 32rpx; margin-left: 63rpx; } .img4 { width: 27rpx; height: 30rpx; margin-left: 42rpx; } .img5 { width: 32rpx; height: 32rpx; margin-left: 40rpx; } .right1 { width: 35rpx; height: 21rpx; margin-left: 36rpx; } .right2 { width: 35rpx; height: 21rpx; margin-left: 39rpx; } .right3 { width: 35rpx; height: 21rpx; margin-left: 63rpx; } .right4 { width: 35rpx; height: 21rpx; margin-left: 42rpx; } .progress-word { display: flex; font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; margin-top: 11rpx; } .tip { margin-top: 50rpx; font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; } .btn-sub { width: 690rpx; height: 85rpx; background: #ffdc2f; border-radius: 43rpx; position: fixed; left: 30rpx; text-align: center; line-height: 85rpx; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; z-index: 666; } .ping-item { display: flex; justify-content: space-between; align-items: center; height: 100rpx; border-bottom: 1px solid #e6e6e6; } .ping-item .img-info { display: flex; } .img-head { width: 65rpx; height: 65rpx; border-radius: 50%; } .ping-item .info-box { margin-left: 28rpx; } .ping-item .info-box .name{ font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; text-align: left; } .ping-item .info-box .bot-box{ font-size: 20rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; } .yin { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); } .address-popup { width: 750rpx; background: #ffffff; border-radius: 50rpx 50rpx 0 0; position: fixed; z-index: 1000; bottom: 0; } .address-popup .title-box { position: relative; text-align: center; margin-top: 37rpx; } .address-popup .title-box .title { font-size: 36rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; color: #1a1a1a; } .address-popup .title-box .cancel-word { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffc12f; position: absolute; right: 60rpx; top: 5rpx; } .line-popup { width: 64rpx; height: 8rpx; background: #cccccc; margin-top: 12rpx; margin-left: 50%; transform: translateX(-50%); } .picker-view { width: 750rpx; height: 300rpx; } .picker-view .type-item { height: 102rpx !important; line-height: 102rpx !important; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; } .pick-item { height: 102rpx; display: flex; justify-content: space-between; padding: 0 60rpx; align-items: center; } .pick-item .item { color: #B3B3B3; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; } .pick-item .active-type { color: #1a1a1a; } .pick-item .item:last-child { border-bottom: none; } .detail-word { font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #b3b3b3; } .active-detail { font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #005ed9; } .pick-btn { width: 630rpx; height: 85rpx; background: #ffdc2f; border-radius: 43rpx; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: center; color: #1a1a1a; margin-left: 60rpx; line-height: 85rpx; } .end-btn { width: 146rpx; height: 60rpx; text-align: center; line-height: 60rpx; background-color: #E6E6E6; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; border-radius: 28rpx; }