﻿@charset "UTF-8";
/*超市列表*/
.index_market_zqbox{ padding:.18rem 0 .1rem;}
.supermarket_list{ display:flex; align-items:center; padding:2.5%; margin:0 1.9% .18rem; border-radius:.1rem; background:#fff;}
.supermarket_list .tu{ width:1.68rem; flex-shrink:0; display:flex; align-items:center;}
.supermarket_list .txt{ width:100%; padding:0 .18rem;}
.supermarket_list .txt h4{ color:#333; font-size:.3rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:.4rem; word-break:break-all;}
.supermarket_list .txt .jg{ font-size:0; white-space:nowrap; display:flex; align-items:center; padding:.12rem 0;}
.supermarket_list .txt .jg .bq{ height:.36rem; display:inline-block; padding:0 .2rem; line-height:.36rem; background:#fdf6d1; font-size:.24rem; color:#ea4c27; border-radius:.18rem;}
.supermarket_list .txt .address{ color:#999; font-size:.24rem; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all;}
.supermarket_list .rset{ width:18%; flex-shrink:0; text-align:center;}
.supermarket_list .rset p{ color:#999; font-size:.24rem;}
.supermarket_list .rset .lq_btn{ width:100%; height:.46rem; line-height:.46rem; margin:.1rem 0 0; color:#2c366f; font-size:.26rem; text-align:center; background-image:linear-gradient(90deg,#ffef9a 0%, #ffc606 100%), linear-gradient(180deg, #fe4a32 0%, #fe7e48 100%); background-blend-mode:normal, normal; box-shadow:0 .07rem .09rem 0 #fff1b7; border-radius:.23rem;}
.supermarket_list .rset .lq_btn2{ color:#fff; background-image:linear-gradient(90deg,#c8c8c8 0%, #c8c8c8 100%), linear-gradient(180deg, #c8c8c8 0%, #c8c8c8 100%); box-shadow:0 .07rem .09rem 0 #efefef;}

/*超市详情*/
.supermarket_detail_body{ background:#f4f6f6;}
.supermarket_detail_con{ padding:.24rem 3% 1.6rem; background:url(../../../images/quanyihui/market/bg.jpg) no-repeat; background-size:100%; overflow:hidden;}
.supermarket_detail_box{ padding:.2rem; margin:0 0 .19rem; background:#fff; border-radius:.08rem; overflow:hidden;}
.supermarket_detail_box .supermarket_list{ padding:0;}
.supermarket_detail_box .step{ padding:.1rem 5% .1rem 3%;}
.supermarket_detail_box .step li{ position:relative; width:29%; padding:0 0 .3rem; display:flex; align-items:center; font-size:0;}
.supermarket_detail_box .step li:last-child{ width:42%;}
.supermarket_detail_box .step li .tu{ width:.88rem; height:.88rem; margin:0 -3%; font-size:0; flex-shrink:0;}
.supermarket_detail_box .step li .tu.tu1{ background:url(../../../images/quanyihui/market/step1.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu1_up{ background:url(../../../images/quanyihui/market/step1_up.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu2{ background:url(../../../images/quanyihui/market/step2.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu2_up{ background:url(../../../images/quanyihui/market/step2_up.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu3{ background:url(../../../images/quanyihui/market/step3.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu3_up{ background:url(../../../images/quanyihui/market/step3_up.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu4{ background:url(../../../images/quanyihui/market/step4.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tu.tu4_up{ background:url(../../../images/quanyihui/market/step4_up.png) no-repeat; background-size:100% 100%;}
.supermarket_detail_box .step li .tiao{ width:100%; height:.1rem; background:#e3e2f1;}
.supermarket_detail_box .step li .tiao em{ display:inline-block; display:flex; align-items:center; height:.1rem; background:#f4de68;}
.supermarket_detail_box .step li p{ position:absolute; bottom:0; left:-28%; width:100%; text-align:center; color:#9b9aaa; font-size:.22rem; padding:.1rem 0 0;}
.supermarket_detail_box .step li p.up{ color:#2f3f5a;}
.supermarket_detail_box .step li p.set3{ left:-35%;}
.supermarket_detail_box .step li p.set4{ left:inherit; right:-35%;}
.supermarket_detail_box .detail{ color:#333;}
.supermarket_detail_box .detail h4,.supermarket_detail_box .detail p{ font-size:.24rem; padding:0 0 .2rem;}

.supermarket_detail_bottom{ position:fixed; bottom:0; left:0; right:0; padding:.3rem 4% .5rem; font-size:0; z-index:199;}
.supermarket_detail_bottom .btn{ display:inline-block; color:#333e78; font-size:.32rem; border-radius:.5rem; height:1.08rem; display:flex; align-items:center; justify-content:center; min-width:48%; flex-shrink:0; -webkit-tap-highlight-color:rgba(0,0,0,0); padding:0 .45rem; background-image:linear-gradient(90deg,#f4dc62 0%, #ffc606 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode:normal, normal;
box-shadow:0 .15rem .18rem 0 rgba(255, 204, 0, 0.28);}
.supermarket_detail_bottom .btn.btn1{ color:#edcf35; background-image:linear-gradient(90deg,#f9edad 0%,  #ffe17e 100%), linear-gradient(#ffffff, #ffffff); box-shadow:0 .15rem .18rem 0 rgba(255, 204, 0, 0.28);}
.supermarket_detail_bottom .btn.btn_one{ width:100%;}

.supermarket_detail_box .step2 li{ width:46%;}
.supermarket_detail_box .step2 li:last-child{ width:54%;}
.supermarket_detail_box .step2 li p{ left:-38%;}
.supermarket_detail_box .step2 li p.set2{ left:-39%;}
.supermarket_detail_box .step2 li p.set4{ right:-40%;}

.supermarket_tips{ padding:0 1.9%; font-size:.22rem; color:#ff9777;}
.supermarket_detail_box2 .supermarket_list{ margin:0 0 .2rem; padding:2.5% !important; border-radius:.08rem; border:solid 1px #dcdcdc;}
