@charset "utf-8";



/* support banner  */

.support_search .tit{margin-bottom: 0.3rem;}



.support_search_list{display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: center;gap: .1rem .3rem;}

.support_search_list li{}

.support_search_list a{font-size: 0.16rem;color: #FFF;}

.support_search_list a:hover{text-decoration: underline;}



@media screen and (max-width:1024px) {

	.in_banner_support>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}



	.support_search{position: relative; top: initial; transform: none;padding: 1rem 0;}

	.support_search_list a{font-size: 0.15rem;}

}

@media screen and (max-width:768px) {

	.support_search{padding: .7rem 0;}

	.support_search_list a{font-size: 0.14rem;}

}

@media screen and (max-width:560px) {

	.support_search{padding: .5rem 0;}

	.support_search .tit{margin-bottom: 0.2rem;}

}

















.sp_pageslink{}

.sp_pageslink dl{display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: space-between;}

.sp_pageslink dt,.sp_pageslink dd{width: 49%;box-sizing: border-box;padding: .5rem .5rem 1.6rem;}

.sp_pageslink dt{background:url(../../images/nocpix-sp-faq-bg.webp) no-repeat center;background-size: cover;}

.sp_pageslink dd{background:url('https://nocpix-img.com/wp-content/uploads/nocpix/2024/09/customer-service-bg.webp') no-repeat center;background-size: cover;}



.sp_pageslink p{}

