body{
	font-weight: 300 !important;
}
@font-face {
	font-family: fa;
	src: url(../../../fonts/SourceHanSerifCN-ExtraLight.ttf);
}
/* banner */
.sale_banner{
	background-image: linear-gradient(to bottom, #f2edea , #fff);
}
.banner_title{
	text-align: center;
	color: #4E2A06;
	font-size: .48rem;
	font-weight: 300;
	padding: 2rem 0 0.64rem;
	/* font-family: fa; */
	letter-spacing: .05rem;
}
.banner_title span{
	transform: translateY(0.5rem);
	display: block;
	opacity: 0;
	transition: all .82s;
}
.banner_title._into span{
	transform: translateY(0rem);
	opacity: 1;
}
.banner_bk{
	width: 100%;
}
#botm{
    font-size: 0.16rem
}

.quality_box{
	padding: 0.64rem 1.5rem 0.8rem;
	width: 100%;
}
.quality_title{
	text-align: center;
	font-size: 0.4rem;
}
.quality_text{
	margin-top: 0.3rem;
	padding: 0.6rem 0.6rem;
	background-color: #f2edea;
	border-radius: 25px;
}
.quality_t1,
.quality_t6{
	font-size: 0.2rem;
}
.quality_t2,
.quality_t3,
.quality_t4,
.quality_t5{
	font-size: 0.18rem;
	line-height: 0.3rem;
	font-weight: 300;
	padding-left: 0.2rem;
	position: relative;
}
.quality_t2{
	margin-top: 0.12rem;
}
.quality_t2::before,
.quality_t3::before,
.quality_t4::before,
.quality_t5::before{
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	top: 0.12rem;
	margin-left: -0.15rem;
	background-color: #000;
}
.quality_t6{
	margin: 0.3rem 0 0.1rem;
}


