html,body {
	margin: 0;
	font-size: calc(100vw / 750);
	--background-color: #D61C0B;
	--font-color: #0DAB6E;
	--background-image: url('../images/functionBack.png');
	--fudou-img: url('../images/price.png');
	font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', 'Hiragino Sans GB', serif;
}

img {
	display: block;
}

.flex {
	display: flex;
}

.bold {
	font-weight: bold;
}

.Notselected {
	color: #b2b2b2 !important;
}

[v-cloak] {
	display: none !important;
}

/**
 * ios底部安全距离
 */
.safety_padding {
	padding-bottom: constant(safe-area-inset-bottom) !important;
	padding-bottom: env(safe-area-inset-bottom) !important;
}

.safety_margin {
	margin-bottom: constant(safe-area-inset-bottom) !important;
	margin-bottom: env(safe-area-inset-bottom) !important;
}

/**
 * ios底部安全距离
 */


.content {
	width: 750rem;
	min-height: 100vh;
	/*background-image: url("../images/backImg.png");*/
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: initial;
	background-color: var(--background-color);
	font-size: 24rem;
	display: inline-block;
}

.content.details {
	background-image: none;
	background-color: #f5f5f5;
}

.content.addAddress {
	background-image: none;
	background-color: #f5f5f5f5;
}

.content.logistics {
	background-image: none;
	background-color: #f5f5f5f5;
}

/**
 * 登录页样式
 */

.topImgBox{
	width: 100%;
	position: relative;
}

.topTitle{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 24rem 30rem;
	box-sizing: border-box;
}

.topCompany{
	font-size: 26rem;
	color: #ffffff;
}

.topCurator{
	font-size: 24rem;
	color: #ffffff;
}

.topImg {
	/*width: calc(100% - 52rem);*/
	height: 500rem;
	/*margin: auto 26rem;*/
	margin-top: 54px;
}

.topImg>img {
	width: 100%;
}

