.faq-item {
margin-bottom: 15px;
border-radius: var(--largeradius);
background: #fff;
transition: 180ms;
box-shadow: var(--box-shadow-defult)
}
.objType-faq .faq-item {
margin: 0;
}
.objType-faq {
gap: 20px;
}
.faq-item:last-child {
margin-bottom: 0;
}
.faq-head {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 14px 17px;
color: var(--primary-text)
}
.faq-head>i {
font-size: 20px;
color: var(--secondarytext);
transition: 180ms
}
.faq-item.active .faq-head>i {
color: var(--uicolor);
transform: rotate(45deg)
}
.faq-item:not(.active):hover .faq-head>h2,.faq-item:not(.active):hover .faq-head>i {
color: var(--primary-text)
}
.faq-head>.title_faq {
display: block;
font-size: 18px;
font-weight: 600;
color: var(--primary-text);
line-height: var(--lheight);
}
.faq-item.active .faq-head>.title_faq {
color: var(--uicolor)
}
.faq-body {
display: block;
height: 0;
--pin-height: auto;
overflow: hidden;
transition: 180ms
}
.faq-item.active .faq-body {
display: block;
height: var(--pin-height)
}
.faq-val {
display: block;
font-size: 18px;
color: var(--secondarytext);
font-weight: 400;
margin: 0 20px;
padding: 15px 0 14px 19px;
border: solid 1px #dddd;
border-width: 1px 0 0;
line-height: var(--lheight);
}
@media (max-width: 850px) {
.faq-head>i {
font-size:16px;
}
.faq-val {
font-size: 14px;
margin: 0 12px;
padding: 11px 0 !important;
}
.faq-head {
padding: 12px 9px;
}
.faq-head>.title_faq {
font-size: 15px !important;
}
}
@media only screen and (max-width: 992px) {
.faqs-center {
gap:20px;
}
.-ycwt-ycwfaqs .p-content {
text-align: center;
}
.-ycwt-ycwfaqs .-dw-h1 {
text-align: center;
}
.-ycwt-ycwfaqs .-dw-h4 {
text-align: center;
}
.faq-head>.title_faq {
font-size: 18px !important;
}
}