H5_module/components/product-popup/index.css

/* 商品规格 */
.popup{position: fixed;z-index: 100;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 20rpx 20rpx 0 0;padding: 35rpx 30rpx 50rpx;max-height: 80%;}
.close{position: absolute;top: 30rpx;right: 30rpx;}
.close .image{width: 42rpx;height: 42rpx;}
.popinfo{align-items: flex-start;padding-right: 105rpx;}
.popinfo .image{width: 180rpx;height: 180rpx;border-radius: 10rpx;margin-right: 20rpx;}
.popinfo .title{margin-top: 0;margin-bottom: 40rpx;}
.pop-cons{max-height: 580rpx;overflow: hidden;overflow-y: scroll;-webkit-scrolling-overflow: touch;padding: 25rpx 0 20rpx;}
.sku-con{max-height: 550rpx;overflow-y: scroll;-webkit-overflow-scrolling: touch;margin-bottom: 30rpx;}
.tits{font-size: 28rpx;color: #333;font-weight: bold;}
.tits text{font-size: 24rpx;color: #999;margin-left: 15rpx;font-weight: normal;}
.pguige{flex-wrap: wrap;margin: 25rpx 0 45rpx;}
.pguige .li{background: #F3F3F3;border: 2rpx solid #F3F3F3;border-radius: 25rpx;height: 46rpx;line-height: 46rpx;font-size: 24rpx;color: #666;padding: 0 20rpx;margin: 0 20rpx 20rpx 0;}
.pguige .li.active{border-color: #FD3B31;color: #FD3B31;background:rgba(253,60,49,0.1);}
.shuliang{justify-content: space-between;align-items: center;}
.num{height: 44rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
.jian{display: block;width: 56rpx;height: 44rpx;font-size: 42rpx;color: #333;line-height: 38rpx;}
.nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #F0F0F0;border-radius: 6rpx;}
.confirm{height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;margin-top: 115rpx;}
.title{font-size: 30rpx;color: #222;line-height: 40rpx;font-weight: bold;margin-top: 25rpx;}
.price{font-size: 28rpx;color: #FE0419;align-items: flex-end;}
.price text{font-size: 40rpx;color: #FE0419;font-weight: bold;}
.price text.origin{font-weight: normal;font-size: 24rpx;color: #999;text-decoration: line-through;margin-left: 10rpx;}
.pro-p-btn{margin-top: 35rpx;justify-content: space-between;align-items: center;}
.pro-add{width: 330rpx;height: 80rpx;border: 2rpx solid #FD3C31;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #FD3A31;}
.pro-addgray{width: 330rpx;height: 80rpx;border: 2rpx solid #999999;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #999;}

.pro-buy{width: 330rpx;height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;}