a:focus {outline: none;}
html {scroll-behavior: smooth;}
h3.e-n-accordion-item-title-text {font-weight: 500;}
div#wpforms-24446-field_41-container {clear: both;}
.custom-size{display:none;}
.elementor-edit-mode .custom-size{display:block;}
.elementor-widget:not(:last-child){margin-bottom:0;}
.container ul.ks-cboxtags li {
	display: inline-block !important; 
   height: 50px;
}
select:disabled{
	background-color:#e1e1e1!important;
	border:1px solid #e1e1e1;
	color: #e1e1e1;
}
.container ul.ks-cboxtags li.disabled label{
	background-color:#e1e1e1;
	border:1px solid #e1e1e1;
	color:#a3a3a3;
}
.wpforms-container .wpforms-recaptcha-container{padding:4px !important;}
.wpforms-container{ margin-bottom: 10px!important;}
tr.cart-subtotal{display:none}
.entry-content .woocommerce{max-width:100%;}
	.bleedmobile:after , .tablinksmoblie:after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 20px;
    color: #fff;
    font-size: 13px;}

.elementor-widget-image-box .elementor-image-box-img img{display: inline-block;}
/*need advice download pdf css*/
.quote input[type=text], .quote input[type=email]{
   outline: #004052 !important;
   background-color: #fff;
   width: 100%;
	font-size: 0.8rem;
	padding: 0.6rem 0.5rem;
}
.quote textarea{
     outline: #004052 !important;
     background-color: #fff;
	  padding: 0.4em;
	  font-size: 12px;
}
.quote .wpforms-field-label{
     font-weight: 500!important;
     color: #004052;
     font-size: 0.8rem;
}
.advice-name, .advice-email, .download-name, .download-email{
     width: 50%;
     z-index: 2;
     float: left;
}
.quotesubmit{
     border-radius: 0;
     margin-bottom: 10px;
     background-color: #004052;
	  color:#fff;
}
.quotesubmit:hover{background-color: var( --e-global-color-17148cc );}

@media only screen and (max-width: 600px){
	.wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {overflow-x: visible;}
}
@media screen and (max-width: 767px){
	.quote input[type=text], .quote input[type=email], .advice-name, .advice-email,.download-name,.download-email,.advice-message{width: 100%;}
	.contact-us {padding: 15px!important;}
	.mobilehide{display: none;}
}
 .download-name,.download-email,.advice-name, .advice-email,.advice-message{padding:4px!important;}
 .wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {max-width: 100%!important;}
/*contact form css */
 .contact-us{
     background-color: #fff;
     padding: 28px;
     box-shadow: 0px 1px 4px 0px rgb(0 137 161 / 59%);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     margin: 0px 2px 0px 0px;
     border-radius: 21px;
}
 .contact-us .wpforms-field-label {
     font-weight: 500!important;
     color: #000;
     font-size: 14px;
}
 .contact-us .wpforms-title{
     color: #000;
     font-weight: 600!important;
}
 .contact-us input[type=email], .contact-us input[type=text], .contact-us textarea{
     background-color: #fff;
     border-radius: 5px;
     padding: 8px;
     font-size: 14px;
     line-height: 21px;
     text-align: left;
     outline: var(--e-global-color-abe6219) solid 0px!important;
}
 .contact-us input[type=email]:focus, .contact-us input[type=text]:focus, .contact-us textarea:focus{
     outline: var(--e-global-color-17148cc) solid 1px!important;
     transition: all .2s linear;
}
 .wpforms-container .wpforms-submit-container{text-align: center;}
 .contact-us-submit{
     border-radius: 10px;
     background-color: var(--e-global-color-17148cc);
     color: #fff;
}
 .contact-us-submit:hover{background-color: var(--e-global-color-e2770ec );}
 .contact-us .wpforms-title,.contact-name, .contact-email,.contact-tel, .contact-company,.contact-country,.contact-message{padding: 10px!important;}
 .contact-name, .contact-email{
     width: 50%;
     float: left;
     z-index: 2;
}
 .contact-tel, .contact-company,.contact-country{
     width: 33.3%;
     float: left;
     z-index: 2;
}
 @media screen and (max-width: 767px){
     .contact-name, .contact-email,.contact-tel, .contact-company,.contact-country{width: 100%;}
}
/*quote css*/
/*shuoming wai kuang*/
 .shuoming{position: absolute;}
