/* 基础样式 */
[cloud-editor='module'] ul,
[cloud-editor='module'] ol {
    margin: 0;
    padding: 0
}

[cloud-editor='module'] li {
    list-style: none
}

[cloud-editor='module'] p {
    margin-bottom: 0;
    margin-block-start: 0;
    margin-block-end: 0
}

[cloud-editor='module'] img {
    max-width: 100%
}

[cloud-editor='unit'] a {
    display: inline-block
}

[cloud-editor='unit'][type='image'] a {
    display: block;
    font-size: 0
}

[cloud-editor='unit'][type='text'] li {
    list-style: inherit
}

[cloud-editor='unit'][type='text'] caption {
    padding-top: inherit;
    padding-bottom: inherit;
    color: inherit;
    caption-side: inherit;
    text-align: center
}

/* 鼠标经过效果start */
[cloud-editor='unit'] a[href='javascript:'] [hover-effect] {
    cursor: default
}

[cloud-editor='unit'] [hover-effect] {
    pointer-events: auto
}

[cloud-editor='cell'] [hover-effect='brightness'],
[cloud-editor='cell'] [hover-effect='grayscale'] {
    transition: filter 0.6s
}

[cloud-editor='cell'] [hover-effect='brightness']:hover {
    filter: brightness(1.2)
}

[cloud-editor='cell'] [hover-effect='shadow']:hover {
    box-shadow: 2px 6px 10px -3px #333
}

[cloud-editor='cell'] [hover-effect='pulse']:hover {
    animation: cePulse 0.8s ease 0.2s infinite alternate;
    animation-fill-mode: backwards
}

[cloud-editor='cell'] [hover-effect^='scale'] {
    transition: transform 0.4s
}

[cloud-editor='cell'] [hover-effect='scale']:hover {
    transform: scale(1.05) translateZ(0)
}

[cloud-editor='cell'] [hover-effect='scale1']:hover {
    transform: scale(1.1) translateZ(0)
}

[cloud-editor='cell'] [hover-effect='scale2']:hover {
    transform: scale(1.2) translateZ(0)
}

[cloud-editor='cell'] [hover-effect='scale3']:hover {
    transform: scale(1.3) translateZ(0)
}

[cloud-editor='cell'] [hover-effect='scale4']:hover {
    transform: scale(1.4) translateZ(0)
}

[cloud-editor='cell'] [hover-effect='scale5']:hover {
    transform: scale(1.5) translateZ(0)
}

[cloud-editor='cell'] [hover-effect='dropShadow']:hover {
    filter: drop-shadow(1px 3px 2px)
}

[cloud-editor='cell'] [hover-effect='dropShadow2']:hover {
    filter: drop-shadow(1px 3px 2px var(--bk-color))
}

[cloud-editor='cell'] [hover-effect='dropShadow3']:hover {
    filter: drop-shadow(0 0 6px var(--bk-color))
}

[cloud-editor='cell'] [hover-effect='invert']:hover {
    filter: invert(1)
}

[cloud-editor='cell'] [hover-effect$='Move'] {
    position: relative;
    transition-property: top, bottom, box-shadow;
    transition-duration: 0.4s, 0.4s, 0.6s
}

[cloud-editor='cell'] [hover-effect='topMove'] {
    top: 0
}

[cloud-editor='cell'] [hover-effect='bottomMove'] {
    bottom: 0
}

[cloud-editor='cell'] [hover-effect='topMove']:hover {
    top: -10px;
    box-shadow: 2px 4px 10px -6px #333
}

[cloud-editor='cell'] [hover-effect='bottomMove']:hover {
    bottom: -10px;
    box-shadow: 2px 4px 10px -6px #333
}

[cloud-editor='cell'] [hover-effect='opacity']:hover {
    opacity: 0.8
}

[cloud-editor='cell'] [hover-effect='grayscale']:hover {
    filter: grayscale(1)
}

/* 鼠标经过效果end */
.ce-d-block {
    display: block !important
}

.ce-d-inline-block {
    display: inline-block !important
}

.ce-d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.ce-inside:not(.ce-show-all) .ce-d-none {
    display: none !important
}

.ce-inside .ce-d-none {
    opacity: .5;
    height: 40px;
    overflow: hidden
}

/* 显示隐藏 */
@media(min-width:1200px) {
    .ce-hide-pc {
        display: none !important
    }

    .ce-hide-pc {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .ce-hide-pad {
        display: none !important
    }

    .ce-hide-pad {
        display: none !important
    }
}

@media(max-width:767px) {
    .ce-hide-phone {
        display: none !important
    }

    .ce-hide-phone {
        display: none !important
    }
}

/* 选项卡样式start */
[cloud-editor='unit'][type='tabs'] .ce-tabs-btn {
    cursor: pointer;
    user-select: none
}

[cloud-editor='unit'][type='tabs'] .ce-tabs-panel-row {
    position: relative
}

[cloud-editor='unit'][type='tabs'] .ce-tabs-panel {
    position: absolute;
    top: 0;
    left: -110vw;
    min-height: 1px !important;
    height: 2px !important;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

[cloud-editor='unit'][type='tabs'] .ce-tabs-panel[current] {
    position: relative;
    left: 0;
    min-height: var(--min-h) !important;
    height: auto !important;
    overflow: unset;
    opacity: 1;
    pointer-events: unset
}

[cloud-editor='unit'][type='tabs'][show='display'] .ce-tabs-panel {
    display: none
}

[cloud-editor='unit'][type='tabs'][show='display'] .ce-tabs-panel[current] {
    display: block
}

/* 选项卡样式end */
/* swiper样式 */
@keyframes ceFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ceFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.ce-swiper-container {
    overflow: hidden
}

.ce-swiper-container .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ce-swiper-container .swiper-slide {
    position: relative
}

.ce-swiper-container .swiper-slide>a {
    display: flex;
    width: 100%
}

.ce-swiper-container .swiper-slide .ce-text-panel {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    z-index: 100;
    padding: 0 10%;
    word-break: break-all
}

.ce-swiper-container .swiper-slide .ce-text-panel[fade-in] {
    animation: ceFadeIn 0.6s ease 0.4s 1 alternate;
    animation-fill-mode: backwards
}

.ce-swiper-container .swiper-slide .ce-text-panel[fade-in-up] {
    animation: ceFadeInUp 0.6s ease 0.4s 1 alternate;
    animation-fill-mode: backwards
}

.ce-swiper-container .swiper-slide .ce-text-panel-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.4)
}

.ce-swiper-container .swiper-slide .ce-text-panel-shadow {
    animation: ceFadeIn 0.3s ease 0.1s 1 alternate;
    animation-fill-mode: backwards
}

.ce-swiper-container .swiper-slide .ce-text-panel-bar {
    width: 100%;
    position: absolute;
    bottom: 10%;
    z-index: 110
}

.ce-swiper-container .swiper-slide .ce-text-panel-bar .ce-row-bar-wrap {
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: auto
}

.ce-swiper-container .swiper-slide .ce-text-panel-bar .ce-row-bar {
    width: 3px;
    height: 100%;
    background: var(--bar-color);
    margin: auto;
    position: relative;
    transition: transform 0.4s
}

.ce-swiper-container .swiper-slide .ce-text-panel-bar .ce-row-bar::after {
    content: '';
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--bar-color);
    transform: rotate(90deg);
    position: absolute
}

.ce-swiper-container .swiper-slide[textShow='hover'] .ce-text-panel {
    display: none
}

.ce-swiper-container .swiper-slide[textShow='hover'] .ce-text-panel-shadow {
    display: none
}

.ce-swiper-container .swiper-slide[textShow='hover']:hover .ce-text-panel {
    display: block
}

.ce-swiper-container .swiper-slide[textShow='hover']:hover .ce-text-panel-shadow {
    display: block
}

.ce-swiper-container .swiper-slide[textShow='button'] .ce-text-panel {
    display: none
}

.ce-swiper-container .swiper-slide[textShow='button'] .ce-text-panel-shadow {
    display: none
}

.ce-swiper-container .swiper-slide[textShow='button'].active .ce-text-panel {
    display: block
}

.ce-swiper-container .swiper-slide[textShow='button'].active .ce-text-panel-bar .ce-row-bar {
    transform: rotate(135deg)
}

.ce-swiper-container .swiper-slide[textShow='button'].active .ce-text-panel-shadow {
    display: block
}

/* swiper样式end */
/* 标题组件样式start */
.ce-editor-title,
.ce-editor-description {
    font-size: var(--font-size)
}

@media(max-width:1199px) {

    .ce-editor-title,
    .ce-editor-description {
        font-size: var(--fsize-pad)
    }
}

@media(max-width:767px) {

    .ce-editor-title,
    .ce-editor-description {
        font-size: var(--fsize-phone)
    }
}

/* 标题组件样式end */
@media(min-width:576px) {
    .ce-d-sm-block {
        display: block !important
    }

    .ce-d-sm-inline-block {
        display: inline-block !important
    }

    .ce-d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .ce-inside:not(.ce-show-all) .ce-d-sm-none {
        display: none !important
    }

    .ce-inside .ce-d-sm-none {
        opacity: .5;
        height: 40px;
        overflow: hidden
    }
}

