@keyframes rtl-drawer-in-31638517 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-31638517 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-31638517 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-31638517 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-31638517 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-31638517 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-31638517 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-31638517 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-31638517 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-31638517 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-31638517 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-31638517 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-error[data-v-31638517] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px
}

@media(min-width: 1024px) {
    .component-error[data-v-31638517] {
        margin-bottom:130px
    }
}

@media(max-width: 1023px) {
    .component-error[data-v-31638517] {
        padding:0 30px
    }
}

.component-error .title[data-v-31638517] {
    font-size: 9.6618357488vw;
    margin-top: 14.4927536232vw;
    font-weight: 700;
    color: #252525
}

@media(min-width: 1024px) {
    .component-error .title[data-v-31638517] {
        font-size:80px;
        margin-top: 60px
    }
}

.component-error .desc[data-v-31638517] {
    text-align: center
}

.component-error .filed-group[data-v-31638517] {
    width: 100%;
    height: 50px;
    margin-top: 4.8309178744vw;
    padding: 0 10px 0 20px;
    border-radius: 25px;
    background: #fff;
    display: flex;
    overflow: hidden
}

@media(min-width: 1024px) {
    .component-error .filed-group[data-v-31638517] {
        width:350px;
        height: 50px;
        margin-top: 40px
    }
}

.component-error .filed-group input[data-v-31638517] {
    flex: 1;
    border: none
}

.component-error .filed-group .serach-icon[data-v-31638517] {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.component-error .link-info[data-v-31638517] {
    display: block;
    margin-top: 0
}

@media(min-width: 1024px) {
    .component-error .link-info[data-v-31638517] {
        display:flex;
        margin-top: 80px
    }
}

.component-error .link-info .link-item[data-v-31638517] {
    width: 76.0869565217vw;
    height: 72.4637681159vw;
    overflow: hidden;
    border-radius: 20px;
    position: relative
}

@media(min-width: 1024px) {
    .component-error .link-info .link-item[data-v-31638517] {
        width:330px;
        height: 315px;
        margin-left: 20px
    }
}

@media(min-width: 1024px) {
    .component-error .link-info .link-item[data-v-31638517]:first-child {
        margin-left:0
    }
}

@media(max-width: 1023px) {
    .component-error .link-info .link-item[data-v-31638517] {
        margin-top:20px
    }

    .component-error .link-info .link-item[data-v-31638517]:first-child {
        margin-top: 40px
    }
}

.component-error .link-info .link-item:hover img[data-v-31638517] {
    transform: scale(1.1);
    transition: all 1s
}

.component-error .link-info .link-item img[data-v-31638517] {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 1s
}

.component-error .link-info .link-item .content[data-v-31638517] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer
}

.component-error .link-info .link-item .content h4[data-v-31638517] {
    color: #fff;
    font-size: 18px
}

@media(min-width: 1024px) {
    .component-error .link-info .link-item .content h4[data-v-31638517] {
        font-size:20px
    }
}

.component-error .link-info .link-item .content .btn[data-v-31638517] {
    width: 110px;
    height: 50px;
    background: #fff;
    color: #003150;
    margin-top: 20px
}

@media(min-width: 1024px) {
    .component-error .link-info .link-item .content .btn[data-v-31638517] {
        width:120px
    }
}

