@import "../../../../utils/wxParse/wxParse.wxss"; .container { margin-bottom: 100rpx; overflow: hidden;padding-top: 80rpx;} image { vertical-align: top; } .goods-detail{overflow: hidden} .type-navbar { display: flex; justify-content: center; width: 100%; position: fixed; top: 0; z-index: 999; /* height: 80rpx; */ /* margin-bottom: 20rpx; */ background-color: #fff; border-top: 2rpx solid #ebedf0; /* border-bottom: 1rpx #fafafa solid; */ } .type-box { width: 25%; box-sizing: border-box; font-size: 32rpx; line-height: 76rpx; padding: 0 20rpx; text-align: center; display: inline-block; overflow: hidden; } .type-navbar-item { /* border-bottom: 4rpx solid #fff; */ display: flex; justify-content: center; width: 100%; font-size: 26rpx; } .type-item-on { color: #F95D74; font-weight: bold; /* border-bottom: 4rpx solid #F95D74; */ position: relative; font-size: 30rpx; } .type-item-on:after { content: ''; position: absolute; width: 50%; height: 4rpx; background-color: #F95D74; left: 0; right: 0; bottom: 0; margin: 0 auto; } .swiper_box { width: 100%; height: 750rpx; } .goods-title { display: flex; justify-content: space-between; /* overflow: hidden; */ /* height: 108rpx; */ } .goods-name { /* width: 560rpx; */ /* line-height: 46rpx; */ font-size: 32rpx; font-weight: bold; color: #333; /* margin-top: 30rpx; margin-bottom:30rpx; */ flex: 1; text-align: justify; margin: 10rpx 0 20rpx; } .goods-collect { width: 112rpx; padding-top: 30rpx; } .collect-img { width: 50rpx; height: 44rpx; margin: 0 auto; overflow: hidden; } .collect-des { text-align: center; font-size: 24rpx; color: #333; } .goods-price { font-size: 60rpx; /* padding: 20rpx 34rpx; */ /* padding:0rpx 34rpx; */ /* line-height: 60rpx; */ color: #999; padding: 20rpx; /* margin-top: 46rpx; */ /* margin-top:26rpx; padding-bottom:20rpx; */ } .prom-info { margin: 10rpx 0; color: #f23030; } .prom-info>.prom-type { color: white; background-color: #f23030; margin-right: 14rpx; padding: 2rpx 8rpx; border-radius: 4rpx; } .market-price { /* display: flex; margin-left: -5rpx; */ } .market-price .yuan{ /* top:24rpx; */ font-size: 30rpx } .market-price>view>text { text-decoration: line-through; } .market-price>.yj{ color: #999999; font-size: 24rpx;/* margin-left: 16rpx;position: relative;top:30rpx; */ display: inline-block; } .goods-price>.tm{ color: #999999; font-size: 26rpx;margin-top: 10rpx;} .goods-num { color: #999; display: flex; font-size: 24rpx; justify-content: space-between; } .goods-detail .twen{ background: #fff;height: 60rpx; line-height: 60rpx; font-size: 30rpx;padding-left: 30rpx;display: flex; } .goods-detail .twen .img{ width: 32rpx; height: 32rpx; margin-left: 200rpx; background: #fff} .goods-detail .twen image.img{vertical-align:auto;} .logistics-item { display: flex; justify-content: space-between; align-items: center; height: 90rpx; /*border-bottom: 1px solid #f5f5f5;*/ font-size: 32rpx; color: #666; } .logistics-item .small{color: #999; font-size: 24rpx;} .item-title { width: 180rpx;} .item-mes { color: #333; width: 420rpx; height: 90rpx; line-height: 90rpx; } .item-img { width: 32rpx; height: 32rpx;} .prom-item { color: #f23030; border: 1px solid #f23030; border-radius: 18rpx; line-height: 40rpx; height: 40rpx; padding: 2rpx 8rpx; } .guarantee { justify-content: space-around; } .ico-item { width: 32rpx; height: 32rpx; margin-right: 10rpx; } .guarantee>view { display: flex; align-items: center; height: 32rpx; color: #666; } .user-comment { margin: 10rpx 0; font-size: 28rpx; } .good-comment,.comment-num { display: flex; } .recommend { background-color: #fff; border-bottom: 1px solid #ddd; padding-bottom: 20rpx; } .recommend-title { height: 70rpx; line-height: 70rpx; font-size: 28rpx; padding: 0 30rpx; } .recommend-ul { display: flex; justify-content: flex-start; } .recommend-ul .li { width: 25%; box-sizing: border-box; text-align: center; font-size: 28rpx; color: #333; } .li-img { width: 120rpx; height: 120rpx; margin: 0 auto; } .li-title { height: 58rpx; line-height: 30rpx; margin: 10rpx 0; } .comment-item { background-color: #fff; font-size: 28rpx; } .comment-title { display: flex; justify-content: space-between; align-items: center; height: 102rpx; margin: 0 30rpx; color: #333; border-bottom: 1px solid #eee; } .user-name { display: flex; align-items: center; } .user-pic { width: 54rpx; height: 54rpx; margin-right: 10rpx; border-radius: 50%; overflow: hidden; } .stars { float: left; display: flex; height: 42rpx; line-height: 42rpx; margin: 15rpx 0; width: 200rpx; } .star { width: 26rpx; height: 26rpx; margin-right: 5rpx; } .state-spec { margin: 15rpx 0; float: right; font-size: 24rpx; color: #666; width: 460rpx; text-align: right; } .comment-cont { padding: 0 30rpx 30rpx; border-bottom: 1px solid #eee; } .comment-mes { line-height: 42rpx; } .img-ul { display: flex; flex-wrap: wrap; } .img-li { width: 150rpx; height: 150rpx; margin-top: 8rpx; margin-right: 10rpx; } .comment-btn { height: 60rpx; padding: 20rpx 30rpx; } .comment-btn .btn { display: flex; justify-content: center; align-items: center; height: 60rpx; width: 45%; border: 1px solid #eee; } .comment-btn .btn-img { width: 30rpx; height: 28rpx; margin: 0 10rpx; } .reply-ul { margin-top: 20rpx; } .reply-li { color: #aaa; } .join-cart { position: fixed; left: 0; bottom: 0; display: flex; width: 100%; height: 100rpx; background-color: #fff; z-index: 9; border-top: 4rpx solid #eee; } .join-cart>view { width: 29%; } .join-cart>.new_split { width: 13%; text-align: center; padding: 0; margin: 0; } .cart-ico { font-size: 24rpx; color: #333; } .shopping-cart { position: relative; } .cs-img { width: 45rpx; height: 40rpx; margin-top: 15rpx; } .sc-img { width: 42rpx; height: 40rpx; margin-top: 15rpx; } .cart-num { position: absolute; left: 50%; top: 1rpx; width: 40rpx; height: 40rpx; line-height: 40rpx; text-align: center; border-radius: 50%; color: #fff; background-color: rgba(217,81,99,0.9); } .cart-btn { font-size: 28rpx; color: #fff; line-height: 70rpx; margin-top: 16rpx; text-align: center; } .join-btn { background-color: #ffb03f; height: 70rpx; border-radius: 55rpx 0rpx 0rpx 55rpx; margin-top: 16rpx; } view.cart-btn-lg { width: 50%; } .buy-btn { background-color: #f23030; height: 70rpx; border-radius: 0 56rpx 55rpx 0; } .buy-btn-all{ background-color: #f23030; height: 70rpx; border-radius: 56rpx; } .toTop { position: fixed; z-index: 3; right: 20rpx; bottom: 160rpx; width: 68rpx; height: 68rpx; border: 1px solid #ddd; border-radius: 50%; overflow: hidden; cursor: pointer; } .comment-more { height: 56rpx; line-height: 56rpx; font-size: 26rpx; color: #999; text-align: center; background-color: #eee; } .goods-more { background-color: #fff; } .goods-norms { background-color: #fff; } .type-navbar2 { display: flex; height: 72rpx; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .type-box2 { width: 50%; font-size: 26rpx; line-height: 72rpx; text-align: center; overflow: hidden; } .type-item2-on { color: #f23030; } .parameter { padding: 40rpx 0; } .table { width: 698rpx; margin: 0 auto; border: 1px solid #ddd; border-bottom: none; } .tb { width: 100%; min-height: 69rpx; line-height: 69rpx; border-bottom: 1px solid #ddd; font-size: 28rpx; text-align: center; color: #333; } .th-thitle { font-weight: bold; background-color: #f5fafe; } .td-cont { display: flex; } .td-title { width: 259rpx; background-color: #f5fafe; border-right: 1px solid #ddd; } .td-text { width: 439rpx; } .goods-comment { background-color: #fff; } .type-navbar3 { display: flex; height: 88rpx; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10rpx 0; } .type-box3 { width: 20%; font-size: 30rpx; line-height: 44rpx; text-align: center; overflow: hidden; } .type-item3-on { color: #f23030; } .spec-model { position: fixed; bottom: 0; z-index: 20; background: white; width: 100%; /* padding: 0 30rpx; */ font-size: 32rpx; box-sizing: border-box; border-radius: 20rpx 20rpx 0 0; /* height: 72%; */ } .spec-model .pding{padding: 0 20rpx;} .spec-goods { padding: 30rpx 0 20rpx; /* float: left; */ width: 100%; /* border-bottom:2rpx solid #eee; */ } .spec-img { float: left; height: 186rpx; width: 186rpx; border: 4rpx solid #eee } .spec-goods-info { float: left; padding: 0 25rpx; width: 400rpx; } .spec-goods-name { font-size: 30rpx; line-height: 35rpx; height: 70rpx; margin: 15rpx 20rpx 25rpx 0; overflow: hidden; text-overflow: ellipsis;color: #333; } .spec-goods-price { color: #d60021; font-size: 33rpx; font-weight: bold; } .spec-goods-price.tag { position: relative; } .spec-goods-price.tag::before { content: '预售'; color: white; background-color: #FF4732; font-size: 24rpx; border-radius: 4rpx; padding: 0 6rpx; } .spec-goods-stock { margin-top: 3rpx; font-size: 24rpx; color: #999999; margin-right: 15rpx; } .spec-name { clear: both; padding: 20rpx 0; font-size: 30rpx;color: #333; } .quhuo{font-size: 30rpx; color: #000} .b_num{ display: flex;font-size: 30rpx; color: #333; justify-content: space-between; align-items: center; padding: 20rpx 0; } .count { /* position: fixed; */ display: flex; height: 50rpx; /* border: 1rpx solid #000; */ font-size: 28rpx; right: 30rpx; } .count>view,.count>input { width: 60rpx; height: 50rpx; line-height: 50rpx; text-align: center; } .spec_bt{ background: fff;color: #333; margin-left: 10rpx;padding: 4rpx 15rpx 4rpx; display: inline-block; border-radius:30rpx;font-size: 24rpx;border: 1rpx solid #ccc; margin: 10rpx; height: 40rpx; line-height: 40rpx; } .spec_bt.act{background: #d60021;color: #fff;border: 1rpx solid #d60021;} .sub, .add, .count>input { /* border-right: 1px solid #000; */ background-color: #f8f8f8; border-radius: 8rpx; } .sub.active { /* background-color: #ddd; */ color: #ccc; } .count>input { margin: 0 10rpx; } .add { /* background-color: #f8f8f8; */ /* border-left: 1px solid #000; */ } .spec-btn { color: black; background-color: white; padding: 10rpx 10rpx; font-size: 26rpx; line-height: 28rpx; float: left; border: 1rpx solid #dedede; margin: 4rpx 10rpx 4rpx 0; border-radius: 4rpx; } .spec-btn-click { color: white; background-color: #f23030; border: 1rpx solid #f23030; } .spec-cart-btns { /* width: 92%; */ line-height: 70rpx; /* margin: 0rpx auto; margin-top: 160rpx; */ /* border-radius: 20rpx; */ /* position: fixed; */ /* bottom: 50rpx; */ /* left: 4%; */ padding: 20rpx; } .spec-cart-btn { width:100%; font-size: 30rpx; text-align: center; color: white; border-radius: 40rpx; } .spec-cart-btn.w40 { width: 46%; } .spec-add-cart { background-color: #ffb03f; } .spec-buy { background-color: #f23030; /* margin-left: 34rpx; */ } .spec-cart-disable { background: #bbbbbb; } .spec-cart-btn-lg { width: 614rpx; } .prom-model { position: fixed; bottom: 0; z-index: 20; background: white; width: 100%; padding: 0 30rpx 30rpx; font-size: 32rpx; box-sizing: border-box; overflow-x: hidden; } .prom-model .prom-title {text-align: center;margin: 30rpx 0;} .prom-model .logistics-item {border: 0;} .prom-model .item-mes {width: 500rpx;} .integral-btn {width: 100%; padding: 0rpx;margin: 0rpx;} .clear{clear: both;} .sto_v .title,.sto_v .stitle{ border-top: 1rpx solid #dedede;border-bottom: 1rpx solid #dedede; height: 78rpx; line-height: 78rpx;} .sto_v .title .tubiao,.sto_v .stitle .tubiao{width: 32rpx; height: 32rpx; margin-top: 23rpx;} .itemlists .item{border-bottom: 1rpx solid #dedede; height: 72rpx; line-height: 72rpx;font-size: 28rpx; margin: 0 10rpx;} .cshu{margin-bottom: 30rpx; margin-top: 20rpx;} .cshu view{color: #999; font-size: 30rpx; margin-left: 26rpx;} /*---活动特殊显示---*/ .prom_show{height: 120rpx; display: flex;} .prom_show .secondkill-img{width: 100%; height: 100%;} .prom_show .spike-img{width: 283rpx; height: 57rpx; top:35rpx; left:31rpx;} .prom_show .stop{ color:#d81731;top: 17rpx;right:65rpx; font-weight:600;} .prom_show .start{ color:#009ae2;top: 17rpx;right:65rpx; font-weight:600;} .prom_show .timeac { font-size: 32rpx; height: 120rpx; color: #333; } .prom_show .timeac.left{width: 66%; color: #fff;background:#f23030;} .prom_show .timeac.right{width: 34%;background-color: #d7d7d7; text-align: center} .prom_show .secview .day{padding-right:10rpx;} .prom_show .secview .time-val{width:36rpx;height:36rpx;border-radius:7rpx; line-height: 36rpx;} .prom_show .secview .time{margin-right:10rpx; margin-left:10rpx;} .prom_show .timeac.left view{ margin-left: 20rpx} .prom_show .timeac.left view.firview{margin-top: 10rpx} .prom_show .timeac.left view .tr_line{ text-decoration: line-through; font-size: 28rpx;} .prom_show .timeac.left view .bprice{ font-size: 50rpx; } .prom_show .timeac.right view.firview{margin-top:12rpx; margin-bottom: 10rpx} .prom_show .timeac.right view.secview{display: flex; text-align: center; justify-content:center; flex-direction: row;} .prom_show .timeac.right view .tui-conutdown-box{ /* background: #6b6b6b; */ width: auto; /* min-width: 45rpx; */ height: 45rpx; color: #c4182e; font-size: 27rpx; text-align: center; line-height: 46rpx;} .huise{ background:gray} .lanse{background:#0199e2} /*------拼单------*/ .pt_view{ text-align: center; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 26rpx} .pt_view .secondkill-img{width: 100%;height: 100%;} .pt_fir{ background: #fff;/* margin-bottom: 10rpx; */} .pt_fir .pt_fir_title{display: flex; align-items: center; /* margin-left: 10rpx; margin-top: 20rpx; */ font-size: 28rpx; position: relative;} .pt_fir .pt_fir_title .kt_type{ color: #fff;background:#e9030d; width: 100rpx; line-height: 40rpx; border-radius: 6rpx; margin: 0 10rpx; height: 40rpx; font-size: 24rpx; text-align: center;} .pt_fir .pt_fir_title .price{color: #e9030d;font-size: 26rpx;} .pt_fir .pt_fir_title .bigw{font-size: 36rpx;} .pt_fir .pt_fir_title .tprice{text-decoration: line-through;color: #949494} .pt_fir .pt_fir_title .tprice.ml50{margin-left: 50rpx} .pt_fir .pt_fir_title .js{padding: 0 15rpx;height: 40rpx;background:#e9030d; text-align: center; border-radius: 8rpx; color: #fff; margin-left: 10rpx;} .pt_fir .pt_fir_title .tuannum{color: #e9030d; position: absolute; right: 20rpx; font-size: 26rpx;} .pding{padding-top: 20rpx;padding-left: 20rpx;height: 81%; padding-right: 20rpx;font-size: 26rpx;color: #ea120f} .pdres{margin-left: 10rpx;color: #8f8f94} .ptgz{position: relative;font-size: 30rpx;padding-left: 20rpx;margin-top: 10rpx; overflow: hidden } .shuxian{width: 6rpx;height: 28rpx; background: #ea120f; display: inline-block;top: 5rpx;position: relative; margin-right: 5rpx} .ptgz_an{position: absolute;top:5rpx; right: 6rpx} .ptgz_an .arrow-two{width:18rpx;height:18rpx;border-color:#da0b31; margin-top:30rpx;} .pt_fir.se{height: auto; margin-bottom: 10rpx} .t_gz{padding: 10rpx 20rpx; font-size:28rpx } .pt_fir.se1{height: auto; margin: 0} .pt_fir.se2{height: auto; margin: 0;/* border-top:6rpx solid #eeeeee;border-bottom:2rpx solid #eeeeee; */} .pt_hb{height:78rpx; line-height: 75rpx; position: relative; font-size: 32rpx;overflow: hidden;width:695rpx;margin-left:28rpx; border-bottom: 1rpx solid #E5E5E5 } .ptgz_an.xq{font-size: 32rpx; color:#d40024} .wf{display: flex; padding: 20rpx 0;} .wf .item{width: 24.5%; text-align: center; font-size: 26rpx; color: #666} .wf .item .item_txy{position: relative;width: 60rpx; height: 60rpx; background: #ea120f; border-radius: 50%;left: 50%;margin-left: -30rpx; border: 3px #dfdfdf solid; text-align: center;line-height: 60rpx; color: #fff; margin-bottom: 10rpx;} .wf .item .item_txy.hs{ background: #cbcbcb;} .po{margin-bottom: 20rpx;} .cart-btn.line-h{ line-height: 26rpx;} .cart-btn .fir-v{ margin-top: 10rpx;} .hyt{ padding: 0 20rpx; font-size: 30rpx; display: flex; align-items:center; margin-top: 10rpx;} .hyt .r_f{color: #e9120f;font-size: 26rpx;position: relative;top:3rpx} .hyt .byj{color: #e9120f;font-size: 32rpx;position: relative;top:5rpx} .pt_fir .pt_fir_title.no-mar-b{margin-bottom: 0;padding-bottom: 10rpx; margin-left: 20rpx} .pt_fir .pt_fir_title.boder-1{border-bottom: 1rpx #e7e7e7 solid} .jie_price{/* padding: 10rpx 30rpx; */} .jie_price_title{font-size: 30rpx; color: #a26270; margin-bottom: 10rpx} .price_list{display: flex; width: 100%;} .price_item{width: 25%;font-size: 28rpx; color: #4c336c} .pt_fir.se2 .zzk-1{/* margin-top: 23rpx; */ font-size: 30rpx;position: relative; /* margin-bottom: 30rpx; */ border-left:4rpx solid red;/* margin-left:14rpx; */height:30rpx;line-height:30rpx;/* padding-left:5rpx; */} .ckgd{/* position: absolute;top:0;right:57rpx; */ color:#d70025; font-size: 26rpx;} .ckgd .arrow-one{width:14rpx;height:14rpx;border-color:#da0b31;/* margin-top:5rpx; */ margin:auto;} .bview{ position: fixed; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .juzhong{ position: fixed; top:0; left:0; width: 100%; height: 100%; display: flex; flex-direction:row; justify-content: center; align-items: center; } .juzhong .xq{ padding: 0 20rpx; background: #fff; font-size: 30rpx; padding-bottom: 20rpx;} .juzhong .xq .title{text-align: center; margin: 20rpx 0; position: relative; height: 50rpx;} .juzhong .xq .hs1{font-size: 28rpx; color: #ab8f9e} .juzhong .xq .title .close{position: absolute;top: 0; right: 0; width: 45rpx; height: 45rpx;} .pt_qd{/* margin-top: 40rpx; height: auto; */padding: 20rpx;} .spec-cart-btn.w100{width: 95%; margin-left: 0; height: 75rpx; line-height:75rpx;margin: auto; } .sto_v{color: #333;} .ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*---多少人参加团--*/ .group { padding-top:20rpx; padding-bottom:20rpx; width: 100%; /* min-height: 92rpx; */ border-bottom: 2rpx solid #ebedf0; } .group .group-list { display: flex; align-items: center; justify-content: space-around; /* height: 90rpx; */ /* padding: 0 130rpx 0 100rpx; */ /* width: 470rpx; position: absolute; */ } .group .group-list .gtou { width: 70rpx; height: 70rpx; /* float: left; position: relative; top: 6rpx; left: -96rpx; */ } .group .group-list .gtou image { display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #f0f0f0; } .group .group-list .gdn { width: 140rpx; text-align: center; /* float: left; */ font-size: 26rpx; /* padding-left: 20rpx; */ /* line-height: 48rpx; height: 48rpx; width: 168rpx; position: relative; left: -80rpx; top:20rpx; */ font-weight:bold; } .group .group-list .ghaicha { /* width:300rpx; */ font-size: 27rpx; /* margin-left:180rpx; top:13rpx; left:-3rpx; */ font-weight: bold; } .group .group-list .ghaicha .gred { /* height: 48rpx; width: 300rpx; */ } .gsj { float: left; color: #8f8f94; } .group .group-list .cjt { height:42rpx; width: 137rpx; /* position: absolute; right: 4rpx; top:25rpx; */ line-height: 42rpx; font-size: 24rpx; color: #fff; border:2rpx solid #d60024; background-color:#d60024; border-radius:25rpx; } .gbody { background-color: white; } .t_show{/* overflow: hidden; */ display: flex; /* width: 300rpx; */ color: #292929; /* line-height: 36rpx; */font-size:26rpx; } .join-cart>view.set_width { width:58%; } /*秒杀样式zwp*/ #zwpMs{ width: 31%; color: #fff; background: url(https://mshopimg.yolipai.net/miniapp/images/user/bgred.png) no-repeat; background-size: 100% 60px; } /*--------- 修改后的样式 -----------*/ .elli{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .one_elli{ overflow : hidden; text-overflow: ellipsis; white-space:nowrap; } .tuwen_title{ /* height: 86rpx; */ background-color:#eeeeee; /* margin-bottom: 32rpx; */ position: relative; display: flex; justify-content: center;align-items: center; padding: 20rpx;} .tuwen_title .g_line{ width:496rpx; height:1rpx; border-bottom:#ababab 1rpx solid; } .tuwen_title .center_s{ width: 124rpx; position: absolute; height: 34rpx; background-color:#eeeeee; font-size: 32rpx; display: flex; overflow: hidden; justify-content: center;align-items: center; } .tuwen_title .center_s image{ width: 34rpx; height: 26rpx; margin-right: 10rpx} .t_g_info{ /* margin: 0 34rpx;margin-bottom: 20rpx; */ display: flex; align-items: center;padding: 20rpx; } .red_shu{ width: 10rpx; height: 36rpx; background-color:#da0035; margin-right: 8rpx; } .tb-l{ /* line-height: 96rpx; */} .table_s{ border:#e4e4e4 1rpx solid; box-sizing: border-box;font-size: 26rpx;} .tb_item{display: flex; /* height: 96rpx; */ border-bottom: 1rpx solid #e4e4e4 } .item_left{width: 210rpx; height: 100%; box-sizing:border-box; text-align: center;padding: 20rpx; background: #f9f9f9 ;border-right:2rpx solid #e4e4e4} .item_left text{ /* margin-left: 44rpx; */} .item_right{flex:1; height: 100%; overflow : hidden;white-space:nowrap;text-overflow: ellipsis; padding: 20rpx;} .item_right text{ /* margin-left: 66rpx; */} .table_s .tb-l:last-child {border-bottom: none;} .bzfu_img{ width: 164rpx; height:34rpx; /* margin-right: 18rpx; margin-left: 12rpx */ } .bz_view{ /* height:100rpx; padding: 0 34rpx 0 13rpx; */ color: #333; font-size: 28rpx; padding: 20rpx 20rpx 20rpx 10rpx; /* border-bottom: 3rpx solid #eee; */ /* border-top: 3rpx solid #eee; */} .bz_view view{ width: 460rpx; /* max-height: 70rpx; */ /* overflow: hidden; */} .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 20rpx; color: #333; font-size: 30rpx; /* height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx */ } .red_bb{ color: #d70026; /* min-width:158rpx;width: auto; */} .bg_jj{ width: 14rpx; height:14rpx; border-top: 2rpx solid #d70026; border-right: 2rpx solid #d70026; transform: rotate(45deg);display:inline-block; margin-bottom:3rpx; } .bg_jj.down1{transform: rotate(135deg);} .bz-content { flex-grow: 1; text-align: justify; padding: 0 30rpx 0 20rpx; } /* 顶部边框 */ .topframe{ width: 100%; height: 172rpx; flex-direction: row; justify-content: space-between; border-bottom: 6rpx solid #eeeeee; overflow: hidden; } /* 评价人边框*/ .topframe .topframe-top{ display: flex; margin-top: 40rpx; margin-bottom: 36rpx; color: #7d7d7d; padding-left: 20rpx; font-size: 32rpx; } /*评价人数量*/ .topframe .topframe-top .topframe-top-val{ margin-left: 15rpx; } .topframe-top-content{ display: flex; width: 36%; } /* 好评 */ .topframe-praise{ width: 61%; text-align: right; color: #dc4355; font-size: 28rpx; } /* 按钮列表 */ .buttem-list{ width: 100%; display: flex; font-size: 20rpx; overflow: hidden; } .buttem-list .item{ min-width: 17%; font-size: 24rpx; border-radius: 20rpx; background:#ffe3e2; height:38rpx; text-align: center; line-height: 38rpx; margin-left: 20rpx; } .buttem-list .item.red{ color: #fff; background: #d60022; } /* 用户评价 */ .middle{ width: 95%; margin:0 auto; } .middle-img-frame{ height:65rpx; display: flex; margin-top: 32rpx; } /* 评价的用户图片 */ .middle-img{ width:60rpx; height:60rpx; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 15rpx; } /* 评价的用户边框 */ .middle-user-frame{ height: 65rpx; overflow: hidden; } .middle-user{ height: 25; font-size: 28rpx; } /* 评价图片 */ .middle-img-two{ width: 115rpx; height: 25rpx; text-align: center; margin-bottom:20rpx; margin-left:5rpx; } .xc-pirces{ margin-top: 14rpx; } /* 评价文字 */ .middle-font{ font-size: 30rpx; } .iddle-goods-img{ width: 100%; display: flex; margin-top:22rpx; } /* 商品图片 */ .goods-img{ width: 156rpx; height: 156rpx; margin-left: 22rpx; height: 100%; } .parameter-frame{ margin-top:14rxp; margin-bottom: 14rpx; width:50%; height: 30rpx; } .z_parameter{ width:98%; height: 45rpx; display:flex; line-height: 45rpx; margin-top: 20rpx; margin-bottom: 14rpx; justify-content : space-between; } .parameter-font{ font-size: 26rpx; } /* 规格 */ .parameter-state{ width: 100rpx; font-size: 24rpx; color: #c4c4c4; } .parameter-dian{ display: flex; width: 94rpx; height: 33rpx; font-size: 20rpx; border-radius: 20rpx; line-height:33rpx; padding-left: 25rpx; border:4rpx solid #eeeeee; } /* 点赞图片 */ .parameter-img{ width: 27rpx; height: 27rpx; margin-top: 3rpx; } .parameter-val{ margin-left:25rpx; font-size: 26rpx; color: #999; } /* 回复 */ .reply{ width: 95%; height: 120rpx; padding-top: 14rpx; border-top:3rpx solid #eeeeee; margin:0 auto; } .shop-reply{ height: 30rpx; color:#d60022; font-size:24rpx; overflow: hidden; } .shop-font{ width: 94%; font-size: 24rpx; padding-top: 10rpx; } .line_bulge{ width: 17rpx; height: 17rpx; border-top: 1rpx solid #eeeeee; border-left: 1rpx solid #eeeeee; transform:rotate(45deg); position: absolute; top: -12rpx; left:50rpx; background:#fff; } .xc_comment{ display: flex; justify-content: space-around; width: 100%; box-sizing: border-box; padding: 10rpx 20rpx; /* height: 42rpx; padding-left: 34rpx; */ color: #333; } .xc_comment-have-pictures{ width: 153rpx; /* height: 42rpx; */ line-height: 42rpx; text-align: center; background: #ffe3e2; color: 28rpx; border-radius:21rpx; font-size: 24rpx; } .xc_comment-discuss{ width: 152rpx; height: 42rpx; line-height: 42rpx; text-align: center; background: #ffe3e2; color: 28rpx; border-radius:20rpx; font-size: 24rpx; margin-left: 28rpx } .xc_comment-detail{ display: flex; /* margin-top: 40rpx; */ /* width: 524rpx; */ /* margin-left: 34rpx; */ border-radius: 24rpx; border: 2rpx solid #ebedf0; margin-left: 20rpx; box-sizing: border-box; /* overflow: hidden; */ } .xc_user-img{ border-radius:50%; margin: auto 0; } .xc_comment-user{ display: flex; /* margin-top: 22rpx; margin-left: 22rpx; */ } .xc_user{ width: 170rpx; height: 60rpx; margin-left: 6rpx; overflow: hidden; } .xc_user-name{ /* height: 25rpx; */} .xc_comment-img{ width: 22rpx; height: 22rpx; /* margin-top: 14rpx; */ margin-right: 5rpx } .xc_comment-font{ /* height: 75rpx; */ /* margin-left: 22rpx; */ white-space:normal; overflow: hidden; /* margin-top: 8rpx; line-height: 38rpx; */ } .xc_comment-val{ /* width: 88%; height: 30rpx; margin-left: 22rpx; display: flex; margin-top: 15rpx; margin-bottom:15rpx; */ } .xc_comment-time{ /* height: 30rpx; */ font-size: 22rpx; color: #a5a5a5; overflow: hidden; } .xc_goods-img{ width: 180rpx;height: 180rpx; } .xc_comment-left{ display:inline-block; width: 312rpx; padding: 20rpx; } .xc_goods-img-frame{ border-radius: 0 22rpx 22rpx 0; overflow: hidden; /* display:inline-block; */ /* width: 40%; height: 90%; text-align: center; padding-top: 30rpx; vertical-align: top; */ } .xc_imgs{ width: 50rpx; height:50rpx; border-radius:50%; margin-right: 5rpx; } .pj_word_size{ font-size: 28rpx} .pj_scroll{ /* white-space: nowrap; */ /* height: 324rpx; */ /* margin-bottom: 50rpx; */ display: flex; align-items: center; padding: 20rpx 0; /* box-sizing: border-box; */ /* box-shadow: 0 8px 12px #e7e9eb; */ } /*领券*/ .three-level-word{ font-size: 25rpx; } .four-level-word{ font-size: 23rpx; } .cx-frame{ /* border-top:3rpx solid #eee; */ /* width:99%; height: 95rpx; line-height: 95rpx; padding-left:24rpx; */ padding: 20rpx; } .cx-frame .cx-sizs{ /* width: 68rpx; */ /* height: 100%; */ /* line-height: 100rpx; */ /* overflow: hidden; */ /* margin-left: 10rpx; */ } .xc-coupon-fram{ position: relative; margin-right: 16rpx; /* width:200rpx; */ /* padding-top:30rpx; */ } .xc-coupon-fram .xc-coupon{ /* width:175rpx ; height: 40rpx; line-height: 40rpx; */ background-color:#d60021 ; /* margin:0 auto; */ color:#fff; padding: 6rpx 20rpx; } .xc-coupon-fram .xc-circular{ width: 16rpx; height:16rpx; background-color: white; position:absolute; top: 50%; /* left: -10rpx; */ transform: translateY(-50%); } .xc-coupon-fram .xc-one{ left: -8rpx; } .xc-coupon-fram .xc-two{ right: -8rpx; } .cx-obtain-coupon{ /* width: 65rpx; height: 100%; padding-left:15rpx; */ color: #d70025; display: flex; align-items: center; /* position: absolute; right: 5rpx; */ } /* 自定义弹出窗口 */ .cx-popup{ width:100%; background: #fff; z-index: 35; border-top-left-radius: 25rpx; border-top-right-radius: 25rpx; position:fixed; bottom:0; } .cx-popup .top{ /* width: 90%; height:85rpx; */ font-size: 32rpx; padding: 20rpx 0; border-bottom: 2rpx solid #ebedf0; /* padding-top: 50rpx; font-weight:600; */ } .cx-popup .top-frame{ /* width: 100%; display: flex; justify-content: center; overflow: hidden; */ } .xc-valid-coupon{ width: 90%; height:40rpx; padding-top: 24rpx; overflow: hidden; } .xc-frame{ position: relative; } .xc-coupon-frame { width: 100%; max-height: 560rpx; overflow: auto; } .xc-coupon-frame .rel:not(:first-child) { margin-top: 20rpx; } .xc-coupon-frame .coupon { width:100%; height: 168rpx; border-radius: 25rpx; border:2rpx solid #ffdcdc; overflow: hidden; /* margin-top:16rpx; */ box-sizing: border-box; } /* .xc-coupon-frame .coupon ~ .coupon { margin-top:16rpx; } */ .xc-coupon-left{ width: 216rpx; /* height: 100%; */ background-color: #ffeeef; border-right: 4rpx dashed #ffdbd9; overflow: hidden; /* line-height: 100%; */ display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; } .xc-money{ color: #f30026; text-align:center; } .xc-rmb{ /* width:44rpx; padding-top:7rpx; */ } .xc-money-frame{ /* margin-left:35rpx; margin-top:48rpx; */ } .xc-spacing{ letter-spacing:4rpx; } .xc-circular-one{ position: absolute; top:-15rpx; left:205rpx; width: 30rpx; height: 30rpx; background: #fff; overflow: hidden; } .xc-circular-two{ position: absolute; bottom: -15rpx; /* top:150rpx; */ left:205rpx; width: 30rpx; height:30rpx; background: #fff; } .xc-detail-coupon{ /* margin-left: 22rpx; overflow: hidden; padding-top: 43rpx; */ /* display: flex; align-items: center; */ } .xc-coupon-right{ /* width: 455rpx; height: 100%; */ background: #fffaf9; padding: 20rpx; box-sizing: border-box; width: 100%; justify-content: space-between; align-items: center; } .xc-below{ margin-top:20rpx; } .xc-get{ width: 140rpx; /* height: 48rpx; */ color: #fff; text-align: center; border-radius:27rpx; line-height:54rpx; /* margin-left:20rpx; */ } .background{ background:#f40028; } /*--不可使用--*/ .background.nouse{ background:gainsboro; } .xc-background{ background:#b9b9b9; } .cx-confirm{ width: 100%; padding: 20rpx; box-sizing: border-box; /* height: 160rpx; */ } .cx-confirm .confirm{ /* width: 372rpx; height: 60rpx; */ background-color: #f40026; color: #fff; border-radius:10rpx; line-height: 80rpx; font-size: 28rpx; } .up{ animation: up .7s; } .down{ animation: down 1s; } @keyframes up { 0% { transform: translateY(550rpx); } 100% { transform: translateY(0); } } @keyframes down { 0% { transform: translateY(0); } 100% { transform: translateY(550rpx); } } /* 分享 */ .icon-share { font-size: 46rpx; color: #d60021; } .xc-share-frame{ /* width: 129rpx; height: 48rpx; border-top-left-radius: 18rpx; border-bottom-left-radius: 18rpx; */ /* background: #d60021; */ /* position:absolute; left:622rpx; top:-37rpx; line-height:50rpx; margin-top:52rpx; */ } .xc-share-frame-jieti{ width: 129rpx; height: 48rpx; border-top-left-radius: 18rpx; border-bottom-left-radius: 18rpx; background: #d60021; line-height:50rpx; } .xc-share-frame .share-font,.xc-share-frame-jieti .share-font{ font-size: 32rpx; color:#fff; margin-left:10rpx; } .xc-share-frame .share-frame,.xc-share-frame-jieti .share-frame{ width: 30rpx; height: 30rpx; margin-top:9rpx; margin-left: 10rpx; } .xc-share { width:90%; height:800rpx; background:#fff; z-index:35; } .img-frame{ position: absolute; top: 175rpx; left:100rpx; z-index: 55; overflow:hidden; } .img-frame .img{ width: 100rpx; height: 100rpx; } .xc-share .top{ height: 85rpx; width: 100%; border-bottom: 4rpx dashed #f5f5f5; overflow:hidden; } .xc-share .name{ font-size: 25rpx; margin-left:180rpx; color:#000; } .xc-share .recommend{ width: 110rpx; height: 12rpx; color: #fff; background: #d60021; font-size: 20rpx; border-radius:25rpx; margin-left:10rpx; line-height:37rpx; } .xc-left-circle{ width: 40rpx; height: 25rpx; position: absolute; top:280rpx; left:29rpx; z-index: 55; background:#727272; border-radius:50rpx 50rpx 0 0; transform:rotate(90deg); } .xc-right-circle{ width: 40rpx; height: 25rpx; position: absolute; top: 280rpx; left:683rpx; z-index: 55; background:#727272; border-radius:50rpx 50rpx 0 0; transform:rotate(270deg); } .xc-circle-frame{ width: 25rpx; height: 40rpx; overflow: hidden; } .xc-goods-name{ width: 95%; font-size: 35rpx; padding-left: 75rpx; height: 50rpx; padding-top: 10rpx; color:#000; } .xc-good-img{ width: 100%; height: 381rpx; margin-top:5rpx; } .xc-good-img .img{ width: 90%; height: 381rpx; } .xc-ensure-frame{ width: 90%; height: 60rpx; border-bottom: 2rpx solid #d8d6d7; } .xc-ensure{ width: 30%; height: 60rpx; line-height: 60rpx; } xc-ensure-div{ width: 100%; height: 60rpx; } .xc-ensure .word{ font-size: 25rpx; color: #d30025; margin-left:9rpx; } .xc-ensure .img{ width: 25rpx; height: 25rpx; margin-top:18rpx; } .xc-bottmon{ width: 100%; } .xc-bottmon .xc-left{ width: 55%; margin-top:30rpx; padding-left:20rpx; } .xc-left .xc-top{ font-size: 25rpx; height:40rpx; line-height:40rpx; color:#000; } .xc-left .xc-middle{ font-size: 25rpx; color: #b2b2b2; height:30rpx; line-height:30rpx; } .xc-left .xc-buttem{ font-size: 25rpx; height:100rpx; line-height:100rpx; color:#000; } .xc-ensure-right{ width: 30%; } .xc-qrcode{ width:120rpx; height: 120rpx; margin-top:43rpx; margin-left:80rpx; } .xc-close{ width:50rpx; height:50rpx; border-radius:50%; border:3rpx solid #fff; text-align:center; line-height: 41rpx; font-size:50rpx; color:#fff; font-weight: lighter; font-family:MingLiU; transform:rotate(270deg); overflow:auto; margin-top:6rpx; margin-bottom:1rpx; } .xc-close-frame{ position:absolute; margin-top:30rpx; width:90%; display:flex; justify-content:center; overflow: auto; } .xc-guanbi{ width: 100%; height: 80rpx; overflow: hidden; } /* 自定义弹出窗口 */ .cx-popup{ width:100%; background: #fff; z-index: 35; border-top-left-radius: 10rpx; border-top-right-radius: 10rpx; position:fixed; bottom:0; } .xc-top-content{ width: 88%; height:85rpx; padding-top: 50rpx; font-size: 36rpx; } .xc-valid-coupon{ width: 90%; height:40rpx; padding-top: 24rpx; overflow: hidden; } .xc-frame { /* width: 100%; margin-top:20rpx; */ padding: 20rpx; } .xc-frame .list-frame{ width: 90%; height: 100%; overflow-y:scroll; margin-top:20rpx; } .xc-close-frame{ margin-top:30rpx; width:15%; display:flex; } .xc-close{ width:70rpx; height:70rpx; border-radius:50%; border:5rpx solid #a5a5a7; text-align:center; line-height: 55rpx; font-size:80rpx; color:#a5a5a7; font-family:"微软正黑体"; margin-top:8rpx; } .xc-money{ color: #ff0013; } .xc-money-frame{ /* margin-left:35rpx; */ } .xc-coupon-effect{ width: 99%; height: 128rpx; border-bottom:3rpx solid #ddd; } .xc-goods-coupon{ width: 80%; height:100%; } .xc-title{ width:50%; margin-left:222rpx; } .xc-coupon-money{ color: #c91e31; font-size: 35rpx; margin-top:20rpx; } .xc-coupon-time{ height: 50rpx; font-size: 27rpx; color: #a4a4a4; } .xc-coupon-time .time{ margin-left: 15rpx; font-size: 27rpx; } .xc-coupon-selection{ width:99%; height:100%; } .xc-confirm { width: 90%; height: 75rpx; margin:0 auto; background:#c41830; color:#fff; border-radius:10rpx; font-size:30rpx; margin-top: 50rpx; } .xc-not-Selection{ width: 60rpx; height: 60rpx; background: #eeeeee; } /*---------------视频图片---------------*/ .xc-imageCount { width:95rpx; height:50rpx; background-color: rgba(0, 0, 0, 0.3); border-radius:40rpx; line-height:50rpx; color:#fff; text-align:center; font-size:26rpx; position:absolute; right:23rpx; bottom:21rpx; } /* 视频图片的边框 */ .xc-videos-picture{ width: 100%; height: 750rpx; } /* 视频 */ .xc-videos{ width: 100%; height:544rpx; } /* 点击视频或图片 */ .xc-video-picture{ bottom: 20rpx; left: 0rpx; display: flex; align-items: center; justify-content:center; width: 45%; height: 60rpx; margin-left: 215rpx; } .xc-video-button:before{ content: ""; position: absolute; left: 48%; top: 40%; width: 0; height: 0; margin-left: -36rpx; margin-top: -10rpx; border-width:13rpx; border-style: dashed; border-color: transparent transparent transparent #fff; font-size: 0; line-height: 0; z-index: 2; -webkit-backface-visibility: hidden; } .xc-video-buttons:before{ content: ""; position: absolute; left: 50%; top:41%; width: 0; height: 0; margin-left: -36rpx; margin-top: -10rpx; border-width:13rpx; border-style: dashed; border-color: transparent transparent transparent #000; font-size: 0; line-height: 0; z-index: 2; -webkit-backface-visibility: hidden; } .xc-video{ /* width:100rpx; */ /* height: 50rpx; line-height: 50rpx; */ text-align: center; /* margin-left:-30rpx; */ } /* 图片 */ .xc-picture{ color: #000; background: #dcdcdc; width: 94rpx; height: 45rpx; font-size: 25rpx; border-radius: 25rpx; font-family: 'SimHei',Arial; text-align: center; line-height: 45rpx; margin-left:53rpx } /* 点击视频 */ .xc-video-button{ position: relative; color: #000; background: #dcdcdc; width: 85rpx; height: 45rpx; line-height: 45rpx; font-size: 30rpx; border-radius: 25rpx; font-family: 'SimHei',Arial; padding-left: 11rpx; } .xc-sn{ color: #fff; background: #c7161e; border-color: transparent transparent transparent #fff; } /* 图片 */ .xc-pictures{ width: 100%; height:529rpx; } /*视频封面的图片 */ .xc-picturess{ position: relative; width: 100%; height:529rpx; } /* 播放 */ .xc-play{ width: 130rpx; height: 130rpx; position: absolute; top:207rpx; left:309rpx; } .xc-video-buttons{ position: relative; color: #000; background: #dcdcdc; width: 85rpx; height: 45rpx; line-height: 45rpx; font-size: 30rpx; border-radius: 25rpx; font-family: 'SimHei',Arial; padding-left: 11rpx; } .wsize{font-size: 32rpx} .five-level-word{font-size: 24rpx;} /*-- 推荐商品 --*/ .xc-goods{ height: auto; background: #f2f2f2; padding: 0 20rpx; margin-top: -25rpx; padding-bottom: 20rpx } .xc-goods-recommend { border-radius: 20rpx; width:345rpx; height: 450rpx; margin-top: 25rpx; display: inline-block; } .xc-goods-recommend.ml{ margin-left: 22rpx} .xc-goods-recommend .xc-goods-imgs{ width: 100%; height: 325rpx; border-radius:20rpx 20rpx 0 0; } .xc-goods-bottom{ width: 345rpx; height: 134rpx; background: #fff; border-radius:0 0 20rpx 20rpx; bottom:-8rpx; left:0rpx; } .xc-goods-bottom .monry-frame{ width:283rpx; height:52rpx; padding-left:24rpx; } .xc-good-explain{ width: 283rpx; height:60rpx; word-break: normal; margin-left:30rpx; font-size: 26rpx; line-height: 30rpx; margin-top: 5rpx; } .money-color-val{ color: #c6172f; } .rmb-symbol{ line-height:81rpx; height:53rpx; font-size: 28rpx; } .xc-original-price{ color: #c0c0c0; } /* 文字中间加线条 */ .word-lines{ text-decoration:line-through; line-height:90rpx; margin-left:10rpx; font-size: 20rpx; } .xc-linellae-frame{ width: 100%; height: 70rpx; background: #f2f2f2; } .xc-linellae-frame .xc-linellae{ width: 386rpx; height: 1rpx; border-bottom: 1rpx solid #ebedf0; } .xc-recommend-frame{ background:#f2f2f2; width:97rpx; height:100%; padding-left: 10rpx; } .xc-recommend-frame .xc-recommend{ width: 35rpx; height: 27rpx; } .xc-recommend-frame .xc-recommend-word{ width:58rpx; font-size:24rpx; color: #a9a9a9; margin-left: 5rpx; margin-bottom: 5rpx; margin-top: 1rpx; } .xc-price-frame{ color: #ec0022; align-items: baseline; /* height:44rpx; */ } .xc-price-frame .sign{ margin-top:19rpx; margin-left:-4px; } .xc-val-price{ margin-left:24rpx; color: #ec0022; padding-top:13rpx; } .xc-val-price .save{ border-radius:10rpx; margin-top:5rpx; background:#fed2d9; min-width:230rpx; height:40rpx; line-height:40rpx; width: auto; padding-left:12rpx; padding-right:12rpx; } .xc-unit-price{ margin-top:25rpx; padding-left:-4rpx; } .xc-explain{ color:#292929; width:542rpx; margin: 10rpx 0 20rpx; width: 100%; font-weight: bold; } .xc-item{width: 16%; font-size: 26rpx; color: #666;margin-right:5rpx;} .xc-item .yuan{ width: 38rpx; height: 38rpx; line-height: 38rpx; border:1rpx solid #f3f1f2; margin-left:33rpx; } .xc-item .word{ width:104rpx; margin-top:16rpx; color:#363636; font-weight:600; } .xc-item .circle-color{ background: #d60024; color: #fff; } .xc-item .circle-color1{ background: #fefefe; color: #666666; } .link{ height:6rpx; width:180rpx; top:54rpx; left:32px; } .link1{ height:6rpx; width:166rpx; top:54rpx; left:264rpx; } .link2{ height:6rpx; width:157rpx; top:54rpx; right:87rpx; } .link-color-red{ background: #d60024;} .link-color{ background: #e5e5e5; } .xc-qt-price{ /* font-style: italic; */ top:-23rpx; left:40rpx; color: #fff; } .presell_price{ /* font-style: italic; */ top: 23rpx; left:40rpx; color: #fff; justify-content: space-between; } .xc-qt-price .xc-qtunit-price{ margin-left:6rpx; margin-top:-4rpx; } .xc-nanber{ top:-25rpx; left:289rpx; } .xc-qtsign{ margin-top:5rpx; } .xc-people-img{ height: 36rpx; width: 36rpx; background: #fff; border-radius: 7rpx; } .xc-people-img .imgs{ width: 28rpx; height: 28rpx; margin-top:4rpx; } .xc-people-val{ height: 32rpx; border-top: 1rpx solid #fff; border-bottom: 1rpx solid #fff; border-right: 1rpx solid #fff; border-radius:0 7rpx 7rpx 0; line-height:32rpx; margin-left:-6rpx; padding: 0 12rpx; } .word-color{ color:#d70024; } .word-color-lan{ color:#0393e1; } .pt_view .hy-stop{ top: -23rpx; right: 56rpx; } .xc-time-val{width:36rpx;height:36rpx;border-radius:7rpx; line-height: 36rpx;} .xc-time{margin-right:10rpx; margin-left:10rpx; margin-top:-32rpx; } .xc-goods-explain{ width:100%; /* padding-left:30rpx; margin-left:-9rpx; height: 150rpx */ } .xc-partner-frame{ border-bottom:2rpx solid #eee; width:100%; padding:20rpx; /* height:56rpx; */ box-sizing: border-box; } .xc-person-number{ width:120rpx; color: #999999; padding-left:8rpx; text-align: left } .xc-miaosha-time{ right:17rpx; top:55rpx; } .pd_top1{padding-top: 10rpx} .s_ms_bth{margin-top: 85rpx} .no_pj_list{text-align: center; width: 100%; color: #999; margin: 30rpx 0; display: inline-block; font-size: 28rpx} /* 门店地址 */ .xc-address_frame{ /* border-top:1rpx solid #eee; */ width: 100%; height: auto; padding: 20rpx; box-sizing: border-box; } .on_height{ height: 90rpx; } .sn_height{ /* min-height: 170rpx; height: auto;padding: 10rpx 0; */ } .xc-address_frame .address_frame{ width: 100%; /* padding-left: 10rpx; margin: auto; */ } .shop_name{ } .stores-img{ width: 28rpx; height: 28rpx; margin-right: 10rpx; } .shop_name{ margin-right: 10rpx; } .address{ /* width: 100%; margin-top: 5rpx; margin-bottom: 5rpx; */ } .distance{ padding-left: 20rpx; padding-right: 20rpx; background: #eee; border-radius: 20rpx; /* margin-right: 5rpx; */ color: #999; height: 38rpx; line-height: 38rpx; } /* 选择门店的弹窗 */ .mongolia-layer{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background: rgba(0,0,0,0.4); width: 100%; height: 91.9%; } .popup-frame{ position: fixed; z-index: 20; background: white; width: 100%; border-radius: 20rpx 20rpx 0 0; height: auto; bottom: 0; } .popup-top{ border-bottom: 1rpx solid #eee; height: 155rpx; width: 95%; margin: auto; line-height: 155rpx; } .bg_rights{ border-top: 2rpx solid ; border-right: 2rpx solid ; transform: rotate(45deg); display:inline-block; width:15rpx;height:15rpx; border-color:#da0b31; } .modal-closes { position: absolute; right: 30rpx; top: -15rpx; height: 25rpx; } .choose_more{ margin-top: 40rpx; margin-right: 20rpx; } .choose_mores{ margin-top: 30rpx; margin-right: 15rpx; } .store-list{ width: 95%; min-height: 300rpx; overflow-y: scroll; margin: auto; max-height: 610rpx; } .store-list .store_choose{ width: 100%; height: 120rpx; line-height: 125rpx; border-bottom: 1rpx solid #eee; } .store-list .store_choose .store{ width: 100%; margin: auto; line-height: 37rpx; padding-left: 20rpx; } .xc-hook{ width: 35rpx; height: 35rpx; transform: rotate(-145deg); line-height: 37rpx; text-align: center; } .xc-hooks{ width: 30rpx; height: 30rpx; border: 1rpx solid #999; } .address-frame{ width: 93%; margin-left: 7rpx; } .nearby_store{ margin-left: 17rpx; } .address_name{ margin-right: 10rpx; } .address-val{ height: 38rpx; line-height: 38rpx; } .store-bottom{ width: 85%; margin: auto; height: 90rpx; } .determine{ width: 260rpx; height: 55rpx; border-radius: 50rpx; line-height: 55rpx; } .default{ width: 260rpx; height: 55rpx; border:3rpx solid #c8c8c8; border-radius: 50rpx; line-height: 55rpx; } .store-bottom-frame{ width: 95%; margin: auto; } /* 门店分类列表 */ .sort_store_list{ max-height: 700rpx; overflow: hidden; overflow-y: scroll; width: 95%; margin: auto; } .sort_store_list .sort-store-frame{ width: 100%; height: 100rpx; line-height:100rpx; border-bottom: 1rpx solid #eee; } .sort_store_list .sort-store-frame .sort-store{ width: 94.5%; margin: auto; } .black_rights-frame{ width: 50%; } .black_rights-frame .black_rights{ border-top: 3rpx solid; border-right: 3rpx solid; transform: rotate(45deg); display: inline-block; width: 20rpx; height: 20rpx; } .xc-val-money{ height:55rpx; } .xc-distance-bottom{ margin-bottom: 40rpx; } .xc-distance-top{ margin-top: 10rpx; } .xc-width{ width: 100%; } .right-arrow{ width: 15rpx; height:15rpx; border-top: 2rpx solid #d70026; border-right: 2rpx solid #d70026; transform: rotate(45deg);display:inline-block; margin-bottom:3rpx; } .xc-goods-attribute{ border-bottom: 1px solid #eee; padding-bottom: 20rpx; /* margin-bottom:40rpx; */ } .xc-val-fream{ width: 105rpx; } .is_stock{ width: 58%; height: 70rpx; border-radius: 55rpx; } .select_store_height{ height: 50rpx; } .butttem5{ margin-bottom: 5rpx; } .no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} .join-cart>view.no_store { width: 58%; background-color: #adadad; } .s_btn{ margin-top: 25rpx; } /* 美妆价的样式 */ .beauty-makeup-frame{ /* width: 101.5%; margin: auto; */ height: 120rpx; border-radius: 15rpx; margin-top: 10px; } .beauty-makeup-frame .left{ width: 80%; height: 100%; background:#f7f7f7; border-radius: 20rpx 0rpx 0rpx 20rpx; /* padding: 0 10rpx; */ } .card-frame{ margin-top: 0rpx; /* padding-right: 23rpx; margin-right: 15rpx; */ } .advert-card{ margin-top: 0rpx!important; } .beauty-makeup-frame .right{ width: 20%; height: 100%; background:#f3efe3; border-radius: 0rpx 20rpx 20rpx 0rpx; } .grade-card-frame{ /* height:45rpx ; */ background: #3c300a; border-radius: 20rpx; /* margin-top: 10px; margin-left: 7rpx; */ justify-content: center; padding: 4rpx 12rpx; } .grade-card-frame .img{ width: 24rpx; height: 24rpx; margin-top: 2px; } .grade-card-frame .card-name{ margin-left: 8rpx; /* max-width: 120rpx; */ max-width: 165rpx; } .card-effect{ /* margin-left: 15rpx; */ } .at_once_carde{ width:65rpx; height: 75rpx; line-height:38rpx; } .bg_right{ width: 18rpx; height:18rpx; border-top: 2rpx solid #333; border-right: 2rpx solid #333; transform: rotate(45deg);display:inline-block; margin-bottom:3rpx; } .carde_frame{ height: 50rpx; line-height: 18rpx } button.custom-service { line-height: normal; border: 0;} button.custom-service::after{ border: 0; } .no_store{color:#d60021; font-size: 26rpx;} .cx_show_view{ width: 580rpx; /* line-height: 30rpx; margin-bottom: 6rpx; */ } .cx_show_view .word{ width: 400rpx} .prom_condition { color: #d60021; /* width: 180rpx; */ /* height: 30rpx; */ font-size: 20rpx; /* padding-top: 0.01rpx; */ /* display: flex; justify-content: center; align-items: center; */ border: 2rpx solid #d60021; border-radius: 10rpx; margin-right:10rpx ; /* margin-left: 10rpx; */ font-size: 24rpx; padding: 0 10rpx; } .hui_img{ width: 44rpx; height: 44rpx; margin-right: 8rpx} .order_hui{color: #444; width: 420rpx} .order_hui view{ height: 34rpx; line-height: 34rpx;} .dp_img{width: 240rpx; height: 240rpx; margin: 0 40rpx} .dp_cx_view{border-bottom: 0.02rpx solid #eee; padding-bottom: 40rpx} .act_content{ margin-top: 40rpx} .act_content view{ margin-bottom: 12rpx} .color_b{color: #ff9c00} .poster-container { box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 120rpx); z-index: 1000; } .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,.4); } .poster-wrapper { width: 100%; } .poster { box-sizing: border-box; width: 100%; height: 1055rpx; border-radius: 20rpx; /* box-shadow: 0 8px 12px #666; */ position: relative; z-index: 999; overflow: hidden; } .poster-img { display: block; width: 100%; height: 100%; } .btn-container { display: flex; justify-content: space-around; } .btn-share { display: block; background-color: #FE6867; color: white; border-radius: 8rpx; line-height: 80rpx; margin-top: 28rpx; padding: 0 60rpx; } /* .btn-close { background-color: rgba(0,0,0,.5); color: white; width: 40rpx; height: 40rpx; line-height: 40rpx; text-align: center; border-radius: 50%; position: absolute; right: 20rpx; top: 10rpx; } */ .goods-price .rel_txt{ /* position: relative; top: 32rpx; */ font-size: 30rpx; } .goods-price .rel_img{width: 62rpx; height: 62rpx;position: relative; top: 8rpx;} .btn-close { /* background-color: rgba(0,0,0,.5); */ color: #ccc; width: 50rpx; height: 50rpx; line-height: 50rpx; text-align: center; border-radius: 50%; position: absolute; right: 20rpx; top: 20rpx; } .icon-close { font-size: 48rpx; } .quan_price{ background-color: #ff4700; color: #fff; padding: 10rpx 25rpx; margin-left: 10rpx; border-radius: 30rpx; } /*--闪白屏--*/ .g_img_box{ background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .arrow { width: auto !important; position: absolute; right: 0; top: 10rpx; } /* 支付预售定金 */ .price-container { top: 50%; padding-left: 40rpx; transform: translateY(-50%); color: white; font-weight: bold; } .rmb { display: relative; } .rmb::before { content: '¥'; font-size: 24rpx; } .no-bold { font-weight: normal; } .bg-FF4732 { background-color: #FF4732; } .line { position: relative; } .line::before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ''; width: 2rpx; height: 60%; background-color: rgba(255,255,255,.4); } .logo-container { -webkit-filter: brightness(80%); filter: brightness(80%); } .logo { width: 132rpx; height: 37rpx; margin-right: 10rpx; }