.brand-select-area{display:flex;height:calc(100vh - 108px);justify-content:flex-start;overflow:hidden;position:sticky;top:108px}.brand-select-area-letters{background:#e5e5ee;height:100%;overflow-y:auto;scrollbar-color:#ccc #eee;scrollbar-width:thin;width:40px}.brand-select-area-letters::-webkit-scrollbar,.brand-select-area-letters::-webkit-scrollbar-track{background-color:transparent;width:0}.brand-select-area-letters::-webkit-scrollbar-thumb{background-color:transparent;border-radius:2px;height:10px;width:0}.brand-select-area-letters::-webkit-scrollbar-thumb:hover{background-color:#d5d5e2}.brand-select-area-letters:hover::-webkit-scrollbar-thumb{background:#d5d5e2;border-radius:2px;height:10px;width:0}.brand-select-area--btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAADZQTFRF////YGBgJiY5ICAwHx8vGhorGBgpFBQlFBQkExMkExMkEREiEhIjEhIjEhIjEhIiEREjEREimih+RQAAABF0Uk5TAwgbMDE7S2eaoaSztsbj5vkWdNZzAAAAaUlEQVQ4y+2USw6AIAxEaxXwW5j7X9YFRheGZIws+5bNS5q2AyLdiQYCi0J5gPEi3dr5j24r5YUMMF4qYMRhBhhRj3rtRijuEIR8VVoxs+pNBZw4PiLdmh6m23r4hX84oYjui78M/x9fnET5H/apQPOgAAAAAElFTkSuQmCC) 50% no-repeat;background-size:20px 20px;cursor:pointer;height:36px;width:40px}.brand-select-area--btn:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAUpJREFUWEdj/P//PzPDIAaMg96BEjEfvX/9/DvjPwODzGAKSEYGhids7MwZjEKh7x4PNsfBAgrkyMHvwEEfxYM+k4w6kMKiYfCXg6NRPBrFFIYAOdrVM79LvH77cwYTE8PHQZdJpGM+W/z49Wf1fwYGSZDnBpUDRSM+pvz9938SA8N/Nnh9PBhycWIjA+uWa+8n/f3PkIqeJAY8BEHp7c3bH6AotcSWXhlp1ViAteeeL+bbgSujoKc3rA6kZXsQ5Mi3qwQVsFmsEP9B79N3hhPI6W1QOVAx8YPux68MJwk6cNBH8UDnYoKZZKAdCEp3g7qYQc4Yg7agRnbkoK7qYA6FpsvZjEyMrwe8JiHU2hl1IKEQIiQ/GoKEQoiQ/GgIEgohQvI0aw8SspiQ/Oj4IKEQIkYePIBJq/YgMQ7ApwYexYOhuYXXoYPdgQAcJfmk0jm8owAAAABJRU5ErkJggg==)}.brand-select-area .open-btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAADZQTFRF////YGBgJiY5ICAwHx8vGhorGBgpFBQlFBQkExMkExMkEREiEhIjEhIjEhIjEhIiEREjEREimih+RQAAABF0Uk5TAwgbMDE7S2eaoaSztsbj5vkWdNZzAAAAZUlEQVQ4y+2USwrAIAwFU1u13+i7/2W7aRddCAN16ewCAyHxRbPuJBfAkyFPci7i1oMf7EdgolQiFFUzFKV1gqKu0MzjG4KnLNFaMfOPqLpQceat8TD91kMXDp9wO8O4jPE/trgBVV4f9r6gPwMAAAAASUVORK5CYII=)}.brand-select-area .open-btn:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAT9JREFUWEdj/P//PzPDIAaMg96BEjEfvX/9/DvjPwODzGAKSEYGhids7MwZjEKh7x4PNsfBAgrkyMHvwEEfxYM+k4w6kMKiYfCXg6NRPBrFFIYALu0iER8W/vvHwC8qzJ5xczrnC1zqBiyTCIW9/wNyFCMDw3MONpbQp0t4T2Bz5IA7EOIoxl/MTIx5r1fwz0F35CBxIMRZzIwMs320BPPm1zP8hjcYBqqYgUUxRogxMBwXEeYIhaVLRlo1FmDtueeL+XZgS1u4HIieLmna3AI58u0qQQVSHQhLl3ycDBaD2oH83Azmgz+KB30mGUwOHMTFzCAuqAdtVScS8WHe/3//RUWEOVIHZWOB2EbSgNXFow4kNgQoVTcaxcM/BGnVHqQ45EbHBykNQkiP7wnN2oOUug8+BDxQzS1iPTDoy0EAqgD2BVNsvZ8AAAAASUVORK5CYII=)}.brand-select-area-letter{background:transparent;border-radius:4px;color:#99a;cursor:pointer;font-family:DINAlternate-Bold,DINAlternate;font-size:12px;font-weight:700;height:24px;line-height:24px;margin:0 auto 4px;text-align:center;width:24px}.brand-select-area-letter:first-child{margin-top:6px}.brand-select-area-letter:hover{background:#bbc;color:#fff}.brand-select-area .on{background:#112;color:#fff}.brand-select-area--box{background:#f7f8fc;border-right:1px solid #e5e5ee;height:100%;width:159px}@media screen and (max-width:1280px){.brand-select-area--box{overflow:hidden;width:0}}.brand-select-area--link{display:flex;justify-content:flex-start;width:158px}.brand-select-area--href{border-right:1px solid #e5e5ee;color:#112;display:block;font-family:PingFang-SC-Regular,PingFang-SC;font-size:12px;font-weight:400;height:36px;line-height:12px;padding:12px 0;text-align:center;width:50%}.brand-select-area--href:last-child{border-right:0}.brand-select-area--href:hover{background:#e5e5ee}.brand-select-area-brands{border-top:1px solid #e5e5ee;height:calc(100vh - 144px);overflow-x:auto;overscroll-behavior:none;scrollbar-color:#ccc #eee;scrollbar-width:thin;width:158px}.brand-select-area-brands::-webkit-scrollbar,.brand-select-area-brands::-webkit-scrollbar-track{background-color:transparent;width:0}.brand-select-area-brands::-webkit-scrollbar-thumb{background-color:transparent;border-radius:2px;height:10px;width:0}.brand-select-area-brands::-webkit-scrollbar-thumb:hover{background-color:#d5d5e2}.brand-select-area-brands:hover::-webkit-scrollbar-thumb{background:#d5d5e2;border-radius:2px;height:10px;width:0}.brand-select-area-brands .on{background:#15e}.brand-select-area-brands .on .brand-name{color:#fff}.brand-select-area-brands .on:hover{background:#15e}.brand-select-area-tit{border-bottom:1px solid rgba(85,85,102,.1);color:#303033;font-size:12px;font-weight:600;line-height:12px;padding:12px 0 12px 19px}.brand-select-area-box{background:#fff}.brand-select-area-brand{align-items:center;border-bottom:1px solid rgba(85,85,102,.1);color:#303033;display:flex;font-size:12px;font-weight:600;height:35px;justify-content:flex-start;line-height:12px;padding-left:12px}.brand-select-area-brand:hover{background:#e5e5ee}.brand-select-area-brand .brand-img{height:20px;margin-right:12px;width:20px}.brand-select-area-brand .brand-name{color:#303033;font-size:12px;font-weight:400;line-height:14px}