@charset "UTF-8";
:root {
    --color-text: #000000;
    --color-text-rgb: 0, 0, 0;
    --color-body-text: #333232;
    --color-sale-text: #EA0606;
    --color-small-button-text-border: #3a3a3a;
    --color-text-field: #ffffff;
    --color-text-field-text: #000000;
    --color-text-field-text-rgb: 0, 0, 0;
    --color-btn-primary: #1878b9;
    --color-btn-primary-darker: #125b8c;
    --color-btn-primary-text: #ffffff;
    --color-blankstate: rgba(51, 50, 50, 0.35);
    --color-blankstate-border: rgba(51, 50, 50, 0.2);
    --color-blankstate-background: rgba(51, 50, 50, 0.1);
    --color-text-focus:#404040;
    --color-overlay-text-focus:#e6e6e6;
    --color-btn-primary-focus:#125b8c;
    --color-btn-social-focus:#125b8c;
    --color-small-button-text-border-focus:#606060;
    --predictive-search-focus:#f2f2f2;
    --color-body: #ffffff;
    --color-bg: #ffffff;
    --color-bg-rgb: 255, 255, 255;
    --color-bg-alt: rgba(51, 50, 50, 0.05);
    --color-bg-currency-selector: rgba(51, 50, 50, 0.2);
    --color-overlay-title-text: #ffffff;
    --color-image-overlay: #1878b9;
    --color-image-overlay-rgb: 24, 120, 185;--opacity-image-overlay: 0.56;--hover-overlay-opacity: 0.96;
    --color-border: #1878b9;
    --color-border-form: #cccccc;
    --color-border-form-darker: #b3b3b3;
    --font-weight-body--bold: 700;
    --font-weight-body--bolder: 700;
    --font-stack-header: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    --font-style-header: normal;
    --font-weight-header: 700;
    --font-stack-body: Helvetica, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    --font-style-body: normal;
    --font-weight-body: 400;
    --font-size-header: 21;
    --font-size-base: 14;
    --font-h1-desktop: 28;
    --font-h1-mobile: 26;
    --font-h2-desktop: 16;
    --font-h2-mobile: 14;
    --font-h3-mobile: 16;
    --font-h4-desktop: 14;
    --font-h4-mobile: 12;
    --font-h5-desktop: 12;
    --font-h5-mobile: 10;
    --font-h6-desktop: 11;
    --font-h6-mobile: 10;
    --font-mega-title-large-desktop: 52;
    --font-rich-text-large: 16;
    --font-rich-text-small: 12;
    --color-video-bg: #f2f2f2;
    --global-color-image-loader-primary: rgba(0, 0, 0, 0.06);
    --global-color-image-loader-secondary: rgba(0, 0, 0, 0.12);}
