/* 基础样式效果 */
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%}

.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: unset;position: relative;left: 1.2em;}
.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: unset;position: relative;left: 1em;}

.hide{display:none}
.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%}
}
*/
/* 显示隐藏 */

@media (max-width: 576px) { 
  [hide-phone], [display-style="5"], [display-style="6"], [display-style="7"] { display: none!important; } 
}
@media (min-width: 577px) 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; }
[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清除样式 */
[_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;}
a{color:rgb(0,123,255);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:rgb(0,123,255);border-color:rgb(0,123,255);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(0,123,255,.5);box-shadow:0 0 0 .2rem rgba(var(--rgb-color),.5)}
/* 按鈕禁止點擊 */
.btn[disabled]{pointer-events:none}
/** 徽章 */
.badge{ display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }
.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} */
/* 背景图懒加载 */
[data-lazy="1"][lazy-type="background"]{background-image:var(--lazy-src)}
@media(min-width:768px){[data-lazy="1"][lazy-type="background"][lazy-md]{background-image:var(--lazy-md)}}
@media(min-width:1200px){[data-lazy="1"][lazy-type="background"][lazy-xl]{background-image:var(--lazy-xl)}}
/** 动画 */
[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:101}

/* vue */
[v-cloak]{visibility:hidden}
/* 面包屑 */
[package-block-type="breadcrumb"] [package-group="module"]{z-index:1}
@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"][position-index="3"][bg-transparent="1"]{background-color: transparent;}
  #app[page-type="index"] div[package-type="header"][float-top="1"][position-index="3"][bg-transparent="1"] [package-item="module"]{background-color:transparent;}

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

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

  [page-type="index"] [position-index="3"].header-fixed,
  #app:not([page-type="index"]) [position="3"].header-fixed {--header-bg: var(--header-bg-fixed)!important; color: var(--font-fixed)!important; box-shadow: none!important; border: none!important; }
  [page-type="index"] [position-index="3"].header-fixed [package-item="module"],
  #app:not([page-type="index"]) [position="3"].header-fixed [package-item="module"] { --header-bg: var(--header-bg-fixed)!important; color: var(--font-fixed)!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);}