/*input length and width css*/
 .textboxdivhardcover{font-size: 15px;}
 .textboxdivhardcover input[type=text]{
     background-color: #fff;
     font-size: 15px;
     width: 100%;
     border:2px solid var( --e-global-color-dcf0198 );
     outline-color: var(--e-global-color-17148cc);
	  padding: 0.6em !important;
}
 .textboxdiv input[type=text]{
	 	padding: 0.6em !important;
     background-color: #fff;
     font-size: 15px;
     width: 100%;
     border:2px solid var( --e-global-color-dcf0198 );
     outline-color: var(--e-global-color-17148cc);
}
.checkboxoption label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}
/*quantity input css*/
 .select-op input[type=number]{
     width:100%;
     background-color:#fff;
     border:2px solid var(--e-global-color-dde964b);
	  outline-color: var(--e-global-color-dde964b);
	  max-width: 100%;
     padding: 0.7em!important;
	  border-radius: 5px;
}
	.select-op input[type=number]:focus{
		border-color:var(--e-global-color-dde964b)!important;
	}
/*radio outside div, middle input，inner label*/
 .radioinput{
     position: absolute;
     clip: rect(0,0,0,0);
     pointer-events: none;
}
 .radiolabel:hover{
     background-color:#BAE6F1;
     transition: 0.4s;
     border: 1px solid var(--e-global-color-e2770ec);
}
 .radiolabel{
     padding: 8px 0px 8px 0px;
     display:inline-block;
     color: #000;
     background-color: #fff;
     border-radius: 0px;
     cursor:pointer;
     text-align:center;
     border: 1px solid var(--e-global-color-dde964b);
	  font-size: 0.9rem;
	 border-radius: 5px;
}
 .radiodiv input[type="radio"]:checked+label{
     color: #fff !important;
     background-color:var(--e-global-color-dde964b);
     border: 1px solid var(--e-global-color-dde964b);
}
	
.radiodiv.printdivs input[type="checkbox"]:checked + label {
    border: 1px solid var(--e-global-color-dde964b);
    background-color: var(--e-global-color-dde964b);
    color: #fff;
}
 .hardcover-size-mm-inch .radiolabel{
     height:50px;
     padding: 2px 0px 2px 0px;
     width:100%;
     margin-top: 3px;
}
 .collapsiblebox .radiolabel{
     width:100%;
     padding: 3px 2px 3px 2px;
     font-size: 15px;
     margin-bottom: 3px;
} 
	.other .radiolabel{width:32%;}
	.size-mm-inch .radiolabel, .endsheet .radiolabel, .other2 .radiolabel{width:48%;}
	.greyboard .radiolabel{width:32%;}
	.radiolabel{line-height: 20px;}	
 @media screen and (max-width:1024px) and (min-width:768px){
   .radiolabel{
     padding: 6px 4px 6px 4px;
     line-height: 20px;
    }
}
 .captach-class{width: 20%;}
