@charset "utf-8";

* {font-family: sans-serif, Arial;}
.btn_breathe{-webkit-animation:btn_breathe linear infinite 1.5s;}
@-webkit-keyframes btn_breathe{
	0%{-webkit-transform:scale(1.02);}
	50%{-webkit-transform:scale(0.95);}
	100%{-webkit-transform:scale(1.02);}
}

html{scroll-behavior:smooth;}
.jifen_exchange_presents{width:100%;max-width:30rem;margin:0 auto;position: relative;padding-bottom: 2rem;}
.jifen_exchange_presents .banner{width:100%;margin-bottom:-44%;position: relative;z-index:-1;}
.jifen_exchange_presents .num_change{width:100%;display: flex;justify-content: center;align-items: center;font-size:1.23rem;font-weight:bold;position: relative;margin-bottom: 2rem;}
.jifen_exchange_presents .num_change .ico{height:1.4rem;margin:0 0.24rem;}
.jifen_exchange_presents .num_change .span{margin:0 0.2rem;}

.jifen_exchange_presents .pro_deco::before{
	content:"";
	width:0.31rem;height:0.62rem;border-radius:0 100rem 100rem 0;
	background-color: #bde8ff;
	position: absolute;bottom:2.2rem;left:0;
}
.jifen_exchange_presents .pro_deco::after{
	content:"";
	width:0.31rem;height:0.62rem;border-radius:100rem 0 0 100rem;
	background-color: #bde8ff;
	position: absolute;bottom:2.2rem;right:0;
}

