@charset "utf-8";

/* 商品分类 */
.page-category {}

.page-category .category-heade {
	width: 100%;
	height: 53px;
	position: fixed;
	top: 0;
	left: 0;
	color: #777;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .07);
	z-index: 3;
}

.page-category .main {
	margin-top: 53px;
	position: fixed;
	display: flex;
	overflow: hidden;
	height: calc(100% - 53px);
	width: 100%;
	background-color: #f5f5f5;
}

.page-category .main .left-bg {
	background-color: #f5f5f5;
	width: 25%;
	padding-bottom: 50px;
	z-index: 2;
	margin-top: 20px;

}

.page-category .main .left-bg .leftmenu {
	max-height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	overflow: scroll;
}

.page-category .main .left-bg .leftmenu::-webkit-scrollbar {
	display: none;
}

.page-category .main .left-bg .leftmenu .menu-item {
	height: 45px;
	max-width: 100px;
	text-align: center;
	padding: 2px 5px 0 10px;
	border-bottom: .0625rem silid #e3e3e3;
	position: relative;
	color: #333;
	font-size:12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
}

	.page-category .main .left-bg .leftmenu .menu-item.active {
		font-size: 14px;
		font-weight: 700;
		position: relative;
		background: #fff
	}

.page-category .main .left-bg .leftmenu .menu-item.active:before {
	position: absolute;
	left: 0;
	content: "";
	width: 2px;
	height: 30px;
	top: 7px;
	background: #0094ff;
	border-radius: 0 5px 5px 0
}

.page-category .main .left-bg .leftmenu .menu-item.last-menu-item {
	height: 8px;
}

.page-category .main .left-bg .leftmenu .menu-item.active-top {
	border-radius: 0 0 6px
}

.page-category .main .left-bg .leftmenu .menu-item.active-bottom {
	border-radius: 0 6px 0 0
}

.page-category .main .left-bg .leftmenu .menu-item .menu-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.page-category .main .left-bg .leftmenu .menu-item.active .menu-text {
	font-weight: bold;
}

.page-category .main .rightcontent {
	width: 75%;
	padding-bottom: 50px;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 1;
	margin-top: 5px;
	border-radius: 10px 0px 0px;
}

.page-category .main .rightcontent .scroll-content {
	max-height: 100%;
	display: none;
	overflow: scroll;
}

.page-category .main .rightcontent .scroll-content.show {
	display: block;
}

.page-category .main .rightcontent .scroll-content::-webkit-scrollbar {
	display: none;
}

.page-category .main .rightcontent .adver-map {
	width: auto;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin: 0 10px 5px;
	padding-top: 10px;
}

.page-category .main .rightcontent .adver-map .item-a {
	display: block;
	font-size: 0;
	width: 100%;
	height: 83px;
}

.page-category .main .rightcontent .adver-map .item-a img {
	width: 100%;
	height: 76px;
	border-radius: 10px;
}

.page-category .main .rightcontent .sub-category {
	padding-top: 10px;
}

.page-category .main .rightcontent .sub-category-con {
	margin: 0 10px;
}

.page-category .main .rightcontent .sub-cate-title {
	display: flex;
	align-items: center;

}

.page-category .main .rightcontent .sub-cate-title .sub-cate-text {
	flex: 1;
	font-size: 16px;
	font-weight: 800;
}

.page-category .main .rightcontent .th-cate-con {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px
}

.page-category .main .rightcontent .sub-category-item {
	width: 25%;
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
	box-sizing: border-box;
	align-items: center
}

.page-category .main .rightcontent .sub-category-item .sub-category-item-pic {
	border-radius: 5px;
	width: 55px;
	height: 55px;
	margin-bottom: 10px;
}

.page-category .main .rightcontent .sub-category-item .sub-category-item-name {
	font-size: 14px;
	color: #333;
}


