body {
	background: #fff;
	font-family: PingFang SC, Lantinghei SC, Roboto, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}

div,
p,
span,
i,
em,
header,
ul,
li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header {
	padding: .15rem .32rem;
	display: flex;
	align-items: center;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #fff;
	right: 0;
	margin: 0 auto;
	max-width: 750px;
}

header img {
	width: .32rem;
	height: .32rem;
	display: inline-block;
}

header span {
	font-size: .26rem;
	padding: 0 3px;
	margin-left: 5px;
}

header span i {
	color: #0076EE;
}

header em {
	display: inline-block;
	max-width: 20%;
	font-size: .28rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}


header .search i {
	position: absolute;
	left: 0.2rem;
	font-size: .3rem;
}



.classify {
	padding: 0 0.32rem 0.2rem;
	font-size: .26rem;
	color: #999;
	line-height: 0.6rem;
	overflow: hidden;
	width: 100%;
	position: fixed;
	top: .9rem;
	z-index: 1000;
	background: #fff;
	left: 0;
	right: 0;
	max-width: 750px;
	margin: 0 auto;
}

.classify li {
	position: relative;
}

.classify li::after {
	content: "";
	position: absolute;
	right: -50%;
	width: 1px;
	top: .18rem;
	height: .2rem;
	background: #eee;
}

/* 详情页 */
.swiper-index {
	width: 90%;
	height: 3.2rem;
	margin-top: 1.72rem;
}

.swiper-index img {
	width: 100%;
	min-height: 3.2rem;
	border-radius: .25rem;
}

.shMenu {
	padding: .4rem .32rem .1rem;
	width: 100%;
}

.shMenu a {
	width: 20%;
	text-align: center;
}

.shMenu a img {
	width: 1rem;
	height: 1rem;
	margin-bottom: .1rem;
}

.shMenu a span {
	display: inline-block;
	font-size: .26rem;
	color: #333;
}

.group {
	padding: 0 .32rem;
}

.daily .title {
	background: url('https://img.dahepiao.com/wzimg/icon_meirirx.png') no-repeat 0 .3rem;
	background-size: 1.5rem;
	width: 100%;
	height: 1rem;
}

/* .daily .swiper-container{
	overflow: initial!important;
} */

.daily .swiper-slide {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
	padding-bottom: 0.15rem;
	margin-bottom: .1rem;
}

.line1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.daily .d1 {
	display: block;
	width: 100%;
	height: 2.28rem;
	overflow: hidden;
}

.daily .d1 img {
	width: 100%;
	mikn-height: 2.28rem;
	border-radius: .1rem .1rem 0px 0px;
}

.daily .d2 {
	font-size: .28rem;
	display: inline-block;
	line-height: .75rem;
	height: .6rem;
	font-weight: 600;
	padding: 0 2%;
	width: 100%;
}

.daily .d3 {
	padding: 0 2%;
	width: 96%;
	color: #FA4B5D;
	font-weight: 600;
	font-size: .24rem;
}

.daily .d3 i {
	font-size: .28rem;
}

.daily .d3 em {
	font-size: .22rem;
	color: #999;
	font-weight: 500;
	margin-left: .1rem;
	text-decoration: line-through;
}

.daily .d3 span {
	float: right;
	color: #999;
	font-weight: 500;
	font-size: .22rem;
	margin-top: 1px;
}

.cityList {
	color: #999999;
	font-size: .3rem;
	margin: .2rem 0.3rem;
	line-height: .85rem;
	text-align: center;
}

.cityList.fixed {
	position: fixed;
	top: 1.5rem;
	left: 0;
	right: 0;
	max-width: 750px;
	margin: 0 auto;
	background: #fff;
	z-index: 1000;
	padding: 0 .7rem;
}

.cityList li.active {
	color: #0076EE;
	font-weight: 600;
	position: relative;
}

.cityList li.active::after {
	content: "";
	position: absolute;
	bottom: .1rem;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	height: .04rem;
	background: #0076EE;
}

.cityList li {
	position: relative;
}

.cityList li::before {
	content: "";
	position: absolute;
	bottom: .1rem;
	right: -45%;
	top: 30%;
	width: .02rem;
	height: .3rem;
	background: #999;
}

.cityList li:last-child::before {
	background: #ffffff;
}

.tabList {
	overflow-x: scroll;
	width: 100%;
	padding: 0 3%;
	position: fixed;
	top: .9rem;
	z-index: 300;
	background: #fff;
	max-width: 750px;
}

.tabList li {
	font-size: .28rem;
	display: inline-block;
	padding: 0 .15rem;
	text-align: center;
	color: #999;
	height: .8rem;
	line-height: .8rem;
	margin-bottom: .1rem;
}