@media(min-width:768px) {
    .ce-d-md-block {
        display: block !important
    }

    .ce-d-md-inline-block {
        display: inline-block !important
    }

    .ce-d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .ce-inside:not(.ce-show-all) .ce-d-md-none {
        display: none !important
    }

    .ce-inside .ce-d-md-none {
        opacity: .5;
        height: 40px;
        overflow: hidden
    }
}

@media(min-width:992px) {
    .ce-d-lg-block {
        display: block !important
    }

    .ce-d-lg-inline-block {
        display: inline-block !important
    }

    .ce-d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .ce-inside:not(.ce-show-all) .ce-d-lg-none {
        display: none !important
    }

    .ce-inside .ce-d-lg-none {
        opacity: .5;
        height: 40px;
        overflow: hidden
    }
}

@media(min-width:1200px) {
    .ce-d-xl-block {
        display: block !important
    }

    .ce-d-xl-inline-block {
        display: inline-block !important
    }

    .ce-d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .ce-inside:not(.ce-show-all) .ce-d-xl-none {
        display: none !important
    }

    .ce-inside .ce-d-xl-none {
        opacity: .5;
        height: 40px;
        overflow: hidden
    }
}

/* 宽高 */
.ce-w-100 {
    width: 100%
}

.ce-h-100 {
    height: 100%
}

.ce-wh-100 {
    width: 100%;
    height: 100%
}

/* 具体宽度比排版start */
.ce-col-w-1 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.ce-col-w-2 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.ce-col-w-3 {
    max-width: 33.3333%;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%
}

.ce-col-w-4 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.ce-col-w-5 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.ce-col-w-6 {
    max-width: 16.6666%;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%
}

.ce-col-w-7 {
    max-width: 14.2857%;
    -ms-flex: 0 0 14.2857%;
    flex: 0 0 14.2857%
}

.ce-col-w-8 {
    max-width: 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%
}

.ce-col-w-9 {
    max-width: 11.1111%;
    -ms-flex: 0 0 11.1111%;
    flex: 0 0 11.1111%
}

.ce-col-w-10 {
    max-width: 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%
}

.ce-col-w-11 {
    max-width: 9.0909%;
    -ms-flex: 0 0 9.0909%;
    flex: 0 0 9.0909%
}

.ce-col-w-12 {
    max-width: 8.3333%;
    -ms-flex: 0 0 8.3333%;
    flex: 0 0 8.3333%
}

@media(min-width:768px) {
    .ce-col-w-md-1 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ce-col-w-md-2 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ce-col-w-md-3 {
        max-width: 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }

    .ce-col-w-md-4 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ce-col-w-md-5 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ce-col-w-md-6 {
        max-width: 16.6666%;
        -ms-flex: 0 0 16.6666%;
        flex: 0 0 16.6666%
    }

    .ce-col-w-md-7 {
        max-width: 14.2857%;
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%
    }

    .ce-col-w-md-8 {
        max-width: 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%
    }

    .ce-col-w-md-9 {
        max-width: 11.1111%;
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%
    }

    .ce-col-w-md-10 {
        max-width: 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%
    }

    .ce-col-w-md-11 {
        max-width: 9.0909%;
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%
    }

    .ce-col-w-md-12 {
        max-width: 8.3333%;
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%
    }
}

@media(min-width:1200px) {
    .ce-col-w-xl-1 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .ce-col-w-xl-2 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ce-col-w-xl-3 {
        max-width: 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%
    }

    .ce-col-w-xl-4 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ce-col-w-xl-5 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ce-col-w-xl-6 {
        max-width: 16.6666%;
        -ms-flex: 0 0 16.6666%;
        flex: 0 0 16.6666%
    }

    .ce-col-w-xl-7 {
        max-width: 14.2857%;
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%
    }

    .ce-col-w-xl-8 {
        max-width: 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%
    }

    .ce-col-w-xl-9 {
        max-width: 11.1111%;
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%
    }

    .ce-col-w-xl-10 {
        max-width: 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%
    }

    .ce-col-w-xl-11 {
        max-width: 9.0909%;
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%
    }

    .ce-col-w-xl-12 {
        max-width: 8.3333%;
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%
    }
}

/* 具体宽度比排版end */
/* 对齐 */
.ce-text-left {
    text-align: left !important
}

.ce-text-center {
    text-align: center !important
}

.ce-text-right {
    text-align: right !important
}

.ce-ai-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.ce-ai-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.ce-ai-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.ce-ai-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.ce-jc-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.ce-jc-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.ce-jc-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.ce-jc-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.ce-jc-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

