/* packageA/mycomponent/goodsComponent/priceTitleRepertorySales/priceTitleRepertorySales.wxss */ @import "/mycss/stylesheet.wxss"; @import "/mycss/iconfont.wxss"; .pass_price{ color:#867E7E; } /* 价格start */ .inof_box { background: #fff; color: #666; padding-top: 28rpx; padding-left: 24rpx; padding-right: 24rpx; } .loveprice { font-size: 24rpx; color: #f15353; margin-bottom: 10rpx; display: inline-flex; padding: 0 0 0 6rpx; background: #f15353; border: 2rpx solid #f15353; border-radius: 6rpx; overflow: hidden; } .loveprice .left { background: #f15353; padding: 4rpx 8rpx; color: #fff; border-radius: 6rpx; } .loveprice .right { padding: 0 10rpx; background: #fff; } .loveprice .right .pic_top { font-size: 26rpx; font-weight: 600; } .loveprice .right .pic_bottom { font-size: 26rpx; color: #8c8c8c; } .title-box, .top-box { display: flex; align-items: center; } .top-box .h1 { flex: 1; text-align: left; color: #333; font-size: 32rpx; font-weight: normal; line-height: 48rpx; overflow: hidden; } .top-box .right { position: relative; margin-left: 20rpx; } .top-box icon { font-size: 36rpx; color: #666; } .change { display: flex; align-items: center; } .point-good-price { color: #ff9500; } .point-good-price .point-text { font-size: 22rpx; display: inline-block; background: #ff9500; color: #fff; padding: 2rpx 6rpx; border-radius: 5px; margin-left: 5px; vertical-align: middle; } .show_price_box { display: flex; flex-direction: column; font-size: 13px; } .show_price_box .show_price { margin-bottom: 3px; } .show_price_box .other_price { display: inline-block; padding: 1px 4px; } .show_price_box .red_white { color: #fff; background: #ff2c29; } .show_price_box .white_red { color: #ff2c29; border: solid #ff2c29 1px; background: #fff; } .inof_box .h2 { font-size: 48rpx; color: #f15353; text-align: left; font-weight: bold; flex: 1; } .inof_box .h2 .pic_icon { font-size: 24rpx; } .inof_box .h2 .price-num1 { background: #f15353; color: white; padding: 6.4rpx 16rpx; border-top-left-radius: 32rpx; border-bottom-right-radius: 32rpx; margin-bottom: 10rpx; } .inof_box .h2 .original-price { display: inline-block; font-size: 24rpx; margin-left: 24rpx; color: #8c8c8c; } .inof_box .h2 .original_icon { font-size: 24rpx; font-weight: 400; color: #8c8c8c; text-decoration: line-through; margin-left: 10rpx; } .share_text { margin-left: 4px !important; font-size: 24rpx; color: #9b9b9b; padding: 0; border: none; } /* 价格end */ /* 优惠券 折扣 推广赚 start */ .goods-dicount { height: 48rpx; background-color: #ffe6e3; border-radius: 4rpx; color: #ff3203; display: flex; align-items: center; justify-content: center; margin-left: 24rpx; padding: 0 16rpx; } .pub-price { width: 197.0016rpx; height: 40rpx; border-radius: 4rpx; border: solid 2rpx #f15353; color: #f15353; display: flex; align-items: center; justify-content: center; margin-left: 23.0016rpx; } /* 优惠券 折扣 推广赚 end */ /* 领券start */ .title-box, .top-box { display: flex; align-items: center; } .title-box { padding: 24rpx 0 12rpx 24rpx; background: #fff; } .title-box .h1 { flex: 1; text-align: left; color: #333; font-size: 32rpx; line-height: 48rpx; overflow: hidden; padding-right: 30rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: bold; } /* 限时购 新增 */ /* .title-box_with-slogan.title-box { justify-content: space-between; } */ .goods-slogan .h1 { white-space: pre-line; -webkit-line-clamp: unset; } .title-box_with-slogan { padding-top: 0; } .title-box_with-slogan .h1 { font-size: 24rpx; font-weight: normal; } .title-box .Coupon_b { width: 127rpx; height: 54rpx; line-height: 54rpx; text-align: center; background: #feebeb; color: #ed0606; border-top-left-radius: 2em; border-bottom-left-radius: 2em; display: flex; align-items: center; justify-content: center; font-size: 28rpx; } .title-box .Coupon_b .arrow { display: flex; align-items: center; } /* 领券end */ .rowContent { padding-left: 24rpx; padding-right: 24rpx; background: #fff; color: #666; } .loveprice { font-size: 24rpx; color: #f15353; margin-bottom: 10rpx; display: inline-flex; padding: 0 0 0 6rpx; background: #f15353; border: 2rpx solid #f15353; border-radius: 6rpx; overflow: hidden; } .loveprice_b { background: #fff; font-size: 24rpx; color: #f15353; margin-bottom: 10rpx; display: inline-flex; padding: 0 0 0 6rpx; overflow: hidden; } /* 销量 库存 */ .rowContent { padding-left: 24rpx; padding-right: 24rpx; background: #fff; color: #666; } .stockcontainer { background: #fff; /* padding: 28rpx 24rpx; */ font-size: 24rpx; color: #999; text-align: left; line-height: 52rpx; display: flex; justify-content: space-around; } .stockcontainer .left { flex: 1; } .stockcontainer .right { flex: 1; text-align: right; } /* 酒店 */ .info_a { background: #fff; padding: 20rpx 28rpx; } .info_a .title-box { display: flex; } .info_a .title-box .h1 { flex: 1; text-align: left; color: #333; font-size: 24rpx; font-weight: normal; line-height: 48rpx; overflow: hidden; } .info_a .title-box .right { position: relative; margin-left: 20rpx; } .info_a .title-box icon { font-size: 36rpx; color: #666; } .info_a .price { display: flex; justify-content: space-between; align-items: center; } .info_a .price .li { font-size: 32rpx; color: #000; text-align: left; margin-top: 20rpx; display: flex; align-items: center; font-weight: bold; width: 80%; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .info_a .price .Coupon_b { width: 127rpx; height: 54rpx; line-height: 54rpx; text-align: center; background: #feebeb; color: #ed0606; border-top-left-radius: 2em; border-bottom-left-radius: 2em; display: flex; align-items: center; justify-content: center; font-size: 28rpx; margin-right: -28rpx; } .info_a .price .Coupon_b .arrow { display: flex; align-items: center; } .info_a .title-box .h1 { color: #f15353; margin-right: 20rpx; font-weight: bold; } .info_a .title-box .h1 .font { font-size: 40rpx; } .info_b { background: #fff; padding-left: 28rpx; margin-top: 20rpx; } .info_b .li { height: 88rpx; line-height: 88rpx; padding-right: 28rpx; display: flex; } .info_b .li .left { margin-right: 20rpx; } .info_b .li icon { font-size: 48rpx; color: #666; } .info_b .left .li .span { font-size: 32rpx; } /* 拼团 */ .title_number { background: #fff; padding: 28rpx; } .title_number .title_Main { display: flex; } .pt .good_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .title_number .title_Main .h1 { flex: 3; font-size: 16px; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .title_number .title_Main icon { font-size: 36rpx; color: #666; margin-left: 32rpx; line-height: 48rpx; } .title_number .number { margin-top: 16rpx; } .title_number .number .li { display: flex; justify-content: space-between; } .title_number .number .li .span { font-size: 12px; color: #8c8c8c; } .title_number .share_text { margin-left: 4px !important; font-size: 24rpx; color: #9b9b9b; padding: 0; border: none; display: flex; width: 56rpx; position: relative; } /* 抢团 */ .group_good .title_number { background: #fff; padding: 28rpx; } .group_good .title_number .title_Main { display: flex; } .good_title .good_title { color: #ed0606; font-size: 48rpx; } .good_title text { font-size: 28rpx; } .market-price { font-size: 20rpx; margin-left: 10rpx; color: #999; text-decoration: line-through; } .group_good .title_number .title_Main .h1 { flex: 3; font-size: 16px; text-align: left; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .group_good .title_number .title_Main icon { font-size: 36rpx; color: #666; margin-left: 32rpx; line-height: 48rpx; } .group_good .title_number .number { margin-top: 16rpx; } .group_good .title_number .number .li { display: flex; } .group_good .title_number .number .li .span { font-size: 12px; color: #8c8c8c; margin-right: 40rpx; } .group_good .title_number .grab-group-box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100rpx; height: 70rpx; margin-right: 25rpx; background-color: #fff0e6; border-radius: 4rpx; } .group_good .title_number .grab-group-box .cc { font-size: 20rpx; } .group_good .title_number .grab-group-box .c1 { color: #a09083; } .group_good .title_number .grab-group-box .c2 { color: #ff4848; } .good_title_one { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; font-size: 28rpx; line-height: 40rpx; margin-bottom: 16rpx; font-weight: bold; color: #000; } /* 普通商品新样式 */ .panel { margin: 20rpx; border-radius: 20rpx; background-color: #fff; } .displayBlock { display: block !important; } .goods-price .goods-price-info { display: flex; min-height: 120rpx; align-items: center; padding: 0 20rpx; text-align: left; } .goods-price-info .goods-price-box { flex: 1; font-size: 12px; font-weight: bold; color: #2e2e2e; } .goods-price-info .goods-price-box .goods-price-num { color: #f14e4e; font-weight: bold; margin-right: 20rpx; } .goods-price-info .goods-price-box .goods-original-price { display: inline-block; word-break: keep-all; text-decoration: line-through; } .goods-price-info .goods-price-box .goods-price-num .goods-price-num-style-1 { font-size: 12px; } .goods-price-info .goods-price-box .goods-price-num .goods-price-num-style-2 { font-size: 22px; } .goods-price-info .goods-price-shareButton { display: flex; flex-direction: column; align-items: center; position: relative; } .goods-price-info .goods-price-shareButton .iconfont { color: #2b2b2b; line-height: 100%; padding-bottom: 6rpx; } .goods-price-info .goods-price-collectionButton { display: flex; flex-direction: column; align-items: center; margin-left: 60rpx; } .goods-price-info .goods-price-collectionButton .iconfont { font-size: 24px; line-height: 100%; color: #2b2b2b; } .goods-price-info .goods-price-collectionButton .iconfont.icon-zb_all_like { color: #f14e4e; } .goods-price .goods-member-level { padding: 0 20rpx; } .goods-member-level .container { display: flex; align-items: center; width: 100%; padding: 17rpx 20rpx; color: #fff; background-color: #493f41; border-radius: 10rpx; } .goods-member-level .container .icon-huiyuanguanli-copy { font-size: 18px; } .goods-member-level .container .level-name { margin-left: 10rpx; font-size: 13px; font-weight: bold; } .goods-member-level .container .level-list { flex: 1; margin-left: 34rpx; text-align: left; } .goods-member-level .container .level-list .level-item { font-size: 24rpx; font-weight: bold; } .goods-member-level .container .level-list .level-item.level-item-style-1 { color: #e4c5a5; } .goods-member-level .container .level-list .level-item.level-item-style-2 { color: #cca86e; } .goods-member-level .container .level-button { line-height: 1.2; font-size: 13px; font-weight: bold; } .goods-member-level .container .icon-advertise-next { margin-left: 4rpx; } .goods-price .goods-coupon { display: flex; align-items: center; padding: 20rpx; font-size: 11px; } .goods-coupon .goods-coupon-list { display: flex; flex: 1; overflow: scroll; margin-right: 6rpx; } .goods-coupon .goods-coupon-list::-webkit-scrollbar { display: none; /* Chrome Safari */ } .goods-coupon .goods-coupon-list .goods-coupon-label { flex-shrink: 0; color: #f69036; padding: 7rpx 10rpx; margin-right: 12rpx; background: rgba(246, 144, 54, 0.1); border-radius: 4rpx; } .goods-coupon .goods-coupon-button { font-weight: bold; color: #f69036; margin-left: 10rpx; } .goods-coupon .icon-advertise-next { color: #f69036; } .love-reward { padding: 20rpx; font-size: 12px; } .love-reward .daily-price { display: flex; align-items: center; margin: 10rpx 0; } .love-reward .daily-price .daily-price-text { font-weight: bold; color: #f69036; } .love-reward .daily-price .daily-price-num { margin-left: 20rpx; font-size: 14px; font-weight: bold; color: #f14e4e; } .love-reward .daily-price .daily-price-company { font-weight: bold; color: #565656; margin-left: 0.5rem; } .love-reward .love-reward-items { display: flex; flex-wrap: wrap; } .love-reward .love-reward-items .love-reward-item { display: flex; margin-right: 20rpx; } .love-reward .love-reward-items .love-reward-item .love-reward-item-name { font-weight: bold; color: #565656; } .love-reward .love-reward-items .love-reward-item .love-reward-item-proportion { font-weight: bold; font-size: 13px; color: #f14e4e; } .goods-title-box { text-align: left; padding: 20rpx; } .goods-title-box .goods-title-wrapper .goods-title-text { font-size: 16px; font-weight: bold; color: #323232; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .goods-title-box .goods-title-wrapper .goods-label-box { margin-top: 8rpx; font-size: 24rpx; line-height: 30rpx; color: #565656; } .goods-title-box .goods-title-wrapper .goods-label-box .goods-label-text { margin-right: 14rpx; } .goods-title-box .goods-advertisement { margin-bottom: 20rpx; } .goods-title-box .goods-advertisement .goods-advertisement-wrapper .goods-advertisement-text { font-size: 13px; color: #797979; text-align: center; } .goods-title-box .goods-advertisement .goods-advertisement-wrapper .advertisement-text { text-align: left; display: block; } .advertisement-text .icon-advertise-next { margin-top: -6px; color: #f14e4e; } .goods-title-box .goods-advertisement .goods-advertisement-wrapper .more-advertisement { color: #f14e4e; display: inline-flex; } .goods-title-box .goods-desc-info { display: flex; justify-content: space-between; margin-top: 20rpx; font-size: 12px; font-weight: bold; color: #565656; } /* 普通商品新样式end */ /** 让利涨粉 */ .rise-fans { display: flex; align-items: center; height: 100rpx; margin: 10px; background-image: linear-gradient(90deg, #ffdcb0 0%, #fdc98b 100%); border-radius: 20rpx; } .rise-fans .rise-fans-icons { display: flex; flex-direction: column; padding-left: 29rpx; padding-right: 23rpx; color: #874e02; font-size: 24rpx; font-weight: bold; } .rise-fans .rise-fans-icons .iconfont{ display: flex; justify-content: center; height: 40rpx; } .rise-fans .rise-fans-texts { flex: 1; text-align: left; color: #874f02; font-size: 26rpx; font-weight: bold; } .rise-fans .rise-fans-btn { display: flex; align-items: center; padding-right: 20rpx; font-size: 22rpx; font-weight: bold; color: #f14e4e; } /**让利涨粉弹窗 */ .riseFansWrapper{ height: 615rpx; text-align: center; } .riseFansWrapper .riseFansContainer { width: 430rpx; height: 460rpx; background-color: #ffffff; border-radius: 10rpx; } .riseFansWrapper .riseFansContainer .text { padding-top: 40rpx; padding-bottom: 28rpx; font-size: 30rpx; color: #1a1a1a; font-weight: bold; } .riseFansWrapper .riseFansContainer .img { display: flex; justify-content: center; height: 211rpx; } .riseFansWrapper .riseFansContainer .img image { width: 211rpx; height: 211rpx; } .riseFansWrapper .riseFansContainer .small-text { margin-top: 8rpx; font-size: 24rpx; font-weight: bold; color: #1a1a1a; } .riseFansWrapper .close { height: 128rpx; display: flex; align-items: flex-end; justify-content: center; } .riseFansWrapper .close .icon-adsystem_icon_cancle { font-size: 96rpx; color: #fff; width: 96rpx; height: 96rpx; }