.container[data-v-66e12ec0]{display:flex;width:100%;min-width:320px;background-color:var(--ex-default-background-color);height:calc(100vh - .7rem);flex-direction:column;padding:.2rem}.container .text_title[data-v-66e12ec0]{width:100%;text-align:center;font-size:16px;margin-top:10px}.left[data-v-66e12ec0]{width:24%;display:flex;flex-direction:column;align-items:center;margin:0 .1333rem}.left .classfy-item[data-v-66e12ec0]{display:flex;width:90%;align-items:center;flex-direction:row;justify-content:flex-start;border-bottom:1px solid #333;background:linear-gradient(180deg,#333,#1c1c1c);border:1px solid #414141;border-radius:10px;margin-top:10px;box-sizing:border-box;padding:.15rem .1rem}.left .classfy-item .ic[data-v-66e12ec0]{width:50px;height:100%}.left .classfy-item .ic .icon[data-v-66e12ec0]{width:30px}.left .classfy-item .title[data-v-66e12ec0]{margin-top:4px;width:100%;text-align:center}.left .nav-button[data-v-66e12ec0]{width:.73rem;height:.33rem;line-height:.33rem;color:#1c1c1c;background:var(--ex-primary-color);text-align:center;font-size:13px;margin:0 auto;border-radius:6px;margin-top:16px;cursor:pointer}.left .active[data-v-66e12ec0]{background:var(--ex-primary-color)}.left .active .title[data-v-66e12ec0]{color:#1c1c1c}.right[data-v-66e12ec0]{width:100%;height:calc(100vh - .7rem);overflow-y:scroll;padding:10px;padding-top:0;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#505050 transparent}.right[data-v-66e12ec0]::-webkit-scrollbar{width:6px}.right[data-v-66e12ec0]::-webkit-scrollbar-thumb{background-color:transparent}.right .card[data-v-66e12ec0]{width:100%;margin-top:10px;padding:6px;border-radius:6px}.right .card img[data-v-66e12ec0]{width:100%}@media screen and (max-width:531px){.container .left[data-v-66e12ec0]{display:flex;flex-direction:column;align-items:center;margin:0 .1333rem}.container .left .classfy-item[data-v-66e12ec0]{display:flex;width:1.2rem;align-items:center;flex-direction:column;justify-content:center}.container .left .classfy-item .ic[data-v-66e12ec0]{width:100%;text-align:center}.container .left .classfy-item .ic .icon[data-v-66e12ec0]{width:30px}.container .left .classfy-item .title[data-v-66e12ec0]{margin-top:4px}.container .left .active[data-v-66e12ec0]{background:var(--ex-primary-color)}.container .left .active .title[data-v-66e12ec0]{color:#1c1c1c}}.img_box .header_Css[data-v-66e12ec0]{background:var(--ex-default-background-color);display:flex;justify-content:space-between;align-items:center;height:50px;width:100%}.img_box .header_Css img[data-v-66e12ec0]{width:25px;cursor:pointer}.img_box img[data-v-66e12ec0]{width:100%}