.jifen_exchange_presents .jifen_card{margin:-1rem 0.8rem 0;border-radius: 0.82rem 0.82rem 0 0;background-image: linear-gradient(180deg,#c2f6fe,#f7fcfe);padding:0.8rem 0 1rem;box-shadow: 0 0 0 2px #fff inset;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.jifen_exchange_presents .jifen_card .lay{flex:1;text-align: center;}
.jifen_exchange_presents .jifen_card .lay .jifen{font-size:1.98rem;font-weight:bold;line-height:1;letter-spacing: -1px;margin-bottom: 0.1rem;}
.jifen_exchange_presents .jifen_card .lay .jifen.ft_red{color:#f13f1c;}
.jifen_exchange_presents .jifen_card .lay .rest{font-size:0.8rem;color:#5d5d5d;display: flex;justify-content: center;align-items: center;gap:0.2rem;}
.jifen_exchange_presents .jifen_card .lay .rest .ques{width:0.8rem;}
.jifen_exchange_presents .jifen_card .note{width:calc(100% - 4.4rem);font-size:0.87rem;color:#f13f1c;font-weight:bold;text-align: center;margin:0.4rem auto -1rem;background-image: linear-gradient(180deg,#bef6fe,#ccf8fe);border-radius:0.53rem 0.53rem 0 0;padding:0.4rem 0 1.4rem;}

.jifen_exchange_presents .jifen_card_2{margin:-0.5rem 0.8rem 0;border-radius: 0.82rem 0.82rem 0 0;background-image: linear-gradient(180deg,#c2f6fe,#f7fcfe);padding:0.84rem 1.45rem 1.8rem;box-shadow: 0 0 0 2px #fff inset;position: relative;}
.jifen_exchange_presents .jifen_card_2 .jifen{font-size:1.98rem;font-weight:bold;line-height:1;letter-spacing: -1px;margin-bottom: 0.4rem;display: flex;align-items:center;gap:0.62rem;}
.jifen_exchange_presents .jifen_card_2 .jifen .rule{width:4.31rem;height:1.36rem;line-height:1.36rem;font-size:0.75rem;color:#2773c8;box-shadow:0 0 0 1px #2773c8 inset;border-radius: 100rem;text-align: center;background-color:#cefafc;letter-spacing: 0px;}
.jifen_exchange_presents .jifen_card_2 .note{font-size:0.8rem;color:#5d5d5d;}
.jifen_exchange_presents .jifen_card_2 .deco{position: absolute;height:7.15rem;right:1.25rem;top:-1.05rem;}


.jifen_exchange_presents .pro_main{width:100%;position: relative;margin-top:-1rem;background-image: url(../images/bg_pro_main.png);background-size: 100% auto;background-repeat: no-repeat;padding-top:1.32rem;}
.jifen_exchange_presents .pro_main .recom{margin:0 0.48rem 0.48rem;display:grid;grid-template-columns: repeat(3,1fr);gap:0.31rem;padding-top:1rem;}
.jifen_exchange_presents .pro_main .recom .lay{background-color: #fff;border-radius: 0.82rem;position: relative;text-align: center;padding:0 0 0.62rem;font-size:0.92rem;color:#201e23;}
.jifen_exchange_presents .pro_main .recom .lay .wares{width:4.18rem;height:2.73rem;background: url(../images/bg_1.png) center center/contain no-repeat;display: flex;justify-content: center;align-items: center;font-size:1.23rem;font-weight:bold;color:#79450a;position: relative;top:-0.92rem;margin:0 auto -0.6rem;border-radius: 0.75rem;}
.jifen_exchange_presents .pro_main .recom .lay .wares.hot::before{
	content:"";
	width:1.12rem;height:1.43rem;
	background: url(../images/hot.png) center center/contain no-repeat;
	position: absolute;top:-0.7rem;right:-0.2rem;
}
.jifen_exchange_presents .pro_main .recom .lay .wares_mix{width:100%;display: flex;justify-content: center;align-items: center;gap:0.24rem;position: relative;top:-0.92rem;margin:0 auto -0.6rem;}
.jifen_exchange_presents .pro_main .recom .lay .wares_mix::before{
	content:"";
	width:0.82rem;height:0.82rem;border-radius: 100rem;
	background: url(../images/add.png) center center/contain no-repeat;
	position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);
}
.jifen_exchange_presents .pro_main .recom .lay .wares_mix .app{width:2.73rem;height:2.73rem;background-image:linear-gradient(180deg,#fdeece,#fcddad);border-radius: 0.75rem;}
.jifen_exchange_presents .pro_main .recom .lay .wares_mix .flow{width:2.73rem;height:2.73rem;background-image:linear-gradient(180deg,#fdeece,#fcddad);display: flex;justify-content: center;align-items: center;font-size:1.23rem;font-weight:bold;color:#79450a;border-radius: 0.75rem;letter-spacing: -1px;}


.jifen_exchange_presents .pro_main .recom .lay .name{font-weight:bold;margin-bottom:0.87rem;}
.jifen_exchange_presents .pro_main .recom .lay .btn{margin:0 1rem;height:1.56rem;line-height:1.56rem;text-align: center;color:#fff;font-weight:bold;border-radius: 100rem;background-image: linear-gradient(90deg,#fda944,#fa632c);}

.jifen_exchange_presents .pro_main .func_area{margin:0 0.48rem 1.5rem;display:grid;grid-template-columns: repeat(2,1fr);gap:0.31rem;}
.jifen_exchange_presents .pro_main .func_area .lay{background-color: #fff;border-radius: 0.82rem;padding:0.31rem 0 0.7rem;}
.jifen_exchange_presents .pro_main .func_area .lay .title{font-size:0.82rem;font-weight:bold;color:#101010;padding:0 0.87rem;}
.jifen_exchange_presents .pro_main .func_area .lay .products{width:100%;display: flex;justify-content:space-between;align-items: center;font-size:0.75rem;color:#101010;padding:0 0.4rem;}
.jifen_exchange_presents .pro_main .func_area .lay .products .lay_s{flex:1;text-align: center;}
.jifen_exchange_presents .pro_main .func_area .lay .products .lay_s .pro{height:3.41rem;}


.jifen_exchange_presents .pro_main .tab_main{display: flex;justify-content: space-around;align-items: center;margin-bottom: 1rem;}
.jifen_exchange_presents .pro_main .tab_main .lay{flex: auto;text-align: center;position: relative;font-size: 0.87rem;color:#525252;}
.jifen_exchange_presents .pro_main .tab_main .lay::before{
	content:"";
	position: absolute;right:0;top:50%;height:0.87rem;
	border-right:1px solid #000;
	-webkit-transform: scaleX(0.5) translateY(-50%);
	-webkit-transform-origin: right center;
}
.jifen_exchange_presents .pro_main .tab_main .lay:last-child::before{
	content:"";
	position: absolute;right:0;top:50%;height:0.87rem;
	border-right:none;
	opacity:0;
}
.jifen_exchange_presents .pro_main .tab_main .lay.active{font-weight:bold;font-size:1.05rem;color:#000;}
.jifen_exchange_presents .pro_main .tab_main .lay.active::after{
	content: "";
	width:72%;height:0.66rem;border-radius: 0.2rem;
	background-color: #bde8ff;mix-blend-mode: multiply;
	position: absolute;left:50%;top:53%;-webkit-transform: translate(-50%,-50%);
}

.jifen_exchange_presents .pro_main .tab_sub{margin:0 0.48rem 1.1rem;}
.jifen_exchange_presents .pro_main .tab_sub .lay{margin:0 0.7rem;justify-content: space-around;align-items: center;font-size:0.82rem;color:#201e23;display: none;}
.jifen_exchange_presents .pro_main .tab_sub .lay .lay_s{padding:0 0.45rem;display: inline-block;color:#201e23;}
.jifen_exchange_presents .pro_main .tab_sub .lay .lay_s.active{background-color: #a3d9f6;border-radius: 100rem;box-shadow: 0 0 0 1px #46758a inset;}

.jifen_exchange_presents .pro_main .jifen_probox{margin:0 auto 1rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box{display: none;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor{margin-bottom: 1.2rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .title{margin:0 0.87rem 0.6rem 1rem;display: flex;align-items: center;gap:0.66rem; font-size:1.32rem;font-weight:bold;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .title .name{display: inline-flex;align-items: center;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .title .name::before{
	content:"";
	width:0.48rem;height:1.2rem;
	border-radius: 100rem;
	background-color: #0096f2;
	margin-right:0.7rem;
}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .title .btn_fold{width:2rem;height:1.28rem;background-color: #a5defc;border-radius: 100rem;box-shadow:0 0 0 1px #46758a inset;display: flex;justify-content: center;align-items: center;gap:0.1rem;font-size: 0.8rem;color:#201e23;padding-left:0.1rem;background-image:url(../images/light.png);background-repeat: no-repeat;background-size: 1rem 100%;background-position: -1.5rem 0;-webkit-animation: btn_light linear infinite 1.2s;}
@-webkit-keyframes btn_light{
	from{background-position: -1.5rem 0;}
	to{background-position: 2.5rem 0;}
}


.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .title .btn_fold::after{
	content:"";
	width:0.66rem;height:0.66rem;
	background: url(../images/arrow_fold.png) center center/contain no-repeat;
	transition: all ease 0.3s;
	-webkit-transform: rotate(0deg);
}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .title .btn_fold.active::after{
	content:"";
	width:0.66rem;height:0.66rem;
	background: url(../images/arrow_fold.png) center center/contain no-repeat;
	transition: all ease 0.3s;
	-webkit-transform: rotate(180deg);
}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .floor .tit_sub{font-size:0.92rem;color:#201e23;font-weight:bold;padding:0 0.87rem 0 2.2rem;margin:0rem auto 0.4rem;}


.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list{margin:0 0.48rem 0.6rem;display:grid;grid-template-columns: repeat(3,1fr);gap:0.31rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay{background-color: #fff;border-radius: 0.82rem;position: relative;text-align: center;padding:0.75rem 0 0.62rem;font-size:0.92rem;color:#201e23;}

.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay:nth-child(3) ~ .lay{display: none;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .listNew .lay:nth-child(3) ~ .lay{display: block;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .listNew .lay:nth-child(6) ~ .lay{display: none;}

.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .hot{
	width:1.12rem;height:1.43rem;
	background: url(../images/hot.png) center center/contain no-repeat;
	position: absolute;top:-0.7rem;right:0.5rem;
}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .label{position: absolute;top:0;right:0;color:#fff;font-size:0.66rem;font-weight:bold;background-color: #fa642c;height:0.92rem;line-height:0.92rem;padding:0 0.3rem;border-radius: 0 0.48rem;}


/* 新加 */
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .pack_pub{height:2.73rem;margin:0 auto 0.23rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .label_pub{position: absolute;top:0;right:0;height:0.92rem;}



.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .wares{width:4.18rem;height:2.73rem;background: url(../images/bg_1.png) center center/contain no-repeat;display: flex;justify-content: center;align-items: center;font-size:1.23rem;font-weight:bold;color:#79450a;margin:0 auto 0.23rem;border-radius: 0.75rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .quan{width:4.18rem;height:2.73rem;background: url(../images/bg_2.png) center center/contain no-repeat;display: flex;justify-content: center;align-items: center;font-size:1.23rem;font-weight:bold;color:#17629d;margin:0 auto 0.23rem;border-radius: 0.75rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .package{width:5rem;height:2.73rem;background: url(../images/bg_3.png) center center/contain no-repeat;display: flex;justify-content: center;align-items: center;font-size:0.92rem;line-height:1.1;font-weight:bold;color:#303f0b;margin:0 auto 0.23rem;border-radius: 0.75rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .buss{width:5rem;height:2.73rem;background: url(../images/bg_4.png) center center/contain no-repeat;display: flex;justify-content: center;align-items: center;font-size:0.82rem;line-height:1.1;font-weight:bold;color:#0b423e;margin:0 auto 0.23rem;border-radius: 0.75rem;}

.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .wares_mix{width:100%;display: flex;justify-content: center;align-items: center;gap:0.24rem;margin:0 auto 0.28rem;position: relative;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .wares_mix::before{
	content:"";
	width:0.82rem;height:0.82rem;border-radius: 100rem;
	background: url(../images/add.png) center center/contain no-repeat;
	position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);
}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .wares_mix .app{width:2.73rem;height:2.73rem;background-image:linear-gradient(180deg,#fdeece,#fcddad);border-radius: 0.75rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .wares_mix .flow{width:2.73rem;height:2.73rem;background-image:linear-gradient(180deg,#fdeece,#fcddad);display: flex;justify-content: center;align-items: center;font-size:1.05rem;font-weight:bold;color:#79450a;border-radius: 0.75rem;letter-spacing: -1px;}


.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .quanyi_mix{width:100%;display: flex;justify-content: center;align-items: center;gap:0.24rem;margin:0 auto 0.28rem;position: relative;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .quanyi_mix::before{
	content:"";
	width:0.82rem;height:0.82rem;border-radius: 100rem;
	background: url(../images/add2.png) center center/contain no-repeat;
	position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);
}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .quanyi_mix .obj{width:2.73rem;height:2.73rem;background-image:linear-gradient(180deg,#e2f8c7,#bddb72);border-radius: 0.75rem;font-size:0.8rem;color:#303f0b;display: flex;justify-content: center;align-items: center;line-height:1.1;font-weight:bold;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .quanyi_mix .flow{width:2.73rem;height:2.73rem;background-image:linear-gradient(180deg,#e2f8c7,#bddb72);display: flex;justify-content: center;align-items: center;font-size:1.05rem;font-weight:bold;border-radius: 0.75rem;letter-spacing: -1px;color:#303f0b;box-shadow: none;-webkit-box-shadow: none;}


.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .name{font-weight:bold;margin-bottom:0.5rem;font-size:0.8rem;}
.jifen_exchange_presents .pro_main .jifen_probox .lay_box .list .lay .btn{margin:0 1rem;height:1.56rem;line-height:1.56rem;text-align: center;color:#fff;font-weight:bold;border-radius: 100rem;background-image: linear-gradient(90deg,#fda944,#fa632c);}