@media(min-width:576px) {
    .ce-text-sm-left {
        text-align: left !important
    }

    .ce-text-sm-center {
        text-align: center !important
    }

    .ce-text-sm-right {
        text-align: right !important
    }

    .ce-ai-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .ce-ai-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .ce-ai-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .ce-ai-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .ce-jc-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .ce-jc-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .ce-jc-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .ce-jc-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .ce-jc-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:768px) {
    .ce-text-md-left {
        text-align: left !important
    }

    .ce-text-md-center {
        text-align: center !important
    }

    .ce-text-md-right {
        text-align: right !important
    }

    .ce-ai-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .ce-ai-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .ce-ai-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .ce-ai-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .ce-jc-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .ce-jc-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .ce-jc-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .ce-jc-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .ce-jc-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:992px) {
    .ce-text-lg-left {
        text-align: left !important
    }

    .ce-text-lg-center {
        text-align: center !important
    }

    .ce-text-lg-right {
        text-align: right !important
    }

    .ce-ai-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .ce-ai-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .ce-ai-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .ce-ai-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .ce-jc-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .ce-jc-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .ce-jc-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .ce-jc-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .ce-jc-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

@media(min-width:1200px) {
    .ce-text-xl-left {
        text-align: left !important
    }

    .ce-text-xl-center {
        text-align: center !important
    }

    .ce-text-xl-right {
        text-align: right !important
    }

    .ce-ai-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .ce-ai-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .ce-ai-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .ce-ai-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .ce-jc-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .ce-jc-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .ce-jc-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .ce-jc-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .ce-jc-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
}

/* 字体 */
.ce-font-32px {
    font-size: 32px !important
}

.ce-font-24px {
    font-size: 24px !important
}

.ce-font-18px {
    font-size: 18px !important
}

.ce-font-16px {
    font-size: 16px !important
}

.ce-font-14px {
    font-size: 14px !important
}

.ce-font-12px {
    font-size: 12px !important
}

@media(min-width:576px) {
    .ce-font-sm-32px {
        font-size: 32px !important
    }

    .ce-font-sm-24px {
        font-size: 24px !important
    }

    .ce-font-sm-18px {
        font-size: 18px !important
    }

    .ce-font-sm-16px {
        font-size: 16px !important
    }

    .ce-font-sm-14px {
        font-size: 14px !important
    }

    .ce-font-sm-12px {
        font-size: 12px !important
    }
}

@media(min-width:768px) {
    .ce-font-md-32px {
        font-size: 32px !important
    }

    .ce-font-md-24px {
        font-size: 24px !important
    }

    .ce-font-md-18px {
        font-size: 18px !important
    }

    .ce-font-md-16px {
        font-size: 16px !important
    }

    .ce-font-md-14px {
        font-size: 14px !important
    }

    .ce-font-md-12px {
        font-size: 12px !important
    }
}

@media(min-width:992px) {
    .ce-font-lg-32px {
        font-size: 32px !important
    }

    .ce-font-lg-24px {
        font-size: 24px !important
    }

    .ce-font-lg-18px {
        font-size: 18px !important
    }

    .ce-font-lg-16px {
        font-size: 16px !important
    }

    .ce-font-lg-14px {
        font-size: 14px !important
    }

    .ce-font-lg-12px {
        font-size: 12px !important
    }
}

@media(min-width:1200px) {
    .ce-font-xl-32px {
        font-size: 32px !important
    }

    .ce-font-xl-24px {
        font-size: 24px !important
    }

    .ce-font-xl-18px {
        font-size: 18px !important
    }

    .ce-font-xl-16px {
        font-size: 16px !important
    }

    .ce-font-xl-14px {
        font-size: 14px !important
    }

    .ce-font-xl-12px {
        font-size: 12px !important
    }
}

/* 栅格 */
.ce-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ce-col,
.ce-col-1,
.ce-col-10,
.ce-col-11,
.ce-col-12,
.ce-col-2,
.ce-col-2_4,
.ce-col-3,
.ce-col-4,
.ce-col-5,
.ce-col-6,
.ce-col-7,
.ce-col-8,
.ce-col-9,
.ce-col-auto,
.ce-col-lg,
.ce-col-lg-1,
.ce-col-lg-10,
.ce-col-lg-11,
.ce-col-lg-12,
.ce-col-lg-2,
.ce-col-lg-2_4.ce-col-lg-3,
.ce-col-lg-4,
.ce-col-lg-5,
.ce-col-lg-6,
.ce-col-lg-7,
.ce-col-lg-8,
.ce-col-lg-9,
.ce-col-lg-auto,
.ce-col-md,
.ce-col-md-1,
.ce-col-md-10,
.ce-col-md-11,
.ce-col-md-12,
.ce-col-md-2,
.ce-col-md-2_4.ce-col-md-3,
.ce-col-md-4,
.ce-col-md-5,
.ce-col-md-6,
.ce-col-md-7,
.ce-col-md-8,
.ce-col-md-9,
.ce-col-md-auto,
.ce-col-sm,
.ce-col-sm-1,
.ce-col-sm-10,
.ce-col-sm-11,
.ce-col-sm-12,
.ce-col-sm-2,
.ce-col-sm-2_4.ce-col-sm-3,
.ce-col-sm-4,
.ce-col-sm-5,
.ce-col-sm-6,
.ce-col-sm-7,
.ce-col-sm-8,
.ce-col-sm-9,
.ce-col-sm-auto,
.ce-col-xl,
.ce-col-xl-1,
.ce-col-xl-10,
.ce-col-xl-11,
.ce-col-xl-12,
.ce-col-xl-2,
.ce-col-xl-2_4.ce-col-xl-3,
.ce-col-xl-4,
.ce-col-xl-5,
.ce-col-xl-6,
.ce-col-xl-7,
.ce-col-xl-8,
.ce-col-xl-9,
.ce-col-xl-auto {
    position: relative;
    width: 100%
}

.ce-col {
    max-width: 100%;
    min-width: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ce-col-auto {
    width: auto;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ce-col-1 {
    max-width: 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%
}

.ce-col-2 {
    max-width: 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%
}

.ce-col-2_4 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.ce-col-3 {
    max-width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.ce-col-4 {
    max-width: 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%
}

.ce-col-5 {
    max-width: 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%
}

.ce-col-6 {
    max-width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.ce-col-7 {
    max-width: 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%
}

.ce-col-8 {
    max-width: 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%
}

.ce-col-9 {
    max-width: 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%
}

.ce-col-10 {
    max-width: 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%
}

.ce-col-11 {
    max-width: 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%
}

.ce-col-12 {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media(min-width:576px) {
    .ce-col-sm {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ce-col-sm-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ce-col-sm-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .ce-col-sm-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .ce-col-sm-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ce-col-sm-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ce-col-sm-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .ce-col-sm-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .ce-col-sm-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ce-col-sm-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .ce-col-sm-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .ce-col-sm-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .ce-col-sm-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .ce-col-sm-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .ce-col-sm-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width:768px) {
    .ce-col-md {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ce-col-md-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ce-col-md-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .ce-col-md-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .ce-col-md-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ce-col-md-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ce-col-md-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .ce-col-md-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .ce-col-md-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ce-col-md-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .ce-col-md-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .ce-col-md-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .ce-col-md-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .ce-col-md-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .ce-col-md-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width:992px) {
    .ce-col-lg {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ce-col-lg-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ce-col-lg-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .ce-col-lg-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .ce-col-lg-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ce-col-lg-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ce-col-lg-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .ce-col-lg-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .ce-col-lg-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ce-col-lg-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .ce-col-lg-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .ce-col-lg-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .ce-col-lg-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .ce-col-lg-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .ce-col-lg-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media(min-width:1200px) {
    .ce-col-xl {
        max-width: 100%;
        min-width: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .ce-col-xl-auto {
        width: auto;
        max-width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ce-col-xl-1 {
        max-width: 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%
    }

    .ce-col-xl-2 {
        max-width: 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%
    }

    .ce-col-xl-2_4 {
        max-width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%
    }

    .ce-col-xl-3 {
        max-width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .ce-col-xl-4 {
        max-width: 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%
    }

    .ce-col-xl-5 {
        max-width: 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%
    }

    .ce-col-xl-6 {
        max-width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .ce-col-xl-7 {
        max-width: 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%
    }

    .ce-col-xl-8 {
        max-width: 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%
    }

    .ce-col-xl-9 {
        max-width: 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .ce-col-xl-10 {
        max-width: 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%
    }

    .ce-col-xl-11 {
        max-width: 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%
    }

    .ce-col-xl-12 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

/* 间距 */
.ce-p-0 {
    padding: 0 !important
}

.ce-pt-0,
.ce-py-0 {
    padding-top: 0 !important
}

.ce-pr-0,
.ce-px-0 {
    padding-right: 0 !important
}

.ce-pb-0,
.ce-py-0 {
    padding-bottom: 0 !important
}

.ce-pl-0,
.ce-px-0 {
    padding-left: 0 !important
}

.ce-p-1vw {
    padding: 1vw !important
}

.ce-pt-1vw,
.ce-py-1vw {
    padding-top: 1vw !important
}

.ce-pr-1vw,
.ce-px-1vw {
    padding-right: 1vw !important
}

.ce-pb-1vw,
.ce-py-1vw {
    padding-bottom: 1vw !important
}

.ce-pl-1vw,
.ce-px-1vw {
    padding-left: 1vw !important
}

.ce-p-2vw {
    padding: 2vw !important
}

.ce-pt-2vw,
.ce-py-2vw {
    padding-top: 2vw !important
}

.ce-pr-2vw,
.ce-px-2vw {
    padding-right: 2vw !important
}

.ce-pb-2vw,
.ce-py-2vw {
    padding-bottom: 2vw !important
}

.ce-pl-2vw,
.ce-px-2vw {
    padding-left: 2vw !important
}

.ce-p-3vw {
    padding: 3vw !important
}

.ce-pt-3vw,
.ce-py-3vw {
    padding-top: 3vw !important
}

.ce-pr-3vw,
.ce-px-3vw {
    padding-right: 3vw !important
}

.ce-pb-3vw,
.ce-py-3vw {
    padding-bottom: 3vw !important
}

.ce-pl-3vw,
.ce-px-3vw {
    padding-left: 3vw !important
}

.ce-p-4vw {
    padding: 4vw !important
}

.ce-pt-4vw,
.ce-py-4vw {
    padding-top: 4vw !important
}

.ce-pr-4vw,
.ce-px-4vw {
    padding-right: 4vw !important
}

.ce-pb-4vw,
.ce-py-4vw {
    padding-bottom: 4vw !important
}

.ce-pl-4vw,
.ce-px-4vw {
    padding-left: 4vw !important
}

.ce-p-5vw {
    padding: 5vw !important
}

.ce-pt-5vw,
.ce-py-5vw {
    padding-top: 5vw !important
}

.ce-pr-5vw,
.ce-px-5vw {
    padding-right: 5vw !important
}

.ce-pb-5vw,
.ce-py-5vw {
    padding-bottom: 5vw !important
}

.ce-pl-5vw,
.ce-px-5vw {
    padding-left: 5vw !important
}

.ce-p-1vh {
    padding: 5vh !important
}

.ce-pt-1vh,
.ce-py-1vh {
    padding-top: 5vh !important
}

.ce-pr-1vh,
.ce-px-1vh {
    padding-right: 5vh !important
}

.ce-pb-1vh,
.ce-py-1vh {
    padding-bottom: 5vh !important
}

.ce-pl-1vh,
.ce-px-1vh {
    padding-left: 5vh !important
}

.ce-p-2vh {
    padding: 10vh !important
}

.ce-pt-2vh,
.ce-py-2vh {
    padding-top: 10vh !important
}

.ce-pr-2vh,
.ce-px-2vh {
    padding-right: 10vh !important
}

.ce-pb-2vh,
.ce-py-2vh {
    padding-bottom: 10vh !important
}

.ce-pl-2vh,
.ce-px-2vh {
    padding-left: 10vh !important
}

.ce-p-3vh {
    padding: 15vh !important
}

.ce-pt-3vh,
.ce-py-3vh {
    padding-top: 15vh !important
}

.ce-pr-3vh,
.ce-px-3vh {
    padding-right: 15vh !important
}

.ce-pb-3vh,
.ce-py-3vh {
    padding-bottom: 15vh !important
}

.ce-pl-3vh,
.ce-px-3vh {
    padding-left: 15vh !important
}

.ce-p-4vh {
    padding: 20vh !important
}

.ce-pt-4vh,
.ce-py-4vh {
    padding-top: 20vh !important
}

.ce-pr-4vh,
.ce-px-4vh {
    padding-right: 20vh !important
}

.ce-pb-4vh,
.ce-py-4vh {
    padding-bottom: 20vh !important
}

.ce-pl-4vh,
.ce-px-4vh {
    padding-left: 20vh !important
}

.ce-p-5vh {
    padding: 25vh !important
}

.ce-pt-5vh,
.ce-py-5vh {
    padding-top: 25vh !important
}

.ce-pr-5vh,
.ce-px-5vh {
    padding-right: 25vh !important
}

.ce-pb-5vh,
.ce-py-5vh {
    padding-bottom: 25vh !important
}

.ce-pl-5vh,
.ce-px-5vh {
    padding-left: 25vh !important
}

@media(min-width:576px) {
    .ce-p-sm-0 {
        padding: 0 !important
    }

    .ce-pt-sm-0,
    .ce-py-sm-0 {
        padding-top: 0 !important
    }

    .ce-pr-sm-0,
    .ce-px-sm-0 {
        padding-right: 0 !important
    }

    .ce-pb-sm-0,
    .ce-py-sm-0 {
        padding-bottom: 0 !important
    }

    .ce-pl-sm-0,
    .ce-px-sm-0 {
        padding-left: 0 !important
    }

    .ce-p-sm-1vw {
        padding: 1vw !important
    }

    .ce-pt-sm-1vw,
    .ce-py-sm-1vw {
        padding-top: 1vw !important
    }

    .ce-pr-sm-1vw,
    .ce-px-sm-1vw {
        padding-right: 1vw !important
    }

    .ce-pb-sm-1vw,
    .ce-py-sm-1vw {
        padding-bottom: 1vw !important
    }

    .ce-pl-sm-1vw,
    .ce-px-sm-1vw {
        padding-left: 1vw !important
    }

    .ce-p-sm-2vw {
        padding: 2vw !important
    }

    .ce-pt-sm-2vw,
    .ce-py-sm-2vw {
        padding-top: 2vw !important
    }

    .ce-pr-sm-2vw,
    .ce-px-sm-2vw {
        padding-right: 2vw !important
    }

    .ce-pb-sm-2vw,
    .ce-py-sm-2vw {
        padding-bottom: 2vw !important
    }

    .ce-pl-sm-2vw,
    .ce-px-sm-2vw {
        padding-left: 2vw !important
    }

    .ce-p-sm-3vw {
        padding: 3vw !important
    }

    .ce-pt-sm-3vw,
    .ce-py-sm-3vw {
        padding-top: 3vw !important
    }

    .ce-pr-sm-3vw,
    .ce-px-sm-3vw {
        padding-right: 3vw !important
    }

    .ce-pb-sm-3vw,
    .ce-py-sm-3vw {
        padding-bottom: 3vw !important
    }

    .ce-pl-sm-3vw,
    .ce-px-sm-3vw {
        padding-left: 3vw !important
    }

    .ce-p-sm-4vw {
        padding: 4vw !important
    }

    .ce-pt-sm-4vw,
    .ce-py-sm-4vw {
        padding-top: 4vw !important
    }

    .ce-pr-sm-4vw,
    .ce-px-sm-4vw {
        padding-right: 4vw !important
    }

    .ce-pb-sm-4vw,
    .ce-py-sm-4vw {
        padding-bottom: 4vw !important
    }

    .ce-pl-sm-4vw,
    .ce-px-sm-4vw {
        padding-left: 4vw !important
    }

    .ce-p-sm-5vw {
        padding: 5vw !important
    }

    .ce-pt-sm-5vw,
    .ce-py-sm-5vw {
        padding-top: 5vw !important
    }

    .ce-pr-sm-5vw,
    .ce-px-sm-5vw {
        padding-right: 5vw !important
    }

    .ce-pb-sm-5vw,
    .ce-py-sm-5vw {
        padding-bottom: 5vw !important
    }

    .ce-pl-sm-5vw,
    .ce-px-sm-5vw {
        padding-left: 5vw !important
    }

    .ce-p-sm-1vh {
        padding: 5vh !important
    }

    .ce-pt-sm-1vh,
    .ce-py-sm-1vh {
        padding-top: 5vh !important
    }

    .ce-pr-sm-1vh,
    .ce-px-sm-1vh {
        padding-right: 5vh !important
    }

    .ce-pb-sm-1vh,
    .ce-py-sm-1vh {
        padding-bottom: 5vh !important
    }

    .ce-pl-sm-1vh,
    .ce-px-sm-1vh {
        padding-left: 5vh !important
    }

    .ce-p-sm-2vh {
        padding: 10vh !important
    }

    .ce-pt-sm-2vh,
    .ce-py-sm-2vh {
        padding-top: 10vh !important
    }

    .ce-pr-sm-2vh,
    .ce-px-sm-2vh {
        padding-right: 10vh !important
    }

    .ce-pb-sm-2vh,
    .ce-py-sm-2vh {
        padding-bottom: 10vh !important
    }

    .ce-pl-sm-2vh,
    .ce-px-sm-2vh {
        padding-left: 10vh !important
    }

    .ce-p-sm-3vh {
        padding: 15vh !important
    }

    .ce-pt-sm-3vh,
    .ce-py-sm-3vh {
        padding-top: 15vh !important
    }

    .ce-pr-sm-3vh,
    .ce-px-sm-3vh {
        padding-right: 15vh !important
    }

    .ce-pb-sm-3vh,
    .ce-py-sm-3vh {
        padding-bottom: 15vh !important
    }

    .ce-pl-sm-3vh,
    .ce-px-sm-3vh {
        padding-left: 15vh !important
    }

    .ce-p-sm-4vh {
        padding: 20vh !important
    }

    .ce-pt-sm-4vh,
    .ce-py-sm-4vh {
        padding-top: 20vh !important
    }

    .ce-pr-sm-4vh,
    .ce-px-sm-4vh {
        padding-right: 20vh !important
    }

    .ce-pb-sm-4vh,
    .ce-py-sm-4vh {
        padding-bottom: 20vh !important
    }

    .ce-pl-sm-4vh,
    .ce-px-sm-4vh {
        padding-left: 20vh !important
    }

    .ce-p-sm-5vh {
        padding: 25vh !important
    }

    .ce-pt-sm-5vh,
    .ce-py-sm-5vh {
        padding-top: 25vh !important
    }

    .ce-pr-sm-5vh,
    .ce-px-sm-5vh {
        padding-right: 25vh !important
    }

    .ce-pb-sm-5vh,
    .ce-py-sm-5vh {
        padding-bottom: 25vh !important
    }

    .ce-pl-sm-5vh,
    .ce-px-sm-5vh {
        padding-left: 25vh !important
    }
}

@media(min-width:768px) {
    .ce-p-md-0 {
        padding: 0 !important
    }

    .ce-pt-md-0,
    .ce-py-md-0 {
        padding-top: 0 !important
    }

    .ce-pr-md-0,
    .ce-px-md-0 {
        padding-right: 0 !important
    }

    .ce-pb-md-0,
    .ce-py-md-0 {
        padding-bottom: 0 !important
    }

    .ce-pl-md-0,
    .ce-px-md-0 {
        padding-left: 0 !important
    }

    .ce-p-md-1vw {
        padding: 1vw !important
    }

    .ce-pt-md-1vw,
    .ce-py-md-1vw {
        padding-top: 1vw !important
    }

    .ce-pr-md-1vw,
    .ce-px-md-1vw {
        padding-right: 1vw !important
    }

    .ce-pb-md-1vw,
    .ce-py-md-1vw {
        padding-bottom: 1vw !important
    }

    .ce-pl-md-1vw,
    .ce-px-md-1vw {
        padding-left: 1vw !important
    }

    .ce-p-md-2vw {
        padding: 2vw !important
    }

    .ce-pt-md-2vw,
    .ce-py-md-2vw {
        padding-top: 2vw !important
    }

    .ce-pr-md-2vw,
    .ce-px-md-2vw {
        padding-right: 2vw !important
    }

    .ce-pb-md-2vw,
    .ce-py-md-2vw {
        padding-bottom: 2vw !important
    }

    .ce-pl-md-2vw,
    .ce-px-md-2vw {
        padding-left: 2vw !important
    }

    .ce-p-md-3vw {
        padding: 3vw !important
    }

    .ce-pt-md-3vw,
    .ce-py-md-3vw {
        padding-top: 3vw !important
    }

    .ce-pr-md-3vw,
    .ce-px-md-3vw {
        padding-right: 3vw !important
    }

    .ce-pb-md-3vw,
    .ce-py-md-3vw {
        padding-bottom: 3vw !important
    }

    .ce-pl-md-3vw,
    .ce-px-md-3vw {
        padding-left: 3vw !important
    }

    .ce-p-md-4vw {
        padding: 4vw !important
    }

    .ce-pt-md-4vw,
    .ce-py-md-4vw {
        padding-top: 4vw !important
    }

    .ce-pr-md-4vw,
    .ce-px-md-4vw {
        padding-right: 4vw !important
    }

    .ce-pb-md-4vw,
    .ce-py-md-4vw {
        padding-bottom: 4vw !important
    }

    .ce-pl-md-4vw,
    .ce-px-md-4vw {
        padding-left: 4vw !important
    }

    .ce-p-md-5vw {
        padding: 5vw !important
    }

    .ce-pt-md-5vw,
    .ce-py-md-5vw {
        padding-top: 5vw !important
    }

    .ce-pr-md-5vw,
    .ce-px-md-5vw {
        padding-right: 5vw !important
    }

    .ce-pb-md-5vw,
    .ce-py-md-5vw {
        padding-bottom: 5vw !important
    }

    .ce-pl-md-5vw,
    .ce-px-md-5vw {
        padding-left: 5vw !important
    }

    .ce-p-md-1vh {
        padding: 5vh !important
    }

    .ce-pt-md-1vh,
    .ce-py-md-1vh {
        padding-top: 5vh !important
    }

    .ce-pr-md-1vh,
    .ce-px-md-1vh {
        padding-right: 5vh !important
    }

    .ce-pb-md-1vh,
    .ce-py-md-1vh {
        padding-bottom: 5vh !important
    }

    .ce-pl-md-1vh,
    .ce-px-md-1vh {
        padding-left: 5vh !important
    }

    .ce-p-md-2vh {
        padding: 10vh !important
    }

    .ce-pt-md-2vh,
    .ce-py-md-2vh {
        padding-top: 10vh !important
    }

    .ce-pr-md-2vh,
    .ce-px-md-2vh {
        padding-right: 10vh !important
    }

    .ce-pb-md-2vh,
    .ce-py-md-2vh {
        padding-bottom: 10vh !important
    }

    .ce-pl-md-2vh,
    .ce-px-md-2vh {
        padding-left: 10vh !important
    }

    .ce-p-md-3vh {
        padding: 15vh !important
    }

    .ce-pt-md-3vh,
    .ce-py-md-3vh {
        padding-top: 15vh !important
    }

    .ce-pr-md-3vh,
    .ce-px-md-3vh {
        padding-right: 15vh !important
    }

    .ce-pb-md-3vh,
    .ce-py-md-3vh {
        padding-bottom: 15vh !important
    }

    .ce-pl-md-3vh,
    .ce-px-md-3vh {
        padding-left: 15vh !important
    }

    .ce-p-md-4vh {
        padding: 20vh !important
    }

    .ce-pt-md-4vh,
    .ce-py-md-4vh {
        padding-top: 20vh !important
    }

    .ce-pr-md-4vh,
    .ce-px-md-4vh {
        padding-right: 20vh !important
    }

    .ce-pb-md-4vh,
    .ce-py-md-4vh {
        padding-bottom: 20vh !important
    }

    .ce-pl-md-4vh,
    .ce-px-md-4vh {
        padding-left: 20vh !important
    }

    .ce-p-md-5vh {
        padding: 25vh !important
    }

    .ce-pt-md-5vh,
    .ce-py-md-5vh {
        padding-top: 25vh !important
    }

    .ce-pr-md-5vh,
    .ce-px-md-5vh {
        padding-right: 25vh !important
    }

    .ce-pb-md-5vh,
    .ce-py-md-5vh {
        padding-bottom: 25vh !important
    }

    .ce-pl-md-5vh,
    .ce-px-md-5vh {
        padding-left: 25vh !important
    }
}

@media(min-width:992px) {
    .ce-p-lg-0 {
        padding: 0 !important
    }

    .ce-pt-lg-0,
    .ce-py-lg-0 {
        padding-top: 0 !important
    }

    .ce-pr-lg-0,
    .ce-px-lg-0 {
        padding-right: 0 !important
    }

    .ce-pb-lg-0,
    .ce-py-lg-0 {
        padding-bottom: 0 !important
    }

    .ce-pl-lg-0,
    .ce-px-lg-0 {
        padding-left: 0 !important
    }

    .ce-p-lg-1vw {
        padding: 1vw !important
    }

    .ce-pt-lg-1vw,
    .ce-py-lg-1vw {
        padding-top: 1vw !important
    }

    .ce-pr-lg-1vw,
    .ce-px-lg-1vw {
        padding-right: 1vw !important
    }

    .ce-pb-lg-1vw,
    .ce-py-lg-1vw {
        padding-bottom: 1vw !important
    }

    .ce-pl-lg-1vw,
    .ce-px-lg-1vw {
        padding-left: 1vw !important
    }

    .ce-p-lg-2vw {
        padding: 2vw !important
    }

    .ce-pt-lg-2vw,
    .ce-py-lg-2vw {
        padding-top: 2vw !important
    }

    .ce-pr-lg-2vw,
    .ce-px-lg-2vw {
        padding-right: 2vw !important
    }

    .ce-pb-lg-2vw,
    .ce-py-lg-2vw {
        padding-bottom: 2vw !important
    }

    .ce-pl-lg-2vw,
    .ce-px-lg-2vw {
        padding-left: 2vw !important
    }

    .ce-p-lg-3vw {
        padding: 3vw !important
    }

    .ce-pt-lg-3vw,
    .ce-py-lg-3vw {
        padding-top: 3vw !important
    }

    .ce-pr-lg-3vw,
    .ce-px-lg-3vw {
        padding-right: 3vw !important
    }

    .ce-pb-lg-3vw,
    .ce-py-lg-3vw {
        padding-bottom: 3vw !important
    }

    .ce-pl-lg-3vw,
    .ce-px-lg-3vw {
        padding-left: 3vw !important
    }

    .ce-p-lg-4vw {
        padding: 4vw !important
    }

    .ce-pt-lg-4vw,
    .ce-py-lg-4vw {
        padding-top: 4vw !important
    }

    .ce-pr-lg-4vw,
    .ce-px-lg-4vw {
        padding-right: 4vw !important
    }

    .ce-pb-lg-4vw,
    .ce-py-lg-4vw {
        padding-bottom: 4vw !important
    }

    .ce-pl-lg-4vw,
    .ce-px-lg-4vw {
        padding-left: 4vw !important
    }

    .ce-p-lg-5vw {
        padding: 5vw !important
    }

    .ce-pt-lg-5vw,
    .ce-py-lg-5vw {
        padding-top: 5vw !important
    }

    .ce-pr-lg-5vw,
    .ce-px-lg-5vw {
        padding-right: 5vw !important
    }

    .ce-pb-lg-5vw,
    .ce-py-lg-5vw {
        padding-bottom: 5vw !important
    }

    .ce-pl-lg-5vw,
    .ce-px-lg-5vw {
        padding-left: 5vw !important
    }

    .ce-p-lg-1vh {
        padding: 5vh !important
    }

    .ce-pt-lg-1vh,
    .ce-py-lg-1vh {
        padding-top: 5vh !important
    }

    .ce-pr-lg-1vh,
    .ce-px-lg-1vh {
        padding-right: 5vh !important
    }

    .ce-pb-lg-1vh,
    .ce-py-lg-1vh {
        padding-bottom: 5vh !important
    }

    .ce-pl-lg-1vh,
    .ce-px-lg-1vh {
        padding-left: 5vh !important
    }

    .ce-p-lg-2vh {
        padding: 10vh !important
    }

    .ce-pt-lg-2vh,
    .ce-py-lg-2vh {
        padding-top: 10vh !important
    }

    .ce-pr-lg-2vh,
    .ce-px-lg-2vh {
        padding-right: 10vh !important
    }

    .ce-pb-lg-2vh,
    .ce-py-lg-2vh {
        padding-bottom: 10vh !important
    }

    .ce-pl-lg-2vh,
    .ce-px-lg-2vh {
        padding-left: 10vh !important
    }

    .ce-p-lg-3vh {
        padding: 15vh !important
    }

    .ce-pt-lg-3vh,
    .ce-py-lg-3vh {
        padding-top: 15vh !important
    }

    .ce-pr-lg-3vh,
    .ce-px-lg-3vh {
        padding-right: 15vh !important
    }

    .ce-pb-lg-3vh,
    .ce-py-lg-3vh {
        padding-bottom: 15vh !important
    }

    .ce-pl-lg-3vh,
    .ce-px-lg-3vh {
        padding-left: 15vh !important
    }

    .ce-p-lg-4vh {
        padding: 20vh !important
    }

    .ce-pt-lg-4vh,
    .ce-py-lg-4vh {
        padding-top: 20vh !important
    }

    .ce-pr-lg-4vh,
    .ce-px-lg-4vh {
        padding-right: 20vh !important
    }

    .ce-pb-lg-4vh,
    .ce-py-lg-4vh {
        padding-bottom: 20vh !important
    }

    .ce-pl-lg-4vh,
    .ce-px-lg-4vh {
        padding-left: 20vh !important
    }

    .ce-p-lg-5vh {
        padding: 25vh !important
    }

    .ce-pt-lg-5vh,
    .ce-py-lg-5vh {
        padding-top: 25vh !important
    }

    .ce-pr-lg-5vh,
    .ce-px-lg-5vh {
        padding-right: 25vh !important
    }

    .ce-pb-lg-5vh,
    .ce-py-lg-5vh {
        padding-bottom: 25vh !important
    }

    .ce-pl-lg-5vh,
    .ce-px-lg-5vh {
        padding-left: 25vh !important
    }
}

@media(min-width:1200px) {
    .ce-p-xl-0 {
        padding: 0 !important
    }

    .ce-pt-xl-0,
    .ce-py-xl-0 {
        padding-top: 0 !important
    }

    .ce-pr-xl-0,
    .ce-px-xl-0 {
        padding-right: 0 !important
    }

    .ce-pb-xl-0,
    .ce-py-xl-0 {
        padding-bottom: 0 !important
    }

    .ce-pl-xl-0,
    .ce-px-xl-0 {
        padding-left: 0 !important
    }

    .ce-p-xl-1vw {
        padding: 1vw !important
    }

    .ce-pt-xl-1vw,
    .ce-py-xl-1vw {
        padding-top: 1vw !important
    }

    .ce-pr-xl-1vw,
    .ce-px-xl-1vw {
        padding-right: 1vw !important
    }

    .ce-pb-xl-1vw,
    .ce-py-xl-1vw {
        padding-bottom: 1vw !important
    }

    .ce-pl-xl-1vw,
    .ce-px-xl-1vw {
        padding-left: 1vw !important
    }

    .ce-p-xl-2vw {
        padding: 2vw !important
    }

    .ce-pt-xl-2vw,
    .ce-py-xl-2vw {
        padding-top: 2vw !important
    }

    .ce-pr-xl-2vw,
    .ce-px-xl-2vw {
        padding-right: 2vw !important
    }

    .ce-pb-xl-2vw,
    .ce-py-xl-2vw {
        padding-bottom: 2vw !important
    }

    .ce-pl-xl-2vw,
    .ce-px-xl-2vw {
        padding-left: 2vw !important
    }

    .ce-p-xl-3vw {
        padding: 3vw !important
    }

    .ce-pt-xl-3vw,
    .ce-py-xl-3vw {
        padding-top: 3vw !important
    }

    .ce-pr-xl-3vw,
    .ce-px-xl-3vw {
        padding-right: 3vw !important
    }

    .ce-pb-xl-3vw,
    .ce-py-xl-3vw {
        padding-bottom: 3vw !important
    }

    .ce-pl-xl-3vw,
    .ce-px-xl-3vw {
        padding-left: 3vw !important
    }

    .ce-p-xl-4vw {
        padding: 4vw !important
    }

    .ce-pt-xl-4vw,
    .ce-py-xl-4vw {
        padding-top: 4vw !important
    }

    .ce-pr-xl-4vw,
    .ce-px-xl-4vw {
        padding-right: 4vw !important
    }

    .ce-pb-xl-4vw,
    .ce-py-xl-4vw {
        padding-bottom: 4vw !important
    }

    .ce-pl-xl-4vw,
    .ce-px-xl-4vw {
        padding-left: 4vw !important
    }

    .ce-p-xl-5vw {
        padding: 5vw !important
    }

    .ce-pt-xl-5vw,
    .ce-py-xl-5vw {
        padding-top: 5vw !important
    }

    .ce-pr-xl-5vw,
    .ce-px-xl-5vw {
        padding-right: 5vw !important
    }

    .ce-pb-xl-5vw,
    .ce-py-xl-5vw {
        padding-bottom: 5vw !important
    }

    .ce-pl-xl-5vw,
    .ce-px-xl-5vw {
        padding-left: 5vw !important
    }

    .ce-p-xl-1vh {
        padding: 5vh !important
    }

    .ce-pt-xl-1vh,
    .ce-py-xl-1vh {
        padding-top: 5vh !important
    }

    .ce-pr-xl-1vh,
    .ce-px-xl-1vh {
        padding-right: 5vh !important
    }

    .ce-pb-xl-1vh,
    .ce-py-xl-1vh {
        padding-bottom: 5vh !important
    }

    .ce-pl-xl-1vh,
    .ce-px-xl-1vh {
        padding-left: 5vh !important
    }

    .ce-p-xl-2vh {
        padding: 10vh !important
    }

    .ce-pt-xl-2vh,
    .ce-py-xl-2vh {
        padding-top: 10vh !important
    }

    .ce-pr-xl-2vh,
    .ce-px-xl-2vh {
        padding-right: 10vh !important
    }

    .ce-pb-xl-2vh,
    .ce-py-xl-2vh {
        padding-bottom: 10vh !important
    }

    .ce-pl-xl-2vh,
    .ce-px-xl-2vh {
        padding-left: 10vh !important
    }

    .ce-p-xl-3vh {
        padding: 15vh !important
    }

    .ce-pt-xl-3vh,
    .ce-py-xl-3vh {
        padding-top: 15vh !important
    }

    .ce-pr-xl-3vh,
    .ce-px-xl-3vh {
        padding-right: 15vh !important
    }

    .ce-pb-xl-3vh,
    .ce-py-xl-3vh {
        padding-bottom: 15vh !important
    }

    .ce-pl-xl-3vh,
    .ce-px-xl-3vh {
        padding-left: 15vh !important
    }

    .ce-p-xl-4vh {
        padding: 20vh !important
    }

    .ce-pt-xl-4vh,
    .ce-py-xl-4vh {
        padding-top: 20vh !important
    }

    .ce-pr-xl-4vh,
    .ce-px-xl-4vh {
        padding-right: 20vh !important
    }

    .ce-pb-xl-4vh,
    .ce-py-xl-4vh {
        padding-bottom: 20vh !important
    }

    .ce-pl-xl-4vh,
    .ce-px-xl-4vh {
        padding-left: 20vh !important
    }

    .ce-p-xl-5vh {
        padding: 25vh !important
    }

    .ce-pt-xl-5vh,
    .ce-py-xl-5vh {
        padding-top: 25vh !important
    }

    .ce-pr-xl-5vh,
    .ce-px-xl-5vh {
        padding-right: 25vh !important
    }

    .ce-pb-xl-5vh,
    .ce-py-xl-5vh {
        padding-bottom: 25vh !important
    }

    .ce-pl-xl-5vh,
    .ce-px-xl-5vh {
        padding-left: 25vh !important
    }
}

/* 动画库 */
@keyframes ceFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ceFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, 50%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes ceFadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes ceFadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes ceFadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(50%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes ceRotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes ceZoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes ceFlipInX {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes ceFlipInY {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes cePulse {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

/* detail-attr.css */
.unit-product-attrparam__item {
    display: flex;
    font-size: 14px;
    text-align: left;
    height: 100%;
    margin-right: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
}

.unit-product-attrparam__label {
    width: 50%;
    padding: 15px 20px;
    border-right: 1px solid rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    text-transform: capitalize;
    background-color: #f5f5f5;
}

.unit-product-attrparam__value {
    padding-left: 20px;
    width: 50%;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: 14px;
}

.unit-product-attrparam__value span {
    overflow: hidden;
}

.unit-product-attrparam__items {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .06);
    margin: 0;
}

.unit-product-attrparam .col-12 {
    padding: 0;
    margin-bottom: -1px;
}

@media (max-width:768px) {
    .unit-product-attrparam {
        margin: 2vw 0 4vw;
    }

    .unit-product-attrparam__value,
    .unit-product-attrparam__label {
        padding: 10px;
    }
}

/* 修复差异 */
.unit-article-detail-html [class*=" col-"] {
    position: relative;
    padding: 15px
}


@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --aside-width: 30vw;
    --h: 355;
    --s: 75%;
    --l: 49%;
    --container: 1380px;
    --container-min-spacing: 5vw;
    --spacing-lg: 20px;
    --spacing-md: 10px;
    --spacing-sm: 10px;
    --gap-lg: 20px;
    --gap-md: 10px;
    --gap-sm: 10px;
}

body {
    font-family: 'Arial';
    font-size: 16px;
    line-height: 1.6;
}

.style-Cvg6MZMGs4 {
    border-style: solid;
    border-color: #00000033;
    padding-top: 3px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.style-5w7fBVgCpO {
    border-style: solid;
    border-color: #33333333;
    width: 2em;
    height: 2em;
    margin-right: 10px;
    line-height: 1.9;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.style-wKOlJnzTAZ {
    font-family: 'Barlow';
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.2;
}

.style-0BP1vQDkIn {
    font-family: 'Barlow';
    font-size: 14px;
    line-height: 1.2;
}

.style-sHWWoSYm8V {
    opacity: 1;
    color: #FFFFFFB3;
    font-size: 30px;
    line-height: 1;
}

.style-fKtHriwYQG {
    font-size: 14px;
    text-transform: uppercase;
    border-style: solid;
    border-color: #222;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 12px;
    padding-left: 20px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.__text--lg {
    font-family: 'Barlow';
    font-size: 26px;
    text-transform: uppercase;
    line-height: 1.3em;
}

.__text--md {
    font-family: 'Barlow';
    font-size: 18px;
    line-height: 1.2;
}

.__text--sm {
    font-family: 'Arial';
    font-size: 16px;
    line-height: 1.6;
}

#block-Yj0HrMylBi {
    border-style: solid;
    border-color: #FFFFFF1F;
    border-bottom-width: 1px;
}

#grid-7GcdbFDqWN-inner {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}

#cell-csDprQqwdr {
    flex-grow: 1;
    flex-shrink: 1;
}

#div-iEH5dKirQb {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#nav-hwGmdMZmCZ {
    font-family: 'Barlow';
    font-size: 16px;
    text-transform: uppercase;
}

#nav-hwGmdMZmCZ .__nav-item.hover:not(.__nav-item--nav) {
    background-color: #171717;
}

#nav-hwGmdMZmCZ .__nav-dialog {
    color: #FFFFFFCC;
    font-family: 'Barlow';
    font-size: 15px;
    text-transform: capitalize;
    background-color: #333;
    border-style: solid;
    border-color: #FFFFFF1A;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#translate-3tUc3DiJkQ {
    font-size: 20px;
    padding-left: 10px;
}

#theme-5DP8wJZxEr {
    font-size: 20px;
    padding-left: 10px;
}

#search-HyvwGDdXF0 {
    font-size: 20px;
    text-align: center;
    padding-left: 20px;
    line-height: 1;
}

#nav-mobile-vkiEPC1MQW {
    padding-left: 8px;
}

#breadcrumb-iKfMPmSpE6 {
    font-size: 14px;
}

#text-b8sfX8XG5l {
    font-weight: bold;
    text-transform: capitalize;
}

#text-nQzxtCzxjY {
    opacity: 0.5;
    font-size: 16px;
}

#text-tXVPlYgZ3g {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#detail-directory-bGeU0syCgG {
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#flip-page-GhtEL1l72S {
    border-style: solid;
    border-top-width: 1px;
}

#div-iffyIFzdYG {
    overflow: hidden;
}

#text-D8YGu8z5Oh {
    font-weight: bold;
}

#list-UUO7rIVMy7 {
    margin-right: -5px;
    margin-left: -5px;
}

#text-ZDaLO6i0EQ {
    font-size: 16px;
    text-align: center;
    background-color: rgba(145, 158, 171, 0.16);
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#text-stOivV396w {
    font-size: 16px;
    text-align: center;
    background-color: rgba(145, 158, 171, 0.16);
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#text-2VLcXpO1iG {
    font-size: 16px;
    text-align: center;
    background-color: rgba(145, 158, 171, 0.16);
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#text-rBTwS6eL4T {
    font-size: 16px;
    text-align: center;
    background-color: rgba(145, 158, 171, 0.16);
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#text-5GDlHIV0xf {
    font-size: 16px;
    text-align: center;
    background-color: rgba(145, 158, 171, 0.16);
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#text-V5NVa4Fe45 {
    font-size: 16px;
    text-align: center;
    background-color: rgba(145, 158, 171, 0.16);
    padding-right: 10px;
    padding-left: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#list-UUO7rIVMy7 .__list_item-inner {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#text-bVWLduyzRl {
    font-weight: bold;
    border-style: solid;
    padding-bottom: 15px;
    border-bottom-width: 1px;
}

#list-HYKisvnL7t {
    padding-left: 0px;
}

#div-bMxOihXCqd {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#image-rebyHtl4Rt {
    width: 100%;
}

#text-ZD5NrVKved {
    padding-top: 10px;
}

#div-SrxCp3PMoj {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#image-9rFajwTK6A {
    width: 100%;
}

#text-jRM5vSEXlw {
    padding-top: 10px;
}

