﻿.faq-toplist{margin-bottom:30px;display:flex;justify-content:space-between;flex-wrap:wrap}
.faq-toplist li{width:23.5%;padding:15px;background:#eee;border-radius:10px;box-shadow:0 0 40px -10px rgba(0,0,0,.1)}
.faq-toplist .li-icon img{margin:auto;width:50px;display:block;position:relative;transition:all .3s ease}
.faq-toplist .li-title{margin-top:10px;color:#555;font-size:var(--fontsize18);font-weight:var(--fontbold6);text-align:center}
.faq-content{margin-bottom:30px;background:#eee;padding:30px}
.faq-content h2{margin-bottom:20px;font-weight:var(--fontbold6,600);font-size:var(--fontsize30);text-align:center}
.faq-content .faq-list{background:#fff}
.faq-content .faq-list li{padding:15px;border-width:1px;border-color:#e2e8f0;border-block-end:1px solid #d5d8dc;cursor:pointer}
.faq-content .faq-list .li-top{font-weight:var(--fontbold7);transition:color .3s ease}
.faq-content .faq-list .li-top.act{color:var(--color)}
.faq-content .faq-list .li-bottom{display:none}
@media (max-width:768px){.faq-toplist{margin-bottom:20px}
.faq-toplist li{width:49%;margin-bottom:15px}
.faq-toplist li:nth-last-child(-n+2){margin-bottom:0}
.faq-content{padding:20px 15px;margin-bottom:20px}
.faq-content h2{font-size:var(--fontsize26)}}
.faq-toplist .li-icon img{aspect-ratio: 1/1;}
.content{display:flex;justify-content:space-between;align-items: flex-start;}
.page-left{width:67%}
.page-right{width:30%;background:#eeeeee;padding:2%}
.page-right .title{font-size:25px;font-weight:700}
.page-right .desc{margin-top:20px}
@media (max-width:1024px){.page-left{width:100%}
.page-right{display:none}
}
.page-right .faq-foot-share{margin-top:20px}
.page-right .faq-foot-share ul{padding:0px;display:flex;flex-wrap:wrap}
.page-right .faq-foot-share ul li{margin-bottom:10px;list-style:none;}
.page-right .faq-foot-share ul a{display:inline-flex;align-items:center;justify-content:center;background:var(--color);width:32px;height:32px;color:#FFFFFF;margin-right:10px;border-radius:4px;transition:all .1s linear;text-decoration: none;}
.page-right .faq-foot-share ul a:hover{background:#FFFFFF;color:var(--color)}
.page-right .wmkcfeedback input{width:48%}
.page-right .wmkcfeedback textarea{width:100%}
.page-right .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
 .content{align-items:stretch}
.page-left{display:flex;flex-direction:column}
.faq-content{flex:1;padding-bottom:0;margin-bottom:0}
.wmkcfeedback .send-btn{margin:20px 0px}
@media (max-width:1024px){.faq-content{padding-bottom:20px}
}