/* packageE/orderullPackage/orderullPackage.wxss */ view { box-sizing: border-box; text-align: center; } #full_package { background: #fff; padding-bottom: 192rpx; } #full_package .flex-main { display: flex; height: 90rpx; align-items: center; padding: 0 30rpx; overflow-x: scroll; position: relative; font-size: 12px; background: #fff; } #full_package .top-category .category-child { height: 48rpx; line-height: 48rpx; background-color: #e4e4e4; border-radius: 4rpx; flex-shrink: 0; padding: 0 28rpx; margin-right: 28rpx; color: #939393; } #full_package .top-category .active-class { background-color: #f15053; color: #fff; } #full_package .flex-main::after { height: 1rpx; position: absolute; z-index: 0; bottom: 0; left: 0; content: ""; width: 100%; background-image: linear-gradient(0deg, #ececec 50%, transparent 0); } #full_package .sort-child { color: #848484; margin-right: 64rpx; } #full_package .active-class { color: #f15053; } #full_package .bottom-fixed-button { position: fixed; bottom: 0; width: 100%; height: 100rpx; left: 0; display: flex; align-items: center; justify-content: flex-end; padding: 0 32rpx; background-color: #fff; box-shadow: 1px 1px 14px 0 rgba(184, 184, 184, 0.52); } #full_package .bottom-fixed-button .button { margin-left: 28rpx; width: 90px; height: 32px; line-height: 32px; background-color: #f15053; border-radius: 16px; font-size: 14px; color: #fff; position: relative; text-align: center; } #full_package .bottom-fixed-button .carts-num { padding: 0 10rpx; min-width: 30rpx; height: 40rpx; line-height: 40rpx; font-size: 14px; position: absolute; top: -8px; right: -5px; background-color: #ff5d5c !important; color: #fff; border-radius: 28rpx; box-shadow: 1px 1px 6px #b74444; } .bottom-car { position: fixed; left: 0; bottom: -1px; width: 100%; height: 144rpx; display: flex; align-items: center; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 19%); } .bottom-car .car-box { border: 1rpx solid #f14e4e; border-radius: 48rpx; display: flex; align-items: center; height: 96rpx; line-height: 96rpx; width: 90%; margin: 0 auto; overflow: hidden; } .bottom-car .car-box.endstyle { background: #d8d8d8; border-color: #d8d8d8; color: #fff; text-align: center; font-size: 40rpx; display: block; } .bottom-car .car-box .car-num { min-width: 50%; padding-right: 10px; text-align: left; color: #f14e4e; display: flex; font-size: 26rpx; } .bottom-car .car-box .car-num-box { position: relative; width: 96rpx; text-align: center; display: flex; justify-content: center; } .bottom-car .car-box .car-num-box .carnum-style { position: absolute; height: 32rpx; right: 0; top: 5px; line-height: 32rpx; background: #f14e4e; border-radius: 32rpx; color: #fff; padding: 0 8rpx; font-size: 24rpx; } .bottom-car .car-box .car-num icon { display: flex; width: 48rpx; font-size: 48rpx; } .bottom-car .car-box .car-num .small-price { font-size: 24rpx; } .bottom-car .car-box .car-add { flex: 1; text-align: center; background-color: #f14e4e; color: #fff; } .wrapper { border-radius: 30rpx; display: flex; align-items: center; justify-content: center; } .block { position: relative; width: 600rpx; height: 736rpx; border-radius: 15px; background-color: #fff; padding: 20rpx; text-align: left; } .choose-title { color: #878787; padding: 20rpx; border-bottom: solid 1px #f5f5f5; } .choose-content { height: 550rpx; overflow-y: scroll; } .radio-title { font-size: 16px; font-weight: bold; } .radio-list { padding: 20rpx; } .radio-item { padding: 20rpx 0; border-bottom: solid 1px #f5f5f5; } .buttons { display: flex; position: absolute; bottom: 20rpx; width: 95%; } .button-item { flex: 1; display: flex; align-items: center; } .button-content { margin: 0 auto; width: 200rpx; height: 60rpx; line-height: 60rpx; text-align: center; border-radius: 20rpx; border: solid 1px #b5b5b5; background: #fff; } .button-content.red { color: #fff; background-color: #f15353; border: none; }