@import url(https://cdn.alsgp0.fds.api.mi-img.com/xiaomi-b2c-i18n-upload/i18n/micon/iconfont.css);
@import url(https://cdn.alsgp0.fds.api.mi-img.com/xiaomi-b2c-i18n-upload/i18n/micon/iconfont.css?t=1741663932511);
@import url(https://cdn.alsgp0.fds.api.mi-img.com/xiaomi-b2c-i18n-upload/i18n/micon/iconfont.css);
body.site-slide-menu__Body--overflow-hidden{overflow:hidden}.site-header-v4rd{position:sticky;top:0;width:100vw;max-width:100%;font-weight:400;background-color:#fff;background-color:var(--background-light);box-shadow:0 6PX 16PX 0 rgba(25,25,25,.06);z-index:20;color:#191919;color:var(--text-base);left:0;right:auto}html[data-mi-dir=rtl] .site-header-v4rd{left:auto}html[dir=rtl] .site-header-v4rd{left:auto}body.body--rtl .site-header-v4rd{left:auto}html[data-mi-dir=rtl] .site-header-v4rd{right:0}html[dir=rtl] .site-header-v4rd{right:0}body.body--rtl .site-header-v4rd{right:0}.site-header-v4rd ul::after{display:none}.site-header-v4rd site-header-v4rd+*:not(.site-footer-v4){flex-grow:1;flex-shrink:0}.site-header-v4rd.site-header-v4rd--sticky{position:sticky;top:0}.site-header-v4rd.site-header-v4rd--transparent{background-color:rgba(0,0,0,0)}@media screen and (max-width: 720px){.site-header-v4rd.site-header-v4rd--transparent+main{margin-top:-54PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd.site-header-v4rd--transparent+main{margin-top:-4.6875vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd.site-header-v4rd--transparent+main{margin-top:-4.4444444444vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd.site-header-v4rd--transparent+main{margin-top:-4.1666666667vw}}@media screen and (min-width: 1921px){.site-header-v4rd.site-header-v4rd--transparent+main{margin-top:-80PX}}.site-header-v4rd.site-header-v4rd--transparent.site-header-v4rd--fixed{background-color:#fff;background-color:var(--background-light)}@media screen and (max-width: 720px){.site-header-v4rd .site-container{max-width:720PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-container{max-width:1024PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-container{max-width:1440PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-container{max-width:1500PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-container{max-width:1500PX}}.site-header-v4rd .site-header-v4rd__navigation{display:flex;justify-content:space-between;align-items:center;margin:0 auto;box-sizing:border-box}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation{height:48PX;padding:0 4PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation{height:48PX;padding:0 20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation{height:48PX;padding:0 16PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation{height:56PX;padding:0 8PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation{height:56PX;padding:0 8PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__group{display:flex;height:inherit}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__menu{display:none}}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__menu .navigation__item:first-child{-webkit-margin-start:8PX;margin-inline-start:8PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__menu .navigation__item:first-child{-webkit-margin-start:.1953125vw;margin-inline-start:.1953125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__menu .navigation__item:first-child{-webkit-margin-start:1.9444444444vw;margin-inline-start:1.9444444444vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__menu .navigation__item:first-child{-webkit-margin-start:20PX;margin-inline-start:20PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__menu .navigation__item:first-child{-webkit-margin-start:20PX;margin-inline-start:20PX}}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__aside{display:none}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__aside{display:none}}.site-header-v4rd .site-header-v4rd__navigation .navigation__separator{flex-grow:1}.site-header-v4rd .site-header-v4rd__navigation .navigation__item{height:inherit;color:#191919;color:var(--text-base)}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item{margin:0 4PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item{margin:0 4PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item{margin:0 8PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item{margin:0 16PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item{margin:0 16PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__item label{display:inline-block;cursor:pointer}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link{display:flex;align-items:center;height:100%;padding:0 8PX;font-size:16PX;cursor:pointer}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link{font-size:1.5625vw;padding:0 .78125vw}}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link.navigation__link--current{color:#ff6900;color:var(--text-primary)}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link.navigation__link--poco{position:relative}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link.navigation__link--poco span{transition:opacity .3s;transition-timing-function:linear(0 50%, 1 100%)}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link.navigation__link--poco img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:30PX;opacity:0;transition:opacity .3s;transition-timing-function:linear(0 0%, 1 50%)}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link--border{box-sizing:border-box;border-top:3PX solid rgba(0,0,0,0);border-bottom:3PX solid rgba(0,0,0,0)}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link--border{border-top-width:2PX;border-bottom-width:2PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item .navigation__link--border{border-top-width:2PX;border-bottom-width:2PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__item .mi-btn--highlight:hover{color:#ff6900;color:var(--text-primary)}.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link{color:#ff6700;color:var(--border-primary)}.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link--border{border-bottom:3PX solid #ff6700;border-bottom:3PX solid var(--border-primary)}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link--border{border-bottom-width:2PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link--border{border-bottom-width:2PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link--poco{border-bottom:none}.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link--poco span{opacity:0;transition-timing-function:linear(0 0%, 1 50%)}.site-header-v4rd .site-header-v4rd__navigation .navigation__item.navigation__item--hover .navigation__link--poco img{opacity:1;transition-timing-function:linear(0 50%, 1 100%)}
.site-slide-menu{--menu-header-height: 54PX;--menu-padding-horizontal: 20PX;--menu-divider-color: #f3f3f3;position:fixed;width:100%;height:100%;font-size:12PX;z-index:22;pointer-events:none}.site-slide-menu.hidden{display:none}.site-slide-menu.show{display:block}.site-slide-menu .site-slide-menu__overlay{display:block;width:100%;height:100%;opacity:0;background-color:#191919;background-color:var(--background-black);transition:.3s}.site-slide-menu .site-slide-menu__wrapper{position:fixed;top:0;left:auto;right:0;width:100%;height:100%;opacity:0;background-color:#fff;background-color:var(--background-light);transition:.3s}.site-slide-menu .site-slide-menu__card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;transition:.3s}.site-slide-menu .site-slide-menu__header{padding:0 14PX;z-index:2;background-color:#fff;background-color:var(--background-light)}.site-slide-menu .site-slide-menu__header .header__back{display:flex;align-items:center;opacity:0;font-size:16PX;font-weight:500;transition:all .1s}.site-slide-menu .site-slide-menu__header .header__back.header__back--poco span{display:none}.site-slide-menu .site-slide-menu__header .header__back.header__back--poco img{height:30PX}.site-slide-menu .site-slide-menu__header .header__back .back__icon{-webkit-margin-end:10PX;margin-inline-end:10PX;font-size:20PX;line-height:1}.site-slide-menu .site-slide-menu__header .header__content{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:var(--menu-header-height);box-sizing:border-box;border-bottom:1PX solid rgba(0,0,0,0)}.site-slide-menu .site-slide-menu__header.site-slide-menu__header--verbose .header__content{border-bottom-color:var(--menu-divider-color)}.site-slide-menu .site-slide-menu__header.site-slide-menu__header--verbose .header__back{opacity:1}.site-slide-menu .site-slide-menu__header.site-slide-menu__header--verbose .header__back.header__back--poco span{display:none}.site-slide-menu .site-slide-menu__header.site-slide-menu__header--verbose .header__back.header__back--poco img{height:30PX}.site-slide-menu .site-slide-menu__header .header__close .close__label{display:inline-block;cursor:pointer}.site-slide-menu .site-slide-menu__header .header__close .close__icon{font-size:20PX;line-height:1}.site-slide-menu .site-slide-menu__content{flex-grow:1;-webkit-margin-start:200PX;margin-inline-start:200PX;padding:0 var(--menu-padding-horizontal) 40PX;font-size:12PX;overflow-y:auto;transition:.3s}.site-slide-menu .site-slide-menu__content.site-slide-menu__content--fade{transform:scale(0.85);opacity:.2;transition:.2s}.site-slide-menu .site-slide-menu__content .micon{font-size:12PX;color:#191919;color:var(--text-base);font-weight:400}.site-slide-menu .site-slide-menu__content .content__user{display:flex;justify-content:space-between;align-items:center}.site-slide-menu .site-slide-menu__content .content__user-info{display:flex;align-items:center;font-size:12PX}.site-slide-menu .site-slide-menu__content .content__user-info--logged-in{font-weight:700}.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar-wrapper{position:relative}.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot{position:absolute;top:-1PX;right:2PX;font-size:12PX;line-height:1;transform:scale(0.7);color:#ff6900;color:var(--text-primary)}.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar{width:32PX;height:32PX;-webkit-margin-end:8PX;margin-inline-end:8PX;background-size:100%;clip-path:url("#svgClipPath");overflow:hidden}.site-slide-menu .site-slide-menu__content .content__user-info .user-info__avatar-base{background-color:#ccc;background-image:url("//i01.appmifile.com/webfile/globalimg/pandora/user-head/user-avatar-v4-default.png")}.site-slide-menu .site-slide-menu__content .content__user-info .user-info__nickname{flex-shrink:0}.site-slide-menu .site-slide-menu__content .content__navigation--main .nav__link-list{margin-top:26PX;padding-top:16PX;padding-left:0;padding-right:0;border-top:1PX solid var(--menu-divider-color)}.site-slide-menu .site-slide-menu__content .content__navigation--main .nav__link{display:flex;justify-content:space-between;padding:10PX 0;font-size:16PX;font-weight:500;color:#191919}.site-slide-menu .site-slide-menu__content .content__navigation--main .nav__link--current{color:#ff6900;color:var(--text-primary)}.site-slide-menu .site-slide-menu__controller{display:none}.site-slide-menu .site-slide-menu__controller:checked+.site-slide-menu__overlay{opacity:.9;pointer-events:auto}.site-slide-menu .site-slide-menu__controller:checked~.site-slide-menu__wrapper{transform:translateX(0);opacity:1;pointer-events:auto}.site-slide-menu .site-slide-menu__controller:checked~.site-slide-menu__wrapper .site-slide-menu__content{-webkit-margin-start:0;margin-inline-start:0}body.body--rtl .site-slide-menu .site-slide-menu__wrapper,html[data-mi-dir=rtl] .site-slide-menu .site-slide-menu__wrapper,html[dir=rtl] .site-slide-menu .site-slide-menu__wrapper{left:0;right:auto}body.body--rtl .site-slide-menu .site-slide-menu__content .micon,html[data-mi-dir=rtl] .site-slide-menu .site-slide-menu__content .micon,html[dir=rtl] .site-slide-menu .site-slide-menu__content .micon{transform:rotate(180deg)}
.mi-btn-v4rd{--btn-text-base: var(--text-base);--btn-background-white: var(--background-light);--btn-background-black: var(--background-black);--btn-background-primary: var(--background-primary);--btn-ellipsis-lines: 1;--btn-ellipsis-direction: vertical;--btn-background-color: transparent;--link-text-decoration: underline;display:inline-block;padding:var(--btn-padding);font-size:var(--btn-font-size);color:var(--btn-text-base);cursor:pointer;border:none;border-radius:var(--btn-border-radius);background-color:var(--btn-background-color)}@media screen and (max-width: 720px){.mi-btn-v4rd{--btn-padding:8PX 20PX;--btn-font-size:12PX;--btn-border-radius:8PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-btn-v4rd{--btn-padding:10PX 16PX;--btn-font-size:1.5625vw;--btn-border-radius:8PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-btn-v4rd{--btn-padding:.8333333333vw 1.6666666667vw;--btn-font-size:16PX;--btn-border-radius:12PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-btn-v4rd{--btn-padding:.625vw 2.0833333333vw;--btn-font-size:1.25vw;--btn-border-radius:14PX}}@media screen and (min-width: 1921px){.mi-btn-v4rd{--btn-padding:12PX 40PX;--btn-font-size:24PX;--btn-border-radius:14PX}}.mi-btn-v4rd .mi-btn-v4rd__text{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;/*! autoprefixer: off */display:-webkit-box;-webkit-box-orient:var(--btn-ellipsis-direction);-webkit-line-clamp:var(--btn-ellipsis-lines)}.mi-btn-v4rd.mi-btn-v4rd--default{--btn-background-color: transparent;border:1PX solid #212121;border:1PX solid var(--border-secondary)}.mi-btn-v4rd.mi-btn-v4rd--default:hover{--btn-text-base: #666;border-color:#666}.mi-btn-v4rd.mi-btn-v4rd--default.mi-btn-v4rd--highlight{--btn-text-base: var(--text-reverse);--btn-background-color: var(--btn-background-primary);border:1PX solid rgba(0,0,0,0)}.mi-btn-v4rd.mi-btn-v4rd--default.mi-btn-v4rd--highlight:hover{--btn-text-base: var(--text-reverse);--btn-background-color: #ff781a;border-color:rgba(0,0,0,0)}.mi-btn-v4rd.mi-btn-v4rd--default.mi-btn-v4rd--dark{--btn-text-base: var(--text-reverse);border-color:var(--text-revers)}.mi-btn-v4rd.mi-btn-v4rd--default.mi-btn-v4rd--dark:hover{--btn-text-base: #d0d0d0;border-color:#d0d0d0}.mi-btn-v4rd.mi-btn-v4rd--primary{--btn-text-base: var(--text-reverse);--btn-background-color: var(--btn-background-black);border:1PX solid rgba(0,0,0,0)}.mi-btn-v4rd.mi-btn-v4rd--primary:hover{--btn-background-color: #444}.mi-btn-v4rd.mi-btn-v4rd--primary.mi-btn-v4rd--highlight{--btn-background-color: var(--btn-background-primary)}.mi-btn-v4rd.mi-btn-v4rd--primary.mi-btn-v4rd--highlight:hover{--btn-background-color: #ff781a}.mi-btn-v4rd.mi-btn-v4rd--primary.mi-btn-v4rd--dark{--btn-text-base: var(--text-base);--btn-background-color: var(--btn-background-white);border:1PX solid rgba(0,0,0,0)}.mi-btn-v4rd.mi-btn-v4rd--primary.mi-btn-v4rd--dark:hover{--btn-background-color: #e1e1e1}.mi-btn-v4rd:disabled,.mi-btn-v4rd.mi-btn-v4rd--disabled{--btn-text-base: var(--text-reverse);--btn-background-color: var(--brand-grey-40);border:1PX solid rgba(0,0,0,0);cursor:not-allowed}.mi-btn-v4rd:disabled:hover,.mi-btn-v4rd.mi-btn-v4rd--disabled:hover{--btn-background-color: var(--brand-grey-40);--btn-text-base: var(--text-reverse);border-color:rgba(0,0,0,0)}.mi-btn-v4rd.mi-btn-v4rd--link{display:inline-flex;align-items:center;padding:0;font-size:var(--link-font-size);line-height:unset;border-radius:initial}@media screen and (max-width: 720px){.mi-btn-v4rd.mi-btn-v4rd--link{--link-font-size:12PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-btn-v4rd.mi-btn-v4rd--link{--link-font-size:14PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-btn-v4rd.mi-btn-v4rd--link{--link-font-size:1.1111111111vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-btn-v4rd.mi-btn-v4rd--link{--link-font-size:1.25vw}}@media screen and (min-width: 1921px){.mi-btn-v4rd.mi-btn-v4rd--link{--link-font-size:24PX}}.mi-btn-v4rd.mi-btn-v4rd--link:hover .mi-btn-v4rd__text{-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration)}.mi-btn-v4rd.mi-btn-v4rd--link.mi-btn-v4rd--disabled{--btn-text-base: var(--text-secondary);--btn-background-color: transparent;border:none}.mi-btn-v4rd.mi-btn-v4rd--link.mi-btn-v4rd--disabled:hover .mi-btn-v4rd__text{--link-text-decoration: none}.mi-btn-v4rd.mi-btn-v4rd--link.mi-btn-v4rd--highlight{--btn-text-base: var(--text-primary)}.mi-btn-v4rd.mi-btn-v4rd--link.mi-btn-v4rd--dark{--btn-text-base: #fff}.mi-btn-v4rd.mi-btn-v4rd--arrow .micon{display:inline-block;font-size:inherit}html[data-mi-dir=rtl] .mi-btn-v4rd.mi-btn-v4rd--arrow .micon{transform:rotate(180deg)}html[dir=rtl] .mi-btn-v4rd.mi-btn-v4rd--arrow .micon{transform:rotate(180deg)}body.body--rtl .mi-btn-v4rd.mi-btn-v4rd--arrow .micon{transform:rotate(180deg)}.mi-btn-v4rd.mi-btn-v4rd--icon{--icon-background-color: transparent;padding:0;background-color:var(--icon-background-color)}@media screen and (max-width: 720px){.mi-btn-v4rd.mi-btn-v4rd--icon{--icon-font-size:24PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-btn-v4rd.mi-btn-v4rd--icon{--icon-font-size:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-btn-v4rd.mi-btn-v4rd--icon{--icon-font-size:2.2222222222vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-btn-v4rd.mi-btn-v4rd--icon{--icon-font-size:1.6666666667vw}}@media screen and (min-width: 1921px){.mi-btn-v4rd.mi-btn-v4rd--icon{--icon-font-size:32PX}}.mi-btn-v4rd.mi-btn-v4rd--icon:hover{--btn-text-base: #444}.mi-btn-v4rd.mi-btn-v4rd--icon .micon{font-size:var(--icon-font-size)}.mi-btn-v4rd.mi-btn-v4rd--icon.mi-btn-v4rd--disabled{--btn-text-base: var(--text-secondary)}.mi-btn-v4rd.mi-btn-v4rd--icon.mi-btn-v4rd--disabled:hover{--btn-text-base: var(--text-secondary)}.mi-btn-v4rd.mi-btn-v4rd--icon.mi-btn-v4rd--highlight{--btn-text-base: var(--text-primary)}.mi-btn-v4rd.mi-btn-v4rd--icon.mi-btn-v4rd--highlight:hover{--btn-text-base: #ff781a}.mi-btn-v4rd.mi-btn-v4rd--icon.mi-btn-v4rd--dark{--btn-text-base: var(--text-reverse);border-color:var(--text-revers)}.mi-btn-v4rd.mi-btn-v4rd--icon.mi-btn-v4rd--dark:hover{--btn-text-base: #e1e1e1}
.accordion.content__navigation--secondary .accordion__title{font-size:16PX;font-weight:500}.accordion.content__navigation--secondary .secondary__menu-wrapper{margin:10PX 0;padding:0 20PX;border-radius:8PX;background-color:#f5f5f5;background-color:var(--background-base)}.accordion.content__navigation--secondary .secondary__menu{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:center;padding:10PX 0;color:#191919;color:var(--text-base)}.accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone{grid-template-columns:repeat(4, 1fr)}.accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone .secondary__link{padding:15PX 0}.accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone .secondary__link .secondary__icon{font-size:24PX}.accordion.content__navigation--secondary .secondary__link{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10PX 0;text-align:center}.accordion.content__navigation--secondary .secondary__link .secondary__icon{font-size:28PX}.accordion.content__navigation--secondary .secondary__link .secondary__title{margin-top:8PX}.accordion.content__navigation--secondary .secondary__all{display:flex;justify-content:center;padding:14PX 0;border-top:1PX solid #dedede}
.site-slide-menu .accordion .accordion__head{display:flex;justify-content:space-between;align-items:center;padding:10PX 0;cursor:pointer}.site-slide-menu .accordion .accordion__head .accordion__title,.site-slide-menu .accordion .accordion__head .accordion__icon{pointer-events:none}.site-slide-menu .accordion .accordion__body{max-height:0;overflow:hidden;transition:.2s}
.site-slide-menu .content__navigation--footer{margin-top:16PX;padding-top:16PX;border-top:1PX solid var(--menu-divider-color)}.site-slide-menu .content__navigation--footer .nav__link-list{padding-left:0;padding-right:0;-webkit-padding-start:20PX;padding-inline-start:20PX}.site-slide-menu .content__navigation--footer .nav__link-item{color:#898989;color:var(--text-secondary)}.site-slide-menu .content__navigation--footer .nav__link{display:block;padding:8PX 0;font-size:12PX}
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.submenu__wrapper{position:absolute;display:flex;box-sizing:border-box;width:100%;margin:auto;padding:20PX 0;padding:20PX var(--site-horizontal-padding, 0);opacity:0;transition:all .2s ease;pointer-events:none}@media screen and (max-width: 720px){.submenu__wrapper{--site-horizontal-padding:16PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.submenu__wrapper{--site-horizontal-padding:28PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.submenu__wrapper{--site-horizontal-padding:32PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.submenu__wrapper{--site-horizontal-padding:32PX}}@media screen and (min-width: 1921px){.submenu__wrapper{--site-horizontal-padding:32PX}}.submenu__wrapper--pc-show{opacity:1;pointer-events:initial}.submenu__wrapper.submenu-mobile__style{position:absolute;display:block;box-sizing:content-box;width:100%;height:100%;padding-top:calc(var(--menu-header-height) + 10PX);padding-bottom:0;-webkit-padding-start:0;padding-inline-start:0;overflow:scroll;background-color:#fff;background-color:var(--background-light);transform:translateX(100%);visibility:visible;opacity:1;transition:all .2s;pointer-events:initial}@media screen and (max-width: 720px){.submenu__wrapper.submenu-mobile__style{height:calc(100% - var(--menu-header-height));padding-top:var(--menu-header-height);-webkit-padding-start:0;padding-inline-start:0}}.submenu__wrapper.submenu-mobile__style.submenu-mobile__show{transform:translateX(0)}.submenu__wrapper.submenu-mobile__style .submenu__item{width:100%}.submenu__wrapper.submenu-mobile__style .submenu__item:last-child{margin-bottom:40PX}.submenu__wrapper.submenu-mobile__style .submenu__item-title{margin:26PX 20PX 0;font-weight:500;font-size:16PX}.submenu__wrapper.submenu-mobile__style .submenu__item-title span{flex:1 1;-webkit-margin-end:0;margin-inline-end:0}.submenu__wrapper.submenu-mobile__style .submenu__item-content{transition:.2s}.submenu__wrapper .submenu__content{height:-moz-fit-content;height:fit-content}.submenu__wrapper .submenu__item{width:180PX;cursor:pointer}@media screen and (max-width: 720px){.submenu__wrapper .submenu__item{width:100%}.submenu__wrapper .submenu__item:last-child{margin-bottom:40PX}}.submenu__wrapper .submenu__item-title{display:flex;margin-top:26PX;font-weight:bold;font-size:14PX}.submenu__wrapper .submenu__item-title i{font-size:14PX}.submenu__wrapper .submenu__item-title:hover span{color:#ff6900;color:var(--text-primary)}@media screen and (max-width: 720px){.submenu__wrapper .submenu__item-title:hover span{-webkit-text-decoration:auto;text-decoration:auto}}@media screen and (min-width: 721px)and (max-width: 1024px){.submenu__wrapper .submenu__item-title:hover span{-webkit-text-decoration:auto;text-decoration:auto}}@media screen and (min-width: 1025px)and (max-width: 1440px){.submenu__wrapper .submenu__item-title:hover span{-webkit-text-decoration:underline solid #ff6900;text-decoration:underline solid #ff6900;-webkit-text-decoration:underline solid var(--text-primary);text-decoration:underline solid var(--text-primary)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.submenu__wrapper .submenu__item-title:hover span{-webkit-text-decoration:underline solid #ff6900;text-decoration:underline solid #ff6900;-webkit-text-decoration:underline solid var(--text-primary);text-decoration:underline solid var(--text-primary)}}@media screen and (min-width: 1921px){.submenu__wrapper .submenu__item-title:hover span{-webkit-text-decoration:underline solid #ff6900;text-decoration:underline solid #ff6900;-webkit-text-decoration:underline solid var(--text-primary);text-decoration:underline solid var(--text-primary)}}@media screen and (max-width: 720px){.submenu__wrapper .submenu__item-title{margin:26PX 20PX 0;font-weight:500;font-size:16PX}}.submenu__wrapper .submenu__item-title span{-webkit-margin-end:16PX;margin-inline-end:16PX;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 720px){.submenu__wrapper .submenu__item-title span{flex:1 1;-webkit-margin-end:0;margin-inline-end:0}}.submenu__wrapper .submenu__item--open{color:#ff6900;color:var(--text-primary)}.submenu__wrapper .submenu__item-content{height:0;overflow:hidden;transition:.4s cubic-bezier(0.5, 0, 0, 0.75)}@media screen and (max-width: 720px){.submenu__wrapper .submenu__item-content{transition:.2s}}.submenu__wrapper .text-decoration{-webkit-text-decoration:underline solid #ff6900;text-decoration:underline solid #ff6900;-webkit-text-decoration:underline solid var(--text-primary);text-decoration:underline solid var(--text-primary)}.submenu__wrapper .submenu__product{position:relative;flex:1 1;margin-top:26PX;-webkit-margin-start:22PX;margin-inline-start:22PX}.submenu__wrapper .submenu__product-group{position:absolute;top:0;left:0;z-index:0;width:100%;opacity:0}.submenu__wrapper .submenu__product-group-list{display:grid;grid-template-columns:repeat(5, 1fr);grid-column-gap:20PX;-moz-column-gap:20PX;column-gap:20PX}.submenu__wrapper::-webkit-scrollbar{width:0}.submenu__wrapper .color-primary{color:#ff6900;color:var(--text-primary)}
.submenu-product-mobile{margin-top:20PX}.submenu-product .submenu-product__more{display:flex;align-items:center;justify-content:flex-start;padding:22PX 20PX;color:#898989;color:var(--text-secondary);font-weight:400;font-size:12PX}.submenu-product .submenu-product__more span{-webkit-margin-end:6PX;margin-inline-end:6PX}.submenu-product.submenu--show{transform:translateX(0)}.submenu-product .mi-accordion{--default-outline-vertical: 0;--default-text-padding-vertical: 10PX;--header-font-size: 16PX;--header-font-weight: 400;--item-padding: 10PX 0;--highlight-color: var(--header-color)}
.header-submenu-tabs{display:flex;flex-direction:column;justify-content:center;width:100%;background:#fff;background:var(--background-light)}.header-submenu-tabs.header-submenu-tabs-mobile{flex-direction:row;justify-content:flex-start}@media screen and (max-width: 720px){.header-submenu-tabs.header-submenu-tabs-mobile{justify-content:unset}}.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list{width:-moz-fit-content;width:fit-content;margin:0 19PX 8PX;overflow-x:auto;white-space:nowrap}.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item{display:inline-block;margin-top:0;padding:0 8PX;color:#191919;color:var(--text-base);font-weight:unset;font-size:12PX}.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item div{height:22PX;padding:0 10PX}@media screen and (max-width: 720px){.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item div{padding:0}}.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item:first-child{-webkit-padding-start:0;padding-inline-start:0}.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item:last-child{-webkit-padding-end:0;padding-inline-end:0}.header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item--active div{text-decoration:none;border-bottom:2PX solid #ff6700;border-bottom:2PX solid var(--primary-base)}.header-submenu-tabs .header-submenu-tabs__list{max-width:100%;scroll-behavior:smooth}.header-submenu-tabs .header-submenu-tabs__list::-webkit-scrollbar{display:none}.header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item{min-width:-moz-fit-content;min-width:fit-content;margin-top:22PX;color:#898989;color:var(--text-secondary);font-weight:200;font-size:14PX;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}.header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item div{height:-moz-fit-content;height:fit-content}.header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item:first-child{-webkit-padding-start:0;padding-inline-start:0}.header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item:last-child{-webkit-padding-end:0;padding-inline-end:0}.header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item--active{color:#ff6900;color:var(--text-primary)}.header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item--active div{-webkit-text-decoration:underline solid #ff6900;text-decoration:underline solid #ff6900;-webkit-text-decoration:underline solid var(--text-primary);text-decoration:underline solid var(--text-primary)}.header-submenu-tabs .header-submenu-tabs__average-width{display:flex;justify-content:center;width:100%;height:42PX;overflow:hidden;overflow-x:unset;white-space:unset}.header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item{display:block;flex:1 1;min-width:auto;max-width:50%;height:100%;-webkit-margin-end:6PX;margin-inline-end:6PX}.header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item div{display:flex;align-items:center;justify-content:center;width:inherit;height:calc(100% - 2PX);padding:0 10PX;text-align:center;border-bottom:2PX solid rgba(0,0,0,0)}.header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item--active div{border-bottom:2PX solid #ff6700;border-bottom:2PX solid var(--primary-base)}.header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item:last-child{-webkit-margin-end:0;margin-inline-end:0}.header-submenu-tabs .header-submenu-tabs__clear-height{height:0;margin:0}
@media screen and (max-width: 720px){.mi-link__arrow.mi-link__arrow--pc-only{display:none}}.mi-link__arrow.mi-link__arrow--m-only{display:none}@media screen and (max-width: 720px){.mi-link__arrow.mi-link__arrow--m-only{display:block}}
.energy-label-fixed{--image-width: 68PX;--info-margin-left: 8PX;--link-font-size: 13PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 16PX;--link-text-width: 114PX;--bundle-more-icon-radius: 4PX}@media screen and (max-width: 720px){.energy-label-responsive{--image-width: 57PX;--info-margin-left: 6PX;--link-font-size: 12PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 16PX;--link-text-width: 114PX;--bundle-more-icon-radius: 4PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.energy-label-responsive{--image-width: 80PX;--info-margin-left: 8PX;--link-font-size: 15PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 16PX;--link-text-width: 148PX;--bundle-more-icon-radius: 4PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.energy-label-responsive{--image-width: 91PX;--info-margin-left: 10PX;--link-font-size: 17PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 20PX;--link-text-width: 148PX;--bundle-more-icon-radius: 4PX}}.header-product-item{position:relative;display:flex;flex-direction:column;color:#191919;color:var(--text-base);font-size:12PX;text-align:center;background:rgba(247,247,247,.9);border-radius:12PX}.header-product-item.header-product-item-mobile{flex-direction:row;width:auto;margin:0 20PX 8PX;padding:14PX 12PX;font-weight:500;text-align:start;background:#f5f5f5;background:var(--background-base);border-radius:6PX}.header-product-item.header-product-item-mobile .header-product-item__price del,.header-product-item.header-product-item-mobile .marketing-price{-webkit-margin-start:6PX;margin-inline-start:6PX;color:#898989;color:var(--text-secondary);font-size:10PX}.header-product-item.header-product-item-mobile .header-product-item__image{padding:0}.header-product-item.header-product-item-mobile .header-product-item__image-empty,.header-product-item.header-product-item-mobile .header-product-item__image img{width:68PX;height:68PX;margin-top:0}.header-product-item.header-product-item-mobile .header-product-item__info{-webkit-margin-start:8PX;margin-inline-start:8PX}.header-product-item.header-product-item-mobile .header-product-item__title{margin:0}.header-product-item.header-product-item-mobile .header-product-item__price{display:block}@media screen and (max-width: 720px){.header-product-item{flex-direction:row;width:auto;margin:0 20PX 8PX;padding:14PX 12PX;font-weight:500;text-align:start;background:#f5f5f5;background:var(--background-base);border-radius:6PX}.header-product-item__price del,.header-product-item .marketing-price{-webkit-margin-start:6PX;margin-inline-start:6PX;color:#898989;color:var(--text-secondary);font-size:10PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.header-product-item .header-product-item__image{padding:40PX 30PX 24PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.header-product-item .header-product-item__image{padding:40PX 34PX 24PX}}@media screen and (min-width: 1921px){.header-product-item .header-product-item__image{padding:40PX 54PX 24PX}}.header-product-item .header-product-item__image-empty,.header-product-item .header-product-item__image img{width:100%;aspect-ratio:1/1;object-fit:cover}@media screen and (max-width: 720px){.header-product-item .header-product-item__image-empty,.header-product-item .header-product-item__image img{width:68PX;height:68PX;margin-top:0}}.header-product-item .header-product-item__info{display:flex;flex-direction:column;justify-content:center;-webkit-margin-start:0;margin-inline-start:0}@media screen and (max-width: 720px){.header-product-item .header-product-item__info{-webkit-margin-start:8PX;margin-inline-start:8PX}}.header-product-item .header-product-item__title{min-height:24PX;margin:0 14PX;line-height:24PX;max-height:48PX;text-align:center;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (min-width: 721px)and (max-width: 1024px){.header-product-item .header-product-item__title{margin:0;text-align:start}}@media screen and (max-width: 720px){.header-product-item .header-product-item__title{margin:0;text-align:start}}.header-product-item .header-product-item__price{display:none;margin-top:8PX;font-weight:400}.header-product-item .header-product-item__price .notranslate{font-weight:bold}@media screen and (min-width: 721px)and (max-width: 1024px){.header-product-item .header-product-item__price{display:block}}@media screen and (max-width: 720px){.header-product-item .header-product-item__price{display:block}}.header-product-item .header-product-item__energy{--image-width: 34PX;--info-margin-left: 4PX;--link-font-size: 8PX;--bundle-more-icon-size: 12PX;--bundle-more-icon-width: 12PX;--bundle-more-left: 8PX;--link-text-width: 65PX;--bundle-more-icon-radius: 2PX;-webkit-margin-before:4PX;margin-block-start:4PX;-webkit-margin-after:20PX;margin-block-end:20PX;height:16PX;display:flex;flex-direction:row;justify-content:center;align-items:center;--image-width: 29PX;--info-margin-left: 4PX;--link-font-size: 7PX;--bundle-more-icon-size: 12PX;--bundle-more-icon-width: 12PX;--bundle-more-left: 8PX;--link-text-width: 65PX;--bundle-more-icon-radius: 2PX}@media screen and (min-width: 721px)and (max-width: 1024px){.header-product-item .header-product-item__energy{justify-content:flex-start;-webkit-margin-before:8PX;margin-block-start:8PX;-webkit-margin-after:0;margin-block-end:0;height:auto;--image-width: 34PX;--info-margin-left: 4PX;--link-font-size: 8PX;--bundle-more-icon-size: 12PX;--bundle-more-icon-width: 12PX;--bundle-more-left: 8PX;--link-text-width: 65PX;--bundle-more-icon-radius: 2PX}}@media screen and (max-width: 720px){.header-product-item .header-product-item__energy{justify-content:flex-start;-webkit-margin-before:8PX;margin-block-start:8PX;-webkit-margin-after:0;margin-block-end:0;height:auto;--image-width: 34PX;--info-margin-left: 4PX;--link-font-size: 8PX;--bundle-more-icon-size: 12PX;--bundle-more-icon-width: 12PX;--bundle-more-left: 8PX;--link-text-width: 65PX;--bundle-more-icon-radius: 2PX}}.header-product-item .header-product-item__tag{position:absolute;top:6PX;right:10PX;align-items:center;width:-moz-fit-content;width:fit-content;margin-top:5PX}.header-product-item .mi-tag{display:flex;align-items:center;box-sizing:border-box;height:-moz-fit-content;height:fit-content;padding:2PX 5PX;font-size:12PX;line-height:1;border-radius:4PX;cursor:default}
.responsive-image{display:block}
.mi-energy-label{--column-repeat-count: 1;--column-track-size: 1fr;--item-gap: 10PX;--grid-row-gap: var(--item-gap);--grid-column-gap: 0;--group-justify-items: start;--group-align-items: center;--group-margin-top: 0;--group-margin-bottom: 0;--label-flex-direction: row;--label-justify-content: flex-start;--label-align-items: center;--info-margin-bottom: var(--item-gap);--text-light: var(--text-base);--text-dark: var(--text-reverse);--info-text-align: start;--link-font-color: var(--text-base);display:grid;grid-template-columns:repeat(var(--column-repeat-count), var(--column-track-size));grid-gap:var(--grid-row-gap) var(--grid-column-gap);gap:var(--grid-row-gap) var(--grid-column-gap);margin-top:var(--group-margin-top);margin-bottom:var(--group-margin-bottom);place-items:var(--group-align-items) var(--group-justify-items)}@media screen and (max-width: 720px){.mi-energy-label{--image-width:40PX;--info-margin-left:5PX;--link-font-size:9PX;--link-text-width:90PX;--bundle-more-icon-size:12PX;--bundle-more-left:8PX;--bundle-more-icon-width:12PX;--bundle-more-icon-radius:2PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-energy-label{--image-width:46PX;--info-margin-left:6PX;--link-font-size:10PX;--link-text-width:90PX;--bundle-more-icon-size:14PX;--bundle-more-left:12PX;--bundle-more-icon-width:14PX;--bundle-more-icon-radius:2PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-energy-label{--image-width:51PX;--info-margin-left:6PX;--link-font-size:11PX;--link-text-width:114PX;--bundle-more-icon-size:14PX;--bundle-more-left:12PX;--bundle-more-icon-width:14PX;--bundle-more-icon-radius:2PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-energy-label{--image-width:57PX;--info-margin-left:6PX;--link-font-size:12PX;--link-text-width:148PX;--bundle-more-icon-size:16PX;--bundle-more-left:16PX;--bundle-more-icon-width:16PX;--bundle-more-icon-radius:4PX}}@media screen and (min-width: 1921px){.mi-energy-label{--image-width:57PX;--info-margin-left:6PX;--link-font-size:12PX;--link-text-width:148PX;--bundle-more-icon-size:16PX;--bundle-more-left:16PX;--bundle-more-icon-width:16PX;--bundle-more-icon-radius:4PX}}.mi-energy-label--bundle{display:flex;flex-direction:row;gap:var(--grid-row-gap) var(--grid-column-gap);align-items:center;justify-content:flex-start}.mi-energy-label.mi-energy-label--light{color:var(--text-light)}.mi-energy-label.mi-energy-label--dark{color:var(--text-dark)}.mi-energy-label.mi-energy-label--row{--column-repeat-count: auto-fill;--column-track-size: 5.55556rem;--grid-column-gap: var(--item-gap)}.mi-energy-label.mi-energy-label--two{display:flex;flex-wrap:wrap}@media screen and (max-width: 720px){.mi-energy-label.mi-energy-label--two{display:grid}}@media screen and (max-width: 720px){.mi-energy-label.mi-energy-label--two{gap:var(--grid-row-gap) var(--grid-column-gap)}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-energy-label.mi-energy-label--two{gap:0.33333rem 0.44444rem}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-energy-label.mi-energy-label--two{gap:0.33333rem 0.44444rem}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-energy-label.mi-energy-label--two{gap:0.38889rem 0.5rem}}@media screen and (min-width: 1921px){.mi-energy-label.mi-energy-label--two{gap:0.38889rem 0.5rem}}@media screen and (max-width: 720px){.mi-energy-label.mi-energy-label--zoom{--image-width:9.4444444444vw;--info-margin-left:3.3333333333vw}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-energy-label.mi-energy-label--zoom{--image-width:3.125vw;--info-margin-left:1.3671875vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-energy-label.mi-energy-label--zoom{--image-width:2.2222222222vw;--info-margin-left:.9722222222vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-energy-label.mi-energy-label--zoom{--image-width:2.1875vw;--info-margin-left:.8333333333vw}}@media screen and (min-width: 1921px){.mi-energy-label.mi-energy-label--zoom{--image-width:1.5rem;--info-margin-left:0.44444rem}}@media screen and (max-width: 720px){.mi-energy-label.mi-energy-label--zoom .mi-energy-label__link{font-size:3.3333333333vw;font-size:max(3.3333333333vw, 0.33333rem)}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-energy-label.mi-energy-label--zoom .mi-energy-label__link{font-size:max(1.3671875vw, 0.33333rem)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-energy-label.mi-energy-label--zoom .mi-energy-label__link{font-size:max(1.1111111111vw, 0.33333rem)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-energy-label.mi-energy-label--zoom .mi-energy-label__link{font-size:max(0.8333333333vw, 0.33333rem)}}@media screen and (min-width: 1921px){.mi-energy-label.mi-energy-label--zoom .mi-energy-label__link{font-size:0.44444rem}}.mi-energy-label .mi-energy-label__item{display:flex;flex-direction:var(--label-flex-direction);align-items:var(--label-align-items);justify-content:var(--label-justify-content);width:-moz-fit-content;width:fit-content}.mi-energy-label .mi-energy-label__item.mi-energy-label__item--column{--label-flex-direction: column-reverse}.mi-energy-label .mi-energy-label__item.mi-energy-label__item--column .mi-energy-label__link.mi-energy-label__link--info{margin-top:var(--info-margin-top);margin-bottom:var(--info-margin-bottom);-webkit-margin-start:0;margin-inline-start:0}.mi-energy-label .mi-energy-label__image{width:var(--image-width) !important;aspect-ratio:11/6;cursor:default}.mi-energy-label .mi-energy-label__link{cursor:pointer}.mi-energy-label .mi-energy-label__link.mi-energy-label__link--image{line-height:0}.mi-energy-label .mi-energy-label__link.mi-energy-label__link--image .mi-energy-label__image{cursor:pointer}.mi-energy-label .mi-energy-label__link.mi-energy-label__link--info{max-width:var(--link-text-width);-webkit-margin-start:var(--info-margin-left);margin-inline-start:var(--info-margin-left);font-weight:400;font-size:var(--link-font-size);line-height:var(--link-font-size);text-align:var(--info-text-align);overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-decoration:none}.mi-energy-label .mi-energy-label__link.mi-energy-label__link--info:hover{text-decoration:underline}.mi-energy-label .bundle-more{-webkit-margin-start:var(--bundle-more-left);margin-inline-start:var(--bundle-more-left)}.mi-energy-label .bundle-more .bundle-more-mobile,.mi-energy-label .bundle-more .bundle-more-pc{display:flex;flex-direction:row;align-items:center;justify-content:center}.mi-energy-label .bundle-more .bundle-more-mobile .micon,.mi-energy-label .bundle-more .bundle-more-pc .micon{font-size:var(--bundle-more-icon-size)}.mi-energy-label .bundle-more-popover{width:13.33333rem;padding:0.66667rem}
.mi-bundle-more__overlay{z-index:888 !important}.mi-bundle-more__overlay .mi-bundle-more__modal{width:480PX}.mi-bundle-more__overlay .mi-bundle-more__modal *:focus-visible{outline:2PX solid var(--brand-orange);outline:2PX solid var(--outline-color, var(--brand-orange));outline-offset:0}.mi-bundle-more__overlay .mi-bundle-more__modal--mobile{width:100%;min-height:auto !important}.mi-bundle-more__overlay .mi-bundle-more__modal--mobile .mi-modal-energy__main{min-height:auto !important}.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header{padding:0}@media screen and (max-width: 720px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header{padding:42PX 0 0 0}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header{padding:20PX 0 0 0}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header{padding:24PX 0 0 0}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header{padding:24PX 0 0 0}}@media screen and (min-width: 1921px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header{padding:24PX 0 0 0}}@media screen and (max-width: 720px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header .mi-btn-energy{top:11PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header .mi-btn-energy{top:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header .mi-btn-energy{top:24PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header .mi-btn-energy{top:24PX}}@media screen and (min-width: 1921px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__header .mi-btn-energy{top:24PX}}.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__main{margin:0}@media screen and (max-width: 720px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__main{padding:20PX 20PX 40PX 20PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__main{padding:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__main{padding:24PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__main{padding:24PX}}@media screen and (min-width: 1921px){.mi-bundle-more__overlay .mi-bundle-more__modal .mi-modal-energy__main{padding:24PX}}.mi-bundle-more{-webkit-margin-start:var(--bundle-more-left);margin-inline-start:var(--bundle-more-left)}.mi-bundle-more__content{box-sizing:border-box;width:100%}@media screen and (max-width: 720px){.mi-bundle-more__item+.mi-bundle-more__item{margin-top:24PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-bundle-more__item+.mi-bundle-more__item{margin-top:24PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-bundle-more__item+.mi-bundle-more__item{margin-top:32PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-bundle-more__item+.mi-bundle-more__item{margin-top:32PX}}@media screen and (min-width: 1921px){.mi-bundle-more__item+.mi-bundle-more__item{margin-top:32PX}}.mi-bundle-more__title{max-width:398PX;margin:0 0 12PX;color:#191919;color:var(--text-base);font-weight:700;font-size:16PX;line-height:1.25;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mi-bundle-more__title:focus-visible{outline-offset:-2PX}.mi-bundle-more__info{display:flex;flex-direction:row;gap:32PX;align-items:center;justify-content:flex-start;--image-width: 56PX;--info-margin-left: 6PX;--link-font-size: 12PX;--link-text-width: 114PX}@media screen and (max-width: 720px){.mi-bundle-more__info{flex-direction:column;gap:16PX;align-items:flex-start}}.mi-bundle-more__trigger{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--bundle-more-icon-width);height:calc(var(--image-width)/11*6);background-color:rgba(25,25,25,.0509803922);border-radius:var(--bundle-more-icon-radius);--bundle-more-trigger-size: var(--bundle-more-icon-size);cursor:pointer}.mi-bundle-more__trigger .more-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#191919;color:var(--text-base);stroke:currentcolor}.mi-bundle-more__trigger .more-icon svg{fill:currentcolor}
body.mi-modal-energy__body--overflow-hidden{overflow:hidden}.mi-modal-energy .ReactModal__Overlay{background-color:rgba(0,0,0,0);transition:background-color 250ms ease-in-out}.mi-modal-energy .ReactModal__Overlay--after-open.mi-modal-energy__overlay{background-color:rgba(0,0,0,.6)}.mi-modal-energy .ReactModal__Overlay--before-close.mi-modal-energy__overlay{background-color:rgba(0,0,0,0)}.mi-modal-energy .ReactModal__Content{overflow:hidden;transform:translateY(-65%);opacity:0;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:350ms;transition-property:opacity,transform}.mi-modal-energy .ReactModal__Content--after-open.mi-modal-energy__content{transform:translateY(-50%);opacity:1}.mi-modal-energy .ReactModal__Content--before-close.mi-modal-energy__content{transform:translateY(-65%);opacity:0}.mi-modal-energy .mi-modal-energy__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.mi-modal-energy .mi-modal-energy__content{position:absolute;top:50%;right:0;bottom:unset;left:0;display:flex;flex-flow:column nowrap;box-sizing:border-box;width:auto;width:-moz-fit-content;width:fit-content;min-width:var(--modal-min-width);max-width:var(--modal-max-width);height:auto;max-height:min(80%, 900PX);margin:auto;overflow:hidden;background-color:var(--background-light);background-color:var(--background-white, var(--background-light));border-radius:4PX;outline:none;--modal-footer-padding-vertical: var(--content-padding);--modal-footer-padding-horizontal: var(--content-padding)}@media screen and (max-width: 720px){.mi-modal-energy .mi-modal-energy__content{--content-padding:16PX;--drawer-content-padding:16PX;--close-button-size:20PX;--modal-min-width:240PX;--modal-max-width:80%;--font-size-heading:16PX;--font-size-subtitle:12PX;--font-size-button:12PX;--button-padding:10PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-modal-energy .mi-modal-energy__content{--content-padding:20PX;--drawer-content-padding:40PX;--close-button-size:20PX;--modal-min-width:270PX;--modal-max-width:480PX;--font-size-heading:16PX;--font-size-subtitle:12PX;--font-size-button:14PX;--button-padding:10PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-modal-energy .mi-modal-energy__content{--content-padding:24PX;--drawer-content-padding:48PX;--close-button-size:24PX;--modal-min-width:360PX;--modal-max-width:560PX;--font-size-heading:20PX;--font-size-subtitle:16PX;--font-size-button:16PX;--button-padding:12PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-modal-energy .mi-modal-energy__content{--content-padding:30PX;--drawer-content-padding:60PX;--close-button-size:24PX;--modal-min-width:420PX;--modal-max-width:640PX;--font-size-heading:24PX;--font-size-subtitle:18PX;--font-size-button:18PX;--button-padding:12PX}}@media screen and (min-width: 1921px){.mi-modal-energy .mi-modal-energy__content{--content-padding:30PX;--drawer-content-padding:60PX;--close-button-size:24PX;--modal-min-width:420PX;--modal-max-width:640PX;--font-size-heading:24PX;--font-size-subtitle:18PX;--font-size-button:18PX;--button-padding:12PX}}.mi-modal-energy .mi-modal-energy__header{display:flex;flex-basis:auto;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:var(--content-padding);color:#191919;color:var(--text-base)}@media screen and (max-width: 720px){.mi-modal-energy .mi-modal-energy__header{padding-bottom:calc(var(--content-padding) + 4PX)}}.mi-modal-energy .mi-modal-energy__header:empty{display:none}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra{box-sizing:border-box;width:100%;margin:0;color:#191919;color:var(--text-base)}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap--left,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra--left{-webkit-padding-end:var(--close-button-size);padding-inline-end:var(--close-button-size);text-align:start}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap--center,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra--center{padding:0 var(--close-button-size);text-align:center}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__title,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__title{margin:0;font-weight:500;font-size:var(--font-size-heading);hyphens:auto}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle{margin:0;color:var(--brand-black-50);font-weight:400;font-size:var(--font-size-subtitle);hyphens:auto}@media screen and (max-width: 720px){.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle{margin-top:4PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle{margin-top:6PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle{margin-top:8PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle{margin-top:12PX}}@media screen and (min-width: 1921px){.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle{margin-top:12PX}}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__title-wrap .mi-modal-energy__subtitle:empty,.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__extra .mi-modal-energy__subtitle:empty{display:none}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__close{position:absolute;top:var(--close-button-position);color:var(--brand-black-40);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;--icon-font-size: var(--close-button-size);--close-button-position: var(--content-padding);right:var(--close-button-position);left:unset}[dir=rtl] .mi-modal-energy .mi-modal-energy__header .mi-modal-energy__close{right:unset}[dir=rtl] .mi-modal-energy .mi-modal-energy__header .mi-modal-energy__close{left:var(--close-button-position)}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__close:hover{color:var(--brand-black-50)}.mi-modal-energy .mi-modal-energy__header .mi-modal-energy__close .micon{display:block}.mi-modal-energy .mi-modal-energy__header--only-close .mi-modal-energy__close{top:calc(var(--close-button-position)/2)}.mi-modal-energy .mi-modal-energy__main{display:block;flex-grow:1;box-sizing:border-box;width:100%;min-height:var(--font-size-heading);max-height:70vh;margin:var(--modal-footer-padding-vertical) auto;padding:0 var(--content-padding);overflow:auto;white-space:pre-line;word-break:break-word;hyphens:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mi-modal-energy .mi-modal-energy__content.hidden-scroll .mi-modal-energy__main{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-width:none;--ms-overflow-style: none}.mi-modal-energy .mi-modal-energy__content.hidden-scroll .mi-modal-energy__main::-webkit-scrollbar{display:none;width:0;height:0}.mi-modal-energy .mi-modal-energy__footer{display:flex;flex-basis:auto;flex-flow:column nowrap;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin:0 auto;padding:var(--modal-footer-padding-vertical) var(--modal-footer-padding-horizontal)}.mi-modal-energy .mi-modal-energy__footer:empty{display:none}.mi-modal-energy .mi-modal-energy__footer .mi-modal-energy__action{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:calc(var(--modal-footer-padding-horizontal)/2);gap:calc(var(--modal-footer-padding-horizontal)/2);width:100%}.mi-modal-energy .mi-modal-energy__footer .mi-modal-energy__button{display:flex;flex:1 1;flex-basis:auto;align-items:center;justify-content:center;margin:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;--btn-font-size: var(--font-size-button);--btn-padding-vertical: var(--button-padding);--btn-padding-horizontal: var(--button-padding)}.mi-modal-energy .mi-modal-energy__footer .mi-modal-energy__button:only-child{grid-column:span 2}.mi-modal-energy .mi-modal-energy__footer .mi-modal-energy__footnote{width:100%;margin-top:var(--font-size-subtitle);color:var(--brand-black-50);font-size:var(--font-size-subtitle);text-align:center}.mi-modal-energy .mi-modal-energy__header:not(:empty)+.mi-modal-energy__main{margin-top:0;padding-top:0}.mi-modal-energy .mi-modal-energy__main+.mi-modal-energy__footer{margin-top:calc(-1*var(--modal-footer-padding-vertical))}.mi-modal-energy .mi-modal-energy__header:not(:empty)+.mi-modal-energy__footer{margin-top:calc(-1*var(--modal-footer-padding-vertical))}.mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content{top:0;max-height:unset;transform:translateX(calc(var(--cardinal-number) * 100%));opacity:1;left:unset;right:0}[dir=rtl] .mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content{left:0}[dir=rtl] .mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content{right:unset}.mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content--after-open.mi-modal-energy__content{transform:translateX(0);opacity:1}.mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content--before-close.mi-modal-energy__content{transform:translateX(calc(var(--cardinal-number) * 100%));opacity:1}.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{min-width:unset;height:100%;border-radius:0;--content-padding: var(--drawer-content-padding);--modal-footer-padding-horizontal: var(--content-padding)}@media screen and (max-width: 720px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{width:100%;--modal-footer-padding-vertical:var(--content-padding)}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{width:480PX;--modal-footer-padding-vertical:calc(var(--content-padding)/2)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{width:520PX;--modal-footer-padding-vertical:calc(var(--content-padding)/2)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{width:600PX;--modal-footer-padding-vertical:calc(var(--content-padding)/2)}}@media screen and (min-width: 1921px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{width:600PX;--modal-footer-padding-vertical:calc(var(--content-padding)/2)}}.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{box-sizing:border-box;width:unset;margin:var(--content-padding) var(--content-padding) calc(var(--content-padding)/2);padding:0 0 calc(var(--content-padding)/2)}@media screen and (max-width: 720px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{padding-bottom:calc(var(--content-padding)/2 + 4PX)}}@media screen and (max-width: 720px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{border-bottom:0;justify-content:flex-start;font-size:16PX;font-size:16PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{border-bottom:1PX solid #e7e7e7;border-bottom:1PX solid var(--brand-grey-20);justify-content:space-between;font-size:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{border-bottom:1PX solid #e7e7e7;border-bottom:1PX solid var(--brand-grey-20);justify-content:space-between;font-size:22PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{border-bottom:1PX solid #e7e7e7;border-bottom:1PX solid var(--brand-grey-20);justify-content:space-between;font-size:24PX}}@media screen and (min-width: 1921px){.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{border-bottom:1PX solid #e7e7e7;border-bottom:1PX solid var(--brand-grey-20);justify-content:space-between;font-size:28PX}}.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__main{height:100%;max-height:unset !important;margin:0 auto;padding:var(--modal-footer-padding-vertical) var(--content-padding)}.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__main+.mi-modal-energy__footer{margin-top:0}@media screen and (max-width: 720px){.mi-modal-energy.mi-modal-energy--bottom .ReactModal__Content,.mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content{transform:translateY(100%);opacity:1}.mi-modal-energy.mi-modal-energy--bottom .ReactModal__Content--after-open.mi-modal-energy__content,.mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content--after-open.mi-modal-energy__content{transform:translateY(0);opacity:1}.mi-modal-energy.mi-modal-energy--bottom .ReactModal__Content--before-close.mi-modal-energy__content,.mi-modal-energy.mi-modal-energy--drawer .ReactModal__Content--before-close.mi-modal-energy__content{transform:translateY(100%);opacity:1}.mi-modal-energy.mi-modal-energy--bottom .mi-modal-energy__content,.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__content{top:unset;right:0;bottom:0;left:0;width:100%;max-width:100%;height:auto;height:-moz-fit-content;height:fit-content;min-height:max(50vh, 120PX);max-height:85vh;border-radius:12PX 12PX 0 0}.mi-modal-energy.mi-modal-energy--bottom .mi-modal-energy__header,.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__header{flex-shrink:0}.mi-modal-energy.mi-modal-energy--bottom .mi-modal-energy__main,.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__main{margin-bottom:0}.mi-modal-energy.mi-modal-energy--bottom .mi-modal-energy__main.show-main-layer,.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__main.show-main-layer{position:relative}.mi-modal-energy.mi-modal-energy--bottom .mi-modal-energy__main+.mi-modal-energy__footer,.mi-modal-energy.mi-modal-energy--drawer .mi-modal-energy__main+.mi-modal-energy__footer{margin-top:0}}.mi-modal-energy.mi-modal-energy--dialog .mi-modal-energy__content{box-shadow:0 6PX 12PX 0 rgba(25,25,25,.08)}.mi-modal-energy__main-layer{position:absolute;top:0;left:0;width:100%;height:100%}
.mi-btn-v4{--btn-padding: 12px, 40px;--btn-font-size: 24px;--btn-text-base: var(--text-base);--btn-border-radius: 14px;--btn-background-white: var(--background-light);--btn-background-black: var(--background-black);--btn-background-primary: var(--background-primary);--btn-ellipsis-lines: 1;--btn-ellipsis-direction: vertical;--btn-background-color: transparent;--link-text-decoration: underline;display:inline-block;padding:var(--btn-padding);font-size:var(--btn-font-size);color:var(--btn-text-base);cursor:pointer;border:none;border-radius:var(--btn-border-radius);background-color:var(--btn-background-color)}.mi-btn-v4 .mi-btn-v4__text{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;/*! autoprefixer: off */display:-webkit-box;-webkit-box-orient:var(--btn-ellipsis-direction);-webkit-line-clamp:var(--btn-ellipsis-lines)}.mi-btn-v4.mi-btn-v4--default{--btn-background-color: transparent;border:1px solid #212121;border:1px solid var(--border-secondary)}.mi-btn-v4.mi-btn-v4--default:hover{--btn-text-base: #666;border-color:#666}.mi-btn-v4.mi-btn-v4--default.mi-btn-v4--highlight{--btn-text-base: var(--text-reverse);--btn-background-color: var(--btn-background-primary);border:1px solid rgba(0,0,0,0)}.mi-btn-v4.mi-btn-v4--default.mi-btn-v4--highlight:hover{--btn-text-base: var(--text-reverse);--btn-background-color: #ff781a;border-color:rgba(0,0,0,0)}.mi-btn-v4.mi-btn-v4--default.mi-btn-v4--dark{--btn-text-base: var(--text-reverse);border-color:var(--text-revers)}.mi-btn-v4.mi-btn-v4--default.mi-btn-v4--dark:hover{--btn-text-base: #d0d0d0;border-color:#d0d0d0}.mi-btn-v4.mi-btn-v4--primary{--btn-text-base: var(--text-reverse);--btn-background-color: var(--btn-background-black);border:1px solid rgba(0,0,0,0)}.mi-btn-v4.mi-btn-v4--primary:hover{--btn-background-color: #444}.mi-btn-v4.mi-btn-v4--primary.mi-btn-v4--highlight{--btn-background-color: var(--btn-background-primary)}.mi-btn-v4.mi-btn-v4--primary.mi-btn-v4--highlight:hover{--btn-background-color: #ff781a}.mi-btn-v4.mi-btn-v4--primary.mi-btn-v4--dark{--btn-text-base: var(--text-base);--btn-background-color: var(--btn-background-white);border:1px solid rgba(0,0,0,0)}.mi-btn-v4.mi-btn-v4--primary.mi-btn-v4--dark:hover{--btn-background-color: #e1e1e1}.mi-btn-v4:disabled,.mi-btn-v4.mi-btn-v4--disabled{--btn-text-base: var(--text-reverse);--btn-background-color: var(--brand-grey-40);border:1px solid rgba(0,0,0,0);cursor:not-allowed}.mi-btn-v4:disabled:hover,.mi-btn-v4.mi-btn-v4--disabled:hover{--btn-background-color: var(--brand-grey-40);--btn-text-base: var(--text-reverse);border-color:rgba(0,0,0,0)}.mi-btn-v4.mi-btn-v4--link{--link-font-size: 20px;display:inline-flex;align-items:center;padding:0;font-size:var(--link-font-size);line-height:unset;border-radius:initial}.mi-btn-v4.mi-btn-v4--link:hover .mi-btn-v4__text{-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration)}.mi-btn-v4.mi-btn-v4--link.mi-btn-v4--disabled{--btn-text-base: var(--text-secondary);--btn-background-color: transparent;border:none}.mi-btn-v4.mi-btn-v4--link.mi-btn-v4--disabled:hover .mi-btn-v4__text{--link-text-decoration: none}.mi-btn-v4.mi-btn-v4--link.mi-btn-v4--highlight{--btn-text-base: var(--text-primary)}.mi-btn-v4.mi-btn-v4--link.mi-btn-v4--dark{--btn-text-base: #fff}.mi-btn-v4.mi-btn-v4--arrow .micon{display:inline-block;font-size:inherit}html[data-mi-dir=rtl] .mi-btn-v4.mi-btn-v4--arrow .micon{transform:rotate(180deg)}html[dir=rtl] .mi-btn-v4.mi-btn-v4--arrow .micon{transform:rotate(180deg)}body.body--rtl .mi-btn-v4.mi-btn-v4--arrow .micon{transform:rotate(180deg)}.mi-btn-v4.mi-btn-v4--icon{--icon-font-size: 32px;--icon-background-color: transparent;padding:0;background-color:var(--icon-background-color)}.mi-btn-v4.mi-btn-v4--icon:hover{--btn-text-base: #444}.mi-btn-v4.mi-btn-v4--icon .micon{font-size:var(--icon-font-size)}.mi-btn-v4.mi-btn-v4--icon.mi-btn-v4--disabled{--btn-text-base: var(--text-secondary)}.mi-btn-v4.mi-btn-v4--icon.mi-btn-v4--disabled:hover{--btn-text-base: var(--text-secondary)}.mi-btn-v4.mi-btn-v4--icon.mi-btn-v4--highlight{--btn-text-base: var(--text-primary)}.mi-btn-v4.mi-btn-v4--icon.mi-btn-v4--highlight:hover{--btn-text-base: #ff781a}.mi-btn-v4.mi-btn-v4--icon.mi-btn-v4--dark{--btn-text-base: var(--text-reverse);border-color:var(--text-revers)}.mi-btn-v4.mi-btn-v4--icon.mi-btn-v4--dark:hover{--btn-text-base: #e1e1e1}
.mi-tag{display:inline-flex;box-sizing:border-box;margin:var(--margin-base);line-height:0;white-space:nowrap;background:#f5f5f5;background:var(--background-base);border:0.02778rem solid #ddd;border:0.02778rem solid var(--border-base);cursor:default;opacity:1}@media screen and (max-width: 720px){.mi-tag{--margin-base:0 1.1111111111vw;height:3.8888888889vw;line-height:3.8888888889vw;padding:0 .8333333333vw;font-size:max(2.7777777778vw, 12PX);border-radius:.8333333333vw}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-tag{--margin-base:0 .78125vw;height:2.34375vw;line-height:2.34375vw;padding:0 .390625vw;font-size:max(1.3671875vw, 12PX);border-radius:.390625vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-tag{--margin-base:0 .2777777778vw;height:1.5277777778vw;line-height:1.5277777778vw;padding:0 .5555555556vw;font-size:max(0.8333333333vw, 12PX);border-radius:.2777777778vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-tag{--margin-base:0 .46875vw;height:1.25vw;line-height:1.25vw;padding:0 .625vw;font-size:max(0.703125vw, 12PX);border-radius:.3125vw}}@media screen and (min-width: 1921px){.mi-tag{--margin-base:0 0.33333rem;height:1.25vw;line-height:1.25vw;padding:0 .625vw;font-size:max(0.703125vw, 12PX);border-radius:.3125vw}}@media screen and (max-width: 720px){[dir=ltr] .mi-tag:first-child{margin-left:0}html[data-mi-dir=ltr] .mi-tag:first-child{margin-left:0}[dir=rtl] .mi-tag:first-child{margin-right:0}html[data-mi-dir=rtl] .mi-tag:first-child{margin-right:0}}@media screen and (min-width: 721px)and (max-width: 1024px){[dir=ltr] .mi-tag:first-child{margin-left:0}html[data-mi-dir=ltr] .mi-tag:first-child{margin-left:0}[dir=rtl] .mi-tag:first-child{margin-right:0}html[data-mi-dir=rtl] .mi-tag:first-child{margin-right:0}}@media screen and (min-width: 1025px)and (max-width: 1440px){[dir=ltr] .mi-tag:first-child{margin-left:0}html[data-mi-dir=ltr] .mi-tag:first-child{margin-left:0}[dir=rtl] .mi-tag:first-child{margin-right:0}html[data-mi-dir=rtl] .mi-tag:first-child{margin-right:0}}@media screen and (min-width: 1441px)and (max-width: 1920px){[dir=ltr] .mi-tag:first-child{margin-left:0}html[data-mi-dir=ltr] .mi-tag:first-child{margin-left:0}[dir=rtl] .mi-tag:first-child{margin-right:0}html[data-mi-dir=rtl] .mi-tag:first-child{margin-right:0}}@media screen and (min-width: 1921px){[dir=ltr] .mi-tag:first-child{margin-left:0}html[data-mi-dir=ltr] .mi-tag:first-child{margin-left:0}[dir=rtl] .mi-tag:first-child{margin-right:0}html[data-mi-dir=rtl] .mi-tag:first-child{margin-right:0}}@media screen and (max-width: 720px){[dir=rtl] .mi-tag:last-child{margin-left:0}html[data-mi-dir=rtl] .mi-tag:last-child{margin-left:0}[dir=ltr] .mi-tag:last-child{margin-right:0}html[data-mi-dir=ltr] .mi-tag:last-child{margin-right:0}}@media screen and (min-width: 721px)and (max-width: 1024px){[dir=rtl] .mi-tag:last-child{margin-left:0}html[data-mi-dir=rtl] .mi-tag:last-child{margin-left:0}[dir=ltr] .mi-tag:last-child{margin-right:0}html[data-mi-dir=ltr] .mi-tag:last-child{margin-right:0}}@media screen and (min-width: 1025px)and (max-width: 1440px){[dir=rtl] .mi-tag:last-child{margin-left:0}html[data-mi-dir=rtl] .mi-tag:last-child{margin-left:0}[dir=ltr] .mi-tag:last-child{margin-right:0}html[data-mi-dir=ltr] .mi-tag:last-child{margin-right:0}}@media screen and (min-width: 1441px)and (max-width: 1920px){[dir=rtl] .mi-tag:last-child{margin-left:0}html[data-mi-dir=rtl] .mi-tag:last-child{margin-left:0}[dir=ltr] .mi-tag:last-child{margin-right:0}html[data-mi-dir=ltr] .mi-tag:last-child{margin-right:0}}@media screen and (min-width: 1921px){[dir=rtl] .mi-tag:last-child{margin-left:0}html[data-mi-dir=rtl] .mi-tag:last-child{margin-left:0}[dir=ltr] .mi-tag:last-child{margin-right:0}html[data-mi-dir=ltr] .mi-tag:last-child{margin-right:0}}.mi-tag__text--ellipsis{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;/*! autoprefixer: off */display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mi-tag--has-color{color:#fff;border-color:rgba(0,0,0,0)}.mi-tag--orange{color:#ff6700;color:var(--border-primary);background-color:rgba(255,105,0,.1);border:0.02778rem solid #ff6700;border:0.02778rem solid var(--border-primary)}.mi-tag--green{color:#028740;background-color:rgba(80,192,80,.1);border:0.02778rem solid #028740}.mi-tag--grey{color:#898989;color:var(--text-secondary);background:#f4f4f4;border:0.02778rem solid #dedede}.mi-tag--hidden{display:none}.mi-tag i{-webkit-margin-end:0.16667rem;margin-inline-end:0.16667rem}@media screen and (max-width: 720px){.mi-tag i{font-size:max(2.7777777778vw, 12PX)}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-tag i{font-size:max(1.3671875vw, 12PX)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-tag i{font-size:max(0.8333333333vw, 12PX)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-tag i{font-size:max(0.703125vw, 12PX)}}@media screen and (min-width: 1921px){.mi-tag i{font-size:0.5rem}}
.submenu-footer{display:flex;justify-content:flex-end;padding:40PX 0 64PX;color:#191919;color:var(--text-base);font-size:14PX}.submenu-footer.submenu-footer-mobile{justify-content:center;margin:0 20PX;-webkit-margin-end:26PX;margin-inline-end:26PX;padding:22PX 0;color:#898989;color:var(--text-secondary);font-size:12PX}.submenu-footer.submenu-footer-mobile .submenu-footer__item{-webkit-margin-start:12PX;margin-inline-start:12PX}.submenu-footer.submenu-footer-mobile .submenu-footer__item div{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;/*! autoprefixer: off */display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width: 720px){.submenu-footer{justify-content:center;margin:0 20PX;-webkit-margin-end:26PX;margin-inline-end:26PX;padding:22PX 0;color:#898989;color:var(--text-secondary);font-size:12PX}}.submenu-footer__item{display:flex;align-items:center;justify-content:center;-webkit-margin-start:32PX;margin-inline-start:32PX;text-align:center}.submenu-footer__item i{-webkit-margin-start:4PX;margin-inline-start:4PX;color:#898989;color:var(--text-secondary);font-size:14PX}.submenu-footer__item:first-child{-webkit-margin-start:0;margin-inline-start:0}.submenu-footer__item:hover{color:#ff6900;color:var(--text-primary)}.submenu-footer__item:hover i{color:#ff6900;color:var(--text-primary)}
.submenu-list.submenu-list-mobile{margin-top:10PX}.submenu-list.submenu-list-mobile .submenu-list__more{display:flex}@media screen and (max-width: 720px){.submenu-list.submenu-list-mobile .submenu-list__content{margin:0 20PX 6PX}}.submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item{margin-top:26PX;-webkit-margin-end:10PX;margin-inline-end:10PX}.submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item:nth-child(3n){-webkit-margin-end:0;margin-inline-end:0}.submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item-image img{display:block}.submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item-tag{display:flex}.submenu-list__more{display:none;align-items:center;justify-content:flex-start;padding:22PX 20PX 0;color:#898989;color:var(--text-secondary);font-weight:400;font-size:12PX}.submenu-list__more span{-webkit-margin-end:6PX;margin-inline-end:6PX}.submenu-list__content{display:flex;flex-wrap:wrap;font-size:12PX}@media screen and (max-width: 720px){.submenu-list__content{margin:0 20PX 6PX}}.submenu-list__content .submenu-list__item{display:flex;flex-direction:column;align-items:center;width:calc((100% - 20PX)/3);text-align:center}.submenu-list__content .submenu-list__item:nth-child(3n){-webkit-margin-end:0;margin-inline-end:0}.submenu-list__content .submenu-list__item-image img{width:66PX;height:66PX;object-fit:cover;display:none}.submenu-list__content .submenu-list__item-title{margin-top:6PX}.submenu-list__content .submenu-list__item-tag{align-items:center;margin-top:6PX;display:none}.submenu__layout-list{text-align:start}.submenu__layout-list .submenu-list__content{flex-direction:column}.submenu__layout-list .submenu-list__content a:hover{color:#ff6900;color:var(--text-primary);text-decoration:underline}.submenu__layout-list .submenu-list__item{align-items:flex-start;width:100%;color:#898989;color:var(--text-secondary);font-size:14PX;text-align:start}.submenu__layout-list .submenu-list__item-title{margin-top:14PX}.submenu__layout-list .list{display:grid;grid-template-columns:repeat(var(--submenu-list-columns), 1fr);margin-top:26PX;font-size:14PX;grid-column-gap:44PX;-moz-column-gap:44PX;column-gap:44PX}.submenu__layout-list .list-group-item{margin-bottom:30PX}.submenu__layout-list .list-group-item-title{font-weight:bold;cursor:pointer}.submenu__layout-list .list-group-item-title:hover{color:#ff6900;color:var(--text-primary)}
.site-slide-menu .sub-content{position:absolute;width:100%;height:100%;padding:calc(var(--menu-header-height) + 10PX) var(--menu-padding-horizontal) 0;box-sizing:border-box;background-color:#fff;overflow:scroll;transform:translateX(100%);transition:all .2s}.site-slide-menu .sub-content.sub-content--show{transform:translateX(0)}.site-slide-menu .sub-content .mi-accordion{--default-outline-vertical: 0;--default-text-padding-vertical: 10PX;--header-font-size: 16PX;--header-font-weight: 500;--item-padding: 9PX 0}.site-slide-menu .sub-content.sub-content--verbose .mi-accordion{--highlight-color: var(--text-base);--body-padding-left: 0}.site-slide-menu .sub-content.sub-content--verbose .cat__wrapper{display:grid;grid-template-columns:1fr;grid-row-gap:8PX;row-gap:8PX;margin-bottom:10PX;padding:14PX 0 8PX;border-bottom:1PX solid var(--menu-divider-color)}.site-slide-menu .sub-content.sub-content--verbose .cat__list{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-column-gap:22PX;-moz-column-gap:22PX;column-gap:22PX;grid-row-gap:10PX;row-gap:10PX}.site-slide-menu .sub-content.sub-content--verbose .cat__item{overflow:hidden}.site-slide-menu .sub-content.sub-content--verbose .cat__link{display:grid;grid-template-columns:1fr;grid-row-gap:8PX;row-gap:8PX;justify-items:center;font-size:inherit}.site-slide-menu .sub-content.sub-content--verbose .cat__link--bottom{justify-self:stretch;display:flex;justify-content:center;align-items:center;padding:10PX 0}.site-slide-menu .sub-content.sub-content--verbose .cat__link--bottom .micon{-webkit-margin-start:4PX;margin-inline-start:4PX;font-size:12PX;line-height:1}.site-slide-menu .sub-content.sub-content--verbose .cat__image{width:42PX;height:42PX;object-fit:cover;object-position:center}.site-slide-menu .sub-content.sub-content--verbose .cat__label{text-align:center}
.mi-accordion{--default-font-size: 12PX;--default-line-height: 1.2;--default-color: var(--text-base);--default-text-padding-vertical: 8PX;--default-outline-vertical: 10PX;--header-padding: var(--default-text-padding-vertical) 0;--header-font-weight: bold;--header-font-size: var(--default-font-size);--header-line-height: var(--default-line-height);--header-color: var(--default-color);--icon-font-size: var(--default-font-size);--icon-line-height: 1;--icon-color: var(--default-color);--body-padding-left: 28PX;--item-padding: var(--default-text-padding-vertical) 0;--item-font-size: var(--default-font-size);--item-line-height: var(--default-line-height);--item-color: var(--text-secondary);--divider-margin: var(--default-outline-vertical) 0;--divider-width: 1PX;--divider-style: solid;--divider-color: var(--brand-grey-20);--accordion-padding: var(--default-outline-vertical) 0;--highlight-color: var(--text-primary);padding:var(--accordion-padding)}.mi-accordion .accordion__group .group__header{display:flex;justify-content:space-between;align-items:center;padding:var(--header-padding)}.mi-accordion .accordion__group .group__header.group__header--selected .group__title,.mi-accordion .accordion__group .group__header.group__header--selected .group__icon{color:var(--highlight-color)}.mi-accordion .accordion__group .group__title{font-size:var(--header-font-size);font-weight:var(--header-font-weight);line-height:var(--header-line-height);color:var(--header-color)}.mi-accordion .accordion__group .group__icon{font-size:var(--icon-font-size);line-height:var(--icon-line-height);color:var(--icon-color)}.mi-accordion .accordion__group .group__body{max-height:0;-webkit-padding-start:var(--body-padding-left);padding-inline-start:var(--body-padding-left);overflow:hidden;transition:.2s;font-size:var(--item-font-size);line-height:var(--item-line-height);color:var(--item-color)}.mi-accordion .accordion__group .accordion__item{padding:var(--item-padding)}.mi-accordion .accordion__group .accordion__item.accordion__item--selected{color:var(--highlight-color)}.mi-accordion .accordion__divider{margin:var(--divider-margin);border-top:var(--divider-width) var(--divider-style) var(--divider-color)}
.lang-switcher{width:100%;position:relative;z-index:20;border-bottom:0.02778rem solid rgba(25,25,25,.06);display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:60PX;flex-shrink:0;color:#191919;color:var(--text-base);background-color:#fff}@media screen and (max-width: 720px){.lang-switcher{--text-font-size:12PX;--tab-font-size:14PX;--close-icon-size:14PX;--separator-height:10PX;--site-horizontal-padding:16PX;--select-width:100%}}@media screen and (min-width: 721px)and (max-width: 1024px){.lang-switcher{--text-font-size:14PX;--tab-font-size:16PX;--close-icon-size:16PX;--margin-60:34PX;--separator-height:12PX;--site-horizontal-padding:28PX;--select-width:280PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.lang-switcher{--text-font-size:14PX;--tab-font-size:16PX;--close-icon-size:16PX;--margin-60:34PX;--separator-height:12PX;--site-horizontal-padding:32PX;--select-width:300PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.lang-switcher{--text-font-size:14PX;--tab-font-size:16PX;--close-icon-size:16PX;--margin-60:45PX;--separator-height:12PX;--site-horizontal-padding:32PX;--select-width:320PX}}@media screen and (min-width: 1921px){.lang-switcher{--text-font-size:14PX;--tab-font-size:16PX;--close-icon-size:16PX;--margin-60:60PX;--separator-height:12PX;--site-horizontal-padding:32PX;--select-width:340PX}}@media screen and (max-width: 720px){.lang-switcher{height:unset;-webkit-tap-highlight-color:rgba(0,0,0,0)}}.lang-switcher .site-container{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;padding:0 var(--site-horizontal-padding);overflow:hidden}@media screen and (max-width: 720px){.lang-switcher .site-container{max-width:720PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.lang-switcher .site-container{max-width:1024PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.lang-switcher .site-container{max-width:1440PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.lang-switcher .site-container{max-width:1500PX}}@media screen and (min-width: 1921px){.lang-switcher .site-container{max-width:1500PX}}@media screen and (max-width: 720px){.lang-switcher .site-container{display:flex;justify-content:center;align-items:center;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:22PX 16PX}}.lang-switcher .site-container .lang-switcher__content{display:grid;grid-template-areas:"text select button";grid-template-columns:auto auto auto;grid-gap:16PX;gap:16PX;justify-content:center;width:100%}@media screen and (max-width: 720px){.lang-switcher .site-container .lang-switcher__content{grid-template:auto auto/1fr 88PX;grid-template-areas:"text null" "select button";gap:12PX}}.lang-switcher .lang-switcher__btn{grid-area:button;padding:0 25PX;height:36PX;border-radius:12PX;outline:none;border:none;cursor:pointer;font-size:14PX;color:#fff;color:var(--primary-variant);background-color:#191919;background-color:var(--text-base);align-self:center;overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;/*! autoprefixer: off */display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width: 720px){.lang-switcher .lang-switcher__btn{width:88PX;height:28PX;font-size:12PX;padding:0 12PX;border-radius:8PX;-webkit-tap-highlight-color:rgba(0,0,0,0)}}.lang-switcher .lang-switcher__btn:hover{opacity:.9}.lang-switcher .lang-switcher__text{max-width:330PX;grid-area:text;align-self:center;font-weight:700;font-size:var(--text-font-size);overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;/*! autoprefixer: off */display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width: 720px){.lang-switcher .lang-switcher__text{color:var(--brand-black-90);font-size:12PX}}.lang-switcher .lang-switcher__select-item{grid-area:select;width:var(--select-width);cursor:pointer;position:relative;align-self:center}.lang-switcher .lang-switcher__select-item .rc-select-selector{height:36PX}.lang-switcher .lang-switcher__select-item .rc-select-selector .rc-select-selection-item{font-size:14PX}@media screen and (max-width: 720px){.lang-switcher .lang-switcher__select-item .rc-select-selector .rc-select-selection-item{font-size:12PX}}@media screen and (max-width: 720px){.lang-switcher .lang-switcher__select-item .rc-select-selector{height:28PX;border-radius:8PX;-webkit-tap-highlight-color:rgba(0,0,0,0)}}.lang-switcher .lang-switcher__select-item:hover .rc-select-selector,.lang-switcher .lang-switcher__select-item.rc-select-open .rc-select-selector{border-color:#898989}.lang-switcher .lang-switcher__selector-item{position:relative;margin-bottom:0;color:#191919;color:var(--text-base);font-weight:400;font-size:var(--tab-font-size);cursor:pointer;width:340PX;min-height:60PX !important}.lang-switcher .lang-switcher__selector-item:first-child{-webkit-margin-end:14PX;margin-inline-end:14PX}.lang-switcher .lang-switcher__selector-item:last-child{-webkit-margin-start:14PX;margin-inline-start:14PX}.lang-switcher .lang-switcher__selector-item:last-child::before{position:absolute;top:2PX;left:-14PX;width:1PX;height:var(--separator-height);background-color:#191919;background-color:var(--text-base);content:""}.lang-switcher .lang-switcher__selector-item::after{display:block;border-bottom:1PX solid #191919;border-bottom:1PX solid var(--text-base);content:""}.lang-switcher .lang-switcher__selector{display:flex}.lang-switcher .lang-switcher__selector .lang-switcher__selector-item--active{color:#ff6900;color:var(--text-primary);cursor:default}.lang-switcher .lang-switcher__selector .lang-switcher__selector-item--active::after{border-bottom:1PX solid #ff6900;border-bottom:1PX solid var(--text-primary)}.lang-switcher .lang-switcher__select-item::-moz-placeholder{color:#191919 !important;color:var(--text-base) !important}.lang-switcher .lang-switcher__select-item::placeholder{color:#191919 !important;color:var(--text-base) !important}.lang-switcher .lang-switcher__close{-webkit-margin-start:var(--site-horizontal-padding);margin-inline-start:var(--site-horizontal-padding);color:#aeaeae;font-size:20PX;line-height:1;cursor:pointer;opacity:.8}@media screen and (max-width: 720px){.lang-switcher .lang-switcher__close{position:absolute;top:8PX;right:13PX;margin:0;color:var(--white-white100)}.lang-switcher .lang-switcher__close::before{display:block;width:16PX;height:16PX;color:#a3a3a3;font-weight:700;font-size:12PX;line-height:15PX;text-align:center;content:"✕"}}.lang-switcher .mi-select-v4.mi-select-v4--desktop{width:340PX;height:36PX}@media screen and (max-width: 720px){.lang-switcher .mi-select-v4.mi-select-v4--desktop{width:200PX !important}}.lang-switcher .rc-select-selection::-moz-placeholder{color:#191919 !important;color:var(--text-base) !important}.lang-switcher .rc-select-selection::placeholder{color:#191919 !important;color:var(--text-base) !important}.lang-switcher .rc-select-selector{box-sizing:border-box;border:1PX solid #e8e8e8;transform:translateZ(0)}@media screen and (max-width: 720px){.lang-switcher .rc-select-selector{height:28PX;border-radius:8PX;padding:0 8PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.lang-switcher .rc-select-selector{height:36PX;border-radius:8PX;padding:0 8PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.lang-switcher .rc-select-selector{height:36PX;border-radius:10PX;padding:0 12PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.lang-switcher .rc-select-selector{height:42PX;border-radius:12PX;padding:0 14PX}}@media screen and (min-width: 1921px){.lang-switcher .rc-select-selector{height:48PX;border-radius:14PX;padding:0 16PX}}.lang-switcher .rc-select-selection-placeholder::-moz-placeholder{color:#191919 !important;color:var(--text-base) !important}.lang-switcher .rc-select-selection-placeholder::placeholder{color:#191919 !important;color:var(--text-base) !important}.lang-switcher .rc-select-selection-search{width:auto;display:none}.lang-switcher .rc-select-selection-item{width:90%;overflow:hidden;color:#191919;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.lang-switcher .rc-select-selection-item,.lang-switcher .rc-select-selection-placeholder{position:inherit;display:inline-flex;align-items:center;line-height:1;pointer-events:none}.lang-switcher .rc-select-show-arrow .rc-select-arrow{display:flex;align-items:center;top:0;right:10PX;left:auto}html[data-mi-dir=rtl] .lang-switcher .rc-select-show-arrow .rc-select-arrow{right:auto}html[dir=rtl] .lang-switcher .rc-select-show-arrow .rc-select-arrow{right:auto}body.body--rtl .lang-switcher .rc-select-show-arrow .rc-select-arrow{right:auto}html[data-mi-dir=rtl] .lang-switcher .rc-select-show-arrow .rc-select-arrow{left:10PX}html[dir=rtl] .lang-switcher .rc-select-show-arrow .rc-select-arrow{left:10PX}body.body--rtl .lang-switcher .rc-select-show-arrow .rc-select-arrow{left:10PX}@media screen and (max-width: 720px){.lang-switcher .rc-select-show-arrow .rc-select-arrow{line-height:28PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.lang-switcher .rc-select-show-arrow .rc-select-arrow{line-height:36PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.lang-switcher .rc-select-show-arrow .rc-select-arrow{line-height:36PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.lang-switcher .rc-select-show-arrow .rc-select-arrow{line-height:42PX}}@media screen and (min-width: 1921px){.lang-switcher .rc-select-show-arrow .rc-select-arrow{line-height:48PX}}.lang-switcher .rc-select-show-arrow .rc-select-arrow .micon{font-size:14PX !important;color:#898989}.lang-switcher .lang-switcher__drop{position:relative;width:var(--select-width);min-height:60PX !important;max-height:200PX;border-radius:4PX;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-switcher .lang-switcher__drop .rc-select-item{line-height:1.5}@media screen and (max-width: 720px){.lang-switcher .lang-switcher__drop .rc-select-item{font-size:12PX;padding:4PX 8PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.lang-switcher .lang-switcher__drop .rc-select-item{font-size:14PX;padding:4PX 8PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.lang-switcher .lang-switcher__drop .rc-select-item{font-size:14PX;padding:4PX 16PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.lang-switcher .lang-switcher__drop .rc-select-item{font-size:16PX;padding:4PX 16PX}}@media screen and (min-width: 1921px){.lang-switcher .lang-switcher__drop .rc-select-item{font-size:16PX;padding:4PX 16PX}}.lang-switcher__drop.rc-select-dropdown{position:relative;box-sizing:border-box;width:var(--select-width);min-height:60PX !important;padding:8PX;border-radius:4PX;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:101 !important;background-color:#fff;box-shadow:0 6PX 16PX 0 rgba(0,0,0,.1019607843)}@media screen and (max-width: 720px){.lang-switcher__drop.rc-select-dropdown{-webkit-tap-highlight-color:rgba(0,0,0,0)}}.lang-switcher__drop.rc-select-dropdown .rc-select-item-option{display:flex;align-items:center;height:38PX;padding:0 8PX;border-radius:2PX}.lang-switcher__drop.rc-select-dropdown .rc-select-item-option:hover{background-color:#f3f3f3}@media screen and (max-width: 720px){.lang-switcher__drop.rc-select-dropdown .rc-select-item-option{height:32PX}}.lang-switcher__drop.rc-select-dropdown .rc-select-item-option-content{color:var(--brand-black-70);font-weight:400;font-size:14PX}@media screen and (max-width: 720px){.lang-switcher__drop.rc-select-dropdown .rc-select-item-option-content{font-size:12PX}}.lang-switcher__drop.rc-select-dropdown .rc-select-item-option.rc-select-item-option-selected .rc-select-item-option-content{font-weight:700;color:#191919;color:var(--text-base)}.lang-switcher__drop.rc-select-dropdown.rc-select-dropdown-hidden{display:none}
.mi-rcselect.mi-rcselect--desktop{display:block;position:relative;width:100%}.mi-rcselect.mi-rcselect--desktop .rc-select-disabled{cursor:not-allowed}.mi-rcselect.mi-rcselect--desktop .rc-select-disabled .rc-select-selector{opacity:.3}.mi-rcselect.mi-rcselect--desktop .rc-select-selector{padding:0.22222rem 0.27778rem;border:0.02778rem solid #dbdbdb;border-radius:0.13889rem}.mi-rcselect.mi-rcselect--desktop .rc-select-selection-item,.mi-rcselect.mi-rcselect--desktop .rc-select-selection-placeholder{position:absolute;top:0.22222rem;left:0.27778rem;pointer-events:none;color:#898989}.mi-rcselect.mi-rcselect--desktop .rc-select-selection-item{color:#191919}.mi-rcselect.mi-rcselect--desktop .rc-select-selection-placeholder{opacity:.4;pointer-events:none}.mi-rcselect.mi-rcselect--desktop .rc-select-selection-search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#898989}.mi-rcselect.mi-rcselect--desktop .rc-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}.rc-select-single .rc-select-selector{display:flex;position:relative}.rc-select-single .rc-select-selection-search{width:100%}.rc-select-single .rc-select-selection-search-input{border:none;outline:none;width:100%}.rc-select-show-arrow .rc-select-arrow{pointer-events:none;position:absolute;right:0.27778rem;top:0.22222rem}.rc-select-show-arrow .rc-select-arrow .mi-select-micon-down{font-size:0.44444rem;color:#dbdbdb}.rc-select-show-arrow .rc-select-arrow-icon::after{content:"";border:0.13889rem solid rgba(0,0,0,0);width:0;height:0;display:inline-block;border-top-color:#999;transform:translateY(0.13889rem)}.rc-select-open .rc-select-arrow{transform:rotate(180deg)}.rc-select-allow-clear .rc-select-clear{position:absolute;right:0.27778rem;top:0.22222rem}.rc-select-allow-clear .rc-select-clear .mi-select-micon-close{font-size:0.44444rem;color:#dbdbdb}.mi-rcselect.mi-rcselect--desktop.rc-select-focused .rc-select-selector,.mi-rcselect.mi-rcselect--desktop.rc-select-open .rc-select-selector{border-color:#ff6900}.mi-rcselect.mi-rcselect--desktop.rc-select:hover .rc-select-selector{border-color:#e0e0e0}.mi-rcselect.mi-rcselect--desktop.rc-select-open:hover .rc-select-selector{border-color:#ff6900}.mi-select-dropdown--desktop.rc-select-dropdown{min-height:2.77778rem;position:absolute;background:#fff;box-shadow:0 0.16667rem 0.33333rem 0 rgba(25,25,25,.08);border:0.02778rem solid #f3f3f3;z-index:20}.mi-select-dropdown--desktop.rc-select-dropdown-hidden{display:none}.mi-select-dropdown--desktop .rc-select-item{font-size:0.44444rem;line-height:1.5;padding:0.11111rem 0.44444rem}.mi-select-dropdown--desktop .rc-select-item-group{color:#898989;font-size:80%}.mi-select-dropdown--desktop .rc-select-item-option{position:relative;color:#898989}.mi-select-dropdown--desktop .rc-select-item-option-grouped{padding-left:0.66667rem}.mi-select-dropdown--desktop .rc-select-item-option .rc-select-item-option-state{position:absolute;right:0;top:0.11111rem;pointer-events:none}.mi-select-dropdown--desktop .rc-select-item-option-active{color:#191919;background:#f3f3f3}.mi-select-dropdown--desktop .rc-select-item-option-disabled{color:#999}.mi-select-dropdown--desktop .rc-select-item-option-empty{text-align:center;color:#999}
.site-notification-v4rd{position:sticky;display:block;width:100vw;max-width:100%;height:auto;color:#fff;color:var(--text-reverse);background-color:#191919;background-color:var(--background-black);box-sizing:border-box;z-index:20;left:0;right:auto}html[data-mi-dir=rtl] .site-notification-v4rd{left:auto}html[dir=rtl] .site-notification-v4rd{left:auto}body.body--rtl .site-notification-v4rd{left:auto}html[data-mi-dir=rtl] .site-notification-v4rd{right:0}html[dir=rtl] .site-notification-v4rd{right:0}body.body--rtl .site-notification-v4rd{right:0}@media screen and (max-width: 720px){.site-notification-v4rd{padding:8PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-notification-v4rd{padding:10PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-notification-v4rd{padding:10PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-notification-v4rd{padding:10PX}}@media screen and (min-width: 1921px){.site-notification-v4rd{padding:10PX}}.site-notification-v4rd .notification__container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;text-align:center}@media screen and (max-width: 720px){.site-notification-v4rd .notification__container{width:95%;font-size:12PX;line-height:14PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-notification-v4rd .notification__container{width:90%;font-size:14PX;line-height:18PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-notification-v4rd .notification__container{width:86%;font-size:14PX;line-height:1.3888888889vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-notification-v4rd .notification__container{width:1200PX;font-size:14PX;line-height:1.0416666667vw}}@media screen and (min-width: 1921px){.site-notification-v4rd .notification__container{width:1200PX;font-size:14PX;line-height:20PX}}.site-notification-v4rd .notification__container::before{content:"";display:block;width:16PX;height:16PX}.site-notification-v4rd .notification__content{-webkit-margin-end:10PX;margin-inline-end:10PX;overflow:hidden;word-break:break-word;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.site-notification-v4rd .notification__content--link,.site-notification-v4rd .notification__content a{cursor:pointer}.site-notification-v4rd .notification__content--link:hover,.site-notification-v4rd .notification__content a:hover{text-decoration:underline}.site-notification-v4rd .notification__button{border:0;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgba(0,0,0,0);color:inherit}.site-notification-v4rd .notification__button i{font-size:20PX}@media screen and (max-width: 720px){.site-notification-v4rd .notification__button i{font-size:16PX}}
.site-header-v4rd .site-header-v4rd__navigation .navigation__logo{flex-shrink:0;box-sizing:content-box;z-index:1000}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__logo{width:28PX;height:28PX;padding:0 12PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__logo{width:28PX;height:28PX;padding:0 12PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__logo{width:28PX;height:28PX;padding:0 16PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__logo{width:32PX;height:32PX;padding:0 24PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__logo{width:32PX;height:32PX;padding:0 24PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__logo .logo__link,.site-header-v4rd .site-header-v4rd__navigation .navigation__logo .logo__mi{display:block;width:100%;height:100%}.site-header-v4rd .site-header-v4rd__navigation .navigation__logo .logo__link .logo__home,.site-header-v4rd .site-header-v4rd__navigation .navigation__logo .logo__mi .logo__home{transform:translateX(-100%);transition:transform .2s}.site-header-v4rd .site-header-v4rd__navigation .navigation__logo .logo__link:hover .logo__home{transform:translateX(0)}
.navigation__group-wrapper{height:100%;-webkit-margin-end:auto;margin-inline-end:auto}@media screen and (max-width: 720px){.navigation__group-wrapper{--header-height:48PX;display:none}}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__group-wrapper{--header-height:48PX;display:none}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation__group-wrapper{--header-height:48PX;display:block}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation__group-wrapper{--header-height:56PX;display:block}}@media screen and (min-width: 1921px){.navigation__group-wrapper{--header-height:56PX;display:block}}.navigation-submenu{position:absolute;top:var(--header-height);left:0;z-index:4;justify-content:center;width:100%;height:0;overflow:hidden;background-color:#fff;background-color:var(--background-light);transition:.3s cubic-bezier(0.5, 0, 0, 0.75)}@media screen and (max-width: 720px){.navigation-submenu{display:none}}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation-submenu{display:none}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation-submenu{display:flex}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation-submenu{display:flex}}@media screen and (min-width: 1921px){.navigation-submenu{display:flex}}.navigation-submenu .submenu__content,.navigation-submenu .submenu-footer,.navigation-submenu .header-product-item,.navigation-submenu .list-group-item-title,.navigation-submenu .submenu-list__item{transform:translateY(-0.27778rem);opacity:0;transition:transform .5s ease,opacity .2s ease}.navigation-submenu--open .submenu__content,.navigation-submenu--open .submenu-footer,.navigation-submenu--open .header-product-item,.navigation-submenu--open .list-group-item-title,.navigation-submenu--open .submenu-list__item{transform:translateY(0);opacity:1;transition-delay:var(--content-transition-delay)}.navigation-submenu .submenu__product-group{z-index:0;opacity:0;transition:opacity .5s ease}.navigation-submenu .submenu__product-group .header-product-item__image{transition:all .5s}.navigation-submenu .submenu__product-group--show{z-index:1;opacity:1}.navigation-submenu .submenu__product-group--show .header-product-item:hover .header-product-item__image{transform:translateY(-0.27778rem)}.navigation-submenu__cover{position:absolute;top:var(--header-height);left:0;z-index:2;width:100%;height:calc(100vh - var(--header-height));background-color:rgba(0,0,0,.4);opacity:0;backdrop-filter:blur(0.27778rem);transition:.35s ease;pointer-events:none}.navigation-submenu__cover--show{opacity:1;transition-delay:.15s}
@media screen and (max-width: 720px){.site-header-v4rd .navigation__menu{--header-height:48PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .navigation__menu{--header-height:48PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .navigation__menu{--header-height:48PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .navigation__menu{--header-height:56PX}}@media screen and (min-width: 1921px){.site-header-v4rd .navigation__menu{--header-height:56PX}}.site-header-v4rd .navigation__menu .navigation__submenu{opacity:0;pointer-events:none;transform:translateY(-16PX);transition:all .2s ease-in-out}.site-header-v4rd .navigation__menu .navigation__submenu-wrapper{position:absolute;z-index:4;left:0;right:unset;top:var(--header-height);width:100%;height:0;background-color:#f5f5f5;background-color:var(--background-base);box-shadow:0 6PX 16PX 0 rgba(25,25,25,.06);transition:all .2s ease-in-out}@media screen and (max-width: 720px){.site-header-v4rd .navigation__menu .navigation__submenu-wrapper{display:none}}html[data-mi-dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-wrapper{left:unset}html[dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-wrapper{left:unset}body.body--rtl .site-header-v4rd .navigation__menu .navigation__submenu-wrapper{left:unset}html[data-mi-dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-wrapper{right:0}html[dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-wrapper{right:0}body.body--rtl .site-header-v4rd .navigation__menu .navigation__submenu-wrapper{right:0}.site-header-v4rd .navigation__menu .navigation__submenu-cover{position:absolute;left:0;right:unset;top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));background-color:#000;opacity:0;z-index:2;pointer-events:none;transition:all .25s}html[data-mi-dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-cover{left:unset}html[dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-cover{left:unset}body.body--rtl .site-header-v4rd .navigation__menu .navigation__submenu-cover{left:unset}html[data-mi-dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-cover{right:0}html[dir=rtl] .site-header-v4rd .navigation__menu .navigation__submenu-cover{right:0}body.body--rtl .site-header-v4rd .navigation__menu .navigation__submenu-cover{right:0}.site-header-v4rd .navigation__menu .navigation__item.navigation__item--open .navigation__submenu{pointer-events:all;opacity:1;transform:translateY(0)}.site-header-v4rd .navigation__menu .navigation__item.navigation__item--open .navigation__submenu-cover{opacity:.7}.site-header-v4rd .navigation__menu .navigation__item.navigation__item--hover .navigation__submenu-cover{pointer-events:all}
.navigation__submenu.navigation__submenu--style-one .submenu__list{display:flex;flex-wrap:wrap;width:-moz-max-content;width:max-content;margin:0 auto}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__submenu.navigation__submenu--style-one .submenu__list{padding:14PX 0;max-width:720PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation__submenu.navigation__submenu--style-one .submenu__list{padding:14PX 0;max-width:1020PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation__submenu.navigation__submenu--style-one .submenu__list{padding:14PX 0;max-width:1440PX}}@media screen and (min-width: 1921px){.navigation__submenu.navigation__submenu--style-one .submenu__list{padding:14PX 0;max-width:1440PX}}.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item{display:flex;justify-content:center;align-items:center}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item{padding:0}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item{padding:0}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item{padding:0 20PX}}@media screen and (min-width: 1921px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__item{padding:0 20PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon{font-size:42PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon{font-size:42PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon{font-size:48PX}}@media screen and (min-width: 1921px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__icon{font-size:48PX}}.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__title{margin-top:16PX;font-size:16PX}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__title{font-size:14PX}}.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:flex-start;text-align:center}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor{width:180PX;padding:16PX 0}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor{width:170PX;padding:25PX 0}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor{width:200PX;padding:34PX 0}}@media screen and (min-width: 1921px){.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor{width:200PX;padding:34PX 0}}.navigation__submenu.navigation__submenu--style-one .submenu__list .submenu__anchor:hover{color:#ff6900;color:var(--text-primary)}.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list{padding:0;max-width:unset}.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item{padding:0}.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item::after{content:"";-webkit-border-start:1PX solid #d0d0d0;border-inline-start:1PX solid #d0d0d0}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item::after{height:8PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item::after{height:8PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item::after{height:12PX}}@media screen and (min-width: 1921px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item::after{height:12PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon{font-size:34PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon{font-size:34PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon{font-size:48PX}}@media screen and (min-width: 1921px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__icon{font-size:48PX}}.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor{width:unset;height:unset;line-height:1}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor{margin:0 22PX;padding:32PX 0}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor{margin:0 22PX;padding:32PX 0}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor{margin:0 32PX;padding:50PX 0}}@media screen and (min-width: 1921px){.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__anchor{margin:0 32PX;padding:50PX 0}}.site-header-v4rd .navigation__submenu.navigation__submenu--phone .submenu__list .submenu__item:last-child::after{display:none}
.navigation__submenu.navigation__submenu--verbose{--column-gap: 10PX;--menu-image-size: 40PX;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));grid-column-gap:var(--column-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);grid-row-gap:var(--row-gap);row-gap:var(--row-gap);margin:0 auto;padding:0 0;padding:var(--submenu-vertical-padding, 0) var(--site-horizontal-padding, 0);box-sizing:border-box}@media screen and (max-width: 720px){.navigation__submenu.navigation__submenu--verbose{--site-horizontal-padding:16PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.navigation__submenu.navigation__submenu--verbose{--submenu-vertical-padding:32PX;--site-horizontal-padding:28PX;--row-gap:40PX;--menu-common-gap:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.navigation__submenu.navigation__submenu--verbose{--submenu-vertical-padding:40PX;--site-horizontal-padding:32PX;--row-gap:32PX;--menu-common-gap:16PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.navigation__submenu.navigation__submenu--verbose{--submenu-vertical-padding:48PX;--site-horizontal-padding:32PX;--row-gap:48PX;--menu-common-gap:24PX}}@media screen and (min-width: 1921px){.navigation__submenu.navigation__submenu--verbose{--submenu-vertical-padding:48PX;--site-horizontal-padding:32PX;--row-gap:48PX;--menu-common-gap:24PX}}.navigation__submenu.navigation__submenu--verbose .group-grid{display:grid;grid-template-columns:1fr;grid-row-gap:var(--menu-common-gap);row-gap:var(--menu-common-gap);align-content:start;overflow:hidden}.navigation__submenu.navigation__submenu--verbose .group-grid.group-grid--compact{--menu-common-gap: 14PX}.navigation__submenu.navigation__submenu--verbose .group-grid.submenu__group--wide{grid-column:span 2}.navigation__submenu.navigation__submenu--verbose .group-grid.submenu__group--wide .group__body{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-column-gap:var(--column-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap)}.navigation__submenu.navigation__submenu--verbose .group__title{font-size:20PX;font-weight:bold}.navigation__submenu.navigation__submenu--verbose .group__body .item__link{display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.navigation__submenu.navigation__submenu--verbose .group__body .item__link:hover{text-decoration:underline}.navigation__submenu.navigation__submenu--verbose .group__body .item__image{width:var(--menu-image-size);height:var(--menu-image-size);-webkit-margin-end:10PX;margin-inline-end:10PX;object-fit:cover;object-position:center}
.energy-label-fixed{--image-width: 68PX;--info-margin-left: 8PX;--link-font-size: 13PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 16PX;--link-text-width: 114PX;--bundle-more-icon-radius: 4PX}@media screen and (max-width: 720px){.energy-label-responsive{--image-width: 57PX;--info-margin-left: 6PX;--link-font-size: 12PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 16PX;--link-text-width: 114PX;--bundle-more-icon-radius: 4PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.energy-label-responsive{--image-width: 80PX;--info-margin-left: 8PX;--link-font-size: 15PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 16PX;--link-text-width: 148PX;--bundle-more-icon-radius: 4PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.energy-label-responsive{--image-width: 91PX;--info-margin-left: 10PX;--link-font-size: 17PX;--bundle-more-icon-size: 16PX;--bundle-more-icon-width: 16PX;--bundle-more-left: 20PX;--link-text-width: 148PX;--bundle-more-icon-radius: 4PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut{position:relative;padding-left:0;padding-right:0}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item:hover .shortcut__arrow,.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item:hover .shortcut__view{display:block}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item.shortcut__item-category{display:none}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item.shortcut__item-category{display:none}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item.shortcut__item-category{display:none}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper{position:relative;line-height:1}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{position:absolute;display:inline-block;vertical-align:middle;color:#fff;color:var(--text-reverse);background-color:#ff6700;background-color:var(--background-primary);border-radius:8PX;border-bottom-left-radius:0}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{display:none}}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{top:-10PX;padding:0 .234375vw;font-size:0.625vw;font-size:max(0.625vw, 0.33333rem);transform:scale(0.6) translateX(-30%)}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{top:-10PX;padding:2PX 4PX;font-size:12PX;transform:scale(0.8) translateX(-30%)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{top:-10PX;padding:2PX 4PX;font-size:12PX;transform:scale(0.8) translateX(-30%)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{top:-10PX;padding:2PX 4PX;font-size:12PX;transform:scale(0.9) translateX(-30%)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{top:-10PX;padding:2PX 4PX;font-size:12PX;transform:scale(0.9) translateX(-30%)}}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.6) translateX(-30%)}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.8) translateX(-30%)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.8) translateX(-30%)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.9) translateX(-10%)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.9) translateX(-10%)}}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{top:0;font-size:0.625vw;font-size:max(0.625vw, 0.33333rem);transform:scale(0.6) translateX(0%)}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{top:0;font-size:max(1.171875vw, 0.33333rem);transform:scale(0.9) translateX(-25%)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{top:-4PX;font-size:max(0.8333333333vw, 0.33333rem);transform:scale(0.8) translateX(-40%)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{top:0;font-size:12PX;transform:scale(0.9) translateX(-20%)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{top:0;font-size:14PX;transform:translateX(-10%)}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{position:absolute;font-size:12PX;color:#ff6900;color:var(--text-primary)}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{top:-3PX;right:-3PX;transform:scale(0.6)}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{top:-0.48828125vw;right:-0.48828125vw;transform:scale(0.4)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{top:-.2777777778vw;right:-.2777777778vw;transform:scale(0.4)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{top:-0.15625vw;right:-0.15625vw;transform:scale(0.5)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{top:-1PX;right:-1PX;transform:scale(0.6)}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__icon{line-height:1}@media screen and (max-width: 720px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__icon{font-size:20PX;font-size:20PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__icon{font-size:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__icon{font-size:20PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__icon{font-size:28PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__icon{font-size:28PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow{position:absolute;display:none;width:100%;overflow:hidden}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow{height:.5078125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow{height:.5078125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow{height:.5078125vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow{height:13PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow::after{position:absolute;left:50%;display:block;content:"";width:18PX;height:18PX;border:1PX solid #f3f3f3;border:1PX solid var(--brand-grey-10);border-radius:3PX;background-color:#fff;background-color:var(--background-light);z-index:2;transform-origin:0% 0;transform:rotate(45deg)}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{position:absolute;display:none;width:-moz-max-content;width:max-content;line-height:initial;background-color:#fff;background-color:var(--background-light);border:1PX solid #f3f3f3;border:1PX solid var(--brand-grey-10);border-radius:5PX;box-shadow:0 6PX 16PX 0 rgba(25,25,25,.1);cursor:auto;transition:all .3s}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{right:-1.953125vw;margin-top:.46875vw;font-size:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{right:-1.953125vw;margin-top:.46875vw;font-size:14PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{right:-1.953125vw;margin-top:.46875vw;font-size:16PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{right:-50PX;margin-top:12PX;font-size:16PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--empty{padding:1.5625vw 1.5625vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--empty{padding:.625vw .78125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--empty{padding:.625vw .78125vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--empty{padding:16PX 20PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--loading{max-width:480PX}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--loading{width:18.75vw;padding:1.5625vw 0}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--loading{width:18.75vw;padding:1.5625vw 0}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--loading{width:18.75vw;padding:1.5625vw 0}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart--loading{width:18.75vw;padding:40PX 0}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__list{border-bottom:1PX solid #e7e7e7;border-bottom:1PX solid var(--brand-grey-20);overflow:auto}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__list{max-height:27.34375vw;margin-top:.625vw;margin-bottom:1.5625vw;padding:0 .78125vw .78125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__list{max-height:19.53125vw;margin-top:.625vw;margin-bottom:1.5625vw;padding:0 .625vw .625vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__list{max-height:19.53125vw;margin-top:.625vw;margin-bottom:1.5625vw;padding:0 .625vw .625vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__list{max-height:500PX;margin-top:16PX;margin-bottom:40PX;padding:0 16PX 16PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__font--muted{color:#898989;color:var(--text-secondary)}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link{position:relative;display:flex;align-items:center;max-width:480PX;color:#191919;color:var(--text-base);border-radius:5PX;cursor:pointer}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link{width:27.9296875vw;padding:.78125vw 0}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link{width:18.75vw;padding:.78125vw 0}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link{width:18.75vw;padding:.78125vw 0}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link{width:18.75vw;padding:20PX 0}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link:hover{background-color:#f7f7f7;background-color:var(--background-base-variant-6)}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-link:hover .cart__item-delete{display:inline-block}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image{flex-shrink:0}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image{width:6.8359375vw;height:6.8359375vw;-webkit-margin-end:.78125vw;margin-inline-end:.78125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image{width:3.90625vw;height:3.90625vw;-webkit-margin-end:.78125vw;margin-inline-end:.78125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image{width:3.90625vw;height:3.90625vw;-webkit-margin-end:.78125vw;margin-inline-end:.78125vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-image{width:75PX;height:75PX;-webkit-margin-end:20PX;margin-inline-end:20PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-name{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-info{display:flex;flex-direction:column;align-items:flex-start;line-height:unset}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-energy{--group-margin-top:6PX;--group-margin-bottom:6PX}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-energy{--image-width: 46PX;--info-margin-left: 6PX;--link-font-size: 10PX;--bundle-more-icon-size: 14PX;--bundle-more-icon-width: 14PX;--bundle-more-left: 12PX;--link-text-width: 90PX;--bundle-more-icon-radius: 2PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-energy{--image-width: 40PX;--info-margin-left: 5PX;--link-font-size: 9PX;--bundle-more-icon-size: 12PX;--bundle-more-icon-width: 12PX;--bundle-more-left: 12PX;--link-text-width: 90PX;--bundle-more-icon-radius: 2PX}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-energy{--image-width: 46PX;--info-margin-left: 6PX;--link-font-size: 10PX;--bundle-more-icon-size: 14PX;--bundle-more-icon-width: 14PX;--bundle-more-left: 12PX;--link-text-width: 90PX;--bundle-more-icon-radius: 2PX}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-energy{--image-width: 46PX;--info-margin-left: 6PX;--link-font-size: 10PX;--bundle-more-icon-size: 14PX;--bundle-more-icon-width: 14PX;--bundle-more-left: 12PX;--link-text-width: 90PX;--bundle-more-icon-radius: 2PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail{text-align:start}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail{margin-bottom:.15625vw;-webkit-padding-end:.9375vw;padding-inline-end:.9375vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail{margin-bottom:.15625vw;-webkit-padding-end:.9375vw;padding-inline-end:.9375vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail{margin-bottom:.15625vw;-webkit-padding-end:.9375vw;padding-inline-end:.9375vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail{margin-bottom:4PX;-webkit-padding-end:24PX;padding-inline-end:24PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-detail:last-child{margin-bottom:0}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{position:absolute;display:none}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{right:1.171875vw;bottom:1.171875vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{right:.9375vw;bottom:.9375vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{right:.9375vw;bottom:.9375vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{right:24PX;bottom:24PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete:hover{color:#191919;color:var(--text-base)}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete.micon{font-size:max(1.7578125vw, 0.33333rem)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete.micon{font-size:max(0.9375vw, 0.33333rem)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete.micon{font-size:max(0.9375vw, 0.33333rem)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete.micon{font-size:20PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary{padding:0 1.5625vw 1.5625vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary{padding:0 1.5625vw 1.5625vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary{padding:0 1.5625vw 1.5625vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary{padding:0 40PX 54PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info{display:flex;justify-content:space-between}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info{margin-bottom:1.5625vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info{margin-bottom:1.5625vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info{margin-bottom:1.5625vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-info{margin-bottom:40PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary-price{font-weight:700}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart{display:flex;justify-content:center}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart{padding:.5859375vw 0;font-size:max(1.5625vw, 0.33333rem)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart{padding:.46875vw 0;font-size:max(0.9375vw, 0.33333rem)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart{padding:.46875vw 0;font-size:max(0.9375vw, 0.33333rem)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__summary .cart__jump-cart{padding:12PX 0;font-size:20PX}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{right:-0.78125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{right:-0.78125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{right:-0.78125vw}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{right:-20PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__item{border-bottom:1PX solid #e7e7e7;border-bottom:1PX solid var(--brand-grey-20)}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__item:last-child{border-bottom:none}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__link{position:relative;display:inline-block;width:100%;color:#898989;color:var(--text-secondary);text-align:center;box-sizing:border-box}@media screen and (min-width: 721px)and (max-width: 1024px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__link{padding:1.5625vw 2.34375vw;font-size:max(1.5625vw, 0.33333rem)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__link{padding:.625vw .9765625vw;font-size:max(0.9375vw, 0.33333rem)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__link{padding:.8333333333vw 1.3020833333vw;font-size:max(0.9375vw, 0.33333rem)}}@media screen and (min-width: 1921px){.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__link{padding:16PX 25PX;font-size:20PX}}.site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-account .view-account__link:hover{color:#191919;color:var(--text-base);text-decoration:underline;background-color:#fff}html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{border-radius:8PX;border-bottom-right-radius:0}@media screen and (max-width: 720px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{transform:scale(0.6) translateX(30%)}}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{transform:scale(0.8) translateX(30%)}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{transform:scale(0.8) translateX(30%)}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{transform:scale(0.9) translateX(30%)}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification{transform:scale(0.9) translateX(30%)}}@media screen and (max-width: 720px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.6) translateX(30%)}}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.8) translateX(30%)}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.8) translateX(30%)}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.9) translateX(10%)}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--cart{transform:scale(0.9) translateX(10%)}}@media screen and (max-width: 720px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{transform:scale(0.6) translateX(0%)}}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{transform:scale(0.9) translateX(25%)}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{transform:scale(0.8) translateX(40%)}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{transform:scale(0.9) translateX(20%)}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .shortcut__notification.shortcut__notification--inner{transform:translateX(10%)}}html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{right:initial}@media screen and (max-width: 720px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{left:-3PX}}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{left:-0.48828125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{left:-.2777777778vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{left:-0.15625vw}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__item .shortcut__item--wrapper .micon-notification-dot{left:-1PX}}html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow::after,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow::after,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__arrow::after{left:initial;right:50%;transform-origin:100% 0;transform:rotate(-45deg)}html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{right:initial}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{left:-1.953125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{left:-1.953125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{left:-1.953125vw}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view{left:-50PX}}html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{right:initial}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{left:1.171875vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{left:.9375vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{left:.9375vw}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view-cart .cart__item-delete{left:24PX}}html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{right:initial}@media screen and (min-width: 721px)and (max-width: 1024px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{left:-0.78125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{left:-0.78125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{left:-0.78125vw}}@media screen and (min-width: 1921px){html[dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,html[data-mi-dir=rtl] .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account,body.body--rtl .site-header-v4rd .site-header-v4rd__navigation .navigation__shortcut .shortcut__view.shortcut__view-account{left:-20PX}}
.mi-loading-v4.mi-loading-v4--desktop{width:100vw;flex-grow:1;display:flex;justify-content:center;align-items:center}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation{position:relative;margin:0 auto;width:4px;height:20px;background:#ff6700;background:var(--background-loader);transition:background-color ease 250ms;overflow:visible;animation-delay:0s;transform:scale(1, 1)}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation::before,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation::after{transform-origin:50% 50%;animation-name:loader;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate-reverse}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation::before,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation::after{position:absolute;left:50%;top:50%;width:4px;height:20px;content:"";background-color:#ff6700;background-color:var(--background-loader);transition:background-color ease 250ms}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation::before{margin:-10px 0 0 -10px;animation-delay:.25s;transform:scale(1, 0.3)}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation::after{margin:-10px 0 0 6px;animation-delay:.5s;transform:scale(1, 0.5)}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation--white,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation--white::before,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation--white::after{background:#fff;background:var(--background-light)}.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation--gray,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation--gray::before,.mi-loading-v4.mi-loading-v4--desktop .mi-loading-v4__animation--gray::after{background:rgba(0,0,0,.3)}@keyframes loader{0%{transform:scale(1, 0.5);opacity:.2}100%{transform:scale(1, 1);opacity:1}}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--scroll{width:100%;height:auto;margin:40px 0}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--scroll .mi-loading-v4__animation{width:4px;height:20px}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--scroll .mi-loading-v4__animation::before,.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--scroll .mi-loading-v4__animation::after{width:4px;height:20px}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--scroll .mi-loading-v4__animation::before{margin:-10px 0 0 -10px}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--scroll .mi-loading-v4__animation::after{margin:-10px 0 0 6px}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--inner{width:100%;height:100%}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--mask{width:100vw;height:100vh;position:fixed;z-index:99;top:0;left:0;background-color:rgba(248, 248, 248, 0.65);background-color:var(--background-mask-a65)}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--mask .mi-loading-v4__animation{position:absolute}.mi-loading-v4.mi-loading-v4--desktop.mi-loading-v4--mask .mi-loading-v4__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-top:90px;text-align:center;font-size:18px;line-height:1;color:#757575;color:var(--content-light);margin:auto -100%}
.search-modal{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;background-color:rgba(25,25,25,.69);transition:opacity .2s cubic-bezier(0, 0, 0.31, 0.92)}.search-modal .search-base{width:100%;background-color:#fff;background-color:var(--primary-variant);opacity:1;transition:transform .5s cubic-bezier(0, 0, 0.31, 0.92),opacity .5s cubic-bezier(0, 0, 0.31, 0.92) !important;transform:translateY(-100%)}@media screen and (min-width: 721px)and (max-width: 1024px){.search-modal .search-base{height:411PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-modal .search-base{height:37.8472222222vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-modal .search-base{height:580PX}}@media screen and (min-width: 1921px){.search-modal .search-base{height:580PX}}.search-modal .search-base .search-input{opacity:0;transition:opacity .2s cubic-bezier(0.4, 0.1, 0.85, 0.36) !important;transition-delay:.1s !important}.search-modal .search-base__container{margin:0 auto;box-sizing:border-box}@media screen and (min-width: 721px)and (max-width: 1024px){.search-modal .search-base__container{width:65%;padding-top:48PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-modal .search-base__container{width:55.2777777778vw;padding-top:5.5555555556vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-modal .search-base__container{width:832PX;padding-top:80PX}}@media screen and (min-width: 1921px){.search-modal .search-base__container{width:832PX;padding-top:80PX}}.search-modal--hidden{opacity:0;pointer-events:none}.search-modal--hidden .search-base{transform:translateY(-100%)}.search-modal--show{opacity:1;pointer-events:all;display:block}.search-modal--show .search-base{max-width:100%;opacity:1;transform:translateY(0)}.search-modal--show .search-base .search-input{opacity:1}
div.search-input.mi-input{box-sizing:border-box}@media screen and (min-width: 721px)and (max-width: 1024px){div.search-input.mi-input{height:36PX;font-size:16PX;border-radius:12PX;padding-left:16PX;padding-right:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){div.search-input.mi-input{height:3.8888888889vw;font-size:max(1.6666666667vw, 12PX);border-radius:.9722222222vw;padding-left:1.6666666667vw;padding-right:1.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){div.search-input.mi-input{height:56PX;font-size:24PX;border-radius:14PX;padding-left:24PX;padding-right:24PX}}@media screen and (min-width: 1921px){div.search-input.mi-input{height:56PX;font-size:24PX;border-radius:14PX;padding-left:24PX;padding-right:24PX}}div.search-input.mi-input>#mi-base-search{box-sizing:border-box;overflow:visible}@media screen and (min-width: 721px)and (max-width: 1024px){div.search-input.mi-input>#mi-base-search{height:24PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){div.search-input.mi-input>#mi-base-search{height:2.2222222222vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){div.search-input.mi-input>#mi-base-search{height:32PX}}@media screen and (min-width: 1921px){div.search-input.mi-input>#mi-base-search{height:32PX}}div.search-input.mi-input>#mi-base-search::-moz-placeholder{font-weight:400}div.search-input.mi-input>#mi-base-search::placeholder{font-weight:400}@media screen and (min-width: 721px)and (max-width: 1024px){div.search-input.mi-input>.mi-input--prefix{margin-right:.5em}}@media screen and (min-width: 1025px)and (max-width: 1440px){div.search-input.mi-input>.mi-input--prefix{margin-right:.75em}}@media screen and (min-width: 1441px)and (max-width: 1920px){div.search-input.mi-input>.mi-input--prefix{margin-right:.75em}}@media screen and (min-width: 1921px){div.search-input.mi-input>.mi-input--prefix{margin-right:.75em}}div.search-input.mi-input .micon{cursor:pointer;color:var(--brand-grey)}@media screen and (min-width: 721px)and (max-width: 1024px){div.search-input.mi-input .micon{font-size:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){div.search-input.mi-input .micon{font-size:max(2.2222222222vw, 12PX)}}@media screen and (min-width: 1441px)and (max-width: 1920px){div.search-input.mi-input .micon{font-size:32PX}}@media screen and (min-width: 1921px){div.search-input.mi-input .micon{font-size:32PX}}@media screen and (min-width: 721px)and (max-width: 1024px){div.search-input.mi-input .micon.micon-clear{font-size:14PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){div.search-input.mi-input .micon.micon-clear{font-size:max(1.6666666667vw, 12PX)}}@media screen and (min-width: 1441px)and (max-width: 1920px){div.search-input.mi-input .micon.micon-clear{font-size:24PX}}@media screen and (min-width: 1921px){div.search-input.mi-input .micon.micon-clear{font-size:24PX}}div.search-input.mi-input.mi-input--active .micon{color:var(--brand-black)}
.mi-input{width:240PX;height:40PX;border:1PX solid #dbdbdb;border-radius:14PX;font-size:14PX;overflow:hidden;box-sizing:border-box;position:relative;background-color:#fff;display:flex;align-items:center;padding:0 12PX}.mi-input>input{width:100%;height:100%;border:none;outline:none;padding:unset;color:#191919;background-color:inherit;flex:1 1}.mi-input>input::-moz-placeholder{color:#d0d0d0}.mi-input>input::placeholder{color:#d0d0d0}.mi-input--large{height:48PX;border-radius:16PX;font-size:16PX;padding:0 16PX}.mi-input--small{height:24PX;border-radius:8PX;font-size:12PX;padding:0 8PX}.mi-input--fullwidth{width:100%}.mi-input--hover{border-color:#898989}.mi-input--hover>input::-moz-placeholder{color:#898989}.mi-input--hover>input::placeholder{color:#898989}.mi-input--active{border-color:#ff6900}.mi-input--disabled{border:1PX solid #d0d0d0;background-color:#f3f3f3;cursor:not-allowed}.mi-input--prefix{display:inline-block;margin-right:.5em}.mi-input--suffix{display:flex;margin-left:.5em}
.search-recommend{width:100%;display:flex;flex-direction:column;box-sizing:border-box}.search-recommend.hide{display:flex}@media screen and (min-width: 721px)and (max-width: 1024px){.search-recommend{padding-left:16PX;padding-right:16PX;padding-top:16PX;padding-bottom:16PX;margin-top:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-recommend{padding-left:1.6666666667vw;padding-right:1.6666666667vw;padding-top:1.6666666667vw;padding-bottom:1.6666666667vw;margin-top:1.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-recommend{padding-left:24PX;padding-right:24PX;padding-top:24PX;padding-bottom:24PX;margin-top:24PX}}@media screen and (min-width: 1921px){.search-recommend{padding-left:24PX;padding-right:24PX;padding-top:24PX;padding-bottom:24PX;margin-top:16PX}}.search-recommend--tip{color:#898989}@media screen and (min-width: 721px)and (max-width: 1024px){.search-recommend--tip{font-size:16PX;line-height:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-recommend--tip{font-size:max(1.3888888889vw, 12PX);line-height:1.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-recommend--tip{font-size:20PX;line-height:24PX}}@media screen and (min-width: 1921px){.search-recommend--tip{font-size:20PX;line-height:24PX}}.search-recommend--list{box-sizing:border-box}@media screen and (min-width: 721px)and (max-width: 1024px){.search-recommend--list{margin-top:20PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-recommend--list{margin-top:1.3888888889vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-recommend--list{margin-top:20PX}}@media screen and (min-width: 1921px){.search-recommend--list{margin-top:20PX}}.search-recommend--item{margin-top:10PX;color:#898989;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center}@media screen and (min-width: 721px)and (max-width: 1024px){.search-recommend--item{font-size:20PX;height:32PX;margin-top:16PX;padding-left:24PX;padding-right:24PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-recommend--item{font-size:max(1.6666666667vw, 12PX);height:2.7777777778vw;margin-top:.6944444444vw;padding-left:3.3333333333vw;padding-right:3.3333333333vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-recommend--item{font-size:24PX;height:40PX;margin-top:10PX;padding-left:48PX;padding-right:48PX}}@media screen and (min-width: 1921px){.search-recommend--item{font-size:24PX;height:28PX;margin-top:10PX;padding-left:48PX;padding-right:48PX}}.search-recommend--item:nth-child(1){margin-top:unset}.search-recommend--item.active{color:#191919;background-color:#f3f3f3;font-weight:bold}.search-recommend--item>span{display:inline-block}
.search-suggest{display:flex;flex-direction:column;box-sizing:border-box}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest{padding-top:24PX;padding-left:16PX;padding-right:16PX;padding-bottom:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest{padding-top:2.7777777778vw;padding-left:1.6666666667vw;padding-right:1.6666666667vw;padding-bottom:1.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest{padding-top:40PX;padding-left:24PX;padding-right:24PX;padding-bottom:24PX}}@media screen and (min-width: 1921px){.search-suggest{padding-top:40PX;padding-left:24PX;padding-right:24PX;padding-bottom:24PX}}.search-suggest--direct,.search-suggest--item{display:flex;align-items:center;position:relative;cursor:pointer}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--commodity>img{width:72PX;height:72PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--commodity>img{width:6.6666666667vw;height:6.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--commodity>img{width:96PX;height:96PX}}@media screen and (min-width: 1921px){.search-suggest--commodity>img{width:96PX;height:96PX}}.search-suggest--commodity__con{display:flex;flex-direction:column;align-self:flex-start}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--commodity__con{margin-left:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--commodity__con{margin-left:1.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--commodity__con{margin-left:24PX}}@media screen and (min-width: 1921px){.search-suggest--commodity__con{margin-left:24PX}}.search-suggest--commodity__title{color:#898989;color:var(--text-secondary)}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--commodity__title{font-size:16PX;line-height:16PX;margin-top:8PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--commodity__title{font-size:max(1.6666666667vw, 12PX);line-height:2.6388888889vw;margin-top:.7638888889vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--commodity__title{font-size:32PX;line-height:38PX;margin-top:11PX}}@media screen and (min-width: 1921px){.search-suggest--commodity__title{font-size:32PX;line-height:38PX;margin-top:11PX}}.search-suggest--commodity__con>strong{line-height:29PX;color:#898989;color:var(--text-secondary);font-weight:400}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--commodity__con>strong{font-size:16PX;line-height:16PX;margin-top:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--commodity__con>strong{font-size:max(1.6666666667vw, 12PX);line-height:1.6666666667vw;margin-top:.5555555556vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--commodity__con>strong{font-size:24PX;line-height:24PX;margin-top:8PX}}@media screen and (min-width: 1921px){.search-suggest--commodity__con>strong{font-size:24PX;line-height:29PX;margin-top:8PX}}.search-suggest--commodity.active .search-suggest--commodity__title{font-weight:bold;color:#191919;color:var(--text-base)}.search-suggest--event>.micon-suggest{color:#ff6900;font-weight:bold}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--event>.micon-suggest{font-size:18PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--event>.micon-suggest{font-size:max(1.6666666667vw, 12PX)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--event>.micon-suggest{font-size:32PX}}@media screen and (min-width: 1921px){.search-suggest--event>.micon-suggest{font-size:32PX}}.search-suggest--event__title{font-weight:bold;color:#ff6900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--event__title{font-size:20PX;line-height:24PX;margin-left:4PX;width:78%}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--event__title{font-size:max(1.6666666667vw, 12PX);line-height:2.0138888889vw;margin-left:.5555555556vw;width:41.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--event__title{font-size:24PX;line-height:29PX;margin-left:8PX;width:624PX}}@media screen and (min-width: 1921px){.search-suggest--event__title{font-size:24PX;line-height:29PX;margin-left:8PX;width:624PX}}.search-suggest i.micon-forward{position:absolute;top:50%;transform:translateY(-50%);color:#898989}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest i.micon-forward{font-size:16PX;right:16PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest i.micon-forward{font-size:max(1.6666666667vw, 12PX);right:1.6666666667vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest i.micon-forward{font-size:24PX;right:24PX}}@media screen and (min-width: 1921px){.search-suggest i.micon-forward{font-size:24PX;right:24PX}}.search-suggest--item{box-sizing:border-box;color:#898989;display:flex;align-items:center}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--item{padding-left:16PX;margin-top:16PX;font-size:16PX;height:32PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--item{padding-left:3.3333333333vw;margin-top:.9722222222vw;font-size:max(1.6666666667vw, 12PX);height:2.7777777778vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--item{padding-left:48PX;margin-top:14PX;font-size:24PX;height:40PX}}@media screen and (min-width: 1921px){.search-suggest--item{padding-left:48PX;margin-top:14PX;font-size:24PX;height:40PX}}.search-suggest--item.active{color:#191919;font-weight:bold;background-color:#f3f3f3}.search-suggest--item.active i.micon-forward{color:#191919}.search-suggest--item:nth-child(1){margin-top:unset}.search-suggest--item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width: 721px)and (max-width: 1024px){.search-suggest--item>span{width:84%;line-height:24PX}}@media screen and (min-width: 1025px)and (max-width: 1440px){.search-suggest--item>span{width:43.75vw;line-height:2.0138888889vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.search-suggest--item>span{width:664PX;line-height:29PX}}@media screen and (min-width: 1921px){.search-suggest--item>span{width:664PX;line-height:29PX}}.search-suggest--direct.active i.micon-forward{color:#191919;font-weight:bold}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .style-item {
  position: absolute;
  display: block;
  box-sizing: content-box;
  width: 100%;
  padding-bottom: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  padding-right: 0;
  overflow: auto;
  background-color: var(--background-white);
  transform: translateX(100%);
  visibility: visible;
  opacity: 1;
  transition: all 0.2s;
  pointer-events: initial;
  height: calc(100% - var(--menu-header-height));
  padding-top: var(--menu-header-height);
}
.shared-header .style-item--show {
  transform: translateX(0);
}
.shared-header .style-item__container {
  width: 100%;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-item__container {
    padding-top: 20px;
  }
}
.shared-header .style-item__container__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  margin: 4px var(--padding-x) 16px;
  height: 60px;
  width: calc(100% - var(--padding-x) * 2);
  box-sizing: border-box;
  border-radius: 12px;
  background: url("https://i02.appmifile.com/i18n/images/shared-header/others.png") no-repeat center/cover;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-item__container__link {
    padding: 20px 16px;
    margin-top: 0;
    margin-bottom: 28px;
    height: 80px;
  }
}
.shared-header .style-item__container__link--mobile {
  background: url("https://i02.appmifile.com/i18n/images/shared-header/mobile.png") no-repeat center/cover;
}
.shared-header .style-item__container__link--smart-home {
  background: url("https://i02.appmifile.com/i18n/images/shared-header/smart-home.png") no-repeat center/cover;
}
.shared-header .style-item__container__link__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
}
.shared-header .style-item__container__link__desc {
  -webkit-margin-before: 2px;
          margin-block-start: 2px;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.25;
}
.shared-header .style-item__item {
  width: 100%;
  cursor: pointer;
}
.shared-header .style-item__item:last-child {
  margin-bottom: 40px;
}
.shared-header .style-item__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--padding-x);
  font-weight: 600;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: 0;
  height: 48px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-item__title {
    margin-bottom: 8px;
  }
}
.shared-header .style-item__title:focus-visible {
  outline-offset: -3px;
}
.shared-header .style-item__title i {
  font-weight: normal;
  font-size: 18px;
  color: var(--text-base);
}
.shared-header .style-item__title span {
  flex: 1 1;
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text-base);
}
.shared-header .style-item__icon {
  transition: transform 0.2s ease-in;
  transform: rotate(0deg);
}
.shared-header .style-item__icon--active {
  color: var(--text-primary);
  transform: rotate(180deg);
}
.shared-header .style-item__subcontent {
  height: 0;
  overflow: hidden;
  transition: 0.2s ease-in;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .third-item .accordion__head {
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
  color: var(--brand-black-80);
  margin-left: var(--padding-x);
  margin-right: var(--padding-x);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .third-item .accordion__head {
    margin-bottom: 4px;
  }
}
.shared-header .third-item .accordion__title {
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}
.shared-header .third-item .accordion__body {
  margin-top: 4px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .third-item .accordion__body {
    margin-top: 8px;
  }
}
.shared-header .third-item > .product-swiper {
  margin-top: 4px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .third-item > .product-swiper {
    margin-top: 8px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .submenu__wrapper {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 20px var(--site-horizontal-padding, 0);
  opacity: 0;
  transition: all 0.2s ease;
  pointer-events: none;
}
.shared-header .submenu__wrapper--pc-show {
  opacity: 1;
  pointer-events: initial;
}
.shared-header .submenu__wrapper.submenu-mobile__style {
  position: absolute;
  display: block;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding-top: calc(var(--menu-header-height) + 10px);
  padding-bottom: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  overflow: scroll;
  background-color: var(--background-white);
  transform: translateX(100%);
  visibility: visible;
  opacity: 1;
  transition: all 0.2s;
  pointer-events: initial;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu__wrapper.submenu-mobile__style {
    height: calc(100% - var(--menu-header-height));
    padding-top: var(--menu-header-height);
  }
}
.shared-header .submenu__wrapper.submenu-mobile__style.submenu-mobile__show {
  transform: translateX(0);
}
.shared-header .submenu__wrapper.submenu-mobile__style .submenu__item {
  width: 100%;
}
.shared-header .submenu__wrapper.submenu-mobile__style .submenu__item:last-child {
  margin-bottom: 40px;
}
.shared-header .submenu__wrapper.submenu-mobile__style .submenu__item-title {
  margin: 26px 20px 0;
  font-weight: 500;
  font-size: 16px;
}
.shared-header .submenu__wrapper.submenu-mobile__style .submenu__item-title:hover span {
  -webkit-text-decoration: auto;
          text-decoration: auto;
}
.shared-header .submenu__wrapper.submenu-mobile__style .submenu__item-title span {
  flex: 1 1;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.shared-header .submenu__wrapper .submenu__content {
  height: -moz-fit-content;
  height: fit-content;
}
.shared-header .submenu__wrapper .submenu__item {
  width: 180px;
  cursor: pointer;
}
.shared-header .submenu__wrapper .submenu__item-title {
  display: flex;
  margin-top: 26px;
  font-weight: bold;
  font-size: 14px;
}
.shared-header .submenu__wrapper .submenu__item-title i {
  font-size: 14px;
}
.shared-header .submenu__wrapper .submenu__item-title:hover span {
  color: var(--text-primary);
}
@media screen and (max-width: 720px) {
  .shared-header .submenu__wrapper .submenu__item-title:hover span {
    -webkit-text-decoration: auto;
            text-decoration: auto;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu__wrapper .submenu__item-title:hover span {
    -webkit-text-decoration: auto;
            text-decoration: auto;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu__wrapper .submenu__item-title:hover span {
    -webkit-text-decoration: underline solid var(--text-primary);
            text-decoration: underline solid var(--text-primary);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu__wrapper .submenu__item-title:hover span {
    -webkit-text-decoration: underline solid var(--text-primary);
            text-decoration: underline solid var(--text-primary);
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu__wrapper .submenu__item-title:hover span {
    -webkit-text-decoration: underline solid var(--text-primary);
            text-decoration: underline solid var(--text-primary);
  }
}
.shared-header .submenu__wrapper .submenu__item-title span {
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shared-header .submenu__wrapper .submenu__item--open {
  color: var(--text-primary);
}
.shared-header .submenu__wrapper .submenu__item-content {
  height: 0;
  overflow: hidden;
  transition: 0.3s cubic-bezier(0.5, 0, 0, 0.75);
}
.shared-header .submenu__wrapper .text-decoration {
  -webkit-text-decoration: underline solid var(--text-primary);
          text-decoration: underline solid var(--text-primary);
}
.shared-header .submenu__wrapper .submenu__product {
  position: relative;
  flex: 1 1;
  margin-top: 26px;
  -webkit-margin-start: 22px;
          margin-inline-start: 22px;
}
.shared-header .submenu__wrapper .submenu__product-group {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  opacity: 0;
}
.shared-header .submenu__wrapper .submenu__product-group-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.shared-header .submenu__wrapper::-webkit-scrollbar {
  width: 0;
}
.shared-header .submenu__wrapper .color-primary {
  color: var(--text-primary);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .header-submenu-tabs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background: var(--background-white);
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile {
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 720px) {
  .shared-header .header-submenu-tabs.header-submenu-tabs-mobile {
    justify-content: unset;
  }
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 19px 8px;
  overflow-x: auto;
  white-space: nowrap;
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list::-webkit-scrollbar {
  display: none;
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item {
  display: inline-block;
  margin-top: 0;
  padding: 0 8px;
  color: var(--text-base);
  font-weight: unset;
  font-size: 12px;
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item:focus-visible {
  outline-offset: -2px;
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item div {
  height: 22px;
  padding: 0 10px;
}
@media screen and (max-width: 720px) {
  .shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item div {
    padding: 0;
  }
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item:first-child {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item:last-child {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.shared-header .header-submenu-tabs.header-submenu-tabs-mobile .header-submenu-tabs__list .header-submenu-tabs__item--active div {
  text-decoration: none;
  border-bottom: 2px solid var(--brand-orange);
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list {
  max-width: 100%;
  scroll-behavior: smooth;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 19px 8px;
    overflow-x: auto;
    white-space: nowrap;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 19px 8px;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list::-webkit-scrollbar {
  display: none;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-top: 22px;
  color: var(--text-secondary);
  font-weight: 200;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* 禁止文本选中 */
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; /* 禁用长按菜单 */
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item:focus-visible {
  outline-offset: -5px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item {
    display: inline-block;
    margin-top: 0;
    padding: 0 8px;
    color: var(--text-base);
    font-weight: unset;
    font-size: 12px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item {
    display: inline-block;
    margin-top: 0;
    padding: 0 8px;
    color: var(--text-base);
    font-weight: unset;
    font-size: 12px;
  }
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item div {
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item div {
    height: 22px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item div {
    height: 22px;
  }
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item:first-child {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item:last-child {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item--active {
  color: var(--text-primary);
}
.shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item--active div {
  -webkit-text-decoration: underline solid var(--text-primary);
          text-decoration: underline solid var(--text-primary);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item--active div {
    text-decoration: none;
    border-bottom: 2px solid var(--brand-orange);
  }
}
@media screen and (max-width: 720px) {
  .shared-header .header-submenu-tabs .header-submenu-tabs__list .header-submenu-tabs__item--active div {
    text-decoration: none;
    border-bottom: 2px solid var(--brand-orange);
  }
}
.shared-header .header-submenu-tabs .header-submenu-tabs__average-width {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  overflow-x: unset;
  white-space: unset;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item {
  display: block;
  flex: 1 1;
  min-width: auto;
  max-width: 50%;
  height: 100%;
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: inherit;
  height: calc(100% - 2px);
  padding: 0 10px;
  text-align: center;
  border-bottom: 2px solid transparent;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item--active div {
  border-bottom: 2px solid var(--brand-orange);
}
.shared-header .header-submenu-tabs .header-submenu-tabs__average-width .header-submenu-tabs__item:last-child {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.shared-header .header-submenu-tabs .header-submenu-tabs__clear-height {
  height: 0;
  margin: 0;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.store-group__item {
  display: flex;
  align-items: center;
  height: 40px;
  text-align: start;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 14px;
  color: var(--brand-black-70);
  margin: 0 var(--padding-x);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .store-group__item {
    margin-bottom: 4px;
  }
}
.store-group__item:focus-visible {
  outline-offset: -2px;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .submenu-product-mobile {
  margin-top: 20px;
}
.shared-header .submenu-product .submenu-product__more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 22px 20px;
  color: var(--text-secondary);
  font-weight: 400;
  font-size: 12px;
}
.shared-header .submenu-product .submenu-product__more:focus-visible {
  outline-offset: -10px;
}
.shared-header .submenu-product .submenu-product__more span {
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}
.shared-header .submenu-product.submenu--show {
  transform: translateX(0);
}
.shared-header .submenu-product .mi-accordion {
  --default-outline-vertical: 0;
  --default-text-padding-vertical: 10px;
  --header-font-size: 16px;
  --header-font-weight: 400;
  --item-padding: 10px 0;
  --highlight-color: var(--header-color);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .submenu-footer {
  display: flex;
  justify-content: flex-end;
  padding: 40px 0 64px;
  color: var(--text-base);
  font-size: 14px;
}
.shared-header .submenu-footer__item {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-margin-start: 32px;
          margin-inline-start: 32px;
  text-align: center;
}
.shared-header .submenu-footer__item i {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  color: var(--text-secondary);
  font-size: 14px;
  transform: scaleX(var(--cardinal-number));
}
.shared-header .submenu-footer__item:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.shared-header .submenu-footer__item:hover {
  color: var(--text-primary);
}
.shared-header .submenu-footer__item:hover i {
  color: var(--text-primary);
}
.shared-header .submenu-footer.submenu-footer-mobile {
  justify-content: center;
  margin: 0 20px;
  -webkit-margin-end: 26px;
          margin-inline-end: 26px;
  padding: 22px 0;
  color: var(--text-secondary);
  font-size: 12px;
}
.shared-header .submenu-footer.submenu-footer-mobile .submenu-footer__item {
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
  font-size: 12px;
}
.shared-header .submenu-footer.submenu-footer-mobile .submenu-footer__item div {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .submenu-list.submenu-list-mobile {
  margin-top: 10px;
}
.shared-header .submenu-list.submenu-list-mobile .submenu-list__more {
  display: flex;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-list.submenu-list-mobile .submenu-list__content {
    margin: 0 20px 6px;
  }
}
.shared-header .submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item {
  margin-top: 26px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.shared-header .submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item:nth-child(3n) {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.shared-header .submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item-image img {
  display: block;
}
.shared-header .submenu-list.submenu-list-mobile .submenu-list__content .submenu-list__item-tag {
  display: flex;
}
.shared-header .submenu-list__more {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 22px 20px;
  color: var(--text-secondary);
  font-weight: 400;
  font-size: 12px;
}
.shared-header .submenu-list__more:focus-visible {
  outline-offset: -5px;
}
.shared-header .submenu-list__more span {
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-list__more {
    display: flex;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-list__more {
    display: flex;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-list__more {
    display: none;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-list__more {
    display: none;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-list__more {
    display: none;
  }
}
.shared-header .submenu-list__content {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}
.shared-header .submenu-list__content .submenu-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 20px) / 3);
  text-align: center;
}
.shared-header .submenu-list__content .submenu-list__item:nth-child(3n) {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.shared-header .submenu-list__content .submenu-list__item-image img {
  --mi-image-width: 66px;
  --mi-image-height: 66px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-list__content .submenu-list__item-image img {
    display: block;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-list__content .submenu-list__item-image img {
    display: block;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-list__content .submenu-list__item-image img {
    display: none;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-list__content .submenu-list__item-image img {
    display: none;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-list__content .submenu-list__item-image img {
    display: none;
  }
}
.shared-header .submenu-list__content .submenu-list__item-title {
  margin-top: 6px;
}
.shared-header .submenu-list__content .submenu-list__item-tag {
  align-items: center;
  margin-top: 6px;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-list__content .submenu-list__item-tag {
    display: flex;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-list__content .submenu-list__item-tag {
    display: flex;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-list__content .submenu-list__item-tag {
    display: none;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-list__content .submenu-list__item-tag {
    display: none;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-list__content .submenu-list__item-tag {
    display: none;
  }
}
.shared-header .submenu__layout-list {
  text-align: start;
}
.shared-header .submenu__layout-list .submenu-list__content {
  flex-direction: column;
}
.shared-header .submenu__layout-list .submenu-list__content a:hover {
  color: var(--text-primary);
  text-decoration: underline;
}
.shared-header .submenu__layout-list .submenu-list__item {
  align-items: flex-start;
  width: 100%;
  color: var(--text-secondary);
  font-size: 14px;
  text-align: start;
}
.shared-header .submenu__layout-list .submenu-list__item-title {
  margin-top: 14px;
}
.shared-header .submenu__layout-list .list {
  display: grid;
  grid-template-columns: repeat(var(--submenu-list-columns), 1fr);
  margin-top: 26px;
  font-size: 14px;
  -moz-column-gap: 44px;
       column-gap: 44px;
}
.shared-header .submenu__layout-list .list-group-item {
  margin-bottom: 30px;
}
.shared-header .submenu__layout-list .list-group-item-title {
  font-weight: bold;
  cursor: pointer;
}
.shared-header .submenu__layout-list .list-group-item-title:hover {
  color: var(--text-primary);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .header-product-item {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--text-base);
  font-size: 12px;
  text-align: center;
  background: rgba(247, 247, 247, 0.9);
  border-radius: 12px;
}
.shared-header .header-product-item.header-product-item-mobile {
  flex-direction: row;
  width: auto;
  margin: 0 20px 8px;
  padding: 14px 12px;
  font-weight: 500;
  text-align: start;
  background: var(--background-base);
  border-radius: 6px;
}
.shared-header .header-product-item.header-product-item-mobile .header-product-item__price del {
  -webkit-margin-start: 6px;
          margin-inline-start: 6px;
  color: var(--text-secondary);
  font-size: 10px;
}
.shared-header .header-product-item.header-product-item-mobile .header-product-item__image {
  padding: 0;
}
.shared-header .header-product-item.header-product-item-mobile .header-product-item__image-empty,
.shared-header .header-product-item.header-product-item-mobile .header-product-item__image img {
  width: 68px;
  height: 68px;
  margin-top: 0;
}
.shared-header .header-product-item.header-product-item-mobile .header-product-item__info {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
.shared-header .header-product-item.header-product-item-mobile .header-product-item__title {
  margin: 0;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .header-product-item .header-product-item__image {
    padding: 40px 30px 24px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .header-product-item .header-product-item__image {
    padding: 40px 34px 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .header-product-item .header-product-item__image {
    padding: 40px 54px 24px;
  }
}
.shared-header .header-product-item .header-product-item__image-empty,
.shared-header .header-product-item .header-product-item__image img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.shared-header .header-product-item .header-product-item__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  flex: 1 1;
}
.shared-header .header-product-item .header-product-item__title {
  margin: 0 14px 40px;
  max-width: calc(100% - 62px);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
}
.shared-header .header-product-item .header-product-item__price {
  margin-top: 8px;
  font-weight: 400;
}
.shared-header .header-product-item .header-product-item__energy {
  font-weight: 400;
  --info-margin-left: 5px;
  --link-font-size: 9px;
  --group-margin-top: 8px;
  --item-gap: 8px;
}
.shared-header .header-product-item .header-product-item__energy img {
  --image-width: 38px;
  height: 21px;
}
.shared-header .header-product-item .header-product-item__tag {
  position: absolute;
  top: 6px;
  right: 10px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  color: #946201;
  background-color: transparent;
  border: none;
}
.shared-header .header-product-item .mi-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  cursor: default;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .style-footer {
  display: flex;
  align-items: center;
  color: var(--text-base);
  justify-content: center;
  padding: 10px 12px;
  margin: 8px var(--padding-x) 8px var(--padding-x);
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 400;
  background: #f7f8fa;
  border-radius: 6px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-footer {
    margin: 12px var(--padding-x);
  }
}
.shared-header .style-footer__divider {
  width: 1px;
  height: 12px;
  background-color: var(--brand-black-10);
  margin: 0 12px;
}
.shared-header .style-footer__item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1 1;
}
.shared-header .style-footer__item div {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
  text-align: left;
}
.shared-header .style-footer__item i {
  -webkit-margin-end: 6px;
          margin-inline-end: 6px;
  font-weight: 400;
  line-height: 1.25;
  font-size: 16px;
  transform: scaleX(var(--cardinal-number));
}
.shared-header .style-footer__item:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.shared-header .style-footer__item:hover {
  color: var(--text-primary);
}
.shared-header .style-footer__item:hover i {
  color: var(--text-primary);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .product-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.shared-header .product-swiper__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  width: 100%;
}
.shared-header .product-swiper .swiper {
  width: 100%;
  padding: 0 12px;
}
.shared-header .product-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.shared-header .product-swiper .swiper-slide {
  width: 120px;
  height: auto;
  flex-shrink: 0;
}
.shared-header .product-swiper .swiper-slide:not(:last-child) {
  margin-right: 8px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .product-swiper .swiper-slide:not(:last-child) {
    margin-right: 12.5px;
  }
}
.shared-header .product-swiper .swiper-slide:first-child {
  margin-left: var(--padding-x);
}
.shared-header .product-swiper .swiper-slide:last-child {
  margin-right: var(--padding-x);
}
.shared-header .product-swiper__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format('woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-container-pointer-events{touch-action:pan-y}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.shared-header .style-product-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  box-sizing: border-box;
  flex: 1 1;
  padding: 20px 12px;
  color: var(--text-base);
  font-size: 12px;
  font-weight: 400;
  text-align: start;
  background: #f7f8fa;
  border-radius: 6px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-product-item {
    width: 182px;
    padding: 24px 16px 28px;
    border-radius: 8px;
  }
}
.shared-header .style-product-item:focus-visible {
  outline-offset: -2px;
}
.shared-header .style-product-item .style-product-item__image {
  padding: 0;
  margin-bottom: 8px;
}
.shared-header .style-product-item .style-product-item__image-empty,
.shared-header .style-product-item .style-product-item__image img {
  width: 80px;
  height: 80px;
  margin-top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-product-item .style-product-item__image-empty,
  .shared-header .style-product-item .style-product-item__image img {
    width: 120px;
    height: 120px;
  }
}
.shared-header .style-product-item .style-product-item__title {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
}
.shared-header .style-product-item .style-product-item__price {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
}
.shared-header .style-product-item .style-product-item__price .notranslate {
  font-weight: bold;
}
.shared-header .style-product-item .style-product-item__price strong {
  font-size: 14px;
  font-weight: 600;
}
.shared-header .style-product-item .style-product-item__price del {
  -webkit-margin-before: 4px;
          margin-block-start: 4px;
  color: var(--text-secondary);
}
.shared-header .style-product-item .style-product-item__energy {
  --image-width: 38px;
  --info-margin-left: 5px;
  --link-font-size: 9px;
  --group-margin-top: 6px;
}
.shared-header .style-product-item .style-product-item__tag {
  position: absolute;
  top: 6px;
  left: 8px;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 500;
  color: #be7600;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .style-product-item .style-product-item__tag {
    top: 12px;
    left: 12px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .main-menu__nav-tab {
  display: flex;
  align-items: center;
  height: var(--header-height);
}
@media screen and (max-width: 720px) {
  .shared-header .main-menu__nav-tab {
    padding: 0 12px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .main-menu__nav-tab {
    padding: 0 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .main-menu__nav-tab {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .main-menu__nav-tab {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .main-menu__nav-tab {
    padding: 0 24px;
  }
}
.shared-header .main-menu__nav-tab .main-menu__nav-tab__title {
  display: flex;
  align-items: center;
  height: 100%;
}
.shared-header .main-menu__nav-tab .main-menu__nav-tab__overlay {
  position: absolute;
  display: flex;
  left: 0;
  top: var(--header-height);
  justify-content: center;
  width: 100%;
  overflow: hidden;
  background-color: var(--background-white);
  max-height: calc(100vh - var(--header-height));
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 3;
  transition: height 0.3s cubic-bezier(0.5, 0, 0, 0.75) 0.15s;
}
.shared-header .main-menu__nav-tab .main-menu__nav-tab__overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
  z-index: 4;
}
.shared-header .main-menu__nav-tab .main-menu__nav-tab__content-wrapper {
  width: 100%;
  box-sizing: border-box;
}
.shared-header .main-menu__nav-tab .main-menu__nav-tab__scroll {
  display: flex;
  justify-content: center;
  max-height: calc(80vh - var(--header-height, 0));
  overflow-y: auto;
}
@media screen and (max-width: 720px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__scroll {
    max-height: calc(90vh - var(--header-height, 0));
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__scroll {
    max-height: calc(90vh - var(--header-height, 0));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__scroll {
    max-height: calc(90vh - var(--header-height, 0));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__scroll {
    max-height: calc(80vh - var(--header-height, 0));
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__scroll {
    max-height: calc(80vh - var(--header-height, 0));
  }
}
.shared-header .main-menu__nav-tab .main-menu__nav-tab__content {
  width: 100%;
}
@media screen and (max-width: 720px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__content {
    max-width: 720px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__content {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__content {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__content {
    max-width: 1500px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .main-menu__nav-tab .main-menu__nav-tab__content {
    max-width: 1500px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
@media screen and (max-width: 720px) {
  .shared-header .submenu-origin__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-origin__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-origin__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-origin__nav-wrapper {
    padding: 48px 0 48px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-origin__nav-wrapper {
    padding: 48px 0 48px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1562px) {
  .shared-header .submenu-origin__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header {
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
}
@media screen and (max-width: 720px) {
  .shared-header .mi-link__arrow.mi-link__arrow--pc-only {
    display: none;
  }
}
.shared-header .mi-link__arrow.mi-link__arrow--m-only {
  display: none;
}
@media screen and (max-width: 720px) {
  .shared-header .mi-link__arrow.mi-link__arrow--m-only {
    display: block;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-btn,
.mi-header-modal .mi-btn {
  --btn-padding: var(--btn-padding-vertical) var(--btn-padding-horizontal);
  --btn-text-base: var(--text-base);
  --btn-background-white: var(--background-white);
  --btn-background-black: var(--background-black);
  --btn-background-primary: var(--background-primary);
  --btn-ellipsis-lines: 1;
  --btn-ellipsis-direction: vertical;
  --btn-background-color: transparent;
  --link-text-decoration: underline;
  /* Provide a fallback style for browsers that don't support :focus-visible */
  display: inline-block;
  padding: var(--btn-padding);
  color: var(--btn-text-base);
  font-size: var(--btn-font-size);
  background-color: var(--btn-background-color);
  border: none;
  border-radius: var(--btn-border-radius);
  cursor: pointer;
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn,
  .mi-header-modal .mi-btn {
    --btn-padding-vertical: 8px;
    --btn-padding-horizontal: 20px;
    --btn-font-size: 12px;
    --btn-border-radius: 8px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn,
  .mi-header-modal .mi-btn {
    --btn-padding-vertical: 10px;
    --btn-padding-horizontal: 16px;
    --btn-font-size: 1.5625vw;
    --btn-border-radius: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn,
  .mi-header-modal .mi-btn {
    --btn-padding-vertical: 0.8333333333vw;
    --btn-padding-horizontal: 1.6666666667vw;
    --btn-font-size: 16px;
    --btn-border-radius: 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn,
  .mi-header-modal .mi-btn {
    --btn-padding-vertical: 0.625vw;
    --btn-padding-horizontal: 2.0833333333vw;
    --btn-font-size: 1.25vw;
    --btn-border-radius: 12px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn,
  .mi-header-modal .mi-btn {
    --btn-padding-vertical: 12px;
    --btn-padding-horizontal: 40px;
    --btn-font-size: 24px;
    --btn-border-radius: 14px;
  }
}
.shared-header .mi-btn .micon-link-arrow,
.mi-header-modal .mi-btn .micon-link-arrow {
  display: none;
}
.shared-header .mi-btn:focus,
.mi-header-modal .mi-btn:focus {
  outline: none;
}
.shared-header .mi-btn .mi-btn__text,
.mi-header-modal .mi-btn .mi-btn__text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: var(--btn-ellipsis-direction);
  -webkit-line-clamp: var(--btn-ellipsis-lines);
  /* stylelint-enable */
}
.shared-header .mi-btn.mi-btn--default,
.mi-header-modal .mi-btn.mi-btn--default {
  --btn-background-color: transparent;
  border: 1px solid var(--border-secondary);
}
.shared-header .mi-btn.mi-btn--default:hover,
.mi-header-modal .mi-btn.mi-btn--default:hover {
  --btn-text-base: #666;
  border-color: #666;
}
.shared-header .mi-btn.mi-btn--default:focus-visible,
.mi-header-modal .mi-btn.mi-btn--default:focus-visible {
  outline: 2px solid var(--background-base);
  outline-offset: 0;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-m {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-m:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
  .shared-header .mi-btn.mi-btn--default.mi-btn--highlight-m:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default.mi-btn--highlight-m:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: -4px;
  }
}
.shared-header .mi-btn.mi-btn--default.mi-btn--dark,
.mi-header-modal .mi-btn.mi-btn--default.mi-btn--dark {
  --btn-text-base: var(--text-reverse);
  border-color: var(--text-reverse);
}
.shared-header .mi-btn.mi-btn--default.mi-btn--dark:hover,
.mi-header-modal .mi-btn.mi-btn--default.mi-btn--dark:hover {
  --btn-text-base: #d0d0d0;
  border-color: #d0d0d0;
}
.shared-header .mi-btn.mi-btn--default:focus-visible,
.mi-header-modal .mi-btn.mi-btn--default:focus-visible {
  outline: 4px solid var(--outline-color);
  outline-offset: 0;
}
.shared-header .mi-btn.mi-btn--primary,
.mi-header-modal .mi-btn.mi-btn--primary {
  --btn-text-base: var(--text-reverse);
  --btn-background-color: var(--btn-background-black);
  border: 1px solid transparent;
}
.shared-header .mi-btn.mi-btn--primary:hover,
.mi-header-modal .mi-btn.mi-btn--primary:hover {
  --btn-background-color: #444;
}
.shared-header .mi-btn.mi-btn--primary:focus-visible,
.mi-header-modal .mi-btn.mi-btn--primary:focus-visible {
  outline: 2px solid var(--background-base);
  outline-offset: -4px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-m {
    --btn-background-color: var(--btn-background-primary);
  }
  .shared-header .mi-btn.mi-btn--primary.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--primary.mi-btn--highlight-m:hover {
    --btn-background-color: #ff781a;
  }
}
.shared-header .mi-btn.mi-btn--primary.mi-btn--dark,
.mi-header-modal .mi-btn.mi-btn--primary.mi-btn--dark {
  --btn-text-base: var(--text-base);
  --btn-background-color: var(--btn-background-white);
  border: 1px solid transparent;
}
.shared-header .mi-btn.mi-btn--primary.mi-btn--dark:hover,
.mi-header-modal .mi-btn.mi-btn--primary.mi-btn--dark:hover {
  --btn-background-color: #e1e1e1;
}
.shared-header .mi-btn.mi-btn--link,
.mi-header-modal .mi-btn.mi-btn--link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  font-size: var(--link-font-size);
  line-height: unset;
  border-radius: 0;
  border-radius: initial;
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link,
  .mi-header-modal .mi-btn.mi-btn--link {
    --link-font-size: 12px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link,
  .mi-header-modal .mi-btn.mi-btn--link {
    --link-font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link,
  .mi-header-modal .mi-btn.mi-btn--link {
    --link-font-size: 16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link,
  .mi-header-modal .mi-btn.mi-btn--link {
    --link-font-size: 1.25vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link,
  .mi-header-modal .mi-btn.mi-btn--link {
    --link-font-size: 24px;
  }
}
.shared-header .mi-btn.mi-btn--link:hover .mi-btn__text,
.mi-header-modal .mi-btn.mi-btn--link:hover .mi-btn__text {
  -webkit-text-decoration: var(--link-text-decoration);
          text-decoration: var(--link-text-decoration);
}
.shared-header .mi-btn.mi-btn--link:focus-visible,
.mi-header-modal .mi-btn.mi-btn--link:focus-visible {
  outline: 4px solid var(--outline-color);
  outline-offset: 0;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--link.mi-btn--highlight-m {
    --btn-text-base: var(--text-primary);
  }
}
.shared-header .mi-btn.mi-btn--link.mi-btn--dark,
.mi-header-modal .mi-btn.mi-btn--link.mi-btn--dark {
  --btn-text-base: #fff;
}
.shared-header .mi-btn.mi-btn--link.mi-btn--disabled,
.mi-header-modal .mi-btn.mi-btn--link.mi-btn--disabled {
  --btn-text-base: var(--text-secondary);
  --btn-background-color: transparent;
  border: none;
}
.shared-header .mi-btn.mi-btn--link.mi-btn--disabled:hover .mi-btn__text,
.mi-header-modal .mi-btn.mi-btn--link.mi-btn--disabled:hover .mi-btn__text {
  --link-text-decoration: none;
}
.shared-header .mi-btn.mi-btn--arrow-pc .micon, .shared-header .mi-btn.mi-btn--arrow-m .micon,
.mi-header-modal .mi-btn.mi-btn--arrow-pc .micon,
.mi-header-modal .mi-btn.mi-btn--arrow-m .micon {
  font-size: inherit;
  transform: scaleX(var(--cardinal-number));
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--arrow-pc .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
    display: inline-block;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--arrow-pc .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
    display: inline-block;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--arrow-pc .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
    display: inline-block;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--arrow-pc .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--arrow-pc .micon-link-arrow {
    display: inline-block;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--arrow-m .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--arrow-m .micon-link-arrow {
    display: inline-block;
  }
}
.shared-header .mi-btn.mi-btn--icon,
.mi-header-modal .mi-btn.mi-btn--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: var(--icon-background-color);
  --icon-background-color: transparent;
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--icon,
  .mi-header-modal .mi-btn.mi-btn--icon {
    --icon-font-size: 24px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--icon,
  .mi-header-modal .mi-btn.mi-btn--icon {
    --icon-font-size: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--icon,
  .mi-header-modal .mi-btn.mi-btn--icon {
    --icon-font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--icon,
  .mi-header-modal .mi-btn.mi-btn--icon {
    --icon-font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--icon,
  .mi-header-modal .mi-btn.mi-btn--icon {
    --icon-font-size: 32px;
  }
}
.shared-header .mi-btn.mi-btn--icon:hover,
.mi-header-modal .mi-btn.mi-btn--icon:hover {
  --btn-text-base: #444;
}
.shared-header .mi-btn.mi-btn--icon:focus-visible,
.mi-header-modal .mi-btn.mi-btn--icon:focus-visible {
  outline: 4px solid var(--outline-color);
  outline-offset: 0 !important;
}
.shared-header .mi-btn.mi-btn--icon .micon,
.mi-header-modal .mi-btn.mi-btn--icon .micon {
  font-size: var(--icon-font-size);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
    --btn-text-base: #ff781a;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
    --btn-text-base: #ff781a;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
    --btn-text-base: #ff781a;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:hover {
    --btn-text-base: #ff781a;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-m {
    --btn-text-base: var(--text-primary);
  }
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-m:hover {
    --btn-text-base: #ff781a;
  }
  .shared-header .mi-btn.mi-btn--icon.mi-btn--highlight-m:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--icon.mi-btn--highlight-m:focus-visible {
    outline-offset: -4px;
  }
}
.shared-header .mi-btn.mi-btn--icon.mi-btn--dark,
.mi-header-modal .mi-btn.mi-btn--icon.mi-btn--dark {
  --btn-text-base: var(--text-reverse);
  border-color: var(--text-reverse);
}
.shared-header .mi-btn.mi-btn--icon.mi-btn--dark:hover,
.mi-header-modal .mi-btn.mi-btn--icon.mi-btn--dark:hover {
  --btn-text-base: #e1e1e1;
}
.shared-header .mi-btn.mi-btn--icon.mi-btn--disabled,
.mi-header-modal .mi-btn.mi-btn--icon.mi-btn--disabled {
  border: none;
  --btn-text-base: var(--text-secondary);
}
.shared-header .mi-btn.mi-btn--icon.mi-btn--disabled:hover,
.mi-header-modal .mi-btn.mi-btn--icon.mi-btn--disabled:hover {
  --btn-text-base: var(--text-secondary);
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    --btn-background-color: transparent;
    border: 1px solid var(--border-secondary);
  }
  .shared-header .mi-btn.mi-btn--link-default:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default:hover {
    --btn-text-base: #666;
    border-color: #666;
  }
  .shared-header .mi-btn.mi-btn--link-default:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: 0;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (max-width: 720px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-m {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-m:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-m:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-m:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--dark {
    --btn-text-base: var(--text-reverse);
    border-color: var(--text-reverse);
  }
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--dark:hover,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--dark:hover {
    --btn-text-base: #d0d0d0;
    border-color: #d0d0d0;
  }
  .shared-header .mi-btn.mi-btn--link-default .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--link-default .micon-link-arrow {
    display: none;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: var(--link-font-size);
    line-height: unset;
    border-radius: 0;
    border-radius: initial;
  }
}
@media screen and (min-width: 721px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    --link-font-size: 12px;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    --link-font-size: 1.5625vw;
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    --link-font-size: 16px;
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    --link-font-size: 1.25vw;
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-default,
  .mi-header-modal .mi-btn.mi-btn--link-default {
    --link-font-size: 24px;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--link-default:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--link-default:hover .mi-btn__text {
    -webkit-text-decoration: var(--link-text-decoration);
            text-decoration: var(--link-text-decoration);
  }
  .shared-header .mi-btn.mi-btn--link-default:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-default:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 0;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--highlight-m {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--dark {
    --btn-text-base: #fff;
  }
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--disabled,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--disabled {
    --btn-text-base: var(--text-secondary);
    --btn-background-color: transparent;
    border: none;
  }
  .shared-header .mi-btn.mi-btn--link-default.mi-btn--disabled:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--link-default.mi-btn--disabled:hover .mi-btn__text {
    --link-text-decoration: none;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: var(--link-font-size);
    line-height: unset;
    border-radius: 0;
    border-radius: initial;
  }
}
@media screen and (max-width: 720px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    --link-font-size: 12px;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    --link-font-size: 1.5625vw;
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    --link-font-size: 16px;
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    --link-font-size: 1.25vw;
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    --link-font-size: 24px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default-link:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--default-link:hover .mi-btn__text {
    -webkit-text-decoration: var(--link-text-decoration);
            text-decoration: var(--link-text-decoration);
  }
  .shared-header .mi-btn.mi-btn--default-link:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 0;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-m {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--dark {
    --btn-text-base: #fff;
  }
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--disabled,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--disabled {
    --btn-text-base: var(--text-secondary);
    --btn-background-color: transparent;
    border: none;
  }
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--disabled:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--disabled:hover .mi-btn__text {
    --link-text-decoration: none;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--default-link,
  .mi-header-modal .mi-btn.mi-btn--default-link {
    --btn-background-color: transparent;
    border: 1px solid var(--border-secondary);
  }
  .shared-header .mi-btn.mi-btn--default-link:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link:hover {
    --btn-text-base: #666;
    border-color: #666;
  }
  .shared-header .mi-btn.mi-btn--default-link:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: 0;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
    outline: 2px solid var(--background-base);
  }
}
@media screen and (min-width: 721px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-m {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-primary);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-m:hover {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: #ff781a;
    border-color: transparent;
  }
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--highlight-m:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--highlight-m:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: -4px;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--dark {
    --btn-text-base: var(--text-reverse);
    border-color: var(--text-reverse);
  }
  .shared-header .mi-btn.mi-btn--default-link.mi-btn--dark:hover,
  .mi-header-modal .mi-btn.mi-btn--default-link.mi-btn--dark:hover {
    --btn-text-base: #d0d0d0;
    border-color: #d0d0d0;
  }
  .shared-header .mi-btn.mi-btn--default-link .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--default-link .micon-link-arrow {
    display: none;
  }
}
.shared-header .mi-btn.mi-btn--default-link:focus-visible,
.mi-header-modal .mi-btn.mi-btn--default-link:focus-visible {
  outline: 1px solid var(--btn-text-base);
  outline-offset: -4px;
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-black);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--link-primary:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary:hover {
    --btn-background-color: #444;
  }
  .shared-header .mi-btn.mi-btn--link-primary:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-primary:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (max-width: 720px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-m {
    --btn-background-color: var(--btn-background-primary);
  }
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-m:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--dark {
    --btn-text-base: var(--text-base);
    --btn-background-color: var(--btn-background-white);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--dark:hover,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--dark:hover {
    --btn-background-color: #e1e1e1;
  }
  .shared-header .mi-btn.mi-btn--link-primary .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--link-primary .micon-link-arrow {
    display: none;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: var(--link-font-size);
    line-height: unset;
    border-radius: 0;
    border-radius: initial;
  }
}
@media screen and (min-width: 721px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    --link-font-size: 12px;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    --link-font-size: 1.5625vw;
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    --link-font-size: 16px;
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    --link-font-size: 1.25vw;
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-primary,
  .mi-header-modal .mi-btn.mi-btn--link-primary {
    --link-font-size: 24px;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--link-primary:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--link-primary:hover .mi-btn__text {
    -webkit-text-decoration: var(--link-text-decoration);
            text-decoration: var(--link-text-decoration);
  }
  .shared-header .mi-btn.mi-btn--link-primary:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--link-primary:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 0;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--highlight-m {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--dark {
    --btn-text-base: #fff;
  }
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--disabled,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--disabled {
    --btn-text-base: var(--text-secondary);
    --btn-background-color: transparent;
    border: none;
  }
  .shared-header .mi-btn.mi-btn--link-primary.mi-btn--disabled:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--link-primary.mi-btn--disabled:hover .mi-btn__text {
    --link-text-decoration: none;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: var(--link-font-size);
    line-height: unset;
    border-radius: 0;
    border-radius: initial;
  }
}
@media screen and (max-width: 720px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    --link-font-size: 12px;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    --link-font-size: 1.5625vw;
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    --link-font-size: 16px;
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    --link-font-size: 1.25vw;
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    --link-font-size: 24px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary-link:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--primary-link:hover .mi-btn__text {
    -webkit-text-decoration: var(--link-text-decoration);
            text-decoration: var(--link-text-decoration);
  }
  .shared-header .mi-btn.mi-btn--primary-link:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary-link:focus-visible {
    outline: 4px solid var(--outline-color);
    outline-offset: 0;
  }
}
@media screen and (max-width: 720px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-m {
    --btn-text-base: var(--text-primary);
  }
}
@media screen and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--dark {
    --btn-text-base: #fff;
  }
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--disabled,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--disabled {
    --btn-text-base: var(--text-secondary);
    --btn-background-color: transparent;
    border: none;
  }
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--disabled:hover .mi-btn__text,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--disabled:hover .mi-btn__text {
    --link-text-decoration: none;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--primary-link,
  .mi-header-modal .mi-btn.mi-btn--primary-link {
    --btn-text-base: var(--text-reverse);
    --btn-background-color: var(--btn-background-black);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--primary-link:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link:hover {
    --btn-background-color: #444;
  }
  .shared-header .mi-btn.mi-btn--primary-link:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary-link:focus-visible {
    outline: 2px solid var(--background-base);
    outline-offset: -4px;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc {
    --btn-background-color: var(--btn-background-primary);
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 721px) and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 721px) and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 721px) and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 721px) and (min-width: 1921px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-pc:focus-visible {
    outline-offset: -4px;
  }
}
@media screen and (min-width: 721px) and (max-width: 720px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-m,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-m {
    --btn-background-color: var(--btn-background-primary);
  }
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--highlight-m:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--highlight-m:hover {
    --btn-background-color: #ff781a;
  }
}
@media screen and (min-width: 721px) {
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--dark,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--dark {
    --btn-text-base: var(--text-base);
    --btn-background-color: var(--btn-background-white);
    border: 1px solid transparent;
  }
  .shared-header .mi-btn.mi-btn--primary-link.mi-btn--dark:hover,
  .mi-header-modal .mi-btn.mi-btn--primary-link.mi-btn--dark:hover {
    --btn-background-color: #e1e1e1;
  }
  .shared-header .mi-btn.mi-btn--primary-link .micon-link-arrow,
  .mi-header-modal .mi-btn.mi-btn--primary-link .micon-link-arrow {
    display: none;
  }
}
.shared-header .mi-btn:disabled, .shared-header .mi-btn.mi-btn--disabled,
.mi-header-modal .mi-btn:disabled,
.mi-header-modal .mi-btn.mi-btn--disabled {
  --btn-text-base: var(--text-reverse);
  --btn-background-color: var(--brand-grey-40);
  border: 1px solid transparent;
  cursor: not-allowed;
}
.shared-header .mi-btn:disabled:hover, .shared-header .mi-btn.mi-btn--disabled:hover,
.mi-header-modal .mi-btn:disabled:hover,
.mi-header-modal .mi-btn.mi-btn--disabled:hover {
  --btn-background-color: var(--brand-grey-40);
  --btn-text-base: var(--text-reverse);
  border-color: transparent;
}
.shared-header .mi-btn:disabled:focus-visible, .shared-header .mi-btn.mi-btn--disabled:focus-visible,
.mi-header-modal .mi-btn:disabled:focus-visible,
.mi-header-modal .mi-btn.mi-btn--disabled:focus-visible {
  outline: none !important;
}
.shared-header .mi-btn.mi-btn--highlight-pc.mi-btn--disabled, .shared-header .mi-btn.mi-btn--highlight-m.mi-btn--disabled,
.mi-header-modal .mi-btn.mi-btn--highlight-pc.mi-btn--disabled,
.mi-header-modal .mi-btn.mi-btn--highlight-m.mi-btn--disabled {
  --btn-background-color: var(--brand-grey-40);
  --btn-text-base: var(--text-reverse);
}
.shared-header .mi-btn.mi-btn--highlight-pc.mi-btn--disabled:hover, .shared-header .mi-btn.mi-btn--highlight-m.mi-btn--disabled:hover,
.mi-header-modal .mi-btn.mi-btn--highlight-pc.mi-btn--disabled:hover,
.mi-header-modal .mi-btn.mi-btn--highlight-m.mi-btn--disabled:hover {
  --btn-background-color: var(--brand-grey-40);
  --btn-text-base: var(--text-reverse);
}
.shared-header .mi-btn.mi-btn--link.mi-btn--disabled,
.mi-header-modal .mi-btn.mi-btn--link.mi-btn--disabled {
  --btn-background-color: transparent;
  --btn-text-base: var(--text-secondary);
}
.shared-header .mi-btn.mi-btn--link.mi-btn--disabled:hover,
.mi-header-modal .mi-btn.mi-btn--link.mi-btn--disabled:hover {
  --btn-background-color: transparent;
  --btn-text-base: var(--text-secondary);
}
@charset "UTF-8";
/* stylelint-disable selector-class-pattern */
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-accordion {
  --default-font-size: 12px;
  --default-line-height: 1.2;
  --default-color: var(--text-base);
  --default-text-padding-vertical: 8px;
  --default-outline-vertical: 10px;
  --header-padding: var(--default-text-padding-vertical) 0;
  --header-font-weight: bold;
  --header-font-size: var(--default-font-size);
  --header-line-height: var(--default-line-height);
  --header-color: var(--default-color);
  --icon-margin-left: 20px;
  --icon-font-size: var(--default-font-size);
  --icon-line-height: 1;
  --icon-color: var(--default-color);
  --body-padding-left: 28px;
  --item-padding: var(--default-text-padding-vertical) 0;
  --item-font-size: var(--default-font-size);
  --item-line-height: var(--default-line-height);
  --item-color: var(--text-secondary);
  --divider-margin: var(--default-outline-vertical) 0;
  --divider-width: 1px;
  --divider-style: solid;
  --divider-color: var(--brand-grey-20);
  --accordion-padding: var(--default-outline-vertical) 0;
  --highlight-color: var(--text-primary);
  padding: var(--accordion-padding);
}
.shared-header .mi-accordion .accordion__group .group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--header-padding);
}
.shared-header .mi-accordion .accordion__group .group__header.group__header--selected .group__title,
.shared-header .mi-accordion .accordion__group .group__header.group__header--selected .group__icon {
  color: var(--highlight-color);
}
.shared-header .mi-accordion .accordion__group .group__title {
  color: var(--header-color);
  font-weight: var(--header-font-weight);
  font-size: var(--header-font-size);
  line-height: var(--header-line-height);
}
.shared-header .mi-accordion .accordion__group .group__icon {
  -webkit-margin-start: var(--icon-margin-left);
          margin-inline-start: var(--icon-margin-left);
  color: var(--icon-color);
  font-size: var(--icon-font-size);
  line-height: var(--icon-line-height);
}
.shared-header .mi-accordion .accordion__group .group__body {
  max-height: 0;
  -webkit-padding-start: var(--body-padding-left);
          padding-inline-start: var(--body-padding-left);
  overflow: hidden;
  color: var(--item-color);
  font-size: var(--item-font-size);
  line-height: var(--item-line-height);
  transition: 0.2s;
}
.shared-header .mi-accordion .accordion__group .accordion__item {
  padding: var(--item-padding);
}
.shared-header .mi-accordion .accordion__group .accordion__item.accordion__item--selected {
  color: var(--highlight-color);
}
.shared-header .mi-accordion .accordion__divider {
  margin: var(--divider-margin);
  border-top: var(--divider-width) var(--divider-style) var(--divider-color);
}
@charset "UTF-8";
:root {
  /* 骨架屏 */
  --skeleton-color: #eee;

  /* 品牌色 */
  --brand-orange: #ff6900;
  --brand-orange-90: #ff7819;
  --brand-orange-80: #ff8733;
  --brand-orange-70: #ff964c;
  --brand-orange-60: #ffa566;
  --brand-orange-50: #ffb47f;
  --brand-orange-40: #ffc399;
  --brand-orange-30: #ffd2b2;
  --brand-orange-20: #ffe1cc;
  --brand-orange-10: #fff0e5;
  --brand-grey: #898989;
  --brand-grey-90: #949494;
  --brand-grey-80: #a1a1a1;
  --brand-grey-70: #acacac;
  --brand-grey-60: #b8b8b8;
  --brand-grey-50: #c4c4c4;
  --brand-grey-40: #d0d0d0;
  --brand-grey-30: #dbdbdb;
  --brand-grey-20: #e7e7e7;
  --brand-grey-10: #f3f3f3;
  --brand-black: #191919;
  --brand-black-90: #303030;
  --brand-black-80: #474747;
  --brand-black-70: #5e5e5e;
  --brand-black-60: #757575;
  --brand-black-50: #8c8c8c;
  --brand-black-40: #a3a3a3;
  --brand-black-30: #dbdbdb;
  --brand-black-20: #d1d1d1;
  --brand-black-10: #e8e8e8;
  --brand-reverse: #fff;

  /* 文本 */
  --text-base: #191919;
  --text-reverse: #fff;
  --text-primary: #ff6900;
  --text-secondary: #898989;
  --text-black: #333;
  --text-error: #ff4e4e;

  /* 背景色 */
  --background-base: #f7f7f7;
  --background-white: #fff;
  --background-grey: #dbdbdb;
  --background-light-grey: #f5f5f5;
  --background-black: #191919;
  --background-primary: #ff6900;
  --background-primary-light: #fff0e6;
  --background-disable: #ddd;
  --background-loader: #ff6900;
  --background-deep-black: #24201c;

  /* 边框 */
  --border-base: #898989;
  --border-footer: #2e2e2e;
  --border-input: #b0b0b0;
  --border-primary: #ff6900;
  --border-secondary: #191919;
  --border-popover: #e0e0e0;

  /* 阴影 */
  --shadow-black-a2: rgb(0 0 0 / 2%);
  --shadow-black-a5: rgb(0 0 0 / 5%);
  --shadow-black-a7: rgb(0 0 0 / 7%);
  --shadow-black-a8: rgb(0 0 0 / 8%);
  --shadow-black-a10: rgb(0 0 0 / 10%);
  --shadow-black-a15: rgb(0 0 0 / 15%);
  --shadow-black-a20: rgb(0 0 0 / 20%);
  --shadow-black-a25: rgb(0 0 0 / 25%);
  --shadow-black-a30: rgb(0 0 0 / 30%);
  --shadow-black-a40: rgb(0 0 0 / 40%);
  --shadow-black-a50: rgb(0 0 0 / 50%);
  --shadow-black-a60: rgb(0 0 0 / 60%);
  --shadow-white-a10: rgb(255 255 225 / 10%);
  --shadow-white-a20: rgb(255 255 225 / 20%);
  --shadow-white-a30: rgb(255 255 225 / 30%);
  --shadow-white-a50: rgb(255 255 225 / 50%);
  --shadow-white-a80: rgb(255 255 225 / 80%);
  --shadow-white-a90: rgb(255 255 225 / 90%);
  --shadow-primary-a10: rgb(255 105 0 / 10%);
  --shadow-primary-a20: rgb(255 105 0 / 20%);
  --shadow-primary-a30: rgb(255 105 0 / 30%);
  --shadow-primary-a40: rgb(255 105 0 / 40%);
  --shadow-primary-a50: rgb(255 105 0 / 50%);
}
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-tag {
  display: inline-flex;
  box-sizing: border-box;
  margin: var(--margin-base);
  padding: 0 var(--padding-inline);
  font-size: var(--font-size);
  white-space: nowrap;
  background: var(--background-base);
  border: 1px solid var(--border-base);
  cursor: default;
  opacity: 1;
}
@media screen and (max-width: 720px) {
  .shared-header .mi-tag {
    --margin-base: 0 2px;
    --padding-inline: 3px;
    --font-size: 10px;
    border-radius: 3px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .mi-tag {
    --margin-base: 0 2px;
    --padding-inline: 3px;
    --font-size: 12px;
    border-radius: 3px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .mi-tag {
    --margin-base: 0 2px;
    --padding-inline: 4px;
    --font-size: 12px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .mi-tag {
    --margin-base: 0 3px;
    --padding-inline: 4px;
    --font-size: 14px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .mi-tag {
    --margin-base: 0 3px;
    --padding-inline: 4px;
    --font-size: 14px;
    border-radius: 4px;
  }
}
.shared-header .mi-tag:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.shared-header .mi-tag:last-child {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.shared-header .mi-tag__text--ellipsis {
  flex-shrink: 0;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* stylelint-enable */
}
.shared-header .mi-tag--has-color {
  color: #fff;
  border-color: transparent;
  border-width: 0;
}
.shared-header .mi-tag--has-color .mi-tag__text {
  margin: 1px;
}
.shared-header .mi-tag--orange {
  color: var(--text-primary);
  background-color: var(--orange-orange10);
  border: 1px solid var(--orange-orange60);
}
.shared-header .mi-tag--green {
  color: #50c050;
  background-color: #f2fbf2;
  border: 1px solid #50c050;
}
.shared-header .mi-tag--white {
  color: var(--text-primary);
  background-color: var(--background-white);
  border: 1px solid var(--orange-orange60);
}
.shared-header .mi-tag--grey {
  color: var(--text-secondary);
  background: #f4f4f4;
  border: 1px solid #dedede;
}
.shared-header .mi-tag--hidden {
  display: none;
}
.shared-header .mi-tag i {
  font-size: var(--font-size);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-image {
  --mi-image-width: 100%;
  --mi-image-height: 100%;
  display: flex;
}
.shared-header .mi-image .mi-image__img {
  width: var(--mi-image-width);
  height: var(--mi-image-height);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-price {
  word-break: keep-all;
}
.shared-header .mi-price mark {
  padding: 0;
  color: inherit;
  font-style: inherit;
  background-color: inherit;
}
.shared-header .mi-price i {
  font-style: inherit;
}
.shared-header .mi-price span {
  font-weight: normal;
}
.shared-header .mi-price strong {
  display: inline-block;
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
  font-weight: normal;
  white-space: nowrap;
}
.shared-header .mi-price strong small {
  font-size: 70%;
}
[lang=ja-JP] .shared-header .mi-price strong i[data-type=suffix] {
  font-size: 70%;
}
.shared-header .mi-price del {
  display: inline-block;
  color: #757575;
  font-style: normal;
}
.shared-header .mi-price del.empty {
  opacity: 0;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.mi-header-energy-label {
  --column-repeat-count: 1;
  --column-track-size: 1fr;
  --item-gap: 10px;
  --grid-row-gap: var(--item-gap);
  --grid-column-gap: 0;
  --group-justify-items: start;
  --group-align-items: center;
  --group-margin-top: 0;
  --group-margin-bottom: 0;
  --label-flex-direction: row;
  --label-justify-content: flex-start;
  --label-align-items: center;
  --info-margin-bottom: var(--item-gap);
  --text-light: var(--text-base);
  --text-dark: var(--text-reverse);
  --info-text-align: start;
  --link-font-color: var(--text-base);
  display: grid;
  grid-template-columns: repeat(var(--column-repeat-count), var(--column-track-size));
  gap: var(--grid-row-gap) var(--grid-column-gap);
  margin-top: var(--group-margin-top);
  margin-bottom: var(--group-margin-bottom);
  place-items: var(--group-align-items) var(--group-justify-items);
}
@media screen and (max-width: 720px) {
  .mi-header-energy-label {
    --image-width: 38px;
    --info-margin-left: 5px;
    --link-font-size: 9px;
    --link-text-width: 90px;
    --bundle-more-icon-size: 12px;
    --bundle-more-title-size: 14px;
    --bundle-more-title-line-height: 1.25;
    --bundle-more-left: 8px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-energy-label {
    --image-width: 44px;
    --info-margin-left: 6px;
    --link-font-size: 10px;
    --link-text-width: 90px;
    --bundle-more-icon-size: 14px;
    --bundle-more-title-size: 18px;
    --bundle-more-title-line-height: 1.25;
    --bundle-more-left: 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-energy-label {
    --image-width: 51px;
    --info-margin-left: 6px;
    --link-font-size: 11px;
    --link-text-width: 114px;
    --bundle-more-icon-size: 14px;
    --bundle-more-title-size: 18px;
    --bundle-more-title-line-height: 1;
    --bundle-more-left: 12px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-energy-label {
    --image-width: 56px;
    --info-margin-left: 6px;
    --link-font-size: 12px;
    --link-text-width: 114px;
    --bundle-more-icon-size: 16px;
    --bundle-more-title-size: 18px;
    --bundle-more-title-line-height: 1;
    --bundle-more-left: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-energy-label {
    --image-width: 56px;
    --info-margin-left: 6px;
    --link-font-size: 12px;
    --link-text-width: 114px;
    --bundle-more-icon-size: 16px;
    --bundle-more-title-size: 18px;
    --bundle-more-title-line-height: 1;
    --bundle-more-left: 16px;
  }
}
.mi-header-energy-label--bundle {
  display: flex;
  flex-direction: row;
  gap: var(--grid-row-gap) var(--grid-column-gap);
  align-items: center;
  justify-content: flex-start;
}
.mi-header-energy-label.mi-header-energy-label--light {
  color: var(--text-light);
}
.mi-header-energy-label.mi-header-energy-label--dark {
  color: var(--text-dark);
}
.mi-header-energy-label.mi-header-energy-label--row {
  --column-repeat-count: auto-fill;
  --column-track-size: 200px;
  --grid-column-gap: var(--item-gap);
}
.mi-header-energy-label.mi-header-energy-label--two {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 720px) {
  .mi-header-energy-label.mi-header-energy-label--two {
    display: grid;
  }
}
@media screen and (max-width: 720px) {
  .mi-header-energy-label.mi-header-energy-label--two {
    gap: var(--grid-row-gap) var(--grid-column-gap);
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-energy-label.mi-header-energy-label--two {
    gap: 12px 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-energy-label.mi-header-energy-label--two {
    gap: 12px 16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-energy-label.mi-header-energy-label--two {
    gap: 14px 18px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-energy-label.mi-header-energy-label--two {
    gap: 14px 18px;
  }
}
@media screen and (max-width: 720px) {
  .mi-header-energy-label.mi-header-energy-label--zoom {
    --image-width: 9.4444444444vw;
    --info-margin-left: 3.3333333333vw;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-energy-label.mi-header-energy-label--zoom {
    --image-width: 3.125vw;
    --info-margin-left: 1.3671875vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-energy-label.mi-header-energy-label--zoom {
    --image-width: 2.2222222222vw;
    --info-margin-left: 0.9722222222vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-energy-label.mi-header-energy-label--zoom {
    --image-width: 2.1875vw;
    --info-margin-left: 0.8333333333vw;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-energy-label.mi-header-energy-label--zoom {
    --image-width: 54px;
    --info-margin-left: 16px;
  }
}
@media screen and (max-width: 720px) {
  .mi-header-energy-label.mi-header-energy-label--zoom .mi-header-energy-label__link {
    font-size: 3.3333333333vw;
    font-size: max(3.3333333333vw, 12px);
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-energy-label.mi-header-energy-label--zoom .mi-header-energy-label__link {
    font-size: max(1.3671875vw, 12px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-energy-label.mi-header-energy-label--zoom .mi-header-energy-label__link {
    font-size: max(1.1111111111vw, 12px);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-energy-label.mi-header-energy-label--zoom .mi-header-energy-label__link {
    font-size: max(0.8333333333vw, 12px);
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-energy-label.mi-header-energy-label--zoom .mi-header-energy-label__link {
    font-size: 16px;
  }
}
.mi-header-energy-label .mi-header-energy-label__item {
  display: flex;
  flex-direction: var(--label-flex-direction);
  align-items: var(--label-align-items);
  justify-content: var(--label-justify-content);
  width: -moz-fit-content;
  width: fit-content;
}
.mi-header-energy-label .mi-header-energy-label__item.mi-header-energy-label__item--column {
  --label-flex-direction: column-reverse;
}
.mi-header-energy-label .mi-header-energy-label__item.mi-header-energy-label__item--column .mi-header-energy-label__link.mi-header-energy-label__link--info {
  margin-top: var(--info-margin-top);
  margin-bottom: var(--info-margin-bottom);
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.mi-header-energy-label .mi-header-energy-label__image {
  width: var(--image-width);
  aspect-ratio: 11/6;
  cursor: default;
}
.mi-header-energy-label .mi-header-energy-label__link {
  max-width: var(--link-text-width);
  font-weight: 400;
  font-size: var(--link-font-size);
  line-height: var(--link-font-size);
  cursor: pointer;
}
.mi-header-energy-label .mi-header-energy-label__link:hover {
  text-decoration: underline;
}
.mi-header-energy-label .mi-header-energy-label__link.mi-header-energy-label__link--image {
  line-height: 0;
}
.mi-header-energy-label .mi-header-energy-label__link.mi-header-energy-label__link--image .mi-header-energy-label__image {
  cursor: pointer;
}
.mi-header-energy-label .mi-header-energy-label__link.mi-header-energy-label__link--info {
  -webkit-margin-start: var(--info-margin-left);
          margin-inline-start: var(--info-margin-left);
  text-align: var(--info-text-align);
}
.mi-header-energy-label .bundle-more {
  -webkit-margin-start: var(--bundle-more-left);
          margin-inline-start: var(--bundle-more-left);
}
.mi-header-energy-label .bundle-more .bundle-more-mobile, .mi-header-energy-label .bundle-more .bundle-more-pc {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mi-header-energy-label .bundle-more .bundle-more-mobile .micon, .mi-header-energy-label .bundle-more .bundle-more-pc .micon {
  font-size: var(--bundle-more-icon-size);
}
.mi-header-energy-label .bundle-more-popover {
  width: 480px;
  padding: 24px;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
body.mi-header-modal__body--overflow-hidden {
  overflow: hidden;
}
.mi-header-modal .ReactModal__Overlay {
  background-color: transparent;
  transition: background-color 250ms ease-in-out;
}
.mi-header-modal .ReactModal__Overlay--after-open.mi-header-modal__overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
.mi-header-modal .ReactModal__Overlay--before-close.mi-header-modal__overlay {
  background-color: transparent;
}
.mi-header-modal .ReactModal__Content {
  overflow: hidden;
  transform: translateY(-65%);
  opacity: 0;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 350ms;
  transition-property: opacity, transform;
}
.mi-header-modal .ReactModal__Content--after-open.mi-header-modal__content {
  transform: translateY(-50%);
  opacity: 1;
}
.mi-header-modal .ReactModal__Content--before-close.mi-header-modal__content {
  transform: translateY(-65%);
  opacity: 0;
}
.mi-header-modal .mi-header-modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
}
.mi-header-modal .mi-header-modal__content {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: unset;
  left: 0;
  display: flex;
  flex-flow: column nowrap;
  box-sizing: border-box;
  width: auto;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  width: -moz-fit-content;
  width: fit-content;
  min-width: var(--modal-min-width);
  max-width: var(--modal-max-width);
  height: auto;
  max-height: min(80%, 900px);
  margin: auto;
  overflow: hidden;
  background-color: var(--background-white);
  border-radius: 4px;
  outline: none;
  --modal-footer-padding-vertical: var(--content-padding);
  --modal-footer-padding-horizontal: var(--content-padding);
}
@media screen and (max-width: 720px) {
  .mi-header-modal .mi-header-modal__content {
    --content-padding: 16px;
    --drawer-content-padding: 16px;
    --close-button-size: 20px;
    --modal-min-width: 240px;
    --modal-max-width: 80%;
    --font-size-heading: 16px;
    --font-size-subtitle: 12px;
    --font-size-button: 12px;
    --button-padding: 10px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal .mi-header-modal__content {
    --content-padding: 20px;
    --drawer-content-padding: 40px;
    --close-button-size: 20px;
    --modal-min-width: 270px;
    --modal-max-width: 480px;
    --font-size-heading: 16px;
    --font-size-subtitle: 12px;
    --font-size-button: 14px;
    --button-padding: 10px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal .mi-header-modal__content {
    --content-padding: 24px;
    --drawer-content-padding: 48px;
    --close-button-size: 24px;
    --modal-min-width: 360px;
    --modal-max-width: 560px;
    --font-size-heading: 20px;
    --font-size-subtitle: 16px;
    --font-size-button: 16px;
    --button-padding: 12px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal .mi-header-modal__content {
    --content-padding: 30px;
    --drawer-content-padding: 60px;
    --close-button-size: 24px;
    --modal-min-width: 420px;
    --modal-max-width: 640px;
    --font-size-heading: 24px;
    --font-size-subtitle: 18px;
    --font-size-button: 18px;
    --button-padding: 12px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal .mi-header-modal__content {
    --content-padding: 30px;
    --drawer-content-padding: 60px;
    --close-button-size: 24px;
    --modal-min-width: 420px;
    --modal-max-width: 640px;
    --font-size-heading: 24px;
    --font-size-subtitle: 18px;
    --font-size-button: 18px;
    --button-padding: 12px;
  }
}
.mi-header-modal .mi-header-modal__header {
  display: flex;
  flex-basis: auto;
  flex-flow: column nowrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  padding: var(--content-padding);
  color: var(--text-base);
}
@media screen and (max-width: 720px) {
  .mi-header-modal .mi-header-modal__header {
    padding-bottom: calc(var(--content-padding) + 4px);
  }
}
.mi-header-modal .mi-header-modal__header:empty {
  display: none;
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap,
.mi-header-modal .mi-header-modal__header .mi-header-modal__extra {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  color: var(--text-base);
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap--left,
.mi-header-modal .mi-header-modal__header .mi-header-modal__extra--left {
  -webkit-padding-end: var(--close-button-size);
          padding-inline-end: var(--close-button-size);
  text-align: start;
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap--center,
.mi-header-modal .mi-header-modal__header .mi-header-modal__extra--center {
  padding: 0 var(--close-button-size);
  text-align: center;
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__title,
.mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__title {
  margin: 0;
  font-weight: 500;
  font-size: var(--font-size-heading);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle,
.mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle {
  margin: 0;
  color: var(--brand-black-50);
  font-weight: 400;
  font-size: var(--font-size-subtitle);
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (max-width: 720px) {
  .mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle,
  .mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle {
    margin-top: 4px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle,
  .mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle,
  .mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle {
    margin-top: 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle,
  .mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle,
  .mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle {
    margin-top: 12px;
  }
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__title-wrap .mi-header-modal__subtitle:empty,
.mi-header-modal .mi-header-modal__header .mi-header-modal__extra .mi-header-modal__subtitle:empty {
  display: none;
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__close {
  position: absolute;
  top: var(--close-button-position);
  color: var(--brand-black-40);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --icon-font-size: var(--close-button-size);
  --close-button-position: var(--content-padding);
  right: var(--close-button-position);
  left: unset;
}
[dir=rtl] .mi-header-modal .mi-header-modal__header .mi-header-modal__close {
  right: unset;
}
[data-mi-dir=rtl] .mi-header-modal .mi-header-modal__header .mi-header-modal__close {
  right: unset;
}
[dir=rtl] .mi-header-modal .mi-header-modal__header .mi-header-modal__close {
  left: var(--close-button-position);
}
[data-mi-dir=rtl] .mi-header-modal .mi-header-modal__header .mi-header-modal__close {
  left: var(--close-button-position);
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__close:hover {
  color: var(--brand-black-50);
}
.mi-header-modal .mi-header-modal__header .mi-header-modal__close .micon {
  display: block;
}
.mi-header-modal .mi-header-modal__header--only-close .mi-header-modal__close {
  top: calc(var(--close-button-position) / 2);
}
.mi-header-modal .mi-header-modal__main {
  display: block;
  flex-grow: 1;
  box-sizing: border-box;
  width: 100%;
  min-height: var(--font-size-heading);
  max-height: 70vh;
  margin: var(--modal-footer-padding-vertical) auto;
  padding: 0 var(--content-padding);
  overflow: auto;
  white-space: pre-line;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.mi-header-modal .mi-header-modal__content.hidden-scroll .mi-header-modal__main {
  /* Firefox */
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
  /* Internet Explorer 10+ */
  --ms-overflow-style: none;
  /* WebKit */
}
.mi-header-modal .mi-header-modal__content.hidden-scroll .mi-header-modal__main::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.mi-header-modal .mi-header-modal__footer {
  display: flex;
  flex-basis: auto;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: var(--modal-footer-padding-vertical) var(--modal-footer-padding-horizontal);
}
.mi-header-modal .mi-header-modal__footer:empty {
  display: none;
}
.mi-header-modal .mi-header-modal__footer .mi-header-modal__action {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--modal-footer-padding-horizontal) / 2);
  width: 100%;
}
.mi-header-modal .mi-header-modal__footer .mi-header-modal__button {
  display: flex;
  flex: 1 1;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  --btn-font-size: var(--font-size-button);
  --btn-padding-vertical: var(--button-padding);
  --btn-padding-horizontal: var(--button-padding);
}
.mi-header-modal .mi-header-modal__footer .mi-header-modal__button:only-child {
  grid-column: span 2;
}
.mi-header-modal .mi-header-modal__footer .mi-header-modal__footnote {
  width: 100%;
  margin-top: var(--font-size-subtitle);
  color: var(--brand-black-50);
  font-size: var(--font-size-subtitle);
  text-align: center;
}
.mi-header-modal .mi-header-modal__header:not(:empty) + .mi-header-modal__main {
  margin-top: 0;
  padding-top: 0;
}
.mi-header-modal .mi-header-modal__main + .mi-header-modal__footer {
  margin-top: calc(-1 * var(--modal-footer-padding-vertical));
}
.mi-header-modal .mi-header-modal__header:not(:empty) + .mi-header-modal__footer {
  margin-top: calc(-1 * var(--modal-footer-padding-vertical));
}
.mi-header-modal.mi-header-modal--drawer .ReactModal__Content {
  top: 0;
  max-height: unset;
  transform: translateX(calc(var(--cardinal-number) * 100%));
  opacity: 1;
  left: unset;
  right: 0;
}
[dir=rtl] .mi-header-modal.mi-header-modal--drawer .ReactModal__Content {
  left: 0;
}
[data-mi-dir=rtl] .mi-header-modal.mi-header-modal--drawer .ReactModal__Content {
  left: 0;
}
[dir=rtl] .mi-header-modal.mi-header-modal--drawer .ReactModal__Content {
  right: unset;
}
[data-mi-dir=rtl] .mi-header-modal.mi-header-modal--drawer .ReactModal__Content {
  right: unset;
}
.mi-header-modal.mi-header-modal--drawer .ReactModal__Content--after-open.mi-header-modal__content {
  transform: translateX(0);
  opacity: 1;
}
.mi-header-modal.mi-header-modal--drawer .ReactModal__Content--before-close.mi-header-modal__content {
  transform: translateX(calc(var(--cardinal-number) * 100%));
  opacity: 1;
}
.mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
  min-width: unset;
  height: 100%;
  border-radius: 0;
  --content-padding: var(--drawer-content-padding);
  --modal-footer-padding-horizontal: var(--content-padding);
}
@media screen and (max-width: 720px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
    width: 100%;
    --modal-footer-padding-vertical: var(--content-padding);
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
    width: 480px;
    --modal-footer-padding-vertical: calc(var(--content-padding) / 2);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
    width: 520px;
    --modal-footer-padding-vertical: calc(var(--content-padding) / 2);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
    width: 600px;
    --modal-footer-padding-vertical: calc(var(--content-padding) / 2);
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
    width: 600px;
    --modal-footer-padding-vertical: calc(var(--content-padding) / 2);
  }
}
.mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
  box-sizing: border-box;
  width: unset;
  margin: var(--content-padding) var(--content-padding) calc(var(--content-padding) / 2);
  padding: 0 0 calc(var(--content-padding) / 2);
}
@media screen and (max-width: 720px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    padding-bottom: calc(var(--content-padding) / 2 + 4px);
  }
}
@media screen and (max-width: 720px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    border-bottom: 0;
    justify-content: flex-start;
    font-size: 16px;
    font-size: 16px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    border-bottom: 1px solid var(--brand-grey-20);
    justify-content: space-between;
    font-size: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    border-bottom: 1px solid var(--brand-grey-20);
    justify-content: space-between;
    font-size: 22px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    border-bottom: 1px solid var(--brand-grey-20);
    justify-content: space-between;
    font-size: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    border-bottom: 1px solid var(--brand-grey-20);
    justify-content: space-between;
    font-size: 28px;
  }
}
.mi-header-modal.mi-header-modal--drawer .mi-header-modal__main {
  height: 100%;
  max-height: unset !important;
  margin: 0 auto;
  padding: var(--modal-footer-padding-vertical) var(--content-padding);
}
.mi-header-modal.mi-header-modal--drawer .mi-header-modal__main + .mi-header-modal__footer {
  margin-top: 0;
}
@media screen and (max-width: 720px) {
  .mi-header-modal.mi-header-modal--bottom .ReactModal__Content,
  .mi-header-modal.mi-header-modal--drawer .ReactModal__Content {
    transform: translateY(100%);
    opacity: 1;
  }
  .mi-header-modal.mi-header-modal--bottom .ReactModal__Content--after-open.mi-header-modal__content,
  .mi-header-modal.mi-header-modal--drawer .ReactModal__Content--after-open.mi-header-modal__content {
    transform: translateY(0);
    opacity: 1;
  }
  .mi-header-modal.mi-header-modal--bottom .ReactModal__Content--before-close.mi-header-modal__content,
  .mi-header-modal.mi-header-modal--drawer .ReactModal__Content--before-close.mi-header-modal__content {
    transform: translateY(100%);
    opacity: 1;
  }
  .mi-header-modal.mi-header-modal--bottom .mi-header-modal__content,
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__content {
    top: unset;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
    height: -moz-fit-content;
    height: fit-content;
    min-height: max(50vh, 120px);
    max-height: 85vh;
    border-radius: 12px 12px 0 0;
  }
  .mi-header-modal.mi-header-modal--bottom .mi-header-modal__header,
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__header {
    flex-shrink: 0;
  }
  .mi-header-modal.mi-header-modal--bottom .mi-header-modal__main,
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__main {
    margin-bottom: 0;
  }
  .mi-header-modal.mi-header-modal--bottom .mi-header-modal__main.show-main-layer,
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__main.show-main-layer {
    position: relative;
  }
  .mi-header-modal.mi-header-modal--bottom .mi-header-modal__main + .mi-header-modal__footer,
  .mi-header-modal.mi-header-modal--drawer .mi-header-modal__main + .mi-header-modal__footer {
    margin-top: 0;
  }
}
.mi-header-modal.mi-header-modal--dialog .mi-header-modal__content {
  box-shadow: 0 6px 12px 0 rgba(25, 25, 25, 0.08);
}
.mi-header-modal__main-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.mi-header-modal .mi-header-bundle-more__modal {
  width: 480px;
}
.mi-header-modal .mi-header-bundle-more__modal--mobile {
  width: 100%;
  min-height: auto !important;
}
.mi-header-modal .mi-header-bundle-more__modal--mobile .mi-header-modal__main {
  min-height: auto;
}
.mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header {
  padding: 0;
}
@media screen and (max-width: 720px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header {
    padding: 42px 0 0 0;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header {
    padding: 20px 0 0 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header {
    padding: 24px 0 0 0;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header {
    padding: 24px 0 0 0;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header {
    padding: 24px 0 0 0;
  }
}
@media screen and (max-width: 720px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header .mi-btn {
    top: 11px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header .mi-btn {
    top: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header .mi-btn {
    top: 24px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header .mi-btn {
    top: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__header .mi-btn {
    top: 24px;
  }
}
.mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__main {
  margin: 0;
}
@media screen and (max-width: 720px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__main {
    padding: 20px 20px 40px 20px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__main {
    padding: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__main {
    padding: 24px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__main {
    padding: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-modal .mi-header-bundle-more__modal .mi-header-modal__main {
    padding: 24px;
  }
}
.mi-header-bundle-more {
  -webkit-margin-start: var(--bundle-more-left);
          margin-inline-start: var(--bundle-more-left);
}
.mi-header-bundle-more__content {
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 720px) {
  .mi-header-bundle-more__item + .mi-header-bundle-more__item {
    margin-top: 24px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .mi-header-bundle-more__item + .mi-header-bundle-more__item {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .mi-header-bundle-more__item + .mi-header-bundle-more__item {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .mi-header-bundle-more__item + .mi-header-bundle-more__item {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1921px) {
  .mi-header-bundle-more__item + .mi-header-bundle-more__item {
    margin-top: 32px;
  }
}
.mi-header-bundle-more__title {
  margin: 0 0 12px;
  color: var(--text-base);
  font-weight: 700;
  font-size: var(--bundle-more-title-size);
  line-height: var(--bundle-more-title-line-height);
}
.mi-header-bundle-more__title:focus-visible {
  outline-offset: -2px;
}
.mi-header-bundle-more__info {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 720px) {
  .mi-header-bundle-more__info {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
.mi-header-bundle-more__trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: calc(var(--image-width) / 11 * 6);
  background-color: rgba(25, 25, 25, 0.0509803922);
  border-radius: 4px;
  cursor: pointer;
}
.mi-header-bundle-more__trigger .more-icon {
  width: var(--bundle-more-icon-size);
  height: var(--bundle-more-icon-size);
  color: var(--text-base);
  stroke: currentcolor;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-loading {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  width: 100vw;
}
.shared-header .mi-loading .mi-loading__animation {
  position: relative;
  width: 4px;
  height: 20px;
  margin: 0 auto;
  overflow: visible;
  background: var(--background-loader);
  transform: scale(1, 1);
  transition: background-color ease 250ms;
  animation-delay: 0s;
}
.shared-header .mi-loading .mi-loading__animation, .shared-header .mi-loading .mi-loading__animation::before, .shared-header .mi-loading .mi-loading__animation::after {
  transform-origin: 50% 50%;
  animation-name: loader;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}
.shared-header .mi-loading .mi-loading__animation::before, .shared-header .mi-loading .mi-loading__animation::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 20px;
  background-color: var(--background-loader);
  transition: background-color ease 250ms;
  content: "";
}
.shared-header .mi-loading .mi-loading__animation::before {
  margin: -10px 0 0 -10px;
  transform: scale(1, 0.3);
  animation-delay: 0.25s;
}
.shared-header .mi-loading .mi-loading__animation::after {
  margin: -10px 0 0 6px;
  transform: scale(1, 0.5);
  animation-delay: 0.5s;
}
.shared-header .mi-loading .mi-loading__animation--white, .shared-header .mi-loading .mi-loading__animation--white::before, .shared-header .mi-loading .mi-loading__animation--white::after {
  background: var(--background-light);
}
.shared-header .mi-loading .mi-loading__animation--gray, .shared-header .mi-loading .mi-loading__animation--gray::before, .shared-header .mi-loading .mi-loading__animation--gray::after {
  background: rgba(0, 0, 0, 0.3);
}
@keyframes loader {
  0% {
    transform: scale(1, 0.5);
    opacity: 0.2;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.shared-header .mi-loading.mi-loading--scroll {
  width: 100%;
  height: auto;
  margin: 40px 0;
}
.shared-header .mi-loading.mi-loading--scroll .mi-loading__animation {
  width: 4px;
  height: 20px;
}
.shared-header .mi-loading.mi-loading--scroll .mi-loading__animation::before, .shared-header .mi-loading.mi-loading--scroll .mi-loading__animation::after {
  width: 4px;
  height: 20px;
}
.shared-header .mi-loading.mi-loading--scroll .mi-loading__animation::before {
  margin: -10px 0 0 -10px;
}
.shared-header .mi-loading.mi-loading--scroll .mi-loading__animation::after {
  margin: -10px 0 0 6px;
}
.shared-header .mi-loading.mi-loading--inner {
  width: 100%;
  height: 100%;
}
.shared-header .mi-loading.mi-loading--mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100vw;
  height: 100vh;
  background-color: var(--background-mask-a65);
}
.shared-header .mi-loading.mi-loading--mask .mi-loading__animation {
  position: absolute;
}
.shared-header .mi-loading.mi-loading--mask .mi-loading__title {
  margin: auto -100%;
  padding-top: 90px;
  color: var(--content-light);
  font-size: 18px;
  line-height: 1;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .submenu-products__wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 180px;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item {
  display: flex;
  flex-direction: column;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__title {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  font-weight: 700;
  line-height: 1.25;
  font-size: 16px;
  color: var(--text-base);
  width: 100%;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
  box-sizing: border-box;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__title-link {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__title-arrow {
  transition: transform 0.3s ease-in-out;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__title-arrow-right {
  opacity: 0;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__title-arrow-right:focus-visible {
  opacity: 1;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: height 0.3s ease-in-out;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-list {
  padding: 20px 0 var(--outline-width) 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item.active .submenu-products__nav-item__title {
  color: var(--brand-orange);
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item.active .submenu-products__nav-item__title-arrow {
  transform: rotate3d(1, 0, 0, 180deg);
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item.active .submenu-products__nav-item__content {
  height: var(--nav-item-height);
  visibility: visible;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 1.25;
  color: var(--text-base);
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item-title-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item-title-arrow .micon {
  font-size: 12px;
  color: #303030;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item-title-arrow:focus-visible {
  opacity: 1;
  outline-offset: -2px -2px;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item .second-level-link {
  outline-offset: 0;
  -webkit-margin-start: var(--outline-width);
          margin-inline-start: var(--outline-width);
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-item.active .submenu-products__nav-item__content-item-title {
  color: var(--brand-orange);
  font-weight: 500;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-products-wrapper {
  position: absolute;
  top: 0;
  left: 200px;
  width: calc(100% - 200px);
  visibility: hidden;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-item__content-products-wrapper.active {
  visibility: visible;
}
.shared-header .submenu-products__wrapper .submenu-products__nav-list-placeholder {
  height: var(--current-content-height);
  width: 0;
}
.shared-header .submenu-origin__products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  box-sizing: border-box;
}
.shared-header .submenu-origin__products__item {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--text-base);
  font-size: 12px;
  text-align: center;
  background: #f7f8fa;
  border-radius: 12px;
}
.shared-header .submenu-origin__products__image {
  transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-origin__products__image {
    padding: 40px 30px 24px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-origin__products__image {
    padding: 40px 34px 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-origin__products__image {
    padding: 40px 54px 24px;
  }
}
.shared-header .submenu-origin__products__image-empty,
.shared-header .submenu-origin__products__image img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.shared-header .submenu-origin__products__item:hover .submenu-origin__products__image {
  transform: translateY(-10px);
}
.shared-header .submenu-origin__products__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.shared-header .submenu-origin__products__title {
  margin: 0 14px 40px;
}
.shared-header .submenu-origin__products__tag {
  position: absolute;
  top: 16px;
  left: 16px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  color: #be7600;
  font-size: 13px;
  font-weight: 500;
}
.shared-header .submenu-origin__products .mi-tag {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  margin: 0;
  line-height: 16px;
  border-radius: 4px;
  cursor: default;
  color: #be7600;
  font-size: 13px;
}
.shared-header .submenu-origin__products-footer {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 0;
  color: var(--text-base);
  font-size: 14px;
}
.shared-header .submenu-origin__products-footer-content {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: rgb(247, 248, 250);
  border-radius: 12px;
  padding: 12px 24px;
}
.shared-header .submenu-origin__products-footer-separator {
  width: 1px;
  height: 14px;
  background-color: rgb(232, 232, 232);
}
.shared-header .submenu-origin__products-footer-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
}
.shared-header .submenu-origin__products-footer-item i {
  font-size: 20px;
  transform: scaleX(var(--cardinal-number));
}
.shared-header .submenu-origin__products-footer-item:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.shared-header .submenu-origin__products-footer-item:hover {
  color: var(--text-primary);
}
.shared-header .submenu-origin__products-footer-item:hover i {
  color: var(--text-primary);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .submenu-origin__category-list {
  display: grid;
  grid-template-columns: repeat(var(--submenu-list-columns), 1fr);
  font-size: 14px;
  -moz-column-gap: 44px;
       column-gap: 44px;
}
.shared-header .submenu-origin__category-list .submenu-origin__category-group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.shared-header .submenu-origin__category-list .submenu-origin__category-item {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.shared-header .submenu-origin__category-list .submenu-origin__category-item__title {
  font-weight: bold;
  color: var(--text-base);
}
.shared-header .submenu-origin__category-list .submenu-origin__category-item__title:hover {
  color: var(--text-primary);
}
.shared-header .submenu-origin__category-list .submenu-origin__category-item__products {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.shared-header .submenu-origin__category-list .submenu-origin__category-item__product {
  color: var(--text-secondary);
}
.shared-header .submenu-origin__category-list .submenu-origin__category-item__product a:hover {
  color: var(--text-primary);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .main-menu-item {
  display: flex;
  align-items: center;
  list-style: none;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.shared-header .main-menu-item-link {
  position: relative;
  color: var(--text-base);
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 calc(-1 * (-1 * var(--outline-width) - 4px));
  font-size: 15px;
  cursor: pointer;
  font-weight: 400;
  transition: color 0.25s ease-in-out;
}
.shared-header .main-menu-item-link:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: calc(-1 * var(--outline-width) - 4px) !important;
}
.shared-header .main-menu-item-link:not(.poco)::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: calc(-1 * (-1 * var(--outline-width) - 4px));
  width: 0;
  height: 2px;
  background-color: var(--text-primary);
  transition: all 0.25s ease-in-out;
}
.shared-header .main-menu-item-link.current {
  color: var(--text-primary);
}
.shared-header .main-menu-item-link.active::before {
  width: 100%;
}
.shared-header .main-menu-item-link.poco span {
  transition: opacity 0.3s;
  transition-timing-function: linear(0 50%, 1 100%);
  font-family: "MiSans Latin", sans-serif;
}
.shared-header .main-menu-item-link.poco img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 30px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
  transition-timing-function: linear(0 0%, 1 50%);
}
.shared-header .main-menu-item-expand-icon {
  z-index: -1;
  opacity: 0;
  background-color: transparent;
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 calc(-1 * (-1 * var(--outline-width) - 4px));
  position: absolute;
  right: calc(var(--outline-width) * 4);
  transform: translateX(100%);
}
.shared-header .main-menu-item-expand-icon:focus-visible {
  opacity: 1;
  z-index: 1;
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: calc(-1 * var(--outline-width) - 4px) !important;
}
.shared-header .main-menu-item-expand-icon .arrow-icon {
  font-size: 12px;
  transition: transform 0.3s ease-in-out;
}
.shared-header .main-menu-item-expand-icon .arrow-icon.active {
  transform: rotate3d(1, 0, 0, 180deg);
}
.shared-header .main-menu-item.active .main-menu-item-link:not(.poco) {
  color: var(--text-primary);
}
.shared-header .main-menu-item.active .main-menu-item-link::before {
  width: calc(100% + 2 * (-1 * var(--outline-width) - 4px));
}
.shared-header .main-menu-item.active .main-menu-item-link.poco span {
  opacity: 0;
  transition-timing-function: linear(0 0%, 1 50%);
}
.shared-header .main-menu-item.active .main-menu-item-link.poco img {
  opacity: 1;
  transition-timing-function: linear(0 50%, 1 100%);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .submenu-text__nav-wrapper {
  --border-color: #e8e8e8;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper {
    padding: 48px 0 48px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper {
    padding: 48px 0 48px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1562px) {
  .shared-header .submenu-text__nav-wrapper {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-content {
  display: grid;
  grid-template-columns: auto 104px 376px;
  -moz-column-gap: 0;
       column-gap: 0;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-content {
    grid-template-columns: auto 70px 376px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-content {
    grid-template-columns: auto 70px 376px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-content {
    grid-template-columns: auto 70px 376px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-content {
    grid-template-columns: auto 104px 376px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-content {
    grid-template-columns: auto 104px 376px;
  }
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-content.wide-mode {
  grid-template-columns: auto;
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item {
    gap: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item {
    gap: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item {
    gap: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item {
    gap: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item {
    gap: 16px;
  }
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item.padding-top-50 {
  padding-top: 50px;
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title {
  font-weight: bold;
  line-height: 1.25;
  color: var(--brand-black);
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title:hover {
  color: var(--text-primary);
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title {
    font-size: 14px;
    font-size: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title {
    font-size: 15px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-title {
    font-size: 15px;
  }
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-products {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-products {
    gap: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-products {
    gap: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-products {
    gap: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-products {
    gap: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-products {
    gap: 16px;
  }
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-product-new {
  margin-left: 8px;
  color: #be7600;
  font-weight: 500;
  font-size: 13px;
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-product-title {
  color: var(--brand-black-90);
  font-size: 14px;
  line-height: 1.25;
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-list .submenu-text__nav-item-product-title:hover {
  color: var(--text-primary);
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator {
  position: relative;
  width: 104px;
  height: 100%;
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator {
    width: 70px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator {
    width: 70px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator {
    width: 70px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator {
    width: 104px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator {
    width: 104px;
  }
}
.shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 54.5px;
  width: 1px;
  height: 100%;
  background-color: var(--border-color);
}
@media screen and (max-width: 720px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator::before {
    left: 21px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator::before {
    left: 21px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator::before {
    left: 21px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator::before {
    left: 54.5px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .submenu-text__nav-wrapper .submenu-text__nav-separator::before {
    left: 54.5px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .masonry-grid {
  display: grid;
  grid-template-columns: repeat(var(--columns, 4), 1fr);
  grid-auto-flow: row;
  grid-auto-rows: 1px;
  align-items: start;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.shared-header .masonry-grid .masonry-card {
  -moz-column-break-inside: avoid;
       break-inside: avoid; /* 防止内容被分割 */
  grid-row: span var(--row-span, 1);
}
.shared-header .masonry-grid .masonry-card .masonry-item {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333;
}
.shared-header .padding-top-50 {
  padding-top: 50px;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .new-product-zoom {
  width: 376px;
}
.shared-header .new-product-zoom__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.25;
  font-weight: bold;
  color: var(--text-base);
  font-size: 14px;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .new-product-zoom__title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .new-product-zoom__title {
    font-size: 15px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .new-product-zoom__title {
    font-size: 15px;
  }
}
.shared-header .new-product-zoom__title:hover {
  color: var(--text-primary);
}
.shared-header .new-product-zoom__content {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.shared-header .new-product-zoom__product-item {
  padding-bottom: 28px;
  background-color: #f7f8fa;
  border-radius: 8px;
}
.shared-header .new-product-zoom__product-item-image {
  width: 120px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .new-product-zoom__product-item-image {
    padding: 16px 30px 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .new-product-zoom__product-item-image {
    padding: 16px 30px 8px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .new-product-zoom__product-item-image {
    padding: 16px 30px 8px;
  }
}
.shared-header .new-product-zoom__product-item-title {
  width: 140px;
  height: 30px;
  margin: auto;
  line-height: 1.25;
  font-size: 12px;
  color: var(--text-base);
  text-align: center;
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示2行 */
  -webkit-box-orient: vertical;
  /* stylelint-enable value-no-vendor-prefix */
  overflow: hidden;
  text-overflow: ellipsis;
}
.shared-header .new-product-zoom__product-item:hover .new-product-zoom__product-item-image {
  transform: translateY(-8px);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .main-menu {
  margin-left: 24px;
  height: 100%;
}
.shared-header .main-menu .main-menu__nav-list {
  height: var(--header-height);
  display: flex;
}
.shared-header .main-menu .main-menu__overlay-cover {
  position: absolute;
  top: var(--header-height);
  left: 0;
  z-index: 2;
  width: 100%;
  height: calc(100vh - var(--header-height));
  background-color: rgba(153, 153, 153, 0.5);
  opacity: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: 0.35s ease;
  pointer-events: none;
}
.shared-header .main-menu .main-menu__overlay-cover--show {
  opacity: 1;
  transition-delay: 0.15s;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .store-navigation {
  --border-color: #e8e8e8;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation {
    padding: 48px 0 48px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation {
    padding: 48px 0 48px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1562px) {
  .shared-header .store-navigation {
    padding: 40px var(--site-horizontal-padding, 0) 40px;
  }
}
.shared-header .store-navigation .store-navigation__content {
  display: grid;
  grid-template-columns: auto 104px 376px;
  -moz-column-gap: 0;
       column-gap: 0;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__content {
    grid-template-columns: auto 70px 376px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__content {
    grid-template-columns: auto 70px 376px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__content {
    grid-template-columns: auto 70px 376px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__content {
    grid-template-columns: auto 104px 376px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__content {
    grid-template-columns: auto 104px 376px;
  }
}
.shared-header .store-navigation .store-navigation__separator {
  position: relative;
  width: 104px;
  height: 100%;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__separator {
    width: 70px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__separator {
    width: 70px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__separator {
    width: 70px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__separator {
    width: 104px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__separator {
    width: 104px;
  }
}
.shared-header .store-navigation .store-navigation__separator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 54px;
  width: 1px;
  height: 100%;
  background-color: var(--border-color);
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__separator::before {
    left: 21px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__separator::before {
    left: 21px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__separator::before {
    left: 21px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__separator::before {
    left: 54px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__separator::before {
    left: 54px;
  }
}
.shared-header .store-navigation .store-navigation__left {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.shared-header .store-navigation .store-navigation__content-nav-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__content-nav-item {
    gap: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__content-nav-item {
    gap: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__content-nav-item {
    gap: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__content-nav-item {
    gap: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__content-nav-item {
    gap: 16px;
  }
}
.shared-header .store-navigation .store-navigation__content-nav-item-title {
  font-weight: 700;
  color: var(--text-base);
  line-height: 1.25;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-title {
    font-size: 14px;
    font-size: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-title {
    font-size: 15px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-title {
    font-size: 15px;
  }
}
.shared-header .store-navigation .store-navigation__content-nav-item-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-list {
    gap: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-list {
    gap: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-list {
    gap: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-list {
    gap: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__content-nav-item-list {
    gap: 16px;
  }
}
.shared-header .store-navigation .store-navigation__content-nav-item-list-item {
  font-size: 14px;
  line-height: 1.25;
  color: rgb(48, 48, 48);
}
.shared-header .store-navigation .store-navigation__content-nav-item-list-item:hover {
  color: var(--text-primary);
}
.shared-header .store-navigation .store-navigation__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shared-header .store-navigation .store-navigation__right-title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-base);
  line-height: 1.25;
}
@media screen and (max-width: 720px) {
  .shared-header .store-navigation .store-navigation__right-title {
    font-size: 14px;
    font-size: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .store-navigation .store-navigation__right-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__right-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__right-title {
    font-size: 15px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__right-title {
    font-size: 15px;
  }
}
.shared-header .store-navigation .store-navigation__right-title:hover {
  color: var(--text-primary);
}
.shared-header .store-navigation .store-navigation__right-products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.shared-header .store-navigation .store-navigation__right-product {
  padding-bottom: 28px;
  display: flex;
  flex-direction: column;
  background-color: rgb(247, 248, 250);
  border-radius: 8px;
}
.shared-header .store-navigation .store-navigation__right-product-image, .shared-header .store-navigation .store-navigation__right-product-image-empty {
  width: 120px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .store-navigation .store-navigation__right-product-image, .shared-header .store-navigation .store-navigation__right-product-image-empty {
    padding: 16px 30px 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .store-navigation .store-navigation__right-product-image, .shared-header .store-navigation .store-navigation__right-product-image-empty {
    padding: 16px 30px 8px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .store-navigation .store-navigation__right-product-image, .shared-header .store-navigation .store-navigation__right-product-image-empty {
    padding: 16px 30px 8px;
  }
}
.shared-header .store-navigation .store-navigation__right-product:hover .store-navigation__right-product-image {
  transform: translateY(-8px);
}
.shared-header .store-navigation .store-navigation__right-product-name {
  width: 140px;
  height: 30px;
  margin: auto;
  line-height: 1.25;
  font-size: 12px;
  color: var(--text-base);
  text-align: center;
  /* stylelint-disable value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .navigation-logo {
  position: relative;
  z-index: 100;
  flex-shrink: 0;
  box-sizing: content-box;
  padding: 0;
}
@media screen and (max-width: 720px) {
  .shared-header .navigation-logo {
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .navigation-logo {
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .navigation-logo {
    width: 28px;
    height: 28px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .navigation-logo {
    width: 32px;
    height: 32px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .navigation-logo {
    width: 32px;
    height: 32px;
  }
}
.shared-header .navigation-logo .logo__link,
.shared-header .navigation-logo .logo__mi {
  display: block;
  width: 100%;
  height: 100%;
}
.shared-header .navigation-logo .logo__link .logo__home,
.shared-header .navigation-logo .logo__mi .logo__home {
  transform: translateX(-100%);
  transition: transform 0.2s;
}
.shared-header .navigation-logo .logo__link:hover .logo__home,
.shared-header .navigation-logo .logo__link:focus-visible .logo__home {
  transform: translateX(0);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .side-menu {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 720px) {
  .shared-header .side-menu {
    gap: 8px;
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .side-menu {
    gap: 8px;
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .side-menu {
    gap: 16px;
    -webkit-margin-end: 8px;
            margin-inline-end: 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .side-menu {
    gap: 32px;
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .side-menu {
    gap: 32px;
    -webkit-margin-end: 16px;
            margin-inline-end: 16px;
  }
}
.shared-header .side-menu__item {
  display: flex;
  height: 100%;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .shared-header-search-modal.header-search-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 50;
}
.shared-header .shared-header-search-modal.header-search-modal.show {
  opacity: 1;
  transform: translateY(0);
}
.shared-header .shared-header-search-modal .header-search-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border: none;
  transform: translate(-100%, 100%);
  background-color: transparent;
  opacity: 0;
  color: rgb(174, 174, 174);
}
.shared-header .shared-header-search-modal .header-search-close:focus-visible {
  opacity: 1;
}
.shared-header .shared-header-search-modal .header-search-close i {
  font-size: 24px;
}
.shared-header .shared-header-search-modal .header-search-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--background-white);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shared-header-search-modal .header-search-container {
    height: 411px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shared-header-search-modal .header-search-container {
    height: 37.8472222222vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shared-header-search-modal .header-search-container {
    height: 580px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shared-header-search-modal .header-search-container {
    height: 580px;
  }
}
.shared-header .shared-header-search-modal .header-search-content {
  margin: 0 auto;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shared-header-search-modal .header-search-content {
    width: 65%;
    padding-top: 48px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shared-header-search-modal .header-search-content {
    width: 55.2777777778vw;
    padding-top: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shared-header-search-modal .header-search-content {
    width: 832px;
    padding-top: 80px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shared-header-search-modal .header-search-content {
    width: 832px;
    padding-top: 80px;
  }
}
.shared-header .shared-header-search-modal .header-search-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--brand-grey-30);
  transition: border-color 0.3s ease-in-out;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shared-header-search-modal .header-search-input {
    height: 36px;
    font-size: 16px;
    border-radius: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shared-header-search-modal .header-search-input {
    height: 2.9166666667vw;
    font-size: max(1.25vw, 12px);
    border-radius: 0.9722222222vw;
    padding-left: 1.25vw;
    padding-right: 1.6666666667vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shared-header-search-modal .header-search-input {
    height: 56px;
    font-size: 24px;
    border-radius: 14px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shared-header-search-modal .header-search-input {
    height: 56px;
    font-size: 24px;
    border-radius: 14px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.shared-header .shared-header-search-modal .header-search-input:hover {
  border-color: var(--border-base);
}
.shared-header .shared-header-search-modal .header-search-input:focus-within {
  border-color: var(--border-primary);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shared-header-search-modal .header-search-input .search-icon {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shared-header-search-modal .header-search-input .search-icon {
    font-size: max(1.6666666667vw, 12px);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shared-header-search-modal .header-search-input .search-icon {
    font-size: 32px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shared-header-search-modal .header-search-input .search-icon {
    font-size: 32px;
  }
}
.shared-header .shared-header-search-modal .header-search-input label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shared-header .shared-header-search-modal .header-search-input input {
  border: none;
  height: 100%;
  flex: 1 1;
  font-size: 100%;
  padding: 0;
  /* 隐藏搜索输入框默认的清除按钮 */
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shared-header-search-modal .header-search-input input {
    margin: 0 0.5em;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shared-header-search-modal .header-search-input input {
    margin: 0 0.75em;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shared-header-search-modal .header-search-input input {
    margin: 0 0.75em;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shared-header-search-modal .header-search-input input {
    margin: 0 0.75em;
  }
}
.shared-header .shared-header-search-modal .header-search-input input::-moz-placeholder {
  color: var(--brand-grey);
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.shared-header .shared-header-search-modal .header-search-input input::placeholder {
  color: var(--brand-grey);
  transition: color 0.3s ease-in-out;
}
.shared-header .shared-header-search-modal .header-search-input input:focus-visible {
  outline: none !important;
}
.shared-header .shared-header-search-modal .header-search-input input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
  display: none;
}
.shared-header .shared-header-search-modal .header-search-input input[type=search]::-moz-search-cancel-button {
  display: none;
}
.shared-header .shared-header-search-modal .header-search-input input[type=search]::-ms-clear {
  display: none;
}
.shared-header .shared-header-search-modal .header-search-input button {
  padding: 0;
  border: none;
  background-color: transparent;
}
.shared-header .shared-header-search-modal .header-search-input .micon {
  color: var(--brand-grey);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .search-list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list {
    gap: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list {
    gap: 0.9722222222vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list {
    gap: 14px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list {
    gap: 14px;
  }
}
.shared-header .search-list li.search-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  color: var(--brand-grey);
  margin: 0;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list li.search-list-item {
    padding: 0 16px;
    font-size: 16px;
    min-height: 32px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list li.search-list-item {
    padding: 0 2.5vw;
    font-size: max(1.25vw, 12px);
    min-height: 2.7777777778vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list li.search-list-item {
    padding: 0 48px;
    font-size: 24px;
    min-height: 40px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list li.search-list-item {
    padding: 0 48px;
    font-size: 24px;
    min-height: 40px;
  }
}
.shared-header .search-list li.search-list-item.active {
  color: var(--brand-black);
  background-color: var(--brand-grey-10);
}
.shared-header .search-list li.search-list-item.active .micon {
  font-weight: bold;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .search-list.search-suggest {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media screen and (max-width: 720px) {
  .shared-header .search-list.search-suggest {
    padding: 3.6111111111vw;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest {
    padding: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest {
    padding: 0.9722222222vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest {
    padding: 14px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest {
    padding: 14px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__commodity {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 720px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity img {
    width: 14.7222222222vw;
    height: 14.7222222222vw;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity img {
    width: 72px;
    height: 72px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity img {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity img {
    width: 96px;
    height: 96px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity img {
    width: 96px;
    height: 96px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__commodity-info {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
@media screen and (max-width: 720px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-info {
    -webkit-padding-start: 2.2222222222vw;
            padding-inline-start: 2.2222222222vw;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-info {
    -webkit-padding-start: 16px;
            padding-inline-start: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-info {
    -webkit-padding-start: 1.6666666667vw;
            padding-inline-start: 1.6666666667vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-info {
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-info {
    -webkit-padding-start: 24px;
            padding-inline-start: 24px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__commodity-title {
  color: var(--brand-grey);
}
@media screen and (max-width: 720px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-title {
    font-size: 4.4444444444vw;
    font-size: max(4.4444444444vw, 12px);
    line-height: 5.2777777778vw;
    margin-top: 1.6666666667vw;
    margin-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-title {
    font-size: 16px;
    line-height: 16px;
    margin-top: 8px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-title {
    font-size: max(1.6666666667vw, 12px);
    line-height: 2.6388888889vw;
    margin-top: 0.7638888889vw;
    margin-bottom: 0.5555555556vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-title {
    font-size: 32px;
    line-height: 38px;
    margin-top: 11px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest .search-suggest__commodity-title {
    font-size: 32px;
    line-height: 38px;
    margin-top: 11px;
    margin-bottom: 8px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__commodity .mi-price {
  color: var(--text-base);
}
.shared-header .search-list.search-suggest .search-suggest__event {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-primary);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest .search-suggest__event {
    gap: 4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest .search-suggest__event {
    gap: 0.5555555556vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest .search-suggest__event {
    gap: 8px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest .search-suggest__event {
    gap: 8px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__event .micon-suggest {
  font-weight: bold;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest .search-suggest__event .micon-suggest {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest .search-suggest__event .micon-suggest {
    font-size: max(1.6666666667vw, 12px);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest .search-suggest__event .micon-suggest {
    font-size: 32px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest .search-suggest__event .micon-suggest {
    font-size: 32px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__event-title {
  display: inline-block;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--text-primary) !important;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-list.search-suggest .search-suggest__event-title {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-list.search-suggest .search-suggest__event-title {
    font-size: max(1.6666666667vw, 12px);
    line-height: 2.0138888889vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-list.search-suggest .search-suggest__event-title {
    font-size: 24px;
    line-height: 29px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-list.search-suggest .search-suggest__event-title {
    font-size: 24px;
    line-height: 29px;
  }
}
.shared-header .search-list.search-suggest .search-suggest__support {
  color: var(--text-primary);
}
.shared-header .search-list.search-suggest .search-list-item.active .search-suggest__commodity-title,
.shared-header .search-list.search-suggest .search-list-item.active .search-suggest__support {
  font-weight: bold;
}
.shared-header .search-list.search-suggest .search-list-item.active .micon-forward {
  color: var(--brand-black);
  font-weight: bold;
}
.shared-header .search-list.search-suggest .search-list-item:has(.search-suggest__commodity, .search-suggest__event) {
  background-color: transparent;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .search-recommend {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-recommend {
    padding: 16px;
    margin-top: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-recommend {
    padding: 1.6666666667vw;
    margin-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-recommend {
    padding: 24px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-recommend {
    padding: 24px;
    margin-top: 16px;
  }
}
.shared-header .search-recommend h3 {
  color: var(--brand-grey);
  margin: 0;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-recommend h3 {
    font-size: 16px;
    line-height: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-recommend h3 {
    font-size: max(1.3888888889vw, 12px);
    line-height: 1.1805555556vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-recommend h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-recommend h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .search-recommend-list {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .search-recommend-list {
    margin-top: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .search-recommend-list {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .search-recommend-list {
    margin-top: 20px;
  }
}
.shared-header .search-recommend-list li.active {
  font-weight: bold;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .category__btn {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
@media screen and (max-width: 720px) {
  .shared-header .category__btn i {
    font-size: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .category__btn i {
    font-size: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .category__btn i {
    font-size: 20px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .category__btn i {
    font-size: 28px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .category__btn i {
    font-size: 28px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .shortcut-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  --shortcut-menu-outline-offset: calc(
    -1 * var(--outline-width) - 4px /* 4px 是outline距离header上下的间距 */
  );
}
.shared-header .shortcut-menu__item {
  height: 100%;
}
@media screen and (max-width: 720px) {
  .shared-header .shortcut-menu__item {
    margin: 0 4px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shortcut-menu__item {
    margin: 0 4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shortcut-menu__item {
    margin: 0 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shortcut-menu__item {
    margin: 0 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shortcut-menu__item {
    margin: 0 16px;
  }
}
.shared-header .shortcut-menu__item .shortcut-menu__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-base);
  padding: 0 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shared-header .shortcut-menu__item .shortcut-menu__btn:focus-visible {
  outline-offset: var(--shortcut-menu-outline-offset) !important;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shortcut-menu__item .shortcut-menu__btn {
    padding: 0 0.78125vw;
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .shortcut-menu__item .shortcut-menu__btn .shortcut__icon {
    font-size: 20px;
    font-size: 20px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shortcut-menu__item .shortcut-menu__btn .shortcut__icon {
    font-size: 20px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shortcut-menu__item .shortcut-menu__btn .shortcut__icon {
    font-size: 20px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shortcut-menu__item .shortcut-menu__btn .shortcut__icon {
    font-size: 28px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shortcut-menu__item .shortcut-menu__btn .shortcut__icon {
    font-size: 28px;
  }
}
.shared-header .shortcut-menu__item .shortcut-menu__btn .cart__btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shared-header .shortcut-menu__item .shortcut__item--wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .shortcut-menu__btn.cart {
  padding: 0;
  position: relative;
}
.shared-header .cart__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-base);
  padding: 0 8px;
  height: 100%;
}
.shared-header .cart__btn:focus-visible {
  outline-offset: var(--shortcut-menu-outline-offset) !important;
}
.shared-header .cart__btn.show-array::before {
  display: block;
}
.shared-header .cart__btn::before {
  display: none;
  content: "";
  position: absolute;
  bottom: calc(var(--size) / 2 * -1 + 6px);
  left: calc(50% - var(--size) / 2);
  background: linear-gradient(to bottom right, var(--background-white) 60%, transparent 60%);
  border-left: 1px solid var(--brand-grey-10);
  border-top: 1px solid var(--brand-grey-10);
  transform: rotate(45deg);
  transform-origin: center;
  aspect-ratio: 1/1;
  width: var(--size);
  z-index: 10;
}
@media screen and (max-width: 720px) {
  .shared-header .cart__btn::before {
    --size: 10px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart__btn::before {
    --size: 10px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart__btn::before {
    --size: 10px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart__btn::before {
    --size: 14px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart__btn::before {
    --size: 14px;
  }
}
.shared-header .cart__btn .cart_count {
  position: absolute;
  top: 0;
  color: var(--text-reverse);
  background-color: var(--background-primary);
  vertical-align: middle;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
  left: 50%;
  right: unset;
}
@media screen and (max-width: 720px) {
  .shared-header .cart__btn .cart_count {
    display: none;
  }
}
.shared-header .cart__btn .cart_count:empty {
  display: none;
}
.shared-header .cart__btn .cart_count:empty + .micon-notification-dot {
  display: none !important;
}
[dir=rtl] .shared-header .cart__btn .cart_count {
  border-bottom-left-radius: 8px;
}
[data-mi-dir=rtl] .shared-header .cart__btn .cart_count {
  border-bottom-left-radius: 8px;
}
[dir=rtl] .shared-header .cart__btn .cart_count {
  border-bottom-right-radius: 0;
}
[data-mi-dir=rtl] .shared-header .cart__btn .cart_count {
  border-bottom-right-radius: 0;
}
[dir=rtl] .shared-header .cart__btn .cart_count {
  left: unset;
}
[data-mi-dir=rtl] .shared-header .cart__btn .cart_count {
  left: unset;
}
[dir=rtl] .shared-header .cart__btn .cart_count {
  right: 50%;
}
[data-mi-dir=rtl] .shared-header .cart__btn .cart_count {
  right: 50%;
}
@media screen and (max-width: 720px) {
  .shared-header .cart__btn .cart_count {
    padding: 0 0.234375vw;
    font-size: 0.625vw;
    font-size: max(0.625vw, 12px);
    transform: scale(0.6) translateX(calc(var(--cardinal-number) * 10px));
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart__btn .cart_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.8) translateX(calc(var(--cardinal-number) * 10px));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart__btn .cart_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.8) translateX(calc(var(--cardinal-number) * 10px));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart__btn .cart_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.9) translateX(calc(var(--cardinal-number) * 10px));
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart__btn .cart_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.9) translateX(calc(var(--cardinal-number) * 10px));
  }
}
.shared-header .cart__btn .cart_dot {
  position: absolute;
  top: 10px;
  right: 4px;
  color: var(--text-primary);
  display: none;
  font-size: 12px;
  transform: scale(0.6);
}
@media screen and (max-width: 720px) {
  .shared-header .cart__btn .cart_dot {
    display: block;
  }
}
.shared-header .cart__btn .cart__icon {
  transform: unset;
}
[dir=rtl] .shared-header .cart__btn .cart__icon {
  transform: rotateY(180deg);
}
[data-mi-dir=rtl] .shared-header .cart__btn .cart__icon {
  transform: rotateY(180deg);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .cart-popover {
  position: absolute;
  bottom: 6px;
  transform: translateY(100%);
  background-color: var(--background-white);
  border: 1px solid var(--brand-grey-10);
  border-radius: 5px;
  box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.1);
  right: -10px;
  left: unset;
}
[dir=rtl] .shared-header .cart-popover {
  right: unset;
}
[data-mi-dir=rtl] .shared-header .cart-popover {
  right: unset;
}
[dir=rtl] .shared-header .cart-popover {
  left: -10px;
}
[data-mi-dir=rtl] .shared-header .cart-popover {
  left: -10px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover {
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover {
    font-size: 16px;
  }
}
.shared-header .cart-popover .cart--empty {
  white-space: nowrap;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart--empty {
    padding: 1.5625vw 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart--empty {
    padding: 0.625vw 0.78125vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart--empty {
    padding: 0.625vw 0.78125vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart--empty {
    padding: 16px 20px;
  }
}
.shared-header .cart-popover .cart--loading.loading {
  max-width: 480px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart--loading.loading {
    width: 18.75vw;
    padding: 1.5625vw 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart--loading.loading {
    width: 18.75vw;
    padding: 1.5625vw 0;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart--loading.loading {
    width: 18.75vw;
    padding: 1.5625vw 0;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart--loading.loading {
    width: 18.75vw;
    padding: 40px 0;
  }
}
.shared-header .cart-popover .cart__list {
  overflow: auto;
  border-bottom: 1px solid var(--brand-grey-20);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__list {
    max-height: 27.34375vw;
    margin-top: 0.625vw;
    margin-bottom: 1.5625vw;
    padding: 0 0.78125vw 0.78125vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__list {
    max-height: 19.53125vw;
    margin-top: 0.625vw;
    margin-bottom: 1.5625vw;
    padding: 0 0.625vw 0.625vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__list {
    max-height: 19.53125vw;
    margin-top: 0.625vw;
    margin-bottom: 1.5625vw;
    padding: 0 0.625vw 0.625vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__list {
    max-height: 500px;
    margin-top: 16px;
    margin-bottom: 40px;
    padding: 0 16px 16px;
  }
}
.shared-header .cart-popover .cart__font--muted {
  color: var(--text-secondary);
}
.shared-header .cart-popover .cart__item-link {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 480px;
  color: var(--text-base);
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__item-link {
    width: 27.9296875vw;
    padding: 0.78125vw 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__item-link {
    width: 18.75vw;
    padding: 0.78125vw 0;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__item-link {
    width: 18.75vw;
    padding: 0.78125vw 0;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__item-link {
    width: 18.75vw;
    padding: 20px 0;
  }
}
.shared-header .cart-popover .cart__item-link:hover {
  background-color: var(--background-base);
}
.shared-header .cart-popover .cart__item-link:hover .cart__item-delete {
  display: inline-block;
}
.shared-header .cart-popover .cart__item-image {
  flex-shrink: 0;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__item-image {
    width: 6.8359375vw;
    height: 6.8359375vw;
    -webkit-margin-end: 0.78125vw;
            margin-inline-end: 0.78125vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__item-image {
    width: 3.90625vw;
    height: 3.90625vw;
    -webkit-margin-end: 0.78125vw;
            margin-inline-end: 0.78125vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__item-image {
    width: 3.90625vw;
    height: 3.90625vw;
    -webkit-margin-end: 0.78125vw;
            margin-inline-end: 0.78125vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__item-image {
    width: 75px;
    height: 75px;
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
.shared-header .cart-popover .cart__item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
}
.shared-header .cart-popover .cart__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: normal;
  line-height: initial;
}
@media screen and (max-width: 720px) {
  .shared-header .cart-popover .cart__item-energy {
    --image-width: 38px;
    --info-margin-left: 5px;
    --link-font-size: 9px;
    --group-margin-bottom: 6px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__item-energy {
    --image-width: 38px;
    --info-margin-left: 5px;
    --link-font-size: 9px;
    --group-margin-bottom: 6px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__item-energy {
    --image-width: 38px;
    --info-margin-left: 5px;
    --link-font-size: 9px;
    --group-margin-bottom: 6px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__item-energy {
    --image-width: 44px;
    --info-margin-left: 6px;
    --link-font-size: 10px;
    --group-margin-bottom: 6px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__item-energy {
    --image-width: 44px;
    --info-margin-left: 6px;
    --link-font-size: 10px;
    --group-margin-bottom: 6px;
  }
}
.shared-header .cart-popover .cart__item-detail {
  text-align: start;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__item-detail {
    margin-bottom: 0.15625vw;
    -webkit-padding-end: 0.9375vw;
            padding-inline-end: 0.9375vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__item-detail {
    margin-bottom: 0.15625vw;
    -webkit-padding-end: 0.9375vw;
            padding-inline-end: 0.9375vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__item-detail {
    margin-bottom: 0.15625vw;
    -webkit-padding-end: 0.9375vw;
            padding-inline-end: 0.9375vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__item-detail {
    margin-bottom: 4px;
    -webkit-padding-end: 24px;
            padding-inline-end: 24px;
  }
}
.shared-header .cart-popover .cart__item-detail:last-child {
  margin-bottom: 0;
}
.shared-header .cart-popover i.cart__item-delete {
  position: absolute;
  display: none;
  /* stylelint-disable-next-line at-rule-empty-line-before */
  /* stylelint-disable-next-line at-rule-empty-line-before */
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover i.cart__item-delete {
    /* stylelint-disable-next-line at-rule-empty-line-before */
    /* stylelint-disable-next-line at-rule-empty-line-before */
    bottom: 1.171875vw;
    font-size: max(1.7578125vw, 12px);
  }
  [dir=ltr] .shared-header .cart-popover i.cart__item-delete {
    right: 1.171875vw;
  }
  [dir=rtl] .shared-header .cart-popover i.cart__item-delete {
    left: 1.171875vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover i.cart__item-delete {
    /* stylelint-disable-next-line at-rule-empty-line-before */
    /* stylelint-disable-next-line at-rule-empty-line-before */
    bottom: 0.9375vw;
    font-size: max(0.9375vw, 12px);
  }
  [dir=ltr] .shared-header .cart-popover i.cart__item-delete {
    right: 0.9375vw;
  }
  [dir=rtl] .shared-header .cart-popover i.cart__item-delete {
    left: 0.9375vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover i.cart__item-delete {
    /* stylelint-disable-next-line at-rule-empty-line-before */
    /* stylelint-disable-next-line at-rule-empty-line-before */
    bottom: 0.9375vw;
    font-size: max(0.9375vw, 12px);
  }
  [dir=ltr] .shared-header .cart-popover i.cart__item-delete {
    right: 0.9375vw;
  }
  [dir=rtl] .shared-header .cart-popover i.cart__item-delete {
    left: 0.9375vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover i.cart__item-delete {
    /* stylelint-disable-next-line at-rule-empty-line-before */
    /* stylelint-disable-next-line at-rule-empty-line-before */
    bottom: 24px;
    font-size: 20px;
  }
  [dir=ltr] .shared-header .cart-popover i.cart__item-delete {
    right: 24px;
  }
  [dir=rtl] .shared-header .cart-popover i.cart__item-delete {
    left: 24px;
  }
}
.shared-header .cart-popover i.cart__item-delete:hover {
  color: var(--text-base);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__summary {
    padding: 0 1.5625vw 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__summary {
    padding: 0 1.5625vw 1.5625vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__summary {
    padding: 0 1.5625vw 1.5625vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__summary {
    padding: 0 40px 54px;
  }
}
.shared-header .cart-popover .cart__summary-info {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__summary-info {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__summary-info {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__summary-info {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__summary-info {
    margin-bottom: 40px;
  }
}
.shared-header .cart-popover .cart__summary-price {
  font-weight: 700;
}
.shared-header .cart-popover .cart__summary .cart__jump-cart {
  display: flex;
  justify-content: center;
  width: unset;
  height: unset;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .cart-popover .cart__summary .cart__jump-cart {
    padding: 0.5859375vw 0;
    --btn-font-size: 1.5625vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .cart-popover .cart__summary .cart__jump-cart {
    padding: 0.46875vw 0;
    --btn-font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .cart-popover .cart__summary .cart__jump-cart {
    padding: 0.46875vw 0;
    --btn-font-size: 0.9375vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .cart-popover .cart__summary .cart__jump-cart {
    padding: 12px 0;
    --btn-font-size: 20px;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .shortcut-menu__btn.account {
  padding: 0;
  position: relative;
}
.shared-header .account__btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-base);
  padding: 0 8px;
  height: 100%;
}
.shared-header .account__btn:focus-visible {
  outline-offset: var(--shortcut-menu-outline-offset) !important;
}
.shared-header .account__btn.show-array::before {
  display: block;
}
.shared-header .account__btn::before {
  display: none;
  content: "";
  position: absolute;
  bottom: calc(var(--size) / 2 * -1 + 6px);
  left: calc(50% - var(--size) / 2);
  background: linear-gradient(to bottom right, var(--background-white) 60%, transparent 60%);
  border-left: 1px solid var(--brand-grey-10);
  border-top: 1px solid var(--brand-grey-10);
  transform: rotate(45deg);
  transform-origin: center;
  aspect-ratio: 1/1;
  width: var(--size);
  z-index: 10;
}
@media screen and (max-width: 720px) {
  .shared-header .account__btn::before {
    --size: 10px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .account__btn::before {
    --size: 10px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .account__btn::before {
    --size: 10px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .account__btn::before {
    --size: 14px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .account__btn::before {
    --size: 14px;
  }
}
.shared-header .account__btn .account_count {
  position: absolute;
  top: 0;
  color: var(--text-reverse);
  background-color: var(--background-primary);
  vertical-align: middle;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
  left: 50%;
  right: unset;
}
@media screen and (max-width: 720px) {
  .shared-header .account__btn .account_count {
    display: none;
  }
}
.shared-header .account__btn .account_count:empty {
  display: none;
}
.shared-header .account__btn .account_count:empty + .micon-notification-dot {
  display: none !important;
}
[dir=rtl] .shared-header .account__btn .account_count {
  border-bottom-left-radius: 8px;
}
[data-mi-dir=rtl] .shared-header .account__btn .account_count {
  border-bottom-left-radius: 8px;
}
[dir=rtl] .shared-header .account__btn .account_count {
  border-bottom-right-radius: 0;
}
[data-mi-dir=rtl] .shared-header .account__btn .account_count {
  border-bottom-right-radius: 0;
}
[dir=rtl] .shared-header .account__btn .account_count {
  left: unset;
}
[data-mi-dir=rtl] .shared-header .account__btn .account_count {
  left: unset;
}
[dir=rtl] .shared-header .account__btn .account_count {
  right: 50%;
}
[data-mi-dir=rtl] .shared-header .account__btn .account_count {
  right: 50%;
}
@media screen and (max-width: 720px) {
  .shared-header .account__btn .account_count {
    padding: 0 0.234375vw;
    font-size: 0.625vw;
    font-size: max(0.625vw, 12px);
    transform: scale(0.6) translateX(calc(var(--cardinal-number) * 4px));
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .account__btn .account_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.8) translateX(calc(var(--cardinal-number) * 4px));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .account__btn .account_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.8) translateX(calc(var(--cardinal-number) * 4px));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .account__btn .account_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.9) translateX(calc(var(--cardinal-number) * 4px));
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .account__btn .account_count {
    padding: 2px 4px;
    font-size: 12px;
    transform: scale(0.9) translateX(calc(var(--cardinal-number) * 4px));
  }
}
.shared-header .account__btn .account_dot {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--text-primary);
  display: none;
}
@media screen and (max-width: 720px) {
  .shared-header .account__btn .account_dot {
    display: block;
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .shortcut__view-account {
  position: absolute;
  background-color: var(--background-white);
  border: 1px solid var(--brand-grey-10);
  border-radius: 5px;
  bottom: 6px;
  transform: translateY(100%);
  width: -moz-max-content;
  width: max-content;
  box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.1);
  right: -10px;
  left: unset;
}
[dir=rtl] .shared-header .shortcut__view-account {
  right: unset;
}
[data-mi-dir=rtl] .shared-header .shortcut__view-account {
  right: unset;
}
[dir=rtl] .shared-header .shortcut__view-account {
  left: -10px;
}
[data-mi-dir=rtl] .shared-header .shortcut__view-account {
  left: -10px;
}
.shared-header .shortcut__view-account .view-account__item {
  border-bottom: 1px solid var(--brand-grey-20);
}
.shared-header .shortcut__view-account .view-account__item:last-child {
  border-bottom: none;
}
.shared-header .shortcut__view-account .view-account__link {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  color: var(--text-secondary);
  text-align: center;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shortcut__view-account .view-account__link {
    padding: 1.5625vw 2.34375vw;
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shortcut__view-account .view-account__link {
    padding: 0.625vw 0.9765625vw;
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shortcut__view-account .view-account__link {
    padding: 0.8333333333vw 1.3020833333vw;
    font-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shortcut__view-account .view-account__link {
    padding: 16px 25px;
    font-size: 16px;
  }
}
.shared-header .shortcut__view-account .view-account__link:focus-visible {
  outline-offset: -4px;
}
.shared-header .shortcut__view-account .view-account__link:hover {
  color: var(--text-base);
  text-decoration: underline;
  background-color: #fff;
}
.shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
  position: absolute;
  display: inline-block;
  color: var(--text-reverse);
  vertical-align: middle;
  background-color: var(--background-primary);
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 8px;
}
@media screen and (max-width: 720px) {
  .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
    display: none;
  }
}
.shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner:empty {
  display: none;
}
.shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner:empty + .micon-notification-dot {
  display: none !important;
}
[dir=rtl] .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
  border-bottom-left-radius: 8px;
}
[data-mi-dir=rtl] .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
  border-bottom-left-radius: 8px;
}
[dir=rtl] .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
  border-bottom-right-radius: 0;
}
[data-mi-dir=rtl] .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 720px) {
  .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
    top: 0;
    font-size: 0.625vw;
    font-size: max(0.625vw, 12px);
    padding: 0 0.234375vw;
    transform: scale(0.6) translateX(0%);
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
    top: 0;
    font-size: max(1.171875vw, 12px);
    padding: 2px 4px;
    transform: scale(0.9) translateX(calc(var(--cardinal-number) * -25%));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
    top: -4px;
    font-size: max(0.8333333333vw, 12px);
    padding: 2px 4px;
    transform: scale(0.8) translateX(calc(var(--cardinal-number) * -40%));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
    top: 0;
    font-size: 12px;
    padding: 2px 4px;
    transform: scale(0.9) translateX(calc(var(--cardinal-number) * -20%));
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .shortcut__view-account .view-account__link .shortcut__notification--inner {
    top: 0;
    font-size: 14px;
    padding: 2px 4px;
    transform: translateX(calc(var(--cardinal-number) * -10%));
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header.site-header {
  position: relative;
  width: 100%;
  top: 0;
  z-index: 20;
  display: flex;
  background-color: var(--background-white);
  box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.06);
  transition: 0.3s cubic-bezier(0.5, 0, 0, 0.75);
}
.shared-header.site-header.shared-header--sticky {
  position: sticky;
}
.shared-header.site-header .shared-header__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  height: var(--header-height);
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 720px) {
  .shared-header.site-header .shared-header__navigation {
    padding: 0 var(--site-horizontal-padding, 0);
    max-width: 720px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header .shared-header__navigation {
    padding: 0 var(--site-horizontal-padding, 0);
    max-width: 1024px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.site-header .shared-header__navigation {
    padding: 0 var(--site-horizontal-padding, 0);
    max-width: 1440px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header.site-header .shared-header__navigation {
    padding: 0;
    max-width: 1500px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header.site-header .shared-header__navigation {
    padding: 0;
    max-width: 1500px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1562px) {
  .shared-header.site-header .shared-header__navigation {
    padding: 0 var(--site-horizontal-padding, 0);
  }
}
.shared-header.site-header .shared-header__navigation-left, .shared-header.site-header .shared-header__navigation-right {
  height: 100%;
  display: flex;
  align-items: center;
}
.shared-header.site-header .shared-header__navigation-right {
  gap: 40px;
}
@charset "UTF-8";
/* stylelint-disable selector-class-pattern */
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
body.site-slide-menu-mobile__body--overflow-hidden {
  overflow: hidden !important;
}
.shared-header.site-header-mobile {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 20;
  background-color: var(--background-white);
  box-shadow: 0 6px 16px 0 rgba(25, 25, 25, 0.06);
  transition: 0.3s cubic-bezier(0.5, 0, 0, 0.75);
}
.shared-header.site-header-mobile:focus-visible {
  border: none;
  outline: none;
}
.shared-header.site-header-mobile + *:not(.site-footer) {
  flex-grow: 1;
  flex-shrink: 0;
}
.shared-header.site-header-mobile.site-header-mobile--sticky {
  position: sticky;
}
.shared-header.site-header-mobile.site-header-mobile--transparent {
  background-color: transparent;
}
@media screen and (max-width: 720px) {
  .shared-header.site-header-mobile.site-header-mobile--transparent + main {
    margin-top: -54px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile.site-header-mobile--transparent + main {
    margin-top: -4.6875vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.site-header-mobile.site-header-mobile--transparent + main {
    margin-top: -4.4444444444vw;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header.site-header-mobile.site-header-mobile--transparent + main {
    margin-top: -4.1666666667vw;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header.site-header-mobile.site-header-mobile--transparent + main {
    margin-top: -80px;
  }
}
.shared-header.site-header-mobile.site-header-mobile--transparent.site-header-mobile--fixed {
  background-color: var(--background-white);
}
.shared-header.site-header-mobile .site-header-mobile__navigation {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: var(--header-height);
  padding: 0 0 0 12px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation--new {
    padding: 0 22px 0 32px;
  }
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__group {
  display: flex;
  height: inherit;
}
@media screen and (max-width: 720px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__menu {
    display: none;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__menu {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__aside {
    display: none;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__aside {
    display: none;
  }
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__separator {
  flex-grow: 1;
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item {
  height: inherit;
  color: var(--text-base);
}
@media screen and (max-width: 720px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item {
    margin: 0 4px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item {
    margin: 0 4px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item {
    margin: 0 8px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item {
    margin: 0 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item {
    margin: 0 16px;
  }
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item label {
  display: inline-block;
  cursor: pointer;
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 8px;
  font-size: 16px;
  cursor: pointer;
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link:focus-visible {
  border-radius: 0;
  outline: 4px solid var(--outline-color);
  outline-offset: -4px !important;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link {
    padding: 0 0.78125vw;
    font-size: 1.5625vw;
  }
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link.navigation__link--current {
  color: var(--text-primary);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link.navigation__link--poco span {
  transition: opacity 0.3s;
  transition-timing-function: linear(0 50%, 1 100%);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link.navigation__link--poco img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 30px;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
  transition-timing-function: linear(0 0%, 1 50%);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link--border {
  box-sizing: border-box;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link--border {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .navigation__link--border {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item .mi-btn--highlight:hover {
  color: var(--text-primary);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link {
  color: var(--text-primary);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--current {
  color: var(--text-primary);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--border {
  border-bottom: 3px solid var(--border-primary);
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--border {
    border-bottom-width: 2px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--border {
    border-bottom-width: 2px;
  }
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--poco {
  border-bottom: none;
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--poco span {
  opacity: 0;
  transition-timing-function: linear(0 0%, 1 50%);
}
.shared-header.site-header-mobile .site-header-mobile__navigation .navigation__item.navigation__item--hover .navigation__link--poco img {
  opacity: 1;
  transition-timing-function: linear(0 50%, 1 100%);
}
.shared-header.site-slide-menu-mobile .accordion .accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  cursor: pointer;
}
.shared-header.site-slide-menu-mobile .accordion .accordion__head:focus-visible {
  outline-offset: -2px;
}
.shared-header.site-slide-menu-mobile .accordion .accordion__head .accordion__title,
.shared-header.site-slide-menu-mobile .accordion .accordion__head .accordion__icon {
  pointer-events: none;
}
.shared-header.site-slide-menu-mobile .accordion .accordion__icon {
  transition: transform 0.2s cubic-bezier(0.5, 0, 0, 0.75);
}
.shared-header.site-slide-menu-mobile .accordion .accordion__body {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s cubic-bezier(0.5, 0, 0, 0.75), opacity 0.3s cubic-bezier(0.5, 0, 0, 0.75);
}
.shared-header.site-slide-menu-mobile .accordion .accordion__body--expanded {
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.5, 0, 0, 0.75) 0.1s, opacity 0s cubic-bezier(0.5, 0, 0, 0.75);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
/* stylelint-disable selector-class-pattern */
.shared-header .accordion.content__navigation--secondary .secondary__menu-wrapper {
  margin: 10px 0;
  padding: 0 20px;
  background-color: var(--background-base);
  border-radius: 8px;
}
.shared-header .accordion.content__navigation--secondary .secondary__menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  padding: 10px 0;
  color: var(--text-base);
  font-weight: 400;
  font-size: 12px;
}
.shared-header .accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone {
  grid-template-columns: repeat(4, 1fr);
}
.shared-header .accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone .secondary__link {
  padding: 15px 0;
}
.shared-header .accordion.content__navigation--secondary .secondary__menu.secondary__menu--phone .secondary__link .secondary__icon {
  font-size: 24px;
}
.shared-header .accordion.content__navigation--secondary .secondary__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  text-align: center;
}
.shared-header .accordion.content__navigation--secondary .secondary__link .secondary__icon {
  font-size: 28px;
}
.shared-header .accordion.content__navigation--secondary .secondary__link .secondary__title {
  margin-top: 8px;
}
.shared-header .accordion.content__navigation--secondary .secondary__all {
  display: flex;
  justify-content: center;
  padding: 14px 0;
  border-top: 1px solid #dedede;
}
.shared-header.site-slide-menu-mobile .sub-content {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: calc(var(--menu-header-height) + 10px) var(--menu-padding-horizontal) 0;
  overflow: scroll;
  background-color: var(--background-white);
  transform: translateX(100%);
  transition: all 0.2s;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--show {
  transform: translateX(0);
}
.shared-header.site-slide-menu-mobile .sub-content .mi-accordion {
  --default-outline-vertical: 0;
  --default-text-padding-vertical: 10px;
  --header-font-size: 16px;
  --header-font-weight: 500;
  --item-padding: 9px 0;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .mi-accordion {
  --highlight-color: var(--text-base);
  --body-padding-left: 0;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 10px;
  padding: 14px 0 8px;
  border-bottom: 1px solid var(--menu-divider-color);
  row-gap: 8px;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -moz-column-gap: 22px;
       column-gap: 22px;
  row-gap: 10px;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__item {
  overflow: hidden;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__link {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  row-gap: 8px;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__link--bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  padding: 10px 0;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__link--bottom .micon {
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
  font-size: 12px;
  line-height: 1;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__image {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.shared-header.site-slide-menu-mobile .sub-content.sub-content--verbose .cat__label {
  text-align: center;
}
@charset "UTF-8";
/* stylelint-disable selector-class-pattern */
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header.site-slide-menu-mobile {
  --menu-header-height: 48px;
  --padding-x: 16px;
  --header-padding-x: 12px;
  --menu-divider-color: #f3f3f3;
  position: fixed;
  z-index: 22;
  width: 100%;
  height: 100%;
  font-size: 12px;
  pointer-events: none;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__overlay {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--background-black);
  opacity: 0;
  transition: 0.3s;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-white);
  opacity: 0;
  transition: 0.3s;
  left: auto;
  right: 0;
}
[dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__wrapper {
  left: 0;
}
[data-mi-dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__wrapper {
  left: 0;
}
[dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__wrapper {
  right: auto;
}
[data-mi-dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__wrapper {
  right: auto;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header {
  z-index: 2;
  padding: 0 var(--header-padding-x);
  background-color: var(--background-white);
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__back {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  opacity: 0;
  transition: all 0.1s;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__back.header__back--poco span {
  display: none;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__back.header__back--poco img {
  height: 30px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__back .back__icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  font-size: 20px;
  line-height: 1;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__back .back__content {
  font-size: 17px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__content {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: var(--menu-header-height);
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header.site-slide-menu-mobile__header--verbose .header__content {
  border-bottom-color: var(--menu-divider-color);
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header.site-slide-menu-mobile__header--verbose .header__back {
  opacity: 1;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header.site-slide-menu-mobile__header--verbose .header__back.header__back--poco span {
  display: none;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header.site-slide-menu-mobile__header--verbose .header__back.header__back--poco img {
  height: 30px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__close {
  border-radius: 0;
  width: auto;
  height: auto;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__close:focus-visible {
  outline-width: 2px;
  outline-offset: -2px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__close .close__label {
  display: inline-block;
  cursor: pointer;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__header .header__close .close__icon {
  font-size: 20px;
  line-height: 1;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content {
  flex-grow: 1;
  -webkit-margin-start: 200px;
          margin-inline-start: 200px;
  padding: 0 var(--padding-x) 40px;
  overflow-y: auto;
  font-size: 12px;
  transition: 0.3s;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content.site-slide-menu-mobile__content--fade {
  transform: scale(0.85);
  opacity: 0.2;
  transition: 0.2s;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .micon {
  color: var(--text-base);
  font-weight: 400;
  font-size: 12px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .micon.micon-forward {
  transform: scaleX(var(--cardinal-number));
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user:focus-visible {
  outline-offset: -2px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info--logged-in {
  font-weight: 700;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar-wrapper {
  --avatar-size: 32px;
  --dot-inline-offset: -5px;
  position: relative;
  width: var(--avatar-size);
  height: var(--avatar-size);
  -webkit-margin-end: 8px;
          margin-inline-end: 8px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot {
  position: absolute;
  top: -1px;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1;
  transform: scale(0.7);
  left: auto;
  left: initial;
  right: var(--dot-inline-offset);
}
[dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot {
  left: var(--dot-inline-offset);
}
[data-mi-dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot {
  left: var(--dot-inline-offset);
}
[dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot {
  right: auto;
  right: initial;
}
[data-mi-dir=rtl] .shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar-wrapper .micon-notification-dot {
  right: auto;
  right: initial;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__avatar {
  width: var(--avatar-size);
  height: var(--avatar-size);
  overflow: hidden;
  font-size: 12px;
  -webkit-clip-path: url("#svgClipPath");
          clip-path: url("#svgClipPath");
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__user-info .user-info__nickname {
  flex-shrink: 0;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__navigation--main {
  font-weight: 500;
  font-size: 16px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__navigation--main .nav__link-list {
  margin-top: 26px;
  padding-top: 16px;
  border-top: 1px solid var(--menu-divider-color);
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__navigation--main .nav__link {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 17px;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__content .content__navigation--main .nav__link--current {
  color: var(--text-primary);
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__controller {
  display: none;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__controller:checked + .site-slide-menu-mobile__overlay {
  opacity: 0.9;
  pointer-events: auto;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__controller:checked ~ .site-slide-menu-mobile__wrapper {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.shared-header.site-slide-menu-mobile .site-slide-menu-mobile__controller:checked ~ .site-slide-menu-mobile__wrapper .site-slide-menu-mobile__content {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-slide-menu-mobile--new {
    --padding-x: 32px;
    --header-padding-x: 32px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  }
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .header__back .back__icon {
  font-size: 20px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .header__close {
  border-radius: 0;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .header__close:focus-visible {
  outline-width: 2px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .header__close .close__icon {
  font-size: 24px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .navigation-logo {
  padding: 0;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user {
  position: relative;
  -webkit-margin-end: 24px;
          margin-inline-end: 24px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .content__right__user-avatar-img {
  width: 24px;
  height: auto;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .content__right__user-avatar-icon {
  font-size: 24px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .micon-notification-dot {
  --dot-inline-offset: -5px;
  position: absolute;
  top: -5px;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1;
  transform: scale(0.7);
  left: auto;
  left: initial;
  right: var(--dot-inline-offset);
}
[dir=rtl] .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .micon-notification-dot {
  left: var(--dot-inline-offset);
}
[data-mi-dir=rtl] .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .micon-notification-dot {
  left: var(--dot-inline-offset);
}
[dir=rtl] .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .micon-notification-dot {
  right: auto;
  right: initial;
}
[data-mi-dir=rtl] .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__header .header__content .content__right .content__right__user .content__right__user-avatar .micon-notification-dot {
  right: auto;
  right: initial;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content {
    padding-top: 20px;
  }
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list .nav__link {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  height: 28px;
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list .nav__link {
    margin-bottom: 8px;
  }
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list .nav__link:focus-visible {
  outline-offset: -2px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list .nav__link .micon {
  font-size: 18px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list .nav__link-item .nav__link {
  font-size: 15px;
  font-weight: 400;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--main .nav__link-list .nav__link-item:last-child .nav__link {
  margin-bottom: 0;
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--footer {
    margin-top: 32px;
    padding-top: 32px;
  }
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--footer .accordion__head {
  height: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--brand-black-80);
  /* stylelint-disable-next-line no-descending-specificity */
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--footer .accordion__head .micon {
  font-size: 16px;
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--footer .accordion__body .nav__link-list {
  /* stylelint-disable-next-line no-descending-specificity */
}
.shared-header.site-slide-menu-mobile--new .site-slide-menu-mobile__content .content__navigation--footer .accordion__body .nav__link-list .nav__link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
  height: 40px;
  box-sizing: border-box;
}
.submenu-loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-white);
}
/* stylelint-disable selector-class-pattern */
.shared-header.site-slide-menu-mobile .content__navigation--footer {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--menu-divider-color);
}
.shared-header.site-slide-menu-mobile .content__navigation--footer .nav__link-list {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
.shared-header.site-slide-menu-mobile .content__navigation--footer .nav__link-item {
  color: var(--text-secondary);
}
.shared-header.site-slide-menu-mobile .content__navigation--footer .nav__link {
  display: block;
  padding: 8px 0;
}
.shared-header.site-slide-menu-mobile .content__navigation--footer .nav__link:focus-visible {
  outline-offset: -2px;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
:root {
  /* 骨架屏 */
  --skeleton-color: #eee;
  /* 品牌色 */
  --brand-orange: #ff6900;
  --brand-orange-90: #ff7819;
  --brand-orange-80: #ff8733;
  --brand-orange-70: #ff964c;
  --brand-orange-60: #ffa566;
  --brand-orange-50: #ffb47f;
  --brand-orange-40: #ffc399;
  --brand-orange-30: #ffd2b2;
  --brand-orange-20: #ffe1cc;
  --brand-orange-10: #fff0e5;
  --brand-grey: #898989;
  --brand-grey-90: #949494;
  --brand-grey-80: #a1a1a1;
  --brand-grey-70: #acacac;
  --brand-grey-60: #b8b8b8;
  --brand-grey-50: #c4c4c4;
  --brand-grey-40: #d0d0d0;
  --brand-grey-30: #dbdbdb;
  --brand-grey-20: #e7e7e7;
  --brand-grey-10: #f3f3f3;
  --brand-black: #191919;
  --brand-black-90: #303030;
  --brand-black-80: #474747;
  --brand-black-70: #5e5e5e;
  --brand-black-60: #757575;
  --brand-black-50: #8c8c8c;
  --brand-black-40: #a3a3a3;
  --brand-black-30: #dbdbdb;
  --brand-black-20: #d1d1d1;
  --brand-black-10: #e8e8e8;
  --brand-reverse: #fff;
  /* 文本 */
  --text-base: #191919;
  --text-reverse: #fff;
  --text-primary: #ff6900;
  --text-secondary: #898989;
  --text-black: #333;
  --text-error: #ff4e4e;
  /* 背景色 */
  --background-base: #f7f7f7;
  --background-white: #fff;
  --background-grey: #dbdbdb;
  --background-light-grey: #f5f5f5;
  --background-black: #191919;
  --background-primary: #ff6900;
  --background-primary-light: #fff0e6;
  --background-disable: #ddd;
  --background-loader: #ff6900;
  --background-deep-black: #24201c;
  /* 边框 */
  --border-base: #898989;
  --border-footer: #2e2e2e;
  --border-input: #b0b0b0;
  --border-primary: #ff6900;
  --border-secondary: #191919;
  --border-popover: #e0e0e0;
  /* 阴影 */
  --shadow-black-a2: rgb(0 0 0 / 2%);
  --shadow-black-a5: rgb(0 0 0 / 5%);
  --shadow-black-a7: rgb(0 0 0 / 7%);
  --shadow-black-a8: rgb(0 0 0 / 8%);
  --shadow-black-a10: rgb(0 0 0 / 10%);
  --shadow-black-a15: rgb(0 0 0 / 15%);
  --shadow-black-a20: rgb(0 0 0 / 20%);
  --shadow-black-a25: rgb(0 0 0 / 25%);
  --shadow-black-a30: rgb(0 0 0 / 30%);
  --shadow-black-a40: rgb(0 0 0 / 40%);
  --shadow-black-a50: rgb(0 0 0 / 50%);
  --shadow-black-a60: rgb(0 0 0 / 60%);
  --shadow-white-a10: rgb(255 255 225 / 10%);
  --shadow-white-a20: rgb(255 255 225 / 20%);
  --shadow-white-a30: rgb(255 255 225 / 30%);
  --shadow-white-a50: rgb(255 255 225 / 50%);
  --shadow-white-a80: rgb(255 255 225 / 80%);
  --shadow-white-a90: rgb(255 255 225 / 90%);
  --shadow-primary-a10: rgb(255 105 0 / 10%);
  --shadow-primary-a20: rgb(255 105 0 / 20%);
  --shadow-primary-a30: rgb(255 105 0 / 30%);
  --shadow-primary-a40: rgb(255 105 0 / 40%);
  --shadow-primary-a50: rgb(255 105 0 / 50%);
}
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .mi-h1 {
  color: var(--text-base);
  font-weight: bold;
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
}
.shared-header .mi-h2 {
  color: var(--text-base);
  font-weight: bold;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
}
.shared-header .mi-h3 {
  color: var(--text-base);
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
}
.shared-header .mi-p1 {
  color: var(--text-base);
  font-size: var(--p1-font-size);
  line-height: var(--p1-line-height);
}
.shared-header .mi-p2 {
  color: var(--text-base);
  font-size: var(--p2-font-size);
  line-height: var(--p2-line-height);
}
.shared-header .mi-p3 {
  color: var(--text-base);
  font-size: var(--p3-font-size);
  line-height: var(--p3-line-height);
}
.shared-header .mi-text {
  color: var(--text-base);
  font-weight: normal;
  font-size: var(--text-font-size);
}
.shared-header .mi-text.mi-text--muted {
  color: var(--text-secondary);
}
.shared-header .mi-no-margin {
  margin: 0;
}
.shared-header {
  font-family: "MiSans Latin", sans-serif;
  font-weight: 400;
  --cardinal-number: 1;
  --grid-margin-small-special: var(--grid-gutter-width) 0;
  --grid-margin-medium: var(--grid-gutter-width);
  --outline-color: var(--brand-orange);
  --outline-width: 2px;
}
.shared-header ul,
.shared-header li,
.shared-header p {
  margin: 0;
  padding: 0;
}
.shared-header li {
  list-style: none;
}
.shared-header p,
.shared-header span,
.shared-header strong {
  white-space: pre-line;
}
.shared-header input,
.shared-header select,
.shared-header textarea {
  color: var(--text-base);
  background-color: var(--background-white);
  border-color: var(--text-base);
}
.shared-header *:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  outline-offset: 2px;
}
.shared-header img {
  font-size: 12px;
  line-height: 1.2;
}
.shared-header .site-container-1400 {
  max-width: var(--max-width-1400);
}
.shared-header .micon {
  line-height: 1;
}
@media screen and (max-width: 720px) {
  .shared-header {
    --header-height: 48px;
    --site-horizontal-padding: 16px;
    --store-max-width: 100%;
    --support-max-width: 100%;
    --max-width-1400: 720px;
    --grid-gutter-width: 2.2222222222vw;
    --grid-columns: 6;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header {
    --header-height: 48px;
    --site-horizontal-padding: 32px;
    --store-max-width: 945px;
    --support-max-width: 960px;
    --max-width-1400: 1000px;
    --grid-gutter-width: 0.78125vw;
    --grid-columns: 12;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header {
    --header-height: 48px;
    --site-horizontal-padding: 32px;
    --store-max-width: 945px;
    --support-max-width: 960px;
    --max-width-1400: 1180px;
    --grid-gutter-width: 16px;
    --grid-columns: 12;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header {
    --header-height: 56px;
    --site-horizontal-padding: 32px;
    --store-max-width: 1260px;
    --support-max-width: 1260px;
    --max-width-1400: 1400px;
    --grid-gutter-width: 16px;
    --grid-columns: 12;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header {
    --header-height: 56px;
    --site-horizontal-padding: 32px;
    --store-max-width: 1680px;
    --support-max-width: 1260px;
    --max-width-1400: 1400px;
    --grid-gutter-width: 16px;
    --grid-columns: 12;
  }
}
[dir=rtl] .shared-header {
  --cardinal-number: -1;
}
[data-mi-dir=rtl] .shared-header {
  --cardinal-number: -1;
}
@media screen and (max-width: 720px) {
  .shared-header {
    --grid-margin-small: var(--grid-gutter-width) 0;
    --grid-margin-medium-special: var(--grid-gutter-width) 0;
    --grid-margin-large: var(--grid-gutter-width);
    --grid-margin-large-special: var(--grid-gutter-width) 0;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header {
    --grid-margin-small: 0;
    --grid-margin-medium-special: var(--grid-gutter-width);
    --grid-margin-large: 32px;
    --grid-margin-large-special: 32px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header {
    --grid-margin-small: 0;
    --grid-margin-medium-special: var(--grid-gutter-width);
    --grid-margin-large: 48px;
    --grid-margin-large-special: 48px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header {
    --grid-margin-small: 0;
    --grid-margin-medium-special: var(--grid-gutter-width);
    --grid-margin-large: 64px;
    --grid-margin-large-special: 64px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header {
    --grid-margin-small: 0;
    --grid-margin-medium-special: var(--grid-gutter-width);
    --grid-margin-large: 80px;
    --grid-margin-large-special: 80px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header {
    --text-font-size: 12px;
    --note-font-size: 10px;
    --h1-font-size: 22px;
    --h1-line-height: 30px;
    --h2-font-size: 16px;
    --h2-line-height: 22px;
    --h3-font-size: 16px;
    --h3-line-height: 22px;
    --p1-font-size: 14px;
    --p1-line-height: 20px;
    --p2-font-size: 12px;
    --p2-line-height: 16px;
    --p3-font-size: 12px;
    --p3-line-height: 16px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header {
    --text-font-size: 14px;
    --note-font-size: 12px;
    --h1-font-size: 20px;
    --h1-line-height: 24px;
    --h2-font-size: 20px;
    --h2-line-height: 24px;
    --h3-font-size: 18px;
    --h3-line-height: 22px;
    --p1-font-size: 16px;
    --p1-line-height: 20px;
    --p2-font-size: 16px;
    --p2-line-height: 20px;
    --p3-font-size: 14px;
    --p3-line-height: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header {
    --text-font-size: 18px;
    --note-font-size: 14px;
    --h1-font-size: 32px;
    --h1-line-height: 38px;
    --h2-font-size: 24px;
    --h2-line-height: 28px;
    --h3-font-size: 20px;
    --h3-line-height: 24px;
    --p1-font-size: 18px;
    --p1-line-height: 24px;
    --p2-font-size: 16px;
    --p2-line-height: 20px;
    --p3-font-size: 14px;
    --p3-line-height: 16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header {
    --text-font-size: 20px;
    --note-font-size: 18px;
    --h1-font-size: 48px;
    --h1-line-height: 58px;
    --h2-font-size: 36px;
    --h2-line-height: 40px;
    --h3-font-size: 32px;
    --h3-line-height: 36px;
    --p1-font-size: 24px;
    --p1-line-height: 28px;
    --p2-font-size: 20px;
    --p2-line-height: 26px;
    --p3-font-size: 16px;
    --p3-line-height: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header {
    --text-font-size: 24px;
    --note-font-size: 20px;
    --h1-font-size: 48px;
    --h1-line-height: 58px;
    --h2-font-size: 36px;
    --h2-line-height: 40px;
    --h3-font-size: 32px;
    --h3-line-height: 36px;
    --p1-font-size: 24px;
    --p1-line-height: 28px;
    --p2-font-size: 20px;
    --p2-line-height: 26px;
    --p3-font-size: 16px;
    --p3-line-height: 20px;
  }
}
.shared-header ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.shared-header ::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
  border-radius: 4px;
}
@media (min-width: 414px) and (max-width: 720px) {
  .shared-header {
    --m-scale: 1.1;
  }
}
@media screen and (max-width: 720px) {
  .shared-header .site-container {
    max-width: 720px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .site-container {
    max-width: 1024px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .site-container {
    max-width: 1440px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .site-container {
    max-width: 1500px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .site-container {
    max-width: 1500px;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible {
  outline: 2px solid var(--outline-color);
  outline-offset: -3px;
}
.shared-header {
  color: var(--text-base);
}
.shared-header a,
.shared-header span {
  font-size: 14px;
}
#skip-to-content {
  position: absolute;
  top: -50px;
  left: 8%;
  height: 0;
  margin: 4px;
  transition: all 0.35s ease;
}
#skip-to-content:focus-visible {
  top: 0;
  z-index: 1000 !important;
  height: auto;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header.site-header.site-header--business .site-header__navigation > * {
  display: inline-flex;
  flex: 1 1;
}
.shared-header.site-header.site-header--business .navigation__logo-wrapper {
  justify-content: flex-start;
}
.shared-header.site-header.site-header--business .navigation__title {
  justify-content: center;
  margin: 0;
  font-weight: 500;
  cursor: default;
}
@media screen and (max-width: 720px) {
  .shared-header.site-header.site-header--business .navigation__title {
    display: none;
  }
}
.shared-header.site-header.site-header--business .navigation__shortcut {
  justify-content: flex-end;
}
.shared-header.site-header.site-header--business .navigation__shortcut .shortcut__item.shortcut__item-user {
  display: inline;
  display: initial;
}
.shared-header.site-header.site-header--business .navigation__shortcut .shortcut__item.shortcut__item-menu {
  display: none;
}
.shared-header.site-header--hidden {
  display: none;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header.language-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 60px;
  color: var(--text-base);
  background-color: var(--white-white100);
  border-bottom: 1px solid rgba(25, 25, 25, 0.06);
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher {
    --text-font-size: 12px;
    --tab-font-size: 14px;
    --separator-height: 10px;
    --select-width: 100%;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.language-switcher {
    --text-font-size: 14px;
    --tab-font-size: 16px;
    --margin-60: 34px;
    --separator-height: 12px;
    --select-width: 280px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.language-switcher {
    --text-font-size: 14px;
    --tab-font-size: 16px;
    --margin-60: 34px;
    --separator-height: 12px;
    --select-width: 300px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header.language-switcher {
    --text-font-size: 14px;
    --tab-font-size: 16px;
    --margin-60: 45px;
    --separator-height: 12px;
    --select-width: 320px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header.language-switcher {
    --text-font-size: 14px;
    --tab-font-size: 16px;
    --margin-60: 60px;
    --separator-height: 12px;
    --select-width: 340px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher {
    height: unset;
    padding: 0;
  }
}
.shared-header.language-switcher .site-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100vw;
  padding: 0 var(--site-horizontal-padding);
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher .site-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px var(--site-horizontal-padding);
  }
}
.shared-header.language-switcher .site-container .language-switcher__content {
  display: grid;
  grid-template-areas: "text select button";
  grid-template-columns: auto auto auto;
  gap: 16px;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher .site-container .language-switcher__content {
    grid-template: auto auto/1fr minmax(88px, 110px);
    grid-template-areas: "text null" "select button";
    gap: 12px;
  }
}
.shared-header.language-switcher .site-container .language-switcher__select {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: select;
}
@media screen and (max-width: 720px){
  .shared-header.language-switcher .site-container .language-switcher__select {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.shared-header.language-switcher .site-container .language-switcher__text {
  grid-area: text;
  align-self: center;
  max-width: 330px;
  font-weight: 700;
  font-size: var(--text-font-size);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher .site-container .language-switcher__text {
    color: var(--neutral-neutral90);
  }
}
.shared-header.language-switcher .language-switcher__btn {
  grid-area: button;
  align-self: center;
  height: 36px;
  padding: 0 32px;
  color: var(--text-reverse);
  font-size: var(--text-font-size);
  background-color: var(--background-black);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* stylelint-disable */
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* stylelint-enable */
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher .language-switcher__btn {
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 8px;
  }
}
.shared-header.language-switcher .language-switcher__btn:hover {
  background-color: var(--background-black) !important;
  opacity: 0.9;
}
.shared-header.language-switcher .language-switcher__close {
  -webkit-margin-start: var(--site-horizontal-padding);
          margin-inline-start: var(--site-horizontal-padding);
  color: rgb(174, 174, 174);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 720px) {
  .shared-header.language-switcher .language-switcher__close {
    position: absolute;
    top: 8px;
    right: 13px;
    margin: 0;
    color: var(--white-white100);
  }
  .shared-header.language-switcher .language-switcher__close::before {
    display: block;
    width: 16px;
    height: 16px;
    color: #a3a3a3;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    content: "✕";
  }
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header .custom-select {
  position: relative;
  width: var(--select-width);
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--background-white);
  cursor: pointer;
  transition: all 0.2s;
  box-sizing: border-box;
  border: 1px solid var(--brand-black-30);
}
@media screen and (max-width: 720px) {
  .shared-header .custom-select {
    height: 30px;
    border-radius: 6px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .custom-select {
    height: 36px;
    border-radius: 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .custom-select {
    height: 36px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .custom-select {
    height: 42px;
    border-radius: 12px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .custom-select {
    height: 48px;
    border-radius: 14px;
  }
}
.shared-header .custom-select:hover {
  border-color: var(--border-input);
}
.shared-header .custom-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  border: none;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 720px) {
  .shared-header .custom-select__trigger {
    padding: 0 8px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header .custom-select__trigger {
    padding: 0 8px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header .custom-select__trigger {
    padding: 0 12px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header .custom-select__trigger {
    padding: 0 14px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header .custom-select__trigger {
    padding: 0 16px;
  }
}
.shared-header .custom-select__selected {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shared-header .custom-select__arrow {
  margin-left: 8px;
  transition: transform 0.2s;
}
.is-open .shared-header .custom-select__arrow {
  transform: rotateX(180deg);
}
.shared-header .custom-select__options {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  max-height: 250px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: var(--background-white);
  border: 1px solid var(--border-popover);
  border-radius: 4px;
  box-shadow: 0 2px 8px var(--shadow-black-a15);
  overflow-y: auto;
  z-index: 1000;
}
.shared-header .custom-select__option {
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.shared-header .custom-select__option:hover, .shared-header .custom-select__option.is-highlighted {
  background: var(--background-light-grey);
}
.shared-header .custom-select__option.is-selected {
  color: var(--text-base);
  font-weight: 700;
}
.shared-header .custom-select__option:focus-visible {
  outline: var(--outline-width) solid var(--outline-color);
  background: var(--background-light-grey);
}
.shared-header .custom-select__options::-webkit-scrollbar {
  width: 6px;
}
.shared-header .custom-select__options::-webkit-scrollbar-track {
  background: var(--background-light-grey);
}
.shared-header .custom-select__options::-webkit-scrollbar-thumb {
  background: var(--brand-grey-40);
  border-radius: 3px;
}
.shared-header .custom-select__options::-webkit-scrollbar-thumb:hover {
  background: var(--border-input);
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header.site-top-banner {
  --custom-mobile-min-height: var(--mobile-min-height, 40px);
  --custom-background-color: var(--banner-background-color, var(--background-black));
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 40px;
  padding: 6px 0;
  color: var(--text-reverse);
  background-color: var(--custom-background-color);
}
@media screen and (max-width: 720px) {
  .shared-header.site-top-banner {
    --content-font-size: 12px;
    --close-icon-size: 14px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .shared-header.site-top-banner {
    --content-font-size: 16px;
    --close-icon-size: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .shared-header.site-top-banner {
    --content-font-size: 16px;
    --close-icon-size: 16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .shared-header.site-top-banner {
    --content-font-size: 16px;
    --close-icon-size: 16px;
  }
}
@media screen and (min-width: 1921px) {
  .shared-header.site-top-banner {
    --content-font-size: 16px;
    --close-icon-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .shared-header.site-top-banner {
    min-height: var(--custom-mobile-min-height);
  }
}
.shared-header.site-top-banner .site-container {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 var(--site-horizontal-padding);
}
.shared-header.site-top-banner .site-top-banner__content {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  font-size: var(--content-font-size);
}
.shared-header.site-top-banner .site-top-banner__close {
  -webkit-margin-start: var(--site-horizontal-padding);
          margin-inline-start: var(--site-horizontal-padding);
  color: var(--text-reverse);
  font-size: var(--close-icon-size);
  line-height: 1;
  cursor: pointer;
  opacity: 0.8;
}
@charset "UTF-8";
/* stylelint-disable scss/no-global-function-names */
/*
  ## 文字方向LTR 和 RTL
*/
/*
  ## 属性对应的参数（mobile, tablet, laptop, desktop, widescreen）
  ## mobile: 请将设计稿的宽度设置为 360px 后再取值
  ## tablet: 请使用 1024px 宽度的设计稿
  ## laptop: 请使用 1440px 宽度的设计稿
  ## desktop: 请使用宽度为 1920px 的设计稿
  ## widescreen: 请使用宽度为 2560px 的设计稿
  ## 如不需要此参数，传入 null 占位即可
  ## 使用方法：
    @include responsive((
      'width': (86%, 84%, 80%, 1200px, 2560px),
      'color': (red, orange, green, white, blue),
      'font-size': (12px, 14px, 16px, 18px, 20px),
      'position': (absolute, null, null, null, null),
      'right': (8px, 32px, -32px, -32px, -32px, 'ltr'), // 仅在 ltr 启用
      'left': (8px, 32px, -32px, -32px, -32px, 'rtl'), // 仅在 rtl 启用
    ));
*/
/*
  各终端处理函数
*/
/*
  处理字号最小值
*/
/*
  ##Device = Smartphones Mobiles (portrait)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Tablets, iPads (landscape)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Laptops, Desktops
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (normal resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  ##Device = Desktops (higher resolution)
  ## 因无法聚合样式，只在覆盖特定参数时使用
*/
/*
  m端大屏放大1.1倍
*/
/*
  px 转换 vw 函数
 */
/*
  超过指定行数，使用省略号展示
 */
/*
  Hover样式 - 卡片阴影
 */
/*
  隐藏滚动条
 */
.shared-header.site-top-banner.notification {
  --content-font-size: 14px;
  --close-icon-size: 20px;
  z-index: 20;
}
@media screen and (max-width: 720px) {
  .shared-header.site-top-banner.notification {
    --content-font-size: 12px;
    --close-icon-size: 16px;
  }
}
.shared-header.site-top-banner.notification .notification__content {
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.shared-header.site-top-banner.notification .notification__link {
  color: var(--text-reverse);
  text-align: center;
}
.shared-header.site-top-banner.notification .notification__link:hover {
  text-decoration: underline;
}
.site-footer-v4{padding-top:100px;color:#fff;color:var(--text-reverse)}.site-footer-v4 .container{margin:0 auto;padding:26px;box-sizing:border-box}.site-footer-v4 .site-footer__content{padding-top:60px;background-color:#191919;background-color:var(--background-black);box-sizing:border-box}.site-footer-v4 .site-footer__main{display:flex;justify-content:space-between}.site-footer-v4 .site-footer__title{display:block;margin:0 0 14px;color:#fff;color:var(--text-reverse);font-size:14px;line-height:18px}.site-footer-v4 .site-footer__link{color:#898989;color:var(--text-secondary)}.site-footer-v4 .site-footer__link:hover{color:#fff;color:var(--text-reverse);text-decoration:underline}.site-footer-v4 .site-footer__compliance{box-sizing:border-box;padding-bottom:56px;color:#fff;width:885px;padding-right:46px;font-size:12px;line-height:20px}.site-footer-v4 .site-footer__compliance .site-footer__compliance-content{opacity:.7}.site-footer-v4 .site-footer__compliance .compliance__title{margin-bottom:8px;opacity:.9}.site-footer-v4 .site-footer__compliance .compliance__image{opacity:1;width:106px;height:40px;margin-top:16px}.site-footer-v4 .site-footer__compliance .compliance__link{text-decoration:underline;cursor:pointer;font-size:12px}.site-footer-v4 .app-mi-store__title{display:block;-webkit-margin-after:1em;margin-block-end:1em}
.site-footer__footnote{padding:var(--footnote-padding-vertical) 0;color:#898989;color:var(--text-secondary);background-color:#ececec}@media screen and (max-width: 720px){.site-footer__footnote{--note-row-gap:12px;--note-font-size:10px;--footnote-padding-vertical:16px;--site-horizontal-padding:16px}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-footer__footnote{--note-row-gap:12px;--note-font-size:12px;--footnote-padding-vertical:48px;--site-horizontal-padding:32px}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-footer__footnote{--note-row-gap:32px;--note-font-size:12px;--footnote-padding-vertical:48px;--site-horizontal-padding:32px}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-footer__footnote{--note-row-gap:32px;--note-font-size:16px;--footnote-padding-vertical:48px;--site-horizontal-padding:32px}}@media screen and (min-width: 1921px){.site-footer__footnote{--note-row-gap:32px;--note-font-size:16px;--footnote-padding-vertical:48px;--site-horizontal-padding:32px}}.site-footer__footnote .site-container{padding:0 var(--site-horizontal-padding);box-sizing:border-box;margin:0 auto;width:1226px}.site-footer__footnote .footnote__list{display:grid;grid-row-gap:var(--note-row-gap);row-gap:var(--note-row-gap);margin:0;padding:0;font-size:var(--note-font-size)}.site-footer__footnote .footnote__list:not(:first-child){margin-top:var(--footnote-padding-vertical);padding-top:var(--footnote-padding-vertical);border-top:1px solid #d6d6d6}.site-footer__footnote .footnote__item{position:relative;list-style-type:decimal;list-style-position:inside}.site-footer__footnote .site-footer__terms .site-footer__payment-terms{white-space:pre-line}.site-footer__footnote .site-footer__terms .site-footer__payment-terms a{color:#ff6700;color:var(--link-active);text-decoration:none}
.site-footer__sic-logo{background-color:#ececec}@media screen and (max-width: 720px){.site-footer__sic-logo{--site-padding:16px 16px;--logo-size:119px}}@media screen and (min-width: 721px)and (max-width: 1024px){.site-footer__sic-logo{--site-padding:16px 32px;--logo-size:177px}}@media screen and (min-width: 1025px)and (max-width: 1440px){.site-footer__sic-logo{--site-padding:28px 32px;--logo-size:177px}}@media screen and (min-width: 1441px)and (max-width: 1920px){.site-footer__sic-logo{--site-padding:28px 32px;--logo-size:177px}}@media screen and (min-width: 1921px){.site-footer__sic-logo{--site-padding:28px 32px;--logo-size:177px}}.site-footer__sic-logo .sic-logo__inner.site-container{padding:var(--site-padding);width:1226px;margin:auto;box-sizing:border-box}.site-footer__sic-logo .sic-logo-img{width:var(--logo-size)}
.site-footer-v4 .site-footer__nav{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:14px;-moz-column-gap:14px;column-gap:14px;width:858px}.site-footer-v4 .site-footer__nav .column-section{margin-bottom:40px}.site-footer-v4 .site-footer__nav .column-section:last-child{margin-bottom:0}.site-footer-v4 .site-footer__nav .column-section .column-section__list{padding:0}.site-footer-v4 .site-footer__nav .column-section .column-section__item{margin-bottom:14px;font-size:14px}.site-footer-v4 .site-footer__nav .column-section .column-section__item:last-child{margin-bottom:0}.site-footer-v4 .site-footer__nav .column-section .column-section__link{color:#898989;color:var(--text-secondary)}.site-footer-v4 .site-footer__nav .column-section .column-section__link:hover{text-decoration:underline;color:#fff;color:var(--text-reverse)}.site-footer-v4 .site-footer__nav .column-section__title{display:block;-webkit-margin-after:1em;margin-block-end:1em}
.site-footer-v4 .site-footer__aside{display:flex;flex-direction:column;width:270px;min-width:270px}.site-footer-v4 .site-footer__aside .site-footer__follow{margin-bottom:16px;--social-media-icon-size: 28px}.site-footer-v4 .site-footer__aside .site-footer__follow-list{display:flex}.site-footer-v4 .site-footer__aside .site-footer__follow-item{-webkit-margin-end:16px;margin-inline-end:16px;line-height:1}.site-footer-v4 .site-footer__aside .site-footer__follow-item:last-child{-webkit-margin-end:0;margin-inline-end:0}.site-footer-v4 .site-footer__aside .site-footer__follow-link{display:inline-block;width:var(--social-media-icon-size);height:var(--social-media-icon-size)}.site-footer-v4 .site-footer__aside .site-footer__follow-icon{display:block;font-size:var(--social-media-icon-size);color:#d0d0d0;line-height:1}.site-footer-v4 .site-footer__aside .site-footer__follow-icon:hover{color:#fff}.site-footer-v4 .site-footer__aside .site-footer__connect{display:flex;flex-direction:column}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__form{width:100%}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__input{display:flex;justify-content:space-between;align-items:center;border:1px solid #dbdbdb;border:1px solid var(--border-gray);border-radius:10px}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__email{flex-grow:1;height:32px;-webkit-padding-start:12px;padding-inline-start:12px;font-size:14px;color:#fff;color:var(--text-reverse);background-color:rgba(0,0,0,0);border:none;border-radius:10px;box-shadow:none}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__email:focus{outline:none}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__email::-moz-placeholder{color:#d0d0d0}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__email::placeholder{color:#d0d0d0}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__email:-moz-placeholder-shown{text-overflow:ellipsis}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__email:placeholder-shown{text-overflow:ellipsis}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__submit{-webkit-margin-end:12px;margin-inline-end:12px;--icon-font-size: 18px}html[data-mi-dir=rtl] .site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__submit{transform:rotate(180deg)}html[dir=rtl] .site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__submit{transform:rotate(180deg)}body.body--rtl .site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__submit{transform:rotate(180deg)}.site-footer-v4 .site-footer__aside .site-footer__connect .site-footer__submit .submit__icon{line-height:18px}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper{margin-top:16px;border:1px solid #dbdbdb;border:1px solid var(--border-gray);border-radius:10px;box-sizing:border-box}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app:not(:first-child){border-top:1px solid #dbdbdb;border-top:1px solid var(--border-gray)}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store{display:flex;align-items:center;padding:14px}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code{flex-shrink:0;-webkit-margin-end:10px;margin-inline-end:10px}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__qr-code img{width:54px;height:54px;border-radius:4px}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__title{margin-bottom:4px;color:#fff;color:var(--text-reverse)}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--mi-store .app-mi-store__description{margin-top:8px;font-size:14px;color:#898989;color:var(--text-secondary)}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__link{display:flex;justify-content:center;align-items:center;padding:10px;font-size:14px;color:#fff;color:var(--text-reverse)}.site-footer-v4 .site-footer__aside .site-footer__app-wrapper .site-footer__app--play-store .app-play-store__logo{width:18px;height:18px;-webkit-margin-end:14px;margin-inline-end:14px}
.mi-toast .mi-toast__wrapper-enter{opacity:0}.mi-toast .mi-toast__wrapper-enter-active{opacity:1;transition:opacity 200ms}.mi-toast .mi-toast__wrapper-exit{opacity:1}.mi-toast .mi-toast__wrapper-exit-active{opacity:0;transition:opacity 200ms}.mi-toast .mi-toast__main{display:flex;justify-content:space-between;align-items:center;color:#191919;color:var(--text-base);background:#fff;background:var(--background-light);position:fixed;left:50%;transform:translate(-50%);z-index:20;box-sizing:border-box;text-align:left;top:50%;border-radius:0.13889rem;box-shadow:0 0.22222rem 0.44444rem 0 rgba(25,25,25,.08)}@media screen and (max-width: 720px){.mi-toast .mi-toast__main{font-size:max(1.25vw, 12PX);max-width:80vw;padding:0.19444rem .78125vw}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-toast .mi-toast__main{font-size:max(1.25vw, 12PX);max-width:26.5625vw;min-height:2.265625vw;padding:.78125vw}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-toast .mi-toast__main{font-size:max(1.25vw, 12PX);max-width:58.59375vw;min-height:2.265625vw;padding:.78125vw}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-toast .mi-toast__main{font-size:max(1.25vw, 12PX);max-width:58.59375vw;min-height:2.265625vw;padding:.78125vw}}@media screen and (min-width: 1921px){.mi-toast .mi-toast__main{font-size:0.88889rem;max-width:41.66667rem;min-height:1.61111rem;padding:0.55556rem}}.mi-toast .mi-toast__main .mi-toast-close__icon{cursor:pointer;color:#898989;color:var(--text-secondary)}@media screen and (max-width: 720px){.mi-toast .mi-toast__main .mi-toast-close__icon{font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-toast .mi-toast__main .mi-toast-close__icon{font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-toast .mi-toast__main .mi-toast-close__icon{font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-toast .mi-toast__main .mi-toast-close__icon{font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 1921px){.mi-toast .mi-toast__main .mi-toast-close__icon{font-size:0.88889rem}}.mi-toast .mi-toast__content{display:flex;align-items:center;justify-content:flex-start}.mi-toast .mi-toast__content .mi-toast-success__icon,.mi-toast .mi-toast__content .mi-toast-error__icon{color:#ff4e4e}@media screen and (max-width: 720px){.mi-toast .mi-toast__content .mi-toast-success__icon,.mi-toast .mi-toast__content .mi-toast-error__icon{margin-right:2.7777777778vw;font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 721px)and (max-width: 1024px){.mi-toast .mi-toast__content .mi-toast-success__icon,.mi-toast .mi-toast__content .mi-toast-error__icon{margin-right:.390625vw;font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 1025px)and (max-width: 1440px){.mi-toast .mi-toast__content .mi-toast-success__icon,.mi-toast .mi-toast__content .mi-toast-error__icon{margin-right:.390625vw;font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 1441px)and (max-width: 1920px){.mi-toast .mi-toast__content .mi-toast-success__icon,.mi-toast .mi-toast__content .mi-toast-error__icon{margin-right:.390625vw;font-size:max(1.25vw, 12PX)}}@media screen and (min-width: 1921px){.mi-toast .mi-toast__content .mi-toast-success__icon,.mi-toast .mi-toast__content .mi-toast-error__icon{margin-right:0.27778rem;font-size:0.88889rem}}.mi-toast .mi-toast__content .mi-toast-success__icon{color:#50c050}.mi-toast .mi-toast__img{text-align:center}
.site-footer-v4 .site-footer__footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:20px 0 32px;font-size:14px;box-sizing:border-box;border-top:1px solid #898989;border-top:1px solid var(--border-base-variant-4)}.site-footer-v4 .site-footer__footer a:hover{text-decoration:underline}.site-footer-v4 .site-footer__footer .text-with-inline-end-border{-webkit-border-end:1px solid #fff;border-inline-end:1px solid #fff;-webkit-border-end:1px solid var(--background-light);border-inline-end:1px solid var(--background-light);-webkit-padding-end:14px;padding-inline-end:14px;-webkit-margin-end:14px;margin-inline-end:14px}.site-footer-v4 .site-footer__footer .site-footer__legal{-webkit-margin-end:16px;margin-inline-end:16px}.site-footer-v4 .site-footer__footer .site-footer__settings{display:flex;justify-content:space-between;align-items:center;flex-grow:1}.site-footer-v4 .site-footer__footer .site-footer__settings>:not(:nth-last-child(1)){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-padding-end:16px;padding-inline-end:16px;-webkit-border-end:1px solid #fff;border-inline-end:1px solid #fff;-webkit-border-end:1px solid var(--background-light);border-inline-end:1px solid var(--background-light)}.site-footer-v4 .site-footer__footer .site-footer__settings>:nth-last-child(2){flex:1 1;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-border-end:none;border-inline-end:none}.site-footer-v4 .site-footer__footer .site-footer__settings>*:only-child.site-footer__locale{-webkit-margin-start:auto;margin-inline-start:auto}.site-footer-v4 .site-footer__footer .site-footer__cookie #teconsent{display:inline-block}.site-footer-v4 .site-footer__footer .site-footer__cookie a{display:inline-block}.site-footer-v4 .site-footer__footer .site-footer__compliance-qr-code{position:relative}.site-footer-v4 .site-footer__footer .site-footer__compliance-qr-code .compliance-qr-code__img{width:100%;height:100%}.site-footer-v4 .site-footer__footer .site-footer__compliance-qr-code .compliance-qr-code__container{box-sizing:border-box;background-color:#fff;background-color:var(--background-light);border-radius:4px;width:21px;height:24px;padding:2px}.site-footer-v4 .site-footer__footer .site-footer__compliance-qr-code .compliance-qr-code__container:hover+.compliance-qr-code__container--hover{display:block}.site-footer-v4 .site-footer__footer .site-footer__compliance-qr-code .compliance-qr-code__container--hover{position:absolute;display:none;box-sizing:border-box;background-color:#fff;background-color:var(--background-light);border-radius:4px;width:202px;height:232px;padding:15px;bottom:53px;left:-90px}.site-footer-v4 .site-footer__footer .site-footer__locale{display:flex;align-items:center}.site-footer-v4 .site-footer__footer .site-footer__locale .locale__link{-webkit-margin-end:10px;margin-inline-end:10px}.site-footer-v4 .site-footer__footer .site-footer__locale .locale__link:last-child{-webkit-margin-end:0;margin-inline-end:0;text-decoration:none}.site-footer-v4 .site-footer__footer .site-footer__locale .locale__icon{font-size:24px;line-height:1}
.lang-popover{position:relative;z-index:21;display:flex;align-items:center;margin:0;cursor:pointer}@media screen and (max-width: 720px){.lang-popover{-webkit-margin-end:8px;margin-inline-end:8px}}@media screen and (min-width: 721px)and (max-width: 1024px){.lang-popover{-webkit-margin-end:24px;margin-inline-end:24px}}@media screen and (min-width: 1025px)and (max-width: 1440px){.lang-popover{-webkit-margin-end:16px;margin-inline-end:16px}}@media screen and (min-width: 1441px)and (max-width: 1920px){.lang-popover{-webkit-margin-end:16px;margin-inline-end:16px}}@media screen and (min-width: 1921px){.lang-popover{-webkit-margin-end:16px;margin-inline-end:16px}}.lang-popover:focus-visible,.lang-popover:hover{text-decoration:underline}.lang-popover .lang-popover__tooltip-container-enter{opacity:0}.lang-popover .lang-popover__tooltip-container-enter-active{opacity:1;transition:opacity 200ms}.lang-popover .lang-popover__tooltip-container-exit{opacity:1}.lang-popover .lang-popover__tooltip-container-exit-active{opacity:0;transition:opacity 200ms}.lang-popover .lang-popover__tooltip{position:absolute;top:0;z-index:20;box-sizing:border-box;min-width:280px;min-height:100px;overflow-y:scroll;color:#191919;color:var(--text-base);font-size:16px;text-align:start;overflow-wrap:break-word;background-color:#fff;border-radius:12px;box-shadow:none;transform:translateY(calc(-100% - 14px));cursor:default;scrollbar-width:none;-ms-overflow-style:none;left:unset;right:0}@media screen and (max-width: 720px){.lang-popover .lang-popover__tooltip{min-width:250px;min-height:100px;padding:20px;font-size:14px;left:0;right:unset}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{left:unset}html[dir=rtl] .lang-popover .lang-popover__tooltip{left:unset}body.body--rtl .lang-popover .lang-popover__tooltip{left:unset}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{right:0}html[dir=rtl] .lang-popover .lang-popover__tooltip{right:0}body.body--rtl .lang-popover .lang-popover__tooltip{right:0}}@media screen and (min-width: 721px)and (max-width: 1024px){[dir=ltr] .lang-popover .lang-popover__tooltip{right:0}html[data-mi-dir=ltr] .lang-popover .lang-popover__tooltip{right:0}[dir=rtl] .lang-popover .lang-popover__tooltip{left:0}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{left:0}}@media screen and (min-width: 1025px)and (max-width: 1440px){[dir=ltr] .lang-popover .lang-popover__tooltip{right:0}html[data-mi-dir=ltr] .lang-popover .lang-popover__tooltip{right:0}[dir=rtl] .lang-popover .lang-popover__tooltip{left:0}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{left:0}}@media screen and (min-width: 1441px)and (max-width: 1920px){[dir=ltr] .lang-popover .lang-popover__tooltip{right:0}html[data-mi-dir=ltr] .lang-popover .lang-popover__tooltip{right:0}[dir=rtl] .lang-popover .lang-popover__tooltip{left:0}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{left:0}}@media screen and (min-width: 1921px){[dir=ltr] .lang-popover .lang-popover__tooltip{right:0}html[data-mi-dir=ltr] .lang-popover .lang-popover__tooltip{right:0}[dir=rtl] .lang-popover .lang-popover__tooltip{left:0}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{left:0}}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{left:0}html[dir=rtl] .lang-popover .lang-popover__tooltip{left:0}body.body--rtl .lang-popover .lang-popover__tooltip{left:0}html[data-mi-dir=rtl] .lang-popover .lang-popover__tooltip{right:unset}html[dir=rtl] .lang-popover .lang-popover__tooltip{right:unset}body.body--rtl .lang-popover .lang-popover__tooltip{right:unset}.lang-popover a,.lang-popover a:hover{line-height:1;text-decoration:none !important}.lang-popover .lang-popover__content{padding:24px}@media screen and (max-width: 720px){.lang-popover .lang-popover__content{padding:0}}.lang-popover .lang-popover__row{display:flex;flex-wrap:nowrap;gap:14px;align-items:center;justify-content:space-between;width:100%;white-space:nowrap}.lang-popover .lang-popover__row+.lang-popover__row{margin-top:24px}@media screen and (max-width: 720px){.lang-popover .lang-popover__row+.lang-popover__row{margin-top:18px}}.lang-popover .lang-popover__row--active{color:#ff6900;color:var(--text-primary)}.lang-popover .lang-popover__row--active span:first-child::after{background-color:#ff6900;background-color:var(--text-primary)}.lang-popover .lang-popover__row--active a{cursor:default}.lang-popover .mi-link__arrow{background-color:#fff}.lang-popover .lang-popover__arrow::after{position:absolute;top:0;z-index:20;width:0;height:0;border:8px solid rgba(0,0,0,0);border-top-color:#fff;transform:translateY(-100%);content:"";left:unset;right:60px}html[data-mi-dir=rtl] .lang-popover .lang-popover__arrow::after{left:60px}html[dir=rtl] .lang-popover .lang-popover__arrow::after{left:60px}body.body--rtl .lang-popover .lang-popover__arrow::after{left:60px}html[data-mi-dir=rtl] .lang-popover .lang-popover__arrow::after{right:unset}html[dir=rtl] .lang-popover .lang-popover__arrow::after{right:unset}body.body--rtl .lang-popover .lang-popover__arrow::after{right:unset}@media screen and (max-width: 720px){.lang-popover .lang-popover__arrow::after{left:unset;right:50px}html[data-mi-dir=rtl] .lang-popover .lang-popover__arrow::after{left:50px}html[dir=rtl] .lang-popover .lang-popover__arrow::after{left:50px}body.body--rtl .lang-popover .lang-popover__arrow::after{left:50px}html[data-mi-dir=rtl] .lang-popover .lang-popover__arrow::after{right:unset}html[dir=rtl] .lang-popover .lang-popover__arrow::after{right:unset}body.body--rtl .lang-popover .lang-popover__arrow::after{right:unset}}@media screen and (max-width: 720px){.site-footer__cookie{display:flex;justify-content:flex-start}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
  /* 骨架屏 */
  --skeleton-color: #eee;

  /* 主色 */
  --primary-base: #ff6700;
  --primary-variant: #fff;

  /* 辅助色 */
  --secondary-base: #212121;
  --secondary-variant: #b0b0b0;

  /* 背景色 */
  --background-base: #f5f5f5; /* pc */
  --background-base-variant: #f9f9fa; /* m */
  --background-base-variant-2: #f9f9fa; /* m */
  --background-base-variant-3: #f9f9fa; /* m */
  --background-base-variant-4: #f5f5f5; /* pc */
  --background-base-variant-5: #f9f9fa;
  --background-base-variant-6: #f7f7f7;
  --background-light: #fff;
  --background-light-a0: rgba(255, 255, 255, 0);
  --background-light-variant: #fff;
  --background-light-variant-2: #f6f6f7;
  --background-dark: #ddd;
  --background-black: #191919;
  --background-card-bg: #fff;
  --background-card-surface: #fafafa;
  --background-light-sku: #fff;
  --background-light-sku-dark: #fff;
  --background-light-sku-gray: #f2f2f2;
  --background-sku-img-normal: transparent;
  --background-sku-img-highlight: transparent;
  --background-quantity-active: #e0e0e0;
  --background-tag-badge: #fe471c;
  --background-contrast: #f5f5f5;
  --background-contrast-light: #fff;
  --background-contrast-variant: #424242;
  --background-loading-button: #ccc;
  --background-dialog-content: #fff;
  --background-dialog-content-2: #fafafa;
  --background-dialog-button: #ccc;
  --background-dialog-button-disabled: #ddd;
  --background-dialog-button-hover: #757575;
  --background-primary: #ff6700;
  --background-primary-a10: rgba(255, 103, 0, 0.1);
  --background-primary-a10-variant: #ff6700;
  --background-primary-a20: rgba(255, 103, 0, 0.2);
  --background-primary-a20-variant: #ff6700;
  --background-primary-variant: #ff6700;
  --background-primary-variant-2: #ff6700;
  --background-primary-variant-3: #ff6700;
  --background-primary-variant-4: #ff6700;
  --background-primary-hover: #f95b06;
  --background-secondary: #212121;
  --background-secondary-a80: rgba(33, 33, 33, 0.8);
  --background-secondary-variant: #424242;
  --background-secondary-variant-2: #212121;
  --background-secondary-variant-3: #b0b0b0;
  --background-secondary-variant-4: #424242;
  --background-disable: #ddd;
  --background-loader: #ff6700; /* JS 动态变色 */
  --background-toast: rgba(34, 34, 34, 0.8);
  --background-toast-1: rgba(34, 34, 34, 0.8);
  --background-mask: #f8f8f8;
  --background-mask-1: #f8f8f8;
  --background-mask-2: #f8f8f8;
  --background-mask-a65: rgba(248, 248, 248, 0.65);
  --background-step: #b0b0b0;
  --background-step-done: #6eb655;
  --background-spot: #ff6700;
  --background-spot-variant: #fff;
  --background-float: linear-gradient(135deg, #ffa86d 0%, #ff6700 100%);
  --background-float-variant: linear-gradient(
    135deg,
    rgba(255, 168, 109, 0.1) 0%,
    rgba(255, 103, 0, 0.1) 100%
  );
  --background-badge: linear-gradient(140deg, #ff9b7e 0%, #ff5169 100%);
  --background-badge-variant: #ffc94d;
  --background-quiz-success: linear-gradient(
    141deg,
    rgba(255, 155, 126, 0.05) 0%,
    rgba(255, 81, 105, 0.05) 100%
  );
  --background-quiz-failure: linear-gradient(
    141deg,
    rgba(68, 160, 36, 0.05) 0%,
    rgba(110, 182, 85, 0.05) 100%
  );
  --background-scrollbar-track: #eee;
  --background-scrollbar-thumb: rgba(255, 103, 0, 0.5);
  --background-product: #f8f8f8;
  --brand-grey-40: #d0d0d0;
  --brand-grey-20: #e7e7e7;
  --brand-grey-10: #f3f3f3;

  /* 阴影 */
  --shadow-black-a2: rgba(0, 0, 0, 0.02);
  --shadow-black-a5: rgba(0, 0, 0, 0.05);
  --shadow-black-a7: rgba(0, 0, 0, 0.07);
  --shadow-black-a8: rgba(0, 0, 0, 0.08);
  --shadow-black-a10: rgba(0, 0, 0, 0.1);
  --shadow-black-a15: rgba(0, 0, 0, 0.15);
  --shadow-black-a20: rgba(0, 0, 0, 0.2);
  --shadow-black-a30: rgba(0, 0, 0, 0.3);
  --shadow-black-a40: rgba(0, 0, 0, 0.4);
  --shadow-black-a50: rgba(0, 0, 0, 0.5);
  --shadow-black-a60: rgba(0, 0, 0, 0.6);
  --shadow-gray-a20: rgba(120, 120, 120, 0.2);
  --shadow-gray-dark-a20: rgba(22, 23, 24, 0.2);
  --shadow-white-a10: rgba(255, 255, 225, 0.1);
  --shadow-white-a20: rgba(255, 255, 225, 0.2);
  --shadow-white-a30: rgba(255, 255, 225, 0.3);
  --shadow-white-a50: rgba(255, 255, 225, 0.5);
  --shadow-white-a80: rgba(255, 255, 225, 0.8);
  --shadow-white-a90: rgba(255, 255, 225, 0.9);
  --shadow-contrast-a20: rgba(255, 255, 225, 0.2);
  --shadow-contrast-a30: rgba(255, 255, 225, 0.3);
  --shadow-contrast-a50: rgba(255, 255, 225, 0.5);
  --shadow-contrast-a90: rgba(255, 255, 225, 0.9);
  --shadow-primary-a10: rgba(255, 103, 0, 0.1);
  --shadow-primary-a20: rgba(255, 103, 0, 0.2);
  --shadow-primary-a30: rgba(255, 103, 0, 0.3);
  --shadow-primary-a40: rgba(255, 103, 0, 0.4);
  --shadow-primary-a50: rgba(255, 103, 0, 0.5);

  /* 边框 */
  --border-base: #ddd;
  --border-base-variant: #b0b0b0;
  --border-base-variant-2: #ddd;
  --border-base-variant-3: #ddd;
  --border-base-variant-4: #898989;
  --border-light: #eee;
  --border-light-variant: #eee;
  --border-light-variant-2: #eee;
  --border-light-variant-3: #e0e0e0;
  --border-light-variant-4: #e0e0e0;
  --border-light-variant-5: #e0e0e0;
  --border-light-variant-6: #f8f8f8;
  --border-dark: #424242;
  --border-dark-variant: #191919;
  --border-input: #b0b0b0;
  --border-gray: #dbdbdb;
  --border-loading-button: #ccc;
  --border-disabled-button: #ddd;
  --border-primary: #ff6700;
  --border-primary-variant: #ff6700;
  --border-primary-variant-2: #ff6700;
  --border-primary-a20: rgba(255, 103, 0, 0.2);
  --border-secondary: #212121;
  --border-record: #83c44e;

  /* 文本 */
  --text-base: #191919;
  --text-reverse: #fff;
  --text-primary: #ff6900;
  --text-secondary: #898989;

  /* 标题 */
  --title-base: #424242;
  --title-base-variant: #424242;
  --title-base-variant-2: #424242;
  --title-base-variant-3: #424242;
  --title-base-variant-4: #424242;
  --title-base-variant-5: #424242;
  --title-light: #b0b0b0;
  --title-light-variant: #c9c9c9;
  --title-light-variant-2: #999;
  --title-light-variant-3: #c6c6c6;
  --title-light-variant-4: #b4b4b4;
  --title-light-variant-5: #ddd;
  --title-light-variant-6: #b0b0b0;
  --title-light-variant-7: #c9c9c9;
  --title-light-variant-8: #c9c9c9;
  --title-light-variant-9: #ddd;
  --title-dark: #000;
  --title-dark-variant: #222;
  --title-dark-variant-2: #b4b4b4;
  --title-dark-variant-3: #2e2323;
  --title-dark-variant-4: #2e2323;
  --title-dark-variant-5: #2e2323;
  --title-dark-variant-6: #000;
  --title-primary: #ff6700;
  --title-primary-variant: #fff;
  --title-primary-variant-2: #fff;
  --title-primary-variant-3: #ff6700;
  --title-primary-variant-4: #fff;
  --title-primary-variant-5: #fff;
  --title-primary-variant-6: #fff;
  --title-secondary: #212121;
  --title-modal: #191919;

  /* 正文 & 按钮（主色与辅助色之外的颜色） */
  --content-base: #666;
  --content-base-variant: #666;
  --content-light: #757575;
  --content-light-variant: #757575;
  --content-light-variant-2: #757575;
  --content-light-variant-3: #999;
  --content-light-variant-4: #999;
  --content-light-variant-5: #ccc;
  --content-dark: #424242;
  --content-dark-variant: #333;
  --content-dark-variant-2: #424242;
  --content-dark-variant-3: #424242;
  --content-dark-variant-4: #333;
  --content-dark-variant-5: #333;
  --content-contrast: #999;
  --content-contrast-variant: #616161;
  --content-active: #ff6900; /* 没写错 */
  --content-primary: #ff6700;
  --content-primary-variant: #ff6700;
  --content-primary-variant-2: #ff6700;
  --content-primary-variant-3: #ff6700;
  --content-delivery: #298cda;
  --content-delivery-info: #888;
  --content-delivery-info-2: #b0b0b0;
  --content-notice: #ff9e0d;
  --content-complete: #6eb655;
  --content-search-box: #888;
  --button-base: #757575;
  --button-base-variant-1: #757575;
  --button-base-variant-2: #fff;
  --button-base-variant-3: #fff;
  --button-base-variant-4: #ffad76;
  --button-dialog-close: #c9c9c9;
  --button-dialog-close-on: #666;
  --button-delete: #ccc;
  --button-delete-1: #ccc;
  --button-delete-variant: #4a90e2;
  --button-active: #424242;
  --select-option-active: #ff6700;
  --button-dark: #5c3b3b;
  --button-select: #eee;

  /* 链接 & 图标 */
  --link-base: #b0b0b0;
  --link-base-variant: #b0b0b0;
  --link-light: #fff;
  --link-light-variant: #fff;
  --link-light-variant-2: #fff;
  --link-dark: #b0b0b0;
  --link-dark-variant: #b0b0b0;
  --link-dark-variant-2: #424242;
  --link-dark-variant-3: #212121;
  --link-primary: #666;
  --link-blue: #298cda;
  --link-active: #ff6700;
  --link-disabled: #fff;

  /* 禁用项 */
  --disabled-base: #c9c9c9;
  --disabled-light: #b0b0b0;
  --disabled-light-2: #ccc;
  --disabled-light-3: transparent;
  --disabled-light-4: #eee;
  --disabled-dark: #757575;

  /* 分割线 */
  --divider-base: #eee;
  --divider-primary: #ff6700;
  --divider-secondary: #212121;

  /* 提示 */
  --notice-info: #2db7f5;
  --notice-success: #83c44e;
  --notice-warning: #f90;
  --notice-error: #f14d4d;
  --notice-error-1: #f14d4d;

  /* 滚动条样式 */
  --scroll-base: #ddd;

  /* Neutral Colors */
  --neutral-neutral40: #a3a3a3;
}

:root {
  /* 骨架屏 */
  --skeleton-color: #eee;

  /* 品牌色 */
  --brand-orange: #ff6900;
  --brand-orange-90: #ff7819;
  --brand-orange-80: #ff8733;
  --brand-orange-70: #ff964c;
  --brand-orange-60: #ffa566;
  --brand-orange-50: #ffb47f;
  --brand-orange-40: #ffc399;
  --brand-orange-30: #ffd2b2;
  --brand-orange-20: #ffe1cc;
  --brand-orange-10: #fff0e5;
  --brand-grey: #898989;
  --brand-grey-90: #949494;
  --brand-grey-80: #a1a1a1;
  --brand-grey-70: #acacac;
  --brand-grey-60: #b8b8b8;
  --brand-grey-50: #c4c4c4;
  --brand-grey-40: #d0d0d0;
  --brand-grey-30: #dbdbdb;
  --brand-grey-20: #e7e7e7;
  --brand-grey-10: #f3f3f3;
  --brand-black: #191919;
  --brand-black-90: #303030;
  --brand-black-80: #474747;
  --brand-black-70: #5e5e5e;
  --brand-black-60: #757575;
  --brand-black-50: #8c8c8c;
  --brand-black-40: #a3a3a3;
  --brand-black-30: #dbdbdb;
  --brand-black-20: #d1d1d1;
  --brand-black-10: #e8e8e8;
  --brand-reverse: #fff;

  /* 文本 */
  --text-base: #191919;
  --text-reverse: #fff;
  --text-primary: #ff6900 !important;
  --text-secondary: #898989;
  --text-link: #4e8fff;

  /* 背景色 */
  --background-base: #f7f7f7;
  --background-white: #fff;
  --background-black: #191919;
  --background-primary: #ff6900 !important;
  --background-primary-light: #fff0e6;
  --background-disable: #ddd;
  --background-loader: #ff6900;

  /* 边框 */
  --border-base: #898989;
  --border-light: #eee;
  --border-footer: #2e2e2e;
  --border-input: #b0b0b0;
  --border-primary: #ff6900 !important;

  /* 阴影 */
  --shadow-black-a2: rgba(0, 0, 0, 0.02);
  --shadow-black-a5: rgba(0, 0, 0, 0.05);
  --shadow-black-a7: rgba(0, 0, 0, 0.07);
  --shadow-black-a8: rgba(0, 0, 0, 0.08);
  --shadow-black-a10: rgba(0, 0, 0, 0.1);
  --shadow-black-a15: rgba(0, 0, 0, 0.15);
  --shadow-black-a20: rgba(0, 0, 0, 0.2);
  --shadow-black-a30: rgba(0, 0, 0, 0.3);
  --shadow-black-a40: rgba(0, 0, 0, 0.4);
  --shadow-black-a50: rgba(0, 0, 0, 0.5);
  --shadow-black-a60: rgba(0, 0, 0, 0.6);
  --shadow-white-a10: rgba(255, 255, 225, 0.1);
  --shadow-white-a20: rgba(255, 255, 225, 0.2);
  --shadow-white-a30: rgba(255, 255, 225, 0.3);
  --shadow-white-a50: rgba(255, 255, 225, 0.5);
  --shadow-white-a80: rgba(255, 255, 225, 0.8);
  --shadow-white-a90: rgba(255, 255, 225, 0.9);
  --shadow-primary-a10: rgba(255, 105, 0, 0.1);
  --shadow-primary-a20: rgba(255, 105, 0, 0.2);
  --shadow-primary-a30: rgba(255, 105, 0, 0.3);
  --shadow-primary-a40: rgba(255, 105, 0, 0.4);
  --shadow-primary-a50: rgba(255, 105, 0, 0.5);
}



html{margin:0 auto;height:100%}body{background-color:#f5f5f5;background-color:var(--background-base);color:#898989;color:var(--text-secondary);height:100%;font-weight:400}body.body--rtl{direction:rtl}header a,footer a{font-size:14px;text-decoration:none;color:inherit}header ol,header ul,header li,header p,footer ol,footer ul,footer li,footer p{margin:0;padding:0}header li,footer li{list-style:none}header input,header select,header textarea,footer input,footer select,footer textarea{background-color:#fff;background-color:var(--background-light);border-color:#b0b0b0;border-color:var(--border-input)}html>img,head>img,body>img{display:none;opacity:0;position:absolute;top:0;left:0;z-index:-10}
.error-boundary.error-boundary--desktop{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;flex-grow:1;flex-shrink:0;font-size:initial}.error-boundary.error-boundary--desktop .error-boundary+.footer{padding-top:50px}.error-boundary.error-boundary--desktop .error-boundary__image{width:420px;background-image:url("//i01.appmifile.com/webfile/globalimg/miv4/page-error.png");background-position:center;background-repeat:no-repeat;background-size:contain;margin-bottom:24px}.error-boundary.error-boundary--desktop .error-boundary__info{margin-top:490px;bottom:0;text-align:center;font-size:20px;font-weight:400;color:#757575;color:var(--content-light);line-height:24px}.error-boundary.error-boundary--desktop .error-boundary__btn-wrapper{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;max-width:80%}.error-boundary.error-boundary--desktop .error-boundary__btn{min-height:40px;background-color:#ff6700;background-color:var(--background-primary);font-size:16px;line-height:20px;padding:15px 30px;color:#fff;color:var(--link-light-variant);border:0;cursor:pointer;outline:none;margin:0 5px 30px}