.module-item-goods { margin-top: 10px; } .scroll-true { white-space: nowrap; overflow-x: auto; } .scroll-true .item { display: inline-block; width: 30%; margin-right: 10px; } .el-scrollbar__wrap { overflow-y: hidden; } .pic_img { width: 106px; height: 106px; } .item-goods-style1 { position: relative; padding: 20rpx 0; } .module-item-goods { margin-top: 10px; position: relative; } .module-item-goods .mg0 { margin-top: 0; } .module-item-goods .item-goods-con { position: relative; overflow: hidden; } .module-item-goods .noadd { height: 200px; display: flex; align-items: center; justify-content: center; width: 100%; } .module-item-goods .item-goods-style1 { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px; padding-top: 0; overflow: hidden; } .module-item-goods .item-goods-style1.style2 .item { width: calc(100%/2 - 5px); background: #FFFFFF; } .module-item-goods .item-goods-style1.style2 .item .yh { font-size: 10px; } .module-item-goods .item-goods-style1.style2 .item .price span b { font-size: 12px; } .module-item-goods .item-goods-style1.style2 .item .price span i { font-size: 10px; } .module-item-goods .item-goods-style1 .item { width: 100%; margin-top: 12px; border-radius: 3px; position: relative; overflow: hidden; } .module-item-goods .item-goods-style1 .item .pic { overflow: hidden; position: relative; height: 150px; } .module-item-goods .item-goods-style1 .item .pic image { object-fit: cover; display: block; height: 100%; width: 100%; } .module-item-goods .item-goods-style1 .item .pic span { background: red; color: #fff; padding: 2px 5px; border-bottom-right-radius: 5px; position: absolute; left: 0; top: 0; } .module-item-goods .item-goods-style1 .item .c { padding: 0 5px; } .module-item-goods .item-goods-style1 .item .tit { white-space: nowrap; padding-top: 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; } .module-item-goods .item-goods-style1 .item .yh { display: flex; overflow: hidden; justify-content: space-between; align-items: center; color: #999; margin-top: 5px; } .module-item-goods .item-goods-style1 .item .yh span { padding: 2px 5px; background: #F73E44; color: #fff; font-size: 12px; } .module-item-goods .item-goods-style1 .item .yh label { flex: 1; overflow: hidden; text-align: right; } .module-item-goods .item-goods-style1 .item .price { /* padding-top: 5px; */ color: #666; display: flex; /* overflow: hidden; */ justify-content: space-between; align-items: center; margin-right: 6rpx; } .module-item-goods .item-goods-style1 .item .price span { flex: 1; overflow: hidden; } .module-item-goods .item-goods-style1 .item .price span b { font-size: 14px; color: #F73E44; } .module-item-goods .item-goods-style1 .item .price span i { color: #bfbfbf; font-style: normal; padding-left: 5px; text-decoration: line-through; } .module-item-goods .item-goods-style1 .item .price .car-goods { padding: 5px; /* background: #F73E44; */ color: #F73E44; border-radius: 4rpx; font-size: 36rpx; } .module-item-goods .item-goods-style1 .item .ju { padding-top: 5px; color: #999; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .goods-num-block .num { color: #000000; padding: 0 6rpx; } .spec-btn { height: 60rpx; padding: 0 30rpx; background-color: #ff6565; border-radius: 30rpx; color: #fff; font-size: 26rpx; line-height: 60rpx; position: relative; } .spec-btn .spec-num { /* display: inline-block; */ height: 35rpx; width: 35rpx; box-sizing: border-box; border-radius: 120rpx; background-color: red; color: #fff; /* padding: 0 10rpx; */ /* line-height: 40rpx; */ font-size: 22rpx; position: absolute; right: -7rpx; top: -7rpx; } /* 弹窗 */ .mask { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 999; } .pop-block { width: 660rpx; background: #fff; border-radius: 20rpx; overflow: hidden; position: relative; } .pop-block .title { font-size: 34rpx; color: #555; line-height: 50rpx; padding-top: 30rpx; text-align: center; font-weight: 500; margin-bottom: 20rpx; } .pop-block .content-block { max-height: 60vh; } .content-tel { padding: 20rpx 40rpx; } .content-tel-bor { border-bottom: 1rpx solid #F1F1F1; margin-left: 10rpx; } .content-tel-bor-input { font-size: 26rpx; } .pop-block .content { padding: 0 30rpx; } // //公告弹窗 .notice-pop .sub-btn { height: 80rpx; line-height: 80rpx; text-align: center; font-size: 32rpx; color: $theme-color; border-top: 1rpx solid #efefef; margin-top: 30rpx; } .notice-pop .content { font-size: 30rpx; line-height: 1.5; color: #555; text-align: center; } // 规格弹窗 .spec-pop .content .spec-cat-title { font-size: 32rpx; font-weight: 500; } .spec-pop .content .spec-list { padding: 10rpx 0 30rpx; flex-flow: row wrap; align-content: flex-start; } .spec-pop .content .spec-list .spec-item { font-size: 26rpx; padding: 10rpx 20rpx; border: 1rpx solid #eee; border-radius: 8rpx; margin-top: 15rpx; margin-right: 10rpx; } .spec-pop .content .spec-list .spec-item.active { background-color: $theme-color; border-color: $theme-color; color: #fff; } .spec-close-btn { display: block; width: 64rpx; height: 64rpx; margin-top: 40rpx; } .spec-pop .btm-block { padding: 20rpx 30rpx; background-color: #eee; } .spec-pop .btm-block .price { font-size: 40rpx; font-weight: bold; color: #ff6565; } .spec-pop .btm-block .unit { font-size: 26rpx; color: #666; } .spec-pop .choose-spec-list { font-size: 26rpx; color: #666; margin-left: 20rpx; margin-right: 20rpx; } .spec-pop .btm-block .add-car-btn { margin-left: auto; height: 60rpx; font-size: 28rpx; color: #fff; background-color: $theme-color; font-weight: bold; line-height: 60rpx; text-align: center; padding: 0 20rpx; border-radius: 30rpx; min-width: 200rpx; } .spec-pop .btm-block .goods-num-block { margin-left: auto; height: 60rpx; } .spec-pop .btm-block .goods-num-block .num-btn { flex: none; width: 42rpx; height: 42rpx; // border: 1rpx solid $theme-color; border-radius: 50%; position: relative; font-size: 42rpx; } .spec-pop .btm-block .goods-num-block .num { flex: none; min-width: 60rpx; text-align: center; font-size: 26rpx; font-weight: 500; color: #555; } .rebate-border { border: 1rpx solid #ff6565; border-radius: 4rpx; font-size: 20rpx; display: inline-block; padding: 2rpx 4rpx; color: #ff6565; } .many_rebate { color: red; text-align: right; } .textDecoration { text-decoration: line-through; color: #999999; font-size: 20rpx; }