#div-ePNUcGxOyY {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#image-PwJWniMAHW {
    width: 100%;
}

#text-h45x7CnqA9 {
    padding-top: 10px;
}

#div-GTVfJH3vHb {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#image-PS173nKIUt {
    width: 100%;
}

#text-H21yMEFUZl {
    padding-top: 10px;
}

#div-rWCxKWwKnd {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#image-ZTOGSWj7zW {
    width: 100%;
}

#text-ZhgwiUdpin {
    padding-top: 10px;
}

#div-URSqyRekXX {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#image-CRBlQOOQbh {
    width: 100%;
}

#text-yT4lJIJV1J {
    padding-top: 10px;
}

#div-beioBeVNZU {
    display: none;
}

#text-lLtdVd4SoQ {
    font-weight: bold;
    border-style: solid;
    padding-bottom: 15px;
    border-bottom-width: 1px;
}

#text-uRIQfdtPfC {
    font-weight: bold;
    border-style: solid;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
}

#faq-cuXy1i5Hbi {
    font-size: 14px;
}

#module-0MDUytD4lz {
    color: #FFFFFF;
    background-color: #333333;
}

#cell-Bcmu74PAnS-inner {
    border-style: double;
    border-color: #FFFFFF4D;
    padding-top: 2vw;
    padding-right: 2vw;
    padding-bottom: 2vw;
    padding-left: 2vw;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#text-zJAHHRUDH6 {
    opacity: 0.8;
    border-style: solid;
    border-color: #FFFFFF21;
    border-top-width: 1px;
}