.searchBox{
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.searchBox .van-search__content{
	border-radius: 22px;
	overflow: hidden;
}

.longinBox {
	width: calc(100% - 52rem - 60rem);
	margin: 0 auto;
	padding: 30rem;
	border-radius: 18rem;
	background-color: #ffffff;
	position: relative;
}

.longinTitle {
	width: 100%;
	text-align: center;
	font-size: 32rem;
	padding-bottom: 24rem;
}

.longinForm {
	width: 100%;
}

.longinItem {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	border-bottom: 1rem solid #eeeeee;
	font-size: 26rem;
	padding-bottom: 20rem;
	margin-bottom: 20rem;
	position: relative;
}

.longinItem:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.longinFormTitle {
	width: 5em;
}

.longinFormVal {
	width: calc(100% - 5em - 20rem);
	margin-left: 20rem;
}

.getPhoneCode {
	width: 200rem;
	min-width: 5.5em;
	text-align: center;
	color: #ffffff;
	border-radius: 20rem;
	background-color: var(--background-color);
	font-size: 24rem;
}

.Obtained {
	color: #F7EED3;
	background-color: #8b8b8b;
}

.departmentList {
	width: calc(100% - 60rem);
	height: 0rem;
	padding: 0 30rem;
	overflow: auto;
	position: absolute;
	top: 100rem;
	left: 0;
	z-index: 999;
	background-color: #FFFFFF;
	transition: all .25s ease-in-out;
	box-shadow: 0 0 18rem rgba(0, 0, 0, 0.1);
	border-radius: 0 0 30rem 30rem;
}

.departmentList.show {
	height: 500rem;
}

.departmentItem {
	align-items: center;
	border-bottom: 2rem solid #eeeeee;
}

.departmentItem.select {
	color: var(--font-color);
	border-bottom: 2rem solid var(--font-color);
}

.departmentItem:last-child {
	border: 0;
}

.departmentItemIcon {
	margin: auto;
	margin-right: 0;
}

.department {
	align-items: center;
	justify-content: end;
}

.departmentName {
	width: calc(100% - 18rem);
	color: #212121;
}

.selectIcon {
	width: 18rem;
	margin-left: 12rem;
}

.longinFormVal>input {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	padding: 0 !important;
	border: 0;
	background-color: transparent;
	font-size: 26rem;
}

.signIn {
	width: 100%;
	margin-top: 80rem;
}

.signInText {
	width: 100%;
	height: 100rem;
	line-height: 100rem;
	font-size: 28rem;
	text-align: center;
	margin: auto;
	border-radius: 50rem;
	color: #ffffff;
	background-color: var(--background-color);
	box-shadow: 0 10rem 14rem rgba(242, 209, 166, .5);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 !important;
	border: 0 !important;
}

/**
 * 登录页样式
 */


/**
 * 首页样式
 */
.functionBox {
	width: calc(100% - 52rem);
	height: 140rem;
	margin: 0 26rem;
	align-items: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: var(--background-image);
	z-index: 2;
	position: relative;
}

.functionItem {
	width: calc(100% / 3);
	margin-bottom: 2%;
}

.functionItemimg {
	width: 50rem;
	height: 50rem;
	margin: auto;
}

.functionItemimg>img {
	width: 100%;
}

.functionItemText {
	width: 100%;
	line-height: 1;
	text-align: center;
	margin-top: 12rem;
	font-size: 22rem;
	color: #ffffff;
}

.indexGoodsListBox {
	width: calc(100% - 52rem);
	margin: 0 26rem;
	margin-bottom: 50px;
	display: inline-block;
}

.indexGoodsList {
	width: calc(100% / 2 - 10rem);
	margin-top: 24rem;
	margin-right: 20rem;
	float: left;
}

.indexGoodsList:last-child {
	margin-right: 0;
}

.goodsItem {
	width: calc(100% - 32rem);
	padding: 16rem;
	margin-bottom: 20rem;
	border-radius: 10rem;
	background-color: #ffffff;
}

.goodsImg {
	position: relative;
}

.outStockTips {
	width: 120rem;
	height: 120rem;
	line-height: 120rem;
	text-align: center;
	color: #ffffff;
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	top: calc(50% - 120rem / 2);
	left: calc(50% - 120rem / 2);
	border-radius: 50%;
	font-size: 24rem;
}

.goodsImg,
.goodsImg>img {
	width: 100%;
	border-radius: 10rem 10rem 0 0;
}

.goodsInfo {
	width: 100%;
	margin-top: 8rem;
}

.goodsName {
	line-height: 1.25;
	font-size: 28rem;
	color: #333333;
}

.priceAndCart{
	width: 100%;
	box-sizing: border-box;
	align-items: baseline;
	justify-content: space-between;
	margin-top: 30rem;
}

.addCartIcon{
	width: 36rem;
	height: 36rem;
	line-height: 36rem;
	background: linear-gradient(0deg, #D61C0B, #FC5B02);
	border-radius: 50%;
	text-align: center;
}

.goodsInfoBottom {
	width: 100%;
	margin-top: 14rem;
}

.goodsPrice {
	align-items: baseline;
}

.priceBox{
	align-items: baseline;
}
.priceIcon {
	width: max-content;

}

.priceNumber{
	line-height: 1;
	font-size: 32rem;
	color: #D61C0B;
	margin-left: 8rem;
}

.indexTabs .van-tab {
	min-width: 0 !important;
	max-width: max-content !important;
	font-size: 26rem !important;
}

.indexScreen {
	width: 100%;
	box-sizing: border-box;
}

.indexScreenList {
	width: 100%;
	height: 80rem;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border-bottom: 2rem solid #e7e7e7;
}

.indexScreenItem {
	width: calc(100% / 2);
	height: 80rem;
	line-height: 1;
	align-items: center;
	justify-content: center;
}

.indexScreenItemText {
	font-size: 28rem;
	color: #212121;
}

.indexScreenItemIcon {
	margin-left: 8rem;
}

.screenPopupTitle {
	width: 100%;
	height: 60rem;
	line-height: 60rem;
	font-size: 30rem;
	text-align: center;
}

.screenPopupList {
	width: 100%;
	box-sizing: border-box;
	padding: 0 30rem;
}

.screenPopupItem {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	font-size: 26rem;
	color: #212121;
	border-bottom: 2rem solid #dcdcdc;
}

.screenPopupItem:last-child {
	border: 0;
}

.intervalPopupBox {
	width: 100%;
	box-sizing: border-box;
}

.intervalPopupTitle {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	font-size: 30rem;
	text-align: center;
}

.intervalPopupList {
	width: 100%;
	padding: 0 18rem;
	box-sizing: border-box;
	display: inline-block;
}

.intervalPopupItem {
	width: calc(100% / 3 - 8rem * 2);
	height: 60rem;
	line-height: 60rem;
	text-align: center;
	background-color: #e7e7e7;
	float: left;
	margin: 8rem;
	border-radius: 30rem;
	font-size: 26rem;
	color: #212121;
}

.intervalPopupInput {
	width: 100%;
	padding: 30rem;
	padding-top: 0;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}

.intervalPriceLine{
	width: 24rem;
	height: 2rem;
	background-color: #dddddd;
	margin: 0 8rem;
}

.intervalMinPrice,.intervalMaxPrice{
	width: calc(100% / 2);
	box-sizing: border-box;
}

.intervalMinPrice input,.intervalMaxPrice input{
	width: 100%;
	height: 60rem;
	border-radius: 30rem;
	box-sizing: border-box;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	text-align: center;
	background-color: #e7e7e7;
}

.intervalPopupNav{
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0 30rem;
	box-sizing: border-box;
	padding-bottom: 20rem;
	margin-top: 24rem;
}

.intervalPopupNavItem{
	width: calc(100% / 2 - 10rem);
	height: 80rem;
	line-height: 80rem;
	text-align: center;
	background-color: #e7e7e7;
	border-radius: 14rem;
	font-size: 28rem;
}

.intervalPopupNavItem.reset{
	background-color: #e7e7e7;
	color: #333333;
}

.intervalPopupNavItem.interval{
	background-color: #EBB369;
	color: #ffffff;
}

.couponCenter{
	width: calc(100%  - 30rem * 2);
	height: 150rem;
	margin: 0 30rem;
	box-sizing: border-box;
	background-image: url('../images/couponBack.png?v=1');
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 20rem;
	position: relative;
}

.couponBox{
	width: 100%;
	height: 150rem;
	padding: 30rem;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
}

.couponLeft{
	width: max-content;
	line-height: 1;
}

.couponNumber{
	font-size: 32rem;
	color: #EBB369;
}

.couponValidity{
	font-size: 24rem;
	color: #8b8b8b;
	margin-top: 12rem;
}

.couponRight{
	padding-right: 60rem;
	line-height: 1;
}

.couponBalanceNumber{
	font-size: 32rem;
	color: #EBB369;
	text-align: center;
}
.couponBalanceText{
	width: 100%;
	text-align: center;
	font-size: 24rem;
	margin-top: 8rem;
}

.van-tabbar-item .van-info{
	width: 32rem !important;
	min-width: 32rem !important;
	height: 32rem !important;
	line-height: 32rem !important;
	font-size: 22rem !important;
	border: 0 !important;
}

.addCartBox{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 20rem;
}

.addCartInfo{
	width: 100%;
	box-sizing: border-box;
	padding: 30rem;
	padding-bottom: 0;
}

.addCartImg{
	width: 150rem;
	height: 150rem;
}
.addCartImg>img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.addCartOther{
	width: calc(100% - 150rem - 24rem);
	margin-left: 24rem;
}
.addCartName{
	font-size: 26rem;
	color: #212121;
}

.addCartOther .priceBox{
	margin-top: 30rem;
}

.addCartSku{
	width: 100%;
	padding: 0 30rem;
	box-sizing: border-box;
	margin-top: 60rem;
}

.addCartSkuTitle{
	font-size: 28rem;
	margin-bottom: 24rem;
}

.addCartSkuList{
	width: 100%;
	display: inline-block;
}

.addCartSkuItem{
	width: max-content;
	float: left;
	padding: 12rem 24rem;
	border-radius: 8rem;
	font-size: 24rem;
	color: #787878;
	background-color: #e2e2e2;
	border: 2rem solid #e2e2e2;
	margin: 8rem;
}

.addCartSkuItem.current{
	border: 2rem solid #D61C0B;
	color: #D61C0B;
	background-color: #fbfbe4;
}

.addCartNumber{
	width: 100%;
	padding: 0 30rem;
	margin-top: 60rem;
	box-sizing: border-box;
}
.addCartNumberTitle{
	font-size: 28rem;
	margin-bottom: 24rem;
}
.addCartNav{
	width: 100%;
	margin-top: 60rem;
	padding: 0 30rem;
	box-sizing: border-box;
}
.addCartNavtext{
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	font-size: 28rem;
	border-radius: 40rem;
	text-align: center;
	color: #ffffff;
	background: linear-gradient(-90deg, #D61C0B 0%, #FC5B02 100%);
}



/**
 * 套餐详情
 */
.explainBox {
	width: 100%;
	display: inline-block;
	background-color: #fbfbe4;
}

.detailTopBox {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	background: linear-gradient(180deg, #D61C0B 0%, #FC5B02 100%);
}

.detailTopBox.noBack {
	/*background-image: var(--background-image);*/
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}

.detailTop {
	width: 100%;
	height: 80rem;
	position: relative;
	align-items: center;
}

.detailTopLeft {
	width: 19rem;
	height: 100%;
	position: absolute;
	left: 26rem;
	z-index: 999999;
	align-items: center;

}

.detailTopLeft>img {
	width: 19rem;
	height: 24rem;
}

.detailTopTitle {
	width: 100%;
	height: 100%;
	line-height: 80rem;
	position: absolute;
	text-align: center;
	font-size: 32rem;
	font-weight: 500;
	color: #ffffff;
}

.bannerBox {
	margin-top: 80rem;
}

.bannerBox .van-swipe-item {
	height: 100vw !important;
	line-height: 550rem;
	text-align: center;
	background-color: #FFFFFF;
}

.bannerItem,
.bannerItem>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.detailsGoodsInfo {
	width: calc(100% - 52rem);
	padding: 26rem;
	position: relative;
	background: #FFFFFF;
	box-shadow: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.detailsGoodsName {
	font-size: 28rem;
	color: #333333;
	margin-bottom: 20rem;
}

.detailsGoodsPrice {
	color: var(--font-color);
	margin-top: 14rem;
	font-size: 24rem;
}

.detailsGoodsPrice strong {
	font-size: 32rem;
	margin-left: 4rem;
}

.detailsOtherBox {
	width: calc(100% - 52rem);
	padding: 0 26rem;
	margin-top: 20rem;
	background-color: #ffffff;
	box-shadow: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.detailsOtherItem {
	width: 100%;
	min-height: 80rem;
	border-bottom: 1rem solid #B3B3B3;
	align-items: center;
}

.detailsOtherItem:last-child {
	border: 0;
}

.shippingAddressIcon,
.shippingAddressIcon>img {
	width: 32rem;
	height: 32rem;
	margin-right: 12rem;
}

.shippingAddressRightIcon,
.shippingAddressRightIcon>img {
	width: 25rem;
	height: 25rem;
	margin: auto;
	margin-right: 0;
}

.shippingAddressText {
	width: calc(100% - 70rem - 25rem);
	font-size: 24rem;
	align-items: baseline;
}

.shippingAddressTitle {
	width: 60rem;
	font-size: 28rem;
	margin-right: 10rem;
}

.shippingAddressVal {
	width: calc(100% - 70rem);
	font-size: 24rem;
	display: block;
	/*内联对象需加*/
	word-break: keep-all;
	/* 不换行 */
	white-space: nowrap;
	/* 不换行 */
	overflow: hidden;
	/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis;
	/*溢出时显示省略标记...；需与overflow:hidden；一起使用*/
}

.detailedInformation {
	width: 100%;
	margin-top: 20rem;
	margin-bottom: 100rem;
}

.detailedInformation>img {
	width: 100%;
}

.detailsBottomNavBox {
	width: 100%;
	padding: 0 30rem;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999;
	background-color: #ffffff;
	box-shadow: 0 0 14rem rgba(0, 0, 0, 0.1);
}

.detailsBottomNav{
	width: 100%;
	height: 100rem;
	align-items: center;
}

.service{
	width: 50rem;
	box-sizing: border-box;
}
.serviceIcon{
	width: 100%;
	text-align: center;
}
.serviceText{
	width: 100%;
	font-size: 24rem;
	text-align: center;
	justify-content: space-between;
}

.detailsBottomNavOther{
	width: calc(100% - 50rem - 24rem);
	height: 75rem;
	line-height: 75rem;
	align-items: center;
	border-radius: 38rem;
	background: linear-gradient(-90deg, #D61C0B 0%, #FC5B02 100%);
	margin-left: 24rem;
	box-sizing: border-box;
	position: relative;
}

.detailsBottomNavOther::after{
	width: 1rem;
	height: 80%;
	position: absolute;
	top: 10%;
	left: 50%;
	content: '';
	background-color: #ffffff;
}

.purchase {
	text-align: center;
	border-radius: 38rem;
	margin: auto;
	font-size: 24rem;
	color: #FFFFFF;
}

.addCartDetail{
	text-align: center;
	color: #ffffff;
	font-size: 24rem;
	border-radius: 38rem;
}

.purchase,.addCartDetail{
	width: calc(100% / 2);
}

.van-overlay {
	z-index: 999999 !important;
}

.van-popup {
	z-index: 9999999 !important;
}

.content.index .van-popup {
	width: 100vw;
}

.exchangeMethod {
	width: calc(100% - 52rem - 100rem);
	margin: 26rem;
	margin-top: 146rem;
	padding: 50rem;
	border-radius: 12rem;
	background-image: url("../images/exchangeMethodBackImg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	position: relative;
}

.exchangeMethod:last-child {
	margin-top: 70rem !important;
	background-image: url("../images/explainBackImg.png");
	background-size: cover;
	background-position: bottom center;
}

.exchangeMethodTitleBox {
	width: 300rem;
	height: 64rem;
	line-height: 64rem;
	border: 4rem solid #E57542;
	position: absolute;
	left: calc(50% - 150rem);
	top: -32rem;
	border-radius: 35rem;
	padding: 2rem;
	background-color: #FFFFFF;
}

.exchangeMethodTitle {
	text-align: center;
	padding: 0 60rem;
	font-size: 30rem;
	border-radius: 30rem;
	color: #E57542;
	background-color: #fcf4ca;
}

.explainItem {
	align-items: stretch;
	margin-top: 20rem;
	padding-bottom: 26rem;
	border-bottom: 1rem solid #F7EED3;
}

.explainItem:last-child {
	border: 0;
	margin-top: 26rem;
	padding-bottom: 0;
}

.explainItemImg,
.explainItemImg>img {
	width: 65rem;
}

.explainItemText {
	width: calc(100% - 65rem - 34rem);
	margin-left: 34rem;
	font-size: 20rem;
	color: #FFFFFF;
}

.explainItemTextTitle {
	font-size: 24rem;
}

.explainItemTextVal {
	white-space: pre-wrap;
	margin-top: 4rem;
}

.explainItemsBox {
	width: 100%;
}

.explainItems {
	font-size: 20rem;
	color: #FFFFFF;
	margin-top: 24rem;
}


.orderList {
	width: calc(100% - 52rem);
	min-height: calc(100vh - 132rem);
	padding: 0 26rem;
	margin-top: 106rem;
	padding-bottom: 50px;
	background-color: #f5f5f5;
}

.orderItem {
	width: 100%;
	border-radius: 18rem;
	background-color: #ffffff;
	margin-bottom: 30rem;
	box-shadow: 0 0 14rem rgba(0,0,0,.05);
}

.orderItemTop {
	width: calc(100% - 24rem * 2);
	padding: 24rem;
}

.orderItemNum {
	font-size: 24rem;
}

.orderItemTime {
	font-size: 24rem;
	margin: auto;
	margin-right: 0;
}

.orderGoodsListBox{
	width: 100%;
	padding: 25rem;
	box-sizing: border-box;
	background-color: #D61C0B;
	border-radius: 18rem;
}

.orderItemInfo {
	align-items: stretch;
	margin-bottom: 20rem;
	padding-bottom: 20rem;
	border-bottom: 1rem solid #ffffff8a;
}

.orderItemInfo:last-child{
	padding-bottom: 0;
	border: 0;
	margin-bottom: 0;
}

.orderItemImg,
.orderItemImg>img {
	width: 150rem;
	border-radius: 18rem;
}

.orderItemImg>img {
	border: 4rem solid #f2d1a6;
	background-color: #ffffff;
}

.orderItemGoodsInfo {
	width: 100%;
	margin-left: 30rem;
	color: #FFFFFF;
	position: relative;
}

.orderGoodsName {
	font-size: 26rem;
}

.orderGoodsDescribe {
	font-size: 22rem;
	color: rgba(255, 255, 255, 0.65);
	margin-top: 14rem;
	margin-bottom: 30rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.orderGoodsPriceAndNum{
	width: 100%;
	align-items: center;
}

.orderGoodsPriceAndNum .priceNumber{
	color: #FFFFFF;
}

.orderGoodsPriceAndNum .orderGoodsNumber{
	font-size: 24rem;
	color: #FFFFFF;
	margin-left: 12rem;
}

.orderGoodsListOther{
	width: 100%;
	padding: 24rem;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
}

.orderGoodsListOther .priceNumber{
	font-size: 28rem;
}

.orderGoodsListTime{
	font-size: 24rem;
	line-height: 1;
}

.orderGoodsSummary{
	align-items: center;
}
.orderGoodsSummaryText{
	font-size: 24rem;
	margin-right: 4rem;
}

.orderPrice {
	width: max-content;
	font-size: 24rem;
	position: absolute;
	right: 0;
	bottom: 0;
}

.orderDetailsAddress {
	width: calc(100% - 52rem - 48rem);
	margin: 26rem;
	display: inline-flex;
	margin-top: 130rem;
	background-color: #FFFFFF;
	padding: 24rem;
	border-radius: 18rem;
	align-items: stretch;
}

.addressIcon {
	width: 30rem;
	margin-top: 4rem;
}

.addressIcon>img {
	width: 100%;
}

.addressInfo {
	width: calc(100% - 50rem);
	margin-left: 20rem;
}

.addressNamePhone {
	align-items: baseline;
}

.addressName {
	font-size: 28rem;
	color: #333333;
}

.addressPhone {
	font-size: 24rem;
	color: #666666;
	margin-left: 8rem;
}

.modifyAddress {
	line-height: 1.5;
	border: 2rem solid #B3B3B3;
	color: #666666;
	font-size: 22rem;
	margin: auto;
	margin-right: 0;
	margin-top: 0;
	border-radius: 20rem;
	padding: 0 24rem;
	padding-top: 4rem;
}

.addressDetailedAddress {
	font-size: 24rem;
	color: #666666;
	margin-top: 8rem;
}

.orderGoodsList {
	width: 100%;
	margin-top: -1rem;
}

.orderGoodsItem {
	width: calc(100% - 60rem);
	padding: 20rem 30rem;
	align-items: flex-start;
}

.orderGoodsImg {
	width: 135rem;
}

.orderGoodsImg>img {
	width: 100%;
	border: 2rem solid #B3B3B3;
	border-radius: 10rem;
}

.orderGoodsInfo {
	width: calc(100% - 135rem - 15rem);
	margin-left: 15rem;
}

.orderGoodsInfo .priceNumber{
	color: #D61C0B;
}

.orderGoodsInfo .orderGoodsNumber{
	color: #212121;
}

.orderDetailsGoodsName {
	font-size: 24rem;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.orderDetailsGoodsDescribe {
	color: #8b8b8b;
	font-size: 20rem;
	margin-top: 4rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 24rem;
}

.orderDetailsGoodsQuantity {
	font-size: 24rem;
	margin-top: 8rem;
	color: #818181;
}

.orderDetailsGoodsQuantity:first-child {
	margin-top: 12rem !important;
}

.orderDetailsOther {
	width: calc(100% - 52rem - 40rem);
	margin: 26rem;
	background-color: #ffffff;
	border-radius: 18rem;
	padding: 20rem;
}

.orderDetailsNum,
.orderDetailsAddTime,
.orderDetailsPayTime {
	width: 100%;
	min-height: 50rem;
	/*line-height: 50rem;*/
	font-size: 24rem;
	align-items: center;
}

.logisticsGoodsList {
	width: calc(100% - 52rem);
	margin: 0 26rem;
	margin-top: 110rem;
	position: relative;
	background-color: #DD884B;
	border-radius: 18rem;
}

.logisticsNav {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	font-size: 26rem;
	text-align: center;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
}

.logisticsNavRight {
	width: max-content;
	align-items: center;
	margin: auto;
	margin-right: 20rem;
	color: rgba(255, 255, 255, 0.85);
}

.logisticsNavText {
	margin: 0 8rem 0 4rem;
}


.SkuDescription {
	width: calc(100% - 60rem);
	padding: 30rem;
}

.SkuDescriptionTitle {
	width: 100%;
	font-size: 28rem;
	text-align: center;
	margin-bottom: 30rem;
}

.SkuDescriptionNr {
	line-height: 1.5;
	color: #666666;
	font-size: 24rem;
	white-space: pre-wrap;
}

.detailedInformationTitle {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	text-align: center;
	font-size: 26rem;
	background-color: #FFFFFF;
}

.packageListBox {
	width: 100%;
	position: relative;
}

.packageTitle {
	width: calc(100% - 30rem * 2);
	height: 48rem;
	line-height: 48rem;
	padding: 0 30rem;
}

.packageList {
	width: calc(100% - 60rem);
	padding: 0 30rem;
	margin-bottom: 20rem;
	display: inline-block;
	background-color: #FFFFFF;
}

.packageItem {
	width: 100%;
	padding: 24rem 0;
	border-bottom: 2rem solid #B3B3B3;
}

.packageItem:last-child {
	border-bottom: 0;
}

.packageGoodsItem {
	width: 100%;
	align-items: stretch;
}

.packageItemAddress {
	width: 100%;
	align-items: center;
	margin-top: 20rem;
}

.packageItemAddressTitle {
	width: 5em;
	font-size: 26rem;
}

.packageItemAddressText {
	width: calc(100% - 5em - 6em - 8rem);
	font-size: 26rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-right: 8rem;
}

.modifyAddressNav {
	width: 6em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border-radius: 1em;
	font-size: 24rem;
	color: #FFFFFF;
	background: linear-gradient(180deg, #DD884B, #EBB369);
}

.packageChoose {
	width: 36rem;
	margin-right: 14rem;
}

.packageChoose>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.packageItemImg {
	width: 120rem;
}

.packageItemImg>img {
	width: 100%;
	border-radius: 10rem;
}

.packageItemInfo {
	width: calc(100% - 120rem - 20rem - 50rem);
	margin-left: 20rem;
}

.packageItemName {
	line-height: 1.25;
	font-size: 26rem;
	color: #212121;
}

.packageItemNum {
	color: #666666;
	font-size: 24rem;
	margin-top: 14rem;
}

.memberBox {
	width: calc(100% - 60rem - 240rem);
	margin: 30rem;
	margin-top: 180rem;
	padding: 30rem 120rem;
	border-radius: 10rem;
	background-image: url("../images/userInfoBack.png?v=1");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	position: relative;
}

.userInfoBox {
	width: 400rem;
	margin: auto;
	border: 4rem solid #D61C0B;
	background-color: #fcf4ca;
	border-radius: 24rem;
	padding: 2rem;
	text-align: center;
	position: absolute;
	top: -60rem;
	left: calc(50% - 200rem);
}

.userInfo {
	width: calc(400rem - 96rem);
	background-color: #fcf4ca;
	padding: 16rem 48rem;
	border-radius: 24rem;
}

.memberName {
	font-size: 32rem;
	color: #D61C0B;
}

.memberDepartment {
	font-size: 24rem;
	color: #D61C0B;
}

.exchangeInfo {
	width: 100%;
	padding: 80rem 0;
	margin-top: 30rem;
}

.exchangeTimes,
.remainingTimes {
	width: 50%;
	color: #FFFFFF;
	font-size: 30rem;
}

.remainingTimes {
	text-align: end;
}

.withdrawFrom {
	width: 300rem;
	height: 80rem;
	line-height: 80rem;
	text-align: center;
	border: 4rem solid #D61C0B;
	color: #D61C0B;
	background-color: #FFFFFF;
	border-radius: 40rem;
	position: absolute;
	bottom: -30rem;
	left: calc(50% - 150rem);
	font-size: 28rem;
}

.recordNav{
	width: max-content;
	margin: auto;
	margin-top: 160rem;
	font-size: 28rem;
	padding: 0 18rem;
	padding-bottom: 4rem;
	border-bottom: 2rem solid #D61C0B;
	align-items: center;
	justify-content: center;
}

.recordNavIcon{
	color: #D61C0B;
	margin-right: 6rem;
	font-size: 38rem;
}

.addAddressForm {
	width: calc(100% - 52rem - 60rem);
	margin: 0 26rem;
	padding: 10rem 30rem;
	margin-top: 120rem;
	border-radius: 10rem;
	background-color: #ffffff;
}

.addAddressItem {
	width: 100%;
	height: 60rem;
	line-height: 60rem;
	align-items: center;
	padding: 20rem 0;
	border-bottom: 2rem solid rgba(0, 0, 0, 0.102);
	align-items: center;
}

.addAddressItem:last-child {
	border: 0;
}

.addressChoose {
	margin: auto 0;
}

.addAddressItemTitle {
	width: 160rem;
	font-size: 26rem;
}

.addAddressItemVal {
	width: calc(100% - 160rem);
	align-items: center;
}

.addAddressItemValText {
	line-height: 1.25;
	color: #212121;
}

.noSelected {
	color: #b2b2b2 !important;
}

.addAddressItemValIcon {
	margin: auto;
	margin-right: 0;
}

.addAddressItemVal>input {
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	border: 0;
	background-color: transparent;
}

.van-switch {
	display: block !important;
	margin: auto !important;
	margin-right: 0 !important;
}

.van-switch__node {
	width: 32rem;
	height: 32rem;
	box-shadow: none;
	top: calc(50% - 16rem);
	left: 5rem;
}

.addressSubmit {
	width: calc(100% - 52rem);
	height: 90rem;
	line-height: 90rem;
	text-align: center;
	margin: 0 26rem;
	margin-top: 90rem;
	border-radius: 40rem;
	font-size: 28rem;
	color: #FFFFFF;
	background-color: var(--background-color);
	 box-shadow: 0 10rem 14rem rgba(252, 142, 131, .5); 
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.addressListBox {
	width: calc(100% - 60rem);
	padding: 30rem;
}

.addressListTitle {
	width: 100%;
	text-align: center;
	font-size: 28rem;
	position: relative;
}

.addAddressListTitleText {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 28rem;
	padding-bottom: 30rem;
	background-color: #FFFFFF;
}

.addAddressListTitleTIcon {
	width: max-content;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 24rem;
}

.addressList {
	width: 100%;
	max-height: 800rem;
	overflow-y: auto;
	margin-top: 80rem;
}

.addressItem {
	width: 100%;
	padding: 15rem 0;
}

.addressItem.select {
	border-bottom: var(--background-color) solid 2rem;
}

.addressUserInfo {
	width: 100%;
	align-items: baseline;
	margin-bottom: 4rem;
}

.userInfoName {
	font-size: 28rem;
	color: #212121;
	margin-right: 14rem;
}

.userInfoPhone {
	font-size: 22rem;
	color: #666666;
}

.addressDetailed {
	width: 100%;
	color: #666666;
}

.addressNav {
	width: 100%;
	height: 80rem;
	line-height: 80rem;
	text-align: center;
	border-radius: 40rem;
	font-size: 26rem;
	margin-top: 40rem;
	color: #FFFFFF;
	background-color: var(--background-color);
	box-shadow: 0 10rem 14rem var(--background-color);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.addressOther {
	width: 100%;
	margin-left: 20rem;
}

.addressListTips {
	width: calc(100% - 60rem);
	padding: 0 30rem;
	margin-top: 80rem;
}

.addressListTips>img {
	width: 400rem;
	margin: auto;
}

.van-toast {
	z-index: 9999999999 !important;
}

.orderGoodsListBoxs{
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 18rem;
	overflow: hidden;
}

.orderGoodsListBoxsItem{
	width: 100%;
	position: relative;
}

.packageName {
	width: calc(100% - 40rem);
	padding: 20rem;
	align-items: center;
}

.packageNameText {
	color: #212121;
	font-size: 28rem;
}

.packageNameIcon {
	margin: auto;
	margin-right: 0;
}

.logisticsListBox {
	width: calc(100% - 60rem);
	padding: 30rem;
	margin-top: 80rem;
}

.van-divider {
	margin: 0 !important;
}

.logisticsList {
	width: 100%;
	margin-top: 30rem;
}

.logisticsItem {
	width: calc(100% - 60rem);
	padding: 30rem;
	padding-bottom: 18rem;
	border-radius: 14rem;
	background-color: #FFFFFF;
	margin-bottom: 20rem;
}

.deliveryBox {
	width: 100%;
}

.deliveryInfo {
	width: 100%;
	align-items: baseline;
	margin-bottom: 14rem;
}

.deliveryName {
	font-size: 28rem;
	margin-left: 12rem;
}

.deliveryNum {
	font-size: 26rem;
	margin-left: 22rem;
}

.deliveryDetailed {
	color: #8b8b8b;
}

.logisticsItemGoods {
	width: 100%;
	display: inline-block;
	margin-top: 20rem;
}

.logisticsItemGoodsItem {
	width: 120rem;
	float: left;
	margin-right: 12rem;
	margin-bottom: 12rem;
}

.logisticsItemGoodsItem>img {
	width: 100%;
}

.noOrderTips {
	width: 400rem;
	margin: auto;
	margin-top: 200rem;
}

.noOrderTips>img {
	width: 100%;
}

.noOrderTipsText {
	width: 100%;
	text-align: center;
	font-size: 28rem;
	margin-top: 20rem;
	color: #DD884B;
}

.logisticsDetailsBox {
	width: calc(100% - 60rem);
	margin: 0 30rem;
	margin-top: 110rem;
	margin-bottom: 30rem;
}

.logisticsDetailsInfo {
	width: calc(100% - 60rem);
	padding: 30rem;
	border-radius: 14rem;
	background-color: #ffffff;
}

.logisticsDetailsName {
	font-size: 24rem;
	color: #8b8b8b;
}

.logisticsDetailsName strong {
	font-size: 28rem;
	color: #212121;
}

.logisticsDetailsNumber {
	font-size: 24rem;
	color: #8b8b8b;
	margin-top: 8rem;
}

.logisticsTrends {
	width: calc(100% - 60rem);
	padding: 30rem;
	background-color: #ffffff;
	margin-top: 20rem;
	border-radius: 14rem;
}

.logisticsTrendsItem {
	align-items: stretch;
	margin-bottom: 30rem;
}

.logisticsTrendsItem:last-child {
	margin-bottom: 0;
}

.logisticsTrendsItemTime {
	width: 200rem;
	color: #8b8b8b;
	position: relative;
	padding-right: 30rem;
}

.logisticsTrendsItemTime::after {
	width: 1px;
	height: calc(100% + 30rem);
	content: '';
	background-color: #ff7f9c;
	position: absolute;
	right: 30rem;
	top: 4rem;
}

.logisticsTrendsItem:last-child .logisticsTrendsItemTime::after {
	display: none;
}

.logisticsTrendsItemTime::before {
	width: 16rem;
	height: 16rem;
	content: ' ';
	background-color: #fe467c;
	position: absolute;
	right: calc(30rem - 7rem);
	top: 4rem;
	z-index: 9;
	border-radius: 50%;
}

.logisticsTrendsItemInfo {
	width: calc(100% - 200rem);
	font-size: 22rem;
	color: #787878;
}

.logisticsTrendsItemInfo strong {
	color: #FF7F9C;
	font-size: 26rem;
}

.goods_desc {
	width: 100%;
	;
	color: #666666;
	font-size: 24rem;
	margin-top: 14rem;
	align-items: stretch;
}

.goods_descTitle {
	width: 75rem;
}

.goods_descText {
	width: calc(100% - 75rem);
	;
	white-space: break-spaces;
}

.logisticsNavLeft {
	align-items: center;
	margin: auto;
	margin-left: 20rem;
}

.orderStatusIcon {
	width: 42rem;
	margin-right: 12rem;
}

.orderStatusIcon>img {
	width: 100%;
}

.orderStatusText {
	font-size: 28rem;
}

/**
首页弹窗
 */
.orationPopup {
	width: 700rem !important;
	background-color: transparent;
	overflow-y: inherit !important;
}

.orationBox {
	width: 100%;
	position: relative;
}

.orationTop {
	width: 100%;
}

.orationTop>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.orationcontentBox {
	width: calc(100% - 164rem * 2);
	padding: 0 164rem;
	background-image: url("../images/orationcontentBg.png");
	background-size: 100% auto;
	margin-top: -2rem;
}

.orationContent {
	font-size: 28rem;
	color: #e22130;
	max-height: 45vh;
	overflow: auto;
	padding-top: 20rem;
}

.orationContent p {
	margin: 0 !important;
	padding: 0 !important;
}

.orationTitle {
	width: 100%;
	font-size: 32rem;
	text-align: center;
	color: #e22130;
}


.orationBottom {
	width: 100%;
	margin-top: -1rem;
}

.orationBottom>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.closeIcon {
	width: 56rem;
	height: 56rem;
	position: absolute;
	top: -30rem;
	right: 0;
	z-index: 99;
}

.closeIcon>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}




.functionalArea {
	width: calc(100% - 60rem);
	height: 80rem;
	padding: 0 30rem;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #ffffff;
	box-shadow: 0 0 14rem rgba(0, 0, 0, .08);
}

.functionalAreaSelectAll {
	align-items: center;
}

.functionalAreaSelectAllIcon {
	width: 40rem;
	height: 40rem;
	margin-right: 12rem;
}

.functionalAreaSelectAllIcon>img {
	width: 100%;
	height: auto;
}

.functionalAreaSelectAllText {
	width: max-content;
	line-height: 1;
	font-size: 26rem;
}

.functionalAreaEdit {
	width: max-content;
	line-height: 1;
	font-size: 26rem;
}

.functionalAreaEdit.ing {
	color: #ff0000;
}

/**
 * 购物车
 */

.emptyTips {
  width: 100%;
  display: inline-block;
  margin-top: 140rem;
  margin-bottom: 140rem;
}

.emptyTipsImg {
  width: 260rem;
  height: 260rem;
  margin: auto;
}

.emptyTipsImg>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.emptyTipsText {
  width: 100%;
  text-align: center;
  font-size: 26rem;
  color: #848E9C;
  margin-top: 28rem;
}

.cartList{
  width: calc(100% - 36rem);
  padding: 24rem 18rem;
  padding-bottom: calc(100rem + 50px + 24rem);
  margin-top: 80rem;
  background-color: #f5f5f5;
}
.cartItem{
  width: calc(100% - 52rem);
  padding: 30rem 26rem;
  background-color: #ffffff;
  border-radius: 20rem;
  margin-bottom: 20rem;
}
.cartItem:last-child{
  margin-bottom: 0;
}
.cartItemSupplier{
  width: 100%;
  align-items: center;
}
.choiceSupplierIcon{
  width: 40rem;
  height: 40rem;
}
.choiceSupplierIcon>img{
  width: 100%;
  height: auto;
}
.supplierIcon{
  width: 32rem;
  height: 32rem;
  margin: 0 10rem 0 26rem;
}
.supplierIcon>img{
  width: 100%;
  height: auto;
}
.supplierName{
  font-size: 28rem;
  color: #212833;
  margin-left: 14rem;
}
.cartItemGoodsBox{
  width: 100%;
}
.cartItemGoodsItem{
  width: 100%;
  margin-top: 40rem;
}
.choiceCartItemGoodsIcon{
  width: 40rem;
  height: 40rem;
  margin: auto 0;
  border-radius: 50%;
  padding-right: 26rem;
}
.choiceCartItemGoodsIcon>img{
  width: 100%;
  height: auto;
}

.cartItemGoodsRight{
	width: calc(100% - 66rem);
}

.cartItemGoodsImg{
  width: 136rem;
  height: 136rem;
  overflow: hidden;
  margin-right: 26rem;
}
.invalidGoodsBox .cartItemGoodsImg{
  filter: grayscale(80%);
}
.cartItemGoodsImg>img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 14rem;
}
.cartItemGoodsInfo{
  width: calc(100% - 162rem);
  position: relative;
}

.invalidGoodsInfo{
	width: calc(100% - 228rem);
}

.cartItemGoodsName{
  width: 100%;
  font-size: 26rem;
  font-weight: 500;
  color: #212833;
  line-height: 36rem;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cartItemGoodsSku{
  font-size: 24rem;
  margin-top: 14rem;
  margin-bottom: 60rem;
  color: #A9ABB0;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.invalidGoodsBox .cartItemGoodsName{
  color: #A9ABB0;
}
.invalidGoodsTop{
  align-items: baseline;
}
.invalidGoodsTitle{
  font-size: 30rem;
}
.delInvalidGoods{
  font-size: 26rem;
  font-weight: 400;
  color: #F08519;
  margin: auto;
  margin-right: 0;
}
.cartItemGoodsOther{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: space-between;
}

.cartItemGoodsOther .van-stepper__input{
	font-size: 26rem !important;
}

.invalidTips{
  color: #212833;
  font-size: 26rem;
}
.delItemGoods{
  font-size: 26rem;
  margin: auto;
  margin-right: 0;
  color: #eb1212;
}

.goodsQuantityBox{
  width: max-content;
  margin: auto;
  margin-right: 0;
  margin-bottom: 0;
  color: #787878;
  align-items: center;
}
.goodsQuantityReduce{
  width: 32rem;
  height: 32rem;
  display: flex;
  align-items: center;
}
.goodsQuantityReduce>img{
  width: 16rem;
  height: 16rem;
  margin: auto;
}
.goodsQuantityPlus{
  width: 32rem;
  height: 32rem;
  display: flex;
  align-items: center;
}
.goodsQuantityPlus>img{
  width: 16rem;
  height: 16rem;
  margin: auto;
}
.goodsQuantityNumBox{
  width: max-content;
  height: 44rem;
  line-height: 44rem;
  margin: 0 8rem;
}
.goodsQuantityNum{
  width: 76rem;
  height: 44rem;
  line-height: 44rem;
  text-align: center;
  color: #212833;
  background-color: #F6F6F6;
  border-radius: 4rem;
  font-size: 24rem;
}

.ribbonBox{
  width: calc(100% - 60rem);
  height: 100rem;
  position: fixed;
  left: 0;
  bottom: 50px;
  z-index: 999;
  background-color: #ffffff;
  box-shadow: 0 -6rem 6rem rgba(0, 0, 0, .08);
  padding: 0 30rem;
}
.ribbon{
  width: 100%;
  height: 100rem;
  align-items: center;
}
.ribbonSelectAll{
  width: max-content;
  align-items: center;
}
.ribbonSelectAllIcon{
  width: 40rem;
  height: 40rem;
  margin-right: 12rem;
}
.ribbonSelectAllIcon>img{
  width: 100%;
  height: auto;
}
.ribbonSelectAllText{
  font-size: 26rem;
  color: #212833;
  line-height: 1;
}
.ribbontotalBox{
  width: max-content;
  align-items: center;
  margin: auto;
}
.ribbonTips{
  font-size: 24rem;
  color: #999999;
  margin-right: 8rem;
}
.ribbontotalText{
  color: #212833;
  font-size: 24rem;
}
.ribbontotalPrice{
  align-items: center;
}
.ribbontotalNav{
  width: 200rem;
  height: 80rem;
  line-height: 80rem;
  text-align: center;
  border-radius: 40rem;
  font-size: 28rem;
  color: #ffffff;
  background: linear-gradient(315deg, #D61C0B 0%, #FC5B02 100%);
  margin: auto;
  margin-right: 0;
}
.cartEdit{
  background: linear-gradient(180deg, #fa242477 0%, #fa2424 100%);
}


/**
确认订单
 */
.shipAddressBox{
	width: calc(100% - 40rem);
	margin: 20rem auto;
}
.shipAddressInfo{
	width: calc(100% - 68rem);
	padding: 32rem 34rem;
	background-color: #ffffff;
	border-radius: 20rem;
	align-items: center;
}
.delivery{
	padding: 18rem 34rem;
}
.shipAddress{
	width: calc(100% - 32rem);
}
.provincialUrbanAreas{
	width: 100%;
	align-items: center;
}
.provincialUrbanAreasText{
	font-size: 26rem;
	color: #212833;
}
.provincialUrbanAreasTag{
	padding: 2rem 10rem;
	font-size: 20rem;
	color: #F08519;
	background: rgba(240, 133, 25, .1);
	border-radius: 8rem;
	margin-left: 10rem;
}
.detailedAddress{
	font-size: 30rem;
	color: #212833;
	margin: 10rem 0;
}
.addUserInfo{
	width: 100%;
}
.userName{
	font-size: 26rem;
	color: #212833;
}
.userPhone{
	font-size: 26rem;
	color: #212833;
	margin-left: 20rem;
}
.addressTips{
	font-size: 32rem;
	color: #ff0000;
}

.goodsList{
	width: 100%;
}
.goodsWarehouse{
	width: 100%;
	border-bottom: 2rem solid #f5f5f5;
	margin-bottom: 20rem;
}
.goodsWarehouseItem{
	width: 100%;
	align-items: center;
	margin-bottom: 20rem;
}
.warehouseItemIcon{
	width: 32rem;
	height: 32rem;
	margin-right: 12rem;
}
.warehouseItemIcon>img{
	width: 100%;
	height: auto;
}
.warehouseItemText{
	font-size: 28rem;
	color: #212833;
}
.goodsWarehouse .goodsItem{
	width: 100%;
	margin-bottom: 24rem;
}
.goodsWarehouse:last-child{
	border: 0;
	margin-bottom: 0;
}
.goodsWarehouse:last-child .goodsItem{
	margin-bottom: 0;
}
.goodsWarehouse .goodsImg{
	width: 180rem;
	height: 180rem;
}
.goodsImg>img{
	width: 100%;
	height: auto;
	border-radius: 8rem;
}
.goodsWarehouse .goodsInfo{
	width: calc(100% - 180rem);
	margin-left: 26rem;
}
.goodsWarehouse .goodsName{
	font-size: 26rem;
	color: #212833;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 这里是超出几行省略 */
}
.goodsSku{
	font-size: 24rem;
	color: #9199A5;
	margin: 14rem 0;
}

.goodsPriceAndNum{
	margin-top: 24rem;
	align-items: center;
}

.deliveryBox{
	width: 100%;
}
.deliveryItem{
	width: 100%;
	align-items: center;
	padding: 14rem 0;
}
.deliveryTitle{
	font-size: 24rem;
	color: #212833;
}
.deliveryVlue{
	margin: auto;
	margin-right: 0;
	align-items: center;
}
.optionItem{
	align-items: center;
}
.optionText{
	font-size: 24rem;
	color: #212833;
}
.optionIcon{
	width: 28rem;
	height: 28rem;
	margin-left: 14rem;
}
.optionIcon>img{
	width: 100%;
	height: auto;
}
.deliveryPrice{
	align-items: baseline;
}
.deliveryPriceIcon{
	width: 20rem;
	height: 22rem;
	margin-right: 4rem;
}
.deliveryPriceIcon>img{
	width: 100%;
	height: auto;
}
.deliveryPriceNum{
	font-size: 30rem;
	color: #de1f24;
}

.deliveryVlueText{
	font-size: 24rem;
	color: #9199A5;
	margin-right: 14rem;
}
.deliveryVlueIcon{
	width: 10rem;
}
.deliveryVlueIcon>img{
	width: 100%;
	height: auto;
}

.remarksBox{
	width: 100%;
}
.remarksTItle{
	font-size: 24rem;
	color: #212833;
}
.remarksTextArea{
	width: 100%;
	margin-top: 20rem;
}
.remarksTextArea>textarea{
	width: 100%;
	line-height: 1.5;
	min-height: 140rem;
	font-size: 24rem;
	color: #212833;
	border: 0 !important;
}

.bottomNavBox{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	box-shadow: 0 0 14rem rgba(0,0,0,.08);
	background-color: #ffffff;
}
.bottomNav{
	width: calc(100% - 60rem);
	height: 120rem;
	padding: 0 30rem;
	align-items: center;
}
.total{
	align-items: center;
}
.totalText{
	font-size: 26rem;
	color: #212833;
}
.totalPrice{
	align-items: baseline;
}
.totalPriceIcon{
	width: 30rem;
	height: 32rem;
	margin-right: 4rem;
}
.totalPriceIcon>img{
	width: 100%;
	height: auto;
}
.totalPriceNum{
	font-size: 44rem;
	color: #de1f24;
}
.confirmNav{
	width: 280rem;
	height: 80rem;
	line-height: 80rem;
	text-align: center;
	font-size: 28rem;
	color: #FFFFFF;
	background: linear-gradient(-90deg, #D61C0B 0%, #FC5B02 100%);
	border-radius: 40px;
	margin: auto;
	margin-right: 0;
}


/**
收银台
 */

.topBack{
	width: 100%;
	position: fixed;
	top: -100rem;
	left: 0;
}
.topBack>img{
	width: 100%;
	height: auto;
}

.cashierBox{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
}
.cashier{
	width: calc(100% - 60rem);
	padding: 0 30rem;
}
.amountReceivable{
	width: 100%;
	position: relative;
}
.ticketExit{
	width: 100%;
	height: 32rem;
	border-radius: 16rem;
	background-color: rgba(0,0,0,.15);
}
.amountReceivableInfo{
	width: calc(100% - 44rem);
	height: 300rem;
	padding-top: 10%;
	margin: 0 22rem;
	margin-top: -16rem;
	border-top-left-radius: 14rem;
	border-top-right-radius: 14rem;
	background-color: #ffffff;
}

.amountReceivableInfo .priceBox{
	width: max-content;
	margin: 40rem auto;
}
.amountReceivableInfo .priceBox .priceNumber{
	font-size: 48rem;
}

.amountReceivableTitle{
	font-size: 26rem;
	color: #212833;
	text-align: center;
}
.cashierPrice{
	width: 100%;
	align-items: baseline;
	justify-content: center;
	margin: 16rem 0 14rem 0;
}
.cashierPriceIcon{
	width: 44rem;
	height: 46rem;
	margin-right: 4rem;
}
.cashierPriceIcon>img{
	width: 100%;
	height: auto;
}
.cashierPriceNum{
	font-size: 68rem;
	color: #de1f24;
}
.palyTime{
	width: max-content;
	padding: 10rem 34rem;
	color: #9199A5;
	background-color: rgba(0,0,0,.04);
	border-radius: 28rem;
	font-size: 22rem;
	margin: auto;
}
.amountReceivableBottom{
	width: calc(100% - 44rem);
	margin: auto 22rem;
}
.amountReceivableBottom>img{
	width: 100%;
	height: auto;
}
.paymentMethodBox{
	width: calc(100% - 44rem);
	margin: 0 22rem;
	margin-top: 48rem;
}
.paymentMethod{
	width: 100%;
}
.paymentMethodTitle{
	align-items: baseline;
	position: relative;
	padding-left: 18rem;
}
.paymentMethodTitleLeft{
	font-size: 30rem;
	color: #212833;
}
.paymentMethodTitleRight{
	align-items: center;
	margin: auto;
	margin-right: 0;
	color: #9199A5;
}
.paymentMethodTitleRightIcon{
	width: 24rem;
	height: 24rem;
	margin-right: 6rem;
}
.paymentMethodTitleRightText{
	font-size: 24rem;
}
.paymentMethodTitleRightIcon>img{
	width: 100%;
	height: auto;
}
.paymentMethodTitle::after{
	width: 6rem;
	height: 60%;
	content: ' ';
	background: linear-gradient(315deg, #ff0000 0%, #ff6565 100%);
	border-radius: 4rem;
	position: absolute;
	left: 0;
	top: 20%;
}
scroll-view{
	width: 100%;
	height: auto;
	margin-top: 24rem;
	overflow: hidden;
}

.paymentMethodListBox{
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.paymentMethodList{
	width: 100%;
	margin-top: 30rem;
}
.paymentMethodItem{
	width: calc(100% - 48rem);
	padding: 28rem 24rem;
	background-color: #ffffff;
	border-radius: 20rem;
	align-items: center;
	margin-bottom: 20rem;
}
.paymentMethodIcon{
	width: 60rem;
	height: 60rem;
	color: #ffffff;
	background-color: #D61C0B;
	border-radius: 6rem;
	align-items: center;
	justify-content: center;
}
.paymentMethodIcon>img{
	width: 100%;
	height: auto;
	border-radius: 8rem;
}
.paymentMethodInfo{
	margin-left: 20rem;
	line-height: 1;
}
.paymentMethodName{
	font-size: 28rem;
	color: #212833;
}
.surplusVal{
	font-size: 26rem;
	margin-top: 8rem;
	color: #ff0000;
}
.choicePaymentMethod{
	width: 32rem;
	margin: auto;
	margin-right: 0;
}

.reminderBox{
	width: 100%;
	font-size: 22rem;
	color: #9199A5;
	line-height: 35rem;
}
.reminderText{
	width: 100%;
	display: inline-block;
	margin-top: 20rem;
}
.reminderTextItem{
	margin-bottom: 12rem;
}

.palyNavBox{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
}
.palyNav{
	width: 100%;
	padding: 24rem 0;
}

.palyNavText{
	width: calc(100% - 60rem);
	height: 90rem;
	line-height: 90rem;
	text-align: center;
	margin: 0 30rem;
	border-radius: 46rem;
	font-size: 30rem;
	color: #FFFFFF;
	background: linear-gradient(-90deg, #D61C0B 0%, #FC5B02 100%);
	align-items: center;
	justify-content: center;
}


.van-popup--center{
	width: calc(580rem - 64rem) !important;
	padding: 32rem;
	background-image: url('http://xxw.szxxyf.com/xcx_data_file/yxflw/dialogBack.png?f=222');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: initial !important;
}
.van-dialog__footer{
	align-items: center;
	justify-content: center;
}
.van-button{
	width: 192rem !important;
	height: auto !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 24rem !important;
	color: #595959 !important;
}
.van-hairline--right:after{
	border: 0 !important;
}
.van-hairline--top:after{
	border: 0 !important;
}
.dialogContentBox{
	width: 100%;
	padding: 48rem 0;
	position: relative;
	z-index: 9999999;
}
.dialogContentIcon{
	width: 108rem;
	height: 108rem;
	position: absolute;
	top: calc(-108rem / 2 - 32rem);
	left: calc(calc(100% - 108rem) / 2);
	z-index: 9999999;
}
.dialogContentIcon>img{
	width: 100%;
	height: auto;
}
.dialogContentText{
	font-size: 28rem;
	font-weight: 500;
	color: #000000;
	text-align: center;
}
.van-hairline--right .van-button--default{
	background: linear-gradient(315deg, #f5f5f5 0%, #f5f5f5 100%) !important;
	padding: 20rem 0 !important;
	margin-right: 24rem !important;
}
.van-dialog__button .van-button--default{
	background: linear-gradient(315deg, #ff0000 0%, #ff4040 100%);
	padding: 20rem 0 !important;
	border-radius: 16rem;
	font-weight: 400;
}
.van-hairline--right .van-button__text{
	color: #595959 !important;
}
.van-dialog__button .van-button__text{
	color: #FFFFFF;
}
.van-dialog__confirm{
	color: #212833 !important;
}