@charset "UTF-8";[data-v-24abdba2]:root{--gutter: 64px;--rpx: 1px}@media(min-width:1024.98px){[data-v-24abdba2]:root{--gutter: 64px}}@media(max-width:1024px){[data-v-24abdba2]:root{--gutter: 24px}}.responsive_layout[data-v-24abdba2]{max-width:1440px;width:100%;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}@media(max-width:1440px){.responsive_layout[data-v-24abdba2]{max-width:100%}}@media(max-width:1440px){[data-v-24abdba2]:root{--rpx: calc(var(--vw, 1px) * 100 / 1440)}}@media(max-width:1024px){[data-v-24abdba2]:root{--rpx: calc(var(--vw, 1px) * 100 / 375)}}.brand-history[data-v-24abdba2]{background-color:#121419;height:100vh;min-height:940px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:120px 0}@media screen and (max-width:1023px){.brand-history[data-v-24abdba2]{padding:120px 24px}}@media screen and (max-width:768px){.brand-history[data-v-24abdba2]{padding:48px 24px}}.brand-history .layout-container[data-v-24abdba2]{margin:0 auto;font-family:HYQiHei;font-weight:450}@media(max-width:1440px)and (min-width:1024px){.brand-history .layout-container[data-v-24abdba2]{max-width:calc(100vw - 128px)}}@media(min-width:1441px){.brand-history .layout-container[data-v-24abdba2]{max-width:1312px}}.brand-history .layout-container[data-v-24abdba2]{height:100%}.brand-history .layout-container .title[data-v-24abdba2]{width:-moz-fit-content;width:fit-content;margin:0 auto 60px;font-size:32px;font-weight:450;line-height:40px;background:linear-gradient(90deg,#ddd,#fff,#ffffff94);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@media screen and (max-width:768px){.brand-history .layout-container .title[data-v-24abdba2]{margin:0 0 36px;text-align:left;font-size:38px;line-height:46px;background:unset;-webkit-text-fill-color:#ffffff;color:#fff}}.brand-history .layout-container .bottom-container[data-v-24abdba2]{height:calc(100% - 116px);color:#fff;display:flex;-moz-column-gap:20px;column-gap:20px;overflow:hidden}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container[data-v-24abdba2]{height:calc(100% - 82px);flex-direction:column}}.brand-history .layout-container .bottom-container .time-line[data-v-24abdba2]{height:100%;display:flex;flex-direction:column;overflow-y:auto;justify-content:flex-start}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container .time-line[data-v-24abdba2]{flex-direction:row;height:-moz-max-content;height:max-content;padding-bottom:36px;overflow-x:auto;-moz-column-gap:40px;column-gap:40px}}.brand-history .layout-container .bottom-container .time-line .time-item[data-v-24abdba2]{display:flex;flex-direction:column;align-items:flex-end}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container .time-line .time-item .only_pc[data-v-24abdba2]{display:none!important}}.brand-history .layout-container .bottom-container .time-line .time-item .line-short[data-v-24abdba2]{display:flex;flex-direction:column;align-items:center;width:22px;height:1px;opacity:.3;margin:6px 0}.brand-history .layout-container .bottom-container .time-line .time-item .line-short .holder[data-v-24abdba2]{width:6px;height:100%;background-color:#fff}.brand-history .layout-container .bottom-container .time-line .time-item .line-middle[data-v-24abdba2]{display:flex;flex-direction:column;align-items:center;width:22px;height:1px;opacity:.7;margin:6px 0}.brand-history .layout-container .bottom-container .time-line .time-item .line-middle .holder[data-v-24abdba2]{width:9px;height:100%;background-color:#fff}.brand-history .layout-container .bottom-container .time-line .time-item .line-long[data-v-24abdba2]{display:flex;flex-direction:column;align-items:center;width:22px;height:1px;opacity:.8;margin:6px 0}.brand-history .layout-container .bottom-container .time-line .time-item .line-long .holder[data-v-24abdba2]{width:13px;height:100%;background-color:#fff}.brand-history .layout-container .bottom-container .time-line .time-item .year[data-v-24abdba2]{display:flex;align-items:center;-moz-column-gap:20px;column-gap:20px;cursor:pointer}.brand-history .layout-container .bottom-container .time-line .time-item .year .year-text[data-v-24abdba2]{font-size:16px;font-weight:450;line-height:24px;color:#fff;opacity:.4}.brand-history .layout-container .bottom-container .time-line .time-item .year .year-text[data-v-24abdba2]:hover{background:linear-gradient(90deg,#cb9576,#f1d1a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;opacity:1}.brand-history .layout-container .bottom-container .time-line .time-item .year .year-line[data-v-24abdba2]{display:flex;flex-direction:column;align-items:center;width:22px;height:2px;opacity:1}.brand-history .layout-container .bottom-container .time-line .time-item .year .year-line .holder[data-v-24abdba2]{width:100%;height:100%;background-color:#fff}.brand-history .layout-container .bottom-container .time-line .time-item.active .line-short[data-v-24abdba2]{opacity:.3}.brand-history .layout-container .bottom-container .time-line .time-item.active .line-middle[data-v-24abdba2]{opacity:.7}.brand-history .layout-container .bottom-container .time-line .time-item.active .line-long[data-v-24abdba2]{opacity:1}.brand-history .layout-container .bottom-container .time-line .time-item.active .year .year-text[data-v-24abdba2]{font-size:20px;font-weight:550;background:linear-gradient(90deg,#cb9576,#f1d1a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;opacity:1}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container .time-line .time-item.active .year .year-text[data-v-24abdba2]{font-size:16px}}.brand-history .layout-container .bottom-container .time-line .time-item.active .year .year-line .holder[data-v-24abdba2]{width:100%;height:100%;background:linear-gradient(90deg,#cb9576,#f1d1a8)}.brand-history .layout-container .bottom-container .content-container[data-v-24abdba2]{position:relative;flex:1}.brand-history .layout-container .bottom-container .content-container .content-item[data-v-24abdba2]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;-moz-column-gap:20px;column-gap:20px;opacity:0;transition:opacity .8s ease-in-out;z-index:0}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container .content-container .content-item[data-v-24abdba2]{flex-direction:column}}.brand-history .layout-container .bottom-container .content-container .content-item[data-v-24abdba2] .image{border-radius:8px;overflow:hidden;filter:blur(5px);transition:filter .4s ease-in-out}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container .content-container .content-item[data-v-24abdba2] .image{width:100%;height:60vw}}.brand-history .layout-container .bottom-container .content-container .content-item .content-text[data-v-24abdba2]{height:100%;overflow-y:auto;padding:24px 0;display:flex;flex-direction:column;row-gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.brand-history .layout-container .bottom-container .content-container .content-item .content-text[data-v-24abdba2]::-webkit-scrollbar{width:2px}.brand-history .layout-container .bottom-container .content-container .content-item .content-text[data-v-24abdba2]::-webkit-scrollbar-track{background:transparent}.brand-history .layout-container .bottom-container .content-container .content-item .content-text[data-v-24abdba2]::-webkit-scrollbar-thumb{background:#fff3;border-radius:1px}@media screen and (max-width:768px){.brand-history .layout-container .bottom-container .content-container .content-item .content-text[data-v-24abdba2]{height:calc(100% - 60vw);margin-top:24px;padding:0}}.brand-history .layout-container .bottom-container .content-container .content-item .content-text .content-text-item .item-time[data-v-24abdba2]{font-size:16px;font-weight:550;line-height:24px;color:#fff;margin-bottom:9px}.brand-history .layout-container .bottom-container .content-container .content-item .content-text .content-text-item .item-desc[data-v-24abdba2]{font-size:14px;font-weight:450;line-height:22px;color:#a1a6af}.brand-history .layout-container .bottom-container .content-container .content-item.active[data-v-24abdba2]{opacity:1;z-index:1}.brand-history .layout-container .bottom-container .content-container .content-item.active[data-v-24abdba2] .image{filter:unset}