.myqr { position: absolute; z-index: 999; width: 100%; text-align: center; height: auto; margin-top: 50rpx; } .myqr .cancel { width: 60rpx; height: 60rpx; margin-top: 30rpx; margin-left: 480rpx; } .myqr .img { width: 480rpx; } .myqr .btn { width: 120rpx; height: 120rpx; line-height: 120rpx; margin-top: 20rpx; padding: 30rpx; background: #ffffff; border-radius: 60rpx; } .container { /* margin-bottom: 100rpx; */ } .user_column_item_image { width: 50rpx; height: 50rpx; margin-right: 26rpx; margin-top: 25rpx; } .flexb { width: 750rpx; height: 88rpx; line-height: 103rpx; padding-right: 31.25rpx; border-bottom: 1px solid #f4f4f4; font-size: 30rpx; color: #333; background: #fff; display: flex; flex-wrap: nowrap; } .flex { flex-grow: 1; text-align: center; } .show { width: 750rpx; height: 88rpx; background: #fff; border-bottom: 1px solid #f4f4f4; } .show .t { float: left; width: 600rpx; height: 88rpx; line-height: 88rpx; font-size: 29rpx; color: #333; margin-left: 31.25rpx; } .show .t .s { font-weight: 600; } .show .i { float: right; width: 52rpx; height: 52rpx; margin-right: 16rpx; margin-top: 28rpx; } .mark-img { width: 168rpx; height: 68rpx; right: 5rpx; position: absolute; top: 5rpx; } .goodsimgs { width: 750rpx; height: 492rpx; } .goodsimgs image { width: 750rpx; height: 492rpx; } .commodity_screen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.2; overflow: hidden; z-index: 1000; color: #fff; } .commodity_attr_box { width: 100%; overflow: hidden; position: fixed; bottom: 0; left: 0; z-index: 2000; background: #fff; padding-top: 20rpx; } /* 活动样式 */ .activity { width: 750rpx; height: 145rpx; background: linear-gradient(67deg, #4F43DD, #689CF2, #BA64E2); display: flex; flex-direction: column; padding: 20rpx 30rpx; margin-bottom:12rpx; } .activity .img { background-image: url(https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/activity.png); width: 139rpx; height: 32rpx; background-size: 100% 100%; color: #5244DD; font-size: 23rpx; text-align: center; } .activityDay { line-height: 42rpx; margin-right: 30rpx; display: flex; height: 42rpx; } .activityDay image{ width: 42rpx; height: 42rpx; margin-right: 10rpx; } .activityDay text { font-size: 24rpx; color: #F4F4F4; } .activityPrice { color: #FFFFFF; } .activityPrice text { font-size: 49rpx; font-weight: bold; } .activityCounterPrice { color: #C7C7C7; text-decoration: line-through; font-size: 24rpx; margin-top: 20rpx; margin-left: 10rpx; } .activityTime { display: flex; flex-direction: row; margin-right: 50rpx; } .activityTime text { color: #FFFFFF; line-height: 45rpx; } .activityTime view { width: 45rpx; height: 45rpx; background: #FFFFFF; border-radius: 5rpx; margin: 5rpx; line-height: 45rpx; text-align: center; font-size: 25rpx; font-weight: bold; color: #B563E1; } .activityTime .mark {} .goods-info { width: 750rpx; /*height: 306rpx;*/ overflow: hidden; /* background: #fff; */ border-bottom: 1px solid #f4f4f4; } .goods-info .c { display: block; width: 718.75rpx; /* height: 182rpx; */ margin-left: 31.25rpx; padding: 3rpx 31.25rpx 20rpx 0; } .goods-info .c text { /* display: block; width: 687.5rpx; text-align: left; */ } .goods_name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /* margin-top: 10rpx; */ display: flex; align-items: center; } .goods_name_left { font-weight: 550; margin-left: 0rpx; font-size: 36rpx; letter-spacing: 1rpx; color: #2A2A2A; font-weight: bold; width: 640rpx; white-space: pre-wrap; } .goods_name_right { font-weight: 550; /* top: 375px; */ width: 80rpx; height: 80rpx; line-height: 82rpx; /* padding: 0; margin: 0; right: 10rpx; */ margin-right: 0rpx; text-align: center; font-size: 25rpx; background-color: #09AFFF; border-radius: 40rpx; letter-spacing: 3rpx; /* position: absolute; */ } .goods_name_right .img { width: 50rpx; height: 50rpx; margin-top: 15rpx; } .goods_name_right .txt { margin-top: 5rpx; font-size: 18rpx; color: #000000; border: 1rpx solid; } .goods-info .desc { margin: 12rpx 0; font-size: 24rpx; line-height: 36rpx; width: 640rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .goods-info .price { height: 60rpx; display: flex; margin-bottom: 16rpx; align-items: flex-end; } .goods-info .counterPrice { padding-left: 5rpx; text-decoration: line-through; font-size: 24rpx; margin-top: 15rpx; margin-left: 10rpx; /* color: #85868A; */ color: #999; } .goods-info .retailPrice { height: 42rpx; line-height: 44rpx; /* color: #5DB5E7; */ color: #FF1643; } .goods-info .memberPrice { font-size: 26rpx; color: #DD483E; margin: 0 10rpx 0 20rpx; } .member-price-tag { width: 88rpx; height: 26rpx; line-height: 26rpx; background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/member-price-bg.png') no-repeat center center; background-size: 100% 100%; color: #5E3A11; font-size: 16rpx; padding: 0 8rpx 0 0; text-align: right; margin: 0 0 6rpx 0; } .member-price-tag.spread-tag { margin-left: 20rpx; background-image: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/spread-price-bg.png'); width: 122rpx; } .goods-info .retailPrice text.checked-price { font-size: 42rpx; font-weight: bold; margin-left: 5rpx; height: 42rpx; line-height: 42rpx; } .goods-info .brand { margin-top: 5rpx; min-height: 34rpx; text-align: left; } .goods-info .brand text { display: inline-block; width: auto; padding: 2px 0rpx 2px 0.5rpx; line-height: 32.5rpx; /*border: 1px solid #f48f18;color: #f48f18;*/ font-size: 22rpx; color: #a98f76; /*border-radius: 4rpx;*/ background-size: 10.75rpx 18.75rpx; } .section-nav { width: 750rpx; height: 108rpx; background: #fff; margin-bottom: 20rpx; } .section-nav .t { float: left; width: 600rpx; height: 108rpx; line-height: 108rpx; font-size: 29rpx; color: #333; margin-left: 31.25rpx; } .section-nav .i { float: right; width: 52rpx; height: 52rpx; margin-right: 16rpx; margin-top: 28rpx; } .section-act .t { float: left; display: flex; align-items: center; width: 600rpx; height: 108rpx; overflow: hidden; line-height: 108rpx; font-size: 29rpx; color: #999; margin-left: 31.25rpx; } .section-act .label { color: #999; } .section-act .tag { display: flex; align-items: center; padding: 0 10rpx; border-radius: 3px; height: 37rpx; width: auto; color: #f48f18; overflow: hidden; border: 1px solid #f48f18; font-size: 25rpx; margin: 0 10rpx; } .section-act .text { display: flex; align-items: center; height: 37rpx; width: auto; overflow: hidden; color: #f48f18; font-size: 29rpx; } .comments { width: 100%; height: auto; padding-left: 30rpx; background: #fff; margin: 20rpx 0; } .comments .h { height: 102.5rpx; line-height: 100.5rpx; width: 718.75rpx; padding-right: 16rpx; } .comments .h .t { display: block; float: left; width: 50%; font-size: 30rpx; color: #333; } .comments .h .i { display: block; float: right; width: 164rpx; height: 100.5rpx; line-height: 100.5rpx; background-size: 52rpx; } .comments .b { height: auto; width: 720rpx; } .comments .item { height: auto; width: 720rpx; overflow: hidden; border-top: 1px solid #d9d9d9; } .comments .info { height: 127rpx; width: 100%; padding: 33rpx 0 27rpx 0; } .comments .user { float: left; width: auto; height: 67rpx; line-height: 67rpx; font-size: 0; } .comments .user image { float: left; width: 67rpx; height: 67rpx; margin-right: 17rpx; border-radius: 50%; } .comments .user text { display: inline-block; width: auto; height: 66rpx; overflow: hidden; font-size: 29rpx; line-height: 66rpx; } .comments .time { display: block; float: right; width: auto; height: 67rpx; line-height: 67rpx; color: #7f7f7f; font-size: 25rpx; margin-right: 30rpx; } .comments .content { width: 720rpx; padding-right: 30rpx; line-height: 45.8rpx; font-size: 29rpx; margin-bottom: 24rpx; } .comments .imgs { width: 720rpx; height: auto; margin-bottom: 25rpx; } .comments .imgs .img { height: 150rpx; width: 150rpx; margin-right: 28rpx; } .comments .spec { width: 720rpx; padding-right: 30rpx; line-height: 30rpx; font-size: 24rpx; color: #999; margin-bottom: 30rpx; } .comments .customer-service { width: 690rpx; height: auto; overflow: hidden; margin-top: 23rpx; margin-bottom: 23rpx; background: rgba(0, 0, 0, 0.03); padding: 21rpx; } .comments .customer-service .u { font-size: 24rpx; color: #333; line-height: 37.5rpx; } .comments .customer-service .c { font-size: 24rpx; color: #999; line-height: 37.5rpx; } .goods-attr { width: 750rpx; height: auto; overflow: hidden; padding: 0 31.25rpx 25rpx 31.25rpx; background: #fff; } .goods-attr .t { width: 687.5rpx; height: 104rpx; line-height: 104rpx; font-size: 38.5rpx; } .goods-attr .item { width: 687.5rpx; height: 68rpx; padding: 11rpx 20rpx; margin-bottom: 11rpx; background: #f7f7f7; font-size: 38.5rpx; } .goods-attr .left { float: left; font-size: 25rpx; width: 134rpx; height: 45rpx; line-height: 45rpx; overflow: hidden; color: #999; } .goods-attr .right { float: left; font-size: 36.5rpx; margin-left: 20rpx; width: 480rpx; height: 45rpx; line-height: 45rpx; overflow: hidden; color: #333; } .detail { width: 750rpx; height: auto; overflow: hidden; padding-bottom:200rpx; } .detail image { width: 750rpx; display: block; } .common-problem { width: 750rpx; height: auto; overflow: hidden; } .common-problem .h { position: relative; height: 145.5rpx; width: 750rpx; padding: 56.25rpx 0; background: #fff; text-align: center; } .common-problem .h .line { display: inline-block; position: absolute; top: 72rpx; left: 0; z-index: 2; height: 1px; margin-left: 225rpx; width: 300rpx; background: #ccc; } .common-problem .h .title { display: inline-block; position: absolute; top: 56.125rpx; left: 0; z-index: 3; height: 33rpx; margin-left: 285rpx; width: 180rpx; background: #fff; } .common-problem .b { width: 750rpx; height: auto; overflow: hidden; padding: 0rpx 30rpx; background: #fff; } .common-problem .item { height: auto; overflow: hidden; padding-bottom: 25rpx; } .common-problem .question-box .spot { float: left; display: block; height: 8rpx; width: 8rpx; background: #b4282d; border-radius: 50%; margin-top: 11rpx; } .common-problem .question-box .question { float: left; line-height: 30rpx; padding-left: 8rpx; display: block; font-size: 26rpx; padding-bottom: 15rpx; color: #303030; } .common-problem .answer { line-height: 36rpx; padding-left: 16rpx; font-size: 26rpx; color: #787878; } .related-goods { width: 750rpx; height: auto; overflow: hidden; padding-bottom: 80rpx; } .related-goods .h { position: relative; height: 145.5rpx; width: 750rpx; padding: 56.25rpx 0; background: #fff; text-align: center; border-bottom: 1px solid #f4f4f4; } .related-goods .h .line { display: inline-block; position: absolute; top: 72rpx; left: 0; z-index: 2; height: 1px; margin-left: 225rpx; width: 300rpx; background: #ccc; } .related-goods .h .title { display: inline-block; position: absolute; top: 56.125rpx; left: 0; z-index: 3; height: 33rpx; margin-left: 285rpx; width: 180rpx; background: #fff; } .related-goods .b { width: 750rpx; height: auto; overflow: hidden; } .related-goods .b .item { float: left; background: #fff; width: 375rpx; height: auto; overflow: hidden; text-align: center; padding: 15rpx 31.25rpx; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } .related-goods .item .img { width: 311.45rpx; height: 311.45rpx; } .related-goods .item .name { display: block; width: 311.45rpx; height: 35rpx; margin: 11.5rpx 0 15rpx 0; text-align: center; overflow: hidden; font-size: 30rpx; color: #333; } .related-goods .item .price { display: block; width: 311.45rpx; height: 30rpx; text-align: center; font-size: 30rpx; color: #b4282d; } .bottom-btn { position: fixed; left: 0rpx; bottom: 0; z-index: 10; width: 750rpx; height: 112rpx; display: flex; background: #fff; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; font-size: 22rpx; align-items: center; justify-content: space-between; } .bottom-btn .l { /* flex: 2; float: left; height: 150rpx; width: 162rpx; */ /*border: 1px solid #f4f4f4;*/ /* display: flex; */ /* align-items: center; justify-content: center; */ } .bottom-btn .l.l-collect { border-right: none; border-left: none; text-align: center; padding-left: 30rpx; /* width: 100rpx; */ /* flex: 1; */ } .bottom-btn .l.l-collect .icon { font-size: 40rpx; } .bottom-btn .l.l-collect text { /* position: absolute; top: 80rpx; left: 30rpx; font-size: 22rpx; */ } .bottom-btn .l.l-kefu { border-right: none; border-left: none; text-align: center; /* width:60rpx; */ /* top: 10rpx; */ /* position: relative; */ } .contact-block { position: relative; } .bottom-btn .l.l-kefu .icon { position: absolute; font-size: 44rpx; top: 20rpx } .bottom-btn .l.l-kefu text { /* position: absolute; top: 60rpx; font-size: 22rpx; */ } .bottom-btn .l.l-cart .box { position: relative; height: 80rpx; width: 70rpx; } .bottom-btn .l.l-cart .box .txt { position: absolute; top: 50rpx; font-size: 22rpx; } .bottom-btn .l.l-cart .cart-count { height: 28rpx; width: 28rpx; z-index: 10; position: absolute; top: 0; right: 0; background: #b4282d; text-align: center; font-size: 18rpx; color: #fff; line-height: 28rpx; border-radius: 50%; } .bottom-btn .l.l-cart .icon { position: absolute; top: 10rpx; left: 0; font-size: 44rpx; } .collect-wrapper, .service-wrapper { display: flex; flex-direction: column; justify-content: center; flex: 1; } .collect-text { margin: 10rpx 0 0; } .bottom-btn .c { width: 452rpx; background: #09afff; height: 82rpx; font-size: 30rpx; font-weight: bold; color: #fff; border-radius: 82rpx; text-align: center; line-height: 82rpx; margin-right: 30rpx; } .dis-order-wrapper { width: 452rpx; background: #09afff; height: 82rpx; font-size: 22rpx; color: #fff; border-radius: 82rpx; text-align: center; margin-right: 30rpx; display: flex; align-items: center; overflow: hidden; } .dis-order-wrapper>view { flex: 1; text-align: center; height: 82rpx; } .spread-order { background: #fff; border-radius: 0 82rpx 82rpx 0; border: 1rpx solid #09afff; border-left: none; line-height: 24rpx; } .buy-type { font-size: 30rpx; font-weight: bold; /* line-height: 30rpx; */ line-height:60rpx; margin: 10rpx 0 4rpx 0; overflow: hidden; } .bottom-btn .r { /*border: 1px solid #f48f18;*/ background: #09AFFF; float: left; height: 100rpx; /* line-height: 66rpx; */ flex: 2; text-align: center; color: #fff; margin-left: 15rpx; margin-top: 15rpx; margin-bottom: 15rpx; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; } .bottom-btn .r .title { font-size: 46rpx; height: 56rpx; color: #fff; } .bottom-btn .r .subtitle { font-size: 28rpx; color: #fff; font-weight: 100; } @import "../../lib/wxParse/wxParse.wxss"; .attr-pop-box { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 8; bottom: 0; /* display: none; */ } .attr-pop { width: 100%; height: auto; max-height: 780rpx; padding: 31.25rpx; background: #fff; position: fixed; z-index: 9; bottom: 100rpx; } .attr-pop .close { position: absolute; width: 48rpx; height: 48rpx; right: 31.25rpx; overflow: hidden; top: 31.25rpx; } .attr-pop .close .icon { width: 48rpx; height: 48rpx; } .attr-pop .img-info { width: 687.5rpx; height: 177rpx; overflow: hidden; margin-bottom: 41.5rpx; } .attr-pop .img { float: left; height: 177rpx; width: 177rpx; background: #f4f4f4; margin-right: 31.25rpx; } .attr-pop .info { float: left; height: 177rpx; display: flex; align-items: center; } .attr-pop .p { font-size: 33rpx; color: #333; height: 33rpx; line-height: 33rpx; margin-bottom: 10rpx; } .attr-pop .a { font-size: 29rpx; color: #333; height: 40rpx; line-height: 40rpx; } .spec-con { width: 100%; height: auto; overflow: hidden; } .spec-con .name { margin-bottom: 6rpx; font-size: 29rpx; color: #333; } .spec-con .values { height: auto; margin-bottom: 10rpx; font-size: 0; } .spec-con .value { display: inline-block; height: 62rpx; padding: 0 35rpx; line-height: 56rpx; text-align: center; margin-right: 25rpx; margin-bottom: 16.5rpx; border: 1px solid #333; font-size: 25rpx; color: #333; } .spec-con .value.disable { border: 1px solid #ccc; color: #ccc; } .spec-con .value.selected { border: 1px solid #b4282d; color: #b4282d; } .number-item .selnum { width: 200rpx; /* width: 322rpx; */ height: 71rpx; border: 1px solid #ccc; display: flex; } .number-item .cut { width: 93.75rpx; height: 100%; text-align: center; line-height: 65rpx; } .number-item .number { flex: 1; height: 100%; text-align: center; line-height: 68.75rpx; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; } .number-item .add { width: 93.75rpx; height: 100%; text-align: center; line-height: 65rpx; } .contact { height: 100rpx; width: 100rpx; border-radius: 100%; position: fixed; bottom: 96rpx; right: 10rpx; font-size: 20rpx; box-sizing: border-box; background: url("/static/images/customer.png") no-repeat center 21rpx; background-size: 55rpx auto; } .share-pop-box { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 8; bottom: 0; /* display: none; */ } .share-pop { width: 100%; height: auto; max-height: 780rpx; padding: 31.25rpx; background: #fff; position: fixed; z-index: 9; bottom: 100rpx; } .share-pop .close { position: absolute; width: 48rpx; height: 48rpx; right: 31.25rpx; top: 31.25rpx; } .share-pop .close .icon { width: 48rpx; height: 48rpx; } .share-pop .share-info { width: 100%; height: 225rpx; overflow: hidden; margin-bottom: 41.5rpx; } .sharebtn { top: 75rpx; background: none !important; font-size: 32rpx; color: #fff !important; border-radius: 0%; width: 175rpx; height: 150rpx; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; float: left; background: #fff; border-bottom: 0px solid #fafafa; margin-left: 15%; } .sharebtn::after { border: none; border-radius: 0%; } .savesharebtn { top: 75rpx; background: none !important; font-size: 32rpx; color: #fff !important; border-radius: 0%; width: 175rpx; height: 150rpx; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; float: right; background: #fff; border-bottom: 0px solid #fafafa; margin-right: 15%; } .savesharebtn::after { border: none; border-radius: 0%; } .sharebtn_image { /* border: 1px solid #757575; */ width: 128rpx; height: 128rpx; margin-top: 0rpx; } .sharebtn_text { /* border: 1px solid #757575; */ width: 150rpx; margin-bottom: 2rpx; height: 20rpx; line-height: 20rpx; font-size: 20rpx; color: #555; } .separate { background: #e0e3da; width: 100%; height: 6rpx; } /* 新客角标 */ .isNew { position: absolute; width: 80rpx; height: 120rpx; right: 30rpx; z-index: 999; } /* 自购/推广弹框 */ .overlay-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; } .tips-wrapper { width: 588rpx; height: 462rpx; border-radius: 10rpx; background: #fff; font-size: 26rpx; display: flex; flex-direction: column; justify-content: space-between; } .tips-top { display: flex; flex-direction: column; align-items: center; padding: 0 40rpx } .tips-title { font-size: 34rpx; font-weight: bold; margin: 66rpx 0 24rpx; } .tips-bottom { height: 132rpx; border-top: 2rpx solid #E4E4E4; display: flex; justify-content: space-around; align-items: center; } .tips-bottom .btn-devide { width: 2rpx; height: 130rpx; background: #E4E4E4; } .cancel-btn { width: 202rpx; height: 72rpx; line-height: 72rpx; border: 2rpx solid #85868A; color: #282728; border-radius: 72rpx; text-align: center; overflow: hidden; } .repay-btn { width: 202rpx; height: 72rpx; line-height: 72rpx; background: #09AFFF; color: #fff; border-radius: 72rpx; text-align: center; } .notip-again { padding-left: 40rpx; display: flex; align-items: center; } .user-agree { /* color:#85868A; */ font-size: 26rpx; margin-left: 8rpx; } /* 海报的样式 */ .poster { position: absolute; top: 20rpx; z-index: 99; text-align: center; left: 0; bottom: 0; right: 0; } .title { color: #fff; margin: 20rpx 0; font-size: 30rpx; display: flex; justify-content: center; text-align: left; } .title text { width: 480rpx; } .ads { color: #fff; text-align: left; margin: 20rpx auto; display: flex; justify-content: center; } .tool { display: flex; text-align: center; justify-content: baseline; width: 100%; margin-top: 20rpx; } .tool view { flex: 1; } .img { width: 107rpx; height: 128rpx; } .closeImg { width: 57rpx; height: 57rpx; } .share-btn { background-color: transparent; flex: 1; } .share-btn::after { border: none; } .goods-name-wrapper{ background: #fff; padding:20rpx 24rpx; border-radius: 12rpx; } .price .sale-num{ color:#999; font-size: 24rpx; flex:1; text-align: right; } .price .sale-num text{ color:#FF1643; } /* 购买提醒 */ .buy-toast{ height: 44rpx; min-width: 284rpx; position: absolute; top:410rpx; left:24rpx; background: rgba(0, 0, 0, 0.5); border-radius: 45rpx; } .toast-swiper{ height: 44rpx; width: 320rpx; } .toast-item{ align-items: center; display: flex; height: 44rpx; padding:0 14rpx 0 10rpx; } .toast-item image{ width:28rpx; height: 28rpx; border-radius: 28rpx; margin-right:8rpx; } .toast-item view{ font-size: 24rpx; color: #fff; white-space: nowrap; } /* 选择规格 */ .sku-info{ width: 702rpx; height: 90rpx; background: #FFFFFF; border-radius: 24rpx; margin:0 24rpx; position: relative; } .sku-left{ width:700rpx; overflow: hidden; line-height: 90rpx; padding-left:24rpx; display: flex; align-items: center; height: 90rpx; } .sku-left view{ color: #000; font-size: 30rpx; font-weight: bold; } .sku-left view.current-sku{ color: #010101; font-weight: normal; margin-left:12rpx; } .sku-right{ position: absolute; right:0; top:0; bottom:0; height: 90rpx; display: flex; align-items: center; padding-right:24rpx; width: 222rpx; background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/sku-bg.png') no-repeat center; background-size: 100% 100%; z-index:99; justify-content: flex-end; } .sku-right view{ color:#00B4FF; } /* 推荐产品 */ .recommend-product{ padding:30rpx 24rpx; width:702rpx; margin:20rpx 24rpx; border-radius:20rpx; background: #fff; } .recommend-title{ margin-bottom:20rpx; font-size: 30rpx; font-weight: bold; height: 30rpx; line-height: 30rpx; } .recommend-scroll{ height: 100rpx; white-space: nowrap; } .scroll-item-wrapper{ width:250rpx; display: inline-block; } .scroll-item{ height: 100rpx; display: flex; width:250rpx; } .scroll-item image{ width:100rpx; height: 100rpx; border-radius: 10rpx; } .scroll-right{ width:140rpx; margin-left:10rpx; height: 100rpx; display: flex; padding: 10rpx 0; flex-direction: column; justify-content: space-between; } .scroll-right .recommend-name{ width:140rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 28rpx; font-size: 26rpx; line-height: 28rpx; } .scroll-right .recommend-price{ font-size: 24rpx; height: 30rpx; } .scroll-right .recommend-price text{ font-weight: bold; color: #FF1643; font-size: 30rpx; } /* 团购评价 */ .group-evaluation{ width: 702rpx; background: #FFFFFF; border: 1rpx solid #F5F5F5; border-radius: 25rpx; padding:30rpx 24rpx 0; margin:0 24rpx 20rpx ; } .group-evaluation .title{ height: 40rpx; line-height: 40rpx; display: flex; justify-content: space-between; align-items: center; } .group-evaluation .title .left{ font-size: 32rpx; line-height: 40rpx; color: #000; font-weight: bold; flex:1; } .group-evaluation .title .right{ color: #666; font-size: 28rpx; display: flex; align-items: center; justify-content: space-between; } .evaluation-item{ padding:30rpx 8rpx 30rpx 0; padding-right:8rpx; border-bottom: 1rpx solid #F3F3F3; display: flex; align-items: center; justify-content: space-between; } .evaluation-item:last-child{ border: none; } .evaluation-item .item-left{ width:510rpx; } .eval-top{ display: flex; height: 44rpx; align-items: center; } .eval-top .avatar{ width:44rpx; height:44rpx; border-radius: 44rpx; } .eval-top .name{ margin:0 10rpx; font-size: 28rpx; color:#000; } .eval-top .tag{ height: 38rpx; line-height: 38rpx; background: rgba(1,187,243,0.1); border-radius: 10rpx; color: #01BBF3; font-size: 24rpx; padding:0 12rpx; margin-right:10rpx; } .eval-top .hp{ height: 38rpx; line-height: 38rpx; background: rgba(255,71,71,0.1); border-radius: 10rpx; color: #FF5252; font-size: 24rpx; padding:0 12rpx; } .eval-content{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; } .evaluation-item .item-right{ width:100rpx; height:100rpx; } .evaluation-item .item-right image{ width:100rpx; height:100rpx; border-radius:10rpx; } /* 规格弹框 */ .spu-popup{ height: 784rpx; width:750rpx; background: #fff; padding:30rpx 30rpx; } .popup-good{ height:130rpx; display: flex; padding:0 0 30rpx 0; border-bottom:1rpx solid #eee; justify-content: space-between; } .popup-good .left{ display: flex; align-items: flex-end; } .popup-good .left image{ width:100rpx; height:100rpx; border-radius: 10rpx; } .popup-good .spu-price{ color: #FF1643; font-size: 34rpx; font-weight: bold; margin:0 14rpx 0 20rpx; line-height: 30rpx; } .popup-good .spu-price text{ font-size: 48rpx; } .popup-good .spu-price-old{ text-decoration: line-through; color: #999999; font-size: 24rpx; } .popup-good .sku-close{ width:48rpx; height: 48rpx; } .sku-list-block{ height:492rpx; } .sku-list-block .spu-title{ height: 86rpx; line-height: 86rpx; font-weight: bold; font-size: 28rpx; } .sku-list-block .sku-item{ margin-bottom:24rpx; } .sku-list-block .sku-item view{ padding:0 24rpx; height: 50rpx; line-height: 48rpx; border: 1rpx solid #999999; border-radius: 10rpx; color: #333; font-size: 24rpx; display: inline-block; } .sku-list-block .sku-item.active-sku view{ color: #00C0FF; background: rgba(1,187,243,0.1); border-color:#00C0FF ; } .sku-btn{ width:690rpx; height:100rpx; border-radius: 100rpx; line-height: 100rpx; text-align: center; color: #ffff; background: #00B9FF; font-size: 32rpx; } /* 加购数量 */ .num-module{ width: 702rpx; /* height: 174rpx; */ background: #FFFFFF; border-radius: 24rpx; margin:4rpx 24rpx 24rpx; padding:32rpx 24rpx; } .plus-buy{ height: 30rpx; margin:0 0 28rpx; display: flex; align-items: center; } .num-module .title{ color: #666; font-size: 30rpx; margin-right:20rpx; } .plus-buy .plus-name{ font-size: 30rpx; color: #010101; } .plus-buy .plus-name text{ color: #FE2B54; font-weight: bold; } .plus-num{ display: flex; justify-content: space-between; height: 72rpx; align-items: center; } .calc-counter{ height: 72rpx; border-radius: 72rpx; display: flex; align-items: center; border: 2rpx solid #d2d2d2; box-sizing: border-box; overflow: hidden; line-height: 72rpx; } .calc-counter .minus-btn.disable,.calc-counter .plus-btn.disable{ color:#D2D2D2; } .calc-counter .plus-btn,.calc-counter .minus-btn{ width:82rpx; text-align: center; color: #666; line-height: 52rpx; font-weight: bold; padding-bottom:4rpx; } .calc-counter .num-input{ color: #010101; font-size: 30rpx; border-left:2rpx solid #d2d2d2; border-right:2rpx solid #d2d2d2; width: 72rpx; text-align: center; height:72rpx; } /* 关联工单 */ .service-list{ margin:0 24rpx 24rpx; } .service-item{ margin-top:24rpx; background: #FFFFFF; border-radius: 24rpx; width:702rpx; padding:0 24rpx; } .order-title{ height:100rpx; line-height: 100rpx; font-weight: bold; color: #000; font-size: 32rpx; border-bottom: 2rpx solid #E0E0E0; } .service-item .service-title{ height:80rpx; display: flex; align-items: center; border-bottom: 2rpx solid #E0E0E0; } .service-title .sercive-name{ color: #191919; font-size: 30rpx; font-weight: bold; } .service-title .service-id{ color: #666666; font-size: 24rpx; margin:0 12rpx 0 0; flex:1; } .service-title .service-status{ color: #008DFF; font-size: 26rpx; } .service-main{ padding:12rpx 0 16rpx; } .customer-info{ display: flex; align-items: center; } .customer-info image{ width:48rpx; height:48rpx; margin-right:24rpx; } .customer-info .customer-main{ display: flex; padding:18rpx 0 4rpx; flex-direction: column; flex:1; } .main-line{ display: flex; height:44rpx; margin-bottom:4rpx; align-items: center; } .main-line view{ color: #333333; font-size: 32rpx; } .main-line view.phone{ color: #999999; font-size: 24rpx; margin-left:14rpx; } .customer-info .customer-address{ color: #666666; line-height: 40rpx; } .service-main .row{ /* height: 56rpx; line-height: 56rpx; */ display: flex; color: rgba(0,0,0,0.9); font-size: 26rpx; font-weight: bold; align-items: center; margin: 10rpx 0; } .service-main .row text{ color: #666666; font-weight: normal; /* white-space: nowrap; */ } .service-remark-wrapper{ padding: 24rpx 0; border-top: 2rpx solid #E0E0E0; } .service-store{ height:36rpx; display: flex; align-items: center; justify-content: space-between; } .service-store>view{ display: flex; height: 36rpx; align-items: center; } .store-left image{ width:36rpx; height:36rpx; margin-right:16rpx; } .store-left view{ color: rgba(0,0,0,0.9); font-size: 26rpx; font-weight: bold; } .store-right view{ color: #666666; font-size: 24rpx; } .store-right image{ width:24rpx; height:24rpx; margin-left:16rpx; } .service-remark-wrapper .service-remark{ width: 652rpx; /* height: 56rpx; */ line-height: 44rpx; background: #EBEBEB; border-radius: 16rpx; color: #000000; padding:8rpx 16rpx; /* white-space: nowrap; text-overflow: ellipsis;*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; margin-top:20rpx; } .service-remark text{ color: #FE2B54; font-weight: bold; } .service-operate{ padding:24rpx 0; border-top: 2rpx solid #E0E0E0; display: flex; justify-content: flex-end; } .service-operate view{ width: 160rpx; height: 56rpx; line-height: 56rpx; border-radius: 28rpx; text-align: center; color: #F9F4F5; font-size: 24rpx; background: linear-gradient(90deg, #00BAFF 0%, #008DFF 100%); margin-left:28rpx; } .tips-wrapper.supply-overlay{ width:690rpx; height: auto; } .tips-wrapper.supply-overlay .tips-title{ margin:36rpx 0 24rpx; } .supply-content{ border-top:2rpx solid #E0E0E0; } .tips-wrapper.supply-overlay .service-list{ margin:0 0; } .tips-wrapper.supply-overlay .service-item{ width:690rpx; } .supply-tips{ border-top:2rpx solid #E0E0E0; color:#C41616; padding:20rpx 30rpx; font-size: 28rpx; }