@font-face {
	font-family: 'KumbhSans';
	src: url('../../fonts/KumbhSans-Regular.woff2') format("woff2");
	font-weight: normal;
}
@font-face {
	font-family: 'KumbhSans';
	src: url('../../fonts/KumbhSans-Bold.woff2') format("woff2");
	font-weight: bold;
}
body,
button,
input,
select,
textarea {
	font-family: 'KumbhSans', Arial, system-ui, -apple-system, Arial, Microsoft Yahei, tahoma, sans-serif !important;
}


.i_more b{font-size:.2rem !important}
@media screen and (max-width:1024px) {
    .i_more b{font-size:18px !important}
}



.mateChirstmas_banner{position: relative; width: 100%; height: 100vh; background: #000; overflow: hidden;}
.mateChirstmas_banner .bg{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.mateChirstmas_logo{position: absolute; top: 10%; right: 5%;}
.mateChirstmas_logo img{height: 0.78rem;}

.mateChirstmas_bannerText{position:absolute; bottom: 14%; right: 3%;}
.mateChirstmas_bannerText img{display: block; margin: .26rem 0; max-width: 40vw;}

.mateChirstmas_bannerText .i_more{cursor: pointer;}

@media screen and (max-width:1440px) {
	.mateChirstmas_logo img{height: 0.6rem;}
}
@media screen and (max-width:1366px) {
	.mateChirstmas_logo img{height: 0.5rem;}
}
@media screen and (max-width:1200px) {
	.mateChirstmas_logo img{height: 0.4rem;}
}
@media screen and (max-width:1024px) {
	.mateChirstmas_banner{height: auto; padding-bottom: 40px;}
	.mateChirstmas_banner .bg{position: initial; height: auto;}

	.mateChirstmas_logo{top: 30px; right: 3%;}
	.mateChirstmas_logo img{height: 30px;}

	.mateChirstmas_bannerText{position: initial; bottom: initial; right: initial;}
	.mateChirstmas_bannerText img{margin: 20px 3vw; max-width: 94%;}

	.mateChirstmas_bannerText .i_more{display: none;}
}
@media screen and (max-width:768px) {
	.mateChirstmas_banner .bg{width: 130%;}
}
@media screen and (max-width:560px) {
	.mateChirstmas_banner{padding-bottom: 30px;}

	.mateChirstmas_banner .bg{width: 160%;}

	.mateChirstmas_logo{top: 20px}
	.mateChirstmas_logo img{height: 24px;}
}







.mateChirstmas_cont{width: 100%; height: 100vh; background: #000; position: relative; overflow: hidden;}
.mateChirstmas_cont .bg{width:100%; height:100%; object-fit: cover;}

.mateChirstmas_logo2{position: absolute; top: 10%; left: 3%;}
.mateChirstmas_logo2 img{height: 0.78rem;}

.mateChirstmas_main{position:absolute; bottom: 8%; left: 0; width: 100%;}
.mateChirstmas_main h2{font-size: 0.5rem; color: #FFF; font-weight: bold;}

.mateChirstmas_main .subtit{margin: .1rem 0 .16rem; padding: .1rem .14rem; background:linear-gradient(to right, var(--i_color), transparent);}
.mateChirstmas_main .subtit p{font-size: 0.24rem; color: #FFF; font-weight: bold;}

.mateChirstmas_main ul{width: 60%;}
.mateChirstmas_main li{margin: .1rem 0; padding-left: 0.2rem; font-size: 0.24rem; color: #FFF; position: relative;}
.mateChirstmas_main li::before{content: ''; position: absolute; top: 10px; left: 0; width: 8px; height: 8px; background: var(--i_color); border-radius:2px;}

.mateChirstmas_main .i_more{cursor: pointer;}

.mateChirstmas_mate{position:absolute; top:65%; transform:translate(0,-50%); right: 3%; max-width: 32%;}

@media screen and (max-width:1440px) {
	.mateChirstmas_logo2 img{height: 0.6rem;}

	.mateChirstmas_main h2{font-size: 0.44rem;}
	.mateChirstmas_main li{font-size: 0.22rem;}
	.mateChirstmas_main li::before{top: 8px;}
}
@media screen and (max-width:1366px) {
	.mateChirstmas_logo2 img{height: 0.5rem;}

	.mateChirstmas_main li{font-size: 0.2rem;}
}
@media screen and (max-width:1200px) {
	.mateChirstmas_logo2 img{height: 0.4rem;}

	.mateChirstmas_main h2{font-size: 0.38rem;}
	.mateChirstmas_main .subtit p{font-size: 0.2rem;}
}
@media screen and (max-width:1024px) {
	.mateChirstmas_cont{height: auto; padding: 60px 0 80px;}
	.mateChirstmas_cont .bg{position:absolute; top:0; left:0; height:auto; object-fit: cover;}

	.mateChirstmas_logo2{top: 20px;}
	.mateChirstmas_logo2 img{height: 30px;}

	.mateChirstmas_main{margin-top: 130px; position: relative; bottom: initial;}

	.mateChirstmas_main h2{font-size: 26px;}
	.mateChirstmas_main li{font-size: 18px;}
	.mateChirstmas_main li::before{top: 7px;}
}
@media screen and (max-width:768px) {
	.mateChirstmas_main ul{width: 100%;}

	.mateChirstmas_main{padding-bottom: 100px; z-index: 3;}

	/* .mateChirstmas_mate{margin-top: 30px; position:relative; top: initial; transform: none; left: 3%; max-width: 75%;} */
	.mateChirstmas_mate{opacity: .5; top: initial; transform: none; bottom: 30px; max-width: 50%;}
}
@media screen and (max-width:560px) {
	.mateChirstmas_cont{padding: 40px 0 40px;}

	.mateChirstmas_logo2 img{height: 24px;}

	.mateChirstmas_main{margin-top: 60px; padding-bottom: 50px}
	.mateChirstmas_main h2{font-size: 20px;}
	.mateChirstmas_main .subtit{padding: 8px 10px;}
	.mateChirstmas_main .subtit p{font-size: 15px;}
	.mateChirstmas_main li{font-size: 15px;}

	.mateChirstmas_mate{opacity: .3;}
}







.mateChirstmas_map{width: 100%; background: #E8E8E8; position: relative; overflow: hidden;}
.mateChirstmas_map .wrap{flex-shrink: 0;}

.mateChirstmas_mapNav{display:flex; flex-wrap:nowrap; justify-content: center; gap: 0 3%;}
.mateChirstmas_mapNav li{width: 100%; text-align: center; cursor: pointer; border: 1px solid #CCC; background:#FFF; border-radius:2rem;}
.mateChirstmas_mapNav p{padding: .1rem .1rem; font-size: 0.2rem;}

.mateChirstmas_mapNav .on{background: var(--i_color);}
.mateChirstmas_mapNav .on p{color: #FFF;}


#map{width: 100%; height: 70vh; background: #CCC;}

#store-list{display: none !important;}

@media screen and (max-width:1440px) {
	.mateChirstmas_mapNav p{font-size: 0.18rem;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.mateChirstmas_mapNav{gap: 0 2%;}
	.mateChirstmas_mapNav p{font-size: 14px;}
}
@media screen and (max-width:768px) {
	.mateChirstmas_mapNav{flex-wrap: wrap; gap: 10px 0;}
	.mateChirstmas_mapNav p{padding: 12px 10px; font-size: 15px;}
}
@media screen and (max-width:560px) {
	.mateChirstmas_mapNav p{font-size: 14px;}
}






.mateChirstmas_form{width: 100%; background:#000 url('https://nocpix-img.com/wp-content/uploads/deu/2025/09/Mate-Ultra-Banner.webp') no-repeat center; background-size: cover; background-attachment: fixed; position: relative; overflow: hidden;}
.mateChirstmas_form::before{content: '';position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to right, rgb(0 0 0 / 30%), rgb(0 0 0 / 90%));}

.mateChirstmas_formCont{width: 100%; height: 100vh; display:flex; flex-wrap:wrap; align-items: center; justify-content: center}

.mateChirstmas_form .i_tit h2{color: #FFF;}
.mateChirstmas_form .i_tit p{color: #FFF;}

.mateChirstmas_formBox{opacity: 0; visibility: hidden; height: 0;  position: relative; z-index: 3;}
.mateChirstmas_formBox.show{opacity: 1; visibility: visible; height: auto; transition:all 1s .5s;}
.mateChirstmas_formBox .box{width: 94%; max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 8vh; box-sizing: border-box; padding: .5rem; background: #FFF; border-radius:8px;}

@media screen and (max-width:1024px) {
	.mateChirstmas_formBox .box{padding: 30px;}
}
@media screen and (max-width:560px) {
	.mateChirstmas_formBox .box{padding:30px 20px;}
}







#wpforms-3525{
	--wpforms_input_height:38px;
	--wpforms_textarea_height:120px;
	--wpforms_input_font_size: 16px;
}
#wpforms-3525{margin:0; padding:0;}
#wpforms-form-3525{width:100%; position:relative;}

#wpforms-form-3525 h4{color:var(--i_color); font-weight:bold}

/* 字段样式 */
#wpforms-3525 .wpforms-field-container>.wpforms-field{width: 100%; padding: 0 1px 20px; margin: 0 0 6px;overflow-x:initial !important; position: relative;}
#wpforms-3525 label.wpforms-field-label{display: block; margin-bottom: 8px; font-size: 16px; font-weight: bold;}
#wpforms-3525 .wpforms-field-container .wpforms-required-label{color: #D63637;}
#wpforms-3525 .wpforms-field-container .wpforms-field>input,
#wpforms-3525 .wpforms-field-container textarea
{width: 100%; max-width: 100%; box-sizing: border-box; padding: 10px 14px!important; margin: 0 0; border: 1px solid #CCC; background: #FFF; font-size:var(--wpforms_input_font_size); line-height: 1.4;}
#wpforms-3525 .wpforms-field-container .wpforms-field>input{height: var(--wpforms_input_height);}
#wpforms-3525 .wpforms-field-container textarea{height: var(--wpforms_textarea_height);}
#wpforms-3525 input::placeholder, #wpforms-3525 textarea::placeholder{color:#AAA; font-size:var(--wpforms_input_font_size); line-height: 1.4;}

#wpforms-3525-field_4-container .choices{width: 100%; max-width: 100% !important;}
#wpforms-3525-field_4-container .choices__inner{border: 1px solid #CCC !important; height: var(--wpforms_input_height);}
#wpforms-3525-field_4-container .choices__list--single{font-size: var(--wpforms_input_font_size);}
#wpforms-3525-field_4-container .choices__list--dropdown .choices__item{font-size: var(--wpforms_input_font_size)}

#wpforms-3525 .wpforms-field-description{font-size:14px; color:#999}

/*#wpforms-3525 .wpforms-field-container .wpforms-field>input:hover,*/
/*#wpforms-3525 .wpforms-field-container textarea:hover,*/
/*#wpforms-3525 .wpforms-field-container .wpforms-field>input:focus,*/
/*#wpforms-3525 .wpforms-field-container textarea:focus{border-color: var(--i_color);}*/

/* 验证错误提示 */
#wpforms-3525 label.wpforms-error, #wpforms-3525 em.wpforms-error{position: absolute; left: 0; bottom: 0; font-size: 13px; color: #D63637;}

/* 隐藏 Label 标签 */
/* #wpforms-3525 .wpforms-field-container .wpforms-field-label{height: 0; font-size: 0;margin: 0 0;}
#wpforms-3525 .wpforms-field-container .wpforms-required-label{position: absolute;top: 4px; left: 6px; font-size: 16px; font-weight: bold;} */

/* 输入框水平排列，一行两个 */
/* #wpforms-3525 .wpforms-field-container{display:flex; flex-wrap:wrap;justify-content: space-between;}
#wpforms-3525-field_1-container,
#wpforms-3525-field_2-container{width: 49% !important;} */

/* 提交按钮样式 */
#wpforms-3525 .wpforms-submit-container{width: 220px; margin: 0 auto; padding:0 0; border-radius:2rem; position: relative; overflow: hidden;}
#wpforms-3525 .wpforms-submit-container button{width: 100%; height:44px; font-size: 15px; color: #FFF; background: var(--i_color); cursor: pointer;}
#wpforms-3525 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-3525 .wpforms-submit-container button:hover{background: #760e0f;}







.mateChirstmas_formRes{display: none; width: 100%; height: 100vh; display:flex; flex-wrap:wrap; align-items: center; justify-content: center;text-align: center; position: relative; z-index: 3;}
.mateChirstmas_formRes .success{width: 94%; max-width: 1024px; margin-left: auto;margin-right: auto;}

.mateChirstmas_formRes h4{margin-bottom: 0.24rem; padding-bottom: 0.14rem; font-size: 0.3rem; color: #FFF; font-weight: bold; border-bottom: 1px solid rgb(255 255 255 / 20%);}

.mateChirstmas_formRes iconify-icon{font-size: .74rem; color: var(--i_color);}
.mateChirstmas_formRes h3{margin: .1rem 0 .3rem; font-size: 2.6vw; color: var(--i_color); font-weight: bold;}

.mateChirstmas_formRes h5{border-top: 1px solid rgb(255 255 255 / 20%); margin-top: 0.2rem; padding-top: 0.2rem; font-size: 0.18rem; color: rgb(255 255 255 / 80%); line-height: 1.7;}
.mateChirstmas_formRes h5 a{color: var(--i_color); font-weight: bold;}
.mateChirstmas_formRes h5 a:hover{text-decoration: underline;}

@media screen and (max-width:1024px) {
	.mateChirstmas_formRes h4{font-size: 28px;}
}
@media screen and (max-width:560px) {
	.mateChirstmas_formRes h4{font-size: 20px; font-weight: normal;}

	.mateChirstmas_formRes iconify-icon{font-size: 54px;}
	.mateChirstmas_formRes h3{font-size: 26px;}

	.mateChirstmas_formRes h5{font-size: 15px;}
}