*,::after,::before{box-sizing:border-box}body{margin:0}body,html{background-color:var(--color-body)}body,button{font-size:calc(var(--font-size-base) * 1px);font-family:var(--font-stack-body);font-style:var(--font-style-body);font-weight:var(--font-weight-body);color:var(--color-text);line-height:1.5}body,button{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}.border-bottom{border-bottom:1px solid var(--color-border)}.btn--link{background-color:transparent;border:0;margin:0;color:var(--color-text);text-align:left}.text-right{text-align:right}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;fill:currentColor}.icon__fallback-text,.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) rect{fill:inherit;stroke:inherit}li{list-style:none}.list--inline{padding:0;margin:0}.list--inline>li{display:inline-block;margin-bottom:0;vertical-align:middle}a{color:var(--color-text);text-decoration:none}.h1,.h2,h1,h2{margin:0 0 17.5px;font-family:var(--font-stack-header);font-style:var(--font-style-header);font-weight:var(--font-weight-header);line-height:1.2;overflow-wrap:break-word;word-wrap:break-word}.h1 a,.h2 a,h1 a,h2 a{color:inherit;text-decoration:none;font-weight:inherit}.h1,h1{font-size:calc(((var(--font-h1-desktop))/ (var(--font-size-base))) * 1em);text-transform:none;letter-spacing:0}@media only screen and (max-width:749px){.h1,h1{font-size:calc(((var(--font-h1-mobile))/ (var(--font-size-base))) * 1em)}}.h2,h2{font-size:calc(((var(--font-h2-desktop))/ (var(--font-size-base))) * 1em);text-transform:uppercase;letter-spacing:.1em}@media only screen and (max-width:749px){.h2,h2{font-size:calc(((var(--font-h2-mobile))/ (var(--font-size-base))) * 1em)}}p{color:var(--color-body-text);margin:0 0 19.44444px}@media only screen and (max-width:749px){p{font-size:calc(((var(--font-size-base) - 1)/ (var(--font-size-base))) * 1em)}}p:last-child{margin-bottom:0}@media only screen and (max-width:749px){.small--hide{display:none!important}}.grid{list-style:none;margin:0;padding:0;margin-left:-30px}.grid::after{content:'';display:table;clear:both}@media only screen and (max-width:749px){.grid{margin-left:-22px}}.grid::after{content:'';display:table;clear:both}.grid--no-gutters{margin-left:0}.grid--no-gutters .grid__item{padding-left:0}.grid--table{display:table;table-layout:fixed;width:100%}.grid--table>.grid__item{float:none;display:table-cell;vertical-align:middle}.grid__item{float:left;padding-left:30px;width:100%}@media only screen and (max-width:749px){.grid__item{padding-left:22px}}.grid__item[class*="--push"]{position:relative}@media only screen and (min-width:750px){.medium-up--one-quarter{width:25%}.medium-up--push-one-third{width:33.33%}.medium-up--one-half{width:50%}.medium-up--push-one-third{left:33.33%;position:relative}}.site-header{position:relative;background-color:var(--color-body)}@media only screen and (max-width:749px){.site-header{border-bottom:1px solid var(--color-border)}}@media only screen and (min-width:750px){.site-header{padding:0 55px}.site-header.logo--center{padding-top:30px}}.site-header__logo{margin:15px 0}.logo-align--center .site-header__logo{text-align:center;margin:0 auto}@media only screen and (max-width:749px){.logo-align--center .site-header__logo{text-align:left;margin:15px 0}}@media only screen and (max-width:749px){.site-header__logo{padding-left:22px;text-align:left}.site-header__logo img{margin:0}}.site-header__logo-link{display:inline-block;word-break:break-word}@media only screen and (min-width:750px){.logo-align--center .site-header__logo-link{margin:0 auto}}.site-header__logo-image{display:block}@media only screen and (min-width:750px){.site-header__logo-image{margin:0 auto}}.site-header__logo-image img{width:100%}.site-header__logo-image--centered img{margin:0 auto}.site-header__logo img{display:block}.site-header__icons{position:relative;white-space:nowrap}@media only screen and (max-width:749px){.site-header__icons{width:auto;padding-right:13px}.site-header__icons .btn--link,.site-header__icons .site-header__cart{font-size:calc(((var(--font-size-base))/ (var(--font-size-base))) * 1em)}}.site-header__icons-wrapper{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.site-header__account,.site-header__cart,.site-header__search{position:relative}.site-header__search.site-header__icon{display:none}@media only screen and (min-width:1400px){.site-header__search.site-header__icon{display:block}}.site-header__search-toggle{display:block}@media only screen and (min-width:750px){.site-header__account,.site-header__cart{padding:10px 11px}}.site-header__cart-title,.site-header__search-title{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;display:block;vertical-align:middle}.site-header__cart-title{margin-right:3px}.site-header__cart-count{display:flex;align-items:center;justify-content:center;position:absolute;right:.4rem;top:.2rem;font-weight:700;background-color:var(--color-btn-primary);color:var(--color-btn-primary-text);border-radius:50%;min-width:1em;height:1em}.site-header__cart-count span{font-family:HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:calc(11em / 16);line-height:1}@media only screen and (max-width:749px){.site-header__cart-count{top:calc(7em / 16);right:0;border-radius:50%;min-width:calc(19em / 16);height:calc(19em / 16)}}@media only screen and (max-width:749px){.site-header__cart-count span{padding:.25em calc(6em / 16);font-size:12px}}.site-header__menu{display:none}@media only screen and (max-width:749px){.site-header__icon{display:inline-block;vertical-align:middle;padding:10px 11px;margin:0}}@media only screen and (min-width:750px){.site-header__icon .icon-search{margin-right:3px}}.announcement-bar{z-index:10;position:relative;text-align:center;border-bottom:1px solid transparent;padding:2px}.announcement-bar__link{display:block}.announcement-bar__message{display:block;padding:11px 22px;font-size:calc(((16)/ (var(--font-size-base))) * 1em);font-weight:var(--font-weight-header)}@media only screen and (min-width:750px){.announcement-bar__message{padding-left:55px;padding-right:55px}}.site-nav{position:relative;padding:0;text-align:center;margin:25px 0}.site-nav a{padding:3px 10px}.site-nav__link{display:block;white-space:nowrap}.site-nav--centered .site-nav__link{padding-top:0}.site-nav__link .icon-chevron-down{width:calc(8em / 16);height:calc(8em / 16);margin-left:.5rem}.site-nav__label{border-bottom:1px solid transparent}.site-nav__link--active .site-nav__label{border-bottom-color:var(--color-text)}.site-nav__link--button{border:none;background-color:transparent;padding:3px 10px}.site-header__mobile-nav{z-index:11;position:relative;background-color:var(--color-body)}@media only screen and (max-width:749px){.site-header__mobile-nav{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}}.mobile-nav--open .icon-close{display:none}.main-content{opacity:0}.main-content .shopify-section{display:none}.main-content .shopify-section:first-child{display:inherit}.critical-hidden{display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block}

[v-cloak] {display: none;}
/* 公共样式 */
.comm_logo{max-width:180px;}
@media screen and (max-width: 767px){
    .nav_wrap{width:100%;position:absolute;top:100%}
    .nav_wrap .nav-link{border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
}
.header_wrap .comm_start_nav .icon-close,.header_wrap .comm_start_nav[aria-expanded="true"] .icon-hamburger{display:none;}
.header_wrap .comm_start_nav[aria-expanded="true"] .icon-close{display:block;}
.comm_offcanvas_head{--bs-offcanvas-height:16vh;}
.comm_offcanvas_head form button,.search_default form button{--bs-btn-border-color:#cccccc;--bs-btn-hover-border-color:#5e48df;}
.nav_wrap .nav-link.curr{--bs-nav-link-color:#5e48df;}
.nav_wrap .nav-link:focus,.nav_wrap .nav-link:hover,.footer_wrap .nav-link:focus,.footer_wrap .nav-link:hover{--bs-nav-link-hover-color:#5e48df}
.section_content_wrap .card{--bs-border-width:0;}
.footer_wrap{background:#f6f6f6;}
/* end 公共样式 */
/* 首页 */
.section_content_wrap .btn-primary{--bs-btn-bg:#5e48df;--bs-btn-border-color:#5e48df;}
/* end 首页 */

/* 产品详情缩略图 */
.image_thumbs_photos{width:100%;max-width:453px;text-align:center;}
.image_thumbs_photos img{width:100%;height:100%;max-height:453px;margin:0 auto;object-fit: contain;}
.swiper_thumbs img{max-width:72px;max-height:72px;}
.swiper_thumbs .swiper-slide{opacity: 0.8;cursor: pointer;}
.swiper_thumbs .swiper-slide-thumb-active{opacity: 1;--bs-border-color:#000}
.item_info_wrap .btn-primary,.contact_wrap .btn-primary{--bs-btn-bg:#5e48df;--bs-btn-border-color:#5e48df;}

.swiper_modal .swiper-zoom-container>img{max-height:88vh;}
.magnifier-preview{height:100%}
.thumb_pagination{--bs-secondary-rgb: 94, 72, 223}

@media (min-width : 414px) and (max-width : 500px) {
    .image_thumbs_photos img{max-width:414px;max-height:414px;}
    .swiper_thumbs img{max-width:81px;max-height:81px;}
}
@media (min-width : 390px) and (max-width : 413px) {
    .image_thumbs_photos img{max-width:390px;max-height:390px;}
    .swiper_thumbs img{max-width:75px;max-height:75px;}
}
@media (min-width : 375px) and (max-width : 389px) {
    .image_thumbs_photos img{max-width:375px;max-height:375px;}
    .swiper_thumbs img{max-width:72px;max-height:72px;}
}
@media (min-width: 360px) and (max-width : 374px) {
    .image_thumbs_photos img{max-width:360px;max-height:360px;}
    .swiper_thumbs img{max-width:69px;max-height:69px;}
}
@media (min-width: 320px) and (max-width : 359px) {
    .image_thumbs_photos img{max-width:320px;max-height:320px;}
    .swiper_thumbs img{max-width:60px;max-height:60px;}
}
/* end 产品详情缩略图 */

/* 搜索结果 */
.search_cont_wrap .link-dark:focus,.search_cont_wrap .link-dark:hover{color:#5e48df !important;}
/* end 搜索结果 */

/* 分页器 */
.page_nav_wrap .active>.page-link,.page_nav_wrap .page-link.active{--bs-pagination-active-bg:#5e48df;--bs-pagination-active-border-color:#5e48df;}
/* end 分页器 */

/* 联系我们 */
.contact_wrap .form-floating .contact_textarea{height:158px;}
/* end 联系我们 */

/* element ui */
.el-loading-spinner .el-loading-text,.el-loading-spinner i{color:#5e48df}
/* end element ui */
/* 内容格式 */
.text-pre-wrap{white-space: pre-wrap;}
/* 内容格式 */
.comm_logo{width:152px;height:54px;}
@media (min-width : 992px) {
    .index_pro_pic{width:306px;height:306px;}
}
@media (min-width : 414px) and (max-width : 500px) {
    .index_pro_pic{width:191px;height:191px;}
}
@media (min-width : 390px) and (max-width : 413px) {
    .index_pro_pic{width:179px;height:179px;}
}
@media (min-width : 375px) and (max-width : 389px) {
    .index_pro_pic{width:172px;height:172px;}
}
@media (min-width: 360px) and (max-width : 374px) {
    .index_pro_pic{width:164px;height:164px;}
}
@media (min-width: 320px) and (max-width : 359px) {
    .index_pro_pic{width:144px;height:144px;}
}