.sale_map{
	display: flex;
	justify-content: space-between;
	padding: 0.8rem 1.5rem;
	background-color: rgb(242, 242, 242);
}
.smap_left{
	width: 42%;
	background-color: rgb(220, 203, 193);
	padding: 1rem 0.65rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.smap_title{
	font-size: 0.4rem;
	line-height: 1.2;
}
.smap_detail{
	font-size: 0.18rem;
	font-weight: 300;
	line-height: 0.3rem;
}
.smap_right{
	width: 57%;
}
.smap_right img{
	width: 100%;
}


.sale_swiper{
	padding: 0.8rem 1.5rem;
}
.sswiper_title{
	font-size: 0.4rem;
	text-align: center;
}
.sswiper_detail{
	margin-top: 0.15rem;
	font-size: 0.2rem;
	text-align: center;
	padding: 0 1rem;
	line-height: 0.34rem;
}
.sswiper_box{
	width: 100%;
	margin-top: 0.3rem;
}
.sswiper_box .swiper-slide{
	position: relative;
}
.sswiper_box .swiper-slide img{
	width: 100%;
}
.sswiper_box .swiper-slide .swiper_text{
	position: absolute;
	left: 0.5rem;
	bottom: 0.6rem;
}
.swiper_text{
	width: 50%;
}
.sw_t1{
	font-size: 0.28rem;
	color: #fff;
}
.sw_t2{
	margin-top: 0.1rem;
	font-size: 0.18rem;
	line-height: 0.3rem;
	color: #fff;
}
.swiper_page{
	position: absolute;
	bottom: 0.6rem !important;
	right: 0.5rem !important;
	left: auto !important;
	z-index: 2;
	width: auto !important;
}
.swiper-pagination-bullet{
	width: 0.6rem;
	border-radius: 0;
	height: 2px;
	position: relative;
	background-color: transparent;
	opacity: 1;
	padding: 0.1rem 0;
}
.swiper-pagination-bullet::before{
	content: '';
	width: 100%;
	height: 2px;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 1;
}
.swiper-pagination-bullet-active{
}
.swiper-pagination-bullet::after{
	content: '';
	width: 0;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
}
.swiper-pagination-bullet-active::after{
	transition: all 5s linear;
	width: 100%;
}


.deadline_box{
	width: 100%;
	position: relative;
}
.deadline_box img{
	width: 100%;
}
.deadline_text{
	width: 100%;
	height: 100%;
	padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
}
.deadline_title{
	font-size: 0.4rem;
	color: #fff;
}
.deadline_detail{
	display: flex;
	justify-content: space-between;
}
.dede_min{
	width: 45%;
	color: #fff;
}
.dede_min div:nth-of-type(1){
	font-size: 0.28rem;
}
.dede_min div:nth-of-type(2){
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin-top: 0.1rem;
}

.damage_box{
	display: flex;
	justify-content: space-between;
	padding: 0.8rem 1.5rem;
	background-color: rgb(242, 242, 242);
}
.damage_min{
	width: 49.5%;
}
.damage_ss{
    width: 20%; 
    margin-left: -0.4rem;
    background-color: #f2edea;
}
.damage_min img{
	width: 100%;
	transition: all 2s;
}
.damage_bottom{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0.4rem;
	/* background-color: #fff; */
}
.damage_bottom div:nth-of-type(1){
	font-size: 0.3rem;
}
.damage_bottom div:nth-of-type(2){
	font-size: 0.16rem;
	cursor: pointer;
}
.more_btn{
	display: flex;
	align-items: center;
}
.more_btn img{
	width: 0.35rem;
	margin-left: 0.3rem;
	transform: translateX(-0.1rem);
	transition: all .5s;
}
.more_btn:hover img{
	transform: translateX(0rem);
}
.damage_min_ov{
	overflow: hidden;
	width: 100%;
}
.damage_min:hover .dam_bk{
	transform: scale(1.03);
}


.service_box{
	padding: 0.8rem 0.5rem 0.8rem 1.5rem;
	display: flex;
}
.service_left{
	width: 64%;
}
.service_left img{
	width: 100%;
}
.service_right{
	width: 36%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.ser_t1{
	font-size: 0.4rem;
}
.ser_t2{
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin: 0.3rem 0;
}


.btn1{
    margin-top: .14rem;
    width: 2rem;
	height: .44rem;
	background-color: #ffffff;
    border: solid 1px #4f2c28;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f2c28;
    font-size: .14rem;
    cursor: pointer;
    transition: all .3s;
    font-weight: 300;
    position: relative
}
.btn1:hover{
    background: #f2edea;
}
.btn1::after{
    position: absolute;
    height: 2px;
    width: 100%;
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    transition: all .5s;
    background-color: #471a14;
    transform: scale(0,1);
}
.btn1:hover::after{
    transform: scale(1,1);
}




.rescue_box{
	padding: 0.7rem 1.5rem;
}
.rescue_title{
	font-size: 0.4rem;
	text-align: center;
}
.res_bottom{
	display: flex;
	justify-content: space-between;
	margin-top: 0.3rem;
}
.rescue_min{
	background-color: #f2edea;
	width: 49.5%;
	border-radius: 25px;
	padding: 0.8rem 0.5rem;
}
.res_min_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.res_min_top img{
	width: 0.8rem;
}
.rmt_title{
	font-size: 0.26rem;
}
.res_min_btm{
	font-size: 0.18rem;
	margin-top: 0.8rem;
	line-height: 0.3rem;
	font-weight: 300;
}


.pop_box{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	transition: all .7s;
	opacity: 0;
	pointer-events: none;
}
.pop_box.active{
	opacity: 1;
	pointer-events: auto;
}
.pop_win{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100vw - 3rem);
	opacity: 0;
}
.pop_win.active{
	opacity: 1;
}
.pop_win_top{
	position: relative;
	background-color: rgb(242, 237, 233);
	padding: 0.8rem 0 0.5rem;
	/* font-size: 0.25rem; */
	border-radius: 40px 40px 0 0;
	text-align: center;
    font-weight: normal;
    font-size: 0.38rem
}
.pop_win_top img{
	width: 0.35rem;
	opacity: 0.3;
	position: absolute;
	right: 0.4rem;
	top: 0.4rem;
	cursor: pointer;
	transition: all 1s;
}
.pop_win_top img:hover{
	opacity: 1;
}
.pop_win_btm{
	padding: 0.8rem 1.5rem 0.8rem;
	background-color: #fff;
	border-radius: 0 0 40px 40px;
}
.pop_win_btm .t{
    text-indent: 2em;
}
.pop_win_btm .h1{
    font-size: 18px;
}
.pop_win_btm .h2{
    font-size: 16px;
    font-weight: 500;
}
.pop_win_btm .d{
    margin-left: 2em;
}
.pop_win_btm{
	font-size: 0.2rem;
	line-height: 0.34rem;
    overflow-y: scroll;
        max-height: 60vh;
}
.pop_win_btm_texts{
    font-size: 0.16rem;
    color: #333;
    margin-top: 0.15rem;
}
.pw_min_t{
	margin-top: 0.5rem;
}

.pop_box_0 .pop_win{
    /* max-height: 80vh;
    overflow-x: hidden;
    overflow-y: scroll; */
}
.pop_box_0 .pop_win::-webkit-scrollbar {
    display: none;
}



.scroll_into{
	transform: translateY(0.5rem);
	display: block;
	opacity: 0.2;
	transition: all 1.02s;
	transition-delay: 0.2s;
}
.scroll_into._into{
	transform: translateY(0rem);
	opacity: 1;
	pointer-events: auto;
}


@media (max-width: 767px){
	.quality_box{
		padding: 1rem 0.5rem;
		background-color: #f1ece9;
	}
	.quality_text{
		margin-top: 0;
		border-radius: 25px;
		padding: 0;
	}
	.quality_title{
		margin-bottom: 0.4rem;
	}
	.quality_t6{
		margin: 0.3rem 0 0rem;
	}
	.quality_t1,
	.quality_t6{
		font-size: 0.24rem;
	}
	.quality_t2,
	.quality_t3,
	.quality_t4,
	.quality_t5{
		font-size: 0.24rem;
		line-height: 0.35rem;
		font-weight: 300;
		padding-left: 0.2rem;
		position: relative;
	}
	.quality_t2{
		margin-top: 0.16rem;
	}
	
	.sale_map{
		flex-direction: column-reverse;
		padding: 1rem 0.5rem;
	}
	.smap_left,.smap_right{
		width: 100%;
	}
	.smap_detail{
		margin-top: 1.4rem;
		font-size: 0.24rem;
		line-height: 0.35rem;
	}
	
	
	.sale_swiper{
		padding: 1rem 0.5rem 2rem;
		position: relative;
	}
	.sswiper_box{
		margin-top: 0.5rem;
	}
	.sswiper_detail{
		padding: 0;
		margin-top: 0.3rem;
		font-size: 0.24rem;
		line-height: 0.35rem;
	}
	.sswiper_box .swiper-slide{
		background-color: #fff;
	}
	.sswiper_box .swiper-slide .swiper_text{
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		width: 100%;
		text-align: center;
		margin-top: 0.4rem;
	}
	.sw_t1, .sw_t2{
		color: #111;
	}
	.sw_t1{
		font-size: 0.3rem;
	}
	.sw_t2{
		font-size: 0.24rem;
		line-height: 0.35rem;
	}
	.swiper_page {
	    position: absolute;
	    bottom: 1rem !important;
	    right: auto !important;
	    left: 50% !important;
		transform: translateX(-50%);
	    z-index: 2;
	    width: auto !important;
		white-space: nowrap;
	}
	.swiper-pagination-bullet{
		margin: 0 0.1rem;
	}
	.swiper-pagination-bullet::before{
		background-color: rgba(0, 0, 0, 0.2) !important;
	}
	.swiper-pagination-bullet::after{
		background-color: rgba(0, 0, 0, 1) !important;
	}
	
	.deadline_text{
		padding: 1rem 0.5rem 2.2rem;
	}
	.deadline_title{
		text-align: center;
	}
	.deadline_detail{
		flex-direction: column;
	}
	.dede_min{
		width: 100%;
	}
	.dede_min:nth-of-type(2){
		margin-top: 0.6rem;
	}
	.dede_min div:nth-of-type(1){
		font-size: 0.3rem;
	}
	.dede_min div:nth-of-type(2){
		font-size: 0.24rem;
		line-height: 0.35rem;
	}
	
	.rescue_box{
		padding: 1rem 0.5rem;
	}
	.res_bottom{
		flex-direction: column;
	}
	.rescue_min{
		width: 100%;
	}
	.res_min_btm{
		margin-top: 1.3rem;
	}
	.res_min_top img{
		width: 1.1rem;
	}
	.rescue_min:nth-of-type(2){
		margin-top: 0.25rem;
	}
	.res_min_btm{
		font-size: 0.24rem;
		line-height: 0.35rem;
	}
	.rmt_title{
		font-size: 0.3rem;
	}
	
	.damage_box{
		padding: 1rem 0.5rem;
		flex-direction: column;
	}
    
	.damage_min{
		width: 100%;
	}
    .damage_ss{
        width: 100%;
    }
	.damage_min:nth-of-type(2){
		margin-top: 0.25rem;
	}
	
	.damage_bottom div:nth-of-type(1){
		font-size: 0.24rem;
	}
	.damage_bottom div:nth-of-type(2){
		font-size: 0.24rem;
	}
    .damage_bottom{
        width: 100%;
    }
	
	
	.service_box{
		padding: 0rem 0 3rem;
		flex-direction: column;
	}
	.service_left{
		width: 100%;
	}
	.service_right{
		width: 100%;
		margin-top:1rem;
	}
	.ser_t2{
		font-size: 0.24rem;
		line-height: 0.35rem;
	}
	
	.btn1{
		width: 3.3rem;
		height: 0.75rem;
		font-size: 0.24rem;
	}
	
	
	.pop_win{
		width: calc(100% - 1rem);
	}
	.pop_win_btm{
		padding: 1rem 0.5rem;
		border-radius: 0px;
		font-size: 0.25rem;
        line-height: 0.4rem;
	}
    
	.pop_win_top{
		border-radius: 0px;
		padding: 1rem 0.5rem 0.5rem;
		font-size: 0.42rem;
	}
	.pop_win_top img{
		width: 0.5rem;
	}
    .bottom_yd{
        margin-left: -0.08rem;
    }
    /* .btn_st{
        margin-right: -0.3rem;
    } */
    .btn-tts{
        width: 100%;
        justify-content: space-between;
    }
    .damage_ss_m{
        width: 120%
    }
    #botm{
        font-size: 0.24rem
    }

    .pop_win_btm .d{
        margin-left: 0
    }

    .pop_win_btm_texts{
        font-size: 0.25rem;
        line-height: 0.4rem;
    }

}