.common-problem[data-v-c4e37414]{overflow:hidden;--common-problem-container-top:48px;--common-problem-container-direction:row;--common-problem-container-gap:20px;--common-problem-nav-bar-bg-color:#fff;--common-problem-nav-bar-padding:0;--common-problem-nav-bar-direction:column;--common-problem-nav-bar-gap:0px;--common-problem-nav-bar-active-color:#1d1d15;--common-problem-nav-bar-active-bg:#fff;--common-problem-nav-bar-normal-bg:#fff;--common-problem-nav-bar-item-padding:16px;--video-play-icon-width:32px;--common-problem-pagination-top:24px;--common-problem-container-padding:20px 40px;--common-problem-item-padding:16px 0;--img-width:156px;--img-height:88px;--img-border-radius:8px}@media(max-width:1200px){.common-problem[data-v-c4e37414]{--common-problem-container-top:24px;--common-problem-container-direction:column;--common-problem-container-gap:16px;--common-problem-nav-bar-bg-color:#fff;--common-problem-nav-bar-padding:0 16px;--common-problem-nav-bar-direction:row;--common-problem-nav-bar-gap:10px;--common-problem-nav-bar-active-color:#fff;--common-problem-nav-bar-active-bg:#1d1d15;--common-problem-nav-bar-normal-bg:#f0f2f5;--common-problem-nav-bar-item-padding:5px 15px;--common-problem-pagination-top:16px}.common-problem-nav-bar-item[data-v-c4e37414]{border-radius:4px}}@media(min-width:1200px){.common-problem-nav-bar[data-v-c4e37414]{background-color:#f2f4f7;border-radius:16px;flex:0 0 300px}.common-problem-nav-bar-item[data-v-c4e37414]:hover{color:#fb5100}.common-problem-list--empty[data-v-c4e37414]{top:50%;transform:translateY(-50%)}}@media(max-width:576px){.common-problem[data-v-c4e37414]{--img-width:113px;--img-height:64px;--img-border-radius:6px;--common-problem-container-padding:0 0 16px;--common-problem-item-padding:16px 20px}}.common-problem .scroll-line-container[data-v-c4e37414]{background-color:#ededed;height:100%;left:0;position:absolute;top:0;width:2px}.common-problem .scroll-line-container .scroll-line-self[data-v-c4e37414]{background-color:#fb5100;height:24px;position:absolute;transform:translateY(0);transition:transform .3s ease-in-out;width:100%}.common-problem .pagination[data-v-c4e37414]{display:flex;gap:24px;justify-content:center;margin-top:var(--common-problem-pagination-top)}.common-problem .pagination .nuxt-icon[data-v-c4e37414]{cursor:pointer}.common-problem .pagination .nuxt-icon[data-v-c4e37414]:hover{color:#fb5100}.common-problem .pagination .nuxt-icon[data-v-c4e37414]:first-of-type{transform:rotate(180deg)}.common-problem .pagination .nuxt-icon.disabled[data-v-c4e37414]{color:#d2d2d7;cursor:not-allowed}.common-problem-container[data-v-c4e37414]{background-color:#fff;border-radius:20px;display:flex;flex-direction:var(--common-problem-container-direction);gap:var(--common-problem-container-gap);padding:0 20px;position:relative}@media(max-width:576px){.common-problem-container[data-v-c4e37414]{padding:0}}.common-problem-nav-bar[data-v-c4e37414]{background-color:var(--common-problem-nav-bar-bg-color);display:flex;flex-direction:var(--common-problem-nav-bar-direction);flex-wrap:nowrap;gap:var(--common-problem-nav-bar-gap);overflow-x:auto;padding:var(--common-problem-nav-bar-padding);position:relative;white-space:nowrap}.common-problem-nav-bar[data-v-c4e37414]::-webkit-scrollbar{display:none}.common-problem-nav-bar-item[data-v-c4e37414]{background-color:var(--common-problem-nav-bar-normal-bg);cursor:pointer;line-height:24px;padding:var(--common-problem-nav-bar-item-padding)}.common-problem-nav-bar-item.active[data-v-c4e37414]{background-color:var(--common-problem-nav-bar-active-bg);color:#fb5100}@media(max-width:576px){.common-problem-nav-bar-item.active[data-v-c4e37414]{background-color:#fb5100;color:#fff}}.common-problem-list[data-v-c4e37414]{flex:1;padding:var(--common-problem-container-padding)}.common-problem-list-item[data-v-c4e37414]{align-items:center;border-bottom:1px solid #ededed;color:#1d1d15;cursor:pointer;display:flex;justify-content:space-between;line-height:20px;padding:var(--common-problem-item-padding)}.common-problem-list-item .video-img[data-v-c4e37414]{border-radius:var(--img-border-radius);margin-right:16px;position:relative}.common-problem-list-item .video-img .video-play-icon[data-v-c4e37414]{color:#fff;font-size:var(--video-play-icon-width);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.common-problem-list-item .video-img .img-box[data-v-c4e37414]{height:var(--img-height);width:var(--img-width)}.common-problem-list-item .video-img .img-box[data-v-c4e37414]:after{background:#0000004d;content:"";height:100%;position:absolute;right:0;top:0;width:100%}.common-problem-list-item-detail[data-v-c4e37414]{align-items:center;display:flex}.common-problem-list-item-title[data-v-c4e37414]:hover{color:#fb5100}.common-problem-list-item-time[data-v-c4e37414]{color:#737373;margin-top:8px}.common-problem-list-item__icon[data-v-c4e37414]{color:#737373}.common-problem-list--empty[data-v-c4e37414]{position:relative;text-align:center}