renshou/activity/group/ptDetail/ptDetail.css

/* group/ptDetail/ptDetail.wxss */
page{background: #FFEAD4;}
.banner image{width: 100%;}
.con{position: relative;z-index: 1;padding: 0 20rpx 50rpx;margin-top: -330rpx;}
.info{background: #fff;border-radius: 12rpx;padding: 30rpx 20rpx;}
.pinimgs{box-sizing: border-box;width: 180rpx;height: 180rpx;border-radius: 10rpx;margin-right: 30rpx;border: 2rpx solid #E5E5E5;position: relative;}
.pinimg{display: block;width: 100%;height: 100%;border-radius: 10rpx;}
.tuan{display: block;width: 87rpx;height: 44rpx;font-size: 22rpx;color: #fff;text-align: center;line-height: 34rpx;position: absolute;top: 21rpx;left: -10rpx;}
.tuan image{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.tuan text{position: relative;z-index: 2;display: block;}
.proname{font-size: 28rpx;color: #333;}
.guige{font-size: 24rpx;color: #999;margin-top: 5rpx;}
.sta{align-items: center;justify-content: space-between;margin-top: 30rpx;}
.price{font-size: 37rpx;color: #FE0419;}
.price text{font-size: 25rpx;}
.price text.del{font-size: 24rpx;color: #999;margin-left: 16rpx;text-decoration: line-through;}
.nums{font-size: 30rpx;color: #333;}
.cantuan{padding: 35rpx 55rpx 40rpx;}
.can-info{text-align: center;font-size: 40rpx;color: #333;}
.can-info text{font-size: 43rpx;color: #FE0419;}
.sheng{align-items: center;justify-content: center;font-size: 22rpx;color: #333;margin-top: 25rpx;}
.sheng::before,.sheng::after{content: '';display: block;width: 110rpx;height: 2rpx;background: #FD4D36;}
.sheng::before{margin-right: 16rpx;}
.sheng::after{margin-left: 16rpx;}
.sheng-time{font-size: 22rpx;color: #FD4D36;align-items: center;}
.sheng-time text{display: block;width: 36rpx;height: 36rpx;border-radius: 6rpx;background: #FD5238;font-size: 22rpx;color: #fff;text-align: center;line-height: 36rpx;margin: 0 10rpx;}
.can-infos{flex-wrap: wrap;padding: 0 35rpx;}
.can-infos .li{width: 90rpx;height: 90rpx;position: relative;margin-right: 20rpx;margin-top: 55rpx;position: relative;}
.can-infos .li:nth-child(5n){margin-right: 0;}
.can-bg{width: 86rpx;height: 86rpx;margin: 1rpx auto;}
.can-user{position: absolute;top: 0;left: 0;width: 90rpx;height: 90rpx;border-radius: 50%;}
.can-infos .li text{display: block;width: 78rpx;height: 32rpx;border-radius: 17rpx;border: 2rpx solid #fff;background: #FD4534;font-size: 20rpx;color: #fff;text-align: center;line-height: 32rpx;position: absolute;left: 50%;transform: translateX(-50%);bottom: -12rpx;}
.can-btn{height: 90rpx !important;border-radius: 45rpx !important;font-size: 30rpx;color: #fff;text-align: center;line-height: 90rpx !important;margin-top: 50rpx !important;}
.kai-btn{height: 86rpx;border-radius: 45rpx;font-size: 30rpx;color: #FE0419;border: 2rpx solid #FE0419;text-align: center;line-height: 86rpx;margin-top: 20rpx;}
.tab{height: 104rpx;border-bottom: 2rpx solid #E8E8E8;}
.tab .li{font-size: 26rpx;color: #999;width: 33.33%;text-align: center;line-height: 104rpx;position: relative;}
.tab .on{font-size: 28rpx;color: #333;}
.tab .on::after{content: '';display: block;width:130rpx;height:4rpx;background:linear-gradient(359deg,rgba(240,73,39,1) 0%,rgba(255,142,78,1) 100%);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.det-text{padding: 20rpx 30rpx;word-break: break-all;}
.details .rich-img{width: 100%;}
.details .img{width: 100%;}
.friend .li{border-bottom: 2rpx solid #E8E8E8;padding: 28rpx 20rpx;align-items: center;}
.friend .li:last-child{border-bottom: none;}
.timg{position: relative;margin-right: 20rpx;}
.timg image{width: 90rpx;height: 90rpx;border-radius: 50%;}
.timg text{display: block;width: 78rpx;height: 32rpx;border-radius: 17rpx;border: 2rpx solid #fff;background: #FD4534;font-size: 20rpx;color: #fff;text-align: center;line-height: 32rpx;position: absolute;left: 50%;transform: translateX(-50%);bottom: -12rpx;}
.name{font-size: 28rpx;color: #333;margin-right: 20rpx;}
.time{font-size: 24rpx;color: #999;}
.guize{font-size: 24rpx;line-height: 40rpx;padding: 30rpx;}

.show{display: block;}
.hide{display: none;}


/* 拼团状态 */
.status{padding: 70rpx 55rpx 60rpx;}
.status-c{text-align: center;font-size: 30rpx;color: #999;}
.status-c image{width: 219rpx;height: 147rpx;margin: 0 auto 45rpx;}