/*drop list*/
 .selectbox{cursor: pointer;}
 .select-op select {
	 border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--e-global-color-dde964b);
    cursor: pointer;
}
 .selectbox .select-op:after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 10px;
    pointer-events: none;
    color: #fff;
    font-size: 13px;
}
.select-op select::-ms-expand {display: none;}
.op-control {
     display: block;
     width: 100%;
     height: 45px;
     padding: 0px 7px 0px 7px;
     line-height: 1.5;
     color: #FFF;
     background-image: none;
     border: none;
     border-radius: 0;
     outline:none;
}
/*checkbox*/
 .container {
     max-width: 100%;
     font-size: 14px;
}
 .container ul{margin:0px;}
 .container ul.ks-cboxtags {
     list-style: none;
     padding: 0px;
}
 .container ul.ks-cboxtags li{
     display: inline;
     padding-right: 10px;
}
 .container ul.ks-cboxtags li label{
     display: inline-block;
     background-color: #fff;
     border: 1px solid var(--e-global-color-dde964b);
     color: #000;
     border-radius: 25px;
     white-space: nowrap;
     margin: 3px 0px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
     transition: all .2s;
     padding: 6px 10px;
     cursor: pointer;
	  font-size: 0.9rem;
}
 .container ul.ks-cboxtags li label::before {
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font-family: "Font Awesome 5 Free";
     font-weight: 700;
     font-size: 6px;
     padding: 0px 6px;
     content: "\f067";
     transition: transform .3s ease-in-out;
}
 .container ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
     content: "\f00c";
     transform: rotate(-360deg);
     transition: transform .3s ease-in-out;
}
 .container ul.ks-cboxtags li input[type="checkbox"]:checked + label {
     border: 1px solid var(--e-global-color-dde964b);
     background-color: var(--e-global-color-dde964b);
     color: #fff;
     transition: all .2s;
}
 .container ul.ks-cboxtags li input[type="checkbox"] {
     display: absolute;
     position: absolute;
     opacity: 0;
}
 .container ul.ks-cboxtags li input[type="checkbox"]:focus + label {border: 1px solid var(--e-global-color-dde964b);}
 @media screen and (max-width:1024px) and (min-width:768px){
     .container {font-size: 12px;}
     .container ul.ks-cboxtags li label{padding: 4px 4px;}
     .container ul.ks-cboxtags li label::before {padding: 0px 3px;}
     .container ul.ks-cboxtags li{padding-right: 2px;}
}
 .download, .advice,.question, .textsize{display:none;}
/*quote tip box css*/
 .tippop span.eael-tooltip-content, span.eael-tooltip-content a{width: 30px;}
 .tippop .eael-tooltip{min-width: 20px;}
/*tab css*/
 .eael-tabs-content{overflow: visible;}
 .shouzhi{cursor:pointer;}

@media screen and (min-width:768px){
     .breadmoblie{display:none;}
}

