/* 基础样式效果 */

/* rem */
@media(max-width:767px) { html { font-size: 10px; } }
@media(min-width:768px) { html { font-size: 10px; } }
@media(min-width:1025px) { html { font-size: 12px; } }
@media(min-width:1201px) { html { font-size: 12px; } }
@media(min-width:1367px) { html { font-size: 12px; } }
@media(min-width:1441px) { html { font-size: 16px; } }
@media(min-width:1921px) { html { font-size: 20px; } }
@media(min-width:2561px) { html { font-size: 24px; } }
@media(min-width:2881px) { html { font-size: 26px; } }
@media(min-width:3201px) { html { font-size: 32px; } }
@media(min-width:3841px) { html { font-size: 42px; } }
@media(min-width:5121px) { html { font-size: 42px; } }

body {
  overscroll-behavior-y: none;
}
ul,ol{margin:0;padding:0}
li{list-style:none}
p{margin-bottom:0;margin-block-start:0;margin-block-end:0}
img{max-width:100%}
/* iframe:not(.unit-detail-html-tabs__content-html iframe):not(.unit-video-popup__content iframe) {width: 100%;height: 100%;} */
[package-unit-type="text"] .unit-text ul { padding-inline-start: 1.5em; }
[package-unit-type="text"] .unit-text ol { padding-inline-start: 1em; }
[package-unit-type="text"] .unit-text li { list-style: inherit; }

:root{--modal-z-index: 999}

[package-item].hiddent-pop_up {display: none;}
[page-type="all_pop_up"] [package-item].all-pop-up_module {display: block;}
[page-type="all_pop_up"] [package-type="copyright"] [package-group="module"] [package-item="module"]:first-child {display: none;}

/**/
[package-type="article-detail-html"] {
  --image-source: 8;
}

[package-type="detail-html-tabs"] {
  --image-source: 6;
}


.unit-page-page_description { max-width: 100%; overflow-x: auto;  }
.unit-page-page_description::-webkit-scrollbar-button {width: 0; height: 0}

.unit-page-page_description ul li,
.unit-ai-article-detail__detail_html ul li,
.unit-detail-description ul li,
.unit-article-detail-html ul li,
.unit-video-detail ul li,
.unit-detail_item ul li,
.unit-detail-html-tabs__content-html ul li {
  list-style: inherit;
  position: relative;
  left: 1.2em;
  max-width: calc(100% - 1.2em);
  display: list-item;
  overflow: unset;
}

.unit-page-page_description ol li,
.unit-ai-article-detail__detail_html ol li,
.unit-detail-description ol li,
.unit-article-detail-html ol li,
.unit-video-detail ol li,
.unit-detail_item ol li,
.unit-detail-html-tabs__content-html ol li {
  list-style: inherit;
  position: relative;
  left: 1em;
  max-width: calc(100% - 1em);
  display: list-item;
  overflow: unset;
}


