@charset "utf-8";

body{
	background-color: #ffffff;
}

.banner{
	width: 100%;
	height: 7.5rem;
	margin-top: 0.9rem;
	background-color: #f6f6f6;
}

.swiper{
	width: 100%;
	height: 100%;
}

.swiper-vido{
	width: 100%;
	height: 7.5rem;
	position: relative;
}

.swiper-vido-overlay{
	width: 3.52rem;
	height: 3.52rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.swiper-vido-player{
	width: 100%;
	height: 7.5rem;
}

.swiper-vido-controls{
	width: 100%;
	height: 1.2rem;
	position: absolute;
	bottom: 0.4rem;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.play-button,.volume-button{
	width: 0.3rem;
	height: 0.3rem;
	background-color: #ffffff;
	cursor: pointer;
}

.progress-bar{
	width: 3rem;
	height: 2px;
	background-color: #ffffff;
}

.progress{
	height: 100%;
	background-color: #fb3038;
	width: 0;
	position: relative;
}

.progress::before{
	content: "";
	display: block;
	width: 0.182rem;
	height: 0.182rem;
	border-radius: 50%;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	right: -0.091rem;
	transform: translateY(-50%);
}

.current-time,.total-time{
	font-size: 0.25rem;
	color: #ffffff;
	letter-spacing: 0.02rem;
}

.current-time{
	margin-right: 0.2rem;
}

.total-time{
	margin-left: 0.2rem;
}

.swiper-pagination{
	width: 0.87rem;
	height: 0.363rem;
	background-color: rgba(1,1,1,0.3);
	border-radius: 0.2rem;
	line-height: 0.363rem;
	color: #ffffff;
	left: unset;
	right: 0.1rem;
	top: unset;
	bottom: 0.5rem;
}

/* 商品信息 */
.goods-main{
	width: 100%;
	margin-top: -0.37rem;
	z-index: 30;
	position: relative;
}

/* 秒杀 */
.seckill{
	width: 100%;
	border-radius: 0.4rem 0.4rem 0 0;
	background-color: #fe4c4d;
	padding: 3% 4%;
	padding-bottom: 0.6rem;
	display: none;
}

.seckill-content{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.seckill-content-txt{
	font-size: 0.3rem;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.02rem;
}

.seckill-content-coutDown{
	color: #ffffff;
	letter-spacing: 0.02rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.24rem;
}

.seckill-content-coutDown em{
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	color: #fe4c4d;
	font-size: 0.22rem;
	text-align: center;
	line-height: 0.4rem;
	background-color: #ffffff;
	border-radius: 50%;
	letter-spacing: 0;
	margin: 0 0.05rem;
}

.seckill-txt{
	display: block;
	color: #ffffff;
}

.seckill-content-coutDown em:first-child{
	margin-left: 0.2rem;
}

.ordinary{
	width: 100%;
	background-color: #ffffff;
	border-radius: 0.4rem 0.4rem 0 0;
	margin-top: -0.37rem;
	padding: 3% 2%;
}

.ordinary-goods{
	width: 100%;
	background-color: #f1f1f1;
	border-radius: 0.2rem;
	padding: 0.25rem 0.15rem;
}

.goods-price{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goods-price-selling{
	padding: 0.05rem 0.2rem;
	padding-top: 0.1rem;
	background-color: #fe4c4d;
	color: #ffffff;
	font-size: 0.25rem;
	border-radius: 0.25rem;
}

.goods-price-selling em{
	font-size: 0.32rem;
}

.pricetxt{
	font-size: 0.3rem;
    margin-left: 0.1rem;
    color: #fe4c4d;
    font-weight: 600;
}

.remark{
	font-size: 0.25rem;
    color: #fe4c4d;
    margin-top: 0.2rem;
}

.goods-price-origin{
	font-size: 0.22rem;
	color: #797979;
	text-decoration: line-through;
	margin-left: 0.1rem;
}

.goods-price-origin em{
	font-size: 0.29rem;
}

.goods-points{
	background-image: url(/public/wap/mall/images/jife.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	padding: 0.05rem 0.2rem;
	padding-top: 0.06rem;
	padding-right: 0.4rem;
	font-size: 0.22rem;
	color: #ffffff;
}

.goods-title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.2rem;
}

.goods-details{
	font-size: 0.23rem;
	color: #888888;
	margin-top: 0.1rem;
}

.ordinary-title-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ordinary-title-left span{
	font-size: 0.27rem;
}

.ordinary-title-left .line{
	height: 0.27rem;
	border-left: 1px solid #fe4c4d;
	margin: 0 0.1rem;
}

.ordinary-title-right{
	background-color: #fe4c4d;
	padding: 0.05rem 0.1rem;
	font-size: 0.22rem;
	color: #ffffff;
	border-radius: 0.1rem;
}

.goods-name{
	width: 100%;
	margin-top: 0.2rem;
	font-size: 0.31rem;
	letter-spacing: 0.02rem;
	line-height: 0.5rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    line-clamp: 2;
}

.goods-name-tag{
	background-color: #ffeced;
	border-radius: 0.15rem;
	padding: 0.02rem 0.25rem;
	color: #fe4c4d;
	margin-right: 0.1rem;
	font-size: 0.25rem;
	letter-spacing: 0.02rem;
}

.goods-label{
	width: 100%;
	background-color: #f1f1f1;
	border-radius: 0.2rem;
	margin-top: 0.2rem;
	padding: 0.2rem 0.15rem;
	display: none;
}

.label-title{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.label-left{
	width: 96%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: content-box;
}

.label-left::-webkit-scrollbar{
	display: none;
}

.label-option{
	height: 100%;
	margin-right: 0.2rem;
	font-size: 0.25rem;
	color: #3e3e3e;
	letter-spacing: 0.02rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.label-option:last-child{
	margin-right: 0;
}

.label-option-icon{
	width: 0.25rem;
	margin-right: 0.05rem;
}

.label-option p{
	white-space: nowrap;
}

.label-icon{
	width: 4%;
}

.goods-coupon{
	width: 100%;
	background-color: #f1f1f1;
	padding: 0.25rem 0.15rem;
	border-radius: 0.2rem;
	margin-top: 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: none;
}

.goods-coupon-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.goods-coupon-tag{
	padding: 0.02rem 0.15rem;
	font-size: 0.27rem;
	position: relative;
	border-radius: 0.05rem;
	margin-right: 0.1rem;
	letter-spacing: 0.02rem;
}

.goods-coupon-list{
	width: 4.8rem;
	padding: 0.01rem;
	overflow: hidden;
}

.goods-coupon-val{
	border: 1px solid #ff8800;
	padding: 0.02rem 0.08rem;
	color: #ff8800;
	border-radius: 0.05rem;
	font-size: 0.23rem;
	letter-spacing: 0.01rem;
}

.goods-coupon-icon{
	width: 0.32rem;
}

.goods-qualiification{
	width: 100%;
	background-color: #f1f1f1;
	padding: 0.25rem 0.15rem;
	border-radius: 0.2rem;
	margin-top: 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: none;
}

.qualiification-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.qualiification-tag{
	font-size: 0.27rem;
	position: relative;
	border-radius: 0.05rem;
	margin-right: 0.1rem;
	letter-spacing: 0.02rem;
}

.qualiification-icon{
	width: 0.32rem;
}

.goods-giveaway{
	width: 100%;
	background-color: #f1f1f1;
	padding: 0.25rem 0.15rem;
	border-radius: 0.2rem;
	margin-top: 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: none;
}

.goods-giveaway-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.goods-giveaway-tag{
	padding: 0.02rem 0.15rem;
	font-size: 0.27rem;
	position: relative;
	border-radius: 0.05rem;
	margin-right: 0.1rem;
	letter-spacing: 0.02rem;
}

.goods-giveaway-list{
	width: 4.8rem;
	padding: 0.01rem;
	overflow: hidden;
}

.goods-giveaway-val{
	border: 1px solid #ff8800;
	padding: 0.02rem 0.08rem;
	color: #ff8800;
	border-radius: 0.05rem;
	font-size: 0.23rem;
	letter-spacing: 0.01rem;
}

.goods-giveaway-icon{
	width: 0.32rem;
}

.goods-giveaway-option{
	color: #fe4c4d;
    border: 1px solid #fe4c4d;
    font-size: 0.24rem;
    padding: 0 0.1rem;
    border-radius: 0.1rem;
}



.goods-specification{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.25rem 0.15rem;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goods-specification-tag{
	padding: 0.02rem 0.15rem;
    letter-spacing: 0.02rem;
}

.goods-specification-icon{
	width: 0.32rem;
}

.goods-review{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.25rem 0.15rem;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
	display: none;
}

.goods-review-tag{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goods-review-tag span{
	font-size: 0.27rem;
	letter-spacing: 0.02rem;
}

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

.goods-reivew-genduo span{
	font-size: 0.27rem;
	color: #999999;
	margin-right: 0.05rem;
}

.goods-review-list{
	width: 100%;
	margin-top: 0.1rem;
	display: none;
}

.goods-review-list li{
	width: 100%;
	margin-top: 0.2rem;
}

.goods-review-list li:first-child{
	margin-top: 0;
}

.goods-username{
	font-size: 0.29rem;
}

.goods-spec-list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0.1rem;
}

.goods-spec{
	font-size: 0.26rem;
	color: #999999;
	margin-right: 0.1rem;
}

.goods-review-txt{
	width: 100%;
	margin-top: 0.05rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-orient: vertical;
	line-clamp: 2;
	letter-spacing: 0.02rem;
	font-size: 0.26rem;
}

.goods-shop{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.4rem 0.35rem;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.goods-shop-img{
	width: 1.5rem;
	border-radius: 0.1rem;
	overflow: hidden;
}

.goods-shop-content{
	width: 4.3rem;
	height: 1.5rem;
	margin-left: 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

.goods-shop-name{
	text-align: center;
	font-size: 0.29rem;
	letter-spacing: 0.02rem;
}

.goods-shop-btn{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.follow-shop{
	background-color: #fe4c4d;
	border-radius: 0.15rem;
	color: #ffffff;
	font-size: 0.26rem;
	padding: 0.02rem 0.25rem;
	letter-spacing: 0.01rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sc-icon{
	display: inline-block;
	width: 0.31rem;
	margin-right: 0.1rem;
}

.guanzu{
	background-color: #ffffff;
	border: 1px solid #fe4c4d;
	color: #fe4c4d;
}

.goods-shop-href{
	border: 1px solid #fe4c4d;
	border-radius: 0.15rem;
	font-size: 0.26rem;
	color: #fe4c4d;
	letter-spacing: 0.01rem;
	padding: 0.02rem 0.25rem;
	background-color: #ffffff;
	margin-left: 0.15rem;
}

.shop-recommended{
	width: 100%;
    background-color: #f1f1f1;
    border-radius: 0.2rem;
	padding: 0.25rem 0.15rem;
	margin-top: 0.2rem;
	display: none;
}

.shop-recommended-title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.shop-recommended-title-left{
	font-size: 0.27rem;
	letter-spacing: 0.02rem;
}

.shop-recommended-title-right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.shop-recommended-title-right span{
	font-size: 0.27rem;
    color: #999999;
    margin-right: 0.1rem;
}

.recommended-icon{
	width: 0.27rem;
	height: 0.27rem;
	border-radius: 50%;
	transition: transform 1s;
}

.shop-recommended-list{
	width: 100%;
	margin-top: 0.2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 0.15rem;
}

.recommend-shop{
	width: 30%;
	height: 3.5rem;
	border-radius: 0.1rem;
	margin-top: 0.15rem;
	margin-right: 0.32rem;
}

.shop-recommended-list .recommend-shop:nth-child(3n){
	margin-right: 0;
}

.recommend-shop-img{
	width: 100%;
	height: 1.98rem;
	border-radius: 0.1rem;
	overflow: hidden;
}

.recommend-shop-name{
	width: 100%;
	height: 0.68rem;
	margin-top: 0.1rem;
	font-size: 0.25rem;
	letter-spacing: 0.02rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-orient: vertical;
	line-clamp: 2;
	color: #333333;
}

.recommend-shop-price{
	font-size: 0.22rem;
	color: #fe4c4d;
}

.recommend-shop-price em{
	font-size: 0.29rem;
}

.views-title{
	margin-top: 0.2rem;
	width: 100%;
}

.views-details{
	width: 100%;
	margin-bottom: 0.75rem;
}

.views-details div:first-child{
	width: 100%;
	padding: 0 2%;
	margin-bottom: 0.2rem;
}

.views-details div:last-child{
	width: 100%;
}

.footer_nav{
	width: 100%;
	height: 0.9rem;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 0px 0px 8px #CCCCCC;
	z-index: 50;
}

.fenqi  .footer-left,.gooter-right{
	width: 50%;
}

.footer-left{
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}	

.footer-left-shop{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex: 1;
}
.fenqi .footer-left-shop:last-child{
	border-left: 1px solid #e8e8e8;
}

.shop-icon{
	width: 0.38rem;
	margin-top: 0.05rem;
}

.icon-name{
	font-size: 0.26rem;
}

.footer-right{
	width: 60%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.2rem;
}

.fenqi .footer-right{
	padding: 0;
}

.add_cart{
	width: 48%;
	height: 0.65rem;
	border: 1px solid #fe4c4d;
	border-radius: 0.3rem;
	color: #fe4c4d;
	font-size: 0.29rem;
	background-color: #ffffff;
}

.buy_now{
	width: 48%;
	height: 0.65rem;
	background-color: #fe4c4d;
	border-radius: 0.3rem;
	color: #ffffff;
	font-size: 0.29rem;
}

.fenqi .footer-right .buy_now{
	width: 100%;
	height: 100%;
	border-radius: 0;
}

/* 积分底部 */
.footer_nav_left{
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 0.2rem;
}

.footer_img{
	width: 0.68rem;
}

.total_integral{
	margin-left: 0.1rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.total_title{
	font-size: 0.24rem;
}

.integral_value{
	font-size: 0.29rem;
	color: #ff8800;
}

.footer_nav_right{
	width: 50%;
	height: 100%;
	margin-right: 0.2rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.total_btn{
	width: 2.2rem;
	height: 0.68rem;
	background-color: #ff8800;
	border-radius: 0.2rem;
	text-align: center;
	line-height: 0.68rem;
	color: #ffffff;
	letter-spacing: 0.04rem;
	font-size: 0.29rem;
}

.dept_btn{
	width: 50%;
	height: 100%;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	margin-right: 0.2rem;
}

.dept_btn p, .dept_btn a{
	width: 2.4rem;
	height: 0.7rem;
	background-color: #ff8800;
	text-align: center;
	line-height: 0.7rem;
	font-size: 0.32rem;
	color: #ffffff;
	border-radius: 0.15rem;
	letter-spacing: 0.02rem;
}

.dept_btn a{
	margin-top: 0.2rem;
}

/* 话费底部 */
.final-price{
	width: 65%;
	height: 100%;
	padding-left: 0.2rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.final-price span{
	font-size: 0.26rem;
	color: #fe4c4d;
	font-weight: 600;
}

.final-price span em{
	font-size: 0.39rem;
}

.purchase-now{
	width: 35%;
	height: 100%;
}

.purchase-now a{
	width: 100%;
	height: 100%;
	background-color: #f77d3c;
	text-align: center;
	line-height: 0.9rem;
	color: #ffffff;
	font-size: 0.32rem;
	letter-spacing: 0.04rem;
	font-weight: 600;
}


/* 浮层 */
.float{
	position: fixed;
	bottom: 1.3rem;
	right: 0.3rem;
	z-index: 60;
}

.returen-top{
	margin-top: 0.15rem;
	display: none;
}

.float-icon{
	width: 0.7rem;
	border-radius: 50%;
	border: 1px solid #8c8c8c;
	background-color: #ffffff;
	padding: 0.1rem;
}

.shopcart-icon{
	position: relative;
}

.shopcart-num{
	width: 0.35rem;
	height: 0.35rem;
	position: absolute;
	top: -0.19rem;
	right: -0.1rem;
	background-color: #fe4c4d;
	color: #ffffff;
	border-radius: 50%;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.35rem;
	letter-spacing: 0.01rem;
}

/* 遮罩层 */
.shadow{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

/* 优惠券弹框 */
.coupon-layer{
	width: 100%;
	height: 8rem;
	background-color: #ffffff;
	border-radius: 0.25rem 0.25rem 0 0;
	padding: 3% 4%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.coupon-layer h2{
	width: 100%;
	font-size: 0.3rem;
	text-align: center;
	letter-spacing: 0.05rem;
}

.coupon-layer .esc{
	width: 0.3rem;
	position: absolute;
	top: 0.28rem;
	right: 0.4rem;
}

.coupon-list{
	width: 100%;
	height: 6.7rem;
	margin-top: 0.3rem;
	overflow-y: scroll;
	padding-bottom: 0.1rem;
}

.coupon{
	width: 100%;
	height: 1.8rem;
	background-color: #fdefef;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: 0.25rem;
	border: 1px solid #fe4c4d;
	padding: 0.2rem 0;
	margin-top: 0.15rem;
}

.coupon-list .coupon:first-child{
	margin-top: 0;
}

.coupon-left{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coupon-left p{
	font-size: 0.28rem;
	color: #fe4c4d;
}

.coupon-left p em{
	font-size: 0.45rem;
	font-weight: 600;
}

.coupon-left span{
	font-size: 0.2rem;
	color: #fe4c4d;
	border: 1px solid #fe4c4d;
	padding: 0 0.04rem;
	margin-top: 0.05rem;
}

.coupon-line{
	height: 100%;
	border-left: 1px dashed #fe4c4d;
}

.coupon-content{
	width: 50%;
	height: 100%;
	padding: 0.1rem 0.2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coupon-content-name{
	font-size: 0.29rem;
}

.coupon-content-tag{
	font-size: 0.24rem;
	color: #888888;
	margin-top: 0.15rem;
}

.coupon-content-time{
	font-size: 0.24rem;
	color: #888888;
}

.coupon-right{
	border: 1px solid #fe4c4d;
	border-radius: 0.25rem;
	padding: 0.04rem 0.2rem;
	color: #fe4c4d;
}

.quantype2{
	background-color: #fef9f3;
	border: 1px solid #c66f08;
}

.quantype2 .coupon-line{
	border-left: 1px dashed #c66f08;
}

.quantype2 .coupon-left p{
	color: #c66f08;
}

.quantype2 .coupon-content{
	justify-content: center;
}

.quantype2 .coupon-content .coupon-content-time{
	margin-top: 0.1rem;
}

.coupon-list .main{
	width: 100%;
	margin-top: 0.15rem;
}

.coupon-list .main .pop-up-title{
	font-size: 0.29rem;
}

.coupon-list .main .addservices-goods-item{
	display: flex;
	align-items: center;
	margin: 0.15rem 0;
}

.addservices-option-button{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0.15rem;
}

.addservices-goods-item input[type="radio"]{
	display: none;
}

.addservices-goods-item input[type="radio"] + label{
	display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('/public/wap/mall/images/usable_radio.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.addservices-goods-item input[type="radio"]:checked + label{
	display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background-image: url('/public/wap/mall/images/usable_radio2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.addservices-goods-link{
	font-size: 0.28rem;
	letter-spacing: 0.02rem;
	display: flex;
	align-items: center;
}

.addservices-goods-name{
	display: inline-block;
	max-width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 赠品弹框 */
.giveaway-layer{
	width: 100%;
	height: 8rem;
	background-color: #ffffff;
	border-radius: 0.25rem 0.25rem 0 0;
	padding: 3% 4%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.giveaway-layer h2{
	width: 100%;
	font-size: 0.3rem;
	text-align: center;
	letter-spacing: 0.05rem;
}

.giveaway-layer .esc{
	width: 0.3rem;
	position: absolute;
	top: 0.28rem;
	right: 0.4rem;
}

.giveaway-list{
	width: 100%;
	height: 6.7rem;
	margin-top: 0.3rem;
	overflow-y: scroll;
	padding-bottom: 0.1rem;
}

.givoption{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 0.15rem;
}

.givradio{
	width: 5%;
	height: 0.414rem;
	margin-right: 5%;
}

.givoption-right{
	width: 90%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.givoption-name{
	letter-spacing: 0.02rem;
}

/* 规格弹框 */
.specif-layer{
	width: 100%;
	max-height: 9rem;
	background-color: #ffffff;
	padding: 5% 4%;
	border-radius: 0.25rem 0.25rem 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.specif-content{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.specif-img{
	width: 1.9rem;
}

.specif-right{
	width: 60%;
	height: 1.9rem;
	margin-left: 0.3rem;
	padding: 0.1rem 0;
}

.specif-name{
	font-size: 0.26rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.02rem;
}

.specif-name em{
	border-radius: 0.2rem;
	color: #fe4c4d;
	padding: 0.02rem 0.15rem;
	font-size: 0.24rem;
	background-color: #fdefef;
}

.specif-price{
	font-size: 0.24rem;
	color: #fe4c4d;
	margin-top: 0.1rem;
}

.specif-price em{
	font-size: 0.33rem;
}

.spec-txt{
	font-size: 0.25rem;
    margin-top: 0.1rem;
	color: #fe4c4d;
}

.specif-list{
	width: 100%;
	max-height: 5rem;
	overflow: auto;
	margin-top: 0.2rem;
}

.specif-list .spec-option{
	width: 100%;
	margin-bottom: 0.25rem;
}

.specif-num{
	width: 100%;
	margin-bottom: 0.25rem;
}

.specif-tag{
	width: 100%;
	font-size: 0.28rem;
	letter-spacing: 0.02rem;
	font-weight: 600;
}

.specif-content-list{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 0.3rem;
}

.specif-val{
	font-size: 0.25rem;
	color: #333333;
	background-color: #f5f5f5;
	border-radius: 0.25rem;
	padding: 0.05rem 0.35rem;
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
	letter-spacing: 0.02rem;
}

.specif-active{
	color: #fe4c4d;
	border: 1px solid #fe4c4d;
	background-color: #fdefef;
}

.specif-num{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.specif-num span{
	width: 100%;
    font-size: 0.28rem;
    letter-spacing: 0.02rem;
    font-weight: 600;
}

.specif-num-compute{
	height: 0.4rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.specif-num-compute span{
	display: block;
    height: 100%;
    font-size: 0.34rem;
	font-weight: 100;
	line-height: 0.4rem;
}

.specif-num-compute input{
	width: 0.8rem;
	height: 100%;
	background-color: #f5f5f5;
	text-align: center;
	margin: 0 0.2rem;
	font-size: 0.25rem;
}

.specif-bottom{
	width: 100%;
	height: 0.8rem;
	background-color: #ffffff;
	margin-top: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.specif-layer .esc{
	width: 0.3rem;
	position: absolute;
	top: 0.28rem;
	right: 0.4rem;
}

.options-content div{
	margin-top: 0.05rem;
}

.options-content div:last-child{
	margin-top: 0;
}

.option-txt{
	font-size: 0.25rem;
	color: #555555;
	letter-spacing: 0.02rem;
}

.option-num{
	font-size: 0.24rem;
	color: #fe4c4d;
	letter-spacing: 0.01rem;
}

.option-num em{
	font-size: 0.25rem;
}

.specif-bottom-right{
	width: 80%;
	height: 100%;
	text-align: center;
	line-height: 0.8rem;
	color: #ffffff;
	background-color: #fe4c4d;
	border-radius: 0.4rem;
	font-size: 0.29rem;
	letter-spacing: 0.04rem;
	display: none;
}

/* 拼团玩法 */
.game-description{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.25rem 0.15rem;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
    display: flex;
    justify-content: space-between;
	align-items: center;
	display: none;
}

.game-left-tag{
	padding: 0.02rem 0.15rem;
    letter-spacing: 0.02rem;
}

.game-left-txt{
	font-size: 0.24rem;
	color: #999999;
	margin-top: 0.1rem;
}

.game-right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.game-right span{
	color: #999999;
	margin-right: 0.05rem;
	letter-spacing: 0.02rem;
}

.game-right-icon{
	width: 0.32rem;
}

/* 拼团规则 */
.group-rule{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.25rem 0.15rem;
    border-radius: 0.2rem;
	margin-top: 0.2rem;
	display: none;
}

/* 拼团价格 */
.goods-pintuan-tag{
	font-size: 0.27rem;
	color: #999999;
	font-weight: 600;
	letter-spacing: 0.02rem;
}

.goods-pintuan-price{
	font-size: 0.24rem;
	color: #fe4c4d;
}

.goods-pintuan-price em{
	font-size: 0.37rem;
}

/* 拼团库存 */
.inventory{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.25rem 0.15rem;
    border-radius: 0.2rem;
	margin-top: 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.inventory-left span{
	padding: 0.02rem 0.15rem;
	letter-spacing: 0.02rem;
}

.inventory-left span em{
	font-size: 0.36rem;
	color: #fe4c4d;
}

.inventory-right{
	font-size: 0.25rem;
	color: #999999;
}

/* 开团 */
.part-gorup{
	width: 100%;
    background-color: #f1f1f1;
    padding: 0.25rem 0.15rem;
    border-radius: 0.2rem;
	margin-top: 0.2rem;
	display: none;
}

.tuanlist{
	width: 100%;
	overflow: hidden;
}

.option{
	width: 100%;
	height: 0.9rem;
	border: 2px solid #fe4c4d;
	border-radius: 0.44rem;
	display: flex;
	margin-bottom: 0.2rem;
	overflow: hidden;
}

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

.option-left{
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 0.2rem;
}

.option-left-phone{
	font-size: 0.29rem;
	color: #333333;
}

.option-right{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.option-right-num span{
	font-size: 0.24rem;
	color: #fe4c4d;
	letter-spacing: 0.01rem;
}

.option-right-gotuan{
	width: 1.7rem;
	height: 100%;
	background-color: #fe4c4d;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 0.13rem;
}

.option-right-gotuan span{
	color: #ffffff;
	letter-spacing: 0.03rem;
}


/* 拼团底部 */
.footer-index{
	width: 20%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.index-img{
	width: 0.38rem;
	margin-top: 0.05rem;
}

.footer-index span{
	font-size: 0.26rem;
}

.footer-full{
	width: 40%;
	height: 100%;
	background-color: #f77d3c;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer-full p{
	font-size: 0.29rem;
}

.footer-group{
	width: 40%;
	height: 100%;
	background-color: #fe4c4d;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer-group p{
	font-size: 0.29rem;
}

.layui-m-layercont{
    padding: 20px 30px;
}

.specifics table{
	width: 100%;
	height: 0.6rem;
	border: 1px solid #e2e2e2;
	color: #989898;
}

.specifics table:not(:first-child){
	border-top: none;
}

.biaotizt{
	width: 40%;
	padding-left: 0.2rem;
	border-right: 1px solid #e2e2e2;
}

.biaotizt_1{
	width: 60%;
	padding-left: 0.2rem;
}

.label-descrilbe{
	width: 100%;
    margin-top: 0.2rem;
	background-color: #f8eade;
    border-radius: 0.2rem;
    padding: 0.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.descrilbe-left{
	width: 25%;
	border-right: 1px solid #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.descrilbe-icon{
	width: 0.4rem;
}

.descrilbe-title{
	color: #ff8800;
    margin-top: 0.05rem;
    letter-spacing: 0.02rem;
    font-weight: bold;
}

.descrilbe-right{
	width: 75%;
	padding-left: 3%;
}

.descrilbe-txt{
	font-size: 0.25rem;
    color: #7d7d7d;
}

.label-layer{
	width: 100%;
	height: 8rem;
	background-color: #ffffff;
	border-radius: 0.25rem 0.25rem 0 0;
	padding: 3% 4%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.label-layer h2{
	width: 100%;
	font-size: 0.3rem;
	text-align: center;
	letter-spacing: 0.05rem;
}

.label-layer .esc{
	width: 0.3rem;
	position: absolute;
	top: 0.28rem;
	right: 0.4rem;
}

.label-list{
	width: 100%;
	height: 6.7rem;
	margin-top: 0.3rem;
	overflow-y: scroll;
	padding-bottom: 0.6rem;
}

.label-list li{
	width: 100%;
	margin-bottom: 0.3rem;
}

.label-top{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.label-img{
	width: 0.35rem;
}

.label-name{
	font-size: 0.3rem;
    font-weight: bold;
	color: #3e3e3e;
    margin-left: 0.15rem;
    letter-spacing: 0.02rem;
}

.label-content{
	width: 100%;
	padding-left: 0.5rem;
	font-size: 0.25rem;
	letter-spacing: 0.03rem;
	color: #999999;
	margin-top: 0.1rem;
}

.label-bottom{
	width: 100%;
	height: 0.9rem;
	background-color: #fe4c4d;
	font-size: 0.33rem;
	letter-spacing: 0.04rem;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}