#button-DjUlibQj9s {
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 0;
}

#button-DjUlibQj9s .__text {
    display: flex;
    align-items: center;
}

#inquiry-ILrw8oj4bq {
    opacity: 1;
    color: #FFFFFFB3;
    font-size: 18px;
}

#inquiry-ILrw8oj4bq .__inquiry-item_control {
    color: #FFFFFF;
    border-style: solid;
    border-color: #FFFFFF82;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
}

#module-VI0rLnXY6f {
    background-color: #00000007;
}

#text-3lqHNNXLXb {
    font-weight: bold;
}

#text-oXWvaXwUxC {
    opacity: 0.8;
    line-height: 1.3;
}

#text-SFceIgGeOp {
    opacity: 0.8;
    line-height: 1.3;
}

#text-AsGtBIt1LC {
    opacity: 0.8;
    line-height: 1.3;
}

#text-nrXjzzkw3H {
    opacity: 0.8;
    line-height: 1.3;
}

#module-yUpWIChVVZ {
    background-color: #333;
}

#grid-tOl7tVvaz3{
    border-style: solid;
    border-color: #FFFFFF1F;
    border-top-width: 1px;
}

#grid-tOl7tVvaz3-inner {
    border-style: solid;
    border-color: #FFFFFF26;
    padding-top: 3em;
    padding-right: 3em;
    padding-bottom: 2em;
    padding-left: 3em;

}


