H5_module/service/cardDetail/index - 副本.css

.info{padding: 50rpx 30rpx 10rpx 30rpx;position: relative;}
.info::before{content: '';display: block;position: absolute;top: 0;left: 0;right: 0;height: 400rpx;background: linear-gradient(180deg, #1A83FF 0%, #F5F5F5 100%);z-index: 2;}
.info-c{position: relative;z-index: 5;}
.status{font-size: 48rpx;color: #fff;font-weight: bold;}
.status image{width: 50rpx;height: 50rpx;margin-right: 13rpx;}
.infos{background: #fff;border-radius: 16rpx;margin-top: 50rpx;padding-bottom: 50rpx;}
.shop{background: #F5F5F5;border-radius: 16rpx 16rpx 0 0;padding: 30rpx;font-size: 28rpx;color: #333;font-weight: bold;}
.shop image{width: 32rpx;height: 32rpx;margin-right: 7rpx;}
.product{padding: 40rpx 30rpx;border-bottom: 1rpx dashed #EEEEEE;align-items: flex-start;position: relative;}
.product:before,.product::after{content: '';display: block;width: 21rpx;height: 21rpx;background: #F5F5F5;border-radius: 50%;position: absolute;bottom: -10rpx;}
.product:before{left: -10rpx;}
.product:after{right: -10rpx;}
.product image{width: 150rpx;height: 150rpx;margin-right: 28rpx;border-radius: 20rpx;}
.pro-tit{font-size: 32rpx;color: #333;}
.specs{font-size: 24rpx;color: #999;margin-top: 10rpx;}
.specs text{color: #676F77;margin-left: 20rpx;}
.pro-opt{margin-top: 30rpx;justify-content: space-between;}
.price{font-size: 36rpx;color: #FF0000;}
.price text{font-size: 24rpx;}
.count{font-size: 24rpx;color: #999;}
.code{margin: 35rpx auto;width: 180px;height: 180px;}
.u-qrcode{margin: 0 auto !important;}
.code-info{padding: 0 30rpx;font-size: 24rpx;color: #999;}
.code-sta text{font-size: 28rpx;color: #333;font-weight: bold;margin-right: 12rpx;}
.code-ma{font-size: 28rpx;color: #333;font-weight: bold;margin-top: 10rpx;}

.det{margin: 20rpx 30rpx 0;background: #fff;padding: 0 30rpx;border-radius: 16rpx;}
.det .li{padding: 32rpx 0;font-size: 28rpx;border-bottom: 1rpx solid #EEEEEE;}
.det .li:last-child{border-bottom: none;}
.label{color: #666;}
.item{color: #333;text-align: right;}
.priceitem{font-size: 36rpx;color: #FF0000;text-align: right;}
.tk-btn{width: 136rpx;height: 56rpx;border-radius: 10rpx;border: 1rpx solid #333333;font-size: 24rpx;color: #333;font-weight: bold;text-align: center;line-height: 56rpx;}

.bot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;height: 60rpx;padding: 20rpx;}
.bot view,.bot navigator{width: 178rpx;height: 56rpx;border: 2rpx solid #666666;border-radius: 48rpx;text-align: center;line-height: 56rpx;font-size: 28rpx;color: #666666;margin-left: 10rpx;}
.bot view.confirm,.bot navigator.confirm{color: #fff;border-color: #FE0419;background: #FE0419;}


/* 申请售后 */
.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.popup{position: fixed;top: 50%;left: 80rpx;right: 80rpx;transform: translateY(-50%);background: #fff;border-radius: 15rpx;text-align: center;padding: 60rpx 0 0;z-index: 100;}
.pop-tit{font-size: 38rpx;color: #333;margin-bottom: 40rpx;}
.pop-tip{font-size: 30rpx;color: #666;padding: 0 60rpx 60rpx;line-height: 40rpx;}
.pop-btn{border-top: 1rpx solid #E5E5E5;justify-content: space-between;}
.pop-cancel,.pop-contact{width: 50% !important;height: 90rpx;font-size: 30rpx;text-align: center;line-height: 90rpx !important;box-sizing: border-box;}
.pop-cancel{color: #999;}
.pop-contact{color: var(--mina);border-left: 1rpx solid #e5e5e5;}