/* packageC/o2o/o2oStore_v2/o2oStore_v2.wxss */ view { box-sizing: border-box; } .y5 { position: fixed; z-index: 1000; right: 0; bottom: 120rpx; width: 72rpx; height: 72rpx; background: rgba(0, 0, 0, 0.8) url(//static-o2o.360buyimg.com/daojia/new/images/menu/bm.png) 14rpx 14rpx no-repeat; background-size: 130rpx 40rpx; border: 2rpx solid #757575; border-radius: 8rpx 0 0 8rpx; } .y6 { position: absolute; right: -2rpx; bottom: 84rpx; width: 190rpx; border: 2rpx solid #757575; background: rgba(0, 0, 0, 0.8); } .y6 .a { display: block; padding-left: 76rpx; border-bottom: 2rpx solid #4b4b4b; line-height: 70rpx; height: 70rpx; color: #fff; background-image: url(//static-o2o.360buyimg.com/daojia/new/images/icon/bmenu.png); background-repeat: no-repeat; background-size: 32rpx 600rpx; } .y8 { background-position: 20rpx -100rpx; } .yb { background-position: 20rpx -400rpx; } .yc { background-position: 20rpx -500rpx; border: none; } .yd { position: absolute; bottom: -24rpx; right: 20rpx; width: 0; height: 0; z-index: 15; border-width: 12rpx; border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; border-style: solid; } .show { display: block; } .hide { display: none; } .tips { line-height: 112rpx; } .btn-sure { padding: 9.6rpx 19.2rpx; background: #f15353; color: #fff; } .all { /* 选规格end */ } .all .content { padding-top: 44rpx; background: #6b6060 url(//static-o2o.360buyimg.com/daojia/new/images/store_industry_1.jpg) 0 0 no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; background-size: 100%; } .all .content .back_search { position: fixed; top: 0; width: 100%; height: 88rpx; line-height: 88rpx; padding: 0 28rpx; display: flex; align-items: center; justify-content: space-between; z-index: 100; } .all .content .back_search .fa { font-size: 56rpx; color: #fff; } .all .content .back_search .iconfont { font-size: 44rpx; color: #fff; } .all .content .search_top { position: fixed; top: 0; width: 100%; height: 88rpx; line-height: 88rpx; padding: 0 28rpx; display: flex; align-items: center; /* background: #fff; */ z-index: 100; } .all .content .search_top .fa { font-size: 56rpx; color: #f2f2f2; } .all .content .search_top input { background: #fff; font-size: 28rpx; height: 60rpx; line-height: 60rpx; width: 600rpx; border-radius: 32rpx; padding-left: 72rpx; margin-left: 15rpx; align-self: center; } .all .content .search_top .iconfont { font-size: 40rpx; color: #8c8c8c; position: absolute; left: 65rpx; align-self: center; } .all .content .storeInfo_box { background: #fff; width: 100%; min-height: 370rpx; /* border-radius: 20px 20px 0 0; */ /* padding: 20rpx; */ position: relative; top: 94rpx; left: 0; opacity: 1; padding: 20rpx; box-sizing: border-box; } .all .content .storeInfo_box.amout { margin-top: -280rpx; opacity: 0; } .all .content .storeInfo_box .storeInfo { margin-left: 144rpx; } .all .content .storeInfo_box .storeInfo .name { font-size: 32rpx; font-weight: bold; width: 522rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .all .content .storeInfo_box .storeInfo .time { font-size: 24rpx; margin-top: 10rpx; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .all .content .storeInfo_box .storeInfo .time .span { margin-right: 20rpx; line-height: 44rpx; display: flex; align-items: center; } .all .content .storeInfo_box .storeInfo .time .span .icon-service_j { font-size: 36rpx; color: #f15353; margin-right: 8rpx; margin-bottom: 4rpx; } .all .content .storeInfo_box .storeInfo .time .span .icon-service_o { font-size: 36rpx; color: #f15353; margin-right: 8rpx; margin-bottom: 4rpx; } .all .content .storeInfo_box .coupon-box { text-align: left; display: flex; margin-bottom: 12.8rpx; } .all .content .storeInfo_box .coupon-box .coupon-left { flex: 1; overflow-x: scroll; word-break: keep-all; display: flex; } .all .content .storeInfo_box .coupon-box .red-span { color: #f15353; border: 2rpx solid #f15353; border-radius: 10rpx; padding: 0 6.4rpx; margin-right: 16rpx; } .all .content .storeInfo_box .coupon-box .coupon { display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 19.2rpx; width: 22%; flex: 0 0 22%; color: #f15353; } .all .content .storeInfo_box .reduction-box { text-align: left; display: flex; margin-bottom: 12.8rpx; color: #f15353; } .all .content .storeInfo_box .reduction-box .reduction-left { flex: 1; border: 2rpx solid #f15353; border-radius: 10rpx; padding: 0 6.4rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .all .content .storeInfo_box .reduction-box .reduction-right { width: 192rpx; text-align: center; overflow: hidden; margin-left: 8rpx; border: 2rpx solid #f15353; border-radius: 10rpx; padding: 0 0.4rpx; } .all .content .storeInfo_box .notice-box { text-align: left; font-size: 24rpx; color: #666; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26rpx; } .all .content .storeInfo_box .storeInfo .coupon { margin-top: 10rpx; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 40%; } .all .content .storeInfo_box .storeInfo .coupon .span { width: 40rpx; height: 40rpx; line-height: 40rpx; text-align: center; display: block; background: #ff9800; margin-right: 10rpx; color: #fff; font-size: 24rpx; } .all .content .storeInfo_box .storeInfo .coupon .fa { color: #c9c9c9; font-size: 32rpx; margin-left: 20rpx; } .all .content .storeInfo_box .storeImg { width: 128rpx; height: 128rpx; border-radius: 50%; overflow: hidden; background: #f2f2f2; position: absolute; left: 20rpx; top: -32rpx; } .all .content .storeInfo_box .storeImg image { width: 100%; height: 100%; border-radius: 50%; } .all .content .menu_evaluate_business { background: #fff; padding-top: 14rpx; } .all .content .menu_evaluate_business .nav { height: 80rpx; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; position: relative; /* border-bottom: solid 2rpx #ebebeb; */ } .all .content .menu_evaluate_business .nav .select { display: flex; } .all .content .menu_evaluate_business .nav .select .li { margin-right: 60rpx; font-size: 30rpx; color: #999; } .all .content .menu_evaluate_business .nav .select .li .span { display: inline-block; line-height: 80rpx; } .all .content .menu_evaluate_business .nav .select .li .current { font-size: 32rpx; font-weight: bold; color: #333; position: relative; } .all .content .menu_evaluate_business .nav .select .li .current::after { content: ""; width: 100%; height: 6rpx; background: #f15353; position: absolute; bottom: 0; left: 0; } .all .content .menu_evaluate_business .nav .buy_btn { font-size: 24rpx; border: solid 2rpx #f15353; border-radius: 32rpx; height: 52rpx; padding: 0 20rpx; color: #f15353; line-height: 52rpx; } .all .content .menu_evaluate_business .nav .car_btn { font-size: 24rpx; border: solid 2rpx #ff9800; border-radius: 32rpx; height: 52rpx; padding: 0 20rpx; color: #ff9800; } .all .content .goods_box { background: #f2f2f2; display: flex; position: absolute; width: 100%; /* height: 63%; */ /* height: 564rpx; */ overflow: hidden; } .all .content .goods_box .sort_box { /* height: 100%; overflow: hidden; */ flex: 0 0 160rpx; background: #f9f9f9; } .all .content .goods_box .sort_box .second { background: #fff; position: relative; } .all .content .goods_box .sort_box .second::after { height: 100%; content: ""; width: 2rpx; position: absolute; top: 0; right: 0; /* border-right: 1px solid #999; */ transform: scaleX(0.5); } .all .content .goods_box .sort_box .box .li { text-align: center; color: #999; } .all .content .goods_box .sort_box .box .li .strong { min-height: 92rpx; -webkit-box-pack: center; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: flex; align-items: center; padding: 0 16rpx; font-size: 24rpx; } .all .content .goods_box .sort_box .box .li .strong { border-left: 2rpx #f2f2f2 solid; } .all .content .goods_box .sort_box .box .li .strong.second { border-left: 2rpx #fff solid; } .all .content .goods_box .sort_box .box .li .strong .var { line-height: 40rpx; font-size: 28rpx; } .all .content .goods_box .sort_box .box .li .current { background: #fff; color: #f15353; position: relative; } .all .content .goods_box .sort_box .box .li .current.second { /* border-left: 2rpx #f15353 solid; */ } .all .content .goods_box .sort_box .box .current1 .first { color: #333; position: relative; background: #fff; } .all .content .goods_box .sort_box .box .current1 .first .var { /* font-weight: bold; */ } .all .content .goods_box .sort_box .box .current1 .first::before { content: ""; background: #f15353; width: 8rpx; height: 100%; position: absolute; top: 0; left: -2rpx; } .all .content .goods_box .goods_list { flex: 1; /* height: 100%; overflow: hidden; */ background: #fff; } .all .content .goods_box .goods_list .title { /* background: #f2f2f2; */ line-height: 60rpx; font-size: 24rpx; padding: 0 20rpx; text-align: left; } .all .content .goods_box .goods_list .Goods { display: flex; padding: 20rpx; flex-wrap: wrap; position: relative; flex-direction: column; } .all .content .goods_box .goods_list .Goods .goodsImg { width: 160rpx; height: 160rpx; background: #f2f2f2; border-radius: 8rpx; overflow: hidden; margin-right: 20rpx; } .all .content .goods_box .goods_list .Goods .goodsImg image { width: 100%; height: 100%; } .all .content .goods_box .goods_list .Goods .goods_right { flex: 1; position: relative; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName { text-align: left; width: 362rpx; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName .name { font-size: 32rpx; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName .buy { font-size: 24rpx; color: #8c8c8c; margin-top: 12rpx; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName .sum { font-size: 18px; color: #f15353; margin-top: 12rpx; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName .sum1 { box-sizing: border-box; font-size: 32rpx; height: 40rpx; line-height: 40rpx; overflow: hidden; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName .sum1 .span1 { font-size: 13px; background: #f15353; color: #fff; padding: 6rpx 16rpx; border-top-left-radius: 16rpx; border-bottom-right-radius: 16rpx; margin-left: 5px; } .all .content .goods_box .goods_list .Goods .goods_right .goodsName .sum .span { font-size: 28rpx; } .all .content .goods_box .goods_list .Goods .goods_right .specBtn { position: absolute; bottom: 20rpx; right: 20rpx; } .all .content .goods_box .goods_list .Goods .goods_right .specBtn .button { font-size: 24rpx; background: #f15353; color: #fff; border-radius: 32rpx; width: 104rpx; height: 48rpx; line-height: 48rpx; text-align: center; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn { position: absolute; bottom: 0rpx; right: 0rpx; display: flex; } .all .content .goods_box .goods_list .Goods .goods_right .content_1 { display: flex; align-items: center; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn .left { display: flex; align-items: center; justify-content: center; margin-right: 10rpx; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn .center { display: flex; align-items: center; justify-content: center; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn .right { display: flex; align-items: center; justify-content: center; margin-left: 10rpx; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn .iconfont { width: 56rpx; height: 56rpx; line-height: 56rpx; font-size: 26px; color: #f15353; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn .icon-store_reduceLine { color: #aaa; } .all .content .goods_box .goods_list .Goods .goods_right .addBtn input { width: 64rpx; text-align: center; font-size: 24rpx; } .all .content .evaluate_box { background: #f5f5f5; padding-bottom: 200rpx; position: absolute; width: 100%; } .all .content .evaluate_box .evaluate_number { padding: 30rpx 0; background: #fff; text-align: center; } .all .content .evaluate_box .evaluate_number .evaluate_info { display: flex; } .all .content .evaluate_box .evaluate_number .evaluate_info .li { width: 50%; } .all .content .evaluate_box .evaluate_number .evaluate_info .li .h6 { font-size: 28px; } .all .content .evaluate_box .evaluate_number .evaluate_info .li .span { font-size: 28rpx; color: #8c8c8c; } .all .content .evaluate_box .evaluate_number .evaluate_info .li:first-child { border-right: solid 2rpx #ebebeb; } .all .content .evaluate_box .evaluate_list { margin-top: 20rpx; background: #fff; padding-left: 30rpx; } .all .content .evaluate_box .evaluate_list .user_box { border-bottom: solid 2rpx #ebebeb; padding-right: 30rpx; display: flex; padding-top: 30rpx; flex-direction: column; } .all .content .evaluate_box .evaluate_list .user_box .ueser_img { width: 72rpx; height: 72rpx; border-radius: 64rpx; background: #f2f2f2; overflow: hidden; margin-right: 20rpx; } .all .content .evaluate_box .evaluate_list .user_box .ueser_img image { width: 100%; } .all .content .evaluate_box .evaluate_list .user_box .user_info { width: 606rpx; } .all .content .evaluate_box .evaluate_list .user_box .user_info .info_a { text-align: left; } .all .content .evaluate_box .evaluate_list .user_box .user_info .info_a .name_date { display: flex; justify-content: space-between; } .all .content .evaluate_box .evaluate_list .user_box .user_info .info_a .name_date .name { font-size: 28rpx; } .all .content .evaluate_box .evaluate_list .user_box .user_info .info_a .name_date .date { font-size: 24rpx; color: #8c8c8c; } .all .content .evaluate_box .evaluate_list .user_box .user_info .text { font-size: 28rpx; line-height: 40rpx; margin-top: 10rpx; text-align: left; } .all .content .evaluate_box .evaluate_list .user_box .user_info .img_box { display: flex; flex-wrap: wrap; margin-top: 10rpx; } .all .content .evaluate_box .evaluate_list .user_box .user_info .img_box .img { width: 190rpx; height: 190rpx; overflow: hidden; background: #f2f2f2; margin-right: 14rpx; margin-bottom: 14rpx; } .all .content .evaluate_box .evaluate_list .user_box .user_info .img_box .img image { width: 100%; } .all .content .evaluate_box .evaluate_list .user_box .user_info .img_box .img:nth-child(3n) { margin-right: 0; } .all .content .store_box { background: #fff; min-height: 70vh; padding-top: 36rpx; position: absolute; width: 100%; } .all .content .store_box .top { background-color: #fff; min-height: 208rpx; padding: 0; } .all .content .tab-box { padding: 16rpx 25.6rpx; display: flex; flex-wrap: wrap; } .all .content .tab-box .li { padding: 6.4rpx 16rpx; color: #999; margin: 0 16rpx 9.6rpx 0; font-weight: bold; } .all .content .tab-box .choose { background-image: linear-gradient(#ff2c29, #ff2c29), linear-gradient(#ff7747, #ff7747); color: #fff; border-radius: 28rpx; } .all .content .detail-box { padding: 16rpx 25.6rpx; text-align: left; } .all .content .detail-box .detail-item { margin-bottom: 16rpx; } .all .content .detail-box .detail-title { flex: 1; font-size: 32rpx; font-weight: bold; margin-bottom: 16rpx; } .all .content .detail-box .icon-all_daohang { flex: 0 0 32rpx; font-size: 52rpx; color: #ff2c29; } .all .content .detail-box .time { font-weight: bold; font-size: 32rpx; color: #ff2c29; } .all .content .goods-box { display: flex; flex-wrap: wrap; } .all .content .goods-box .good-item { width: 48.5%; margin-bottom: 16rpx; font-size: 30rpx; } .all .content .goods-box .good-item .good-img { width: 100%; height: 320rpx; border-radius: 10rpx; } .all .content .goods-box .good-item .good-img image { width: 100%; height: 100%; border-radius: 10rpx; } .all .content .goods-box .good-item .good-title { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .all .content .goods-box .good-item .good-price { color: #ff2c29; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .all .content .goods-box .good-item:nth-child(odd) { margin: 0 16rpx 16rpx 0; } .all .content .live-box { display: flex; flex-wrap: wrap; padding: 16rpx 25.6rpx; } .all .content .live-box .live-item { width: 48.5%; margin-bottom: 16rpx; position: relative; padding-bottom: 32rpx; } .all .content .live-box .live-item .live-img-box { position: relative; width: 100%; height: 384rpx; color: #fff; } .all .content .live-box .live-item .live-img-box img { width: 100%; height: 100%; border-radius: 24rpx; } .all .content .live-box .live-item .live-img-box .left-top { position: absolute; left: 16rpx; top: 16rpx; font-size: 24rpx; } .all .content .live-box .live-item .live-img-box .left-top .status { background: #ff2c29; border-radius: 10rpx; padding: 4rpx 6rpx; } .all .content .live-box .live-item .live-img-box .left-top .gray { background: #999; } .all .content .live-box .live-item .live-img-box .right-top { position: absolute; top: 9.6rpx; right: 32rpx; } .all .content .live-box .live-item .live-img-box .right-top .icon-zb_goods { font-size: 56rpx; color: #ffa303; } .all .content .live-box .live-item .live-img-box .right-top .goods-num { position: absolute; top: 6rpx; right: -20rpx; font-size: 20rpx; color: #ff2c29; background: #fff; border-radius: 18rpx; padding: 2rpx 4rpx; } .all .content .live-box .live-item .live-img-box .bottom-title { position: absolute; bottom: 32rpx; left: 16rpx; text-align: left; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .all .content .live-box .live-item .title-box { width: 80%; position: absolute; bottom: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .all .content .member-box { padding: 16rpx 25.6rpx; } .all .content .member-box .member-item { display: flex; border-bottom: 2rpx solid #eee; padding: 16rpx 0; } .all .content .member-box .member-item .img-box { flex: 0 0 96rpx; width: 96rpx; height: 96rpx; } .all .content .member-box .member-item .img-box image { width: 100%; height: 100%; border-radius: 50%; } .all .content .member-box .member-item .text-box { flex: 1; display: flex; flex-direction: column; text-align: left; margin-left: 16rpx; font-size: 24rpx; } .all .content .member-box .member-item .text-box .name { font-weight: bold; font-size: 28rpx; } .all .content .member-box .member-item .phone-box { display: flex; margin-left: 16rpx; flex: 0 0 224rpx; font-size: 24rpx; align-items: center; } .all .content .member-box .member-item .phone-box .icon-box { align-items: center; display: flex; } .all .content .member-box .member-item .phone-box .icon-all_phone, .all .content .member-box .member-item .phone-box .icon-card_weixin1 { color: #ff2c29; font-size: 56rpx; } .all .content .member-box .member-item .phone-box .icon-advertise-next { display: flex; align-self: center; font-size: 40rpx; } .all .content .fixed-box { position: fixed; bottom: 128rpx; right: 0; background: #ffca9b; width: 112rpx; height: 88rpx; border-radius: 40rpx 0 0 40rpx; } .all .content .fixed-box .red-box { font-size: 28rpx; display: inline-block; padding: 5rpx; margin-top: 4rpx; margin-left: -16rpx; width: 80rpx; height: 80rpx; background: #ff2c29; color: #fff; border-radius: 50%; text-align: center; line-height: 36rpx; } .living_content { display: flex; flex-wrap: wrap; justify-content: space-between; /* padding-left: 20rpx; padding-right: 20rpx; */ padding-top: 25rpx; background-color: #fff; } .all .content .store_box .living_content .living { width: 340rpx; padding-bottom: 56rpx; position: relative; background-color: #fff; border-radius: 25rpx; margin-bottom: 13rpx; } .all .content .store_box .living_content .living .bg { width: 340rpx; height: 420rpx; background-color: #fff; border-radius: 25rpx; position: relative; } .all .content .store_box .living_content .living .bg image { width: 100%; height: 100%; border-radius: 25rpx; } .all .content .store_box .living_content .living .bg .content_show { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .all .content .store_box .living_content .living .bg .content_show .live_top { display: flex; justify-content: space-between; padding-top: 19rpx; padding-left: 10rpx; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_left { min-width: 206rpx; height: 39rpx; background-color: rgba(0, 0, 0, 0.1); border-radius: 7rpx; display: flex; align-items: center; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_left .left { width: 90rpx; height: 39rpx; background-color: #ff2c29; border-radius: 7rpx; text-align: center; color: #fff; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_left .right { font-size: 22rpx; height: 39rpx; line-height: 39rpx; color: #fff; padding-left: 8rpx; padding-right: 8rpx; max-width: 180rpx; overflow: hidden; } .all .content .store_box .living_content .living .bg .content_show .live_top .seeding_left { min-width: 206rpx; height: 39rpx; background-color: rgba(0, 0, 0, 0.1); border-radius: 7rpx; display: flex; align-items: center; } .all .content .store_box .living_content .living .bg .content_show .live_top .seeding_left .left { width: 76rpx; height: 39rpx; background-color: #999; border-radius: 7rpx; text-align: center; color: #fff; } .all .content .store_box .living_content .living .bg .content_show .live_top .seeding_left .right { font-size: 22rpx; height: 39rpx; line-height: 39rpx; color: #fff; padding-left: 8rpx; padding-right: 8rpx; max-width: 180rpx; overflow: hidden; } .all .content .store_box .living_content .living .bg .content_show .live_top .advance_left .left { width: 76rpx; height: 39rpx; background-color: #ff2c29; border-radius: 7rpx; text-align: center; color: #fff; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_right { width: 59rpx; position: relative; margin-right: 7rpx; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_right .little_icon { width: 50rpx; height: 40rpx; display: flex; align-items: center; justify-content: center; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_right .little_icon .icon-zb_goods { color: #ffa303; font-size: 50rpx; } .all .content .store_box .living_content .living .bg .content_show .live_top .live_top_right .num { min-width: 50rpx; padding-left: 4rpx; padding-right: 4rpx; height: 22rpx; background-color: #fff; border-radius: 9rpx; position: absolute; right: -2rpx; top: 6rpx; font-size: 20rpx; line-height: 22rpx; color: #f00; text-align: center; overflow: hidden; } .all .content .store_box .living_content .living .bg .live_bottom { position: absolute; height: 72rpx; bottom: 0; left: 0; right: 0; padding-left: 12rpx; padding-right: 12rpx; font-size: 28rpx; line-height: 36rpx; color: #fff; /* text-overflow: -o-ellipsis-lastline; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20rpx; } .all .content .store_box .living_content .living .bootom { position: absolute; display: flex; bottom: 10rpx; left: 0; right: 0; } .all .content .store_box .living_content .living .bootom .left { width: 56rpx; height: 56rpx; background-color: #fff; border: solid 4rpx #fff; border-radius: 50%; margin-right: 9rpx; margin-left: 6rpx; } .all .content .store_box .living_content .living .bootom .left image { width: 100%; height: 100%; border-radius: 50%; } .all .content .store_box .living_content .living .bootom .right { font-size: 24rpx; line-height: 36rpx; color: #000; padding-top: 20rpx; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .all .content .store_box .top .item { width: 95%; padding: 16rpx 0 16rpx 28rpx; } .all .content .store_box .top .item .li { padding-right: 28rpx; line-height: 58rpx; padding-top: 16rpx; text-align: left; border-bottom: solid 2rpx #ebebeb; display: flex; } .all .content .store_box .top .item .li icon { font-size: 56rpx; color: #666; margin-right: 12rpx; } .all .content .store_box .top .item .li .a { font-size: 32rpx; } .all .content .store_box .top .item .li:last-child { border: none; } .all .content .store_box .store_time { background: #fff; margin: 20rpx 0; padding: 0 28rpx; } .all .content .store_box .store_time .li { line-height: 90rpx; display: flex; position: relative; } .all .content .store_box .store_time .li icon:first-child { font-size: 28px; color: #666; margin-right: 12rpx; } .all .content .store_box .store_time .li .span { font-size: 32rpx; } .all .content .store_box .store_time .li icon:last-child { position: absolute; right: 0; font-size: 48rpx; line-height: 90rpx; color: #c9c9c9; } .all .content .store_box .store_info { background: #fff; padding: 0 28rpx 20rpx 28rpx; text-align: left; } .all .content .store_box .store_info .introduce { border-bottom: solid 2rpx #ebebeb; } .all .content .store_box .store_info .introduce .text { padding: 20rpx 0; } .all .content .store_box .store_info .introduce .text .li { display: flex; } .all .content .store_box .store_info .introduce .text .li icon { font-size: 28px; color: #666; } .all .content .store_box .store_info .introduce .text .li .span { font-size: 32rpx; width: 172rpx; margin-left: 12rpx; line-height: 80rpx; } .all .content .store_box .store_info .introduce .text .li .p { font-size: 28rpx; width: 460rpx; line-height: 48rpx; margin-top: 16rpx; } .all .content .store_box .store_info .detail { padding-top: 20rpx; } .all .content .store_box .store_info .detail .detail_a { display: flex; } .all .content .store_box .store_info .detail .detail_a icon { font-size: 56rpx; color: #666; } .all .content .store_box .store_info .detail .detail_a .span { font-size: 32rpx; margin-left: 12rpx; line-height: 64rpx; } .all .content .store_box .store_info .detail .img { height: 240rpx; overflow: hidden; margin: 20rpx 0; } .all .content .store_box .store_info .detail .img image { width: 100%; height: 240rpx; } .all .content .store_box .store_info .detail .p { font-size: 28rpx; } .all .content .Go_settle { position: fixed; bottom: 0; width: 100%; height: 100rpx; background: #f2f2f2; display: flex; justify-content: space-between; z-index: 2000; align-items: center; } .all .content .Go_settle .iconfontcss { /* background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/store_car1.png) no-repeat center; background-size: 128rpx; */ width: 112rpx; height: 112rpx; /* line-height: 128rpx; */ position: absolute; left: 20rpx; bottom: 16rpx; transition: transform 0.4s ease-out 0s; background: #b1b1b1; border-radius: 50%; padding: 6.4rpx; display: flex; align-items: center; justify-content: center; } .all .content .Go_settle .iconfontcss .iconfont { color: #fff; font-size: 96rpx; } .all .content .Go_settle .p { font-size: 32rpx; color: #666; padding-left: 160rpx; line-height: 100rpx; } .all .content .Go_settle .button { width: 192rpx; height: 70rpx; border-radius: 30rpx; background: #b1b1b1; color: #fff; font-size: 32rpx; display: flex; align-items: center; justify-content: center; } .all .content .complete .number { position: absolute; top: -16rpx; left: 104rpx; z-index: 10; padding: 0 10rpx; height: 30rpx; line-height: 30rpx; border-radius: 14rpx; text-align: center; font-size: 24rpx; background: #fff; color: #333; } .all .content .complete .iconfontcss { /* background: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/store_car2.png) no-repeat center; background-size: 128rpx; */ width: 112rpx; height: 112rpx; /* line-height: 128rpx; */ /* position: absolute; left: 20rpx; bottom: -0.32rpx; */ transition: transform 0.4s ease-out 0s; background: #f15353; border-radius: 50%; padding: 6.4rpx; display: flex; align-items: center; justify-content: center; } .all .content .complete .iconfontcss .icon-all_buycar { color: #fff; font-size: 96rpx; } .all .content .complete .p { color: #f15353; transition: transform 0.4s ease-out 0s; } .all .content .complete .button { height: 70rpx; border-radius: 30rpx; background: #f15353; color: #fff; font-size: 32rpx; display: flex; align-items: center; justify-content: center; align-self: center; justify-self: center; } .all .content .top { display: flex; justify-content: space-between; padding: 0 28rpx; align-items: center; height: 80rpx; font-size: 32rpx; border-bottom: solid 2rpx #ebebeb; } .all .content .top .iconfontcss { /* display: block; */ /* background: url(../../../assets/images/store_car2.png) no-repeat center; */ /* background-size: 2.5rem; */ align-self: center; width: 64rpx; height: 64rpx; background: #f15353; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .all .content .top .iconfontcss .icon-all_buycar { font-size: 57rpx; color: #fff; } .all .content .top .select { font-size: 24rpx; color: #8c8c8c; margin-left: 8rpx; } .all .content .top .clear_car { font-size: 28rpx; color: #666; display: flex; align-items: center; } .all .content .top .clear_car .iconfont { font-size: 36rpx; color: #666; margin-right: 8rpx; } .all .content .carPopup { max-height: 640rpx; overflow-y: scroll; padding-bottom: 100rpx; } .all .content .carPopup .goodsList { padding: 0 28rpx; } .all .content .carPopup .goodsList .goods { border-bottom: solid 2rpx #ebebeb; display: flex; position: relative; padding: 20rpx 0; align-items: center; } .all .content .carPopup .goodsList .goods .goods_img { width: 108rpx; height: 108rpx; border-radius: 4rpx; overflow: hidden; background: #f2f2f2; margin-right: 20rpx; margin-left: 20rpx; } .all .content .carPopup .goodsList .goods .goods_img image { width: 100%; } .all .content .carPopup .goodsList .goods .goodsName { width: 440rpx; text-align: left; } .all .content .carPopup .goodsList .goods .goodsName .name { display: flex; align-items: center; } .all .content .carPopup .goodsList .goods .goodsName .name .install-tag { background: #ff6b1b; font-size: 10px; color: #fff; padding: 0 5px; border-radius: 2px; margin-right: 4px; } .all .content .carPopup .goodsList .goods .goodsName .name .goods-names { font-size: 15px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .all .content .carPopup .goodsList .goods .goodsName .price { color: #f15353; font-size: 32rpx; margin-top: 20rpx; } .all .content .carPopup .goodsList .goods .addBtn { position: absolute; bottom: 20rpx; right: 0; display: flex; } .all .content .carPopup .goodsList .goods .addBtn .iconfont { width: 56rpx; height: 56rpx; line-height: 56rpx; font-size: 52rpx; color: #f15353; } .all .content .carPopup .goodsList .goods .addBtn .icon-store_reduceLine { color: #aaa; } .all .content .carPopup .goodsList .goods .addBtn input { width: 64rpx; text-align: center; font-size: 24rpx; } .all .content .spec_box { background: #fff; width: 660rpx; height: 780rpx; border-radius: 20rpx; padding-bottom: 110rpx; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .all .content .spec_box .spec_box_title { padding-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 550rpx; display: inline-block; text-align: center; } .all .content .spec_box .h3 { border-radius: 20rpx 20rpx 0 0; width: 100%; background-color: #fff; position: fixed; line-height: 88rpx; border-bottom: solid 2rpx #ebebeb; font-size: 32rpx; } .all .content .spec_box .h3 icon { position: absolute; right: 28rpx; line-height: 88rpx; color: #999; font-size: 36rpx; } .all .content .spec_box .spec_a { margin-top: 20rpx; background: #fff; } .all .content .spec_box .spec_a .h5 { display: block; line-height: 80rpx; text-align: left; padding-left: 40rpx; } .all .content .spec_box .spec_a .option { display: flex; padding: 0 40rpx; flex-wrap: wrap; } .all .content .spec_box .spec_a .option .li.cur { border: solid 2rpx #f15353; background: #faf0f0; } .all .content .spec_box .spec_a .option .li { padding: 0 6px; min-height: 60rpx; line-height: 60rpx; margin-right: 20rpx; margin-bottom: 20rpx; background: #f5f5f5; border: solid 2rpx #ebebeb; border-radius: 6rpx; } .all .content .add_car { text-align: center; width: 100%; height: 110rpx; line-height: 110rpx; background-color: #fff; border-top: solid 2rpx #ebebeb; position: fixed; bottom: 0; border-radius: 0 0 20rpx 20rpx; } .all .content .add_car .car_btn { display: flex; align-items: center; justify-content: space-between; padding: 0 28rpx; } .all .content .add_car .car_btn .left { color: #f15353; font-size: 32rpx; text-align: left; flex: 0 0 416rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .all .content .add_car .car_btn .left .span { font-size: 32rpx; } .all .content .add_car .car_btn .right .span { display: block; width: 178rpx; height: 60rpx; line-height: 60rpx; border-radius: 32rpx; background: #f15353; color: #fff; font-size: 28rpx; } .all .Box { position: absolute; bottom: 20rpx; right: 20rpx; display: flex; } .all .Box .iconfont { width: 56rpx; height: 56rpx; line-height: 56rpx; font-size: 26px; color: #f15353; } .all .Box .icon-store_reduceLine { color: #aaa; } .all .Box input { width: 64rpx; text-align: center; font-size: 24rpx; } .all .Box .label { right: 70rpx; color: #333; font-size: 24rpx; padding: 0; width: 48rpx; height: 56rpx; overflow: hidden; display: inline-block; text-align: center; line-height: 56rpx; vertical-align: top; -webkit-background-origin: content-box; background-origin: content-box; background-color: transparent; } .all .Box .hide { display: none; } /* .all .content .goods_box .sort_box .box .li .current::before { content: ""; background: #f15353; width: 3.2px; width: 0.2rem; height: 100%; position: absolute; top: 0; left: -1px; left: -0.0625rem; } */ /* 门店配送 */ .delivery_info .detail_a { display: flex; align-items: center; font-size: 32rpx; font-weight: bold; } .delivery_info .detail_a icon { margin-right: 10rpx; } .catagoryBox { position: absolute; height: 90rpx; left: 170rpx; z-index: 100; } .catagoryBox .van-cell__title { overflow: hidden; } .catagoryBox .van-cell { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; padding: 10px 15px; box-sizing: border-box; line-height: 24px; position: relative; background-color: #fff; color: #323233; font-size: 14px; overflow: hidden; } .catagoryBox .activetitle .dl { width: 100%; overflow: hidden; flex-wrap: nowrap; overflow-x: auto; } .catagoryBox .activetitle .dl .dt { flex-shrink: 0; margin-bottom: 0; height: 24px; line-height: 24px; } .catagoryBox .dl { display: flex; flex-wrap: wrap; } .catagoryBox .dl .dt { font-size: 24rpx; height: 36rpx; line-height: 36rpx; padding: 0 16rpx; border: dashed 2rpx rgb(229, 229, 229); border-radius: 8rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .catagoryBox .dl .addClass { border: dashed 2rpx #ff4949; color: #f15353; } .catagoryBox .dl .addClass1 { border: none; color: #fff; background: #fb5050; border-radius: 28rpx; } .catagoryBox .dl .removeClass1 { border: none; } .catagoryBox.topnavFixed { position: fixed; height: 90rpx; white-space: nowrap; /* white-space 属性设置如何处理元素内的空白 */ top: 212rpx; left: 170rpx; background: #fff; z-index: 100; } /* 门店拼团 */ .show_price_box { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .show_price { font-size: 12px; color: #ff2c29; border: solid #ff2c29 1px; padding: 1px 4px; margin-top: 5px; } .red_white { color: #fff; background: #ff2c29; margin-right: 5px; } .white_red { color: #ff2c29; background: #fff; } /* 门店拼团 */ /* 评论商品 */ .goodlnfo { height: 80rpx; display: flex; text-align: left; margin: 20rpx 0; } .goodlnfo image { width: 80rpx; height: 80rpx; margin-right: 20rpx; } .goodlnfo .goodMain { flex: 1; margin-right: 20rpx; } .goodlnfo .goodMain .titless { width: 352rpx; overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /* 规定段落中的文本不进行换行 */ } .goodlnfo .goodMain .price { color: #f15353; } .goodlnfo .sales { width: 20%; line-height: 80rpx; font-size: 24rpx; text-align: right; } .goods_content_show { display: flex; flex-wrap: wrap; margin: 0; } .goods_content_show .goods_content_show_item { font-size: 11px; color: #666; margin: 0 8px 0 0; } .reserveTxt { display: flex; align-items: center; text-align: left; font-size: 28rpx; padding: 0 20rpx 0 0; padding-bottom: 20rpx; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .reserveTxt_R { margin-left: 20rpx; }