.bg {

	width: 100%;

	height: 10rem;

	background: linear-gradient(to right, #f5073f, #ff4b75);

}



.shangc_banner {

	padding: 10px 10px 0 10px;

}



.swiper-container,

.swiper-container-active {

	width: 100%;

	/*overflow: hidden;*/

}

.swiper-container-active{

	height: 18rem

}

.ellipsis{

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



.swiper-active {

	width: 40%!important;background: white;border-radius: 1rem;overflow: hidden;

}



.zb_count{display: flex;align-items: center;position: absolute;left: 1.2rem;bottom: .6rem}

.zb_count_img{width: 1.6rem;height: 1.6rem;border-radius: 100%;object-fit: cover;margin-left: -.4rem;border: 1px solid white;box-sizing: border-box;}

.zb_count_spam{font-size: 1.1rem;color: #FFF;margin-left: .6rem}

.zb_ms_top{width: 100%;height: 10rem;position: relative;}

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

.zb_ms_mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(0,0,0,.6) 100%);z-index: 99}

.zb_ms_tag{position: absolute;top: 0;left: 0;height: 1.84rem;background: linear-gradient(90deg, #FF4A75, #F6033F);display: flex;align-items: center;justify-content: center;padding: 0 .6rem;border-radius: 0 0 1rem 0}

.zb_ms_tag_img{width: 1.1rem;height: 1.1rem;}

.zb_ms_tag_span{font-size: .96rem;color: white;margin-left: .2rem}

.zb_ms_info{padding: .4rem .6rem 1.2rem .6rem;box-sizing: border-box;}

.zb_ms_title{font-size: 1.4rem;color: #202020;margin-bottom: .8rem;font-weight: 700}

.zb_newPrice{font-size: 1.8rem;color: #FC3964;border-radius: 1rem;font-weight: 700;position: relative;padding-left: .8rem}

.zb_newPrice::before{position: absolute;content: '¥';left: 0;bottom: .2rem;font-size: 1.2rem;content: #FC3964;font-weight: normal;}

.zb_oldPrice{font-size: 1.3rem;color: #666;text-decoration: line-through;position: relative;padding-left: .4rem;margin-left: .4rem}

.zb_oldPrice::before{position: absolute;content: '¥';left: 0;bottom: .1rem;font-size: 1rem;content: #8D8D8D}

.zb_foot{display: flex;justify-content: space-between;margin-top: .3rem}

.zb_tag{font-size: 1rem;color: #FC3764;background: #FFEEF2;border-radius: 1rem;padding: 0 .6rem}

.zb_buynum{font-size: 1rem;color: #999}



.haowu_hot{background: white;padding: 1.5rem .8rem .6rem;box-sizing: border-box;}

.hot_wrap{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-top: .6rem}

.hot_item{width: 49.2%;height: 20rem;border-radius: .6rem;position: relative;overflow: hidden;margin-top: .6rem}

.hot_bg{width: 100%;height: 100%;object-fit: cover;}

.hot_mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .5) 100%)}



.hot_box{position: absolute;left: .8rem;right: .6rem;bottom: .8rem;}

.hot_h3{font-size: 1.3rem;color: white;width: 86%;/*line-height: .36rem;*/font-weight: 700}

.hot_main{display: flex;align-items: flex-end;justify-content: space-between;margin-top: .6rem}



.hot_info{width: 74%;margin-right: .1rem;height: 3.6rem;background: white;border-radius: .3rem;padding: .3rem;box-sizing: border-box;display: flex;align-items: center;}

.hot_info img{width: 3rem;height: 100%;object-fit: cover;border-radius: .3rem}

.hot_msg{width: 66%; display: flex;flex-direction: column;justify-content: space-between;margin-left: .4rem;height: 3rem}

.hot_title{font-size: 1rem;color: #333;font-weight: 700;line-height: 1.4rem}

.hot_price{color: #FC3964;font-size: 1rem;font-weight: 700;position: relative;padding-left: .6rem}

.hot_price::before{position: absolute;content: '¥';left: 0;bottom: 0rem;font-size: 1rem;content: #FC3964;font-weight: normal;}

.eye_wrap{display: flex;align-items: center;}

.eye{width: 1.2rem}

.eye_num{font-size: 1rem;color: white;margin-left: .2rem}



.swiper_hot{width: 100%;height: 26.5vh;padding: 1.4rem 0 3rem;}



.slide_hot{width: 100%!important;height: 100%!important;display: flex;align-items: flex-start;}

.slide_left{flex: 1;height: 100%;}

.slide_right{flex: 1;margin-left: .6rem;height: 100%;}

.slide_left img{width: 100%;height: 100%;}

.slide_right img{height: 48.2%;}

.slide_right img:last-child{margin-top: .6rem}









.swiper-container {

	border-radius: .5rem;

}

.swiper-pagination .swiper-pagination-bullets{display: flex;align-items: center;}

.swiper-pagination-bullets .swiper-pagination-bullet{

	width: .6rem !important;

	height: .6rem !important;

}



.swiper-pagination-bullets .swiper-pagination-bullet-active{

	width: 1.8rem !important;

	height: .6rem !important;

	border-radius: 3rem;

}

/*.swiper-pagination-bullet {

	width: .4rem !important;

	height: .4rem !important;

}*/



.hot_shop {

	padding: 1.2rem .8rem;

	/*background-color: white;*/

	border-radius: 1rem;

}







/*.hot_title {

	display: flex;

	flex-direction: row;

	align-items: center;

}*/



.public_head_title {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    padding: 0 .2rem;

    box-sizing: border-box;

}

.public_head_left{display: flex;align-items: flex-end;}

.public_head_icon{width: 1.6rem;/*margin-top: .08rem*/}

.public_head_right {

    display: flex;

    align-items: center;

}



.public_head_h1 {

    position: relative;

    margin: 0 .4rem 0 .4rem;

    color: #202020;

    line-height: 1.6rem;

    font-size: 1.6rem;

    font-weight: 700;

}

.public_head_h2 {

    font-size: 1.2rem;

    color: #666;

    line-height: 1.3rem;

    display: inline-block;

}

.public_head_more {

    color: #999;

    font-size: 1.2rem;

}

.gz_you {

    width: .4rem;

    margin-left: .3rem;

}





.liren {

	position: relative;

	margin-top: 1rem;

}



.lirem_item_active {

	position: absolute;

	top: 0;

	display: flex;

	flex-direction: row;

	width: 100%;

	height: 100%;

	padding: 1rem;

	box-sizing: border-box;

	justify-content: space-between;

}



.lirem_list {

	width: 30%;

	height: 100%;

	margin: 1rem .5rem 0 0;

	text-align: center;

}



.lirem_list_active {

	position: relative;

	width: 21%;

	height: 100%;

	border-radius:0.4rem;

	overflow:hidden;

}



.liren a {

	padding: .2rem .4rem .1rem .4rem;

	color: #8A02D0;

	border-radius: 1rem;

	background-color: white;

}



.liren_item_lish {

	flex: 1;

	border-right: 1px solid;

}



.liren_item_lish img {

	margin-left: .5rem;

}



.life {

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	margin-top: 1rem;

}



.life-item {

	position: relative;

	width: 32%;

	border-radius: .8rem;

}



.life-box {

	position: absolute;

	left: .3rem;

	right: .3rem;

	bottom: 1rem;

}



.life-box p a {

	padding: .2rem .3rem .1rem .3rem;

	background: white;

	border-radius: 1rem;

}



.hufu {

	padding: 2rem 1rem;

}