yuminge-app/yun-min-program-plugin-master/packageA/mycomponent/goodsComponent/priceTitleRepertorySales/priceTitleRepertorySales.wxss

951 lines
16 KiB
Plaintext

/* 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;
}