@charset "utf-8";

.category_container { z-index: 999; cursor: pointer; height: 100%; align-items: center; display: flex; font-size: 16px; color: rgb(23, 23, 23); padding-left: 12px; padding-right: 4px; background-color: rgb(245, 245, 245); border-radius: 10px 0px 0px 10px; max-width: 103px; }

.category_container.category_pc { background-color: rgb(237, 237, 237); color: rgb(0, 0, 0); }

.category_container .category_selected { display: inline-block; max-width: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.category_container .arrow_container { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; }

.category_dialog { position: absolute; top: 64px; left: 16px; width: calc(100% - 32px); max-height: 414px; padding: 10px 8px; z-index: 99; overflow: auto; word-break: break-word; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px; background-color: rgb(255, 255, 255); border-radius: 12px; font-size: 16px; line-height: 22px; color: rgb(23, 23, 23); }

.category_dialog.category_other::-webkit-scrollbar { display: none; }

.category_dialog.category_other ul li { width: 100%; padding: 14px 8px 12px; border-radius: 12px; }

.category_dialog.category_other ul li.item_active { background-color: rgb(245, 245, 245); font-weight: bold; }

.category_dialog.category_other ul li:hover { background-color: rgb(245, 245, 245); }

.category_dialog.category_pc { width: 190px; max-height: 335px; z-index: 10000; top: 46px; left: 0px; box-shadow: none; border-radius: 0px; padding: 0px; line-height: normal; }

.category_dialog.category_pc ul li { width: 100%; padding: 12px; font-size: 14px; color: rgb(0, 0, 0); }

.category_dialog.category_pc ul li.item_active { background-color: rgb(239, 239, 239); }

.category_dialog.category_pc ul li:hover { cursor: pointer; background-color: rgb(239, 239, 239); outline: none; }