H5_module/service/secondCardDetail/secondCardDetail.css

.tab{line-height: 100rpx;font-size: 30rpx;color: #999;text-align: center;}
.tab .li{width: 50%;position: relative;}
.tab .li.active{color: #222;font-weight: bold;}
.tab .li.active::after{content: '';display: block;width: 38rpx;height: 7rpx;background:var(--mina);border-radius: 4rpx;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

.dflex{align-items: center;}
.list{padding: 31rpx 24rpx 20rpx;}
.list .li{background: #fff;box-shadow: 0 0 32rpx rgba(0, 0, 0, 0.04);border-radius: 15rpx;padding: 0 22rpx;color: #999;margin-bottom: 24rpx;position: relative;}
.info{/* border-bottom: 1rpx dashed #E9E9E9; */padding: 20rpx 22rpx 29rpx 9rpx;position: relative;}
.info::before,.info::after{content: '';display: block;width: 20rpx;height: 20rpx;background: #f6f6f6;border-radius: 50%;position: absolute;bottom: -10rpx;}
.info::before{left: -34rpx;}
.info::after{right: -34rpx;}
.info .left-pic{width:80rpx;height: 80rpx;margin-right: 15rpx;}
.info .left-pic image{width:100%;height: 100%;}
.title{font-size: 32rpx;color: #222;font-weight: bold;}
.time{font-size: 22rpx;margin-top: 15rpx;}
.info-r{text-align: right;margin-left: 20rpx;width: 200rpx;}
.money{font-size: 60rpx;color: #EB0000;}
.money text{font-size: 30rpx;}
.man{font-size: 22rpx;}
.li-bot{padding: 15rpx 15rpx 15rpx 7rpx;height: 50rpx;}
.check{font-size: 24rpx;color: #666;}
.check image{width: 17rpx;height: 11rpx;margin-left: 8rpx;}
.ma{width: 38rpx;height: 38rpx;margin: 0 auto 20rpx;}
.yong{width: 130rpx;height: 50rpx;background: linear-gradient(90deg, var(--mina) 0%, var(--submain) 100%);border-radius: 28rpx;font-size: 24rpx;color: #fff;justify-content: center;}
.yong::after{content: '';display: block;width: 0;height: 0;border: 10rpx solid transparent;border-right: none;border-left-color: #fff;border-radius: 5rpx;margin-left: 8rpx;}
.infos{font-size: 20rpx;padding: 15rpx 0 30rpx 22rpx;}
.infos view{padding: 5rpx 0;}
.list .li.tong{background: #FF243D;color: #fff;}
.list .li.tong .info{border-bottom-color: rgba(255,255,255,.3);}
.list .li.tong .title,.list .li.tong .check,.list .li.tong .money{color: #fff;}
.list .li.tong .yong{background: linear-gradient(90deg, #FFECD9 0%, #FFB164 100%);color: #D88636;}
.list .li.tong .yong::after{border-left-color: #D88636;}
.yi{width: 130rpx;}
.yipic{width: 144rpx;height: 103rpx;position: absolute;right: 20rpx;bottom: 0;z-index: 2;}
.list .li.hui{opacity: .7;}
.i-pro text{margin-right: 20rpx;color: #333;}

.detail-info{background: #fff;box-shadow: 0 0 32rpx rgba(0, 0, 0, 0.04);border-radius: 15rpx;padding: 0 22rpx 0 0;color: #999;margin-bottom: 24rpx;position: relative;}
.detail-info-left{border-right: 1rpx dashed #E9E9E9;padding: 20rpx 22rpx 29rpx 22rpx;position: relative;width: 162rpx;text-align: center;box-sizing: border-box;}
.detail-info-left::before{content: '';display: block;width: 20rpx;height: 20rpx;background: #f6f6f6;border-radius: 50%;position: absolute;right: -10rpx;top: -10rpx;}
.detail-info-left::after{content: '';display: block;width: 20rpx;height: 20rpx;background: #f6f6f6;border-radius: 50%;position: absolute;right: -10rpx;bottom: -10rpx;}
.detail-info-content{margin-left: 30rpx;}
.detail-info-btn{margin-left: auto;}
.detail-info-content image{width: 17rpx;height: 11rpx;margin-left: 8rpx;display: inline-block;vertical-align: middle;}
.detail-infos{background: #fff;}
.nopadding{padding: 0;}