/* packageI/cps/cpsDetail/cpsDetail.wxss */ #cpsDetail .orderNav { position: fixed; bottom: 0; width: 100%; height: 140.16rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 20.16rpx 0 25.6rpx; background: #fff; box-sizing: border-box; overflow: hidden; } #cpsDetail .orderNav .leftNav { display: flex; margin-right: 0.5rem; } #cpsDetail .orderNav .leftNav .leftNav_min_right { margin-left: 48rpx; } #cpsDetail .orderNav .leftNav .leftNav_min { display: flex; flex-direction: column; align-items: center; color: #777; justify-content: center; } #cpsDetail .orderNav .leftNav .leftNav_min .icon-fontclass-pingfen { color: #aaa; font-size: 41.6rpx; height: 52rpx; margin-top: -17rpx; } #cpsDetail .orderNav .leftNav .leftNav_min image { width: 36.16rpx; height: 36.16rpx; } #cpsDetail .orderNav .btnAR { flex: 1; display: flex; } #cpsDetail .orderNav .btnAR .orderNav_right { flex: 1; /* width: 260.16rpx; */ height: 100.16rpx; background-color: #e64a40; border-radius: 0rpx 49.92rpx 49.92rpx 0rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; color: #fff; } #cpsDetail .orderNav .btnAR .orderNav_right .orderNav_right_bottom { font-size: 24rpx; } #cpsDetail .orderNav .btnAR .orderNav_right .orderNav_right_top { font-size: 32rpx; } #cpsDetail .orderNav .btnAR .orderNav_left { flex: 1; /* width: 260.16rpx; */ height: 100.16rpx; background-color: #e9c69a; border-radius: 49.92rpx 0rpx 0rpx 49.92rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; line-height: 24px; } #cpsDetail .orderNav .btnAR .orderNav_left .orderNav_left_bottom { color: #605446; font-size: 24rpx; } #cpsDetail .orderNav .btnAR .orderNav_left .orderNav_left_top { font-size: 32rpx; color: #272727; } #cpsDetail .describe { padding-bottom: 169.92rpx; overflow: hidden; } #cpsDetail .describe .describe_top { display: flex; justify-content: space-between; align-items: center; padding: 18.88rpx 20.16rpx; background-color: #fff; } #cpsDetail .describe .describe_top span { font-size: 32rpx; } #cpsDetail .describe .describe_top .describe_top_r { display: flex; align-items: center; color: #666; font-size: 28.16rpx; } #cpsDetail .describe .content .img { width: 100%; display: block; } #cpsDetail .line { background: #fafafa; height: 9.92rpx; width: 100%; } #cpsDetail .storeIn { display: flex; align-items: center; justify-content: space-between; margin-top: 28.16rpx; } #cpsDetail .storeIn .store_right { flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } #cpsDetail .storeIn .store_right .evaluate { width: 80%; display: flex; align-items: center; justify-content: space-between; font-size: 24rpx; color: #777; } #cpsDetail .storeIn .store_right .storeName { text-align: left; font-size: 14px; margin-bottom: 10rpx; } #cpsDetail .storeIn .store_right .storeName .btn { padding: 6.08rpx 15.04rpx; background-color: #f0f0f0; color: #777; font-size: 20.16rpx; border-radius: 16rpx; } #cpsDetail .storeIn .store_left { margin-right: 20.16rpx; width: 88rpx; height: 88rpx; } #cpsDetail .storeIn .store_left image { width: 100%; height: 100%; } #cpsDetail .contenBox { padding: 32rpx 20.16rpx 17.92rpx 20.16rpx; box-sizing: border-box; background-color: #fff; } #cpsDetail .contenBox .couponBox { background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/cps/xqyhq.png"); background-repeat: no-repeat; background-size: cover; height: 112rpx; width: 100%; margin-top: 41.6rpx; display: flex; align-items: center; color: #fee3b7; padding-left: 18.88rpx; font-size: 24rpx; position: relative; box-sizing: border-box; } #cpsDetail .contenBox .couponBox .time { text-align: left; font-size: 20.16rpx; color: #afa89d; } #cpsDetail .contenBox .couponBox .couponRight { position: absolute; right: 40rpx; top: 28.16rpx; width: 164.16rpx; height: 56rpx; background-image: linear-gradient(0deg, #eccb97 0%, #fee3b7 100%); border-radius: 28.16rpx; color: #39342e; display: flex; align-items: center; justify-content: center; } #cpsDetail .contenBox .couponBox .dor { height: 100%; display: flex; align-items: flex-end; padding-bottom: 25.6rpx; } #cpsDetail .contenBox .couponBox .couponBox_price { font-size: 56rpx; } #cpsDetail .contenBox .goodsDetail { display: flex; justify-content: space-between; align-items: center; } #cpsDetail .contenBox .goodsDetail .goodsDetail_left { flex: 1; font-size: 32rpx; color: #272727; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #cpsDetail .contenBox .goodsDetail .goodsDetail_left .shopType { margin-right: 20.16rpx; background: #bb3e26; /* width: 76.8rpx; */ /* height: 38.4rpx; */ padding: 2px 3px; color: #fff; text-align: center; line-height: 38.4rpx; border-radius: 11.2rpx; font-size: 24rpx; display: inline-grid; } #cpsDetail .contenBox .goodsDetail .goodsDetail_right { margin-left: 37.12rpx; width: 140.16rpx; height: 92.16rpx; background-color: #fee3b7; border-radius: 9.92rpx; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 20.16rpx; } #cpsDetail .contenBox .goodsPrice { display: flex; justify-content: space-between; margin-bottom: 22.4rpx; } #cpsDetail .contenBox .goodsPrice .goodsPrice_right { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 16rpx; font-size: 24rpx; color: #999; } #cpsDetail .contenBox .goodsPrice .goodsPrice_left { color: #e64a40; margin-right: 24rpx; } #cpsDetail .contenBox .goodsPrice .goodsPrice_left .goodsPrice_left_price { font-size: 76.16rpx; } #cpsDetail .contenBox .goodsPrice .goodsPrice_left_row { display: flex; flex-direction: column; justify-content: center; font-size: 24rpx; color: #e64a40; } #cpsDetail .contenBox .goodsPrice .goodsPrice_left_row span { text-align: left; } #cpsDetail .contenBox .goodsPrice .goodsPrice_left_row .original { text-decoration: line-through; color: #999; } #cpsDetail .topimg { width: 100%; position: relative; } #cpsDetail .topimg swiper { height: 100vw; } #cpsDetail .topimg .header-box { position: fixed; width: 100%; height: 76rpx; display: flex; top: 0; z-index: 5; } #cpsDetail .topimg .header-box.hoet { background: #fff; } #cpsDetail .topimg .back { background-color: #6d6d6b; display: flex; justify-content: center; align-items: center; width: 50rpx; height: 50rpx; border-radius: 50%; color: #fff; position: absolute; top: 20rpx; left: 20rpx; z-index: 1; } #cpsDetail .topimg .back .icon-member-left { margin-top: -10rpx; } #cpsDetail .topimg .member { background-color: #6d6d6b; display: flex; justify-content: center; align-items: center; width: 50rpx; height: 50rpx; border-radius: 50%; color: #fff; position: absolute; top: 20rpx; right: 20rpx; z-index: 1; } #cpsDetail .topimg .member .icon-wode-wode { margin-top: -10rpx; } #cpsDetail .topimg .header-box.hoet .member { background-color: #fff; color: #1f1f1f; } #cpsDetail .topimg image { width: 100%; }