.tabList li.active {
	color: #333;
	font-size: .3rem;
	font-weight: 600;
	position: relative;
}

.tabList li.active::after {
	content: "";
	height: .04rem;
	width: 70%;
	background: #0076EE;
	font-weight: 600;
	position: absolute;
	bottom: 0;
	left: 15%;
}

.scroll {
	margin: 2.6rem 0 .2rem 1%;
	float: left;
}

.scrollBox .scroll {
	margin: 0 0 .2rem 1%;
}

.scroll .group {
	width: 45%;
	font-size: 0;
	padding: 0 !important;
	box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.05);
	margin-bottom: .24rem;
	display: inline-block;
	margin-left: 2.5%;
}

.scroll .group .gImg {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	border-radius: .1rem .1rem 0px 0px;
	overflow: hidden;
	position: relative;
}

.scroll .group .gImg img {
	width: 100%;
	min-height: 3.9rem;
}

.scroll .group .xianshi {
	position: absolute;
	font-size: .24rem;
	bottom: .6rem;
	left: .16rem;
	z-index: 100;
	color: #fff;
}

.scroll .group .xianshi em:nth-child(1) {
	background: #F14F64;
	display: inline-block;
	line-height: .4rem;
	padding: 0 .14rem;
	border-radius: 4px 0px 0px 4px;
}

.scroll .group .xianshi em:nth-child(2) {
	background: #0076EE;
	display: inline-block;
	line-height: .4rem;
	padding: 0 .14rem;
	border-radius: 4px 0px 0px 4px;
}



.scroll .group .gImg .sales {
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, .3);
	line-height: .5rem;
	height: .5rem;
	bottom: 0;
	color: #fff;
	font-size: .24rem;
	padding: 0 .15rem;
}

.scroll .group .gImg .sales i {
	font-size: .2rem;
}

.scroll .group .w1 {
	padding: .2rem;
}

.scroll .group .w1 .g1 {
	font-size: .28rem;
	font-weight: 600;
}

.scroll .group .w1 .g2 {
	font-size: .26rem;
	color: #999999;
	margin: .1rem 0;
}

.scroll .group .w1 .t2 {
	margin-right: .1rem;
	font-size: .28rem;
	color: #FA4B5D;
	font-weight: 600;
}

.scroll .group .w1 .t2,
.scroll .group .w1 .t3 {
	display: inline-block;
}

.scroll .group .w1 .t3 {
	font-size: .22rem;
	text-decoration: line-through;
	color: #999;
}

.dropload-down {
	font-size: .28rem;
	color: #333;
	text-align: center;
	line-height: .6rem;
}

/*main*/
.filter-nav {
	max-width: 750px;
	font-size: 0;
	position: fixed;
	top: 1.7rem;
	z-index: 600;
	padding: 0 .32rem;
	height: .8rem;
	width: 100%;
	background: #fefefe;
}

.filter-nav .iconfont {
	font-size: .22rem;
	margin-left: 3px;
}

.filter-nav .citySelected {
	background: #fff;
	text-align: left;
	z-index: 10000;
	position: absolute;
	left: 0;
	color: #666;
	display: inline-block;
	font-size: .26rem;
	line-height: .4rem;
	padding: .2rem 5%;
}

.filter-nav .iconfont.active {
	transform: rotate(180deg);
	display: inline-block;
}

.cityWrap {
	position: absolute;
	top: 0.7rem;
	z-index: 1000;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	max-width: 750px;
	margin: 0 auto;
	display: none;
}

.cityWrap .bg {
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	position: absolute;
}

.cityWrap .cityBox {
	position: absolute;
	z-index: 1000;
	width: 100%;
	padding: 0 0 5% 4%;
	background: #fff;
	border-radius: 0px 0px .3rem .3rem;
}

.cityWrap .cityBox .all {
	display: block;
	font-size: .28rem;
	line-height: 0.6rem;
	color: #999;
	font-weight: 600;
}

.cityWrap .cityBox a {
	display: inline-block;
	font-size: .28rem;
	min-width: 21.3%;
	text-align: center;
	margin-right: .2rem;
	margin-top: .2rem;
	height: .66rem;
	line-height: .66rem;
	background: #EEEEEE;
	border-radius: .1rem;
	border: 1px solid #fff;
}

.cityWrap .cityBox a.active {
	color: #0076EE;
}

.cityWrap .cityBox .close {
	position: absolute;
	right: .4rem;
	top: .2rem;
}

.swiper-detail {
	width: 100%;
	height: 4.8rem;
	position: relative;
}

.swiper-detail img {
	width: 100%;
	min-height: 4.8rem;
}

.swiper-detail a i {
	position: absolute;
	top: .3rem;
	left: .3rem;
	z-index: 99999;
}

