/* listPro_list */
.listPro_list{padding: 0 0 0; flex-wrap: wrap;}
.listPro_list li{width: 31%; box-sizing: border-box; margin-right: 3.5%; border-radius: 24px; overflow: hidden;}
.listPro_list li:nth-child(3n){margin-right: 0;}
.listPro_list li:nth-child(n+4){margin-top: 3%;}
.listPro_item{position: relative; height: auto; background: #F9F9F9;}
.listPro_item>a{height: 100%; align-items: flex-end;}
.listPro_item .pro_pic{padding-bottom: 100%;}
.listPro_item .title{margin: 16px 0 8px; font-size: 24px; line-height: 1.25; overflow: hidden; font-family: 'Fredoka One-Regular'; text-transform: capitalize; flex: 1; padding: 0 15px; text-align: center; width: 100%}
.listPro_item .more{width: 52px; height: 52px; border-radius: 12px 12px 24px 12px; background: url(../img/icon_right_w.png) no-repeat center; background-size: 24px auto; background-color: #333;}
.listPro_item .brief{color: #666; line-height: 28px; height: 84px;}
.listPro_item:hover{background: #f5f5f5;}
.listPro_item:hover .title{color: var(--commonColor);}
.listPro_item:hover .brief{color: #333;}
.listPro_item:hover .more{background-color: var(--commonColor);}

@media only screen and (max-width: 1350px) {
	.listPro_item .title{font-size: 22px;}
}
@media only screen and (max-width: 980px) {
	.listPro_list{padding-top: 0;}
	.listPro_list li{width: 100%;}
	.listPro_list li:nth-child(n+2){margin-top: 20px;}
	.listPro_item{padding-bottom: 0;}
	.listPro_item .title{height: auto; font-size: 20px; display: block; margin: 18px 0 8px; line-height: 1.5;}
	.listPro_item .more{width: 48px; height: 48px;}
}

/* listPro_faq */
.listPro_faq{overflow: hidden; background: #FAF9F5; padding: 4.5% 0;}
.listPro_faq .pro_faq_inner{margin-top: 3%;}
.listPro_faq .left_faq{width: 46%;}
.listPro_faq .left_faq .pic{padding-bottom: 90%; border-radius: 24px;}
.listPro_faq .right_faq{width: 50%;}

.c_faq_list .faq_item:nth-child(4n+1){border-color: #50B8DC;}
.c_faq_list .faq_item:nth-child(4n+2){border-color: #6AC46A;}
.c_faq_list .faq_item:nth-child(4n+3){border-color: #FBB419;}
.c_faq_list .faq_item:nth-child(4n){border-color: #FF7162;}

.c_faq_list .sel_item:nth-child(4n+1) .faq_th{color: #50B8DC;}
.c_faq_list .sel_item:nth-child(4n+2) .faq_th{color: #6AC46A;}
.c_faq_list .sel_item:nth-child(4n+3) .faq_th{color: #FBB419;}
.c_faq_list .sel_item:nth-child(4n) .faq_th{color: #FF7162;}

.c_faq_list .sel_item:nth-child(4n+1) .right_icon::before{border-top-color: #50B8DC;}
.c_faq_list .sel_item:nth-child(4n+2) .right_icon::before{border-top-color: #6AC46A;}
.c_faq_list .sel_item:nth-child(4n+2) .right_icon::before{border-top-color: #FBB419;}
.c_faq_list .sel_item:nth-child(4n) .right_icon::before{border-top-color: #FF7162;}

@media only screen and (max-width: 1300px) {
	.pro_faq_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.listPro_faq{padding: 30px 0;}
	.listPro_faq .pro_faq_inner{flex-direction: column; zoom: 1; margin-top: 20px;}
	.pro_faq_inner .left_faq{width: 100%;}
	.listPro_faq .left_faq .pic{border-radius: 20px;}
	.pro_faq_inner .right_faq{width: 100%; margin-top: 20px;}
}


/* listPro_tip */
.pro_tip_inner{max-width: 1340px; margin: 3% auto 0;}
.pro_tip_inner .tip_left{width: 46%;}
.pro_tip_inner .tip_left .pic{padding-bottom: 100%;}
.pro_tip_inner .pro_tip_list{width: 46%;}

.pro_tip_list .title{font-family: 'Open Sans-Regular'; font-weight: bold; font-size: 20px; line-height: 1.5; color: #000; text-transform: none;}
.pro_tip_list .title .order{width: 30px; color: #fff; height: 30px; border-radius: 50%; margin-right: 8px; text-align: center; line-height: 30px; background: #FF7162;}
.pro_tip_list .title .txt{flex: 1;}
.pro_tip_list .brief{color: #666; line-height: 30px; margin-top: 12px;}

.pro_tip_list .tip_item:nth-child(n+2){margin-top: 5%;}
.pro_tip_list .tip_item:nth-child(3n+2) .title .order{background: #624DA0;}
.pro_tip_list .tip_item:nth-child(3n) .title .order{background: var(--otherColor);}
.pro_tip_list .tip_item:hover .title .order{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.pro_tip_inner .pro_tip_list{width: 48%;}
	.pro_tip_list .brief{line-height: 28px;}
}
@media only screen and (max-width: 980px) {
	.pro_tip_inner{flex-direction: column; margin-top: 16px;}
	.pro_tip_inner .tip_left{width: 100%;}
	.pro_tip_inner .pro_tip_list{width: 100%; margin-top: 20px;}
	.pro_tip_list .tip_item:nth-child(n+2){margin-top: 15px;}
	.pro_tip_list .brief{margin-top: 10px;}
}

/* listPro_img_txt */
.img_txt_item:nth-child(n+2){margin-top: 4%;}
.img_txt_item .item_left{width: 47.25%; order: 1;}
.img_txt_item .item_left .pic{padding-bottom: 73%; border-radius: 70px;}
.img_txt_item .item_right{width: 47.25%; order: 2;}
.img_txt_item .item_right .title{color: var(--otherColor); font-size: 36px; font-family: 'Fredoka One-Regular'; line-height: 1.4; text-transform: uppercase;}
.img_txt_item .item_right .brief{color: #666; margin-top: 12px; line-height: 28px;}

.img_txt_item:nth-child(2n) .item_left{order: 3;}

@media only screen and (max-width: 1450px) {
	.img_txt_item .item_left .pic{border-radius: 60px;}
	.img_txt_item .item_right .title{font-size: 32px;}
}
@media only screen and (max-width: 1300px) {
	.img_txt_item .item_left{width: 48%;}
	.img_txt_item .item_right{width: 48%;}
	.img_txt_item .item_left .pic{border-radius: 50px;}
	.img_txt_item .item_right .title{font-size: 28px;}
}
@media only screen and (max-width: 980px) {
	.img_txt_item{flex-direction: column;}
	.img_txt_item:nth-child(n+2){margin-top: 20px;}
	.img_txt_item .item_left{width: 100%; order: 1 !important;}
	.img_txt_item .item_right{width: 100%; margin-top: 16px;}
	.img_txt_item .item_left .pic{border-radius: 35px;}
	.img_txt_item .item_right .title{font-size: 21px;}
	.img_txt_item .item_right .brief{margin-top: 8px;}
}