#div-IarQaZvev6 {
    text-decoration: underline;
    line-height: 2;
}

#cell-45t2z8w6Y3 {
    padding-right: 1vw;
    padding-left: 1vw;
}

#text-UI5AdrzF9x {
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
}

#div-kIDkKRewhN {
    color: #FFFFFF99;
    font-size: 16px;
    line-height: 2;
}

#cell-hT6OCzJYmi {
    padding-right: 1vw;
    padding-left: 1vw;
}

#text-CpVSz3asjK {
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
}

#div-gyRRzIqCVD {
    color: #FFFFFF99;
    font-size: 16px;
    line-height: 2;
}

#cell-jaItKY9Njv {
    padding-right: 1vw;
    padding-left: 1vw;
}

#text-GOcgz7JXoA {
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
}

#div-AutWE9NTKU {
    color: #FFFFFF99;
    font-size: 16px;
    line-height: 2;
}

#cell-3S28cBmMcF {
    padding-right: 1vw;
    padding-left: 1vw;
}

#text-dYG4rS8zSh {
    opacity: 1;
    color: #FFFFFF;
    text-transform: uppercase;
}

#div-g2L27PLYQg {
    color: #FFFFFF99;
    font-size: 16px;
    line-height: 2;
}

#module-Nc0yGWAQ3s {
    color: #FFFFFF;
    background-color: #333333;
}

