@import "../../../utils/wxParse/wxParse.wxss"; .container { margin-bottom: 100rpx; overflow: hidden;} image { vertical-align: top; } .goods-detail{overflow: hidden} .type-navbar { display: flex; justify-content: center; width: 100%; /* height: 80rpx; */ /* margin-bottom: 20rpx; */ background-color: #fff; /* border-bottom: 1rpx #fafafa solid; */ } .type-box { width: 25%; box-sizing: border-box; font-size: 28rpx; 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%; } .type-item-on { color: #F95D74; font-weight: bold; /* border-bottom: 4rpx solid #F95D74; */ position: relative; } .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; } .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; /* 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: 36rpx } .market-price>view>text { text-decoration: line-through; } .market-price>.yj{ color: #999999; font-size: 26rpx;margin-left: 16rpx;position: relative;top:30rpx; } .goods-price>.tm{ color: #999999; font-size: 26rpx;margin-top: 10rpx;} .goods-num { 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: 32%; } .join-cart>.new_split { width: 17%; 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; /* height: 72%; */ } .spec-model .pding{padding: 0 30rpx;} .spec-goods { padding: 30rpx 0 20rpx; /* float: left; */ display: flex; 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-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; padding: 20rpx; } .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 { border-right: 1px solid #000; } .add { 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: 20rpx auto; /* margin-top: 160rpx; */ border-radius: 20rpx; /* position: fixed; bottom: 50rpx; left: 4%; */ } .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: 32rpx;} .ckgd .arrow-one{width:18rpx;height:18rpx;border-color:#da0b31;margin-top:5rpx;} .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;} .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:25rpx; width: 91%; min-height: 92rpx; border-bottom:2rpx solid #eee; padding-bottom:25rpx; } .group .group-list { height: 90rpx; padding: 0 130rpx 0 100rpx; width: 470rpx; position: absolute; } .group .group-list .gtou { width: 80rpx; height: 80rpx; float: left; position: relative; top: 6rpx; left: -96rpx; } .group .group-list .gtou image { width: 80rpx; height: 80rpx; border-radius: 200rpx; background-color: green; } .group .group-list .gdn { float: left; font-size: 26rpx; line-height: 48rpx; height: 48rpx; width: 168rpx; position: relative; left: -80rpx; top:20rpx; font-weight:600; } .group .group-list .ghaicha { width:300rpx; font-size: 27rpx; margin-left:180rpx; top:13rpx; left:-3rpx; font-weight:600; } .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; } .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 } .red_shu{ width: 10rpx; height: 36rpx; background-color:#da0035; margin-right: 8rpx; } .tb-l{ line-height: 96rpx;} .table_s{ border:#e4e4e4 1rpx solid; width: 682rpx; margin: 0 34rpx;font-size: 30rpx;} .tb_item{display: flex; height: 96rpx; border-bottom: 1rpx solid #e4e4e4 } .item_left{width: 214rpx; height: 100%; background: #f9f9f9 ;border-right:1rpx solid #e4e4e4} .item_left text{ margin-left: 44rpx;} .item_right{width: 468rpx; height: 100%; overflow : hidden;white-space:nowrap; text-overflow: ellipsis;} .item_right text{ margin-left: 66rpx;} .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; /* 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: 0 34rpx; 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: 18rpx; height:18rpx; 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; } /* 顶部边框 */ .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; width: 100%; 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:20rpx; 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: 25rpx; border: 2rpx solid #d6d4d5; overflow: hidden; } .xc_user-img{ border-radius:50%; } .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: 24rpx; color: #a5a5a5; overflow: hidden; } .xc_goods-img{ width: 180rpx;height: 180rpx; } .xc_comment-left{ display:inline-block; width: 312rpx; } .xc_goods-img-frame{ 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; /* 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; } .cx-frame .cx-sizs{ width: 68rpx; height: 100%; line-height: 100rpx; overflow: hidden; margin-left: 10rpx; } .xc-coupon-fram{ position: relative; 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; } .xc-coupon-fram .xc-circular{ width: 22rpx; height:22rpx; background-color:#fff; position:absolute; top: 40rpx; } .xc-coupon-fram .xc-one{ left:3rpx; } .xc-coupon-fram .xc-two{ left: 178rpx; } .cx-obtain-coupon{ width: 65rpx; height: 100%; padding-left:15rpx; color: #d70025; 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; border-bottom: 4rpx solid #d5d5d5; 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: 90%; max-height: 560rpx; overflow: auto; } .xc-coupon-frame .coupon{ width:99%; height: 168rpx; border-radius: 25rpx; border:3rpx solid #ffdcdc; overflow: hidden; margin-top:16rpx; } .xc-coupon-left{ width: 216rpx; height: 100%; background-color: #ffeeef; border-right: 4rpx dashed #ffdbd9; overflow: hidden; line-height: 100%; } .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:-8rpx; left:208rpx; width: 27rpx; height: 30rpx; background: #fff; overflow: hidden; } .xc-circular-two{ position: absolute; top:150rpx; left:207rpx; width: 27rpx; height:30rpx; background: #fff; } .xc-detail-coupon{ margin-left: 22rpx; overflow: hidden; padding-top: 43rpx; } .xc-coupon-right{ width: 455rpx; height: 100%; background: #fffaf9; } .xc-below{ margin-top:22rpx; } .xc-get{ width: 132rpx; height: 48rpx; color: #fff; text-align: center; border-radius:20rpx; line-height:48rpx; margin-left:20rpx; } .background{ background:#f40028; } /*--不可使用--*/ .background.nouse{ background:gainsboro; } .xc-background{ background:#b9b9b9; } .cx-confirm{ width: 100%; height: 160rpx; } .cx-confirm .confirm{ width: 372rpx; height: 60rpx; background: #f40026; color: #fff; border-radius:20rpx; line-height:60rpx; } .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); } } /* 分享 */ .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; } .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: 28rpx;} /*-- 推荐商品 --*/ .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: 60rpx; background: #f2f2f2; } .xc-linellae-frame .xc-linellae{ width: 386rpx; height: 1rpx; border-bottom: 1rpx solid #a5a5a5; } .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; 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; } .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{ top:-15rpx; left:25rpx; color: #fff; } .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:0 20rpx; height:56rpx; } .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; } .on_height{ height: 90rpx; } .sn_height{ min-height: 170rpx; height: auto;padding: 10rpx 0; } .xc-address_frame .address_frame{ width: 92%; padding-left: 10rpx; margin: auto; } .shop_name{ } .stores-img{ width: 40rpx; height: 35rpx; margin-right: 10rpx; } .shop_name{ margin-right: 10rpx; } .address{ width: 87%; margin-top: 5rpx; margin-bottom: 5rpx; } .distance{ padding-left: 15rpx; padding-right: 15rpx; 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; bottom:99rpx; z-index: 20; background: white; width: 100%; border-radius: 20rpx 20rpx 0 0; height: 72%; 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%; height: 72%; overflow-y: scroll; margin: auto; } .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: 70rpx; } .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{ height: 82%; 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: 15px; 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: 18px; } .beauty-makeup-frame .left{ width: 80%; height: 100%; background:#f7f7f7; border-radius: 20rpx 0rpx 0rpx 20rpx; padding-left: 20rpx; } .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: 0 15rpx; } .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: #d60021 solid 1rpx; border-radius: 10rpx; margin-right:10rpx ; margin-left: 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: 12rpx;} .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; } .stock{ width: 25%; height: 60rpx; border: 1rpx solid #eee; text-align: center; line-height: 60rpx;}