/*分类导航滑块*/
.shop-nav-tab {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	background: linear-gradient(to right, #fff, #fff);
}

.wrapper {
	position: relative;
	z-index: 2;
	height: 44px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.wrapper .scroller {
	position: absolute;
}

.wrapper .scroller .nav-li {
	width: auto;
	height: 44px;
	color: #333;
	float: left;
	font-style: none;
	line-height: 44px;
	font-size: 14px;
	text-align: center;
	position: relative;

}

.wrapper .scroller .nav-li.cur:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 60%;
	margin: 0 auto;
	right: 0;
	height: 2px;
	background: #ff5301;
}

.wrapper .scroller .nav-li .link_a {
	color: #333;
	display: block;
	font-size: 14px;
	padding: 0 10px;
}

.wrapper .scroller .nav-li.cur .link_a {
	color: #ff5301;
	font-size: 14px;
}

/* ====================== */
.floor-bar-title {
	width: 100%;
	position: relative;
	height: 28px;
	line-height: 28px;
	font-size: 15px;
	padding: 0 20px 10px;
	color: #333;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}

.floor-bar-title .title-img {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	margin-top: 3px;
}

.floor-bar-title .title-img-left {
	transform: rotate(-45deg);
}

.floor-bar-title span {
	font-size: 15px;
	color: #333;
	font-weight: 700;
}

/* 瀑布流分左右商品商品列表 */
.goods-list {}

.goods-list .goods-item-cont {
	margin: 0 5px;
}

.goods-list .goods-box {
	display: flex;
	justify-content: space-between;
	margin: 5px;
}

.goods-list .goods-box .list {
	width: 50%;
}

.goods-list .goods-box .list .prod-li {
	background: #fff;
	border-radius: 6px;
	margin: 0 5px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	justify-content: center;

}


.goods-list .goods-box .list .prod-li .hotsaleimg {
	width: 100%;
	height: 100%;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
	font-size: 0;
	text-align: center
}

.goods-list .goods-box .list .prod-li .hotsaleimg img {
	will-change: transform;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.goods-list .goods-box .list .prod-li .hot-text {
	padding: 10px
}

.goods-list .goods-box .list .prod-li .hot-text .hotprod-text {
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	height: 34px;
	line-height: 17px;

}

.goods-list .goods-box .list .prod-li .hot-text .prod-name {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.goods-list .goods-box .list .prod-li .hot-text .prod-text-info {
	position: relative;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center
}


.goods-list .goods-box .list .prod-li .hot-text .prod-text-info .sold-num {
	font-size: 14px;
	color: #999
}

.goods-list .goods-box .list .prod-li .hot-text .prod-text-info .price {
	font-family: none;
	display: inline-block;
	color: #0094ff;
	font-weight: 500
}

.goods-list .goods-box .list .prod-li .hot-text .prod-text-info .price .symbol {
	font-size: 14px;
}

.goods-list .goods-box .list .prod-li .hot-text .prod-text-info .price .big-num {
	font-weight: 700;
	font-size: 16px;
}

/* 商品列表 */
.produt-list {
	background: #f5f6f8;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 5px;
}



.produt-list .prod-items {
	width: 50%;
	padding: 0 5px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	justify-content: center;

}

.produt-list .prod-items .prod-card {
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	position: relative;
	border-radius: 5px;
	background: #FFFFFF;

}

.produt-list .prod-items .hotsaleimg {
	font-size: 0;
	text-align: center
}
	/*所有地方的产品列表的图片做成固定同一大小的。我知道会被压扁也不理他我跟客户说了过了的。*/
	.produt-list .prod-items .hotsaleimg img {
		will-change: transform;
		width: 100%;
		height: 200px;
		object-fit: cover;
		border-radius: 5px 5px 0 0;
	}


.produt-list .prod-items .hot-text {
	padding: 10px
}

.produt-list .prod-items .hot-text .hotprod-text {
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	height: 34px;
	line-height: 17px;

}

.produt-list .prod-items .hot-text .prod-name {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.produt-list .prod-items .hot-text .prod-text-info {
	position: relative;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.produt-list .prod-items .hot-text .prod-text-info .icon {
	width: 20px;
	height: 20px;
}

.produt-list .prod-items .hot-text .prod-text-info .sold-num {
	font-size: 14px;
	color: #999
}

.produt-list .prod-items .hot-text .prod-text-info .price {
	font-family: none;
	display: inline-block;
	color: #0094ff;
	font-weight: 500
}

.produt-list .prod-items .hot-text .prod-text-info .price .symbol {
	font-size: 14px;
}

.produt-list .prod-items .hot-text .prod-text-info .price .big-num {

	font-size: 16px;
}

.produt-list .prod-items .hot-text .enter-shop {
	font-size: 14px;
	color: #fff;
	float: right;
	padding: 4px 8px;

	background: #0094ff;
	border-radius: 20px;
}

.produt-list .prod-items .hot-text .goods-info-desc {
	color: #999;
	font-size: 14px;

}

/* 支付方式 */

.pay-way {
	padding: 0 10px;
}

.pay-way .item {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.pay-way .item .pay-name {}

.pay-way .item .pay-name .img {
	width: 22px;
	height: 22px;
}

.pay-way .item .pay-name .name {
	padding-left: 10px;
	color: #333;
	font-size: 14px;
}


/*===============商品详情===============*/
.page-prod {
	background: #f4f4f4;
	position: relative;
}

.page-prod .refund {
	width: 29px;
	height: 29px;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 9;
}

.page-prod .refund .icon {
	width: 29px;
	height: 29px;
}

.page-prod .refund-right {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}

.page-prod .suspension-def {
	width: 29px;
	height: 29px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;

}

.page-prod .suspension-def .icon {
	width: 29px;
	height: 29px;
}

.page-prod .bullet-frame {
	display: none;
	margin-top: 55px;
	margin-right: 16px;
	border-radius: 5px;
	padding-left: 12px;
	background: rgba(0, 0, 0, .6);
	position: relative;

}

.page-prod .component-skip-suspension .bullet-frame:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 1px solid rgba(0, 0, 0, .6);
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	position: absolute;
	top: -10px;
	right: 10px;
}

.page-prod .bullet-frame .item-wrap {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.page-prod .bullet-frame .item-wrap span {
	padding-right: 12px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	display: inline-block;
	font-weight: 400;
}

.page-prod .bullet-frame .item-wrap:nth-child(2)>span {
	border-top: 1px solid rgba(255, 255, 255, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.page-prod .bullet-frame .item-wrap img {
	width: 16px;
	height: 16px;
	margin-right: 10px;
}

/*  */
.page-prod .product-banner {
	position: relative;
	overflow: hidden;
}


.page-prod .product-banner .img {
	width: 100%;
	height: 100vw;

}

.page-prod .product-banner .swiper-pagination {
	font-size: 14px;
	left: auto;
	right: 10px;
	bottom: 15px;
	width: auto;
	padding: 2px 7px;
	border-radius: 10px;
	color: #fff;
	background: rgba(0, 0, 0, .3);
}

/*  信息 */

.page-prod .product-info {
	background: #fff;
	margin: 10px;
	margin-bottom: 0;
	padding: 10px 15px;
	padding-bottom: 20px;
	border-radius: 8px 8px 0 0;
}

.page-prod .product-info .prod-price {

	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0 0 0 5px
}

.page-prod .product-info .prod-price .price {
	font-size: 16px;
	color: #0094ff;
	font-weight: bold;
	display: flex;
	align-items: flex-end;
	align-items: baselflex-endine;
}

.page-prod .product-info .prod-price .price .jiage {
	font-weight: bold;
	display: flex;
	align-items: flex-end;
}

.page-prod .product-info .prod-price .price .price-num {

	font-size: 18px;
	font-weight: bold;
}

.page-prod .product-info .prod-price .price .oriPrice {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;

}

.page-prod .product-info .prod-price .sales {
	font-size: 14px;
	color: #999;

}

.page-prod .product-info .prod-message {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	color: #333
}

.page-prod .product-info .prod-message .prod-name {

	font-weight: 700;
	white-space: pre-wrap;
	word-break: break-all;
	line-break: anywhere
}

.page-prod .product-info .prod-message .prod-brief {
	position: relative;
	font-size: 14px;
	margin-top: 5px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	line-break: anywhere;
	text-overflow: clip;
	white-space: nowrap
}

/*  */

.page-prod .share-collect {

	display: flex;
	box-sizing: border-box;
	border-top: 1px solid #F1F1F1;
	overflow: hidden;

	background: #fff;
	margin: 0 10px;
	border-radius: 0 0 8px 8px
}

.page-prod .share-collect .icon {
	margin-right: 5px;
	width: 16px;
	height: 16px;
}

.page-prod .share-collect .left,
.page-prod .share-collect .right {
	font-size: 14px;
	color: #999;
	flex: 1;
	padding: 10px 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.page-prod .share-collect .left {
	border-right: 1px solid #F1F1F1
}

.page-prod .share-collect .right {}

/*  */

.page-prod .parameters {
	padding: 0 15px;
	padding-top: 5px;
	border-radius: 8px;
	background: #fff;
	color: #333;
	margin: 10px;
}

.page-prod .parameters .item {
	display: flex;
	align-items: center;
	margin-top: 10px;

}

.page-prod .parameters .item .tit {
	white-space: nowrap;
	color: #999;
	font-size: 14px;
	line-height: 24px;
	margin-right: 10px
}

.page-prod .parameters .item .content {
	flex: 1;
	display: flex;
	align-items: center;
	line-height: 24px;
}

.page-prod .parameters .item .content .sku-tit {
	font-size: 14px;
	color: #333;
}

.page-prod .parameters .item .content .sku-con {
	flex: 1;
}

.page-prod .parameters .item .content .sku-con span {
	font-size: 14px;
	color: #333;
}



.page-prod .parameters .item .content .shipping-region {
	width: 100%;
	color: #999;
	font-size: 14px;
}

/* 评论 */

.evaluate {
	padding: 10px 15px;
	border-radius: 8px;
	background: #fff;
	margin: 10px;
}

.evaluate .header {
	display: flex;
	justify-content: space-between
}

.evaluate .header .tit {
	font-size: 16px;
	font-weight: 700;
	color: #333
}

.evaluate .header .total-evaluation {
	display: flex;
	align-items: center;
	font-size: 14px;
}

.evaluate .tags {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap
}

.evaluate .tags .tag {
	line-height: 25px;
	font-size: 10px;
	background-color: #f5f5f5;
	padding: 4px 12px;
	margin-right: 6px;
	margin-bottom: 6px;
	border-radius: 25px;
}

.evaluate .content {
	margin-top: 10px;
}

.evaluate .content .list .cmt-user {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.evaluate .content .list .cmt-user .user {
	display: flex
}

.evaluate .content .list .cmt-user .user .img {
	width: 25px;
	height: 25px;
	border-radius: 25px;
	overflow: hidden;
	margin-right: 10px;
}

.evaluate .content .list .cmt-user .user .rate {
	font-size: 14px;
	display: flex;
	align-items: center
}

.evaluate .content .list .cmt-user .user .rate .name {
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 10px;

}

.evaluate .content .list .cmt-user .user .rate .component-comm-star {
	display: flex;

}

.evaluate .content .list .cmt-user .user .rate .component-comm-star img {
	width: 10px;
	height: 10px;

}

.evaluate .content .list .cmt-user .date {
	font-size: 10px;
	color: #999;
	margin-top: 5px;
}

.evaluate .content .list .cmt-cont {
	margin-top: 5px
}

.evaluate .content .list .cmt-cont .text {
	word-break: break-all;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	font-size: 14px;
}

.evaluate .content .list .cmt-cont .imgs {
	display: flex;
	margin-top: 10px
}

.evaluate .content .list .cmt-cont .imgs .img {
	width: 60px;
	height: 60px;
	margin-right: 5px;
	border-radius: 5px;
	overflow: hidden
}

.evaluate .content .lists {
	margin-top: 10px;
}

.evaluate .content .specification {
	margin-top: 10px;
	font-size: 10px;
	color: #999
}

/* 店铺 */
.page-prod .shop-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px;
	border-radius: 5px;
	background: #fff;
	padding: 10px;
}

.page-prod .shop-box .sl {
	flex: 1;
	display: flex;
	align-items: center;
	overflow: hidden
}

.page-prod .shop-box .shopLogo {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	margin-right: 10px;
	flex-shrink: 1
}

.page-prod .shop-box .shopLogo .image {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 5px
}

.page-prod .shop-box .shopTitle {
	display: inline-block;
	box-sizing: border-box;
	font-size: 10px
}

.page-prod .shop-box .shopTitle .shopname {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
	font-size: 14px;
	color: #333;
	font-weight: 700;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 95px;
}

.page-prod .shop-box .shopTitle .shopname-box {
	display: flex;
	align-items: center
}


.page-prod .shop-box .shopTitle .shopIntro {
	display: flex;
	align-items: center;
	color: #5b5b5b;
	font-size: 14px;
	margin-top: 8px;
}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap {
	white-space: nowrap;
	padding: 0 5px;
	font-family: auto
}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap+.shop-tap {
	padding-left: 0
}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap+.shop-tap:before {
	display: inline-block;
	content: "";
	width: 1px;
	height: 10px;
	margin-top: 4px;
	background-color: #e1e1e1;
	margin-right: 5px
}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap:last-child {
	border-right: none
}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap:first-child {
	padding-left: 0
}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap .component-comm-star {
	display: flex;

}

.page-prod .shop-box .shopTitle .shopIntro .shop-tap .component-comm-star img {
	width: 12px;
	height: 12px;

}

.page-prod .shop-box .follow-btn {
	max-width: 310px;
	justify-content: flex-end;
	background-color: #0094ff;
	line-height: 18px;
	padding: 5px 10px;
	font-size: 14px;

	border-radius: 50px;
	letter-spacing: 1px;
	color: #fff;
	flex-shrink: 0
}

/* 属性 */
.group-warp {
	background-color: #fff;
	border-radius: 5px;
}

.group-warp .module-sku {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 8px 10px;
	line-height: 30px;
	position: relative;
	box-sizing: border-box;
}

.group-warp .module-sku:after {
	content: " ";
	display: inline-block;
	height: 7px;
	width: 7px;
	border-width: 1px 1px 0 0;
	border-color: #999;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 20px;
}

.group-warp .module-sku.nojt:after {
	content: " ";
	display: inline-block;
	height: 7px;
	width: 7px;
	border-width: 0;
	border-color: #999;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 20px;
}


/* 商品介绍 */
.products-introduction {


	background: #fff;
}

.products-introduction .title {
	width: 100%;
	height: 50px;


}

.products-introduction .title span {
	font-size: 16px;
	color: #222;
	margin: 0 10px;
	background: #FFFFFF;
}

.products-introduction .title:before {
	content: "";
	width: 50px;
	height: 1px;
	background-color: #eee;
}

.products-introduction .title:after {
	content: "";
	width: 52px;
	height: 1px;
	background-color: #eee;
}

/* 商品详情 */
.description {

	font-size: 14px;
	background: #fff;
}

	.description .content {
		margin: 10px;
	}


.description .content img {
	width: 100%;
}

/*  */
.footerH {
	position: relative;
	height: 65px;
}

.footer {
	line-height: 40px;
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #FFFFFF;
	z-index: 90;
}


.footer .link_a {
	color: #333;
	line-height: 20px;
	font-size: 14px;
	display: block;
	min-width: 50px;
	box-sizing: border-box;
	position: relative;
}

.footer .link_a .allprice {
	color: #fa442e;
	font-size: 14px;
}

.footer .link_a .allprice span {
	color: #fa442e;
	font-size: 14px;
}

.footer .link_a .icon_img {
	width: 20px;
	vertical-align: middle;
	margin: 0 auto;


}

.footer .link_a .em_num {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	color: #fff;
	right: 0;
	background: #ff4141;
	z-index: 99;
}

.footer .link_btn {
	min-width: 100px;
	color: #fff;
	font-size: 14px;
	display: block;
	margin: 5px 0;
	margin-left: 0;

	text-align: center;
	box-sizing: border-box;
}


/* 点击立即购买 弹窗 */

.alert-layer {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	width: 100%;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999999;

}

.alert-layer.t-alert {
	top: 0;
	transition: all .3s;
}

/* 属性 */
.alert-layer .pup-sku-main {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 10px;
	padding-top: 25px;
	border-radius: 5px 5px 0 0;
}

.alert-layer .pup-sku-main .pup-sku-header {
	display: flex;
	padding-right: 40px;
	margin-bottom: 10px;
}

.alert-layer .pup-sku-main .pup-sku-header .img {
	background: #F5F5F5;
	position: relative;
	width: 78px;
	height: 78px;
	box-sizing: border-box;
	margin-right: 10px;
	border-radius: 5px;
}

.alert-layer .pup-sku-main .close_btn {
	color: #aaa;
	border-radius: 12px;
	line-height: 20px;
	text-align: center;
	height: 20px;
	width: 20px;
	font-size: 18px;
	padding: 1px;
	top: 20px;
	right: 1rem;
	position: absolute
}

.alert-layer .pup-sku-main .close_btn:before {
	content: "✖"
}


.alert-layer .pup-sku-main .pup-sku-header .pro_name {
	box-sizing: border-box;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	line-height: 17px;

}


.alert-layer .pup-sku-main .pup-sku-header .pro_price {
	margin-top: 20px;
	color: #fa442e;
	font-size: 18px;
	font-weight: bold;
}

.alert-layer .pup-sku-main .pup-sku-header .yuanjia {
	font-size: 14px;
	color: #b5e2ff;
	text-decoration: line-through;
}

/*  */
.pup-sku-main .pup-sku-body {}

.pup-sku-main .pup-sku-body .pup-sku-area {
	box-sizing: border-box;

}

.pup-sku-main .pup-sku-body .pup-sku-area .item {
	display: flex;
	flex-wrap: wrap;

}

.pup-sku-main .pup-sku-body .pup-sku-area .item .tit {
	font-weight: normal;
	font-size: 14px;
	color: #333;
	width: 100%;
}


.pup-sku-main .pup-sku-body .pup-sku-area .item .sku-choose-item {
	line-height: 30px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid #f9f9f9;
	display: inline-block;
	margin-right: 5px;
	margin-top: 10px;
	background: #f9f9f9;
	font-weight: normal;
	font-size: 14px;
	color: #999;
	transition: all .3s;
}

.pup-sku-main .pup-sku-body .pup-sku-area .item .sku-choose-item.active {
	background: #ffe7db;
	color: #f76c27;
	border: 1px solid #ffe7db;
}

.pup-sku-main .pup-sku-body .pup-sku-count {}

.pup-sku-main .pup-sku-body .pup-sku-count .tit {
	font-weight: normal;
	font-size: 14px;
	color: #333;
	width: 100%;
}

.pup-sku-main .pup-sku-body .pup-sku-count .tit span {
	font-weight: normal;
	font-size: 14px;
	color: #999;
	width: 100%;
	margin-left: 20px;
}

.pup-sku-main .pup-sku-body .buy_count_btn {
	font-size: 15px;
	border: 1px solid #ff8e01;
	background: linear-gradient(to right, #ff8e01, #ff5402);
	color: #fff;
	width: 100%;
	height: 42px;
	border-radius: 5px;
	line-height: 42px;
	border: none;
}

/* ===============地址管理=============== */
.page-delivery-address {
	font-size: 14px;
	color: #333;
}

.page-delivery-address .radio-group {
	padding: 10px 10px 60px;
	margin-bottom: 60px;

}

.page-delivery-address .address {
	margin-bottom: 10px;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
}

.page-delivery-address .personal .addr {
	font-size: 14px;
	color: #5b5b5b;
	margin-bottom: 5px;
}

.page-delivery-address .personal .addr-detail {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px;
	word-break: break-all
}

.page-delivery-address .info-tit {
	width: 95%;
	word-break: break-word;
	font-size: 14px;
	color: #5b5b5b
}


.page-delivery-address .address .personal {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #e9eaec
}

.page-delivery-address .address .personal .info-tit .name {
	margin-right: 10px;
	max-width: 90%;
	display: inline-block;
	word-break: break-all
}

.page-delivery-address .address .option-box {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.page-delivery-address .address .option-box .select-btn {
	display: flex;
	font-size: 14px;
	align-items: center;
}

.page-delivery-address .address .option-box .select-btn .label-sel {
	display: flex;
	align-items: center;
}

.page-delivery-address .address .option-box .select-btn .cz-radio {
	width: 18px;
	height: 18px;
	border-radius: 18px;
	background-color: #fff;
	font-size: 14px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
	border: solid 1px #ddd;
	cursor: default;
	-webkit-appearance: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-transition: background-color ease 0.1s;
	transition: background-color ease 0.1s;
}


.page-delivery-address .address .option-box .select-btn.selected .cz-radio {
	background: #0094ff url("../images/icon/check.png") no-repeat center;
	background-size: 80% 80%;
}

.page-delivery-address .address .option-box .select-btn .radio-text {
	margin-left: 5px;
	color: #5b5b5b;
}

.page-delivery-address .address .option-box .select-btn.selected .radio-text {
	color: #0094ff;
}

.page-delivery-address .address .option-box .op-box {
	font-size: 14px;
	color: #5b5b5b
}

.page-delivery-address .address .option-box .op-box a {
	font-size: 14px;
	color: #5b5b5b
}

.page-delivery-address .address .option-box .op-box .del-btn {
	margin-right: 10px;
}

/* 底部菜单 */
.footeraddr-H {
	height: 85px;
}

.footeraddr-H .footeraddr {
	padding-bottom: 13px;
	height: 80rpx;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 6;
}

.footeraddr-H .footeraddr .btn-link {
	width: calc(100% - 30px);
	height: 45px;
	border-radius: 45px;
	background: #0094ff;
	color: #fff;
	font-size: 15px;
	margin: 0px auto 0 auto;
}

/* =============店铺============= */
.page-shop-pages {
	background: #f5f5f5;
}

.page-shop-pages .component-shop-header .shop {
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 0 0 5px 5px
}

.page-shop-pages .component-shop-header .shop .shopInfo {
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 0 0 5px 5px
}

.page-shop-pages .component-shop-header .shop .shopInfo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.page-shop-pages .component-shop-header .shopInfo .sl {
	flex: 1;
	display: flex;
	align-items: center;
	overflow: hidden
}

.page-shop-pages .component-shop-header .shopInfo .shopLogo {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	margin-right: 10px;
	flex-shrink: 1
}

.page-shop-pages .component-shop-header .shopInfo .shopLogo .image {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 5px
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle {
	display: inline-block;
	box-sizing: border-box;
	font-size: 10px
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopname {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
	font-size: 14px;
	color: #333;
	font-weight: 700;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 95px;
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopname-box {
	display: flex;
	align-items: center
}


.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro {
	display: flex;
	align-items: center;
	color: #5b5b5b;
	font-size: 14px;
	margin-top: 8px;
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .shop-tap {
	white-space: nowrap;
	padding: 0 5px;
	font-family: auto
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .shop-tap .icon {
	width: 12px;
	height: 12px;
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .shop-tap+.shop-tap {
	padding-left: 0
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .shop-tap+.shop-tap:before {
	display: inline-block;
	content: "";
	width: 1px;
	height: 10px;
	margin-top: 4px;
	background-color: #e1e1e1;
	margin-right: 5px
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .shop-tap:last-child {
	border-right: none
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .shop-tap:first-child {
	padding-left: 0
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .type-tag-wrap {
	padding-right: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-evenly;
	-webkit-justify-content: space-evenly
}

.page-shop-pages .component-shop-header .shopInfo .shopTitle .shopIntro .score {
	font-size: 14px;
	color: #0094ff;
	font-weight: 600
}


.page-shop-pages .component-shop-header .shopInfo .follow-btn {
	max-width: 310px;
	justify-content: flex-end;
	background-color: #0094ff;
	line-height: 18px;
	padding: 5px 10px;
	font-size: 10px;
	border-radius: 50px;
	letter-spacing: 1px;
	color: #fff;
	flex-shrink: 0
}

.page-shop-pages .component-shop-header .shopInfo .follow-btn.followed {
	background: #f5f5f5;
	color: #999
}

.page-shop-pages .component-shop-header .shopInfo .follow-btn .fol {
	display: flex;
	align-items: center
}

.page-shop-pages .component-shop-header .shopInfo .follow-btn .fol .txt {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.page-shop-pages .component-shop-header .shopInfo .follow-btn .col-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.page-shop-pages .prod-wrapper {
	box-sizing: border-box;
	display: block;
	margin-top: 10px;
	border-radius: 5px;
	background: transparent;
	width: 100%;
}

.page-shop-pages .shop-notice {
	padding: 5px 10px;
	background: #FFFFFF;
	border-radius: 20px;
	display: flex;
	align-items: center;
	margin: 10px 10px 10px;

}

.page-shop-pages .shop-notice .notice-icon {
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.page-shop-pages .shop-notice .notice-text {
	font-size: 14px;
	color: #5b5b5b
}

.page-shop-pages .tab-tit {
	display: flex;
	position: relative;
	justify-content: space-between;
	z-index: 1;
	padding: 10px 20px;
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
	align-items: center
}

.page-shop-pages .tab-item {
	color: #5b5b5b;
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 14px
}

.page-shop-pages .tab-item.ative span {
	color: #0094ff;
}

.page-shop-pages .tab-item.up,
.page-shop-pages .tab-item.down {
	color: #0094ff
}

.page-shop-pages .tab-item.down:after {
	border-top: 1px solid #0094ff
}

.page-shop-pages .tab-item .price-icon .price-up {
	display: inline-block;
	margin-left: 5px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #999;
	border-top: none;
	width: 0;
	height: 0
}

.page-shop-pages .tab-item .price-icon .price-bottom {
	display: inline-block;
	margin-left: 5px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #999;
	border-bottom: none;
	width: 0;
	height: 0;
	margin-top: 3px;
}

.page-shop-pages .tab-item.tab-price {
	display: flex;
	align-items: center;
}

.page-shop-pages .tab-item .price-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.page-shop-pages .tab-item .price-icon .price-up-active {
	border-top: none;
	border-bottom: 4px solid #0094ff
}

.page-shop-pages .tab-item .price-icon .price-bottom-active {
	border-bottom: none;
	border-top: 4px solid #0094ff
}

.page-shop-pages .en.tab-item.down:first-child:after,
.page-shop-pages .en.tab-item.up:first-child:after {
	left: 30px;
}

/* ===========商品分类=========== */
.page-shop-category {
	background-color: #f5f5f5;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 50px);
}

.page-shop-category .prod-category {
	flex: 1;
	display: flex;
	overflow: hidden;
	margin-top: 10px;
	height: 100%;
	background-color: #fff;
}

.page-shop-category .prod-category .left-bg {
	background-color: #f5f5f5;
	width: 25%;
	padding-bottom: 50px;
	z-index: 2;


}

.page-shop-category .prod-category .left-bg .leftmenu {
	max-height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	overflow: scroll;
}

.page-shop-category .prod-category .left-bg .leftmenu::-webkit-scrollbar {
	display: none;
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item {
	height: 45px;
	max-width: 100px;
	text-align: center;
	padding: 2px 5px 0 10px;
	border-bottom: .0625rem silid #e3e3e3;
	position: relative;
	color: #333;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item.active {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	background: #fff
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item.active:before {
	position: absolute;
	left: 0;
	content: "";
	width: 2px;
	height: 30px;
	top: 7px;
	background: #0094ff;
	border-radius: 0 5px 5px 0
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item.last-menu-item {
	height: 8px;
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item.active-top {
	border-radius: 0 0 6px
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item.active-bottom {
	border-radius: 0 6px 0 0
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item .menu-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.page-shop-category .prod-category .left-bg .leftmenu .menu-item.active .menu-text {
	font-weight: bold;
}

.page-shop-category .prod-category .rightcontent {
	width: 75%;
	max-height: 100%;
	overflow: scroll;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 1;
	margin-top: 5px;
	border-radius: 10px 0px 0px;
}

.page-shop-category .prod-category .rightcontent .scroll-content {

	display: none;
	padding: 10px;
}

.page-shop-category .prod-category .rightcontent .scroll-content.show {
	display: block;
}

.page-shop-category .prod-category .rightcontent .scroll-content::-webkit-scrollbar {
	display: none;
}

.page-shop-category .prod-category .rightcontent .scroll-content .show-item {
	position: relative;
	display: flex;
	justify-content: flex-start;
	padding-bottom: 10px;
}

.page-shop-category .prod-category .rightcontent .scroll-content .show-item:last-child {
	padding-bottom: 0
}


.page-shop-category .prod-category .rightcontent .scroll-content .show-item .more-prod-pic {
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 0
}

.page-shop-category .prod-category .rightcontent .scroll-content .show-item .more-prod-pic .more-pic {
	max-width: 100%;
	max-height: 100%;
	border-radius: 5px;
	vertical-align: middle
}

.page-shop-category .prod-category .rightcontent .scroll-content .show-item .prod-text-right {
	margin-left: 10px;
	width: 75%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}



.page-shop-category .prod-category .rightcontent .scroll-content .show-item .prod-text-right .prod-title {
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #333;
	word-break: break-all;
	line-break: anywhere
}

.page-shop-category .prod-category .rightcontent .scroll-content .show-item .prod-text-right .cate-prod-info {
	font-size: 14px;
	color: #999;

	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.page-shop-category .prod-category .rightcontent .scroll-content .show-item .prod-text-right .prod-price {
	font-size: 16px;
	color: #0094ff;
	align-items: center;
	display: flex
}


.page-shop-category .prod-category .rightcontent .scroll-content .show-item .prod-text-right .prod-price .symbol {
	font-size: 12px
}


/* =============订单详情=========== */
.page-order-detail {}

.order_info {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	border-radius: 5px;
	margin: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.order_info .item-product {
	position: relative;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.order_info .item-product.no-bor::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background-color: #999;
	height: 0px;

	bottom: 0;
	left: 0px;
	right: -10px;
}


.order_info .item-product .photo {
	width: 85px;
	height: 85px;
	border-radius: 5px;
}

.order_info .item-product .order_info_con {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.order_info .item-product .prdname {
	color: #222;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.order_info .item-product .prdsku span {
	background-color: #fafafa;
	color: #9c9c9c;
	margin-top: 5px;
	padding: 2px 4px;
	border-radius: 3px;
	display: inline-flex;


}

.order_info .item-product .prdname {
	color: #222;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.order_info .item-product .prdnum {
	color: #999;
	font-size: 14px;


	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
}


.order_info .item-product .sku_price {
	height: 30px;
	line-height: 30px;
	color: #fa442e;
	font-size: 16px;
	font-weight: 600;
}

.order_info .item-product .zhekou_price {
	height: 30px;
	line-height: 30px;
	color: #fa442e;
	font-size: 14px;
}

.order_info .item-product .yuanjia {
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
}

.order_info .pv-num {
	margin-top: 5px;
	margin-bottom: 5px;
}

.order_info .pv-num span {
	background: linear-gradient(to right, #fe8800, #ff5300);
	font-size: 14px;
	color: #fff;
	padding: 4px 10px;
	border-radius: 5px;
}

.cellBox {
	position: relative;


}



.cellBox .cell {
	font-size: 14px;
	position: relative;
	padding: 10px 0;
	box-sizing: border-box;
	color: #333;

}

.cellBox .cell .navtit {
	min-width: 70px;
	color: #333;
	font-size: 14px;
}

.cellBox .cell .num {
	font-size: 16px;
	color: #fa442e;
	font-weight: 600;
}

.cellBox .cell .txt {
	font-size: 14px;
	color: #333;

}

.cellBox .cell.jt:after {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 1px 1px 0 0;
	border-color: #999;
	border-style: solid;
	-webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
	transform: matrix(.71, .71, -.71, .71, 0, 0);
	position: relative;
	top: 50%;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px;
}

.cellBox .cell .bz-ipt {
	width: 100%;
	color: #333;
	font-size: 14px;
	background: transparent;
}

.cellBox .cell .link_copy img {
	width: 14px;
}

/*==============订单地址===================== */
.address_defalut_wrap {
	position: relative;
	padding: 10px;
	padding-bottom: 0;

}



.address_defalut {
	background: #FFFFFF;
	padding: 15px 10px;
	border-radius: 5px;
	position: relative;
}


.address_defalut .dw-icon {
	width: 30px;
	margin-right: 10px;
}

.address_defalut .arrowjt {
	position: relative;
}

.address_defalut .arrowjt:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width: 2px 2px 0 0;
	border-color: #999;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px;
	border-radius: 1px;
}

.address_defalut.nojt:after {
	content: " ";
	display: inline-block;
	height: 8px;
	width: 8px;
	border-width: 0;
	border-color: #222;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 15px;
	border-radius: 1px;
}

.address_defalut .adress_a {
	color: #222;
	text-decoration: none;
	display: block;
	position: relative;
	padding-right: 30px;
}


.address_defalut .adress_a .address {
	color: #222;
	font-size: 13px;
}

.zitibtn {
	background-image: linear-gradient(270deg, #ff9700, #ffca00);
	color: #fff;
	width: 30px;
	padding: 5px 10px;
	font-size: 15px;
	border-radius: 3px;
}

/* ====确认支付====== */
.payprice-box {
	padding: 40px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #606266;
	background: #FFFFFF;
}

.payprice-box .price {
	font-size: 27px;
	color: #fa442e;
}

/* 支付方式 */

.payway {
	background: #FFFFFE;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	border-radius: 5px;
}

.payway .type-item {
	position: relative;
	padding: 15px;
	color: #000;
}

.payway .type-item:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #eee;
	color: #3333;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}

.payway .type-item:last-child:before {
	border-bottom: 0 solid #eee;
}

.payway .type-item .link_a {
	font-size: 14px;
	overflow: hidden;
	color: #333;
}

.payway .type-item .link_a .tit {
	font-size: 16px;
	color: #000;
}

.payway .type-item .link_a .icon_img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

/* ===================支付完成================== */

.okicon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 20px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.okicon img {
	width: 60px;
	height: 60px;
}

.anniubtn {
	width: 120px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	padding: 8px;
	border-radius: 5px;
	color: #fff;
	background: linear-gradient(to right, #fe8800, #ff5300);
}


/* ===================我的订单===================== */
.page-order-list {}

.page-order-list .prod-item {
	background-color: #fff;
	margin-top: 10px;
	font-size: 14px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 5px;
	padding: 10px;
}

.page-order-list .prod-item .order-num {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page-order-list .prod-item .order-num .shop-box {
	padding-left: 0;
	display: flex;
	align-items: center;
}

.page-order-list .prod-item .order-num .shop-box .shop-icon {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	font-size: 0;
	flex-shrink: 0;
}

.page-order-list .prod-item .order-num .shop-box .shop-name {
	font-size: 14px;
	font-weight: 700;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;

}

.page-order-list .prod-item .order-num .shop-box .right-icon {

	width: 7px;
	height: 7px;

}

.page-order-list .prod-item .order-num .order-state {
	color: #0094ff;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex-shrink: 0;
	margin-left: 10px;
}
	.page-order-list .prod-item .order-num .order-state1 {
		color: #0d0c0c;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		flex-shrink: 0;
		margin-left: 10px;
	}

.page-order-list .prod-list {
	margin-top: 10px;
}

.page-order-list .prod-list .item-cont {
	margin-top: 10px;
	display: flex;
	align-items: flex-start;
	position: relative;
}

.page-order-list .prod-item .item-cont .prod-pic {
	position: relative;
	display: inline-block;
	font-size: 0;
	width: 84px;
	height: 84px;
	border-radius: 5px;
	background: #fff;
	margin-right: 10px;
	overflow: hidden
}

.page-order-list .prod-item .item-cont .prod-info-box {
	flex: 1;
	display: flex;
	min-height: 84px;
	justify-content: space-between;
	flex-direction: column;
}

.page-order-list .prod-item .item-cont .prod-info-box .prodname {
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
	word-break: break-all;
	line-break: anywhere
}

.page-order-list .prod-item .item-cont .price-percent {
	font-weight: 700;
	color: #0094ff;
	font-size: 16px;

}

.page-order-list .prod-item .item-cont .prod-info-box .prod-info-cont-sku {
	line-height: 17px;
	height: 17px;
	color: #999;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-order-list .prod-item .item-cont .prod-info-box .sku-box {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.page-order-list .prod-item .spell-group-icon {
	margin-right: 5px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	background: linear-gradient(106deg, #0094ff 0%, #FF522C 100%);
	padding: 2px 5px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	white-space: nowrap
}

.page-order-list .prod-item .price-nums {
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
}


.page-order-list .prod-item .ddbh {
	font-size: 14px;
	color: #999;
	margin-top: 5px;
}

.page-order-list .prod-item .total-num {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: flex-end;
	margin-top: 10px;
	font-size: 14px;
}

.page-order-list .prod-item .total-num .shop-price {
	margin-top: 15px;
	color: #5b5b5b
}

.page-order-list .prod-item .total-num .price-red {
	color: #0094ff;
	font-size: 16px;
	font-weight: 700;
}

.page-order-list .prod-item .total-num .price-red.price-symbol {
	font-size: 14px;
}

.page-order-list .prod-item .prod-foot {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.page-order-list .prod-item .prod-foot .button {
	min-width: 50px;
	padding: 0 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	border-radius: 20px;
	line-height: 25px;
	border: 1px solid #ADADAD;
	margin-left: 10px;
}

.page-order-list .prod-item .prod-foot .button.warn {
	color: #0094ff;
	border-color: #0094ff;

}

/* ============评论============= */
.page-prod-comm {
	background: #f4f4f4;
	min-height: 100vh;
}

.page-prod-comm .comm-list {
	background: #f4f4f4;
	position: relative;
}

.page-prod-comm .comm-list:after {
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background: #f4f4f4
}

.page-prod-comm .comm-list .comm-item {
	margin-bottom: 3px;
	background: #fff;
	padding: 10px 0;
}

.page-prod-comm .comm-list .comm-item .item-top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #f4f4f4;
}

.page-prod-comm .comm-list .comm-item .item-top .top-pic {
	display: inline-block;
	width: 47px;
	height: 47px;
	border-radius: 5px;
	overflow: hidden;
}

.page-prod-comm .comm-list .comm-item .item-top .top-pic img {
	width: 47px;
	height: 47px;
	border-radius: 5px;
}

.page-prod-comm .comm-list .comm-item .item-top .top-tit {
	flex: 1;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-left: 10px;
	height: 47px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.page-prod-comm .comm-list .comm-item .item-top .top-tit .prod-name {
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.page-prod-comm .comm-list .comm-item .item-top .top-tit .sku-name {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	text-overflow: ellipsis;
	overflow: hidden;
}

.page-prod-comm .comm-list .comm-item .item-star {
	padding: 10px;
	display: flex;
	align-items: center;
	font-size: 14px;
	height: 37px;
	background: #fcfcfc;
}

.page-prod-comm .comm-list .comm-item .item-star .component-comm-star {
	display: flex;
	margin-left: 3px;
}

.page-prod-comm .comm-list .comm-item .item-star .component-comm-star img {
	width: 21px;
	height: 21px;
	margin-right: 5px;
}

.page-prod-comm .comm-list .comm-item .item-con {
	padding: 10px;
	font-size: 14px;
}

.page-prod-comm .comm-list .comm-item .item-con textarea {
	width: 100%;
	font-size: 14px;
}

.page-prod-comm .comm-list .comm-item .item-con textarea::-webkit-input-placeholder {
	color: #999;
}

.page-prod-comm .comm-list .comm-item .item-con textarea::-webkit-input-placeholder {
	color: #999;
}

.page-prod-comm .comm-list .comm-item .item-con textarea::-moz-placeholder {
	color: #999;
}

.search-box .header-search-input .input:-moz-placeholder {
	color: #999;
}

.page-prod-comm .comm-item .item-pics {
	display: flex;
	padding-bottom: 10px;
	padding-left: 5px;
}

.page-prod-comm .comm-item .item-pics img {
	width: 72px;
	height: 72px;
	margin-left: 5px
}

.page-prod-comm .comm-item .item-pics .add-pic {
	width: 70px;
	height: 70px;
	line-height: 60px;
	text-align: center;
	font-size: 50px;
	margin-left: 5px;
	color: #ddd;
	border: 2px dashed #f4f4f4
}

.page-prod-comm .question-images {
	display: flex;
	flex-wrap: wrap
}

.page-prod-comm .q-image-wrap {
	margin-right: 5px;
}

.page-prod-comm.q-image {
	flex: 1;
	width: 72px !important;
	height: 72px !important;
	margin-left: 5px
}

.page-prod-comm .q-image-remover {
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.page-prod-comm .img-tip {
	font-size: 14px;
	color: gray;
	padding: 5px 0;
	margin-left: 10px
}

.page-prod-comm .item-btm {
	padding: 10px;
	font-size: 14px;

}

/* ==================购物车================ */
.page-basket {}

.page-basket .top-manage-box {

	height: 44px;
	line-height: 44px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #333;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 10;
	border-radius: 0 0 5px 5px;
}

.page-basket .top-manage-box .icon {
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

.page-basket .top-manage-box .text {
	font-size: 14px;
	color: #333;
	flex: 1;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.page-basket .prod-list {

	/*margin-top: 54px;*/

}

.page-basket .prod-list .item {
	background: #fff;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;

}

.page-basket .prod-list .item .shop-item {}

.page-basket .prod-list .item .shop-item .head-shop {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;

}

.page-basket .prod-list .item .shop-item .shop-icon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	font-size: 0;
	flex-shrink: 0;
}

.page-basket .prod-list .item .shop-item .shop-name {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 95px;
}

.page-basket .prod-list .item .shop-item .goods-item {

	display: flex;
	align-items: center;

	margin: 0 10px;

}



.page-basket .prod-list .item .shop-item .goods-item .left-box {
	position: relative;
}

.page-basket .prod-list .item .shop-item .goods-item .left-box .del-icon {
	width: 20px;
	height: 20px;
}

.page-basket .prod-list .item .shop-item .goods-item .left-box .pic {
	width: 80px;
	height: 80px;
}

.page-basket .prod-list .item .shop-item .goods-item .left-box .pic img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box {
	flex: 1;
	margin-left: 10px;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	position: relative;
}




.page-basket .prod-list .item .shop-item .goods-item .right-box .goods-name {
	box-sizing: border-box;
	color: #333333;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	max-height: 32px;
	line-height: 16px;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .prodprice {
	color: #0094ff;

}

.page-basket .prod-list .item .shop-item .goods-item .right-box .prodprice .unit {
	font-size: 14px;
	font-weight: 700;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .prodprice .price {
	font-size: 18px;
	font-weight: 700;

}

.page-basket .prod-list .item .shop-item .goods-item .right-box .delete-price {
	font-size: 14px;
	color: #ccc;
	text-decoration: line-through;

}

.page-basket .prod-list .item .shop-item .goods-item .right-box .ShopTotal {
	display: none;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .get-mp {
	display: flex;
	align-items: center;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .get-mp .icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 11px;
	background: #F8F9FA;
	color: #333333;
	font-weight: 500;
	font-size: 16px;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .get-mp .mp-minous.disable {
	cursor: default;
	color: #333333;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .plus .from-ipt {
	width: 39px;
	height: 30px;
	padding: 0;
	display: block;
	text-align: center;
	cursor: pointer;
}

.page-basket .prod-list .item .shop-item .goods-item .right-box .plus .from-ipt .input-num {
	font-size: 14px;
	font-weight: 500;
	outline: none;
	border: 0;
	color: #333333;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: none;
}




/*  */
.page-basket .footerH {
	position: relative;
	height: 50px;
}

.page-basket .footer {
	height: 50px;
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #FFFFFF;
	z-index: 90;
}

.page-basket .footerH.footer-cartH {
	position: relative;
	height: 65px;
}

.page-basket .footerH.footer-cartH .footer {
	margin-bottom: 50px;
}

.page-basket .footer .link-a {
	color: #333;
	line-height: 20px;
	font-size: 14px;
	display: block;
	min-width: 50px;
	box-sizing: border-box;
	position: relative;
}

.page-basket .footer .link-a .allprice {
	color: #333;
	font-size: 14px;
}

.page-basket .footer .link-a .allprice span {
	color: #333;
	font-size: 16px;

}

.page-basket .footer .item {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	cursor: pointer;
}

.page-basket .footer .item .icon {
	width: 20px;
	margin-bottom: 3px;
}

.page-basket .footer .item .name {
	color: #333333;
	line-height: 13px;
	font-size: 9px;
}

.page-basket .footer .item .em-num {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	color: #fff;
	right: 0;
	background: #ff4141;
	z-index: 99;
}

.page-basket .footer .link-btn {
	flex: 1;
	height: 35px;
	color: #fff;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 80px;
	box-sizing: border-box;
	background: #f00;
}

/* 店铺底部菜单图标 */

/*****开始状态********/
.tabbar.storetab .tabbar-item:nth-of-type(1) .tabbar-icon {
	background-image: url('../images/tabbar/uncheck-store.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.tabbar.storetab .tabbar-item:nth-of-type(2) .tabbar-icon {
	background-image: url('../images/tabbar/uncheck-goods.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.tabbar.storetab .tabbar-item:nth-of-type(3) .tabbar-icon {
	background-image: url('../images/tabbar/uncheck-fenli.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.tabbar.storetab .tabbar-item:nth-of-type(4) .tabbar-icon {
	background-image: url('../images/tabbar/uncheck-huiyuan.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}


/****选中状态***/
.tabbar.storetab .tabbar-item:nth-of-type(1).active .tabbar-icon {
	background-image: url('../images/tabbar/selecte-store.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.tabbar.storetab .tabbar-item:nth-of-type(2).active .tabbar-icon {
	background-image: url('../images/tabbar/selecte-goods.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}


.tabbar.storetab .tabbar-item:nth-of-type(3).active .tabbar-icon {
	background-image: url('../images/tabbar/selecte-fenli.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.tabbar.storetab .tabbar-item:nth-of-type(4).active .tabbar-icon {
	background-image: url('../images/tabbar/selecte-huiyuan.png');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}



/*弹出大图*/

.banner-dialog {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	text-align: center;
}

.banner-dialog .swiper-button-prev,
.banner-dialog .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 38px;
	margin-top: -19px;
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;

}

.banner-dialog .swiper-button-prev {
	left: 10px;
	background: rgba(0, 0, 0, 0.8) url("../images/icon/arrow-left.svg") no-repeat center;
	background-size: 12px 23px;
}

.banner-dialog .swiper-button-next {
	right: 10px;
	background: rgba(0, 0, 0, 0.8) url("../images/icon/arrow-right.svg") no-repeat center;
	background-size: 12px 23px;
}

.banner-dialog .btn-close {
	position: absolute;
	cursor: pointer;
	z-index: 99999;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	text-indent: -9999px;
	background: url("../images/icon/close.png") no-repeat;
	background-size: 25px;
}

.mobliezoombox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
}

.mobliezoombox .swiper-container {
	height: 100vh;
}

.mobliezoombox .swiper-container img {
	max-width: 100%;
	object-fit: cover !important;

}

/* ===========商品分享============= */
.popup-share-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, .3)
}

.popup-share-menu,
.promo-share {
	display: none;
}

.popup-share-menu .share-box {
	padding-top: 15px;
	padding-bottom: 20px;
	border-radius: 10px 10px 0 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	background-color: #fff;
}

.popup-share-menu .share-box .head {
	text-align: center;
}

.popup-share-menu .share-box .head .title {
	font-size: 16px;
}

.popup-share-menu .share-box .head .icon_close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
}

.popup-share-menu .share-box .share-cnt {
	margin-top: 20px;
	display: flex;
	justify-content: space-evenly
}

.popup-share-menu .share-box .share-cnt .item {
	display: flex;
	flex-direction: column;
	align-items: center
}

.popup-share-menu .share-box .share-cnt .item .text {
	font-size: 14px;
	margin-top: 5px;
}

.popup-share-menu .share-box .share-cnt .item .img {
	width: 39px;
	height: 39px;
	margin-bottom: 5px;
}

/* ============ */
.promo-share {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	z-index: 100;
}

.promo-share .promo-painter {
	position: fixed;
	left: 50%;
	top: 40px;
	width: 310px;
	height: 440px;
	margin-left: -155px;
	background: #fff;
	padding: 15px;
	border-radius: 10px;
}

.promo-share .promo-painter .promo-goods {
	width: 280px;
}

.promo-share .promo-painter .promo-goods img {
	width: 280px;
	height: 280px;
}

.promo-share .promo-painter .promo-cnt {
	display: flex;
	justify-content: space-between;
	padding-top: 15px;

}

.promo-share .promo-painter .promo-cnt .left {}

.promo-share .promo-painter .promo-cnt .left .promo-tit {
	font-size: 16px;
	margin-top: 5px;

}

.promo-share .promo-painter .promo-cnt .left .promo-price {
	font-size: 16px;
	color: #0094ff;
	font-weight: 600;
}


.promo-share .promo-painter .promo-cnt .left .promo-price .price-num {
	font-size: 18px;
	font-weight: 600;
}

.promo-share .promo-painter .promo-cnt .right {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.promo-share .promo-painter .promo-cnt .right .qrcode {
	width: 100px;
	height: 100px;
}

.promo-share .promo-painter .promo-cnt .right .qrcode img {
	width: 100px;
	height: 100px;
}

.promo-share .promo-painter .promo-cnt .right .mz {
	font-size: 14px;
	color: #333;
}

.promo-share .promo-main {
	background: #f0f0f0;
	position: absolute;
	bottom: 0;
	width: 100%;
	max-height: 115px;
	z-index: 9999;
	border-radius: 15px 15px 0 0
}

.promo-share .promo-main .promo-icons {
	font-size: 14px;
	color: #666;
	display: flex;
	justify-content: space-around;
	margin-top: 5px;

}

.promo-share .promo-main .promo-icons .promo-tit {
	font-size: 18px;
	padding: 15px 0;
	font-weight: 700
}

.promo-share .promo-main .promo-close {
	font-size: 16px;
	width: 100%;
	color: #333;
	text-align: center;
	padding: 15px 0;
	border-top: 1px solid #D8D8D8;
}

/* ===========查看物流============ */

.page-wuliu {
	display: block;
	width: 100%;
	background: #f7f8fa
}

.page-wuliu .wuliu-info {
	margin: 10px;
	border-radius: 5px;
	display: block;
	background: #fff;
	padding: 10px 0;
}

.page-wuliu .delivery-info {
	padding: 0 20px 20px;
	display: flex;
	align-items: center;
}

.page-wuliu .delivery-info .dvyFlowId {
	display: flex;
	align-items: center;

}

.page-wuliu .delivery-info .dvyFlowId .company-pic {
	width: 24px;
	height: 24px;
	border: 1px solid #E1E1E1;
	margin-right: 5px;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: #f5f5f5;


}

.page-wuliu .delivery-info .dvyFlowId .company-pic img {
	width: 12px;
	height: 12px;
}

.page-wuliu .delivery-info .dvyFlowId .dingdanhao {
	font-size: 14px;
	font-weight: 400;
	color: #5b5b5b;
	margin-left: 5px;
}

.page-wuliu .delivery-info .copy-btn {
	height: 18px;
	font-size: 14px;
	padding: 0 10px;
	margin-left: 15px;
	font-weight: 400;
	color: #0094ff;
	background: #FFEEEC;
	border-radius: 10px;

}

.page-wuliu .wuliu-box {
	padding-bottom: 10px;
	max-height: 145px;
	overflow-y: hidden
}

.page-wuliu .wuliu-box.isopen {
	max-height: none;
}

.page-wuliu .wuliu-box .item {
	margin-left: 30px;
	margin-right: 15px;
	font-size: 14px;
	border-left: 1px solid #ccc;
	position: relative;
	padding-left: 20px;
	padding-bottom: 20px;
	font-weight: 400
}

.page-wuliu .wuliu-box .item.create-order {
	border-left-color: transparent;
	padding-bottom: 0;
}


.page-wuliu .wuliu-box .item:first-child:before {
	position: absolute;
	display: block;
	content: " ";
	font-size: 0;
	width: 14px;
	height: 14px;
	background: #fff;
	top: 0;
	left: -7px;
}

.page-wuliu .wuliu-box .item:last-child {
	border-left-color: transparent
}

.page-wuliu .wuliu-box .item:last-child:before {
	position: absolute;
	display: block;
	content: " ";
	font-size: 0;
	width: 1px;
	height: 30%;
	background: #ccc;
	top: 0;
	left: -1px;
}

.page-wuliu .wuliu-box .item .des {
	position: relative;
	color: #999;
	margin-bottom: 5px;
	font-size: 14px;
}

.page-wuliu .wuliu-box .item .des:before {
	position: absolute;
	display: block;
	content: " ";
	font-size: 0;
	border-radius: 50%;
	top: 5px;
	left: -21px;
	width: 6px;
	height: 6px;
	background: #ccc;
	border: 1px solid #fff;
	transform: translate(-50%);
}

.page-wuliu .wuliu-box .item:first-child .des:before {
	content: "收";
	background: #0094ff;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 22px;
	background: #D6D6D6;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(calc(-21px - 50%))
}

.page-wuliu .wuliu-box .active.item:first-child .des:before {
	background: #0094ff
}

.page-wuliu .wuliu-box .item.active .des {
	color: #0094ff
}

.page-wuliu .wuliu-box .item.active .des:before {
	background-color: #0094ff;
	border-color: #fed1d4;
}

.page-wuliu .wuliu-box .item .time {
	color: #999
}

.page-wuliu .wuliu-box .item.create-order .des:before {
	position: absolute;
	display: block;
	content: " ";
	font-size: 0;
	border-radius: 50%;
	top: 5px;
	left: -21px;
	width: 6px;
	height: 6px;
	background: #ccc;
	border: 1px solid #fff;
	transform: translate(-50%);
}


.page-wuliu .wuliu-box .item.create-order .des:before {
	background-size: .65625rem .78125rem;
	border: none;
	content: "";
	border-color: none;
	width: 24px;
	background-color: #d6d6d6;
	background-image: url('../images/icon/xiadan.png');
	background-size: 10px 12px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	left: 0;
	top: 0;
	height: 24px;
	transform: translate(calc(-21px - 50%))
}



.page-wuliu .wuliu-box .item .des.stauts {
	line-height: 22px;
	font-size: 16px;
	font-weight: 700;
	color: #999;
}

.page-wuliu .wuliu-info .open {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #585858;
	font-size: 14px;
	margin-top: 20px;
}

.page-wuliu .wuliu-info .open-icon {
	content: "";
	width: 5px;
	height: 5px;
	margin-left: 5px;
	border: 1px solid transparent;
	border-bottom-color: #585858;
	border-right-color: #585858;
	transform: rotate(45deg);
}