[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:hover, [package-block-type="footer"] a:hover span {color: var(--main-color) !important;}

/* 限时折扣计时器 */
.discount-timer{opacity:0;display:flex;flex-wrap:wrap;justify-content:center;padding:4px 8px;border-radius:3px;background-color:rgb(244 98 64 / 8%);color:#EE2427;font-size:12px}
[page-type="cart"] .discount-timer{max-width:180px;}
.discount-timer.is-loaded{opacity:1}
.discount-timer.no-day .discount-timer__date-wrap--day{display:none}
.discount-timer em,
.discount-timer i{font-style:normal}
.discount-timer__date-content,
.discount-timer__date-wrap{display:flex}
.discount-timer__day,
.discount-timer__title,
.discount-timer__date-wrap,
.discount-timer__date--dd em,
.discount-timer__date--dd i{padding:0 2px}
/* 登录状态 */
/* 登录隐藏 */
#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:50%;z-index:1}
.base-pagination__item:not(.disabled){cursor:pointer}
.base-pagination__item::before{content:"";position:absolute;border:25px solid;border-color:transparent;width:100%;height:100%;left:0;top:0;z-index:-1}
.base-pagination__link{text-align:center;background-color:transparent;border:0;padding:0;border-radius:50%;position:relative;margin:0;display:block}
.base-pagination__item.active::before{border-color:inherit}
.base-pagination__item.disabled::before{z-index:2}
.base-pagination__item.active .base-pagination__link{color:#fff;background:inherit;;border-color:inherit}
.base-pagination__item.disabled .base-pagination__link{opacity:.5;color:inherit}
.base-pagination__item .base-pagination__link{width:46px;height:46px;line-height:46px;text-align:center;background-color:transparent;border:0;padding:0;border-radius:50%;position:relative;margin:0;display:block;color:inherit;cursor:pointer}
.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}
}
@media (max-width:576px){
  .discount-timer{width: 100%;}
}
/* 基础组件-图片 */
.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;  }
/* 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); }

@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__preview.play .base-video__play, .base-video__preview.play .base-video__thumb {display: none;}
.base-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer;width:65px;height:65px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;transition:.3s}
.base-video__play i{font-size:30px;color:#FFF;text-shadow:0 0 40px #000;transition:.3s;font-style:normal}
.base-video__play:hover{transform:scale(1.2) translate(-40%,-40%);background:rgba(0,0,0,.8)}
@media (min-width:768px){
  .base-video__play i{margin-left:2px;}
}
@media (max-width:768px){
  .base-video__play{width:15vw;height:15vw;}
  .base-video__play i{margin-left:1px;font-size:7vw}
}

/** 基础组件- 下拉筛选 */
.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: 1000; 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; }
.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: 999; display: none; }
.select-mask.show{ display: block; }
.base-div-input { height:35px !important;max-height: 35px !important; overflow:hidden; text-align: left;}
/*******************************************************/
/* 表单组件 */
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}
/* 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; font-size: 14px;}
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 .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(: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(:placeholder-shown) ~ .unit-form__label{padding-top:calc(var(--y) / 3);padding-bottom:calc(var(--y) / 3);font-size:12px;opacity:.77}
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;padding-top:15px!important;padding-bottom:15px!important;color:inherit}
.unit-form__control--file .unit-form__control--font{border:1px dashed;border-color:inherit;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; }

[form-style="1"] .unit-form__file-prompt { color: #fff; }
[form-style="1"] .unit-form__file-item { color:#fff; }
[form-style="1"] .unit-form__file-item:hover .icon::after{ color: #fff; }
@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: -.8vw; }
.unit-list__item{ padding: .8vw; }
.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;}
.unit-list__date { opacity: .5; font-size: 14px }
.unit-list__date-split{ margin: 0 -2px; }
.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-list__item .unit-list__image .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{opacity:0;}
.unit-list__item .unit-list__image .unit-list-hover__image img{animation-fill-mode:both;}

.unit-list__product{display:flex;align-items:center;justify-content:center}
.unit-list__price{display:flex;align-items:center;justify-content:center;flex:1 0 0;flex-wrap:wrap}
.unit-list__extend{display:flex;align-items:center;justify-content:center;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,
.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}

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

@media (min-width:768px) and (max-width:1200px){
  .unit-list.is-swiper .swiper-wrapper{padding-bottom:5vw}
}
@media (max-width:767px){
  .unit-list.is-swiper .swiper-wrapper{padding-bottom:5vw}
  .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__items{ margin: -1.5vw; }
  .unit-list__item{ padding: 1.5vw; }
  .unit-list__title{ margin-top: 2vw; }
}
/* 视频列表组件 */
.unit-video-list__title{line-height:1.3}
.unit-video-list__description:not(.hide){opacity:.8;margin-top:10px;line-height:1.5}
.unit-video-list__article:not(.hide){opacity:.5;margin-top:15px;font-size:12px}
.unit-video-list__play:not(.hide){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer;width:65px;height:65px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;transition:.3s}
.unit-video-list__play:not(.hide) span{font-size:40px;color:#FFF;text-shadow:0 0 40px #000;transition:.3s}
.unit-video-list__reads em{font-style:normal}.unit-list__product.no-price .unit-list__extend{width:100%}

/* 组件-登录注册 */
.unit-login .unit-form__label,
.unit-register .unit-form__label{position:static;padding:5px 0;text-transform:capitalize}
.unit-login .form-control:not(:placeholder-shown),
.unit-register .form-control: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-header__cart a{background-color:#fff;color:#000;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;display:block;box-shadow:0 0 15px rgba(0,0,0,.1)}
.unit-header__cart a span{font-size:14px}
/* 组件-地图 */
.unit-map__iframe{max-width:100%}
/* 客服插件 */
[package-group="widget"] { z-index: 110; }
/* 划到最顶部的按钮 */
.widget-toTop-wrap{ position: fixed; right:5px;bottom: calc(20% - 55px);cursor:pointer;z-index:9; width: 50px;}
.widget-toTop-btn{ opacity: 0; visibility: hidden; transition: all .6s; transition: all .6s; width: 50px; line-height: 50px; background-color: #fff; color: var(--main-color); text-align: center; box-shadow: 0px 5px 15px 0px rgba(40, 47, 54, 0.08); border-radius: 5px;}
.widget-toTop-btn.active { opacity: 1; visibility: visible; }
.widget-toTop-btn:hover { background-color: var(--main-color); color: #fff; }
@media  (max-width:768px) {
  [package-widget-type="toTop"] { display: none; }
}
/* 视频聚合页按钮 */
.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; }
}