.teach-problem-container .list[data-v-30977ef7]{margin-top:2rem;padding-left:0}.teach-problem-container .list .category[data-v-30977ef7]{align-items:center;color:var(--themeColor);display:flex;margin-bottom:15px}.teach-problem-container .list .category .icon[data-v-30977ef7]{color:inherit;font-size:1.875rem;margin-right:5px}.teach-problem-container .list>.item[data-v-30977ef7]{border:1px solid #ddd;border-radius:4px 4px 0 0;margin-bottom:1.25rem}.teach-problem-container .list>.item[data-v-30977ef7]:hover{cursor:pointer}.teach-problem-container .list>.item:hover .header .title[data-v-30977ef7]{color:#16a8b7}.teach-problem-container .list>.item .header[data-v-30977ef7]{align-items:center;background-color:#fff;border-radius:inherit;display:flex;padding:20px}.teach-problem-container .list>.item .header .title[data-v-30977ef7]{color:inherit}.teach-problem-container .list>.item .header .line-icon[data-v-30977ef7],.teach-problem-container .list>.item .header .plus-icon[data-v-30977ef7]{background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.25rem;margin-left:auto;min-width:1.25rem;padding-left:.9375rem;width:1.25rem}.teach-problem-container .list>.item .header .plus-icon[data-v-30977ef7]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyI+PGcgZGF0YS1uYW1lPSLnu4QgNDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIyMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiPjxwYXRoIGRhdGEtbmFtZT0i55u057q/IDQiIGQ9Ik0xLjUgMTYuNWgzMCIvPjxwYXRoIGRhdGEtbmFtZT0i55u057q/IDUiIGQ9Ik0xNi41IDEuNXYzMCIvPjwvZz48L3N2Zz4=)}.teach-problem-container .list>.item .header .line-icon[data-v-30977ef7]{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjUgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4LjEyNSIgaGVpZ2h0PSIxMjgiPjxwYXRoIGQ9Ik05NzMuMTU0IDU2My4yMThINTEuMjIyQzIyLjk0NyA1NjMuMjE4IDAgNTQwLjI3MiAwIDUxMi4wMDRjMC0yOC4yNzYgMjIuOTQ2LTUxLjIyMiA1MS4yMjItNTEuMjIyaDkyMS45MzJjMjguMzMgMCA1MS4yMjIgMjIuOTQ2IDUxLjIyMiA1MS4yMjItLjAwMSAyOC4yNjgtMjIuODkyIDUxLjIxNC01MS4yMjIgNTEuMjE0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)}.teach-problem-container .list>.item .detail[data-v-30977ef7]{border-radius:0 0 4px 4px;color:inherit;font-size:1rem;height:100%;padding:20px}.teach-problem-container .list .item.item-active[data-v-30977ef7]{background-color:#fff;color:#323232}.teach-problem-container .list .item.item-active[data-v-30977ef7]:hover{cursor:pointer}.teach-problem-container .list .item.item-active:hover .header .title[data-v-30977ef7]{color:inherit}.teach-problem-container .list .item.item-active .header[data-v-30977ef7]{background-color:#16a8b7;color:#fff;transition:background-color .5s}@media screen and (max-width:48rem){.teach-problem-container[data-v-30977ef7]{padding:10px}.teach-problem-container .list>.item[data-v-30977ef7],.teach-problem-container .list[data-v-30977ef7]{padding:0}}.tabs-active[data-v-b5f1b938]{background-color:var(--activeColor);color:#fff}.tabs-unactive[data-v-b5f1b938]{background-color:var(--unactiveColor);color:var(--activeColor)}.button-tab[data-v-b5f1b938]{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;padding-left:0}.button-tab[data-v-b5f1b938]::-webkit-scrollbar{display:none}.button-tab .item[data-v-b5f1b938]{border-radius:3.125rem;cursor:pointer;flex:1;max-width:11rem;min-width:2rem;overflow:hidden;padding:.875rem 0;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.button-tab .item[data-v-b5f1b938]:not(:last-child){margin:.3125rem .625rem .3125rem .3125rem}@media screen and (max-width:37.5rem){.button-tab[data-v-b5f1b938]{justify-content:flex-start;overflow-x:auto;padding:0 .625rem}.button-tab .item[data-v-b5f1b938]{min-width:auto;overflow:visible;overflow:initial;padding:.625rem .9375rem}.button-tab .item[data-v-b5f1b938]:not(:last-child){margin:0 .9375rem 0 0}.button-tab .tabs[data-v-b5f1b938]{scrollbar-width:none}.button-tab .tabs[data-v-b5f1b938]::-webkit-scrollbar{display:none}}