.sp_pageslink dt p,.sp_pageslink dd p{color: #FFF;}



.sp_pageslink_list{margin-top: 0.3rem;display:-webkit-inline-flex; display:inline-flex; flex-wrap:wrap;flex-direction: column;gap: .16rem 0;}



.sp_pageslink_list .i_more{border-color: #FFF;}

/* dd .sp_pageslink_list .i_more{background: rgb(255 255 255 / 20%);} */

.sp_pageslink_list .i_more b{color: #FFF;}



@media screen and (max-width:1024px) {

	.sp_pageslink dt,.sp_pageslink dd{padding: .4rem .4rem 1rem;}

	dd .sp_pageslink_list .i_more{background: rgb(255 255 255 / 90%);}

}

@media screen and (max-width:768px) {

	.sp_pageslink dt,.sp_pageslink dd{padding: .3rem .3rem .6rem;}

	.sp_pageslink_list{gap: .12rem 0;}

}

@media screen and (max-width:560px) {

	.sp_pageslink dt,.sp_pageslink dd{width: 100%; padding: .3rem .2rem .4rem;}

	.sp_pageslink_list{margin-top: 0.2rem;width: 100%; flex-direction:initial;gap: .12rem .12rem;}

	.sp_pageslink_list li{}

}















.sp_video_t>svg{margin-left: auto;height: .5rem;}



@media screen and (max-width:1024px) {

	.sp_video_t>svg{height: 0.34rem;}

}

@media screen and (max-width:768px) {

	.sp_video_t>svg{height: 0.26rem;}

}

@media screen and (max-width:560px) {

	.sp_video_t>svg{height: 0.22rem;}

}













.sp_download{position: relative;}

.sp_download>img{width: 100%;}



.sp_dwonload_t{position:absolute; top:50%; transform:translate(0,-50%);left: 0;width: 100%;box-sizing: border-box;padding: 0 .6rem;}



.sp_download_list{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .4rem;}

.sp_download_list li{text-align: center;-webkit-transition:all .5s ease; transition:all .5s ease;}

.sp_download_list .ico{width: 1.6rem;height: 1.6rem; margin-left: auto;margin-right: auto; background: rgb(255 255 255 / 50%);-webkit-border-radius:.2rem; border-radius:.2rem;position: relative;}

.sp_download_list .ico img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height: 0.5rem;}

.sp_download_list p{margin-top: 0.2rem; font-size: 0.2rem;}

.sp_download_list li:hover{-webkit-transform:translate(0,-12px); transform:translate(0,-12px);}

.sp_download_list li:hover p{color: var(--i_color);}



@media screen and (max-width:1440px) {

	.sp_download_list .ico{width: 1.4rem;height: 1.4rem;}

	.sp_download_list p{font-size: 0.18rem;}

}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {

	.sp_download_list .ico{width: 1.2rem;height: 1.2rem;}

	.sp_download_list p{font-size: 0.17rem;}

}

@media screen and (max-width:1024px) {

	.sp_dwonload_t{padding: 0 .4rem;}

	.sp_download_list .ico{width: 1rem;height: 1rem;}

	.sp_download_list .ico img{height: 0.4rem;}

	.sp_download_list p{font-size: 0.15rem;}

}

@media screen and (max-width:768px) {

	.sp_download>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

	.sp_dwonload_t{padding: .4rem .3rem; position: relative; top: initial; transform: none;}

	.sp_download_list{width: 50%;gap: .2rem 4%;}

	.sp_download_list li{width: 48%;}

	.sp_download_list .ico{width: .8rem;height: .8rem;}

	.sp_download_list .ico img{height: 0.32rem;}

	.sp_download_list p{margin-top: 0.1rem;}

}

@media screen and (max-width:560px) {

	.sp_dwonload_t{padding: .4rem .2rem;}

	.sp_download_list{width: 60%;gap: .2rem 4%;}

	.sp_download_list .ico{width: .6rem;height: .6rem;}

	.sp_download_list .ico img{height: 0.26rem;}

	.sp_download_list p{font-size: 0.14rem;}

}



















.p_stopproduction{border-bottom: 1px solid var(--border_color);}



.p_stopproduction_cont{padding: 0 4%; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;}

.p_stopproduction span{width:100%;margin-right: 0.5rem;}

.p_stopproduction span p{margin-bottom: 0.1rem; font-size: 0.3rem;font-weight: bold;}



@media screen and (max-width:1440px) {

	.p_stopproduction span p{font-size: 0.28rem;}

}

@media screen and (max-width:1024px) {

	.p_stopproduction span p{font-size: 0.24rem;}

}

@media screen and (max-width:768px) {

	.p_stopproduction span p{font-size: 0.2rem;}

}

@media screen and (max-width:560px) {

	.p_stopproduction_cont{padding: 0 0;flex-wrap: wrap;}

	.p_stopproduction span{margin-right: 0;}

	.p_stopproduction span p{font-size: 0.18rem;}

}















/* top nav  */

/* pages/public_topnav.css */



















.sp_tabcont{}



.sp_tabcont dt{display: none;position: relative;}

.sp_tabcont dt.curr{display: block;animation:tabnav_change .5s linear 0s 1 alternate}

@keyframes tabnav_change{

	from {opacity: 0;top: 20px;}

	to {opacity: 1;top: 0;}

}

















/* FAQ */

.faq_box{}


.faq_item_box{display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: space-between;gap: .5rem 0;}
.faq_item_box .faq_item{width: 47%;}
.faq_item_tit{padding: 0.14rem 0; margin-bottom: 0.1rem; font-size: 0.24rem;font-weight: bold; background: #F1F1F1;}
@media screen and (max-width:1440px) {
	.faq_item_tit{font-size: 0.22rem;}
}
@media screen and (max-width:1024px) {
	.faq_item_box .faq_item{width: 48%;}
	.faq_item_tit{margin-bottom: 0; padding: .1rem 0; font-size: 0.18rem;}
}
@media screen and (max-width:768px) {
	.faq_item_box{gap: .4rem 0;}
	.faq_item_box .faq_item{width: 100%;}
}
@media screen and (max-width:560px) {
	.faq_item_tit{font-size: 0.17rem;}
}


.faq_list {

	width: 100%;

}

.faq_list li {

	position: relative;

	overflow: hidden;

}

.faq_list li::after {

	content: '';

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);

	bottom: 0;

	width: 100%;

	height: 1px;

	background: var(--border_color);

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

.faq_list h3 {

	padding: .24rem .7rem .24rem 0;

	font-size: 0.18rem;

	color: #141414;

	position: relative;

	cursor: pointer;

}

.faq_list h3 iconify-icon {

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	right: 0;

	font-size: 0.26rem;

	color: #555;

	-webkit-transition: all .5s ease;

	transition: all .5s ease

}

.faq_list p {

	display: none;

	box-sizing: border-box;

	padding: 0 .2rem;

	margin-bottom: 0.3rem;

	font-size: 0.16rem;

	color: var(--i_color2);

	line-height: 0.26rem;

}

.faq_list p a{color: var(--i_color);text-decoration: underline;}




.faq_list .curr::after {

	width: 100%;

}

.faq_list .curr {

	color: var(--i_color);

}

.faq_list .curr iconify-icon {

	color: var(--i_color);

	-webkit-transform: translate(0, -50%) rotate(-180deg);

	transform: translate(0, -50%) rotate(-180deg);

}



@media screen and (max-width:1024px) {

	.faq_list h3{font-size: 0.17rem;}

}

@media screen and (max-width:768px) {

	.faq_list h3{padding: .2rem .7rem .2rem 0;font-size: 0.16rem;}

	.faq_list p{font-size: 0.15rem;padding: 0 0;margin-bottom: 0.2rem;}

}

@media screen and (max-width:560px) {

	.faq_list h3{padding: .16rem .5rem .16rem 0;font-size: 0.15rem;}

	.faq_list p{font-size: 0.14rem;}

}






	.support__search{--size:.54rem; --radius:.1rem}
.support__search{width: 94%;max-width: 900px;margin-left: auto;margin-right: auto;}
.support__search__cont{display:-webkit-flex; display:flex; flex-wrap:nowrap; overflow: hidden;}
.support__search_ipt{
	width: 100%;height: var(--size);
	box-sizing: border-box;
	-webkit-border-radius:var(--radius) 0 0 var(--radius); border-radius:var(--radius) 0 0 var(--radius);
	border: 2px solid var(--i_color);
	padding:0 0.2rem;
	font-size: 15px;
}
.support__search_btn{
	width: .6rem;
	height: var(--size);
	font-size: 0;
	background: var(--i_color) url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="white" d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3ZM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8Z"%2F%3E%3C%2Fsvg%3E') no-repeat center;
	background-size: .26rem;
	cursor: pointer;
	-webkit-border-radius:0 var(--radius) var(--radius) 0; border-radius:0 var(--radius) var(--radius) 0;
}

.support__search>p{margin-top: 0.16rem; font-size: 0.18rem; color: #999; text-align: center;}
.support__search>p a{color: var(--i_color);text-decoration: underline;}

@media screen and (max-width:1024px) {
	.support__search{--size:.46rem}
	.support__search>p{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.support__search{--radius:8px}
	.support__search>p{font-size: 14px;}
}






.faq_results_box{
	display: none;
	position: fixed; top:50%; left:50%; transform:translate(-50%,-50%);
	width: 94vw;max-width: 1366px;
	background: #F1F1F1;
	z-index:2016;
	overflow: hidden;
}
.faq_results_box_tit{box-sizing: border-box; padding: .22rem .3rem;background: #FFF;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;}
.faq_results_box_tit h4{font-size: 0.24rem;color: #111;font-weight: bold;}
.faq_results_box_tit iconify-icon{margin-left: auto; font-size: 0.42rem;color:#333; cursor: pointer;-webkit-transition:all .5s ease; transition:all .5s ease;}
.faq_results_box_tit iconify-icon:hover{color: var(--i_color); -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}

.faq_results_cont{width: 100%;box-sizing: border-box;padding: .18rem .3rem .3rem; -webkit-border-radius:.1rem; border-radius:.1rem;}
.faq_results_cont ul{padding-right: 0.2rem; max-height: 65vh; overflow-y: auto;}
.faq_results_cont ul::-webkit-scrollbar{width:3px; height:8px}

@media screen and (max-width:1024px) {
	.faq_results_box_tit h4{font-size: 20px;}
	.faq_results_box_tit iconify-icon{font-size: 34px;}
}
@media screen and (max-width:768px) {
	.faq_results_box_tit{padding: 16px 20px;}
	.faq_results_cont{padding: 10px 20px 26px;}
	.faq_results_cont ul{padding-right: 16px;}
}
@media screen and (max-width:560px) {
	.faq_results_box_tit iconify-icon{font-size: 30px;}
}








/* Customer Service */

.service_cont{}



.service_form{margin-bottom: 0.3rem; padding: .4rem;background: #F1F1F1;}

.service_form .box_tit{margin-bottom: 0.26rem;}



#wpforms-287{--input_font_size:14px;--input_height:.46rem}

#wpforms-287{}

#wpforms-form-287{width:100%;position:relative;overflow:hidden}



#wpforms-287 input,#wpforms-287 button{margin:0;padding:0;border:none;background:none}

#wpforms-287 .wpforms-field{padding:0;margin:0}

#wpforms-287 .wpforms-field-label{font-size:0;}

#wpforms-287 .wpforms-required-label{position:absolute;top:.06rem;left:.1rem;font-size:.16rem;color:#F00}

#wpforms-287 .wpforms-field{width:100%;background:transparent;padding-bottom:.2rem;position:relative;overflow:hidden}



#wpforms-287 .wpforms-field-container input,#wpforms-287 textarea{width:100%;max-width:100% !important;min-width:100%;font-size:var(--input_font_size);color:#333;height:var(--input_height);box-sizing:border-box;background:#FFF;border: 1px solid transparent; padding:0 .24rem;-webkit-border-radius:.05rem;border-radius:.05rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}

#wpforms-287 .wpforms-field-container input:hover,#wpforms-287 textarea:hover{border-color:var(--i_color);}

#wpforms-287 input{line-height:var(--input_height)}

#wpforms-287 textarea{line-height:.22rem;min-height:1rem;padding:.06rem .24rem}



#wpforms-287-field_1-container,#wpforms-287-field_2-container,#wpforms-287-field_3-container{width:32% !important;}



#wpforms-287 input::-webkit-input-placeholder,#wpforms-287 textarea::-webkit-input-placeholder{color:rgb(0 0 0 / 40%);font-size:var(--input_font_size)}

#wpforms-287 input::-moz-placeholder,#wpforms-287 textarea::-moz-placeholder{color:rgb(0 0 0 / 40%);font-size:var(--input_font_size)}

#wpforms-287 input::-ms-input-placeholder,#wpforms-287 textarea::-ms-input-placeholder{color:rgb(0 0 0 / 40%);font-size:var(--input_font_size)}



#wpforms-287-field_1-error,#wpforms-287-field_2-error,#wpforms-287-field_3-error,#wpforms-287-field_4-error,#wpforms-287-field_5-error,#wpforms-287-field_6-error{position:absolute;font-size:12px;color:#A90909;}



#wpforms-287 .wpforms-field-container{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}

#wpforms-287 .wpforms-submit-container{width: 2rem;text-align:center; padding:0; overflow:hidden; -webkit-border-radius:2rem; border-radius:2rem; position:relative;}

#wpforms-287 .wpforms-submit-container button{width:100%;height:.42rem;font-size:.14rem;color:#FFF;font-weight:bold;line-height:.42rem; background:var(--i_color); cursor:pointer; position:relative; z-index:2}

#wpforms-287 .wpforms-submit-container button:hover{background:var(--i_color2)}

#wpforms-287 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}



@media screen and (max-width:1024px) {

	.service_form{padding: .3rem;}

}

@media screen and (max-width:768px) {

	#wpforms-287 .wpforms-field{width: 100% !important;}

}

@media screen and (max-width:560px) {

	.service_form{padding: .2rem;}

	#wpforms-287 .wpforms-submit-container{width: 1.6rem;}

}



















/* “How to” Video */

.sp_video_banner{

	margin-bottom: 0.5rem;

	padding: .6rem .5rem;

	background: #F1F1F1;

	overflow: hidden;

	position: relative;

}

.sp_video_banner>img{position: absolute;right: 0;bottom: -24%;height: 120%;}



.sp_video_banner_t{position: relative;z-index: 2;}

.sp_video_banner_t p{font-size: 0.3rem;color: #222;font-weight: bold;}

.sp_video_banner_t p i{color: var(--i_color);font-weight: bold;}



.sp_video_banner_t span{margin-top: 0.6rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 .3rem;}

.sp_video_banner_t iconify-icon{font-size: 0.4rem;}

.sp_video_banner_t .i_more{min-width: .8rem;}



@media screen and (max-width:1366px) {

	.sp_video_banner_t p{font-size: 0.28rem;}

}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1024px) {

	.sp_video_banner{padding: .5rem .4rem;}

	.sp_video_banner>img{bottom: 0;height: 85%;}



	.sp_video_banner_t p{font-size: 0.24rem;}

	.sp_video_banner_t span{gap: 0 .2rem;}

	.sp_video_banner_t iconify-icon{font-size: 0.3rem;}

}

@media screen and (max-width:768px) {

	.sp_video_banner{padding: .3rem .3rem;}

	.sp_video_banner>img{opacity: .4;}

	.sp_video_banner_t p{font-size: 0.2rem;}

	.sp_video_banner_t span{margin-top: 0.4rem;}

	.sp_video_banner_t iconify-icon{font-size: 0.26rem;}

}

@media screen and (max-width:560px) {

	.sp_video_banner{padding: .2rem .2rem;}

	.sp_video_banner>img{opacity: .1;}

	.sp_video_banner_t p{font-size: 0.17rem;}

	.sp_video_banner_t span{margin-top: 0.3rem;}

	.sp_video_banner_t .i_more{min-width: .54rem;}

}













.v_list{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .6rem 4%;}



.v_list li{width: 30.66%; position: relative;}



.v_list .img{width:100%; position:relative; -webkit-border-radius:.2rem; border-radius:.2rem; overflow:hidden}

.v_list .img::before{content:""; display:block; padding-bottom:56%}

.v_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}



.v_list .img iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0;color: var(--i_color);-webkit-transition:all .5s .1s; transition:all .5s .1s;}

.v_list li:hover .img iconify-icon{font-size: 0.38rem;}



.v_list .txt{margin-top: 0.2rem;text-align: center;}

.v_list .txt p{font-size: 0.18rem;font-weight: bold;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}



.v_list li:hover .img img{width: 110%;height: 110%;}

.v_list li:hover p{color: var(--i_color);}



@media screen and (max-width:1024px) {

	.v_list{gap: .4rem 4%;}

	.v_list .img{-webkit-border-radius:.1rem; border-radius:.1rem;}

	.v_list .txt p{font-size: 0.15rem;}

}

@media screen and (max-width:768px) {

	.v_list li{width: 48%;}

	.v_list .txt{margin-top: 0.14rem;}

	.v_list .txt p{font-size: 0.14rem;}



	.v_list li:hover .img iconify-icon{font-size: 0.3rem;}

}

@media screen and (max-width:560px) {

	.v_list{gap: .3rem 4%;}

	.v_list .txt p{font-size: 0.13rem; font-weight: normal;}

}

















/* Download */

.sp_D{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: .5rem 3%;}



.sp_D dt{width: 22.75%;}



.sp_D_tit{}

.sp_D_tit .img{width:100%; position:relative; -webkit-border-radius:6px; border-radius:6px; overflow:hidden}

.sp_D_tit .img::before{content:""; display:block; padding-bottom:28%}

.sp_D_tit .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}

.sp_D_tit p{

	margin-top: 0.14rem; font-size: 0.2rem;font-weight: bold;

	height: calc(.26rem * 2);

	line-height: 0.26rem;

	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;

}





.sp_D_list{margin-top: 0.2rem;}

.sp_D_list li{padding-left: 0.14rem;margin: .14rem 0;position: relative;}

.sp_D_list li::before{content: '';position: absolute;left: 0;top: .1rem;width: 3px;height: 3px;-webkit-border-radius:50%; border-radius:50%; background: #000;}

.sp_D_list a{font-size: 0.16rem;cursor: pointer;}

.sp_D_list a:hover{color: var(--i_color);text-decoration: underline;}



@media screen and (max-width:1024px) {

	.sp_D{flex-wrap: wrap;gap: .2rem 0;}
	.sp_D dt{width: 100%;}

	.sp_D_tit{position: relative;}

	.sp_D_tit::before {

		content: '';

		position: absolute;

		top: calc(50% - 1px);

		right: .2rem;

		width: 16px;

		height: 2px;

		background: #333;

	}

	.sp_D_tit::after {

		content: '';

		position: absolute;

		right: calc(.2rem + 7px);

		top: 50%;

		transform: translate(0, -50%);

		width: 2px;

		height: 16px;

		background: #333;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	.sp_D_tit.curr::after {

		height: 0;

	}



	.sp_D_tit .img{opacity: .1; position: absolute;left: 0;top: 0;height: 100%;-webkit-border-radius:0; border-radius:0;}

	.sp_D_tit .img::before{display: none;}

	.sp_D_tit p{position: relative;margin: 0 0;padding: .26rem .3rem; height: auto; line-height: initial; font-size: 0.18rem; z-index: 2;}



	.sp_D_list{display: none;}

}

@media screen and (max-width:768px) {

	.sp_D_tit p{padding: .26rem .6rem .26rem .2rem;font-size: 0.17rem;}

}

@media screen and (max-width:560px) {

	.sp_D{gap: .14rem 0;}

	.sp_D_tit p{font-size: 0.16rem;}

	.sp_D_list a{font-size: 0.15rem;}

}









.appRegister_box{width: 100%; max-width: 700px; box-sizing: border-box; padding: .3rem; box-shadow: 0 0 10px rgb(0 0 0 / 15%);position: relative;}
.appRegister_box>h5{margin-bottom: .2rem; font-size: .22rem;color: #222; font-weight: bold;}
@media screen and (max-width:560px) {
	.appRegister_box{padding: 20px;}
	.appRegister_box>h5{font-size: 18px;}
}

#appRegister_form{}
.appRegister_field{margin-bottom: 20px;}
.appRegister_field label{display: block; margin-bottom: 10px; font-size: 0.16rem; font-weight: bold;color: #444;}
.appRegister_field label span{margin-left: 4px; font-size: 0.16rem;color:#FF0000}

.appRegister_field input{width: 100%;box-sizing: border-box;padding: 10px;border: 1px solid #DDD;font-size: 15px;color: #333;}

.appRegister_field_code{display:-webkit-flex; display:flex; flex-wrap:nowrap; gap: 0 10px;}
#appRegister_field_code input{width: calc(100% - 210px);}
.appRegister_codebtn{flex-shrink: 0; margin-left: auto; width: 200px; text-align: center; background: var(--i_color); cursor: pointer;}
.appRegister_codebtn p{font-size: 15px;color: #FFF; line-height: 38px;}

.appRegister_pos{height: 30px; margin:20px 0}
.appRegister_pos .pos_load{font-size: 0.22rem;color: #555;}

.appRegister_pos_show{display: none;}
.appRegister_pos_show>span{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center; gap: 0 6px;}
.appRegister_pos_show iconify-icon{font-size: 0.2rem;color: var(--i_color);}
.appRegister_pos_show p{font-size: 0.16rem;color: var(--i_color);}

#appRegister_submit{width: 2.6rem;line-height: .42rem;background: var(--i_color); text-align: center;font-size: 0.16rem;color: #FFF;cursor: pointer;}

@media screen and (max-width:560px) {
	#appRegister_field_code input{width: calc(100% - 170px);}
	.appRegister_codebtn{width: 160px;}
	.appRegister_codebtn p{font-size: 14px;}

	.appRegister_pos{margin: 14px 0;}
	.appRegister_pos_show p{font-size: 14px;}
}


.reg_loading{display: none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.reg_loading iconify-icon{font-size: 0.4rem;}



.reg_success{display: none; margin-top: 0.2rem;}
.reg_success p{display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: flex-start;gap: 0 6px; font-size: 16px;color: var(--i_color);}
.reg_success iconify-icon{flex-shrink: 0; font-size: 0.24rem;color: var(--i_color);}








.progressSerch{text-align: center;}
.progressSerch h4{margin-bottom: 0.3rem; font-size: 0.2rem;}


.progressSerch_form{--height:.46rem}
.progressSerch_form{width: 100%; max-width: 500px; margin-left: auto;margin-right: auto; display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: center; position: relative;}
.progressSerch_form>span{width: 100%; box-sizing: border-box; padding-left: 0.1rem; border: 1px solid #DDD; display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center;gap: 0 6px;}
.progressSerch_form>span iconify-icon{font-size: 0.24rem;color: #CCC;}
.progressSerch_form input{width: 100%; height: var(--height);}
#progress_submit{flex-shrink: 0; width: 0.8rem; background: var(--i_color);font-size: 0;position: relative;cursor: pointer;}
#progress_submit iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.24rem;color: #FFF;}

@media screen and (max-width:768px) {
	.progressSerch h4{font-size: 18px;}
	.progressSerch_form{--height:40px}
	#progress_submit{width: 70px;}
}
@media screen and (max-width:560px) {
	.progressSerch h4{max-width: 70%; margin-left: auto;margin-right: auto; font-size: 15px;}
}







.progressResult{width: 100%; max-width: 960px; margin-left: auto;margin-right: auto;}
.progressResult>h3{font-size: 16px;color: #F00;text-align: center;}
.progressResult .item{width: 100%; box-sizing: border-box; padding: .3rem; border: 1px solid #EEE; background: #F9F9F9;}
.progressResult .orderNum{margin-bottom: 0.2rem; font-size: 0.18rem;}
.progressResult .orderNum i{color: var(--i_color);}


.progressResult_table{width: 100%; margin: 20px 0;}
.progressResult_table h6{padding-bottom: 0.1rem;margin-bottom: 0.1rem; font-size: 0.16rem; border-bottom: 1px solid #EEE;}
.progressResult_table dl{display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 4%;}
.progressResult_table dt{width: 48%; padding: 4px 0; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 6px;}
.progressResult_table dt p,.progressResult_table dt span{font-size: 15px; color: #666;}

.progressResult_schedule{display: table; margin: 20px 0;}
.progressResult_schedule dl{display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 .5rem; position: relative;}
.progressResult_schedule dl::before{content: '';position: absolute; left:50%; transform:translate(-50%,0); top: 15px;width: calc(100% - .36rem);height: 2px;background: #EEE;}
.progressResult_schedule dt{text-align: center;background: #F9F9F9;position: relative;}
.progressResult_schedule dt::before{content: '';position: absolute;top: 0;left: 100%;}

.progressResult_schedule dt iconify-icon{font-size: 0.3rem;color: #28be56;}
.progressResult_schedule .node_loading iconify-icon{color: #8B8B8B;}
.progressResult_schedule .node_stop iconify-icon,.progressResult_schedule .node_stop p{opacity: .3;}
.progressResult_schedule .node_stop p{color: #000;}


.progressResult_schedule dt p{margin-top: 6px; font-size: 14px;color: #888;}

.progressResult_schedule .tips{margin-top: 0.14rem;font-size: 15px;color: #555; line-height: 1.8;}
.progressResult_schedule .tips i{font-weight: bold;}

@media screen and (max-width:1440px) {
	.progressResult_schedule dl::before{top: 12px;}
}
@media screen and (max-width:768px) {
	.progressResult .orderNum{font-size: 16px;}

	.progressResult_schedule{width: 100%;}
	.progressResult_schedule dl{justify-content: space-between; gap:0 4%}
	.progressResult_schedule dt{width: 100%;}
	.progressResult_schedule dt iconify-icon{font-size: 24px;}
	.progressResult_schedule dt p{font-size: 12px;}
}
@media screen and (max-width:560px) {
	.progressResult .item{padding: 20px;}
	.progressResult .orderNum{font-size: 15px;}
	.progressResult_table h6{font-size: 14px;}
	.progressResult_table dt p, .progressResult_table dt span{font-size: 13px;}
	.progressResult_schedule .tips{font-size: 13px;}
}







/* Appointment for Maintenance */
.main_form{--input_font_size:16px;}
.main_form{width: 100%; max-width: 1000px;box-sizing: border-box;}

.sec_tit{padding-bottom: 10px; margin-bottom: 20px; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; border-bottom: 1px solid rgb(0 0 0 / 15%);}
.sec_tit h2{font-size:18px; color: #333;}
.sec_tit button{ margin-left: auto; padding: 8px 14px; font-size: 16px;}
@media screen and (max-width:560px) {
    .sec_tit h2{font-size:16px;}
}

.el-form-item__label{padding: 0 0 !important; font-size: var(--input_font_size); color: #333;}
.el-upload-list__item-preview{display: none !important;}
.el-upload-list__item-actions span{margin: 0 0 !important;}

.el-select,
.el-cascader,
.el-date-editor.el-input,
.el-date-editor.el-input__inner
{width: 100%;}

.el-input__inner,.el-textarea__inner{background: #FFF!important; border: 1px solid #CCC !important;}
.el-input.is-disabled{background-color: none !important;}

.main_form input,
.main_form textarea,
.main_form input::placeholder,
.main_form textarea::placeholder
{ font-size: var(--input_font_size); background: #FFF;}

.main_form input,
.main_form textarea{color: #333;}
.main_form input::placeholder,
.main_form textarea::placeholder{color: rgb(0 0 0 / 40%);}

.el-input__inner{height: 44px;line-height: 44px;}

.el-popper{}

.el-form-item__error{font-size: 15px;}

.form-flex{display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: space-between; gap: 0 4%;}
.form-flex .el-form-item{width: 100%;}

.el-cascader-node__label{font-size: var(--input_font_size);}
.el-select-dropdown__item{font-size: var(--input_font_size);}

.addBtn{display: table; margin-left: auto; color: #777; cursor: pointer; position: relative;}
.addBtn.del, .addBtn:hover{color: var(--i_color);}


.el-select-dropdown__item.selected,.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path{color: var(--i_color);}

.el-message{z-index:9999 !important}


/* 日期选择 */
.el-date-table{font-size: var(--input_font_size);}
.el-date-table td.today span,.el-date-table td.available:hover{color: var(--i_color);}
.el-picker-panel__icon-btn:hover{color: var(--i_color);}
.el-date-picker__header-label.active, .el-date-picker__header-label:hover{color: var(--i_color);}
.el-date-table td.current:not(.disabled) span{background-color: var(--i_color);}
.el-year-table td.today .cell,.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell,.el-month-table td.today .cell,.el-month-table td .cell:hover{color: var(--i_color);}
.el-upload--picture-card{position: relative;}
.el-upload--picture-card .el-icon-plus{position:absolute; top:48%; left:50%; transform:translate(-50%,-50%);}


/* 附件上传 */
.el-upload--picture-card:hover, .el-upload:focus{border-color: var(--i_color); color: var(--i_color);}


/* 产品型号 + 国家 + 省份 状态更改 */
.form_item_model.fields_disabled,
.form_item_country.fields_disabled,
.form_item_province.fields_disabled
{opacity: .25;}
.loading_icon{display: none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.3rem;color: #333;z-index: 3;}



/* 验证码 */
.verification_Code .el-input-group__append{border: none; padding: 0 0; width: 180px; box-sizing: border-box; background: var(--i_color);}
#sendBtn_text{margin: 0 0; padding: 0 0; width: 100%;}
#sendBtn_text span{width: 100%;display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content: center;align-items: center;gap: 0 6px;}
#sendBtn_text p{ font-size: 15px; color: #FFF;}
#sendBtn_text i{
	margin-top: 1px;
	width: 22px;
	height: 22px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m-1 14H5c-.55 0-1-.45-1-1V8l6.94 4.34c.65.41 1.47.41 2.12 0L20 8v9c0 .55-.45 1-1 1m-7-7L4 6h16z'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
	position: relative;
}
#sendBtn_text i.icon_loading{
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='16' stroke-dashoffset='16' d='M12 3c4.97 0 9 4.03 9 9'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.3s' values='16;0'/%3E%3CanimateTransform attributeName='transform' dur='1.5s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3Cpath stroke-dasharray='64' stroke-dashoffset='64' stroke-opacity='0.3' d='M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='1.2s' values='64;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}
#sendBtn_text i.icon_ok{
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}
#sendBtn_text i.icon_no{
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}



/* 提交按钮 */
.formBottomBtn button,.formBottomBtn button span{font-size: 18px;}
.Form_submit, .Form_submit:focus{background: var(--i_color); border-color: var(--i_color); color: #FFF;}
.Form_submit:hover{background: #841717; border-color: var(--i_color);}
.Form_reset, .Form_reset:focus{background: #888; border-color:#FFFFFF1A; color: #FFF;}
.Form_reset:hover{background: #333; border-color:#FFFFFF1A; color: #FFF;}

@media screen and (max-width:560px) {
    .main_form{--input_font_size:15px;}
    .formBottomBtn button,.formBottomBtn button span{font-size: 16px}
}