@charset "utf-8";

/* CSS Document */









/***********header***********/

header { background-color: #F36F21; padding: 15px 0; position: relative; z-index: 999; }

header.header_fixed {  }





/*header_phone*/

.header_phone_more,

.header_phone_close { display: none; }



.header_logo { float: left; }

.header_logo a { display: block; height: 50px; }

.header_logo a img { display: block; width: auto; height: 100%; }



.header_right { float: right; }



.language { float: right; }

.language ul li { float: left; position: relative; padding-right: 7px; margin-right: 6px; }

.language ul li a { display: block; color: #fff; font-weight: 700; line-height: 50px; opacity: .5; filter: alpha(opacity=50); }

.language ul li a:hover,

.language ul li a.active { opacity: 1; filter: alpha(opacity=100); }



.language ul li:after { content: ""; width: 1px; height: 8px; display: block; position: absolute; top: 50%; right: 0; margin-top: -4px; background-color: rgba(255,255,255,.5); }

.language ul li:last-child { margin: 0; padding: 0; }

.language ul li:last-child:after { display: none; }



.header_nav { float: left; padding-right: 0; }

.header_nav ul li { float: left; }

.header_nav ul li a { display: block; color: #fff; font-weight: 700; line-height: 50px; margin-right: 36px; }

.header_nav ul li a:hover { opacity: .5; filter: alpha(opacity=50); }

html[lang="en-US"] .header_nav ul li a { margin-right: 25px; }













/***********footer***********/

footer { border-top: 1px solid #DFE0E1; background-color: #fff; padding: 30px 0; }



.footer_top { margin-bottom: 24px; }

.footer_nav { float: left; }

.footer_nav a { float: left; font-size: 18px; font-weight: 700; line-height: 1em; margin-right: 30px; }

.footer_nav a:last-child { margin-right: 0; }

.footer_nav a:hover { color: #FF7A2F; }

.footer_share { float: right; display: none; }

.footer_share a { display: block; float: left; width: 34px; line-height: 34px; border-radius: 100px; border: 1px solid #C9C9CA; text-align: center; margin-right: 16px; }

.footer_share a:last-child { margin-right: 0; }



.copyright p { font-size: 12px; font-weight: 700; line-height: 1em; color: #9E9EA1; margin-bottom: 6px; }

.copyright p:last-child { margin: 0; }







 



/***********banner***********/

.home_banner { margin-top: 24px; position: relative; }

.home_banner .bx-viewport { border-radius: 50px; }



.home_banner .slide a { position: relative; display: block; }

.home_banner .slide a img { display: block; width: 100%; height: auto; }



.home_banner_text { 

	position: absolute; top: 50%; right: 80px; z-index: 2; font-size: 16px; line-height: 1.6em; font-weight: 700; text-align: center; width: 30%;

	-webkit-transform: translateY(-50%); 

	-moz-transform: translateY(-50%); 

	-ms-transform: translateY(-50%); 

	transform: translateY(-50%); 

}

.home_banner_text b { display: block; font-size: 50px; line-height: 1em; margin-bottom: 24px; }

.home_banner_text b span { color: #FF7A2F; font-size: 50px; margin-left: 10px; display: inline-block; }



.home_banner.commbanner .bx-wrapper .bx-prev { left: 0; margin-left: -25px; box-shadow: 0 10px 20px rgba(0,0,0,.14); }

.home_banner.commbanner .bx-wrapper .bx-next { right: 0; margin-right: -25px; box-shadow: 0 10px 20px rgba(0,0,0,.14); }

.home_banner.commbanner .bx-pager { left: auto; right: 75px; bottom: 36px; 

	-webkit-transform: inherit;  

	-moz-transform: inherit; 

	-ms-transform: inherit; 

	transform: inherit; 

}













/***********首頁***********/



.home_content { margin: 40px 0 80px; }





/**/

.home_top { background: url(../images/home-step-bg.png); background-size: 100% auto; background-color: #344781; border-radius: 30px 30px 0 0; overflow: hidden; margin-bottom: -30px; padding-bottom: 30px; }



.home_step { padding: 40px 0 66px; }

.home_step h2 { font-size: 30px; font-weight: 700; color: #fff; line-height: 1.2em; text-align: center; }

.home_step ul { margin: 0 30px; position: relative; }

.home_step ul li { float: left; width: 25%; }



.home_step_img div { margin: 36px 0 24px; padding: 0 10px; position: relative; text-align: center; }

.home_step_img div:before { content: ""; height: 0; display: block; border-top: 2px dashed #F36F21; position: absolute; top: 25px; left: 50%; right: -50%; margin: 0 45px; }

.home_step_img i { font-size: 20px; font-weight: 700; font-style: normal;  color: #fff; text-align: center; width: 50px; line-height: 50px; display: inline-block; vertical-align: top; position: relative; z-index: 9; background-color: rgba(243,111,33,.3); border-radius: 100px; }

.home_step_img i:after { content: ""; width: 36px; height: 36px; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; background-color: #F36F21; border-radius: 100px; margin: -18px 0 0 -18px; }

.home_step_img i:before { position: relative; z-index: 9; }



.home_step_img li:last-child div:before { display: none; }



/* .home_step_img li.active i { background-color: rgba(243,111,33,.3); color: #fff; }

.home_step_img li.active i:after { background-color: #F36F21; }

.home_step_img li.active div:before { border-color: #F36F21; } */



.home_step_img li.active ~ li i { background-color: rgba(255,255,255,.3); color: #131313; }

.home_step_img li.active ~ li i:after { background-color: #fff; }

.home_step_img li.active ~ li div:before { border-color: #fff; }



.home_step_txt { padding: 0 10px; }

.home_step_txt h3 { font-size: 50px; color: #fff; font-weight: 700; line-height: 1em; margin-bottom: 20px; }

.home_step_txt p { font-size: 18px; color: #F36F21; font-weight: 700; line-height: 1em; text-align: center; }



/* .home_step_txt li.active p { color: #F36F21; } */

.home_step_txt li.active ~ li p { color: #fff; }





/**/

.home_equipment { padding-bottom: 24px; }

.home_equipment ul { display: flex; flex-direction: row; }

.home_equipment ul li { float: left; width: 33.33%;  flex-shrink: 0; }

.home_equipment ul li a { display: block; margin: 0 10px; padding: 0 10px; line-height: 44px; text-align: center;  border-radius: 10px; background-color: #fff; font-size: 18px; font-weight: 700; }

.home_equipment ul li a:hover { color: #fff; }

.home_equipment ul li.active a { color: #fff; opacity: 1!important; filter: alpha(opacity=100)!important; }

.home_equipment ul::-webkit-scrollbar { width: 10px; height: 10px; border-radius: 100px; }

.home_equipment ul::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,.2); }

.home_equipment ul::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.8); background-clip: padding-box; min-height: 28px; border-radius: 0; }

.home_equipment ul::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,1); }



.home_equipment.active ul li { pointer-events: none; }

.home_equipment.active ul li a { opacity: .5; filter: alpha(opacity=50); }





/**/

.home_prev_btn,

.home_next_btn { width: 300px; line-height: 50px; border-radius: 10px; display: block; text-align: center; background-color: #F36F21; font-size: 20px; font-weight: 700; color: #fff; cursor: pointer; }





/*1*/

.home_step1_top { width: 500px; max-width: 100%; margin: 0 auto 10px; }

.home_step1_top a { float: left; display: block; width: 50%; font-size: 14px; font-weight: 700; text-align: center; line-height: 36px; background-color: #f4f5f6; }

.home_step1_top a.active { background-color: #00519C; color: #fff; }

.home_step1_top a:nth-child(1) { border-radius: 6px 0 0 6px; }

.home_step1_top a:nth-child(2) { border-radius: 0 6px 6px 0; }

.home_step1_top::after { content: ""; clear: both; height: 0; display: block; }



.home_step1 .inner-content { background-color: #fff; padding: 80px 64px; border-radius: 30px; }

.home_step1_title { font-size: 30px; font-weight: 700; text-align: center; margin-bottom: 30px; line-height: 1em; }

.home_step1 .inner-content > div { margin-bottom: 80px; }

.home_step1 .inner-content > div.home_next { margin-bottom: 0; }

.home_step1 .inner-content > div.home_step1_brand { margin-bottom: 60px; }



.home_step1_top input[type='radio']{display:none;}

.home_step1_search.active { display: block; }

.home_step1_search_box { position: relative; background-color: #F4F5F6; height: 50px; width: 500px; margin: 0 auto; border-radius: 10px; }

.home_step1_search_box input { border: 0; height: 100%; display: block; padding: 0 16px 0 50px; font-weight: 700; }

.home_step1_search_box button { position: absolute; top: 0; left: 0; width: 50px; line-height: 50px; text-align: center; background-color: transparent; cursor: pointer; }

.home_step1_search_box button i { font-size: 12px; }



#testInput-suggest { border-radius: 10px; border: 0!important; background-color: #fff!important; margin-top: 6px!important; box-shadow: 0 1px 10px rgba(0,0,0,.1); }

#testInput-suggest > div { padding: 5px 16px!important; background-color: transparent!important; font-size: 14px; font-weight: 700; }

#testInput-suggest > div:hover { color: #F36F21; }

#testInput-suggest > div:last-child { padding-bottom: 16px!important; }

#testInput-suggest:before { content: "选择型號"; color: #9E9EA1; display: block; font-size: 12px; font-weight: 700; line-height: 1em; padding: 20px 0 10px; margin: 0 16px 6px; border-bottom: 1px solid #D6D6D6; }

#testInput-suggest::-webkit-scrollbar { width: 6px; height: 6px; }

#testInput-suggest::-webkit-scrollbar-track-piece { background-color: #e0e0e0; }

#testInput-suggest::-webkit-scrollbar-thumb { background-color: rgba(50,70,90,1); background-clip: padding-box; min-height: 28px; }

#testInput-suggest::-webkit-scrollbar-thumb:hover { background-color: rgba(50,70,90,.9); }



.home_step1_brand ul { margin: 0 -10px; }

.home_step1_brand ul li { float: left; width: 16.66%; }

.home_step1_brand ul li a { display: block; margin: 0 10px 20px; border-radius: 10px; border: 1px solid #DCDCE3; overflow: hidden; height: 0; padding: 41% 0; position: relative; cursor: pointer; }

.home_step1_brand ul li a img { width: 100%; display: block; position: absolute; top: 0; left: 0; object-fit: cover; }

.home_step1_brand ul li a:hover,

.home_step1_brand ul li.active a { border-color: #00529C; }



.home_step1_parameter ul { margin: 0 -25px; text-align: center; }

.home_step1_parameter ul li { float: left; width: 33.33%; }

.home_step1_parameter ul li > div { margin: 0 25px; }

.home_step1_parameter ul li:first-child { display: none; }



.home_step1_parameter ul li h2 { font-size: 20px; font-weight: 700; line-height: 1em; margin-bottom: 20px; }

.home_step1_parameter ul li select { text-align: center; text-align-last: center; border: 0; border-radius: 10px; padding: 0 16px; height: 50px; font-size: 14px; font-weight: 700; background: url(../images/form-icon2-1.png) no-repeat; background-color: #F4F5F6; background-position: top 19px right 16px; background-size: 6px 12px; }

.home_step1_parameter ul li select option { text-align: center; font-size: 14px; font-weight: 700; }

/*.home_step1_parameter ul li select option:checked { background-color: #00529C; color: #fff; }*/





/*2*/

.home_step2 .inner-content { background-color: #fff; padding: 80px 64px; border-radius: 30px; }

.home_step2_title { padding-bottom: 24px; margin-bottom: 56px; border-bottom: 1px solid #DCDCE3; }

.home_step2_title h2 { font-size: 30px; font-weight: 700; line-height: 1em; margin-bottom: 2px; }

.home_step2_title .fl::after { content: ":"; display: inline-block; vertical-align: top; margin-right: 10px; }

.home_step2_title .fr { float: left; }

.home_step2_title ul span { font-size: 14px; font-weight: 700; }

.home_step2_title a { font-size: 16px; font-weight: 700; line-height: 16px; color: #00529C; display: inline-block; vertical-align: top; margin-top: 10px; }

.home_step2_title a:before { content: "\e730"; font-family: "iconfont"!important; font-size: 12px; font-weight: normal; line-height: 16px; display: inline-block; vertical-align: top; margin-right: 2px; }


.home_step2_problem { position: relative; z-index: 9; }
.home_step2_problem_box { margin-bottom: 34px; position: relative; }


.home_step2_problem_t { font-size: 20px; font-weight: 700; line-height: 1em; margin-bottom: 20px; }


.home_step2_problem_c { margin: 0 -4px; }
.home_step2_problem_c li { display: inline-block; vertical-align: top; width: 32.6%; }
.home_step2_problem_c li label { display: block; position: relative; margin: 0 4px 16px; cursor: pointer; }
.home_step2_problem_c li label a { display: block; font-size: 14px; line-height: 24px; padding: 12px 24px; border-radius: 10px; border: 1px solid #DCDCE3; text-align: center; font-weight: 700; pointer-events: none; position: relative; z-index: -1; }
.home_step2_problem_c li label input:checked + a { border-color: #00529C; color: #fff; }
.home_step2_problem_c li label input { position: absolute; top: 0; left: 0; z-index: -2; width: 100%; height: 100%; margin: 0; border-radius: 10px; overflow: hidden; }
.home_step2_problem_c li label input:after { display: none; }
.home_step2_problem_c li label input:before { border: 0; }
.home_step2_problem_c li label input:checked:before { background-color: #00529C!important; }
.home_step2_problem_c li label input:hover:before { 
	 -webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1);
}


/*.home_step2_problem_c li label a:hover,
.home_step2_problem_c li.active label a { background-color: #00529C; border-color: #00529C; color: #fff; }*/

.home_step2_problem_i { width: 16px; height: 16px; display: block; position: absolute; top: 6px; right: 6px; }
.home_step2_problem_i img { display: none; position: absolute; bottom: 100%; left: -20px; z-index: 9; width: 250px; max-width: inherit; pointer-events: none; border-radius: 16px; border: 1px solid #00519C; margin-bottom: 15px; }

.home_step2_problem_i i { content: "!"; font-family: "Arial"!important; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 100px; background-color: #DCDCE3; font-style: normal; font-size: 14px; font-weight: 700; display: block; cursor: context-menu; position: relative; z-index: 8; }
.home_step2_problem_i:hover i { background-color: #F36F21; }

.home_step2_problem_i:after { content: "\e6c7"; font-family: "iconfont"!important; font-size: 20px; color: #00519C; display: none; line-height: 1em; position: absolute; bottom: 100%; left: -2px; }
.home_step2_problem_i:hover img,
.home_step2_problem_i:hover:after { display: block; }

.home_step2_code { margin-bottom: 50px; }
.home_step2_code h3 { font-size: 20px; font-weight: 700; line-height: 1em; }





/*3*/

.home_step3 .inner-content { background-color: #fff; padding: 80px 64px; border-radius: 30px; }



.home_step3_top .fl h3 { font-size: 30px; font-weight: 700; line-height: 1em; }

.home_step3_top .fl h2 { font-size: 80px; font-weight: 700; line-height: 1em; color: #FF7A2F; padding: 24px 0 4px; }

.home_step3_top .fl h2 span { font-size: 50px; font-weight: 700; line-height: 1em; color: #FF7A2F; display: inline-block; vertical-align: bottom; margin-right: 10px; }

.home_step3_top .fl p { font-size: 14px; font-weight: 700; line-height: 1em; margin-top: 6px; padding-left: 12px; position: relative; }

.home_step3_top .fl p:before { content: ""; width: 6px; height: 6px; display: block; border-radius: 2px; background-color: #131313; position: absolute; top: 4px; left: 0; }



.home_step3_top .fr img { display: block; width: 200px; border-radius: 10px; box-shadow: 0 0 6px rgba(0,0,0,.12); }



.home_step3_title { text-align: right; padding: 36px 0 24px; line-height: 1em; }

.home_step3_title h3 { float: right; font-size: 30px; font-weight: 700; line-height: 1em; }

.home_step3_title a { float: left; font-size: 16px; font-weight: 700; line-height: 30px; color: #00529C; display: inline-block; vertical-align: top; }

.home_step3_title a:before { content: "\e730"; font-family: "iconfont"!important; font-size: 12px; font-weight: normal; line-height: 30px; display: inline-block; vertical-align: top; margin-right: 2px; }

.home_step3_title:after { content: ""; clear: both; display: block; height: 0; }



.home_step3_parameter { margin-bottom: 80px; }

.home_step3_parameter ul li { background-color: #F2F3F5; padding: 12px 30px; text-align: left; line-height: 1em; }

.home_step3_parameter ul li:nth-child(even) { background-color: #fff; }

.home_step3_parameter ul li > div { width: 400px; display: inline-block; vertical-align: top; }



.home_step3_parameter ul li .fl span { display: block; font-size: 16px; font-weight: 700; line-height: 28px; color: #6C6D6F; }

.home_step3_parameter ul li .fr span { display: block; font-size: 18px; font-weight: 700; line-height: 28px; }



.home_mail h2 { font-size: 30px; font-weight: 700; line-height: 1em; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #DCDCE3; }

.home_mail_input label { display: block; font-weight: 700; line-height: 1em; color: #7C7F84; margin-bottom: 6px; }

.home_mail_input input { width: 340px; height: 50px; border: 0; border-bottom: 2px solid #131313; font-size: 14px; font-weight: 700; color: #131313; padding: 0; }

.home_mail_input input::-webkit-input-placeholder { color: #131313; }

.home_mail_input input:-moz-placeholder { color: #131313; opacity: 1; }

.home_mail_input input::-moz-placeholder { color: #131313; opacity: 1; }

.home_mail_input input:-ms-input-placeholder { color: #131313; }



.home_mail_checkbox { padding-left: 22px; margin: 20px 0 5px; font-size: 14px; line-height: 16px; color: #6C6D6F; font-weight: 700; position: relative; padding-bottom:10px;}

.home_mail_checkbox input { position: absolute; top: 0; left: 0; margin: 0; }

.home_mail_checkbox a { font-size: 14px; line-height: 16px; color: #6C6D6F; display: inline-block; vertical-align: bottom; margin: 0 2px; text-decoration: underline; }

.home_mail_checkbox a:hover { color: #131313; }



.home_mail .home_prev_btn,

.home_mail .home_next_btn { width: 340px; display: inline-block; vertical-align: top; margin: 0 10px 6px 0; }





/*4*/

.home_step4 .inner-content { background-color: #fff; padding: 80px 64px 0; border-radius: 30px; }

.home_step4_top { text-align: center; width: 400px; max-width: 100%; margin: 0 auto; padding-bottom: 80px; }

.home_step4_top h2 { font-size: 30px; line-height: 1em; font-weight: 700; }

.home_step4_top h3 { font-size: 18px; line-height: 1em; margin: 16px 0 16px; }

.home_step4_top p { font-size: 20px; line-height: 1.4em; }

.home_step4_top .home_next_btn { margin: 20px auto 0; }



.home_step4 .market_con_list,

.home_step4 .market_choice_select select,

.home_step4 .market_choice_search > div input { background-color: #F4F5F6; }

 













/*market*/

.market { padding: 80px 0; }



.market_title h2 { font-size: 30px; line-height: 1em; text-align: center; font-weight: 700; margin-bottom: 50px; }

.market_title h2 i { font-size: 24px; line-height: 30px; display: inline-block; vertical-align: top; margin-right: 12px; font-weight: normal; color: #00529C; }



.market_choice form { margin: 0 -10px 20px; }

.market_choice form:after { content: ""; clear: both; display: block; height: 0; }

.market_choice form > div { float: left; }

.market_choice_search { width: 31%; }

.market_choice_search > div { margin: 0 10px; position: relative; }

.market_choice_search > div input { height: 50px; border-radius: 10px; border: 0; padding: 0 16px 0 50px; background-color: #fff; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,.1); }

.market_choice_search > div button { position: absolute; top: 0; left: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 10px; background-color: transparent; cursor: pointer; }

.market_choice_select { width: 23%; }

.market_choice_select div { margin: 0 10px; }

.market_choice_select select { display: block; width: 100%; height: 50px; border-radius: 10px; border: 0; padding: 0 16px; background: url(../images/form-icon2-1.png) no-repeat; background-color: #fff; background-position: top 19px right 16px; background-size: 6px 12px; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,.1); }



.market_con { background-color: #fff; position: relative; padding-left: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.1); }



.market_con_list { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; overflow-y: auto; }

.market_con_list ul { }

.market_con_list ul li { border-bottom: 1px solid #D6D6D6; }

.market_con_list ul li:last-child { border: 0; }

.market_con_list::-webkit-scrollbar { width: 6px; height: 6px; }

.market_con_list::-webkit-scrollbar-track-piece { background-color: #e0e0e0; }

.market_con_list::-webkit-scrollbar-thumb { background-color: rgba(50,70,90,1); background-clip: padding-box; min-height: 28px; }

.market_con_list::-webkit-scrollbar-thumb:hover { background-color: rgba(50,70,90,.9); }



.market_con_box { display: block; padding: 20px; }

.market_con_box:hover { background-color: #F2F3F5; }

.market_con_t h3 { font-size: 18px; font-weight: 700; line-height: 1em; color: #00529C; margin-bottom: 6px; }

.market_con_t p { font-size: 13px; font-weight: 700; line-height: 1em; color: #6C6D6F; margin-bottom: 20px; }

.market_con_b:after { content: ""; clear: both; display: block; height: 0; }

.market_con_b img { float: left; width: 40%; display: block; border-radius: 6px; }

.market_con_text { float: right; width: 60%; display: block; }

.market_con_text p { font-size: 13px; font-weight: 700; line-height: 1.5em; padding: 0 0 12px 20px; }

.market_con_text p:last-child { padding-bottom: 0; }



.market_con_map img { display: block; }









/**/

.termsBlock * { font-size: 16px; line-height: 30px; }
.termsBlock { margin: 50px 0; }
.termsBlock ul, .termsBlock ol { margin-left: 1.1rem; }
.termsBlock ol > ol { margin-left: 0; }
.termsBlock ul li, .termsBlock ol li { list-style-type: decimal; }
.termsBlock ul > strong, .termsBlock ol > strong { margin-left: -20px; }

.termsBlock p { margin: 0.3125rem 0; }
.termsBlock a { color: #4990e2; }


.termsBlock .termsBlock__inner { max-width: 1200px; margin-left: auto; /* padding: 0 0.625rem; */ margin-right: auto; }


table td { vertical-align: top; }
table.pics2 tr td { padding: 2px; padding-left: 5px; }
table.pics2 tr td:nth-child(2) { white-space: nowrap; padding-left: 10px; }
table.pics2 tr td:first-child { padding: 2px 0; }

/* @media screen and (min-width: 1440px){
	.termsBlock .termsBlock__inner { padding: 0; }
}

@media screen and (min-width: 1280px){
	.termsBlock .termsBlock__inner { padding-left: 0; }
}

@media screen and (min-width: 1025px){
	.termsBlock .termsBlock__inner { padding-left: 3%; }
}

@media screen and (min-width: 768px){
	.termsBlock .termsBlock__inner { padding-left: 2%; }
} */
.texttext table.pics2 tr td:nth-child(2){white-space:normal;text-align:justify;}
.home_step2_problem .home_mail_input{margin-bottom:20px;}
.has-error{border-bottom: 2px solid red;}
.error-block{display:none; color:red !important;}
.home_step2_problem_box .error-block{display:none; color:red;}
.has-error .error-block{display:block;}
.home_step2_problem_box.has-error{border-bottom:0px;}
.home_step3 .has-error{border-bottom:0px;}
.home_mail_checkbox p { margin-top:8px; font-size: 14px; line-height: 16px;color: #6C6D6F; font-weight: 700; }
.copyright .member-of{max-height: 49px;}
.home_step3 .home_mail_checkbox.has-error,
.home_step3 .home_mail_checkbox.has-error > a,
.home_step3 .home_mail_checkbox.has-error .note{color:red;}


.termsBlock2 { margin: 50px 0 200px; }
.termsBlock2 li { font-weight: bold; margin-bottom: 20px; }
.termsBlock2 td { font-weight: normal; }

.home_step1_parameter{text-align:center;}
.home_step1_parameter ul{display:inline-block;}
.home_step1_parameter ul > li {width:320px;}
.home_step1 .home_next{text-align:center; padding-top: 20px; }
.home_step1 .home_next .home_next_btn{margin:0 auto;}

.home_prev_btn, .home_back_btn {
    width: 300px;
    line-height: 50px;
    border-radius: 10px;
    display: block;
    text-align: center;
    background-color: #666666;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}

.home_step2 #captcha-widget1{text-align:center;}
.home_step2 #captcha-widget1 > div{margin:0 auto;}
.home_step2 .home_next{text-align:center;}
.home_step2 .home_next > button{margin: 0 auto;}
.home_step2 .home_next .home_next_btn {margin-bottom:20px;}

.home_step1_parameter ul li select[disabled]{color:#666;}



.home_step2_title li.note > span{position:relative;padding-left: 12px;}
.home_step2_title li.note > span:before{content: "";
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 2px;
    background-color: #131313;
    position: absolute;
    top: 7px;
    left: 0;}

.home_step4_top .note{font-size:17px; margin-top:15px;}
@media screen and ( min-width:768px ){ 	
.home_step3_parameter li > div{display:table !important;width:100% !important;}
.home_step3_parameter li > div > .fl{min-width:320px;display:table-cell;float:none;width:50%;}
.home_step3_parameter li > div > .fr{text-align:left;display:table-cell;float:none;}
}

.step-three-ad{margin-top:30px;}


.home_receive_checkbox { margin: 0px 0 26px; font-size: 14px; line-height: 16px; color: #6C6D6F; font-weight: 700; position: relative; padding-bottom:10px;}



.hot-product-wrap{margin: 30px 0px 60px;min-height: 460px;}
.table-hot{margin-bottom: 20px;}
.table-hot thead{background: #344781;color: #fff;}
.table-hot thead th{color: #fff;padding:15px 5px;}
.table-hot tbody tr{background: #dedede; height:58px;}
.table-hot tbody tr:nth-child(2n){background: #ffffff;}
.table-hot tbody tr td{padding:15px 5px; text-align:center;vertical-align: middle;}

.booking-content{padding-bottom:60px;}
.booking-content > h2 {font-weight: 700;font-size: 18px;}
.booking-content .layui-form-item {margin-bottom:8px;}
.booking-content .layui-form-item .layui-input-block{max-width:220px;}
.booking-content .layui-form-item .layui-input-block input[type="text"]{border-width: 0;
    border-bottom: 2px solid #131313;}

.booking-content .layui-btn-normal,
.inner-content .layui-btn-normal{
	padding: 0px 25px;
    line-height: 50px;
    border-radius: 10px;
    display: block;
    text-align: center;
    background-color: #F36F21;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;}

.booking-main .inner-content{padding: 25px; background: #fff;margin-bottom: 30px;}

.booking-main .inner-content h2{font-size:24px; font-weight: 700; margin-bottom:30px; margin-top:5px;}
.layui-input-inline{display: inline-block;}
.inner-content .order-info .layui-form-item{margin-bottom:15px;}
.inner-content .order-info .layui-form-item > label{min-width:220px; text-align:left; font-weight:700; display: inline-block;}
.inner-content .order-info .layui-form-item .layui-input-inline{width:320px;}
.inner-content .order-info .layui-form-item input[type="text"]{border-radius: 5px;
    background: #efefef;
    border: 0;}

.product-info .layui-form-item{margin-bottom:15px;}
.product-info .layui-form-item > label{min-width:220px; text-align:left; display: inline-block;}
.product-info .layui-form-item .layui-input-inline{width:320px;}
.product-info .layui-form-item .layui-input-inline .layui-select{border-radius: 5px;
    background: #efefef; min-width:220px;height: 36px;
    padding: 0 5px;
    text-align: center;
    border: 0;}
	
.booking-main .success-info{padding:50px;}
.booking-main .success-info > h2{    text-align: center;
    margin-bottom: 50px;
    font-size: 30px;}
.booking-main .success-info	.layui-form-item{max-width:220px; text-align:center; margin:0 auto;}

.booking-main { 
	min-height: -webkit-calc(100vh - 250px);
	min-height: -moz-calc(100vh - 250px); 
	min-height: calc(100vh - 250px);  
 } 

 .booking-main .success-info img { margin-top: 20px; }

 .booking-main .success-info > .inner-box > .WebTextWidget > h2 { color: #4d4d4d; font-size: 16px; border-bottom: 1px solid #d0d0d0; padding: 20px 0; margin: 0; }
 .booking-main .success-info > .inner-box > .WebTextWidget > h2 label { display: block; font-size: 20px; margin-top: 4px; }

 .booking-main .success-info .layui-form-item { margin-top: 30px; }








.ul_list { padding: 30px 0 10px; }
.ul_list h3 { font-size: 24px; font-weight: 700; margin-bottom: 16px; }
.ul_list ol,
.ul_list ul { padding-left: 40px; margin-bottom: 20px; }
.ul_list li { margin-bottom: 8px; }



.booking-content:after { content: ""; clear: both; display: block; height: 0; }
.booking-content { padding-top: 10px; border-top: 2px solid #ffecbc; display: flex; align-items: center; }
.booking-content > .fl { width: 30%; }
.booking-content > .fr { width: 65%; margin-left: auto; }
.booking-content > .fr h2 { font-size: 22px; font-weight: 700; }


.trade-up{ box-sizing: border-box;    padding: 10px 0;
    margin-bottom: 30px;}
.row{display:flex; width:100%; box-sizing: border-box;}
.col-12{width:100%; box-sizing: border-box;}
.col-lg-7{
	flex: 0 0 58.333333%;
    max-width: 58.333333%;
	box-sizing: border-box;
}
.col-lg-5 {
	box-sizing: border-box;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.col-lg-6 {
	box-sizing: border-box;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.form-control {
	box-sizing: border-box;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 6px .75rem 6px 25px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.new-phone-price {
	box-sizing: border-box;
    background-color: #FF9900;
    color: #ffffff;
    padding: 20px;
    font-size: 22px;
    font-weight: 700;
    border-radius: 35px;
}

.phone-image {
	box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 190px;
}

.text-left {
    text-align: left;
}
.align-items-cente{
	text-align: center;
}

.form-group-select-icon{
	padding: 0 15px 0 0;
    text-align: center;
}
.form-group-select-icon h3{margin-bottom:15px;font-size:18px;}
.form-group-select-icon .form-control{text-align: center;}
.new-phone-price .choose-model{text-align: center;}
.new-phone-price .phone{padding:5px 10px;}
.phone-info span,.phone-info p {color:#fff;font-size: 20px;
    line-height: 1.2;}

.container .login {
    padding: 50px 0;
}
.admin-login-background {
    width: 300px;
    margin: 0 auto;
}
.admin-header {
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    font-size: 40px;
}
.admin-login-background .admin-header h2 {
    color: #000;
}


.admin-input {
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    height: 50px !important;
    width: 300px;
    padding-bottom: 0px;
}

.admin-input-username {
    border-top-style: solid;
    border-radius: 10px 10px 0 0;
}

.category-container {position:relative;}
.category-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: -14px;margin-top: -42px;
}
.category-container .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: -14px;margin-top: -42px;
}
.home_step1 .lay-tabel thead{
	background: #00519C;
	text-align: center;
}
.home_step1 .lay-tabel thead th{   padding: 9px; color:#fff;}
.home_step1 .lay-tabel tbody tr{background:#dedede;}
.home_step1 .lay-tabel td{ padding: 9px; text-align: center;}








/*  */

.home_step3_parameter + .trade-up > .step-wrapper { padding: 30px 16px; background-color: #FF9900; border-radius: 10px; }
.home_step3_parameter + .trade-up > .step-wrapper > div > div:nth-child(1) > .row > div { margin-bottom: 20px !important; }

/* .home_step3_parameter + .trade-up > .step-wrapper .form-group-select-icon { display: none; } */
.home_step3_parameter + .trade-up > .step-wrapper .row { align-items: center; margin: 0; }

.home_step3_parameter + .trade-up > .step-wrapper .new-phone-price-show .row > div { max-width: 100% !important; flex: inherit !important; }

.home_step3_parameter + .trade-up > .step-wrapper .form-group-select-icon h3 { margin-bottom: 10px; font-size: 20px; text-align: left; font-weight: 700; }
.home_step3_parameter + .trade-up > .step-wrapper .phone-info br { display: none; }
.home_step3_parameter + .trade-up > .step-wrapper .phone-info p,
.home_step3_parameter + .trade-up > .step-wrapper .phone-info span { font-size: 16px; margin-bottom: 3px; text-decoration: none !important; }
.home_step3_parameter + .trade-up > .step-wrapper .phone-info span.trade-in-price-text { font-size: 20px; text-align: left; font-weight: 700; color: #131313; display: block; }
/* .home_step3_parameter + .trade-up > .step-wrapper .phone-info span.trade-in-price-text > br { display: none; } */
.home_step3_parameter + .trade-up > .step-wrapper .phone-info span.trade-in-price { font-size: 38px; text-align: left; font-weight: 700; color: #FFFF00; }
.home_step3_parameter + .trade-up > .step-wrapper .phone-info span.trade-in-price span { font-size: 18px; text-align: left; font-weight: 700; color: #FFFF00; margin-right: 2px; }

.home_step3_parameter + .trade-up > .step-wrapper .phone-info p { padding-top: 10px; color: #131313; }
.home_step3_parameter + .trade-up > .step-wrapper .phone-info p span { color: #131313; }
.home_step3_parameter + .trade-up > .step-wrapper .phone-info p:before { content: "·"; display: inline-block; margin-right: 6px; }

.home_step3_parameter + .trade-up > .step-wrapper .new-phone-price { padding: 0; }
.home_step3_parameter + .trade-up > .step-wrapper .new-phone-price .row { display: block; }
.home_step3_parameter + .trade-up > .step-wrapper .new-phone-price .row > div { margin: 0 auto; max-width: inherit; -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; 
}

.home_step1 .category-container .swiper-button-prev { background-image: url(../images/arrow-l.png); }
.home_step1 .category-container .swiper-button-next { background-image: url(../images/arrow-r.png); }


.home_step3 .trade-up > h2 { font-size: 30px; text-align: left; font-weight: 700; color: #131313; margin-bottom: 10px; }



.change-note { margin-bottom: 44px; text-align: left;}
.change-note .WebEditorWidget h2 { font-size: 30px; font-weight: 700; line-height: 1em; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #DCDCE3; }
.change-note .WebEditorWidget > div > p:first-of-type { font-size: 18px; font-weight: 700; margin-top: 5px; }

/* .change-note .more { display: inline-block; vertical-align: top; line-height: 32px; padding: 0 10px; border-radius: 6px; background-color: #00529C; color: #fff; font-size: 14px; font-weight: 700; margin: 6px 0; } */
.change-note .more { color: #00529C; display: inline-block; vertical-align: top; margin-top: 10px; display: none; }
.change-note .more:after { content: ">"; color: #00529C; margin-left: 3px; font-weight: 700; }

.change-note .home_change_checkbox { margin-top: 10px; }
.change-note ul { margin: 10px 0; padding-left: 18px; }
.change-note ul li { list-style-type: disc; font-size: 14px; line-height: 1.1em; margin-bottom: 6px; }
.change-note ul li::marker { font-size: 10px; }


.booking_checkbox { position: relative; }
.booking_checkbox img:nth-of-type(2) { display: none; }
.booking_checkbox input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.booking_checkbox input:checked + img { display: none; }
.booking_checkbox input:checked + img + img { display: block; }

.booking_checkbox input[type='radio']:after, 
.booking_checkbox input[type='checkbox']:after,
.booking_checkbox input[type='radio']:before, 
.booking_checkbox input[type='checkbox']:before { display: none; }

.change-content .transfer-booking .form-row input[type='radio'] {     
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto; 
}
.change-content .transfer-booking .form-row input[type='radio']:after,
.change-content .transfer-booking .form-row input[type='radio']:before { display: none; }

.change-content .transfer-booking .form_input select { width: auto; padding-right: 30px; }
.change-content .transfer-booking .form_input select.booking-date,
.change-content .transfer-booking .form_input select.booking-time { width: 140px; }
/* .change-content .transfer-booking .form-row:nth-child(5) select { width: auto; } */
.change-content .transfer-booking .form_input textarea, 
.change-content .transfer-booking input[type="text"], 
.change-content .transfer-booking input[type="password"] { width: auto; }


.change-content { margin-top: 30px; }
.change-content .transfer-booking { margin-top: 30px; }

.change-content .transfer-booking .form-row { display: flex; margin-bottom: 10px; }
.change-content .transfer-booking .form-row label { white-space: nowrap; }


.change-content .transfer-booking .form-row:last-child { display: block; }
.change-content .transfer-booking .form-row:last-child > .layui-input-inline { display: block; }
.change-content .transfer-booking .form-row:last-child > .layui-input-inline > #booking-is_new { display: flex; }

.change-content .home_next_btn { margin: 20px auto 0; width: auto; }

.popup .modal-body .content .change-note { margin-bottom: 0; }


.popup .modal-body h2 { font-size: 20px; font-weight: 700; color: #00529c; }
.popup .modal-body h2 p { margin-top: 16px; color: #131313; }

.transfer-booking-modal .popup{width: 90%; max-width: 768px;}

@media screen and ( min-width:767px ) and ( max-width:7680px ) {
	
	.home_equipment ul li { width: 25% !important; margin-right: 0 !important; }
    .swiper-button-next, .swiper-button-prev { display: none; }

	
}




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

    .popup-wrapper .popup .modal-body { padding: 30px 20px; }

}