@import "../../utils/wxParse/wxParse.wxss"; .cover-layer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } .container { margin-bottom: 100rpx; overflow: hidden; padding-top: 80rpx; } .add_purchase image { vertical-align: top; } .rules { position: fixed; background-color: rgba(0,0,0,.2); color: white; top: 22rpx; right: 0; z-index: 100; font-size: 26rpx; padding: 0 20rpx; z-index: 99999; border-radius: 20rpx 0 0 20rpx; } .rule-pop-container { position: fixed; left: 0; bottom: 0; width: 100%; background-color: white; z-index: 99999; border-radius: 16rpx 16rpx 0 0; padding: 0 40rpx; box-sizing: border-box; font-size: 28rpx; color: #444; } .pop-title { padding: 20rpx 0; text-align: center; font-size: 32rpx; position: relative; } .icon-guan { position: absolute; right: 0; font-size: 26rpx; top: 50%; transform: translateY(-50%); color: #ccc; } .btn { color: white; padding: 20rpx 0; text-align: center; border-radius: 40rpx; background: -webkit-linear-gradient(left,#ff5000,#ff2000) no-repeat; } .goods-detail { overflow: hidden } .popup-content { max-height: 600rpx; overflow-y: auto; } .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; align-items: center; vertical-align: middle; /* 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 { 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: 200000000; 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; /* display: flex; */ } .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; } .spec-name+view{ flex-wrap: wrap; } .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: 520rpx; word-break: break-all; /* 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: rotateZ(45deg); display: inline-block; margin-bottom: 3rpx; } .bg_jj.down { transform: rotateZ(135deg); } .bg_jj.up { transform: rotateZ(-45deg); margin-top: 6rpx; } .bz-content { padding: 0 0 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; justify-content: center; } .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: 42rpx; color: #d60021; line-height: 1; } .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 { 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: 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; } .shop_name.max{ max-width:370rpx; flex-shrink: 0; } .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; position: relative; top: 5rpx; } /* 选择门店的弹窗 */ .mongolia-layer { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 22; background: rgba(0, 0, 0, 0.4); width: 100%; height: 91.9%; } .popup-frame { position: fixed; z-index: 30000000000000; 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: 700rpx; overflow-y: scroll; margin: auto; max-height: 700rpx; } .store-list .store_choose { width: 100%; height: 120rpx; line-height: 125rpx; border-bottom: 1rpx solid #eee; padding: 10rpx 0; } .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; width: 360rpx; } .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; min-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,.c-red22 { 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: #f23030; /* width: 180rpx; */ /* height: 30rpx; */ /* font-size: 20rpx; */ /* padding-top: 0.01rpx; */ /* display: flex; justify-content: center; align-items: center; */ border: 2rpx solid #f23030; border-radius: 6rpx; /* margin-right: 10rpx; */ /* margin-left: 10rpx; */ font-size: 24rpx; padding-right: 6rpx; /* 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; width: 610rpx; top: 50%; left: 50%; transform: translate(-50%, -50%); /* width: calc(100% - 210rpx); */ z-index: 1000; } .mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, .6); } .poster-wrapper { width: 100%; } .poster { box-sizing: border-box; width: 100%; height: 980rpx; border-radius: 16rpx; /* 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: 36rpx; } .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: 50%; transform: translateY(-50%); } .logo-container { -webkit-filter: brightness(80%); filter: brightness(80%); } .logo { width: 132rpx; height: 37rpx; margin-right: 10rpx; } .miao_lab { width: 36rpx; height: 36rpx; border: 4rpx solid #e71f19; color: #e71f19; text-align: center; margin-right: 10rpx; line-height: 36rpx; font-size: 22rpx; font-weight: bolder; border-radius: 50%; } .pop_more_act .content { position: fixed; background: #fff; width: 100%; left: 0; bottom: 0; z-index: 1000; } .p_btn { background-color: #f23030; height: 70rpx; line-height: 70rpx; color: #fff; } .mt20 { margin-top: 20rpx } .group .group-list.luck { padding: 0 20rpx; justify-content: flex-start; } .group-list.luck .gtou~.gtou { margin-left: -16rpx; } .gtou.more { background-color: #ddd; text-align: center; line-height: 70rpx; border-radius: 50%; color: #aaa; } .tick { position: relative; } .tick:before { content: ''; display: inline-block; vertical-align: middle; margin-top: -4rpx; margin-right: 12rpx; width: 22rpx; height: 22rpx; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUdwTPInDPInDPgoDfMnDPYqEvInDPInDPInDP87NPUoDv8vEvMoDPInDPIoDPMnDvInDPInDPInDPIoDPQoDfInDEON4KMAAAAVdFJOUwD45yawG4zz3gQ0DmLOfECQZpPlS54kMQ4AAAC0SURBVBjTbZFREoMgDERDS0xQQNHu/a/alEGtaIYfHrBhs0S1pujVifo40VkhC+BUHSDzQTlBhjHY8bjogXmDZ+orJKwXwMUeUoa/0PeGbH8Q4Y5CJopYOjosiOQxdpRGk1UXOkrBKdkimtN8UrKrJBVXdzsllSYSjR/0J9JaGn81WluWtonYKQ0op51P3M2L2bmZN9n8MKoVqTph/RsseyjfYxAkfgot/82CpuJVLOLSIv4Cd5AJ37BgpFwAAAAASUVORK5CYII=) no-repeat; background-size: 22rpx auto; } .details::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; display: inline-block; width: 40rpx; height: 40rpx; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURUdwTIyMjCYmJiYmJi0tLY+PjyYmJidnOsIAAAAGdFJOUwDt6aYcSSEXj/YAAAA8SURBVCjPY2AYBTQBLEbKDhiCTmlpKggeq2AAiDJLS0tGcBkFBUActbS0JAY4F6sgVu1YLcLnpFFAFQAATwgLKVhjC9UAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: 40rpx auto; } .lh2 { line-height: 2; } .fill-box { background-color: #f23030; color: white; padding: 0 6rpx; border-radius: 0 0 10rpx 0; margin-right: 4rpx; } .jie_show{ display: inline-block; width: 40rpx; height: 40rpx; background-color:#ff0505;border-radius:50%;color: #fff;text-align: center; margin: 0 20rpx } .jie_show{ display: inline-block; width: 40rpx; height: 40rpx; background-color:#ff0505;border-radius:50%;color: #fff;text-align: center; margin: 0 20rpx } /* 历史购买 */ .swiper-container { position: absolute; top: 0; left: 0; padding: 20rpx 10rpx; width: 100%; box-sizing: border-box; z-index: 98; } .swiper { height: 60rpx; color: white; font-size: 26rpx; } .swiper-item { /* width: auto !important; background-color: rgba(0,0,0,.4); border-radius: 60rpx; */ position: relative; } .swiper-item .item { position: absolute; } .item { /* position: absolute; */ display: flex; align-items: center; /* justify-content: center; */ border-radius: 60rpx; background-color: rgba(0,0,0,.4); /* position: absolute; */ } .avatar-container { width: 60rpx; height: 60rpx; border-radius: 50%; overflow: hidden; flex-shrink: 0; } .avatar-container image { width: 100%; height: 100%; } .hideArea { position: absolute; left: -1000px; top: -1000px; } .searchbar { height: 95rpx; border-bottom: 2rpx solid rgb(238, 238, 238); } .storeListpadd { padding: 0rpx 31rpx; } .search { width: 125rpx; height: 45rpx; line-height: 45rpx; background-color: rgb(219, 27, 52); border-radius: 30rpx; color: rgb(255, 255, 255); } .inputstore { width: 510rpx; height: 43rpx; line-height: 43rpx; border-radius: 30rpx; border: 2rpx solid rgb(238, 238, 238); padding-left: 30rpx; } .modal-close { position: absolute; right: 25rpx; top:16rpx; } .ai_end{ align-items: flex-end; } /* 中间等距两边贴边 */ .flex-space-between{ display: flex; justify-content:space-between; } .fs30{ font-size:30rpx; } .fs28{ font-size: 28rpx; } .red-co{ color: #d60021; } .flex{ display: flex; align-items: center; } .fs28{ font-size: 28rpx; } /* 水平垂直 */ .flex-center{ display:flex; justify-content:center; align-items:center; } /* 垂直居中 */ .flex-vertical{ display:flex; align-items:center; } .fs20{ font-size: 20rpx; } .red-b{ background: #d60021; } .white{ color: #fff; } /* 圆 */ .circle{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .xc-ash{ color: #b9b9b9; } /* 垂直居中 中间等距两边贴边 7.13*/ .flex-vertical-between{ display:flex; align-items:center; justify-content:space-between; } .xc-ash-9f{ color: #9fa1a0; } .fs24{ font-size: 24rpx !important; } .t-c { text-align: center; } .xc-black3{ color: #333; } /* 圆 */ .circle{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .yellow{ background-color: #ffb03f; }