@media (max-width: 767px){
	.submenuliwai{display:none;}
	.mobliemenu{display:block;}
}
/*css of products page*/
.waiceng{overflow:hidden;}
.waiceng .elementor-element-populated{padding:0px!important;}
.smallbackground img{border:solid 2px var( --e-global-color-dcf0198 )!important;}
.click-btn-zuoyou, .control-btn{cursor:pointer;}
.control-btn img {border: solid 2px #ffffff;}
.image-large-show{
   position:absolute;
	width:100%;
	left:-100%;
	height:100%;
	top:0;
}
.image-large-show1{
	position:relative;
	left:0%;
	top:0;
}
.tablinks, .tablinksmoblie{
    cursor: pointer;
    width: 100%;
    background-color: #fff;
    color: #000;
    border-radius:0;
    text-transform:none;
    padding: 25px 0px;
    font-size: 16px
}
.tablinksmoblie{
    float: left;
    padding: 20px 0px;
    background-color: var( --e-global-color-e2770ec );
    color: #fff;
}
.tablinks:hover, .tablinksmoblie:hover{
    background-color: var( --e-global-color-e2770ec );
}
.tabcontent {display: none;}
#tabcontent2 {display: block;}
.tabtitle button.active{
   background-color: var( --e-global-color-e2770ec )!important;
   color: #fff;
}
.tabicona{
    font-weight: bold;
    color:var( --e-global-color-e2770ec );
}
.moblietab{display:none;}
@media (max-width: 767px){
  .moblietab{display: block;}
  .tabpc{display:none;}
}
.textbold{font-weight: 600;}

/*product new tab*/
.tip-tab-active {border-bottom: solid 1px #3dc3dc;} 
.tip-tab-unactive{cursor: pointer;border-bottom: 1px solid #fff;}
.tip-tab-unactive:hover{
    cursor: pointer;
    border-bottom: solid 1px #3dc3dc;
}
.tip-content{display:none;}
.cal-tip{display:block;}
/*运费*/	
    .zip-apply,.zip-change,.uploadbtn,.downloadbtn,.questionbtn,.advicebtn,.uploadbtn,.btnshow{cursor:pointer;}	
    .shippingguding2{
    position: sticky !important;
    top: 0px !important;
    position:-webkit-sticky;
    position: sticky;
    }	
		.zipcode{
    display: block;
    width: 100%;
    padding:0.7rem 0.3rem!important;
    font-size: 13px;
    line-height: 1.5;
    color: #212529;
    background-color: #fff!important;
    background-clip: padding-box;
    border: 1px solid #3DC3DC!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem!important;
    outline-color:  #3DC3DC!important;
    }
    .zip-country-show ,.uploadbtn,.btnshow{display:none;}
    .countryprince{
    display: block;
    width: 100%;
    padding:0.7rem 0.2rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 13px;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.45rem center;
    background-size: 10px 10px;
    border: 1px solid #3DC3DC;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;   
    }
	.shipping_cost_hide{display:none;}	
	.woocommerce-shipping-totals.shipping{display:none;}
	.elementor-21149 {min-height: 350px;}
	#wpforms-12{min-height: 750px;}
@media only screen and (max-width: 767px) {
#wpforms-12{min-height: 1000px;}
}
@media only screen and (max-width: 425px) {
	.image-large-show1{min-height: 300px;}	
}
	.Template-download-btn{cursor:pointer;}
	.new-radio-style :checked + label:before {
	 font-size: 30px;
	 content: '\2713';
    color: #ff4f42;
    position: absolute;
    right: -5px;
    top: -20px;
    z-index: 65530;
    background: transparent;
}
	.new-radio-style {
  list-style-type: none;
  margin: 0;
}

@media screen and (max-width: 767px){
.new-radio-style label {
  font-size: 13px;
}
}

.new-radio-style input[type="radio"]{
  display: none;
}

.new-radio-style label {
  border: 0px solid #fff;
  padding: 5px;
  display: block;
  position: relative;
  margin: 0px;
  cursor: pointer;
  text-align: center;
}


.new-radio-style label img {
  height: auto;
  width: 100%;
  transition-duration: 0.2s;

}

.new-radio-style :checked + label {
  border-color: #ddd;
}

.new-radio-style :checked + label img {
  transform: scale(1);
  z-index: -1;
  border-radius: 2px;
  box-shadow: 3px 3px 3px 0px #a1a0a0b5;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.eael-data-table-wrap table td a {
    color: #034254!important;
}
.eael-data-table-wrap table td a:hover{
    color: #034254!important;
}
.tabnav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.newtablinks {
    color: #000 !important;
    border-bottom: none;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    margin: 5px;
    transition: background-color 0.3s;
    background-color: #fff;
    border-radius: 5px;
}
.newtablinks:hover {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.newtablinks.newactive {
    font-weight: 600;
    color: var(--e-global-color-17148cc) !important;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
#show-faqs, #hide-faqs{cursor:pointer;}
#show-faqs, #hide-faqs{display:none;}
.faq-content{display:block;}
.label-title-large{
	font-size: 16px;
	font-weight: 600;
}	
@media screen and (max-width: 767px){
 .faq-content, #hide-faqs{display:none;}
#show-faqs{display:block;}
body.font-lato {display: none;}
}

    .elementor-shortcode .toc{min-height:120px;}
    .elementor-shortcode .toc a {scroll-behavior: smooth;}
    .elementor-shortcode .toc ul{margin: 0 0 0.5em 2em;}
    .elementor-shortcode .toc li {padding-bottom: 6px;}	
.single-banner{min-height: 210px;}
	.product-banner{min-height: 340px;}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .single-banner{min-height: 180px;}
}
@media only screen and (max-width: 767px) {
    .single-banner{min-height: 460px;}
}
	li {
    padding-bottom: 0.2rem;
}
ol, ul {
    margin: 0 0 1.5em 2em;
}
li>ol, li>ul {
    margin-bottom: 1.5rem;
    margin-left: 1.5em;
}
	.tabcontent .e-con-inner {
    background-color: #fff;
    padding:40px 40px 40px 40px;
}

	
	.e-con.e-grid, .e-con.e-grid>.e-con-inner{grid-template-rows: auto;}
	.swiper-pagination-bullet {
    width: 8px!important;
    height: 8px!important;
}
	
.qin-toggle-content{display: none;}
#qin-content1{display: flex;}
.qin-toggle-btn::after{
    content: '>'; 
    font-size: 26px;
    margin-left: auto; 
    font-weight: 500;
    transition: transform 0.3s ease; 
}
.qin-toggle-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
	 padding: 7px 20px;
	 border-bottom: solid 2px #ebf1f5;
	background-color: #ebf1f5;
}
.qin-toggle-btn.down h2,.qin-toggle-btn:hover h2{
   color: #fff;
	}	
.qin-toggle-btn.down,.qin-toggle-btn:hover{
	 background-color: var(--e-global-color-dde964b);
   color: #fff;
	}
.qin-toggle-btn.down::after {
    transform: rotate(90deg); 
}
.qin-toggle-btn h2{ margin-bottom: 0;font-size: 20px; font-weight:500}


.quote-subtitle{
font-size: 1rem;
font-weight: 600;
}
.quote-small-subtitle {
font-size: 0.9rem;
font-weight: 500;
}
.quote-inner-tooltip-sec{
display:flex;
gap: 0.5rem;
flex-direction:row;
justify-content: flex-start;
align-items: center;
}
.qin-tooltip-icon{
display: flex;
align-items: center;
justify-content: center;
width: 1rem;
height: 1rem;
background-color: #ffffff00;
color: var(--qin-printing);
border: solid 2px var( --e-global-color-dcf0198 );	
font-size: 0.7rem;
font-weight: 600;
text-align: center;
border-radius:50%;
}
a.qin-tooltip-icon:hover{ text-decoration:none;}	
	
.slider-reduce .swiper-pagination-bullets.swiper-pagination-horizontal {
  left: 0;
}	
.image-radio-label{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.8rem;
}
.image-radio-label{
    justify-content: flex-start;
}

.image-radio-label input[type="radio"]:checked + .img-radiolabel img{
    box-shadow: 0 1px 3px #004052ab;
    border: solid 3px #00aedc;
}	
.img-radiolabel{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
font-size: 0.8rem;
border-radius: 5px;
position: relative;
flex: 1;
cursor:pointer;	
}
.img-radiolabel img{
height: auto;
border-radius: 5px;
padding:0.1rem;
}
.img-radiolabel:hover img {
    box-shadow: 0 0 3px #44657199;
}	
.dialog-message {
    line-height: 1.85;
    font-size: 0.9rem;
}	
@media only screen and (max-width: 767px) {
   .tabcontent .e-con-inner {padding:20px 15px 20px 15px;}
	.qin-toggle-btn h2 {font-size: 17px;}	
	}
.table-qin-price {
		overflow-x: auto;
    	background-color: #fff;
    	font-size: 0.9rem;	
	}
.table-qin-price th{
    background-color: #00aedc;
    color: #fff;
    font-weight: 500;
    padding: 15px;
}
.table-qin-price tr{
	text-align: center;
	white-space: nowrap;
}
.table-qin-price tr:nth-child(odd) {
    background-color: #f0f6fa;
}

.table-qin-price-paper tr{
	text-align: left;
	white-space: nowrap;
}
.mobile-price-show{
    padding: 10px 10px 10px 10px;
    background-color: var(--e-global-color-17148cc);
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
	WIDTH: 100%;
	display:none;
}
.mobile-price-show a{
    color: #fff; 
    line-height: 25px;
}
.mobile-price-show a:hover {
    color: #fff; 
}	
#ast-scroll-top{
	color: #000000;
	border: 2px solid #333;
	}	
.ast-scroll-to-top-right {
    right: 30px;
    bottom: 100px;
}	
input[type="number"]::-webkit-inner-spin-button {opacity: 1;}	
	
	
.qinprinting-reviews-with-star{
	display:flex;
	align-items: center;
	flex-direction: row;
	gap:5px;
}		
.shorcode, .shorcode a{color:#fff!important;}
.shorcode2 a:hover{color:#00aedc!important;}
.shorcode svg{fill:#fff;}

[id^=sb-reviews-container-] .sb-item-provider-icon {display: none;}
@media only screen and (max-width: 767px) {
.shorcode .qinprinting-reviews-with-star{flex-direction: column;}
.flex-item-images div{
  flex: 0 0 100%;
  box-sizing: border-box;
}	
.flex-item-images{ 
	overflow-x: auto;
	flex-wrap: nowrap;	
   flex-direction: row!important;
}
}
	iframe#iframedownload {
    display: none;
}

.submenuli2{
    position: relative;
    position:-webkit-sticky;
    position: sticky;
} 
@supports (position: sticky) or (position: -webkit-sticky) {
   .submenuli2{
    overflow-y: scroll;
    height:auto;
    overflow-X: hidden;
	 top: 20px;
	 max-height: 100vh;
  }
.submenuli2::-webkit-scrollbar {
  display: none;
}
.submenuli2{
  scrollbar-width: none; /* 对于FireFox 64 */
   -ms-overflow-style: none; 
}
}
.submenuli2 li{
    border-bottom: 1px solid #dcdcdc;
    /* cursor:pointer;*/
}
.submenuli2 .menu-item a.hfe-menu-item:hover{color: var(--e-global-color-17148cc)!important;}
.submenuli2 ul.sub-menu ul.sub-menu.sub-menu-open{pointer-events: none;}
.submenuli2 ul.sub-menu.sub-menu-open ul.sub-menu.sub-menu-open{pointer-events: auto;}


.image-box-gallery .elementor-image-box-content {
    padding: 10px;}
.foil-stamping-btn{
    cursor:pointer;
}    
.foil-stamping-show{display:none;}
.tab1{display:block;}   


/* quote with image css */
.h-tab {
    height:100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150px 130px;
    display: flex;
    flex-direction: column;    
}

.quote-tab-btn .eael-tabs-nav ul li{
    text-align: center;
    width: 25%;
    height: 190px;
    cursor: pointer;
    transition: background 0.3s ease;
    padding: 10px;
    border:solid 4px #fff;
    border-radius:8px;
    background: #fff;
}
	
.quote-tab-btn .eael-tabs-nav ul li:hover{
}
.quote-tab-btn .eael-tabs-nav ul li.active{
    border:none;
    box-shadow: 0px 0px 4px 0px rgb(0 123 190 / 100%);
    position: relative; 
	 
}
.quote-tab-btn .eael-tabs-nav ul{
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    gap: 10px;
 
}
.quote-tab-btn .eael-tabs-nav ul li span{
    margin-top: auto;
    color:#000;
    font-size:14px;
    line-height:14px;
}
.quote-form {
    display: none; /* 初始隐藏 */
}
.quote-form.active {
    display: block;
}

.quote-tab-btn .eael-tabs-nav ul li.active::after {
    content: '';
    position: absolute; 
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%); 
    width: 0; 
    height: 0;
    border-left: 14px solid transparent; 
    border-right: 14px solid transparent; 
    border-top: 15px solid #fff; 
}


@media screen and (max-width: 1024px) {
.quote-tab-btn .eael-tabs-nav ul li span{
    font-size:12px;
}
.h-tab {
    background-size: 120px auto;
}
.quote-tab-btn .eael-tabs-nav ul li{
    text-align: center;
    width:25%;
    height: 160px;
    padding:5px;
}

}
@media screen and (max-width: 768px) {
    .quote-tab-btn .eael-tabs-nav ul {
        flex-wrap: wrap; 
        justify-content: left;
    }
    .quote-tab-btn .eael-tabs-nav ul li {
        width: 47%;
        margin-bottom: 10px; 
    }
    .quote-tab-btn .eael-tabs-nav ul li.active::after {
        display: none;
    }    
}