#div-gU58YMrsfW {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#text-drf96GmE4e {
    opacity: 0.8;
    font-size: 14px;
}

#social-media-2DwhNrChYK .__social_media-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#social-media-2DwhNrChYK .__social_media-item_icon {
    font-size: 18px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.light {
    color: #171717;
    background-color: #FFFFFF;
}

body.light {}

.light #module-hrVVRR19U3 {
    color: #FFFFFF;
}

.light #module-kbwH7SMDjF {
    border-color: rgba(0, 0, 0, .1);
}

.light #text-nQzxtCzxjY {
    color: #637381;
}

.light #text-tXVPlYgZ3g {
    background-color: #f5f5f5;
}

.light #flip-page-GhtEL1l72S {
    border-color: rgba(0, 0, 0, .1);
}

.light #text-bVWLduyzRl {
    border-color: rgba(0, 0, 0, .1);
}

.light #div-bMxOihXCqd {
    border-color: rgba(0, 0, 0, .1);
}

.light #div-SrxCp3PMoj {
    border-color: rgba(0, 0, 0, .1);
}

.light #div-ePNUcGxOyY {
    border-color: rgba(0, 0, 0, .1);
}

.light #div-GTVfJH3vHb {
    border-color: rgba(0, 0, 0, .1);
}

.light #div-rWCxKWwKnd {
    border-color: rgba(0, 0, 0, .1);
}

.light #div-URSqyRekXX {
    border-color: rgba(0, 0, 0, .1);
}

.light #text-lLtdVd4SoQ {
    border-color: rgba(0, 0, 0, .1);
}

.light #text-uRIQfdtPfC {
    border-color: rgba(0, 0, 0, .1);
}

.light #module-VI0rLnXY6f {
    border-color: rgba(0, 0, 0, .1);
}

.dark {
    color: #FFFFFF;
    background-color: #171717;
}

body.dark {}

.dark #module-hrVVRR19U3 {
    background-color: #000000F0;
}

