page { background-color: #eee; } .top { background-color: rgb(216, 230, 220); color: rgb(98, 155, 13); text-align: center; height: 110rpx; width: 100%; } .center { height: 240rpx; width: 100%; background: #fff; } .cenleft { width: 240rpx; height: 100%; float: left; display: flex; justify-content: center; align-items: center; } .cenleft image { background-color: white; width: 200rpx; height: 200rpx; } .cenrt {} .cenright { height: 100%; width: auto; float: left; } .cenrtoptitle { float: left; width: 240rpx; height: 40rpx; margin-left: 12rpx; font-size: 28rpx; margin-top: 12rpx; } .cenrcen { height: 70rpx; margin-top: 35rpx; width: 479rpx; } .jg { font-size: 40rpx; margin-right: 30rpx; } .jgx { font-size: 24rpx; color: #777; text-decoration: line-through; margin-top: 12rpx; } .cenrfoot { align-content: center; text-align: center; border: 2rpx solid red; border-radius: 10rpx; color: red; float: left; font-size: 24rpx; padding: 4rpx 16rpx; margin-top: 12rpx; } .body { background-color: white; height: 472rpx; width: 100%; margin-top: 4rpx; } .d { font-size: 24rpx; } .bodytop { background-color: white; text-align: center; font-size: 28rpx; padding-top: 16rpx; height: 90rpx; } .bodytop span { color: red; } .bodyimg { height: 155rpx; /* display: flex; justify-content: center; align-items: center; */ } .bodyimg image { border-radius: 50rpx; height: 96rpx; width: 96rpx; margin-top: 30rpx; position: absolute; } .d { width: 101rpx; height: 101rpx; display: inline-block; } .bodyimg span { background-color: #e22b44; color: white; font-size: 24rpx; border-radius: 6rpx; padding: 3rpx 10rpx; position: relative; top: 8px; left: 40rpx; } .bodyspan { color: red; text-align: center; font-size: 24rpx; } .bodytime { height: 55rpx; width: 100%; display: flex; flex-wrap: nowrap; padding-left: 40rpx; align-items: center; } .bodytimeleft { text-decoration: line-through; flex-grow: 1.7; } .bodytimecen { text-align: center; flex-grow: 1; font-size: 30rpx; color: #000; width: 415rpx; } .bodytimecen span { background-color: #333333; color: white; border-radius: 7rpx; padding-left: 20rpx; font-size: 30rpx; margin: 0 auto; padding-right: 10rpx; margin-right: 5px; } .bodytimecen span:last-child { margin-right: 10rpx; } .bodytimeright { flex-grow: 1.7; margin-right: 72rpx; } .bodybutton { min-height: 170rpx; width: 90%; margin: 0 auto; text-align: center; line-height: 70rpx; border-radius: 15rpx; height: auto; padding-top: 38rpx } .bodybutton button { height: 100%; width: 100%; background-color: red; color: white; font-size: 32rpx; } .bodybutton.co-w { color: #333; background-color: #adadad; font-size: 32rpx; } .bodyfoot { width: 100%; text-align: center; font-size: 28rpx; color: #777; background-color: white; } .pintuan { width: 100%; height: 84rpx; background-color: white; color: black; text-align: center; font-size: 36rpx; margin-top: 0rpx; } .pintuanzhou { float: left; line-height: 84rpx; width: 226rpx; background: url('https://mshopimg.yolipai.net/miniapp/images/user/wh.png') no-repeat right center; background-size: 42rpx; margin-left: -18rpx; font-size: 32rpx; } .pintuanyou { float: right; color: rgb(168, 167, 167); line-height: 84rpx; font-size: 32rpx; margin-right: 24rpx; } .onegoods { background-color: white; width: 372rpx; height: 560rpx; border-left: 2rpx solid #eee; float: left; } .goodsl { background-color: white; } .onegoodsimg { width: 100%; height: 360rpx; margin-bottom: 20rpx; } .onegoodsimg image { height: 100%; width: 100%; } .onegoodsdesc { color: rgb(168, 167, 167); padding-left: 20rpx; height: 100rpx; font-size: 32rpx; width: 92%; line-height: 100rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20rpx; } .onegoodsdesc text {} .price { color: red; width: 100%; } .jgleft { float: left; width: 100rpx; margin-left: 20rpx; font-size: 40rpx; margin-top: -8rpx; } .jgright { font-size: 28rpx; float: right; width: 120rpx; } .jgright span { color: rgb(168, 167, 167); } .goodslisttop { background-color: white; width: 100%; } .goodslist { background-color: white; } .goodslisttop { background-color: white; width: 100%; height: 80rpx; margin-top: 20rpx; text-align: center; } .goodslistspan { margin: 0 auto; padding-top: 20rpx; display: inline-block; padding: 0 10px; background: #fff; margin-top: 12rpx; font-size: 28rpx; color: rgb(168, 167, 167); } .xian { height: 50%; width: 100%; border-bottom: 4rpx solid #eee; float: left; } .bodyselect { height: 50px; background-color: white; width: 100%; line-height: 50px; font-size: 28rpx; } .changxin { float: left; width: 100%; } .zhangxi { width: 100%; min-height: 100rpx; background-color: white; color: black; } .img { width: 30%; height: 100rpx; margin-bottom: 0rpx; color: black; margin-left: 36rpx; font-size: 26rpx; display: flex; } .img span { height: 100rpx; display: block; line-height: 100rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0rpx; width: 120rpx; } .zhangxi image { border-radius: 50rpx; height: 80rpx; width: 80rpx; float: left; margin-top: 12rpx; background-color: red; margin-right: 10rpx; } .zhangxi .zssj { height: 100rpx; width: 70%; margin-right: 40rpx; line-height: 100rpx; font-size: 26rpx; text-align: right; } .zhangxi .zssj text { width: 100%; } .ia { display: flex; } .zspan { text-align: center; border-bottom: 2rpx #eee solid; width: 100%; display: flex; align-items: center; justify-content: center; font-size: 28rpx; color: #777; line-height: 100rpx; height: auto; } .mtop { text-align: center; color: white; background-color: #4c4c4c; width: 100%; height: 100%; position: fixed; z-index: 5; top: 0; left: 0; } .mt1 { margin-top: 100px; margin-bottom: 20rpx; } .mts { color: #e1e10b; } .mcou { font-size: 48rpx; } .mfoot { width: 100%; margin-top: 700rpx; } .mbtn { margin-top: 60rpx; width: 400rpx; background: #666; color: #fff; border-radius: 20rpx; font-size: 32rpx; } .etop { padding-top: 200rpx; width: 100%; height: 100%; position: fixed; left: 0rpx; top: 0rpx; z-index: 12rpx; background-color: white; } .emyimage { display: flex; justify-content: center; align-items: center; } .emyimage image { background-color: red; width: 160rpx; height: 160rpx; margin: 0 auto; } .espan { font-size: 32rpx; margin-top: 10rpx; } .erweima { margin-top: 10rpx; width: 100%; } .erzhou { width: 200rpx; float: left; margin-right: 20rpx; } .erzhou image { background-color: blanchedalmond; width: 200rpx; height: 200rpx; } .eright { width: 500rpx; float: left; font-size: 32rpx; } .body { background-color: white; height: auto; width: 100%; margin-top: 4rpx; } .cenrtoptitle { float: left; width: 450rpx; font-size: 28rpx; margin-top: 20rpx; } .cenrtop { margin-top: 20rpx; background-color: red; color: white; border-radius: 10rpx; padding: 0 16rpx; font-size: 28rpx; float: left; height: 40rpx; } .yijian { position: fixed; top: 0rpx; left: 0rpx; width: 100%; height: 100%; z-index: 14rpx; background-color: rgba(0, 0, 0, 0.3); } .buy-option { background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); padding: 20rpx; min-height: 400rpx; padding-bottom: 120rpx; width: 100%; margin-top: 180rpx; } .buy-top { width: 100%; } .buy-image { margin-right: 20rpx; width: 320rpx; height: 200rpx; float: left; } .buy-image image { width: 200rpx; height: 200rpx; background-color: burlywood; float: left; } .buy-image text { margin-left: 10rpx; color: red; } .buy-cou { float: right; width: 100rpx; height: 200rpx; background-color: white; font-size: 60rpx; color: black; } .t1 { float: left; font-size: 28rpx; padding-left: 4rpx; color: red; padding-top: 10rpx; } .buy-button { width: 100%; float: left; margin-top: 22rpx; } .buy-button text { float: left; } .stepper { height: 52rpx; float: left; border: 2rpx solid #ccc; border-radius: 6rpx; margin-left: 28rpx; } /*加号和减号*/ .stepper text { float: left; width: 76rpx; line-height: 52rpx; text-align: center; } /*数值*/ .stepper input { width: 80rpx; height: 52rpx; float: left; margin: 0 auto; text-align: center; font-size: 24rpx; border-left: 2rpx solid #ccc; border-right: 2rpx solid #ccc; } /*普通样式*/ .stepper .normal { color: black; } /*禁用样式*/ .stepper .disable { color: #ccc; } .quhuo { width: 100%; color: rgb(51, 51, 51); float: left; margin-top: 20rpx; } .x-z { width: 100%; float: left; color: rgb(51, 51, 51); font-size: 36rpx; } .btn { width: 94%; background-color: red; color: white; text-align: center; height: 88rpx; line-height: 88rpx; float: left; margin: 0 auto; } .mck { min-height: 100rpx; width: 100%; border-bottom: 24rpx #eee solid; } /* pages/yi/yi.wxss */ .buy-option { background: #fff; padding: 20rpx; margin-top: 650rpx; width: 100%; } .buy-top { width: 100%; } .buy-image { margin-right: 20rpx; width: 630rpx; height: 200rpx; float: left; } .buy-image image { width: 200rpx; height: 200rpx; background-color: burlywood; float: left; margin-right: 16rpx; } .buy-image text { margin-left: 10rpx; color: red; } .buy-cou { float: right; width: 60rpx; height: 60rpx; background-color: white; font-size: 60rpx; color: black; margin-right: 40rpx; text-align: center; line-height: 60rpx; padding-bottom: 4rpx; } .t1 { font-size: 28rpx; padding-left: 4rpx; color: red; padding-top: 10rpx; } .buy-button { width: 100%; margin-top: 30rpx; } .buy-button text { /*float: left;*/ display: inline-block; } .stepper { height: 52rpx; display: inline-block; border: 2rpx solid #ccc; border-radius: 6rpx; margin-left: 28rpx; } /*加号和减号*/ .stepper text { float: left; width: 65rpx; line-height: 52rpx; text-align: center; } /*数值*/ .stepper input { width: 84rpx; height: 52rpx; float: left; margin: 0 auto; text-align: center; font-size: 24rpx; border-left: 2rpx solid #ccc; border-right: 2rpx solid #ccc; } /*普通样式*/ .stepper .normal { color: black; } /*禁用样式*/ .stepper .disable { color: #ccc; } .quhuo { width: 100%; color: rgb(51, 51, 51); margin-top: 45rpx; font-size: 32rpx } .quhuo image { width: 40rpx; height: 40rpx; display: inline-block; position: relative; left: 500rpx; } .ttxz { display: inline-block; } .xuanze { width: 100%; height: 80rpx; display: inline-block; border-bottom: 1rpx #e7e7e7 solid; font-size: 32rpx; line-height: 80rpx; } .xuanze1 { width: 100%; color: rgb(51, 51, 51); height: 80rpx; display: inline-block; border-bottom: 1rpx #e7e7e7 solid; line-height: 80rpx; overflow: hidden; } .x-z { width: 100%; color: rgb(51, 51, 51); font-size: 36rpx; height: auto; } .btn { width: 100%; background-color: red; color: white; text-align: center; height: 88rpx; line-height: 88rpx; } .clear { clear: both; } .fir_view { max-height: 300rpx; overflow-y: scroll; } .pop_up { min-height: 200rpx; position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.3); font-size: 34rpx; color: rgb(51, 51, 51); } .end_name { display: inline-block; } /*mask*/ .toast_mask { opacity: 0; width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0rpx; left: 0rpx; z-index: 888; } /*toast*/ .toast_content_box { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: fixed; z-index: 999; top: 0rpx; } .toast_content { width: 50%; padding: 20rpx; background: rgba(0, 0, 0, 0.5); border-radius: 20rpx; } .toast_content_text { height: 100%; width: 100%; color: #fff; font-size: 28rpx; text-align: center; } .jt { width: 30rpx; height: 30rpx; display: inline-block; } .jiajian { color: #999; } .t_wz { line-height: 110rpx; height: 110rpx; font-size: 36rpx; } .down-arrow { display: inline-block; position: relative; width: 40rpx; height: 30rpx; margin-right: 20rpx; } .down-arrow::after { display: inline-block; content: " "; height: 18rpx; width: 18rpx; border-width: 0 2rpx 2rpx 0; border-color: #999; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform-origin: center; transition: transform 0.3s; position: absolute; top: 50%; right: 10rpx; margin-top: -10rpx; } .down-arrow1 { display: inline-block; position: relative; width: 40rpx; height: 30rpx; margin-right: 20rpx; margin-top: 12rpx; } .down-arrow1::after { display: inline-block; content: " "; height: 18rpx; width: 18rpx; border-width: 0 2rpx 2rpx 0; border-color: #999; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform-origin: center; transition: transform 0.3s; position: absolute; top: 50%; right: 10rpx; margin-top: -10rpx; } .down-arrow1::after { transform-origin: center; transform: rotate(-135deg); transition: transform 0.3s; } .goodslisttop::after { content: ""; width: 100%; height: 1px; border-bottom: 1px #d4d4d4 solid; display: block; margin-top: -12px; } .ia { display: flex; width: 100%; } .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: 100%; margin-left: 0; height: 80rpx; line-height: 80rpx; } .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: 100%; margin-left: 0; height: 80rpx; line-height: 80rpx; } .show_zf_dd { display: flex; padding: 15rpx 40rpx; justify-content: space-between; font-size: 30rpx; color: #666; } .flex_tou { display: flex; justify-content: center; width: 100%; height: 175rpx; align-items: center; } .xc-goods-details { width: 479rpx; margin-top: 20rpx; height: 80rpx; align-items: center; } .xc-valframe { border-radius: 7rpx; border: 1rpx solid; margin-top: 3rpx; } .xc-valframe .xc-frame-img { width: 30rpx; height: 100%; background: #e22b44; } .xc-valframe .xc-frame-img .picture { width: 25rpx; height: 25rpx; margin-top: 4rpx; } .bodybutton .xc-good-friend { background: #fab55a; border-radius: 15rpx; } .bodybutton .xc-home-page { margin-top: 20rpx; background-color: #e22b44; border-radius: 15rpx; } .xc-ellipsis-img { width: 56rpx; height: 56rpx; padding-top: 15rpx; } .xc-ptcomplete { width: 74%; height: 105rpx; line-height: 105rpx; float: right; } .xc-ptcomplete .xc-img-frame .img { width: 105rpx; height: 105rpx; float: right; } .xc-ptcomplete .xc-img-frame { width: 205rpx; height: 105rpx; margin-top: 20rpx; } .xc-ptcomplete .xc-end { width: 283rpx; text-align: right; } .iw { padding-right: 33rpx; } .xc-ptcomplete .xc-img-frames { width: 345rpx; height: 105rpx; margin-top: 20rpx; } .xc-ptcomplete .xc-img-frames .img { width: 105rpx; height: 105rpx; float: right; } .bodybutton .xc-good-friend.co-w { background-color: #aeaeae } .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; 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; justify-content: space-between; } .count { /* position: fixed; */ display: flex; height: 50rpx; /* border: 1rpx solid #000; */ font-size: 28rpx; /* right: 30rpx; */ /* justify-content: space-between; */ } .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; line-height: normal; } /* .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: 0rpx 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-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; } /* 房子图标 */ .stores-img { width: 40rpx; height: 35rpx; margin-right: 10rpx; } .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; } .distance{ padding-left: 15rpx; padding-right: 15rpx; background: #eee; border-radius: 20rpx; margin-right: 5rpx; color: #999; height: 38rpx; line-height: 38rpx; } .shop_name{ margin-right: 10rpx; } .xc-distance-top{ margin-top: 10rpx; } .popup-frame{ position: fixed; /* bottom:99rpx; */ bottom: 0; z-index: 20; background: white; width: 100%; border-radius: 20rpx 20rpx 0 0; height: auto; } .popup-top{ border-bottom: 1rpx solid #eee; height: 155rpx; width: 95%; margin: auto; line-height: 155rpx; } /* .flex-space-between{ display: flex; justify-content:space-between; } */ .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; } .bg_rights{ border-top: 2rpx solid ; border-right: 2rpx solid ; transform: rotate(45deg); display: inline-block; width: 15rpx;height:15rpx; border-color: #da0b31; } .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%; } .store-list{ width: 95%; min-height:300rpx; overflow-y: scroll; margin: auto; max-height: 610rpx; } .store-list .store_choose{ width: 100%; height: 120rpx; line-height: 125rpx; border-bottom: 1rpx solid #eee; } .store-list .store_choose .store{ width: 100%; margin: auto; line-height: 37rpx; padding-left: 20rpx; } .xc-hook{ width: 35rpx; height: 35rpx; transform: rotate(-145deg); line-height: 37rpx; text-align: center; } .butttem5{ margin-bottom: 5rpx; } .address-frame{ width: 93%; margin-left: 7rpx; } .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; } .sort_store_list .sort-store-frame .sort-store { width: 94.5%; margin: auto; } .sort_store_list .sort-store-frame{ width: 100%; height: 100rpx; line-height:100rpx; border-bottom: 1rpx solid #eee; } .black_rights-frame .black_rights{ border-top: 3rpx solid; border-right: 3rpx solid; transform: rotate(45deg); display: inline-block; width: 20rpx; height: 20rpx; } .sort_store_list{ max-height: 700rpx; overflow: hidden; overflow-y: scroll; width: 95%; margin: auto; } .xc-hooks{ width: 30rpx; height: 30rpx; border: 1rpx solid #999; } .no_store{color:#d60021; font-size: 26rpx;} .sub.active { /* background-color: #ddd; */ color: #ccc; } .c-red22{ color:#d60021; }