.infoWrap {
	background: #FFFFFF;
	position: relative;
	top: -.5rem;
	z-index: 1000;
	width: 100%;
	border-radius: .3rem .3rem 0px 0px;
}

.infoBox {
	margin-top: -1rem;
	background: #fff;
	position: relative;
	z-index: 100;
	border-radius: .3rem .3rem 0px 0px;
	padding: .32rem .32rem .1rem;
}

.infoBox .i4 {
	font-size: .26rem;
	color: #FA4B5D;
	font-weight: 600;
}

.infoBox .i4 em {
	font-size: .34rem;
}

.infoBox .i1 {
    font-size: .32rem;
    font-weight: 600;
    margin: 0 0 .15rem;
}

.infoBox .i2 {
	margin-top: .23rem;
	font-weight: 400;
	font-size: .24rem;
	color: #999999;
}

.infoBox .i3 {
	width: 100%;
	padding-bottom: .2rem;
	margin-bottom: .08rem;
	margin-top: .22rem;
	border-bottom: .01rem solid #eee;
	display: flex;
	align-self: center;
	position: relative;
	/* font-size: .24rem;
	display: inline-block;
	background: #F5F5F5;
	min-width:.6rem;
	height: .36rem;
	line-height: .36rem;
	text-align: center;
	padding: 0 .2rem;
	border-radius: .5rem; */
}

.infoBox .i3 .price {
    color: #FA4B5D;
    font-size: .22rem;
}

.infoBox .i3 .price span {
    font-size: .32rem;
    font-weight: 600;
}

.infoBox .i3 .dec {
    font-size: .22rem;
    color: #999;
    margin-left: .3rem;
    display: flex;
    align-items: center;
}

.infoBox .i3 .dec i {
	font-size: .24rem;
	margin-left: .05rem;
}

.infoBox .i3 .sale {
	position: absolute;
	right: 0;
	font-size: .22rem;
	color: #999;
	top: .10rem;
}

.infoBox .i3 span.blue {
	/* background: #F0F7FE;
	color: #0076EE; */
}

.infoBox .i4 {
    display: flex;
    font-size: .24rem;
    padding: .15rem 0;
    position: relative;
}

.infoBox .i4 i {
    font-size: .24rem;
    color: #999999;
    position: absolute;
    right: 0;
    top: 25%;
}

.infoBox .i4 .line1 {
	color: #999999;
	margin-right: .24rem;
}

.infoBox .i4 .line2 {
    color: #666666;
    font-weight: 500;
}

.infoBox .i4 .line3 {
    display: flex;
    text-align: center;
}

.infoBox .i4 .line3 span {
    margin-right: .1rem;
    background: #E9F9E9;
    color: #24C527;
    min-width: .98rem;
    font-size: .22rem;
    padding: 0 .2rem;
    border-radius: .17rem;
    height: .34rem;
    font-weight: 500;
    line-height: .34rem;
}

.listWrap {
    overflow: hidden;
    padding-bottom: 2rem;
}

.listBox {
	padding: .32rem .32rem .1rem;
	margin-top: .16rem;
	background: #fff;
	border-top: .16rem solid #f7f7f7;
}

.listBox .t1 {
	font-weight: 600;
	font-size: .3rem;
	color: #333333;
	margin-bottom: .16rem;
}

.listBox .t2 {
    font-weight: 600;
    font-size: .3rem;
    color: #333333;
    margin-bottom: .16rem;
    margin-top: .3rem;
}