.dark #module-kbwH7SMDjF {
    border-color: rgba(255, 255, 255, .1);
}

.dark #text-tXVPlYgZ3g {
    background-color: rgba(255, 255, 255, .1);
}

.dark #flip-page-GhtEL1l72S {
    border-color: rgba(255, 255, 255, .1);
}

.dark #text-bVWLduyzRl {
    border-color: rgba(255, 255, 255, .1);
}

.dark #div-bMxOihXCqd {
    border-color: rgba(255, 255, 255, .1);
}

.dark #div-SrxCp3PMoj {
    border-color: rgba(255, 255, 255, .1);
}

.dark #div-ePNUcGxOyY {
    border-color: rgba(255, 255, 255, .1);
}

.dark #div-GTVfJH3vHb {
    border-color: rgba(255, 255, 255, .1);
}

.dark #div-rWCxKWwKnd {
    border-color: rgba(255, 255, 255, .1);
}

.dark #div-URSqyRekXX {
    border-color: rgba(255, 255, 255, .1);
}

.dark #text-lLtdVd4SoQ {
    border-color: rgba(255, 255, 255, .1);
}

.dark #text-uRIQfdtPfC {
    border-color: rgba(255, 255, 255, .1);
}

.dark #module-VI0rLnXY6f {
    border-color: rgba(255, 255, 255, .1);
}

.dark #module-yUpWIChVVZ {
    color: #fff;
}

@media(min-width:768px) {
    :root {}

    body {}

    .style-wKOlJnzTAZ {
        font-size: 6vw;
    }

    .style-0BP1vQDkIn {
        font-size: 18px;
    }

    .style-sHWWoSYm8V {
        font-size: 40px;
    }

    .__text--lg {
        font-size: 32px;
    }

    .__text--md {
        font-size: 20px;
    }

    #grid-7GcdbFDqWN-inner {
        padding-top: 6px;
        padding-right: 0px;
        padding-bottom: 6px;
        padding-left: 0px;
    }

    #breadcrumb-iKfMPmSpE6 {
        font-size: 16px;
    }

    #list-HYKisvnL7t {
        padding-left: 0;
    }

    #button-diKSvRbWIt {
        font-size: 18px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media(min-width:1200px) {
    :root {
        --spacing-lg: 80px;
        --spacing-md: 30px;
        --spacing-sm: 15px;
        --gap-lg: 30px;
        --gap-md: 20px;
        --gap-sm: 10px;
    }

    body {
        font-size: 16px;
    }

    .style-wKOlJnzTAZ {
        font-size: 4.2vw;
        font-weight: bold;
    }

    .style-0BP1vQDkIn {
        font-size: 1.4vw;
    }

    .style-sHWWoSYm8V {
        opacity: 1;
        font-size: 3.2vw;
    }

    .style-fKtHriwYQG {
        padding-top: 15px;
        padding-right: 30px;
        padding-bottom: 15px;
        padding-left: 30px;
    }

    .__text--lg {
        font-size: 3rem;
        font-weight: bolder;
        line-height: 1.1;
    }

    .__text--md {
        font-size: 1.3rem;
    }

    .__text--sm {
        font-size: 16px;
    }

    #grid-7GcdbFDqWN-inner {
        padding-right: 0;
        padding-left: 0;
    }

    #cell-csDprQqwdr {
        padding-left: 100px;
    }

    #nav-hwGmdMZmCZ {
        font-size: 18px;
    }

    #nav-hwGmdMZmCZ .__nav-item--active {
        color: #FFFFFF;
        background-color: var(--color);
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    #module-kbwH7SMDjF {
        border-style: solid;
        border-bottom-width: 1px;
    }

    #cell-qCIT6NN6Jb {
        padding-right: 3vw;
    }

    #text-b8sfX8XG5l {
        font-size: 2vw;
    }

    #list-HYKisvnL7t {
        padding-left: 0;
    }

    #div-bMxOihXCqd {
        border-style: solid;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border-bottom-width: 1px;
    }

    #image-rebyHtl4Rt {
        width: 140px;
        padding-right: 20px;
    }

    #text-ZD5NrVKved {
        flex-grow: 1;
        flex-shrink: 1;
        padding-top: 0;
        flex-basis: 0%;
    }

    #div-SrxCp3PMoj {
        border-style: solid;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border-bottom-width: 1px;
    }

    #image-9rFajwTK6A {
        width: 140px;
        padding-right: 20px;
    }

    #text-jRM5vSEXlw {
        flex-grow: 1;
        flex-shrink: 1;
        padding-top: 0;
        flex-basis: 0%;
    }

    #div-ePNUcGxOyY {
        border-style: solid;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border-bottom-width: 1px;
    }

    #image-PwJWniMAHW {
        width: 140px;
        padding-right: 20px;
    }

    #text-h45x7CnqA9 {
        flex-grow: 1;
        flex-shrink: 1;
        padding-top: 0;
        flex-basis: 0%;
    }

    #div-GTVfJH3vHb {
        border-style: solid;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border-bottom-width: 1px;
    }

    #image-PS173nKIUt {
        width: 140px;
        padding-right: 20px;
    }

    #text-H21yMEFUZl {
        flex-grow: 1;
        flex-shrink: 1;
        padding-top: 0;
        flex-basis: 0%;
    }

    #div-rWCxKWwKnd {
        border-style: solid;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border-bottom-width: 1px;
    }

    #image-ZTOGSWj7zW {
        width: 140px;
        padding-right: 20px;
    }

    #text-ZhgwiUdpin {
        flex-grow: 1;
        flex-shrink: 1;
        padding-top: 0;
        flex-basis: 0%;
    }

    #div-URSqyRekXX {
        border-style: solid;
        padding-top: 15px;
        padding-right: 0;
        padding-bottom: 15px;
        padding-left: 0;
        border-bottom-width: 1px;
    }

    #image-CRBlQOOQbh {
        width: 140px;
        padding-right: 20px;
    }

    #text-yT4lJIJV1J {
        flex-grow: 1;
        flex-shrink: 1;
        padding-top: 0;
        flex-basis: 0%;
    }

    #text-zJAHHRUDH6 {
        display: inline-block;
    }

    #button-diKSvRbWIt {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #module-VI0rLnXY6f {
        border-style: solid;
        border-bottom-width: 1px;
    }

    #module-yUpWIChVVZ {
        align-items: flex-end;
    }

    #grid-tOl7tVvaz3 {
        align-items: flex-end;
    }

    #social-media-2DwhNrChYK {
        text-align: right;
    }

    #social-media-2DwhNrChYK .__social_media-item_icon {
        font-size: 1.6em;
    }
}

@media(prefers-color-scheme:dark) {}

@media(prefers-color-scheme:light) {}

.__block--header {
    width: 100%;
    transition: .5s;
    background-color: rgba(51, 51, 51, 1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.header-overflow.scroll-down .__block--header {
    transform: translateY(-100%)
}

.__nav-item--nav .__nav-item_arrow {
    position: relative;
    transform: rotate(90deg) !important;
    margin-left: 5px
}

.__nav-item--nav .__nav-item_link {
    display: flex;
    align-items: center
}

body:not([content-type="home"]) .__block--header {
    position: sticky
}

:root {
    --container: 1820px;
}

.__top-icon {
    background-color: #333;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 10px;
}

.__top-svg {
    fill: #fff;
}

img,
.swiper-slide,
.swiper-slide .__list_item,
[name="Products img"],
[name="btn line-dark"],
[name="btn line-light"],
[name="btn-bglight"],
[name="btn-bgdark"],
.__nav-item,
#grid-LAE1Mt6LhG .__cell {
    transition: all .5s;
}

[name="main"] a,
[name="footer"] a {
    transition: 750ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 750ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    background-image: linear-gradient(currentColor 0 0);
    background-size: 0 .5px;
    background-repeat: no-repeat;
}

[name="main"] a:hover,
[name="footer"] a:hover {
    color: #D61F2E;
    background-position: 100% calc(100% - .5px);
    background-size: 100% .5px;
}

[name="main"] img:hover,
[name="main"] .__list_item:hover .__image-img,
[name="main"] .__image:hover .__image-img,
img:hover {
    transform: scale(1.02)
}

[name="btn line-dark"]:hover {
    transform: scale(1.05);
    background-color: #fff;
    color: #D61F2E !important;
}

[name="btn line-light"]:hover {
    transform: scale(1.05);
    background-color: #D61F2E;
    color: #fff !important;
}

[name="btn-bglight"]:hover {
    transform: scale(1.05);
    background-color: #D61F2E !important;
    color: #fff !important;
    border: 1px solid #EB0014 !important;
}

[name="btn-bgdark"]:hover {
    transform: scale(1.05);
    background-color: #D61F2E !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

[name="listbox"] .pb-sm,
.__list_item-inner {
    transition: .5s;
}

[name="listbox"]:hover .pb-sm {
    transform: scale(1.005);
    color: #D61F2E;
}

[name="INDUSTRY"] .__list_item:hover .__list_item-inner {
    color: #D61F2E;
    background-color: #fff !important;
    border: 0 !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, .05)
}