@keyframes rtl-drawer-in-37f398cf {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-37f398cf {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-37f398cf {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-37f398cf {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-37f398cf {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-37f398cf {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-37f398cf {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-37f398cf {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-37f398cf {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-37f398cf {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-37f398cf {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-37f398cf {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.page-error[data-v-37f398cf] {
    color: #666
}

.components-loading-spinner {
    display: none;
    width: 2em;
    height: 2em
}

.components-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6002;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: hsla(0,0%,100%,.1)
}

.components-loading .components-loading__spinner {
    width: 4em;
    height: 4em
}

body,html {
    width: 100%;
    height: 100%
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

*,:after,:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0;
    color: #666;
    font-family: Microsoft YaHei,PingFang SC,Helvetica,Arial,simsun,sans-serif;
    line-height: 1.4;
    background-color: #f2f2f2;
    -webkit-font-smoothing: antialiased;
    font-size: 3.3816425121vw
}

@media(min-width: 1024px) {
    body {
        font-size:14px
    }
}

@media(min-width: 600px)and (max-width:920px) {
    body {
        font-size:14px
    }
}

main {
    display: block
}

[tabindex="-1"]:focus {
    outline: none!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5em;
    color: #666;
    font-weight: 500
}

p {
    margin-top: 0;
    margin-bottom: 0
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit
}

input[type=number],input[type=password],input[type=text],textarea {
    -webkit-appearance: none;
    -moz-appearance: textfield
}

dd,dl,dt,ol,ul {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style-type: none
}

dt {
    font-weight: 500
}

dd {
    margin: 0
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    text-decoration: none;
    -webkit-text-decoration-skip: objects
}

a,a:active,a:hover {
    color: #666
}

a:active,a:focus,a:hover {
    outline: 0
}

a[disabled] {
    color: #d8d8d8;
    cursor: not-allowed;
    pointer-events: none
}

code,kbd,pre,samp {
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto;
    font-family: Microsoft YaHei,PingFang SC,Helvetica,Arial,simsun,sans-serif
}

figure {
    margin: 0 0 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

button,input,optgroup,select,textarea {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    border-radius: 0
}

button:focus,input:focus,optgroup:focus,select:focus,textarea:focus {
    outline: 0
}

input {
    -webkit-appearance: none;
    word-break: normal;
    box-shadow: none
}

input::-moz-placeholder,input::-ms-input-placeholder,input::-webkit-input-placeholder {
    opacity: 1
}

input::-webkit-search-cancel-button {
    display: none
}

input::-webkit-credentials-auto-fill-button {
    display: none!important;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input:disabled {
    -webkit-text-fill-color: #d2d2d2;
    opacity: 1
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    border: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: none
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5em;
    padding: 0;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none!important
}

[v-cloak] {
    display: none
}

.block-filed {
    position: relative;
    display: block;
    align-items: center;
    width: 100%;
    font-size: 3.3816425121vw
}

@media(min-width: 1024px) {
    .block-filed {
        font-size:14px
    }
}

.block-filed>.block-filed__item {
    margin-right: 7.2463768116vw
}

@media(min-width: 1024px) {
    .block-filed>.block-filed__item {
        margin-right:30px
    }
}

.block-filed>.block-filed__label-wrapper {
    position: absolute;
    left: 25px;
    top: 3.8647342995vw;
    transition: .3s
}

@media(min-width: 1024px) {
    .block-filed>.block-filed__label-wrapper {
        top:16px
    }
}

@media(min-width: 600px)and (max-width:920px) {
    .block-filed>.block-filed__label-wrapper {
        font-size:14px;
        top: 16px
    }
}

.block-filed .block-filed__label {
    color: #d2d2d2;
    font-weight: 400;
    line-height: inherit;
    font-size: inherit;
    cursor: pointer
}

.block-filed .block-filed__input-icon {
    position: absolute;
    top: 4.8309178744vw
}

@media(min-width: 1024px) {
    .block-filed .block-filed__input-icon {
        top:20px
    }
}

.block-filed .block-filed__validation {
    line-height: normal;
    color: #ed8380;
    margin: 5px 0 0 25px;
    font-size: 12px
}

.block-filed.is-error .block-filed__validation {
    color: #ed8380
}

.block-filed.is-focused>.block-filed__label-wrapper {
    display: none
}

.block-input {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: normal;
    font-size: 3.3816425121vw;
    color: #333;
    background-color: transparent;
    border: 1px solid #d2d2d2;
    border-radius: 25px;
    height: 50px;
    padding: 10px 25px
}

@media(min-width: 1024px) {
    .block-input {
        font-size:14px
    }
}

.block-input.is-error {
    border-color: #ed8380
}

.block-input.is-disabled {
    border-color: #d8d8d8;
    color: #d2d2d2;
    font-weight: 300
}

.component-filed-select>.block-filed__label-wrapper {
    top: 17px;
    left: 0
}

.component-filed-select .block-select .block-input {
    padding-left: 0
}

.block-select {
    position: relative;
    cursor: pointer
}

.block-select .block-input {
    cursor: pointer;
    height: 34px;
    border: none;
    border-bottom: 1px solid #d2d2d2;
    transition: all .3s;
    border-radius: 0;
    padding: 10px 25px 10px 10px
}

.block-select .block-select__icon {
    position: absolute;
    top: 50%;
    right: 1.2077294686vw;
    z-index: 1;
    transform: translateY(-50%);
    width: 5.0724637681vw;
    height: 5.0724637681vw
}

@media(min-width: 1024px) {
    .block-select .block-select__icon {
        right:0;
        width: 21px;
        height: 21px
    }
}

.component-select-own.is-open .block-select .block-input {
    transition: all .3s;
    border-bottom: 1px solid #252525
}

.block-select__list {
    position: absolute;
    top: 12.077294686vw;
    left: 0;
    z-index: 200;
    width: 100%;
    max-height: 43.4782608696vw;
    padding: 4.8309178744vw 0;
    background-color: #f4f4f4;
    border: 1px solid #d2d2d2;
    overflow-y: auto;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    overflow: auto
}

@media(min-width: 1024px) {
    .block-select__list {
        top:50px;
        max-height: 224px;
        padding: 10px 0
    }
}

.block-select__list .block-select__list-item {
    display: flex;
    align-items: center;
    width: 100%;
    color: #252525;
    padding: 2.4154589372vw 1.2077294686vw 2.4154589372vw 4.8309178744vw
}

@media(min-width: 1024px) {
    .block-select__list .block-select__list-item {
        padding:10px 5px 10px 20px
    }
}

.component-store-filter .block-select__list .block-select__list-item {
    word-break: break-all
}

.component-store-filter .block-filed__label-wrapper .block-filed__label {
    color: #252525
}

.block-checkbox {
    position: relative;
    display: inline-block;
    line-height: normal;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    appearance: none;
    cursor: pointer
}

.block-checkbox:before {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #d2d2d2
}

.block-checkbox:after,.block-checkbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    content: ""
}

.block-checkbox:after {
    width: 0;
    height: 0;
    border-radius: 2px;
    transition: .3s
}

.block-checkbox.is-checked:before {
    width: 20px;
    height: 20px;
    border: 1px solid #003150
}

.block-checkbox.is-checked:after {
    width: 10px;
    height: 10px;
    background-color: #003150
}

.block-checkbox.is-disabled {
    border-color: #d8d8d8;
    cursor: default
}

.block-radio {
    position: relative;
    display: inline-block;
    line-height: normal;
    width: 20px;
    height: 20px;
    appearance: none;
    cursor: pointer
}

.block-radio:before {
    width: 20px;
    height: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 50%
}

.block-radio:after,.block-radio:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: ""
}

.block-radio:after {
    width: 0;
    height: 0;
    background-color: #000;
    border-radius: 50%;
    transition: .3s
}

.block-radio.is-checked:before {
    width: 100%;
    height: 100%;
    border: 1px solid #003150
}

.block-radio.is-checked:after {
    width: 50%;
    height: 50%;
    background-color: #003150
}

.block-radio.is-disabled {
    border-color: #d8d8d8;
    cursor: default
}

.block-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 12.077294686vw;
    border-radius: 12.077294686vw;
    font-size: 3.1400966184vw;
    font-weight: 700;
    border: 1px solid #003150;
    color: #fff;
    background-color: #003150;
    transition: .3s
}

@media(min-width: 1024px) {
    .block-button {
        height:50px;
        border-radius: 50px;
        font-size: 14px
    }
}

.block-button.block-button--primary {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 12.077294686vw;
    border-radius: 12.077294686vw;
    font-size: 3.1400966184vw;
    font-weight: 700;
    border: 1px solid #003150;
    color: #fff;
    background-color: #003150;
    transition: .3s
}

@media(min-width: 1024px) {
    .block-button.block-button--primary {
        height:50px;
        border-radius: 50px;
        font-size: 14px
    }
}

.block-button.block-button--primary:hover {
    background: #fff;
    color: #003150;
    border: 1px solid #003150
}

.block-button.block-button--secondary {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 12.077294686vw;
    border-radius: 12.077294686vw;
    font-size: 3.1400966184vw;
    font-weight: 700;
    border: 1px solid #003150;
    color: #fff;
    background-color: #003150;
    transition: .3s
}

@media(min-width: 1024px) {
    .block-button.block-button--secondary {
        height:50px;
        border-radius: 50px;
        font-size: 14px
    }
}

.block-button.block-button--default {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 12.077294686vw;
    border-radius: 12.077294686vw;
    font-size: 3.1400966184vw;
    font-weight: 700;
    border: 1px solid #d2d2d2;
    color: #252525;
    background-color: transparent;
    transition: .3s
}

@media(min-width: 1024px) {
    .block-button.block-button--default {
        height:50px;
        border-radius: 50px;
        font-size: 14px
    }
}

.block-button.block-button--default:hover {
    color: #003150;
    border: 1px solid #003150
}

.block-button.block-button--tertiary {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: normal;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 12.077294686vw;
    border-radius: 12.077294686vw;
    font-size: 3.1400966184vw;
    font-weight: 700;
    border: 1px solid #fff;
    color: #003150;
    background-color: #fff;
    transition: .3s;
    transition: all .3s
}

@media(min-width: 1024px) {
    .block-button.block-button--tertiary {
        height:50px;
        border-radius: 50px;
        font-size: 14px
    }
}

.block-button.block-button--tertiary:hover {
    transition: all .3s;
    border: 1px solid #003150
}

.block-button.is-disabled {
    background-color: #d2d2d2;
    color: #fff;
    border: 0;
    cursor: default
}

.block-popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5)
}

.block-popup.block-popup__enter {
    animation: fade-in .3s ease
}

.block-popup.block-popup__leave {
    animation: fade-out .3s ease
}

.block-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.block-dialog .block-dialog__wrapper {
    position: relative;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
    background-color: #f2f2f2;
    overflow: auto
}

.block-dialog .block-dialog__close {
    position: absolute;
    top: 4.8309178744vw;
    right: 5.5555555556vw;
    width: 12.077294686vw;
    height: 12.077294686vw;
    cursor: pointer
}

@media(min-width: 1024px) {
    .block-dialog .block-dialog__close {
        top:32px;
        right: 31px;
        width: 50px;
        height: 50px
    }
}

.block-dialog .block-dialog__buttons {
    display: flex
}

.block-dialog .block-dialog__button {
    margin-left: 2.4154589372vw
}

@media(min-width: 1024px) {
    .block-dialog .block-dialog__button {
        margin-left:10px
    }
}

.block-dialog .block-dialog__button:first-child {
    margin-left: 0
}

.block-drawer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.block-drawer .block-drawer__wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    overflow: auto
}

.block-drawer .block-drawer__wrapper.drawer__rtl {
    animation: rtl-drawer-out .3s
}

.block-drawer .block-drawer__wrapper.drawer__open.drawer__rtl {
    animation: rtl-drawer-in .3s
}

.block-drawer .block-drawer__wrapper.drawer__ltr {
    animation: ltr-drawer-out .3s
}

.block-drawer .block-drawer__wrapper.drawer__open.drawer__ltr {
    animation: ltr-drawer-in .3s
}

.block-drawer .block-drawer__wrapper.drawer__ttb {
    animation: ttb-drawer-out .3s
}

.block-drawer .block-drawer__wrapper.drawer__open.drawer__ttb {
    animation: ttb-drawer-in .3s
}

.block-drawer .block-drawer__wrapper.drawer__btt {
    animation: btt-drawer-out .3s
}

.block-drawer .block-drawer__wrapper.drawer__open.drawer__btt {
    animation: btt-drawer-in .3s
}

.block-drawer .block-drawer__wrapper.drawer__ltr,.block-drawer .block-drawer__wrapper.drawer__rtl {
    height: 100%;
    top: 0;
    bottom: 0
}

.block-drawer .block-drawer__wrapper.drawer__btt,.block-drawer .block-drawer__wrapper.drawer__ttb {
    width: 100%;
    left: 0;
    right: 0
}

.block-drawer .block-drawer__wrapper.drawer__ltr {
    left: 0
}

.block-drawer .block-drawer__wrapper.drawer__rtl {
    right: 0
}

.block-drawer .block-drawer__wrapper.drawer__ttb {
    top: 0
}

.block-drawer .block-drawer__wrapper.drawer__btt {
    bottom: 0
}

.block-drawer .block-drawer__wrapper.drawer__fade {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    animation: fade-out .3s
}

.block-drawer .block-drawer__wrapper.drawer__open.drawer__fade {
    animation: fade-in .3s
}

.block-drawer .block-drawer__close {
    position: absolute;
    top: 5.7971014493vw;
    right: 5.7971014493vw;
    width: 3.6231884058vw;
    cursor: pointer
}

@media(min-width: 1024px) {
    .block-drawer .block-drawer__close {
        top:24px;
        right: 24px;
        width: 15px
    }
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

@media(min-width: 1024px) {
    .layout-mobile-only {
        display:none!important
    }
}

@media(max-width: 1023px) {
    .layout-desktop-only {
        display:none!important
    }
}

.v-svg-icon {
    overflow: hidden
}

.v-svg-icon,.v-svg-icon>* {
    width: 3.8647342995vw;
    height: 3.8647342995vw
}

@media(min-width: 1024px) {
    .v-svg-icon,.v-svg-icon>* {
        width:16px;
        height: 16px
    }
}

.position__absolute {
    position: absolute
}

.position__relative {
    position: relative
}

.position__fixed {
    position: fixed
}

.position__top {
    top: 0!important
}

.display__block {
    display: block
}

.display__hide {
    display: none!important
}

.display__flex {
    display: flex
}

.display__flex.flex__columns {
    flex-direction: column
}

.display__flex.flex__space-between {
    justify-content: space-between
}

.flex__1 {
    flex: 1
}

.flex__2 {
    flex: 2
}

.flex__3 {
    flex: 3
}

.flex__4 {
    flex: 4
}

.flex__5 {
    flex: 5
}

.flex__6 {
    flex: 6
}

.flex__7 {
    flex: 7
}

.flex__8 {
    flex: 8
}

.text__left {
    text-align: left
}

.text__center {
    text-align: center
}

.text__underline {
    text-decoration: underline
}

.text__bold {
    font-weight: 700
}

.text__weight-normal {
    font-weight: 400!important
}

.is-clickable {
    text-decoration: underline
}

.is-clickable,.is-cursor__pointer {
    cursor: pointer
}

.app-parent--hidden {
    overflow: hidden;
    position: fixed
}

.product__image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.text__ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.text__line-clamp-1 {
    -webkit-line-clamp: 1
}

.text__line-clamp-1,.text__line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.text__line-clamp-2 {
    -webkit-line-clamp: 2
}

.text__ellipsis_3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.my-pagination-progressbar-fill {
    background: #003150;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

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

.font-light {
    font-family: Light,Microsoft YaHei,PingFang SC,Helvetica,Arial,simsun,sans-serif
}

.font-regular {
    font-family: Regular,Microsoft YaHei,PingFang SC,Helvetica,Arial,simsun,sans-serif;
    font-weight: 400
}

.font-normal {
    font-family: Microsoft YaHei,PingFang SC,Helvetica,Arial,simsun,sans-serif;
    font-weight: 400
}

.block-filed.is-error>.component-input:after {
    background-color: #ed8380
}

.block-filed.is-disabled>.component-input:after {
    opacity: 0
}

.block-filed.is-disabled>.component-input:before {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    border-bottom: 1px dotted rgba(0,0,0,.42);
    content: ""
}

.block-error-text {
    font-size: 2.8985507246vw;
    line-height: 3.8647342995vw;
    color: #ed8380;
    font-weight: 300;
    margin: 0
}

@media(min-width: 1024px) {
    .block-error-text {
        font-size:12px;
        line-height: 16px
    }
}

.block-button .block-button-content {
    position: relative
}

.block-button:active .block-button-content:after {
    opacity: 1
}

@media(min-width: 1024px) {
    .block-button:active .block-button-content:after {
        opacity:0
    }
}

.block-button .block-button-loading {
    display: flex;
    align-items: center
}

.block-button .block-button-loading .block-button-loading__step1,.block-button .block-button-loading .block-button-loading__step2,.block-button .block-button-loading .block-button-loading__step3 {
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    background-color: #000;
    border-radius: 50%;
    animation-name: button-step-background;
    animation-timing-function: linear;
    animation-duration: 1.5s;
    animation-iteration-count: infinite
}

.block-button .block-button-loading .block-button-loading__step1,.block-button .block-button-loading .block-button-loading__step2 {
    margin-right: 8px
}

.block-button .block-button-loading .block-button-loading__step1 {
    animation-delay: 0
}

.block-button .block-button-loading .block-button-loading__step2 {
    animation-delay: .5s
}

.block-button .block-button-loading .block-button-loading__step3 {
    animation-delay: 1s
}

.block-button.block-button--secondary .block-button-content:after {
    background-color: #000
}

.block-button.block-button--secondary .block-button-loading .block-button-loading__step1,.block-button.block-button--secondary .block-button-loading .block-button-loading__step2,.block-button.block-button--secondary .block-button-loading .block-button-loading__step3 {
    border-color: #000;
    background-color: #fff;
    animation-name: button-secondary-step-background
}

.file-group {
    padding-top: 4.8309178744vw
}

@media(min-width: 1024px) {
    .file-group {
        padding-top:20px
    }
}

.file-group .file-group-lable {
    padding-left: 6.038647343vw;
    font-size: 2.8985507246vw;
    margin-bottom: 2.4154589372vw;
    display: block
}

@media(min-width: 1024px) {
    .file-group .file-group-lable {
        padding-left:25px;
        font-size: 12px;
        margin-bottom: 10px
    }
}

.file-group .file-group-wrapper {
    border: 1px solid #d2d2d2;
    height: 12.077294686vw;
    border-radius: 6.038647343vw;
    padding: 2.4154589372vw 6.038647343vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff
}

@media(min-width: 1024px) {
    .file-group .file-group-wrapper {
        height:50px;
        border-radius: 25px;
        padding: 10px 25px
    }
}

.file-group .file-group-wrapper input {
    height: 100%;
    border: none;
    color: #666
}

.file-group .file-group-wrapper input::-moz-placeholder,.file-group .file-group-wrapper input::-ms-input-placeholder,.file-group .file-group-wrapper input::-webkit-input-placeholder {
    font-size: 2.8985507246vw;
    color: #d2d2d2
}

@media(min-width: 1024px) {
    .file-group .file-group-wrapper input::-moz-placeholder,.file-group .file-group-wrapper input::-ms-input-placeholder,.file-group .file-group-wrapper input::-webkit-input-placeholder {
        font-size:14px
    }
}

.file-group .file-group-wrapper .file-input-100 {
    width: 100%
}

.file-group .file-group-wrapper .file-input-50 {
    width: 50%
}

.file-group .file-group-wrapper .file-input-60 {
    width: 60%
}

.file-group .file-group-wrapper .file-get-yzm {
    cursor: pointer;
    font-size: 2.8985507246vw;
    font-weight: 700;
    color: #252525;
    border-bottom: 1px solid #d2d2d2
}

@media(min-width: 1024px) {
    .file-group .file-group-wrapper .file-get-yzm {
        font-size:14px
    }
}

.block-wrapper-top {
    border-top: 1.9323671498vw solid #000
}

@media(min-width: 1024px) {
    .block-wrapper-top {
        border-top:8px solid #000
    }
}

.text-beyond-modal {
    position: relative;
    overflow: hidden
}

@media(min-width: 1024px) {
    .text-beyond-modal {
        white-space:nowrap
    }

    .text-beyond-modal br {
        content: " "
    }
}

.text-beyond-modal:after {
    width: 10.6280193237vw;
    line-height: inherit;
    font-size: inherit;
    content: "1";
    position: absolute;
    right: 0;
    bottom: 0;
    color: transparent;
    background: linear-gradient(90deg,hsla(0,0%,100%,.1),#fff)
}

@media(min-width: 1024px) {
    .text-beyond-modal:after {
        width:44px
    }
}

.moble-hidden {
    display: none
}

@media(min-width: 1024px) {
    .moble-hidden {
        display:block
    }
}

.desktop-hidden {
    display: block
}

@media(min-width: 1024px) {
    .desktop-hidden {
        display:none
    }
}

.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 8.4541062802vw;
    height: 8.4541062802vw
}

@media(min-width: 1024px) {
    .icon-box {
        width:35px;
        height: 35px
    }
}

.desktop-content-box-width {
    margin: auto
}

@media(min-width: 1921px) {
    .desktop-content-box-width {
        max-width:1920px
    }
}

@media(min-width: 1024px)and (max-width:1920px) {
    .desktop-content-box-width {
        padding:0 8%
    }
}

@media(min-width: 1024px)and (max-width:1210px) {
    .desktop-content-box-width {
        padding:0 20px
    }
}

#nprogress .bar {
    background: #002744;
    height: 2px
}

video {
    opacity: .99
}

.blog-index-hidden,.page-loading {
    overflow: hidden
}

.cursor_img {
    cursor: url(../img/Cursor.805c275.png) 0 0,zoom-in;
    cursor: -webkit-image-set(url(../img/Cursor.805c275.png) 1x) 0 0,pointer
}

.scroll-bar-style::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.scroll-bar-style::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.scroll-bar-style::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

img[lazy=error] {
    width: 30px!important;
    height: 30px!important;
    transition: none
}

img[lazy=loading] {
    width: 100px!important;
    height: 100px!important;
    transition: none;
    opacity: 0
}

.cgForm {
    display: none
}

@keyframes rtl-drawer-in-5a72a620 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-5a72a620 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-5a72a620 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-5a72a620 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-5a72a620 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-5a72a620 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-5a72a620 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-5a72a620 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-5a72a620 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-5a72a620 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-5a72a620 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-5a72a620 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.icon[data-v-5a72a620] {
    color: #003150
}

.icon-desktop[data-v-5a72a620] {
    font-size: 16px
}

.icon-mobile[data-v-5a72a620] {
    font-size: 4.1062801932vw
}

.icon-logo-desktop[data-v-5a72a620] {
    width: 155px;
    height: 40px
}

.icon-logo-mobile[data-v-5a72a620] {
    width: 28.9855072464vw;
    height: 7.2463768116vw
}

.moble-hidden[data-v-5a72a620] {
    height: 100%;
    display: none
}

@media(min-width: 1024px) {
    .moble-hidden[data-v-5a72a620] {
        display:block
    }
}

.desktop-hidden[data-v-5a72a620] {
    height: 100%;
    display: block
}

@media(min-width: 1024px) {
    .desktop-hidden[data-v-5a72a620] {
        display:none
    }
}

.vertical-line[data-v-5a72a620] {
    height: 20px;
    width: 1px;
    background: #d2d2d2;
    margin: 0 30px
}

.icon-item[data-v-5a72a620] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 8.4541062802vw;
    height: 8.4541062802vw;
    position: relative
}

@media(min-width: 1024px) {
    .icon-item[data-v-5a72a620] {
        width:35px;
        height: 35px
    }
}

.help a[data-v-5a72a620] {
    color: #003150;
    border-bottom: 1px solid #d2d2d2
}

.icon-item-active .icon-item-box[data-v-5a72a620] {
    border-radius: 50%;
    background: #3d9ce3
}

.icon-item-active .my-icon-my-account[data-v-5a72a620] {
    color: #fff
}

.component-header-default[data-v-5a72a620] {
    position: relative;
    height: 100%
}

.component-header-default .desktop-header[data-v-5a72a620] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.component-header-default .desktop-header .header-left[data-v-5a72a620] {
    display: flex;
    height: 100%;
    align-items: center
}

.component-header-default .desktop-header .header-left .component-header-default__logo[data-v-5a72a620] {
    cursor: pointer
}

.component-header-default .desktop-header .header-right[data-v-5a72a620] {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 14px;
    color: #666
}

.component-header-default .desktop-header .header-right .header-right-safeguard[data-v-5a72a620] {
    text-align: right
}

.component-header-default .desktop-header .header-right .header-right-safeguard .safeguard-lock[data-v-5a72a620] {
    height: 20px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 6px
}

.component-header-default .desktop-header .header-right .header-right-safeguard .safeguard-lock span[data-v-5a72a620] {
    display: block;
    line-height: 20px
}

.component-header-default .desktop-header .header-right .header-right-safeguard .safeguard-lock .lock[data-v-5a72a620] {
    width: 11px;
    margin-right: 10px
}

.component-header-default .desktop-header .header-right .vertical-line[data-v-5a72a620] {
    margin-right: 10px
}

.component-header-default .desktop-header .header-right .right-icons[data-v-5a72a620] {
    display: flex
}

.component-header-default .desktop-header .header-right .right-icons .icon-item-shopping-bag[data-v-5a72a620] {
    background: #3d9ce3;
    border-radius: 50%
}

.component-header-default .desktop-header .header-right .right-icons .icon-item-shopping-bag .my-icon-shopping-bag[data-v-5a72a620] {
    color: #fff
}

.component-header-default .moble-header[data-v-5a72a620] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4.1062801932vw
}

@media(min-width: 1024px) {
    .component-header-default .moble-header[data-v-5a72a620] {
        padding:0
    }
}

.component-header-default .moble-header .mobile-header-go-back[data-v-5a72a620] {
    font-size: 2.8985507246vw;
    color: #252525
}

.component-header-default .moble-header .component-header-default__logo[data-v-5a72a620] {
    display: block;
    margin: 0 auto;
    padding-left: 32px;
    cursor: pointer
}

.component-header-default .moble-header .icon-mobile-my-account[data-v-5a72a620] {
    color: #252525
}

.component-app-header .component-app-header__notice-seat {
    color: #fff
}

.component-app-header .component-app-header__wrapper {
    background-color: #f2f2f2
}

.component-footer-copy-right {
    border-top: 1px solid #d2d2d2;
    height: 100%;
    margin: auto;
    padding: 5.7971014493vw 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-footer-copy-right {
        padding:32px 0
    }
}

.component-footer-copy-right .footer-copy-right {
    display: block;
    justify-content: space-between
}

@media(min-width: 1024px) {
    .component-footer-copy-right .footer-copy-right {
        display:flex
    }
}

.component-footer-copy-right .footer-copy-right.center {
    align-items: center
}

.component-footer-copy-right .footer-copy-right .footer-copy-right-info div {
    margin-bottom: 10px;
    font-size: 2.8985507246vw
}

@media(min-width: 1024px) {
    .component-footer-copy-right .footer-copy-right .footer-copy-right-info div {
        font-size:12px
    }
}

.component-footer-copy-right .footer-copy-right .footer-items-links {
    display: flex;
    margin-top: 7.2463768116vw;
    justify-content: space-around
}

@media(min-width: 1024px) {
    .component-footer-copy-right .footer-copy-right .footer-items-links {
        margin-top:0;
        justify-content: none
    }
}

@media(max-width: 1023px) {
    .component-footer-copy-right .footer-copy-right .footer-items-links {
        justify-content:space-between
    }
}

.component-footer-copy-right .footer-copy-right .footer-items-links a {
    margin-left: 0;
    font-size: 3.1400966184vw;
    color: #252525
}

@media(min-width: 1024px) {
    .component-footer-copy-right .footer-copy-right .footer-items-links a {
        margin-left:40px;
        font-size: 12px;
        color: #666
    }
}

.component-footer-copy-right .footer-copy-right .footer-items-links a:hover,.hover:hover {
    color: #003150
}

.beian-zhizhao {
    display: block
}

@media(min-width: 1024px) {
    .beian-zhizhao {
        display:flex
    }
}

@media(min-width: 1024px) {
    .beian-zhizhao .zhizhao {
        margin-left:20px
    }
}

@keyframes rtl-drawer-in-42966db5 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-42966db5 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-42966db5 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-42966db5 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-42966db5 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-42966db5 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-42966db5 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-42966db5 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-42966db5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-42966db5 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-42966db5 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-42966db5 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-app-checkout-footer[data-v-42966db5] {
    color: #666
}

.component-app-layout {
    background: #f2f2f2
}

@keyframes rtl-drawer-in-472db2ae {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-472db2ae {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-472db2ae {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-472db2ae {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-472db2ae {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-472db2ae {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-472db2ae {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-472db2ae {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-472db2ae {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-472db2ae {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-472db2ae {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-472db2ae {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-go-back-box[data-v-472db2ae] {
    display: inline-block
}

.component-go-back[data-v-472db2ae] {
    display: flex;
    align-items: center;
    height: 6.038647343vw;
    cursor: pointer
}

@media(min-width: 1024px) {
    .component-go-back[data-v-472db2ae] {
        height:25px
    }
}

.component-go-back .arrow-left[data-v-472db2ae] {
    width: 3.8647342995vw;
    height: 3.8647342995vw;
    margin-right: 1.9323671498vw
}

@media(min-width: 1024px) {
    .component-go-back .arrow-left[data-v-472db2ae] {
        width:16px;
        height: 16px;
        margin-right: 8px
    }
}

.component-go-back span[data-v-472db2ae] {
    color: #252525
}

@keyframes rtl-drawer-in-55482a0a {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-55482a0a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-55482a0a {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-55482a0a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-55482a0a {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-55482a0a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-55482a0a {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-55482a0a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-55482a0a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-55482a0a {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-55482a0a {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-55482a0a {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.icon[data-v-55482a0a] {
    color: #003150
}

.icon-desktop[data-v-55482a0a] {
    font-size: 16px
}

.icon-mobile[data-v-55482a0a] {
    font-size: 4.1062801932vw
}

.icon-logo-desktop[data-v-55482a0a] {
    width: 155px;
    height: 40px
}

.icon-logo-mobile[data-v-55482a0a] {
    width: 28.9855072464vw;
    height: 7.2463768116vw
}

.moble-hidden[data-v-55482a0a] {
    height: 100%;
    display: none
}

@media(min-width: 1024px) {
    .moble-hidden[data-v-55482a0a] {
        display:block
    }
}

.desktop-hidden[data-v-55482a0a] {
    height: 100%;
    display: block
}

@media(min-width: 1024px) {
    .desktop-hidden[data-v-55482a0a] {
        display:none
    }
}

.vertical-line[data-v-55482a0a] {
    height: 20px;
    width: 1px;
    background: #d2d2d2;
    margin: 0 30px
}

.icon-item[data-v-55482a0a] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 8.4541062802vw;
    height: 8.4541062802vw;
    position: relative
}

@media(min-width: 1024px) {
    .icon-item[data-v-55482a0a] {
        width:35px;
        height: 35px
    }
}

.help a[data-v-55482a0a] {
    color: #003150;
    border-bottom: 1px solid #d2d2d2
}

.icon-item-active .icon-item-box[data-v-55482a0a] {
    border-radius: 50%;
    background: #3d9ce3
}

.icon-item-active .my-icon-my-account[data-v-55482a0a] {
    color: #fff
}

.component-header-default[data-v-55482a0a] {
    position: relative;
    height: 100%
}

.component-header-default .desktop-header[data-v-55482a0a] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.component-header-default .desktop-header .header-left[data-v-55482a0a] {
    display: flex;
    height: 100%;
    align-items: center
}

.component-header-default .desktop-header .header-right[data-v-55482a0a] {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 14px;
    color: #666
}

.component-header-default .desktop-header .header-right .header-right-safeguard[data-v-55482a0a] {
    text-align: right
}

.component-header-default .desktop-header .header-right .header-right-safeguard .safeguard-lock[data-v-55482a0a] {
    height: 20px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: 6px
}

.component-header-default .desktop-header .header-right .header-right-safeguard .safeguard-lock span[data-v-55482a0a] {
    display: block;
    line-height: 20px
}

.component-header-default .desktop-header .header-right .header-right-safeguard .safeguard-lock .lock[data-v-55482a0a] {
    width: 11px;
    margin-right: 10px
}

.component-header-default .desktop-header .header-right .vertical-line[data-v-55482a0a] {
    margin-right: 10px
}

.component-header-default .desktop-header .header-right .right-icons[data-v-55482a0a] {
    display: flex
}

.component-header-default .desktop-header .header-right .right-icons .icon-item-shopping-bag[data-v-55482a0a] {
    background: #3d9ce3;
    border-radius: 50%
}

.component-header-default .desktop-header .header-right .right-icons .icon-item-shopping-bag .my-icon-shopping-bag[data-v-55482a0a] {
    color: #fff
}

.component-header-default .moble-header[data-v-55482a0a] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4.1062801932vw
}

@media(min-width: 1024px) {
    .component-header-default .moble-header[data-v-55482a0a] {
        padding:0
    }
}

.component-header-default .moble-header .mobile-header-go-back[data-v-55482a0a] {
    font-size: 2.8985507246vw;
    color: #252525
}

.component-header-default .moble-header .icon-mobile-my-account[data-v-55482a0a] {
    color: #252525
}

@media(min-width: 1024px) {
    .component-app-header .component-app-header__notice-seat img {
        right:15px
    }
}

.component-app-header .component-app-header__wrapper {
    transition: all .2s linear
}

@keyframes rtl-drawer-in-66e92214 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-66e92214 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-66e92214 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-66e92214 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-66e92214 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-66e92214 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-66e92214 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-66e92214 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-66e92214 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-66e92214 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-66e92214 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-66e92214 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down[data-v-66e92214] {
    cursor: default;
    position: absolute;
    top: 50px;
    width: 290px;
    height: 360px;
    background: #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #252525;
    font-weight: 700;
    padding: 0 60px
}

.component-header-drop-down .drop-down-items[data-v-66e92214] {
    padding: 30px 0
}

.component-header-drop-down .drop-down-items li[data-v-66e92214] {
    cursor: pointer;
    line-height: 1.8;
    margin-bottom: 20px
}

.component-header-drop-down .drop-down-items li[data-v-66e92214]:last-child {
    margin-bottom: 0
}

.component-header-drop-down .drop-down-items li[data-v-66e92214]:hover {
    color: #3d9ce3
}

.component-header-drop-down .login-out[data-v-66e92214] {
    padding: 30px 0;
    border-top: 1px solid #d2d2d2
}

.component-header-drop-down .login-out span[data-v-66e92214] {
    font-size: 12px;
    line-height: 1.8;
    display: block;
    cursor: pointer
}

.component-header-drop-down .login-out span[data-v-66e92214]:hover {
    color: #3d9ce3
}

@keyframes rtl-drawer-in-738d4d4c {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-738d4d4c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-738d4d4c {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-738d4d4c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-738d4d4c {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-738d4d4c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-738d4d4c {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-738d4d4c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-738d4d4c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-738d4d4c {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-738d4d4c {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-738d4d4c {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down[data-v-738d4d4c] {
    cursor: default;
    position: absolute;
    top: 50px;
    right: -120px;
    width: 383px;
    background: #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #252525;
    font-weight: 700;
    padding: 0 30px
}

.component-header-drop-down h3[data-v-738d4d4c] {
    margin: 30px 0;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down .drop-down-items[data-v-738d4d4c] {
    overflow-y: auto;
    max-height: inherit
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items[data-v-738d4d4c] {
        max-height:220px
    }
}

.component-header-drop-down .drop-down-items[data-v-738d4d4c]::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.component-header-drop-down .drop-down-items[data-v-738d4d4c]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.component-header-drop-down .drop-down-items[data-v-738d4d4c]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

.component-header-drop-down .drop-down-items li[data-v-738d4d4c] {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.component-header-drop-down .drop-down-items li[data-v-738d4d4c]:first-child {
    margin-top: 0
}

.component-header-drop-down .drop-down-items li[data-v-738d4d4c]:hover {
    color: #003150
}

.component-header-drop-down .drop-down-items li .product-image[data-v-738d4d4c] {
    width: 25%
}

.component-header-drop-down .drop-down-items li .product-image img[data-v-738d4d4c] {
    background: #f4f4f4;
    border-radius: 15px;
    max-width: 80px
}

.component-header-drop-down .drop-down-items li .product-info[data-v-738d4d4c] {
    width: 69%
}

.component-header-drop-down .drop-down-items li .product-info h4[data-v-738d4d4c] {
    margin: 0 0 5px;
    line-height: 1.4
}

.component-header-drop-down .drop-down-items li .product-info h4 a[data-v-738d4d4c] {
    font-size: 16px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down .drop-down-items li .product-info p[data-v-738d4d4c] {
    font-size: 12px;
    margin-top: 3px;
    color: #666;
    line-height: 1.4
}

.component-header-drop-down .drop-down-items li .product-info .delete-compare[data-v-738d4d4c] {
    display: inline-block;
    font-size: 14px;
    color: #252525;
    border-bottom: 1px solid #d2d2d2;
    margin: 14px 0 5px;
    cursor: pointer
}

.component-header-drop-down .drop-down-items li .product-info .delete-compare[data-v-738d4d4c]:hover {
    color: #3d9ce3;
    border-bottom: 1px solid #3d9ce3
}

.component-header-drop-down .login-out[data-v-738d4d4c] {
    padding-top: 20px;
    border-top: 1px solid #d2d2d2;
    font-size: 14px;
    line-height: 1.8;
    display: block;
    font-weight: 400;
    margin-top: 30px
}

.component-header-drop-down .compare-link-btn[data-v-738d4d4c] {
    width: 100%;
    margin: 30px 0
}

.video-box-popup[data-v-738d4d4c] {
    background: #f4f4f4;
    border-radius: 20px;
    display: flex;
    align-items: center;
    min-height: 252px;
    padding: 30px 5px
}

@media(min-width: 1024px) {
    .video-box-popup[data-v-738d4d4c] {
        min-height:265px;
        padding: 30px
    }
}

@media(max-width: 1023px) {
    .video-box-popup[data-v-738d4d4c] {
        width:96%;
        margin: 0 auto
    }
}

.video-box-popup .video-box-popup-wrapper[data-v-738d4d4c] {
    width: 320px;
    margin: 0 20px
}

@media(min-width: 1024px) {
    .video-box-popup .video-box-popup-wrapper[data-v-738d4d4c] {
        margin:0 40px
    }
}

.video-box-popup h3[data-v-738d4d4c] {
    font-weight: 700;
    color: #003150;
    margin: 25px 0 20px;
    font-size: 16px
}

@media(min-width: 1024px) {
    .video-box-popup h3[data-v-738d4d4c] {
        font-size:20px
    }
}

.video-box-popup .installment-content p[data-v-738d4d4c] {
    font-weight: 700;
    text-align: center;
    color: #003150;
    margin: 40px 0 20px;
    font-size: 14px
}

@media(min-width: 1024px) {
    .video-box-popup .installment-content p[data-v-738d4d4c] {
        margin:40px 0 25px;
        font-size: 16px
    }
}

.video-box-popup .action-btns[data-v-738d4d4c] {
    text-align: center;
    display: flex;
    justify-content: center
}

.video-box-popup .action-btns .cancel-btn[data-v-738d4d4c] {
    width: 120px;
    background: #fff;
    color: #003150;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #003150;
    margin: 25px 10px 0;
    cursor: pointer;
    padding: 0 20px
}

@media(min-width: 1024px) {
    .video-box-popup .action-btns .cancel-btn[data-v-738d4d4c] {
        padding:0 30px
    }
}

.video-box-popup .action-btns .confirm-btn[data-v-738d4d4c] {
    width: 120px;
    margin: 25px 10px 0;
    height: 50px
}

@keyframes rtl-drawer-in-59686e0d {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-59686e0d {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-59686e0d {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-59686e0d {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-59686e0d {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-59686e0d {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-59686e0d {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-59686e0d {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-59686e0d {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-59686e0d {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-59686e0d {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-59686e0d {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.block-dialog__wrapper[data-v-59686e0d] {
    background: transparent;
    overflow: hidden
}

@media(max-width: 1023px) {
    .block-dialog__wrapper[data-v-59686e0d] {
        width:100%
    }
}

.close-visible[data-v-59686e0d] {
    width: 12.077294686vw;
    height: 12.077294686vw;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media(min-width: 1024px) {
    .close-visible[data-v-59686e0d] {
        width:50px;
        height: 50px
    }
}

.close-visible[data-v-59686e0d]:hover {
    border-color: #252525
}

.close-visible .class_icon[data-v-59686e0d] {
    width: 10px;
    height: 10px
}

@media(min-width: 1024px) {
    .block-dialog__wrapper_only[data-v-59686e0d] {
        width:100%;
        height: 100%
    }

    .block-dialog__wrapper_only .block-dialog__close_only[data-v-59686e0d] {
        top: calc(5vh + 32px)
    }
}

@keyframes rtl-drawer-in-53968a49 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-53968a49 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-53968a49 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-53968a49 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-53968a49 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-53968a49 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-53968a49 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-53968a49 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-53968a49 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-53968a49 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-53968a49 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-53968a49 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down.watch-menu-drop-down[data-v-53968a49] {
    cursor: default;
    position: absolute;
    top: 0;
    width: 100%;
    background: #f2f2f2;
    font-size: 14px;
    color: #252525;
    height: 0;
    padding: 0 8%;
    overflow-y: auto;
    z-index: -1;
    transition: all .5s
}

@media(min-width: 1024px) {
    .component-header-drop-down.watch-menu-drop-down.header-drop-down-template-mobile[data-v-53968a49] {
        display:none
    }
}

.component-header-drop-down.watch-menu-drop-down.open[data-v-53968a49] {
    padding: 120px 8% 30px;
    height: calc(100vh - 30px)
}

.component-header-drop-down.watch-menu-drop-down.open.hide-promotion[data-v-53968a49] {
    height: 100vh
}

.component-header-drop-down.watch-menu-drop-down[data-v-53968a49]::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.component-header-drop-down.watch-menu-drop-down[data-v-53968a49]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.component-header-drop-down.watch-menu-drop-down[data-v-53968a49]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

.component-header-drop-down.watch-menu-drop-down .drop-down-left[data-v-53968a49] {
    float: left;
    width: 22.7%;
    border-right: 1px solid #d2d2d2;
    height: auto
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right[data-v-53968a49] {
    float: right;
    width: 71.7%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .left-col[data-v-53968a49] {
    width: 39%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .left-col.category-image[data-v-53968a49] {
    width: 25%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col[data-v-53968a49] {
    width: 59%;
    transition: all .6s
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item[data-v-53968a49] {
    height: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item[data-v-53968a49]:first-child {
    margin-bottom: 0
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child img[data-v-53968a49],.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child video[data-v-53968a49] {
    height: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image[data-v-53968a49] {
    width: 68%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child img[data-v-53968a49],.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child video[data-v-53968a49] {
    height: auto
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a[data-v-53968a49] {
    position: relative;
    height: calc(100vh - 160px)
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (min-height: 860px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
        top:48%
    }
}

@media screen and (min-height: 870px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
        top:47%
    }
}

@media screen and (min-height: 880px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
        top:46%
    }
}

@media screen and (min-height: 890px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
        top:45%
    }
}

@media screen and (min-height: 900px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
        top:44%
    }
}

@media screen and (min-height: 910px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item:first-child a img[data-v-53968a49] {
        top:42%
    }
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item[data-v-53968a49]:first-child {
    margin-bottom: 43px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item a[data-v-53968a49] {
    display: block;
    border-radius: 20px;
    overflow: hidden
}

@media(min-width: 1024px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item a:hover img[data-v-53968a49] {
        transform:scale(1.15)
    }
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item img[data-v-53968a49],.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item video[data-v-53968a49] {
    display: block;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item span[data-v-53968a49] {
    display: block;
    font-size: 14px;
    color: #252525;
    margin-top: 16px
}

.component-header-drop-down.watch-menu-drop-down.hide-promotion .drop-down-right .right-col.category-image .category-item:first-child a[data-v-53968a49] {
    height: calc(100vh - 120px)
}

@media screen and (min-width: 1024px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-left[data-v-53968a49] {
        border-right:1px solid #d2d2d2;
        height: auto
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item a img[data-v-53968a49] {
        top: 42%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 93.7%
    }
}

@media screen and (min-width: 1180px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image .category-item a img[data-v-53968a49] {
        top:50%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 93.7%
    }
}

@media screen and (min-width: 1365px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-left[data-v-53968a49] {
        border-right:0
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right[data-v-53968a49] {
        width: 77%;
        padding-left: 6%;
        border-left: 1px solid #d2d2d2
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 94%
    }
}

@media screen and (min-width: 1440px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image[data-v-53968a49] {
        width:72%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 94.2%
    }
}

@media screen and (min-width: 1520px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image[data-v-53968a49] {
        width:72%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 94.5%
    }
}

@media screen and (min-width: 1610px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image[data-v-53968a49] {
        width:72%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 94.7%
    }
}

@media screen and (min-width: 1700px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image[data-v-53968a49] {
        width:73%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 95%
    }
}

@media screen and (min-width: 1820px) {
    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col.category-image[data-v-53968a49] {
        width:73%
    }

    .component-header-drop-down.watch-menu-drop-down .drop-down-right .right-col .category-item:first-child a[data-v-53968a49] {
        height: 95.4%
    }
}

.component-header-drop-down.watch-menu-drop-down h3[data-v-53968a49] {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li[data-v-53968a49] {
    margin-bottom: 40px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li[data-v-53968a49]:first-child {
    margin-bottom: 15px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li[data-v-53968a49]:last-child {
    margin-bottom: 5px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li .second-menu-new[data-v-53968a49]:hover {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li[data-v-53968a49] {
    font-size: 14px;
    margin-bottom: 15px;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li:hover a[data-v-53968a49],.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li[data-v-53968a49]:hover {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li a[data-v-53968a49] {
    font-size: 14px;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li.more[data-v-53968a49] {
    margin-top: 40px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li.more a[data-v-53968a49] {
    border-bottom: 1px solid #d2d2d2
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li.arrow span[data-v-53968a49] {
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjI4NSAyLjQ3NmEuNzg4Ljc4OCAwIDAwLS41NTItLjIzMi43NTYuNzU2IDAgMDAtLjU1Mi4yMzIuNzg5Ljc4OSAwIDAwLS4yMzMuNTUyYzAgLjIwOS4wOC40MDkuMjMzLjU1M2w0LjE0NiA0LjEzSC43ODRhLjc1Ni43NTYgMCAwMC0uNTUyLjIzMi43ODguNzg4IDAgMDAtLjIzMi41NTJjMCAuMjA4LjA4LjQwOC4yMzIuNTUyYS43ODguNzg4IDAgMDAuNTUyLjIzM0gxMy4zMmwtNC4xMyA0LjEzYS43ODkuNzg5IDAgMDAtLjIzMy41NTJjMCAuMjA4LjA4LjQwOC4yMzMuNTUyYS43ODkuNzg5IDAgMDAuNTUyLjIzMmMuMjA4IDAgLjQwOC0uMDguNTUyLS4yMzJsNS40ODMtNS40ODNhLjc5MS43OTEgMCAwMC4yMjQtLjU2Ljk3NS45NzUgMCAwMC0uMDU2LS4zMDQuNzkxLjc5MSAwIDAwLS4xNjgtLjI1NmwtNS40OS01LjQzNXoiIGZpbGw9IiMyNTI1MjUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li span.active[data-v-53968a49] {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li[data-v-53968a49]:hover {
    color: #003150
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4[data-v-53968a49] {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4 a[data-v-53968a49] {
    font-size: 16px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4 .second-menu-new[data-v-53968a49] {
    cursor: pointer
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4 span.active[data-v-53968a49] {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content[data-v-53968a49] {
    justify-content: space-between;
    display: none
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content.active[data-v-53968a49] {
    display: flex
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content[data-v-53968a49] {
    display: none;
    justify-content: space-between
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content.active[data-v-53968a49] {
    display: flex
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li[data-v-53968a49] {
    margin-bottom: 30px
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li h4[data-v-53968a49] {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li[data-v-53968a49] {
    font-size: 13px;
    margin-bottom: 10px;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li:hover a[data-v-53968a49],.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li[data-v-53968a49]:hover {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li a[data-v-53968a49] {
    font-size: 13px;
    color: #252525
}

@keyframes rtl-drawer-in-50945fca {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-50945fca {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-50945fca {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-50945fca {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-50945fca {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-50945fca {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-50945fca {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-50945fca {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-50945fca {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-50945fca {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-50945fca {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-50945fca {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down.watch-menu-drop-down[data-v-50945fca] {
    cursor: default;
    position: absolute;
    top: 0;
    width: 100%;
    background: #f2f2f2;
    font-size: 14px;
    color: #252525;
    height: 0;
    padding: 0;
    overflow: hidden;
    z-index: -1
}

.component-header-drop-down.watch-menu-drop-down.open[data-v-50945fca] {
    transition: all .5s;
    padding: 70px 0 30px;
    height: calc(100vh - 30px)
}

.component-header-drop-down.watch-menu-drop-down .clearfix[data-v-50945fca]:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.component-header-drop-down.watch-menu-drop-down .drop-down-top[data-v-50945fca] {
    height: 55%;
    padding: 30px 0 0 8%;
    margin-bottom: 20px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-left[data-v-50945fca] {
    float: left;
    width: 70%;
    display: flex;
    height: 100%;
    justify-content: space-between;
    overflow-y: auto
}

.component-header-drop-down.watch-menu-drop-down .drop-down-left[data-v-50945fca]::-webkit-scrollbar {
    display: none;
    width: 0!important
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right[data-v-50945fca] {
    float: right;
    width: 25%;
    text-align: right;
    height: 41vh;
    line-height: 41vh
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right img[data-v-50945fca] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50% 0 0 50%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items[data-v-50945fca] {
    width: 30%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items ul li[data-v-50945fca] {
    font-size: 14px;
    margin-bottom: 8px;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items ul li:hover a[data-v-50945fca],.component-header-drop-down.watch-menu-drop-down .drop-down-items ul li[data-v-50945fca]:hover {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items ul li a[data-v-50945fca] {
    font-size: 14px;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items h4[data-v-50945fca] {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 700;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items h4 a[data-v-50945fca] {
    font-size: 16px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items h4 span.active[data-v-50945fca] {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-bottom[data-v-50945fca] {
    height: 45%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-bottom ul[data-v-50945fca] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-bottom ul li[data-v-50945fca] {
    width: 33%;
    height: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-bottom ul li a[data-v-50945fca] {
    display: block;
    position: relative;
    height: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-bottom ul li a img[data-v-50945fca] {
    width: 100%;
    height: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-bottom ul li a span[data-v-50945fca] {
    position: absolute;
    color: #fff;
    bottom: 12%;
    left: 5%;
    z-index: 2;
    font-size: 14px
}

@keyframes rtl-drawer-in-1ca7f550 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-1ca7f550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-1ca7f550 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-1ca7f550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-1ca7f550 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-1ca7f550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-1ca7f550 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-1ca7f550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-1ca7f550 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-1ca7f550 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-1ca7f550 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-1ca7f550 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down.watch-menu-drop-down[data-v-1ca7f550] {
    cursor: default;
    position: absolute;
    top: 100%;
    width: 100%;
    background: #f2f2f2;
    font-size: 14px;
    color: #252525;
    height: 0;
    padding: 0 3.6231884058vw 0 4.8309178744vw;
    overflow: hidden
}

@media(min-width: 1024px) {
    .component-header-drop-down.watch-menu-drop-down.header-drop-down-template-mobile[data-v-1ca7f550] {
        display:none
    }
}

.component-header-drop-down.watch-menu-drop-down.open[data-v-1ca7f550] {
    transition: all .5s;
    padding: 0 3.6231884058vw 0 4.8309178744vw;
    height: calc(100vh - 63px)
}

.component-header-drop-down.watch-menu-drop-down.open.show-header-notice[data-v-1ca7f550] {
    height: calc(100vh - 60px)
}

.component-header-drop-down.watch-menu-drop-down.open .drop-down-right[data-v-1ca7f550] {
    display: block
}

.component-header-drop-down.watch-menu-drop-down[data-v-1ca7f550]::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.component-header-drop-down.watch-menu-drop-down[data-v-1ca7f550]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.component-header-drop-down.watch-menu-drop-down[data-v-1ca7f550]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

.component-header-drop-down.watch-menu-drop-down .drop-down-left[data-v-1ca7f550] {
    float: left;
    width: 30%;
    margin-top: 10px;
    position: relative;
    height: 72vh
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right[data-v-1ca7f550] {
    float: right;
    width: 67%;
    height: 88%;
    overflow-y: auto;
    display: none
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right[data-v-1ca7f550]::-webkit-scrollbar {
    width: 0!important;
    display: none!important
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .left-col[data-v-1ca7f550] {
    width: 100%;
    display: block
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item[data-v-1ca7f550] {
    width: 47%;
    margin-bottom: 20px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item img[data-v-1ca7f550] {
    border-radius: 20px;
    max-width: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-right .category-item span[data-v-1ca7f550] {
    display: block;
    font-size: 12px;
    color: #252525;
    margin-top: 12px;
    text-align: center
}

.component-header-drop-down.watch-menu-drop-down h3[data-v-1ca7f550] {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items[data-v-1ca7f550] {
    height: 100%;
    overflow-y: auto;
	text-align: center;
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items[data-v-1ca7f550]::-webkit-scrollbar {
    width: 0!important;
    display: none!important
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li[data-v-1ca7f550] {
    margin-bottom: 30px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li[data-v-1ca7f550] {
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 3px;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li:hover a[data-v-1ca7f550],.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li[data-v-1ca7f550]:hover {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li h4[data-v-1ca7f550] {
    margin-top: 30px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li a[data-v-1ca7f550] {
    font-size: 12px;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li[data-v-1ca7f550]:first-child {
    margin-bottom: 10px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li.more[data-v-1ca7f550] {
    margin-top: 30px
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li.more a[data-v-1ca7f550] {
    border-bottom: 1px solid #d2d2d2
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li.arrow span[data-v-1ca7f550] {
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjI4NSAyLjQ3NmEuNzg4Ljc4OCAwIDAwLS41NTItLjIzMi43NTYuNzU2IDAgMDAtLjU1Mi4yMzIuNzg5Ljc4OSAwIDAwLS4yMzMuNTUyYzAgLjIwOS4wOC40MDkuMjMzLjU1M2w0LjE0NiA0LjEzSC43ODRhLjc1Ni43NTYgMCAwMC0uNTUyLjIzMi43ODguNzg4IDAgMDAtLjIzMi41NTJjMCAuMjA4LjA4LjQwOC4yMzIuNTUyYS43ODguNzg4IDAgMDAuNTUyLjIzM0gxMy4zMmwtNC4xMyA0LjEzYS43ODkuNzg5IDAgMDAtLjIzMy41NTJjMCAuMjA4LjA4LjQwOC4yMzMuNTUyYS43ODkuNzg5IDAgMDAuNTUyLjIzMmMuMjA4IDAgLjQwOC0uMDguNTUyLS4yMzJsNS40ODMtNS40ODNhLjc5MS43OTEgMCAwMC4yMjQtLjU2Ljk3NS45NzUgMCAwMC0uMDU2LS4zMDQuNzkxLjc5MSAwIDAwLS4xNjgtLjI1NmwtNS40OS01LjQzNXoiIGZpbGw9IiMyNTI1MjUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 100%
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li ul li span.active[data-v-1ca7f550] {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li[data-v-1ca7f550]:hover {
    color: #003150
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4[data-v-1ca7f550] {
    margin: 0 0 15px;
    font-size: 14px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4 a[data-v-1ca7f550] {
    font-size: 14px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .drop-down-items li h4 span.active[data-v-1ca7f550] {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content[data-v-1ca7f550] {
    justify-content: space-between;
    display: none
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content.active[data-v-1ca7f550] {
    display: flex
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content .left-col .category-item[data-v-1ca7f550] {
    width: 100%
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content .category-image[data-v-1ca7f550] {
    display: block;
    border-radius: 20px
}

.component-header-drop-down.watch-menu-drop-down .watch-menu-right-content video[data-v-1ca7f550] {
    display: block;
    border-radius: 20px;
    max-width: 100%;
    object-fit: cover;
    transition: all 1s
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content[data-v-1ca7f550] {
    display: none;
    justify-content: space-between
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content.active[data-v-1ca7f550] {
    display: flex
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li[data-v-1ca7f550] {
    margin-bottom: 20px
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li h4[data-v-1ca7f550] {
    margin: 12px auto 20px;
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    text-align: center
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul[data-v-1ca7f550] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li[data-v-1ca7f550] {
    font-size: 12px;
    margin-bottom: 20px;
    color: #252525;
    cursor: pointer;
    width: 47%
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li:hover a[data-v-1ca7f550],.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li[data-v-1ca7f550]:hover {
    color: #3d9ce3
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li a[data-v-1ca7f550] {
    font-size: 12px;
    color: #252525
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li .category-image[data-v-1ca7f550] {
    display: block;
    max-height: 77px;
    border-radius: 20px;
    overflow: hidden
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li img[data-v-1ca7f550] {
    border-radius: 20px;
    max-width: 100%
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li span[data-v-1ca7f550] {
    display: block;
    font-size: 12px;
    color: #252525;
    text-align: center
}

.component-header-drop-down.watch-menu-drop-down .watch-classic-right-content ul li ul li span.cat-name[data-v-1ca7f550] {
    margin-top: 10px
}

.component-header-drop-down.watch-menu-drop-down .header-user-account-bottom[data-v-1ca7f550] {
    margin-top: 30px;
    font-size: 12px;
    color: #666;
    bottom: 1%;
    opacity: 0
}

.component-header-drop-down.watch-menu-drop-down .header-user-account-bottom.open[data-v-1ca7f550] {
    position: fixed;
    opacity: 1;
    transition: all 2s
}

.component-header-drop-down.watch-menu-drop-down .header-user-account-bottom svg.icon[data-v-1ca7f550] {
    margin-right: 5px;
    font-size: 18px
}

.component-header-drop-down.watch-menu-drop-down .header-user-account-bottom .vr-store[data-v-1ca7f550] {
    margin: 17px 0
}

@keyframes rtl-drawer-in-714e85fa {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-714e85fa {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-714e85fa {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-714e85fa {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-714e85fa {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-714e85fa {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-714e85fa {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-714e85fa {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-714e85fa {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-714e85fa {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-714e85fa {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-714e85fa {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down.universe-menu-drop-down[data-v-714e85fa] {
    cursor: default;
    position: absolute;
    width: 100%;
    background: #f2f2f2;
    font-size: 14px;
    color: #252525;
    height: 0;
    padding: 0 8%;
    overflow-y: auto;
    z-index: -1;
    display: none;
    transition: all .5s
}

.component-header-drop-down.universe-menu-drop-down.init[data-v-714e85fa] {
    top: 0;
    display: block
}

.component-header-drop-down.universe-menu-drop-down.open[data-v-714e85fa] {
    padding: 120px 8% 30px;
    height: calc(100vh - 30px)
}

.component-header-drop-down.universe-menu-drop-down.open.hide-promotion[data-v-714e85fa] {
    height: 100vh
}

.component-header-drop-down.universe-menu-drop-down[data-v-714e85fa]::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.component-header-drop-down.universe-menu-drop-down[data-v-714e85fa]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.component-header-drop-down.universe-menu-drop-down[data-v-714e85fa]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

.component-header-drop-down.universe-menu-drop-down .drop-down-left[data-v-714e85fa] {
    float: left;
    width: 22.7%;
    border-right: 1px solid #d2d2d2;
    height: 90vh
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right[data-v-714e85fa] {
    float: right;
    width: 71.7%
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .left-col[data-v-714e85fa] {
    width: 39%
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .right-col[data-v-714e85fa] {
    width: 59%
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .right-col .category-item[data-v-714e85fa]:first-child {
    margin-bottom: 0
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .right-col .category-item:first-child img[data-v-714e85fa],.component-header-drop-down.universe-menu-drop-down .drop-down-right .right-col .category-item:first-child video[data-v-714e85fa] {
    height: 100%
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
    margin-bottom: 25px
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item a[data-v-714e85fa] {
    display: block;
    border-radius: 20px;
    overflow: hidden
}

@media(min-width: 1024px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item a:hover img[data-v-714e85fa] {
        transform:scale(1.15)
    }
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item img[data-v-714e85fa],.component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item video[data-v-714e85fa] {
    display: block;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s
}

.component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item span[data-v-714e85fa] {
    display: block;
    font-size: 14px;
    color: #252525;
    margin-top: 16px
}

@media screen and (min-width: 1200px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:27px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 93.7%
    }
}

@media screen and (min-width: 1300px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:35px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 94%
    }
}

@media screen and (min-width: 1400px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:40px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 94.2%
    }
}

@media screen and (min-width: 1520px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:47px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 94.5%
    }
}

@media screen and (min-width: 1610px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:52px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 94.7%
    }
}

@media screen and (min-width: 1700px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:57px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 95%
    }
}

@media screen and (min-width: 1820px) {
    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item[data-v-714e85fa]:first-child {
        margin-bottom:62px
    }

    .component-header-drop-down.universe-menu-drop-down .drop-down-right .category-item:first-child a[data-v-714e85fa] {
        height: 95.4%
    }
}

.component-header-drop-down.universe-menu-drop-down h3[data-v-714e85fa] {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li[data-v-714e85fa] {
    margin-bottom: 40px;
    cursor: pointer
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li[data-v-714e85fa]:last-child {
    margin-bottom: 5px
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li[data-v-714e85fa] {
    font-size: 14px;
    margin-bottom: 15px;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li[data-v-714e85fa]:hover {
    color: #3d9ce3
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li:hover a[data-v-714e85fa] {
    color: #3d9ce3;
    border-bottom: 1px solid #3d9ce3
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li a[data-v-714e85fa] {
    font-size: 14px;
    color: #252525
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li.more[data-v-714e85fa] {
    margin-top: 40px
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li.more a[data-v-714e85fa] {
    border-bottom: 1px solid #d2d2d2
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li.arrow span[data-v-714e85fa] {
    padding-right: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjI4NSAyLjQ3NmEuNzg4Ljc4OCAwIDAwLS41NTItLjIzMi43NTYuNzU2IDAgMDAtLjU1Mi4yMzIuNzg5Ljc4OSAwIDAwLS4yMzMuNTUyYzAgLjIwOS4wOC40MDkuMjMzLjU1M2w0LjE0NiA0LjEzSC43ODRhLjc1Ni43NTYgMCAwMC0uNTUyLjIzMi43ODguNzg4IDAgMDAtLjIzMi41NTJjMCAuMjA4LjA4LjQwOC4yMzIuNTUyYS43ODguNzg4IDAgMDAuNTUyLjIzM0gxMy4zMmwtNC4xMyA0LjEzYS43ODkuNzg5IDAgMDAtLjIzMy41NTJjMCAuMjA4LjA4LjQwOC4yMzMuNTUyYS43ODkuNzg5IDAgMDAuNTUyLjIzMmMuMjA4IDAgLjQwOC0uMDguNTUyLS4yMzJsNS40ODMtNS40ODNhLjc5MS43OTEgMCAwMC4yMjQtLjU2Ljk3NS45NzUgMCAwMC0uMDU2LS4zMDQuNzkxLjc5MSAwIDAwLS4xNjgtLjI1NmwtNS40OS01LjQzNXoiIGZpbGw9IiMyNTI1MjUiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: 100%
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li ul li span.active[data-v-714e85fa] {
    color: #3d9ce3
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li[data-v-714e85fa]:hover {
    color: #003150
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li h4[data-v-714e85fa] {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li h4 a[data-v-714e85fa] {
    font-size: 16px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.universe-menu-drop-down .drop-down-items li h4 a[data-v-714e85fa]:hover,.component-header-drop-down.universe-menu-drop-down .drop-down-items li h4 span.active[data-v-714e85fa] {
    color: #3d9ce3
}

.component-header-drop-down.universe-menu-drop-down .watch-menu-right-content[data-v-714e85fa] {
    justify-content: space-between;
    display: none
}

.component-header-drop-down.universe-menu-drop-down .watch-menu-right-content.active[data-v-714e85fa] {
    display: flex
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content[data-v-714e85fa] {
    display: none;
    justify-content: space-between
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content.active[data-v-714e85fa] {
    display: flex
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content ul li[data-v-714e85fa] {
    margin-bottom: 30px
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content ul li h4[data-v-714e85fa] {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content ul li ul li[data-v-714e85fa] {
    font-size: 13px;
    margin-bottom: 10px;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content ul li ul li:hover a[data-v-714e85fa],.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content ul li ul li[data-v-714e85fa]:hover {
    color: #3d9ce3
}

.component-header-drop-down.universe-menu-drop-down .watch-classic-right-content ul li ul li a[data-v-714e85fa] {
    font-size: 13px;
    color: #252525
}

.component-form-group-area-phone {
    padding: 0
}

.component-form-group-area-phone .component-select {
    width: 19.3236714976vw
}

@media(min-width: 1024px) {
    .component-form-group-area-phone .component-select {
        width:80px
    }
}

.component-form-group-area-phone .component-select .v-svg-icon {
    width: 1.9323671498vw;
    height: 1.9323671498vw;
    right: 1.2077294686vw
}

@media(min-width: 1024px) {
    .component-form-group-area-phone .component-select .v-svg-icon {
        width:8px;
        height: 8px;
        right: 5px
    }
}

.component-form-group-area-phone .block-filed {
    padding: 0
}

.component-input {
    position: relative;
    width: 100%
}

.component-form-group-sms-verify-code {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0
}

.component-form-group-sms-verify-code .component-form-group-sms-verify-code__filed-input {
    flex: 1;
    width: 0;
    padding: 0
}

.component-form-group-sms-verify-code .component-form-group-sms-verify-code__button {
    align-self: flex-start;
    position: absolute;
    right: 25px;
    top: 5px;
    padding-top: 10px;
    width: auto;
    height: 9.6618357488vw
}

@media(min-width: 1024px) {
    .component-form-group-sms-verify-code .component-form-group-sms-verify-code__button {
        height:40px
    }
}

.component-form-group-sms-verify-code .component-form-group-sms-verify-code__button .component-button {
    height: auto;
    background: none;
    font-weight: 700;
    color: #252525;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0;
    padding: 0
}

@media(min-width: 600px)and (max-width:920px) {
    .component-form-group-sms-verify-code .component-form-group-sms-verify-code__button .component-button {
        font-size:14px
    }
}

.background-all-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
    z-index: 999
}

.close {
    width: 50px;
    height: 50px;
    position: absolute;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    top: 15px;
    right: 15px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    transition: all .3s
}

.close .class_icon {
    width: 10px;
    height: 10px
}

.close:hover {
    border-color: #252525
}

.component-popup-information {
    position: relative
}

.component-popup-information-box {
    display: flex;
    position: fixed;
    background: #f4f4f4;
    z-index: 1000;
    min-height: 500px;
    transition: all .5s;
    align-items: flex-start;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 100px 30px 30px
}

@media(min-width: 1024px) {
    .component-popup-information-box {
        align-items:center;
        top: 4%;
        right: 20px;
        width: 504px;
        height: 93%;
        border-radius: 20px;
        padding: 40px 70px
    }
}

.component-popup-information-box.lover {
    width: 100%;
    padding: 100px 30px
}

@media(min-width: 1024px) {
    .component-popup-information-box.lover {
        width:552px;
        padding: 40px 60px
    }
}

.component-popup-information-content {
    width: 100%;
    height: 100%
}

@media(min-width: 1024px) {
    .component-popup-information-content {
        height:auto
    }
}

.component-popup-information-content h3 {
    font-size: 26px;
    font-weight: 700;
    color: #252525
}

.component-popup-information-content h3 span {
    font-size: 14px;
    font-weight: 400
}

.component-popup-information-content .size-guide {
    color: #252525;
    border-bottom: 1px solid #d2d2d2;
    font-weight: 400
}

@media(max-width: 1023px) {
    .component-popup-information-content .component-stocknotice-box .component-select-size-button {
        position:fixed;
        left: 8%;
        bottom: 30px;
        width: 84%
    }
}

.component-popup-information-content .component-selectsize-box ul {
    display: flex;
    flex-wrap: wrap
}

.component-popup-information-content .component-selectsize-box ul li {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    line-height: 50px;
    margin: 5px 5px 0 0;
    color: #252525;
    cursor: pointer;
    font-weight: 400
}

.component-popup-information-content .component-selectsize-box ul li.default {
    width: 150px
}

.component-popup-information-content .component-selectsize-box ul li.active {
    background: #fff
}

@media(max-width: 1023px) {
    .component-popup-information-content .component-selectsize-box .component-select-size-button {
        position:fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0
    }
}

.component-popup-information-content .component-loverwatch-box ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.component-popup-information-content .component-loverwatch-box ul li {
    text-align: center;
    border: 1px solid transparent;
    border-radius: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 48.7%;
    background: #fff;
    margin: 5px 2px;
    height: 200px;
    min-height: 200px
}

@media(min-width: 1024px) {
    .component-popup-information-content .component-loverwatch-box ul li {
        width:28.7%;
        background: none;
        margin: 10px 18px 10px 0;
        height: 21.8vh;
        min-height: 150px
    }
}

.component-popup-information-content .component-loverwatch-box ul li.active,.component-popup-information-content .component-loverwatch-box ul li:hover {
    border: 1px solid #3d9ce3;
    background: #fff
}

.component-popup-information-content .component-loverwatch-box ul li img {
    max-height: 100%;
    max-width: 100%
}

@media(max-width: 1023px) {
    .component-popup-information-content .component-loverwatch-box {
        height:100%
    }

    .component-popup-information-content .component-loverwatch-box h3 {
        height: 14%;
        margin: 0
    }

    .component-popup-information-content .component-loverwatch-box .item-content {
        height: 86%;
        margin: 0
    }
}

.component-popup-information-content .component-select-size-button {
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    margin-top: 20px
}

.component-popup-information-content .component-select-size-button.is-disabled {
    border: 1px solid #d2d2d2;
    background: #d2d2d2;
    color: #fff
}

.component-popup-information-content .item-content {
    margin: 30px 0 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70vh
}

@media(min-width: 1024px) {
    .component-popup-information-content .item-content {
        max-height:60vh
    }
}

.component-popup-information-content .item-content::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.component-popup-information-content .item-content::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.component-popup-information-content .item-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

@media(max-width: 1023px) {
    .component-popup-information-content .item-content::-webkit-scrollbar {
        display:none!important
    }
}

.component-popup-information-content .item-content .field {
    position: relative;
    margin-top: 20px
}

.component-popup-information-content .item-content .label {
    font-size: 12px;
    margin: 0 0 5px 20px
}

.component-popup-information-content .item-content input.block-input {
    background: #fff;
    border: 0
}

.component-popup-information-content .item-content .code {
    font-size: 14px;
    color: #252525;
    position: absolute;
    right: 20px;
    bottom: 12px;
    border-bottom: 1px solid #d2d2d2
}

@keyframes rtl-drawer-in-3bd3f128 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-3bd3f128 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-3bd3f128 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-3bd3f128 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-3bd3f128 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-3bd3f128 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-3bd3f128 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-3bd3f128 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-3bd3f128 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-3bd3f128 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-3bd3f128 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-3bd3f128 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-header-drop-down[data-v-3bd3f128] {
    cursor: default;
    position: absolute;
    top: 50px;
    width: 383px;
    background: #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #252525;
    font-weight: 700;
    padding: 0 30px
}

.component-header-drop-down .components-loading[data-v-3bd3f128] {
    position: absolute
}

.component-header-drop-down .components-loading .components-loading__spinner[data-v-3bd3f128] {
    display: block
}

.component-header-drop-down h3[data-v-3bd3f128] {
    margin-top: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #252525
}

.component-header-drop-down .empty-cart[data-v-3bd3f128] {
    padding: 30px;
    min-height: 100px
}

.component-header-drop-down .empty-cart.empty[data-v-3bd3f128] {
    min-height: auto
}

.component-header-drop-down .drop-down-items[data-v-3bd3f128] {
    margin-top: 30px;
    padding-right: 10px;
    overflow-y: auto;
    min-height: 115px;
    max-height: inherit
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items[data-v-3bd3f128] {
        max-height:242px
    }
}

.component-header-drop-down .drop-down-items[data-v-3bd3f128]::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.component-header-drop-down .drop-down-items[data-v-3bd3f128]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    background: #003150
}

.component-header-drop-down .drop-down-items[data-v-3bd3f128]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    border-radius: 5px;
    background: #e0e0e0
}

.component-header-drop-down .drop-down-items .component-cart-list__item[data-v-3bd3f128] {
    margin-top: 30px
}

.component-header-drop-down .drop-down-items .component-cart-list__item[data-v-3bd3f128]:first-child {
    margin-top: 0
}

.component-header-drop-down .drop-down-items .component-cart-list__item.custom[data-v-3bd3f128] {
    background: #fff;
    border-radius: 15px
}

.component-header-drop-down .drop-down-items .component-cart-list__item.custom .product-wrapper[data-v-3bd3f128] {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap
}

.component-header-drop-down .drop-down-items .component-cart-list__item.custom h4[data-v-3bd3f128] {
    font-weight: 700;
    color: #252525;
    margin: 0
}

.component-header-drop-down .drop-down-items .component-cart-list__item.custom h4 a[data-v-3bd3f128] {
    color: #252525
}

.component-header-drop-down .drop-down-items .component-cart-list__item img[data-v-3bd3f128] {
    max-width: 100%;
    min-height: 45px
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper[data-v-3bd3f128] {
    background: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 15px;
    position: relative;
    flex-wrap: wrap
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.less-of-stock .product-image[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.out-of-stock .product-image[data-v-3bd3f128] {
    opacity: .6
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.less-of-stock .product-info h4[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.less-of-stock .product-info p[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.less-of-stock .qty-number[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.out-of-stock .product-info h4[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.out-of-stock .product-info p[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.out-of-stock .qty-number[data-v-3bd3f128] {
    opacity: .4
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.less-of-stock .qty span[data-v-3bd3f128],.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper.out-of-stock .qty span[data-v-3bd3f128] {
    cursor: default
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-wrapper .out-of-stock-text[data-v-3bd3f128] {
    font-size: 12px;
    margin-top: 5px;
    color: #bd0000
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper[data-v-3bd3f128] {
    background: #fff;
    padding: 1px 0;
    border-radius: 15px;
    margin-top: 10px
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info[data-v-3bd3f128] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    padding: 0
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info[data-v-3bd3f128] {
        padding:0 10px
    }
}

@media(max-width: 1023px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-image[data-v-3bd3f128] {
        border-radius:0;
        background: none;
        width: 36.5%
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info[data-v-3bd3f128] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 63.5%
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info[data-v-3bd3f128] {
        width:58.5%
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info h4[data-v-3bd3f128] {
    margin: 0;
    cursor: pointer;
    line-height: normal;
    font-size: 14px;
    width: 100%
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info h4 a[data-v-3bd3f128] {
    color: #252525
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info h4[data-v-3bd3f128] {
        width:auto
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info.product-info-custom[data-v-3bd3f128] {
    position: relative;
    min-height: 50px;
    padding: 0 20px;
    width: 100%;
    margin-top: 0
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info.product-info-custom[data-v-3bd3f128] {
        margin-top:-48px
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info.product-info-custom h4[data-v-3bd3f128] {
    display: inline-block;
    border-bottom: 1px solid #252525;
    width: auto;
    margin: 0 auto
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info.product-info-custom .close-cart-custom[data-v-3bd3f128] {
    position: absolute;
    top: 20%;
    width: 15px;
    height: 15px;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTEgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuNzA2IDUuMDAzTDkuODU2Ljg1N0EuNDk4LjQ5OCAwIDEwOS4xNTEuMTVsLTQuMTUgNC4xNDdMLjg1Ni4xNDZhLjUwNC41MDQgMCAwMC0uNzEgMCAuNTA0LjUwNCAwIDAwMCAuNzFsNC4xNSA0LjE0N0wuMTQ2IDkuMTVhLjQ5OC40OTggMCAwMC4zNTUuODVjLjEzIDAgLjI1NS0uMDUuMzU1LS4xNDVsNC4xNDUtNC4xNDcgNC4xNDUgNC4xNDdjLjEuMS4yMjUuMTQ1LjM1NS4xNDVhLjQ5OC40OTggMCAwMC4zNTUtLjg1bC00LjE1LTQuMTQ3eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) no-repeat 50%;
    cursor: pointer;
    right: 10px
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .product-info.product-info-custom .close-cart-custom[data-v-3bd3f128] {
        right:1px
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .cart-price[data-v-3bd3f128] {
    color: #666;
    line-height: normal;
    text-align: left;
    font-size: 12px;
    width: 100%;
    margin: 6px 0 5px
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .cart-price[data-v-3bd3f128] {
        font-size:14px;
        width: 20%;
        margin: 0
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-custom-wrapper .product-custom-info .add-custom-strap[data-v-3bd3f128] {
    color: #252525;
    border-bottom: 1px solid #d2d2d2;
    width: auto;
    margin-bottom: 0
}

.component-header-drop-down .drop-down-items .component-cart-list__item .watch-strap-size-pc[data-v-3bd3f128] {
    display: none
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .watch-strap-size-pc[data-v-3bd3f128] {
        display:block
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .watch-strap-size-mobile[data-v-3bd3f128] {
    width: 100%;
    margin: 20px 0 0;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 17px;
    justify-content: space-between;
    display: flex
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .watch-strap-size-mobile[data-v-3bd3f128] {
        display:none
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .watch-strap-size-mobile .size-label[data-v-3bd3f128] {
    width: 30%
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-image[data-v-3bd3f128] {
    background: #f4f4f4;
    border-radius: 15px;
    width: 30%;
    position: relative;
    max-height: 80px;
    text-align: center
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-image[data-v-3bd3f128] {
        width:25%
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-image img[data-v-3bd3f128] {
    max-height: 80px
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-image .qty[data-v-3bd3f128] {
    background: #3d9ce3;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -5px;
    bottom: -5px;
    text-align: center;
    line-height: 20px
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info[data-v-3bd3f128] {
    width: 65%
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-info[data-v-3bd3f128] {
        width:69%
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info h4[data-v-3bd3f128] {
    font-size: 14px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 10px
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info h4 a[data-v-3bd3f128] {
    color: #252525
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info p[data-v-3bd3f128] {
    font-size: 12px;
    color: #666;
    margin: 5px 0;
    font-weight: 400
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info .size-list[data-v-3bd3f128] {
    position: relative;
    display: inline-block
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info .size-list .size-label[data-v-3bd3f128] {
    margin-right: 27px;
    border-bottom: 1px solid #d2d2d2;
    background: none;
    color: #252525;
    cursor: pointer
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info .size-list .download_pdf[data-v-3bd3f128] {
    cursor: pointer;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 6px;
    top: 2px;
    background: url(/_nuxt/img/quesstion.5a67210.svg) no-repeat;
    background-size: contain
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-info .size-list .download_pdf[data-v-3bd3f128] {
        width:20px;
        height: 20px;
        right: 0;
        top: -2px
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info .case-dimension[data-v-3bd3f128] {
    display: block
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-info .case-dimension[data-v-3bd3f128] {
        display:inline-block
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .product-info .case-dimension span[data-v-3bd3f128] {
    display: none
}

@media(min-width: 1024px) {
    .component-header-drop-down .drop-down-items .component-cart-list__item .product-info .case-dimension span[data-v-3bd3f128] {
        display:inline-block
    }
}

.component-header-drop-down .drop-down-items .component-cart-list__item .cart-price[data-v-3bd3f128] {
    font-size: 12px;
    color: #666;
    margin: 5px 0 0
}

.component-header-drop-down .drop-down-items .component-cart-list__item .delete[data-v-3bd3f128] {
    font-size: 12px;
    display: inline-block;
    border-bottom: 1px solid #d2d2d2;
    cursor: pointer;
    padding-bottom: 1px;
    margin-top: 16px
}

.component-header-drop-down .drop-down-items .component-cart-list__item .delete[data-v-3bd3f128]:hover {
    color: #3d9ce3;
    border-bottom: 1px solid #3d9ce3
}

.component-header-drop-down .minicart-total[data-v-3bd3f128] {
    padding-top: 26px;
    border-top: 1px solid #d2d2d2;
    font-size: 14px;
    display: block;
    color: #252525;
    margin-top: 30px
}

@media(min-width: 1024px) {
    .component-header-drop-down .minicart-total[data-v-3bd3f128] {
        font-size:20px
    }
}

.component-header-drop-down .minicart-total .font-regular[data-v-3bd3f128] {
    font-weight: 700
}

.component-header-drop-down .compare-link-btn[data-v-3bd3f128] {
    width: 100%;
    margin: 20px 0 30px
}

@keyframes rtl-drawer-in-2bfa6376 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-2bfa6376 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-2bfa6376 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-2bfa6376 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-2bfa6376 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-2bfa6376 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-2bfa6376 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-2bfa6376 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-2bfa6376 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-2bfa6376 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-2bfa6376 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-2bfa6376 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.icon[data-v-2bfa6376] {
    color: #003150
}

.icon-desktop[data-v-2bfa6376] {
    font-size: 16px
}

.icon-mobile[data-v-2bfa6376] {
    font-size: 4.1062801932vw
}
.icon-mobile-foot[data-v-2bfa6376] {
    font-size: 8.1062801932vw
}

.icon-logo-desktop[data-v-2bfa6376] {
    width: 155px;
    height: 40px
}

.icon-logo-mobile[data-v-2bfa6376] {
    width: 28.9855072464vw;
    height: 7.2463768116vw
}

.moble-hidden[data-v-2bfa6376] {
    height: 100%;
    display: none
}

@media(min-width: 1024px) {
    .moble-hidden[data-v-2bfa6376] {
        display:block
    }
}

.desktop-hidden[data-v-2bfa6376] {
    height: 100%;
    display: block
}

@media(min-width: 1024px) {
    .desktop-hidden[data-v-2bfa6376] {
        display:none
    }
}

.icon-item[data-v-2bfa6376] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 8.4541062802vw;
    height: 8.4541062802vw;
    position: relative
}

@media(min-width: 1024px) {
    .icon-item[data-v-2bfa6376] {
        width:35px;
        height: 35px
    }
}

.icon-item a[data-v-2bfa6376] {
    line-height: 1
}

.icon-item.has-compare[data-v-2bfa6376],.icon-item.show-close[data-v-2bfa6376] {
    margin-right: 8px
}

.icon-item .icon-item-box[data-v-2bfa6376] {
    width: 8.4541062802vw;
    height: 8.4541062802vw;
    max-width: 50px;
    max-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1024px) {
    .icon-item .icon-item-box[data-v-2bfa6376] {
        width:35px;
        height: 35px;
        max-width: inherit;
        max-height: inherit
    }
}

.icon-item .icon-item-box.icon-item-compare[data-v-2bfa6376] {
    position: relative
}

.icon-item .icon-item-box.icon-item-compare img[data-v-2bfa6376] {
    max-width: 24px;
    margin-top: -5px
}

.icon-item .icon-item-box.icon-item-compare .compare-qty[data-v-2bfa6376] {
    font-size: 12px;
    color: #003150;
    position: absolute;
    bottom: 1px;
    right: 0
}

.icon-item .icon-item-box.icon-item-compare .dot-icon[data-v-2bfa6376] {
    right: 2px
}

.icon-item .icon-item-box.icon-item-compare.mobile-compare-icon-box .compare-qty[data-v-2bfa6376],.icon-item .icon-item-box.icon-item-compare.mobile-compare-icon-box .dot-icon[data-v-2bfa6376] {
    right: 0
}

.icon-item .icon-item-box .dot-icon[data-v-2bfa6376] {
    width: 5px;
    height: 5px;
    background: #3d9ce3;
    display: block;
    position: absolute;
    top: 6px;
    border-radius: 50%;
    right: 1px
}

@media(min-width: 1024px) {
    .icon-item .icon-item-box .dot-icon[data-v-2bfa6376] {
        right:3px
    }
}

.icon-item .icon-item-box.icon-item-minicart[data-v-2bfa6376] {
    position: relative
}

.icon-item .icon-item-box.icon-item-minicart.active[data-v-2bfa6376] {
    background-color: #3d9be1;
    border-radius: 50%
}

.icon-item .icon-item-box.icon-item-minicart.active .icon[data-v-2bfa6376] {
    color: #fff
}

.icon-item .icon-item-box .total-qty[data-v-2bfa6376] {
    font-size: 12px;
    color: #003150;
    position: absolute;
    bottom: 1px;
    right: 1px
}

@media(min-width: 1024px) {
    .icon-item .icon-item-box .total-qty[data-v-2bfa6376] {
        right:0
    }
}

.icon-item .close-svg-icon[data-v-2bfa6376] {
    width: 8.4541062802vw;
    height: 8.4541062802vw
}

@media(min-width: 1024px) {
    .icon-item .close-svg-icon[data-v-2bfa6376] {
        width:35px;
        height: 35px
    }
}

@media(min-width: 1024px) {
    .icon-item:hover .icon[data-v-2bfa6376] {
        color:#3d9ce3
    }
}

.icon-item:hover .icon-item-compare .compare-qty[data-v-2bfa6376],.icon-item:hover .icon-item-compare .icon[data-v-2bfa6376],.icon-item:hover .icon-item-compare .total-qty[data-v-2bfa6376],.icon-item:hover .icon-item-minicart .compare-qty[data-v-2bfa6376],.icon-item:hover .icon-item-minicart .icon[data-v-2bfa6376],.icon-item:hover .icon-item-minicart .total-qty[data-v-2bfa6376] {
    color: #3d9ce3
}

.right-icons .icon-item[data-v-2bfa6376] {
    height: 8.4541062802vw
}

@media(min-width: 1024px) {
    .right-icons .icon-item[data-v-2bfa6376] {
        height:50px
    }
}

.right-icons .icon-item-store[data-v-2bfa6376] {
    width: 35px
}

.icon-item-hover .header-drop-down-template[data-v-2bfa6376] {
    height: 0
}

.icon-item-hover .header-drop-down-template.header-compare-drop-down[data-v-2bfa6376],.icon-item-hover .header-drop-down-template.header-drop-down-minicart[data-v-2bfa6376] {
    opacity: 0;
    visibility: hidden;
    height: auto;
    -webkit-transition: opacity .3s ease-in-out,visibility .3s;
    -moz-transition: opacity .3s ease-in-out,visibility .3s;
    -ms-transition: opacity .3s ease-in-out,visibility .3s;
    transition: opacity .3s ease-in-out,visibility .3s
}

.icon-item-hover .header-drop-down-template.header-drop-down-minicart[data-v-2bfa6376] {
    right: -60px
}

.icon-item-hover .header-drop-down-template.open[data-v-2bfa6376] {
    height: auto;
    opacity: 1;
    visibility: visible
}

.icon-item-hover:hover .my-icon-my-account[data-v-2bfa6376] {
    color: #3d9ce3
}

.icon-item-hover:hover .header-drop-down-template[data-v-2bfa6376] {
    height: 352px;
    transition: all .3s linear
}

.icon-item-hover:hover .header-drop-down-template.header-compare-drop-down[data-v-2bfa6376],.icon-item-hover:hover .header-drop-down-template.header-drop-down-minicart[data-v-2bfa6376] {
    height: auto;
    opacity: 1;
    visibility: visible
}

.icon-item-account .header-drop-down-template[data-v-2bfa6376] {
    height: 0;
    overflow: hidden
}

.icon-item-active .icon-item-box[data-v-2bfa6376] {
    border-radius: 50%;
    background: #3d9ce3
}

.icon-item-active .my-icon-my-account[data-v-2bfa6376],.icon-item-active:hover .icon[data-v-2bfa6376] {
    color: #fff
}

.component-header-default[data-v-2bfa6376] {
    position: relative;
    height: 100%;
    width: 100vw
}

.component-header-default.icon-white .desktop-header .header-right ul li a[data-v-2bfa6376] {
    color: #fff
}

.component-header-default.icon-white.default-style .desktop-header .header-right ul li a[data-v-2bfa6376] {
    color: #003150
}

.component-header-default .desktop-header[data-v-2bfa6376] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.component-header-default .desktop-header .header-left[data-v-2bfa6376] {
    display: flex;
    height: 100%;
    align-items: center
}

.component-header-default .desktop-header .header-left .header-menu-link[data-v-2bfa6376] {
    font-size: 14px;
    color: #003150;
    margin-left: 40px;
    cursor: pointer;
    display: flex;
    align-items: center
}

@media(min-width: 769px)and (max-width:1200px) {
    .component-header-default .desktop-header .header-left .header-menu-link[data-v-2bfa6376] {
        margin-left:20px
    }
}

.component-header-default .desktop-header .header-left .header-menu-link a[data-v-2bfa6376] {
    color: #003150
}

.component-header-default .desktop-header .header-left .header-menu-link:hover .icon[data-v-2bfa6376],.component-header-default .desktop-header .header-left .header-menu-link:hover span[data-v-2bfa6376] {
    color: #3d9ce3;
    transition: all .3s
}

.component-header-default .desktop-header .header-left .header-menu-link:hover span[data-v-2bfa6376] {
    border-bottom: 1px solid #3d9ce3
}

.component-header-default .desktop-header .header-left .header-menu-link:hover span.color-serach-white[data-v-2bfa6376] {
    border-bottom: none
}

.component-header-default .desktop-header .header-left .header-menu-link.active:hover span[data-v-2bfa6376] {
    color: #fff
}

.component-header-default .desktop-header .header-left .header-menu-link_serach[data-v-2bfa6376] {
    background: transparent;
    border-radius: 17.5px;
    padding-right: 0;
    transition: all .3s
}

.component-header-default .desktop-header .header-left .header-menu-link_serach.active[data-v-2bfa6376] {
    background: #3d9ce3;
    border-radius: 17.5px;
    padding-right: 10px;
    transition: all .3s;
    color: #fff
}

.component-header-default .desktop-header .header-left .header-menu-link_serach.active .icon[data-v-2bfa6376] {
    color: #fff
}

.component-header-default .desktop-header .header-right[data-v-2bfa6376] {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #003150
}

.component-header-default .desktop-header .header-right ul[data-v-2bfa6376] {
    display: flex
}

.component-header-default .desktop-header .header-right ul li[data-v-2bfa6376] {
    margin-right: 40px;
    cursor: pointer;
    position: relative;
    height: 90px;
    display: flex;
    align-items: center
}

.component-header-default .desktop-header .header-right ul li a[data-v-2bfa6376] {
    color: #003150
}

.component-header-default .desktop-header .header-right ul li.hovered[data-v-2bfa6376],.component-header-default .desktop-header .header-right ul li.hovered a[data-v-2bfa6376],.component-header-default .desktop-header .header-right ul li:hover a[data-v-2bfa6376],.component-header-default .desktop-header .header-right ul li[data-v-2bfa6376]:hover {
    color: #3d9ce3;
    transition: all .3s
}

.component-header-default .desktop-header .header-right ul li.hovered span[data-v-2bfa6376],.component-header-default .desktop-header .header-right ul li:hover span[data-v-2bfa6376] {
    display: inline-block;
    border-bottom: 1px solid #3d9ce3
}

@media(min-width: 769px)and (max-width:1200px) {
    .component-header-default .desktop-header .header-right ul li[data-v-2bfa6376] {
        margin-right:30px
    }
}

.component-header-default .desktop-header .header-right .right-icons[data-v-2bfa6376] {
    display: flex
}

.component-header-default .moble-header[data-v-2bfa6376] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px
}

@media(min-width: 1024px) {
    .component-header-default .moble-header[data-v-2bfa6376] {
        padding:0
    }
}

.component-header-default .moble-header .moble-header-menu-icons[data-v-2bfa6376] {
    display: flex;
    width: 28%
}

.component-header-default .moble-header .moble-header-menu-icons.right[data-v-2bfa6376] {
    justify-content: flex-end
}

@media(max-width: 1023px) {
    .component-header-default .moble-header .moble-header-menu-icons .search-disable svg[data-v-2bfa6376] {
        color:#d2d2d2
    }
}

.icon-mobile-close[data-v-2bfa6376] {
    width: 100%;
    height: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-mobile-close .class_icon[data-v-2bfa6376] {
    font-size: 12px;
    width: 10px;
    height: 10px
}

.icon-mobile-close img[data-v-2bfa6376] {
    max-width: 100%
}

.icon-white .color-white[data-v-2bfa6376],.icon-white .color-white a[data-v-2bfa6376],.icon-white .icon[data-v-2bfa6376] {
    color: #fff
}

.icon-white .icon-item .icon-item-box .dot-icon[data-v-2bfa6376] {
    background: #fff
}

.icon-white .icon-item .icon-item-box.icon-item-compare .compare-qty[data-v-2bfa6376],.icon-white .icon-item .icon-item-box .total-qty[data-v-2bfa6376] {
    color: #fff
}

.default-style .color-white[data-v-2bfa6376],.default-style.icon-white .icon-item .icon-item-box.icon-item-compare .compare-qty[data-v-2bfa6376],.default-style .icon[data-v-2bfa6376] {
    color: #003150
}

.default-style.icon-white .icon-item .icon-item-box.icon-item-compare .dot-icon[data-v-2bfa6376] {
    background: #3d9ce3
}

.default-style.icon-white .icon-item .icon-item-box .total-qty[data-v-2bfa6376] {
    color: #003150
}

.default-style.icon-white .icon-item .icon-item-box.icon-item-minicart .dot-icon[data-v-2bfa6376] {
    background: #3d9ce3
}

.header-menu-link_serach.active .color-serach-white[data-v-2bfa6376] {
    color: #fff
}

.icon-item-store-active .icon-item-box[data-v-2bfa6376] {
    border-radius: 50%;
    background: #3d9ce3
}

.icon-item-store-active .icon-item-box .my-icon-store[data-v-2bfa6376] {
    color: #fff
}

@media(max-width: 1023px) {
    .icon-item-store-active.icon-item[data-v-2bfa6376] {
        border-radius:50%;
        background: #3d9ce3
    }

    .icon-item-store-active.icon-item .icon-mobile[data-v-2bfa6376] {
        color: #fff
    }
}

@keyframes rtl-drawer-in-d03fa768 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-d03fa768 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-d03fa768 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-d03fa768 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-d03fa768 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-d03fa768 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-d03fa768 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-d03fa768 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-d03fa768 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-d03fa768 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-d03fa768 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-d03fa768 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.serach-box[data-v-d03fa768] {
    position: relative;
    width: 100%;
    height: 12.077294686vw
}

@media(min-width: 1024px) {
    .serach-box[data-v-d03fa768] {
        height:50px
    }
}

.serach-box .serach-wrapper[data-v-d03fa768] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    min-height: 12.077294686vw;
    max-height: 67.6328502415vw;
    border-radius: 6.038647343vw;
    background: #fff;
    box-shadow: 0 0 15px 5px rgba(0,0,0,.05)
}

@media(min-width: 1024px) {
    .serach-box .serach-wrapper[data-v-d03fa768] {
        min-height:50px;
        max-height: 280px;
        border-radius: 25px
    }
}

.serach-box .serach[data-v-d03fa768] {
    width: 100%;
    height: 12.077294686vw;
    border-radius: 6.038647343vw 6.038647343vw 0 0;
    padding: 0 4.8309178744vw;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(min-width: 1024px) {
    .serach-box .serach[data-v-d03fa768] {
        width:100%;
        height: 50px;
        border-radius: 25px 25px 0 0;
        padding: 0 20px
    }
}

.serach-box .serach .clear-icon[data-v-d03fa768],.serach-box .serach .serach-icon[data-v-d03fa768] {
    cursor: pointer;
    padding-left: 2.4154589372vw;
    display: flex;
    align-items: center
}

@media(min-width: 1024px) {
    .serach-box .serach .clear-icon[data-v-d03fa768],.serach-box .serach .serach-icon[data-v-d03fa768] {
        padding-left:10px
    }
}

.serach-box .serach .clear-icon .icon[data-v-d03fa768],.serach-box .serach .serach-icon .icon[data-v-d03fa768] {
    font-size: 4.8309178744vw;
    color: #252525
}

@media(min-width: 1024px) {
    .serach-box .serach .clear-icon .icon[data-v-d03fa768],.serach-box .serach .serach-icon .icon[data-v-d03fa768] {
        font-size:20px
    }
}

.serach-box .serach .clear-icon .clear-serach[data-v-d03fa768] {
    width: 4.8309178744vw;
    height: 4.8309178744vw
}

@media(min-width: 1024px) {
    .serach-box .serach .clear-icon .clear-serach[data-v-d03fa768] {
        width:20px;
        height: 20px
    }
}

.serach-box .serach input[data-v-d03fa768] {
    border: none;
    flex: 1;
    color: #252525
}

.serach-box .serach-result-list[data-v-d03fa768] {
    width: 77.2946859903vw;
    max-height: 55.5555555556vw;
    padding: 0 4.8309178744vw;
    overflow: auto
}

@media(min-width: 1024px) {
    .serach-box .serach-result-list[data-v-d03fa768] {
        width:100%;
        max-height: 230px;
        padding: 0 20px
    }
}

.serach-box .serach-result-list .result-list-item[data-v-d03fa768] {
    font-size: 2.8985507246vw;
    margin: 3.6231884058vw auto 5.0724637681vw
}

@media(min-width: 1024px) {
    .serach-box .serach-result-list .result-list-item[data-v-d03fa768] {
        font-size:12px;
        margin: 15px auto 21px
    }
}

.serach-box .serach-result-list .result-list-item .label[data-v-d03fa768] {
    display: block;
    color: #d2d2d2;
    padding: 1.2077294686vw 0
}

@media(min-width: 1024px) {
    .serach-box .serach-result-list .result-list-item .label[data-v-d03fa768] {
        padding:5px 0
    }
}

.serach-box .serach-result-list .result-list-item .result-items[data-v-d03fa768] {
    color: #252525;
    font-size: 3.3816425121vw
}

@media(min-width: 1024px) {
    .serach-box .serach-result-list .result-list-item .result-items[data-v-d03fa768] {
        font-size:14px
    }
}

.serach-box .serach-result-list .result-list-item .result-items p[data-v-d03fa768] {
    cursor: pointer;
    padding: 1.2077294686vw 0
}

@media(min-width: 1024px) {
    .serach-box .serach-result-list .result-list-item .result-items p[data-v-d03fa768] {
        padding:5px 0
    }
}

.serach-box .serach-result-list .result-list-item .result-items p[data-v-d03fa768]:hover {
    color: #3d9ce3
}

@keyframes rtl-drawer-in-daa13370 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-daa13370 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-daa13370 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-daa13370 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-daa13370 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-daa13370 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-daa13370 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-daa13370 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-daa13370 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-daa13370 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-daa13370 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-daa13370 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-serach-hot .component-serach-hot-wrapper[data-v-daa13370] {
    display: block;
    font-weight: 700
}

@media(min-width: 1024px) {
    .component-serach-hot .component-serach-hot-wrapper[data-v-daa13370] {
        flex-wrap:wrap;
        display: flex
    }
}

.component-serach-hot .component-serach-hot-wrapper .hot-label[data-v-daa13370] {
    flex: 1;
    display: flex;
    align-items: center;
    color: #252525
}

.component-serach-hot .component-serach-hot-wrapper .hot-label .line-row-box[data-v-daa13370] {
    flex: 1;
    height: 1px;
    padding: 0 0 0 10%
}

.component-serach-hot .component-serach-hot-wrapper .hot-label .line-row-box .line-row[data-v-daa13370] {
    width: 100%;
    display: block;
    height: 1px;
    background: #d2d2d2
}

.component-serach-hot .component-serach-hot-wrapper .hot-items[data-v-daa13370] {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width: 1023px) {
    .component-serach-hot .component-serach-hot-wrapper .hot-items[data-v-daa13370] {
        margin-top:2.4154589372vw
    }
}

.component-serach-hot .component-serach-hot-wrapper .hot-items .hot-item[data-v-daa13370] {
    cursor: pointer;
    border: 1px solid #d2d2d2;
    height: 7.2463768116vw;
    display: flex;
    align-items: center;
    border-radius: 20px;
    font-weight: 700;
    color: #252525;
    margin-left: 10px;
    padding: 0 15px;
    margin-top: 10px;
    transition: all .3s
}

@media(min-width: 1024px) {
    .component-serach-hot .component-serach-hot-wrapper .hot-items .hot-item[data-v-daa13370] {
        height:37px;
        margin-top: 0
    }
}

.component-serach-hot .component-serach-hot-wrapper .hot-items .hot-item[data-v-daa13370]:first-child {
    margin-left: 0
}

.component-serach-hot .component-serach-hot-wrapper .hot-items .hot-item[data-v-daa13370]:hover {
    transition: all .3s;
    border: 1px solid #003150;
    color: #003150
}

@keyframes rtl-drawer-in-bd1729e2 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-bd1729e2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-bd1729e2 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-bd1729e2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-bd1729e2 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-bd1729e2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-bd1729e2 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-bd1729e2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-bd1729e2 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-bd1729e2 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-bd1729e2 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-bd1729e2 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-product-card[data-v-bd1729e2] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px
}

.component-product-card:hover .product-card-swiper-bottom[data-v-bd1729e2] {
    transform: translateY(0);
    opacity: 1;
    transition: all .3s
}

@media(min-width: 1024px) {
    .component-product-card:hover .card-top-right[data-v-bd1729e2] {
        opacity:1;
        transition: all .3s
    }
}

@media(min-width: 1024px) {
    .component-product-card:hover .img-card[data-v-bd1729e2] {
        transform:scale(1.05);
        transition: all .3s
    }
}

.component-product-card:hover .block-button.block-button--default[data-v-bd1729e2] {
    color: #003150
}

.component-product-card .img-card-box[data-v-bd1729e2] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 37.6811594203vw;
    width: 37.6811594203vw;
    overflow: hidden
}

@media(min-width: 1024px) {
    .component-product-card .img-card-box[data-v-bd1729e2] {
        height:300px;
        width: 90%
    }
}

.component-product-card .img-card-box .img-card[data-v-bd1729e2] {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.component-product-card .product-tag[data-v-bd1729e2] {
    color: #3d9ce3;
    font-weight: 700;
    display: block;
    height: 5.3140096618vw;
    line-height: 5.3140096618vw;
    font-size: 2.8985507246vw
}

@media(min-width: 1024px) {
    .component-product-card .product-tag[data-v-bd1729e2] {
        height:22px;
        line-height: 22px;
        font-size: 12px
    }
}

.component-product-card .product-categroy-name[data-v-bd1729e2] {
    font-weight: 700;
    color: #252525;
    margin-top: 4.8309178744vw;
    font-size: 3.3816425121vw;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-align: center
}

@media(min-width: 1024px) {
    .component-product-card .product-categroy-name[data-v-bd1729e2] {
        margin-top:6px;
        font-size: 18px
    }
}

.component-product-card .product-card-sku-info[data-v-bd1729e2] {
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 36px;
    margin-top: 2.4154589372vw;
    font-size: 3.1400966184vw
}

@media(min-width: 1024px) {
    .component-product-card .product-card-sku-info[data-v-bd1729e2] {
        height:40px;
        margin-top: 10px;
        font-size: 14px
    }
}

.component-product-card .product-card-sku-info .number[data-v-bd1729e2] {
    font-weight: 700
}

.component-product-card .product-card-sku-info .text-describe[data-v-bd1729e2] {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    margin-top: 2px
}

@media(min-width: 1024px) {
    .component-product-card .product-card-sku-info .text-describe[data-v-bd1729e2] {
        margin-top:4px
    }
}

.component-product-card .price[data-v-bd1729e2] {
    font-weight: 700;
    margin: 3.6231884058vw 0;
    font-size: 3.1400966184vw
}

@media(min-width: 1024px) {
    .component-product-card .price[data-v-bd1729e2] {
        margin:10px 0 20px;
        font-size: 16px
    }
}

.component-product-card .btn[data-v-bd1729e2] {
    width: 21.2560386473vw;
    height: 7.2463768116vw;
    font-size: 2.8985507246vw
}

@media(min-width: 1024px) {
    .component-product-card .btn[data-v-bd1729e2] {
        width:88px;
        height: 30px;
        font-size: 12px
    }
}

.component-product-card .product-card-swiper-bottom[data-v-bd1729e2] {
    position: relative;
    height: 38px;
    margin-top: 4.8309178744vw;
    transform: translateY(10px);
    opacity: 0;
    transition: all .3s
}

@media(min-width: 1024px) {
    .component-product-card .product-card-swiper-bottom[data-v-bd1729e2] {
        margin-top:20px
    }
}

@media screen and (min-width: 1024px)and (max-width:1440px) {
    .component-product-card .product-card-swiper-bottom[data-v-bd1729e2] {
        margin-top:10px
    }
}

.component-product-card .product-card-swiper-bottom .arrow-change-swiper[data-v-bd1729e2] {
    background: transparent;
    display: flex;
    align-items: center;
    width: 24px;
    position: absolute;
    top: 50%;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer
}

.component-product-card .product-card-swiper-bottom .arrow-change-swiper .icon[data-v-bd1729e2] {
    font-size: 15px
}

.component-product-card .product-card-swiper-bottom .arrow-change-swiper.swiper-button-disabled[data-v-bd1729e2] {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.component-product-card .product-card-swiper-bottom .arrow-change-swiper-next[data-v-bd1729e2] {
    right: -24px
}

.component-product-card .product-card-swiper-bottom .arrow-change-swiper-prev[data-v-bd1729e2] {
    left: -16px
}

.component-product-card .product-card-swiper-bottom .relatedDials-list_box[data-v-bd1729e2] {
    display: flex;
    justify-content: center
}

.component-product-card .product-card-swiper-bottom .product-card-swipers[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box[data-v-bd1729e2] {
    width: 152px
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .relatedDials-item[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .product-card-swipers .swiper-slide[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .relatedDials-item[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .swiper-slide[data-v-bd1729e2] {
    width: 38px
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .swiper-slide[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .swiper-slide[data-v-bd1729e2] {
    margin: 0 auto
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .item-card-img-box[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .item-card-img-box[data-v-bd1729e2] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .item-card-img-box.is-active[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .item-card-img-box.is-active[data-v-bd1729e2] {
    border: 1px solid #252525
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .item-card-img-box .zuhe-color[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .item-card-img-box .zuhe-color[data-v-bd1729e2] {
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(-45deg)
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .item-card-img-box .zuhe-color span[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .item-card-img-box .zuhe-color span[data-v-bd1729e2] {
    width: 24px;
    height: 12px;
    display: block
}

.component-product-card .product-card-swiper-bottom .product-card-swipers .item-card-img-box img[data-v-bd1729e2],.component-product-card .product-card-swiper-bottom .relatedDials-list_box .item-card-img-box img[data-v-bd1729e2] {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.component-product-card .card-top-left[data-v-bd1729e2] {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.component-product-card .card-top-left .interchangeable[data-v-bd1729e2] {
    width: 8.6956521739vw;
    height: 8.6956521739vw;
    margin-bottom: 2.4154589372vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .interchangeable[data-v-bd1729e2] {
        width:50px;
        height: 50px;
        margin-bottom: 10px
    }
}

.component-product-card .card-top-left .interchangeable .interchangeable-icon[data-v-bd1729e2] {
    width: 100%;
    height: 100%
}

.component-product-card .card-top-left .yushou-tag[data-v-bd1729e2] {
    width: 8.6956521739vw;
    border-radius: 4.347826087vw;
    padding: .7246376812vw 0;
    margin-bottom: 2.4154589372vw;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .yushou-tag[data-v-bd1729e2] {
        width:66px;
        border-radius: 33px;
        padding: 3px 0;
        margin-bottom: 10px
    }
}

.component-product-card .card-top-left .yushou-tag img[data-v-bd1729e2] {
    width: 8.6956521739vw;
    border-radius: 4.347826087vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .yushou-tag img[data-v-bd1729e2] {
        width:66px;
        border-radius: 33px
    }
}

.component-product-card .card-top-left .yushou-tag .yushou-tag-contents[data-v-bd1729e2] {
    width: 7.2463768116vw;
    border-radius: 3.6231884058vw;
    padding: 1.4492753623vw .4830917874vw;
    background: #003150;
    color: #fff;
    text-align: center
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .yushou-tag .yushou-tag-contents[data-v-bd1729e2] {
        width:60px;
        border-radius: 30px;
        padding: 10px 12px
    }
}

.component-product-card .card-top-left .yushou-tag .yushou-tag-contents p[data-v-bd1729e2] {
    font-weight: 700;
    font-size: 1.690821256vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .yushou-tag .yushou-tag-contents p[data-v-bd1729e2] {
        font-size:13px
    }
}

@media(max-width: 1023px) {
    .component-product-card .card-top-left .yushou-tag .yushou-tag-contents p[data-v-bd1729e2] {
        transform:scale(.7)
    }
}

.component-product-card .card-top-left .yushou-tag .yushou-tag-contents b[data-v-bd1729e2] {
    display: block;
    height: 1px;
    background: #fff;
    margin: .7246376812vw 0
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .yushou-tag .yushou-tag-contents b[data-v-bd1729e2] {
        margin:5px 0
    }
}

.component-product-card .card-top-left .yushou-tag .yushou-tag-contents span[data-v-bd1729e2] {
    font-size: 1.690821256vw;
    display: inline-block
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .yushou-tag .yushou-tag-contents span[data-v-bd1729e2] {
        font-size:10px
    }
}

@media(max-width: 1023px) {
    .component-product-card .card-top-left .yushou-tag .yushou-tag-contents span[data-v-bd1729e2] {
        transform:scale(.7)
    }
}

.component-product-card .card-top-left .mianxi-tag[data-v-bd1729e2] {
    width: 8.6956521739vw;
    height: 8.6956521739vw;
    border-radius: 4.347826087vw;
    border: 1px solid #003150;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .mianxi-tag[data-v-bd1729e2] {
        width:66px;
        height: 66px;
        border-radius: 33px
    }
}

.component-product-card .card-top-left .mianxi-tag img[data-v-bd1729e2] {
    width: 8.6956521739vw;
    height: 8.6956521739vw;
    border-radius: 4.347826087vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .mianxi-tag img[data-v-bd1729e2] {
        width:66px;
        height: 66px;
        border-radius: 33px
    }
}

.component-product-card .card-top-left .mianxi-tag .mianxi-tag-contents[data-v-bd1729e2] {
    width: 7.2463768116vw;
    height: 7.2463768116vw;
    border-radius: 3.6231884058vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003150;
    color: #fff
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .mianxi-tag .mianxi-tag-contents[data-v-bd1729e2] {
        width:60px;
        height: 60px;
        border-radius: 30px
    }
}

.component-product-card .card-top-left .mianxi-tag .mianxi-tag-contents p[data-v-bd1729e2] {
    text-align: center;
    font-weight: 700;
    font-size: 2.8985507246vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-left .mianxi-tag .mianxi-tag-contents p[data-v-bd1729e2] {
        font-size:13px
    }
}

@media(max-width: 1023px) {
    .component-product-card .card-top-left .mianxi-tag .mianxi-tag-contents p[data-v-bd1729e2] {
        transform:scale(.75);
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75)
    }
}

.component-product-card .card-top-right[data-v-bd1729e2] {
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right[data-v-bd1729e2] {
        opacity:0
    }
}

.component-product-card .card-top-right .card[data-v-bd1729e2],.component-product-card .card-top-right .contrast[data-v-bd1729e2],.component-product-card .card-top-right .wish[data-v-bd1729e2] {
    width: 6.7632850242vw;
    height: 6.7632850242vw;
    border: 1px solid #d2d2d2;
    border-radius: 3.3816425121vw;
    margin-bottom: 1.4492753623vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .card[data-v-bd1729e2],.component-product-card .card-top-right .contrast[data-v-bd1729e2],.component-product-card .card-top-right .wish[data-v-bd1729e2] {
        width:80px;
        height: 80px;
        border-radius: 40px;
        margin-bottom: 15px
    }
}

.component-product-card .card-top-right .card .is-add-wish[data-v-bd1729e2],.component-product-card .card-top-right .contrast .is-add-wish[data-v-bd1729e2],.component-product-card .card-top-right .wish .is-add-wish[data-v-bd1729e2] {
    width: 3.3816425121vw;
    height: 3.3816425121vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .card .is-add-wish[data-v-bd1729e2],.component-product-card .card-top-right .contrast .is-add-wish[data-v-bd1729e2],.component-product-card .card-top-right .wish .is-add-wish[data-v-bd1729e2] {
        width:20px;
        height: 20px
    }
}

.component-product-card .card-top-right .card span[data-v-bd1729e2],.component-product-card .card-top-right .contrast span[data-v-bd1729e2],.component-product-card .card-top-right .wish span[data-v-bd1729e2] {
    font-size: 12px;
    display: none;
    margin-top: 0
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .card span[data-v-bd1729e2],.component-product-card .card-top-right .contrast span[data-v-bd1729e2],.component-product-card .card-top-right .wish span[data-v-bd1729e2] {
        display:block;
        margin-top: 5px
    }
}

.component-product-card .card-top-right .card .icon[data-v-bd1729e2],.component-product-card .card-top-right .contrast .icon[data-v-bd1729e2],.component-product-card .card-top-right .wish .icon[data-v-bd1729e2] {
    font-size: 3.3816425121vw
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .card .icon[data-v-bd1729e2],.component-product-card .card-top-right .contrast .icon[data-v-bd1729e2],.component-product-card .card-top-right .wish .icon[data-v-bd1729e2] {
        font-size:20px
    }
}

@media(max-width: 1023px) {
    .component-product-card .card-top-right .card[data-v-bd1729e2] {
        display:none
    }
}

.component-product-card .card-top-right .contrast-icon_box[data-v-bd1729e2] {
    position: relative
}

@media(max-width: 1023px) {
    .component-product-card .card-top-right .contrast-icon_box .icon.is-add-compartor[data-v-bd1729e2] {
        color:#fff
    }
}

.component-product-card .card-top-right .contrast-icon_box .circle[data-v-bd1729e2] {
    position: absolute;
    right: -4px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #3d9ce3
}

@media(max-width: 1023px) {
    .component-product-card .card-top-right .contrast-icon_box .circle[data-v-bd1729e2] {
        display:none
    }
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .is-no-compare[data-v-bd1729e2] {
        transition:all .3s
    }

    .component-product-card .card-top-right .is-no-compare[data-v-bd1729e2]:hover {
        transition: all .3s;
        background: #3d9ce3
    }

    .component-product-card .card-top-right .is-no-compare:hover .addCompareText[data-v-bd1729e2],.component-product-card .card-top-right .is-no-compare:hover .icon-compartor[data-v-bd1729e2] {
        color: #fff
    }
}

.component-product-card .card-top-right .is-add-compare[data-v-bd1729e2] {
    background: #3d9ce3
}

.component-product-card .card-top-right .is-add-compare .addCompareText[data-v-bd1729e2],.component-product-card .card-top-right .is-add-compare .icon-compartor[data-v-bd1729e2] {
    color: #fff
}

@media(max-width: 1023px) {
    .component-product-card .card-top-right .wish[data-v-bd1729e2] {
        background:#3d9ce3
    }

    .component-product-card .card-top-right .wish.is-no-wish[data-v-bd1729e2] {
        background: transparent
    }

    .component-product-card .card-top-right .wish .icon-mobile-wish[data-v-bd1729e2] {
        color: #fff
    }
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .wish[data-v-bd1729e2] {
        background:#3d9ce3
    }

    .component-product-card .card-top-right .wish .icon-wish[data-v-bd1729e2],.component-product-card .card-top-right .wish .wish-text[data-v-bd1729e2] {
        color: #fff
    }
}

@media(min-width: 1024px) {
    .component-product-card .card-top-right .is-no-wish[data-v-bd1729e2] {
        transition:all .3s;
        background: transparent
    }

    .component-product-card .card-top-right .is-no-wish[data-v-bd1729e2]:hover {
        transition: all .3s;
        background: #3d9ce3
    }

    .component-product-card .card-top-right .is-no-wish:hover .icon-no-wish[data-v-bd1729e2],.component-product-card .card-top-right .is-no-wish:hover .wish-text[data-v-bd1729e2] {
        color: #fff
    }

    .component-product-card .card-top-right .is-no-wish .icon-wish[data-v-bd1729e2],.component-product-card .card-top-right .is-no-wish .wish-text[data-v-bd1729e2] {
        color: #666
    }
}

.component-product-card .card-top-right .add-card[data-v-bd1729e2] {
    transition: all .3s
}

.component-product-card .card-top-right .add-card[data-v-bd1729e2]:hover {
    transition: all .3s;
    background: #3d9ce3
}

.component-product-card .card-top-right .add-card:hover .icon[data-v-bd1729e2],.component-product-card .card-top-right .add-card:hover span[data-v-bd1729e2] {
    color: #fff
}

@keyframes rtl-drawer-in-649206a8 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-649206a8 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-649206a8 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-649206a8 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-649206a8 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-649206a8 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-649206a8 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-649206a8 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-649206a8 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-649206a8 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-649206a8 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-649206a8 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-product-swiper[data-v-649206a8] {
    max-width: 1210px;
    margin: 40px auto 60px
}

@media(min-width: 1024px) {
    .component-product-swiper[data-v-649206a8] {
        margin:0 auto
    }
}

@media(max-width: 1023px) {
    .component-product-swiper[data-v-649206a8] {
        padding:0 4.1062801932vw
    }
}

.component-product-swiper .tab-title[data-v-649206a8] {
    margin: 30px 0
}

.component-product-swiper .tab-title ul[data-v-649206a8] {
    display: flex;
    justify-content: space-between;
    width: 200px;
    margin: 0 auto
}

@media(min-width: 1024px) {
    .component-product-swiper .tab-title ul[data-v-649206a8] {
        width:300px
    }
}

.component-product-swiper .tab-title ul li[data-v-649206a8] {
    font-weight: 700;
    color: #252525;
    cursor: pointer;
    font-size: 16px
}

@media(min-width: 1024px) {
    .component-product-swiper .tab-title ul li[data-v-649206a8] {
        font-size:20px
    }
}

.component-product-swiper .tab-title ul li.active[data-v-649206a8] {
    border-bottom: 1px solid #252525
}

.component-product-swiper .tab-title ul li[data-v-649206a8]:hover {
    color: #3d9ce3
}

.component-product-swiper .tab-title ul li:hover.active[data-v-649206a8] {
    border-bottom: 1px solid #3d9ce3
}

.component-product-swiper .product-recommend-swiper[data-v-649206a8] {
    position: relative;
    padding-bottom: 50px
}

.component-product-swiper .product-recommend-swiper.one-item .swiper-slide[data-v-649206a8] {
    margin: 5px 10px
}

.component-product-swiper .product-recommend-swiper .swiper-slide-recommend[data-v-649206a8] {
    margin: 5px 10px 5px 0;
    display: inline-block;
    width: 46%;
    overflow: hidden;
    max-width: 700px;
    text-align: center
}

.component-product-swiper .product-recommend-swiper .swiper-slide-recommend[data-v-649206a8]:last-child {
    margin: 5px 0
}

.component-product-swiper .product-recommend-swiper .swiper-slide-recommend img[data-v-649206a8] {
    max-width: 100%;
    transition: all .5s
}

.component-product-swiper .product-recommend-swiper .related-product-info .label[data-v-649206a8] {
    color: #3d9ce3;
    height: 20px
}

.component-product-swiper .product-recommend-swiper .related-product-info h3[data-v-649206a8] {
    font-weight: 700;
    color: #252525;
    margin: 20px 0 10px;
    font-size: 14px
}

@media(min-width: 1024px) {
    .component-product-swiper .product-recommend-swiper .related-product-info h3[data-v-649206a8] {
        font-size:18px
    }
}

.component-product-swiper .product-recommend-swiper .related-product-info .sku[data-v-649206a8] {
    font-weight: 700;
    font-size: 13px
}

@media(min-width: 1024px) {
    .component-product-swiper .product-recommend-swiper .related-product-info .sku[data-v-649206a8] {
        font-size:16px
    }
}

.component-product-swiper .product-recommend-swiper .related-product-info .watch-width[data-v-649206a8] {
    font-size: 12px
}

@media(min-width: 1024px) {
    .component-product-swiper .product-recommend-swiper .related-product-info .watch-width[data-v-649206a8] {
        font-size:14px
    }
}

.component-product-swiper .product-recommend-swiper .related-product-info .price[data-v-649206a8] {
    margin: 25px 0 20px;
    font-weight: 700;
    font-size: 13px
}

@media(min-width: 1024px) {
    .component-product-swiper .product-recommend-swiper .related-product-info .price[data-v-649206a8] {
        font-size:16px
    }
}

.component-product-swiper .product-recommend-swiper .related-product-info .buy-now-btn[data-v-649206a8] {
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #d2d2d2;
    border-radius: 20px;
    display: inline-block;
    padding: 7px 20px;
    color: #252525;
    line-height: normal
}

.component-product-swiper .product-recommend-swiper .product-recommend-progressbar[data-v-649206a8] {
    height: 1px;
    left: 0;
    top: auto;
    bottom: 7px;
    position: absolute;
    background: #d2d2d2;
    width: 100%
}

@media screen and (min-width: 1024px)and (max-width:1440px) {
    .component-product-swiper .product-recommend-swiper .product-recommend-progressbar[data-v-649206a8] {
        bottom:25px
    }
}

@media(min-width: 1024px) {
    .component-product-swiper .product-recommend-swiper .product-recommend-progressbar[data-v-649206a8] {
        width:94%
    }
}

.component-product-swiper .product-recommend-swiper .product-recommend-button-next[data-v-649206a8],.component-product-swiper .product-recommend-swiper .product-recommend-button-prev[data-v-649206a8] {
    width: 12px;
    height: 12px;
    border-bottom: 1px solid #003150;
    position: absolute;
    bottom: 3px;
    cursor: pointer;
    display: none
}

@media screen and (min-width: 1024px)and (max-width:1440px) {
    .component-product-swiper .product-recommend-swiper .product-recommend-button-next[data-v-649206a8],.component-product-swiper .product-recommend-swiper .product-recommend-button-prev[data-v-649206a8] {
        bottom:21px
    }
}

@media(min-width: 1024px) {
    .component-product-swiper .product-recommend-swiper .product-recommend-button-next[data-v-649206a8],.component-product-swiper .product-recommend-swiper .product-recommend-button-prev[data-v-649206a8] {
        display:block
    }
}

.component-product-swiper .product-recommend-swiper .product-recommend-button-next.swiper-button-disabled[data-v-649206a8],.component-product-swiper .product-recommend-swiper .product-recommend-button-prev.swiper-button-disabled[data-v-649206a8] {
    border-color: #d2d2d2
}

.component-product-swiper .product-recommend-swiper .product-recommend-button-prev[data-v-649206a8] {
    border-left: 1px solid #003150;
    right: 2%;
    transform: rotate(45deg)
}

.component-product-swiper .product-recommend-swiper .product-recommend-button-next[data-v-649206a8] {
    border-right: 1px solid #003150;
    right: 1%;
    transform: rotate(-45deg)
}

@keyframes rtl-drawer-in-18163d9c {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-18163d9c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-18163d9c {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-18163d9c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-18163d9c {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-18163d9c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-18163d9c {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-18163d9c {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-18163d9c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-18163d9c {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-18163d9c {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-18163d9c {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

@media(max-width: 1023px) {
    .component-serach .component-serach-wrapper[data-v-18163d9c] {
        padding:14.4927536232vw 7.2463768116vw 0
    }
}

.component-serach .title[data-v-18163d9c] {
    text-align: center;
    font-size: 7.2463768116vw;
    color: #252525;
    font-weight: 700
}

@media(min-width: 1024px) {
    .component-serach .title[data-v-18163d9c] {
        font-size:60px
    }
}

.component-serach .serach-filed[data-v-18163d9c] {
    width: 100%;
    margin: 4.8309178744vw auto 0
}

@media(min-width: 1024px) {
    .component-serach .serach-filed[data-v-18163d9c] {
        width:340px;
        margin: 1.25rem auto 0
    }
}

.component-serach .no-data[data-v-18163d9c] {
    text-align: center;
    margin-top: 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-serach .no-data[data-v-18163d9c] {
        margin-top:20px
    }
}

.component-serach .area-cover[data-v-18163d9c] {
    width: 100%;
    height: 36.231884058vw;
    margin-top: 9.6618357488vw;
    border-radius: 4.8309178744vw;
    overflow: hidden;
    position: relative
}

@media(min-width: 1024px) {
    .component-serach .area-cover[data-v-18163d9c] {
        height:220px;
        margin-top: 80px;
        border-radius: 20px
    }
}

.component-serach .area-cover .area-img[data-v-18163d9c] {
    border-radius: 4.8309178744vw;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media(min-width: 1024px) {
    .component-serach .area-cover .area-img[data-v-18163d9c] {
        transition:all 1s;
        border-radius: 20px
    }
}

@media(min-width: 1024px) {
    .component-serach .area-cover:hover .area-img[data-v-18163d9c] {
        transition:all 1s;
        transform: scale(1.1)
    }
}

.component-serach .area-cover .area-video[data-v-18163d9c] {
    width: 100%;
    height: 100%
}

@media(max-width: 1023px) {
    .component-serach .area-cover .area-cover-info[data-v-18163d9c] {
        display:none
    }
}

@media(min-width: 1024px) {
    .component-serach .area-cover .area-cover-info[data-v-18163d9c] {
        width:100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 60px
    }

    .component-serach .area-cover .area-cover-info.hover[data-v-18163d9c] {
        cursor: pointer
    }

    .component-serach .area-cover .area-cover-info .area-title[data-v-18163d9c] {
        font-weight: 700;
        color: #fff;
        font-size: 20px
    }

    .component-serach .area-cover .area-cover-info .area-desc[data-v-18163d9c] {
        color: #fff;
        font-size: 14px
    }

    .component-serach .area-cover .area-cover-info .area-button[data-v-18163d9c] {
        width: 120px;
        margin-top: 20px
    }
}

@media(min-width: 1024px)and (max-width:1023px) {
    .component-serach .area-cover .area-cover-info .area-button[data-v-18163d9c] {
        display:none
    }
}

@media(min-width: 1024px) {
    .component-serach .area-cover-info-mobile[data-v-18163d9c] {
        display:none
    }
}

@media(max-width: 1023px) {
    .component-serach .area-cover-info-mobile[data-v-18163d9c] {
        margin-top:4.8309178744vw
    }

    .component-serach .area-cover-info-mobile .area-title[data-v-18163d9c] {
        font-weight: 700;
        color: #252525;
        font-size: 4.347826087vw;
        margin-bottom: 1.2077294686vw
    }

    .component-serach .area-cover-info-mobile .area-desc[data-v-18163d9c] {
        font-size: 2.8985507246vw
    }
}

.component-serach .serach-hot[data-v-18163d9c] {
    margin: 9.6618357488vw 0 14.4927536232vw
}

@media(min-width: 1024px) {
    .component-serach .serach-hot[data-v-18163d9c] {
        margin:80px 0 100px
    }
}

@keyframes rtl-drawer-in-3af87d58 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-3af87d58 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-3af87d58 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-3af87d58 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-3af87d58 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-3af87d58 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-3af87d58 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-3af87d58 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-3af87d58 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-3af87d58 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-3af87d58 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-3af87d58 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-serach-drop-down[data-v-3af87d58] {
    width: 100vw;
    position: fixed;
    z-index: 200;
    left: 0;
    background: #f2f2f2;
    transform: translateY(-200%)
}

.component-serach-drop-down.fade_in[data-v-3af87d58] {
    transition: all .5s;
    transform: translateY(0)
}

.component-serach-drop-down .component-serach-drop-down-box[data-v-3af87d58] {
    height: 100%;
    overflow: auto
}

@media(min-width: 1024px) {
    .component-serach-drop-down .component-serach-drop-down-box .serach-content[data-v-3af87d58] {
        padding-top:60px
    }
}

.close-visible[data-v-3af87d58] {
    display: none;
    position: absolute;
    left: calc(92% + 20px);
    top: 20px;
    width: 12.077294686vw;
    height: 12.077294686vw;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media(min-width: 1024px) {
    .close-visible[data-v-3af87d58] {
        display:flex;
        width: 50px;
        height: 50px
    }
}

.close-visible[data-v-3af87d58]:hover {
    border-color: #252525
}

.close-visible .class_icon[data-v-3af87d58] {
    width: 10px;
    height: 10px
}

.component-app-header .fix-1 {
    width: 100%;
    height: 1px;
    background: #003150;
    position: fixed;
    top: -1px;
    z-index: 600
}

.component-app-header.hide-header {
    opacity: 0
}

@media(min-width: 1024px) {
    .component-app-header.transparent-header .component-app-header__header-seat,.component-app-header.transparent-header .component-app-header__header-seat-wrapper,.component-app-header.transparent-header .component-app-header__notice-seat {
        display:none
    }

    .component-app-header.transparent-header .component-app-header__wrapper.default {
        background: none
    }

    .component-app-header.transparent-header .component-app-header__wrapper.default .component-header-default .desktop-header .header-left .header-menu-link,.component-app-header.transparent-header .component-app-header__wrapper.default .component-header-default .desktop-header .header-right,.component-app-header.transparent-header .component-app-header__wrapper.default .icon,.component-app-header.transparent-header .component-app-header__wrapper.default .icon-item .icon-item-box.icon-item-minicart .total-qty {
        color: #fff
    }
}

.component-app-header .component-app-header__box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 600;
    width: 100%;
    transition: all .6s
}

.component-app-header .component-app-header__box.hide {
    top: -25%
}

.component-app-header .component-app-header__box.to-position {
    position: relative
}

.component-app-header .component-app-header__header-seat {
    height: 11.5942028986vw
}

@media(min-width: 1024px) {
    .component-app-header .component-app-header__header-seat {
        height:40px
    }
}

.component-app-header .component-app-header__header-seat.hide-header-seat {
    height: 0
}

.component-app-header .component-app-header__header-seat-wrapper {
    height: 16.9082125604vw
}

@media(min-width: 1024px) {
    .component-app-header .component-app-header__header-seat-wrapper {
        height:90px
    }
}

.component-app-header .component-app-header__notice-seat {
    height: 11.5942028986vw;
    line-height: 11.5942028986vw;
    position: relative;
    background: #003150;
    text-align: center;
    width: 100vw
}

@media(min-width: 1024px) {
    .component-app-header .component-app-header__notice-seat {
        height:40px;
        line-height: 40px
    }
}

.component-app-header .component-app-header__notice-seat a {
    color: #fff
}

.component-app-header .component-app-header__notice-seat img {
    width: 2.4154589372vw;
    height: 2.4154589372vw;
    right: 4.5893719807vw;
    top: 4.5893719807vw;
    position: absolute;
    cursor: pointer
}

@media(min-width: 1024px) {
    .component-app-header .component-app-header__notice-seat img {
        width:10px;
        height: 10px;
        right: 30px;
        top: 15px
    }
}

.component-app-header .component-app-header__wrapper {
    height: 16.9082125604vw;
    width: 100%;
    transition: all .5s
}

@media(min-width: 1024px) {
    .component-app-header .component-app-header__wrapper {
        height:90px
    }
}

.component-app-header .component-app-header__wrapper.default {
    background-color: #f2f2f2
}

.component-app-header .component-app-header__wrapper.transparent {
    background-color: transparent
}

.component-app-header .component-app-header__wrapper.active {
    background-color: #f2f2f2
}

.component-app-header .component-app-header__wrapper.white {
    transition: all .5s;
    background-color: #fff
}

.component-app-header .component-app-header__main {
    height: 100%;
    margin: auto
}

.component-app-header .serach-drop-down_notice {
    top: 28.5024154589vw;
    height: calc(100vh - 28.50242vw)
}

@media(min-width: 1024px) {
    .component-app-header .serach-drop-down_notice {
        top:130px;
        height: calc(100vh - 130px)
    }
}

.component-app-header .serach-drop-down_default {
    top: 16.9082125604vw;
    height: calc(100vh - 16.90821vw)
}

@media(min-width: 1024px) {
    .component-app-header .serach-drop-down_default {
        top:90px;
        height: calc(100vh - 90px)
    }
}

@keyframes rtl-drawer-in-01470371 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-01470371 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-01470371 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-01470371 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-01470371 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-01470371 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-01470371 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-01470371 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-01470371 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-01470371 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-01470371 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-01470371 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.desktop-hidden[data-v-01470371] {
    display: block
}

@media(min-width: 1024px) {
    .desktop-hidden[data-v-01470371] {
        display:none
    }
}

.component-footer-country[data-v-01470371] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #f2f2f2;
    overflow: auto;
    opacity: 0;
    transform: translateY(-100%) matrix(1,0,0,1,0,0);
    z-index: 1000;
    padding-top: 0
}

@media(min-width: 1024px) {
    .component-footer-country[data-v-01470371] {
        z-index:10;
        padding-top: 170px
    }
}

.component-footer-country.hide-promotion[data-v-01470371] {
    padding-top: 0
}

@media(min-width: 1024px) {
    .component-footer-country.hide-promotion[data-v-01470371] {
        padding-top:120px
    }
}

.component-footer-country .footer-country-style[data-v-01470371] {
    height: 100%;
    margin: auto;
    overflow: auto;
    position: relative
}

@media(max-width: 1023px) {
    .component-footer-country .footer-country-style[data-v-01470371] {
        padding:7.2463768116vw
    }

    .component-footer-country .footer-country-style .country-items-title[data-v-01470371] {
        width: 100%
    }
}

.component-footer-country .footer-country-style .footer-country-title[data-v-01470371] {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #252525;
    padding-bottom: 7.2463768116vw;
    border-bottom: 1px solid #d2d2d2;
    font-size: 3.3816425121vw
}

.component-footer-country .footer-country-style .footer-country-title img[data-v-01470371] {
    width: 12.077294686vw;
    height: 12.077294686vw
}

.component-footer-country .footer-country-style .country-items-box[data-v-01470371] {
    display: block;
    justify-content: space-between
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box[data-v-01470371] {
        display:flex;
        width: 85%
    }
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-items-title[data-v-01470371] {
    color: #252525;
    font-size: 3.3816425121vw;
    height: 5.7971014493vw;
    line-height: 5.7971014493vw;
    margin-top: 4.8309178744vw;
    font-weight: 700
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-items-title[data-v-01470371] {
        color:#003150;
        font-size: 26px;
        height: 36px;
        line-height: 36px;
        margin-top: 0
    }
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-items-title.active[data-v-01470371] {
    color: #3d9ce3
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists[data-v-01470371] {
    font-size: 3.1400966184vw;
    padding-left: 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists[data-v-01470371] {
        font-size:14px;
        padding-left: 0
    }
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li[data-v-01470371] {
    margin-top: 4.8309178744vw;
    cursor: pointer
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li[data-v-01470371] {
        margin-top:20px
    }
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .icon[data-v-01470371] {
    font-size: 2.8985507246vw
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .icon[data-v-01470371] {
        font-size:13px
    }
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-default.hide[data-v-01470371] {
        display:none
    }

    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-default[data-v-01470371]:hover {
        color: #3d9ce3
    }
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list.hide[data-v-01470371] {
        display:none
    }

    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list:hover span[data-v-01470371] {
        color: #3d9ce3
    }
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list div[data-v-01470371] {
    display: inline
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list b[data-v-01470371] {
    font-weight: 400
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list b[data-v-01470371]:last-child:after {
    content: "";
    margin: 0
}

.component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list b[data-v-01470371]:after {
    content: "/";
    margin: 0 .9661835749vw
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list b[data-v-01470371]:after {
        margin:0 4px
    }
}

@media(min-width: 1024px) {
    .component-footer-country .footer-country-style .country-items-box .country-items .country-item-lists li .country-item-list b[data-v-01470371]:hover {
        color:#3d9ce3
    }
}

.component-footer-country .footer-country-style .close-pop-desktop[data-v-01470371] {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #d2d2d2;
    position: absolute;
    top: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media(min-width: 1211px) {
    .component-footer-country .footer-country-style .close-pop-desktop[data-v-01470371] {
        right:8%
    }
}

@media(min-width: 1024px)and (max-width:1210px) {
    .component-footer-country .footer-country-style .close-pop-desktop[data-v-01470371] {
        right:0
    }
}

.component-footer-country .footer-country-style .close-pop-desktop[data-v-01470371]:hover {
    border-color: #252525;
    transition: all .3s
}

.component-footer-country .footer-country-style .close-pop-desktop .class_icon[data-v-01470371] {
    width: 10px;
    height: 10px
}

.showPages[data-v-01470371] {
    opacity: 1;
    transform: matrix(1,0,0,1,0,0);
    transition: all .3s linear
}

.component-collapse-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.component-collapse-item .component-collapse-item__title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    order: 2;
    cursor: pointer;
    box-sizing: border-box
}

.component-collapse-item .component-collapse-item__title.border {
    border-bottom: 1px solid #d2d2d2
}

.component-collapse-item .component-collapse-item__icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 5.0724637681vw;
    height: 5.0724637681vw
}

@media(min-width: 1024px) {
    .component-collapse-item .component-collapse-item__icon {
        width:21px;
        height: 21px
    }
}

.component-collapse-item .component-collapse-item__content {
    order: 3;
    width: 100%;
    box-sizing: border-box
}

.component-collapse-item .component-collapse-item__content.is-top {
    order: 1
}

.component-collapse-item.is-open .component-collapse-item__content {
    height: auto
}

.component-collapse-item.is-close .component-collapse-item__content {
    height: 0;
    overflow: hidden
}

.icon {
    font-size: 3.8647342995vw
}

@media(min-width: 1024px) {
    .icon {
        font-size:16px
    }
}

.component-footer-sites {
    border-top: 1px solid #d2d2d2;
    height: 100%;
    margin: auto;
    padding: 5.7971014493vw 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-footer-sites {
        padding:32px 0
    }
}

.component-footer-sites .component-footer-sites-content {
    display: block;
    justify-content: space-between
}

@media(min-width: 1024px) {
    .component-footer-sites .component-footer-sites-content {
        display:flex
    }
}

.component-footer-sites .component-footer-sites-content .component-footer-sites-items {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 2.4154589372vw
}

@media(min-width: 1024px) {
    .component-footer-sites .component-footer-sites-content .component-footer-sites-items {
        margin-bottom:0
    }
}

@media(max-width: 1023px) {
    .component-footer-sites .component-footer-sites-content .component-footer-sites-items {
        color:#252525
    }
}

.component-footer-sites .component-footer-sites-content .component-footer-sites-items:hover {
    color: #003150
}

.component-footer-sites .component-footer-sites-content .component-footer-sites-items .icon {
    margin-right: 10px
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items {
    display: flex
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 12.077294686vw
}

@media(min-width: 1024px) {
    .component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us {
        margin-right:40px
    }
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .join-us {
    display: flex;
    align-items: center;
    position: relative
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .join-us .dialog {
    position: absolute;
    bottom: 30px;
    left: -40px;
    display: none;
    z-index: 100
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .join-us .dialog.show {
    display: block
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .join-us:hover {
    color: #003150
}

@media(min-width: 1024px) {
    .component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .join-us:hover .dialog {
        display:block
    }
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .join-us .icon {
    margin-left: 10px
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .concat-us .weibo:hover {
    color: #003150
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .after-sale-sercive {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .after-sale-sercive .dialog {
    position: absolute;
    bottom: 30px;
    left: -40px;
    display: none;
    z-index: 100
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .after-sale-sercive .dialog.show {
    display: block
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .after-sale-sercive:hover {
    color: #003150
}

@media(min-width: 1024px) {
    .component-footer-sites .component-footer-sites-content .component-footer-concat-items .after-sale-sercive:hover .dialog {
        display:block
    }
}

.component-footer-sites .component-footer-sites-content .component-footer-concat-items .after-sale-sercive .icon {
    margin-left: 10px
}

@keyframes rtl-drawer-in-df6c2bda {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-df6c2bda {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-df6c2bda {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-df6c2bda {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-df6c2bda {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-df6c2bda {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-df6c2bda {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-df6c2bda {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-df6c2bda {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-df6c2bda {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-df6c2bda {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-df6c2bda {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.title[data-v-df6c2bda] {
    font-size: 18px;
    color: #252525;
    font-weight: 700
}

.title a[data-v-df6c2bda] {
    color: #252525
}

.component-footer-menus[data-v-df6c2bda] {
    border-top: 1px solid #d2d2d2;
    height: 100%;
    margin: auto;
    min-height: auto;
    padding: 5.7971014493vw 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-footer-menus[data-v-df6c2bda] {
        min-height:auto;
        padding: 32px 0
    }
}

.component-footer-menus .component-footer-menus-items[data-v-df6c2bda] {
    display: block
}

@media(min-width: 1024px) {
    .component-footer-menus .component-footer-menus-items[data-v-df6c2bda] {
        display:flex;
		flex-wrap: wrap;
		justify-content: center;
    }
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item[data-v-df6c2bda] {
    width: 100%
}

@media(min-width: 1024px) {
    .component-footer-menus .component-footer-menus-items .component-footer-menus-item[data-v-df6c2bda] {
        width:25%
    }
	.component-footer-menus .component-footer-menus-items .icp {
	    width:100%;
		text-align:center;
		margin-top: 2rem;
	}
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li[data-v-df6c2bda] {
    margin-bottom: 15px;
    cursor: pointer
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li.title[data-v-df6c2bda] {
    margin-bottom: 20px
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li.title.margin-bottom-30[data-v-df6c2bda] {
    margin-bottom: 30px
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li[data-v-df6c2bda]:last-child {
    margin-bottom: 0
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li[data-v-df6c2bda]:hover {
    color: #003150
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li.active[data-v-df6c2bda] {
    color: #003150;
    font-weight: 700
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item ul li a[data-v-df6c2bda]:hover {
    color: #003150
}

.component-footer-menus .component-footer-menus-items .component-footer-menus-item .swiper-container[data-v-df6c2bda] {
    width: 200px;
    margin-left: 0
}

.mobile-component-footer .title[data-v-df6c2bda] {
    padding: 10px 0;
    width: 100%
}

.mobile-component-footer .title h4[data-v-df6c2bda] {
    color: #252525;
    margin-bottom: 0
}

.mobile-component-footer .content .watches-mobile[data-v-df6c2bda] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.mobile-component-footer .content .watches-mobile p[data-v-df6c2bda] {
    width: 46%
}

.mobile-component-footer .content p[data-v-df6c2bda] {
    padding: 7px 0;
    font-size: 13px
}

@media(max-width: 1023px) {
    .mobile-component-footer .content p[data-v-df6c2bda],.mobile-component-footer .content p a[data-v-df6c2bda] {
        color:#252525
    }
}

@keyframes rtl-drawer-in-1b761550 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-1b761550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-1b761550 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-1b761550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-1b761550 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-1b761550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-1b761550 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-1b761550 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-1b761550 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-1b761550 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-1b761550 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-1b761550 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-contact-us-container[data-v-1b761550] {
    position: relative
}

.component-contact-us[data-v-1b761550] {
    position: fixed;
    bottom: 4.8309178744vw;
    right: 2.4154589372vw;
    z-index: 99
}

@media(min-width: 1024px) {
    .component-contact-us[data-v-1b761550] {
        right:auto;
        left: 93vw;
        bottom: 20px
    }
}

.component-contact-us .component-contact-us-item[data-v-1b761550] {
    width: 12.077294686vw;
    height: 12.077294686vw;
    margin-top: 2.4154589372vw;
    cursor: pointer;
}

@media(min-width: 1024px) {
    .component-contact-us .component-contact-us-item[data-v-1b761550] {
        width:50px;
        height: 50px;
        margin-top: 10px
    }
}

.component-contact-us .component-contact-us-item[data-v-1b761550]:first-child {
    margin-top: 0
}

.component-contact-us .component-contact-us-item .icon-svg[data-v-1b761550] {
    width: 100%;
    height: 100%
}

.component-contact-us-info[data-v-1b761550] {
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh
}

@media(min-width: 1024px) {
    .component-contact-us-info[data-v-1b761550] {
        width:680px;
        height: 410px;
        border-radius: 20px
    }
}

.component-contact-us-info .logo[data-v-1b761550] {
    width: 27.7777777778vw;
    height: 7.2463768116vw
}

@media(min-width: 1024px) {
    .component-contact-us-info .logo[data-v-1b761550] {
        width:115px;
        height: 30px
    }
}

.component-contact-us-info .component-contact-us-info-content[data-v-1b761550] {
    text-align: center;
    margin-top: 14.4927536232vw
}

@media(min-width: 1024px) {
    .component-contact-us-info .component-contact-us-info-content[data-v-1b761550] {
        margin-top:60px
    }
}

.component-contact-us-info .component-contact-us-info-content p[data-v-1b761550] {
    margin-bottom: .2em
}

.component-contact-us-info .component-contact-us-info-content p span[data-v-1b761550] {
    color: #003150;
    font-weight: 700
}

.component-contact-us-info .component-contact-us-info-content .title[data-v-1b761550] {
    font-size: 4.347826087vw;
    color: #003150;
    font-weight: 700
}

@media(min-width: 1024px) {
    .component-contact-us-info .component-contact-us-info-content .title[data-v-1b761550] {
        font-size:20px
    }
}

.component-contact-us-info .component-contact-us-info-content .component-contact-us-info-lists[data-v-1b761550] {
    margin-top: 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-contact-us-info .component-contact-us-info-content .component-contact-us-info-lists[data-v-1b761550] {
        margin-top:20px
    }
}

.component-contact-us-info .component-contact-us-info-content .component-contact-us-info-btns[data-v-1b761550] {
    display: flex;
    margin-top: 7.2463768116vw
}

@media(min-width: 1024px) {
    .component-contact-us-info .component-contact-us-info-content .component-contact-us-info-btns[data-v-1b761550] {
        margin-top:20px
    }
}

.component-contact-us-info .component-contact-us-info-content .component-contact-us-info-btns .btn[data-v-1b761550] {
    background: #f4f4f4;
    border: 1px solid #d2d2d2;
    color: #003150;
    font-weight: 700;
    width: 31.884057971vw;
    height: 12.077294686vw;
    border-radius: 6.038647343vw;
    font-size: 3.3816425121vw
}

@media(min-width: 1024px) {
    .component-contact-us-info .component-contact-us-info-content .component-contact-us-info-btns .btn[data-v-1b761550] {
        width:142px;
        height: 50px;
        border-radius: 25px;
        font-size: 14px
    }
}

.component-contact-us-info .component-contact-us-info-content .component-contact-us-info-btns .btn[data-v-1b761550]:first-child {
    margin-right: 2.4154589372vw
}

@media(min-width: 1024px) {
    .component-contact-us-info .component-contact-us-info-content .component-contact-us-info-btns .btn[data-v-1b761550]:first-child {
        margin-right:10px
    }
}

.component-contact-us-common-question[data-v-1b761550] {
    background: #f4f4f4;
    width: 100vw;
    height: 100vh;
    padding: 4.8309178744vw 4.8309178744vw 9.6618357488vw
}

@media(min-width: 1024px) {
    .component-contact-us-common-question[data-v-1b761550] {
        width:680px;
        height: auto;
        border-radius: 20px;
        padding: 20px 20px 40px
    }
}

.component-contact-us-common-question .logo[data-v-1b761550] {
    width: 27.7777777778vw;
    height: 7.2463768116vw;
    margin: 9.6618357488vw auto;
    display: block
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .logo[data-v-1b761550] {
        width:115px;
        height: 30px;
        margin: 40px auto
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .title[data-v-1b761550] {
    text-align: center;
    font-size: 4.347826087vw;
    font-weight: 700;
    color: #003150
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .component-contact-us-common-question-content .title[data-v-1b761550] {
        font-size:20px
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists[data-v-1b761550] {
    padding: 0 4.8309178744vw 4.8309178744vw;
    max-height: calc(100vh - 48.30918vw);
    overflow: auto
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists[data-v-1b761550] {
        padding:0 20px 20px;
        max-height: 500px;
        overflow: auto
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .sub-title[data-v-1b761550] {
    margin-top: 9.6618357488vw;
    font-size: 3.3816425121vw;
    font-weight: 700;
    color: #003150;
    margin-bottom: 0
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .sub-title[data-v-1b761550] {
        margin-top:40px;
        font-size: 14px
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .sub-title[data-v-1b761550]:first-child {
    margin-top: 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .sub-title[data-v-1b761550]:first-child {
        margin-top:20px
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .component-contact-us-common-question-lists-content[data-v-1b761550] {
    margin-top: 2.4154589372vw
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .component-contact-us-common-question-lists-content[data-v-1b761550] {
        margin-top:10px
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .component-contact-us-common-question-lists-content p[data-v-1b761550] {
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 2.4154589372vw
}

@media(min-width: 1024px) {
    .component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .component-contact-us-common-question-lists-content p[data-v-1b761550] {
        margin-top:10px
    }
}

.component-contact-us-common-question .component-contact-us-common-question-content .component-contact-us-common-question-lists .component-contact-us-common-question-lists-content p[data-v-1b761550]:first-child {
    margin-top: 0
}

.component-contact-wechat-code[data-v-1b761550] {
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh
}

@media(min-width: 1024px) {
    .component-contact-wechat-code[data-v-1b761550] {
        width:680px;
        height: 450px;
        border-radius: 20px
    }
}

.component-contact-wechat-code .logo[data-v-1b761550] {
    width: 27.7777777778vw;
    height: 7.2463768116vw
}

@media(min-width: 1024px) {
    .component-contact-wechat-code .logo[data-v-1b761550] {
        width:115px;
        height: 30px
    }
}

.component-contact-wechat-code .component-contact-wechat-tips[data-v-1b761550] {
    text-align: center;
    color: #003150;
    font-weight: 700;
    margin: 9.6618357488vw 0 7.2463768116vw
}

@media(min-width: 1024px) {
    .component-contact-wechat-code .component-contact-wechat-tips[data-v-1b761550] {
        margin:60px 0 20px
    }
}

.component-contact-wechat-code .component-contact-wechat-tips p[data-v-1b761550] {
    margin-bottom: 0;
    font-family: Microsoft YaHei,微软雅黑
}

.component-contact-wechat-code .wechat-code[data-v-1b761550] {
    width: 38.6473429952vw;
    height: 38.6473429952vw
}

@media(min-width: 1024px) {
    .component-contact-wechat-code .wechat-code[data-v-1b761550] {
        width:200px;
        height: 200px
    }
}

@keyframes rtl-drawer-in-23783cd1 {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-23783cd1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-23783cd1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-23783cd1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-23783cd1 {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-23783cd1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-23783cd1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-23783cd1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-23783cd1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-23783cd1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-23783cd1 {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-23783cd1 {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-cookies[data-v-23783cd1] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    z-index: 600;
    background: #003150;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width: 1023px) {
    .component-cookies[data-v-23783cd1] {
        padding:0 50px 0 15px
    }
}

.component-cookies .text[data-v-23783cd1] {
    font-size: 2.8985507246vw
}

@media(min-width: 1024px) {
    .component-cookies .text[data-v-23783cd1] {
        font-size:12px
    }
}

.component-cookies .text a[data-v-23783cd1] {
    color: #fff;
    border-bottom: 1px solid #fff
}

.component-cookies .text a[data-v-23783cd1]:hover {
    color: #3d9ce3
}

.component-cookies .close-cookies[data-v-23783cd1] {
    position: absolute;
    right: 30px;
    width: 10px;
    height: 10px;
    top: 25px;
    cursor: pointer
}

@media(max-width: 1023px) {
    .component-cookies .close-cookies[data-v-23783cd1] {
        right:15px
    }
}

.component-app-footer {
    background: #f2f2f2;
    position: relative;
    z-index: inherit;
    width: 100%;
    color: #666
}

@media(min-width: 1024px) {
    .component-app-footer {
        z-index:20
    }
}

body {
    width: 100vw;
    overflow-x: hidden
}

@keyframes rtl-drawer-in-1e356eea {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out-1e356eea {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in-1e356eea {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out-1e356eea {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in-1e356eea {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out-1e356eea {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in-1e356eea {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out-1e356eea {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in-1e356eea {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out-1e356eea {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes button-step-background-1e356eea {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background-1e356eea {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

#page-loader[data-v-1e356eea] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    cursor: auto;
    background-color: #edebe7
}

#page-loader img[data-v-1e356eea] {
    display: block;
    height: auto;
    width: 100%
}

.logos-w[data-v-1e356eea] {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 260px;
    height: 82.5px;
    transform: translate3d(-50%,-50%,0);
    will-change: top
}

.logo-filled-w[data-v-1e356eea],.logo-stroke-w[data-v-1e356eea] {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.components-loading-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: hsla(0,0%,100%,.3)
}

.components-loading-mask .components-loading-mask-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.loading-fade-enter,.loading-fade-leave-active {
    opacity: 0
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@font-face {
    font-display: swap;
    font-family: Bold;
    src: url(/fonts/LonginesSansText-Bold.otf)
}

@font-face {
    font-display: swap;
    font-family: BoldItalic;
    src: url(/fonts/LonginesSansText-BoldItalic.otf)
}

@font-face {
    font-display: swap;
    font-family: Light;
    src: url(/fonts/LonginesSansText-Light.otf)
}

@font-face {
    font-display: swap;
    font-family: LightItalic;
    src: url(/fonts/LonginesSansText-LightItalic.otf)
}

@font-face {
    font-display: swap;
    font-family: Medium;
    src: url(/fonts/LonginesSansText-Medium.otf)
}

@font-face {
    font-display: swap;
    font-family: MediumItalic;
    src: url(/fonts/LonginesSansText-MediumItalic.otf)
}

@font-face {
    font-display: swap;
    font-family: Regular;
    src: url(/fonts/LonginesSansText-Regular.otf)
}

@font-face {
    font-display: swap;
    font-family: RegularItalic;
    src: url(/fonts/LonginesSansText-RegularItalic.otf)
}

@keyframes button-step-background {
    0% {
        background-color: #000
    }

    25% {
        background-color: #fff
    }

    50% {
        background-color: #000
    }

    75% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

@keyframes button-secondary-step-background {
    0% {
        background-color: #fff
    }

    25% {
        background-color: #000
    }

    50% {
        background-color: #fff
    }

    75% {
        background-color: #fff
    }

    to {
        background-color: #fff
    }
}

.component-toast {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2101;
    transform: translate(-50%,-50%);
    color: #fff;
    max-width: 70vw;
    padding: 2.4154589372vw 7.2463768116vw;
    font-size: 3.1400966184vw;
    border-radius: 8px;
    text-align: center;
    background-color: transparent;
    transition: background-color .3s
}

@media(min-width: 1024px) {
    .component-toast {
        padding:12px 32px;
        font-size: 14px
    }
}

.component-toast.component-toast__normal {
    background-color: #000
}

.component-toast.component-toast__success {
    background-color: rgba(0,255,0,.7)
}

.component-toast.component-toast__warning {
    background-color: rgba(255,255,0,.7)
}

.component-toast.component-toast__error {
    background-color: #ed8380
}

.component-toast .component-toast__title {
    font-weight: 700;
    margin-bottom: 4.8309178744vw
}

@media(min-width: 1024px) {
    .component-toast .component-toast__title {
        margin-bottom:20px
    }
}

.component-toast .component-toast__close {
    position: absolute;
    top: 3.8647342995vw;
    right: 3.8647342995vw;
    width: 3.3816425121vw;
    right: 3.3816425121vw;
    z-index: 2101;
    cursor: pointer
}

@media(min-width: 1024px) {
    .component-toast .component-toast__close {
        top:20px;
        right: 20px;
        width: 14px;
        right: 14px
    }
}

.zhanwei,
.ow-bottom-fixed{
	display: none;
}
@media (max-width: 960px) {
	.zhanwei{
		width:25%;
		height: 4rem;
		display: block;
	}
	.ow-bottom-fixed{
		display: block;
		position:fixed;
		width: 100%;
		z-index: 99;
		bottom: 0;
		left: 0;
		background-color: #FFF;
		color: #000;
		border-top: 1px solid #003150;
	}
	.ow-bottom-fixed ul{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items: center;
	}
	.ow-bottom-fixed li{
		width:25%;
		height: 4rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.ow-bottom-fixed li a{
		padding: 0 1rem;
		line-height: 1.2;
		color: #003150;
		text-align: center;
	}
	.ow-bottom-fixed p{
		margin:0;
		font-size: .8rem;
	}
}

.pages{}
.pagination{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
}
.pagination li{
	margin: 0 .2rem;
}
.pagination li a{
	padding:.5rem 1rem;
	border:#dfdfdf 1px solid;
}
.pagination li.active a{
	background-color:#002744;
	color: #FFF;
}