.listBox .t3 {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.listBox .t3 .t3Item {
    width: 1.3rem;
    height: 1.7rem;
    background: #FFFFFF;
    border-radius: .12rem;
    border: .01rem solid #CCCCCC;
}

.listBox .t3 .t3Item .i1 {
    width: 100%;
    height: .34rem;
    background: rgba(0, 118, 238, 0.05);
    border-radius: .12rem .12rem 0px 0px;
    font-weight: 400;
    font-size: .22rem;
    color: #333333;
    line-height: .34rem;
    text-align: center;
}
.listBox .t3 .t3Item .more.m1 {
    width: 100%;
    height: .34rem;
    background: rgba(0, 118, 238, 0.05);
    border-radius: .12rem .12rem 0px 0px;
    font-weight: 400;
    font-size: .22rem;
    color: #333333;
    line-height: .34rem;
    text-align: center;
}

.listBox .t3 .t3Item .i2 {
	font-weight: bold;
	font-size: .26rem;
	color: #333333;
	width: 100%;
	text-align: center;
	margin-top: .16rem;
}

.listBox .t3 .t3Item .i3 {
	font-weight: 400;
	font-size: .18rem;
	color: #999999;
	width: 100%;
	text-align: center;
}

.listBox .t3 .t3Item .i4 {
    font-weight: bold;
    font-size: .22rem;
    color: #FA4B5D;
    width: 100%;
    text-align: center;
    margin-top: .1rem;
}

.listBox .t3 .t3Item .i5 {
	width: 100%;
	font-weight: 400;
	font-size: .18rem;
	color: #333333;
	text-align: center;
}

.listBox .t3 .t3Item .img {
    width: 100%;
    text-align: center;
    margin: .17rem 0;
}

.listBox .t3 .t3Item.active {
	border: .01rem solid #24C527;
	position: relative;
}

.listBox .t3 .t3Item.active .i1 {
    background: #24C527;
    color: #fff;
}

.listBox .t3 .t3Item.active .i2 {
	color: #24C527;
}

.listBox .t3 .t3Item.active .i3 {
	color: #24C527;
}

.listBox .t3 .t3Item.active img {
	width: .2rem;
	height: .2rem;
	background: #24C527;
	border-radius: .04rem 0px .12rem 0px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.listBox .tBox{
    display: flex;
    overflow-x: auto;
    flex-wrap: wrap;
}
.listBox .tBox span {
	background: #FFFFFF;
	border-radius: .08rem;
	border: .01rem solid #EEEEEE;
	text-align: center;
    font-weight: 400;
    font-size: .26rem;
    color: #333333;
    margin-right: .16rem;
    margin-top: .12rem;
    padding: .16rem .2rem .16rem .2rem;
}

.listBox .tBox span.active {
    border: .01rem solid #24C527;
}

.listBox .tBox span.active a {
    display: block;
    color: #24C527;
}


.listBox .lTitle,
.tjBox .lTitle {
    margin-bottom: .3rem;
    font-size: .32rem;
    font-weight: 600;
    position: relative;
    padding-left: 10px;
    color: #333;
}

.listBox .lTitle:before,
.tjBox .lTitle:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 0.08rem;
	height: .32rem;
	background: #0076EE;
}

.listBox .group {
	margin-bottom: .2rem;
	padding: 0;
}

.listBox .group h2 {
	font-size: .28rem;
	color: #333;
	margin-bottom: .1rem;
}

.listBox .group .l1 {
	font-size: .24rem;
	color: #999;
}

.listBox .group .l2 span {
	font-size: .2rem;
	color: #FA4B5D;
	font-size: .3rem;
	font-weight: 600;
}

.listBox .group .l2 em {
	text-decoration: line-through;
	font-size: .24rem;
	color: #999;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.listBox .group .l3 {
	color: #0076EE;
	font-size: .26rem;
	margin-top: .1rem;
}

.listBox .group .l3 {
	color: #0076EE;
	font-size: .26rem;
}

.listBox ul li {
	width: 100%;
	background: #F8F8F8;
	border: 1px solid #EEEEEE;
	border-radius: .1rem;
	margin-bottom: .15rem;
	padding: .2rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.listBox ul li.active {
	background: rgba(0, 118, 238, 0.1);
	border: 1px solid #0076EE;
}

.listBox ul li.active i {
	color: #0076EE;
}

.listBox ul li label {
	max-width: 70%;
	font-size: .28rem;
	padding-left: .2rem;
	display: inline-block;
}

.listBox ul li span {
	margin-right: .15rem;
	color: #FA4B5D;
}

.listBox ul li i {
	color: #999;
}

.listBox .lcontent {
	font-size: .28rem;
	color: #333;
	line-height: 1.8;
}

.listBox .lcontent img {
    max-width: 100%;
    margin: 5px auto;
    height: auto !important;
}

.likeBox {
	font-size: 0;
	padding: .32rem 0 .1rem 1%;
}

.likeBox .lTitle {
	margin: 0 .25rem .3rem;
}

.likeBox .group {
	font-size: 0;
	padding: 0 !important;
	box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.05);
	margin-bottom: .24rem;
	width: 45%;
	display: inline-block;
	margin-left: 3%;
}

.likeBox .group .gImg {
    width: 100%;
    min-height: 3.9rem;
    border-radius: .1rem .1rem 0px 0px;
}

.likeBox .group .w1 {
	padding: .2rem;
}

.likeBox .group .w1 .g1 {
	font-size: .28rem;
	font-weight: 600;
}

.likeBox .group .w1 .g2 {
	font-size: .26rem;
	color: #999999;
	margin: .1rem 0;
}

.likeBox .group .w1 .t2 {
	margin-right: .1rem;
	font-size: .28rem;
	color: #FA4B5D;
	font-weight: 600;
}

.likeBox .group .w1 .t2,
.likeBox .group .w1 .t3 {
	display: inline-block;
}

.likeBox .group .w1 .t3 {
	font-size: .22rem;
	text-decoration: line-through;
	color: #999;
}



.tabBox {
	background: #fff;
	padding: 0 .6rem;
	height: .8rem;
	line-height: .8rem;
	font-size: .28rem;
	margin-top: .16rem;
	display: none;
}

.tabBox.fixed {
	position: fixed;
	top: 0;
	background: #fff;
	width: 100%;
	padding: .1rem 6% .2rem;
	z-index: 1100;
	max-width: 750px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tabBox span {
	color: #666;
	font-size: .3rem;
}

.tabBox span.active {
	position: relative;
	color: #0076EE;
	font-weight: 600;
}

.tabBox span.active::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #0076EE;
}

.listBox.scroll {
	margin: 0;
}

.shHeader {
	position: fixed;
	top: 0;
	z-index: 100;
	max-width: 750px;
	height: .8rem;
	text-align: center;
	line-height: .8rem;
	color: #333;
	background-color: #fff;
	padding: 0 1%;
	margin: 0 auto;
	right: 0;
	left: 0;
}

.shHeader h2 {
	font-size: .3rem;
	max-width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.shHeader a {
	display: inline-block;
	padding: 0 .3rem;
}

.shHeader a .iconfont {
	font-size: .35rem;
}

.orderInfo {
	margin-top: .8rem;
	background: #f7f7f7;
	border-top: .16rem solid #f7f7f7;
}

.orderInfo .group {
	background: #fff;
	margin-bottom: .16rem;
	padding: .3rem .32rem .1rem;
}

.orderInfo .oImg {
	width: 1.2rem;
	border-radius: .1rem;
	height: 1.2rem;
}

.orderInfo .o1 {
	font-size: .28rem;
	margin-bottom: .2rem;
	display: block;
}

.orderInfo .o2 {
	font-size: .24rem;
	color: #999;
	display: block;
}

.orderInfo .o3 {
	color: #999;
	display: block;
	font-size: .24rem;
}

.orderInfo .oTitle {
	margin-bottom: .3rem;
	font-size: .32rem;
	font-weight: 600;
	color: #333;
}

.orderInfo label {
	font-size: .28rem;
	color: #333333;
	padding: .15rem 0;
	display: block;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.orderInfo label:last-child {
	border-bottom: none;
}

.orderInfo .numBox {
	width: 2rem;
}

.orderInfo label span {
	min-width: 24%;
}

.orderInfo label input {
	height: .65rem;
	line-height: .65rem;
	display: inline-block;
	background: #EEEEEE;
	border-radius: .1rem;
	padding-left: 5%;
	width: 70%;
	font-size: .28rem;
	outline: none;
}

.orderInfo .numBox em {
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F5F5F5;
	border-radius: 50%;
	font-size: 0.4rem;
	text-align: center;
	display: inline-block;
}

.orderInfo .numBox i {
	width: 0.8rem;
	font-size: .34rem;
	text-align: center;
}

.orderInfo .price i {
	color: #999;
	font-size: .28rem;
	text-decoration: line-through;
}

.orderInfo .price em {
	color: #FA4B5D;
	font-weight: 600;
	font-size: .34rem;
}

.orderInfo .price div {
	color: #FA4B5D
}

.orderInfo .type {
	position: relative;
}

.orderInfo .type em {
	height: .65rem;
	line-height: .65rem;
	display: inline-block;
	background: #EEEEEE;
	border-radius: .1rem;
	padding-left: 5%;
	width: 95%;
}

.orderInfo .type i {
	position: absolute;
	right: .15rem;
	top: .18rem;
	font-size: .3rem;
}

.orderInfo .type i.active {
	transform: rotate(90deg);
}

.orderInfo .type ul {
	position: absolute;
	top: .7rem;
	background: #fff;
	width: 99%;
	display: none;
	border: 1px solid #ddd;
	border-top: none;
}

.orderInfo .type li {
	height: .7rem;
	line-height: .7rem;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.orderInfo .type li:last-child {
	border-bottom: none;
}

.orderInfo .zhanghao input {
	height: .65rem;
	line-height: .65rem;
	display: inline-block;
	background: #EEEEEE;
	border-radius: .1rem;
	padding-left: 5%;
	width: 70%;
}

.pay-box {
	margin-bottom: 2.5rem;
}

.pay-box h3 {
	margin-bottom: .2rem;
}

.pay-box label {
	line-height: .8rem;
	font-size: .28rem;
}

.pay-box label span {
	align-items: center;
	display: flex;
}

.pay-box label img {
	width: .7rem;
	height: .7rem;
	margin-right: .2rem;
}

.pay-box label input {
	zoom: .6;
	width: .7rem;
}

.orderbottom {
	height: 2rem;
	position: fixed;
	bottom: 0;
	padding: 0 4%;
	background: #fff;
	right: 0;
	left: 0;
	margin: 0 auto;
	max-width: 750px;
}

.orderbottom .xieyi {
	font-size: .26rem;
	line-height: 0.8rem;
	align-items: center;
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: .2rem;
	word-break: keep-all;
	color: #666;
}

.orderbottom .xieyi label {
	display: flex;
	align-items: center;
}

.orderbottom .xieyi a {
	display: inline-block;
}

.orderbottom .xieyi input {
	margin-right: .1rem;
}

.orderInfo .address-no {
	text-align: center;
	font-size: .28rem;
	padding: .2rem 0;
}

.line {
	height: 3rem;
}

.orderbottom .all {
	font-size: .28rem;
	color: #666;
}

.orderbottom .all i {
	color: #999;
	margin-left: .05rem;
	text-decoration: line-through;
}

.orderbottom em {
	display: inline-block;
	color: #FA4B5D;
	font-weight: 600;
	margin-left: .05rem;
	font-size: .34rem;
}

.orderbottom span {
	display: inline-block;
	width: 3rem;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	background: #0076EE;
	border-radius: 40px;
	font-size: .3rem;
	color: #fff;
}

.orderbottom a {
	color: #0076EE;
}

.copyHref {
	color: #0076EE;
	font-size: .3rem;
	margin-top: .1rem;
	border-top: 1px dashed #ddd;
	padding-top: .3rem;
	padding-bottom: .3rem
}

.copyHref button {
	padding: 0 .4rem;
	background: #0076EE;
	border: none;
	outline: none;
	height: .7rem;
	line-height: .68rem;
	color: #fff;
	margin-left: .2rem;
	border-radius: 30px
}

::-webkit-input-placeholder {
	color: #999;
	font-size: .28rem;
}

::-moz-placeholder {
	color: #999;
	font-size: .28rem;
}

:-ms-input-placeholder {
	color: #999;
	font-size: .28rem;
}

.error {
	width: auto;
	display: none;
	max-width: 70%;
	padding: 4px 10px;
	height: auto;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 26px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 3000;
}

.shHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	height: .8rem;
	width: 100%;
	line-height: .8rem;
	background: #0076EE;
	color: #fff;
	font-size: .32rem;
	padding: 0 1%;
	z-index: 1000;
	max-width: 750px;
}

.shHead i {
	padding: 0 .25rem;
	height: .8rem;
	width: 1rem;
	color: #fff;
}

.orderBg {
	margin-top: .8rem;
	width: 100%;
	background: #0076EE;
	padding: .32rem;
	box-sizing: border-box;
	z-index: 100;
}

.orderBg .flex {
	background: #fff;
	border-radius: .2rem;
	height: 1.2rem;
	background: #FFFFFF;
	margin: .1rem auto;
	width: 100%;
}

.orderBg img {
	width: .64rem;
	height: .64rem;
	margin-left: .24rem;
}

.orderBg div {
	width: 85%;
}

.orderBg p:nth-child(1) {
	font-size: .3rem;
	font-weight: 600;
	margin-bottom: .1rem;
}

.orderBg p:nth-child(2) {
	font-size: .26rem;
	color: #999;
}

.infoGroup,
.ddGroup {
	background-color: #fff;
	padding: 0.32rem;
	border-top: .16rem solid #f7f7f7;
}

.infoGroup .aa {
	min-height: 2rem;
}

.infoGroup .title,
.ddGroup .title {
	font-size: .3rem;
	font-weight: 600;
	margin-bottom: .2rem;
}

.infoGroup p {
	font-size: .28rem;
	color: #999;
	margin-bottom: .1rem;
}

.infoGroup a {
	color: #0076EE;
}

.infoGroup .left {
	width: 4.6rem;
	display: inline-block;
}

.infoGroup img {
	width: 2rem;
	float: right;
	height: 2rem;
	border-radius: .12rem;
	display: inline-block;
}

.infoGroup em {
	color: #FA4B5D;
	font-size: .34rem;
}

.ddGroup li {
	font-size: .28rem;
	padding: .2rem 0;
	border-bottom: 1px solid #eee;
	color: #333;
}

.ddGroup li:last-child {
	border-bottom: none;
}

.ddGroup li span {
	color: #999;
	width: 3rem;
}

.ddGroup li i.blue {
	font-size: .28rem;
	padding: 0 0 0 6px;
	display: inline-block;
	color: #0076EE;
	height: .3rem;
	line-height: .3rem;
	margin-left: 6px;
	border-left: 1px solid #999;
}

.ddGroup li i.red {
	color: #FA4B5D;
}

.xqBottom {
	height: 1rem;
	line-height: 1rem;
	position: fixed;
	bottom: 0;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0 4%;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 750px;
}

.xqBottom span {
	display: inline-block;
	min-width: 2rem;
	height: .7rem;
	line-height: .7rem;
	border-radius: .4rem;
	text-align: center;
	font-size: .28rem;
	float: right;
	margin-top: .15rem;
}

.xqBottom .blue {
	border: 1px solid #0076EE;
	color: #0076EE;
}

.xqBottom .gray {
	margin-right: .2rem;
	border: 1px solid #999;
	color: #999;
}

.bgGray {
	background: #f7f7f7;
}


.tcWrap {
	margin-top: 0.8rem;
	margin-bottom: 3rem;
}

.tcWrap .group {
	background: #fff;
	border-top: .16rem solid #f7f7f7;
	padding-bottom: .3rem;
}

.tcWrap h1 {
	font-size: .32rem;
	background: #fff;
	padding: .2rem .32rem;
}

.tcWrap h2 {
	font-size: .3rem;
	padding: .3rem 0;
}

.swiper-taocan {
	height: 4.3rem;
	border-radius: .1rem;
	overflow: hidden;
}

.swiper-taocan img {
	min-height: 4.3rem;
	width: 100%;
}

.swiper-taocan .swiper-slide {
	position: relative;
}

.swiper-taocan .swiper-slide span {
	position: absolute;
	background: rgba(0, 118, 238, .9);
	bottom: 0;
	height: .64rem;
	line-height: .64rem;
	color: #fff;
	font-size: .32rem;
	font-weight: 600;
	width: 100%;
	padding-left: 3%;
	left: 0;
	right: 0;
}

.swiper-taocan .swiper-slide em {
	font-size: .28rem;
	text-decoration: line-through;
	margin-left: .1rem;
	font-weight: 500;
}

.tcWrap h3 {
	font-size: .3rem;
	padding: .2rem .2rem;
	position: relative;
}

.tcWrap h3:before {
	content: "";
	position: absolute;
	left: 1px;
	top: .25rem;
	width: 3px;
	height: .3rem;
	background: #0076EE;
}

.tcWrap .dec {
	font-size: .28rem;
	line-height: 1.8;
	color: #333;
}

.storeWrap {
	margin-top: .8rem;
	overflow: hidden;

}

.storeWrap dl {
	background: #fff;
	margin-top: .16rem;
	padding: .32rem;
	position: relative;
}

.storeWrap dl dt {
	font-size: .28rem;
	font-weight: 600;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	border-bottom: 1px solid #eee;
}

.storeWrap dl dd:nth-child(2) {
	font-size: .24rem;
	color: #999;
}

.storeWrap dl dd:nth-child(3) {
	position: absolute;
	right: .3rem;
	bottom: .2rem;
	width: .5rem;
	height: .5rem;
	background: #0076EE;
	border-radius: 50%;
	line-height: .5rem;
	color: #fff;
	text-align: center;
}


.paybox {
	width: 100%;
	height: 1.2rem;
	position: fixed;
	max-width: 750px;
	bottom: 0;
	background-color: #FFFEFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 .24rem;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.paybox>div:first-child {
	width: 30%;
	display: flex;
	justify-content: space-between;
	text-align: center;
	font-size: 0;
	margin-left: .2rem;
}

.paybox>div:last-child {
	width: 58%;
}

.paybox>div:first-child i {
	font-size: .4rem;
	color: #343434;
	margin-bottom: 0.1rem;
	display: inline-block;
}

.paybox>div:first-child p {
	color: #666666;
	font-size: 0.25rem;
}

.paybox button {
	width: 100%;
	height: 0.75rem;
	line-height: 0.75rem;
	font-size: 0.3rem;
	background: #0076EE;
	border-radius: .5rem;
	text-align: center;
	color: #FEFEFE;
	border: none;
	outline: none;
}

.xzBottom {
	position: fixed;
	line-height: .9rem;
	height: .9rem;
	background: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 750px;
	margin: 0 auto;
	padding: 0 .2rem;
}

.xzBottom em {
	font-size: .32rem;
	color: #0076EE;
	font-weight: 600;
}

.xzBottom em i {
	font-size: .24rem;
	color: #999;
	text-decoration: line-through;
	;
}

.xzBottom span {
	width: 2rem;
	height: .8rem;
	line-height: .8rem;
	background: #0076EE;
	color: #fff;
	text-align: center;
	font-size: .3rem;
	border-radius: .5rem;
}



/* 客服 */
.kefu {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 750px;
	margin: 0 auto;
	display: none;
}

.kefu .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.kefu .title {
	font-size: .3rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: .16rem solid #f7f7f7;
}

.kefu .content {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
}

.kefu .content a {
	padding: .25rem .32rem;
}

.kefu .content p:nth-child(1) {
	font-size: .28rem;
	margin-bottom: .15rem;
	display: flex;
	align-items: center;
}

.kefu .content p:nth-child(1) em {
	padding: 1px .15rem;
	border-radius: 4px;
	background: #FF932A;
	color: #fff;
	margin-left: .1rem;
	font-weight: 400;
	font-size: .2rem;
}

.kefu .content p:nth-child(2) {
	font-size: .26rem;
	color: #999;
}

.kefu .content img {
	width: .5rem;
}

.kefu .content .cancle {
	text-align: center;
	font-size: .3rem;
	line-height: 1rem;
	border-top: .16rem solid #f7f7f7;
}

.date-tip {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 200;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	display: none;
}

.date-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 180;
	background: rgba(0, 0, 0, .3);
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto
}

.date-tip .date-wrap {
	width: 100%;
	z-index: 200;
	background: #fff;
	max-height: 75vh;
	overflow-y: scroll;
	bottom: 0;
	position: fixed
}

.ZYCalender .dateZone {
	width: 100%;
	margin: auto;
	background: #f5f5f5;
	color: #666;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 999;
}

.ZYCalender .dateZone td {
	background: #f5f5f5;
	width: 14.2%;
	font-size: 0.28rem;
	text-align: center;
	height: .7rem;
}

.ZYCalender .dateZone .colo {
	color: #FF9126;
}

.ZYCalender .tbody {
	padding-bottom: 2rem;
}

.ZYCalender .tbody td {
	background: #fff;
	text-align: center;
	padding: .1rem 0;
	font-size: 0.28rem;
	height: 0.7rem;
	line-height: .35rem;
	color: #999;
	width: 14.2%;
	border: 2px solid #fff;
}

.ZYCalender .tbody td .con {
	font-size: 0.26rem;
}

.ZYCalender .tbody td .con.active {
	color: #333;
}

.ZYCalender .tbody td p.active {
	color: #FF9126;
	font-size: .2rem;
	font-weight: 600
}

.ZYCalender .tbody .sel {
	background: #FF9126;
	border-radius: 5px;
}

.ZYCalender .tbody .sel .con.active {
	color: #fff;
}

.ZYCalender .tbody .sel .con.disabled {
	pointer-events: none;
}

.ZYCalender .tbody .sel .con.active p {
	color: #fff;
}

.ZYCalender .tbody tr {
	vertical-align: top;
}

.ZYCalender .dateTable {
	width: 100%;
	margin: auto;
}

.ZYCalender .tbody .month {
	width: 100%;
	text-align: center;
	font-size: 0.28rem;
	padding: .15rem 0;
}

.confirm {
	width: 100%;
	height: 0.8rem;
	background: #FF9126;
	position: fixed;
	bottom: 0;
	z-index: 999;
	text-align: center;
	font-size: 0.28rem;
	color: #fff;
	line-height: 0.8rem;
}

.tc {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.tc .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.tc .title {
	font-size: .3rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: .06rem solid #f7f7f7;
}

.tc .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
	padding-bottom: .5rem;
}

.tc .contents .infoList {
	padding: .24rem;
}

.tc .contents .infoList .i1 {
	font-weight: bold;
	font-size: .26rem;
	color: #333333;
}

.tc .contents .infoList .i2 {
	font-weight: 400;
	font-size: .24rem;
	color: #666666;
}

.tcs {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.tcs .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.tcs .title {
	font-size: .3rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: .06rem solid #f7f7f7;
}

.tcs .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
	padding-bottom: .5rem;
}

.tcs .contents .infoList {
	padding: .24rem;
}

.tcs .contents .infoList .i1 {
	font-weight: bold;
	font-size: .26rem;
	color: #333333;
}

.tcs .contents .infoList .i2 {
	font-weight: 400;
	font-size: .24rem;
	color: #666666;
}
.tces {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.tces .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.tces .title {
	font-size: .3rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: .06rem solid #f7f7f7;
}

.tces .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
	padding-bottom: .5rem;
}

.tces .contents .infoList {
	padding: .24rem;
}

.tces .contents .infoList .i1 {
	font-weight: bold;
	font-size: .26rem;
	color: #333333;
}

.tces .contents .infoList .i2 {
	font-weight: 400;
	font-size: .24rem;
	color: #666666;
}
.listBox .t3 .t3Item.t3ItemActive{
	background-color: #eee;
}
.listBox .t3 .t3Item.t3ItemActive .i2{
	color: #999999 ;
}
.listBox .t3 .t3Item.t3ItemActive .i4{
	color: #999999 ;
}