:root {
    --black: #000;
    --white: #fff;
    --gray: #c8c9cc;
    --gray-light: #e5e5e5;
    --gray-darker: #7d7e80;
    --gray-dark: #969799;
    --text-color: #3c3c3c;
    --border-color: #ebedf0;
    --active-color: #f2f3f5;
    --background-color: #f8f8f8;
    --background-color-light: #fafafa;
    --theme-color: #3095fb;
    --theme-color-dark: #1989fa;
    --theme-color-light: #a3d0fd;
    --warning-color: #ffa179;
    --warning-color-dark: #ff976a;
    --warning-color-light: #fffbe8;
    --success-color: #20c770;
    --success-color-dark: #07c160;
    --success-color-light: #b5eccf;
    --error-color: #ff5757;
    --error-color-dark: #f44;
    --error-color-light: #ffc7c7;
    --font-size: 16px;
    --center-width: 1200px;
    --swiper-theme-color: var(--theme-color) !important
}

a, b, body, button, dd, del, div, dl, dt, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, ins, li, ol, option, p, select, span, textarea, ul {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100% !important;
    -webkit-appearance: none;
    background: none;
    border: 0;
    border-radius: 0;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
    resize: none;
    text-decoration: none
}

body {
    color: #3c3c3c;
    color: var(--text-color, #3c3c3c);
    font-family: Consolas, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, \\5B8B\4F53, sans-serif;
    font-size: 16px;
    font-size: var(--font-size);
    overflow: hidden;
    overflow-y: auto
}

body, html {
    -webkit-overflow-scrolling: touch;
    min-height: 100vh;
    scroll-behavior: smooth;
    width: 100%
}

a {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

a, a:hover {
    color: inherit;
    text-decoration: none
}

pre {
    background: #eaeaea;
    background: rgba(0, 0, 0, .07);
    font-size: 12px;
    margin: 0 1px;
    padding: 3px 5px 2px
}

input, textarea {
    font: inherit
}

a, button {
    cursor: pointer
}

del {
    text-decoration: line-through
}

table {
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border-color: #eee;
    border-style: solid
}

table tbody, table tr {
    border: 0 inherit;
    border-color: inherit
}

table td, table th {
    border-bottom-width: 1px;
    border-color: inherit;
    border-right-width: 1px;
    border-style: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    padding: 12px;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    word-break: break-all
}

table tr:last-child td, table tr:last-child th {
    border-bottom-width: 0;
    border-right-width: 0
}

table tfoot tr:first-child th, table thead tr:first-child th {
    border-right-width: 1px
}

table.simple {
    border: none;
    text-align: center;
    width: 100%
}

table.simple td {
    border-bottom: 1px solid #eee
}

table.simple th {
    white-space: nowrap
}

.fa, .fab, .fad, .fal, .far, .fas, .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    width: 1em
}

::-moz-selection {
    background-color: #3095fb;
    background-color: var(--theme-color);
    color: #fff
}

::selection {
    background-color: #3095fb;
    background-color: var(--theme-color);
    color: #fff
}

::-webkit-scrollbar {
    background-color: transparent;
    height: 3px;
    width: 5px
}

::-webkit-scrollbar-thumb {
    background-color: #a3d0fd;
    background-color: var(--theme-color-light);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

::-webkit-scrollbar-corner {
    background: transparent;
    height: 0;
    width: 0
}

.textblock-tips {
    background-color: #ecf8ff;
    border-left: 5px solid #3095fb;
    border-left: 5px solid var(--theme-color);
    border-radius: 4px;
    margin: 20px 0;
    padding: 8px 16px
}

[hidden] {
    display: none
}

img[fit=cover] {
    -o-object-fit: cover;
    object-fit: cover
}

img[fit=contain] {
    -o-object-fit: contain;
    object-fit: contain
}

img[fit=fill] {
    -o-object-fit: fill;
    object-fit: fill
}

img[fit=scale-down] {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.color-theme {
    color: #3095fb;
    color: var(--theme-color)
}

.color-success {
    color: #20c770;
    color: var(--success-color)
}

.hover-color:hover, .hover-color:hover a {
    color: undefined;
    color: var(--hover-color)
}

.hover-color a {
    color: inherit
}

[node-type][class*=hvr-] {
    display: block
}

[node-type=column][class*=hvr-], [node-type=row][class*=hvr-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[text-row] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.richtext {
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.9;
    outline: 0;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left
}

.richtext blockquote, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6, .richtext ol, .richtext p, .richtext ul {
    margin-bottom: .63em;
    padding: 0
}

.richtext pre {
    margin: .5em;
    padding: 1em
}

.richtext pre[class*=language-] {
    overflow: auto
}

.richtext p:last-child {
    margin-bottom: 0
}

.richtext ol, .richtext ul {
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
    display: block;
    list-style-type: disc;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-start: 40px
}

.richtext ol {
    list-style-type: decimal
}

.richtext li {
    display: list-item;
    list-style-type: inherit
}

.richtext img, .richtext svg, .richtext video {
    height: auto;
    max-width: 100%
}

.richtext blockquote {
    border-left: 3px solid #d3d3d3;
    color: #646464;
    margin: 1.4em 0;
    padding-left: 1em
}

.richtext blockquote + blockquote {
    margin-top: 0
}

.richtext .alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em
}

.richtext .alignright {
    clear: both;
    display: inline;
    float: right;
    margin-left: 1.625em
}

.richtext .aligncenter, .richtext embed, .richtext video {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.richtext .timeline_items {
    background: url(../images/timeline_top.png) no-repeat top;
    margin: 0 !important;
    padding-top: 9px;
    position: relative
}

.richtext .timeline_items:after {
    border-radius: 100%;
    border-style: solid;
    border-width: 3px;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    width: 0;
    z-index: 1
}

.richtext .timeline_items li {
    background: url(../images/timeline_right.png) no-repeat top;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 25px 55%;
    position: relative;
    width: 45%
}

.richtext .timeline_items li:nth-child(2n) {
    background: url(../images/timeline_left.png) no-repeat top;
    padding: 0 55% 25px 0
}

.richtext .timeline_items li h3 {
    font-size: 30px;
    line-height: 35px
}

.richtext .timeline_items li h3 span {
    position: absolute;
    right: 55%;
    top: 8px
}

.richtext .timeline_items li h3:before {
    border-radius: 100%;
    border-style: solid;
    border-width: 4px;
    content: "";
    display: block;
    height: 7px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 11px;
    width: 7px;
    z-index: 1
}

.richtext .timeline_items li:nth-child(2n) h3 {
    text-align: right
}

.richtext .timeline_items li:nth-child(2n) h3 span {
    left: 55%;
    right: auto
}

.richtext .timeline_items li .desc {
    background: url(../images/css_sprites_10_10.png);
    background-position: 0 -10px;
    background-size: 1px 31px;
    font-size: 15px;
    line-height: 31px;
    position: relative
}

.richtext .timeline_items li .desc:before {
    background: url(../images/css_sprites_10_10.png);
    background-position: -21px 0;
    background-size: 10px 10px;
    content: "";
    height: 100%;
    left: -122%;
    position: absolute;
    top: 0;
    width: 100%
}

.richtext .timeline_items li:nth-child(2n) .desc:before {
    left: auto;
    right: -122%
}

.richtext .timeline_items li:nth-child(2n) .desc {
    text-align: right
}

.richtext .timeline .post-item:before, .richtext .timeline_items:after, .richtext .timeline_items li h3:before {
    border-color: #3095fb;
    border-color: var(--theme-color)
}

.richtext hr.no_line {
    background: none;
    color: transparent
}

.richtext iframe {
    max-width: 100%
}

.lay-i-b {
    display: inline-block
}

.lay-fx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lay-fd-r {
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.lay-fd-r, .lay-fd-rr {
    -webkit-box-orient: horizontal
}

.lay-fd-rr {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.lay-fd-c {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lay-fd-c, .lay-fd-cr {
    -webkit-box-orient: vertical
}

.lay-fd-cr {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.lay-fw-n {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.lay-fw-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lay-fw-wr {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.lay-jc-fs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lay-jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.lay-jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lay-jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lay-jc-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.lay-ai-fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.lay-ai-fe {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.lay-ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lay-ai-b {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.lay-ai-s {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.lay-ac-fs {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.lay-ac-fe {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.lay-ac-c {
    -ms-flex-line-pack: center;
    align-content: center
}

.lay-ac-sb {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.lay-ac-sa {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.lay-ac-s {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.lay-as-fs {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.lay-as-fe {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.lay-as-c {
    -ms-flex-item-align: center;
    align-self: center
}

.lay-as-b {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.lay-as-s {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.lay-fx-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.lay-tr {
    text-align: right
}

.f-s-12 {
    font-size: 12px
}

.f-s-14 {
    font-size: 14px
}

.f-s-16 {
    font-size: 16px
}

.f-s-22 {
    font-size: 22px
}

.m-t-10 {
    margin-top: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-l-10 {
    margin-left: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-l-15 {
    margin-left: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-t-20 {
    margin-top: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-l-20 {
    margin-left: 20px
}

.m-r-20 {
    margin-right: 20px
}

.p-t-5 {
    padding-top: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.p-l-5 {
    padding-left: 5px
}

.p-r-5 {
    padding-right: 5px
}

.p-t-10 {
    padding-top: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-l-10 {
    padding-left: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-t-15 {
    padding-top: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-15 {
    padding-left: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-t-20 {
    padding-top: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-20 {
    padding-left: 20px
}

.p-r-20 {
    padding-right: 20px
}

.fn-csp {
    cursor: pointer
}

.fn-csd {
    cursor: default
}

.fn-tn {
    word-wrap: normal;
    white-space: nowrap
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.bd-l {
    border-left: 1px solid #ccc
}

.bd-r {
    border-right: 1px solid #ccc
}

.bd-t {
    border-top: 1px solid #ccc
}

.bd-b {
    border-bottom: 1px solid #ccc
}

.bg-fff {
    background-color: #fff
}

img.async-load {
    opacity: .1;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

img.async-load[view-mark] {
    opacity: 1
}

.message-notice--wrap {
    font-size: 14px;
    left: 0;
    pointer-events: none;
    position: fixed;
    text-align: center;
    top: 60px;
    width: 100%;
    z-index: 1010
}

.message-notice {
    -webkit-animation: menu-fade .5s;
    animation: menu-fade .5s;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    color: #3c3c3c;
    display: inline-block;
    margin-bottom: 10px;
    padding: 12px 30px
}

.message-notice--warning {
    background-color: #ff976a;
    background-color: var(--warning-color-dark);
    color: #fff
}

.message-notice--error {
    background-color: #f44;
    background-color: var(--error-color-dark);
    color: #fff
}

.message-notice--success {
    background-color: #07c160;
    background-color: var(--success-color-dark);
    color: #fff
}

.cc-pagination {
    color: #303133;
    font-size: 16px;
    font-weight: 700;
    padding: 2px 5px;
    white-space: nowrap
}

.cc-pagination:after, .cc-pagination:before {
    content: "";
    display: table
}

.cc-pagination:after {
    clear: both
}

.cc-pagination a {
    color: currentColor;
    display: block
}

.cc-pagination button, .cc-pagination span:not([class*=suffix]) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    min-width: 35.5px;
    vertical-align: top
}

.cc-pagination button {
    background: transparent;
    border: none;
    padding: 0 6px
}

.cc-pagination button:focus {
    outline: none
}

.cc-pagination button:hover {
    color: #3095fb;
    color: var(--theme-color, #3095fb);
    color: #3095fb/0
}

.cc-pagination button:disabled {
    background-color: #fff;
    color: #c0c4cc;
    cursor: not-allowed
}

.cc-pagination .btn-next, .cc-pagination .btn-prev {
    background: 50% no-repeat;
    background-color: #fff;
    background-size: 16px;
    color: #303133;
    cursor: pointer;
    margin: 0
}

.cc-pagination .total {
    color: #7f7f7f;
    font-size: 14px;
    margin-right: 8px
}

.cc-pagination .btn-first, .cc-pagination .btn-last {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f5;
    background-size: 16px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 46px
}

.cc-pagination .btn-first .cc-icon, .cc-pagination .btn-list .cc-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.cc-pagination span.jump_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7f7f7f;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    margin: 0 5px
}

.cc-pagination .jump_btn .jump_btn_go {
    border: 1px solid #ececec
}

.cc-pagination .jump_btn input {
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 0 3px;
    max-width: 46px;
    text-align: center
}

.cc-pagination .btn-next .cc-icon, .cc-pagination .btn-prev .cc-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.cc-pagination .btn-prev {
    padding-right: 12px
}

.cc-pagination .btn-next {
    padding-left: 12px
}

.cc-pagination .cc-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.cc-pagination--small .btn-next, .cc-pagination--small .btn-prev, .cc-pagination--small .cc-pager li, .cc-pagination--small .cc-pager li.btn-quicknext, .cc-pagination--small .cc-pager li.btn-quickprev, .cc-pagination--small .cc-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    min-width: 22px
}

.cc-pagination--small .arrow.disabled {
    visibility: hidden
}

.cc-pagination--small .more:before, .cc-pagination--small li.more:before {
    line-height: 24px
}

.cc-pagination--small button, .cc-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.cc-pagination--small .cc-pagination__editor, .cc-pagination--small .cc-pagination__editor.cc-input .cc-input__inner {
    height: 22px
}

.cc-pagination__sizes {
    color: #606266;
    font-weight: 400;
    margin: 0 10px 0 0
}

.cc-pagination__sizes .cc-input .cc-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.cc-pagination__sizes .cc-input .cc-input__inner:hover {
    border-color: #3095fb/0
}

.cc-pagination__total {
    color: #606266;
    font-weight: 400;
    margin-right: 10px
}

.cc-pagination__jump {
    color: #606266;
    font-weight: 400;
    margin-left: 24px
}

.cc-pagination__jump .cc-input__inner {
    padding: 0 3px
}

.cc-pagination__rightwrapper {
    float: right
}

.cc-pagination__editor {
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    line-height: 18px;
    margin: 0 2px;
    padding: 0 2px;
    text-align: center
}

.cc-pagination__editor.cc-input {
    width: 50px
}

.cc-pagination__editor.cc-input .cc-input__inner {
    height: 28px
}

.cc-pagination__editor .cc-input__inner::-webkit-inner-spin-button, .cc-pagination__editor .cc-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cc-pagination.is-background .btn-next, .cc-pagination.is-background .btn-prev, .cc-pagination.is-background .cc-pager li {
    background-color: #f4f4f5;
    border-radius: 2px;
    color: #606266;
    margin: 0 5px;
    min-width: 30px
}

.cc-pagination.is-background .btn-next.disabled, .cc-pagination.is-background .btn-prev.disabled, .cc-pagination.is-background .cc-pager li.disabled {
    color: #c0c4cc
}

.cc-pagination.is-background .btn-next, .cc-pagination.is-background .btn-prev {
    padding: 0
}

.cc-pagination.is-background .btn-next:disabled, .cc-pagination.is-background .btn-prev:disabled {
    color: #c0c4cc
}

.cc-pagination.is-background .cc-pager li:not(.disabled):hover {
    color: #3095fb;
    color: var(--theme-color, #3095fb);
    color: #3095fb/0
}

.cc-pagination.is-background .cc-pager li:not(.disabled).active,.pagination li.active {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    background-color: #3095fb/0;
    color: #fff
}

.cc-pagination.is-background.cc-pagination--small .btn-next, .cc-pagination.is-background.cc-pagination--small .btn-prev, .cc-pagination.is-background.cc-pagination--small .cc-pager li {
    margin: 0 3px;
    min-width: 22px
}

.cc-pager,.pagination {
    display: inline-block;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top
}

.cc-pager .more:before {
    line-height: 30px
}
.pagination .jumpto{
    display: none;
}

.cc-pager li,.pagination li {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    min-width: 35.5px;
    padding: 0 4px;
    text-align: center;
    vertical-align: top
}

.cc-pager li.btn-quicknext, .cc-pager li.btn-quickprev {
    color: #303133;
    line-height: 28px
}

.cc-pager li.btn-quicknext.disabled, .cc-pager li.btn-quickprev.disabled {
    color: #c0c4cc
}

.cc-pager li.btn-quicknext:hover, .cc-pager li.btn-quickprev:hover {
    cursor: pointer
}

.cc-pager li.active + li {
    border-left: 0
}

.cc-pager li.active, .cc-pager li:hover {
    color: #3095fb;
    color: var(--theme-color, #3095fb);
    color: #3095fb/0
}

.cc-pager li.active {
    cursor: default
}

.cc-loading {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.cc-loading:after, .cc-loading:before {
    border-radius: .25em;
    content: "";
    display: block;
    height: .5em;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .5em
}

.cc-loading:before {
    -webkit-animation: cc-loading-before 2s infinite;
    animation: cc-loading-before 2s infinite
}

.cc-loading:after {
    -webkit-animation: cc-loading-after 2s infinite;
    animation: cc-loading-after 2s infinite
}

@-webkit-keyframes cc-loading-before {
    0% {
        -webkit-box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        -webkit-box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb);
        box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb);
        height: .5em
    }
    35% {
        -webkit-box-shadow: .5em 0 #3095fb, -.5em 0 #3095fb;
        -webkit-box-shadow: .5em 0 var(--theme-color, #3095fb), -.5em 0 var(--theme-color, #3095fb);
        box-shadow: .5em 0 #3095fb, -.5em 0 #3095fb;
        box-shadow: .5em 0 var(--theme-color, #3095fb), -.5em 0 var(--theme-color, #3095fb);
        height: 2.5em
    }
    70% {
        -webkit-box-shadow: .5em -1em #3095fb, -.5em 1em #3095fb;
        -webkit-box-shadow: .5em -1em var(--theme-color, #3095fb), -.5em 1em var(--theme-color, #3095fb);
        box-shadow: .5em -1em #3095fb, -.5em 1em #3095fb;
        box-shadow: .5em -1em var(--theme-color, #3095fb), -.5em 1em var(--theme-color, #3095fb);
        height: .5em
    }
    to {
        -webkit-box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        -webkit-box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb);
        box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb)
    }
}

@keyframes cc-loading-before {
    0% {
        -webkit-box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        -webkit-box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb);
        box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb);
        height: .5em
    }
    35% {
        -webkit-box-shadow: .5em 0 #3095fb, -.5em 0 #3095fb;
        -webkit-box-shadow: .5em 0 var(--theme-color, #3095fb), -.5em 0 var(--theme-color, #3095fb);
        box-shadow: .5em 0 #3095fb, -.5em 0 #3095fb;
        box-shadow: .5em 0 var(--theme-color, #3095fb), -.5em 0 var(--theme-color, #3095fb);
        height: 2.5em
    }
    70% {
        -webkit-box-shadow: .5em -1em #3095fb, -.5em 1em #3095fb;
        -webkit-box-shadow: .5em -1em var(--theme-color, #3095fb), -.5em 1em var(--theme-color, #3095fb);
        box-shadow: .5em -1em #3095fb, -.5em 1em #3095fb;
        box-shadow: .5em -1em var(--theme-color, #3095fb), -.5em 1em var(--theme-color, #3095fb);
        height: .5em
    }
    to {
        -webkit-box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        -webkit-box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb);
        box-shadow: .5em 1em #3095fb, -.5em -1em #3095fb;
        box-shadow: .5em 1em var(--theme-color, #3095fb), -.5em -1em var(--theme-color, #3095fb)
    }
}

@-webkit-keyframes cc-loading-after {
    0% {
        -webkit-box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        -webkit-box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color);
        box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color);
        -webkit-box-shadow: 1em -.5em #3095fb, 0, -1em .5em #3095fb, 0;
        box-shadow: 1em -.5em #3095fb, 0, -1em .5em #3095fb, 0;
        width: .5em
    }
    35% {
        -webkit-box-shadow: 0 -.5em #3095fb, 0 .5em #3095fb;
        -webkit-box-shadow: 0 -.5em var(--theme-color, #3095fb), 0 .5em var(--theme-color, #3095fb);
        box-shadow: 0 -.5em #3095fb, 0 .5em #3095fb;
        box-shadow: 0 -.5em var(--theme-color, #3095fb), 0 .5em var(--theme-color, #3095fb);
        width: 2.5em
    }
    70% {
        -webkit-box-shadow: -1em -.5em #3095fb, 1em .5em #3095fb;
        -webkit-box-shadow: -1em -.5em var(--theme-color, #3095fb), 1em .5em var(--theme-color, #3095fb);
        box-shadow: -1em -.5em #3095fb, 1em .5em #3095fb;
        box-shadow: -1em -.5em var(--theme-color, #3095fb), 1em .5em var(--theme-color, #3095fb);
        width: .5em
    }
    to {
        -webkit-box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        -webkit-box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color, #3095fb);
        box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color, #3095fb)
    }
}

@keyframes cc-loading-after {
    0% {
        -webkit-box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        -webkit-box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color);
        box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color);
        width: .5em
    }
    35% {
        -webkit-box-shadow: 0 -.5em #3095fb, 0 .5em #3095fb;
        -webkit-box-shadow: 0 -.5em var(--theme-color, #3095fb), 0 .5em var(--theme-color, #3095fb);
        box-shadow: 0 -.5em #3095fb, 0 .5em #3095fb;
        box-shadow: 0 -.5em var(--theme-color, #3095fb), 0 .5em var(--theme-color, #3095fb);
        width: 2.5em
    }
    70% {
        -webkit-box-shadow: -1em -.5em #3095fb, 1em .5em #3095fb;
        -webkit-box-shadow: -1em -.5em var(--theme-color, #3095fb), 1em .5em var(--theme-color, #3095fb);
        box-shadow: -1em -.5em #3095fb, 1em .5em #3095fb;
        box-shadow: -1em -.5em var(--theme-color, #3095fb), 1em .5em var(--theme-color, #3095fb);
        width: .5em
    }
    to {
        -webkit-box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        -webkit-box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color, #3095fb);
        box-shadow: 1em -.5em #3095fb, -1em .5em #3095fb;
        box-shadow: 1em -.5em var(--theme-color, #3095fb), -1em .5em var(--theme-color, #3095fb)
    }
}

.lay-va-m {
    vertical-align: middle
}

.lay-f-clear:after, .lay-f-clear:before {
    content: "";
    display: table
}

.lay-f-clear:after {
    clear: both
}

.lay-tc {
    text-align: center
}

.lay-tl {
    text-align: left
}

.lay-fl {
    float: left
}

.lay-fr {
    float: right
}

.m-l-5 {
    margin-left: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-t-5 {
    margin-top: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.fn-th {
    word-wrap: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    overflow-wrap: break-word;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.icon {
    fill: currentColor;
    height: 1em;
    overflow: hidden;
    vertical-align: -.15em;
    width: 1em
}

.cc-element--wrapper {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    max-width: 100%
}

.cc-text__error {
    color: #f44;
    color: var(--error-color-dark);
    font-size: 12px
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    max-width: var(--center-width)
}

.Page-footer, .Page-header {
    position: relative
}

.Page-header--topbar {
    background-color: #f8f8f8;
    background-color: var(--background-color, #e6e6e6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 10px;
    padding: 10px 20px;
    width: 100%
}

.Page-header--topbar.fixed {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 10
}

.Page-header--topbar .account {
    text-align: right
}

.Page-header--topbar .top-bar__body.between {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Page-header--topbar .top-bar__body.between .slogan {
    width: 100%
}

.Page-header--topbar .top-bar__body.between .account {
    padding-left: 1em;
    white-space: nowrap
}

.Page-header--topbar .top-bar__body.between .account a + a {
    margin-left: 5px
}

.search-wrapper .search-icon {
    display: none
}

.search-wrapper .cc-form--input {
    min-width: 70px
}

.search-wrapper .search-icon2 {
    display: block
}

.search-wrapper:focus .search-icon2, .search-wrapper:hover .search-icon2 {
    display: block;
    float: right
}

.search-wrapper .search-input-text {
    background-color: #fff;
    border: 1px solid #6e6e6e;
    border-radius: 4px 4px 4px 4px/4px 4px 4px 4px;
    display: none;
    height: 30px;
    width: 160px
}

.search-wrapper:focus .search-input-text, .search-wrapper:hover .search-input-text {
    display: block;
    left: -350%;
    margin-top: 60%;
    position: absolute;
    z-index: 2
}

.search-wrapper .cc-form--input2 {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    height: 35px;
    line-height: 35px;
    outline: none;
    padding-left: 8px;
    width: 130px
}

.cc-form--input2::-webkit-input-placeholder {
    color: #6e6e6e
}

.search-input-text i {
    float: right;
    margin-right: 10px
}

.search-input-text .cc-icon {
    float: right;
    height: 30px;
    width: 20px
}

.Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper, .Page-header--main .Page-header--left__fixed .search-wrapper, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper, .Page-header--main .Page-header--right__fixed .search-wrapper {
    position: relative
}

.Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper:focus, .Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper:hover, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper:focus, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper:hover, .Page-header--main .Page-header--left__fixed .search-wrapper:focus, .Page-header--main .Page-header--left__fixed .search-wrapper:hover, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper:focus, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper:hover, .Page-header--main .Page-header--right__fixed .search-wrapper:focus, .Page-header--main .Page-header--right__fixed .search-wrapper:hover {
    height: 30px
}

.Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper:focus .search-icon2, .Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper:hover .search-icon2, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper:focus .search-icon2, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper:hover .search-icon2, .Page-header--main .Page-header--left__fixed .search-wrapper:focus .search-icon2, .Page-header--main .Page-header--left__fixed .search-wrapper:hover .search-icon2, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper:focus .search-icon2, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper:hover .search-icon2, .Page-header--main .Page-header--right__fixed .search-wrapper:focus .search-icon2, .Page-header--main .Page-header--right__fixed .search-wrapper:hover .search-icon2 {
    display: none
}

.Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper:focus .search-input-text, .Page-header--main .Page-header--dropdown + .Page-header--shade .search-wrapper:hover .search-input-text, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper:focus .search-input-text, .Page-header--main .Page-header--left-drawer + .Page-header--shade .search-wrapper:hover .search-input-text, .Page-header--main .Page-header--left__fixed .search-wrapper:focus .search-input-text, .Page-header--main .Page-header--left__fixed .search-wrapper:hover .search-input-text, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper:focus .search-input-text, .Page-header--main .Page-header--right-drawer + .Page-header--shade .search-wrapper:hover .search-input-text, .Page-header--main .Page-header--right__fixed .search-wrapper:focus .search-input-text, .Page-header--main .Page-header--right__fixed .search-wrapper:hover .search-input-text {
    display: block;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.search-style-input2 {
    height: 38px;
    line-height: 38px;
    position: relative
}

.search-style-input2 .search-wrapper:focus .search-input-text, .search-style-input2 .search-wrapper:hover .search-input-text {
    display: none;
    margin-top: unset;
    position: unset
}

.search-style-input2 .cc-input-append {
    line-height: 38px;
    position: absolute;
    right: 16px;
    top: 1px;
    z-index: 1
}

.search-style-input2 .cc-input-append.hide {
    z-index: -1
}

.search-style-input2 .header-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    visibility: hidden;
    width: 26px
}

.search-style-input2 .header-search.active {
    visibility: visible;
    width: 180px
}

.search-style-input2 .cc-input-append i {
    font-size: 16px
}

.search-style-input2 .header-search.active {
    background-color: #fff;
    border: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-style-input2 .header-search.active .search-input-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 35px;
    width: 86%
}

.search-style-input2 .header-search.active .search-input-text .cc-form--input2 {
    width: 100%
}

.search-style-input2 .header-search .searchBtn {
    -ms-flex-negative: 0;
    display: none;
    flex-shrink: 0;
    height: 35px;
    text-align: center;
    width: 26px
}

.search-style-input2 .header-search.active .searchBtn {
    display: block
}

.search-style-input2 .header-search.active .searchBtn i {
    font-size: 16px
}

.search-style-icon .search-icon, .search-style-icon:focus .search-input, .search-style-icon:hover .search-input {
    display: block
}

.search-style-icon .search-input {
    -webkit-animation: hvr-bob;
    animation: hvr-bob;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    background-color: #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 15px;
    position: fixed;
    width: 100%;
    z-index: 2
}

.search-style-icon .cc-form--input__wrapper {
    width: 100%
}

.search-style-icon .cc-input-append {
    width: 20px
}

.search-style-icon input {
    max-width: 100%
}

.Page-header--subheader {
    min-height: 30px
}

.side-toolbar {
    color: #fff;
    position: fixed;
    z-index: 10
}

.side-toolbar.position-right-bottom {
    bottom: 10%;
    right: 0
}

.side-toolbar > ul > li {
    margin-bottom: 1px;
    position: relative
}

.side-toolbar .toolbar-icon {
    background-color: #3c3c3c;
    border-radius: 3px 0 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 35px;
    padding: 3px;
    position: relative;
    text-align: center;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    width: 35px;
    z-index: 2
}

.side-toolbar > ul > li:hover .toolbar-icon {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb)
}

.side-toolbar .toolbar-icon a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.side-toolbar .toolbar-icon img {
    max-height: 100%;
    max-width: 100%
}

.side-toolbar .toolbar-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    white-space: nowrap;
    word-break: keep-all;
    z-index: 1
}

.side-toolbar > ul > li:hover .toolbar-text {
    -webkit-transform: translateX(calc(-100% + 3px));
    -ms-transform: translateX(calc(-100% + 3px));
    transform: translateX(calc(-100% + 3px))
}

.side-toolbar .toolbar-img {
    bottom: 0;
    display: none;
    position: absolute;
    right: calc(100% + 3px);
    z-index: 1
}

.side-toolbar > ul > li:hover .toolbar-img {
    display: block
}

.side-toolbar .toolbar-img img {
    max-width: 80vw
}

.Page-footer > .footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 33px;
    overflow: hidden;
    padding: 30px 0;
    z-index: 1
}

.Page-footer > .footer.fixed, .Page-footer > .footer.fixed-under {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

.Page-footer > .footer.fixed-under {
    z-index: -2
}

.Page-footer > .footer.stick {
    bottom: 0
}

.Page-footer > .footer.stick, .Page-footer > .Page-slot--template-footer.fixed-slot {
    left: 0;
    position: fixed;
    width: 100%
}

.Page-footer > .Page-slot--template-footer.fixed-slot-under {
    left: 0;
    position: fixed;
    width: 100%;
    z-index: -1
}

.Page-footer > .Page-slot--template-footer.stick-slot {
    left: 0;
    position: fixed;
    width: 100%
}

.Page-footer > .footer .richtext {
    margin-left: 3px;
    width: 100%
}

.Page-footer > .footer .back-top {
    background-color: #f7f7f7;
    cursor: pointer;
    font-size: 26px;
    height: 43px;
    line-height: 43px;
    margin: 3px;
    text-align: center;
    width: 43px
}

.Page-footer > .footer .back-top:hover {
    background-color: #e6e6e6
}

.Page-footer > .footer .footer__in {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__in .divider {
    background: #989898;
    height: 12px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    width: 1px
}

.footer__in .ipv6 > span {
    border: 1px solid #989898;
    border-radius: 4px;
    margin-left: 8px;
    padding: 2px
}

.footer__in .support-box > div {
    display: inline-block
}

.footer__in .support-box {
    color: #989898;
    font-size: 12px
}

.Page-body, .Page-content {
    max-width: 100vw;
    max-width: var(--page-width, 100vw)
}

.Page-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 100%
}

.Page-content {
    display: block;
    overflow: hidden;
    width: 100%
}

#modal-address .cc-modal--body {
    overflow-y: auto
}

.Page-sidebar {
    display: none;
    width: 0
}

.both-sidebar .Page-sidebar, .left-sidebar .Page-sidebar.sidebar-left, .right-sidebar .Page-sidebar.sidebar-right {
    display: block;
    width: 23%
}

#modal-share-wechat canvas, #modal-share-wechat img {
    margin: 0 auto
}

#modal-share-wechat .qrcode-modal-body {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 15px
}

#modal-share-wechat .cc-modal--body {
    text-align: center
}

#modal-oauthlogin-qrcode canvas, #modal-oauthlogin-qrcode img {
    margin: 0 auto
}

#modal-oauthlogin-qrcode .qrcode-modal-body {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 20px
}

#modal-oauthlogin-qrcode .cc-modal--body {
    text-align: center
}

.sub-title {
    margin: 15px 0;
    padding-left: 10px;
    position: relative
}

.sub-title:before {
    background-color: #3095fb;
    background-color: var(--theme-color);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px
}

.posts-share {
    color: #ccc
}

.posts-share li {
    margin-right: 10px
}

.layout-boxed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 0
}

.layout-boxed .Page {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    margin: 0 auto
}

.dropdown-shopping {
    background: #fff;
    border: 1px solid #ebeef5;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    color: #606266;
    display: none;
    font-size: 14px;
    line-height: 1.4;
    padding: 12px;
    text-align: justify;
    width: 300px;
    word-break: break-all;
    z-index: 2000
}

.dropdown-shopping.block {
    -webkit-animation: shoppingcart-fadein 1s;
    animation: shoppingcart-fadein 1s;
    display: block
}

.dropdown-shopping .list {
    max-height: 344px;
    overflow: auto
}

.dropdown-shopping .list li {
    border-bottom: 1px solid #e6e8ea;
    height: 85px;
    padding: 0 5px
}

.dropdown-shopping .list li .info {
    max-width: 70%
}

.dropdown-shopping .list li .info a {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: inline-block;
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.Page-footer > .page-bottom-fixed {
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 22
}

.Page-footer > .page-bottom-fixed.moblie-block {
    display: none
}

.Page-widgets .fixed-toolbar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    position: fixed;
    width: 100%;
    z-index: 99
}

.Page-widgets .fixed-toolbar.moblie-block {
    display: none
}

.Page-widgets .fixed-toolbar.pc-block {
    display: block
}

.Page-widgets .page-bottom-fixed {
    bottom: 0
}

.Page-widgets .page-bottom-fixed, .Page-widgets .page-top-fixed {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.Page-widgets .page-top-fixed {
    top: 0
}

.Page-widgets .page-right-fixed {
    right: 0
}

.Page-widgets .page-left-fixed, .Page-widgets .page-right-fixed {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Page-widgets .page-left-fixed {
    left: 0
}

.Page-widgets .page-move-fixed {
    left: 50%;
    top: 50%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 999
}

.Page-widgets .page-center-fixed {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fixed-toolbar > .fixed-toolbar-close {
    background: #999;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 99
}

.fixed-toolbar.page-top-fixed > .fixed-toolbar-close {
    top: 0
}

@-webkit-keyframes shoppingcart-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes shoppingcart-fadein {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.cc-textblock table {
    width: 100%
}

.product .cc-button--event {
    background-color: #da8302;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px
}

.inquiry-cart {
    background-color: #989898;
    border-radius: 50%;
    bottom: 110px;
    display: none;
    height: 50px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 50px;
    z-index: 98
}

.inquiry-cart.block {
    display: block
}

.inquiry-cart--icon {
    height: 50px;
    line-height: 62px;
    position: relative;
    text-align: center;
    width: 50px
}

.inquiry-cart--icon i {
    color: #fff;
    font-size: 26px
}

.inquiry-cart--icon img {
    height: 30px;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px
}

.inquiry-cart--mark {
    background-color: red;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.inquiry-list {
    border: 1px solid #7f7f7f;
    bottom: -300px;
    height: 300px;
    position: fixed;
    right: 0;
    visibility: hidden;
    width: 230px;
    z-index: 100
}

.inquiry-list, .inquiry-list.block {
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
    transition: .5s linear
}

.inquiry-list.block {
    bottom: 0;
    visibility: visible
}

.inquiry-list--header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3095fb;
    background-color: var(--theme-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    height: 42px;
    line-height: 40px;
    padding: 0 10px;
    width: 100%
}

.inquiry-list--close {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.inquiry-list--header_title {
    height: 40px;
    text-align: center;
    width: 260px
}

.inquiry-list--body {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 212px;
    width: 100%
}

.inquiry-list--items {
    height: 100%;
    overflow-y: auto;
    width: 100%
}

.inquiry-list--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.inquiry-list--item .inquiry-item--thumb {
    height: 40px;
    margin-right: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 40px
}

.inquiry-list--item .inquiry-item--info {
    height: 40px;
    text-align: left;
    width: calc(100% - 50px)
}

.inquiry-list--item .inquiry-item--info.nothumb {
    width: 100%
}

.inquiry-list--item .inquiry-item--info .info-title {
    color: #000;
    white-space: nowrap
}

.inquiry-list--item .inquiry-item--info .info-title, .inquiry-list--item .inquiry-item--info .remove-item {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%
}

.inquiry-list--item .inquiry-item--info .remove-item {
    color: #444;
    display: none;
    text-align: left
}

.inquiry-list--item:hover .inquiry-item--info .remove-item {
    color: red;
    display: block
}

.inquiry-list--footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    justify-content: space-between;
    padding: 10px;
    width: 100%
}

.remove-list {
    background-color: red;
    color: #fff
}

.jump-inquiry, .remove-list {
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    padding: 4px 16px
}

.jump-inquiry {
    background-color: #1f99fd
}

.jump-inquiry a {
    color: #fff
}

.nopadding .cc-radio.default {
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.breathing {
    -webkit-animation: breathing .8s infinite;
    animation: breathing .8s infinite;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

@-webkit-keyframes breathing {
    0% {
        border-color: transparent
    }
    50% {
        border-color: red
    }
    to {
        border-color: transparent
    }
}

@keyframes breathing {
    0% {
        border-color: transparent
    }
    50% {
        border-color: red
    }
    to {
        border-color: transparent
    }
}

.cc-thumbnail__fade .cc-thumbnail__hover {
    height: auto;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out, z-index .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, z-index .3s ease-in-out;
    transition: opacity .3s ease-in-out, z-index .3s ease-in-out;
    width: 100%;
    z-index: -1
}

.cc-thumbnail__fade img:first-child {
    opacity: 1 !important
}

.cc-thumbnail__fade:hover .cc-thumbnail__hover {
    opacity: 1 !important;
    -webkit-transition: opacity .3s ease-in-out, z-index .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, z-index .3s ease-in-out;
    transition: opacity .3s ease-in-out, z-index .3s ease-in-out;
    z-index: 1
}

.cc-thumbnail__fade video::-webkit-media-controls-current-time-display, .cc-thumbnail__fade video::-webkit-media-controls-timeline {
    display: none
}

.cc-thumbnail__fade video::-webkit-media-controls-fullscreen-button, .cc-thumbnail__fade video::-webkit-media-controls-time-remaining-display {
    display: none
}

.cc-login-after, .cc-login-btn {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 2px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cc-login-after.disabled, .cc-login-btn.disabled {
    cursor: no-drop
}

.cc-login-after.disabled *, .cc-login-btn.disabled * {
    pointer-events: none
}

.cc-loading--spinner {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cc-loading--spinner__item {
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
    aspect-ratio: 1;
    background: #dcdcdc;
    border-radius: 50%;
    -webkit-mask: conic-gradient(#0000 10%, #000), -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    mask: conic-gradient(#0000 10%, #000), -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    padding: 4px;
    width: 12px
}

@-webkit-keyframes loading {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Page-header--mobile {
    display: none
}

.header-type-immersion2 .Page-header--main, .header-type-immersion .Page-header--main, .Page-header--main.fixed, .Page-header--mobile.fixed {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 10
}

.header-simple-mobile__placeholder {
    display: none
}

@-webkit-keyframes top-bottom {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes top-bottom {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.header-type-immersion2 .Page-header--topbar {
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.Page-header--main, .Page-header--mobile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.Page-slot--template-header_in {
    min-width: 100px
}

.Page-header--logo, .Page-header--logo h1 {
    font-size: 0
}

.Page-header--logo .mobile-logo {
    display: none
}

.Page-header--logo img {
    max-height: 60px
}

.Page-header--menu {
    width: 99%
}

.Page-header--widgets {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Page-header--widgets > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    white-space: nowrap
}

.Page-header--default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.Page-header--default > div {
    padding: 0 10px;
    position: relative;
    white-space: nowrap
}

.Page-header--default > div, .Page-header--simple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Page-header--simple {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--simple .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--simple .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--simple .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--simple .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--dropdown {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--dropdown .Page-header--icons {
    width: auto !important
}

.Page-header--dropdown .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--dropdown .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--dropdown .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--dropdown .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--mobile .Page-header--dropdown {
    background-color: transparent
}

.Page-header--main .Page-header--dropdown ~ .Page-header--shade .Page-header--shade__menu {
    background-color: #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 4px
}

.Page-header-fixed-left > .Page-header {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inherit;
    float: left;
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 250px;
    z-index: 0
}

.Page-header-fixed-left > .Page-header > .Page-header--main {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100vh;
    width: 100%
}

.Page-header--left__fixed {
    -ms-flex-pack: distribute;
    display: grid;
    grid-template-columns:250px;
    justify-content: space-around
}

.Page-header--left__fixed .Page-header--logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    min-height: 6vh
}

.Page-header--left__fixed .Page-header--menu {
    width: 100%
}

.Page-header--left__fixed .Page-header--widgets {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 16px 0;
    min-height: 6vh
}

.Page-header--left__fixed .Page-header--widgets .Page-header--languages, .Page-header--left__fixed .Page-header--widgets .Page-header--search {
    margin: 4px 0;
    padding: 0 6px;
    width: 100%
}

.Page-header--left__fixed .Page-header--widgets .Page-header--languages ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.Page-header--left__fixed .Page-header--widgets .Page-header--languages ul li {
    margin: 0 6px;
    width: calc(33.33333% - 12px)
}

.Page-header--left__fixed .Page-header--widgets .Page-header--languages ul li:nth-of-type(3n+1) {
    margin-left: 0
}

.Page-header--left__fixed .Page-header--widgets .Page-header--languages ul li:nth-of-type(3n) {
    margin-right: 0
}

.Page-header--left__fixed .Page-header--menu .Page-header--shade {
    display: block
}

.Page-header--left__fixed .cc-menu--horizontal > .cc-menu--nav > .cc-menu--item {
    height: auto !important;
    overflow: hidden;
    padding: 0 !important;
    width: 100%
}

.Page-header--left__fixed .cc-menu--horizontal > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link {
    height: auto !important;
    overflow: hidden;
    padding: 0 30px
}

.Page .Page-header--left__fixed .cc-menu--nav > li > .cc-menu--nav {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: auto
}

.Page .Page-header--left__fixed .cc-menu--item .cc-menu--item {
    padding: unset
}

.Page-header--left__fixed .cc-menu--nav > li > .cc-menu--nav .cc-menu--item__link {
    padding: 0 20px
}

.Page-header-fixed-left > .Page-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: initial;
    float: right;
    height: 100vh;
    overflow: visible;
    padding-left: 250px;
    width: 100%
}

.Page-header-fixed-left > .Page-body > .Page-content .cc-row--width__default {
    max-width: 100% !important
}

.Page-header-fixed-right > .Page-header {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inherit;
    float: right;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 250px;
    z-index: 0
}

.Page-header-fixed-right > .Page-header > .Page-header--main {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100vh;
    width: 100%
}

.Page-header--right__fixed {
    -ms-flex-pack: distribute;
    display: grid;
    grid-template-columns:250px;
    justify-content: space-around
}

.Page-header--right__fixed .Page-header--logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    min-height: 6vh
}

.Page-header--right__fixed .Page-header--menu {
    width: 100%
}

.Page-header--right__fixed .Page-header--widgets {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 16px 0;
    min-height: 6vh
}

.Page-header--right__fixed .Page-header--widgets .Page-header--languages, .Page-header--right__fixed .Page-header--widgets .Page-header--search {
    margin: 4px 0;
    padding: 0 6px;
    width: 100%
}

.Page-header--right__fixed .Page-header--widgets .Page-header--languages ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.Page-header--right__fixed .Page-header--widgets .Page-header--languages ul li {
    margin: 0 6px;
    width: calc(33.33333% - 12px)
}

.Page-header--right__fixed .Page-header--widgets .Page-header--languages ul li:nth-of-type(3n+1) {
    margin-left: 0
}

.Page-header--right__fixed .Page-header--widgets .Page-header--languages ul li:nth-of-type(3n) {
    margin-right: 0
}

.Page-header--right__fixed .Page-header--menu .Page-header--shade {
    display: block
}

.Page-header--right__fixed .cc-menu--horizontal > .cc-menu--nav > .cc-menu--item {
    height: auto !important;
    overflow: hidden;
    padding: 0 !important;
    width: 100%
}

.Page-header--right__fixed .cc-menu--horizontal > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link {
    height: auto !important;
    overflow: hidden;
    padding: 0 30px
}

.Page .Page-header--right__fixed .cc-menu--nav > li > .cc-menu--nav {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: auto
}

.Page .Page-header--right__fixed .cc-menu--item .cc-menu--item {
    padding: unset
}

.Page-header--right__fixed .cc-menu--nav > li > .cc-menu--nav .cc-menu--item__link {
    padding: 0 20px
}

.Page-header-fixed-right > .Page-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: initial;
    float: left;
    height: 100vh;
    overflow: visible;
    padding-right: 250px;
    width: 100%
}

.Page-header-fixed-right > .Page-body > .Page-content .cc-row--width__default {
    max-width: 100% !important
}

.Page-header--cover {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--cover .Page-header--icons {
    width: auto !important
}

.Page-header--cover .menu-colse {
    display: none !important;
    font-size: 18px !important;
    position: fixed;
    right: 39px;
    z-index: 100
}

.placeholder {
    display: none !important;
    height: 23px;
    width: 16px
}

.Page-header--cover ~ .Page-header--shade:before {
    background-color: #eee;
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.Page-header--cover .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--cover .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--cover .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--cover .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--mobile .Page-header--cover {
    background-color: transparent
}

.Page-header--cover-custom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--cover-custom .Page-header--icons {
    width: auto !important
}

.Page-header--cover-custom .menu-colse {
    display: none !important;
    font-size: 18px !important;
    position: fixed;
    right: 39px;
    z-index: 100
}

.Page-header--cover-custom ~ .Page-header--shade:before {
    background-color: #eee;
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.Page-header--cover-custom .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--cover-custom .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--cover-custom .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--cover-custom .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--mobile .Page-header--cover-custom {
    background-color: transparent
}

.Page-header--cover-noheader {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--cover-noheader .Page-header--icons {
    width: auto !important
}

.Page-header--cover-noheader ~ .Page-header--shade:before {
    background-color: #eee;
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.Page-header--cover-noheader .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--cover-noheader .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--cover-noheader .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--cover-noheader .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--mobile .Page-header--cover-noheader {
    background-color: transparent
}

.Page-header--left-drawer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--left-drawer .Page-header--icons {
    width: auto !important
}

.Page-header--left-drawer .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--left-drawer .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--left-drawer .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--left-drawer .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--mobile .Page-header--left-drawer {
    background-color: transparent
}

.Page-header--main .Page-header--left-drawer ~ .Page-header--shade {
    display: initial;
    height: 100vh;
    left: -280px;
    position: fixed;
    visibility: hidden;
    width: 280px;
    z-index: 99
}

.Page-header--right-drawer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 1em;
    width: 100%
}

.Page-header--right-drawer .Page-header--icons {
    width: auto !important
}

.Page-header--right-drawer .Page-header--icons > ul {
    font-size: 0;
    vertical-align: middle
}

.Page-header--right-drawer .Page-header--icons > ul > li {
    display: inline-block;
    font-size: 16px
}

.Page-header--right-drawer .Page-header--icons > ul > li + li {
    margin-left: 10px
}

.Page-header--right-drawer .Page-header--icons .menu {
    cursor: pointer
}

.Page-header--mobile .Page-header--right-drawer {
    background-color: transparent
}

.Page-header--main .Page-header--right-drawer ~ .Page-header--shade {
    display: initial;
    height: 100vh;
    position: fixed;
    right: -280px;
    visibility: hidden;
    width: 280px;
    z-index: 99
}

.Page-header--menu-alone {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.Page-header--menu-alone > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    white-space: nowrap
}

.Page-header--menu-alone .Page-header--menu {
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
    width: 100%
}

.Page-header--menu-alone.justify-flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Page-header--menu-alone.justify-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Page-header--menu-alone.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Page-header--menu-alone.justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.Page-header--menu-alone.justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Page-header--menu-double {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.Page-header--menu-double > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    white-space: nowrap
}

.Page-header--menu-double .Page-header--menu {
    white-space: normal
}

.Page-header--menu-double .Page-header--menu__left {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.Page-header--menu-double .Page-header--menu__right {
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important
}

.Page-header--menu-double .Page-header--widgets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Page-header--custommenu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.Page-header--custommenu > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    white-space: nowrap
}

.Page-header--shade {
    display: none
}

body.show-mobile-menu {
    height: 100vh;
    overflow: hidden
}

.show-mobile-menu .Page-header--shade {
    display: block
}

.show-mobile-menu .Page-header {
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.show-mobile-menu .Page-header:before {
    background-color: #eee;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.show-mobile-menu .Page-header .Page-header--topbar {
    display: block
}

.Page-header--shade__widgets > * {
    margin: 5px
}

.Page-header--mobile .Page-header--simple {
    background-color: transparent
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    -o-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
    -o-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
    -o-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
    -o-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
    -o-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
    -o-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
    -o-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
    -o-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
    -o-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
    -o-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
    -o-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
    -o-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
    -o-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
    -o-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
    -o-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    -o-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
    -o-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
    -o-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
    -o-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    -o-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
    -o-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
    -o-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    -o-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
    -o-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    -o-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
    -o-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
    -o-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    -o-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
    -o-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
    -o-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
    -o-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
    -o-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    -o-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
    -o-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
    -o-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    -o-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
    -o-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
    -o-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    -o-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
    -o-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
    -o-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    -o-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
    -o-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    -o-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
    -o-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    -o-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
    -o-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
    -o-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    -o-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
    -o-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    -o-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
    -o-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    -o-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    -o-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    -o-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    -o-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    -o-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    -o-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    -o-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    -o-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    -o-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: color, background-color, opacity, -webkit-transform;
        -webkit-transition-property: color, background-color, opacity, -webkit-transform;
        -o-transition-property: color, background-color, opacity, transform;
        transition-property: color, background-color, opacity, transform;
        transition-property: color, background-color, opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: color, background-color, opacity, -webkit-transform;
        -webkit-transition-property: color, background-color, opacity, -webkit-transform;
        -o-transition-property: color, background-color, opacity, transform;
        transition-property: color, background-color, opacity, transform;
        transition-property: color, background-color, opacity, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(.6);
        transform: translate3d(0, 100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(.6);
        transform: translate3d(0, -100px, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
        transform: translate3d(-100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(.6);
        transform: translate3d(100px, 0, 0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: color, background-color, -webkit-transform;
        -webkit-transition-property: color, background-color, -webkit-transform;
        -o-transition-property: color, background-color, transform;
        transition-property: color, background-color, transform;
        transition-property: color, background-color, transform, -webkit-transform;
        visibility: hidden
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        visibility: visible
    }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-up-long] {
        -webkit-transform: translate3d(0, 100vh, 0);
        transform: translate3d(0, 100vh, 0)
    }

    html:not(.no-js) [data-aos=slide-down-long] {
        -webkit-transform: translate3d(0, -100vh, 0);
        transform: translate3d(0, -100vh, 0)
    }

    html:not(.no-js) [data-aos=slide-right-long] {
        -webkit-transform: translate3d(-100vw, 0, 0);
        transform: translate3d(-100vw, 0, 0)
    }

    html:not(.no-js) [data-aos=slide-left-long] {
        -webkit-transform: translate3d(100vw, 0, 0);
        transform: translate3d(100vw, 0, 0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: color, background-color, -webkit-transform;
        -webkit-transition-property: color, background-color, -webkit-transform;
        -o-transition-property: color, background-color, transform;
        transition-property: color, background-color, transform;
        transition-property: color, background-color, transform, -webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    html:not(.no-js) [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    html:not(.no-js) [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

    html:not(.no-js) [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

    html:not(.no-js) [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }
}

.cc-accordion {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 0;
    overflow: hidden
}

.cc-accordion--wrapper {
    overflow: hidden;
    white-space: nowrap
}

.cc-accordion--item {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    display: inline-block;
    max-width: 70vw;
    -webkit-transition: width .5s ease-out;
    -o-transition: width .5s ease-out;
    transition: width .5s ease-out;
    width: 20%
}

.cc-accordion--item__info {
    position: relative
}

.cc-accordion--item__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    white-space: normal
}

.cc-accordion--item__text p {
    display: inline-block;
    overflow: hidden;
    white-space: normal
}

.cc-accordion--first .cc-accordion--item, .cc-accordion:hover .cc-accordion--item:not(:hover) {
    width: 50px
}

.cc-accordion--first .cc-accordion--item:first-child, .cc-accordion .cc-accordion--item:hover {
    width: 400px
}

.cc-accordion img {
    height: auto;
    max-width: 70vw
}

.cc-accordion a, .cc-audio {
    display: block
}

.cc-audio, .cc-baidumap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-baidumap {
    display: block
}

.cc-baidumap--body {
    overflow: hidden
}

.cc-baidumap .BMapLib_bubble_content img {
    max-width: 95%
}

.cc-baidumap table td, .cc-baidumap table th {
    -webkit-box-sizing: initial;
    box-sizing: initial;
    padding: 0
}

.cc-basemap, .cc-bingmap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-bingmap--body {
    overflow: hidden
}

.cc-bingmap table td, .cc-bingmap table th {
    -webkit-box-sizing: initial;
    box-sizing: initial;
    padding: 0
}

.cc-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-blockswitch {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.cc-blockswitch--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 8% 30px;
    width: 30%
}

.cc-blockswitch--content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    -webkit-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    transition-duration: 0ms;
    width: 100%
}

.cc-blockswitch--content ul .cc-blockswitch--content__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%
}

.cc-blockswitch--content ul .cc-blockswitch--content__item.block {
    opacity: 1
}

.cc-blockswitch--content ul .cc-blockswitch--content__item .content-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    padding: 4px 6px
}

.cc-blockswitch--content ul .cc-blockswitch--content__item .content-description {
    color: #383838;
    font-size: 16px;
    line-height: normal;
    padding: 4px 6px
}

.cc-blockswitch--content ul .cc-blockswitch--content__item .content-jump {
    display: block;
    font-size: 16px;
    line-height: normal;
    margin: 10px 0;
    padding: 4px 6px
}

.cc-blockswitch--blockImg {
    position: relative;
    width: 70%
}

.cc-blockswitch--blockImg ul.cc-blockswitch--img__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.cc-blockswitch--blockImg ul .cc-blockswitch--img__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%
}

.cc-blockswitch--blockImg ul .cc-blockswitch--img__item.block {
    opacity: 1
}

.cc-blockswitch--blockImg ul .cc-blockswitch--img__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-blockswitch--blockImg ul.cc-blockswitch--block__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item {
    -webkit-box-flex: 1;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .3)
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item .block-content {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item .block-content .imgicon {
    height: 60px;
    margin: 16px auto;
    overflow: hidden;
    text-align: center;
    width: 60px
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item .block-imgicon {
    display: block
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item .block-imgicon--show, .cc-blockswitch--blockImg ul .cc-blockswitch--block__item.block .block-imgicon {
    display: none
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item.block .block-imgicon--show {
    display: block
}

.cc-blockswitch--blockImg ul .cc-blockswitch--block__item .block-title a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    display: block;
    font-size: 14px;
    line-height: normal;
    padding: 0 10px;
    width: 100%
}

.cc-blockswitch--style2 .cc-blockswitch--block__item {
    cursor: pointer
}

.cc-blockswitch--style2 .block-content .block-title {
    color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0 20px
}

.cc-blockswitch--style2 .block-content .content-description {
    color: #000;
    color: #fff;
    font-size: 14px;
    margin: 20px 0;
    padding: 0 20px
}

.cc-blockswitch--style2 .block-content .view-single {
    color: #000;
    font-size: 14px;
    margin: 20px 0;
    text-align: center
}

.cc-blockswitch--style2 .block-content .view-single button {
    border: 1px solid #eee;
    border-radius: 3px;
    color: #fff;
    padding: 6px 8px
}

.cc-breadcrumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    padding: 10px 0
}

.cc-breadcrumb ul li img {
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle
}

.cc-breadcrumb--align__left {
    text-align: left
}

.cc-breadcrumb--align__center {
    text-align: center
}

.cc-breadcrumb--align__right {
    text-align: right
}

.cc-breadcrumb ul {
    overflow: hidden
}

.cc-breadcrumb li {
    display: inline-block
}

.cc-breadcrumb li.disabled, .cc-breadcrumb li:last-child {
    pointer-events: none
}

.cc-breadcrumb li:nth-child(n+2):before {
    color: currentColor;
    content: "/";
    display: inline-block;
    margin: 0 10px
}

.cc-breadcrumb a {
    color: inherit
}

.cc-builderlist {
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    position: relative
}

.cc-builderlist, .cc-builderlist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-builderlist--item {
    overflow: hidden
}

.cc-builderlist--meta {
    color: #ccc;
    font-size: 12px;
    white-space: nowrap
}

.cc-builderlist--author, .cc-builderlist--date {
    display: inline
}

.cc-builderlist--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.cc-builderlist--content {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 3.14em;
    line-height: 1.57em;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative;
    white-space: normal
}

.cc-builderlist--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-builderlist--image img {
    height: auto;
    max-width: 100%
}

.cc-builderlist--main {
    text-align: left
}

.cc-builderlist--title a {
    display: inline-block
}

.cc-builderlist--image {
    font-size: 0;
    text-align: center
}

.cc-builderlist--grid .cc-builderlist--body > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-builderlist--grid .cc-builderlist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 0 1%;
    width: 50%
}

.cc-builderlist--grid .cc-builderlist--image, .cc-builderlist--grid .cc-builderlist--main {
    background-color: #fff
}

.cc-builderlist--grid .cc-builderlist--main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 20px
}

.cc-title-Welt .cc-builderlist--item .relBox {
    height: 100%;
    position: relative
}

.cc-builderlist--grid.cc-title-Welt .cc-builderlist--main {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.cc-builderlist--list .cc-builderlist--item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px
}

.cc-builderlist--list .cc-builderlist--image {
    height: 112.5px;
    margin-right: 20px;
    width: 150px
}

.cc-builderlist--list .cc-builderlist--image img {
    height: 100%;
    width: 100%
}

.cc-builderlist--list .cc-builderlist--main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.cc-builderlist--filter__search {
    margin: 5px .5%
}

.cc-builderlist--filter__search .cc-form--input__append {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 2px
}

.cc-builderlist--filter__search .cc-time-pick input {
    width: 195px
}

.cc-builderlist--filter__search .cc-form--input {
    width: auto
}

.cc-builderlist--filter__category {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    margin: 5px 0;
    overflow: hidden
}

.cc-builderlist--filter__category a {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 14px;
    margin: .5%;
    padding: 7px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 19%
}

.cc-builderlist--filter__category a.current, .cc-builderlist--filter__category a:hover {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    color: #fff
}

.cc-builderlist--empty {
    color: #ccc;
    padding: 15px 0;
    text-align: center
}

.cc-builderlist-hov-scale .cc-builderlist--image {
    overflow: hidden
}

.cc-builderlist-hov-scale .cc-builderlist--image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.cc-builderlist-hov-scale .cc-builderlist--item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-builderlist .cc-builderlist-tag--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px -6px;
    width: 100%
}

.cc-builderlist .cc-builderlist-tag--items .cc-builderlist-tag--item {
    background-color: #ececec;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 6px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center
}

.cc-builderlist .cc-builderlist-tag--items .cc-builderlist-tag--item a {
    color: #686666
}

.cc-builderlist .cc-builderlist--item .cc-builderlist--image {
    overflow: hidden;
    position: relative
}

.cc-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-button .slot-main {
    background-color: #f8f8f8;
    background-color: var(--background-color, #f8f8f8);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: 4px 10px;
    position: relative;
    text-align: center;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    vertical-align: middle
}

.cc-button[node-type=button] .slot-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-button a {
    color: inherit
}

.cc-button .slot-main:after {
    background-color: hsla(0, 0%, 100%, .3);
    content: "";
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-button .slot-main:active:after {
    background-color: #000;
    display: block;
    opacity: .1;
    pointer-events: none
}

.cc-button .slot-main:hover {
    background-color: #e6e6e6;
    background-image: none;
    color: #333
}

.cc-button .slot-main:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.cc-button--full .slot-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
}

.cc-button--full .slot-main, .cc-button--large .slot-main {
    border-radius: 2px;
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px
}

.cc-button--small .slot-main {
    font-size: 11px;
    line-height: 16px;
    padding: 5px 9px
}

.cc-button--mini .slot-main {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 6px
}

.cc-button--disabled .slot-main {
    background-image: none;
    cursor: not-allowed;
    pointer-events: none;
    position: relative
}

.cc-button--disabled .slot-main:after {
    display: block
}

.cc-button--round .slot-main {
    border-radius: 2em
}

.cc-button--error .slot-main, .cc-button--error:hover .slot-main, .cc-button--primary .slot-main, .cc-button--primary:hover .slot-main, .cc-button--success .slot-main, .cc-button--success:hover .slot-main, .cc-button--warning .slot-main, .cc-button--warning:hover .slot-main {
    color: #fff
}

.cc-button--primary .slot-main {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb)
}

.cc-button--primary .slot-main:hover {
    background-color: #1989fa;
    background-color: var(--theme-color-dark, #1989fa)
}

.cc-button--warning .slot-main {
    background-color: #ffa179;
    background-color: var(--warning-color, #ffa179)
}

.cc-button--warning .slot-main:hover {
    background-color: #ff976a;
    background-color: var(--warning-color-dark, #ff976a)
}

.cc-button--success .slot-main {
    background-color: #20c770;
    background-color: var(--success-color, #20c770)
}

.cc-button--success .slot-main:hover {
    background-color: #07c160;
    background-color: var(--success-color-dark, #07c160)
}

.cc-button--error .slot-main {
    background-color: #ff5757;
    background-color: var(--error-color, #ff5757)
}

.cc-button--error .slot-main:hover {
    background-color: #f44;
    background-color: var(--error-color-dark, #f44)
}

.cc-button--line .slot-main {
    background-color: transparent !important
}

.cc-button--line.cc-button--primary .slot-main {
    border-color: #3095fb;
    border-color: var(--theme-color);
    color: #3095fb;
    color: var(--theme-color)
}

.cc-button--line.cc-button--warning .slot-main {
    border-color: #ffa179;
    border-color: var(--warning-color, #ffa179);
    color: #ffa179;
    color: var(--warning-color)
}

.cc-button--line.cc-button--warning .slot-main:hover {
    border-color: #ff976a;
    border-color: var(--warning-color-dark, #ff976a)
}

.cc-button--line.cc-button--success .slot-main {
    border-color: #20c770;
    border-color: var(--success-color, #20c770);
    color: #20c770;
    color: var(--success-color)
}

.cc-button--line.cc-button--success .slot-main:hover {
    border-color: #07c160;
    border-color: var(--success-color-dark, #07c160)
}

.cc-button--line.cc-button--error .slot-main {
    border-color: #ff5757;
    border-color: var(--error-color, #ff5757);
    color: #ff5757;
    color: var(--error-color)
}

.cc-button--line.cc-button--error .slot-main:hover {
    border-color: #f44;
    border-color: var(--error-color-dark, #f44)
}

.cc-button--left {
    text-align: left
}

.cc-button--center {
    text-align: center
}

.cc-button--right {
    text-align: right
}

.cc-collapse {
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    overflow: hidden
}

.cc-collapse--header {
    background-color: #dcdee2;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 2.71em;
    line-height: 2.71em;
    padding-left: 1.1em;
    position: relative;
    -webkit-transition: border .7s;
    -o-transition: border .7s;
    transition: border .7s
}

.cc-collapse .cc-collapse--item.cc-collapse--item__block .cc-collapse--header {
    border-bottom-color: transparent;
    -webkit-transition: border .7s;
    -o-transition: border .7s;
    transition: border .7s
}

.cc-collapse .cc-collapse--item .cc-collapse--content {
    border-bottom: none
}

.cc-collapse .cc-collapse--item.cc-collapse--item__block .cc-collapse--content {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color)
}

.cc-collapse .cc-collapse--item.cc-collapse--item__block:last-child .cc-collapse--content {
    border-bottom: none
}

.cc-collapse--content {
    background-color: #fff;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s
}

.cc-collapse--content > .richtext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.cc-collapse--header__arrow {
    margin-right: 14px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.cc-collapse--item__block .cc-collapse--header__arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cc-collapse--item__block .cc-collapse--content {
    max-height: 350px;
    overflow: auto
}

.cc-collapse--item:last-child:not(.cc-collapse--item__block) .cc-collapse--header {
    border-bottom-color: transparent
}

[class*=cc-col-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.cc-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-col--align__middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cc-col--align__bottom {
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end
}

.cc-col--justify__start {
    text-align: left
}

.cc-col--justify__center {
    text-align: center
}

.cc-col--justify__end {
    text-align: right
}

.cc-col-0 {
    display: none;
    width: 0
}

.cc-col-1 {
    width: 4.16667%
}

.cc-col-2 {
    width: 8.33333%
}

.cc-col-3 {
    width: 12.5%
}

.cc-col-4 {
    width: 16.66667%
}

.cc-col-5 {
    width: 20.83333%
}

.cc-col-6 {
    width: 25%
}

.cc-col-7 {
    width: 29.16667%
}

.cc-col-8 {
    width: 33.33333%
}

.cc-col-9 {
    width: 37.5%
}

.cc-col-10 {
    width: 41.66667%
}

.cc-col-11 {
    width: 45.83333%
}

.cc-col-12 {
    width: 50%
}

.cc-col-13 {
    width: 54.16667%
}

.cc-col-14 {
    width: 58.33333%
}

.cc-col-15 {
    width: 62.5%
}

.cc-col-16 {
    width: 66.66667%
}

.cc-col-17 {
    width: 70.83333%
}

.cc-col-18 {
    width: 75%
}

.cc-col-19 {
    width: 79.16667%
}

.cc-col-20 {
    width: 83.33333%
}

.cc-col-21 {
    width: 87.5%
}

.cc-col-22 {
    width: 91.66667%
}

.cc-col-23 {
    width: 95.83333%
}

.cc-col-24 {
    width: 100%
}

.cc-commentlist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px;
    overflow: hidden;
    width: 100%
}

.cc-commentlist .cc-comment--count {
    font-size: 16px;
    font-weight: 700
}

.cc-commentlist .cc-comment--reply .cc-comment-list .cc-comment-item .cc-comment-article .richtext {
    font-size: 14px
}

.cc-comment-header {
    border: 1px solid #ececec;
    height: auto;
    width: 100%
}

.cc-comment-header textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    font-size: 14px;
    height: 120px;
    padding: 4px 6px;
    width: 100%
}

.cc-comment-header .userinfo {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    border-top: 1px solid #ececec;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: end;
    line-height: 40px;
    padding: 4px 6px
}

.cc-comment-header .userinfo .btn-info {
    background-color: #ececec;
    border: 1px solid #8a8a8a;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0;
    padding: 5px 10px
}

.cc-comment-header .userinfo .btn-info:hover {
    cursor: pointer
}

.cc-countdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    text-align: center
}

.cc-countdown .hr {
    background-color: #ebedf0;
    background-color: var(--border-color, #eee);
    display: inline-block;
    height: 1px;
    width: 40%
}

.cc-countdown .number-wrapper {
    color: #3095fb;
    color: var(--theme-color, #3095fb);
    font-size: 90px;
    line-height: 90px
}

.cc-countup--content {
    color: #083580;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 90px;
    line-height: 90px
}

.cc-countup--number {
    font-size: 90px;
    text-align: center
}

.cc-countup--postfix, .cc-countup--prefix {
    font-size: 66%
}

.cc-countup--style2 .cc-countup--content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 90px;
    overflow: hidden
}

.cc-countup--style2 .cc-countup--number {
    color: #083580;
    font-size: 90px;
    line-height: 90px;
    text-align: center
}

.cc-countup--style2 .cc-countup--postfix, .cc-countup--style2 .cc-countup--prefix {
    font-size: 66%;
    line-height: 90px
}

.cc-custom {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-datatable {
    min-height: 30px
}

.cc-datatable--search {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    justify-content: end;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%
}

.cc-datatable--search .cc-datatable--search__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    min-width: 240px
}

.cc-datatable--search .cc-datatable--search__wrapper .search-label {
    word-wrap: break-word;
    font-size: 14px;
    margin-right: 10px;
    min-width: 60px;
    text-align: center;
    white-space: nowrap;
    width: auto
}

.cc-datatable--search .cc-datatable--search__wrapper .search-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 14px;
    height: 30px;
    justify-content: space-between;
    line-height: 30px;
    width: 240px
}

.cc-datatable--search .cc-datatable--search__wrapper .search-content .search-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    width: calc(100% - 50px)
}

.cc-datatable .cc-datatable--search__unite {
    text-align: center;
    width: 100%
}

.cc-datatable .cc-datatable--search__unite button {
    background-color: #ccc;
    margin: 10px 0;
    padding: 10px 20px
}

.cc-datatable .cc-datatable--searchs.vertical ~ .cc-datatable--search__unite button {
    width: 340px
}

.cc-datatable .cc-datatable--search__unite button i {
    margin-left: 10px
}

.cc-datatable--searchs.horizontal {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start
}

.cc-datatable--searchs.horizontal .cc-datatable--search {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 10px 1%;
    width: 32%
}

.cc-datatable--searchs.vertical .cc-datatable--search {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cc-datatable--searchs.vertical .cc-datatable--search .cc-datatable--search__wrapper {
    width: 340px
}

.cc-datatable--searchs .cc-datatable--search__wrapper {
    width: 100%
}

.cc-datatable--searchs .cc-datatable--search__wrapper .search-label {
    word-wrap: break-word;
    font-size: 14px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    width: 60px
}

.cc-datatable--searchs .cc-datatable--search__wrapper .search-content {
    width: calc(100% - 70px)
}

.cc-datatable.cc-datatable--bespread .cc-datatable--simple .cc-datatable--file__items, .cc-datatable.cc-datatable--custom .cc-datatable--simple .cc-datatable--file__items, .cc-datatable .cc-datatable--local .cc-datatable--file__items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    min-width: 120px
}

.cc-datatable.cc-datatable--auto .cc-datatable--simple .cc-datatable--file__items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cc-datatable .cc-datatable--local .cc-datatable--file__items .cc-datatable--file__item, .cc-datatable .cc-datatable--simple .cc-datatable--file__items .cc-datatable--file__item {
    margin: 5px 6px
}

.cc-datatable .cc-datatable--local .cc-datatable--file__items .cc-datatable--file__item a, .cc-datatable .cc-datatable--local .cc-datatable--file__items .cc-datatable--file__item a *, .cc-datatable .cc-datatable--simple .cc-datatable--file__items .cc-datatable--file__item a, .cc-datatable .cc-datatable--simple .cc-datatable--file__items .cc-datatable--file__item a * {
    display: block
}

.cc-datatable .cc-datatable--simple::-webkit-scrollbar {
    height: 6px;
    width: 5px
}

.cc-datatable .cc-datatable--local .tabulator-tableholder::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

.cc-datatable--search .cc-datatable--search__wrapper .search-content i {
    background-color: #ececec;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 50px
}

.cc-datatable .cc-datatable--table .tabulator-tableHolder .tabulator-table .tabulator-row {
    min-height: 40px
}

.cc-datatable--table .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
    height: 40px !important;
    line-height: 40px;
    padding: unset
}

.cc-datatable .tabulator .tabulator-header .tabulator-col {
    text-align: center
}

.cc-datatable .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-filter input {
    background-color: #fff;
    border: 1px solid #c6c6c6;
    height: 26px;
    line-height: 26px
}

.tabulator-edit-list .tabulator-edit-list-item.active {
    background: #aff;
    color: #000
}

.tabulator-edit-list .tabulator-edit-list-item.focused {
    outline: 1px solid #aff
}

.cc-datatable .tabulator .tabulator-footer {
    background-color: #fff
}

.cc-datatable .tabulator-edit-list {
    right: 0 !important;
    top: 61px !important
}

.cc-datatable .tabulator .tabulator-footer .tabulator-page-size {
    padding: 3px 30px
}

.cc-datatable--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-datatable .cc-datatable--local .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell img {
    height: 43px;
    width: 43px
}

.cc-datatable .cc-datatable--local .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell .fa-file-archive, .cc-datatable .cc-datatable--local .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell .fa-file-audio, .cc-datatable .cc-datatable--local .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell .fa-file-video {
    font-size: 43px;
    height: 43px;
    width: 43px
}

.cc-datatable .cc-datatable--simple {
    width: 100%
}

.cc-datatable .cc-datatable--simple table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    word-break: break-all
}

.cc-datatable.cc-datatable--auto .cc-datatable--simple table {
    white-space: nowrap
}

.cc-datatable.cc-datatable--bespread .cc-datatable--simple table {
    max-width: 100%;
    width: 100%
}

.cc-datatable .cc-datatable--simple table > tbody > tr > td, .cc-datatable .cc-datatable--simple table > tbody > tr > th, .cc-datatable .cc-datatable--simple table > tfoot > tr > td, .cc-datatable .cc-datatable--simple table > tfoot > tr > th, .cc-datatable .cc-datatable--simple table > thead > tr > td, .cc-datatable .cc-datatable--simple table > thead > tr > th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle
}

.cc-datatable .cc-datatable--simple thead th .th-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cc-datatable .cc-datatable--simple thead th .sort-icon {
    cursor: pointer;
    margin: 0 4px;
    width: 14px
}

.cc-datatable .cc-datatable--simple thead th .th-content .fs-up {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 28px;
    line-height: 10px;
    padding: 4px 0;
    text-align: center;
    vertical-align: top;
    width: 14px
}

.cc-datatable .cc-datatable--simple thead th .th-content .fs-up i {
    color: #999;
    font-size: 14px;
    height: 10px
}

.cc-datatable .cc-datatable--simple thead th .th-content .fs-up i:first-child {
    margin-top: -1px
}

.cc-datatable .cc-datatable--simple thead th .th-content .fs-up i:last-child {
    margin-top: -4px
}

.cc-datatable .cc-datatable--simple thead th .th-content .fs-up i.on {
    color: #fff
}

.cc-datatable .cc-datatable--simple table > thead {
    background-color: #3095fb;
    background-color: var(--theme-color);
    color: #3c3c3c;
    color: var(--text-color)
}

.cc-datatable .cc-datatable--simple table > tbody > tr > td .cc-datatable--arr__item, .cc-datatable .cc-datatable--simple table > tbody > tr > th .cc-datatable--arr__item {
    border: 1px solid #ececec;
    border-radius: 3px;
    color: #000;
    display: inline-block;
    margin: 2px 0;
    padding: 4px 6px
}

.cc-datatable .cc-datatable--simple table > tbody > tr:hover {
    background-color: #f0f0f0
}

.cc-datatable .cc-datatable--local.hide {
    display: none !important
}

.cc-dataTable--groups {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--border-color);
    margin-bottom: 30px
}

.cc-dataTable--group, .cc-dataTable--groups {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color)
}

.cc-dataTable--group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-dataTable--group:last-child {
    border-bottom: 0
}

.cc-dataTable--group__label {
    background-color: rgba(0, 0, 0, .06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    width: 100px
}

.cc-dataTable--group__multiple .cc-dataTable--group__label span:after {
    content: "+";
    font-size: 14px;
    vertical-align: .2em
}

.cc-dataTable--group__items {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 10px;
    width: calc(100% - 100px)
}

.cc-dataTable--group__item {
    font-size: 16px;
    font-size: var(--font-size, 14px);
    margin: 4px;
    padding: 5px 25px
}

.cc-dataTable--group__item.current {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-dataTable--group__item.current a {
    color: inherit
}

.cc-datatable .cc-datatable--simple tbody tr td img {
    height: 43px;
    width: 43px
}

.cc-datatable .cc-datatable--simple tbody tr td .fa-file-archive, .cc-datatable .cc-datatable--simple tbody tr td .fa-file-audio, .cc-datatable .cc-datatable--simple tbody tr td .fa-file-video {
    font-size: 43px;
    height: 43px;
    width: 43px
}

.cc-dataTable--group__btn {
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.cc-datatable--empty {
    color: #ccc;
    font-size: 16px;
    font-size: var(--font-size);
    padding: 15px 8px;
    text-align: center
}

.cc-divider {
    display: block
}

.cc-divider, .cc-divider--wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-divider--wrap {
    display: table;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%
}

.cc-divider--wrap > * {
    display: table-cell;
    width: 33%
}

.cc-divider--line {
    position: relative
}

.cc-divider--line:before {
    background-color: #f8f8f8;
    background-color: var(--background-color, #f8f8f8);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.cc-divider--text {
    color: #3c3c3c;
    color: var(--text-color, #3c3c3c);
    font-size: 16px;
    font-size: var(--font-size, 14px);
    font-weight: 500;
    padding: 0 20px;
    text-align: center;
    white-space: nowrap;
    width: 1%
}

.cc-divider--left .cc-divider--line__before, .cc-divider--right .cc-divider--line__after {
    width: 1%
}

.cc-divider--line__left .cc-divider--wrap {
    margin-left: 0
}

.cc-divider--line__right .cc-divider--wrap {
    margin-right: 0
}

.cc-download ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%
}

.cc-download ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 4px;
    position: relative;
    width: 100%
}

.cc-download.cc-download--default .cc-download--thumb, .cc-download ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-download.cc-download--default .cc-download--thumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: auto;
    justify-content: center;
    margin-right: 10px;
    max-width: 30%;
    width: 80px
}

.cc-download .cc-download--thumb img {
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px
}

.cc-download.cc-download--default .cc-download--msg {
    margin-left: 10px;
    max-width: calc(70% - 20px)
}

.cc-download .cc-download--title {
    font-size: 16px;
    margin-top: 5px
}

.cc-download .cc-download--tip, .cc-download .cc-download--title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cc-download .cc-download--tip {
    color: #9f9ba1;
    font-size: 14px;
    margin-top: 4px
}

.cc-download .cc-download--time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9b9a98;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
    padding: 5px 0;
    width: 100%
}

.cc-download.cc-download--default .cc-download--button {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    padding: 10px 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: nowrap
}

.cc-download.cc-download--default ul li:hover .cc-download--button {
    top: 49%
}

.cc-download.cc-download--default .cc-download--button .async-load {
    vertical-align: middle
}

.cc-download.cc-download--flex .cc-download--thumb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 80px;
    justify-content: center;
    margin-right: 10px;
    width: 80px
}

.cc-download.cc-download--flex .cc-download--msg, .cc-download.cc-download--flex .cc-download--thumb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-download.cc-download--flex .cc-download--msg {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 10px;
    overflow: hidden;
    width: calc(100% - 100px)
}

.cc-download.cc-download--flex .cc-download--info {
    width: 70%
}

.cc-download.cc-download--flex .cc-download--buttons {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    width: 30%
}

.cc-download.cc-download--flex .cc-download--button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: nowrap
}

.cc-download.cc-download--flex ul li:hover .cc-download--buttons {
    margin-top: -2px
}

.cc-download.cc-download--flex .cc-download--button .async-load {
    vertical-align: middle
}

.cc-echartsline, .cc-echartsline--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-echartsline--body {
    width: 100%
}

.cc-echartspie, .cc-echartspie--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-echartspie--body {
    width: 100%
}

.cc-figure {
    background-color: #1989fa;
    background-color: var(--theme-color-dark, #3080fc);
    color: #fff;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    text-align: center
}

.cc-figure, .cc-figure .slot-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.cc-figure .slot-1 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow-wrap: break-word
}

.cc-figure .slot-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 68.5%;
    letter-spacing: 1px
}

.cc-figure--julia:hover > a > img, .cc-figure > a > img {
    display: block;
    height: auto;
    opacity: .8;
    position: relative;
    width: 100%
}

.cc-hide-mask.cc-figure--julia:hover > a > img {
    opacity: 1
}

.cc-figure a {
    color: inherit
}

.cc-figure .figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2em
}

.cc-figure .figcaption:after, .cc-figure .figcaption:before {
    pointer-events: none
}

.cc-figure .figcaption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-figure2 {
    height: auto;
    text-align: center;
    width: 100%
}

.cc-figure2 .cc-figure2-wrapper {
    height: 362px;
    padding: 30px 0;
    text-align: center
}

.cc-figure2 .cc-figure2--list, .cc-figure2 .cc-figure2-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.cc-figure2 .cc-figure2--list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px hsla(0, 0%, 56%, .7);
    box-shadow: 0 0 4px hsla(0, 0%, 56%, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 300px;
    justify-content: start
}

.cc-figure2 .cc-figure2--list .cc-figure2--item {
    height: 300px;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.cc-figure2 .cc-figure2--list .cc-figure2--item .cc-figure2--item__link {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cc-figure2 .cc-figure2--list .cc-figure2--item:before {
    background-color: #e3e3e3;
    content: "";
    display: block;
    height: 40%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 2px
}

.cc-figure2 .cc-figure2--list .cc-figure2--item:last-child:before {
    content: "";
    display: none
}

.cc-figure2 .cc-figure2--list .cc-figure2--item:after {
    background: #c5c5c5;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 35%
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__img {
    height: 100px;
    margin: 50px auto 0;
    text-align: center;
    width: 100px
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__img img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-height: 100px;
    max-width: 100px;
    padding: 10px
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__img .default-img {
    display: block
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__img .active-img {
    display: none
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    font-size: var(--font-size, "16px");
    margin: auto;
    padding: 10px;
    text-align: center;
    width: 100%
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__jump-icon {
    height: 80px;
    margin: 10px auto 0;
    text-align: center;
    width: 80px
}

.cc-figure2 .cc-figure2--list .cc-figure2--item__jump-icon img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 80px;
    max-width: 80px;
    opacity: 0;
    padding: 16px 0
}

.cc-figure2 .cc-figure2--list .cc-figure2--item.active, .cc-figure2 .cc-figure2--list .cc-figure2--item:hover {
    background-color: #3095fb;
    background-color: var(--theme-color);
    border-radius: 10px;
    margin-top: -30px;
    padding: 30px 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.cc-figure2 .cc-figure2--list .cc-figure2--item.active .cc-figure2--item__img .default-img, .cc-figure2 .cc-figure2--list .cc-figure2--item:hover .cc-figure2--item__img .default-img {
    display: none
}

.cc-figure2 .cc-figure2--list .cc-figure2--item.active .cc-figure2--item__img .active-img, .cc-figure2 .cc-figure2--list .cc-figure2--item:hover .cc-figure2--item__img .active-img {
    display: block
}

.cc-figure2 .cc-figure2--list .cc-figure2--item.active .cc-figure2--item__jump-icon img, .cc-figure2 .cc-figure2--list .cc-figure2--item:hover .cc-figure2--item__jump-icon img {
    opacity: 1
}

.cc-figure2 .cc-figure2--list .cc-figure2--item:hover {
    -webkit-box-shadow: 0 0 14px rgba(58, 57, 57, .7);
    box-shadow: 0 0 14px rgba(58, 57, 57, .7)
}

.cc-figure2 .cc-figure2--list .cc-figure2--item.active:before, .cc-figure2 .cc-figure2--list .cc-figure2--item:hover:before {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

.cc-figure2 .cc-figure2--list .cc-figure2--item.active:after, .cc-figure2 .cc-figure2--list .cc-figure2--item:hover:after {
    background-color: #fff
}

.cc-figure3 {
    overflow: hidden;
    position: relative
}

.cc-figure3 .cc-figure3--image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 100%
}

.cc-figure3:hover .cc-figure3--image img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info {
    height: auto;
    left: 8%;
    position: absolute;
    top: 16%;
    width: 50%;
    z-index: 1
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location {
    height: 100%;
    position: relative;
    width: 100%
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--content {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    min-height: 120px;
    padding: 10px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 100%
}

.cc-figure3.cc-figure3--hover1:hover .cc-figure3--info .cc-figure3--location .cc-figure3--content {
    padding: 10px 18px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--content .cc-figure3--content__title {
    color: #000;
    font-size: 19px;
    font-weight: 700;
    line-height: 38px
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--content .cc-figure3--content__describe {
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--jump {
    bottom: -20px;
    height: 40px;
    left: 10%;
    overflow: hidden;
    position: absolute;
    width: 40px;
    z-index: 2
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    position: relative;
    width: 80px
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow .cc-figure3--jump__icon {
    height: 40px;
    position: absolute;
    text-align: center;
    width: 40px;
    z-index: 2
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow .cc-figure3--jump__icon i {
    color: #fff;
    font-size: 16px;
    line-height: 40px
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow .cc-figure3--btn__overflow-hover {
    background-color: #3095fb;
    background-color: var(--theme-color);
    height: 40px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    visibility: hidden;
    width: 0
}

.cc-figure3.cc-figure3--hover1 .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow .cc-figure3--btn__overflow-default {
    background-color: #000;
    height: 40px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 40px
}

.cc-figure3.cc-figure3--hover1:hover .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow .cc-figure3--btn__overflow-hover {
    height: 40px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    visibility: visible;
    width: 40px
}

.cc-figure3.cc-figure3--hover1:hover .cc-figure3--info .cc-figure3--location .cc-figure3--jump .cc-figure3--btn__overflow .cc-figure3--btn__overflow-default {
    height: 40px;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 0
}

.cc-figure3.cc-figure3--hover2 .cc-figure3--info {
    height: auto;
    left: 8%;
    position: absolute;
    top: 16%;
    width: 50%;
    z-index: 1
}

.cc-figure3.cc-figure3--hover2 .cc-figure3--info .cc-figure3--location .cc-figure3--content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    min-height: 120px;
    padding: 10px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 100%
}

.cc-figure3.cc-figure3--hover2 .cc-figure3--info .cc-figure3--location .cc-figure3--content .cc-figure3--content__title {
    color: #000;
    font-size: 19px;
    font-weight: 700;
    line-height: 38px
}

.cc-figure3.cc-figure3--hover2 .cc-figure3--info .cc-figure3--location .cc-figure3--content .cc-figure3--content__describe {
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px
}

.cc-figure3.cc-figure3--hover2 .cc-figure3--jump {
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 7%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 40px;
    left: 10%;
    overflow: hidden;
    position: absolute;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    width: 40px;
    z-index: 2
}

.cc-figure3.cc-figure3--hover2 .cc-figure3--jump .cc-figure3--jump__icon {
    color: #fff;
    display: block;
    font-size: 26px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.cc-figure3.cc-figure3--hover2:hover .cc-figure3--jump {
    background-color: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.cc-figure3.cc-figure3--hover2:hover .cc-figure3--jump .cc-figure3--jump__icon {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-figureicon {
    background-color: #1989fa;
    background-color: var(--theme-color-dark, #3080fc);
    color: #fff;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    overflow: hidden;
    position: relative;
    text-align: center
}

.cc-figureicon, .cc-figureicon .slot-1, .cc-figureicon .slot-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-figureicon .slot-2 {
    font-size: 68.5%;
    letter-spacing: 1px
}

.cc-figureicon img {
    display: block;
    height: auto;
    opacity: .8;
    position: relative;
    width: 100%
}

.cc-figureicon .figcaption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2em
}

.cc-figureicon .figcaption:after, .cc-figureicon .figcaption:before {
    pointer-events: none
}

.cc-figureicon .figcaption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-easyform {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%
}

.cc-easyform .cc-easyform--wrapper .cc-form-footer .hide {
    display: none
}

.cc-easyform .cc-easyform--wrapper .cc-form-footer .form-footer-btngroups {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
    text-align: center;
    width: 100%
}

.cc-easyform .cc-easyform--wrapper .cc-form-footer .footer-submitbutton-row .cc-button .slot-main:hover {
    background-color: #e6e6e6;
    background-image: none;
    color: #333
}

.cc-easyform .cc-easyform--wrapper .cc-form-footer .next, .cc-easyform .cc-easyform--wrapper .cc-form-footer .prev {
    -ms-flex-negative: 0;
    background-color: #f8f8f8;
    background-color: var(--background-color, #f8f8f8);
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #3c3c3c;
    color: var(--text-color, #000);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 15px;
    line-height: 24px;
    margin: 3px 16px;
    padding: 7px 14px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.cc-easyform .cc-easyform--wrapper .cc-form-footer .next:hover, .cc-easyform .cc-easyform--wrapper .cc-form-footer .prev:hover {
    background-color: #e6e6e6;
    background-image: none;
    color: #333
}

.cc-easyform .cc-easyform--wrapper .cc-form-footer .form-paging-total {
    color: #333;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.cc-easyform .cc-easyform--wrapper.cc-easyform__right-bottom {
    right: 0
}

.cc-easyform .cc-easyform--wrapper.cc-easyform__left-bottom, .cc-easyform .cc-easyform--wrapper.cc-easyform__right-bottom {
    border-radius: 8px 8px 0 0;
    bottom: 2px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    height: 460px;
    position: fixed;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 400px;
    z-index: 9999
}

.cc-easyform .cc-easyform--wrapper.cc-easyform__left-bottom {
    left: 0
}

.cc-easyform .cc-easyform--wrapper.cc-easyform__left-bottom .cc-form-content, .cc-easyform .cc-easyform--wrapper.cc-easyform__right-bottom .cc-form-content {
    background: #fff;
    height: 420px;
    overflow-y: auto;
    width: 400px
}

.cc-easyform .cc-form-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    border-radius: 8px 8px 0 0;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    justify-content: space-between;
    line-height: 40px;
    padding: 0 20px
}

.cc-easyform .cc-form-header i.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.cc-easyform .cc-form-header i, .cc-easyform .cc-form-header i.down {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.cc-easyform .cc-form-header i {
    text-align: center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 20px
}

.cc-gallery {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative
}

.cc-gallery--top .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-gallery--top img {
    height: auto
}

.cc-gallery .cc-gallery--top .swiper-slide {
    max-width: 100%
}

.cc-gallery .cc-gallery--top .swiper-slide .swiper-slide--title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    padding: 8px 10px;
    width: 100%
}

.cc-gallery .cc-gallery--thumbs {
    padding: 10px 0
}

.cc-gallery--thumbs .swiper-slide {
    opacity: .4;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 25%
}

.cc-gallery--thumbs .swiper-slide:before {
    content: "";
    display: block;
    padding-top: 100%
}

.cc-gallery .cc-gallery--thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1
}

.cc-gallery--thumbs .swiper-slide .swiper-zoom-container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-gallery--fit__cover .swiper-zoom-container > img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-gallery .cc-popUp {
    background: #000;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 12
}

.cc-gallery .cc-popUp .cc-popUp--colse {
    color: #20a9ff;
    cursor: pointer;
    font-size: 24px;
    position: fixed;
    right: 20px;
    text-align: center;
    top: 12px
}

.cc-gallery .cc-popUp .swiper-button-prev {
    left: 20px !important
}

.cc-gallery .cc-popUp .swiper-button-next:after, .cc-gallery .cc-popUp .swiper-button-prev:after {
    font-size: 50px !important
}

.cc-gallery .cc-popUp .swiper-button-next {
    right: 20px !important
}

.cc-gallery .cc-popUp.active {
    display: block
}

.cc-gallery .cc-mask {
    background: url(../images/move.png);
    cursor: move;
    display: none;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px
}

.cc-gallery .cc-zoom {
    border: 1px solid #ccc;
    display: none;
    height: 400px;
    overflow: hidden;
    position: absolute;
    width: 400px;
    z-index: 100
}

.cc-gallery .cc-zoom img {
    height: 800px;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 800px
}

.easyzoom {
    float: left
}

.easyzoom img {
    display: block
}

.easyzoom {
    display: inline-block
}

.easyzoom img {
    vertical-align: bottom
}

video.cc-swiper--video {
    height: auto;
    width: 100%
}

video.cc-swiper--video::-webkit-media-controls-current-time-display, video.cc-swiper--video::-webkit-media-controls-timeline {
    display: none
}

video.cc-swiper--video::-webkit-media-controls-fullscreen-button, video.cc-swiper--video::-webkit-media-controls-time-remaining-display {
    display: none
}

.cc-gallery--thumbs .swiper-slide video.cc-swiper--video::-webkit-media-controls-enclosure {
    display: none
}

.cc-gallery .swiper-button-prev {
    left: 0
}

.cc-gallery .swiper-button-next {
    right: 0
}

.cc-gallery .swiper-button-next:after, .cc-gallery .swiper-button-prev:after {
    font-size: 32px
}

.cc-gridlist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-gridlist--list {
    margin: 0 .5%
}

.cc-gridlist .cc-gridlist--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-gridlist .cc-gridlist--item {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px 10px;
    width: 33.33333%;
    z-index: 1
}

.cc-gridlist .cc-figure .slot-1, .cc-gridlist .cc-figure .slot-2 {
    padding: 0 10px
}

.cc-gridlist .slot-2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 3.6em;
    line-height: 1.8em;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative
}

.cc-gridlist .cc-figure--sadie .slot-2 {
    margin: 2em 0
}

.cc-gridlist--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-gridlist--filter__search {
    margin: 5px .5%
}

.cc-gridlist--filter__category {
    margin: 5px 0;
    overflow: hidden
}

.cc-gridlist--filter__category a {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 14px;
    margin: .5%;
    padding: 7px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 19%
}

.cc-gridlist--filter__category a.current, .cc-gridlist--filter__category a:hover {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    color: #fff
}

.cc-gridlist--empty {
    color: #ccc;
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%
}

.cc-hoverbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-align: center
}

.cc-hoverbox--align__left {
    text-align: left
}

.cc-hoverbox--align__center {
    text-align: center
}

.cc-hoverbox--align__right {
    text-align: right
}

.cc-hoverbox--image__hover img, .cc-hoverbox--image img {
    height: auto;
    max-width: 100%
}

.cc-hoverbox.cc-hoverbox--style1 .cc-hoverbox--image__hover, .cc-hoverbox.cc-hoverbox--style1:hover .cc-hoverbox--image {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.cc-hoverbox--image__hover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.cc-hoverbox.cc-hoverbox--style1:hover .cc-hoverbox--image {
    opacity: 0
}

.cc-hoverbox.cc-hoverbox--style1:hover .cc-hoverbox--image__hover {
    opacity: 1
}

.cc-hoverbox--text {
    font-size: 16px;
    font-size: var(--font-size);
    padding: 0 16px;
    text-align: left;
    z-index: 1
}

.cc-hoverbox .cc-hoverbox--text {
    position: absolute
}

.cc-hoverbox--align__left .cc-hoverbox--image__hover img {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cc-hoverbox--align__center .cc-hoverbox--image__hover img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cc-hoverbox--align__right .cc-hoverbox--image__hover img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cc-hoverbox.cc-hoverbox--style2 {
    visibility: hidden
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--wrapper {
    display: inline-block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--wrapper img {
    height: auto;
    max-width: 100%
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--text.richtext, .cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--wrapper .cc-hoverbox--image, .cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--wrapper .cc-hoverbox--image__hover {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--image-placeholder {
    opacity: 0
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--image {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.cc-hoverbox.cc-hoverbox--style2:hover .cc-hoverbox--image {
    -webkit-box-shadow: 0 35px 35px -8px rgba(0, 0, 0, .7);
    box-shadow: 0 35px 35px -8px rgba(0, 0, 0, .7);
    -webkit-transform: perspective(500px) rotateX(25deg);
    -ms-transform: perspective(500px) rotateX(25deg);
    transform: perspective(500px) rotateX(25deg)
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--image__hover {
    opacity: 0;
    position: absolute;
    z-index: 2
}

.cc-hoverbox.cc-hoverbox--style2:hover .cc-hoverbox--image__hover {
    opacity: 1;
    -webkit-transform: perspective(500px) translate3d(0, -30px, 50px);
    -ms-transform: perspective(500px) translate3d(0, -30px, 50px);
    transform: perspective(500px) translate3d(0, -30px, 50px)
}

.cc-hoverbox.cc-hoverbox--style2 .cc-hoverbox--text {
    position: absolute;
    z-index: 3
}

.cc-hovercard1 {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #ebeef5);
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3c3c3c;
    color: var(--text-color, #3c3c3c);
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.cc-hovercard1--shadow__always, .cc-hovercard1--shadow__hover:focus, .cc-hovercard1--shadow__hover:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.cc-hovercard1__header {
    border-bottom: 1px solid #ebedf0;
    border-bottom-color: var(--border-color, #ebeef5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-hovercard1__body, .cc-hovercard1__header {
    padding: 20px
}

.cc-hovercard1 img, .cc-hovercard1 svg, .cc-hovercard1 video {
    height: auto;
    max-width: 100%
}

.hover1 .figcaption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-hovercard2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: rgba(0, 0, 0, .6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #b9b8b8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    justify-content: center;
    position: relative;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.cc-hovercard2:hover {
    background-color: #a3d0fd;
    background-color: var(--theme-color-light, #30aafa);
    color: #fff
}

.cc-hovercard2 img {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.cc-hovercard2 img:hover {
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.hover2 .figcaption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-hovercard3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative
}

.cc-hovercard3--bgcolor, .cc-hovercard3--main {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-hovercard3--placeholder {
    display: block;
    width: 100%
}

.cc-hovercard3--placeholder img {
    width: 100%
}

.cc-hovercard3--placeholder-mobile {
    display: none;
    width: 100%
}

.cc-hovercard3--placeholder-mobile img {
    width: 100%
}

.cc-hovercard3--bgcolor {
    background-color: rgba(0, 0, 0, .6);
    content: "";
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.cc-hovercard3--main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    font-size: 14px;
    justify-content: center;
    text-align: center
}

.cc-hovercard3--title {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0;
    position: relative
}

.cc-hovercard3--title:before {
    border-bottom: 2px solid #fff;
    content: "";
    display: block;
    margin: 0 auto 20px;
    width: 20px
}

.cc-hovercard3--content, .cc-hovercard3--title:before {
    position: relative;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.cc-hovercard3--content {
    margin-top: 10px;
    opacity: 0
}

.cc-hovercard3:hover .cc-hovercard3--content {
    display: block;
    margin-top: 0;
    opacity: 1
}

.cc-hovercard3:hover .cc-hovercard3--bgcolor {
    background-color: #1989fa;
    background-color: var(--theme-color-dark, #30aafa);
    opacity: .75
}

.cc-hovercard3:hover .cc-hovercard3--title:before {
    margin-bottom: 0;
    opacity: 0
}

.cc-hovercard3--icon {
    max-height: 30%
}

.cc-hovercard3--icon img {
    max-height: 100%;
    max-width: 100%
}

.hover3 .figcaption {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.cc-iframe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    text-align: center
}

.cc-iframe > iframe {
    height: 100%;
    width: 100%
}

.cc-imagehotspot {
    height: auto;
    text-align: center;
    width: auto
}

.cc-imagehotspot-wrapper {
    position: relative
}

.cc-imagehotspot-wrapper img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cc-imagehotspot-wrapper .cc-imagehotspot--item {
    background-color: hsla(0, 84%, 85%, .5);
    opacity: 0;
    position: absolute
}

.cc-imagehotspot--content {
    position: relative
}

.cc-imagehotspot--content .cc-imagehotspot--title {
    background-color: #f1f7f9;
    border: 2px solid #cee3e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    max-width: 50vw;
    overflow: hidden;
    padding: 4px 6px;
    position: absolute;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    visibility: hidden;
    white-space: nowrap
}

.cc-imagelist {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
    width: 100%
}

.cc-imagelist .cc-imagelist--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    width: 100%
}

.cc-imagelist .cc-imagelist--items .cc-imagelist--item {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: auto;
    margin: 10px 0;
    padding: 10px;
    width: 33.33333%
}

.cc-imagelist .cc-imagelist--items .cc-imagelist--item .cc-imagelist--item__link {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: auto;
    width: 100%
}

.cc-imagelist .cc-imagelist--items .cc-imagelist--item .cc-imagelist--item__image {
    cursor: pointer;
    height: auto;
    overflow: hidden;
    width: 100%
}

.cc-imagelist .cc-imagelist--items .cc-imagelist--item img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%
}

.cc-imagelist .cc-imagelist--items .cc-imagelist--item .cc-imagelist--item__title {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding: 10px;
    width: 100%
}

.cc-imagelist .cc-imagelist--items .cc-imagelist--item .cc-imagelist--item__mobile-title {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
    font-size: 14px;
    line-height: 30px;
    padding: 10px;
    width: 100%
}

.cc-imagelist.cc-imagelist--card .cc-imagelist--items .cc-imagelist--item .cc-imagelist--item__title {
    font-size: 14px;
    line-height: 30px;
    padding: 10px;
    position: relative;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    width: 100%
}

.cc-imagelist.cc-imagelist--card .cc-imagelist--items .cc-imagelist--item:hover .cc-imagelist--item__link {
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow .4s;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
    z-index: 2
}

.cc-imagelist.cc-imagelist--card .cc-imagelist--items .cc-imagelist--item:hover .cc-imagelist--item__title {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.cc-imagelist.cc-imagelist--card-shadow .cc-imagelist--items .cc-imagelist--item .cc-imagelist--item__link {
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow .4s;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
    z-index: 2
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal {
    bottom: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    visibility: hidden;
    width: 0;
    z-index: 10
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal.show {
    height: 60vh;
    padding: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    visibility: visible;
    width: 50%
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__content {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 2px rgba(48, 48, 48, .3);
    box-shadow: 0 0 8px 2px rgba(48, 48, 48, .3);
    height: inherit;
    position: relative;
    width: 100%
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__close {
    cursor: pointer;
    display: none;
    height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 2
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal.show .cc-imagelist--modal__close {
    display: block
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__close i {
    color: #000;
    font-size: 20px;
    height: 30px;
    line-height: 30px
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__prev {
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 50px;
    left: 4px;
    margin: auto;
    position: absolute;
    right: auto;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 2
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal.show .cc-imagelist--modal__prev {
    display: block
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__prev i {
    color: #000;
    font-size: 30px;
    height: 50px;
    line-height: 50px
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__next {
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 50px;
    left: auto;
    margin: auto;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 2
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal.show .cc-imagelist--modal__next {
    display: block
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__next i {
    color: #000;
    font-size: 30px;
    height: 50px;
    line-height: 50px
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__image {
    display: none;
    height: auto;
    max-height: 90%;
    min-height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal.show .cc-imagelist--modal__image {
    display: block
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal .cc-imagelist--modal__title {
    background-color: #fff;
    border-top: 1px solid #ececec;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
    font-size: 14px;
    height: 10%;
    min-height: 30px;
    padding: 10px;
    width: 100%
}

.cc-imagelist .cc-imagelist-wrapper .cc-imagelist--modal.show .cc-imagelist--modal__title {
    display: block
}

.cc-imagelist--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-imagetag {
    height: 100%;
    width: 100%
}

.cc-imagetag .cc-imagetag--top {
    overflow: hidden;
    width: 100%
}

.cc-imagetag.cc-imagetag--video .cc-imagetag--solid .cc-imagetag--items .cc-imagetag--item .cc-imagetag--item__link {
    height: 100%;
    width: 100%
}

.cc-imagetag.cc-imagetag--video .cc-imagetag--solid .cc-imagetag--items .cc-imagetag--item .cc-imagetag--item__link > a {
    display: contents
}

.cc-imagetag.cc-imagetag--video .cc-imagetag--solid .cc-imagetag--items .cc-imagetag--item .cc-imagetag--item__link video {
    height: 100%;
    width: 100%
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: auto;
    padding: 0;
    width: 100%
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    height: auto;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .cc-imagetag--item__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cc-imagetag.cc-imagetag--arrow .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom {
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    max-width: 220px;
    padding: 0 6px;
    position: absolute
}

.cc-imagetag.cc-imagetag--arrow .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.cc-image--tab__left:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: 5px;
    width: 0
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 30px;
    max-width: 220px;
    padding: 0 6px;
    position: absolute
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__item {
    position: relative
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__dot {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    left: -15px;
    position: absolute;
    top: 9px;
    width: 10px;
    z-index: 1
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__line {
    border-top: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 1px;
    left: -5px;
    position: absolute;
    top: 13px;
    width: 20px
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__text {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin-left: 15px;
    max-width: 190px;
    min-width: 50px;
    padding: 4px 10px;
    text-align: center;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 30px;
    max-width: 220px;
    padding: 0 6px;
    position: absolute
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__item {
    position: relative
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__dot {
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    left: -15px;
    position: absolute;
    top: 8px;
    width: 10px;
    z-index: 1
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__dotsub {
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 6px;
    margin: 2px auto;
    width: 6px
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__line {
    border-top: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 1px;
    left: -4px;
    position: absolute;
    top: 13px;
    width: 19px
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__text {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin-left: 15px;
    max-width: 190px;
    min-width: 50px;
    padding: 4px 10px;
    text-align: center;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .dot_right {
    left: auto;
    right: -30px
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .line_right {
    left: auto;
    right: -19px
}

.cc-imagetag.cc-imagetag--circle .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__item-right {
    margin-left: 0
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-boxDom--fixed {
    background-color: #fff;
    bottom: 0;
    display: none;
    left: 0;
    margin: auto;
    padding: 0 0 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 360px;
    z-index: 10
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed {
    -webkit-animation: opacitys .5s;
    animation: opacitys .5s;
    display: block
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed .cc-boxDom-content {
    position: relative;
    width: 100%
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed .cc-boxDom-content .close-fixed {
    background-color: #3095fb;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed .cc-boxDom-content .describe-content {
    padding: 0 10px
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active:before {
    -webkit-animation: opacitys .5s;
    animation: opacitys .5s;
    background-color: rgba(59, 59, 59, .363);
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
}

@-webkit-keyframes opacitys {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opacitys {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed img {
    max-height: 360px;
    max-width: 360px;
    -o-object-fit: contain;
    object-fit: contain
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed .describe-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 5px;
    padding-top: 5px;
    text-align: left
}

.cc-imagetag .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.active .cc-boxDom--fixed .describe-info {
    font-size: 14px;
    line-height: 30px;
    text-align: left
}

.cc-imagetag .cc-imagetag--bottom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    justify-content: center;
    margin: auto;
    overflow: hidden;
    width: 100%
}

.cc-imagetag .cc-imagetag--bottom .cc-imagetag--label {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 18px;
    margin: 20px 10px
}

.cc-imagetag .cc-imagetag--bottom .cc-imagetag--label__items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    height: 100%;
    justify-content: space-between;
    margin: 20px 0
}

.cc-imagetag .cc-imagetag--bottom .cc-imagetag--label__items .cc-imagetag--label__item {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5);
    cursor: pointer;
    height: 20px;
    margin: 0 4px;
    width: 20px
}

.cc-imagetag .cc-imagetag--bottom .cc-imagetag--label__items .cc-imagetag--label__item.active {
    border: 2px solid #3095fb;
    border: 2px solid var(--theme-color)
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .dot_right {
    left: auto;
    right: -30px
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .line_right {
    left: auto;
    right: -20px
}

.cc-imagetag.cc-imagetag--round .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom .cc-image--tab__item-right {
    margin-left: 0
}

.cc-imagetag.cc-imagetag--arrow .cc-imagetag--top .cc-imagetag--items .cc-imagetag--item .boxDom.cc-image--tab__right:after {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    border-right: initial;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: -8px;
    top: 5px;
    width: 0
}

.cc-imagetext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-imagetext--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.cc-imagetext--image {
    text-align: center;
    width: 36%
}

.cc-imagetext--image img {
    height: auto;
    max-width: 100%
}

.cc-imagetext--text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    white-space: normal;
    width: 64%
}

.cc-imagetext--middle .cc-imagetext--body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-imagetext--bottom .cc-imagetext--body {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cc-imagetext--layout__vertical .cc-imagetext--body, .cc-imagetext--layout__vertical .cc-imagetext--image, .cc-imagetext--layout__vertical .cc-imagetext--text {
    display: block;
    margin: 0 auto;
    width: 100% !important
}

.cc-languages {
    font-size: 16px;
    font-size: var(--font-size)
}

.cc-languages--text .cc-languages--list li {
    display: inline-block;
    margin: 0 10px
}

.cc-languages--text .cc-languages--list li:first-child {
    margin-left: 0
}

.cc-languages--text .cc-languages--list li:last-child {
    margin-right: 0
}

.cc-languages--text .cc-languages--list li.current a {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-languages--dropdown .cc-languages--list li {
    display: none
}

.cc-languages--dropdown .cc-languages--list li.current {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color, #ebedf0);
    display: block;
    height: 2.2em;
    line-height: 2.2em;
    min-height: auto;
    padding: 0 30px 0 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cc-languages--dropdown .choices.cc-choices + .cc-languages--list, .cc-languages--dropdown .choices.cc-choices .choices__input, .cc-languages .flag {
    display: none
}

.cc-languages--flag .flag {
    display: inline-block
}

.cc-languages--dropdown2 .cc-languages--list .cc-languages--icon:hover {
    cursor: pointer
}

.cc-languages--dropdown2 .cc-languages--list {
    position: relative;
    text-align: right
}

.cc-languages--dropdown2 .cc-languages--list .cc-languages--icon {
    display: inline-block;
    height: auto;
    text-align: center
}

.cc-languages--dropdown2 .cc-languages--list .cc-languages--icon i {
    font-size: 24px;
    line-height: 30px;
    max-height: 36px;
    min-width: 36px
}

.cc-languages--dropdown2 .cc-languages--list .cc-languages--icon.active i {
    color: red
}

.cc-languages--dropdown2 .cc-languages--list ul {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px hsla(0, 0%, 56%, .2);
    box-shadow: 0 2px 6px hsla(0, 0%, 56%, .2);
    display: none;
    overflow: hidden;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 2
}

.cc-languages--dropdown2 .cc-languages--list ul.block {
    display: block
}

.cc-languages--dropdown2 .cc-languages--list ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    min-width: 160px;
    padding: 0 4px;
    text-align: left;
    width: 100%
}

.cc-languages--dropdown2 .cc-languages--list ul li:hover {
    background-color: #ececec
}

.cc-languages--dropdown2 .cc-languages--list ul li.current {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

.cc-login .method-groups {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    margin-bottom: 50px;
    width: 100%
}

.cc-login .method-groups .type-group--item {
    -webkit-box-flex: 1;
    color: #000;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 50px;
    position: relative;
    text-align: center
}

.cc-login .method-groups .type-group--item.active {
    color: #f2f3f5;
    color: var(--active-color, #3095fb);
    font-weight: 600
}

.cc-login .cc-login-wrapper .cc-verifyimg--input {
    width: 58%
}

.cc-login .cc-login-wrapper .cc-verifyimg--img {
    width: calc(42% - 30px)
}

.cc-login.cc-login-default {
    height: 60px;
    overflow: hidden;
    width: 100%
}

.cc-login-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: inherit;
    justify-content: center
}

.cc-login-wrapper, .cc-login-wrapper .cc-login-after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-login-wrapper .cc-login-after {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal
}

.cc-login-wrapper .cc-login-after a {
    font-size: 18px
}

.cc-login-wrapper .cc-login-after a.login-info {
    margin-right: 16px
}

.cc-login-wrapper .cc-login-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3095fb;
    background-color: var(--theme-color);
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
    justify-content: center;
    padding: 10px 20px;
    white-space: normal
}

.cc-login-wrapper .cc-login-btn a {
    display: block
}

.cc-login-wrapper .cc-element--wrapper {
    min-height: unset
}

.cc-login .cc-login--default--wrapper .cc-loading--spinner {
    display: none
}

.cc-login-dialog {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.cc-login-dialog.hidden, .cc-login-dialog.joinling .cc-login-dialog-body, .cc-login-dialog.login .cc-join-dialog-body {
    display: none
}

.cc-login-dialog.joinling .cc-login-dialog-wrapper {
    width: 540px
}

.cc-login-dialog.joinling .body {
    padding: 10px 40px 0
}

.cc-login-dialog.active {
    display: block
}

.cc-login-dialog:before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: block;
    height: 100vh;
    width: 100vw
}

.cc-login-dialog .cc-login-dialog-wrapper {
    background-color: #fff;
    height: auto;
    left: 50%;
    max-width: 100%;
    padding-bottom: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 480px;
    z-index: 999
}

.cc-login-dialog-wrapper .cc-login-dialog-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-attachment: fixed;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 130px;
    padding: 20px 0;
    position: relative;
    width: 100%
}

.cc-login-dialog-wrapper .cc-login-dialog-header .logo {
    height: 70px;
    width: 70px
}

.cc-login-dialog-wrapper .cc-login-dialog-header .logo img {
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 70px
}

.cc-login-dialog-wrapper .cc-login-dialog-header .colse {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 20px
}

.cc-login-dialog-wrapper .cc-login-dialog-header .colse i {
    color: #000;
    font-size: 18px
}

.cc-login-dialog-wrapper .cc-login-dialog-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    width: 100%
}

.cc-login-dialog-wrapper .body {
    max-height: 380px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 40px 0
}

.cc-login.cc-login-default .method-groups {
    padding: 0 40px
}

.cc-join-dialog {
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.cc-join-dialog.active {
    display: block
}

.cc-join-dialog:before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: block;
    height: 100vh;
    width: 100vw
}

.cc-join-dialog .cc-join-dialog-wrapper {
    background-color: #fff;
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 540px;
    z-index: 999
}

.cc-join-dialog-wrapper .cc-join-dialog-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-attachment: fixed;
    background-image: url();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 130px;
    padding: 20px 0;
    position: relative;
    width: 100%
}

.cc-join-dialog-wrapper .cc-join-dialog-header .logo {
    height: 70px;
    width: 70px
}

.cc-join-dialog-wrapper .cc-join-dialog-header .logo img {
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 70px
}

.cc-join-dialog-wrapper .cc-join-dialog-header .colse {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 20px
}

.cc-join-dialog-wrapper .cc-join-dialog-header .colse i {
    color: #000;
    font-size: 18px
}

.cc-join-dialog-wrapper .cc-join-dialog-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 10px 40px 40px;
    width: 100%
}

.cc-login.cc-login-style2 .cc-login-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-login.cc-login-style2 .cc-login-wrapper .cc-login-v1-parent {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.cc-login-style2 .cc-login-dome {
    background-color: #fff;
    width: 50%
}

.cc-login-style2 .cc-login-img {
    width: 50%
}

.cc-login-style2 .cc-login-logo {
    height: auto;
    left: 20px;
    position: absolute;
    top: 20px
}

.cc-login-style2 .cc-login-logo img {
    max-height: 60px
}

.cc-login-style2 img {
    display: block;
    height: auto;
    width: 100%
}

.cc-login-style2 .cc-login-dome .panes {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    width: 410px
}

.cc-login-style2 .login {
    padding: 0 0 50px
}

.cc-login-style2 .login .cc-login-body {
    margin: auto
}

.cc-login--style3__body h2 {
    line-height: 50px
}

.cc-login-style2 .jump-login, .cc-login-style3 .jump-login {
    line-height: 30px;
    padding-bottom: 30px
}

.cc-edit-pw-dome .form-1, .cc-edit-pw-dome .form-2, .cc-edit-pw-dome .form-3, .cc-edit-pw-dome .form-4, .cc-login .edit-pw.hide, .cc-login .login-dialog.hide {
    display: none
}

.cc-edit-pw-dome .form-1 {
    display: block
}

.cc-edit-pw-dome .check-mark {
    height: 80px;
    margin: 0 auto 20px;
    width: 80px
}

.cc-edit-pw-dome .cc-login--parent .panes .check-text {
    color: #3095fb;
    color: var(--theme-color);
    margin-bottom: 10px
}

.cc-edit-pw-dome .count-down i {
    color: #3095fb;
    color: var(--theme-color);
    margin: 0 4px
}

.cc-edit-pw-dome .count-down {
    font-size: 14px
}

.cc-edit-pw-dome .text {
    font-size: 12px
}

.cc-login .cc-login-v3-parent {
    width: 100%
}

.cc-login .cc-login-v3-parent .login-v3-body .right-body .panes .header {
    margin-bottom: 20px
}

.cc-login .cc-login-v3-parent .login-v3-body .right-body .panes .cc-textblock {
    min-height: 28px;
    padding: 0 20px
}

.cc-login .cc-login-v3-parent .login-v3-body .right-body .panes .cc-button {
    margin-bottom: 28px;
    margin-top: 16px;
    padding: 10px 20px;
    width: 100%
}

.cc-login .cc-login-v3-parent .login-v3-body .right-body .panes .form-join, .cc-login .cc-login-v3-parent .login-v3-body .right-body .panes [node-type=form] {
    margin: auto;
    max-width: 100%
}

.cc-login .cc-login-v3-parent .panes .check-mark {
    height: 80px;
    margin: 0 auto 20px;
    width: 80px
}

.cc-login .cc-login-v3-parent .panes .check-text {
    color: #3095fb;
    color: var(--theme-color);
    margin-bottom: 10px
}

.cc-login .cc-login-v3-parent .panes .count-down i {
    color: #3095fb;
    color: var(--theme-color);
    margin: 0 4px
}

.cc-login .cc-login-v3-parent .panes .count-down {
    font-size: 14px
}

.cc-login-v2-parent .form-1, .cc-login-v2-parent .form-2, .cc-login-v2-parent .form-3, .cc-login-v2-parent .form-4, .cc-login-v3-parent .form-1, .cc-login-v3-parent .form-2, .cc-login-v3-parent .form-3, .cc-login-v3-parent .form-4, .cc-login-v4-parent .form-1, .cc-login-v4-parent .form-2, .cc-login-v4-parent .form-3, .cc-login-v4-parent .form-4 {
    display: none
}

.cc-login-v2-parent .form-1, .cc-login-v3-parent .form-1, .cc-login-v4-parent .form-1 {
    display: block
}

.cc-login .cc-login-v2-parent, .cc-login .cc-login-v4-parent {
    padding: 120px 0;
    width: 100%
}

.cc-login .cc-login-v2-parent .login-v2-body, .cc-login .cc-login-v4-parent .login-v4-body {
    border-radius: 12px;
    -webkit-box-shadow: 0 7px 27px 0 rgba(133, 169, 231, .51);
    box-shadow: 0 7px 27px 0 rgba(133, 169, 231, .51);
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    margin: auto;
    max-height: 680px;
    max-width: 1000px;
    min-height: 460px;
    overflow: hidden;
    width: 100%
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body, .cc-login .cc-login-v4-parent .login-v4-body .right-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-height: 600px;
    max-height: 680px;
    min-height: 380px;
    overflow: hidden;
    padding: 40px 0
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body .panes, .cc-login .cc-login-v4-parent .login-v4-body .right-body .panes {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
    max-height: 100%;
    overflow: hidden;
    width: 76%
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body .panes .login .cc-login--body, .cc-login .cc-login-v4-parent .login-v4-body .right-body .panes .login .cc-login--body {
    max-height: 600px;
    overflow-y: auto
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body .panes .header, .cc-login .cc-login-v4-parent .login-v4-body .right-body .panes .header {
    margin-bottom: 20px
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body .panes .cc-textblock, .cc-login .cc-login-v4-parent .login-v4-body .right-body .panes .cc-textblock {
    min-height: 28px;
    padding: 0 20px
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body .panes .cc-button, .cc-login .cc-login-v4-parent .login-v4-body .right-body .panes .cc-button {
    margin-bottom: 28px;
    margin-top: 16px;
    padding: 10px 20px;
    width: 100%
}

.cc-login .cc-login-v2-parent .login-v2-body .right-body .panes .jump-login, .cc-login .cc-login-v4-parent .login-v4-body .right-body .panes .jump-login {
    padding: 0 20px
}

.cc-login .cc-login-v4-parent .login-v4-body .left-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.cc-login .cc-login-v4-parent .login-v4-body .left-body .left-thumb {
    margin: auto
}

.cc-login .cc-login-v2-parent .panes .check-mark, .cc-login .cc-login-v4-parent .panes .check-mark {
    height: 80px;
    margin: 0 auto 20px;
    width: 80px
}

.cc-login .cc-login-v2-parent .panes .check-text, .cc-login .cc-login-v4-parent .panes .check-text {
    color: #3095fb;
    color: var(--theme-color);
    margin-bottom: 10px
}

.cc-login .cc-login-v2-parent .panes .count-down i, .cc-login .cc-login-v4-parent .panes .count-down i {
    color: #3095fb;
    color: var(--theme-color);
    margin: 0 4px
}

.cc-login .cc-login-v2-parent .panes .count-down, .cc-login .cc-login-v4-parent .panes .count-down {
    font-size: 14px
}

.cc-mailcecloud {
    font-size: 14px;
    width: 100%
}

.cc-mailcecloud .mainBox {
    background-size: cover;
    height: 808px;
    width: 100%
}

.cc-mailcecloud .mainBox .pageSection {
    height: 100%;
    position: relative;
    width: 100%
}

.cc-mailcecloud .mainBox .pageSection .defaultWid {
    height: 100%;
    width: 100%
}

.cc-mailcecloud .mainBox .pageSection .loginBox {
    background-color: #fff;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(205, 208, 221, .5);
    box-shadow: 0 2px 10px 0 rgba(205, 208, 221, .5);
    height: 407px;
    margin-right: 0;
    margin-top: 0;
    max-width: 380px;
    min-width: 360px;
    position: absolute;
    right: 20%;
    top: calc(50% - 264px);
    width: 30%
}

.cc-mailcecloud .mainBox .pageSection .loginBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    line-height: 46px;
    text-align: center
}

.cc-mailcecloud .mainBox .pageSection .loginBox ul.tabs a.current, .cc-mailcecloud .mainBox .pageSection .loginBox ul.tabs a.current:hover, .cc-mailcecloud .mainBox .pageSection .loginBox ul.tabs li.current a {
    border-top: 1px solid #4383f7;
    color: #4383f7;
    font-weight: 400
}

.cc-mailcecloud .mainBox .pageSection .loginBox .tabs a.current, .cc-mailcecloud .mainBox .pageSection .loginBox .tabs a.current:hover, .cc-mailcecloud .mainBox .pageSection .loginBox .tabs li.current a {
    background: #fff;
    border: none;
    color: #333;
    cursor: default
}

.cc-mailcecloud .mainBox .pageSection .loginBox ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    text-align: center
}

.cc-mailcecloud .mainBox .pageSection .loginBox ul li a {
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    width: 100%
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes {
    overflow: hidden;
    position: relative
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes .input_width_domain, .cc-mailcecloud .mainBox .pageSection .loginBox .panes .login_bott, .cc-mailcecloud .mainBox .pageSection .loginBox .panes .pyfSubBtn {
    margin-top: 30px;
    position: unset;
    width: 100%
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes .input_width_domain input, .cc-mailcecloud .mainBox .pageSection .loginBox .panes .pyfSubBtn input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes .btn_domain {
    margin-top: 30px
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes .btn_domain .checkSafety {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes .btn_domain .checkSafety input.securityInput {
    vertical-align: middle
}

.cc-mailcecloud .mainBox .pageSection .loginBox .panes .btn_domain .checkSafety div:last-child {
    margin-left: 8px
}

#wmloginTab {
    background-image: url(../images/icon-login-qr.png);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 20px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    width: 30px
}

#wmloginTab.icon-wmqr {
    background-position: 0 -30px
}

.cc-mailcecloud .panes .btnLoginIn {
    cursor: pointer
}

.cc-maplist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-maplist--body {
    overflow: hidden
}

.cc-maplist--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.cc-maplist table td, .cc-maplist table th {
    -webkit-box-sizing: initial;
    box-sizing: initial;
    padding: 0
}

.cc-maplist--wrapper .cc-maplist--addresslist {
    background-color: #fff;
    border-right: 1px solid #dcdcdc;
    max-width: 300px;
    min-width: 300px;
    position: relative;
    text-align: left;
    width: 300px;
    z-index: 1000
}

.cc-maplist--wrapper .inside-left {
    left: 0;
    position: absolute
}

.cc-maplist--wrapper .inside-right {
    position: absolute;
    right: 0
}

.cc-maplist--wrapper .map-box {
    -ms-flex-preferred-size: 100% !important;
    background: #fff;
    flex-basis: 100% !important;
    padding: 1rem;
    position: relative
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-container {
    height: calc(100% - 50px);
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    overflow: hidden !important;
    padding: 0;
    position: relative;
    z-index: 1
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    position: relative;
    top: 0;
    -webkit-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease;
    width: 100%;
    z-index: 1
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .list {
    border-bottom: 1px dashed #ccc;
    cursor: pointer;
    font-size: 14px;
    min-height: 83px;
    padding-left: 0;
    padding-top: 10px
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .list.selected {
    background-color: #f9f9f9
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .list .map_title {
    text-align: left
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .list dt {
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-top: 5px
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .list dd {
    padding-left: 25px
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-wrapper .list dd .cf {
    margin: 10px 0
}

.cc-maplist--wrapper .cc-maplist--addresslist .swiper-button {
    background-color: #6a6a6a;
    border-top: 1px solid #b7b7b7;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 50%;
    z-index: 100
}

.cc-maplist--wrapper .cc-maplist--addresslist .btn-next {
    border-left: 1px solid #e0e0e0;
    right: 0
}

.map-list-arrow {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 45%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: 30px;
    z-index: 999
}

.cc-maplist .tdt-infowindow-content-wrapper .tdt-infowindow-content {
    margin: 0;
    max-width: 300px !important
}

.cc-maplist .tdt-infowindow-content-wrapper .tdt-infowindow-content * {
    line-height: normal;
    margin: 0
}

.cc-maplist .tdt-infowindow-content-wrapper .tdt-infowindow-content .marker-title {
    border-bottom: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    max-width: 300px;
    min-width: 160px;
    padding: 4px 6px
}

.cc-maplist .tdt-infowindow-content-wrapper .tdt-infowindow-content .marker-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 28px;
    max-width: 300px;
    padding: 10px 6px
}

.cc-maplist .tdt-infowindow-content-wrapper .tdt-infowindow-content .marker-content img {
    height: auto;
    width: 100%
}

.cc-marquee--wrapper {
    width: 100%
}

.cc-marquee--wrapper .cc-marquee--items {
    overflow: hidden
}

.cc-marquee--wrapper .cc-marquee--items .child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-marquee--wrapper .cc-marquee--items:not(:last-child) {
    margin-bottom: 20px
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item {
    -ms-flex-negative: 0;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    flex-shrink: 0;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 380px
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item img {
    display: block;
    max-width: 100%
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item .cc-marquee--item__info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 2px;
    white-space: wrap
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item .cc-marquee--item__title {
    color: #000;
    font-size: 16px;
    margin-bottom: 6px
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item .cc-marquee--item__other {
    color: #4b4b4b;
    font-size: 12px;
    margin-bottom: 6px
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item .cc-marquee--item__other .cc-marquee--item__subtitle {
    margin-right: 6px
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item .cc-marquee--item__other span {
    margin-bottom: 6px
}

.cc-marquee--wrapper .cc-marquee--items .cc-marquee--item .cc-marquee--item__desc {
    color: #313131;
    font-size: 14px
}

.cc-marquee--title-welt .cc-marquee--items .cc-marquee--item {
    position: relative
}

.cc-marquee--title-welt .cc-marquee--items .cc-marquee--item .cc-marquee--item__info {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 6px;
    position: absolute;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%
}

.cc-marquee--title-welt .cc-marquee--items .cc-marquee--item .cc-marquee--item__title {
    color: #fff;
    margin-bottom: 0
}

.cc-marquee--card .cc-marquee--items {
    padding: 4px
}

.cc-marquee--card .cc-marquee--items .cc-marquee--item {
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    min-height: 150px;
    padding: 10px;
    width: 380px
}

.cc-marquee--card .cc-marquee--items .cc-marquee--item .cc-marquee--item__thumb {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.cc-marquee--card .cc-marquee--items .cc-marquee--item .cc-marquee--item__thumbimg {
    -ms-flex-negative: 0;
    border-radius: 50%;
    flex-shrink: 0;
    height: 80px;
    margin-right: 8px;
    overflow: hidden;
    width: 80px
}

.cc-marquee--card .cc-marquee--items .cc-marquee--item .cc-marquee--item__thumbimg img {
    height: 100%
}

.cc-marquee--card .cc-marquee--item__title-wrapper {
    width: calc(100% - 88px)
}

.cc-marquee .cc-marquee--item .cc-marquee--item__other {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.cc-masonry {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 0
}

.cc-masonry img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: bottom;
    width: 100%
}

.cc-masonry--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-masonry--item {
    background-color: #a3d0fd;
    background-color: var(--theme-color-light, #30aafa);
    margin: 2px;
    position: relative
}

.cc-masonry--item__load img {
    visibility: hidden
}

.cc-masonry--block {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@-webkit-keyframes menu-fade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes menu-fade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.cc-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 0
}

.cc-menu--item {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cc-menu--item__link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: var(--font-size, 16px);
    justify-content: space-between;
    text-align: left
}

.cc-menu--item .cc-menu--item .cc-menu--item__link {
    height: 2.7em;
    line-height: 2.7em
}

.cc-menu--horizontal.cc-menu--style__line > .cc-menu--nav > .cc-menu--item {
    margin-bottom: 2px
}

.cc-menu--style__line .cc-menu--item .cc-menu--item__link {
    position: relative
}

.cc-menu--style__line .line_box {
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width .45s;
    -o-transition: width .45s;
    transition: width .45s;
    width: 0
}

.cc-menu--style__line .line_box.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cc-menu--horizontal.cc-menu--sub-cen > .cc-menu--nav > .cc-menu--item > .cc-menu--nav, .Page-header--main .cc-menu--sub-cen > .cc-menu--nav > .cc-menu--item > .cc-menu--nav {
    animation: menu-sub-top .2s !important;
    -webkit-animation: menu-sub-top .2s !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@-webkit-keyframes menu-sub-top {
    0% {
        opacity: 0;
        top: 120%
    }
    to {
        opacity: 1;
        top: 100%
    }
}

@keyframes menu-sub-top {
    0% {
        opacity: 0;
        top: 120%
    }
    to {
        opacity: 1;
        top: 100%
    }
}

.cc-menu--item__link > a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cc-menu .cc-menu--item__link > * {
    color: inherit
}

.cc-menu .down-icon {
    display: none;
    margin-left: 5px
}

.cc-menu--arrow-icon.cc-menu .down-icon {
    display: inline-block
}

.cc-menu--horizontal > .cc-menu--nav {
    white-space: normal
}

.cc-menu--horizontal.cc-menu--nowrap > .cc-menu--nav {
    overflow-x: auto;
    white-space: nowrap
}

.cc-menu--horizontal > .cc-menu--nav > .cc-menu--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px
}

.cc-menu--horizontal.cc-menu--style__line > .cc-menu--nav > .cc-menu--item {
    border-bottom: 2px solid transparent
}

.cc-menu--horizontal .cc-menu--item {
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cc-menu--horizontal .cc-menu--item .cc-menu--nav {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 2
}

.cc-menu--horizontal .cc-menu--item .cc-menu--item .cc-menu--item__link > .down-icon, .cc-menu--horizontal .cc-menu--item .cc-menu--nav {
    display: none
}

.cc-menu--horizontal .cc-menu--item.active > .cc-menu--nav, .cc-menu--horizontal .cc-menu--item.block > .cc-menu--nav {
    -webkit-animation: menu-fade .5s;
    animation: menu-fade .5s;
    display: block
}

.cc-menu--horizontal .cc-menu--item .cc-menu--item {
    padding: 0 20px
}

.cc-menu--horizontal .cc-menu--nav .cc-menu--nav .cc-menu--nav {
    left: 100%;
    top: 0
}

.cc-menu--horizontal .cc-menu--item .cc-menu--item .down-icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cc-menu--vertical .down-icon {
    cursor: pointer;
    text-align: center;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    width: 50px
}

.cc-menu--vertical .cc-menu--item {
    height: auto;
    line-height: 35px;
    max-width: 100%;
    width: 100%
}

.cc-menu--vertical .cc-menu--item__link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 17px
}

.cc-menu--vertical .cc-menu--item .cc-menu--nav {
    display: none
}

.cc-menu--vertical .cc-menu--item.active > .cc-menu--nav, .cc-menu--vertical .cc-menu--item.block > .cc-menu--nav {
    display: block
}

.cc-menu--vertical .cc-menu--item .cc-menu--item .cc-menu--item__link {
    padding: 0 34px
}

.cc-menu--vertical .cc-menu--item .cc-menu--item .cc-menu--item .cc-menu--item__link {
    padding: 0 51px
}

.cc-menu--vertical .cc-menu--item .cc-menu--item .cc-menu--item .cc-menu--item .cc-menu--item__link {
    padding: 0 68px
}

.cc-menu--vertical .cc-menu--item.active > .cc-menu--item__link .down-icon, .cc-menu--vertical .cc-menu--item.block > .cc-menu--item__link .down-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cc-menu--trigger {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px
}

.cc-menu--auto:before {
    background-color: #333;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 100%;
    z-index: 25
}

.cc-menu--auto.expand:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.cc-menu--expand__header {
    display: none;
    font-size: 16px;
    font-size: var(--font-size);
    height: 50px
}

.cc-menu--auto.expand .cc-menu--expand__header {
    -webkit-animation: ccmenuautofade .3s;
    animation: ccmenuautofade .3s;
    background-color: rgba(24, 33, 36, .5);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 25
}

.cc-menu--auto.expand .cc-menu--trigger {
    color: #fff
}

.cc-menu--auto.expand.cc-menu--vertical > .cc-menu--nav {
    -webkit-animation: ccmenuautofade .8s;
    animation: ccmenuautofade .8s;
    display: block;
    opacity: 1
}

.cc-menu > .cc-menu--nav > li > ul {
    font-weight: 400 !important
}

.cc-menu--nav .cc-menu--item .cc-menu--item__icon, .cc-menu--nav .cc-menu--item .cc-menu--item__subicon {
    height: 20px;
    margin-right: 2px;
    vertical-align: middle;
    width: 20px
}

@-webkit-keyframes ccmenuautofade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ccmenuautofade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.cc-menu--auto__mini {
    position: relative
}

.cc-menu--expand__mini-header {
    display: none;
    font-size: 16px;
    font-size: var(--font-size);
    height: 50px
}

.cc-menu.cc-menu--auto__mini.expand.cc-menu--vertical > .cc-menu--nav {
    -webkit-animation: ccmenuautofade .8s;
    animation: ccmenuautofade .8s;
    display: block;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 2
}

.cc-menu.cc-menu--auto__mini.expand.cc-menu--vertical .cc-menu--nav .cc-menu--item.block > .cc-menu--nav {
    display: block;
    opacity: 1
}

.cc-menu .prev-arrow {
    left: 0
}

.cc-menu .next-arrow, .cc-menu .prev-arrow {
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: none;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 26px
}

.cc-menu .next-arrow {
    right: 0
}

.cc-menudropdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 0;
    position: relative
}

.cc-menudropdown .cc-menudropdown--header > .notUnderline {
    cursor: pointer;
    margin-top: 0;
    padding: 0 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px
}

.cc-menudropdown .cc-menudropdown--header .notUnderline.notUnderline-left {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(40%, #fff), to(transparent));
    background-image: -o-linear-gradient(left, #fff 0, #fff 40%, transparent);
    background-image: linear-gradient(90deg, #fff 0, #fff 40%, transparent);
    display: none;
    text-align: left
}

.cc-menudropdown .cc-menudropdown--header .notUnderline.notUnderline-right {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #fff), color-stop(40%, #fff), to(transparent));
    background-image: -o-linear-gradient(right, #fff 0, #fff 40%, transparent);
    background-image: linear-gradient(270deg, #fff 0, #fff 40%, transparent);
    display: none;
    text-align: right
}

.cc-menudropdown .cc-menudropdown--header > .cc-menudropdown--nav .cc-menudropdown--item {
    position: relative
}

.cc-menudropdown .cc-menudropdown--header > .cc-menudropdown--nav .cc-menudropdown--item .line_box {
    background-color: #f8f8f8;
    background-color: var(--background-color);
    bottom: 0;
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: width .45s;
    -o-transition: width .45s;
    transition: width .45s;
    width: 0
}

.cc-menudropdown .cc-menudropdown--header > .cc-menudropdown--nav .cc-menudropdown--item .line_box.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.cc-menudropdown .cc-menudropdown--header > .cc-menudropdown--nav .cc-menudropdown--item .line_box.left {
    width: 100%
}

.cc-menudropdown--nav {
    white-space: normal
}

.cc-menudropdown--item {
    display: inline-block
}

.cc-menudropdown--link {
    font-size: 16px;
    font-size: var(--font-size)
}

.cc-menudropdown--dropdown {
    background-color: #fff;
    -webkit-box-shadow: 0 12px 10px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 12px 10px 0 rgba(0, 0, 0, .07);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 2
}

.cc-menudropdown--width__full {
    width: 100vw
}

.cc-menudropdown--width__center {
    width: 1200px;
    width: var(--center-width)
}

.cc-menudropdown--dropdown.active {
    -webkit-animation: menu-fade .5s;
    animation: menu-fade .5s;
    display: block
}

.cc-menudropdown--width__auto {
    width: auto
}

.cc-menudropdown--width__full .cc-menudropdown--content {
    width: 100vw
}

.cc-mmeta {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
    width: 100%
}

.cc-mmeta--wrapper {
    font-size: 14px
}

.cc-mmeta .cc-mmeta--items .cc-mmeta--item .label {
    font-size: 16px;
    font-weight: 700
}

.cc-mmeta .cc-mmeta--items .cc-mmeta--item .content {
    font-size: 14px;
    margin-left: 10px
}

.cc-mmeta .cc-mmeta--items .cc-mmeta--item .content i, .cc-mmeta .cc-mmeta--items .cc-mmeta--item .content img {
    display: inline-block;
    font-size: 14px;
    height: 43px;
    margin-right: 6px;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    width: 43px
}

.cc-mmeta.cc-mmeta--flex__nowrap .cc-mmeta--items, .cc-mmeta .cc-mmeta--items .cc-mmeta--item .content .cc-datatable--file__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.cc-mmeta.cc-mmeta--flex__nowrap .cc-mmeta--items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.cc-mmeta.cc-mmeta--flex__nowrap .cc-mmeta--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 6px
}

.cc-mmeta.cc-mmeta--flex__nowrap .cc-mmeta--item .label {
    -ms-flex-negative: 0;
    display: inline-block;
    flex-shrink: 0
}

.cc-mmeta.cc-mmeta--flex__nowrap .cc-mmeta--item .content {
    display: inline-block
}

.cc-mmeta.cc-mmeta--flex__nowrap .cc-mmeta--items .cc-mmeta--item .content .cc-datatable--file__item a {
    display: inline-block;
    vertical-align: middle
}

.cc-mmeta.cc-mmeta--wrap .cc-mmeta--item {
    margin: 4px 6px
}

.cc-mmeta.cc-mmeta--wrap .cc-mmeta--items .cc-mmeta--item .label {
    margin: 16px 0 6px
}

.cc-mmeta.cc-mmeta--imitate__table .cc-mmeta--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 6px
}

.cc-mmeta.cc-mmeta--imitate__table .cc-mmeta--items .cc-mmeta--item .content {
    margin-left: 10px
}

.cc-mmeta.cc-mmeta--table table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    word-break: break-all
}

.cc-mmeta.cc-mmeta--table table > tbody > tr > td, .cc-mmeta.cc-mmeta--table table > tbody > tr > th {
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    text-align: center;
    text-align: inherit;
    vertical-align: middle
}

.cc-mmeta.cc-mmeta--table table > tbody > tr > td *, .cc-mmeta.cc-mmeta--table table > tbody > tr > th * {
    display: inline-block
}

.cc-mmeta.cc-mmeta--table table > tbody > tr > td .cc-datatable--file__items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.cc-mmeta.cc-mmeta--table table > tbody > tr > td img, .cc-mmeta.cc-mmeta--table table > tbody > tr > th img {
    display: inline-block;
    font-size: 14px;
    height: 43px;
    margin-right: 6px;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal;
    width: 43px
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items, .cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 10px .66667%;
    width: 24%
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item .label {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item .content {
    overflow-x: auto
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item .content::-webkit-scrollbar {
    height: 4px;
    width: 5px
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item .content .cc-datatable--file__item a {
    display: inline-block;
    vertical-align: middle
}

.cc-mmeta.cc-mmeta--attrs .cc-mmeta--items .cc-mmeta--item .content .cc-datatable--file__items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: start
}

.cc-pagelist {
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    position: relative
}

.cc-pagelist, .cc-pagelist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-pagelist--item {
    overflow: hidden
}

.cc-pagelist--meta {
    color: #ccc;
    font-size: 12px;
    white-space: nowrap
}

.cc-pagelist--author, .cc-pagelist--date {
    display: inline
}

.cc-pagelist--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .5%;
    overflow: hidden
}

.cc-pagelist--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-pagelist--main {
    text-align: left
}

.cc-pagelist--title a {
    display: inline-block
}

.cc-pagelist--mini .cc-pagelist--main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-pagelist--mini .cc-pagelist--item {
    margin-bottom: 10px
}

.cc-pagelist--mini .cc-pagelist--item:last-child {
    margin-bottom: 0
}

.cc-pagelist--mini .cc-pagelist--title {
    width: calc(100% - 10em)
}

.cc-pagelist--filter__search {
    margin: 5px .5%
}

.cc-pagelist--filter__search .cc-form--input__append {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 2px
}

.cc-pagelist--filter__search .cc-form--input {
    width: auto
}

.cc-pagelist--empty {
    color: #ccc;
    padding: 15px 0;
    text-align: center
}

.cc-panolens {
    position: relative;
    width: 100%
}

.cc-panolens .cc-panolens--canvas {
    height: 400px;
    width: 100%
}

.cc-photos {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-photos .swiper-slide {
    min-height: 100px
}

.cc-photos .swiper-button-next, .cc-photos .swiper-button-prev {
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cc-photos .cc-photo--img, .cc-photos a {
    display: block;
    width: 100%
}

.cc-photos.cc-photos--size__original .cc-photo--img {
    height: auto;
    max-width: 100%;
    width: auto
}

.cc-photos.cc-photos--size__fixed .cc-photo--img {
    max-width: none;
    width: auto
}

.cc-photos.cc-photos--size__max .cc-photo--img {
    width: 100%
}

.cc-photos .swiper-pagination {
    color: undefined;
    color: var(--swiper-pagination-color);
    font-size: 14px
}

.cc-photos--progressbar__after > .swiper-container.swiper-container-horizontal > .swiper-pagination-progressbar {
    bottom: 0;
    top: auto
}

.cc-photos--progressbar__after > .swiper-container.swiper-container-vertical > .swiper-pagination-progressbar {
    left: auto;
    right: 0
}

.cc-photos--rectangle .swiper-pagination-bullet:after {
    background: #3095fb;
    background: var(--swiper-pagination-color, #3095fb)
}

.cc-photos--rectangle .swiper-pagination-bullet {
    background: rgba(0, 0, 0, .2);
    border-radius: 0;
    display: inline-block;
    height: 5px;
    opacity: 1;
    position: relative;
    width: 30px
}

.cc-photos--rectangle .swiper-pagination-bullet-active {
    opacity: 1
}

.cc-photos--rectangle .swiper-pagination-bullet:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.cc-photos--rectangle .swiper-pagination-bullet-active:after {
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    width: 100%
}

.cc-photos-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    width: 100%
}

.cc-photos-title, .cc-picture {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-picture {
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative
}

.cc-picture .cc-picture--img {
    height: auto;
    max-width: 100%
}

.cc-picture--size__max .cc-picture--img {
    width: 100%
}

.cc-picture--size__fixed .cc-picture--img {
    max-width: none;
    width: auto
}

.cc-picture--note {
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: left;
    width: 100%
}

.cc-picture--align__left {
    text-align: left
}

.cc-picture--align__center {
    text-align: center
}

.cc-picture--align__right {
    text-align: right
}

.cc-popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.cc-popup--wrapper.hide {
    height: 0;
    overflow: hidden;
    width: 0
}

.cc-popup--wrapper.hide .cc-popup--body {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    visibility: hidden
}

.cc-popup--wrapper .cc-popup--body {
    background-color: #fff;
    left: 50%;
    opacity: 1;
    padding: 0 0 10px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    width: 54%;
    z-index: 999
}

.cc-popup--body .title {
    border-bottom: 1px solid hsla(0, 0%, 92%, .5);
    color: #000;
    font-size: 20px;
    line-height: 60px;
    margin-bottom: 10px;
    padding: 10px 15px;
    text-align: center
}

.cc-popup--body .content {
    font-size: 14px;
    max-height: 460px;
    min-height: 300px;
    overflow-y: auto;
    padding: 0 16px
}

.cc-popup-colse {
    border-top: 1px solid hsla(0, 0%, 92%, .5);
    margin-top: 10px;
    padding: 10px 0 0;
    text-align: center
}

.cc-popup-colse .countdown, .cc-popup-colse .succeed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    line-height: 30px;
    margin: auto;
    padding: 6px 20px;
    text-align: center
}

.cc-popup-colse .countdown span {
    font-size: 14px;
    line-height: 30px
}

.cc-popup-colse .countdown, .cc-popup-colse .succeed.disabled {
    background-color: #999;
    cursor: not-allowed;
    display: block
}

.cc-popup-colse .countdown.hide, .cc-popup-colse .succeed.hide {
    display: none
}

.cc-popup-colse .succeed.active {
    background: red;
    cursor: pointer;
    display: block
}

.cc-popup-colse .succeed a {
    color: inherit;
    font-size: inherit
}

.checkbox-status {
    font-size: 14px;
    padding: 10px 16px 20px;
    text-align: left
}

.cc-postsfilter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-postsfilter--groups {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--border-color);
    margin-bottom: 30px
}

.cc-postsfilter--group, .cc-postsfilter--groups {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color)
}

.cc-postsfilter--group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-postsfilter--group:last-child {
    border-bottom: 0
}

.cc-postsfilter--group__label {
    background-color: rgba(0, 0, 0, .06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    width: 100px
}

.cc-postsfilter--group__multiple .cc-postsfilter--group__label span:after {
    content: "+";
    font-size: 14px;
    vertical-align: .2em
}

.cc-postsfilter--group__items {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 10px;
    width: calc(100% - 100px)
}

.cc-postsfilter--group__item {
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 5px 25px
}

.cc-postsfilter--group__item.current {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-postsfilter--group__item.current a {
    color: inherit
}

.cc-postsfilter--group__ext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    text-align: right;
    white-space: nowrap;
    width: 50px
}

.cc-postsfilter--group__btn {
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.cc-postsfilter--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.cc-postsfilter--meta {
    color: #ccc;
    font-size: 12px;
    white-space: nowrap
}

.cc-postsfilter--author, .cc-postsfilter--date {
    display: inline
}

.cc-postsfilter--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .5%;
    overflow: hidden
}

.cc-postsfilter--content {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 3.14em;
    line-height: 1.57em;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative;
    white-space: normal
}

.cc-postsfilter--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-postsfilter--image img {
    height: auto;
    max-width: 100%
}

.cc-postsfilter--main {
    text-align: left
}

.cc-postsfilter--title a {
    display: inline-block
}

.cc-postsfilter--image {
    font-size: 0;
    text-align: center
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--item {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 20px 0 20px 101px;
    position: relative
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--main {
    padding-left: 20px;
    position: relative
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--main:before {
    border-left: 1px solid #eee;
    content: "";
    display: block;
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--date {
    left: -100px;
    position: absolute;
    text-align: right;
    top: 0
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--date .day {
    display: block;
    font-size: 36px;
    line-height: 42px
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--date .year {
    display: block;
    font-size: 18px;
    line-height: 21px
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--author {
    display: none
}

.cc-postsfilter--simple .cc-postsfilter--items .cc-postsfilter--meta {
    color: inherit;
    font-size: inherit
}

.cc-postsfilter--grid .cc-postsfilter--body .cc-postsfilter--items > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-postsfilter--grid .cc-postsfilter--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 0 1%;
    width: 50%
}

.cc-postsfilter--grid .cc-postsfilter--items .cc-postsfilter--image, .cc-postsfilter--grid .cc-postsfilter--items .cc-postsfilter--main {
    background-color: #fff
}

.cc-postsfilter--grid .cc-postsfilter--items .cc-postsfilter--main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 20px
}

.cc-title-Welt .cc-postsfilter--items .cc-postsfilter--item .relBox {
    height: 100%;
    position: relative
}

.cc-postsfilter--grid.cc-title-Welt .cc-postsfilter--items .cc-postsfilter--main {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item {
    overflow: hidden;
    width: 50%
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item:first-child {
    float: left;
    width: 49%
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item + .cc-postsfilter--item {
    float: right;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-top: 5px
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item + .cc-postsfilter--item .cc-postsfilter--image {
    float: left;
    width: 30%
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item + .cc-postsfilter--item .cc-postsfilter--main {
    float: left;
    margin-left: 3%;
    width: 67%
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item:nth-child(2) {
    margin-top: 0
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--item {
    background-color: #fff
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--image {
    font-size: 0
}

.cc-postsfilter--first .cc-postsfilter--items .cc-postsfilter--main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--item {
    margin-bottom: 10px
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--item:last-child {
    margin-bottom: 0
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--title {
    width: calc(100% - 8em)
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--title.symbol {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--title.symbol .fn-th {
    width: 97%
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--title.symbol:before {
    background: #000;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin: 0 8px;
    width: 5px
}

.cc-postsfilter--mini .cc-postsfilter--items .cc-postsfilter--item.underline {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 0
}

.cc-postsfilter--mini.cc-not-date .cc-postsfilter--items .cc-postsfilter--title {
    width: 100%
}

.cc-postsfilter--list .cc-postsfilter--items .cc-postsfilter--item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.cc-postsfilter--list .cc-postsfilter--items .cc-postsfilter--item .relBox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cc-postsfilter--list .cc-postsfilter--items .cc-postsfilter--image {
    height: 112.5px;
    margin-right: 20px;
    width: 150px
}

.cc-postsfilter--list .cc-postsfilter--items .cc-postsfilter--image img {
    height: 100%;
    width: 100%
}

.cc-postsfilter--list .cc-postsfilter--items .cc-postsfilter--main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.cc-postsfilter--filter__search {
    margin: 5px .5%
}

.cc-postsfilter--filter__search .cc-form--input__append {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 2px
}

.cc-postsfilter--filter__search .cc-time-pick input {
    width: 195px
}

.cc-postsfilter--filter__search .cc-form--input {
    width: auto
}

.cc-postsfilter--filter__category {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    margin: 5px 0;
    overflow: hidden
}

.cc-postsfilter--filter__category a {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 14px;
    margin: .5%;
    padding: 7px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 19%
}

.cc-postsfilter--filter__category a.current, .cc-postsfilter--filter__category a:hover {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    color: #fff
}

.cc-postsfilter--empty {
    color: #ccc;
    padding: 15px 0;
    text-align: center
}

.cc-postsfilter-hov-scale .cc-postsfilter--image {
    overflow: hidden
}

.cc-postsfilter-hov-scale .cc-postsfilter--image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.cc-postsfilter-hov-scale .cc-postsfilter--item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-postsfilter .cc-postsfilter-tag--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px -6px;
    width: 100%
}

.cc-postsfilter .cc-postsfilter-tag--items .cc-postsfilter-tag--item {
    background-color: #ececec;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 6px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center
}

.cc-postsfilter .cc-postsfilter-tag--items .cc-postsfilter-tag--item a {
    color: #686666
}

.cc-postsfilter .cc-postsfilter--item .cc-postsfilter--image {
    overflow: hidden;
    position: relative
}

.cc-postslider {
    display: block
}

.cc-postslider, .cc-postslider .posts-caption {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-postslider .posts-caption {
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 5px 10px
}

.cc-postslider .posts-caption p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 1.8em;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative
}

.cc-postslider--empty {
    color: #ccc;
    font-size: 14px;
    padding: 15px 0;
    text-align: center
}

.cc-postslider .swiper-pagination {
    color: undefined;
    color: var(--swiper-pagination-color);
    font-size: 14px
}

.cc-postslider--progressbar__after > .swiper-container.swiper-container-horizontal > .swiper-pagination-progressbar {
    bottom: 0;
    top: auto
}

.cc-postslider--progressbar__after > .swiper-container.swiper-container-vertical > .swiper-pagination-progressbar {
    left: auto;
    right: 0
}

.cc-postslider--rectangle .swiper-pagination-bullet:after {
    background: #3095fb;
    background: var(--swiper-pagination-color, #3095fb)
}

.cc-postslider--rectangle .swiper-pagination-bullet {
    background: rgba(0, 0, 0, .2);
    border-radius: 0;
    display: inline-block;
    height: 5px;
    opacity: 1;
    position: relative;
    width: 30px
}

.cc-postslider--rectangle .swiper-pagination-bullet-active {
    opacity: 1
}

.cc-postslider--rectangle .swiper-pagination-bullet:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.cc-postslider--rectangle .swiper-pagination-bullet-active:after {
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    width: 100%
}

.cc-postslider .swiper-container .swiper-pagination span.swiper-pagination-bullet-hover {
    opacity: 1
}

.cc-postslider .swiper-mouseover-thumb-img {
    border: 2px solid #ececec;
    height: 80px;
    left: -60px;
    position: absolute;
    top: -90px;
    width: 120px;
    z-index: 2
}

.cc-postslider .swiper-mouseover-thumb-img:after {
    border-bottom: 5px solid #ececec;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -6px;
    content: "";
    height: 0;
    left: 57px;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 0
}

.cc-postslider .swiper-mouseover-thumb-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-postslider .swiper-container .swiper-wrapper .swiper-slide .posts-caption .posts-title, .cc-postslider .swiper-container .swiper-wrapper .swiper-slide .posts-caption .posts-title a {
    color: #000
}

.cc-postslist {
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    position: relative
}

.cc-postslist, .cc-postslist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-postslist--item {
    overflow: hidden
}

.cc-postslist--meta {
    color: #ccc;
    font-size: 12px;
    white-space: nowrap
}

.cc-postslist--author, .cc-postslist--date {
    display: inline
}

.cc-postslist--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 .5%;
    overflow: hidden
}

.cc-postslist--content {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 3.14em;
    line-height: 1.57em;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative;
    white-space: normal
}

.cc-postslist--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-postslist--image img {
    height: auto;
    max-width: 100%
}

.cc-postslist--main {
    text-align: left
}

.cc-postslist--title a {
    display: inline-block
}

.cc-postslist--image {
    font-size: 0;
    text-align: center
}

.cc-postslist--simple .cc-postslist--item {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 20px 0 20px 101px;
    position: relative
}

.cc-postslist--simple .cc-postslist--main {
    padding-left: 20px;
    position: relative
}

.cc-postslist--simple .cc-postslist--main:before {
    border-left: 1px solid #eee;
    content: "";
    display: block;
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0
}

.cc-postslist--simple .cc-postslist--date {
    left: -100px;
    position: absolute;
    text-align: right;
    top: 0
}

.cc-postslist--simple .cc-postslist--date .day {
    display: block;
    font-size: 36px;
    line-height: 42px
}

.cc-postslist--simple .cc-postslist--date .year {
    display: block;
    font-size: 18px;
    line-height: 21px
}

.cc-postslist--simple .cc-postslist--author {
    display: none
}

.cc-postslist--simple .cc-postslist--meta {
    color: inherit;
    font-size: inherit
}

.cc-postslist--grid .cc-postslist--body > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-postslist--grid .cc-postslist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 0 1%;
    width: 50%
}

.cc-postslist--grid .cc-postslist--image, .cc-postslist--grid .cc-postslist--main {
    background-color: #fff
}

.cc-postslist--grid .cc-postslist--main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 20px
}

.cc-title-Welt .cc-postslist--item .relBox {
    height: 100%;
    position: relative
}

.cc-postslist--grid.cc-title-Welt .cc-postslist--main {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.cc-postslist--first .cc-postslist--item {
    overflow: hidden;
    width: 50%
}

.cc-postslist--first .cc-postslist--item:first-child {
    float: left;
    width: 49%
}

.cc-postslist--first .cc-postslist--item + .cc-postslist--item {
    float: right;
    margin-bottom: 5px;
    margin-left: 1%;
    margin-top: 5px
}

.cc-postslist--first .cc-postslist--item + .cc-postslist--item .cc-postslist--image {
    float: left;
    width: 30%
}

.cc-postslist--first .cc-postslist--item + .cc-postslist--item .cc-postslist--main {
    float: left;
    margin-left: 3%;
    width: 67%
}

.cc-postslist--first .cc-postslist--item:nth-child(2) {
    margin-top: 0
}

.cc-postslist--first .cc-postslist--item {
    background-color: #fff
}

.cc-postslist--first .cc-postslist--image {
    font-size: 0
}

.cc-postslist--first .cc-postslist--main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px
}

.cc-postslist--mini .cc-postslist--main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-postslist--mini .cc-postslist--item {
    margin-bottom: 10px
}

.cc-postslist--mini .cc-postslist--item:last-child {
    margin-bottom: 0
}

.cc-postslist--mini .cc-postslist--title {
    width: calc(100% - 8em)
}

.cc-postslist--mini .cc-postslist--title.symbol {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-postslist--mini .cc-postslist--title.symbol .fn-th {
    width: 97%
}

.cc-postslist--mini .cc-postslist--title.symbol:before {
    background: #000;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin: 0 8px;
    width: 5px
}

.cc-postslist--mini .cc-postslist--item.underline {
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 0
}

.cc-postslist--mini.cc-not-date .cc-postslist--title {
    width: 100%
}

.cc-postslist--list .cc-postslist--item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.cc-postslist--list .cc-postslist--image {
    height: 112.5px;
    margin-right: 20px;
    width: 150px
}

.cc-postslist--list .cc-postslist--image img {
    height: 100%;
    width: 100%
}

.cc-postslist--list .cc-postslist--main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.cc-postslist--filter__search {
    margin: 5px .5%
}

.cc-postslist--filter__search .cc-form--input__append {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 2px
}

.cc-postslist--filter__search .cc-time-pick {
    position: relative;
    width: 210px
}

.cc-postslist--filter__search .cc-time-pick .remove-time {
    background-color: #fff;
    display: none;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    z-index: 1
}

.cc-postslist--filter__search .cc-time-pick:hover .remove-time {
    cursor: pointer;
    display: block
}

.cc-postslist--filter__search .cc-time-pick .remove-time i {
    color: red;
    font-size: 14px
}

.cc-postslist--filter__search .cc-time-pick input {
    width: 195px
}

.cc-postslist--filter__search .cc-form--input {
    width: auto
}

.cc-postslist--filter__category {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    margin: 5px 0;
    overflow: hidden
}

.cc-postslist--filter__category a {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 14px;
    margin: .5%;
    padding: 7px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 19%
}

.cc-postslist--filter__category a.current, .cc-postslist--filter__category a:hover {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    color: #fff
}

.cc-postslist--empty {
    color: #ccc;
    padding: 15px 0;
    text-align: center
}

.cc-postslist-hov-scale .cc-postslist--image {
    overflow: hidden
}

.cc-postslist-hov-scale .cc-postslist--image img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.cc-postslist-hov-scale .cc-postslist--item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-postslist .cc-postslist-tag--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px -6px;
    width: 100%
}

.cc-postslist .cc-postslist-tag--items .cc-postslist-tag--item {
    background-color: #ececec;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 6px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center
}

.cc-postslist .cc-postslist-tag--items .cc-postslist-tag--item a {
    color: #686666
}

.cc-postslist .cc-postslist--item .cc-postslist--image {
    overflow: hidden;
    position: relative
}

.cc-procedure {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #646464;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    font-weight: 700
}

.cc-procedure--item {
    background: #f6f6f6;
    display: inline-block;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 10px 0 30px;
    position: relative
}

.cc-procedure--item:after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid #f6f6f6;
    border-top: 20px solid transparent;
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1
}

.cc-procedure--item:before {
    border-bottom: 20px solid #f6f6f6;
    border-left: 20px solid #fff;
    border-top: 20px solid #f6f6f6;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0
}

.cc-procedure--item:first-child {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    padding-left: 25px
}

.cc-procedure--item:last-child {
    border-radius: 0 4px 4px 0;
    padding-right: 25px
}

.cc-procedure--item:first-child:before, .cc-procedure--item:last-child:after {
    display: none
}

.cc-procedure--item__current {
    background-color: #3095fb;
    background-color: var(--theme-color);
    color: #fff
}

.cc-procedure--item__current:before {
    border-bottom-color: #3095fb;
    border-bottom-color: var(--theme-color);
    border-top-color: #3095fb;
    border-top-color: var(--theme-color)
}

.cc-procedure--item__current:after {
    border-left-color: #3095fb;
    border-left-color: var(--theme-color)
}

.cc-productfilter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-productfilter--groups {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--border-color);
    margin-bottom: 30px
}

.cc-productfilter--group, .cc-productfilter--groups {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color)
}

.cc-productfilter--group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-productfilter--group:last-child {
    border-bottom: 0
}

.cc-productfilter--group__label {
    background-color: rgba(0, 0, 0, .06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    width: 100px
}

.cc-productfilter--group__multiple .cc-productfilter--group__label span:after {
    content: "+";
    font-size: 14px;
    vertical-align: .2em
}

.cc-productfilter--group__items {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 10px;
    width: calc(100% - 100px)
}

.cc-productfilter--group__item {
    font-size: 16px;
    font-size: var(--font-size, 14px);
    margin: 4px;
    padding: 5px 25px
}

.cc-productfilter--group__item.current {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-productfilter--group__item.current a {
    color: inherit
}

.cc-productfilter--group__ext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    text-align: right;
    white-space: nowrap;
    width: 50px
}

.cc-productfilter--group__btn {
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.cc-productfilter--items {
    margin: 0 .5%
}

.cc-productfilter--thumbnail__img {
    height: 100%;
    width: 100%
}

.cc-productfilter--summary__price {
    color: #3095fb;
    color: var(--theme-color, #3095fb)
}

.cc-productfilter--summary__buttons {
    text-align: right
}

.cc-productfilter--summary__buttons span {
    cursor: pointer;
    text-decoration: underline
}

.cc-productfilter--summary__buttons span:hover {
    color: #3095fb;
    color: var(--theme-color, #3095fb)
}

.cc-productfilter--empty {
    color: #ccc;
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%
}

.cc-productfilter--summary__excerpt {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 3.14em;
    line-height: 1.57em;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative
}

.cc-productfilter--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-productfilter--card-shadow .cc-productfilter--items, .cc-productfilter--card .cc-productfilter--items, .cc-productfilter--grid .cc-productfilter--items, .cc-productfilter--reverse-order .cc-productfilter--items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-productfilter--reverse-order .cc-productfilter--item__wrap, .cc-productfilter--reverse-order .cc-productfilter-left, .cc-productfilter--reverse-order .cc-productfilter-slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-productfilter--reverse-order .cc-productfilter--item__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 10px
}

.cc-productfilter--reverse-order .cc-productfilter-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    width: 50%
}

.cc-productfilter--reverse-order .cc-productfilter-slot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-productfilter--reverse-order .excerpt {
    padding-right: 15px
}

.cc-productfilter--reverse-order .excerpt > p, .cc-productfilter--reverse-order .excerpt ol li, .cc-productfilter--reverse-order .excerpt ul li {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.cc-productfilter--reverse-order .row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cc-productfilter--reverse-order .reverse-box.row-reverse .cc-productfilter-left {
    margin-left: 15px
}

.cc-productfilter--reverse-order .reverse-box.row-reverse .excerpt {
    padding-right: 0
}

.cc-productfilter--reverse-order .excerpt > p:before {
    background-color: #d1d1d1;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 3px
}

.cc-productfilter--reverse-order .cc-productfilter-btn a {
    display: inline-block;
    padding: 10px
}

.cc-productfilter--reverse-order .excerpt ul li i.discIcon {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin-right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

.cc-productfilter--reverse-order.cc-productfilter-hov-scale .reverse-box div:nth-of-type(2), .cc-productfilter-hov-scale .cc-productfilter--thumbnail {
    overflow: hidden
}

.cc-productfilter-hov-scale .cc-productfilter--item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.cc-productfilter-hov-scale .cc-productfilter--item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-productfilter--card-shadow .cc-productfilter--item, .cc-productfilter--card .cc-productfilter--item, .cc-productfilter--grid .cc-productfilter--item, .cc-productfilter--reverse-order .cc-productfilter--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    width: 33.33333%;
    z-index: 1
}

.cc-productfilter--card .cc-productfilter--summary {
    background-color: #fff;
    padding: 14px 20px;
    position: relative;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    z-index: 1
}

.cc-productfilter--card .cc-productfilter--summary__buttons {
    height: 40px;
    left: 20px;
    opacity: 0;
    padding-top: 15px;
    position: absolute;
    right: 20px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cc-productfilter--card .cc-productfilter--item__wrap {
    background-color: #fff
}

.cc-productfilter--card .cc-productfilter--item:hover .cc-productfilter--item__wrap {
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow .4s;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
    z-index: 2
}

.cc-productfilter--card .cc-productfilter--item:hover .cc-productfilter--summary {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}

.cc-productfilter--card .cc-productfilter--item:hover .cc-productfilter--summary__buttons {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cc-productfilter--card-shadow .cc-productfilter--item {
    overflow: inherit;
    padding: 0 15px
}

.cc-productfilter--card-shadow .cc-productfilter--item__wrap {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 47px 3px rgba(37, 37, 37, .05);
    box-shadow: 0 6px 47px 3px rgba(37, 37, 37, .05);
    margin-bottom: 30px;
    overflow: hidden
}

.cc-productfilter--card-shadow .cc-productfilter--summary__title {
    line-height: 1.625;
    margin-bottom: 8px;
    text-align: center
}

.cc-productfilter--card-shadow .cc-productfilter--summary__price {
    line-height: 1.625;
    text-align: center
}

.cc-productfilter--card-shadow .cc-productfilter--summary {
    padding: 20px 15px
}

.cc-productfilter--card-shadow .cc-productfilter--thumbnail {
    font-size: 0;
    overflow: hidden
}

.cc-productfilter--card-shadow .cc-productfilter--thumbnail__img {
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.cc-productfilter--card-shadow .cc-productfilter--thumbnail:hover .cc-productfilter--thumbnail__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cc-productfilter--grid .cc-productfilter--item__wrap {
    background-color: #fff
}

.cc-productfilter--grid .cc-productfilter--summary {
    padding: 14px 20px
}

.cc-productfilter .cc-productfilter-tag--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px -6px;
    width: 100%
}

.cc-productfilter .cc-productfilter-tag--items .cc-productfilter-tag--item {
    background-color: #ececec;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 6px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center
}

.cc-productfilter .cc-productfilter-tag--items .cc-productfilter-tag--item a {
    color: #686666
}

.cc-productfilter .cc-productfilter--item__wrap .cc-productfilter--thumbnail, .cc-productfilter .cc-productfilter--item__wrap .cc-productfilter-left ~ div {
    overflow: hidden;
    position: relative
}

.cc-productlist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    position: relative
}

.cc-productlist--list {
    margin: 0 .5%
}

.cc-productlist--thumbnail__img {
    height: 100%;
    width: 100%
}

.cc-productlist--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-productlist--filter__search {
    margin: 5px .5%
}

.cc-productlist--filter__search .cc-form--input__append {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 2px
}

.cc-productlist--filter__search .cc-time-pick {
    position: relative;
    width: 210px
}

.cc-productlist--filter__search .cc-time-pick .remove-time {
    background-color: #fff;
    display: none;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    z-index: 1
}

.cc-productlist--filter__search .cc-time-pick:hover .remove-time {
    cursor: pointer;
    display: block
}

.cc-productlist--filter__search .cc-time-pick .remove-time i {
    color: red;
    font-size: 14px
}

.cc-productlist--filter__search .cc-time-pick input {
    width: 195px
}

.cc-productlist--filter__search .cc-form--input {
    width: auto
}

.cc-productlist--filter__category {
    margin: 5px 0;
    overflow: hidden
}

.cc-productlist--filter__category .cc-productlist--filter__category__nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%
}

.cc-productlist--filter__category .cc-productlist--filter__category__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5%;
    max-height: 56px;
    padding: 7px 10px;
    text-align: center
}

.cc-productlist--filter__category .cc-productlist--filter__category__item a {
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    font-size: 14px;
    margin: auto;
    overflow: hidden;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cc-productlist--filter__category .cc-productlist--filter__category__item.current, .cc-productlist--filter__category .cc-productlist--filter__category__item:hover {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    cursor: pointer
}

.cc-productlist--filter__category .current a {
    color: #fff
}

.cc-productlist--filter__category .cc-productlist--filter__category__item:hover a {
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cc-productlist--empty {
    color: #ccc;
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%
}

.cc-productlist--summary__price {
    color: #3095fb;
    color: var(--theme-color, #3095fb)
}

.cc-productlist--summary__buttons {
    text-align: right
}

.cc-productlist--summary__buttons span {
    cursor: pointer;
    text-decoration: underline
}

.cc-productlist--summary__buttons span:hover {
    color: #3095fb;
    color: var(--theme-color, #3095fb)
}

.cc-productlist--summary__excerpt {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: auto;
    line-height: 1.57em;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative
}

.cc-productlist--card-shadow .cc-productlist--list, .cc-productlist--card .cc-productlist--list, .cc-productlist--grid .cc-productlist--list, .cc-productlist--reverse-order .cc-productlist--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-productlist--card-shadow .cc-productlist--item, .cc-productlist--card .cc-productlist--item, .cc-productlist--grid .cc-productlist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    width: 33.33333%;
    z-index: 1
}

.cc-productlist--card .cc-productlist--summary {
    background-color: #fff;
    padding: 14px 20px;
    position: relative;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    z-index: 1
}

.cc-productlist--card .cc-productlist--summary__buttons {
    height: 40px;
    left: 20px;
    opacity: 0;
    padding-top: 15px;
    position: absolute;
    right: 20px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cc-productlist--card .cc-productlist--item__wrap {
    background-color: #fff
}

.cc-productlist--card .cc-productlist--item:hover .cc-productlist--item__wrap {
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow .4s;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
    z-index: 2
}

.cc-productlist--card .cc-productlist--item:hover .cc-productlist--summary {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}

.cc-productlist--card .cc-productlist--item:hover .cc-productlist--summary__buttons {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cc-productlist--card-shadow .cc-productlist--item {
    overflow: inherit;
    padding: 0 15px
}

.cc-productlist--card-shadow .cc-productlist--item__wrap {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 47px 3px rgba(37, 37, 37, .05);
    box-shadow: 0 6px 47px 3px rgba(37, 37, 37, .05);
    margin-bottom: 30px;
    overflow: hidden
}

.cc-productlist--card-shadow .cc-productlist--summary__title {
    line-height: 1.625;
    margin-bottom: 8px;
    text-align: center
}

.cc-productlist--card-shadow .cc-productlist--summary__price {
    line-height: 1.625;
    text-align: center
}

.cc-productlist--card-shadow .cc-productlist--summary {
    padding: 20px 15px
}

.cc-productlist--card-shadow .cc-productlist--thumbnail {
    font-size: 0;
    overflow: hidden
}

.cc-productlist--card-shadow .cc-productlist--thumbnail__img {
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.cc-productlist--card-shadow .cc-productlist--thumbnail:hover .cc-productlist--thumbnail__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cc-productlist--grid .cc-productlist--item__wrap {
    background-color: #fff
}

.cc-productlist--grid .cc-productlist--summary {
    padding: 14px 20px
}

.cc-productlist--reverse-order .cc-productlist--item__wrap, .cc-productlist--reverse-order .cc-productlist-left, .cc-productlist--reverse-order .cc-productlist-slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-productlist--reverse-order .cc-productlist--item__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 10px
}

.cc-productlist--reverse-order .cc-productlist-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    width: 50%
}

.cc-productlist--reverse-order .cc-productlist-slot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-productlist--reverse-order .excerpt {
    padding-right: 15px
}

.cc-productlist--reverse-order .excerpt > p, .cc-productlist--reverse-order .excerpt ol li, .cc-productlist--reverse-order .excerpt ul li {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.cc-productlist--reverse-order .row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cc-productlist--reverse-order .reverse-box.row-reverse .cc-productlist-left {
    margin-left: 15px
}

.cc-productlist--reverse-order .reverse-box.row-reverse .excerpt {
    padding-right: 0
}

.cc-productlist--reverse-order .excerpt > p:before {
    background-color: #d1d1d1;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 3px
}

.cc-productlist--reverse-order .cc-productlist-btn a {
    display: inline-block;
    padding: 10px
}

.cc-productlist--reverse-order .excerpt ul li i.discIcon {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin-right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

.cc-productlist--reverse-order.cc-productlist-hov-scale .reverse-box div:nth-of-type(2), .cc-productlist-hov-scale .cc-productlist--thumbnail {
    overflow: hidden
}

.cc-productlist-hov-scale .cc-productlist--item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.cc-productlist-hov-scale .cc-productlist--item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-productlist .cc-productlist-tag--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px -6px;
    width: 100%
}

.cc-productlist .cc-productlist-tag--items .cc-productlist-tag--item {
    background-color: #ececec;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 6px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center
}

.cc-productlist .cc-productlist-tag--items .cc-productlist-tag--item a {
    color: #686666;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cc-productlist .cc-productlist--item__wrap .cc-productlist--thumbnail, .cc-productlist .cc-productlist--item__wrap .cc-productlist-left ~ div {
    overflow: hidden;
    position: relative
}

.cc-productlist2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-productlist2--groups {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--border-color);
    margin-bottom: 12px
}

.cc-productlist2--group, .cc-productlist2--groups {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color)
}

.cc-productlist2--group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.cc-productlist2--group:last-child {
    border-bottom: 0
}

.cc-productlist2--group__label {
    background-color: rgba(0, 0, 0, .06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    width: 100px
}

.cc-productlist2--group__multiple .cc-productlist2--group__label span:after {
    content: "+";
    font-size: 14px;
    vertical-align: .2em
}

.cc-productlist2--group__items {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 150px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 10px;
    width: calc(100% - 100px)
}

.cc-productlist2--group__item {
    font-size: 16px;
    font-size: var(--font-size, 14px);
    margin: 4px;
    padding: 5px 25px
}

.cc-productlist2--group__item.current {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-productlist2--group__item.current a {
    color: inherit
}

.cc-productlist2--group__ext {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    padding: 10px;
    text-align: right;
    white-space: nowrap;
    width: 50px
}

.cc-productlist2--group__btn {
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.cc-productlist2--body .cc-productlist2--sort {
    background-color: rgba(0, 0, 0, .06);
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 52px;
    margin-bottom: 20px;
    padding: 0 10px;
    position: relative;
    width: 100%
}

.cc-productlist2--body .cc-productlist2--sort ul {
    float: left;
    line-height: 30px;
    margin: 10px 0
}

.cc-productlist2--body .cc-productlist2--sort ul li {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    cursor: pointer;
    float: left;
    height: 28px;
    margin-right: -2px;
    padding: 0 4px;
    text-align: center;
    width: 60px
}

.cc-productlist2--body .cc-productlist2--sort ul li:hover {
    border: 1px solid red;
    color: red;
    position: relative
}

.cc-productlist2--body .cc-productlist2--sort ul li:hover .arrow-down i {
    color: red
}

.cc-productlist2--body .cc-productlist2--sort ul li .arrow-down i {
    height: 12px;
    margin-top: 8px
}

.cc-productlist2--body .cc-productlist2--sort ul li .arrow-down i, .cc-productlist2--body .cc-productlist2--sort ul li .fs-up i {
    color: #999
}

.cc-productlist2--body .cc-productlist2--sort ul li .fs-up i:first-child {
    font-size: 14px;
    height: 10px;
    margin-top: -1px
}

.cc-productlist2--body .cc-productlist2--sort ul li .fs-up i:last-child {
    font-size: 14px;
    height: 10px;
    margin-top: -4px
}

.cc-productlist2--body .cc-productlist2--sort ul li.active {
    background-color: red;
    border: 1px solid red;
    color: #fff
}

.cc-productlist2--body .cc-productlist2--sort ul li.active .arrow-down i, .cc-productlist2--body .cc-productlist2--sort ul li.active .fs-up i.on {
    color: #fff
}

.cc-productlist2--body .cc-productlist2--sort ul li em {
    display: inline-block;
    line-height: 10px;
    margin-left: 5px;
    vertical-align: top;
    width: 7px
}

.cc-productlist2--body .cc-productlist2--sort ul li.price em {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    padding: 4px 0
}

.cc-productlist2--body .cc-productlist2--sort .price-range {
    float: left;
    line-height: 30px;
    margin: 0 16px;
    padding: 10px 0;
    position: relative;
    width: 240px
}

.cc-productlist2--body .cc-productlist2--sort .price-range .label {
    width: 70px
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 168px;
    z-index: 1
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-body .remove, .cc-productlist2--body .cc-productlist2--sort .price-range .price-body .save {
    display: none;
    margin-top: 20px;
    padding: 4px 10px
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-body .remove {
    color: red;
    float: left
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-body .save {
    background-color: #f1f1f1;
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3095fb;
    color: var(--theme-color);
    float: right
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-body:hover {
    background-color: #fff;
    -webkit-box-shadow: 3px 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 3px 1px 5px rgba(0, 0, 0, .2)
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-body:hover .remove, .cc-productlist2--body .cc-productlist2--sort .price-range .price-body:hover .save {
    display: block
}

.cc-productlist2--body .cc-productlist2--sort .price-range input {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 28px;
    padding: 0 4px;
    text-align: left;
    width: 58px
}

.cc-productlist2--body .cc-productlist2--sort .price-range .price-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between
}

.cc-productlist2--body .cc-productlist2--sort .price-range input.start-price {
    margin-right: 8px
}

.cc-productlist2--body .cc-productlist2--sort .price-range input.end-price {
    margin-left: 8px
}

.cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 10px auto
}

.cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .total {
    margin: 0 10px
}

.cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .paged {
    color: red
}

.cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .paged, .cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .total-paged {
    margin: 0 4px
}

.cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .switch-paged {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 8px
}

.cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .btn-paged {
    background: #fff;
    border: 1px solid #ddd;
    color: #aaa;
    display: block;
    font-family: "\5b8b\4f53";
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    margin-right: -1px;
    text-align: center;
    width: 46px
}

.cc-productlist2 .cc-productlist2--body .cc-productlist2--sort .cc-productlist2-total .btn-paged.disabled {
    background: #f1f1f1;
    color: #ccc;
    cursor: default
}

.cc-productlist2--thumbnail__img {
    height: 100%;
    width: 100%
}

.cc-productlist2--summary__price {
    color: #3095fb;
    color: var(--theme-color, #3095fb)
}

.cc-productlist2--summary__buttons {
    text-align: right
}

.cc-productlist2--summary__buttons span {
    cursor: pointer;
    text-decoration: underline
}

.cc-productlist2--summary__buttons span:hover {
    color: #3095fb;
    color: var(--theme-color, #3095fb)
}

.cc-productlist2--empty {
    color: #ccc;
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%
}

.cc-productlist2 .cc-productlist2--summary__excerpt {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 3.14em;
    line-height: 1.57em;
    margin-top: 10px;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative
}

.cc-productlist2--pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.cc-productlist2--card-shadow .cc-productlist2--items, .cc-productlist2--card .cc-productlist2--items, .cc-productlist2--grid .cc-productlist2--items, .cc-productlist2--reverse-order .cc-productlist2--items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-productlist2--reverse-order .cc-productlist2--item__wrap, .cc-productlist2--reverse-order .cc-productlist2-left, .cc-productlist2--reverse-order .cc-productlist2-slot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-productlist2--reverse-order .cc-productlist2--item__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    justify-content: space-between;
    margin: 10px
}

.cc-productlist2--reverse-order .cc-productlist2-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    width: 50%
}

.cc-productlist2--reverse-order .cc-productlist2-slot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cc-productlist2--reverse-order .excerpt {
    padding-right: 15px
}

.cc-productlist2--reverse-order .excerpt > p, .cc-productlist2--reverse-order .excerpt ol li, .cc-productlist2--reverse-order .excerpt ul li {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.cc-productlist2--reverse-order .row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cc-productlist2--reverse-order .reverse-box.row-reverse .cc-productlist2-left {
    margin-left: 15px
}

.cc-productlist2--reverse-order .reverse-box.row-reverse .excerpt {
    padding-right: 0
}

.cc-productlist2--reverse-order .excerpt > p:before {
    background-color: #d1d1d1;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 3px
}

.cc-productlist2--reverse-order .cc-productlist2-btn a {
    display: inline-block;
    padding: 10px
}

.cc-productlist2--reverse-order .excerpt ul li i.discIcon {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    margin-right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px
}

.cc-productlist2--reverse-order.cc-productlist2-hov-scale .reverse-box div:nth-of-type(2), .cc-productlist2-hov-scale .cc-productlist2--thumbnail {
    overflow: hidden
}

.cc-productlist2-hov-scale .cc-productlist2--item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.cc-productlist2-hov-scale .cc-productlist2--item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-productlist2--card-shadow .cc-productlist2--item, .cc-productlist2--card .cc-productlist2--item, .cc-productlist2--grid .cc-productlist2--item, .cc-productlist2--reverse-order .cc-productlist2--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    width: 33.33333%
}

.cc-productlist2--card .cc-productlist2--summary {
    background-color: #fff;
    padding: 14px 20px;
    position: relative;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    z-index: 1
}

.cc-productlist2--card .cc-productlist2--summary__buttons {
    height: 40px;
    left: 20px;
    opacity: 0;
    padding-top: 15px;
    position: absolute;
    right: 20px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.cc-productlist2--card .cc-productlist2--item__wrap {
    background-color: #fff
}

.cc-productlist2--card .cc-productlist2--item:hover .cc-productlist2--item__wrap {
    -webkit-box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);
    -webkit-transition: box-shadow .4s;
    -webkit-transition: -webkit-box-shadow .4s;
    transition: -webkit-box-shadow .4s;
    -o-transition: box-shadow .4s;
    transition: box-shadow .4s;
    transition: box-shadow .4s, -webkit-box-shadow .4s;
    z-index: 2
}

.cc-productlist2--card .cc-productlist2--item:hover .cc-productlist2--summary {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px)
}

.cc-productlist2--card .cc-productlist2--item:hover .cc-productlist2--summary__buttons {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cc-productlist2--card-shadow .cc-productlist2--item {
    overflow: inherit;
    padding: 0 15px
}

.cc-productlist2--card-shadow .cc-productlist2--item__wrap {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 47px 3px rgba(37, 37, 37, .05);
    box-shadow: 0 6px 47px 3px rgba(37, 37, 37, .05);
    margin-bottom: 30px;
    overflow: hidden
}

.cc-productlist2--card-shadow .cc-productlist2--summary__title {
    line-height: 1.625;
    margin-bottom: 8px;
    text-align: center
}

.cc-productlist2--card-shadow .cc-productlist2--summary__price {
    line-height: 1.625;
    text-align: center
}

.cc-productlist2--card-shadow .cc-productlist2--summary {
    padding: 20px 15px
}

.cc-productlist2--card-shadow .cc-productlist2--thumbnail {
    font-size: 0;
    overflow: hidden
}

.cc-productlist2--card-shadow .cc-productlist2--thumbnail__img {
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.cc-productlist2--card-shadow .cc-productlist2--thumbnail:hover .cc-productlist2--thumbnail__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cc-productlist2--grid .cc-productlist2--item__wrap {
    background-color: #fff
}

.cc-productlist2--grid .cc-productlist2--summary {
    padding: 14px 20px
}

.cc-productlist2 .cc-productlist2-tag--items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 8px 0;
    width: 100%
}

.cc-productlist2 .cc-productlist2-tag--items .cc-productlist2-tag--item {
    background-color: #ececec;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 6px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center
}

.cc-productlist2 .cc-productlist2-tag--items .cc-productlist2-tag--item a {
    color: #686666
}

.cc-productlist2 .cc-productlist2--item__wrap .cc-productlist2--thumbnail, .cc-productlist2 .cc-productlist2--item__wrap .cc-productlist2-left ~ div {
    overflow: hidden;
    position: relative
}

.cc-progressbar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-progressbar li {
    background: #f7f7f7;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative
}

.cc-progressbar--bg {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-color: #e0e0e0;
    background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px;
    border-radius: 3px;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
    width: 0
}

.cc-progressbar--text {
    padding-left: 10px;
    position: relative
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.cc-qrcode {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-col--justify__center .cc-qrcode img {
    margin: 0 auto
}

.cc-col--justify__right .cc-qrcode {
    overflow: hidden
}

.cc-col--justify__right .cc-qrcode img {
    float: right
}

.cc-qrcode canvas, .cc-qrcode img {
    height: auto;
    max-width: 100%
}

.cc-rotateswiper.cc-rotateswiper-default {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 500px;
    overflow: hidden;
    padding: 10px 1% 50px;
    position: relative;
    width: 100%
}

.cc-rotateswiper .cc-rotateswiper-wrapper {
    bottom: 0;
    height: 500px;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 0;
    width: 100%
}

.cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items {
    height: 100%;
    overflow: visible;
    visibility: hidden;
    width: 100%;
    z-index: 0
}

.cc-rotateswiper-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items .cc-rotateswiper--image, .cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items .cc-rotateswiper--video {
    border-radius: 18px;
    height: 66.66667%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 50%
}

.cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items .cc-rotateswiper--image .cc-rotateswiper--image__title, .cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items .cc-rotateswiper--video .cc-rotateswiper--video__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: var(--font-size);
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 10px;
    text-align: center;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items .cc-rotateswiper--image img, .cc-rotateswiper .cc-rotateswiper-wrapper #cc-rotateswiper--items .cc-rotateswiper--video video {
    border-radius: 20px;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cc-rotateswiper--toggle__btn {
    border: 2px solid #ebedf0;
    border: 2px solid var(--border-color);
    border-radius: 50%;
    bottom: 20px;
    color: #ebedf0;
    color: var(--border-color);
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    position: absolute;
    text-align: center;
    width: 40px
}

.cc-rotateswiper-left {
    left: 10px
}

.cc-rotateswiper-right {
    right: 10px
}

.cc-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.cc-row--flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cc-row--justify__center {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.cc-row--justify__end {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.cc-row--justify__space-between {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.cc-row--justify__space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.cc-row--align__middle {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.cc-row--align__bottom {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.cc-row--width__row {
    padding-left: calc(100% - 600px)/0 !important;
    padding-right: calc(100% - 600px)/0 !important
}

.cc-row--background {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-row--background__video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-row--height__100vh {
    height: 100vh
}

.cc-scrolllist.cc-swiper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: auto;
    padding: 10px;
    width: calc(100% - 20px)
}

.cc-scrolllist.cc-swiper .swiper-slide {
    min-height: 24px
}

.cc-scrolllist .swiper-slide a {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cc-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-search .cc-choices, .cc-search .cc-search--button {
    font-size: inherit
}

.cc-search--select .cc-form--input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cc-search--select .choices__inner {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0
}

.cc-search--width__full .cc-form--input__append {
    width: 100%
}

.cc-search.cc-search--icon, .cc-search.cc-search--icon2 .cc-form--input__append {
    position: relative
}

.cc-search.cc-search--icon2 .search-icon, .cc-search.cc-search--icon .search-icon {
    height: 2.2em;
    line-height: 2.2em;
    text-align: center;
    width: 2.2em
}

.cc-search.cc-search--icon .absolute-search {
    -webkit-animation: up-down;
    animation: up-down;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    background-color: #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    margin-top: 2.2em;
    padding: 15px;
    position: fixed;
    width: 100vw;
    z-index: 2
}

.cc-search.cc-search--icon2 .absolute-search {
    border: 1px solid #6e6e6e;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 2.2em;
    width: 180px;
    z-index: 2
}

.cc-search.cc-search--icon2 .absolute-search .absolute-search-content, .cc-search.cc-search--icon .absolute-search .absolute-search-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2.2em;
    padding-right: 10px;
    width: 100%
}

.cc-search.cc-search--icon2 .absolute-search input, .cc-search.cc-search--icon .absolute-search input {
    background-color: transparent;
    border: none;
    margin-right: 10px
}

.cc-search.cc-search--icon2 .cc-form--input__append:hover .absolute-search, .cc-search.cc-search--icon .cc-form--input__append:hover .absolute-search {
    display: block
}

@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    to {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes up-down {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    to {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.cc-search.cc-search--input2 .search-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: calc(2.2em - 2px);
    overflow: hidden
}

.cc-search.cc-search--input2 .search-icon:hover {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color, #ebedf0)
}

.cc-search.cc-search--input2 .search-icon i {
    height: calc(2.2em - 2px);
    line-height: calc(2.2em - 2px);
    text-align: center;
    width: 2.2em
}

.cc-search.cc-search--input2 .search-icon input {
    background-color: transparent;
    border: none;
    height: calc(2.2em - 2px);
    line-height: calc(2.2em - 2px);
    padding: 0;
    width: 0
}

.cc-search.cc-search--input2 .search-icon:hover input {
    background-color: transparent;
    border: none;
    padding: 11px 4px;
    width: 180px
}

.cc-share {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-share .share-label {
    color: #ccc;
    font-size: 14px
}

.cc-share li {
    display: inline-block;
    margin-right: 10px
}

.cc-share li:last-child {
    margin-right: 0
}

.cc-sidenav {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: center
}

.cc-sidenav dl {
    display: inline-block;
    line-height: 32px;
    text-align: left
}

.cc-sidenav dt {
    font-size: 16px;
    margin: 8px 0;
    position: relative
}

.cc-sidenav dt:before {
    background-color: #3095fb;
    background-color: var(--theme-color);
    content: "";
    height: 5px;
    left: -20px;
    position: absolute;
    top: 14px;
    width: 5px
}

.cc-sidenav dd {
    color: #969696;
    font-size: 14px
}

.cc-sidenav .current a {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-sidenav2 {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover2 .cc-sidenav2--menu__header, .cc-sidenav2.cc-sidenav2--hover .cc-sidenav2--menu__header, .cc-sidenav2.cc-sidenav2--static-show2 .cc-sidenav2--menu__header, .cc-sidenav2.cc-sidenav2--static-show .cc-sidenav2--menu__header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3095fb;
    background-color: var(--theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center
}

.cc-sidenav2.cc-sidenav2--hover2 .cc-sidenav2--menu__header span, .cc-sidenav2.cc-sidenav2--hover .cc-sidenav2--menu__header span, .cc-sidenav2.cc-sidenav2--static-show2 .cc-sidenav2--menu__header span, .cc-sidenav2.cc-sidenav2--static-show .cc-sidenav2--menu__header span {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px
}

.cc-sidenav2.cc-sidenav2--hover2 .cc-sidenav2--menu__header img, .cc-sidenav2.cc-sidenav2--hover .cc-sidenav2--menu__header img, .cc-sidenav2.cc-sidenav2--static-show2 .cc-sidenav2--menu__header img, .cc-sidenav2.cc-sidenav2--static-show .cc-sidenav2--menu__header img {
    height: 32px;
    vertical-align: middle;
    width: 32px
}

.cc-sidenav2.cc-sidenav2--hover2 ul, .cc-sidenav2.cc-sidenav2--hover ul {
    display: none
}

.cc-sidenav2.cc-sidenav2--static2 ul, .cc-sidenav2.cc-sidenav2--static-show2 ul, .cc-sidenav2.cc-sidenav2--static-show ul, .cc-sidenav2.cc-sidenav2--static ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    position: relative;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover2 .cc-sidenav2--menu, .cc-sidenav2.cc-sidenav2--hover .cc-sidenav2--menu {
    height: auto;
    position: relative;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover2 ul, .cc-sidenav2.cc-sidenav2--hover ul {
    background-color: #fff;
    height: auto;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover2 ul li, .cc-sidenav2.cc-sidenav2--hover ul li, .cc-sidenav2.cc-sidenav2--static2 ul li, .cc-sidenav2.cc-sidenav2--static-show2 ul li, .cc-sidenav2.cc-sidenav2--static-show ul li, .cc-sidenav2.cc-sidenav2--static ul li {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 36px;
    padding: 4px 10px;
    text-align: center;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__title, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__title, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__title img, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__title img, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__title img {
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body {
    display: none
}

.cc-sidenav2.cc-sidenav2--hover2 ul li:hover .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--hover ul li:hover .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static2 ul li:hover .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static-show2 ul li:hover .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static-show ul li:hover .cc-sidenav2--nav--item__body, .cc-sidenav2.cc-sidenav2--static ul li:hover .cc-sidenav2--nav--item__body {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 4px #afaeae8a;
    box-shadow: 1px 1px 4px #afaeae8a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    padding: 10px 20px;
    position: absolute;
    top: 0
}

.cc-sidenav2 .cc-sidenav2--nav--item__body .item--body__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 0
}

.cc-sidenav2 .cc-sidenav2--nav--item__body .item--body__content span {
    color: #000;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 700;
    line-height: 24px;
    min-width: 76px;
    text-align: right;
    width: 76px;
    word-break: break-word
}

.cc-sidenav2 .cc-sidenav2--nav--item__body .item--body__content span div {
    height: 11px;
    margin: 0 3px;
    width: 11px
}

.cc-sidenav2 .cc-sidenav2--nav--item__body .item--body__content span a {
    color: #000;
    display: inline-block;
    line-height: 24px;
    min-width: 56px;
    text-align: right;
    width: 56px
}

.cc-sidenav2 .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 24px;
    text-align: left;
    width: calc(100% - 76px)
}

.cc-sidenav2 .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a {
    color: #272727;
    line-height: 24px;
    margin: 0 8px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__title--img img, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__title--img img, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__title--img img {
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info {
    padding: 0 16px;
    text-align: left;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__content, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__content, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-bottom: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start
}

.cc-sidenav2.cc-sidenav2--hover2 .cc-sidenav2--nav--item__body .item__body__title, .cc-sidenav2.cc-sidenav2--static2 .cc-sidenav2--nav--item__body .item__body__title, .cc-sidenav2.cc-sidenav2--static-show2 .cc-sidenav2--nav--item__body .item__body__title {
    border-bottom: 1px solid #ececec;
    text-align: left
}

.cc-sidenav2.cc-sidenav2--hover2 .cc-sidenav2--nav--item__body .item__body__content, .cc-sidenav2.cc-sidenav2--static2 .cc-sidenav2--nav--item__body .item__body__content, .cc-sidenav2.cc-sidenav2--static-show2 .cc-sidenav2--nav--item__body .item__body__content {
    color: #646464;
    display: inline-block;
    line-height: 24px;
    margin-bottom: 14px;
    text-align: left;
    width: 100%
}

.cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__title > a, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__title > a, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__title > a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    padding: 0 10px
}

.cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body .item--body__content span a, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body .item--body__content span a, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body .item--body__content span a {
    color: #000;
    display: inline-block;
    line-height: 24px;
    min-width: 56px;
    text-align: right;
    width: 56px
}

.cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a {
    color: #272727;
    line-height: 24px;
    margin: 0 8px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info p:first-child a, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info p:first-child a, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info p:first-child a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    line-height: 36px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a {
    color: #797878;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin-right: 8px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body .item__body__title a, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body .item__body__title a, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body .item__body__title a {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 36px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body .item__body__content a, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body .item__body__content a, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body .item__body__content a {
    color: #646464;
    display: inline-block;
    line-height: 24px;
    margin-right: 16px
}

.cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body .item__body__content a.current, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body .item__body__content a:hover, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body .item__body__title a.current, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__body .item__body__title a:hover, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a.current, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a:hover, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info p:first-child:hover a, .cc-sidenav2.cc-sidenav2--hover2 ul li .cc-sidenav2--nav--item__info p:first-child a.current, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a.current, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a:hover, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body .item--body__content span a.current, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__body .item--body__content span a:hover, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__title:hover > a, .cc-sidenav2.cc-sidenav2--hover ul li .cc-sidenav2--nav--item__title > a.current, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body .item__body__content a.current, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body .item__body__content a:hover, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body .item__body__title a.current, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__body .item__body__title a:hover, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a.current, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a:hover, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info p:first-child:hover a, .cc-sidenav2.cc-sidenav2--static2 ul li .cc-sidenav2--nav--item__info p:first-child a.current, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body .item__body__content a.current, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body .item__body__content a:hover, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body .item__body__title a.current, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__body .item__body__title a:hover, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a.current, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info p.cc-sidenav2--nav--item__content a:hover, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info p:first-child:hover a, .cc-sidenav2.cc-sidenav2--static-show2 ul li .cc-sidenav2--nav--item__info p:first-child a.current, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a.current, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a:hover, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body .item--body__content span a.current, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__body .item--body__content span a:hover, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__title:hover > a, .cc-sidenav2.cc-sidenav2--static-show ul li .cc-sidenav2--nav--item__title > a.current, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a.current, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body .item--body__content .item--body__content--child a:hover, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body .item--body__content span a.current, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__body .item--body__content span a:hover, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__title:hover > a, .cc-sidenav2.cc-sidenav2--static ul li .cc-sidenav2--nav--item__title > a.current {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-sliderlist .cc-sliderlist--images, .cc-sliderlist .cc-sliderlist--wrapper {
    width: 100%
}

.cc-sliderlist .cc-sliderlist--wrapper {
    overflow: hidden;
    position: relative
}

.cc-sliderlist .cc-sliderlist--images {
    height: 100%;
    position: relative
}

.cc-sliderlist .cc-sliderlist--image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    visibility: hidden;
    width: 100%
}

.cc-sliderlist .cc-sliderlist--image img {
    height: auto;
    opacity: 0;
    -webkit-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    transition: opacity 1.2s;
    width: 100%
}

.cc-sliderlist .cc-sliderlist--image.active {
    visibility: visible
}

.cc-sliderlist .cc-sliderlist--image.active img {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 1.2s;
    -o-transition: opacity 1.2s;
    transition: opacity 1.2s;
    width: 100%
}

.cc-sliderlist .cc-sliderlist--title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
    width: 100%
}

.cc-sliderlist--leftSide .cc-sliderlist--title, .cc-sliderlist--rightSide .cc-sliderlist--title {
    padding: 10px 16px
}

.cc-sliderlist .cc-sliderlist--title a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    display: -webkit-box;
    font-size: inherit;
    line-height: inherit;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: inherit;
    word-break: break-all
}

.cc-sliderlist.cc-sliderlist--rightSide .cc-sliderlist--titles {
    right: 80px
}

.cc-sliderlist.cc-sliderlist--leftSide .cc-sliderlist--titles, .cc-sliderlist.cc-sliderlist--rightSide .cc-sliderlist--titles {
    background-color: rgba(0, 0, 0, .6);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 18px 0;
    position: absolute;
    top: 0;
    width: 320px;
    z-index: 1
}

.cc-sliderlist.cc-sliderlist--leftSide .cc-sliderlist--titles {
    left: 80px
}

.cc-sliderlist .cc-sliderlist--titles::-webkit-scrollbar {
    display: none
}

.cc-sliderlist .cc-sliderlist--titles {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.cc-sliderlist.cc-sliderlist--leftSide .cc-sliderlist--title.active, .cc-sliderlist.cc-sliderlist--rightSide .cc-sliderlist--title.active {
    background-color: #fda2a2
}

.cc-sliderlist.cc-sliderlist--leftSide .cc-sliderlist--title.active a, .cc-sliderlist.cc-sliderlist--rightSide .cc-sliderlist--title.active a {
    color: #fff
}

.btn-groups, .page-number {
    display: none
}

.btn-groups .slot-main {
    margin: 0 16px
}

.btn-groups .slot-main.hide {
    display: none
}

.page-number {
    color: #7e7e7e;
    font-size: 16px;
    letter-spacing: 6px;
    margin-top: 10px;
    text-align: center
}

.cc-swiper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-swiper > .swiper-container-vertical, .cc-swiper > .swiper-container > .swiper-wrapper > .swiper-slide {
    min-height: 100px;
    overflow: hidden
}

.cc-swiper .swiper-button-next, .cc-swiper .swiper-button-prev {
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cc-swiper--rectangle .swiper-pagination-bullet {
    border-radius: 0;
    display: inline-block;
    height: 5px;
    opacity: 1;
    position: relative;
    width: 30px
}

.cc-swiper--rectangle .swiper-pagination-bullet:after, .cc-swiper--rectangle .swiper-pagination-bullet:before {
    background-color: #3095fb;
    background-color: var(--swiper-pagination-color, #3095fb);
    content: "";
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 0
}

.cc-swiper--rectangle .swiper-pagination-bullet-active:after {
    opacity: 1;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
    width: 100%
}

.cc-swiper .swiper-button-next--mini, .cc-swiper .swiper-button-prev--mini {
    background-size: 13px 22px;
    height: 22px;
    margin-top: -11px;
    width: 13px
}

.cc-swiper img {
    height: auto;
    max-width: 100%
}

.cc-swiper .swiper-pagination {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: undefined;
    color: var(--swiper-pagination-color);
    font-size: 14px
}

.cc-swiper--progressbar__after > .swiper-container.swiper-container-horizontal > .swiper-pagination-progressbar {
    bottom: 0;
    top: auto
}

.cc-swiper--progressbar__after > .swiper-container.swiper-container-vertical > .swiper-pagination-progressbar {
    left: auto;
    right: 0
}

.cc-swiper--horizontal.cc-swiper--heightfull .swiper-slide {
    overflow-y: auto
}

.cc-tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-tabs--align__left .cc-tabs--nav {
    text-align: left
}

.cc-tabs--align__center .cc-tabs--nav {
    text-align: center
}

.cc-tabs--align__right .cc-tabs--nav {
    text-align: right
}

.cc-tabs--item {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    white-space: nowrap
}

.cc-tabs .cc-tabs--header .cc-tabs--nav .cc-tabs--item:first-child {
    margin-left: 0;
    margin-top: 0
}

.cc-tabs--pane {
    display: none;
    font-size: 16px;
    font-size: var(--font-size, 14px)
}

.cc-tabs--pane__active {
    display: block
}

.cc-tabs--button .cc-tabs--item {
    background-color: #ebebeb;
    padding: 14px 20px
}

.cc-tabs--button .cc-tabs--header .cc-tabs--nav .cc-tabs--item__active {
    background-color: #3095fb;
    background-color: var(--theme-color);
    color: #fff
}

.cc-tabs--position__top .cc-tabs--nav {
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.cc-tabs--header, .cc-tabs--line .cc-tabs--nav {
    position: relative
}

.cc-tabs--line .cc-tabs--header:before, .cc-tabs--line .cc-tabs--nav:after {
    display: block
}

.cc-tabs--line .cc-tabs--header:before, .cc-tabs--line .cc-tabs--nav:after, .cc-tabs--line .cc-tabs--nav:before {
    background-color: #ccc;
    background-color: #ebedf0;
    background-color: var(--border-color);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    width: 100%
}

.cc-tabs--line .cc-tabs--nav:before {
    display: none
}

.cc-tabs--line .cc-tabs--nav:after {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

.cc-tabs--line.cc-tabs--position__left .cc-tabs--item {
    margin-right: 10px
}

.cc-tabs--line.cc-tabs--nav__text .cc-tabs--item {
    height: 40px;
    line-height: 40px
}

.cc-tabs--line .cc-tabs--item:hover, .cc-tabs--line .cc-tabs--item__active {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-tabs.cc-tabs--line.cc-tabs--position__top .cc-tabs--item:first-child {
    padding-left: 0
}

.cc-tabs.cc-tabs--line.cc-tabs--position__top .cc-tabs--item:last-child {
    padding-right: 0
}

.cc-tabs.cc-tabs--line.cc-tabs--position__left .cc-tabs--item:first-child {
    padding-top: 0
}

.cc-tabs.cc-tabs--line.cc-tabs--position__left .cc-tabs--item:last-child {
    padding-bottom: 0
}

.cc-tabs--content {
    -ms-flex-negative: 0;
    width: 100%
}

.cc-tabs--position__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-tabs--position__left .cc-tabs--item {
    display: block
}

.cc-tabs--position__left.cc-tabs--line .cc-tabs--nav:after, .cc-tabs--position__left.cc-tabs--line .cc-tabs--nav:before {
    bottom: auto;
    height: 100%;
    left: auto;
    right: 0;
    top: 0;
    width: 2px
}

.cc-tabs--position__left .cc-tabs--header {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.cc-tabs--position__left.cc-tabs--justify__center .cc-tabs--header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cc-tabs--position__left.cc-tabs--justify__bottom .cc-tabs--header {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cc-tabs--item.disabled {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.cc-tabs--nav__image .cc-tabs--item {
    font-size: 0
}

.cc-tabs--nav__image .cc-tabs--images {
    position: relative
}

.cc-tabs--nav__image .cc-tabs--item img {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.cc-tabs--nav__image .cc-tabs--item.cc-tabs--item__active img:first-child, .cc-tabs--nav__image .cc-tabs--item img, .cc-tabs--nav__image .cc-tabs--item img:last-child {
    opacity: 0
}

.cc-tabs--nav__image .cc-tabs--item.cc-tabs--item__active img:last-child, .cc-tabs--nav__image .cc-tabs--item img:first-child {
    opacity: 1
}

.cc-tabs--nav__image .cc-tabs--item img:last-child {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cc-tabs--nav__image .cc-tabs--item img:first-child {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.cc-tabs--nav__image .cc-tabs--item img {
    height: auto;
    max-width: 100%
}

.cc-tabs--nav__image.cc-tabs--button .cc-tabs--item {
    padding: 0
}

.cc-tabs--nav__image.cc-tabs--line.cc-tabs--position__top .cc-tabs--item {
    padding-bottom: 10px
}

.cc-tabs--nav__image.cc-tabs--line.cc-tabs--position__left .cc-tabs--item {
    padding-right: 10px
}

.cc-tabs--nav__image.cc-tabs--line.cc-tabs--position__top .cc-tabs--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-tabs.cc-tabs--position__top .cc-tabs--header {
    position: relative
}

.notUnderline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 20px;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    z-index: 2
}

.notUnderline-left {
    left: 0;
    margin-right: 20px
}

.notUnderline-right {
    margin-left: 20px;
    right: 0
}

.cc-tabs.cc-nav-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-tabs.cc-nav-reverse.cc-tabs--position__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.cc-tabs.cc-nav-reverse.cc-tabs--position__left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cc-tabs.cc-nav-reverse .cc-tabs--content, .cc-tabs.cc-nav-reverse.cc-tabs--position__top .cc-tabs--content {
    width: 100%
}

.cc-tabs .cc-tabs--header .notUnderline {
    cursor: pointer
}

.cc-team, .cc-team .cc-team--wrapper {
    width: 100%
}

.cc-team .cc-team--wrapper .cc-team--items {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    row-gap: 20px;
    width: 100%
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--item {
    font-size: 14px;
    text-align: left
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--content {
    padding: 8px;
    text-align: left
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--master {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--img {
    height: auto;
    text-align: left;
    width: 100%
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__info, .cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__title {
    margin: 10px 0;
    width: 100%
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 10px 0
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    margin-right: 10px
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon .icon-btn .slot-main {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: transparent;
    border: none;
    font-size: 22px;
    height: 36px;
    justify-content: center;
    line-height: 36px;
    padding: 0;
    text-align: center;
    width: 36px
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon .icon-btn:hover .slot-main {
    background-color: transparent;
    border: none
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon .cc-element--wrapper, .cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon .icon-btn:not(:last-child) {
    margin-right: 10px
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon .cc-element--wrapper:last-child {
    margin-right: 0
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__btn .cc-element--wrapper {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__btn .cc-element--wrapper .cc-button--center {
    text-align: left
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn img {
    cursor: pointer;
    height: 36px;
    width: 36px
}

.cc-team .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__line {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start
}

.cc-team .cc-team--wrapper .cc-team--item .cc-team--content__line .line {
    border-bottom: 1px solid #adadad;
    width: 36%
}

.cc-team.cc-team--style1 .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--img {
    border-radius: 50%;
    height: 120px;
    overflow: hidden;
    width: 120px
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--item {
    border-radius: 6px;
    color: #fff;
    overflow: hidden;
    position: relative
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--bg {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(7, 16, 83, 0)), to(#071053));
    background: -o-linear-gradient(top, rgba(7, 16, 83, 0) 0, #071053 100%);
    background: linear-gradient(180deg, rgba(7, 16, 83, 0) 0, #071053);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--content {
    bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 2
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--item:hover .cc-team--content .cc-team--content__groups-btn {
    max-height: 70px
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__btn .slot-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 14px
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__info, .cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__title {
    margin: 10px 0;
    width: 100%
}

.cc-team.cc-team--style2 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn img {
    cursor: pointer;
    height: 36px;
    width: 36px
}

.cc-team.cc-team--style3 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__btn .cc-element--wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--item, .cc-team.cc-team--style5 .cc-team--wrapper .cc-team--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--item > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--item .cc-team--content {
    background-color: #f3f5f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 200px;
    padding: 0 10px;
    position: relative
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--item:hover .cc-team--content {
    background-color: #a3d0fd;
    background-color: var(--theme-color-light, "#0B7FF4")
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__groups-btn .cc-team--content__icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    margin-right: 10px
}

.cc-team.cc-team--style4 .cc-team--wrapper .cc-team--items .cc-team--content .cc-team--content__btn .slot-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 14px
}

.cc-team.cc-team--style5 .cc-team--wrapper .cc-team--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #efefef;
    border-radius: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow: hidden;
    padding: 20px
}

.cc-team.cc-team--style5 .cc-team--wrapper .cc-team--item .cc-team--img {
    -ms-flex-negative: 0;
    border-radius: 50%;
    flex-shrink: 0;
    height: 140px;
    margin-right: 20px;
    overflow: hidden;
    width: 140px
}

.cc-team.cc-team--style5 .cc-team--wrapper .cc-team--items .cc-team--item .cc-team--content {
    width: 66%
}

.cc-template {
    display: block;
    height: 100%
}

.cc-template, .cc-termlist {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-termlist {
    font-size: 14px
}

.cc-termlist .cc-termlist--items .cc-termlist--item a {
    display: inline-block;
    width: 100%
}

.cc-termlist .cc-termlist--items .cc-termlist--item.active a, .cc-termlist .cc-termlist--items .cc-termlist--item:hover a {
    background-color: #000;
    color: #fff
}

.cc-termlist.cc-termlist--horizontal .cc-termlist--items {
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    row-gap: 16px
}

.cc-termlist.cc-termlist--horizontal .cc-termlist--items .cc-termlist--item {
    line-height: 36px;
    text-align: center
}

.cc-termlist.cc-termlist--horizontal .cc-termlist--items .cc-termlist--item a {
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-termlist.cc-termlist--vertical .cc-termlist--items .cc-termlist--item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 36px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

.cc-termlist.cc-termlist--vertical .cc-termlist--items .cc-termlist--item a {
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cc-termlist.cc-termlist--vertical .cc-termlist--items .cc-termlist--item:last-child {
    margin-bottom: 0
}

.cc-textblock {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    white-space: normal
}

.cc-textblock__body {
    padding: 20px
}

.cc-tianmap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 0
}

.cc-tianmap .cc-tianmap--body .tdt-pane {
    z-index: 0
}

.cc-tianmap .tdt-infowindow-content-wrapper .tdt-infowindow-content {
    margin: 0;
    max-width: 300px !important
}

.cc-tianmap .tdt-infowindow-content-wrapper .tdt-infowindow-content * {
    line-height: normal;
    margin: 0
}

.cc-tianmap .tdt-infowindow-content-wrapper .tdt-infowindow-content .marker-title {
    border-bottom: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    max-width: 300px;
    min-width: 160px;
    padding: 4px 6px
}

.cc-tianmap .tdt-infowindow-content-wrapper .tdt-infowindow-content .marker-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 28px;
    max-width: 300px;
    padding: 10px 6px
}

.cc-tianmap .tdt-infowindow-content-wrapper .tdt-infowindow-content .marker-content img {
    height: auto;
    width: 100%
}

.cc-timeline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-timeline.cc-timeline--X {
    font-size: 0;
    min-height: 270px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.cc-timeline--X .cc-timeline-item {
    cursor: pointer;
    display: inline-block;
    position: static;
    vertical-align: top;
    width: 33.33333%
}

.cc-timeline--X .cc-timeline-item__sub {
    position: relative
}

.cc-timeline--X .cc-timeline-item__tail {
    height: 2px;
    left: 0;
    margin-left: 0;
    top: 30px;
    width: 100%
}

.cc-timeline--X .cc-timeline-item__wrapper {
    position: static
}

.cc-timeline--X .cc-timeline-item__node {
    left: 50%;
    margin-left: -7px;
    top: 24px
}

.cc-timeline--X .cc-timeline-item__timestamp.is-top {
    margin-bottom: 30px
}

.cc-timeline--X .cc-timeline-item__wrapper {
    margin: 0 auto;
    text-align: left;
    width: 95%
}

.cc-timeline--X .cc-timeline-item__timestamp {
    text-align: center
}

.cc-timeline--X .cc-timeline-item:nth-child(2n) .cc-timeline-item__wrapper {
    float: none
}

.cc-timeline--X .cc-hovercard1 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: absolute;
    white-space: normal;
    width: 100%;
    z-index: 1
}

.cc-timeline--X .cc-hovercard1 .is-always-shadow {
    background: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #ebeef5);
    width: 80%
}

.cc-timeline--X .cc-timeline-item.active .cc-card {
    z-index: 2
}

.cc-timeline--X .cc-timeline-item__content {
    min-height: 200px;
    opacity: 0;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.cc-timeline--X .cc-timeline-item.active .cc-timeline-item__content {
    opacity: 1
}

.cc-timeline--X .cc-timeline-item.active .cc-timeline-item__sub {
    color: #3c3c3c
}

.cc-timeline--X .cc-timeline__arrow {
    background-color: #e2e2e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    height: 30px;
    line-height: 25px;
    padding: 6px 0;
    position: absolute;
    text-align: center;
    top: 18px;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    width: 26px;
    z-index: 1
}

.cc-timeline--X .cc-timeline__arrow i {
    font-size: 18px;
    vertical-align: unset
}

.cc-timeline--X .cc-timeline__arrow:hover {
    background-color: #ccc
}

.cc-timeline--X .cc-timeline__arrow--left {
    left: 0
}

.cc-timeline--X .cc-timeline__arrow--right {
    right: 0
}

.cc-timeline--X .cc-timeline__wrapper {
    left: 0;
    position: absolute;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s;
    width: 100%
}

.cc-timeline {
    font-size: 16px;
    font-size: var(--font-size, 14px);
    list-style: none;
    margin: 0
}

.cc-timeline__arrow {
    display: none
}

.cc-timeline-item__sub {
    color: #e4e7ed
}

.cc-timeline-item__node, .cc-timeline-item__tail {
    background-color: currentColor;
    border-left-color: currentColor;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.cc-timeline, .cc-timeline-item {
    list-style: none !important
}

.cc-timeline-item__sub {
    height: 100%;
    position: absolute;
    width: 100%
}

.cc-timeline--Y .cc-timeline-item {
    margin-bottom: 0
}

.cc-timeline-item {
    outline: none;
    padding-bottom: 20px;
    position: relative
}

.cc-timeline-item:after, .cc-timeline.horizontal:after {
    clear: both;
    content: "";
    display: block
}

.cc-timeline--Y .cc-timeline-item__wrapper {
    padding-left: 28px
}

.cc-timeline-item__wrapper {
    position: relative;
    top: -3px
}

.cc-timeline-item__tail {
    border-left: 2px solid;
    height: 100%;
    left: 4px;
    position: absolute
}

.cc-timeline-item__icon {
    color: #fff;
    font-size: 13px
}

.cc-timeline-item__node {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    justify-content: center;
    left: -2px;
    position: absolute;
    width: 14px
}

.cc-timeline-item__content {
    color: #303133
}

.cc-timeline-item__timestamp {
    color: #909399;
    font-size: 13px;
    line-height: 1
}

.cc-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.cc-timeline--Y-L .cc-timeline-item .cc-timeline-item__wrapper, .cc-timeline--Y-L .cc-timeline-item__wrapper {
    padding-left: 28px;
    text-align: left
}

.cc-timeline--Y-L .cc-timeline-item__node, .cc-timeline--Y-L .cc-timeline-item__tail {
    left: 0
}

.cc-timelineswiper {
    overflow: hidden;
    position: relative
}

.cc-timelineswiper .swiper-container {
    height: 600px;
    position: relative;
    width: 100%
}

.cc-timelineswiper .swiper-wrapper {
    -webkit-transition: 2s cubic-bezier(.68, -.4, .27, 1.34) .2s;
    -o-transition: 2s cubic-bezier(.68, -.4, .27, 1.34) .2s;
    transition: 2s cubic-bezier(.68, -.4, .27, 1.34) .2s
}

.cc-timelineswiper .swiper-button-grouds {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
    z-index: 2
}

.cc-timelineswiper .title {
    color: #616161;
    font-size: 38px;
    font-style: italic;
    font-weight: 800
}

.cc-timelineswiper .swiper-button-grouds:before {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    height: 100%;
    position: absolute;
    right: calc(100% - 4px);
    top: 0;
    width: 1px
}

.cc-timelineswiper .swiper-button-wrapper {
    bottom: 0;
    height: 57%;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2
}

.cc-timelineswiper .swiper-slide {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    overflow: hidden;
    position: relative
}

.cc-timelineswiper .swiper-slide:after {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50%;
    bottom: -10%;
    -webkit-box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, .7);
    box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    position: absolute;
    right: -115%;
    width: 50%;
    z-index: 1
}

.cc-timelineswiper .swiper-slide .cc-swiper--content {
    height: 80%;
    left: 5%;
    overflow: hidden;
    position: relative;
    top: 10%;
    width: calc(90% - 160px)
}

.cc-timelineswiper .swiper-slide-content {
    font-size: 12px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 13%;
    -webkit-transform: translate(50%);
    -ms-transform: translate(50%);
    transform: translate(50%);
    width: 100%;
    z-index: 2
}

.cc-timelineswiper .swiper-slide .year {
    color: #d4a024;
    display: block;
    font-size: 42px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 50px;
    -webkit-transition: .2s ease .4s;
    -o-transition: .2s ease .4s;
    transition: .2s ease .4s
}

.cc-timelineswiper .swiper-slide .title, .cc-timelineswiper .swiper-slide .year {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
}

.cc-timelineswiper .swiper-slide .title {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 30px;
    -webkit-transition: .2s ease .5s;
    -o-transition: .2s ease .5s;
    transition: .2s ease .5s
}

.cc-timelineswiper .swiper-slide .content {
    line-height: 1.5;
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -webkit-transition: .2s ease .6s;
    -o-transition: .2s ease .6s;
    transition: .2s ease .6s
}

.cc-timelineswiper .swiper-slide-active .year {
    -webkit-transition: .4s ease 1.6s;
    -o-transition: .4s ease 1.6s;
    transition: .4s ease 1.6s
}

.cc-timelineswiper .swiper-slide-active .title, .cc-timelineswiper .swiper-slide-active .year {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cc-timelineswiper .swiper-slide-active .title {
    -webkit-transition: .4s ease 1.7s;
    -o-transition: .4s ease 1.7s;
    transition: .4s ease 1.7s
}

.cc-timelineswiper .swiper-slide-content .content-info {
    max-height: 60%;
    overflow: hidden
}

.cc-timelineswiper .swiper-slide-active .content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: .4s ease 1.8s;
    -o-transition: .4s ease 1.8s;
    transition: .4s ease 1.8s
}

.cc-timelineswiper .swiper-pagination {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    height: auto;
    justify-content: center;
    left: 0;
    margin: auto;
    width: 100%;
    z-index: 1
}

.cc-timelineswiper .swiper-pagination-bullet {
    background: transparent;
    color: #d4a024;
    height: auto;
    margin: 15px 0 !important;
    opacity: 1;
    padding: 0 30px;
    position: relative;
    text-align: center;
    width: 90px
}

.cc-timelineswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #d4a024;
    font-size: 26px;
    font-weight: 700
}

.cc-timelineswiper .swiper-pagination-bullet:before {
    background-color: #d4a024;
    border-radius: 100%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 6px
}

.cc-timelineswiper .swiper-pagination-bullet-active {
    color: #d4a024
}

.cc-timelineswiper .swiper-pagination-bullet-active:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.cc-timelineswiper .swiper-button-next, .cc-timelineswiper .swiper-button-prev {
    background-size: 20px 20px;
    height: 50px;
    margin-top: 0;
    text-align: center;
    top: 15%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 50px;
    z-index: 2
}

.cc-timelineswiper .swiper-button-prev {
    left: 8%
}

.cc-timelineswiper .swiper-button-next {
    right: 8%
}

.cc-timelineswiper .swiper-button-next:after, .cc-timelineswiper .swiper-button-prev:after {
    color: #d4a024
}

.cc-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-title--align__left {
    text-align: left
}

.cc-title--align__center {
    text-align: center
}

.cc-title--align__right {
    text-align: right
}

.cc-video {
    background-color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.cc-video > iframe {
    height: 100%;
    width: 100%
}

.cc-video.dplayer .dplayer-mask, .cc-video.dplayer .dplayer-menu {
    display: none !important
}

.cc-video.dplayer .dplayer-notice-list {
    visibility: hidden
}

.cc-videolist--theme .video-info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    padding: 12px 8px
}

.cc-videolist--theme .video-title {
    font-size: 16px;
    font-weight: 700
}

.cc-videolist--theme .video-content {
    font-size: 14px
}

.cc-videolist--wrapper {
    overflow: hidden;
    width: 100%
}

.cc-videolist--thumbs {
    position: relative
}

.cc-videolist--thumbs .cc-videolist--video .video-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    left: 0;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    width: 100%;
    z-index: -1
}

.cc-videolist--thumbs .cc-videolist--video.active .video-title, .cc-videolist--thumbs .cc-videolist--video:hover .video-title {
    visibility: visible;
    z-index: 2
}

.cc-videolist--videos {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 14px;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    width: 100%
}

.cc-videolist--videos .cc-videolist--video {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 2%;
    max-height: 240px;
    opacity: .4;
    position: relative;
    width: 32%
}

.cc-videolist--videos .cc-videolist--video.active, .cc-videolist--videos .cc-videolist--video:hover {
    opacity: 1
}

.cc-videolist--videos .cc-videolist--video:last-child {
    margin-right: 0
}

.cc-videolist--video .cc-videolist--video-thumb {
    height: 100%;
    width: 100%
}

.cc-videolist--video .cc-videolist--video-thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cc-videolist--thumbs .cc-videolist--prev {
    left: 6px
}

.cc-videolist--thumbs .cc-videolist--next, .cc-videolist--thumbs .cc-videolist--prev {
    background-color: #3095fb;
    background-color: var(--theme-color);
    border-radius: 3px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    z-index: 2
}

.cc-videolist--thumbs .cc-videolist--next {
    right: 6px
}

.cc-videolist .cc-videolist--thumbs .cc-videolist--next.disabled, .cc-videolist .cc-videolist--thumbs .cc-videolist--prev.disabled {
    background-color: #a3a3a3;
    cursor: no-drop
}

.cc-videolist--thumbs i {
    color: #fff;
    font-size: 20px;
    line-height: inherit
}

.cc-address {
    position: relative
}

.cc-address .cc-city--china__val {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.cc-address .cc-city--china__val select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"  width="16" height="16"><path fill="%23000" d="M959.52557 254.29773L511.674589 702.334953 63.824631 254.29773Z"/></svg>') no-repeat scroll right 10px top 50% transparent;
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color);
    height: 2.2em;
    line-height: 2.2em;
    margin: 0 1%;
    padding: 0 20px 0 10px;
    width: 32%
}

.cc-address .cc-city--china__val select option {
    color: #000
}

.cc-address .cc-city--china__val .province {
    margin-left: 0
}

.cc-address .cc-city--china__val .area {
    margin-right: 0
}

.cc-cascadeselects {
    position: relative
}

.cc-cascadeselects .cc-cascadeselects--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.cc-cascadeselects .cc-cascadeselects--content select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"  width="16" height="16"><path fill="%23000" d="M959.52557 254.29773L511.674589 702.334953 63.824631 254.29773Z"/></svg>') no-repeat scroll right 10px top 50% transparent;
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color);
    height: 2.2em;
    line-height: 2.2em;
    margin: 0 1%;
    padding: 0 20px 0 10px;
    width: 32%
}

.cc-cascadeselects .cc-cascadeselects--content .first {
    margin-left: 0
}

.cc-cascadeselects .cc-cascadeselects--content .four {
    margin-right: 0
}

.cc-checkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.cc-checkbox--group__item, .cc-checkbox--input {
    cursor: pointer
}

.cc-checkbox--group__item .cc-checkbox--group__thumb img {
    height: 60px;
    width: 80px
}

.cc-checkbox--group__item {
    word-wrap: normal;
    white-space: nowrap
}

.cc-checkbox--input {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    border-radius: 3px;
    height: 16px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;
    width: 16px
}

.cc-checkbox--input:before {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    content: "";
    height: 9px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 4px
}

.cc-checkbox--input:not(.disabled):checked {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

.cc-checkbox--input:not(.disabled):checked:before {
    opacity: 1
}

.cc-checkbox--input.disabled {
    background-color: #eee;
    border-color: #ccc;
    pointer-events: none
}

.cc-checkbox--label {
    vertical-align: -.15em
}

.cc-checkbox--y .cc-checkbox--group__item {
    display: block
}

.cc-colorpicker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.choices__list--multiple .choices__item {
    background-color: #a3d0fd;
    background-color: var(--theme-color-light, #30aafa);
    border: 1px solid #1989fa;
    border-color: var(--theme-color-dark, #3080fc);
    margin-bottom: 0
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    border: 1px solid #1989fa;
    border-color: var(--theme-color-dark, #3080fc)
}

.cc-datepicker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.cc-input_hidden {
    display: none
}

.cc-form--image__wrapper {
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    cursor: pointer;
    display: block;
    position: relative
}

.cc-form--image__wrapper .image {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-form--image__wrapper .image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.cc-form--image__wrapper input {
    display: none
}

.cc-form--input {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    border-radius: 2.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-variant: tabular-nums;
    height: 2.2em;
    max-width: 100%;
    padding: 4px 11px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.cc-form--input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.cc-form--input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.cc-form--input:placeholder-shown {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.cc-form--input:focus, .cc-form--input:hover {
    border-color: #3095fb;
    border-color: var(--theme-color, #3095fb)
}

.cc-form--input__error {
    border-color: #ff5757;
    border-color: var(--error-color, #ff5757)
}

.cc-form--input__append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-form--input__append .cc-input-append {
    background-color: #e5e5e5;
    background-color: var(--gray-light);
    border-radius: 2.5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    cursor: pointer;
    line-height: 2.2em;
    padding: 0 10px;
    white-space: nowrap
}

.cc-form--input__append .cc-form--input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cc-input--disabled .cc-form--input {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.cc-form--input_passLocation {
    position: relative
}

.cc-form--input_passLocation > .passwordInput {
    display: none;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%
}

.cc-inquiry, .cc-inquiry .cc-row--align__middle .cc-col--justify__, .cc-inquiry .cc-row--align__middle .cc-col--justify__left {
    width: 100%
}

.cc-inquiry .cc-row--align__middle .cc-col--justify__ {
    font-size: 16px
}

.cc-inquiry--table {
    overflow-x: auto;
    position: relative
}

.cc-inquiry--table .cc-table {
    border: 1px solid #ececec;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    visibility: hidden;
    width: 100%
}

.cc-inquiry--table .cc-table thead {
    background-color: #ececec
}

.cc-inquiry--table .cc-table thead tr th {
    border-right: 1px solid #c7c7c7;
    text-align: center
}

.cc-inquiry--table .cc-table thead tr th h4 {
    font-size: 14px
}

.cc-inquiry--table .cc-table thead tr th:first-child {
    text-align: left
}

.cc-inquiry--table .cc-table thead tr th:last-child {
    border-right: none
}

.cc-inquiry--table .cc-table tbody {
    border: none
}

.cc-inquiry--table .cc-table td, .cc-inquiry--table .cc-table th {
    min-width: 80px
}

.cc-inquiry--table .tbody-null--list {
    color: #8b8b8b;
    font-size: 18px;
    padding: 0 8px;
    text-align: center
}

.cc-inquiry--table .cc-table tbody tr {
    border-bottom: 1px solid #ededed
}

.cc-inquiry--table .cc-table tbody tr:last-child {
    border-bottom: none
}

.cc-inquiry--table .cc-table tbody tr td {
    border-right: 1px solid #ededed;
    text-align: center
}

.cc-inquiry--table .cc-table tbody tr td:first-child {
    text-align: left
}

.cc-inquiry--table .cc-table tbody tr td .tbody-thumb--title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.cc-inquiry--table .cc-table tbody tr td .tbody-thumb--title .tbody-thumb img {
    height: auto;
    margin: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 60px
}

.cc-inquiry--table .cc-table tbody tr td .tbody-thumb--title .tbody-title--info {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    font-size: 14px;
    min-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 100%
}

.cc-inquiry--table .cc-table tbody tr td:last-child {
    border-right: none
}

.cc-inquiry--table .cc-table tbody tr td .tbody-price span, .cc-inquiry--table .cc-table tbody tr td .tbody-sku span {
    color: #000;
    font-size: 14px
}

.cc-inquiry--table .cc-table tbody tr td .tbody-qty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.cc-inquiry--table .cc-table tbody tr td .tbody-qty button {
    background-color: #ececec;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    width: 28px
}

.cc-inquiry--table .cc-table tbody tr td .tbody-qty input {
    -webkit-box-flex: 2;
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 2;
    flex: 2;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    max-width: 120px;
    min-width: 60px;
    padding: 0 6px;
    text-align: center;
    width: 40%
}

.cc-inquiry--table .cc-table tbody tr td .tbody-btn--group {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.cc-inquiry--table .cc-table tbody tr td .tbody-btn--group button {
    -webkit-box-shadow: 0 2px 3px rgba(43, 42, 42, .4);
    box-shadow: 0 2px 3px rgba(43, 42, 42, .4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    height: 28px;
    line-height: 20px;
    margin: 0 6px;
    padding: 4px 8px;
    width: 50px
}

.cc-inquiry--table .cc-table tfoot tr td {
    border-top: 1px solid #ececec;
    font-size: 14px;
    font-weight: 700
}

.cc-inquiry--table .cc-table tbody tr td .tbody-btn--group .updata {
    background-color: #4a4a4a
}

.cc-inquiry--table .cc-table tbody tr td .tbody-btn--group .show-remove--dialog {
    color: red;
    cursor: pointer;
    font-size: 16px
}

.cc-inquiry--table .remove-dialog {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    left: 50%;
    padding: 30px;
    position: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    z-index: 1
}

.cc-inquiry--table .remove-dialog.hidden {
    display: none
}

.cc-inquiry--table .remove-dialog.block {
    display: block
}

.cc-inquiry--table .remove-dialog .remove-dialog--btn__group {
    margin-top: 36px
}

.cc-inquiry--table .remove-dialog .remove-dialog--btn__group button {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #fff;
    margin: 0 8px;
    padding: 4px 8px
}

.cc-inquiry--table .remove-dialog .remove-dialog--btn__group .close {
    background-color: red
}

.cc-inquiry--table .remove-dialog .remove-dialog--btn__group .remove {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

.cc-matricescheckbox-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    padding: 2px;
    width: 100%
}

.matricescheckbox-table {
    border: 1px solid #9d9d9d;
    margin-bottom: 10px
}

.matricescheckbox-table, .matricescheckbox-table__header {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.matricescheckbox-table__header {
    background-color: #ececec;
    border-bottom: 1px solid #9d9d9d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 38px
}

.matricescheckbox-table__body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.matricescheckbox-groups {
    border-bottom: 1px solid #9d9d9d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.matricescheckbox-groups:last-child {
    border-bottom: none
}

.matricescheckbox-groups .matricescheckbox-groups--item {
    border-right: 1px solid #9d9d9d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 28px;
    min-height: 40px;
    padding: 6px 8px;
    text-align: center;
    width: 140px
}

.matricescheckbox-groups .matricescheckbox-groups--item:last-child {
    border-right: none
}

.matricescheckbox-table__body .cc-checkbox--input {
    border-color: #b3b3b3
}

.cc-matricesradio-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    padding: 2px;
    width: 100%
}

.matricesradio-table {
    border: 1px solid #9d9d9d;
    margin-bottom: 10px
}

.matricesradio-table, .matricesradio-table__header {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.matricesradio-table__header {
    background-color: #ececec;
    border-bottom: 1px solid #9d9d9d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 38px
}

.header-item {
    border-right: 1px solid #9d9d9d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding: 6px 8px;
    text-align: center;
    width: 140px
}

.header-item:last-child {
    border-right: none
}

.matricesradio-table__body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.matricesradio-groups {
    border-bottom: 1px solid #9d9d9d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.matricesradio-groups:last-child {
    border-bottom: none
}

.matricesradio-groups .matricesradio-groups--item {
    border-right: 1px solid #9d9d9d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 28px;
    min-height: 40px;
    padding: 6px 8px;
    text-align: center;
    width: 140px
}

.matricesradio-groups .matricesradio-groups--item:last-child {
    border-right: none
}

.matricesradio-table__body .cc-radio--input {
    border-color: #b3b3b3
}

.cc-form--mobile {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    border: 1px solid #ebedf0;
    border-color: var(--border-color, #eee);
    border-radius: 2.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-variant: tabular-nums;
    height: 2.2em;
    max-width: 100%;
    padding: 4px 11px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.cc-form--mobile, .cc-mobile .cc-choices, .cc-mobile .cc-choices .cc-form--mobile__select, .cc-mobile .cc-choices .choices__inner {
    background-color: #fff
}

.cc-mobile .cc-choices .choices__inner {
    background-color: #fff;
    border-color: #ebedf0;
    border-color: var(--border-color, #eee);
    font-size: 14px;
    height: 2.2em;
    line-height: 2.2em
}

.cc-mobile .cc-form--mobile__select {
    -ms-flex-negative: 0;
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color, #eee);
    border-radius: 2.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: 14px;
    height: 2.2em;
    line-height: 2.2em;
    padding: 0 12px 0 6px;
    width: 90px
}

.cc-form--mobile:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.cc-form--mobile:-ms-input-placeholder {
    text-overflow: ellipsis
}

.cc-form--mobile:placeholder-shown {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.cc-form--mobile:focus, .cc-form--mobile:hover, .cc-mobile .cc-choices:focus .choices__inner, .cc-mobile .cc-choices:hover .choices__inner {
    border-color: #3095fb;
    border-color: var(--theme-color, #3095fb)
}

.cc-form--mobile__error {
    border-color: #ff5757;
    border-color: var(--error-color, #ff5757)
}

.cc-form--mobile__append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cc-form--mobile__append .cc-mobile-append {
    background-color: #e5e5e5;
    background-color: var(--gray-light);
    border-radius: 2.5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    cursor: pointer;
    line-height: 2.2em;
    padding: 0 10px;
    white-space: nowrap
}

.cc-form--mobile__append .cc-form--mobile {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cc-mobile--disabled .cc-form--mobile {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed
}

.cc-form--mobile_passLocation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.cc-form--mobile_passLocation .cc-choices {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 90px
}

.cc-form--mobile_passLocation .cc-choices .choices__inner {
    width: 100%
}

.cc-form--mobile_passLocation > .passwordInput {
    display: none;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 50%
}

.cc-form--multiple {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color, #ebedf0);
    display: inline-block;
    min-height: 34px;
    padding: 0 11px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.cc-form--multiple option {
    display: none
}

.cc-form--multiple option[selected] {
    display: block
}

.cc-multiple .cc-choices .choices__inner {
    height: auto;
    min-height: 2.2em
}

.cc-nps--group {
    display: inline-block;
    width: 100%
}

.cc-nps--group .star-item .star-item--input {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between
}

.cc-nps--star {
    cursor: pointer;
    font-size: 28px;
    font-style: normal;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cc-nps--star:before {
    color: inherit;
    content: "★";
    display: block;
    font-size: inherit;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.cc-nps--star.active, .cc-nps--star.active ~ .cc-nps--star, .cc-nps--star:hover, .cc-nps--star:hover ~ .cc-nps--star {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-nps--star:hover:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-nps--disabled .cc-nps--group {
    position: relative
}

.cc-nps--disabled .cc-nps--group:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-nps .cc-nps--number__item {
    margin-bottom: 10px
}

.cc-nps .cc-nps--number__item:last-child {
    margin-bottom: 0
}

.cc-nps .cc-nps--number__figure {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #ececec;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 32px;
    justify-content: center;
    position: relative;
    width: 100%
}

.cc-nps .cc-nps--number__figure .progress {
    background: -webkit-gradient(linear, right top, left top, color-stop(13.67%, #ff7a50), color-stop(99.96%, #ffd38f));
    background: -o-linear-gradient(right, #ff7a50 13.67%, #ffd38f 99.96%);
    background: linear-gradient(270deg, #ff7a50 13.67%, #ffd38f 99.96%);
    border-radius: 6px;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    z-index: 1
}

.cc-nps .cc-nps--number__figure .cc-nps--number__figure-item {
    -webkit-box-flex: 1;
    color: #000;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    -webkit-transition: color .4s ease-in-out;
    -o-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    z-index: 2
}

.cc-input-number__wrapper {
    display: inline-block;
    position: relative
}

.cc-input-number__decrease, .cc-input-number__increase {
    background-color: #f5f7fa;
    cursor: pointer;
    display: table;
    height: calc(100% - 2px);
    position: absolute;
    text-align: center;
    top: 1px;
    width: 30px
}

.cc-input-number__decrease {
    left: 1px
}

.cc-input-number__increase {
    right: 1px
}

.cc-input-number__field {
    max-width: 180px;
    text-align: center;
    width: 100%
}

.cc-input-number__decrease > .fa, .cc-input-number__increase > .fa {
    display: table-cell;
    vertical-align: middle
}

[node-type=form] .cc-paging {
    display: none
}

.inject-editor .cc-paging {
    display: block
}

.inject-editor .cc-paging .cc-paging--wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 90px;
    justify-content: space-between;
    line-height: 30px
}

.cc-paging .cc-paging--wrapper {
    text-align: center
}

.inject-editor .cc-paging .cc-paging--afterline, .inject-editor .cc-paging .cc-paging--beforeline {
    -ms-flex-negative: 0;
    background-color: #f8f8f8;
    background-color: var(--background-color, #f8f8f8);
    flex-shrink: 0;
    height: 1px;
    width: 47%
}

.error-paging {
    color: red;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    padding: 10px 20px;
    text-align: center
}

.cc-radio--group__item, .cc-radio--input {
    cursor: pointer
}

.cc-radio--group__item {
    word-wrap: normal;
    white-space: nowrap
}

.cc-radio--group__item .cc-radio--thumb img {
    height: 60px;
    width: 80px
}

.cc-radio--input {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    height: 16px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;
    width: 16px
}

.cc-radio--input:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 8px
}

.cc-radio--input:checked {
    background-color: #3095fb;
    background-color: var(--theme-color)
}

.cc-radio--input:checked:before {
    opacity: 1
}

.cc-radio--label {
    vertical-align: -.15em
}

.cc-radio--y .cc-radio--group__item {
    display: block;
    margin: 7px 0
}

.cc-rate--group {
    display: inline-block
}

.cc-rate--star {
    cursor: pointer;
    float: right;
    font-size: 28px;
    font-style: normal;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.cc-rate--star:before {
    color: inherit;
    content: "★";
    display: block;
    font-size: inherit;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.cc-rate--input:checked ~ .cc-rate--star, .cc-rate--star:hover, .cc-rate--star:hover ~ .cc-rate--star {
    color: #3095fb;
    color: var(--theme-color)
}

.cc-rate--star:hover:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.cc-rate--disabled .cc-rate--group {
    position: relative
}

.cc-rate--disabled .cc-rate--group:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cc-choices.choices[data-type*=select-one] .choices__input {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color)
}

.cc-choices.choices[data-type*=select-one].is-focused .choices__input, .cc-choices.choices[data-type*=select-one].is-open .choices__input {
    border-bottom: 1px solid #3095fb;
    border-bottom: 1px solid var(--theme-color)
}

.cc-choices.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 0;
    padding-right: 30px
}

.cc-form--select {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color, #ebedf0);
    display: inline-block;
    min-height: 2.2em;
    padding: 0 11px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.cc-select--content {
    width: 100%
}

.cc-select--content .cc-search--recommend {
    position: relative
}

.cc-select--content .cc-search--recommend .search-richtext {
    border: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 2.2em;
    line-height: 2.2em
}

.cc-select--content .cc-search--recommend .search-richtext .search--val {
    height: inherit;
    padding: 0 10px;
    width: calc(100% - 50px)
}

.cc-select--content .cc-search--recommend .search-richtext .search--btn {
    cursor: pointer;
    display: inline-block;
    line-height: inherit;
    text-align: center;
    width: 30px
}

.cc-select--content .cc-search--recommend .search-richtext .search--btn i {
    color: #666;
    font-size: 18px;
    height: 20px;
    width: 20px
}

.cc-select--content .cc-search--recommend .search--list {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 3px hsla(0, 0%, 48%, .7);
    box-shadow: 0 2px 3px hsla(0, 0%, 48%, .7);
    display: none;
    height: auto;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 2.4em;
    width: 100%;
    z-index: 1
}

.cc-select--content .cc-search--recommend .search--list .search--input {
    border: 1px solid #ececec;
    border-radius: 6px;
    height: 2.2em;
    line-height: 2.2em;
    margin: 16px 10px
}

.cc-select--content .cc-search--recommend .search--list .search--input input {
    height: inherit;
    padding: 0 10px;
    width: calc(100% - 50px)
}

.cc-select--content .cc-search--recommend .search--list .search--input i {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    line-height: inherit;
    text-align: center;
    width: 30px
}

.cc-select--content .cc-search--recommend .search--list span {
    color: #252525;
    display: block;
    font-size: 18px
}

.cc-select--content .cc-search--recommend .search--list .select--list__items {
    border-top: 1px solid #ececec;
    line-height: 40px;
    max-height: 20vh;
    overflow-y: auto;
    padding: 4px 0;
    text-align: left
}

.cc-select--content .cc-search--recommend .search--list .select--list__item {
    overflow: hidden;
    padding: 0 16px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cc-select--content .cc-search--recommend .search--list .select--list__item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}

.cc-select--content .cc-search--recommend .search--list .select--list__item:hover {
    background-color: #ececec;
    cursor: pointer
}

.cc-select--content .disabled {
    background-color: #eee;
    border-color: #ccc;
    pointer-events: none
}

.cc-signature--input {
    display: block;
    height: 0;
    visibility: hidden;
    width: 0
}

.cc-signature--wrapper .cc-signature--parent {
    text-align: center
}

.cc-signature--wrapper .cc-signature--parent .btn {
    background-color: #3095fb;
    background-color: var(--theme-color);
    border: 1px solid #3095fb;
    border: 1px solid var(--theme-color);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    padding: 3px 20px
}

.cc-signature--wrapper .cc-signature--parent .signature-btn--groups .btn {
    float: right;
    margin-left: 10px
}

.cc-signature--parent .cc-signature--canvas {
    position: relative
}

.cc-signature--canvas .signature-btn--groups {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.cc-signature--parent .finish-signature {
    position: relative
}

.cc-signature--parent .finish-signature .signature-remove {
    background-color: rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1
}

.cc-signature--parent .finish-signature .signature-remove .remove {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cc-signature--parent .finish-signature:hover .signature-remove {
    display: block
}

.cc-signature--parent .finish-signature .signature-remove .remove i {
    color: red;
    font-size: 24px
}

.cc-signature--parent .hide {
    display: none
}

textarea.cc-form--input {
    height: auto;
    line-height: 1.5;
    max-width: 100%;
    min-height: 32px;
    resize: vertical;
    -webkit-transition: all .3s, height 0s;
    -o-transition: all .3s, height 0s;
    transition: all .3s, height 0s;
    vertical-align: bottom
}

.cc-toggle--input {
    display: none
}

.cc-toggle--block__wrapper {
    cursor: pointer;
    display: inline-block
}

.cc-toggle--block {
    background-color: currentColor;
    color: #bbb;
    display: inline-block;
    height: 25px;
    position: relative;
    width: 60px
}

.cc-toggle--block, .cc-toggle--block:after {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cc-toggle--block:after {
    background-color: #fff;
    border: 3px solid;
    content: "";
    float: left;
    height: 19px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 19px
}

.cc-toggle--block, .cc-toggle--text {
    vertical-align: middle
}

.cc-toggle--text {
    display: none
}

.cc-toggle--text__off {
    display: inline-block
}

.cc-toggle--input:checked + .cc-toggle--block__wrapper .cc-toggle--block {
    color: #7d7e80;
    color: var(--gray-darker)
}

.cc-toggle--input:checked + .cc-toggle--block__wrapper .cc-toggle--block:after {
    background-color: #3095fb;
    background-color: var(--theme-color);
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px)
}

.cc-toggle--input:checked + .cc-toggle--block__wrapper .cc-toggle--text__off {
    display: none
}

.cc-toggle--input:checked + .cc-toggle--block__wrapper .cc-toggle--text__on {
    display: inline-block
}

.cc-upload--input {
    display: none
}

.cc-verifyimg .cc-form--input__wrapper {
    overflow: hidden;
    width: 100%
}

.cc-verifyimg .cc-verifyimg--input {
    float: left;
    width: 50%
}

.cc-verifyimg .cc-verifyimg--img {
    cursor: pointer;
    float: left;
    height: 2.2em;
    margin-left: 30px;
    width: calc(50% - 30px)
}

.cc-verifyimg .cc-verifyimg--img img {
    height: 2.2em
}

.cc-verifysms .cc-form--input__wrapper {
    position: relative
}

.cc-verifysms .cc-form--input__suffix {
    background-color: #fff;
    color: #3095fb;
    color: var(--theme-color);
    cursor: pointer;
    height: calc(100% - 2px);
    line-height: 2.2em;
    padding: 0 5px;
    position: absolute;
    right: 1px;
    top: 1px
}

.cc-verifysms .cc-form--input__suffix:hover {
    color: #a3d0fd;
    color: var(--theme-color-light)
}

.cc-verifysms .cc-form--input__suffix.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.cc-verifysms .verifysms-dialog {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    bottom: -216px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, .12);
    display: none;
    height: 202px;
    position: absolute;
    right: 0;
    width: 320px;
    z-index: 999
}

.cc-verifysms .verifysms-dialog .verifysms-dialog--wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.cc-verifysms .verifysms-dialog .verifysms-dialog-arrow, .cc-verifysms .verifysms-dialog .verifysms-dialog-arrow:after {
    border-color: transparent;
    border-style: solid;
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cc-verifysms .verifysms-dialog .verifysms-dialog-arrow {
    border-bottom-color: #c5c5c5;
    border-width: 1px 8px 8px;
    -webkit-filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .03));
    filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .03));
    margin-right: 3px;
    right: 30px;
    top: -10px
}

.cc-verifysms .verifysms-dialog .verifysms-dialog-arrow:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    right: -10px;
    top: -2px;
    width: 0
}

.cc-verifysms .verifysms-dialog .verifysms-dialog--wrapper .verifysms-dialog--content {
    background-color: #fff;
    border-radius: 20px;
    height: 202px;
    overflow: hidden;
    width: 320px
}

.verifysms-dialog--content .verifysms-dialog--header {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.verifysms-dialog--content .verifysms-dialog--body {
    padding: 30px 20px
}

.verifysms-dialog--content .verifysms-dialog--body .verifysms-img--item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    line-height: 40px;
    width: 100%
}

.verifysms-dialog--content .verifysms-dialog--body .verifysms-img--item .verifysms-input {
    border: 1px solid #ececec;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    line-height: 38px;
    padding: 0 6px
}

.verifysms-dialog--content .verifysms-dialog--body .verifysms-img--item .verifysms-input input {
    width: 100%
}

.verifysms-dialog--content .verifysms-dialog--body .verifysms-img--item .verifysms-img {
    -ms-flex-negative: 0;
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0;
    height: 40px;
    margin-left: 6px;
    overflow: hidden;
    width: 100px
}

.verifysms-dialog--content .verifysms-dialog--body .verifysms-img--item .verifysms-img img {
    height: 100%;
    width: 100%
}

.verifysms-dialog--content .verifysms-dialog--footer {
    border-top: 2px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.verifysms-dialog--content .verifysms-dialog--footer button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.verifysms-dialog--content .verifysms-dialog--footer button:first-child {
    border-right: 1px solid #ececec;
    color: red
}

.verifysms-dialog--content .verifysms-dialog--footer button:last-child {
    border-left: 1px solid #ececec
}

.posts {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 780px;
    padding: 0 20px 50px
}

.posts .prev-page-button button {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    line-height: 32px;
    margin: 16px 0;
    padding: 0 16px
}

.posts .prev-page-button i {
    margin-right: 6px
}

.posts-photos, .posts-title {
    margin-bottom: 20px;
    margin-top: 20px
}

.posts-title {
    display: inline-block;
    text-align: center;
    width: 100%
}

.posts-subtitle {
    margin-bottom: 20px;
    margin-top: -10px;
    text-align: center
}

.posts-meta {
    color: #999;
    font-size: 14px;
    line-height: 1.4;
    margin: 20px 0
}

.posts-meta, .posts-meta .info {
    text-align: center
}

.posts-footer {
    margin: 40px auto
}

.posts-meta div {
    display: inline;
    margin-bottom: 15px
}

.posts-meta .relate {
    overflow: hidden
}

.posts-meta .relate > div {
    height: 1.4em;
    margin: 5px 0;
    overflow: hidden;
    width: calc(100% - 100px)
}

.posts-meta .read {
    float: left;
    text-align: right;
    width: 100px
}

.posts.layout-1 .posts-body {
    overflow: hidden
}

.posts.layout-1 .posts-photos {
    float: left;
    margin: 0;
    width: 48%
}

.posts.layout-1 .posts-photos + .posts-content {
    float: right;
    width: 50%
}

.posts-term .cc-postslist--pagination {
    padding: 20px 0 50px
}

.posts .posts-tags {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--border-color);
    margin: 10px 0;
    padding-bottom: 16px;
    position: relative;
    width: 100%
}

.posts .posts-tags .posts-tags-group {
    width: 100%
}

.posts .posts-tags .posts-tags-group .tags-label {
    border-bottom: 2px solid #ebedf0;
    border-bottom: 2px solid var(--border-color);
    color: #000;
    font-size: 16px;
    font-size: var(--font-size, 14px);
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    width: 100%
}

.posts .posts-tags .posts-tags-group .tags-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px;
    width: 100%
}

.posts .posts-tags .posts-tags-group .tags-items .tags-item {
    background-color: #ececec;
    border-radius: 14px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 10px 6px;
    min-width: 80px;
    padding: 0 10px;
    text-align: center;
    width: auto
}

.posts .posts-tags .posts-tags-group .tags-items .tags-item a {
    color: #333
}

.posts .posts-content .posts-downloads--list {
    margin: 26px 0
}

.posts .posts-content .posts-downloads--list .sub-title h5 {
    margin-bottom: 0
}

.posts .posts-content .posts-downloads--list .posts-downloads--items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.posts .posts-content .posts-downloads--list .posts-downloads--items .posts-downloads--item {
    width: 100%
}

.posts .posts-content .posts-downloads--list .posts-downloads--items .posts-downloads--item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.posts .posts-content .posts-downloads--list .posts-downloads--items .icon-file {
    font-size: 20px;
    height: 36px;
    text-align: center;
    width: 36px
}

.posts .posts-content .posts-downloads--list .posts-downloads--items .downloads-title {
    max-width: calc(100% - 36px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout-boxed .product {
    margin: 0 10px
}

.product .prev-page-button button {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    line-height: 32px;
    margin: 16px 0;
    padding: 0 16px
}

.product .prev-page-button i {
    margin-right: 6px
}

.product {
    padding: 30px 0
}

.product-excerpt, .product-title {
    margin-bottom: 20px
}

.product-excerpt {
    background-color: transparent
}

.product-price {
    background-color: #f6f6f6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #3095fb;
    color: var(--theme-color);
    font-size: 28px;
    font-weight: 700;
    padding: 10px
}

.product-price .regular_price .main {
    color: #999;
    font-size: 14px;
    text-decoration: line-through
}

.product-price .stock_quantity .stock {
    color: #999;
    font-size: 14px
}

.product-lay-group {
    display: table;
    padding: 10px 0
}

.product-lay-group .label {
    color: #999;
    display: table-cell;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    width: 80px
}

.product-lay-group .main {
    display: table-cell
}

.product-lay-group .cc-form--content {
    padding: 0
}

.product .product-info .product-property .product-variation {
    display: table;
    padding: 5px 0
}

.product .product-info .product-property .product-variation .label {
    color: #999;
    display: table-cell;
    font-size: 12px;
    font-weight: 400;
    min-width: 80px;
    vertical-align: middle
}

.product .product-info .product-property .product-variation .attrs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start
}

.product .product-info .product-property .product-variation .attrs .attrs-item img {
    height: 36px;
    vertical-align: middle;
    width: 36px
}

.product .product-info .product-property .product-variation .attrs .attrs-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 38px;
    line-height: 36px;
    margin: 0 8px;
    min-width: 76px;
    overflow: hidden;
    padding: 0 1px;
    text-align: center
}

.product .product-info .product-property .product-variation .attrs .attrs-item span {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin: 0 6px
}

.product .product-info .product-property .product-variation .attrs .attrs-item.active, .product .product-info .product-property .product-variation .attrs .attrs-item:hover {
    border: 1px solid #3095fb;
    border: 1px solid var(--theme-color)
}

.product .product-downloads--list {
    margin: 26px 0
}

.product .product-downloads--list .sub-title h5 {
    margin-bottom: 0
}

.product .product-downloads--list .product-downloads--items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.product .product-downloads--list .product-downloads--items .product-downloads--item {
    width: 100%
}

.product .product-downloads--list .product-downloads--items .product-downloads--item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 4px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product .product-downloads--list .product-downloads--items .icon-file {
    font-size: 20px;
    height: 36px;
    text-align: center;
    width: 36px
}

.product .product-downloads--list .product-downloads--items .downloads-title {
    max-width: calc(100% - 36px);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-comment {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 10px
}

.product.layout-1 .product-content-side {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%
}

.product.layout-1 .product-content-empty {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%
}

.product.layout-1 .product-content-body {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
}

.product .cc-tabs--item {
    padding: 0 20px
}

.product-term .cc-productlist--pagination {
    padding: 20px 0 50px
}

.product .product-tags {
    position: relative;
    width: 100%
}

.product .product-tags .product-tags-group {
    display: table;
    width: 100%
}

.product .product-tags .product-tags-group .label {
    color: #999;
    display: table-cell;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
    width: 80px
}

.product .product-tags .product-tags-group .tags-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6px;
    width: 100%
}

.product .product-tags .product-tags-group .tags-items .tags-item {
    background-color: #f9f9f9;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    height: 1.6em;
    line-height: 1.6em;
    margin: 10px 6px;
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
    width: auto
}

.product .product-tags .product-tags-group .tags-items .tags-item a {
    color: #999
}

.product .product-footer {
    font-size: medium;
    margin: 40px auto
}

.product .product-footer li {
    padding: 4px 8px
}

.product .product-content-body .product-attr--details {
    background-color: #f0f8ff;
    border-bottom: 2px solid #ebeef5;
    margin-top: 20px;
    padding: 20px 10px
}

.product .product-content-body .product-attrs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product .product-content-body .product-attrs-list li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 34px;
    padding: 0 10px;
    width: 25%
}

.product .product-content-body .product-attrs-list li .label {
    display: block;
    min-width: 40px
}

.product .product-content-body .product-attrs-list li .content {
    color: #666;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 80px)
}

.product .product-content-body .product-attrs-list li .content .item-name {
    padding: 0 4px
}

.inner-page-wrapper {
    background-color: #f5f5f5;
    min-height: 70vh
}

.label-text {
    color: #666;
    margin-right: 10px;
    white-space: nowrap
}

.mark-tag {
    background: #f9f9f9;
    border-radius: 10px;
    color: #999;
    display: inline-block;
    line-height: 1.4em;
    padding: 0 8px
}

.mark-tag + .mark-tag {
    margin-left: 4px
}

.inner-page-wrapper.user-page {
    background-color: #fff
}

.user-page .field-card {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 1px hsla(0, 1%, 64%, .2);
    box-shadow: 0 0 3px 1px hsla(0, 1%, 64%, .2);
    position: relative
}

.user-page-footer, .user-page-header {
    display: none
}

.user-page-header > div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    height: 50px;
    justify-content: space-between;
    line-height: 50px;
    margin: 0 auto;
    max-width: 98%;
    padding: 0 5px
}

.user-page-header .go-back-account a {
    color: #272727;
    font-size: 16px
}

.user-page-header .go-back-account i {
    margin-right: 6px
}

.user-page-header .share {
    cursor: pointer;
    text-align: right;
    width: 28px
}

.user-page-footer > div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #f0f0f0;
    border-radius: 30px 30px 0 0;
    bottom: -266px;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, .4);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 260px;
    justify-content: center;
    left: 0;
    min-width: 100vw;
    position: fixed;
    z-index: 9999
}

.user-page-footer > div.open {
    -webkit-animation: pull-up .3s linear;
    animation: pull-up .3s linear;
    bottom: 0
}

.user-page-footer > div.close {
    -webkit-animation: sink .3s linear;
    animation: sink .3s linear;
    background-color: #f0f0f0;
    bottom: -266px
}

@-webkit-keyframes pull-up {
    0% {
        bottom: -266px
    }
    to {
        bottom: 0
    }
}

@keyframes pull-up {
    0% {
        bottom: -266px
    }
    to {
        bottom: 0
    }
}

@-webkit-keyframes sink {
    0% {
        bottom: 0
    }
    to {
        bottom: -266px
    }
}

@keyframes sink {
    0% {
        bottom: 0
    }
    to {
        bottom: -266px
    }
}

.user-page-footer .footer-menu--groups {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    padding: 16px;
    row-gap: 16px;
    width: 100%
}

.user-page-footer .menu-item a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #686868;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center
}

.user-page-footer .menu-item .menu-icon {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 50%;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 6px;
    overflow: hidden;
    text-align: center;
    width: 48px
}

.user-page-footer .menu-item .menu-icon i {
    width: 1.3em
}

.user-page-footer .menu-item .menu-title {
    font-size: 12px;
    text-align: center;
    width: 100%
}

.user-page-footer .close {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
    padding: 8px;
    text-align: center;
    width: 80%
}

.user-page .field-card + .field-card {
    margin-top: 20px
}

.user-page .field-card--head {
    border-bottom: 1px solid #f5f5f5;
    height: 50px;
    line-height: 50px
}

.user-page .field-card .title {
    border-left: 2px solid #3095fb;
    border-left: 2px solid var(--theme-color);
    padding-left: 10px
}

.user-page .field-card--body.nopadding {
    padding: 10px
}

.user-page .field-card--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px
}

.user-page .cc-account-sidenav {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 1px hsla(0, 1%, 64%, .2);
    box-shadow: 0 0 3px 1px hsla(0, 1%, 64%, .2)
}

.user-page .cc-account-sidenav--menu {
    height: auto;
    max-width: 100%;
    padding: 20px 0;
    text-align: left
}

.user-page .cc-account-sidenav--menu dd {
    background-color: #fff;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    max-width: 100%;
    padding: 0 20px
}

.user-page .cc-account-sidenav--menu dd i {
    margin-right: 10px
}

.user-page .cc-account-sidenav--menu dd .fa-pencil-square-o:before {
    content: "\f044"
}

.user-page.account .field-card:first-child .field-card--body {
    margin-top: 50px;
    padding: 20px 10px
}

.user-page.account .user-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    line-height: 32px;
    padding: 10px 20px;
    position: relative;
    width: 100%
}

.user-page.account .user-avatar {
    border-radius: 50%;
    bottom: auto;
    height: 120px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -60px;
    width: 120px
}

.user-page.account .user-avatar:before {
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 124px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 124px
}

.user-page.account .user-avatar img {
    border-radius: 50%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 120px
}

.user-page.account .user-info--content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    justify-content: space-between;
    line-height: 32px;
    margin-top: 80px;
    padding: 10px 20px;
    width: 100%
}

.user-page.account .user-info--content__item a {
    color: #1989fa
}

.user-page.account .content-title {
    font-size: 16px;
    font-weight: 600
}

.user-page.account .user-info--content__item {
    text-align: center;
    width: 33.33333%
}

.user-page.account .user-info--content .user-info--content__item:nth-child(3n+1) {
    text-align: left
}

.user-page.account .user-info--content .user-info--content__item:nth-child(3n) {
    text-align: right
}

.user-page.account .field-card-used--btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start
}

.user-page.account .field-card-used--btn li {
    height: 140px;
    margin: 10px 1%;
    text-align: center;
    width: 23%
}

.user-page.account .field-card-used--btn li i {
    font-size: 60px;
    margin: 10px
}

.user-page.account .field-card-used--btn li span {
    color: #000;
    height: 40px;
    line-height: 40px
}

.user-page.address .address-title {
    font-weight: 600;
    height: 24px;
    letter-spacing: 4px;
    line-height: 24px;
    text-align: right;
    width: 84px
}

#modal-address .cc-form--body {
    max-height: 380px;
    overflow-y: auto
}

.user-page.address .cc-hovercard1 {
    position: relative
}

.user-page.address .cc-hovercard1__header {
    border-bottom: none
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body {
    bottom: 0;
    position: absolute;
    right: 0
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip {
    display: none;
    height: 20px;
    margin-left: 8px;
    position: relative;
    vertical-align: middle
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip.block {
    display: inline-block
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip .danger {
    color: red;
    font-size: 14px
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip .danger .address-title {
    height: 20px;
    line-height: 20px
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip .tip {
    background-color: #303133;
    border-radius: 3px;
    color: #fff;
    display: none;
    padding: 3px 6px;
    position: absolute;
    right: -2px;
    top: -25px;
    width: 120px
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip .tip:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #303133;
    bottom: -24px;
    content: "";
    height: 0;
    position: relative;
    right: 9px;
    width: 0
}

.user-page.address .cc-hovercard1 .cc-hovercard1__body .danger-tip:hover .tip {
    display: block
}

.user-page.address .address-list .address-Default {
    display: none
}

.user-page.address .address-list .default-1 .address-Default {
    background-color: #ffaa45;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 15px;
    padding: 2px 6px
}

.user-page.address .address-Default .slot-main {
    border: none;
    color: #fff !important
}

.user-page.address .address_form {
    padding-left: 20px;
    padding-right: 20px
}

.user-page.address .address_form .cc-form--content, .user-page.address .address_form .cc-form--label {
    padding-left: 0;
    padding-right: 0
}

.user-page.address .remove-address-dialog .remove-address-dialog__before {
    background: hsla(0, 0%, 53%, .15);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1
}

.user-page.address .remove-address-dialog .remove-address-dialog__body {
    background-color: #fff;
    border-radius: 3px;
    display: none;
    height: 160px;
    left: 50%;
    padding: 10px 8px;
    position: fixed;
    text-align: center;
    top: 300px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 320px;
    z-index: 999
}

.user-page.address .remove-address-dialog .remove-address-dialog__body .remove-title {
    color: red;
    line-height: 40px
}

.user-page.address .remove-address-dialog .remove-address-dialog__body .remove-content {
    color: #616161;
    font-size: 16px;
    margin: 16px 0
}

.user-page.address .remove-address-dialog .remove-address-dialog__body .remove-btn-groups {
    margin: 24px 0
}

.user-page.address .remove-address-dialog .remove-address-dialog__body .remove-btn-groups .remove-close {
    background-color: red;
    border-radius: 3px;
    color: #fff;
    margin: 8px;
    padding: 6px 16px
}

.user-page.address .remove-address-dialog .remove-address-dialog__body .remove-btn-groups .remove-danger {
    background-color: #3095fb;
    background-color: var(--theme-color);
    border-radius: 3px;
    color: #fff;
    margin: 8px;
    padding: 6px 16px
}

.user-page.address .address-pagination .paged-field {
    border: 1px solid #eee;
    margin: 0 5px;
    text-align: center;
    width: 4em
}

.user-page.address .address-pagination > * {
    display: inline-block
}

.user-page.order .field-card--body .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

.user-page.order .order-item--foot > a {
    display: none
}

.user-page.order .order-canceled .btn-deleted, .user-page.order .order-failed .btn-deleted, .user-page.order .order-finished .btn-completed, .user-page.order .order-finished .btn-shipping, .user-page.order .order-item--foot .btn-detail, .user-page.order .order-pending .btn-canceled, .user-page.order .order-pending .btn-payment {
    display: inline
}

.user-page.order .order-pagination > * {
    display: inline-block
}

.user-page.order .order-pagination .paged-field {
    border: 1px solid #eee;
    margin: 0 5px;
    text-align: center;
    width: 4em
}

.user-page.order .field-card--body .product-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-page.order .field-card--body .product-content .product-info {
    margin-left: 10px;
    text-align: left
}

.user-page.order .field-card--body .product-content .product-info .product-info__attrs, .user-page.order .field-card--body .product-content .product-info .product-info__title {
    padding: 4px
}

.user-page.order .field-card--body .product-content .product-info .product-info__attrs {
    background-color: #ececec;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #78797a;
    font-size: 12px;
    overflow: hidden
}

.user-page.order-detail .simple tfoot {
    background-color: #ececec
}

.user-page.order-detail .order-price {
    float: right;
    min-width: 200px;
    width: 26%
}

.user-page.order-detail .lay-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.user-page.order-detail .lay-tr .shop-order-title {
    font-size: inherit;
    letter-spacing: 2px;
    text-align: right;
    width: 50%
}

.user-page.order-detail .lay-tr .shop-order-info {
    text-align: right;
    width: 50%
}

.user-page.order-detail .after-sale-dialog, .user-page.order-detail .order-meta .after-sale-button, .user-page.order-detail .order-meta .del-button, .user-page.order-detail .order-meta .pay-button {
    display: none
}

.user-page.order-detail .after-sale-dialog.show {
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 2
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrappers {
    height: 100vh;
    position: relative;
    width: 100vw
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrappers:before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper {
    background-color: #fff;
    left: 50%;
    max-height: 70vh;
    min-width: 320px;
    padding: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30%;
    z-index: 999
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-header {
    margin-bottom: 10px;
    position: relative;
    text-align: center
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-header i {
    color: red;
    position: absolute;
    right: -19px;
    top: -19px
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body {
    padding: 10px 0
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body-sold {
    max-height: 60vh;
    overflow-y: auto
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body .view-after-sale {
    margin-bottom: 10px
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body .view-after-sale .view-after-sale--header {
    background-color: #ececec;
    border-bottom: 1px solid #f5f5f5;
    border-left: 2px solid #3095fb;
    border-left: 2px solid var(--theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px;
    padding: 8px
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body .view-after-sale .view-after-sale--header .label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    min-width: 70px
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body .view-after-sale .view-after-sale--header .content {
    color: red
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body .view-after-sale .view-after-sale--body {
    color: #333;
    min-height: 60px;
    padding: 6px 10px
}

.user-page.order-detail .after-sale-dialog.show .after-sale-wrapper .after-sale-body .view-after-sale.message .view-after-sale--body {
    background-color: #f7f7f7
}

.user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-flow, .user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    margin: 4px 0
}

.user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-flow .label, .user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-number .label {
    margin-right: 10px;
    min-width: 70px
}

.user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-flow .content, .user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-number .content {
    width: 100%
}

.user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-flow .content input, .user-page.order-detail .after-sale-dialog.show .view-after-sale .view-after-sale--body .material-number .content input {
    background-color: #fff;
    border: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 4px 6px;
    width: 100%
}

.user-page.order-detail .after-sale-dialog.show .view-after-sale.sale-exchange-material-flow .view-after-sale--body .material-flow .content input, .user-page.order-detail .after-sale-dialog.show .view-after-sale.sale-exchange-material-flow .view-after-sale--body .material-number .content input {
    background-color: #c9c9c9;
    cursor: no-drop
}

.user-page.order-detail .after-sale-dialog.show .after-sale-body.new .view, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view .new, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view .view-after-sale.hidden, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view .view-after-sale .material-number.hidden {
    display: none
}

.user-page.order-detail .after-sale-dialog.show .after-sale-body.view.exchange .view-after-sale.sale-material-flow .material-flow input.disabled, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.exchange .view-after-sale.sale-material-flow .material-number input.disabled, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.exchange .view-after-sale.sale-material-flow.return .material-flow .content input, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.exchange .view-after-sale.sale-material-flow.return .material-number .content input, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.refund-return .view-after-sale.sale-material-flow .material-flow input.disabled, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.refund-return .view-after-sale.sale-material-flow .material-number input.disabled, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.refund-return .view-after-sale.sale-material-flow.refund .material-flow .content input, .user-page.order-detail .after-sale-dialog.show .after-sale-body.view.refund-return .view-after-sale.sale-material-flow.refund .material-number .content input {
    background-color: #ececec;
    cursor: no-drop;
    pointer-events: none
}

.view-after-sale.after-sale-single input.disabled {
    background-color: #ececec !important;
    cursor: no-drop;
    pointer-events: none
}

.after-sale-foot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-top: 10px
}

.after-sale-foot .close-after-sale-dialog {
    background-color: red;
    border-radius: 3px;
    color: #fff;
    margin: 0 8px;
    padding: 6px 14px
}

.after-sale-foot .repeat-after-sale-dialog, .after-sale-foot .submit-after-sale-dialog {
    background-color: #3095fb;
    background-color: var(--theme-color, #3095fb);
    border-radius: 3px;
    color: #fff;
    margin: 0 8px;
    padding: 6px 14px
}

.after-sale-types {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.after-sale-type__item {
    border: 1px solid #deb887;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin: 4px 1%;
    padding: 6px 10px;
    text-align: center;
    width: 31%
}

.after-sale-type__item.active {
    border: 1px solid red
}

.after-sale-content__items, .view-after-sale.reason-appeal {
    display: none
}

.after-sale-content__items.active, .view-after-sale.reason-appeal.active {
    display: block
}

.after-sale-content__items .after-sale-content__item {
    border: 1px solid #deb887;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 0;
    padding: 4px 14px
}

.after-sale-content__items .after-sale-content__item.active {
    border: 1px solid red
}

.after-sale-content__items textarea, .message .view-after-sale--body textarea {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 6px 8px;
    width: 100%
}

.message .view-after-sale--body textarea {
    border-radius: 3px
}

.user-page.order-detail .order-canceled .del-button, .user-page.order-detail .order-completed .after-sale-button, .user-page.order-detail .order-detail-wrapper .after-sale-button, .user-page.order-detail .order-failed .del-button, .user-page.order-detail .order-finished .after-sale-button, .user-page.order-detail .order-pending .pay-button, .user-page.order-detail .order-processing .after-sale-button {
    display: block
}

.user-page.order-detail .field-card--body .product-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-page.order-detail .field-card--body .product-content .product-info {
    margin-left: 10px;
    text-align: left
}

.user-page.order-detail .field-card--body .product-content .product-info .product-info__attrs, .user-page.order-detail .field-card--body .product-content .product-info .product-info__title {
    padding: 4px
}

.user-page.order-detail .field-card--body .product-content .product-info .product-info__attrs {
    background-color: #ececec;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #78797a;
    font-size: 12px;
    overflow: hidden
}

.user-page.point .field-card-poin-info {
    height: auto;
    margin-bottom: 20px;
    margin-top: 0
}

.user-page.point .field-card-poin-info .poin-info-content {
    height: 40px;
    line-height: 40px
}

.user-page.point .poin-info-content .poin-info-content--item {
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    text-align: left
}

.user-page.point .simple thead tr {
    background-color: #f0f0f0
}

.user-page.point .simple tbody tr td {
    border-bottom: none;
    border-right: 1px solid #eee
}

.user-page.point .simple tbody tr:hover {
    background-color: #ececec
}

.user-page.point table td, .user-page.point table th {
    padding: 12px 20px;
    text-align: left
}

.user-page.point .simple tbody tr td:nth-child(3) {
    border-right: none
}

.user-page.point .expire_1 {
    display: block
}

.user-page.point .expire_0, .user-page.point .hidden {
    display: none
}

.user-page.shoppingcart .checkbox--header {
    background-color: #fff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--border-color, #eee);
    border-radius: 3px;
    height: 16px;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    vertical-align: middle;
    width: 16px
}

.user-page.shoppingcart .checkbox--header:before {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    content: "";
    height: 9px;
    left: 4px;
    opacity: 1;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 4px
}

.user-page.shoppingcart .lay-fx, .user-page.shoppingcart .simple thead {
    background-color: #ececec
}

.user-page.shoppingcart .simple tfoot .lay-tl {
    margin: 0 6px
}

.user-page.shoppingcart .cart-shop-statistics {
    line-height: 40px;
    text-align: left
}

.user-page.shoppingcart .cart-shop-statistics span {
    margin-right: 10px;
    padding: 0 10px
}

.user-page.shoppingcart .field-card--body .simple .product-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-page.shoppingcart .field-card--body .simple .product-content .product-info {
    margin-left: 10px;
    text-align: left
}

.user-page.shoppingcart .field-card--body .simple .product-content .product-info .product-info__attrs, .user-page.shoppingcart .field-card--body .simple .product-content .product-info .product-info__title {
    padding: 4px
}

.user-page.shoppingcart .field-card--body .simple .product-content .product-info .product-info__attrs {
    background-color: #ececec;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #78797a;
    font-size: 12px;
    overflow: hidden
}

.user-page.shopping-checkout .show-address-default-0 {
    margin: 0 10px 20px
}

.user-page.shopping-checkout .field-card--body .simple .product-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-page.shopping-checkout .field-card--body .simple .product-content .product-info {
    margin-left: 10px;
    text-align: left
}

.user-page.shopping-checkout .field-card--body .simple .product-content .product-info .product-info__attrs, .user-page.shopping-checkout .field-card--body .simple .product-content .product-info .product-info__title {
    padding: 4px
}

.user-page.shopping-checkout .field-card--body .simple .product-content .product-info .product-info__attrs {
    background-color: #ececec;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #78797a;
    font-size: 12px;
    overflow: hidden
}

.user-page.shopping-checkout .field-card .address-list .address-card .danger-tip {
    display: none
}

.user-page.shopping-checkout .field-card .address-list .address-card .danger-tip.block {
    display: block
}

.user-page.shopping-checkout .field-card .address-list .address-card .danger-tip .danger {
    color: red
}

.user-page.shopping-checkout .field-card .address-list .address-card .danger-tip .edit a {
    color: #409eff
}

.user-page.shopping-checkout .field-card .address-list .address-card.dangerClick:hover {
    cursor: not-allowed
}

.user-page.shopping-payment .lay-ai-fs {
    border-bottom: 1px solid #ececec;
    padding: 10px 0
}

.user-page.shopping-payment .order-table table.simple {
    text-align: left
}

.user-page.shopping-payment .order-table table.simple thead th {
    background-color: #f6f6f6
}

.user-page.shopping-payment .simple tfoot {
    background-color: #ececec
}

.user-page.shopping-payment .order-price {
    float: right;
    min-width: 200px;
    width: 26%
}

.user-page.shopping-payment table .lay-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.user-page.shopping-payment table .lay-tr .shop-order-title {
    font-size: inherit;
    letter-spacing: 2px;
    text-align: right;
    width: 50%
}

.user-page.shopping-payment table .lay-tr .shop-order-info {
    text-align: right;
    width: 50%
}

.user-page.shopping-payment .field-card--body .simple .product-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-page.shopping-payment .field-card--body .simple .product-content .product-info {
    margin-left: 10px;
    text-align: left
}

.user-page.shopping-payment .field-card--body .simple .product-content .product-info .product-info__attrs, .user-page.shopping-payment .field-card--body .simple .product-content .product-info .product-info__title {
    padding: 4px
}

.user-page.shopping-payment .field-card--body .simple .product-content .product-info .product-info__attrs {
    background-color: #ececec;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #78797a;
    font-size: 12px;
    overflow: hidden
}

.user-page.payment-result .pay-success {
    background-color: #f6f6f6
}

.user-page.payment-result .result-text {
    height: 160px;
    position: relative
}

.user-page.payment-result .result-text i {
    font-size: 100px !important;
    position: absolute;
    right: 30px;
    top: 30px
}

.user-page.payment-result .result-text:after {
    background-color: rgba(0, 0, 0, .055);
    border-radius: 80%/8px;
    bottom: 26px;
    content: "";
    height: 10px;
    min-width: 100px;
    position: absolute;
    right: 30px;
    width: 20%
}

.user-page.payment-result .result-type {
    color: #20c770;
    font-size: 40px;
    text-align: left;
    text-shadow: 1px 0 1px rgba(32, 199, 112, .21)
}

.user-page.payment-result .order-info-content span {
    font-size: 14px;
    font-weight: 600;
    margin-right: 18px
}

.user-page.payment-result .order-price {
    color: red
}

.user-page.payment-result .pay-error .result-type {
    color: red;
    font-size: 40px;
    text-align: left;
    text-shadow: 1px 0 1px rgba(255, 0, 0, .21)
}

.user-page.login .method-groups {
    display: grid;
    line-height: 50px;
    margin-bottom: 50px;
    text-align: center
}

.user-page.login .method-groups .method-groups--item {
    cursor: pointer;
    position: relative
}

.user-page.login .method-body {
    min-height: 260px
}

.user-page.login .method-body .cc-verifyimg .cc-verifyimg--input {
    width: 58%
}

.user-page.login .method-body .cc-verifyimg .cc-verifyimg--img {
    width: calc(42% - 30px)
}

.form-join {
    margin: 0 auto;
    max-width: 550px
}

.user-page.login .cc-col--align__middle {
    padding: 0 0 10px
}

.form-login {
    margin: 0 auto;
    padding: 50px 0;
    width: 410px
}

.form-login.method {
    padding: 0 0 50px
}

.form-login.border-shadow {
    border: 1px solid #eee;
    border-radius: 0 16px 0 16px;
    -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, .27);
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .27)
}

.form-lostpassword {
    background: #fff;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 7, 20, .1);
    box-shadow: 0 20px 40px 0 rgba(0, 7, 20, .1);
    margin: 0 auto;
    padding: 50px 20px;
    width: 410px
}

#modal-address .cc-modal--body {
    background-color: #fff;
    padding: 15px 0;
    width: 580px
}

#modal-address .cc-row {
    position: static
}

#modal-address .cc-form--label {
    padding-bottom: 1px
}

.address-list .cc-hovercard1, .coupons-list .cc-hovercard1 {
    margin: 0 10px 20px
}

.address-list .cc-button {
    display: inline-block
}

.address-list .default-1 .address-btn-setDefault {
    display: none
}

.address-list .default-1 {
    --border-color: var(--theme-color)
}

.order-list .order-item {
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 20px 0
}

.order-list .order-item--head {
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-size: 12px;
    line-height: 40px;
    padding: 0 18px
}

.order-list .order-item--head span + span {
    margin-left: 15px
}

.order-list .order-item--body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    padding: 18px
}

.order-list .order-item--body img {
    vertical-align: top;
    width: 64px
}

.order-list .order-item--foot {
    border-top: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 40px;
    padding: 0 18px
}

.order-status-text.pending, .order-status-text.processing {
    color: #ffa179;
    color: var(--warning-color)
}

.order-status-text.completed {
    color: #20c770;
    color: var(--success-color)
}

.order-status-text.cancelled, .order-status-text.failed, .order-status-text.refunded {
    color: #ff5757;
    color: var(--error-color)
}

.order-pagination > * {
    display: none
}

.order-pagination.loading .loading, .order-pagination.next .next {
    display: block
}

.order-detail table img {
    max-height: 180px;
    max-width: 180px
}

.order-detail table {
    border: none;
    margin-top: 30px
}

.order-detail table th {
    white-space: nowrap
}

.order-detail thead {
    background-color: #f4f4f4
}

.order-detail tbody td {
    border-bottom: 1px solid #f4f4f4
}

.shoppingcart table {
    border: none;
    text-align: center;
    width: 100%
}

.shoppingcart td {
    border-bottom: 1px solid #eee
}

.shoppingcart th {
    white-space: nowrap
}

.shopping-checkout {
    position: relative
}

.shopping-checkout .cc-tabs {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

.shopping-checkout table img {
    vertical-align: middle
}

.shopping-checkout .cc-tabs--content {
    padding-top: 15px
}

.shopping-checkout .address-card {
    cursor: pointer
}

.shopping-checkout .shoppingcart-table {
    position: relative
}

.shopping-checkout .line-through {
    margin-left: 65%;
    text-decoration: line-through
}

[shopping-count], [shopping-mark] {
    position: relative
}

[shopping-mark].mark:after {
    background-color: red;
    border-radius: 50%;
    content: "";
    height: 7px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 7px
}

[shopping-count].mark:after {
    background: #3095fb;
    background: var(--theme-color);
    border-radius: 50%;
    color: #fff;
    content: attr(shopping-count);
    display: inline-block;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 19px
}

.search-body {
    max-width: 100%;
    min-height: 300px;
    padding-top: 0
}

.search-body .search-header {
    background-color: #fafafa;
    border-bottom: 1px solid #eae6df;
    padding: 30px 5% 0
}

.search-body .search-header .main-title.search-input {
    height: 50px;
    margin: 20px 0
}

.search-body .search-header .search-input input {
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 40px;
    line-height: 32px;
    min-width: 260px;
    padding: 4px 0 4px 10px
}

.search-body .search-header .search-input input.search-width-full {
    width: calc(100% - 76px)
}

.search-body .search-header.round .search-input input {
    border-radius: 20px 0 0 20px
}

.search-body .search-header .search-input .fs-search {
    background-color: #3095fb;
    background-color: var(--theme-color);
    border-bottom: 1px solid #3095fb;
    border-bottom: 1px solid var(--theme-color);
    border-right: 1px solid #3095fb;
    border-right: 1px solid var(--theme-color);
    border-top: 1px solid #3095fb;
    border-top: 1px solid var(--theme-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 32px;
    padding: 4px 15px;
    text-align: center;
    width: 76px
}

.search-body .search-header.round .search-input .fs-search {
    border-radius: 0 20px 20px 0
}

.search-body .empty {
    margin-bottom: 200px;
    margin-top: 200px;
    opacity: .9;
    text-align: center
}

.search-body .main-nav {
    height: 35px;
    line-height: 35px
}

.search-body .main-nav li {
    position: relative
}

.search-body .search-header .main-nav li {
    margin-right: 38px
}

.search-body .search-header .main-nav li:last-child {
    margin-right: unset
}

.search-body .search-result {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0 25px;
    opacity: .9
}

.search-body .search-result .result-text {
    color: #3095fb;
    color: var(--theme-color);
    margin: 0 4px
}

.search-body .main-nav li:after {
    background-color: #3095fb;
    background-color: var(--theme-color);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.search-body .main-nav li.current:after {
    visibility: visible
}

.search-body .main-nav li.current {
    font-weight: 600
}

.search-body .main-list {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 4%
}

.search-body .main-list.term .list li {
    margin: 10px 0
}

.search-body .main-list.term .thumbnail {
    font-size: 0;
    margin-right: 15px
}

.search-body .main-list.term .thumbnail img {
    -o-object-fit: contain;
    object-fit: contain
}

.search-body .main-list.term .description {
    -webkit-line-clamp: 2;
    word-wrap: normal;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
    overflow-wrap: break-word;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all
}

.search-body .main-list.term .pagination {
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.pay-success {
    background-color: #e8fde9
}

.pay-success .result-text {
    color: #20c770;
    font-size: 32px
}

.pay-error {
    background-color: #fde8e8
}

.pay-error .result-text {
    color: #ff5757;
    font-size: 32px
}

#modal-payment-result .cc-modal--body {
    background-color: #fff;
    padding: 15px
}

#modal-payment-result .pay-error, #modal-payment-result .pay-success {
    background-color: #fff
}

.posts-content .qr, .product .qr {
    margin: 20px 0 50px;
    text-align: center;
    width: 100%
}

.posts-content .qr span, .product .qr span {
    display: block
}

.posts-content .qr img, .product .qr img {
    width: 150px
}

.next-prev-nav.style-icon2 a {
    color: #fff;
    font-size: 25px;
    text-decoration: none
}

.next-prev-nav.style-icon2 .prev {
    left: -5px;
    position: fixed;
    top: 55%;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 90
}

.next-prev-nav.style-icon2 .prev:hover {
    background: #1989fa;
    background: var(--theme-color-dark);
    color: #fff;
    left: 0
}

.next-prev-nav.style-icon2 .next {
    position: fixed;
    right: -5px;
    top: 55%;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 90
}

.next-prev-nav.style-icon2 .next:hover {
    background: #1989fa;
    background: var(--theme-color-dark);
    color: #fff;
    right: 0
}

.next-prev-nav.style-icon2 .prev:hover .desc {
    margin-left: 0
}

.next-prev-nav.style-icon2 .prev i {
    background: #3095fb;
    background: var(--theme-color);
    float: left;
    padding: 15px 10px 15px 2px;
    position: relative;
    z-index: 102
}

.next-prev-nav.style-icon2 .prev .desc {
    background: #f5f7fa;
    color: #0b1a48;
    float: left;
    margin-left: -350px;
    overflow: hidden;
    padding: 20px 15px 18px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    width: 120px
}

.next-prev-nav.style-icon2 .next:hover .desc {
    margin-right: 0
}

.next-prev-nav.style-icon2 .next i {
    background: #3095fb;
    background: var(--theme-color);
    float: right;
    padding: 15px 2px 15px 10px;
    position: relative;
    z-index: 102
}

.next-prev-nav.style-icon2 .next .desc {
    background: #f5f7fa;
    color: #0b1a48;
    float: right;
    margin-right: -350px;
    overflow: hidden;
    padding: 20px 15px 18px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    width: 120px
}

table tbody, table tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}