.wow-await-animate {
opacity: 0;
transform: translateY(150px);
transition:
opacity 0.6s ease-out,
transform 0.6s ease-out;
}
.wow-animate {
opacity: 1;
transform: translateY(0);
}
*,
::backdrop,
:after,
:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
} /*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
border: 0 solid #e5e7eb;
box-sizing: border-box;
}
:after,
:before {
--tw-content: "";
}
:host,
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
font-family: Arial, Helvetica, sans-serif;
font-feature-settings: normal;
font-variation-settings: normal;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
}
body {
line-height: inherit;
margin: 0;
}
hr {
border-top-width: 1px;
color: inherit;
height: 0;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
pre,
samp {
font-family:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
Liberation Mono,
Courier New,
monospace;
font-feature-settings: normal;
font-size: 1em;
font-variation-settings: normal;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: initial;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-collapse: collapse;
border-color: inherit;
text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-family: inherit;
font-feature-settings: inherit;
font-size: 100%;
font-variation-settings: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
-webkit-appearance: button;
background-color: initial;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: initial;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
}
fieldset,
legend {
padding: 0;
}
menu,
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
color: #9ca3af;
opacity: 1;
}
[role="button"],
button {
cursor: pointer;
}
:disabled {
cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle;
}
img,
video {
height: auto;
max-width: 100%;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
.container {
width: 100%;
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
@media (min-width: 1920px) {
.container {
max-width: 1920px;
}
}
@media (min-width: 2560px) {
.container {
max-width: 2560px;
}
}
.pointer-events-none {
pointer-events: none;
}
.\!visible {
visibility: visible !important;
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.left-0 {
left: 0;
}
.top-0 {
top: 0;
}
.isolate {
isolation: isolate;
}
.m-11 {
margin: 2.75rem;
}
.m-5 {
margin: 1.25rem;
}
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.mx-\[1\.5625vw\] {
margin-left: 1.5625vw;
margin-right: 1.5625vw;
}
.mb-\[3\.125vw\] {
margin-bottom: 3.125vw;
}
.ml-1 {
margin-left: 0.25rem;
}
.mt-\[15px\] {
margin-top: 15px;
}
.mt-\[3\.125vw\] {
margin-top: 3.125vw;
}
.\!block {
display: block !important;
}
.block {
display: block;
}
.\!flex {
display: flex !important;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.\!hidden {
display: none !important;
}
.hidden {
display: none;
}
.h-\[100vh\] {
height: 100vh;
}
.h-\[30px\] {
height: 30px;
}
.h-full {
height: 100%;
}
.w-\[30px\] {
width: 30px;
}
.w-full {
width: 100%;
}
.flex-1 {
flex: 1 1 0%;
}
.flex-shrink,
.shrink {
flex-shrink: 1;
}
.border-collapse {
border-collapse: collapse;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
resize: both;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.\!gap-\[5px\] {
gap: 5px !important;
}
.gap-\[20px\] {
gap: 20px;
}
.text-wrap {
text-wrap: wrap;
}
.border {
border-width: 1px;
}
.object-contain {
object-fit: contain;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.underline {
text-decoration-line: underline;
}
.outline {
outline-style: solid;
}
.blur {
--tw-blur: blur(8px);
}
.blur,
.drop-shadow {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
--tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
}
.grayscale {
--tw-grayscale: grayscale(100%);
}
.grayscale,
.invert {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
--tw-invert: invert(100%);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
var(--tw-backdrop-sepia);
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
transition-duration: 0.15s;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity,
box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-in-out {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
.xs\:\!block {
display: block !important;
}
.xs\:\!hidden {
display: none !important;
}
}
@media (min-width: 992px) {
.sm\:\!block {
display: block !important;
}
.sm\:\!hidden {
display: none !important;
}
}
@media (min-width: 1200px) {
.md\:\!block {
display: block !important;
}
.md\:\!flex {
display: flex !important;
}
.md\:flex {
display: flex;
}
.md\:\!hidden {
display: none !important;
}
.md\:h-\[50px\] {
height: 50px;
}
.md\:w-1\/2 {
width: 50%;
}
.md\:w-\[50px\] {
width: 50px;
}
.md\:flex-row {
flex-direction: row;
}
}
@media (min-width: 1920px) {
.lg\:\!block {
display: block !important;
}
.lg\:\!hidden {
display: none !important;
}
}
@media (min-width: 2560px) {
.xl\:\!block {
display: block !important;
}
.xl\:\!hidden {
display: none !important;
}
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
}
* {
box-sizing: border-box;
--el-color-primary: #d1291a !important;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
:after,
:before {
box-sizing: border-box;
}
body {
font-size: 14px;
line-height: 1.5;
}
ol,
ul {
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
}
a {
color: #000;
text-decoration: none;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
button {
border: none;
cursor: pointer;
outline: none;
white-space: nowrap;
}
img {
display: block;
max-width: 100%;
}
p {
margin-bottom: 1em;
margin-top: 1em;
}
.max-1200,
.max-1400,
.max-1680 {
box-sizing: border-box;
margin: 0 auto;
padding: 0 15px;
}
.max-1680 {
max-width: 1680px;
}
.max-1440 {
max-width: 1440px;
}
.max-1200 {
max-width: 1240px;
}
.max-600 {
max-width: 600px;
}
.pt5 {
padding-top: 5px;
}
.pl30 {
padding-left: 30px;
}
.pr30 {
padding-right: 30px;
}
.pr5 {
padding-right: 5px;
}
.pb5 {
padding-bottom: 5px;
}
.ma {
margin: 0 auto;
}
.mt2 {
margin-top: 2px;
}
.mt5 {
margin-top: 5px;
}
.mr5 {
margin-right: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.mb8 {
margin-bottom: 8px;
}
.ml5 {
margin-left: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt30 {
margin-top: 30px;
}
.mr10 {
margin-right: 10px;
}
.mb10 {
margin-bottom: 10px;
}
.ml10 {
margin-left: 10px;
}
.mt20 {
margin-top: 20px;
}
.mr20 {
margin-right: 20px;
}
.mb20 {
margin-bottom: 20px;
}
.ml20 {
margin-left: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
div:focus {
outline: none;
}
.fr {
float: right;
}
.fl {
float: left;
}
.pr-5 {
padding-right: 5px;
}
.pl-5 {
padding-left: 5px;
}
.clf {
clear: both;
font-size: 0;
}
.clearfix,
.clf {
overflow: hidden;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.h3 {
font-size: 28px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.visually-hidden {
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.visually-invisible {
opacity: 0 !important;
}
::-webkit-scrollbar-track-piece {
background: #d3dce6;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
background: #99a9bf;
border-radius: 20px;
}
.btn {
background-color: #d1291a;
border: 1px solid #d1291a;
border-radius: 50px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: normal;
padding: 10px 50px;
}
.btn:hover {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
.btn--small {
font-size: 12px;
padding: 8px 30px;
}
.secondary--btn-dark {
background-color: transparent;
border: 1px solid #000;
color: #000;
}
.secondary--btn-dark:hover {
background-color: #d1291a;
border: 1px solid #d1291a;
color: #fff;
}
.btn.secondary--btn {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn.secondary--btn:hover {
background-color: #d1291a;
border: 1px solid #d1291a;
color: #fff;
}
.distributor-center-main {
padding-top: 60px;
}
@media only screen and (max-width: 768px) {
.distributor-center-main {
padding-top: 0;
}
.btn {
font-size: 12px;
padding: 6px 15px;
}
}
.text-spacing {
margin-top: 12px;
}
.text-spacing-b {
margin-bottom: 12px;
}
label {
display: inline-block;
line-height: 1.5;
}
.section-title {
font-size: 28px;
font-weight: 500;
padding-bottom: 20px;
padding-top: 20px;
}
.home-section-title {
color: #4a4a4a;
font-size: 28px;
font-weight: 600;
padding: 3.125vw 0;
text-align: center;
}
.index-section {
margin-bottom: 60px;
margin-top: 60px;
}
.ellipsis1line {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ellipsis2line {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.ellipsis2line,
.ellipsis3line {
display: -webkit-box;
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
white-space: normal;
}
.ellipsis3line {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.ellipsis5line {
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
white-space: normal;
}
.g-html__wrapper {
margin-bottom: 40px;
}
.g-flex {
display: flex;
flex-wrap: wrap;
}
.g-flex-b,
.g-flex-c {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.g-flex-b {
align-items: center;
flex-direction: column;
}
.g-container {
min-height: 100vh;
}
.md .section-title,
.sm .section-title,
.xs .section-title {
font-size: 23.8px;
}
.md .home-section-title,
.sm .home-section-title,
.xs .home-section-title {
font-size: 23.8px;
padding: 30px 0;
}
.text-uppercase {
text-transform: uppercase;
}
.text__wrapper {
display: flex;
flex-direction: column-reverse;
position: absolute;
width: 100%;
}
.main__layout .el-menu--horizontal {
width: 100%;
}
.main__layout .el-button {
background-color: #d1291a;
color: #fff;
}
.main__layout .el-button:active,
.main__layout .el-button:focus,
.main__layout .el-button:hover {
background-color: transparent;
border-color: #000;
color: #000;
}
.main__layout .el-btn--submit .el-form-item__content {
margin-left: 0 !important;
text-align: center;
}
.main__layout .el-input__wrapper,
.main__layout .el-select__wrapper {
background-color: #f8f8f8;
border: 0;
height: 50px;
line-height: 50px;
}
.main__layout .el-textarea__inner {
background-color: #f8f8f8;
border: 0;
}
.main__layout .el-select {
width: 100%;
}
.main__layout .el-form-item {
margin-bottom: 35px;
}
.main__layout
.el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:before,
.main__layout .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
content: "";
}
.main__layout
.el-form-item.is-required:not(.is-no-asterisk)
.el-form-item__label-wrap
> .el-form-item__label:after,
.main__layout .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:after {
color: #f56c6c;
content: "*";
margin-left: 4px;
}
.main__layout .el-dialog__wrapper {
align-items: center;
display: flex;
justify-content: center;
}
.main__layout .el-image__inner {
-o-object-fit: cover;
object-fit: cover;
}
.main__layout .product-nav__tabs .el-tabs__item.is-left {
padding-left: 0;
text-align: left;
width: 200px;
}
.main__layout .product-nav__tabs .el-tabs__active-bar,
.main__layout .product-nav__tabs .el-tabs__nav-wrap.is-left:after {
display: none;
}
.main__layout .el-table {
color: #000;
margin-top: 30px;
}
.main__layout .el-table thead {
color: #000;
}
.main__layout .el-pagination {
margin-top: 30px;
}
.main__layout .el-pager li.active {
background-color: #d1291a !important;
color: #fff !important;
}
.main__layout .el-pagination .el-pager li:not(.disabled):not(.active):hover,
.main__layout .el-pagination button:not(:disabled):hover {
color: #d1291a !important;
}
.main__layout .el-drawer__body {
padding: 20px;
}
.main__layout .el-drawer__body .el-collapse-item__content {
padding-left: 15px;
}
.main__layout .el-collapse-item.is-disabled .el-collapse-item__header {
color: #000;
cursor: pointer;
}
.main__layout .el-collapse-item.is-disabled .el-collapse-item__header .el-collapse-item__arrow {
display: none;
}
.main__layout .el-tabs__item.is-active,
.main__layout .el-tabs__item:hover {
color: #d1291a;
}
.main__layout .inner-drawer .el-drawer__close-btn {
display: none;
}
.main__layout .el-collapse-item__car .el-collapse-item__arrow {
display: block !important;
}
.main__layout .el-drawer__header {
margin-bottom: 0;
}
.main__layout .el-carousel__indicators--horizontal {
text-align: center;
width: 100%;
}
.main__layout .el-carousel__arrow {
background-color: #000c;
}
* .params-table__remark {
white-space: pre-line !important;
}
.config-table-container * .params-table__remark {
width: 100% !important;
}
.el-dialog * .params-table__remark {
width: 96% !important;
}
.page-container .bold {
font-weight: 600;
}
.page-container .page4-bold {
color: #f8d193;
display: inline-block;
font-size: 20px;
font-weight: 600;
margin: 0 1px;
}
.page-container .black .memo .color-num {
color: #f8d193;
}
.page-container .white .memo .color-num {
color: #ce953b;
}
@media (max-width: 1200px) {
.page-container .page3 .memo br {
display: none;
}
}
.old-news-font {
font-weight: lighter;
}
.old-news-font b,
.old-news-font strong {
font-weight: 700;
}
.site-nav__dis {
cursor: default !important;
pointer-events: none !important;
}
.lang___ar {
direction: rtl;
text-align: right;
}
.lang___ar .el-breadcrumb__item {
float: right;
}
.lang___ar .history__page .el-timeline-item__tail {
left: auto;
right: -7px;
}
.lang___ar .el-timeline-item__node--normal {
left: auto;
right: -12px;
}
.lang___ar .history__page .box-card .box-card-time {
padding-right: 20px;
}
.lang___ar .history__page .box-card .box-card-time .line {
margin-right: 65px !important;
}
.lang___ar .cart-model-main .position-box {
text-align: left;
}
.vue-tel-input {
background: #f8f8f8;
border: none !important;
}
.vue-tel-input .vti__dropdown {
min-width: 100px;
}
.vue-tel-input .vti__dropdown .vti__flag.hk,
.vue-tel-input .vti__dropdown .vti__flag.mo,
.vue-tel-input .vti__dropdown .vti__flag.tw {
background-position: -1049px 0;
}
.vue-tel-input .vti__dropdown .vti__dropdown-list.below {
left: 0;
right: 0;
top: 54px;
width: 280px;
}
.vue-tel-input .vti__dropdown .vti__dropdown-list.below .vti__dropdown-item {
display: flex;
}
.vue-tel-input .vti__dropdown .vti__dropdown-list.above {
bottom: 100%;
left: 0;
right: 0;
width: 280px;
}
.vue-tel-input .vti__dropdown .vti__dropdown-list.above .vti__dropdown-item {
display: flex;
}
.vue-tel-input .vti__input {
background: #f8f8f8;
}
.vue-tel-input .vti__input::-moz-placeholder {
color: #c0c4cc;
}
.vue-tel-input .vti__input::placeholder {
color: #c0c4cc;
}
.vue-tel-input:focus-within {
box-shadow: none !important;
}
.index-el-button.el-button {
border: none;
border-radius: 4px;
font-size: 16px;
}
.index-el-button.el-button:active,
.index-el-button.el-button:focus {
background: #d1291a;
color: #fff;
}
.index-el-button.el-button:hover {
background: #000;
border: none;
color: #fff;
}
.border-el-button.el-button {
background: transparent;
border: 1px solid #000;
border-radius: 4px;
color: #000;
font-size: 16px;
transform: scale(1);
transition: all 0.3s ease-out;
}
.border-el-button.el-button:hover {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.border-el-button.el-button.white {
border: 1px solid #fff;
color: #fff;
}
.border-button {
background: transparent;
border: 1px solid #000;
border-radius: 4px;
color: #000;
transform: scale(1);
transition: all 0.3s ease-out;
}
.border-button:hover {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
.main__layout.beiqi-moble .news__page .content-section .content-section__release .el-row .el-col.el-col-8,
.main__layout.sm .news__page .content-section .content-section__release .el-row .el-col.el-col-8,
.main__layout.xs .news__page .content-section .content-section__release .el-row .el-col.el-col-8 {
width: 100%;
}
.main__layout.beiqi-moble .news__page .content-section .content-section__others li .item-content,
.main__layout.sm .news__page .content-section .content-section__others li .item-content,
.main__layout.xs .news__page .content-section .content-section__others li .item-content {
flex-direction: column;
}
.main__layout.beiqi-moble .news__page .content-section .content-section__others li .item-content .el-link,
.main__layout.sm .news__page .content-section .content-section__others li .item-content .el-link,
.main__layout.xs .news__page .content-section .content-section__others li .item-content .el-link {
align-self: flex-start;
margin-top: 20px;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-3,
.main__layout.sm
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-3,
.main__layout.xs
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-3 {
width: 25%;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
> div,
.main__layout.sm .news__page .content-section .content-section__media .item-content-column .el-row > div,
.main__layout.xs .news__page .content-section .content-section__media .item-content-column .el-row > div {
height: auto;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21,
.main__layout.sm
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21,
.main__layout.xs
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21 {
width: 75%;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div,
.main__layout.sm
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div,
.main__layout.xs
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div {
flex-direction: column;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div
> div:first-of-type,
.main__layout.sm
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div
> div:first-of-type,
.main__layout.xs
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div
> div:first-of-type {
padding: 0;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div
> div:last-of-type,
.main__layout.sm
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div
> div:last-of-type,
.main__layout.xs
.news__page
.content-section
.content-section__media
.item-content-column
.el-row
.el-col-21
> div
> div:last-of-type {
height: auto;
margin: 30px 0;
width: auto;
}
.main__layout.beiqi-moble .news__page .content-section .content-section__media .item-content-column h3,
.main__layout.sm .news__page .content-section .content-section__media .item-content-column h3,
.main__layout.xs .news__page .content-section .content-section__media .item-content-column h3 {
line-height: 28px;
}
.main__layout.beiqi-moble .news__page .content-section .content-section__media .item-content-column p,
.main__layout.sm .news__page .content-section .content-section__media .item-content-column p,
.main__layout.xs .news__page .content-section .content-section__media .item-content-column p {
line-height: 20px;
margin-top: 20px;
}
.main__layout.beiqi-moble
.news__page
.content-section
.content-section__media
.item-content-column
.el-link,
.main__layout.sm .news__page .content-section .content-section__media .item-content-column .el-link,
.main__layout.xs .news__page .content-section .content-section__media .item-content-column .el-link {
margin-top: 0;
}
.main__layout.beiqi-moble .history__page .box-card .box-card-time,
.main__layout.sm .history__page .box-card .box-card-time,
.main__layout.xs .history__page .box-card .box-card-time {
width: 170px;
}
.main__layout.beiqi-moble .multimedia__page .el-row .el-col.el-col-6,
.main__layout.beiqi-moble .reports-list .reports-list-item.el-col-8,
.main__layout.sm .multimedia__page .el-row .el-col.el-col-6,
.main__layout.sm .reports-list .reports-list-item.el-col-8,
.main__layout.xs .multimedia__page .el-row .el-col.el-col-6,
.main__layout.xs .reports-list .reports-list-item.el-col-8 {
width: 100%;
}
.main__layout.beiqi-moble .multimedia__page .el-row .el-col.el-col-6 .img-video-box,
.main__layout.sm .multimedia__page .el-row .el-col.el-col-6 .img-video-box,
.main__layout.xs .multimedia__page .el-row .el-col.el-col-6 .img-video-box {
height: 100%;
}
.ql-align-center {
text-align: center;
}
.ql-align-center img {
display: inline-block;
}
.ql-align-right {
text-align: right;
text-align: end;
}
.ql-align-right img {
display: inline-block;
}
.ql-align-justify {
text-align: justify;
}
.ql-align-justify img {
display: inline-block;
}
.cart-model-main .subTitle {
overflow: hidden;
}
.cart-model-main .subTitle p {
float: left;
font-size: 16px;
max-width: 500px;
text-align: left;
word-break: break-word;
}
.lang___ar .gallery .text__body {
text-align: right !important;
}
.lang___ar .swiper-container-rtl .swiper-button-prev {
right: auto !important;
}
.lang___ar .cart-model-main .subTitle p {
text-align: right;
}
.lang___ar .media-el-table {
direction: ltr;
}
@font-face {
font-family: iconfont;
src:
url(data:font/woff2;base64,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)
format("woff2"),
url(data:font/woff;base64,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)
format("woff"),
url(/_nuxt/iconfont.CO1Ejsfi.ttf?t=1699494470835) format("truetype");
}
.iconfont {
font-family: iconfont !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-sousuo:before {
content: "";
}
.icon-tuichu:before {
content: "";
}
.icon-yunduanxiazai:before {
content: "";
}
.icon-fanhui:before {
content: "";
}
.icon-guanbi:before {
content: "";
}
.icon-yuechi:before {
content: "";
}
.icon-shuaxin:before {
content: "";
}
.icon-taocan-suoxiao:before {
content: "";
}
.icon-24gf-portraitMale3:before {
content: "";
}
.icon-xiazai:before {
content: "";
}
.icon-yunpanlogo-_huabanfuben:before {
content: "";
}
.icon-yanzhengmashibie:before {
content: "";
}
@font-face {
font-family: swiper-icons;
font-style: normal;
font-weight: 400;
src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
box-sizing: content-box;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
width: 100%;
z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translateZ(0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
height: 100%;
position: relative;
transition-property: transform;
width: 100%;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
min-width: 1px;
width: 100%;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.site-header:not(.all-white, .has-banner) {
background: #fff;
}
.header-hide {
top: -100px !important;
}
.header-appear,
.header-hide {
transition: top 0.5s ease-in-out;
}
.header-appear {
top: 0;
}
.header-sticky {
background: #fff;
position: sticky !important;
}
.header-appear.all-white:not(.header-sticky, :hover) * {
background: transparent !important;
color: #fff !important;
}
.header-appear.all-white:not(.header-sticky, :hover) img {
filter: grayscale(100%) invert(100%) brightness(1.2) contrast(1.2);
}
header-sticky header-appear .has-banner:not(.header-sticky, :hover) {
background: transparent;
color: #000;
}
.header-item {
align-items: center;
display: flex;
}
.header-item--navigation {
flex: 1 1 auto;
padding: 0 40px;
}
.drawer-btn__open {
cursor: pointer;
font-size: 30px !important;
}
@media screen and (max-width: 1200px) {
.site-header {
position: sticky;
}
.site-header:not(.all-white) {
background: #fff;
color: #000;
}
.site-header:not(.all-white) img {
filter: none;
}
.site-header.header-appear.all-white:not(.header-sticky, :hover) {
background: transparent;
color: #fff;
}
.site-header.header-appear.all-white:not(.header-sticky, :hover) img {
filter: grayscale(100%) invert(100%) brightness(1.2) contrast(1.2);
}
}
.site-header[data-v-4c59c1c7] {
position: absolute;
top: 0;
transition: all 0.5s ease-in-out;
width: 100%;
z-index: 99;
}
.site-header .site-header-container[data-v-4c59c1c7] {
align-items: center;
display: flex;
font-size: 17px;
justify-content: space-between;
margin: 0 auto;
padding: 0 15px;
}
.site-header .site-header-container .nav-bar[data-v-4c59c1c7] {
flex: 1 1 auto;
padding: 0 40px;
width: 100px;
}
.site-header .site-header-container .lang-selector[data-v-4c59c1c7] {
width: 100px;
}
@media (max-width: 768px) {
.site-header[data-v-4c59c1c7] {
position: sticky;
}
}
.index-model-section[data-v-01f315fa] {
position: relative;
}
@media only screen and (max-width: 1200px) {
[data-v-01f315fa] .home-section-title {
font-size: 23.8px;
padding: 30px 0;
}
}
.layout-footer[data-v-3b7bb43a] {
background-color: #25292e;
margin-top: 0;
position: relative;
}
.layout-footer .layout-footer-container[data-v-3b7bb43a] {
position: relative;
z-index: 10;
}
.layout-footer[data-v-3b7bb43a] .el-collapse {
border-top: 1px solid #34393e;
}
.layout-footer[data-v-3b7bb43a] .el-collapse .el-collapse-item__header {
--el-collapse-header-bg-color: #25292e;
--el-collapse-border-color: #34393e;
--el-collapse-header-text-color: #fff;
--el-collapse-header-font-size: 14px;
--el-collapse-header-height: 50px;
font-weight: 700;
padding: 0 15px;
}
.layout-footer[data-v-3b7bb43a] .el-collapse .el-collapse-item__content {
padding-bottom: 15px;
}
.layout-footer .logo-wrap[data-v-3b7bb43a] {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
margin-top: 20px;
}
.layout-footer .logo-wrap > a[data-v-3b7bb43a] {
align-items: center;
display: flex;
}
.layout-footer .logo-wrap > a.logo-container[data-v-3b7bb43a] {
margin: 15px 15px 20px 0;
width: auto;
}
.layout-footer .logo-wrap > a.logo-container .footer_logo_min[data-v-3b7bb43a] {
height: 10px;
width: auto;
}
.layout-footer .logo-wrap > a.logo-container .footer_logo_min_2[data-v-3b7bb43a] {
height: 20px;
}
.layout-footer .hot-link[data-v-3b7bb43a] {
align-items: center;
display: flex;
justify-content: center;
padding: 15px;
--gap: 5px;
gap: var(--gap);
margin-bottom: 10px;
}
.layout-footer .hot-link[data-v-3b7bb43a] > * {
align-items: center;
border-right: 2px solid #393a3e;
color: #fff;
cursor: pointer;
display: flex;
height: 1em;
line-height: 1.5;
outline: none;
padding: 2px 5px;
text-align: center;
white-space: wrap;
}
.layout-footer .hot-link .friendship-link[data-v-3b7bb43a] {
border-right: none;
padding-right: 0;
}
.layout-footer .filling-left[data-v-3b7bb43a] {
color: #fff;
font-size: 10px;
line-height: 1.8;
padding-bottom: 20px;
text-align: center;
}
.layout-footer .filling-left a[data-v-3b7bb43a] {
color: #fff;
}
.layout-footer .filling-left .icp-num[data-v-3b7bb43a] {
margin-right: 10px;
}
@media screen and (min-width: 1200px) {
.layout-footer[data-v-3b7bb43a] {
padding-top: 0;
}
.layout-footer .layout-footer-container[data-v-3b7bb43a] {
margin: 0 120px;
max-width: 1680px;
padding: 40px 15px 0;
}
.layout-footer .layout-footer-container[data-v-3b7bb43a] .el-collapse {
border: none;
display: flex;
}
.layout-footer .layout-footer-container[data-v-3b7bb43a] .el-collapse .el-collapse-item {
flex: 1;
}
.layout-footer .layout-footer-container[data-v-3b7bb43a] .el-collapse .el-collapse-item:last-child {
flex: 0 1 188px;
}
.layout-footer
.layout-footer-container[data-v-3b7bb43a]
.el-collapse
.el-collapse-item
.el-collapse-item__header {
--el-collapse-header-height: 50px;
border-bottom: none;
padding: 0;
pointer-events: none;
text-align: left;
}
.layout-footer
.layout-footer-container[data-v-3b7bb43a]
.el-collapse
.el-collapse-item
.el-collapse-item__header
.el-collapse-item__arrow {
display: none;
}
.layout-footer
.layout-footer-container[data-v-3b7bb43a]
.el-collapse
.el-collapse-item
.el-collapse-item__header
.el-collapse-item__title {
font-size: 20px;
}
.layout-footer
.layout-footer-container[data-v-3b7bb43a]
.el-collapse
.el-collapse-item
.el-collapse-item__wrap {
display: flex !important;
--el-collapse-content-bg-color: transparent;
border-bottom: none;
}
.layout-footer
.layout-footer-container[data-v-3b7bb43a]
.el-collapse
.el-collapse-item
.el-collapse-item__wrap
.el-collapse-item__content {
padding-bottom: 15px;
}
.layout-footer .layout-footer-container .logo-wrap[data-v-3b7bb43a] {
margin-bottom: 0;
}
.layout-footer .layout-footer-container .logo-wrap > a.logo-container[data-v-3b7bb43a] {
margin: 15px 0 20px 30px;
}
.layout-footer
.layout-footer-container
.logo-wrap
> a.logo-container
.footer_logo_min[data-v-3b7bb43a] {
height: 16px;
}
.layout-footer
.layout-footer-container
.logo-wrap
> a.logo-container
.footer_logo_min_2[data-v-3b7bb43a] {
height: 26px;
}
.layout-footer .layout-footer-container .el-divider[data-v-3b7bb43a] {
--el-border-color: #474c52;
margin: 0 auto 0 -5vw;
width: 95vw;
}
.layout-footer .layout-footer-container .hot-link-copyright-wrap[data-v-3b7bb43a] {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
padding: 48px 0 30px;
}
.layout-footer .layout-footer-container .hot-link-copyright-wrap .hot-link[data-v-3b7bb43a] {
justify-content: flex-end;
margin-bottom: 0;
}
.layout-footer .layout-footer-container .hot-link-copyright-wrap .hot-link[data-v-3b7bb43a] > * {
line-height: 1;
}
.layout-footer .layout-footer-container .hot-link-copyright-wrap .filling-left[data-v-3b7bb43a] {
font-size: 1em;
padding-bottom: 0;
text-align: left;
}
}
.lang___ar
.layout-footer
.layout-footer-container[data-v-3b7bb43a]
.el-collapse
.el-collapse-item
.el-collapse-item__header
.el-collapse-item__title {
text-align: right;
}
.site-header__logo-link[data-v-92620a90] {
display: block;
font-size: 2em;
padding: 0.48em 0;
position: relative;
width: 80px;
z-index: 10;
}
.site-nav[data-v-74230851] {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
.site-nav .site-nav__item[data-v-74230851] {
position: static;
}
.site-nav .site-nav__item[data-v-74230851]:hover {
z-index: 7;
}
.site-nav .site-nav__item.site-nav--has-dropdown:hover .site-nav__link[data-v-74230851]:before {
background-color: #d1291a;
bottom: -5px;
content: "";
display: block;
height: 2px;
left: 30px;
position: absolute;
right: 30px;
z-index: 6;
}
.site-nav .site-nav__item .site-nav__link[data-v-74230851] {
display: inline-block;
padding: 10px 32px;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
.site-nav .site-nav__item .site-nav__item-container[data-v-74230851] {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
z-index: 10;
}
.site-nav .site-nav__item .site-nav__item-container .site-nav__dropdown--menu[data-v-74230851] {
margin-top: 58px;
padding: 5px 0 0;
position: absolute;
transform: translate3d(0, -25px, 0);
visibility: hidden;
}
.site-nav
.site-nav__item
.site-nav__item-container
.site-nav__dropdown--menu
.site-nav__dropdown-link[data-v-74230851] {
opacity: 1;
}
.site-nav .site-nav__item.site-nav--show-dropdown .site-nav__dropdown--menu[data-v-74230851] {
transform: translateZ(0);
transition: all 0.5s cubic-bezier(0.2, 0.06, 0.05, 0.95);
visibility: visible;
}
.site-nav__dropdown[data-v-74230851] {
background-color: #ffffffe6;
display: block;
left: 0;
margin: 0;
min-width: 100%;
padding: 10px 0 5px;
position: absolute;
top: 0;
transform: translate3d(0, -25px, 0);
visibility: hidden;
z-index: 5;
}
.site-nav--show-dropdown .site-nav__dropdown[data-v-74230851] {
display: block;
transform: translateZ(0);
transition: all 0.5s cubic-bezier(0.2, 0.06, 0.05, 0.95);
visibility: visible;
}
.site-nav--first .site-nav__dropdown[data-v-74230851] {
background-color: #ffffffe6;
}
.is-focused > .site-nav__dropdown li[data-v-74230851],
.site-nav--has-dropdown:hover .site-nav__dropdown li[data-v-74230851] {
opacity: 1;
transition: opacity 0.5s ease;
}
.site-nav__dropdown li[data-v-74230851] {
margin: 0;
opacity: 0;
transition: none;
}
.site-nav__dropdown > li[data-v-74230851] {
position: relative;
}
.site-nav__dropdown > li > a[data-v-74230851] {
position: relative;
z-index: 6;
}
.site-nav__dropdown a[data-v-74230851]:not(.megamenu__promo-link) {
padding-right: 40px;
}
.megamenu[data-v-74230851] {
line-height: 1.8;
padding: 80px 50px 0;
}
.megamenu__cols[data-v-74230851] {
display: flex;
justify-content: center;
}
.site-nav__dropdown-link[data-v-74230851] {
display: block;
font-size: 17px;
opacity: 0;
padding: 16px 20px;
transition: padding 0.2s ease;
white-space: nowrap;
}
.site-nav__dropdown-link[data-v-74230851]:hover,
.site-nav__link[data-v-74230851]:hover {
color: #d1291a;
}
.site-nav__link--f[data-v-74230851] {
color: #252525e6;
font-weight: 700;
position: relative;
z-index: 100 !important;
}
.site-nav__dropdown[data-v-74230851] {
z-index: 5 !important;
}
.site-header:hover {
background: #fff;
}
.site-header:hover .lang-switcher .el-dropdown-link,
.site-header:hover .site-nav--is-megamenu .site-nav__link--f {
color: #000;
}
.site-header .site-nav--is-megamenu:not(.site-nav--has-dropdown):hover .site-nav__link--f {
color: #d1291a;
}
.el-dropdown {
--el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
--el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
--el-dropdown-menuItem-hover-color: var(--el-color-primary);
--el-dropdown-menu-index: 10;
color: var(--el-text-color-regular);
display: inline-flex;
font-size: var(--el-font-size-base);
line-height: 1;
position: relative;
vertical-align: top;
}
.el-dropdown.is-disabled {
color: var(--el-text-color-placeholder);
cursor: not-allowed;
}
.el-dropdown__popper {
--el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
--el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
--el-dropdown-menuItem-hover-color: var(--el-color-primary);
--el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
background: var(--el-bg-color-overlay);
box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper,
.el-dropdown__popper.el-popper .el-popper__arrow:before {
border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^="top"] .el-popper__arrow:before {
border-left-color: transparent;
border-top-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^="bottom"] .el-popper__arrow:before {
border-bottom-color: transparent;
border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^="left"] .el-popper__arrow:before {
border-bottom-color: transparent;
border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^="right"] .el-popper__arrow:before {
border-right-color: transparent;
border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.el-dropdown .el-dropdown__caret-button {
align-items: center;
border-left: none;
display: inline-flex;
justify-content: center;
padding-left: 0;
padding-right: 0;
width: 32px;
}
.el-dropdown .el-dropdown__caret-button > span {
display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button:before {
background: var(--el-overlay-color-lighter);
bottom: -1px;
content: "";
display: block;
left: 0;
position: absolute;
top: -1px;
width: 1px;
}
.el-dropdown .el-dropdown__caret-button.el-button:before {
background: var(--el-border-color);
opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
font-size: inherit;
padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
width: 40px;
}
.el-dropdown--small .el-dropdown__caret-button {
width: 24px;
}
.el-dropdown-menu {
background-color: var(--el-bg-color-overlay);
border: none;
border-radius: var(--el-border-radius-base);
box-shadow: none;
left: 0;
list-style: none;
margin: 0;
padding: 5px 0;
position: relative;
top: 0;
z-index: var(--el-dropdown-menu-index);
}
.el-dropdown-menu__item {
align-items: center;
color: var(--el-text-color-regular);
cursor: pointer;
display: flex;
font-size: var(--el-font-size-base);
line-height: 22px;
list-style: none;
margin: 0;
outline: none;
padding: 5px 16px;
white-space: nowrap;
}
.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
background-color: var(--el-dropdown-menuItem-hover-fill);
color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
margin-right: 5px;
}
.el-dropdown-menu__item--divided {
border-top: 1px solid var(--el-border-color-lighter);
margin: 6px 0;
}
.el-dropdown-menu__item.is-disabled {
color: var(--el-text-color-disabled);
cursor: not-allowed;
}
.el-dropdown-menu--large {
padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
font-size: 14px;
line-height: 22px;
padding: 7px 20px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
margin: 8px 0;
}
.el-dropdown-menu--small {
padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
font-size: 12px;
line-height: 20px;
padding: 2px 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
margin: 4px 0;
}
.lang-item[data-v-fefa3658] {
align-items: center;
color: #000;
display: flex;
flex: 0 0 80px;
justify-content: flex-end;
}
.lang-switcher[data-v-fefa3658] {
z-index: 8;
}
.lang-switcher .el-dropdown-link[data-v-fefa3658] {
align-items: center;
color: #252525e6;
cursor: pointer;
display: flex;
font-weight: 600;
}
.lang-switcher[data-v-fefa3658] .el-dropdown-menu__item {
line-height: 36px;
padding: 0;
}
.lang-switcher[data-v-fefa3658] .el-dropdown-menu__item a {
display: block;
padding: 0 20px;
}
.nav-drawer .lang-item[data-v-8d5f2ad0] {
display: inline-block;
padding-top: 20px;
}
.link[data-v-8d5f2ad0] {
display: inline-block;
width: calc(100% - 30px);
}
.closeBtn[data-v-8d5f2ad0] {
color: #000;
display: block;
font-size: 24px;
}
.swiper[data-v-0e520c81] {
height: 100vh;
overflow: hidden;
width: 100%;
}
.swiper .swiper-slide .zoom[data-v-0e520c81] {
transform: scale(1);
}
.swiper .swiper-slide .button-wrapper[data-v-0e520c81] {
left: 5%;
position: absolute;
top: 24.3%;
width: 100%;
}
.swiper .swiper-slide .button-wrapper img[data-v-0e520c81] {
mix-blend-mode: lighten;
}
.swiper .swiper-slide .BJ40PRO[data-v-0e520c81] {
align-items: flex-end;
display: flex;
flex-direction: column;
left: 61%;
top: 40%;
width: 32%;
}
.swiper .swiper-slide .BJ40PRO img[data-v-0e520c81] {
mix-blend-mode: lighten;
}
.swiper .swiper-slide .X55II[data-v-0e520c81] {
left: 5%;
top: 28.3%;
width: 24%;
}
.swiper .swiper-slide .BJ30[data-v-0e520c81] {
left: 5%;
top: 43%;
width: 28%;
}
.swiper .swiper-slide .BJ60[data-v-0e520c81] {
left: 5%;
top: 51%;
width: 28%;
}
.swiper .swiper-slide .BJ60 .btn-container[data-v-0e520c81] {
text-align: left;
}
.swiper .swiper-slide .BJ60 img[data-v-0e520c81] {
mix-blend-mode: lighten;
}
.swiper .swiper-slide .X7[data-v-0e520c81] {
left: 70%;
top: 65%;
width: 28%;
}
.swiper .swiper-slide .X7 img[data-v-0e520c81] {
mix-blend-mode: lighten;
}
.swiper .swiper-slide .questionnaire[data-v-0e520c81] {
left: 46%;
top: 38%;
}
.swiper .swiper-slide .questionnaire a[data-v-0e520c81] {
display: block;
width: 100%;
}
.swiper .swiper-slide .questionnaire img[data-v-0e520c81] {
width: 48%;
}
.swiper .swiper-slide .btn-container[data-v-0e520c81] {
margin-top: 15px;
white-space: nowrap;
}
.swiper .swiper-slide .btn[data-v-0e520c81] {
border-color: #fff;
color: #fff;
margin-right: 15px;
}
.swiper .swiper-slide .btn[data-v-0e520c81]:hover {
background: none;
}
.swiper .swiper-slide-active .zoom[data-v-0e520c81],
.swiper .swiper-slide-duplicate-active .zoom[data-v-0e520c81] {
transform: scale(1.03);
transition: 6s linear;
}
.swiper .image[data-v-0e520c81] {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.swiper .btn-list[data-v-0e520c81] {
inset: 0;
position: absolute;
}
.swiper .btn-list .border-el-button.el-button[data-v-0e520c81] {
background: transparent;
border: none;
border-radius: 0;
height: 100%;
padding: 0;
position: relative;
width: 100%;
}
.swiper[data-v-0e520c81] .swiper-pagination-bullet-custom {
background-color: #fff;
border-radius: 0;
height: 2px;
opacity: 0.3;
transition: 0.3s;
width: 30px;
}
.swiper[data-v-0e520c81] .swiper-pagination-bullet-custom.swiper-pagination-bullet-active {
opacity: 1;
transition: 0.3s;
}
@media screen and (max-width: 1200px) {
.swiper[data-v-0e520c81] {
height: 56.25vw;
}
.swiper .swiper-slide .btn-container[data-v-0e520c81] {
display: flex;
margin-top: 5px;
}
.swiper .swiper-slide .btn-container .btn[data-v-0e520c81] {
align-items: center;
display: flex;
font-size: 10px;
justify-content: center;
margin-right: 5px;
padding: 3px 6px;
}
.swiper .swiper-slide .button-wrapper[data-v-0e520c81] {
width: 100%;
}
.swiper .swiper-slide .BJ40PRO[data-v-0e520c81] {
align-items: center;
left: 63%;
top: 40%;
width: 35%;
}
.swiper .swiper-slide .X55II[data-v-0e520c81] {
left: 5%;
top: 17%;
width: 35%;
}
.swiper .swiper-slide .BJ30[data-v-0e520c81] {
left: 5%;
top: 36%;
width: 35%;
}
.swiper .swiper-slide .BJ60[data-v-0e520c81] {
width: 35%;
}
.swiper .swiper-slide .X7[data-v-0e520c81] {
left: 57%;
top: 58%;
width: 35%;
}
.swiper .swiper-slide .X7 img[data-v-0e520c81] {
margin-left: 15px;
}
.swiper .swiper-slide .questionnaire[data-v-0e520c81] {
left: 43%;
}
.swiper .swiper-slide .questionnaire img[data-v-0e520c81] {
width: 52%;
}
}
.lang___es .swiper .swiper-slide .questionnaire[data-v-0e520c81] {
left: 48%;
top: 35%;
}
.lang___es .swiper .swiper-slide .questionnaire img[data-v-0e520c81] {
width: 40%;
}
@media screen and (max-width: 1200px) {
.lang___es .swiper .swiper-slide .BJ60[data-v-0e520c81] {
top: 53%;
}
.lang___es .swiper .swiper-slide .X7[data-v-0e520c81] {
align-items: flex-end;
display: flex;
flex-direction: column;
left: 0;
}
.lang___es .swiper .swiper-slide .BJ30[data-v-0e520c81],
.lang___es .swiper .swiper-slide .X55II[data-v-0e520c81] {
top: 9%;
}
.lang___es .swiper .swiper-slide .BJ40PRO[data-v-0e520c81] {
align-items: center;
display: flex;
}
.lang___es .swiper .swiper-slide .BJ40PRO .btn-container .btn[data-v-0e520c81] {
padding: 3px 5px;
}
.lang___es .swiper .swiper-slide .questionnaire[data-v-0e520c81] {
left: 48%;
}
}
.lang___ar .button-wrapper[data-v-0e520c81] {
align-items: flex-end;
display: flex;
flex-direction: column;
}
.lang___ar .swiper .swiper-slide .BJ40PRO[data-v-0e520c81] {
align-items: center;
}
.lang___ar .swiper .swiper-slide .questionnaire[data-v-0e520c81] {
left: -8%;
top: 36%;
}
.lang___ar .swiper .swiper-slide .questionnaire img[data-v-0e520c81] {
width: 38%;
}
@media screen and (max-width: 1200px) {
.lang___ar .BJ30[data-v-0e520c81] {
left: 5%;
}
.lang___ar .BJ60[data-v-0e520c81] {
left: 0;
}
.lang___ar .X7[data-v-0e520c81] {
left: 50%;
}
.lang___ar .swiper .swiper-slide .BJ40PRO[data-v-0e520c81] {
align-items: center;
}
.lang___ar .swiper .swiper-slide .questionnaire[data-v-0e520c81] {
top: 35%;
}
.lang___ar .swiper .swiper-slide .questionnaire img[data-v-0e520c81] {
width: 50%;
}
}
@keyframes wheelRoundReverse-d5cb5ca7 {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.main[data-v-d5cb5ca7] {
width: 100%;
}
[data-v-d5cb5ca7] .car-tabs,
[data-v-d5cb5ca7] .car-tabs .el-tabs__header {
display: flex;
justify-content: center;
}
[data-v-d5cb5ca7] .car-tabs .el-tabs__content {
overflow: inherit;
}
[data-v-d5cb5ca7] .car-tabs .el-tabs__item {
color: #ababab;
font-size: 18px;
margin: 0 20px;
padding: 0;
}
[data-v-d5cb5ca7] .car-tabs .active {
border-bottom: 2px solid #c9362e;
color: #505051;
}
[data-v-d5cb5ca7] .car-tabs .el-tabs__nav-wrap:after {
background: transparent;
}
[data-v-d5cb5ca7] .car-tabs .el-tabs__active-bar {
background-color: #c9362e;
}
[data-v-d5cb5ca7] .car-tabs .el-tabs__item.is-active,
[data-v-d5cb5ca7] .car-tabs .el-tabs__item:hover {
color: #505051;
}
.swiper[data-v-d5cb5ca7] {
background-image: url(_nuxt/car-bg.CZIlNmpC.avif);
width: 100%;
}
.models-section[data-v-d5cb5ca7] {
align-items: center;
display: flex;
flex-direction: column;
}
.models-section .model-list[data-v-d5cb5ca7] {
display: flex;
margin-top: 30px;
padding: 0 4.167vw;
width: 100%;
}
.models-section .model-list .model-item[data-v-d5cb5ca7] {
display: flex;
justify-content: center;
opacity: 0.5;
position: relative;
}
.models-section .model-list .model-item .model-thumb-image[data-v-d5cb5ca7] {
cursor: pointer;
display: block;
margin-top: 3vw;
-o-object-fit: contain;
object-fit: contain;
}
.models-section .model-list .model-item .model-name-wrap[data-v-d5cb5ca7] {
left: 50%;
position: absolute;
text-align: center;
top: -1%;
transform: translate(-50%);
width: 100%;
z-index: -1;
}
.models-section .model-list .model-item .model-name-text[data-v-d5cb5ca7] {
color: #666;
font-size: 2.6em;
font-style: italic;
font-weight: 500;
opacity: 0.25;
white-space: nowrap;
}
.models-section .model-list .model-item[data-v-d5cb5ca7]:last-child {
margin-right: 0;
}
.models-section .model-list .active-car[data-v-d5cb5ca7],
.models-section .model-list .active-car .model-name-wrap[data-v-d5cb5ca7] {
opacity: 1;
}
.models-section .swiper[data-v-d5cb5ca7] {
background-repeat: no-repeat;
background-size: 100%;
}
.models-section .swiper-slide[data-v-d5cb5ca7] {
display: flex;
height: 30vw;
justify-content: center;
overflow: inherit;
position: relative;
width: 100%;
}
.models-section .model-large-img-item[data-v-d5cb5ca7] {
display: flex;
height: 100%;
justify-content: center;
position: absolute;
top: -2%;
width: 100%;
}
.models-section .model-large-img-item .el-image[data-v-d5cb5ca7] {
align-items: center;
display: flex;
height: auto;
justify-content: center;
width: 100%;
}
.models-section .model-large-img-item .img-out[data-v-d5cb5ca7] {
transform: translate(-120%);
}
.models-section .model-large-img-item .img-in[data-v-d5cb5ca7] {
transform: translate(120%);
}
.models-section .img-wrap[data-v-d5cb5ca7] {
display: flex;
position: relative;
transform: translate(0);
transition: all 1s ease;
width: 68%;
}
.models-section .img-wrap .wheel[data-v-d5cb5ca7] {
position: absolute;
}
.models-section .img-wrap .wheel-left[data-v-d5cb5ca7] {
bottom: 5.9%;
left: 7%;
width: 22%;
}
.models-section .img-wrap .wheel-right[data-v-d5cb5ca7] {
bottom: 5.9%;
right: 10.5%;
width: 22%;
}
.models-section .img-wrap img[data-v-d5cb5ca7] {
width: 100%;
}
.models-section .car-canvas-wrap[data-v-d5cb5ca7] {
margin: 4% auto 0;
position: relative;
width: 100%;
z-index: 2;
}
.models-section .car-canvas-wrap .car-canvas[data-v-d5cb5ca7] {
height: 100%;
}
.models-section .img-item-show[data-v-d5cb5ca7] {
opacity: 1;
transform: translate(0);
}
.models-section .img-item-hide[data-v-d5cb5ca7] {
opacity: 0;
transform: translate(150%);
}
.models-section .model-color-wrap[data-v-d5cb5ca7] {
width: 100%;
}
.models-section .model-color-wrap .el-divider--horizontal[data-v-d5cb5ca7] {
margin: 26px 0;
}
.models-section .model-color-wrap .el-divider--horizontal[data-v-d5cb5ca7] .el-divider__text {
align-items: center;
display: flex;
gap: 10px;
justify-content: center;
}
.models-section
.model-color-wrap
.el-divider--horizontal[data-v-d5cb5ca7]
.el-divider__text
.pie-color-wrap {
border: 1px solid transparent;
cursor: pointer;
padding: 4px;
}
.models-section
.model-color-wrap
.el-divider--horizontal[data-v-d5cb5ca7]
.el-divider__text
.pie-color-wrap
> div {
box-shadow: 0 0 5px #0000002e;
}
.models-section
.model-color-wrap
.el-divider--horizontal[data-v-d5cb5ca7]
.el-divider__text
.pie-color-wrap.active {
border: 1px solid #e45d60;
box-shadow: inherit;
}
.models-section .model-color-wrap .color-list[data-v-d5cb5ca7] {
display: flex;
justify-content: center;
}
.models-section .model-color-wrap .color-list .color-item[data-v-d5cb5ca7] {
margin-right: 12px;
}
.models-section .model-color-wrap .color-list .color-item[data-v-d5cb5ca7]:last-child {
margin-right: 0;
}
.models-section .model-color-wrap .color-list[data-v-d5cb5ca7] .color-icon {
cursor: pointer;
padding: 4px;
}
.models-section .model-color-wrap .color-list[data-v-d5cb5ca7] .color-icon div {
border-radius: 0;
box-shadow: 0 0 5px #0000002e;
}
.models-section .model-color-wrap .color-list .active[data-v-d5cb5ca7] {
border: 1px solid #e45d60;
box-shadow: inherit;
}
.models-section .bottom-btn-wrap[data-v-d5cb5ca7] {
display: flex;
justify-content: center;
margin-top: 48px;
width: 100%;
}
.models-section .bottom-btn-wrap .btn[data-v-d5cb5ca7] {
align-items: center;
display: flex;
font-size: 18px;
justify-content: center;
padding: 12px 0;
text-align: center;
width: 10%;
}
.models-section .bottom-btn-wrap .vr-btn[data-v-d5cb5ca7] {
margin-left: 16px;
}
.lang___ar .vr-btn[data-v-d5cb5ca7] {
margin-right: 16px;
}
@keyframes wheelRound-d5cb5ca7 {
0% {
transform: rotate(1turn);
}
to {
transform: rotate(0);
}
}
.forward[data-v-d5cb5ca7] {
animation: wheelRound-d5cb5ca7 1.1s;
}
.backward[data-v-d5cb5ca7] {
animation: wheelRoundReverse-d5cb5ca7 1.1s;
}
@media screen and (max-width: 1200px) {
.models-section .model-list .model-item .model-name-wrap[data-v-d5cb5ca7] {
font-size: 18px !important;
}
}
@media screen and (max-width: 768px) {
.el-tabs__item[data-v-d5cb5ca7] {
font-size: 15px;
}
.models-section .model-item[data-v-d5cb5ca7] {
width: 30%;
}
.models-section .model-item .model-name-wrap .model-name-text[data-v-d5cb5ca7] {
font-size: 18px !important;
}
.models-section .img-wrap[data-v-d5cb5ca7] {
width: 100%;
}
.models-section .swiper-slide[data-v-d5cb5ca7] {
height: 44vw;
}
.models-section .model-list[data-v-d5cb5ca7] {
margin: 0;
overflow-x: auto;
padding: 30px 10px 10px;
}
.models-section .model-list .model-item[data-v-d5cb5ca7] {
flex-basis: 110px;
flex-shrink: 0;
margin-right: 25px;
padding-top: 5%;
}
.models-section .model-list .model-item .model-thumb-image-wrap[data-v-d5cb5ca7] {
margin: 0;
}
.models-section .model-list .model-item .model-thumb-image-wrap .image-slot[data-v-d5cb5ca7] {
height: auto;
}
.models-section .model-list .model-item .model-name-wrap[data-v-d5cb5ca7] {
left: 0;
top: 0;
transform: translate(0);
width: 100%;
z-index: 0;
}
.models-section .model-list[data-v-d5cb5ca7]::-webkit-scrollbar {
height: 3px;
}
.models-section .middle-block[data-v-d5cb5ca7] {
justify-content: center;
}
.models-section .car-canvas-wrap[data-v-d5cb5ca7] {
margin-top: 2%;
}
.models-section .swiper[data-v-d5cb5ca7] {
background: none !important;
margin-top: 2%;
}
.models-section .car-content[data-v-d5cb5ca7] {
background: url(_nuxt/model-bg.B1eqRflh.avif) no-repeat;
background-size: cover;
}
.models-section .bottom-btn-wrap[data-v-d5cb5ca7] {
margin-top: 3%;
}
.models-section .bottom-btn-wrap .btn[data-v-d5cb5ca7] {
font-size: 12px;
padding: 8px 0;
width: 25%;
}
.models-section .bottom-btn-wrap .vr-btn[data-v-d5cb5ca7] {
margin-left: 5px;
padding: 5px 0;
}
.lang___ar .bottom-btn-wrap .vr-btn[data-v-d5cb5ca7] {
margin-left: 0;
margin-right: 5px;
}
}
.car-360[data-v-7a3725f5] {
height: 100%;
}
.car-360[data-v-7a3725f5] .el-loading-mask {
background: none;
}
.wrapper[data-v-7a3725f5] {
align-items: center;
cursor: none;
display: flex;
height: 100%;
justify-content: center;
position: relative;
}
.car-img[data-v-7a3725f5] {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.mouse-icon[data-v-7a3725f5] {
display: block;
left: 0;
position: absolute;
top: 0;
width: 70px;
}
.rotate-icon[data-v-7a3725f5] {
display: none;
left: 14%;
position: absolute;
top: 0;
width: 28px;
}
@media (max-width: 1200px) {
.mouse-icon[data-v-7a3725f5] {
display: none;
}
.rotate-icon[data-v-7a3725f5] {
display: block;
}
}
.svg-rect-color-indicator[data-v-54047f17] {
display: block;
}
.index-capital-section[data-v-a46d29e8] {
position: relative;
}
.index-capital-section .capital-img[data-v-a46d29e8] {
aspect-ratio: 640/349;
height: auto;
width: 100%;
}
.index-capital-section .text__wrapper[data-v-a46d29e8] {
left: 4.167vw;
top: 5.208vw;
width: auto;
}
.index-capital-section .text__wrapper .text__body .text-title[data-v-a46d29e8] {
color: #181413;
font-size: 35px;
font-weight: 600;
line-height: 1.2;
}
.index-capital-section .text__wrapper .text__body .text-desc[data-v-a46d29e8] {
color: #929292;
font-size: 16px;
margin-top: 3.021vw;
}
@media screen and (max-width: 768px) {
.index-capital-section[data-v-a46d29e8] {
margin-top: 15px;
}
.index-capital-section .text__wrapper .text__body .text-title[data-v-a46d29e8] {
font-size: 16px;
}
.index-capital-section .text__wrapper .text__body .text-desc[data-v-a46d29e8] {
display: none;
}
}
.about-more-text-title[data-v-0fbeb504] {
color: #bcc0c3;
font-size: 2.1vw;
text-align: center;
}
.about-more-text-more-btn[data-v-0fbeb504] {
background: transparent;
border: 1px solid #000;
border-radius: 4px;
color: #000;
font-size: 16px;
margin-top: 3.125vw;
padding: 1.342vw 3.646vw;
transform: scale(1);
transition: all 0.3s ease-out;
}
.about-more-text-more-btn[data-v-0fbeb504]:hover {
transform: scale(1.1);
transition: all 0.3s ease-out;
}
@media screen and (max-width: 1200px) {
.main-section[data-v-0fbeb504] {
margin-top: 15px;
}
.about-list .about-item[data-v-0fbeb504] {
margin-top: 15px;
position: relative;
}
.about-list .about-item .text-body[data-v-0fbeb504] {
left: 5%;
position: absolute;
top: 11%;
}
.about-list .about-item .text-body .text[data-v-0fbeb504] {
color: #fff;
font-size: 16px;
font-weight: 600;
}
.about-list .view-btn[data-v-0fbeb504] {
margin-top: 7%;
text-align: center;
}
.about-list .view-btn .learn-more-btn[data-v-0fbeb504] {
font-size: 12px;
padding: 10px 30px;
}
}
.map-section[data-v-b89507f6] {
background-color: #222833;
}
.map-section .index-header[data-v-b89507f6] {
color: #fff;
text-align: center;
}
.map-section .index-header h3[data-v-b89507f6] {
font-size: 44px;
opacity: 1;
padding-top: 80px;
}
.map-section .index-header div[data-v-b89507f6] {
font-size: 18px;
margin-bottom: 70px;
}
.map-section .map-container[data-v-b89507f6] {
position: relative;
--el-fill-color-blank: #f8f8f8;
padding: 0;
}
.map-section .map-container[data-v-b89507f6] .el-select__input,
.map-section .map-container[data-v-b89507f6] .el-select__wrapper {
height: 50px !important;
}
.map-section .map-container .map-bg[data-v-b89507f6] {
aspect-ratio: 1681/991;
width: 100%;
}
.map-section .map-container .dealer-list[data-v-b89507f6] {
inset: 0;
position: absolute;
}
.map-section .map-container .dealer-list .dealer-item[data-v-b89507f6] {
position: absolute;
}
.map-section .map-container .dealer-list .dealer-item[data-v-b89507f6]:before {
border: 5px solid #fff;
border-radius: 50% 50% 50% 0;
content: " ";
cursor: pointer;
height: 16px;
margin: -19px 0 0 -8px;
position: absolute;
transform: rotate(-45deg);
width: 16px;
}
.map-section .map-container .dealer-list .dealer-item .dealer-title[data-v-b89507f6] {
color: #fff;
font-size: 16px;
font-weight: 600;
margin: -8px 15px;
position: absolute;
text-shadow: 1px 1px 2px #000;
transform: translateY(-50%);
white-space: nowrap;
z-index: 1;
}
.map-section .map-container .dealer-list .dealer-item .active-box[data-v-b89507f6] {
background-color: #fff;
box-shadow: 0 0 10px #000;
margin: -8px 20px;
position: absolute;
transform: translateY(-50%);
z-index: 2;
}
.map-section .map-container .dealer-list .dealer-item .active-box .box-close[data-v-b89507f6] {
border: 1px solid #ddd;
border-radius: 50%;
height: 25px;
margin: 12px 15px;
position: relative;
width: 25px;
}
.map-section .map-container .dealer-list .dealer-item .active-box .box-close[data-v-b89507f6]:before {
background: #a5a5a5;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 15px;
}
.map-section .map-container .dealer-list .dealer-item .active-box .box-close[data-v-b89507f6]:after {
background: #a5a5a5;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
width: 15px;
}
.map-section .map-container .dealer-list .dealer-item .active-box .dealer-national-flag[data-v-b89507f6] {
box-shadow: 0 0 10px #ccc;
width: 260px;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.dealer-national-flag
img[data-v-b89507f6] {
width: 100%;
}
.map-section .map-container .dealer-list .dealer-item .active-box .dealer-hover-title[data-v-b89507f6] {
font-size: 16px;
font-weight: 600;
margin: 15px 15px 10px;
}
.map-section .map-container .dealer-list .dealer-item .active-box .social-list[data-v-b89507f6] {
display: flex;
margin-bottom: 15px;
margin-left: 13px;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.social-list
.social-item[data-v-b89507f6] {
height: 25px;
margin-right: 5px;
width: 25px;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.social-list
.social-item
a[data-v-b89507f6] {
display: block;
height: 100%;
width: 100%;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.social-list
.social-item
a
svg[data-v-b89507f6] {
height: 100%;
width: 100%;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.social-list
.social-item
a
svg
path[data-v-b89507f6] {
fill: #606060;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.social-list
.social-item
a
.tiktok[data-v-b89507f6] {
padding: 2.5px;
}
.map-section
.map-container
.dealer-list
.dealer-item
.active-box
.social-list
.social-item
a
.tiktok
.icon-center[data-v-b89507f6] {
fill: #fff;
}
.map-section .map-container .dealer-list .MEXICO[data-v-b89507f6] {
left: 75.490779298%;
top: 38.0423814329%;
}
.map-section .map-container .dealer-list .CHILE[data-v-b89507f6] {
left: 83.3432480666%;
top: 68.213925328%;
}
.map-section .map-container .dealer-list .COSTA-RICA[data-v-b89507f6] {
left: 79.5359904819%;
top: 42.9868819374%;
}
.map-section .map-container .dealer-list .PARAGUAY[data-v-b89507f6] {
left: 85.7227840571%;
top: 68.3148335015%;
}
.map-section .map-container .dealer-list .ARGENTINA[data-v-b89507f6] {
left: 82.6888756692%;
top: 75.0756811302%;
}
.map-section .map-container .dealer-list .ECUADOR[data-v-b89507f6] {
left: 82.8673408685%;
top: 53.3804238143%;
}
.map-section .map-container .dealer-list .BOLIVIA[data-v-b89507f6] {
left: 85.1279000595%;
top: 63.2694248234%;
}
.map-section .map-container .dealer-list .PERU[data-v-b89507f6] {
left: 83.2837596669%;
top: 58.6276488396%;
}
.map-section .map-container .dealer-list .PAKISTAN[data-v-b89507f6] {
left: 29.6847114813%;
top: 36.0242179617%;
}
.map-section .map-container .dealer-list .VIETNAM[data-v-b89507f6] {
left: 37.8941106484%;
top: 41.3723511604%;
}
.map-section .map-container .dealer-list .MYANMAR[data-v-b89507f6] {
left: 35.6930398572%;
top: 41.1705348133%;
}
.map-section .map-container .dealer-list .FRENCH-POLYNESIA[data-v-b89507f6] {
left: 60.261748959%;
top: 62.5630676085%;
}
.map-section .map-container .dealer-list .PHILIPPINES[data-v-b89507f6] {
left: 42.2962522308%;
top: 45.7114026236%;
}
.map-section .map-container .dealer-list .BRUNEI[data-v-b89507f6] {
left: 39.9167162403%;
top: 50.1513622603%;
}
.map-section .map-container .dealer-list .CAMBODIA[data-v-b89507f6] {
left: 37.5371802499%;
top: 45.8123107972%;
}
.map-section .map-container .dealer-list .LAOS[data-v-b89507f6] {
left: 37.6561570494%;
top: 42.8859737639%;
}
.map-section .map-container .dealer-list .LIBYA[data-v-b89507f6] {
left: 17.9060083284%;
top: 35.3178607467%;
}
.map-section .map-container .dealer-list .IVORY-COAST[data-v-b89507f6] {
left: 10.2914931588%;
top: 46.1150353179%;
}
.map-section .map-container .dealer-list .SENEGAL[data-v-b89507f6] {
left: 9.1017251636%;
top: 42.1796165489%;
}
.map-section .map-container .dealer-list .SOUTH-AFRICA[data-v-b89507f6] {
left: 19.750148721%;
top: 70.3329969728%;
}
.map-section .map-container .dealer-list .EGYPT[data-v-b89507f6] {
left: 20.3450327186%;
top: 36.0242179617%;
}
.map-section .map-container .dealer-list .NIGERIA[data-v-b89507f6] {
left: 13.741820345%;
top: 46.1150353179%;
}
.map-section .map-container .dealer-list .LEBANON[data-v-b89507f6] {
left: 22.7840571089%;
top: 32.0887991927%;
}
.map-section .map-container .dealer-list .AZERBAIJAN[data-v-b89507f6] {
left: 26.2343842951%;
top: 29.1624621594%;
}
.map-section .map-container .dealer-list .UNITED-ARAB-EMIRATES[data-v-b89507f6] {
left: 25.758477097%;
top: 38.8496468214%;
}
.map-section .map-container .dealer-list .BAHRAIN[data-v-b89507f6] {
left: 24.3902439024%;
top: 36.3269424823%;
}
.map-section .map-container .dealer-list .MOLDOVA[data-v-b89507f6] {
left: 22.9625223081%;
top: 23.1079717457%;
}
.map-section .map-container .dealer-list .SAUDI[data-v-b89507f6] {
left: 22.5461035098%;
top: 38.950554995%;
}
.map-section .map-container .dealer-list .MONGOLIA[data-v-b89507f6] {
left: 38.6674598453%;
top: 27.8506559031%;
}
.map-section .map-container .dealer-list .JORDAN[data-v-b89507f6] {
left: 22.5461035098%;
top: 33.8042381433%;
}
.map-section .map-container .dealer-list .IRAQ[data-v-b89507f6] {
left: 24.3307555027%;
top: 33.0978809284%;
}
.map-section .map-container .dealer-list .KUWAIT[data-v-b89507f6] {
left: 24.8066627008%;
top: 35.015136226%;
}
.map-section .map-container .dealer-list .SYRIA[data-v-b89507f6] {
left: 58.239143367%;
top: 45.8123107972%;
}
.map-section .map-container .dealer-list .MADAGASCAR[data-v-b89507f6] {
left: 23.5574063058%;
top: 63.9757820383%;
}
.map-section .map-container .dealer-list .GERMANY[data-v-b89507f6] {
left: 20.5234979179%;
top: 21.0898082745%;
}
.map-section .map-container .dealer-list .ITALY[data-v-b89507f6] {
left: 19.3337299227%;
top: 25.7315842583%;
}
.map-section .map-container .dealer-list .ANGOLA[data-v-b89507f6] {
left: 16.2998215348%;
top: 60.5449041372%;
}
.map-section .map-container .dealer-list .SOMALIA[data-v-b89507f6] {
left: 22.9030339084%;
top: 48.7386478305%;
}
.map-section .map-container .dealer-list .VANUATU[data-v-b89507f6] {
left: 53.6585365854%;
top: 59.8385469223%;
}
.map-section .map-container .dealer-list .NEW-CALEDONIA[data-v-b89507f6] {
left: 53.4800713861%;
top: 63.4712411705%;
}
.map-section .map-container .dealer-list .CAPE-VERDE[data-v-b89507f6] {
left: 7.3170731707%;
top: 39.1523713421%;
}
.map-section .map-container .dealer-list .BANGLADESH[data-v-b89507f6] {
left: 34.5627602617%;
top: 39.3541876892%;
}
.map-section .map-container .dealer-list .INDONESIA[data-v-b89507f6] {
left: 41.4634146341%;
top: 53.8849646821%;
}
.map-section .map-container .dealer-list .ALBANIA[data-v-b89507f6] {
left: 20.5829863177%;
top: 27.3461150353%;
}
.map-section .map-container .dealer-list .TURKEY[data-v-b89507f6] {
left: 23.3789411065%;
top: 29.0615539859%;
}
.map-section .map-container .dealer-list .TURKEY-SYRIA[data-v-b89507f6] {
left: 56.3355145747%;
top: 47.3259334006%;
}
.map-section .map-container .dealer-list .SAUDI--ARABIA[data-v-b89507f6],
.map-section .map-container .dealer-list .SAUDI-ARABIA[data-v-b89507f6] {
left: 22.5461035098%;
top: 38.950554995%;
}
.map-section .map-container .dealer-list .TURKEY--SYRIA[data-v-b89507f6] {
left: 56.3355145747%;
top: 47.3259334006%;
}
.map-section .map-container .dealer-list .POLAND[data-v-b89507f6] {
left: 22.5461035098%;
top: 21.190716448%;
}
.map-section .map-container .dealer-list .CZECHIA[data-v-b89507f6] {
left: 50.9220701963%;
top: 37.336024218%;
}
.map-section .map-container .dealer-list .CZECH[data-v-b89507f6],
.map-section .map-container .dealer-list .CZECH-REPUBLIC[data-v-b89507f6] {
left: 21.2373587151%;
top: 22.0988900101%;
}
.map-section .map-container .dealer-list .TAJIKISTAN[data-v-b89507f6] {
left: 30.8149910767%;
top: 30.3733602422%;
}
.map-section .map-container .dealer-list .QATAR[data-v-b89507f6] {
left: 24.9851279001%;
top: 36.8314833502%;
}
.map-section .map-container .dealer-list .GUATEMALA[data-v-b89507f6] {
left: 79.5359904819%;
top: 41.0696266398%;
}
.map-section .map-container .dealer-list .SLOVENIA[data-v-b89507f6] {
left: 19.98810232%;
top: 23.51160444%;
}
.map-section .map-container .dealer-list .SLOVAKIA[data-v-b89507f6] {
left: 21.7132659131%;
top: 23.0070635721%;
}
.map-section .map-container .dealer-list .NORTH-MACEDONIA[data-v-b89507f6] {
left: 20.5829863177%;
top: 26.846115%;
}
.map-section .map-container .dealer-list .BULGARIA[data-v-b89507f6] {
left: 21.5942891136%;
top: 26.034308779%;
}
.map-section .map-container .dealer-list .SWITZERLAND[data-v-b89507f6] {
left: 18.9173111243%;
top: 22.4016145308%;
}
.map-section .mobile-dealer-list[data-v-b89507f6] {
padding: 20px 0 0;
}
.map-section .mobile-dealer-list .mobile-dealer-item .dealer-item-box .dealer-item-left[data-v-b89507f6] {
align-items: center;
border-right: 1px dashed #000;
display: flex;
padding: 15px 0 0;
}
.map-section
.mobile-dealer-list
.mobile-dealer-item
.dealer-item-box
.dealer-item-left
img[data-v-b89507f6] {
flex: 0 1 39px;
margin-right: 15px;
width: 39px;
}
.map-section .mobile-dealer-list .mobile-dealer-item .dealer-item-box .social-list[data-v-b89507f6] {
padding: 15px 0 0;
}
.map-section
.mobile-dealer-list
.mobile-dealer-item
.dealer-item-box
.social-list
.social-item[data-v-b89507f6] {
display: inline-block;
text-align: center;
width: 16.66%;
}
.map-section
.mobile-dealer-list
.mobile-dealer-item
.dealer-item-box
.social-list
.social-item
svg[data-v-b89507f6] {
height: 22px;
width: 22px;
}
.map-section
.mobile-dealer-list
.mobile-dealer-item
.dealer-item-box
.social-list
.social-item
a[data-v-b89507f6] {
display: inline-flex;
}
@media screen and (max-width: 1200px) {
.map-section[data-v-b89507f6] {
background-color: #fff;
}
.map-section .index-header[data-v-b89507f6] {
color: #000;
}
.map-section .index-header h3[data-v-b89507f6] {
padding-top: 30px;
}
.map-section .tiktok[data-v-b89507f6] {
padding: 2.2px;
}
.map-section .index-header h3[data-v-b89507f6] {
font-size: 26px;
margin-top: 10px;
}
.map-section .index-header div[data-v-b89507f6] {
font-size: 12px;
margin-bottom: 20px;
}
}
.news-swiper[data-v-19489166] {
margin-left: 0;
margin-right: 0;
}
.news-swiper .swiper-wrapper[data-v-19489166] {
padding-bottom: 50px;
}
.news-swiper .swiper-wrapper .swiper-slide .image[data-v-19489166] {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.news-swiper .swiper-wrapper .swiper-slide .title-wrap[data-v-19489166] {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.541) 6%, transparent);
bottom: 0;
color: #fff;
left: 0;
margin: 0 auto;
padding: 15px 7.5%;
position: absolute;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
width: 100%;
}
.news-swiper .swiper-button-prev[data-v-19489166] {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cdefs%3E%3Cfilter id='a' height='130%25'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='3'/%3E%3CfeOffset result='offsetblur'/%3E%3CfeComponentTransfer%3E%3CfeFuncR intercept='.5' type='linear'/%3E%3CfeFuncG intercept='.5' type='linear'/%3E%3CfeFuncB intercept='.5' type='linear'/%3E%3CfeFuncA slope='.5' type='linear'/%3E%3C/feComponentTransfer%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='55' cy='55' r='48' fill='%23282828' filter='url(%23a)'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='8' d='M63 37 43 55l20 18'/%3E%3C/svg%3E");
background-size: contain;
height: 8vw;
width: 8vw;
}
.news-swiper .swiper-button-prev[data-v-19489166]:after {
display: none;
}
.news-swiper .swiper-button-next[data-v-19489166] {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cdefs%3E%3Cfilter id='a' height='130%25'%3E%3CfeGaussianBlur in='SourceAlpha' stdDeviation='3'/%3E%3CfeOffset result='offsetblur'/%3E%3CfeComponentTransfer%3E%3CfeFuncR intercept='.5' type='linear'/%3E%3CfeFuncG intercept='.5' type='linear'/%3E%3CfeFuncB intercept='.5' type='linear'/%3E%3CfeFuncA slope='.5' type='linear'/%3E%3C/feComponentTransfer%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='55' cy='55' r='48' fill='%23282828' filter='url(%23a)'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='8' d='m50 37 20 18-20 18'/%3E%3C/svg%3E");
background-size: contain;
height: 8vw;
width: 8vw;
}
.news-swiper .swiper-button-next[data-v-19489166]:after {
display: none;
}
.news-swiper[data-v-19489166] .swiper-pagination {
bottom: 10px;
left: 0;
position: absolute;
text-align: center;
transform: translateZ(0);
transition: opacity 0.3s;
width: 100%;
z-index: 10;
}
.news-swiper[data-v-19489166] .swiper-pagination-bullet-custom {
background-color: #9a9fa6;
border-radius: 0;
height: 2px;
opacity: 0.3;
transition: 0.3s;
width: 30px;
}
.news-swiper[data-v-19489166] .swiper-pagination-bullet-custom.swiper-pagination-bullet-active {
background: #d13232;
opacity: 1;
transition: 0.3s;
}
@media (min-width: 1200px) {
.news-swiper[data-v-19489166] {
margin-left: 1.5625vw;
margin-right: 1.5625vw;
}
.news-swiper .swiper-wrapper[data-v-19489166] {
display: grid;
gap: 3px;
grid-template-columns: repeat(3, 1fr);
list-style: none;
margin: 0;
padding: 0;
transform: none !important;
}
.news-swiper .swiper-wrapper .swiper-slide[data-v-19489166] {
cursor: pointer;
overflow: hidden;
width: auto !important;
}
.news-swiper .swiper-wrapper .swiper-slide[data-v-19489166]:before {
background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
content: "";
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: all 0.4s;
width: 100%;
z-index: 1;
}
.news-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate[data-v-19489166],
.news-swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active[data-v-19489166] {
display: none;
}
.news-swiper .swiper-wrapper .swiper-slide .image[data-v-19489166] {
transform: scale(1);
transition: transform 0.4s;
}
.news-swiper .swiper-wrapper .swiper-slide[data-v-19489166]:hover:before {
opacity: 1;
}
.news-swiper .swiper-wrapper .swiper-slide:hover .image[data-v-19489166] {
transform: scale(1.1);
}
.news-swiper .swiper-wrapper .swiper-slide:hover .title-wrap[data-v-19489166] {
transform: translate(0);
}
.news-swiper .swiper-wrapper .swiper-slide .title-wrap[data-v-19489166] {
background-image: none;
bottom: 0;
font-size: 20px;
line-height: 1.5em;
padding: 1em;
position: absolute;
text-align: left;
transform: translateY(calc(100% - 2.75em));
transition: all 0.4s;
z-index: 2;
}
.news-swiper .swiper-button-next[data-v-19489166],
.news-swiper .swiper-button-prev[data-v-19489166],
.news-swiper .swiper-pagination[data-v-19489166] {
display: none;
}
.bottom-btn[data-v-19489166] {
display: flex;
justify-content: center;
margin-top: 3.646vw;
}
.bottom-btn .show-more-btn[data-v-19489166] {
height: auto;
padding: 1.042vw 3.646vw;
}
.bottom-btn .show-more-btn[data-v-19489166]:hover {
background: transparent;
border: 1px solid #000;
color: #000;
}
}
@media only screen and (max-width: 768px) {
.index-news-section[data-v-19489166] {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0;
}
}
.aside-bar[data-v-dfd26a0f] {
bottom: 0;
position: fixed;
right: 15px;
z-index: 999;
}
.aside-bar li[data-v-dfd26a0f] {
cursor: pointer;
margin-bottom: 22px;
text-align: center;
}
.aside-bar li a[data-v-dfd26a0f],
.aside-bar li button[data-v-dfd26a0f] {
align-items: center;
background: #00000080;
border-radius: 50px;
display: flex;
height: 50px;
justify-content: center;
width: 50px;
}
.aside-bar li a .option-icon[data-v-dfd26a0f],
.aside-bar li button .option-icon[data-v-dfd26a0f] {
width: 44%;
}
.aside-bar li a .icon[data-v-dfd26a0f],
.aside-bar li button .icon[data-v-dfd26a0f] {
padding: 11px;
}
.aside-bar li a .tiktok[data-v-dfd26a0f],
.aside-bar li button .tiktok[data-v-dfd26a0f] {
padding: 4px;
}
.aside-bar li a .ins[data-v-dfd26a0f],
.aside-bar li button .ins[data-v-dfd26a0f] {
padding: 13px;
}
.aside-bar li a[data-v-dfd26a0f]:hover,
.aside-bar li button[data-v-dfd26a0f]:hover {
background: #fff;
}
.aside-bar li a:hover img.icon[data-v-dfd26a0f],
.aside-bar li button:hover img.icon[data-v-dfd26a0f] {
filter: brightness(0);
}
.aside-bar li .option[data-v-dfd26a0f]:hover {
background: #00000080;
}
.aside-bar li[data-v-dfd26a0f]:last-child {
display: none;
}
.text-title[data-v-49860bab] {
color: #fff;
font-size: 30px;
left: 2.604vw;
pointer-events: none;
position: absolute;
top: 2.604vw;
white-space: pre-line;
}
.hover-section[data-v-49860bab] {
cursor: pointer;
overflow: hidden;
}
.hover-section img[data-v-49860bab] {
transition: transform 0.5s;
}
.hover-section:hover img[data-v-49860bab] {
transform: scale(1.1);
}
.line[data-v-0f893ebe] {
background: #ff3a1e;
height: 5px;
margin: 20px 0 20px 15px;
width: 18px;
}
.link-list[data-v-0f893ebe] {
padding-left: 15px;
width: 100%;
}
.link-list a[data-v-0f893ebe] {
color: #505050;
display: block;
font-size: 14px;
margin-bottom: 10px;
}
.link-list a[data-v-0f893ebe]:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
.line[data-v-0f893ebe] {
margin: 10px 0 20px;
}
.link-list[data-v-0f893ebe] {
padding: 0;
}
.link-list a[data-v-0f893ebe] {
color: #c7c7c7;
}
.link-list a[data-v-0f893ebe]:hover {
color: #fff;
}
}
.friendship-link[data-v-2030297a] .el-dropdown {
background-color: transparent;
border-radius: 0 0 10px 10px;
min-width: unset;
transition: all 0.2s;
--el-bg-color-overlay: #424348;
--el-border-color-light: transparent;
}
.friendship-link[data-v-2030297a] .el-dropdown .el-dropdown__popper {
--el-dropdown-menuItem-hover-fill: transparent;
--el-dropdown-menuItem-hover-color: #efefef;
}
.friendship-link .dark-trigger[data-v-2030297a] {
background: #424348 !important;
border: 1px solid #404040 !important;
border-radius: 10px !important;
color: #fff !important;
height: auto;
padding: 0.5em;
white-space: wrap;
}
.friendship-link .title[data-v-2030297a] {
color: #c7c7c7;
}
.friendship-link .title[data-v-2030297a]:hover {
color: #efefef;
}
@media screen and (min-width: 1200px) {
.friendship-link[data-v-2030297a] .el-dropdown {
white-space: normal;
}
.friendship-link .dark-trigger[data-v-2030297a] {
color: #c7c7c7 !important;
height: 1.5em;
white-space: normal;
}
}
.fade-enter-active[data-v-a63940ce] {
transition: opacity 0.5s;
}
.fade-enter[data-v-a63940ce] {
opacity: 0;
}
.privacy-content[data-v-a63940ce] {
font-size: 1em;
margin-top: 2%;
}
.title[data-v-a63940ce] {
font-size: 1.5em;
font-weight: 600;
}
.d-mask[data-v-a63940ce] {
background-color: #0006;
box-sizing: border-box;
font-size: 16px;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.agree .privacy .privacy-con[data-v-a63940ce] {
box-sizing: border-box;
padding-right: 2%;
position: relative;
z-index: 1000;
}
.agree[data-v-a63940ce] {
display: block;
position: fixed;
z-index: 1001;
}
.agree .privacy[data-v-a63940ce] {
background-color: #f1f1f1;
border: 1px solid #fff;
border-radius: 10px;
bottom: 5%;
box-shadow: 0 2px 9px #0003;
box-sizing: border-box;
left: 0;
margin: auto;
max-height: 30vw;
overflow-y: auto;
position: absolute;
right: 0;
width: 71%;
}
.agree .privacy .privacy-con[data-v-a63940ce] {
line-height: 1.6rem;
padding: 2%;
width: 100%;
}
.agree .privacy .privacy_all[data-v-a63940ce] {
color: #fff;
cursor: pointer;
display: inline-block;
font-style: normal;
height: 1.5em;
margin-left: 0.5%;
position: relative;
text-align: center;
top: -0.1rem;
vertical-align: middle;
width: 1.5em;
}
.agree .privacy .privacy-con .privacy_btn[data-v-a63940ce] {
display: flex;
justify-content: flex-end;
margin-top: 3%;
width: 100%;
}
.option-btn[data-v-a63940ce] {
align-items: center;
background-color: #000;
border-radius: 8px;
color: #fff;
cursor: pointer;
display: flex;
font-size: 0.9em;
justify-content: center;
line-height: 1.3;
margin-right: 2%;
padding: 6px 8px;
text-align: center;
width: 14%;
}
.option-btn[data-v-a63940ce]:last-child {
margin-right: 0;
}
.agree .privacy .privacy-con .paivacy_bottom[data-v-a63940ce] {
font-size: 1em;
margin-top: 2%;
text-align: right;
width: 100%;
}
.agree .privacy .privacy-con .paivacy_bottom a[data-v-a63940ce] {
font-size: 0.85em;
text-decoration: underline;
}
.agree .privacy .privacy-con .paivacy_bottom a[data-v-a63940ce]:first-child {
box-sizing: border-box;
}
.check-list[data-v-a63940ce] {
font-size: inherit;
}
.agree .privacy .set_up_mask .to_all[data-v-a63940ce] {
box-sizing: border-box;
padding: 3% 3% 0 2%;
width: 100%;
}
li[data-v-a63940ce] {
margin-top: 2%;
}
.Agree label[data-v-a63940ce],
.category-item label[data-v-a63940ce] {
align-items: center;
display: flex;
font-size: 1em;
}
[data-v-a63940ce] .el-checkbox__label {
color: #000;
font-size: 1em;
font-weight: 600;
}
[data-v-a63940ce] .el-checkbox__inner {
height: 1.3em;
width: 1.3em;
}
[data-v-a63940ce] .el-checkbox__inner:after {
border-width: 2px;
height: 12px;
left: 9px;
width: 5px;
}
[data-v-a63940ce] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
border-color: #fff;
}
.el-checkbox__input.is-disabled + span.el-checkbox__label[data-v-a63940ce],
.el-input.is-disabled .el-input__inner[data-v-a63940ce],
.el-range-editor.is-disabled input[data-v-a63940ce] {
color: #3f4656 !important;
}
[data-v-a63940ce] .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
top: 8px;
}
[data-v-a63940ce] .el-checkbox__input.is-checked .el-checkbox__inner,
[data-v-a63940ce] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #26539d;
border-color: #26539d;
}
[data-v-a63940ce] .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #bfbfbf;
border-color: #bfbfbf;
}
[data-v-a63940ce] .el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #000;
}
[data-v-a63940ce] .el-checkbox__input.is-checked + .el-checkbox__label {
color: #000;
}
.category-item.google[data-v-a63940ce] {
border-top: 1px solid #999;
margin-top: 0;
padding-top: 4%;
}
.category-item p[data-v-a63940ce] {
margin-top: 1.5%;
}
.consent-item[data-v-a63940ce] {
align-items: center;
display: flex;
margin-top: 1%;
}
.consent-item .content[data-v-a63940ce] {
align-items: center;
display: flex;
width: 100%;
}
.category-item .consent-list .consent-item .cookie_introduction[data-v-a63940ce] {
align-items: center;
background: #999;
border: none;
border-radius: 50%;
color: #fff;
cursor: pointer;
display: inline-flex;
flex-shrink: 0;
font-size: 1rem;
height: 1.1em;
justify-content: center;
margin-left: 0.8%;
outline: 0;
padding: 0;
width: 1.1em;
}
.button-wrapper[data-v-a63940ce] {
display: flex;
justify-content: flex-end;
margin-top: 3%;
padding-bottom: 2%;
}
.button-wrapper button[data-v-a63940ce] {
background-color: #000;
color: #fff;
margin-right: 1%;
padding: 1em 2em;
}
.setting button[data-v-a63940ce] {
margin-right: 3%;
width: 18%;
}
.bold[data-v-a63940ce] {
font-weight: 600;
}
.container[data-v-a63940ce] {
display: flex;
justify-content: center;
}
.theme-title[data-v-a63940ce] {
background: #000;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 1.1em;
padding: 8px 45px;
position: relative;
}
.theme-title[data-v-a63940ce]:after,
.theme-title[data-v-a63940ce]:before {
background: #fff;
border-radius: 50%;
content: "";
display: inline-block;
height: 8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.theme-title[data-v-a63940ce]:after {
right: 5%;
}
.theme-title[data-v-a63940ce]:before {
left: 5%;
}
.data-notice[data-v-a63940ce] {
border-top: 1px solid #f3f3f3;
padding-top: 1em;
}
.data-notice .title-wrap[data-v-a63940ce] {
text-align: center;
}
.data-notice .title-wrap .title[data-v-a63940ce] {
font-weight: 600;
}
.data-notice .title-wrap .website[data-v-a63940ce] {
font-size: 1em;
margin-bottom: 1.8em;
text-decoration: underline;
}
.agree .d-flag .dlog .d-body p[data-v-a63940ce] {
font-size: 1em;
line-height: 2em;
}
.agree .d-flag .dlog .d-body ul li[data-v-a63940ce] {
font-size: 1em;
line-height: 2em;
margin-bottom: 2%;
}
.cookie_table td[data-v-a63940ce],
.cookie_table th[data-v-a63940ce] {
word-break: break-all;
word-wrap: break-word;
border: 1px solid #939598;
text-align: left;
}
.cookie_table[data-v-a63940ce] {
border-collapse: collapse;
border-spacing: 0;
margin: 2% auto 0;
width: 80%;
}
.cookie_table th[data-v-a63940ce] {
padding: 30px;
}
.cookie_table td[data-v-a63940ce] {
font: 500 14px Arial;
padding: 10px 30px;
}
@media screen and (max-width: 1200px) {
.option-btn[data-v-a63940ce] {
width: 18%;
}
}
@media screen and (max-width: 768px) {
.button-wrapper[data-v-a63940ce] {
justify-content: center;
}
.button-wrapper .option-btn[data-v-a63940ce] {
width: 36%;
}
.privacy-content[data-v-a63940ce] {
font-size: 1em;
line-height: 1.5;
margin-top: 5%;
}
.privacy-content .privacy_all[data-v-a63940ce] {
height: 6vw;
width: 6vw;
}
.theme-title[data-v-a63940ce] {
font-size: 1em;
}
.agree .d-flag .dlog .d-body p[data-v-a63940ce] {
font-size: 1em;
line-height: 1.6em;
}
.agree .d-flag .dlog .d-body ul[data-v-a63940ce] {
margin-bottom: 1.5em;
}
.agree .d-flag .dlog .d-body ul li[data-v-a63940ce] {
font-size: 1em;
line-height: 2em;
margin-bottom: 1em;
}
.agree .privacy[data-v-a63940ce] {
max-height: 74vh;
padding-bottom: 2%;
width: 90%;
}
.agree .privacy .privacy-con[data-v-a63940ce] {
padding-left: 4%;
padding-right: 4%;
padding-top: 5%;
width: 100%;
}
.agree .privacy .privacy-con .privacy_btn[data-v-a63940ce] {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 3%;
text-align: center;
width: 100%;
}
.option-btn[data-v-a63940ce] {
width: 75%;
}
.agree .privacy .privacy-con .privacy_btn .option-btn[data-v-a63940ce] {
background-color: #000;
color: #fff;
display: block;
font-size: 1em;
margin-bottom: 3%;
margin-right: 0;
padding: 0.6em 2em;
}
.agree .privacy .privacy-con .paivacy_bottom[data-v-a63940ce] {
box-sizing: border-box;
margin-top: 3%;
padding-bottom: 3%;
padding-top: 3%;
text-align: left;
}
.agree .privacy .privacy-con .paivacy_bottom a[data-v-a63940ce]:first-child {
padding-right: 1%;
}
.Agree label span[data-v-a63940ce],
.category-item label span[data-v-a63940ce] {
font-size: 3vw;
}
.category-item[data-v-a63940ce] {
width: 100%;
}
}
.d-flag[data-v-07d0ee34] {
background-color: #00000080;
height: 100%;
width: 100%;
z-index: 2000;
}
.d-flag[data-v-07d0ee34],
.dlog[data-v-07d0ee34] {
position: fixed;
}
.dlog[data-v-07d0ee34] {
background-color: #fff;
border-radius: 10px;
bottom: 5%;
left: 0;
margin: auto;
max-height: 86%;
overflow-y: auto;
right: 0;
width: 71%;
}
.dlog .close-btn[data-v-07d0ee34] {
cursor: pointer;
font-size: 1.5em;
padding: 1.3% 0 0;
position: absolute;
right: 3%;
width: 3%;
}
.dlog .d-body[data-v-07d0ee34] {
box-sizing: border-box;
margin-top: 5%;
padding: 0 10% 2%;
width: 100%;
}
@media screen and (max-width: 768px) {
.d-flag .dlog[data-v-07d0ee34] {
width: 90%;
}
.d-flag .d-body[data-v-07d0ee34] {
box-sizing: border-box;
margin-top: 5%;
padding: 1% 8% 8%;
width: 100%;
}
}