.hide{display:none}
.ce-video_poster.hide{display:none!important;}
.fade:not(.show){opacity:0}
.fade{transition:opacity .15s linear}
[contenteditable]{outline:none}
[href="javascript:;"]{cursor:default}
a:hover{text-decoration:none; }
a:not([href]):not([tabindex]){color:inherit}
@media(max-width:768px){
  .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.title{font-size:18px}
  body,.description,.btn{font-size:14px}
  .pb-4{padding-bottom:2vw!important}
  .pt-4{padding-top:2vw!important}
  .pr-4{padding-right:2vw!important}
}
@media(max-width:480px){
  .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.title{font-size:16px}
}
/* 滚动条样式 */
::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f7fa}
::-webkit-scrollbar-track{background-color:#f5f7fa}
::-webkit-scrollbar-thumb{border-radius:0;background-color:#CCC}
::-webkit-scrollbar-button{height:0px;background-color:#999}
/* 栅格 */
/* 由于会覆盖PC端栅格效果，已改写到 bootstrap.simple.css 中
.col-2_4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
@media (min-width:576px){
.col-sm-2_4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width:768px){
.col-md-2_4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width:992px){
.col-lg-2_4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
@media (min-width:1200px){
.col-xl-2_4{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
*/
/* 显示隐藏 */

.unit-detail-related__list-title{text-transform: capitalize}

@media (max-width: 767px) {
  [hide-phone], [display-style="5"], [display-style="6"], [display-style="7"] { display: none!important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  [hide-pad], [display-style="3"], [display-style="4"], [display-style="7"] { display: none!important; }
}
@media (min-width: 1200px) {
  [hide-pc], [display-style="2"], [display-style="4"], [display-style="6"] { display: none!important; }
}

/* 层级 */
[package-item="block"]{z-index:100}
/* 板块定位 */
[position="1"] { position: relative; }
[position="2"] { position: -webkit-sticky; position: sticky;}
[position="3"].header-fixed { position: fixed; }
[position="3"] { position: relative; }
[page-type="index"] [position-index="3"].header-fixed { position: fixed; }
@media (max-width: 768px) {
  /* [position="2"] { position: fixed; } /*影响粘性定位*/
  [position="2"].header-position,
  [position="3"].header-position,
  [position-index="3"].header-position{ position: -webkit-sticky; position: sticky; }
}
@media (min-width: 1200px) {
  [page-type="index"] [position-index="1"] { position: relative; }
  [page-type="index"] [position-index="2"] { position: -webkit-sticky; position: sticky; }
}
/* 全屏 */
.container-fluid{max-width:100%!important}
/* 文本组件与h1清除样式 */
.follow-font-family[text-style] {
  font-size: inherit;
  font-style: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
}
.follow-font-family_size[text-style] {
  font-style: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
}
[_html] a:hover, :not([_html]) a{color:inherit}
[_html]{overflow-wrap:break-word;text-decoration:inherit}
h1.nostyle,h2.nostyle,h3.nostyle,h4.nostyle,h5.nostyle,h6.nostyle{font-size:inherit;margin:0;padding:0;line-height:inherit;display:inline-block;font-weight: normal;}
[text-style] h1 {font-weight: inherit; }
/* 主色覆盖 */
:root{--rgb-color:0,123,255;--main-color:rgb(var(--rgb-color));--swiper-theme-color:var(--main-color); --SAIB:constant(safe-area-inset-bottom);--SAIB:env(safe-area-inset-bottom);--SAIT:constant(safe-area-inset-top);--SAIT:env(safe-area-inset-top);--container-width:100vw;--sub-color1:var(--main-color);--sub-color2:var(--main-color);--sub-color3:var(--main-color);
  --play-bg-color:rgba(0,0,0,.5);
  --play-icon-color:rgba(255,255,255,1);
  --play-hover-bg-color:rgba(0,0,0,.8);
  --play-hover-icon-color:rgba(255,255,255,1);
  --swiper-navigation-bg-color:rgba(0,0,0,.3);
  --swiper-navigation-icon-color:rgba(255,255,255,1);
  --swiper-navigation-hover-bg-color:rgba(0,0,0,.8);
  --swiper-navigation-hover-icon-color:rgba(255,255,255,1);
}
a{color:var(--main-color)}
.btn-main,.btn-main:hover,.btn-main.disabled,.btn-main:disabled,.btn-main:not(:disabled):not(.disabled).active,.btn-main:not(:disabled):not(.disabled):active,.show>.btn-main.dropdown-toggle{color:#fff;background-color:var(--main-color);border-color:var(--main-color)}
.btn-main.focus,.btn-main:focus,.btn-main:not(:disabled):not(.disabled).active:focus,.btn-main:not(:disabled):not(.disabled):active:focus,.show>.btn-main.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(var(--rgb-color),.5)}
/* 按鈕禁止點擊 */
.btn[disabled]{pointer-events:none}

.bg-danger { background-color: #f00; }
/* 粘性定位 */
[package-group]{position:sticky;top:0}
[package-group="block"] { position: relative!important; }
/* 加载 */
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded){font-size:0;padding:var(--loading-size)}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),.loading{position:relative;--loading-size:15px}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,
.loading::after,
.loading::before{content:"";position:absolute;top:calc(50% - var(--size));left:calc(50% - var(--size));display:inline-block;width:calc(var(--size) * 2);height:calc(var(--size) * 2);--size:var(--loading-size)}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::after,
.loading::after{border:3px solid var(--main-color);border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded)::before,
.loading::before{background-color:#FFF;--size:calc(var(--loading-size) + 5px)}
.absolute-shade{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#FFF;z-index:1}
/* [lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded){font-size:0;padding:var(--loading-size)}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),.loading{position:relative;--loading-size:15px}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),
.loading::after,
.loading::before{content:"";position:absolute;top:calc(50% - var(--size));left:calc(50% - var(--size));display:inline-block;width:calc(var(--size) * 2);height:calc(var(--size) * 2);--size:var(--loading-size)}
[lazy-type="img"]:not([data-lazy="2"]):not(.swiper-lazy-loaded),
.loading::after{border:3px solid var(--main-color);border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite} */
/* 背景图懒加载 */
[lazy-type="background"] {--linear: linear-gradient(transparent, transparent);}
[gradient] {background-image: var(--linear);}
[lazy-type="background"] {--lazy-src: none; --lazy-md: none; --lazy-xl: none;}
[data-lazy="1"][lazy-type="background"]{background-image:var(--lazy-src), var(--linear);}
@media(min-width:768px){
  [data-lazy="1"][lazy-type="background"][lazy-md]{background-image:var(--lazy-md), var(--linear)}
}
@media(min-width:1200px){
  [data-lazy="1"][lazy-type="background"][lazy-xl]{background-image:var(--lazy-xl), var(--linear)}
}
/** 动画 */
[data-animate="0"]{visibility:hidden;opacity:0;transition:1s}
[data-animate="1"]{visibility:visible;animation-duration:1.5s;animation-fill-mode:none}
/* 模态框 */
#message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}

#modal{position:fixed;top:0;left:0;width:0;height:0;z-index:var(--modal-z-index)}

svg { fill: currentColor; }

/* vue */
[v-cloak]{visibility:hidden}
/* 面包屑 */
[package-block-type="breadcrumb"] [package-group="module"]{z-index:1}
[package-block-type="breadcrumb"]:not(:has(.design-box))  [package-item="module"]:has(.breadcrumb-background-video__wrapper) {
  background-image: var(--linear);
}
.breadcrumb-background-video__wrapper {
  /*opacity: 0;*/
}
@media(min-width:768px){
#app[page-type="landing_page"] [package-block-type="breadcrumb"]{position:sticky;top:0}
}
/* 头部 */
@media(min-width:1200px){
  /* 悬浮、透明 */
  /* 防闪 */
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"],
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"] [package-item="module"]{background-color:transparent;}

  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed,
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-fixed [package-item="module"]{background-color:var(--header-bg) !important;}

  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"],
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"] [package-item="module"]{background-color:transparent;}

  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed,
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-fixed [package-item="module"]{background-color:var(--header-bg) !important;}

  /* 设置了悬浮，那不论什么情况也都是悬浮 */
  [package-block-type="header"] *{
    transition: background-color .6s;
  }
  #app[page-type="index"] div[package-type="header"][float-top="1"]{position:fixed !important;}
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position,
  #app[page-type="index"] div[package-type="header"][float-top="1"][bg-transparent="1"].header-position [package-item="module"]{background-color:rgba(255,255,255,0) !important;}

  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"]{position:fixed !important;}
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"]{position:fixed !important;}
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position,
  #app:not([page-type="index"]) div[package-type="header"][float-top-inside="1"][bg-transparent-inside="1"].header-position [package-item="module"]{background-color:rgba(255,255,255,0) !important;}

  [page-type="index"] [position-index="3"].header-fixed:not(:hover),
  #app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed:not(:hover) {--header-bg: var(--header-bg-fixed)!important; color: var(--font-fixed)!important; box-shadow: none!important; border: none!important; }

  #app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed:not(:hover) {--header-bg: var(--header-bg-fixed-inside)!important; color: var(--font-fixed-inside)!important; box-shadow: none!important; border: none!important; }

  [page-type="index"] [position-index="3"].header-fixed [package-item="module"],
  #app:not([page-type="index"]) [customer-inside="0"][position="3"].header-fixed [package-item="module"] { --header-bg: var(--header-bg-fixed)!important; color: var(--font-fixed)!important; }

  #app:not([page-type="index"]) [customer-inside="1"][position="3"].header-fixed [package-item="module"] { --header-bg: var(--header-bg-fixed-inside)!important; color: var(--font-fixed-inside)!important; }

  #app:not([page-type="login"]):not([page-type="register"]) [package-block-type="header"].header-hide{top:-100%}
}

[package-type="header"].header-hover-index{z-index:1000!important} /* 头部经过给高点的层级，避免二级栏目展开被遮挡 */
[package-block-type="header"] { top:0;width:100%; transition:.3s; background-color:var(--header-bg); --header-bg: inherit; --header-bg-fixed: var(--header-bg); --font-fixed: inherit; --font-active: var(--main-color);}
#app:not([page-type="index"]) [customer-inside="1"] {--header-bg: var(--header-bg-inside) !important; color: var(--color-inside) !important; }

[package-block-type="header"] [package-item="module"] { background-color:var(--header-bg);}
[package-block-type="header"] [package-group] { position: initial; }

[package-block-type="footer"] a:not(.custom-color):hover, [package-block-type="footer"] a:not(.custom-color):hover span {color: var(--main-color);}

[button-style] .btn { transition-duration: 300ms; }

/* 登录状态 */
/* 登录隐藏 */
#app.is-login [login-show],
#app.not-login [login-hide]{display:block}
[login-show],
[login-hide],
#app.is-login [login-hide],
#app.not-login [login-show],
#app.not-open-user [login-hide],
#app.not-open-user [login-show]{display:none}

/* 着陆页不显示客服插件 */
.base-button .iconfont{font-size:inherit}
/* 基础组件-分页 */
.unit-pagination a{color:inherit}
.base-pagination{display:flex;align-items:center;justify-content:center;background-color:inherit;width:auto}
.base-pagination__items{display:flex;padding-left:0;list-style:none;border-radius:.25rem;justify-content:center}
.base-pagination__item{position:relative;overflow:hidden;border-radius:2px;z-index:1}
.base-pagination__item:not(.disabled){cursor:pointer}
.base-pagination__item:not(:last-child){margin-right: 10px;}
.base-pagination__link{text-align:center;background-color:#F4F4F5;color: #303133;border:0;padding:0;border-radius:2px;position:relative;margin:0;display:block}
.base-pagination__item.active {background: var(--main-color);color: #fff;}
.base-pagination__item.active .base-pagination__link{color:inherit;background-color:inherit;border-color:inherit;font-weight: bold;}
.base-pagination__item.disabled .base-pagination__link{opacity:.5;color:inherit;cursor: unset;}
.base-pagination__item .base-pagination__link{width: 30px; height: 28px;line-height:28px;text-align:center;background-color:#F4F4F5;border:0;padding:0;border-radius:2px;position:relative;margin:0;display:block;cursor:pointer;font-size: 14px;color: inherit; }
.base-pagination__item.base-pagination__item-more .base-pagination__link{line-height: 22px;}
.base-pagination__item a:hover{opacity:.7}
.base-pagination__item--next span,
.base-pagination__item--last span{transform:rotate(180deg);display:block}
.base-pagination__item--first span::after,
.base-pagination__item--last span::after{content:"\e600";transform:translateX(-10px);display:inline-block}
.base-pagination__item--first span::after{top:0}
@media (max-width:576px){
 /* .base-pagination__item:not(.active):not(.base-pagination__item--prev):not(.base-pagination__item--next):not(.base-pagination__item--first):not(.base-pagination__item--last){display:none} */
 .base-pagination__item-first, .base-pagination__item-last, .base-pagination__item-more {display: none;}
}
@media (max-width:576px){
  .discount-timer{width: 100%;}
}
@media (min-width:576px){
  .base-pagination__item-third {display: none;}
}
/* 基础组件-图片 */
.img-box img{transition:.5s}
.img-box .hover{position:absolute;visibility:hidden;opacity:0;transform:translateX(-100%)}
.img-box .img-item{position:relative}
.img-box .img-item.has-hover:hover .default{visibility:hidden;opacity:0}
.img-box .img-item.has-hover:hover .hover{visibility:visible;opacity:1}
.base-image--scale{ position: relative; height: 0; width: 100%; --img-pt: 100%; padding-top: var(--img-pt); }
.base-image--scale .base-image__item{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }
/*.swiper-container-initialized .base-video.play { pointer-events: none; }*/
@media (max-width: 767px){
.base-video--scale.play{ position: relative; height: 0; width: 100%; --img-pt: 100%; padding-top: var(--img-pt); }
.base-video--scale.play .base-video__preview{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }
.base-video--scale.play .base-video__preview video{width: 100%; height:100% !important; background-color: #000;}
/* .base-video--scale.play .base-video__preview iframe, .base-video--aspect-ratio .base-video__preview iframe{ width: 100%; height:100%; } */
.base-video--aspect-ratio.play .base-video__preview, .base-video--aspect-ratio .base-video__preview video { width: 100%; aspect-ratio: var(--img-ratio); margin: 0 auto;}
}
@media  (min-width:768px) and (max-width: 1199px){
.base-video--scale-md.play{ position: relative; height: 0; width: 100%; --img-pt-md: 100%; padding-top: var(--img-pt-md); }
.base-video--scale-md.play .base-video__preview{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }
.base-video--scale-md.play .base-video__preview video{width: 100%;height:100% !important; background-color: #000;}
/* .base-video--scale-md.play .base-video__preview iframe, .base-video--aspect-ratio-md .base-video__preview iframe{ width: 100%; height:100%; } */
.base-video--aspect-ratio-md.play .base-video__preview, .base-video--aspect-ratio-md .base-video__preview video { width: 100%; aspect-ratio: var(--img-ratio-md); margin: 0 auto;}
}
@media  (min-width:1200px) {
.base-video--scale-xl.play{ position: relative; height: 0; width: 100%; --img-pt-xl: 100%; padding-top: var(--img-pt-xl); }
.base-video--scale-xl.play .base-video__preview{position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }
.base-video--scale-xl.play .base-video__preview video{width: 100%;height:100% !important; background-color: #000;}
/* .base-video--scale-xl.play .base-video__preview iframe, .base-video--aspect-ratio-xl .base-video__preview iframe{ width: 100%; height:100%; } */
.base-video--aspect-ratio-xl.play .base-video__preview, .base-video--aspect-ratio-xl .base-video__preview video { width: auto; aspect-ratio: var(--img-ratio-xl); margin: 0 auto;}
}
/* cover */
.base-image--effect-1 .base-image__img{object-fit: cover; width: 100%; height: 100%;}
/* 拉伸 */
.base-image--effect-2 .base-image__img{ width: 100%; height: 100%;}
/* 自定义宽 */
.base-image--effect-3 .base-image__img{ width: var(--img-size); }
/* 自定义高 */
.base-image--effect-4 .base-image__img{ height: var(--img-size); }

picture.base-image__img { /* 固定block，避免父元素使用display:flex影响图片宽度 */
  display: block;
}
picture.base-image__img img.base-image__img { /* 避免百分比宽度二次缩小 */
  width: auto!important;
}

@media(orientation:portrait){
  .img-box.has-portrait .img,
  .img-box.has-portrait .img-hover{display:none}
}
@media(orientation:landscape){
  .img-box .img-portrait,
  .img-box .img-portrait-hover{display:none}
}
/* 基础组件-暂无数据 */
.base-no-data{padding:3vw 0}
.base-no-data__inner{position:relative}
.base-no-data__image img{max-height:360px;display:block;margin:0 auto;width:100%}
.base-no-data__text{color:#b0bfc5;position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
/* 基础组件-视频弹窗 */
.base-video__preview {position: relative;}
.base-video__thumb { width: 100%; height: 100%; }
.base-video__preview.play .base-video__play, .base-video__preview.play .base-video__thumb, .base-video__preview.play .base-video__info {display: none;}
.base-video__preview.play .unit-list-hover__image  .base-video__thumb {display: block;}
.base-video__preview iframe { width: 100%; height: 100% }
.base-video__preview .base-video__wrap {
  /*position: relative;*/
  /*max-height: 100%;*/
  /*max-width: 100%;*/
  height: 100%;
  width: 100%;
}
.base-video__preview .base-video__wrap:hover .base-video__wrap--close{
  opacity: 1;
}
.base-video__preview .base-video__wrap .base-video__wrap--close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: rgba(0,0,0,.3);
  border-radius: 50%;
  cursor: pointer;
  font-size:25px;
  line-height:1;
  color:#FFFF;
  transition:.3s;
  text-align: center;
  z-index: 99;
  opacity: 0;
}
.base-video__preview .base-video__wrap .base-video__wrap--close:hover {
  background: rgba(0,0,0,.7);
  opacity: 1;
}
.base-video__preview .base-video__wrap .base-video__wrap--replay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 98;
  display: none;
  color: #fff;
}
.base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon {
  width: 65px;
  height: 65px;
  cursor: pointer;
  z-index: 2;
  background: rgba(0,0,0,.3);
  border-radius: 50%;
}
.base-video__preview .base-video__wrap .base-video__wrap--replay .replay-icon:hover {
  background: rgba(0,0,0,.7);
}
.unit-video-popup__content .base-video__wrap .base-video__wrap--replay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  display: none;
  color: #fff;
}
.unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon {
  width: 65px;
  height: 65px;
  cursor: pointer;
  z-index: 2;
  background: rgba(0,0,0,.3);
  border-radius: 50%;
}
.unit-video-popup__content .base-video__wrap .base-video__wrap--replay .replay-icon:hover {
  background: rgba(0,0,0,.7);
}
/* 视频播放按钮 */
.base-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;cursor:pointer;width:65px;height:65px;border-radius:50%;background:var(--play-bg-color);display:flex;justify-content:center;align-items:center;transition:.3s}
.base-video__play i{font-size:30px;color:var(--play-icon-color);text-shadow:0 0 40px #000;transition:.3s;font-style:normal}
.base-video__play:hover{transform:scale(1.2) translate(-40%,-40%);background:var(--play-hover-bg-color)}
.base-video__play:hover i{
  color: var(--play-hover-icon-color);
}
@media (min-width:768px){
  .base-video__play i{margin-left:2px;}
}
@media (max-width:768px){
  .base-video__play{width: 40px;height: 40px;}
  .base-video__play i{margin-left:1px;font-size:15px}
}
/* xg-video -------------------------------------------------------------------------------- */
.xg-video .base-video__thumb {
  position: relative;
}
.xg-video .base-video__info {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 1px 4px;
  border-radius: 4px;
  background-color: rgba(0,0,0,.6);
  color: #fff;
  font-size: 12px;
}
.xg-video.play .base-video__info { display: none; }
.xg-video.base-video--scale-xl.play .base-video__preview video {
  background: none;
}
.xg-video .xgplayer { background: #fff; z-index: 1;}
.xg-video .mac-os.xgplayer { font-weight: 600; }
.xg-video .xgplayer .xgplayer-poster {  background-size: cover;  }
.xg-video .xgplayer-dynamic-bg { overflow: hidden; z-index: 0; }
.xg-video .xgplayer-dynamic-bg xgmask {
  background: none;
  background-size: cover;
  background-position: center;
  filter: blur(20px) brightness(0.8);
  transition: opacity 0.3s;
  transform: scale(1.1);
}
@media (max-width: 767px){
  .xg-video[hide-dynamic-bg] .xgplayer-dynamic-bg{ opacity: 0; }
}
@media  (min-width:768px) and (max-width: 1199px){
  .xg-video[hide-dynamic-bg-md] .xgplayer-dynamic-bg{ opacity: 0; }
}
@media  (min-width:1200px) {
  .xg-video[hide-dynamic-bg-xl] .xgplayer-dynamic-bg{ opacity: 0; }
}
.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5);
}

.xg-video .xgplayer .xgplayer-replay .xgplayer-replay-txt {
  display: none;
}
.xg-video .xgplayer .xgplayer-progress-played,
.xg-video .xgplayer .xgplayer-drag {
  background: var(--main-color);
}
.xg-video .xgplayer .xgplayer-progress-btn {
  /* background: rgba(var(--rgb-color), .3); */
  /* box-shadow: 0 0 1px rgba(var(--rgb-color), .5); */
  background: none;
  box-shadow: unset;
}
.xg-video .xgplayer .xgplayer-progress-btn.active {
  border: none;
}
.xg-video .xgplayer.xgplayer-pc .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(1);
}
.xg-video .xgplayer .xgplayer-progress-btn.active,
.xg-video .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
  transform: translate(-50%, -50%) scale(1.3);
}
.xg-video .xgplayer .xgplayer-progress-btn:before {
  background: rgba(var(--rgb-color), 1);
}
.xg-video .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
  background: #fff;
}
.xg-video .xgplayer .xgplayer-progress-btn.active:before {
  box-shadow: unset;
}
.xg-video .xgplayer .xgplayer-progress-point {
  padding: 1px 4px;
  font-size: 14px;
  opacity: 1;
}
.xg-video .xgplayer .xg-options-list {
  color: #fff;
}
.xg-video .xgplayer .xg-options-list,
.xg-video .xgplayer .xgplayer-slider {
  border-radius: 8px;
}
.xg-video .xgplayer .xg-options-list li {
  height: auto;
  line-height: 1em;
  padding: 8px 0;
}
.xg-video .xgplayer .xg-options-list li:hover,
.xg-video .xgplayer .xg-options-list li.selected {
  color: var(--main-color);
}
.xg-video .xgplayer .xgplayer-controls {
  /* background-image: none; */
  /* background-image: linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .4), rgba(0, 0, 0, .6));
  box-shadow: 0px 0px 120px rgba(0, 0, 0, .75); */
  /* background-image: linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.4),rgba(0,0,0,.6));
  box-shadow: 0 0 120px 18px rgba(0,0,0,1); */
  background-image: none;
}
.xg-video .xgplayer .xgplayer-controls::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 300%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, .15) 40%, rgba(0, 0, 0, .4),rgba(0, 0, 0, .9));
  pointer-events: none;
  z-index: -1;
}
@media (min-width: 768px) {
  .xg-video .xgplayer .xgplayer-controls::after {
    border-radius: 0 0 12px 12px;
  }
}
.xg-video .xgplayer-controls .xg-inner-controls {
  height: 44px;
}
.xg-video .xgplayer-controls xg-icon {
  height: 42px;
  color: #fff;
}
.xg-video .xgplayer .btn-text {
  height: 100%;
  font-size: 14px;
}
.xg-video .xgplayer .btn-text span {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1em;
  border-radius: 14px;
  /* background: rgba(255, 255, 255, 0.5); */
  background: transparent;
  min-width: unset;
}
.xg-video .xgplayer-controls .xgplayer-time {
  min-width: unset;
  font-family: inherit;
}
.xg-video .xgplayer-controls .xgplayer-time span {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1em;
}
.xg-video .xgplayer-controls .xgplayer-time .time-separator,
.xg-video .xgplayer-controls .xgplayer-time .time-duration {
  display: none;
}
.xg-video .xgplayer-fullscreen .xgplayer-icon {
  height: 100%;
}
.xg-video .xgplayer-fullscreen svg {
  width: 26px;
  transform: translateY(1px);
}
.xg-video .xgplayer-controls .xg-center-grid {
  padding: 0;
  top: -8px;
}
.xg-video .xgplayer .xgplayer-controls.bottom-controls {
  background-image: none;
  box-shadow: unset;
}
.xg-video .xgplayer .xgplayer-controls.bottom-controls::after {
  display: none;
}
.xg-video .xgplayer-controls.bottom-controls .xg-inner-controls {
  left: 0;
  right: 0;
  padding-left: 10px;
  padding-right: 6px;
  height: 34px;
}
.xg-video .xgplayer-controls.bottom-controls xg-icon {
  height: 34px;
  line-height: 34px;
}
.xg-video .xgplayer-controls.bottom-controls .xgplayer-time span{
  font-size: 12px;
  line-height: 34px;
  height: 34px;
}
.xg-video .xgplayer-controls.bottom-controls .xg-center-grid {
  padding: 0;
  top: unset;
  bottom: 0px;
  z-index: 1;
}
.xg-video .xgplayer-controls.bottom-controls .xgplayer-progress {
  height: 8px;
}
.xg-video .xgplayer-controls.bottom-controls .xgplayer-progress-bottom .xgplayer-progress-outer {
  top: 3px;
}
.xg-video .xgplayer-controls.bottom-controls .xg-left-grid,
.xg-video .xgplayer-controls.bottom-controls .xg-right-grid {
  bottom: 0;
}
.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume {
  height: 34px;
}
.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-slider {
  display: none!important;
}
.xg-video .xgplayer-controls.bottom-controls .xgplayer-volume .xgplayer-icon > svg{
  width: 24px;
}
.xg-video .xgplayer-definition,
.xg-video .xgplayer-playbackrate {
  margin-right: 20px;
}
.xg-video[controls="false"] .xgplayer .xgplayer-controls {
  display: none!important;
}
.xg-video.play .video-container {
  filter: brightness(var(--brightness));
}
@media(max-width:1199px){
  .xg-video .xgplayer-controls .xg-center-grid {
    padding: 0;
    top: -6px;
  }
  .xg-video {
    --mobile-controls-height: 36px;
  }
  .xg-video .xgplayer .xgplayer-replay .xgplayer-replay-svg {
    width: 40px;
    height: 40px;
  }
  .xg-video .xgplayer .xgplayer-controls {
    height: calc(var(--mobile-controls-height) + 4px);
  }
  .xg-video .xgplayer-controls .xg-inner-controls {
    height: var(--mobile-controls-height);
  }
  .xg-video .xgplayer-controls xg-icon {
    height: var(--mobile-controls-height);
  }
  .xg-video .xgplayer-controls svg{
    width: 20px;
  }
  .xg-video .xgplayer .btn-text {
    font-size: 12px;
  }
  /* .xg-video .xgplayer-volume svg {
    transform: translateY(-1px);
  } */
  .xg-video .xgplayer-fullscreen svg {
    transform: translateY(0px);
  }
}
/* -------------------------------------------------------------------------------- */
.opacity0 {opacity: 0 !important;}
/** 基础组件- 下拉筛选 */
.base-select-box { position: relative; }
.base-select-arrow { display: block; top: 14%; right: 0; position: absolute; width: 30px; text-align: center; font-size: 16px;}
.base-select-box.active .base-select-arrow{ transform: rotate(180deg); }
.base-select-input{ width: 100%; box-shadow: none; outline: none; }
.was-validated :invalid ~ .base-select-input{ border-color: #dc3545!important; }
.base-select-drop{ position: fixed; top: 100%; left: 0; width: 100%; max-height: 200px; z-index: 999; overflow-y: auto; background: #fff; border: 1px solid rgba(0,0,0,.1); }
.base-select-drop.hide { height: 0; overflow-y: hidden }
.base-select-drop li { padding: 5px 10px; text-align: left; font-size: 14px; transition: all .3s; cursor: pointer;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.base-select-drop li:hover { background: var(--main-color); color: #fff; }
.base-select-box .invalid-feedback{ padding-left: 0!important; }
.select-mask{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: transparent; z-index: 100; display: none; }
.select-mask.show{ display: block; }
.base-div-input { height:35px !important;max-height: 35px !important; overflow:hidden; text-align: left;white-space: nowrap; text-overflow: ellipsis;}
/*******************************************************/
/* 表单组件 */
form{--x:15px;--y:12px;flex-grow:1}
form select{-webkit-appearance:none}
form label{display:flex;font-weight:bold;position:relative}
form label.full{align-items:flex-start!important}
form label.submit .unit-form__label{padding:0}
form .item{padding:8px;margin:0}
form .form-control{padding:var(--y) var(--x);height:auto;font-weight:normal; font-size: inherit;}
/* form .form-group{margin-bottom:0} */
form .unit-form__label{padding-bottom:5px;flex-shrink:0;flex-grow:0;font-weight:normal; opacity: .8; color: inherit; }
form [required] ~ .unit-form__label:before,
form [required] ~ .unit-form__control--txt::before{content:'*';padding-right:5px;color:red;display:inline-block}
form .form-control.is-invalid + .unit-form__control--file,
form.was-validated .form-control:invalid + .unit-form__control--file{border-color:#dc3545}
form.was-validated .form-control:invalid + .unit-form__control--file[validated]{border-color:#28a745}
form.was-validated .form-control:invalid + .unit-form__control--file:before{font-family:"iconfont"!important;position:absolute;right:.75rem;top:var(--y);color:inherit;font-size:15px;color:#dc3545}
form.was-validated .file .form-control:invalid[required] + .unit-form__control--file:before{content:"\e61c"}
form.was-validated .file .form-control:invalid + .unit-form__control--file[validated]:before{color:#28a745!important;content:"\e6b3"!important}
form .checkbox-group{width:100%;padding-top:0!important;padding-bottom:0!important}
form .checkbox-inline{padding:var(--y) 20px var(--y);margin-left:0}
form.title-top label{flex-direction:column-reverse}
form.title-left label{flex-direction:row-reverse;align-items:center}
form.title-left .unit-form__label{text-align:right;padding:var(--y) 15px var(--y) 0}
form label{flex-flow:column}
form .form-control::-webkit-input-placeholder{color:transparent!important}
form .form-control:-ms-input-placeholder{color:transparent!important}
form .form-control::-ms-input-placeholder{color:transparent!important}
form .form-control::-moz-placeholder{color:transparent!important}
form .form-control::placeholder{color:transparent!important}
form .has-placeholder .placeholder {color: #999; margin-left: 1em; cursor: text;}
form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label .placeholder { display: none; }

form .unit-form__label{position:absolute;top:0;left:0;padding:var(--y) var(--x);transition:.1s ease-in-out;}
form .checkbox-group{padding-top:calc(var(--y) + var(--y) * (2 / 3) - 1px)!important;padding-bottom:calc(var(--y) / 3 - 2px)!important}
form .form-control:not(.unit-form__checkbox-list):not(.unit-form__control--file):not(:placeholder-shown){padding-top:calc(var(--y) + var(--y) * (2 / 3));padding-bottom:calc(var(--y) / 3)}
form .checkbox-group ~ .unit-form__label,
form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label{padding-top:calc(var(--y) / 3);padding-bottom:calc(var(--y) / 3);opacity:.77}
[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) { padding: var(--y) var(--x); }
[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label { display: none !important; }
form .checkbox-inline{padding:0 10px 0 20px}
form.border-bottom .form-control{border-top-width:0!important;border-right-width:0!important;border-left-width:0!important;box-shadow:none}
form label.submit{justify-content:flex-end;flex-direction:row-reverse!important}
form.submit-center label.submit{justify-content:center}
form.submit-center label.submit .unit-form__label{display:none}
form.submit-right label.submit{justify-content:flex-start}
form .help-block{position:relative;padding:0 var(--x)}
form .checkbox-inline .form-control-feedback{right:-30px;top:3px}
form .jy_verificationcode label,
form .upload_attachments label{align-items:initial!important}
form .jy_verificationcode .unit-form__label{display:none}
form .jy_verificationcode label .jy_yzm,
form .upload_attachments .upload_attach_con{flex-grow:1;width:100%}
form .upload_attachments .unit-form__label{position:relative;padding:0 0 8px;font-size:14px!important;opacity:1!important}
form .upload_attachments label{flex-direction:column-reverse}
form .upload_attachments .form-control{border-bottom:none;padding:0!important}
form .upload_attach_gray{font-size:12px;opacity:.5;padding-top:8px}
form .upload_box{width:60px;height:60px;line-height:60px;text-align:center;font-size:24px;color:#000}
form .add_file_a{border:1px dashed;border-color:inherit}
form .form-control.is-invalid,
form.was-validated .form-control:invalid{border-color:#dc3545!important}
form .form-control.is-valid,
form.was-validated .form-control:valid{border-color:#28a745!important}
form .form-control:focus:-moz-placeholder {color:transparent!important; opacity: 0;} /* FF 4-18 */
form .form-control:focus::-moz-placeholder {color:transparent!important; opacity: 0;} /* FF 19+ */
form .form-control:focus:-ms-input-placeholder { color:transparent!important; opacity: 0;} /* IE 10+ */
.unit-form__item:last-child{margin-bottom:0}
.file [type="file"]{padding:0;opacity:0;position:absolute;height:100%;cursor:pointer; top: 0; left: 0;}
.unit-form__item.file .unit-form__label{display:none}
.unit-form__control--file{position: relative; text-align:left;font-size:14px;cursor:pointer;color:inherit}
.unit-form__control--file .unit-form__control--font{border:1px dashed;border-color:currentColor;font-size:14px;padding:4px;border-radius:2px}
.unit-form__control--file .unit-form__control--txt{padding-left:10px;font-style:normal}
.unit-form__file-item{ font-weight: 400; transition: all .5s cubic-bezier(.55,0,.1,1); font-size: 14px; color: #606266; line-height: 1.8; margin-top: 5px; position: relative; box-sizing: border-box; border-radius: 4px; width: 100%;}
.unit-form__file-item .icon{ position: absolute;right: 5px;top: 0;line-height: inherit; color: #67c23a; }
.unit-form__file-item .icon::after { content:'\e62c'; }
.unit-form__file-item:hover .icon::after{ content: '\e64e'; color: #606266; }
.unit-form__file-item i{font-style:normal;font-size:14px;padding-left:10px;opacity:.5}
.unit-form__file-prompt{text-transform:capitalize;text-align:left;font-weight:normal;font-size:12px;padding:5px 5px 0;color:#606266}
.file-feedback{ font-weight: bold; }
.unit-form__control--file.show_error { border-color: #dc3545!important }
.unit-form__control--file.show_error + .file-feedback{ display: block; }

@media screen and (min-width:0\0){
  form .unit-form__label{display:none}
  form .form-control:-ms-input-placeholder{color:#999!important}
  form .form-control::-ms-input-placeholder{color:#999!important}
}

/* 列表组件 */
.unit-list__items{ margin: -1.5vw; }
.unit-list.is-swiper .unit-list__items {margin: 0!important;}
.unit-list__item{ padding: 1.5vw; }
.unit-list__item.hide-more-box{ display: none; }
.unit-list__title{ margin-top: 1vw; }
.unit-list__subtitle, .unit-list__description{ opacity: .8; margin: 0.5vw 0; }
/* .unit-list__title,.unit-list__subtitle,.unit-list__description{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} */
.text_ellipsis{width: 100%;line-height: inherit;font-size: inherit; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow-wrap:normal;word-break: break-word;}
.unit-list__item.no-image .unit-list__image{display:none}
/* 有鼠标经过换图时不对底图做放大效果 */
.unit-list__item .unit-list__image{position: relative;}
div[package-type="list"] *:hover .unit-list__item .unit-list__image[hover-img='true'] .base-image img{transform: none !important;}

.unit-video-list__image, .unit-list__video {position: relative;}

/* .unit-list__item .unit-list__image .unit-list-hover__image,
.unit-video-list__item .unit-video-list__image .unit-list-hover__image,
.unit-list__item .unit-list__video .unit-list-hover__image,
.unit-video-popup .unit-list-hover__image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} */
.unit-list__item .unit-list__image .unit-list-hover__image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
[video-gif] .unit-list-hover__image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}


/* .unit-list__item .unit-list__image .unit-list-hover__image.hover_img_before_load,
.unit-video-list__item .unit-video-list__image .unit-list-hover__image.hover_img_before_load,
.unit-list__item .unit-list__video .unit-list-hover__image.hover_img_before_load,
.unit-video-popup .unit-list-hover__image.hover_img_before_load {opacity:0;} */
.unit-list__item .unit-list__image .unit-list-hover__image.hover_img_before_load{opacity:0;}
[video-gif] .unit-list-hover__image.hover_img_before_load { opacity:0; }
[video-gif] .unit-list-hover__image img { max-height: 100%;width: auto !important;}
[video-gif] .unit-list-hover__image .base-image,
[video-gif] .unit-list-hover__image .base-image__item,
[video-gif] .unit-list-hover__image .base-video__thumb { height: 100%; }
[video-gif] .unit-list-hover__image .base-image__item {display: flex;align-items: center;justify-content: center;}

.unit-list__item .unit-list__image .unit-list-hover__image img{animation-fill-mode:both;}

/*banner 轮播图边距初始化*/
.is-swiper .swiper-slide.col-xl-12 { margin: 0; padding: 0;}
.is-swiper [carousel] { position: relative;}
.is-swiper { position: relative; --swiper-navigation-size: 48px; --swiper-navigation-gap: 10px;}
.is-swiper .swiper-button-prev { left: var(--swiper-navigation-gap); }
.is-swiper .swiper-button-next { right: var(--swiper-navigation-gap); }
.is-swiper .swiper-button-prev,
.is-swiper .swiper-button-next{
  background-color: var(--swiper-navigation-bg-color);
  border-radius: 50%;
  color: var(--swiper-navigation-icon-color);
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  transition: background-color .3s, color .3s;
}
.is-swiper .swiper-button-prev:hover,
.is-swiper .swiper-button-next:hover {
  background-color: var(--swiper-navigation-hover-bg-color);
  color: var(--swiper-navigation-hover-icon-color);
}
.is-swiper .swiper-button-prev:after,
.is-swiper .swiper-button-next:after {
  font-size: calc(var(--swiper-navigation-size) * 0.42);
  font-weight: 700;
}
.unit-list .swiper-button-prev,
.unit-list .swiper-button-next,
.unit-video-list .swiper-button-prev,
.unit-video-list .swiper-button-next,
.unit-product-list .swiper-button-prev,
.unit-product-list .swiper-button-next,
.unit-download-list .swiper-button-prev,
.unit-download-list .swiper-button-next {
  opacity: 0;
}
.swiper-button-prev.initialized,
.swiper-button-next.initialized {
  opacity: 1;
}
.swiper-button-prev.initialized.swiper-button-disabled,
.swiper-button-next.initialized.swiper-button-disabled {
  opacity: .35;
}
.swiper-button-prev--outside,
.swiper-button-next--outside { display: none;opacity: 0; }
.swiper-button-prev--outside.initialized.swiper-button-disabled,
.swiper-button-next--outside.initialized.swiper-button-disabled {
  opacity: .35;
}
@media (max-width: 767px) {
  .is-swiper[navigation-position="outside"] .swiper-button-prev,
  .is-swiper[navigation-position="outside"] .swiper-button-next { display: none; }
  .is-swiper[navigation-position="outside"] .swiper-button-prev--outside { display: flex; left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap)); }
  .is-swiper[navigation-position="outside"] .swiper-button-next--outside { display: flex; right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap)); }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .is-swiper[navigation-position-md="outside"] .swiper-button-prev,
  .is-swiper[navigation-position-md="outside"] .swiper-button-next { display: none; }
  .is-swiper[navigation-position-md="outside"] .swiper-button-prev--outside { display: flex; left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap)); }
  .is-swiper[navigation-position-md="outside"] .swiper-button-next--outside { display: flex; right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap)); }
}
@media (min-width: 1200px) {
  .is-swiper[navigation-position-xl="outside"] .swiper-button-prev,
  .is-swiper[navigation-position-xl="outside"] .swiper-button-next { display: none; }
  .is-swiper[navigation-position-xl="outside"] .swiper-button-prev--outside { display: flex; left: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap)); }
  .is-swiper[navigation-position-xl="outside"] .swiper-button-next--outside { display: flex; right: calc(0px - var(--swiper-navigation-size) - var(--swiper-navigation-gap)); }
}
/*懒加载src为空的图片设置透明*/
img[lazy-src][src=""], img[lazy-src]:not([src]) { opacity: 0; }

.unit-list__product, .unit-list__price, .unit-list__extend{display:flex;align-items:center;justify-content:center}
.unit-list__price{flex:1 0 0;flex-wrap:wrap}
.unit-list__extend{flex-shrink:0;width:50%}
.unit-list__product{flex-wrap: wrap;min-width: 60%;}
.unit-list__product i{font-style:normal}
.unit-list__price-min{ padding-right: 5px; }
.unit-list__price-max{text-decoration-line:line-through;font-size:14px;opacity:.6;padding-right: 5px; }
[package-type="list"]{border-radius: 12px;}
.unit-list__items.swiper-wrapper{width:auto}
.unit-list__inquire a { cursor: pointer; }
.unit-list__inquire,
.unit-list__product.no-price .unit-list__price,
.unit-list__product.no-price .unit-list__cart{display:none}
.unit-list__product.no-price .unit-list__inquire{display:block}
.unit-list__product.no-price .unit-list__extend{width:100%}
.unit-list.is-swiper .swiper-wrapper{padding-bottom:2vw}
.unit-list.is-swiper .swiper-pagination{bottom:0}
/* .unit-list .swiper-button-prev,.unit-list .swiper-button-next{color:#ddd} */
.unit-list__pagination .swiper-pagination-bullet{box-shadow:0 0 2px #000;background:#fff;opacity:.5}
.unit-list__pagination .swiper-pagination-bullet-active{background:var(--main-color);opacity:1}
/* 兼容已静态化组件样式的页面 */
.unit-product-list.is-swiper .unit-product-list__items {margin: 0!important;}

.empty_price_tips {opacity: .6; display: none;}
.no-price .empty_price_tips {display: block;}

.unit-product-list-6__wrapper .unit-list__cart.text-capitalize a{
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
}
.unit-list.is-swiper .swiper-wrapper.no-swiper-pagination { padding-bottom: 0 !important; }
.unit-product-list.is-swiper .swiper-wrapper.no-swiper-pagination { padding-bottom: 0 !important; }
.unit-download-list.is-swiper .swiper-wrapper.no-swiper-pagination { padding-bottom: 0 !important; }
@media (max-width:1200px){
  .unit-list.is-swiper .swiper-wrapper{padding-bottom:5vw}
}
@media (max-width:767px){
  .unit-product-list-7__wrapper .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend{display:inline-block!important}
  /*.unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__extend{display:none!important}*/
  .unit-list__item.col-6 .unit-list__product:not(.no-price) .unit-list__price{max-width:100%!important;border:0!important}
}
@media (max-width:576px){
  .unit-list__item.col-6 .unit-list__product{width:100%}
  .unit-list__date{ font-size: 12px; }
  .unit-list__title{ margin-top: 2vw; }
}
@media (min-width:768px) {
  .unit-list__items{ margin: -.8vw; }
  .unit-list__item{ padding: .8vw; }
}
/* 组件-登录注册 */
.unit-login .unit-form__label,
.unit-register .unit-form__label{position:static;padding:5px 0;text-transform:capitalize}
.unit-login .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown),
.unit-register .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown){padding:var(--y) var(--x)}
.unit-login .unit-login__control,
.unit-register__control{padding:12px 1rem!important;border-color:transparent;border-radius:5px;background-color:#f3f3f4}
.unit-register__back{background-color:#fff;text-transform:uppercase;border-color:rgba(0,0,0,.15);width:100%;color:inherit;padding:.75rem 1rem;border-radius:50px}
.unit-login__submit,
.unit-register__submit{width:100%;padding:.75rem 1rem;border-color:rgb(var(--rgb-color));background-color:rgb(var(--rgb-color));border-radius:50px}
.unit-login__item:last-child{margin-bottom:1rem}
.unit-register__item:last-child{margin-top:1rem}
.unit-login__item:last-child{border-top:1px solid rgba(0,0,0,0.1);margin-top:1rem;margin-bottom:0}
.unit-login__nav{margin-top:2rem;text-transform:capitalize}

/* 组件-地图 */
.unit-map__iframe{max-width:100%}
/* 客服插件 */
[package-group="widget"] { z-index: 110; }
/* 划到最顶部的按钮 */
.widget-toTop-wrap{ position: fixed; right:15px;bottom: calc(10% - 70px);cursor:pointer;z-index:9; width: 60px;border-radius: 50%;}
.widget-toTop-btn{ opacity: 0; visibility: hidden; transition: all .6s; transition: all .6s; width: 60px; line-height: 60px; background-color: #fff; color: var(--main-color); text-align: center; box-shadow: 0px 5px 15px 0px rgba(40, 47, 54, 0.08);border-radius: 50%;}
.widget-toTop-btn.active { opacity: 1; visibility: visible; }
/*.widget-toTop-btn.hover { background-color: var(--main-color); color: #fff; }*/
.widget-toTop-btn:active { background-color: var(--main-color); color: #fff; }
@media  (min-width:768px) {
.widget-toTop-btn:hover { background-color: var(--main-color); color: #fff; }
}
@media  (max-width:768px) {
  /* [package-widget-type="toTop"] { display: none; } */
}
/* 报价列表入口 */
.widget-quote-list { display: none; }
.widget-quote-list.show { display: block; }
.widget-quote-list__content-wrap{position:fixed;right:15px;bottom: calc(10% + var(--FAQ-B) + var(--social-height)); cursor:pointer;z-index:100;}
.widget-quote-list__btn {
  display: block;
  border-radius: 50%;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%), 0 2px 16px 0 rgb(0 0 0 / 12%);
  background-color: var(--main-color);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.widget-quote-list__icon {
  position: relative;
  font-size: 22px;
  color: #fff;
}
.widget-quote-list__badge {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translate(100%, -50%);
  font-size: 12px;
  color: #fff;
  background-color: #EF0C0C;
  border-radius: 10px;
  display: inline-block;
  /* height: 18px; */
  line-height: 16px;
  padding: 0 5px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid var(--main-color);
}
/* 视频聚合页按钮 */
.widget-product-lives-wrap{ position: fixed; right:5px;bottom: calc(50% + 55px);cursor:pointer;z-index:9; width: 50px;display: none;}
.widget-product-lives-wrap a { border-radius: 50%; display: block; overflow: hidden;}
#app[page-type="landing_page"] [package-widget-type="product-lives"]{display: none;}
/* 按钮置灰 */
.button-disabled{cursor:not-allowed!important;background-color:#f5f5f5!important;color:#000!important;opacity:.4;border:solid 1px #808080!important}
/** logo */
.unit-logo img { height:65px; }
@media  (max-width:768px) {
  .unit-logo img { height:45px; }
}

.col-12_7,
.col-12_7{max-width:calc(100% / 7);-ms-flex:0 0 calc(100% / 7);flex:0 0 calc(100% / 7)}

.col-12_8,
.col-12_8{max-width:calc(100% / 8);-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8)}

.col-12_9,
.col-12_9{max-width:calc(100% / 9);-ms-flex:0 0 calc(100% / 9);flex:0 0 calc(100% / 9)}

.col-12_10,
.col-12_10{max-width:calc(100% / 10);-ms-flex:0 0 calc(100% / 10);flex:0 0 calc(100% / 10)}

.col-12_11,
.col-12_11{max-width:calc(100% / 11);-ms-flex:0 0 calc(100% / 11);flex:0 0 calc(100% / 11)}

@media (min-width: 768px) and (max-width: 1200px) {
  .col-md-12_7,
  .col-md-12_7{max-width:calc(100% / 7);-ms-flex:0 0 calc(100% / 7);flex:0 0 calc(100% / 7)}

  .col-md-12_8,
  .col-md-12_8{max-width:calc(100% / 8);-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8)}

  .col-md-12_9,
  .col-md-12_9{max-width:calc(100% / 9);-ms-flex:0 0 calc(100% / 9);flex:0 0 calc(100% / 9)}

  .col-md-12_10,
  .col-md-12_10{max-width:calc(100% / 10);-ms-flex:0 0 calc(100% / 10);flex:0 0 calc(100% / 10)}

  .col-md-12_11,
  .col-md-12_11{max-width:calc(100% / 11);-ms-flex:0 0 calc(100% / 11);flex:0 0 calc(100% / 11)}
}
@media (min-width:1200px){
  .col-xl-12_7,
  .col-xl-12_7{max-width:calc(100% / 7);-ms-flex:0 0 calc(100% / 7);flex:0 0 calc(100% / 7)}

  .col-xl-12_8,
  .col-xl-12_8{max-width:calc(100% / 8);-ms-flex:0 0 calc(100% / 8);flex:0 0 calc(100% / 8)}

  .col-xl-12_9,
  .col-xl-12_9{max-width:calc(100% / 9);-ms-flex:0 0 calc(100% / 9);flex:0 0 calc(100% / 9)}

  .col-xl-12_10,
  .col-xl-12_10{max-width:calc(100% / 10);-ms-flex:0 0 calc(100% / 10);flex:0 0 calc(100% / 10)}

  .col-xl-12_11,
  .col-xl-12_11{max-width:calc(100% / 11);-ms-flex:0 0 calc(100% / 11);flex:0 0 calc(100% / 11)}
}

.cell-has-list {
  width: 100%;
}

[page-type="resource_aggregation"] [package-item="unit"] {
  padding-top: 0;
  padding-bottom: 0;
}
.bg-vimeo { --social-icon: #17d5ff;}
.bg-okru { --social-icon: #f4731c;}

.none{ display: none; }