/* Webkit-based browsers */
/* Older Firefox browsers (prior to firefox 16) */
/* The standard way */
.flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

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

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

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

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

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

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

.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.col-1 { width: 4.16667%; }

.offset-1 { margin-left: 4.16667%; }

.col-2 { width: 8.33333%; }

.offset-2 { margin-left: 8.33333%; }

.col-3 { width: 12.5%; }

.offset-3 { margin-left: 12.5%; }

.col-4 { width: 16.66667%; }

.offset-4 { margin-left: 16.66667%; }

.col-5 { width: 20.83333%; }

.offset-5 { margin-left: 20.83333%; }

.col-6 { width: 25%; }

.offset-6 { margin-left: 25%; }

.col-7 { width: 29.16667%; }

.offset-7 { margin-left: 29.16667%; }

.col-8 { width: 33.33333%; }

.offset-8 { margin-left: 33.33333%; }

.col-9 { width: 37.5%; }

.offset-9 { margin-left: 37.5%; }

.col-10 { width: 41.66667%; }

.offset-10 { margin-left: 41.66667%; }

.col-11 { width: 45.83333%; }

.offset-11 { margin-left: 45.83333%; }

.col-12 { width: 50%; }

.offset-12 { margin-left: 50%; }

.col-13 { width: 54.16667%; }

.offset-13 { margin-left: 54.16667%; }

.col-14 { width: 58.33333%; }

.offset-14 { margin-left: 58.33333%; }

.col-15 { width: 62.5%; }

.offset-15 { margin-left: 62.5%; }

.col-16 { width: 66.66667%; }

.offset-16 { margin-left: 66.66667%; }

.col-17 { width: 70.83333%; }

.offset-17 { margin-left: 70.83333%; }

.col-18 { width: 75%; }

.offset-18 { margin-left: 75%; }

.col-19 { width: 79.16667%; }

.offset-19 { margin-left: 79.16667%; }

.col-20 { width: 83.33333%; }

.offset-20 { margin-left: 83.33333%; }

.col-21 { width: 87.5%; }

.offset-21 { margin-left: 87.5%; }

.col-22 { width: 91.66667%; }

.offset-22 { margin-left: 91.66667%; }

.col-23 { width: 95.83333%; }

.offset-23 { margin-left: 95.83333%; }

.col-24 { width: 100%; }

.offset-24 { margin-left: 100%; }

.offset-px-5 { margin-left: 0.66667vw; }

.offset-px-10 { margin-left: 1.33333vw; }

.offset-px-15 { margin-left: 2vw; }

.offset-px-20 { margin-left: 2.66667vw; }

.offset-px-25 { margin-left: 3.33333vw; }

.offset-px-30 { margin-left: 4vw; }

.offset-px-35 { margin-left: 4.66667vw; }

.offset-px-40 { margin-left: 5.33333vw; }

.offset-px-45 { margin-left: 6vw; }

.offset-px-50 { margin-left: 6.66667vw; }

.offset-auto { margin-left: auto; }

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

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

a:visited { color: inherit; text-decoration: none; }

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

a:active { color: inherit; text-decoration: none; }

html { line-height: 1.5; }

body { background-color: #fff; font-size: 14px; word-break: break-all; }

input { color: #333; }

input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder { color: #1b85e6; }

button, input { margin: 0; padding: 0; }

button { text-align: center; cursor: pointer; }

label:focus { outline: none; }

.bg-blue { background-color: #1b85e6; }

.bg-blue-light { background-color: #d0e2f3; }

.bg-blue-dark { background-color: #2579d6; }

.bg-red { background-color: #c20000; }

.bg-red-light { background: #f7b0b0; }

.bg-orange { background-color: #ff9000; }

.bg-green { background-color: #0fb791; }

.bg-gray { background-color: #888; }

.bg-white { background-color: white; }

.color-blue { color: #1b85e6; }

.color-red { color: #c20000; }

.color-blue-light { color: #d0e2f3; }

.color-blue-dark { color: #2579d6; }

.color-green { color: #0fb791; }

.color-gray { color: #888; }

.color-black { color: #333; }

.color-base { color: #000; }

.color-white { color: white; }

.text-center { text-align: center; }

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

.text-overflow-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

[class*=" el-"], [class^="el-"] { font-size: 14px; font-weight: 400; }

[v-cloak] { display: none; }

ul { margin: 0; padding: 0; list-style: none; }

.page-header { width: 100%; min-width: 1400px; height: 84px; background: rgba(255, 255, 255, 0.3); padding: 0 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: fixed; top: 0; left: 0; z-index: 9; }

.page-header .logo-image { width: 203px; height: 42px; }

.page-header .link-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.page-header .link-list .link-item { cursor: pointer; color: #333333; line-height: 40px; }

.page-header .link-list .link-item a { color: inherit; }

.page-header .link-list .link-item + .link-item { margin-left: 40px; }

.page-header .link-list .link-item.active { position: relative; }

.page-header .link-list .link-item.active::after { content: ""; display: block; width: 100%; height: 2px; background-color: black; position: absolute; left: 0; right: 0; bottom: 0; }

.page-header .link-list .link-item.qr-code { position: relative; }

.page-header .link-list .link-item.qr-code::after { content: ""; display: none; width: 100px; height: 100px; background: url(/assets/operation/mobile/images/common/qrcode-for-xxfb.jpg) no-repeat center; background-size: cover; position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.page-header .link-list .link-item.qr-code:hover::after { display: block; }

.page-header.active { background-color: rgba(120, 163, 154, 0.7); }

.page-footer { width: 100%; min-width: 1400px; background-color: black; color: white; }

.page-footer .main-div { width: 1400px; margin: 0 auto; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-footer .contact-us-box { width: 2em; font-size: 30px; }

.page-footer .vertical-line { width: 1px; height: 100px; margin: 0 40px; background-color: white; }

.page-footer .address-list, .page-footer .copyright-list { line-height: 2; }

.page-footer .qrcode-image { width: 85px; height: 85px; margin-left: auto; }

.page-footer .copyright-list { margin: auto 40px; }

.my-switch-button { vertical-align: middle; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.my-switch-button input { display: none; }

.my-switch-button .my-switch__core { margin: 0; min-width: 40px; height: 36px; padding-left: 40px; padding-right: 16px; outline: 0; border-radius: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #dcdfe6; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; font-size: 14px; line-height: 36px; vertical-align: middle; position: relative; }

.my-switch-button .my-switch__core:after { content: ""; width: 32px; height: 32px; background-color: #fff; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 2px; left: 2px; }

.my-switch-button .my-switch__core .active-text, .my-switch-button .my-switch__core .inactive-text { color: white; white-space: nowrap; }

.my-switch-button .my-switch__core .active-text { display: none; }

.my-switch-button .my-switch__core .inactive-text { display: inline; }

.my-switch-button.is-checked .my-switch__core { padding-left: 16px; padding-right: 40px; border-color: #409eff; background-color: #409eff; }

.my-switch-button.is-checked .my-switch__core::after { left: unset; right: 2px; }

.my-switch-button.is-checked .my-switch__core .active-text { display: inline; }

.my-switch-button.is-checked .my-switch__core .inactive-text { display: none; }
/*# sourceMappingURL=common.css.map */