@charset "utf-8"; .c-a4 { color: #a4a4a4; } .c-red { color: #FF6768; } page { background-color: #f0f0f0; } .pdb80 { padding-bottom: 80rpx; } .img-container { background-color: #dedede; } .img { display: block; width: 100%; } .desc-container { padding: 20rpx; background-color: white; } .rmb::before { content: '¥'; } .date { color: #a4a4a4; font-size: 24rpx; } .goods-container { margin-top: 20rpx; background-color: white; font-size: 28rpx; } .btn-container { position: fixed; width: 100%; bottom: 0; display: flex; font-size: 30rpx; } .btn { padding: 20rpx; flex: 1; text-align: center; } .btn.red { background-color: #FF6768; color: white; } .btn.pink { background-color: #FACAD6; color: #FF6768; } .btn.gray{ background-color: #cccccc; color:#fff } .ling_btn{ background: #c0283a; color: #fff; width: 100rpx; height: 50rpx; display: inline-block; line-height: 50rpx; border-radius: 10rpx} .ling_btn.c_a{ background: darkgrey} .lb_quan{ width: 48%; height: 120rpx; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; color: #fff; font-size: 22rpx; text-align: center; margin-top:20rpx; margin-left:10rpx; } .fir_view{ justify-content: space-between; height: 98rpx; line-height: 98rpx; padding: 0 8rpx; } .exp_title{text-align: center;height: 60rpx; line-height: 60rpx;background-color: #cccdce;color: #c0283a}