body{
    margin: 0;
}
.iptBox{
    height: 4vw;
    margin: 2.53vw 4vw 0 4vw;
    padding: 2.26vw 4vw;
    border-radius: 5.13vw;
    background: #F6F6F7;
    display: flex;
    justify-content: space-between;
}
.iptBox input{
    width: 76vw;
    font: 3.2vw/4vw simhei;
    border: none;
    background: #F6F6F7;
}
.iptBox img{
    width: 4vw;
    height: 4vw;
}
.zhuyiBox{
    padding: 4vw;
    display: flex;
    justify-content: space-between;
}
.zhuyi{
    display: flex;
}
.zhuyi img{
    width: 3.47vw;
    height: 3.2vw;
    margin: 0.8vw 0;
}
.zhuyi p{
    font: 3.2vw/4.8vw sihei;
    color: #201D23;
    padding-left: 2.4vw;
    margin: 0;
}
.order{
    width: 3.73vw;
    height: 4.8vw;
    margin: 0 1.33vw;
}
.banner{
    width: 92vw;
    height: 33.2vw;
    margin: 0 auto;
    border-radius: 2.13vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner img{
    width: 92vw;
    height: 33.2vw;
}
.liebiao{
    padding: 0 4vw;
    background: #F6F6F7;
    border-radius: 5.33vw;
    margin-top: 2.67vw;
}
.screenBox{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.screen{
    display: flex;
}
.screen p{
    font: 3.2vw/3.2vw simhei;
    color: #848991;
    padding: 4vw 0.5vw 4vw 0;
    margin: 0;
}
.screen img{
    width: 1.6vw;
    height: 0.8vw;
    margin: 4.8vw 0;
}.optionContent{
	position: absolute;
	left: -4vw;
	top: 11.2vw;
	width: 97.6vw;
	display: none;
	padding: 1.33vw 1.2vw;
	background: #fff;
	z-index: 999;
}
.optionList{
	display: none;
}
.optionBox{    display: flex;    flex-wrap: wrap;}
.option{
    min-width: 6.8vw;
    padding: 0 2.7vw;
    font: 3.2vw/7.86vw simhei;
    border-radius: 3.93vw;
    background: #F6F6F7;
    color: #8F939A;
    margin: 1.6vw 2vw;
    text-align: center;
}

.optionOn{
	background: #FFE1E1 !important;
	
	color: #FF3939 !important;
}
.goodsList{
    display: flex;
    flex-direction: column;
}
.goods{
    padding: 4vw;
    border-radius: 1.87vw;
    background: #fff;
    margin-bottom: 2.67vw;
}
.goodsFlex{
    display: flex;
    justify-content: space-between;
}
.goodsTitle{
    width: 55vw;
    font: 600 4.27vw/4.27vw simhei;
    color: #292B2E;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.distanceBox{
    display: flex;
}
.distance{
    font: 3.2vw/4.27vw simhei;
    color: #575757;
    padding-right: 1vw;
}
.line{
	font: 2vw/4.27vw simhei;
	color: #DFDFDF;
}
.daohang{
    width: 3.2vw;
    height: 3.2vw;
    margin: 0.535vw 0;
}
.daohangText{
    font: 3.2vw/4.27vw simhei;
    color: #373737;
    padding-left: 0.8vw;
}
.address{
    font: 3.2vw/4vw simhei;
    color: #575757;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 2.3vw 0;
}
.goodsMj{
	display: flex;
	border-radius: 1.1vw;
	overflow: hidden;
}
.mjTitle{
	font: 2.67vw/3.73vw simhei;
	color: #fff;
	padding: 0 0.8vw;
	background: linear-gradient(91deg, #FF6600, #FF3749);
	border-radius: 1.1vw 0 0 1.1vw;
	border: 1px solid #ddd;
	border-image: -webkit-linear-gradient(#FF6600, #FF3749) 20 20;
	border-image: -moz-linear-gradient(#FF6600, #FF3749) 20 20;
	border-image: -o-linear-gradient(#FF6600, #FF3749) 20 20;
	border-image: linear-gradient(#FF6600, #FF3749) 20 20;
}
.mjyh{
	font: 2.67vw/3.73vw simhei;
	color: #FF3749;
	padding: 0 0.8vw;
	border-radius: 0 1.1vw 1.1vw 0;
	border: 1px solid #FF3749;
	margin-left: -1px;
}
.present{
    font: 6.4vw/6.4vw simhei;
    color: #292B2E;
    padding-right: 1.87vw;
}
.present span{
    font: 3.2vw/6.4vw "Microsoft YaHei";
}
.original{
    font: 3.2vw/3.2vw simhei;
    padding-top: 2.4vw;
    color: #7A7E87;
}
.goodsBtn{
    width: 21.2vw;
    height: 6.26vw;
    border: 1px solid #C7C7C7;
    border-radius: 3.13vw;
    display: flex;
    justify-content: center;
}
.btnText{
    font: 600 3.2vw/6.26vw simhei;
    color: #363636;
    padding-right: 1.2vw;
}
.goodsBtn img{
    width: 0.8vw;
    height: 1.33vw;
    margin: 2.465vw 0;
}
.goodsEg{
    display: inline-block;
    padding: 0 2.13vw;
    border-radius: 0.8vw;
    margin-top: 1vw;
    font: 2.67vw/4.93vw simhei;
    color: #8F8F8F;
    background: #F5F5F5;
}
.yzcodeZz{
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
}
.yzcodePopup{
    width: 70vw;
    height: 59vw;
    padding: 0 6.4vw;
    position: absolute;
    left: 8.6vw;
    top: 50%;
    margin-top: -40vw;
    background: #fff;
}
.codeTitle{
    font: 5.33vw/5.33vw simhei;
    padding: 5.33vw 0;
    text-align: center;
}
.phone{
    width: 100%;
    font: 4.27vw/10.4vw simhei;
    color: #919191;
    text-align: center;
    border: none;
    border-bottom: 1px solid #F1F1F1;
    margin-top: 7.2vw;
}
.codeBtn{
    font: 3.47vw/12.8vw simhei;
    text-align: center;
    color: #A0A0A0;
}
.timer{
    font: 3.47vw/12.8vw simhei;
    text-align: center;
    color: #A0A0A0;
    display:none;
}
.codeBtnOn{
    color: #FF1A2A;
}
.codeNum{
    width: 100%;
    font: 600 5.6vw/16vw simhei;
    color: #4B4B4B;
    letter-spacing:2vw;
    text-align: center;
    border: none;
    display: none;
}
.codex{	width: 3.2vw;
	height: 3.2vw;
    position: absolute;    left: 5.4vw;    top: 5.4vw;}
.optionZz{
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 72vw;
    z-index: 99;
    display: none;
}
.map{
    display: flex;
    text-decoration:none;
	padding-left: 1vw;
}
.loadingZz{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.2);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}
.loading{
	width: 6.5vw;
	height: 6.5vw;
	position: absolute;
	top: 50vh;
	margin-top: -5vw;
	left: 45vw;
}