page { background: #EDF1F7; } .bg { background: #FFFFFF; } .btn { background: rgba(216, 2, 4, 0.2); opacity: 0.6; border-radius: 4rpx; color: #D80204; padding: 8rpx 13rpx; font-size: 23rpx; margin-right: 16rpx; } .box { border: 2rpx solid #CCCCCC; /* opacity: 0.6; */ border-radius: 8rpx; color: #999999; font-size: 30rpx; padding: 13rpx 44rpx; margin-right: 35rpx; } .boxs { background: rgba(252, 210, 2, 0.2); border: 2rpx solid #FCD202; /* opacity: 0.6; */ border-radius: 8rpx; color: #333333 !important; font-size: 30rpx; padding: 13rpx 44rpx; } .addgood { width: 685rpx; height: 88rpx; background: #FFCC00; border-radius: 8rpx; text-align: center; line-height: 88rpx; margin: 40rpx auto; /* position: fixed; bottom: 35rpx; left: 0; right: 0; */ font-size: 32rpx; font-weight: bold; color: #FFFFFF; } .detail-banner { width: 100%; height: 410rpx; } .detail-banner image { width: 100%; height: 410rpx; } .detail { width: 100%; padding: 3%; overflow: hidden; /* position: relative; */ /* top: -20rpx; */ background-color: #FFFFFF; border-radius: 32rpx 0 0 0; } .detail_text { font-size: 36rpx; font-weight: 800; color: #333333; } .detail_biao { display: flex; padding: 2% 0; } .detail_biao_sty { /* padding: 1% 1.5%; */ padding: 10rpx 20rpx; background: rgba(216, 2, 4, 0.2); opacity: 0.6; color: #D80204; border-radius: 8rpx; font-size: 24rpx; margin-right: 2%; } .detail_text2 { font-size: 24rpx; font-family: PingFang SC; color: #333333; margin-top: 1%; } .detail_biao2 { display: flex; padding: 1% 0; font-size: 30rpx; } .detail_biao2_sty { padding: 1% 2.5%; /* width: 13%; */ text-align: center; background: rgba(252, 210, 2, 0.2); border: 2rpx solid #FCD202; opacity: 0.6; border-radius: 8rpx; margin-right: 2%; } .detail_biao2_sty2 { padding: 1% 2.5%; /* width: 13%; */ text-align: center; border: 2rpx solid #999999; opacity: 0.6; color: #999999; border-radius: 8rpx; margin-right: 3%; }