@charset "utf-8";
/* CSS Document */
html {
	font-size:100px;
	-webkit-tap-highlight-color: transparent;
}
@media screen and (max-width: 750px) {
 html {
 font-size: 100px;
 font-size: 13.3333333vw;
}
}
::-webkit-scrollbar {
    display: none;
    width: 0;
}

body, html {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
body{
	width: 100%;
    max-width: 100%;
    color: #000;
    font-family: 微软雅黑,Helvetica,黑体,Arial,Tahoma;
    font-size: .29rem;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    letter-spacing: normal;
    font-style: normal;
    overflow: auto;
    overflow-x: hidden;
}
*{box-sizing:border-box;margin:0px;padding:0px; outline:none;}
img {
    max-width: 100%;
	height:auto;
	width:100%;
}
a{ text-decoration:none; color:#222222;}
em,i{ font-style:normal;}
ol, ul, li,p {
    margin: 0;
    padding: 0;
    list-style: none;
}
textarea{ resize:none;}
[v-cloak]{ display:none !important;}

.app{
	max-width: 750px;
    position: relative;
	min-height:100vh;
	margin:auto;
	overflow:hidden;
	font-size:.15rem;
	color:#000000;
	padding-bottom:0.9rem;
}


.content{
	width:95%;
	margin:auto;
}

.Package{ padding-top:0.22rem;}
.Package .P_title{ font-size:0.42rem; margin-bottom:0.48rem;}
.online{ display:flex;
    align-items: center;
    justify-content: center;gap:0.98rem; margin-bottom:0.47rem;margin-top:20px;}
.online a{ width:2.87rem; height:0.62rem;display:flex;
    align-items: center;font-weight:bold;
    justify-content: center; font-size:0.28rem; border-radius:0.35rem; border:0.01rem #D9D7D7 solid;}
.online a img{ height:0.31rem; width:auto; margin-right:0.2rem;}
.Package .s_title{ font-size:0.27rem;display: flex;
    align-items: center; margin-bottom:0.2rem;}
.Package .s_title img{ height:0.25rem; width:auto; margin-left:0.07rem;}


.part_one{ background:#f5f5f5; padding:0.25rem 0rem;}
.part_one ul { display:flex; flex-wrap: wrap;gap:0.36rem;}
.part_one ul li{ width:100%; display:flex; padding:0.2rem; border-radius:0.15rem; background:#fff; box-shadow:0px 0px 8px #ccc;}
.part_one ul li .photo{ width:2.10rem; height:2.11rem; position:relative; margin-right:0.25rem; border-radius:0.07rem; overflow:hidden;}
.part_one ul li .photo .no{ position:absolute; left:0px; top:0px;background-color:rgba(0,0,0,0.4); color:#fff; font-size:0.14rem; padding:0.05rem 0.1rem; display:block;}
.part_one ul li .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.part_one ul li .cont{ flex:1; }
.part_one ul li .cont .title{ display:flex;align-items: center; margin-bottom:0.2rem;}
.part_one ul li .cont .title .tpleft{background:linear-gradient(to right,#f94338,#f8724d,#fe9659); font-size:0.22rem; line-height:0.33rem; border-radius:0.1rem; padding:0px 0.1rem; color:#fff;}
.part_one ul li .cont .title .bt{ font-size:0.26rem; font-weight:bold; flex:1; overflow:hidden; margin-left:1.71rem;}
.part_one ul li .cont .infor{ color:#373334; font-size:13px; line-height:1.5;
	}
.part_one ul li .cont .infor .blue{ font-size:13px; font-weight:bold;color:#FF696A;}
.part_one ul li .cont .more{ float:right; width:1.85rem; height:0.61rem; line-height:0.61rem; text-align:center; background:#ff696a; border-radius:0.35rem; color:#fff; font-size:0.26rem; position:relative;margin-top:5px;}
.part_one ul li .cont .more:before {
	width: 0.31rem;
	height: 0.36rem;
	position: absolute;
	right: 0.1rem;
	top: -0.25rem; background-image:url(../images/fire.png); background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:10;
	content: '';
}
.show{ padding-top:0.07rem; margin-top:-5px;padding-bottom:0.46rem; border-bottom:0.13rem #f5f5f5 solid;}
.show .photo{ margin-bottom:0.14rem;}
.show .title{ margin:0px auto; width:95%;
line-height:1.5;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
    vertical-align: middle;
    word-break: normal;
    word-wrap: break-word;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: 700;
}


.show .miaoshu{ margin:0px auto; width:95%;
line-height:1.5;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #333;
    vertical-align: middle;
    word-break: normal;
    word-wrap: break-word;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;margin-top:14px;

}



.show_one{ display:flex; border-bottom:0.01rem #f3f3f3 solid;}
.show_one a{flex:1; text-align:center; line-height:1.01rem; color:#676767; font-size:0.28rem; position:relative;}
.show_one a.cur{ color:#fabf41; font-weight:bold;}
.show_one a.cur:before {
	width: 1.11rem;
	height: 0.03rem;
	position: absolute;
	left: 50%;
	bottom: 0px;
	background: #fabf41;transform:translateX(-50%);-webkit-transform:translateX(-50%);
	content: '';
}
.s_intro{     word-wrap: break-word;padding-top:0.3rem; line-height:1.5;    white-space: normal;
    word-break: normal;font-size:0.26rem;}

/*悬浮菜单*/
.productMallShop {
    height: 0.93rem;
    z-index: 999;
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #f3f3f3;
    background-color: #fff;
    font-size: .75rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;

}
.productMallShop ul{ display:flex; align-items: center; width:100%;}
.productMallShop ul li{text-align:center; padding:0rem 0.2rem; width:1.26rem;}
.productMallShop ul li a{ font-size:0.26rem; }
.productMallShop ul li a .pic{ height:0.33rem; width:auto; display:block; margin:auto; margin-bottom:0.12rem;}
.productMallShop ul li.last{box-sizing:border-box;-webkit-box-sizing:border-box; flex:1; overflow:hidden;}
.productMallShop ul li .kef{background-color: rgba(251,190,64,1); height:0.67rem; display:flex; align-items: center;
    justify-content: center; width:100%; background:#fbbe41; border-radius:0.30rem; color:#fff; font-size:0.3rem;}
	
.cans ul li{ border-bottom: 0.01rem solid #f3f3f3; display:block; width:100%;
    text-align: left; color: #999; line-height:0.91rem; font-size:0.26rem;}

.cans ul li .tpleft{padding-left: 0.45rem;
    width: 45%; display:inline-block;}
.show_two{ display:none;}
.show_two.cur{ display:block;}

.banner_swiper{margin-bottom: 0.47rem;margin-top: 20px;}
.banner_swiper .swiper-wrapper{ height:auto;}
.banner_swiper .swiper-pagination span.active{ background-color:#ff696a;}

.popup{
	background-color:rgba(0,0,0,0.6); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:10000;display: flex;
    align-items: center;
    justify-content:center; display:none;
}
.popup.visible{ display:flex;}
.popup .content{ background:#fff; width:80%; border-radius:.3rem; padding:.26rem; position:relative;}
.popup .content .closebtn{ position:absolute; cursor:pointer;right:.06rem; top:.06rem;width:.4rem; height:.4rem; border-radius:100%; display:flex; align-items:center; justify-content:center;}
.popup .content .closebtn:after{content:"";width:.32rem; height:.32rem; background:url(../images/close.png) center no-repeat; background-size:contain;}

.popup .content .photo img{width:100%;}
.popup .content .info{ padding:.2rem; }
.popup .content .info .txt{ display:flex; align-items:center; font-size:.24rem; color:#333;}
.popup .content .info .txt .l{flex:1; overflow:hidden; line-height:1.5;}
.popup .content .info .txt .r{  padding:.16rem 0; padding-left:.3rem;line-height:1; color:#ee6635; margin-left:.6rem; position:relative;}
.popup .content .info .txt .r:before{content:""; width:1px;height:100%; background-color:#a4a4a4; position:absolute; left:0; top:0;}
.popup .content .info .img{ display:flex; align-items:flex-end; justify-content:space-between; margin-top:.1rem;}
.popup .content .info .qrcode img{width:1.5rem;}
.popup .content .info .usr{ text-align:right;}
.popup .content .info .usr img{width:3rem;}
.popup .content .btns{ padding:0 .4rem; display:flex; align-items:center; justify-content:space-between;}
.popup .content .closebtn.hide,
.popup .content .btns.hide{display:none;}
.popup .content .btns .btn{ padding:.2rem .24rem; background-color:#2e7bfd; border:solid 1px #3270df; border-radius:.08rem; font-size:.29rem;color:#fff;}
.popup .content .btns .copywx{ background-color:#f8f8f8; border-color:#e1e1e1;color:#000;}
.layui-layer-loading{ top:50% !important; transform:translateY(-50%);-webkit-transform:translateY(-50%);}