@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Economica);

.spec-txt{
  font-size: 15px;
}

.spec-txt02{
  margin-top: 10px;
}

#reserve {
  font-size: 16px;
  line-height: 1.4;
}

#reserve .container_title {
  text-align: center;
}

#reserve .container_title h2 {
  font-size: 1.4em;
}

#reserve .container_title p {
  margin-top: 1em;
}

#reserve .container_title .stockcaution p {
  display: inherit;
  padding: .4em 1em;
  color: #fff;
  background-color: #b71540;
}

#reserve table {
  width: 100%;
  margin-top: 30px;
}

#reserve table th,
#reserve table td {
  padding: 1em 1.5em;
  text-align: center;
  border: 1px solid #aaa;
}

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

.display-4 {
  font-size: .6rem;
  font-weight: 300;
  line-height: 1.2;
}

.price_num {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.niu_app .price_num {
font-family: 'Roboto', sans-serif;
font-weight: 900;
}

.niu_app .price_num::before {
content: '2バッテリー価格';
padding-right: .2em;
font-size: .5em;
}

.niu_app .price_num1 {
font-family: 'Roboto', sans-serif;
font-weight: 900;
}

.niu_app .price_num1::before {
content: '1バッテリー価格';
padding-right: .2em;
font-size: .5em;
}


.imgswitch_pc {
  display: block!important;
}

.imgswitch_sp {
  display: none!important;
}

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

table a{
  color: #1aabc1;
  text-decoration: underline;
}

@media screen and (max-width:767px) {

  .imgswitch_pc {
    display: none!important;
  }

  .imgswitch_sp {
    display: block!important;
  }
}

h2[data-v-3ff32e87] {
  text-align: center;
  margin: 100px auto;
  font-size: 26px
}

.err-btn[data-v-3ff32e87] {
  /* font-family: DINOffcPro-Bold; */
  width: 200px;
  margin: 120px auto;
  padding: 18px;
  background-color: #df001f;
  text-align: center;
  color: #fff
}

.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: .026667rem;
  width: 0;
  opacity: 1;
  transition: width .1s, opacity .4s;
  background-color: #df001f;
  z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
  transition: none
}

.nuxt-progress-failed {
  background-color: red
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* html {
  line-height: 1
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

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

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

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: .013333rem dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

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

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

[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -.026667rem
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none
}

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

details {
  display: block
}

summary {
  display: list-item
}

[hidden], template {
  display: none
} */

blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, ol, p, pre, table, td, textarea, th, ul {
  margin: 0;
  padding: 0
}

address, article, aside, details, figcaption, figure, footer, header, nav, section {
  display: block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, th {
  text-align: left;
  font-weight: 400
}

address, cite, dfn, em, i, var {
  font-style: normal
}

[hidefocus], summary {
  outline: 0
}

li {
  list-style: none
}

code, kbd, pre, samp {
  font-family: inherit
}

q::after, q::before {
  content: none
}

textarea {
  overflow: auto;
  resize: none
}

label, summary {
  cursor: default
}

a, button {
  cursor: pointer
}

a, a:hover, del, ins, s, u {
  text-decoration: none
}

button, input, textarea {
  box-sizing: border-box
}

body, html {
  width: 100%;
  /* overflow-x: hidden */
}

body #__layout {
  overflow-x: hidden
}

html {
  word-spacing: 1px;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  box-sizing: border-box;
  /* font-family: din, PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif; */
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern", "liga", "case";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;

  font-weight: 400!important;
  font-family: 'Noto Sans JP', sans-serif!important;
}

/* a, body, button, input {
  font-size: 16px;
  color: #333
} */

a {
  transition: all .4s
}

.clearfix::after {
  content: ".";
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
  display: block
}

.bannerBtn {
  /* font-family: DINOffcPro-Medium; */
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

.bannerBtn>span {
  transition: all .4s;
  color: #df001f;
  margin-left: 6px
}

.bannerBtn:hover {
  color: #df001f
}

.bannerBtn:hover span {
  transform: translate3d(5px, 0, 0)
}

.bannerBtn:active {
  color: #a5001b
}

@media screen and (max-width:767px) {
  .safety {
    margin: 0 auto;
    width: 92%
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .safety {
    margin: 0 auto;
    width: 95.833%
  }
}

@media screen and (min-width:992px) {
  .safety {
    margin: 0 auto;
    width: 1180px;
    padding-left: .133333rem;
    padding-right: .133333rem
  }

  .safety.safety2 {
    width: 980px
  }
}

@media screen and (max-width:768px) {
  .el-scrollbar>.el-scrollbar__bar {
    opacity: 1
  }
}

@font-face {
  font-family: din;
  src: url(fonts/b6d6792.woff), url(fonts/d0212f2.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro; */
  src: url(fonts/b6d6792.woff), url(fonts/d0212f2.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-Cond; */
  src: url(fonts/cd63b46.woff), url(fonts/6a47ccb.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-Bold; */
  src: url(fonts/94351c8.woff), url(fonts/f2c5ea6.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-Medium; */
  src: url(fonts/1cb15bb.woff), url(fonts/37f5ede.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-CondMedium; */
  src: url(fonts/ea7c4d0.woff), url(fonts/55a1c07.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-CondBold; */
  src: url(fonts/5af2a7b.woff), url(fonts/ea1a2be.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-Light; */
  src: url(fonts/ab065a6.woff), url(fonts/899a913.ttf) format("truetype");
  font-display: swap
}

@font-face {
  /* font-family: DINOffcPro-CondBoldItalic; */
  src: url(fonts/8112d00.woff), url(fonts/2c3aecf.ttf) format("truetype");
  font-display: swap
}

.din, .fm-DINOffcPro {
  /* font-family: DINOffcPro */
}

.fm-DINOffcPro-Medium {
  /* font-family: DINOffcPro-Medium */
}

.fm-DINOffcPro-Cond {
  /* font-family: DINOffcPro-Cond */
}

.fm-DINOffcPro-CondBold {
  /* font-family: DINOffcPro-CondBold */
}

.fm-DINOffcPro-CondThin {
  /* font-family: DINOffcPro-CondThin */
}

.fm-NIU-ACCESSARY-Thin {
  font-family: NIU-ACCESSARY-Thin
}

.fm-NIU-ACCESSARY-Regular {
  font-family: NIU-ACCESSARY-Regular
}

.fm-NIU-DISPLAY-Bold {
  font-family: NIU-DISPLAY-Bold
}

.flag-icon, .flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1.5em;
  margin: .5em
}

.flag-icon::before {
  content: "\00a0"
}

.flag-icon.flag-icon-squared {
  width: 1.5em;
  border-radius: 50%;
  box-shadow: 0 0 .053333rem 0 rgba(0, 0, 0, .2)
}

.flag-icon-global {
  background-image: url(img/abe5c62.svg)
}

.flag-icon-ad {
  background-image: url(img/8002073.svg)
}

.flag-icon-ae {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMDA3MzJmIiBkPSJNMCAwaDUxMnYxNzAuNjY3SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTcwLjY2N2g1MTJ2MTcwLjY2N0gweiIvPjxwYXRoIGQ9Ik0wIDM0MS4zMzNoNTEyVjUxMkgweiIvPjxwYXRoIGZpbGw9InJlZCIgZD0iTTAgMGgxODB2NTEySDB6Ii8+PC9zdmc+)
}

.flag-icon-af {
  background-image: url(img/ddee87a.svg)
}

.flag-icon-ag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiMyNWZmMDEiIGQ9Ik0xMDguOTUgNDcuNmg0NjQuODZ2NDY0Ljg2SDEwOC45NXoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMCAtNTIuNDI3KSBzY2FsZSgxLjEwMTQpIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCA0Ny42aDY5M1Y1MTJIMHoiLz48cGF0aCBkPSJNMS41MyA0OC4xNmg2OTAuODN2MTk2LjJIMS41M3oiLz48cGF0aCBmaWxsPSIjMDA2MWZmIiBkPSJNMTI4LjI5IDIzMi4xMmg0NTguNTJ2MTAzLjM1SDEyOC4yOXoiLz48cGF0aCBkPSJNNjkyLjUzIDQ5LjE5djQ2My4yN0gzNDYuODZMNjkyLjUzIDQ5LjE5em0tNjkxLjM0IDB2NDYzLjI3aDM0NS42N0wxLjE5IDQ5LjE5eiIgZmlsbD0iI2UyMDAwMCIvPjxwYXRoIGQ9Ik01MDguNzggMjMyLjIybC02OS4yODUtMTcuNTggNTguOTQ0LTQ0LjQ2Ny03Mi4zODggMTAuMzQgMzcuMjI4LTYzLjA4LTY0LjExNSAzNy4yM0w0MTAuNTQgODEuMjRsLTQzLjQzMiA1Ny45MS0xNy41OC02Ny4yMTctMTkuNjQ4IDY5LjI4NS00My40MzMtNTguOTQ0IDEyLjQxIDc1LjQ5LTY0LjExNS0zOS4yOTYgMzcuMjI4IDYzLjA4LTcwLjMyLTExLjM3NSA1Ny45MSA0My40MzMtNzIuMzg3IDE4LjYxNGgzMjEuNjF6IiBmaWxsPSIjZmZkNjAwIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-ai {
  background-image: url(img/377c542.svg)
}

.flag-icon-al {
  background-image: url(img/0663234.svg)
}

.flag-icon-am {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnYxNzAuNjY3SDB6IiBmaWxsPSJyZWQiLz48cGF0aCBkPSJNMCAxNzAuNjY3aDUxMnYxNzAuNjY2SDB6IiBmaWxsPSIjMDBmIi8+PHBhdGggZD0iTTAgMzQxLjMzM2g1MTJWNTEySDB6IiBmaWxsPSJvcmFuZ2UiLz48L3N2Zz4=)
}

.flag-icon-ao {
  background-image: url(img/3e1baa0.svg)
}

.flag-icon-aq {
  background-image: url(img/328821f.svg)
}

.flag-icon-ar {
  background-image: url(img/53647ae.svg)
}

.flag-icon-as {
  background-image: url(img/078ba74.svg)
}

.flag-icon-at {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MTIgNTEySDBWMGg1MTJ6Ii8+PHBhdGggZmlsbD0iI2RmMDAwMCIgZD0iTTUxMiA1MTJIMFYzNDEuMzNoNTEyem0wLTM0MS4ySDBWLjEzaDUxMnoiLz48L2c+PC9zdmc+)
}

.flag-icon-au {
  background-image: url(img/f6b7907.svg)
}

.flag-icon-aw {
  background-image: url(img/0cd7e03.svg)
}

.flag-icon-ax {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTY2LjAyIDBoODUwdjg1MGgtODUweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMCkgc2NhbGUoLjYwMjQpIj48cGF0aCBmaWxsPSIjMDA1M2E1IiBkPSJNMCAwaDEzMDB2ODUwSDB6Ii8+PGcgZmlsbD0iI2ZmY2UwMCI+PHBhdGggZD0iTTQwMCAwaDI1MHY4NTBINDAweiIvPjxwYXRoIGQ9Ik0wIDMwMGgxMzAwdjI1MEgweiIvPjwvZz48ZyBmaWxsPSIjZDIxMDM0Ij48cGF0aCBkPSJNNDc1IDBoMTAwdjg1MEg0NzV6Ii8+PHBhdGggZD0iTTAgMzc1aDEzMDB2MTAwSDB6Ii8+PC9nPjwvZz48L3N2Zz4=)
}

.flag-icon-az {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjM2Y5YzM1IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjZWQyOTM5IiBkPSJNMCAwaDUxMnYzNDEuMzMzSDB6Ii8+PHBhdGggZmlsbD0iIzAwYjllNCIgZD0iTTAgMGg1MTJ2MTcwLjY2N0gweiIvPjxjaXJjbGUgY3g9IjIzOC44MjciIGN5PSIyNTYiIHI9Ijc2LjgiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSIyNTUuODkzIiBjeT0iMjU2IiByPSI2NCIgZmlsbD0iI2VkMjkzOSIvPjxwYXRoIGQ9Ik0zMjQuMTYgMjEzLjMzM2w4LjE2NCAyMi45NTggMjIuMDA2LTEwLjQ2LTEwLjQ2IDIyLjAwNkwzNjYuODI2IDI1NmwtMjIuOTU4IDguMTY0IDEwLjQ2IDIyLjAwNi0yMi4wMDYtMTAuNDYtOC4xNjQgMjIuOTU3LTguMTY0LTIyLjk1OC0yMi4wMDYgMTAuNDYgMTAuNDYtMjIuMDA2TDI4MS40OTQgMjU2bDIyLjk1OC04LjE2NC0xMC40Ni0yMi4wMDYgMjIuMDA2IDEwLjQ2IDguMTY0LTIyLjk1N3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.flag-icon-ba {
  background-image: url(img/d5ef14f.svg)
}

.flag-icon-bb {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAtLjJoNTEyVjUxMkgweiIvPjxwYXRoIGZpbGw9IiNmZmM3MjYiIGQ9Ik0xNzAuNjY3LS4yaDE3MC42NjdWNTEySDE3MC42Njd6Ii8+PHBhdGggaWQ9ImEiIGQ9Ik0yNTYgMTczLjMxMmMtNS41NDcgMTUuMTI1LTExLjIgMzAuODctMjMuMjk2IDQyLjkyMyAzLjc1NS0xLjIzOCAxMC4zMjUtMi4zNDcgMTQuNTUtMi4yNHY2My42MTZsLTE3Ljk2MyAyLjY2N2MtLjY0LS4wNjQtLjg1My0xLjA2Ni0uODUzLTIuNDMyLTEuNzI4LTE5Ljc1NC02LjQtMzYuMzUyLTExLjc3Ni01My41MjUtLjM4My0yLjM0Ny03LjE4OC0xMS4zMDctMS45NC05LjcyOC42NC4wODUgNy42NiAyLjk0NCA2LjU1IDEuNTgtOS41NTgtOS45LTIzLjUzLTE3LjAyNS0zNy4xLTE5LjEzNy0xLjE5NC0uMy0xLjg5OC4yOTgtLjgzIDEuNjg1IDE4LjAwNCAyNy43MTIgMzMuMDY1IDYwLjQxNiAzMi45MzcgOTkuMjIgNi45OTggMCAyMy45NTgtNC4xMzcgMzAuOTc2LTQuMTM3djQ0Ljg4NWg4Ljg1NGwyLjAyNi0xMjUuMzU1eiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDUxMiAwKSIvPjwvc3ZnPg==)
}

.flag-icon-bd {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMDA2YTRlIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48Y2lyY2xlIGN4PSIyMzAiIGN5PSIyNTYiIHI9IjE3MC42NjciIGZpbGw9IiNmNDJhNDEiLz48L3N2Zz4=)
}

.flag-icon-be {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBkPSJNMCAwaDE3MC42NjR2NTEyLjAxSDB6Ii8+PHBhdGggZmlsbD0iI2ZmZDkwYyIgZD0iTTE3MC42NjQgMGgxNzAuNjY0djUxMi4wMUgxNzAuNjY0eiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzI4IDBoMTcwLjY2NXY1MTIuMDFIMzQxLjMyOHoiLz48L2c+PC9zdmc+)
}

.flag-icon-bf {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNkZTAwMDAiIGQ9Ik01MTIuMDYzIDUxMS41NUguMzU2Vi4wMDNoNTExLjcwN3oiLz48cGF0aCBmaWxsPSIjMzVhMTAwIiBkPSJNNTExLjc3NCA1MTEuOTk3SC4wNjhWMjU2LjIyNGg1MTEuNzA2eiIvPjwvZz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYzMDAiIGQ9Ik0zODkgMjIzLjc3M2wtODIuODY3IDU2LjU1IDMxLjcwOCA5MS41OTUtODIuNzY2LTU2LjY4NS04Mi43NjYgNTYuNjcgMzEuNzIyLTkxLjU4LTgyLjg1My01Ni41NzcgMTAyLjM2My4wOTUgMzEuNTUtOTEuNjM2IDMxLjU0OCA5MS42MzciLz48L3N2Zz4=)
}

.flag-icon-bg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZDYyNjEyIiBkPSJNMCAzNDEuMzMyaDUxMnYxNzAuNjY2SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg1MTJ2MTcwLjY2NkgweiIvPjxwYXRoIGZpbGw9IiMwMDk2NmUiIGQ9Ik0wIDE3MC42NjZoNTEydjE3MC42NjZIMHoiLz48L2c+PC9zdmc+)
}

.flag-icon-bh {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0xMTkuMDMtMTk2LjY2aDcwOC42NlY1MTJIMTE5LjAzeiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODYgMTQyLjA5KSBzY2FsZSguNzIyNSkiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZTEwMDExIiBkPSJNMC0xOTYuNjZoMTA2M1Y1MTJIMHoiLz48cGF0aCBkPSJNMjE2LjY2IDUxMS42NkwwIDUxMnYtNzA4LjY2bDIxNS42NC4xMTMgMTM5LjE0IDQ0Ljc0My0xMzguMTIgNDMuNjE0IDEzOC4xMiA0NC45NjgtMTM4LjEyIDQzLjYxNUwzNTQuNzggMjUuMzYgMjE2LjY2IDY4Ljk3NmwxMzguMTIgNDQuOTY4LTEzOC4xMiA0My42MTUgMTM4LjEyIDQ0Ljk3LTEzOC4xMiA0My42MTMgMTM4LjEyIDQ0Ljk3LTEzOC4xMiA0My42MTQgMTM4LjEyIDQ0Ljk2OC0xMzguMTIgNDMuNjE1IDEzOC4xMiA0NC45NjgtMTM4LjEyIDQzLjYxNSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-bi {
  background-image: url(img/d0615c7.svg)
}

.flag-icon-bj {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik02Ny42NC0xNTRoNjY2djY2NmgtNjY2eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyIDExOC4zOSkgc2NhbGUoLjc2ODgpIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMzE5NDAwIiBkPSJNMC0xNTRoMzMzdjY2NkgweiIvPjxwYXRoIGZpbGw9IiNmZmQ2MDAiIGQ9Ik0zMzMtMTU0aDY2NnYzMzNIMzMzeiIvPjxwYXRoIGZpbGw9IiNkZTIxMTAiIGQ9Ik0zMzMgMTc5aDY2NnYzMzNIMzMzeiIvPjwvZz48L2c+PC9zdmc+)
}

.flag-icon-bl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-bm {
  background-image: url(img/f2a1782.svg)
}

.flag-icon-bn {
  background-image: url(img/c5b9160.svg)
}

.flag-icon-bo {
  background-image: url(img/2b6773a.svg)
}

.flag-icon-bq {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiMyMTQ2OGIiLz48cGF0aCBkPSJNMCAwaDUxMnYzNDEuM0gweiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0wIDBoNTEydjE3MC43SDB6IiBmaWxsPSIjYWUxYzI4Ii8+PC9zdmc+)
}

.flag-icon-br {
  background-image: url(img/a30c10f.svg)
}

.flag-icon-bs {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNNTYuNjE4IDI2LjM2NGg0ODAuMzF2NDgwLjMxSDU2LjYxOHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoMS4wNjYgMCAwIDEuMDY3IC02MC4zNTQgLTI4LjEzMykiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05OTAuMDEgNTA2LjE4SDkuMzlWMjcuNjRoOTgwLjYyeiIvPjxwYXRoIGZpbGw9IiNmZmU5MDAiIGQ9Ik05OTAuMDEgMzcwLjU3SDkuMzlWMTY5LjI1aDk4MC42MnoiLz48cGF0aCBmaWxsPSIjMDhjZWQ2IiBkPSJNOTkwLjAxIDUwNi4xOEg5LjM5VjM0Ni42N2g5ODAuNjJ6bTAtMzE4Ljg5SDkuMzlWMjcuNzhoOTgwLjYyeiIvPjxwYXRoIGQ9Ik04LjkyNSAyNS44NzJjMi4xNzcgMCAzOTIuMzcgMjM2Ljk3IDM5Mi4zNyAyMzYuOTdMNy44MzUgNTA1LjM4MiA4LjkyIDI1Ljg3MnoiLz48L2c+PC9zdmc+)
}

.flag-icon-bt {
  background-image: url(img/508393d.svg)
}

.flag-icon-bv {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0IiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tNjggMGg2OTkuNzR2NTEySC02OHoiLz48cGF0aCBmaWxsPSIjZDcyODI4IiBkPSJNLTkyLjk5Mi03Ny44MzdoMjE4LjcydjI3Ni4yNmgtMjE4Ljcyek0yNDkuNDItLjU3MmgzODAuOTF2MTk5SDI0OS40MnpNLTY3LjU0NSAzMjAuMDFoMTkwLjMzdjE5MC4zM2gtMTkwLjMzek0yNTIgMzIyLjEyaDM3OC4zNHYxODguMjFIMjUyeiIvPjxwYXRoIGZpbGw9IiMwMDM4OTciIGQ9Ik0xNTYuNjUtMjUuNDQ3aDY0LjQyNXY1MzUuNzhIMTU2LjY1eiIvPjxwYXRoIGZpbGw9IiMwMDM4OTciIGQ9Ik0tNjcuNTQ1IDIyNC44NGg2OTcuODh2NjMuNDQ0aC02OTcuODh6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-bw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMGNiZmYiIGQ9Ik0wIDBoNTExLjk5M3Y1MTEuOTg0SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTkxLjk5aDUxMS45OTN2MTI4LjAwMkgweiIvPjxwYXRoIGQ9Ik0wIDIxMi42NzVoNTExLjk5M3Y4Ni40MzhIMHoiLz48L2c+PC9zdmc+)
}

.flag-icon-by {
  background-image: url(img/9b65127.svg)
}

.flag-icon-bz {
  background-image: url(img/81f2d64.svg)
}

.flag-icon-ca {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNODEuMTM4IDBoMzYyLjI3NXY1MTJIODEuMTM4eiIvPjxwYXRoIGZpbGw9IiNiZjBhMzAiIGQ9Ik0tMTAwIDBIODEuMTM4djUxMkgtMTAwem01NDMuNDEzIDBoMTgxLjEzOHY1MTJINDQzLjQxM3pNMTM1LjMwOCAyNDcuNDE1bC0xNC4wNjcgNC44MDggNjUuNDU2IDU3LjQ0NmM0Ljk1IDE0Ljc2NC0xLjcyIDE5LjExNi01Ljk3IDI2Ljg2bDcxLjA2LTkuMDItMS44NSA3MS41MTIgMTQuNzE4LS40MjMtMy4yMS03MC45MTggNzEuMTMgOC40MzJjLTQuNDAyLTkuMjk3LTguMzItMTQuMjMzLTQuMjQ3LTI5LjA5OGw2NS40MTQtNTQuNDI2LTExLjQ0Ny00LjE0NGMtOS4zNi03LjIyMiA0LjA0NC0zNC43ODQgNi4wNjYtNTIuMTc4IDAgMC0zOC4xOTUgMTMuMTM1LTQwLjY5OCA2LjI2MmwtOS43MjctMTguNjg1LTM0Ljc0NyAzOC4xN2MtMy43OTYuOTEtNS40MTMtLjYtNi4zMDQtMy44MDhsMTYuMDUzLTc5Ljc2Ni0yNS40MiAxNC4yOTdjLTIuMTI4LjkxLTQuMjU2LjEyNS01LjY1OC0yLjM1NWwtMjQuNDQ1LTQ5LjA3My0yNS4yMSA1MC45NTJjLTEuOSAxLjgyNi0zLjgwMiAyLjAzNy01LjM4Ljc5NmwtMjQuMjA3LTEzLjU3NiAxNC41MyA3OS4xNDNjLTEuMTU2IDMuMTQyLTMuOTI0IDQuMDI2LTcuMTggMi4zMjVsLTMzLjIxNi0zNy43MzdjLTQuMzQ1IDYuOTYyLTcuMjkgMTguMzM2LTEzLjAzMyAyMC44ODUtNS43NDQgMi4zODgtMjQuOTgtNC44MjItMzcuODczLTcuNjM2IDQuNDA0IDE1Ljg5NSAxOC4xNzYgNDIuMzAyIDkuNDYgNTAuOTU3eiIvPjwvc3ZnPg==)
}

.flag-icon-cc {
  background-image: url(img/e53abbf.svg)
}

.flag-icon-cd {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wLTg4aDYwMHY2MDBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0ibWF0cml4KC44NTMgMCAwIC44NTMgMCA3NS4wOTMpIj48cGF0aCBmaWxsPSIjMDA3ZmZmIiBkPSJNMC04OGg4MDB2NjAwSDB6Ii8+PHBhdGggZD0iTTM2IDMyaDg0bDI2LTg0IDI2IDg0aDg0bC02OCA1MiAyNiA4NC02OC01Mi02OCA1MiAyNi04NC02OC01MnpNNzUwLTg4TDAgMzYydjE1MGg1MEw4MDAgNjJWLTg4aC01MCIgZmlsbD0iI2Y3ZDYxOCIvPjxwYXRoIGQ9Ik04MDAtODhMMCAzOTJ2MTIwTDgwMCAzMlYtODgiIGZpbGw9IiNjZTEwMjEiLz48L2c+PC9zdmc+)
}

.flag-icon-cf {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0iIzAwZiIgZD0iTS01Mi0uNTA2aDc2OHYxMjdILTUyeiIvPjxwYXRoIGZpbGw9IiNmZjAiIGQ9Ik0tNTIgMzgzLjVoNzY4VjUxMkgtNTJ6Ii8+PHBhdGggZmlsbD0iIzAwOWEwMCIgZD0iTS01MiAyNTVoNzY4djEyOC41SC01MnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLTUyIDEyNi40OWg3Njh2MTI4LjVILTUyeiIvPjxwYXRoIGZpbGw9InJlZCIgZD0iTTI2OCAwaDEyOHY1MTJIMjY4eiIvPjxwYXRoIGZpbGw9IiNmZjAiIGQ9Ik0xMDkuNDkzIDExMi4zMDZMNzUuOTUgODkuMTFsLTMzLjQzNCAyMy40MjRMNTQuMTIgNzMuMzMgMjEuNjA0IDQ4LjY0NWw0MC43MjMtMS4wMzRMNzUuNjYgOC45MzdsMTMuNTYyIDM4LjU2IDQwLjc1OC43ODItMzIuMzM2IDI0Ljg2NiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-cg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTE1Ljc0IDBINjExLjh2NDk2LjA2SDExNS43NHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExOS40Nikgc2NhbGUoMS4wMzIpIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZmlsbD0iI2ZmMCIgZD0iTTAgMGg3NDQuMDl2NDk2LjA2SDB6Ii8+PHBhdGggZD0iTTAgMHY0OTYuMDZMNDk2LjA2IDBIMHoiIGZpbGw9IiMwMGNhMDAiLz48cGF0aCBkPSJNMjQ4LjAzIDQ5Ni4wNmg0OTYuMDZWMEwyNDguMDMgNDk2LjA2eiIgZmlsbD0icmVkIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-ch {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZDUyYjFlIiBkPSJNMCAwaDUxMS45ODR2NTExLjk4M0gweiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik05NS45OTQgMjA3Ljk5M2gzMTkuOTl2OTUuOTk0SDk1Ljk5M3oiLz48cGF0aCBkPSJNMjA3Ljk5IDk1Ljk5NWg5NS45OTV2MzE5Ljk5SDIwNy45OXoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-ci {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMGNkMDAiIGQ9Ik0zNDEuNDYgMGgxNzAuNTMzdjUxMS45ODRIMzQxLjQ2eiIvPjxwYXRoIGZpbGw9IiNmZjlhMDAiIGQ9Ik0wIDBoMTcwLjN2NTExLjk4NEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNzAuMyAwaDE3MS4xNnY1MTEuOTg0SDE3MC4zeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ck {
  background-image: url(img/e2686b2.svg)
}

.flag-icon-cl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDcwOC42NnY3MDguNjZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJzY2FsZSguNzIyKSIgZmlsbC1vcGFjaXR5PSIuOTk2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzU0LjMxIDBoNzA4LjY4djM1NC4zNEgzNTQuMzF6Ii8+PHBhdGggZmlsbD0iIzAwMzlhNiIgZD0iTTAgMGgzNTQuMzR2MzU0LjM0SDB6Ii8+PHBhdGggZD0iTTIzMi4yNzMgMjY1LjMzOGwtNTQuODgzLTQxLjE2LTU0LjYxNSA0MS41NjQgMjAuMzEyLTY3LjU0My01NC41MTQtNDEuNzA4IDY3LjQ0NC0uNTgyIDIwLjkyLTY3LjMzOCAyMS4zNjYgNjcuMTgzIDY3LjQ0NC4wOS01NC4yMzQgNDIuMSAyMC43NiA2Ny4zOTN6IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbD0iI2Q1MmIxZSIgZD0iTTAgMzU0LjM0aDEwNjN2MzU0LjMySDB6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-cm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZmlsbD0iIzAwN2E1ZSIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Ik0xNzAuNjY3IDBoMTcwLjY2N3Y1MTJIMTcwLjY2N3oiLz48cGF0aCBmaWxsPSIjZmNkMTE2IiBkPSJNMzQxLjMzMyAwSDUxMnY1MTJIMzQxLjMzM3oiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYgMjU2KSBzY2FsZSg1LjY4ODkpIiBmaWxsPSIjZmNkMTE2Ij48ZyBpZD0iYiI+PHBhdGggaWQ9ImEiIGQ9Ik0wLThMLTIuNDcyLS4zOTIgMS4zMzIuODQ1eiIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0ic2NhbGUoLTEgMSkiLz48L2c+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoNzIpIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0KSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0icm90YXRlKC0xNDQpIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoLTcyKSIvPjwvZz48L3N2Zz4=)
}

.flag-icon-cn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PGRlZnM+PHBhdGggaWQ9ImEiIGZpbGw9IiNmZmRlMDAiIGQ9Ik0uOTUtLjMxTC0uNTg3LjgxIDAtMSAuNTg4LjgxLS45NTItLjMxeiIvPjwvZGVmcz48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiNkZTI5MTAiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09Im1hdHJpeCg3Ni44IDAgMCA3Ni44IDEyOCAxMjgpIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09Im1hdHJpeCgtMTMuMTU4NCAtMjEuOTM5MiAyMS45MzkyIC0xMy4xNTg0IDI1NiA1MS4yKSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIi8+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJyb3RhdGUoLTk4LjEwNiAxOTguMDE2IC04Mi4wNzgpIHNjYWxlKDI1LjYpIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09Im1hdHJpeCg3LjA0IC0yNC42MjcyIDI0LjYyNzIgNy4wNCAzMDcuMiAxNzkuMikiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIvPjx1c2UgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0ibWF0cml4KDE2IC0xOS45NjggMTkuOTY4IDE2IDI1NiAyMzAuNCkiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIvPjwvc3ZnPg==)
}

.flag-icon-co {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZlODAwIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMTQ4ZSIgZD0iTTAgMjU2aDUxMi4wMDV2MjU2SDB6Ii8+PHBhdGggZmlsbD0iI2RhMDAxMCIgZD0iTTAgMzg0LjAwM2g1MTIuMDA1VjUxMkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-cr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMDAwMGI0IiBkPSJNMCAwaDUxMS45OTN2NTExLjk4NEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDgwLjQ1NWg1MTEuOTkzdjM0My43NjJIMHoiLz48cGF0aCBmaWxsPSIjZDkwMDAwIiBkPSJNMCAxNjguMjIyaDUxMS45OTN2MTY4LjIyMkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-cu {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0iIzAwNTBmMCIgZD0iTS0zMiAwaDc2OHY1MTJILTMyeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0tMzIgMTAyLjRoNzY4djEwMi40SC0zMnptMCAyMDQuOGg3Njh2MTAyLjRILTMyeiIvPjxwYXRoIGQ9Ik0tMzIgMGw0NDAuNjkgMjU1LjY3TC0zMiA1MTEuMDFWMHoiIGZpbGw9IiNlZDAwMDAiLz48cGF0aCBkPSJNMTYxLjc1IDMyNS40N2wtNDcuNDQ3LTM1LjQzMi00Ny4yMTQgMzUuNzggMTcuNTYtNTguMTQ0LTQ3LjEzLTM1LjkwNCA1OC4zMDYtLjUgMTguMDg0LTU3Ljk3IDE4LjQ3MiA1Ny44MzYgNTguMzA1LjA3Ny00Ni44ODYgMzYuMjQzIDE3Ljk0OCA1OC4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-cv {
  background-image: url(img/accdfa0.svg)
}

.flag-icon-cw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii42NyIgZD0iTTAgMGg5MDAwdjkwMDBIMHoiLz48L2NsaXBQYXRoPjxwYXRoIGlkPSJiIiBkPSJNMC0xbC4yMjUuNjlILjk1TC4zNjQuMTJsLjIyNS42OUwwIC4zODMtLjU4OC44MWwuMjI1LS42OTJMLS45NS0uMzFoLjcyNXoiLz48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InNjYWxlKC4wNTcpIj48cGF0aCBmaWxsPSIjMDAyYjdmIiBkPSJNMCAwaDEzNTAwdjkwMDBIMHoiLz48cGF0aCBmaWxsPSIjZjllODE0IiBkPSJNMCA1NjI1aDEzNTAwdjExMjVIMHoiLz48dXNlIHhsaW5rOmhyZWY9IiNiIiB0cmFuc2Zvcm09InNjYWxlKDc1MCkiIGhlaWdodD0iOTAwMCIgd2lkdGg9IjEzNTAwIiB5PSIyIiB4PSIyIiBmaWxsPSIjZmZmIi8+PHVzZSB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJzY2FsZSgxMDAwKSIgaGVpZ2h0PSI5MDAwIiB3aWR0aD0iMTM1MDAiIHk9IjMiIHg9IjMiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+)
}

.flag-icon-cx {
  background-image: url(img/8142eab.svg)
}

.flag-icon-cy {
  background-image: url(img/dbf92cb.svg)
}

.flag-icon-cz {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTAyLjQyIDBoNzA4LjY2djcwOC42NkgxMDIuNDJ6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NCkgc2NhbGUoLjcyMikiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZTgwMDAwIiBkPSJNMCAwaDEwNjN2NzA4LjY2SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMDYzdjM1NC4zM0gweiIvPjxwYXRoIGQ9Ik0wIDBsNTI5LjczMiAzNTMuODhMMCA3MDcuM1YweiIgZmlsbD0iIzAwMDA2ZiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-de {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZmZjZTAwIiBkPSJNMCAzNDEuMzM4aDUxMi4wMDV2MTcwLjY3SDB6Ii8+PHBhdGggZD0iTTAgMGg1MTIuMDA1djE3MC42N0gweiIvPjxwYXRoIGZpbGw9IiNkMDAiIGQ9Ik0wIDE3MC42N2g1MTIuMDA1djE3MC42NjhIMHoiLz48L3N2Zz4=)
}

.flag-icon-dj {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNNTUuMzY0IDBoNzA4LjY2djcwOC42Nkg1NS4zNjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MCkgc2NhbGUoLjcyMikiPjxwYXRoIGZpbGw9IiMwYzAiIGQ9Ik0wIDBoMTA2M3Y3MDguNjZIMHoiLz48cGF0aCBmaWxsPSIjNjlmIiBkPSJNMCAwaDEwNjN2MzU0LjMzSDB6Ii8+PHBhdGggZD0iTTAgMGw1MjkuNzMyIDM1My44OEwwIDcwNy4zVjB6IiBmaWxsPSIjZmZmZWZlIi8+PHBhdGggZD0iTTIyMS4xOTMgNDA0LjI0N2wtNDIuNjYtMzAuNzEtNDIuNDUgMzEuMDEyIDE1Ljc5LTUwLjM5NS00Mi4zNzQtMzEuMTE4IDUyLjQyMi0uNDM0IDE2LjI2LTUwLjI0IDE2LjYwNyA1MC4xMjUgNTIuNDIyLjA2Ni00Mi4xNTYgMzEuNDEgMTYuMTM3IDUwLjI4M3oiIGZpbGw9InJlZCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-dk {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjYzYwYzMwIiBkPSJNMCAwaDUxMi4xdjUxMkgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNDQgMGg3My4xNDN2NTEySDE0NHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMTkuNDNoNTEyLjF2NzMuMTQySDB6Ii8+PC9zdmc+)
}

.flag-icon-dm {
  background-image: url(img/fda8fe7.svg)
}

.flag-icon-do {
  background-image: url(img/88a82fc.svg)
}

.flag-icon-dz {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU2IDBoMjU2djUxMkgyNTZ6Ii8+PHBhdGggZmlsbD0iIzAwNjIzMyIgZD0iTTAgMGgyNTZ2NTEySDB6Ii8+PHBhdGggZD0iTTM2Ni45MzMgMTkyYTEyOCAxMjggMCAxMDAgMTI4IDEwMi40IDEwMi40IDAgMTEwLTEyOG00LjI2NyA2NEwyNTYgMjE4LjQ1M2w3MS42OCA5OC4xMzRWMTk1LjQxM0wyNTYgMjkzLjU0N3oiIGZpbGw9IiNkMjEwMzQiLz48L3N2Zz4=)
}

.flag-icon-ec {
  background-image: url(img/8fb69b7.svg)
}

.flag-icon-ee {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0ic2NhbGUoLjQ4MiAuNzIpIiBzdHJva2Utd2lkdGg9IjFwdCI+PHJlY3Qgcng9IjAiIHJ5PSIwIiBoZWlnaHQ9IjcwOC42NiIgd2lkdGg9IjEwNjMiLz48cmVjdCByeD0iMCIgcnk9IjAiIGhlaWdodD0iMjM2LjIyIiB3aWR0aD0iMTA2MyIgeT0iNDc1LjU2IiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbD0iIzEyOTFmZiIgZD0iTTAgMGgxMDYzdjIzNi4yMkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-eg {
  background-image: url(img/4137f10.svg)
}

.flag-icon-eh {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTS0xODAgMEg4NDR2MjU2SC0xODB6Ii8+PHBhdGggZmlsbD0iIzEwN2IwMCIgZD0iTS0xODAgMjU2SDg0NHYyNTZILTE4MHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLTE4MCAxNjkuMzFIODQ0djE3Ni4xM0gtMTgweiIvPjxwYXRoIGQ9Ik0zMDkuOTggMTk1LjU1Yy00NS4yMDItMTkuNDIzLTg0LjEwNyAyMC42NDQtODQuMDYzIDU4LjA4NS4wNDYgMzkuMTU4IDM4LjAyIDgwLjkyIDg2LjE2OCA2Mi40My0zNC4wODctMTAuMDM3LTQ4LjE1Ni0zNS4yMTUtNDguMTUtNjAuNjgtLjI0NS0yNS4yMTYgMTUuODg3LTU0LjU0IDQ2LjA0NS01OS44MzV6IiBmaWxsPSIjZjBmIi8+PHBhdGggZmlsbD0iI2ZmMTgwMCIgZD0iTTM2My4xNDUgMjk0LjIxNGwtMjUuODM1LTE4Ljg2OC0yNS45OTMgMTguODk4IDkuOTYzLTMwLjQwMy0yNi0xOC44NyAzMS45ODQuMDcgOS45My0zMC41NTIgOS44MTYgMzAuNDM1IDMyLjExNS4wMDUtMjUuOTI0IDE4LjczNSIvPjxwYXRoIGQ9Ik0zMTQuMzQgMzE1LjY1Yy01MC41MTcgMTcuNTM2LTg4LjU1NC0yMC40OC04OS4yMTYtNTkuNDU2LS42Ni0zOC45NzYgMzcuNTktNzkuMTY3IDg5LjQ3My02MC44NjUtMjkuMzU1IDQuMzUyLTUwLjkxMiAzMC4wOC01MS4xNyA1OS4xNjgtLjE5NiAyMS45OTQgMTIuODEyIDUzLjM0NSA1MC45MTMgNjEuMTUyek0tMTc5Ljk4IDBsMzQ4LjYxIDI1Ni42MkwtMTgwIDUxMmwuMDAyLTUwOS4zOC4wMTUtMi42MjJ6IiBmaWxsPSJyZWQiLz48L2c+PC9zdmc+)
}

.flag-icon-en {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMjUwIDBoNTAwdjUwMEgyNTB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2KSBzY2FsZSgxLjAyNCkiPjxnIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMDA2IiBkPSJNMCAwaDEwMDAuMDJ2NTAwLjAxSDB6Ii8+PHBhdGggZD0iTTAgMHY1NS45MDNsODg4LjIxOCA0NDQuMTFoMTExLjgwMlY0NDQuMTFMMTExLjgwMi4wMDNIMHptMTAwMC4wMiAwdjU1LjlMMTExLjgwMiA1MDAuMDFIMHYtNTUuOUw4ODguMjE4IDBoMTExLjgwMnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNDE2LjY3NSAwdjUwMC4wMWgxNjYuNjdWMGgtMTY2LjY3ek0wIDE2Ni42N3YxNjYuNjdoMTAwMC4wMlYxNjYuNjdIMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMCAyMDAuMDA0djEwMC4wMDJoMTAwMC4wMlYyMDAuMDA0SDB6TTQ1MC4wMSAwdjUwMC4wMWgxMDBWMGgtMTAwek0wIDUwMC4wMWwzMzMuMzQtMTY2LjY3aDc0LjUzNUw3NC41MzUgNTAwLjAxSDB6TTAgMGwzMzMuMzQgMTY2LjY3aC03NC41MzVMMCAzNy4yN1Ywem01OTIuMTQ1IDE2Ni42N0w5MjUuNDg1IDBoNzQuNTM1TDY2Ni42OCAxNjYuNjdoLTc0LjUzNXptNDA3Ljg3NSAzMzMuMzRMNjY2LjY4IDMzMy4zNGg3NC41MzVsMjU4LjgwNSAxMjkuNDAzdjM3LjI2N3oiIGZpbGw9IiNjMDAiLz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-er {
  background-image: url(img/8d5171c.svg)
}

.flag-icon-es {
  background-image: url(img/361eda2.svg)
}

.flag-icon-et {
  background-image: url(img/a61da8e.svg)
}

.flag-icon-fi {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjMDAzNTgwIiBkPSJNMCAxODYuMTgyaDUxMnYxMzkuNjM2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMzU4MCIgZD0iTTEyMy4xNTIgMGgxMzkuNjM2djUxMkgxMjMuMTUyeiIvPjwvc3ZnPg==)
}

.flag-icon-fj {
  background-image: url(img/453532c.svg)
}

.flag-icon-fk {
  background-image: url(img/1bffbf9.svg)
}

.flag-icon-fm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMjQ0LjE2IDBoNDk2LjA2djQ5Ni4wNkgyNDQuMTZ6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTIpIHNjYWxlKDEuMDMyKSIgc3Ryb2tlLXdpZHRoPSIxcHQiPjxwYXRoIGZpbGw9IiM2Nzk3ZDYiIGQ9Ik0wIDBoOTkyLjEzdjQ5Ni4wNkgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MDcuODQ1IDg0LjQ1bDM4Ljg3NC0uMDI3LTMxLjQ3IDIxLjQ3NyAxMi4wNCAzNC43ODYtMzEuNDMtMjEuNTI4LTMxLjQzMyAyMS41MjMgMTIuMDQ3LTM0Ljc4LTMxLjQ2NC0yMS40ODcgMzguODc0LjAzNiAxMS45OC0zNC44MDRtMTEuOTgyIDM2Mi45N2wzOC44NzQuMDI2LTMxLjQ3LTIxLjQ3NyAxMi4wNC0zNC43ODYtMzEuNDMgMjEuNTI3LTMxLjQzMy0yMS41MjMgMTIuMDQ3IDM0Ljc4LTMxLjQ2NCAyMS40ODggMzguODc0LS4wMzYgMTEuOTggMzQuODAzTTM0Ni4wOCAyMzAuMTAybDM3LjE2OC0xMS4zOS0yMy44MTYgMjkuNzM4IDIxLjY4NSAyOS43NDctMzYuMzUyLTExLjM5OEwzMjEgMjk2LjU3bDEuMzUtMzYuNzgzLTM2LjM3LTExLjM1IDM3LjE4NS0xMS4zMyAxLjI4My0zNi43ODRtMzIxLjEwMiAyOS43NzlsLTM3LjE3LTExLjM5IDIzLjgxNyAyOS43MzgtMjEuNjg2IDI5Ljc0NyAzNi4zNTMtMTEuMzk4IDIzLjc2NiAyOS43Ny0xLjM1Mi0zNi43ODMgMzYuMzctMTEuMzUtMzcuMTg0LTExLjMzLTEuMjgzLTM2Ljc4NCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-fo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLXdpZHRoPSIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLTc4LjAxNSAwaDcwOC4xOHY1MTJoLTcwOC4xOHoiLz48cGF0aCBkPSJNLTc1LjkgMTk5LjExaDE5OC4yOVYwSDIzNS43djE5OS4xMWgzOTYuNTh2MTEzLjc4SDIzNS43VjUxMkgxMjIuMzlWMzEyLjg5SC03NS45VjE5OS4xMXoiIGZpbGw9IiMwMDM4OTciLz48cGF0aCBkPSJNLTc1LjkgMjI3LjU2aDIyNi42MlYwaDU2LjY1M3YyMjcuNTZoNDI0LjkxdjU2Ljg5aC00MjQuOTF2MjI3LjU2SDE1MC43MlYyODQuNDVILTc1Ljl2LTU2Ljg5eiIgZmlsbD0iI2Q3MjgyOCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-fr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ga {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmU3MDAiIGQ9Ik01MTIuMDA0IDUxMS45OTNIMFYwaDUxMi4wMDR6Ii8+PHBhdGggZmlsbD0iIzM2YTEwMCIgZD0iTTUxMi4wMDQgMTcwLjY2NEgwVjBoNTEyLjAwNHoiLz48cGF0aCBmaWxsPSIjMDA2ZGJjIiBkPSJNNTEyLjAwNCA1MTEuOTkzSDBWMzQxLjMzaDUxMi4wMDR6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-gb {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMjUwIDBoNTAwdjUwMEgyNTB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2KSBzY2FsZSgxLjAyNCkiPjxnIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMDA2IiBkPSJNMCAwaDEwMDAuMDJ2NTAwLjAxSDB6Ii8+PHBhdGggZD0iTTAgMHY1NS45MDNsODg4LjIxOCA0NDQuMTFoMTExLjgwMlY0NDQuMTFMMTExLjgwMi4wMDNIMHptMTAwMC4wMiAwdjU1LjlMMTExLjgwMiA1MDAuMDFIMHYtNTUuOUw4ODguMjE4IDBoMTExLjgwMnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNDE2LjY3NSAwdjUwMC4wMWgxNjYuNjdWMGgtMTY2LjY3ek0wIDE2Ni42N3YxNjYuNjdoMTAwMC4wMlYxNjYuNjdIMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMCAyMDAuMDA0djEwMC4wMDJoMTAwMC4wMlYyMDAuMDA0SDB6TTQ1MC4wMSAwdjUwMC4wMWgxMDBWMGgtMTAwek0wIDUwMC4wMWwzMzMuMzQtMTY2LjY3aDc0LjUzNUw3NC41MzUgNTAwLjAxSDB6TTAgMGwzMzMuMzQgMTY2LjY3aC03NC41MzVMMCAzNy4yN1Ywem01OTIuMTQ1IDE2Ni42N0w5MjUuNDg1IDBoNzQuNTM1TDY2Ni42OCAxNjYuNjdoLTc0LjUzNXptNDA3Ljg3NSAzMzMuMzRMNjY2LjY4IDMzMy4zNGg3NC41MzVsMjU4LjgwNSAxMjkuNDAzdjM3LjI2N3oiIGZpbGw9IiNjMDAiLz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-gd {
  background-image: url(img/7c62ce7.svg)
}

.flag-icon-ge {
  background-image: url(img/49a0b41.svg)
}

.flag-icon-gf {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMDc4OTMwIiBkPSJNNTEyIDB2NTEyTDAgMHoiLz48cGF0aCBmaWxsPSIjZmNkZDA5IiBkPSJNMCAwbDUxMiA1MTJIMHoiLz48cGF0aCBmaWxsPSIjZGExMjFhIiBkPSJNMjU2IDE4MC4xNDhsNDQuNTg1IDEzNy4yMTdMMTgzLjg2IDIzMi41NmgxNDQuMjhsLTExNi43MjUgODQuODA1eiIvPjwvc3ZnPg==)
}

.flag-icon-gg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZD0iTTAgMGg1MTJ2NTEySDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MiAwaDEyOHY1MTJIMTkyeiIgZmlsbD0iI2U4MTEyZCIvPjxwYXRoIGQ9Ik0wIDE4Ny43MzNoNTEydjEzNi41MzRIMHoiIGZpbGw9IiNlODExMmQiLz48cGF0aCBpZD0iYSIgZD0iTTQ1Ljk5MSAzMDUuNzc4bDIzLjM0Mi0yNC44OWgyMDkuOTkxdi00OS43NzdINjkuMzM0TDQ1Ljk5IDIwNi4yMjJ6IiBmaWxsPSIjZjlkZDE2Ii8+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxLjA2NjY3IC0uOTM3NSAwIDQ5NiAtMTcuMDY4KSIgaGVpZ2h0PSIyNCIgd2lkdGg9IjM2Ii8+PHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMS4wNjY2NyAuOTM3NSAwIDE2IDUyOS4wNjgpIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMzYiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMjU2IDI1NikiIGhlaWdodD0iMjQiIHdpZHRoPSIzNiIvPjwvc3ZnPg==)
}

.flag-icon-gh {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMDA2YjNmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjZmNkMTE2IiBkPSJNMCAwaDUxMnYzNDEuMzMzSDB6Ii8+PHBhdGggZmlsbD0iI2NlMTEyNiIgZD0iTTAgMGg1MTJ2MTcwLjY2N0gweiIvPjxwYXRoIGQ9Ik0yNTYgMTcwLjY2N2w1NS40NTMgMTcwLjY2Ni0xNDUuMTc4LTEwNS40NzdoMTc5LjQ1TDIwMC41NDcgMzQxLjMzM3oiLz48L3N2Zz4=)
}

.flag-icon-gi {
  background-image: url(img/1afed1e.svg)
}

.flag-icon-gl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMCAyNTZoNTEydjI1Nkgwem01My4zMzMgMGMuMDE1IDk0LjI0NiA3Ni40MiAxNzAuNjQgMTcwLjY2NyAxNzAuNjQgOTQuMjQ2IDAgMTcwLjY1Mi03Ni4zOTQgMTcwLjY2Ny0xNzAuNjQtLjAxNS05NC4yNDYtNzYuNDItMTcwLjY0LTE3MC42NjctMTcwLjY0LTk0LjI0NiAwLTE3MC42NTIgNzYuMzk0LTE3MC42NjcgMTcwLjY0IiBmaWxsPSIjZDAwYzMzIi8+PC9zdmc+)
}

.flag-icon-gm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoNTExLjk5N3YxNzAuNjY3SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTcwLjY2N2g1MTEuOTk3djI4LjQ0NEgweiIvPjxwYXRoIGZpbGw9IiMwMDkiIGQ9Ik0wIDE5OS4xMWg1MTEuOTk3djExMy43OEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDMxMi44OWg1MTEuOTk3djI4LjQ0NEgweiIvPjxwYXRoIGZpbGw9IiMwOTAiIGQ9Ik0wIDM0MS4zMzRoNTExLjk5N1Y1MTJIMHoiLz48L2c+PC9zdmc+)
}

.flag-icon-gn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoMTcwLjY2NnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjZmYwIiBkPSJNMTcwLjY2NiAwaDE3MC42NjZ2NTEySDE3MC42NjZ6Ii8+PHBhdGggZmlsbD0iIzA5MCIgZD0iTTM0MS4zMzIgMGgxNzAuNjY1djUxMkgzNDEuMzMyeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-gp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-gq {
  background-image: url(img/88946f8.svg)
}

.flag-icon-gr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDY2NnY2NjZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0ic2NhbGUoLjc3KSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZmlsbD0iIzBkNWVhZiIgZD0iTTAgMGg5OTl2NzRIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCA3NGg5OTl2NzRIMHoiLz48cGF0aCBmaWxsPSIjMGQ1ZWFmIiBkPSJNMCAxNDhoOTk5djc0SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMjIyaDk5OXY3NEgweiIvPjxwYXRoIGZpbGw9IiMwZDVlYWYiIGQ9Ik0wIDI5Nmg5OTl2NzRIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAzNzBoOTk5djc0SDB6Ii8+PHBhdGggZmlsbD0iIzBkNWVhZiIgZD0iTTAgNDQ0aDk5OXY3NEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDUxOGg5OTl2NzRIMHoiLz48cGF0aCBmaWxsPSIjMGQ1ZWFmIiBkPSJNMCA1OTJoOTk5djc0SDB6TTAgMGgzNzB2MzcwSDB6Ii8+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTE0OCAwaDc0djM3MGgtNzR6Ii8+PHBhdGggZD0iTTAgMTQ4aDM3MHY3NEgweiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-gs {
  background-image: url(img/1067356.svg)
}

.flag-icon-gt {
  background-image: url(img/4eea9e0.svg)
}

.flag-icon-gu {
  background-image: url(img/d4375e9.svg)
}

.flag-icon-gw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZmlsbD0iI2NlMTEyNiIgZD0iTTAgMGgxNjB2NTEySDB6Ii8+PHBhdGggZmlsbD0iI2ZjZDExNiIgZD0iTTE2MCAwaDM1MnYyNTZIMTYweiIvPjxwYXRoIGZpbGw9IiMwMDllNDkiIGQ9Ik0xNjAgMjU2aDM1MnYyNTZIMTYweiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00Ni4xNzUgNzIuNzYxKSBzY2FsZSguNzg4NikiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDgwIDAgMCA4MCAxNjAgMjQwKSIgaWQ9ImIiPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDE4IDAgLTEpIiBkPSJNMC0xdjFoLjUiIGlkPSJhIi8+PHVzZSB0cmFuc2Zvcm09InNjYWxlKC0xIDEpIiB4bGluazpocmVmPSIjYSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvZz48dXNlIHRyYW5zZm9ybT0icm90YXRlKDcyIDE2MCAyNDApIiB4bGluazpocmVmPSIjYiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjx1c2UgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0IDE2MCAyNDApIiB4bGluazpocmVmPSIjYiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjx1c2UgdHJhbnNmb3JtPSJyb3RhdGUoLTE0NCAxNjAgMjQwKSIgeGxpbms6aHJlZj0iI2IiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48dXNlIHRyYW5zZm9ybT0icm90YXRlKC03MiAxNjAgMjQwKSIgeGxpbms6aHJlZj0iI2IiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48L2c+PC9zdmc+)
}

.flag-icon-gy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMzOTk0MDgiIGQ9Ik0xLjk0NiAwSDUxMnY1MTJIMS45NDZ6Ii8+PHBhdGggZD0iTS4xNCAwYy0uNjczLjA3OCA0OTUuNjg4IDI1Ny41OCA0OTUuNjg4IDI1Ny41OEwtLjAwMiA1MTEuNzUuMTQgMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNLjIzIDIxLjUzMmMyLjc2OCAwIDQ0Ny4yNTMgMjMyLjQxIDQ0NC43MjIgMjM0LjdMMS40OTQgNDk0LjE1Mi4yMyAyMS41MzJ6IiBmaWxsPSIjZmZkZTA4Ii8+PHBhdGggZD0iTTEuNDk1LjgzNmMxLjQ3OCAwIDIzMi43NjIgMjU2Ljk4IDIzMi43NjIgMjU2Ljk4TDEuNDk1IDUwOC43NzZWLjgyNnoiLz48cGF0aCBkPSJNLjIzIDM2LjE2MmMxLjMyNS0xNS45ODUgMjA4LjczMyAyMjIuMjkgMjA4LjczMyAyMjIuMjlMLjIzIDQ4MS44MTJWMzYuMTYyeiIgZmlsbD0iI2RlMjExMCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-hk {
  background-image: url(img/50fa2f9.svg)
}

.flag-icon-hm {
  background-image: url(img/45e61c9.svg)
}

.flag-icon-hn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZD0iTTAgMGg1MTJ2NTEySDB6IiBmaWxsPSIjMDA3M2NmIi8+PHBhdGggZD0iTTAgMTcwLjY2Nmg1MTJ2MTcwLjY2N0gweiIgZmlsbD0iI2ZmZiIvPjxnIGlkPSJjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYgMjU2KSBzY2FsZSgyOC40NDQ0NikiIGZpbGw9IiMwMDczY2YiPjxnIGlkPSJiIj48cGF0aCBpZD0iYSIgZD0iTTAtMWwtLjMxLjk1LjQ3Ny4xNTZ6Ii8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSIvPjwvZz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNiIiB0cmFuc2Zvcm09InJvdGF0ZSg3MikiLz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNiIiB0cmFuc2Zvcm09InJvdGF0ZSgtNzIpIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0KSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0icm90YXRlKC0xNDQpIi8+PC9nPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4yMjMgLTQ1LjUxMSkiLz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDIuMjIzIDM5LjgyMikiLz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNjIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQyLjIyMyAtNDUuNTExKSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDIuMjIzIDM5LjgyMikiLz48L3N2Zz4=)
}

.flag-icon-hr {
  background-image: url(img/635a609.svg)
}

.flag-icon-ht {
  background-image: url(img/06eefed.svg)
}

.flag-icon-hu {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MTIuMDA0IDUxMS45ODVIMFYwaDUxMi4wMDR6Ii8+PHBhdGggZmlsbD0iIzM4OGQwMCIgZD0iTTUxMi4wMDQgNTExLjk4NUgwVjM0MS4zMjNoNTEyLjAwNHoiLz48cGF0aCBmaWxsPSIjZDQzNTE2IiBkPSJNNTEyLjAwNCAxNzAuOEgwVi4xMzdoNTEyLjAwNHoiLz48L2c+PC9zdmc+)
}

.flag-icon-id {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBzdHJva2Utd2lkdGg9IjFwdCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZTcwMDExIiBkPSJNMCAwaDUxMS45NjZ2MjY1LjU0M0gweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDI1Nmg1MTEuOTY2djI1NkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ie {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMS45OTR2NTEyLjAwMkgweiIvPjxwYXRoIGZpbGw9IiMwMDlBNDkiIGQ9Ik0wIDBoMTcwLjY2N3Y1MTIuMDAySDB6Ii8+PHBhdGggZmlsbD0iI0ZGNzkwMCIgZD0iTTM0MS4zMzMgMEg1MTJ2NTEyLjAwMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-il {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYxOS40MyA1MTJILTExMlYwaDczMS40M3oiLz48cGF0aCBmaWxsPSIjMDBjIiBkPSJNNjE5LjQzIDExNS4yM0gtMTEyVjQ4LjAwM2g3MzEuNDN6bTAgMzUwLjQ1SC0xMTJ2LTY3LjIyN2g3MzEuNDN6bS00ODMtMjc0LjlsMTEwLjEyIDE5MS41NCAxMTIuNDktMTkwLjc1LTIyMi42MS0uNzl6Ii8+PHBhdGggZD0iTTIyNS43NSAzMTcuODFsMjAuOTUgMzUuNTA2IDIxLjQtMzUuMzYtNDIuMzUtLjE0NXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTM2LjAyIDMyMC41OGwxMTAuMTMtMTkxLjU0IDExMi40OCAxOTAuNzUtMjIyLjYxLjc5eiIgZmlsbD0iIzAwYyIvPjxwYXRoIGQ9Ik0yMjUuNzUgMTkxLjYxbDIwLjk1LTM1LjUwNiAyMS40IDM1LjM2LTQyLjM1LjE0NXptLTQzLjc4IDc5LjVsLTIxLjY0IDM1Ljk4MiA0MC45LS4xMjctMTkuMjYtMzUuODU1em0tMjEuMjctNjYuNWw0MS4yMjUuMjktMTkuODM0IDM2LjI2LTIxLjM5LTM2LjU1em0xNTEuMjQgNjYuOTFsMjAuODMgMzUuNTc2LTQxLjcxLS41MzMgMjAuODgtMzUuMDQzem0yMC40NS02Ni45MWwtNDEuMjI1LjI5TDMxMSAyNDEuMTZsMjEuMzktMzYuNTV6bS0xMTQuMjctLjA0bC0yOC4zOTQgNTEuNTE1IDI4LjggNTAuMjk3IDUyLjczIDEuMjE3IDMyLjA0NC01MS41MTUtMjkuNjEtNTEuOTItNTUuNTcyLjQwNXoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+)
}

.flag-icon-im {
  background-image: url(img/f6e8452.svg)
}

.flag-icon-in {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZmlsbD0iI2Y5MyIgZD0iTTAgMGg1MTJ2MTcwLjY2N0gweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDE3MC42NjdoNTEydjE3MC42NjdIMHoiLz48cGF0aCBmaWxsPSIjMTI4ODA3IiBkPSJNMCAzNDEuMzMzaDUxMlY1MTJIMHoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNTYgMjU2KSBzY2FsZSgzLjQxMzMzKSI+PGNpcmNsZSByPSIyMCIgZmlsbD0iIzAwOCIvPjxjaXJjbGUgcj0iMTcuNSIgZmlsbD0iI2ZmZiIvPjxjaXJjbGUgcj0iMy41IiBmaWxsPSIjMDA4Ii8+PGcgaWQ9ImQiPjxnIGlkPSJjIj48ZyBpZD0iYiI+PGcgaWQ9ImEiIGZpbGw9IiMwMDgiPjxjaXJjbGUgcj0iLjg3NSIgdHJhbnNmb3JtPSJyb3RhdGUoNy41IC04Ljc1IDEzMy41KSIvPjxwYXRoIGQ9Ik0wIDE3LjVMLjYgNyAwIDJsLS42IDVMMCAxNy41eiIvPjwvZz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InJvdGF0ZSgxNSkiLz48L2c+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoMzApIi8+PC9nPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2MiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPjwvZz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNkIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjZCIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCkiLz48L2c+PC9zdmc+)
}

.flag-icon-io {
  background-image: url(img/1734998.svg)
}

.flag-icon-iq {
  background-image: url(img/a632108.svg)
}

.flag-icon-ir {
  background-image: url(img/1a62e10.svg)
}

.flag-icon-is {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNODUuNDMgMGg0ODZ2NDg2aC00ODZ6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MCkgc2NhbGUoMS4wNTM1KSIgc3Ryb2tlLXdpZHRoPSIwIj48cGF0aCBmaWxsPSIjMDAzODk3IiBkPSJNMCAwaDY3NXY0ODZIMHoiLz48cGF0aCBkPSJNMCAxODloMTg5VjBoMTA4djE4OWgzNzh2MTA4SDI5N3YxODlIMTg5VjI5N0gwVjE4OXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMCAyMTZoMjE2VjBoNTR2MjE2aDQwNXY1NEgyNzB2MjE2aC01NFYyNzBIMHYtNTR6IiBmaWxsPSIjZDcyODI4Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-it {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwOTI0NiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNjZTJiMzciIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-je {
  background-image: url(img/12bf2a5.svg)
}

.flag-icon-jm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDBsMjU1Ljk5OSAyNTUuOTk5TDAgNTExLjk5OHptNTExLjk5OCAwTDI1NS45OTkgMjU1Ljk5OWwyNTUuOTk5IDI1NS45OTl6Ii8+PHBhdGggZD0iTTAgMGwyNTUuOTk5IDI1NS45OTlMNTExLjk5OCAwem0wIDUxMS45OThsMjU1Ljk5OS0yNTUuOTk5IDI1NS45OTkgMjU1Ljk5OXoiIGZpbGw9IiMwOTAiLz48cGF0aCBkPSJNNTExLjk5OCAwaC00Ny43MDFMMCA0NjQuMjk3djQ3LjcwMWg0Ny43MDFMNTExLjk5OCA0Ny43MDF6IiBmaWxsPSIjZmMwIi8+PHBhdGggZD0iTTAgMHY0Ny43MDNMNDY0LjI5NyA1MTJoNDcuNzAxdi00Ny43MDFMNDcuNzAxLjAwMnoiIGZpbGw9IiNmYzAiLz48L2c+PC9zdmc+)
}

.flag-icon-jo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTEzLjU2IDBoNDkzLjV2NDkzLjVoLTQ5My41eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExNy44Mikgc2NhbGUoMS4wMzc1KSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZD0iTTAgMGg5ODd2MTY0LjVIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxNjQuNWg5ODdWMzI5SDB6Ii8+PHBhdGggZmlsbD0iIzA5MCIgZD0iTTAgMzI5aDk4N3YxNjQuNUgweiIvPjxwYXRoIGQ9Ik0wIDQ5My41bDQ5My41LTI0Ni43NUwwIDB2NDkzLjV6IiBmaWxsPSJyZWQiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTY0Ljc2NiAyNDMuOTU0bDIyLjEwMSAxMC42NDVoLTI0LjUzMWw1LjQ1OSAyMy45MjMtMTUuMjk0LTE5LjItMTUuMjk2IDE5LjIgNS40NTktMjMuOTIzaC0yNC41M2wyMi4xLTEwLjY0NS0xNS4yOTQtMTkuMTgxIDIyLjEwMiAxMC42NUwxNTIuNSAyMTEuNWw1LjQ1NyAyMy45MjMgMjIuMTAxLTEwLjY1eiIvPjwvZz48L2c+PC9zdmc+)
}

.flag-icon-jp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTc3LjE3IDBoNzA4LjY2djcwOC42NkgxNzcuMTd6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgpIHNjYWxlKC43MjI0OSkiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEwNjN2NzA4LjY2SDB6Ii8+PGNpcmNsZSBjeD0iNTIzLjA4IiBjeT0iMzQ0LjA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTkuNzA3IC0zNC41MjEpIHNjYWxlKDEuMTMwMikiIGZpbGw9IiNkMzAwMDAiIHI9IjE5NC45MyIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ke {
  background-image: url(img/8db0f5f.svg)
}

.flag-icon-kg {
  background-image: url(img/20cdf61.svg)
}

.flag-icon-kh {
  background-image: url(img/2be5f19.svg)
}

.flag-icon-ki {
  background-image: url(img/8484193.svg)
}

.flag-icon-km {
  background-image: url(img/86ad579.svg)
}

.flag-icon-kn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTUxLjY5LS4zNDdoNzQ1LjEydjc0NS4xMkgxNTEuNjl6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuMjMgLjIzOSkgc2NhbGUoLjY4NzE0KSI+PHBhdGggZmlsbD0iI2ZmZTkwMCIgZD0iTS01LjMgMGgxMDczLjV2NzQ0LjA5SC01LjN6Ii8+PHBhdGggZD0iTS01LjgzOCAwbDEuMjQ2IDUzNi40MUw4MzAuNzM4LS4zNS01LjgzMiAweiIgZmlsbD0iIzM1YTEwMCIvPjxwYXRoIGQ9Ik0xMDY5LjUgNzQ0LjA5bC0xLjktNTU3Ljc1LTg0Mi42MiA1NTguMTcgODQ0LjUyLS40MnoiIGZpbGw9IiNjNzAwMDAiLz48cGF0aCBkPSJNLTUuMyA1NzYuODVsLjcwOCAxNjcuOTIgMTgyLjI4LS4yNCA4OTAuMy01OTYuODgtMS0xNDZMODg2Ljg0OCAwLTUuMzMyIDU3Ni44NXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNODE4LjA0OCAyNjkuMDg4bC02NC4yMjUtMi4yNDItMjUuMjggNjAuMTUzLTE0LjMxMy02MS41MS02NC4yMzUtMi4xNTIgNTUuMzgtMzUuNzY0LTE0LjQyNS02MS40NzkgNDguNTQgMzkuNDAyIDU1LjMyMy0zNS44NTMtMjUuMzc3IDYwLjEyMXptLTQwMC41OCAyNjAuMzhsLTY0LjIyNS0yLjI0Mi0yNS4yOCA2MC4xNTMtMTQuMzEzLTYxLjUxLTY0LjIzNS0yLjE1MiA1NS4zOC0zNS43NjQtMTQuNDI1LTYxLjQ3OSA0OC41NCAzOS40MDIgNTUuMzIzLTM1Ljg1My0yNS4zNzcgNjAuMTIxeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-kp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNOTIuMjEzIDcuODI4aDU5My42djQ4NS41aC01OTMuNnoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoLjg2MjU0IDAgMCAxLjA1NDYgLTc5LjUzNyAtOC4yNTUpIj48cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4wNjMiIGZpbGw9IiNmZmYiIGQ9Ik05OTEuODEgNDkyLjg4SDQuMThWOC4zOGg5ODcuNjN6Ii8+PHBhdGggZmlsbD0iIzNlNTY5OCIgZD0iTTk5MS44MSA0MDUuMjFINC4xOHY4Ny42NzJoOTg3LjYzeiIvPjxwYXRoIGZpbGw9IiNjNjAwMDAiIGQ9Ik05OTEuODEgMzg0LjlINC4xOFYxMTYuMzVoOTg3LjYzeiIvPjxwYXRoIGZpbGw9IiMzZTU2OTgiIGQ9Ik05OTEuODEgOC4zNzRINC4xOHY4Ny42NzJoOTg3LjYzeiIvPjxwYXRoIGQ9Ik00NzMuMDg4IDI1MC42NDhjMCA2MC4xNjctNjEuNTcyIDEwOC45NC0xMzcuNTIzIDEwOC45NC03NS45NTMgMC0xMzcuNTIzLTQ4Ljc3NS0xMzcuNTIzLTEwOC45NCAwLTYwLjE2NyA2MS41NzItMTA4Ljk0IDEzNy41MjMtMTA4Ljk0IDc1Ljk1MyAwIDEzNy41MjMgNDguNzc0IDEzNy41MjMgMTA4Ljk0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGw9IiNjNDAwMDAiIGQ9Ik00MDIuODU0IDMyNi43NWwtNjYuMDc3LTM4LjU5LTY3LjEzMiAzOS4xMjkgMjYuMzgtNjIuODk2LTY2LjE0OC0zOC41MTYgODIuMzc0LS4yNzQgMjYuMjQyLTYyLjkzMyAyNC41MzUgNjIuNzI0IDgyLjM3Ni0uMzg1LTY3LjIxMyAzOS4wNDZ6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-kr {
  background-image: url(img/7ce5a14.svg)
}

.flag-icon-kw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDQ5Ni4wNnY0OTYuMDZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJzY2FsZSgxLjAzMjEpIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTY1LjMzaDk5Mi4xM1YzMzAuN0gweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0wIDMzMC43aDk5Mi4xM3YxNjUuMzdIMHoiLz48cGF0aCBmaWxsPSIjMDBkOTQxIiBkPSJNMCAwaDk5Mi4xM3YxNjUuMzdIMHoiLz48cGF0aCBkPSJNMCAwdjQ5Ni4wNmwyNDcuNS0xNjUuMzguNTMtMTY1LjQ2TDAgMHoiLz48L2c+PC9zdmc+)
}

.flag-icon-ky {
  background-image: url(img/58b6db2.svg)
}

.flag-icon-kz {
  background-image: url(img/0855baa.svg)
}

.flag-icon-la {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTc3LjE3IDBoNzA4LjY2djcwOC42NkgxNzcuMTd6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgpIHNjYWxlKC43MjI0OSkiPjxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Ik0wIDBoMTA2M3Y3MDguNjZIMHoiLz48cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJNMCAxNzYuMDcyaDEwNjN2MzU2LjUxSDB6Ii8+PHBhdGggZD0iTTY4NC4xNzIgMzU0LjMyMWMwIDg0LjMyNS02OC4zNTkgMTUyLjY4My0xNTIuNjgzIDE1Mi42ODNzLTE1Mi42ODMtNjguMzU4LTE1Mi42ODMtMTUyLjY4MyA2OC4zNTgtMTUyLjY4MyAxNTIuNjgzLTE1Mi42ODMgMTUyLjY4MyA2OC4zNTkgMTUyLjY4MyAxNTIuNjgzeiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-lb {
  background-image: url(img/bdba814.svg)
}

.flag-icon-lc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiM2NWNmZmYiIGQ9Ik0wIDBoNTEydjUxMkgweiIvPjxwYXRoIGQ9Ik0yNTQuODMgNDQuNzkxbDE3My41MSA0MjEuNjUtMzQ0LjExLjk3IDE3MC42LTQyMi42MnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjU1LjAyIDEwMi45NWwxNTAuMDUgMzYyLjY2LTI5Ny41OC44MyAxNDcuNTMtMzYzLjQ5eiIvPjxwYXRoIGQ9Ik0yNTQuODMgMjU2LjFsMTczLjUxIDIxMC44My0zNDQuMTEuNDggMTcwLjYtMjExLjMxeiIgZmlsbD0iI2ZmY2UwMCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-li {
  background-image: url(img/f37f498.svg)
}

.flag-icon-lk {
  background-image: url(img/3ce70e5.svg)
}

.flag-icon-lr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgLjA4NGg3NjcuODd2NTExLjkySDB6Ii8+PHBhdGggZmlsbD0iIzAwNiIgZD0iTTAgMGgyMzIuNzR2MjMyLjc1SDB6Ii8+PHBhdGggZmlsbD0iI2MwMCIgZD0iTTAgNDY0Ljg3aDc2Ny44OXY0Ny4xMjdIMHoiLz48cGF0aCBmaWxsPSIjYzAwIiBkPSJNMCA0NjUuNDNoNzY3Ljg5djQ2LjU3NEgwem0wLTkyLjkxaDc2Ny44OXY0Ni4yMUgwem0wLTkzLjI2aDc2NS45NnY0Ni43SDB6TTIzMi42Ny4wNTVoNTM1LjE3djQ2LjQ5NEgyMzIuNjd6bTAgMTg2LjAwNWg1MzUuMTd2NDYuNzk2SDIzMi42N3ptMC05Mi42OTloNTM1LjE3djQ2LjQ5NEgyMzIuNjd6Ii8+PHBhdGggZD0iTTE2Ni4zNSAxNzcuNDdsLTUwLjcxLTMwLjk4LTUwLjQ2NSAzMS4yOSAxOC43NjktNTAuODUtNTAuMzczLTMxLjM5NCA2Mi4zMjEtLjQzOCAxOS4zMjgtNTAuNjkxIDE5Ljc0NCA1MC41NzQgNjIuMzIxLjA2Ny01MC4xMTUgMzEuNjkzIDE5LjE4NCA1MC43MzJ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-ls {
  background-image: url(img/fd0cc2e.svg)
}

.flag-icon-lt {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0ic2NhbGUoLjUxMzE0IDEuMDMyMikiIHN0cm9rZS13aWR0aD0iMXB0Ij48cmVjdCB0cmFuc2Zvcm09InNjYWxlKC45Mzg2NSAuNjk2ODYpIiByeD0iMCIgcnk9IjAiIGhlaWdodD0iNzA4LjY2IiB3aWR0aD0iMTA2MyIgZmlsbD0iIzAwNzMwOCIvPjxyZWN0IHRyYW5zZm9ybT0ic2NhbGUoLjkzODY1IC42OTY4NikiIHJ4PSIwIiByeT0iMCIgaGVpZ2h0PSIyMzYuMjIiIHdpZHRoPSIxMDYzIiB5PSI0NzUuNTYiIGZpbGw9IiNiZjAwMDAiLz48cGF0aCBmaWxsPSIjZmZiMzAwIiBkPSJNMCAwaDk5Ny43N3YxNjQuNjFIMHoiLz48L2c+PC9zdmc+)
}

.flag-icon-lu {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMDBhMWRlIiBkPSJNMCAyNTZoNTEydjI1NkgweiIvPjxwYXRoIGZpbGw9IiNlZDI5MzkiIGQ9Ik0wIDBoNTEydjI1NkgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDE3MC42NjdoNTEydjE3MC42NjZIMHoiLz48L3N2Zz4=)
}

.flag-icon-lv {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNTEyLjAwNXY1MTIuMDA1SDB6Ii8+PHBhdGggZmlsbD0iI2FiMjMxZCIgZD0iTTAgMGg1MTIuMDA1djIwNC44MDJIMHptMCAzMDcuMjAzaDUxMi4wMDV2MjA0LjgwMkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ly {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0yNTAgMTJoNTAwdjUwMEgyNTB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2IC0xMi4yODgpIHNjYWxlKDEuMDI0KSI+PHBhdGggZmlsbD0iIzIzOWU0NiIgZD0iTTAgMTJoMTAwMHY1MDBIMHoiLz48cGF0aCBkPSJNMCAxMmgxMDAwdjM3NUgweiIvPjxwYXRoIGZpbGw9IiNlNzAwMTMiIGQ9Ik0wIDEyaDEwMDB2MTI1SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTU0NC4yIDIxNy44YTU0LjMgNTQuMyAwIDEwMCA4OC40IDYyLjUgNjIuNSAwIDExMC04OC40TTUzMC40IDI2Mmw4NC4xLTI3LjMtNTIgNzEuNXYtODguNGw1MiA3MS41eiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ma {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjYzEyNzJkIiBkPSJNNTEyIDBIMHY1MTJoNTEyeiIvPjxwYXRoIGQ9Ik0yNTYgMTkxLjQxNUwyMTguMDU0IDMwOC4yMWw5OS4zMy03Mi4xNTZoLTEyMi43N2w5OS4zMyA3Mi4xNTd6IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDYyMzMiIHN0cm9rZS13aWR0aD0iMTIuNDg0Ii8+PC9zdmc+)
}

.flag-icon-mc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZjMxODMwIiBkPSJNMCAwaDUxMS45OTN2MjU1Ljk5MkgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDI1NS45OTJoNTExLjk5M3YyNTUuOTkySDB6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-md {
  background-image: url(img/879bb31.svg)
}

.flag-icon-me {
  background-image: url(img/be3b17d.svg)
}

.flag-icon-mf {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-mg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmYzMzE5IiBkPSJNMTcwLjY2NCAwaDM0MS4zM3YyNTUuOTkyaC0zNDEuMzN6Ii8+PHBhdGggZmlsbD0iIzAwY2MyOCIgZD0iTTE3MC42NjQgMjU1Ljk5MmgzNDEuMzN2MjU1Ljk5MmgtMzQxLjMzeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTcwLjY2NHY1MTEuOTg0SDB6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-mh {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMzYjVhYTMiIGQ9Ik0wIDBoNTExLjl2NTEySDB6Ii8+PHBhdGggZD0iTTEzOS4wNiAxLjI0bC01LjQgODcuOTYzLTIzLjEyLTU2LjA5NSA4Ljg3IDU5LjcxLTM1Ljc5Ni00OC4yNTJMMTA3LjA4IDk5LjYyIDYwLjA2NyA2My4xNTRsMzYuNTkyIDQ1LjgyNi01My4xNC0yMy41NTIgNDYuNTQ5IDM1LjI0NC01Ny44OTUtNy42NTUgNTQuNzA2IDIxLjY4Ny04NS44NzEgNy44NTQgODYuMDgzIDUuNzU0LTU0LjU0NyAyMi40MjcgNTcuMzExLTcuNzU1LTQ2LjM3NyAzNC4yNDUgNTMuODE5LTIzLjYxNS0zNi43MDggNDYuMjAyIDQ2LjctMzUuMzU4LTIzLjEzNiA1My44MTcgMzcuMzgyLTQ2LjgwMS0xMC4xMTkgNTguMzM4TDEzNC45MyAxOTUuM2w1LjMxNSA4Ni4xMTIgOC4yOTMtODUuOSAyMC4yNzQgNTQuODQ0LTcuNzMtNTkuMDk1IDM3LjE5OSA0Ni44NC0yNC40NDEtNTQuNzA3IDQ2LjY4IDM3LjY0OS0zNy4xMTItNDcuMDA1IDU1LjQ4IDIzLjEtNDkuMTAxLTM1Ljg1NyA1OS43OTcgMTAuMDgtNTcuMjQ2LTIxLjk4NyA4OS4wMzgtNS41My04OS4wMzgtOC4yOTIgNTguNjA1LTE5LjUzNS02MC43MzMgNy42MjkgNTAuMTgtMzUuMDgyLTU2LjU1OCAyMi43NSAzOS4wNi00Ny4zNTItNDcuNTY1IDM3LjE0NiAyMi44ODgtNTYuODMyLTM2LjkyIDQ4LjMyNyA3LjkzLTYwLjI3LTIxLjk2MyA1Ni44NjgtOC4yMDQtODcuOTYyeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0wIDQ5OC4yMkw1MTEuOTQgMGwtLjAzIDkyLjcxTDAgNTEydi0xMy43OHoiIGZpbGw9IiNlMmFlNTciLz48cGF0aCBkPSJNMTcuOTE4IDUxMS45OGw0OTQuMDgtMzIwLjgxLS4xMS0xMDEuODVMLS4wMDIgNTEybDE3LjkxOC0uMDJ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-mk {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZDIwMDAwIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMCAwaDg2LjhMMjU2IDI0Ni44NTcgNDI1LjIgMEg1MTJMMCA1MTJoODYuOEwyNTYgMjY1LjE0MyA0MjUuMiA1MTJINTEyem01MTIgMjA0Ljh2MTAyLjRMMCAyMDQuOHYxMDIuNHpNMjA0LjggMEwyNTYgMjE5LjQzIDMwNy4yIDB6bTAgNTEyTDI1NiAyOTIuNTcgMzA3LjIgNTEyeiIgZmlsbD0iI2ZmZTYwMCIvPjxjaXJjbGUgcj0iODIuMjg2IiBjeT0iMjU2IiBjeD0iMjU2IiBmaWxsPSIjZmZlNjAwIiBzdHJva2U9IiNkMjAwMDAiIHN0cm9rZS13aWR0aD0iMTguMjg2Ii8+PC9zdmc+)
}

.flag-icon-ml {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9InJlZCIgZD0iTTM0MC42IDBoMTcxLjM5M3Y1MTEuOTg0SDM0MC42eiIvPjxwYXRoIGZpbGw9IiMwMDlhMDAiIGQ9Ik0wIDBoMTcwLjN2NTExLjk4NEgweiIvPjxwYXRoIGZpbGw9IiNmZjAiIGQ9Ik0xNzAuMyAwaDE3MS4xNnY1MTEuOTg0SDE3MC4zeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-mm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PGRlZnM+PHBhdGggaWQ9ImEiIHRyYW5zZm9ybT0ic2NhbGUoOC44NDQpIiBmaWxsPSIjZmZmIiBkPSJNLjE2MiAwaC0uMzI0TDAtLjV6Ii8+PGcgaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0icm90YXRlKC0xNDQpIiB3aWR0aD0iMTgiIGhlaWdodD0iMTIiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InJvdGF0ZSgtNzIpIiB3aWR0aD0iMTgiIGhlaWdodD0iMTIiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB3aWR0aD0iMTgiIGhlaWdodD0iMTIiLz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InJvdGF0ZSg3MikiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIvPjx1c2UgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMiIvPjwvZz48L2RlZnM+PHBhdGggZD0iTTAgMGg1MTJ2MTcwLjY2N0gweiIgZmlsbD0iI2ZlY2IwMCIvPjxwYXRoIGQ9Ik0wIDM0MS4zMzNoNTEyVjUxMkgweiIgZmlsbD0iI2VhMjgzOSIvPjxwYXRoIGQ9Ik0wIDE3MC42NjdoNTEydjE3MC42NjZIMHoiIGZpbGw9IiMzNGIyMzMiLz48dXNlIHhsaW5rOmhyZWY9IiNiIiB4PSI5IiB5PSI2LjQyMiIgd2lkdGg9IjE4IiBoZWlnaHQ9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3LjY1OSkgc2NhbGUoNDIuNjY2NjcpIi8+PC9zdmc+)
}

.flag-icon-mn {
  background-image: url(img/7ff5beb.svg)
}

.flag-icon-mo {
  background-image: url(img/94c09d5.svg)
}

.flag-icon-mp {
  background-image: url(img/fec806e.svg)
}

.flag-icon-mq {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-mr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiNjZDJhM2UiLz48cGF0aCBkPSJNMCA3Ni44aDUxMnYzNTguNEgweiIgZmlsbD0iIzAwNjIzMyIvPjxwYXRoIGQ9Ik00MTYgMTY0LjkwN2MtLjQyNyA4Ny45NzgtNzEuOTM2IDE1OS4xNDYtMTYwIDE1OS4xNDZTOTYuNDI3IDI1Mi44ODUgOTYgMTY0LjkwN2ExNjUuMTg4IDE2NS4xODggMCAwMC01LjM3NiA0MS44MTNjMCA5MS4zMDcgNzMuOTg0IDE2NS4zNzYgMTY1LjM3NiAxNjUuMzc2IDkxLjM5MiAwIDE2NS4zNzYtNzMuOTg0IDE2NS4zNzYtMTY1LjM3NiAwLTE0LjQyMS0xLjg3Ny0yOC41MDEtNS4zNzYtNDEuODEzeiIgY2xhc3M9InN0MSIgZmlsbD0iI2ZmYzQwMCIvPjxwYXRoIGQ9Ik0yNTYgMTAwLjA1NGwtMTQuMzcgNDQuMjItNDYuNDk3LjAwMyAzNy42MTYgMjcuMzMxLTE0LjM2NyA0NC4yMjJMMjU2IDE4OC41MDFsMzcuNjE4IDI3LjMzLTE0LjM2Ny00NC4yMjMgMzcuNjE2LTI3LjMzMi00Ni40OTctLjAwMnoiIGZpbGw9IiNmZmM0MDAiLz48L3N2Zz4=)
}

.flag-icon-ms {
  background-image: url(img/830476b.svg)
}

.flag-icon-mt {
  background-image: url(img/4f20d5a.svg)
}

.flag-icon-mu {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDM4My45OWg1MTEuOTl2MTI4SDB6IiBmaWxsPSIjMDA5ZjRkIi8+PHBhdGggZD0iTTAgMTI4aDUxMS45OXYxMjhIMHoiIGZpbGw9IiMxNTFmNmQiLz48cGF0aCBkPSJNMCAwaDUxMS45OXYxMjhIMHoiIGZpbGw9IiNlZTI3MzciLz48cGF0aCBkPSJNMCAyNTUuOTloNTExLjk5djEyOEgweiIgZmlsbD0iI2ZmY2QwMCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-mv {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZDIxMDM0IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjMDA3ZTNhIiBkPSJNMTI4IDEyOGgyNTZ2MjU2SDEyOHoiLz48Y2lyY2xlIHI9Ijg1LjMzMyIgY3k9IjI1NiIgY3g9IjI4OCIgZmlsbD0iI2ZmZiIvPjxlbGxpcHNlIGN5PSIyNTYiIGN4PSIzMDguNTY1IiByeD0iNzMuODk4IiByeT0iODUuMzMzIiBmaWxsPSIjMDA3ZTNhIi8+PC9zdmc+)
}

.flag-icon-mw {
  background-image: url(img/f075545.svg)
}

.flag-icon-mx {
  background-image: url(img/4e358e4.svg)
}

.flag-icon-my {
  background-image: url(img/591d1e3.svg)
}

.flag-icon-mz {
  background-image: url(img/4fce86a.svg)
}

.flag-icon-na {
  background-image: url(img/ca89977.svg)
}

.flag-icon-nc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ne {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMGRiMDJiIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMnYzNDEuMzMzSDB6Ii8+PHBhdGggZmlsbD0iI2UwNTIwNiIgZD0iTTAgMGg1MTJ2MTcwLjY2N0gweiIvPjxjaXJjbGUgY3g9IjI1NiIgY3k9IjI1NiIgcj0iNzIuNTMzIiBmaWxsPSIjZTA1MjA2Ii8+PC9zdmc+)
}

.flag-icon-nf {
  background-image: url(img/44fe594.svg)
}

.flag-icon-ng {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMS45OHY1MTEuOTg0SDB6Ii8+PHBhdGggZmlsbD0iIzAwODc1MyIgZD0iTTM0MS4zMiAwaDE3MC42NnY1MTEuOTg0SDM0MS4zMnpNMCAwaDE3MC42NnY1MTEuOTg0SDB6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-ni {
  background-image: url(img/3f7681e.svg)
}

.flag-icon-nl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0IiB0cmFuc2Zvcm09InNjYWxlKC40ODE2NiAuNzE5MzIpIj48cmVjdCByeD0iMCIgcnk9IjAiIGhlaWdodD0iNzA4LjY2IiB3aWR0aD0iMTA2MyIgZmlsbD0iI2ZmZiIvPjxyZWN0IHJ4PSIwIiByeT0iMCIgaGVpZ2h0PSIyMzYuMjIiIHdpZHRoPSIxMDYzIiB5PSI0NzUuNTYiIGZpbGw9IiMyMTQ2OGIiLz48cGF0aCBmaWxsPSIjYWUxYzI4IiBkPSJNMCAwaDEwNjN2MjM2LjIySDB6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-no {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiNlZjJiMmQiLz48cGF0aCBkPSJNMTI4IDBoMTI4djUxMkgxMjh6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgMTkyaDUxMnYxMjhIMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTYwIDBoNjR2NTEyaC02NHoiIGZpbGw9IiMwMDI4NjgiLz48cGF0aCBkPSJNMCAyMjRoNTEydjY0SDB6IiBmaWxsPSIjMDAyODY4Ii8+PC9zdmc+)
}

.flag-icon-np {
  background-image: url(img/c28b686.svg)
}

.flag-icon-nr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTM1LjY0IDBINjMxLjd2NDk2LjA2SDEzNS42NHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MCkgc2NhbGUoMS4wMzIxKSIgc3Ryb2tlLXdpZHRoPSIxcHQiPjxwYXRoIGZpbGw9IiMwMDIxNzAiIGQ9Ik0wIDBoOTkyLjEzdjQ5Ni4wNkgweiIvPjxwYXRoIGZpbGw9IiNmZmIyMGQiIGQ9Ik0wIDIyNi44Mmg5OTIuMTN2NDIuNDJIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjkyLjQxMyA0MjQuMzUybC0zMS44OS0zMS45NDQtMTAuMjc1IDQzLjk1LTExLjYzNC00My42MTMtMzAuODgzIDMyLjkyIDExLjczLTQzLjU4OC00My4yMDIgMTMuMDc4IDMxLjk0Ni0zMS44ODMtNDMuOTUyLTEwLjI4MiA0My42MTMtMTEuNjM1LTMyLjkyOC0zMC44ODEgNDMuNTg4IDExLjczTDIwNS40NTYgMjc5bDMxLjg4MyAzMS45NDUgMTAuMjgzLTQzLjk1MiAxMS42MzQgNDMuNjE0IDMwLjg3NC0zMi45Mi0xMS43MjIgNDMuNTg4IDQzLjIwMy0xMy4wNzgtMzEuOTU0IDMxLjg4NCA0My45NTIgMTAuMjgyTDI4OS45OTUgMzYybDMyLjkyOSAzMC44ODEtNDMuNTg5LTExLjczeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-nu {
  background-image: url(img/4826186.svg)
}

.flag-icon-nz {
  background-image: url(img/d29645c.svg)
}

.flag-icon-om {
  background-image: url(img/7171b1e.svg)
}

.flag-icon-pa {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS0yNi4wMDMtMjQuOTU0aDU5Mi40NXY1OTUuOTRoLTU5Mi40NXoiLz48cGF0aCBmaWxsPSIjZGIwMDAwIiBkPSJNMjU1LjM0LTIwLjQxN2gzMTIuMDl2Mjc1LjIySDI1NS4zNHoiLz48cGF0aCBmaWxsPSIjMDAwMGFiIiBkPSJNLTU0LjQ0NiAyNTQuODFoMzA5LjgydjMxNi4xN2gtMzA5Ljgyem0yMzMuNDI2LTczLjIybC00Ni40NzctMjkuMjExLTQ2LjI0OSAyOS40OTggMTcuMjAxLTQ3LjkzNi00Ni4xNjQtMjkuNiA1Ny4xMTMtLjQxMyAxNy43MTUtNDcuNzkgMTguMDk0IDQ3LjY4IDU3LjExMy4wNjMtNDUuOTI3IDI5Ljg4IDE3LjU4MSA0Ny44M3oiLz48cGF0aCBkPSJNNDM1LjI0IDQ0OS4wNGwtNDYuNDc3LTI5LjIxMS00Ni4yNDkgMjkuNDk4IDE3LjIwMS00Ny45MzYtNDYuMTY0LTI5LjYgNTcuMTEzLS40MTMgMTcuNzE1LTQ3Ljc5IDE4LjA5NCA0Ny42OCA1Ny4xMTMuMDYzLTQ1LjkyNyAyOS44OCAxNy41ODEgNDcuODN6IiBmaWxsPSIjZDgwMDAwIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-pe {
  background-image: url(img/017a482.svg)
}

.flag-icon-pf {
  background-image: url(img/3ac8d5b.svg)
}

.flag-icon-pg {
  background-image: url(img/4359608.svg)
}

.flag-icon-ph {
  background-image: url(img/605f522.svg)
}

.flag-icon-pk {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0IiBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiMwYzU5MGIiIGQ9Ik0tOTUgMGg3Njh2NTEySC05NXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLTk1IDBIOTcuNTJ2NTEySC05NXoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNNDAzLjcwMiAyMjUuNGwtMzEuMTY1LTYuNTU2LTE2LjM4OSAyNy4zMDYtMy4zOTUtMzEuNjY2LTMxLjAzNi03LjE1IDI5LjA2Ny0xMy4wMTQtMi43OTEtMzEuNzI0IDIxLjM2IDIzLjYyMiAyOS4zMDktMTIuNDU4LTE1Ljg2NSAyNy42MTQgMjAuOTA1IDI0LjAyNnoiLz48cGF0aCBkPSJNNDE1LjQ1NSAzMDYuMDg2Yy0yNy42NjUgNjAuOTYtMTAwLjI3NyA4Ny41ODgtMTYxLjQxIDU5LjI3LTYxLjE0Mi0yOC4zMjYtODcuNzc3LTEwMC45My01OS40NTEtMTYyLjA3MSAxNC40NDctMzEuMTg0IDM4LjA4OS01Mi42MTQgNzEuNDYyLTY0LjMxLTMuODM5IDMuMjQ2LTcuNjM3IDYuNjEzLTExLjggMTAuOTA4LTQzLjExIDQ0LjQ5MS00MS45OSAxMTUuNTkyIDIuNSAxNTguNjk5IDQ0LjQ5IDQzLjExIDExNS41OTIgNDEuOTkxIDE1OC42OTgtMi41eiIvPjwvZz48L2c+PC9zdmc+)
}

.flag-icon-pl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNlOWU4ZTciIGQ9Ik01MTIgNTEySDBWMGg1MTJ6Ii8+PHBhdGggZmlsbD0iI2Q0MjEzZCIgZD0iTTUxMiA1MTJIMFYyNTZoNTEyeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-pm {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-pn {
  background-image: url(img/eb94153.svg)
}

.flag-icon-pr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNNTEuNjI0IDBoNzA4LjY2djcwOC42Nkg1MS42MjR6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNy4yOTgpIHNjYWxlKC43MjI0OSkiPjxwYXRoIGZpbGw9IiNlZDAwMDAiIGQ9Ik0wIDBoMTA2M3Y3MDguNjZIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxNDEuNzNoMTA2M3YxNDEuNzNIMHpNMCA0MjUuMmgxMDYzdjE0MS43M0gweiIvPjxwYXRoIGQ9Ik0wIDBsNjA5Ljk2IDM1My44OEwwIDcwNy4zVjB6IiBmaWxsPSIjMDA1MGYwIi8+PHBhdGggZD0iTTI2OC4xNzkgNDUwLjQ3NWwtNjUuNjcxLTQ5LjA0MS02NS4zNSA0OS41MjMgMjQuMzA1LTgwLjQ3OC02NS4yMy00OS42OTUgODAuNzAxLS42OTIgMjUuMDMxLTgwLjIzNCAyNS41NjcgODAuMDQ5IDgwLjcwMS4xMDUtNjQuODk1IDUwLjE2NCAyNC44NDEgODAuM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+)
}

.flag-icon-ps {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMjM3LjExIDBoNDkzLjV2NDkzLjVoLTQ5My41eiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0Nikgc2NhbGUoMS4wMzc1KSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZD0iTTAgMGg5ODd2MTY0LjVIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxNjQuNWg5ODdWMzI5SDB6Ii8+PHBhdGggZmlsbD0iIzA5MCIgZD0iTTAgMzI5aDk4N3YxNjQuNUgweiIvPjxwYXRoIGQ9Ik0wIDQ5My41bDQ5My41LTI0Ni43NUwwIDB2NDkzLjV6IiBmaWxsPSJyZWQiLz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-pt {
  background-image: url(img/6143c8e.svg)
}

.flag-icon-pw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNNjEuNzIyIDQuMTgxaDE3MC44MnYxNzAuODJINjEuNzIyeiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTg1IC0xMi41MzEpIHNjYWxlKDIuOTk3MykiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjNGFhZGQ2IiBkPSJNMCA0LjE4aDMwMS4xNzhWMTc1SDB6Ii8+PHBhdGggZD0iTTE4NS44NjMgODYuNzgzYzAgMjguMDU5LTIzLjc1NCA1MC44MDUtNTMuMDU2IDUwLjgwNS0yOS4zMDIgMC01My4wNTUtMjIuNzQ3LTUzLjA1NS01MC44MDUgMC0yOC4wNiAyMy43NTQtNTAuODA1IDUzLjA1NS01MC44MDUgMjkuMzAyIDAgNTMuMDU2IDIyLjc0NiA1My4wNTYgNTAuODA1eiIgZmlsbD0iI2ZmZGUwMCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-py {
  background-image: url(img/f1fa688.svg)
}

.flag-icon-qa {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjOGQxYjNkIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMCAwdjUxMmgxMTIuOTZsMTA0LjI2LTI4LjQ0My0xMDQuMjYtMjguNDQ2IDEwNC4yNi0yOC40NDUtMTA0LjI2LTI4LjQ0MyAxMDQuMjYtMjguNDQ2LTEwNC4yNi0yOC40NDMgMTA0LjI2LTI4LjQ0NS0xMDQuMjYtMjguNDQ2TDIxNy4yMiAyNTZsLTEwNC4yNi0yOC40NDMgMTA0LjI2LTI4LjQ0Ni0xMDQuMjYtMjguNDQ1IDEwNC4yNi0yOC40NDMtMTA0LjI2LTI4LjQ0NiAxMDQuMjYtMjguNDQzLTEwNC4yNi0yOC40NDUgMTA0LjI2LTI4LjQ0NkwxMTIuOTYgMEgweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
}

.flag-icon-re {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ro {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMDAzMTljIiBkPSJNMCAwaDE3MC42NjZ2NTEySDB6Ii8+PHBhdGggZmlsbD0iI2ZmZGUwMCIgZD0iTTE3MC42NjYgMGgxNzAuNjY2djUxMkgxNzAuNjY2eiIvPjxwYXRoIGZpbGw9IiNkZTIxMTAiIGQ9Ik0zNDEuMzMyIDBoMTcwLjY2NXY1MTJIMzQxLjMzMnoiLz48L2c+PC9zdmc+)
}

.flag-icon-rs {
  background-image: url(img/95f28ec.svg)
}

.flag-icon-ru {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMzlhNiIgZD0iTTAgMTcwLjY2N2g1MTIuMDA1VjUxMkgweiIvPjxwYXRoIGZpbGw9IiNkNTJiMWUiIGQ9Ik0wIDM0MS4zMzNoNTEyLjAwNVY1MTJIMHoiLz48L2c+PC9zdmc+)
}

.flag-icon-rw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZmlsbD0iIzIwNjAzZCIgZD0iTTAgMGg1MTJ2NTEySDB6Ii8+PHBhdGggZmlsbD0iI2ZhZDIwMSIgZD0iTTAgMGg1MTJ2Mzg0SDB6Ii8+PHBhdGggZmlsbD0iIzAwYTFkZSIgZD0iTTAgMGg1MTJ2MjU2SDB6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzc0LjQgMTMzLjc2KSBzY2FsZSguNzExMSkiPjxnIGlkPSJiIj48cGF0aCBpZD0iYSIgZD0iTTExNi4xIDBMMzUuNjkyIDQuN2w3Ni40NTIgMjUuMzVMMzMuMjYgMTMuNzc2bDY3LjI4NiA0NC4yNzNMMjguNTYgMjEuOTE1bDUzLjUzNSA2MC4xOC02MC4xOC01My41MzQgMzYuMTM1IDcxLjk4NkwxMy43NzcgMzMuMjZsMTYuMjcyIDc4Ljg4NEw0LjcgMzUuNjkyIDAgMTE2LjEtMS0xeiIgZmlsbD0iI2U1YmUwMSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0ic2NhbGUoMSAtMSkiLz48L2c+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSIvPjxjaXJjbGUgcj0iMzQuMyIgZmlsbD0iI2U1YmUwMSIgc3Ryb2tlPSIjMDBhMWRlIiBzdHJva2Utd2lkdGg9IjMuNCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-sa {
  background-image: url(img/1c14b2e.svg)
}

.flag-icon-sb {
  background-image: url(img/5bc69a3.svg)
}

.flag-icon-sc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDUxMnY0OTYuMDZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJzY2FsZSgxIDEuMDMyMSkiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoOTkyLjEzdjQ5Ni4wNkgweiIvPjxwYXRoIGQ9Ik0wIDQ5Ni4wNjVsOTkyLjEzLTE2NS4zNDl2MTY1LjM0OUgweiIgZmlsbD0iIzA5MCIvPjxwYXRoIGQ9Ik0wIDQ5Ni4wNjVsOTkyLjEzLTMzMC43MDd2MTY1LjM1OEwwIDQ5Ni4wNjV6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgNDk2LjA2NVYwaDMzMC43MDdMMCA0OTYuMDY1eiIgZmlsbD0iIzAwOSIvPjxwYXRoIGQ9Ik0wIDQ5Ni4wNjVMMzMwLjcwNyAwaDMzMC43MDdMMCA0OTYuMDY1eiIgZmlsbD0iI2ZmMCIvPjwvZz48L3N2Zz4=)
}

.flag-icon-sd {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDQ5Ni4wNnY0OTYuMDZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJzY2FsZSgxLjAzMjEpIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZD0iTTAgMzMwLjdoOTkyLjEzdjE2NS4zN0gweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDE2NS4zM2g5OTIuMTNWMzMwLjdIMHoiLz48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoOTkyLjg2djE2NS4zN0gweiIvPjxwYXRoIGQ9Ik0wIDB2NDk2LjA2bDMzMC43LTI0OC4wM0wwIDB6IiBmaWxsPSIjMDA5YTAwIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-se {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTE4Ljk3IDcuMzA2SDYwOS43djQ5MC43M0gxMTguOTd6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0LjEyIC03LjYyMikgc2NhbGUoMS4wNDMzKSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjFwdCI+PHBhdGggZmlsbD0iIzAwNmFhNyIgZD0iTTIuOTA0IDcuNTk4aDI0NS4zNjh2MTk2LjI5NEgyLjkwNHptMCAyOTQuMTMyaDI0NS4zNjh2MTk2LjI5NUgyLjkwNHoiLz48cGF0aCBmaWxsPSIjZmVjYzAwIiBkPSJNMi45MDQgMjAzLjc4aDI0NS4zNjh2OTguMTQ3SDIuOTA0eiIvPjxwYXRoIGZpbGw9IiNmZWNjMDAiIGQ9Ik0yNDcuMjYyIDcuMzE4aDk4LjE0N3Y0OTAuNzM1aC05OC4xNDd6Ii8+PHBhdGggZmlsbD0iI2ZlY2MwMCIgZD0iTTM0Mi4yOTYgMjAzLjgwOGg0NDEuNjYydjk4LjE0N0gzNDIuMjk2eiIvPjxwYXRoIGZpbGw9IiMwMDZhYTciIGQ9Ik0zNDUuMzI1IDMwMS43NTloNDQxLjY2MXYxOTYuMjk0SDM0NS4zMjV6bTAtMjk0LjE2MWg0NDEuNjYxdjE5Ni4yOTRIMzQ1LjMyNXoiLz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-sg {
  background-image: url(img/279844e.svg)
}

.flag-icon-sh {
  background-image: url(img/c147b9c.svg)
}

.flag-icon-si {
  background-image: url(img/fdc1cee.svg)
}

.flag-icon-sj {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiNlZjJiMmQiLz48cGF0aCBkPSJNMTI4IDBoMTI4djUxMkgxMjh6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgMTkyaDUxMnYxMjhIMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTYwIDBoNjR2NTEyaC02NHoiIGZpbGw9IiMwMDI4NjgiLz48cGF0aCBkPSJNMCAyMjRoNTEydjY0SDB6IiBmaWxsPSIjMDAyODY4Ii8+PC9zdmc+)
}

.flag-icon-sk {
  background-image: url(img/253c193.svg)
}

.flag-icon-sl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIzODQiIGhlaWdodD0iNTEyIiByeD0iNC42MjciIHJ5PSI3LjYyOCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0ic2NhbGUoMS4zMzMzMyAxKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDAwY2QiIGQ9Ik0wIDM0MS43aDUxMlY1MTJIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxNzEuNGg1MTJ2MTcwLjNIMHoiLz48cGF0aCBmaWxsPSIjMDBjZDAwIiBkPSJNMCAwaDUxMnYxNzEuNEgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-sm {
  background-image: url(img/d69bce0.svg)
}

.flag-icon-sn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMGI3MjI2IiBkPSJNLS4wMDEgMGgxNzAuNjY1djUxMkgtLjAwMXoiLz48cGF0aCBmaWxsPSIjZmYwIiBkPSJNMTcwLjY2NCAwaDE3MC42NjV2NTEySDE3MC42NjR6Ii8+PHBhdGggZmlsbD0iI2JjMDAwMCIgZD0iTTM0MS4zMjkgMGgxNzAuNjY1djUxMkgzNDEuMzI5eiIvPjwvZz48cGF0aCBmaWxsPSIjMGI3MjI2IiBkPSJNMTk2Ljk2MiAzNTEuNzI2bDIyLjE0NS03MS44MjMtNjAuNC00Ni40Nmg3NC40OThsMjQuMTU4LTc2LjA0OCAyMi4xNDUgNzYuMDQ4aDc2LjUxbC02MC40IDQ2LjQ2IDIyLjE0NSA3My45MzUtNjAuNC00Ni40NzR6Ii8+PC9zdmc+)
}

.flag-icon-so {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTc3LjE3IDBoNzA4LjY2djcwOC42NkgxNzcuMTd6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgpIHNjYWxlKC43MjI0OSkiPjxwYXRoIGZpbGw9IiM0MGE2ZmYiIGQ9Ik0wIDBoMTA2M3Y3MDguNjZIMHoiLz48cGF0aCBkPSJNNjQyLjkzNyA1MjcuNjQxTDUyOC43NCA0NTMuNjI1bC0xMTMuNjM3IDc0Ljc0MyA0Mi4yNjQtMTIxLjQ2MS0xMTMuNDI4LTc1LjAwMiAxNDAuMzMyLTEuMDQ2IDQzLjUyNi0xMjEuMDkzIDQ0LjQ1OCAxMjAuODE0IDE0MC4zMzIuMTYtMTEyLjg0NyA3NS43MDkgNDMuMTk3IDEyMS4xOTJ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-sr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMzc3ZTNmIiBkPSJNMC0uMDVoNTEydjUxMi4xSDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTAyLjM3aDUxMnYzMDcuMjZIMHoiLz48cGF0aCBmaWxsPSIjYjQwYTJkIiBkPSJNMCAxNTMuNThoNTEydjIwNC44NEgweiIvPjxwYXRoIGQ9Ik0yNTUuODkzIDE2My4zNmw2MC4yIDE4NS4yOC0xNTcuNjA3LTExNC41MUgzNTMuM0wxOTUuNjk0IDM0OC42NHoiIGZpbGw9IiNlY2M4MWQiLz48L3N2Zz4=)
}

.flag-icon-ss {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAzNTguNGg1MTJWNTEySDB6IiBmaWxsPSIjMDc4OTMwIi8+PHBhdGggZD0iTTAgMTUzLjZoNTEydjIwNC44SDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTAgMGg1MTJ2MTUzLjZIMHoiLz48cGF0aCBkPSJNMCAxNzkuMmg1MTJ2MTUzLjZIMHoiIGZpbGw9IiNkYTEyMWEiLz48cGF0aCBkPSJNMCAwbDQzMyAyNTZMMCA1MTJ6IiBmaWxsPSIjMGY0N2FmIi8+PHBhdGggZD0iTTIwOS4wNSAyMDcuODVMNjQuMzUgMjU2bDE0NC43IDQ4LjE1TDExOS42IDE3OC4xdjE1NS44eiIgZmlsbD0iI2ZjZGQwOSIvPjwvc3ZnPg==)
}

.flag-icon-st {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBoZWlnaHQ9IjUxMiIgd2lkdGg9IjUxMiI+PHBhdGggZmlsbD0iIzEyYWQyYiIgZD0iTTAgMGg1MTJ2NTEySDB6Ii8+PHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0iTTAgMTQ2LjI4Nmg1MTJ2MjE5LjQyOUgweiIvPjxwYXRoIGQ9Ik0wIDB2NTEybDE5Mi0yNTYiIGZpbGw9IiNkMjEwMzQiLz48ZyBpZD0iYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjc2Ljg5MyAyNjEuNTA4KSBzY2FsZSguMzMxNjcpIj48ZyBpZD0iYiI+PHBhdGggaWQ9ImEiIGQ9Ik0wLTIwMFYwaDEwMCIgdHJhbnNmb3JtPSJyb3RhdGUoMTggMCAtMjAwKSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0ic2NhbGUoLTEgMSkiLz48L2c+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoNzIpIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0KSIvPjx1c2UgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgeGxpbms6aHJlZj0iI2IiIHRyYW5zZm9ybT0icm90YXRlKC0xNDQpIi8+PHVzZSBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiB4bGluazpocmVmPSIjYiIgdHJhbnNmb3JtPSJyb3RhdGUoLTcyKSIvPjwvZz48dXNlIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHhsaW5rOmhyZWY9IiNjIiB4PSI3MDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NTAuOTAyKSIvPjwvc3ZnPg==)
}

.flag-icon-sv {
  background-image: url(img/88ca96e.svg)
}

.flag-icon-sx {
  background-image: url(img/6c22419.svg)
}

.flag-icon-sy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cmVjdCB5PSIxNzAuNjY3IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjE3MC42NjciIHJ5PSIwIiByeD0iMCIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHJlY3QgeT0iMzQxLjMzMyIgd2lkdGg9IjUxMiIgaGVpZ2h0PSIxNzAuNjY3IiByeT0iMCIgcng9IjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik0wIDBoNTEydjE3MC42NjdIMHoiIGZpbGw9InJlZCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZD0iTTE1MS4zNiAyOTkuNzNsLTMwLjc0My0yMi4yNTgtMzAuNTkyIDIyLjQ3NiAxMS4zNzgtMzYuNTI1LTMwLjUzNi0yMi41NTQgMzcuNzc5LS4zMTQgMTEuNzE4LTM2LjQxNCAxMS45NjkgMzYuMzMgMzcuNzc5LjA0Ny0zMC4zOCAyMi43NjcgMTEuNjI5IDM2LjQ0NHptMjg1LjQ4IDBsLTMwLjc0My0yMi4yNTgtMzAuNTkyIDIyLjQ3NiAxMS4zNzgtMzYuNTI1LTMwLjUzNi0yMi41NTQgMzcuNzc5LS4zMTQgMTEuNzE4LTM2LjQxNCAxMS45NjkgMzYuMzMgMzcuNzc5LjA0Ny0zMC4zOCAyMi43NjcgMTEuNjI5IDM2LjQ0NHoiIGZpbGw9IiMwOTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.flag-icon-sz {
  background-image: url(img/9ec8da3.svg)
}

.flag-icon-tc {
  background-image: url(img/bca9f99.svg)
}

.flag-icon-td {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDAwNjciIGQ9Ik0wIDBoMTcxLjE3NnY1MTJIMHoiLz48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0zNDAuODI0IDBINTEydjUxMkgzNDAuODI0eiIvPjxwYXRoIGZpbGw9IiNmZjAiIGQ9Ik0xNzEuMTc2IDBoMTY5LjY0OHY1MTJIMTcxLjE3NnoiLz48L2c+PC9zdmc+)
}

.flag-icon-tf {
  background-image: url(img/3f87ed9.svg)
}

.flag-icon-tg {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMC0uMjQxaDQ5Ni4zdjQ5Ni4zSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjI0OCkgc2NhbGUoMS4wMzE2KSI+PHBhdGggZmlsbD0iI2ZmZTMwMCIgZD0iTTAtLjI0MWg3NDQuMDl2NDk2LjNIMHoiLz48cGF0aCBmaWxsPSIjMTE4NjAwIiBkPSJNMCAyMDEuNTJoNzQ0LjA5djk5LjY2SDB6TTAgMGg3NDQuMDl2OTkuNjZIMHoiLz48cGF0aCBmaWxsPSIjZDgwMDAwIiBkPSJNMCAwaDI5Ny4xMnYzMDEuMThIMHoiLz48cGF0aCBkPSJNMTMwLjMgMTI0LjI1YzAtLjgzIDE4LjI1OS01MS40NTYgMTguMjU5LTUxLjQ1NmwxNi41OTkgNTAuNjI2czU1LjYwNiAxLjY2IDU1LjYwNi44My00My45ODcgMzMuMTk4LTQzLjk4NyAzMy4xOTggMjAuNzQ4IDU4LjA5NiAxOS45MTkgNTYuNDM2Yy0uODMtMS42Ni00OC4xMzctMzQuODU4LTQ4LjEzNy0zNC44NThzLTQ4LjEzNiAzMy4xOTgtNDcuMzA2IDMzLjE5OCAxOC4yNTgtNTQuNzc2IDE4LjI1OC01NC43NzZsLTQzLjE1Ni0zMi4zNyA1My45NDYtLjgzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGw9IiMxMTg2MDAiIGQ9Ik0wIDM5Ni40aDc0NC4wOXY5OS42NkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-th {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNTEydjUxMkgweiIvPjxwYXRoIGZpbGw9IiMwMDFiOWEiIGQ9Ik0wIDE3My4zOGg1MTJ2MTcwLjY3SDB6Ii8+PHBhdGggZmlsbD0iI2U3MDAwMCIgZD0iTTAgLjA0NWg1MTJ2ODhIMHpNMCA0MjYuNjdoNTEydjg1LjMzM0gweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-tj {
  background-image: url(img/1793caa.svg)
}

.flag-icon-tk {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBkPSJNMCAwaDUxMnY1MTJIMHoiIGZpbGw9IiMwMDI0N2QiLz48cGF0aCBkPSJNOTAuNyAzODQuMmMtNS4zIDAgNTAtMjkuNSA5Ni40LTY3LjIgNjAuNy00OS41IDE5MS41LTEyOC43IDIzMC0xNDEuNSA0LTEuMy04LjIgNi44LTkuOCA5LjUtNDEuMSA0OC42LTguMyAxNDAuMyA0MyAxODYuNCAxNS40IDExLjggMTQuNiAxMi40IDQzLjIgMTMuNnYyLjdsLTQwMi44LTMuNXptLTMuMyA1LjRzLTMuOSAyLjgtMy45IDQuOWMwIDIuMyA0LjQgNS40IDQuNCA1LjRsMzk3LjMgNC40IDcuMy00LjktMTAuMi02LjMtMzk0LjktMy41eiIgZmlsbD0iI2ZlZDEwMCIvPjxwYXRoIGQ9Ik0xMDUuNSAxMTYuNmwtNCAxMi4xIDEwLjQtNy41IDEwLjMgNy41LTQtMTIuMSAxMC40LTcuNWgtMTIuOGwtMy45LTEyLjItNCAxMi4ySDk1LjJ6bTc3LjggNTcuMWw4LjYtNi4yaC0xMC42bC0zLjMtMTAuMS0zLjMgMTAuMWgtMTAuNmw4LjYgNi4yLTMuMyAxMC4xIDguNi02LjIgOC42IDYuMnptLTE0NC43IDEzbC0zLjktMTIuMS00IDEyLjFIMThsMTAuMyA3LjUtNCAxMi4xIDEwLjQtNy41IDEwLjMgNy41LTMuOS0xMi4xIDEwLjMtNy41em03Ny45IDEyMS45bC00LjYtMTQuMi00LjYgMTQuMkg5Mi40bDEyIDguNy00LjYgMTQuMiAxMi4xLTguOCAxMiA4LjgtNC42LTE0LjIgMTItOC43eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
}

.flag-icon-tl {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMCAwaDQ5Ni4wNnY0OTYuMDZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJzY2FsZSgxLjAzMjEpIj48cGF0aCBmaWxsPSIjY2IwMDBmIiBkPSJNMCAwaDk5OS4wN3Y0OTYuMDZIMHoiLz48cGF0aCBkPSJNMCAwYzMuMTMzIDAgNDk2LjA2IDI0OC43MyA0OTYuMDYgMjQ4LjczTDAgNDk2LjA2VjB6IiBmaWxsPSIjZjhjMDBjIi8+PHBhdGggZD0iTTAgMGMyLjA4NCAwIDMzMC4wMSAyNDguNzMgMzMwLjAxIDI0OC43M0wwIDQ5Ni4wNlYweiIvPjxwYXRoIGQ9Ik0xODEuODcgMjg4Ljg4bC01OC45Mi0xMy4wNTgtMzAuMTA1IDUxLjE5NC00LjcxLTU3LjgxOS01OC44NjItMTIuOTU2IDUzLjEzMy0yNC4wNDUtMy4xOS01Ny41MzcgMzguOTg0IDQyLjAzOSA1My42MTgtMjQuNDQ3LTI3LjkzIDUyLjIyMSAzNy45ODMgNDQuNDA4eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-tm {
  background-image: url(img/08d55ec.svg)
}

.flag-icon-tn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTI0LjAyIDBoNDk2LjA2djQ5Ni4wNkgxMjQuMDJ6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgpIHNjYWxlKDEuMDMyMSkiPjxwYXRoIGZpbGw9IiNlNzAwMTMiIGQ9Ik0wIDBoNzQ0LjA5djQ5Ni4wNkgweiIvPjxwYXRoIGQ9Ik00OTcuODEgMjQ3LjgxYzAgNjkuMDk2LTU2LjAxNCAxMjUuMTA5LTEyNS4xMSAxMjUuMTA5cy0xMjUuMTA4LTU2LjAxNC0xMjUuMTA4LTEyNS4xMVMzMDMuNjA1IDEyMi43IDM3Mi43IDEyMi43czEyNS4xMSA1Ni4wMTQgMTI1LjExIDEyNS4xMXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzcyLjcwNSAzMzAuNzgyYy00NS43OTkgMC04Mi45NjktMzcuMTctODIuOTY5LTgyLjk2OSAwLTQ1LjggMzcuMTctODIuOTcgODIuOTY5LTgyLjk3IDExLjQ1IDAgMjQuNDgzIDIuNjM0IDMzLjMzNiA5LjEzNi02MC42ODEgMi4yODQtNzYuMDI5IDUzLjc1LTc2LjAyOSA3NC40OTJzOS44MTMgNjcuMDAxIDc2LjAyOCA3My44MzNjLTcuNTM1IDQuODU3LTIxLjg4NSA4LjQ3OC0zMy4zMzUgOC40Nzh6IiBmaWxsPSIjZTcwMDEzIi8+PHBhdGggZmlsbD0iI2U3MDAxMyIgZD0iTTQ0NS44IDI4Mi43MWwtMzcuNjgtMTMuNzQtMjQuOTIgMzEuNDEgMS40My00MC4wNy0zNy41OC0xNCAzOC41Ni0xMS4wMiAxLjY5LTQwLjA3IDIyLjQgMzMuMjcgMzguNjMtMTAuNzctMjQuNzEgMzEuNTh6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-to {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjYzEwMDAwIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDIxOC4zMDh2MTc0Ljk2SDB6Ii8+PGcgZmlsbD0iI2MxMDAwMCI+PHBhdGggZD0iTTg5LjgzMiAyNy4yODVoMzQuNzk1djEyMS44NzNIODkuODMyeiIvPjxwYXRoIGQ9Ik0xNjguMTcxIDcwLjgydjM0Ljc5NUg0Ni4yOThWNzAuODJ6Ii8+PC9nPjwvZz48L3N2Zz4=)
}

.flag-icon-tr {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNmMzE5MzAiIGQ9Ik0wIDBoNTEydjUxMkgweiIvPjxwYXRoIGQ9Ik0zNDguNzcyIDI2My45N2MwIDcwLjYzLTU4LjI0NyAxMjcuODgzLTEzMC4xIDEyNy44ODNTODguNTcyIDMzNC42IDg4LjU3MiAyNjMuOTdzNTguMjQ3LTEyNy44OCAxMzAuMS0xMjcuODggMTMwLjEgNTcuMjU0IDEzMC4xIDEyNy44OHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzU1LjI4IDI2My45NjVjMCA1Ni41LTQ2LjYgMTAyLjMwNC0xMDQuMDggMTAyLjMwNHMtMTA0LjA4LTQ1LjgwNC0xMDQuMDgtMTAyLjMwNSA0Ni41OTgtMTAyLjMwMyAxMDQuMDgtMTAyLjMwMyAxMDQuMDggNDUuODAzIDEwNC4wOCAxMDIuMzAzeiIgZmlsbD0iI2YzMTgzMCIvPjxwYXRoIGQ9Ik0zNzQuMTA0IDIwNC4yM2wtMS4wNSA0Ny4yNzItNDQuMTAzIDExLjk3MyA0My40NzQgMTUuNDgyLTEuMDUgNDMuMzUgMjguMzUyLTMzLjg1MyA0Mi44NDIgMTQuODYzLTI0Ljc4Mi0zNi4zMzIgMzAuMjQyLTM2LjEyNS00Ni40MTMgMTIuNzk4LTI3LjUxMi0zOS40Mjh6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-tt {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBzdHlsZT0id2lkdGg6MCIgZmlsbD0iI2ZmZiIgZD0iTTAgMGg1MTJ2NTEySDB6Ii8+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzcwLjkyNSA1MTIuMDExTC4wNDcgMS4wNzEuMDA5IDUxMS43NDRsMzcwLjkxNi4yNjd6TTE0MS4wNzMtLjAwM2wzNzAuODc4IDUxMC45NC4wMzgtNTEwLjY3My0zNzAuOTE2LS4yNjd6IiBmaWxsPSIjZTAwMDAwIi8+PHBhdGggZD0iTTIyLjE5Mi4yNDRoOTQuODhsMzc0LjUzNiA1MTEuMjYySDM5My43M0wyMi4xOTEuMjQ0eiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-tv {
  background-image: url(img/ec5c179.svg)
}

.flag-icon-tw {
  background-image: url(img/bc9c993.svg)
}

.flag-icon-tz {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTAyLjg3IDBoNDk2LjA2djQ5Ni4wNkgxMDIuODd6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2LjE3KSBzY2FsZSgxLjAzMjEpIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjMDlmIiBkPSJNMCAwaDc0NC4xMDJ2NDk2LjA2OEgweiIvPjxwYXRoIGQ9Ik0wIDBoNzQ0LjEwMkwwIDQ5Ni4wNjhWMHoiIGZpbGw9IiMwOTAiLz48cGF0aCBkPSJNMCA0OTYuMDY4aDE2NS4zNTZsNTc4Ljc0Ni0zOTIuNzJWMEg1NzguNzQ2TDAgMzkyLjcydjEwMy4zNDh6Ii8+PHBhdGggZD0iTTAgMzc4LjA3TDU2Ny4wODggMGg1NS44OUwwIDQxNS4zMzNWMzc4LjA3em0xMjEuMTAzIDExNy45OThMNzQ0LjA4MiA4MC43MzV2MzcuMjYzbC01NjcuMDg5IDM3OC4wN0gxMjEuMXoiIGZpbGw9IiNmZjAiLz48L2c+PC9nPjwvc3ZnPg==)
}

.flag-icon-ua {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZkNTAwIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwNWJiYiIgZD0iTTAgMGg1MTIuMDA1djI1NkgweiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ug {
  background-image: url(img/69ed487.svg)
}

.flag-icon-um {
  background-image: url(img/2da266d.svg)
}

.flag-icon-us {
  background-image: url(img/269666d.svg)
}

.flag-icon-uy {
  background-image: url(img/4caed12.svg)
}

.flag-icon-uz {
  background-image: url(img/0b281dd.svg)
}

.flag-icon-va {
  background-image: url(img/a44c6ba.svg)
}

.flag-icon-vc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZjRmMTAwIiBkPSJNMCAwaDUxMC4zNzV2NTEySC4wMDF6Ii8+PHBhdGggZmlsbD0iIzE5OWEwMCIgZD0iTTM4NS42MTkgMGgxMjYuMzc4djUxMkgzODUuNjE5eiIvPjxwYXRoIGZpbGw9IiMwMDU4YWEiIGQ9Ik0wIDBoMTI2LjM3OHY1MTJILjAwMXoiLz48L2c+PHBhdGggZD0iTTE5MS4yMDkgMTM4LjYxbC00OS40NzEgNzYuMTQ4IDQ3LjczMyA3OS4zNSA0Ni43NDMtNzguNjQ4LTQ1LjAwNS03Ni44NXptMTI5LjM2NiAwbC00OS40NzEgNzYuMTQ4IDQ3LjczMyA3OS4zNSA0Ni43MzYtNzguNjQ4LTQ0Ljk5OC03Ni44NXptLTY1LjMzNyAxMDMuODgybC00OS40NjcgNzYuMTQ4IDQ3LjczIDc5LjM1MSA0Ni43NDEtNzguNjQ4LTQ1LjAwNC03Ni44NXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzE5OWEwMCIvPjwvc3ZnPg==)
}

.flag-icon-ve {
  background-image: url(img/d384c6c.svg)
}

.flag-icon-vg {
  background-image: url(img/4236b35.svg)
}

.flag-icon-vi {
  background-image: url(img/8a178e2.svg)
}

.flag-icon-vn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNMTc3LjE3IDBoNzA4LjY2djcwOC42NkgxNzcuMTd6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXBhdGg9InVybCgjYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjgpIHNjYWxlKC43MjI0OSkiPjxwYXRoIGZpbGw9IiNlYzAwMTUiIGQ9Ik0wIDBoMTA2M3Y3MDguNjZIMHoiLz48cGF0aCBkPSJNNjYxLjA1NSA1MjcuNDc4bC0xMjMuOTgtOTIuNTg4LTEyMy4zNzIgOTMuNDk4IDQ1Ljg4NS0xNTEuOTM4LTEyMy4xNDctOTMuODIxIDE1Mi4zNTUtMS4zMDkgNDcuMjU1LTE1MS40NzYgNDguMjY3IDE1MS4xMjggMTUyLjM1NS4xOTktMTIyLjUxNSA5NC43MDYgNDYuODk3IDE1MS42MDF6IiBmaWxsPSIjZmYwIi8+PC9nPjwvc3ZnPg==)
}

.flag-icon-vu {
  background-image: url(img/9c4c893.svg)
}

.flag-icon-wf {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjMDAyNjdmIiBkPSJNMCAwaDE3MC42N3Y1MTJIMHoiLz48cGF0aCBmaWxsPSIjZjMxODMwIiBkPSJNMzQxLjMzIDBINTEydjUxMkgzNDEuMzN6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-ws {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0wIDBoNTEydjUxMkgweiIvPjxwYXRoIGZpbGw9IiMwMDAwNmIiIGQ9Ik0wLTFoMjU2djEyOEgweiIvPjxwYXRoIGQ9Ik0xMzIuNTI0IDExNi41NzRsLTEwLjE1MS02Ljg1Mi05LjczIDYuOTY2IDMuMDktMTIuMjItOS4zNC03LjUzIDEyLjA2NC0uNyAzLjk1OS0xMS42MjIgNC4zNjIgMTEuNzg4IDExLjc4Ny4zNDctOS4zNjYgNy45ODd6bS0xLjczOC04MS4yODFsLTguMTIyLTUuMjE5LTcuOTc1IDUuMTggMi4yMTQtOS43MzItNy4xNS02LjM2NSA5LjQ5NC0uNzk1IDMuNTQ4LTkuMTEzIDMuNjU2IDkuMjQgOS4zNDcuNzMzLTcuMjM3IDYuNTA2ek05NC44OTIgNjQuNTQxbC03LjkwNC01LjQyMy04LjA4IDUuNDIyIDIuNTE2LTkuNTA0LTcuNDQ3LTYuMzI1IDkuNDUtLjQ1MSAzLjQ3OS05LjMzMSAzLjMzMiA5LjIyNSA5LjU5Mi41NTktNy4zOTMgNi4xNTN6bTcxLjk2NC02LjUzNWwtNy41ODUtNC44OTItNy4zOCA0Ljk1MiAyLjEyNC05LjAyNC02Ljc5OS01Ljc3NyA4Ljg5Ni0uNjg1IDMuMTc1LTguNTI0IDMuMzczIDguNjAyIDguNzY0LjUwOS02LjgwOSA2em0tMjEuMjEyIDIxLjM3MmwtNS4wNTYtMy4xNS01LjA0IDMuMTgxIDEuMzE0LTUuOTgyLTQuNDY0LTQuMDEgNS44Ny0uNTQ3IDIuMjgzLTUuNjU5IDIuMzEzIDUuNjQ0IDUuODczLjUxMi00LjQ0IDQuMDM1eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-ye {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMS45OTN2NTA0LjI5NEgweiIvPjxwYXRoIGZpbGw9IiNmMTA2MDAiIGQ9Ik0wIDBoNTExLjk5M3YxNjcuODZIMHoiLz48cGF0aCBkPSJNMCAzNDQuMTIzaDUxMS45OTN2MTY3Ljg2SDB6Ii8+PC9nPjwvc3ZnPg==)
}

.flag-icon-yt {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMi4wMDV2NTEySDB6Ii8+PHBhdGggZmlsbD0iIzAwMjY3ZiIgZD0iTTAgMGgxNzAuNjY3djUxMkgweiIvPjxwYXRoIGZpbGw9IiNmMzE4MzAiIGQ9Ik0zNDEuMzMzIDBINTEydjUxMkgzNDEuMzMzeiIvPjwvZz48L3N2Zz4=)
}

.flag-icon-za {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjY3IiBkPSJNNzAuMTMzIDBoNDk5LjYxdjQ5OS42MUg3MC4xMzN6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxLjg3Mykgc2NhbGUoMS4wMjQ4KSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMXB0Ij48cGF0aCBkPSJNLjAwMSAzOTcuOTA4VjEwMS44NDZsMjIwLjM3MyAxNDcuOTU1TDAgMzk3LjkxOHoiLz48cGF0aCBkPSJNMTUwLjM3MSA0OTkuNjY3bDI0Ny40MS0xNjYuNTEyaDM1MS42NnYxNjYuNTEyaC01OTkuMDd6IiBmaWxsPSIjMDBjIi8+PHBhdGggZD0iTTEzNC40NjUuMDA3TDc0OS40MjIuMDJ2MTY2LjU0SDM5Ny43NlMxMzcuNzYyLTEuNjQgMTM0LjQ2NS4wMDd6IiBmaWxsPSJyZWQiLz48cGF0aCBkPSJNLjAwMSA2Mi40N3YzOS4zNTJsMjIwLjM3MyAxNDcuOTU1TDAgMzk3Ljg5NHYzOS4zNWwyNzcuNTY0LTE4Ny40NjdMLjAwMSA2Mi40N3oiIGZpbGw9IiNmYzAiLz48cGF0aCBkPSJNLjAwMSA2Mi40N1YuMDA3SDkyLjZMMzg2LjYzIDE5OC45NWgzNjIuNzl2MTAxLjczN0gzODYuNjNMOTIuNTk4IDQ5OS42SDB2LTYyLjM1NmwyNzcuNTY0LTE4Ny40NjhMLjAwMSA2Mi40N3oiIGZpbGw9IiMwOTMiLz48cGF0aCBkPSJNOTIuNTk5LjAwN2g1Ny43NjJsMjQ3LjQxIDE2Ni41NGgzNTEuNjZ2MzIuNDAzaC0zNjIuNzlMOTIuNjEuMDA3em0wIDQ5OS42Nmg1Ny43NjJsMjQ3LjQxLTE2Ni41MTJoMzUxLjY2di0zMi40MDJoLTM2Mi43OUw5Mi42MSA0OTkuNjY3eiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9zdmc+)
}

.flag-icon-zm {
  background-image: url(img/402266a.svg)
}

.flag-icon-zw {
  background-image: url(img/25d6732.svg)
}

.flag-icon-es-ct {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZmNkZDA5IiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMCA5MGg4MTBtMCAxMjBIMG0wIDEyMGg4MTBtMCAxMjBIMCIgc3Ryb2tlPSIjZGExMjFhIiBzdHJva2Utd2lkdGg9IjYwIiB0cmFuc2Zvcm09InNjYWxlKC42MzIxIC45NDgxNSkiLz48L3N2Zz4=)
}

.flag-icon-eu {
  background-image: url(img/824e473.svg)
}

.flag-icon-gb-eng {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBmaWxsPSIjY2UxMTI0IiBkPSJNMjE1LjA0IDBoODEuOTJ2NTEyaC04MS45MnoiLz48cGF0aCBmaWxsPSIjY2UxMTI0IiBkPSJNMCAyMTUuMDRoNTEydjgxLjkySDB6Ii8+PC9zdmc+)
}

.flag-icon-gb-nir {
  background-image: url(img/5329af5.svg)
}

.flag-icon-gb-sct {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB3aWR0aD0iNTEyIj48cGF0aCBmaWxsPSIjMDA2NWJkIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMCAwbDUgM00wIDNsNS0zIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iLjYiIHRyYW5zZm9ybT0ic2NhbGUoMTAyLjQgMTcwLjY2NjY3KSIvPjwvc3ZnPg==)
}

.flag-icon-gb-wls {
  background-image: url(img/d67608c.svg)
}

.flag-icon-un {
  background-image: url(img/424ca4d.svg)
}

@font-face {
  font-family: niu;
  src: url(fonts/a44dfbb.eot);
  src: url(fonts/a44dfbb.eot#font-spider) format("embedded-opentype"), url(fonts/b526af1.woff) format("woff"), url(fonts/e8505e4.ttf) format("truetype"), url(img/8bd2faa.svg) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: niuNew;
  src: url(fonts/98055b3.eot);
  src: url(fonts/98055b3.eot#iefix) format("embedded-opentype"), url(fonts/fc7aaf7.ttf) format("truetype"), url(fonts/9bcf0c5.woff) format("woff"), url(img/8f5a3ee.svg#icomoon) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"], [class^=icon-] {
  font-family: niu !important;
  font-feature-settings: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased
}

[class*=" icon-"], [class*=" iconNew-"], [class^=icon-], [class^=iconNew-] {
  speak: none;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale
}

[class*=" iconNew-"], [class^=iconNew-] {
  font-family: niuNew !important;
  font-feature-settings: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased
}

.icon-uqi::before {
  content: "\e900"
}

.icon-up::before {
  content: "\25b2"
}

.icon-play::before {
  content: "\25b9"
}

.icon-down::before {
  content: "\25bc"
}

.icon-left::before {
  content: "\276e"
}

.icon-right::before {
  content: "\276f"
}

.icon-circle::before {
  content: "\2b24"
}

.icon-cart::before {
  content: "\e901"
}

.icon-edit::before {
  content: "\e902"
}

.icon-check::before {
  content: "\e903"
}

.icon-phone::before {
  content: "\e904"
}

.icon-profile::before {
  content: "\e905"
}

.icon-cross::before {
  content: "\e906"
}

.icon-search::before {
  content: "\e907"
}

.icon-wechat::before {
  content: "\e908"
}

.icon-weibo::before {
  content: "\e909"
}

.icon-facebook::before {
  content: "\e90a"
}

.icon-instagram::before {
  content: "\e90b"
}

.icon-linkedin::before {
  content: "\e90c"
}

.icon-twitter::before {
  content: "\e90d"
}

.icon-youtube::before {
  content: "\e90e"
}

.icon-n-series::before {
  content: "\e90f"
}

.icon-qzone::before {
  content: "\e910"
}

.icon-mail::before {
  content: "\e911"
}

.icon-minus::before {
  content: "\e912"
}

.icon-plus::before {
  content: "\e913"
}

.icon-key::before {
  content: "\e914"
}

.icon-lock::before {
  content: "\e915"
}

.icon-trash::before {
  content: "\e916"
}

.icon-exp-all::before {
  content: "\e917"
}

.icon-exp-done::before {
  content: "\e918"
}

.icon-exp-order::before {
  content: "\e919"
}

.icon-list::before {
  content: "\e91a"
}

.icon-order::before {
  content: "\e91b"
}

.icon-sms::before {
  content: "\e91c"
}

.icon-refresh::before {
  content: "\e91d"
}

.icon-time::before {
  content: "\e91e"
}

.icon-qq::before {
  content: "\e91f"
}

.icon-warn::before {
  content: "\e920"
}

.icon-burger::before {
  content: "\e921"
}

.icon-M::before {
  content: "\e922"
}

.icon-N::before {
  content: "\e923"
}

.icon-more::before {
  content: "\e924"
}

.icon-above::before {
  content: "\e925"
}

.icon-below::before {
  content: "\e926"
}

.icon-m-series::before {
  content: "\e927"
}

.icon-u-series::before {
  content: "\e928"
}

.icon-m-plus::before {
  content: "\e929"
}

.icon-nqi::before {
  content: "\e92a"
}

.icon-gt::before {
  content: "\e92b";
  color: #df001f
}

.icon-uqi1::before {
  content: "\e92c"
}

.icon-global::before {
  content: "\1f310"
}

.icon-appleinc::before {
  content: "\eabe"
}

.icon-android::before {
  content: "\eac0"
}

.iconNew-pinterest::before {
  content: "\f231"
}

.iconNew-tumblr::before {
  content: "\eab9"
}

/*!
 * CSS3动画 v0.10
 * niu.com
*/

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes bannerProgress {
  to {
    width: 50px
  }
}

@keyframes bannerProgress {
  to {
    width: 50px
  }
}

/*!
 * 按钮可复用的css样式（剩余样式自定义即可） v0.10
 *（全局引入）
 * niu.com
*/
[class^=fn-button] {
  display: block;
  width: 100%;
  line-height: 1;
  text-align: center;
  transition: all .4s;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 16px;
  height: inherit;
  font-family: inherit
}

[class^=fn-button]:hover {
  border: none
}

[class^=fn-button]:focus {
  outline: none
}

a[class^=fn-button] {
  height: auto
}

[class^=fn-button] img {
  width: auto;
  height: auto;
  vertical-align: middle
}

.fn-button-default {
  color: #333;
  background-color: #fff
}

.fn-button-default:hover {
  background-color: hsla(0, 0%, 100%, .8)
}

.fn-button-red {
  color: #fff;
  background-color: #df001f
}

.fn-button-red:hover {
  background-color: rgba(223, 0, 31, .8)
}

.fn-button-primary {
  color: #fff;
  background-color: #333
}

.fn-button-primary:hover {
  background-color: rgba(51, 51, 51, .9)
}

.fn-button-gray {
  color: #fff;
  background-color: #666
}

.fn-button-gray:hover {
  background-color: hsla(0, 0%, 40%, .8)
}

.popover-card-bottom, .popover-card-mob, .popover-country-card {
  padding: 0 .533333rem !important;
  margin-top: .133333rem !important;
  outline: none;
  border-radius: .133333rem !important;
  border-color: #eee !important;
  box-shadow: 0 .4rem .666667rem 0 rgba(0, 0, 0, .08) !important;
  box-sizing: border-box
}

.pop-country-select-dropdown {
  border-radius: 5px !important
}

.pop-country-select-dropdown .el-select-dropdown__item {
  font-size: 16px
}

@media screen and (min-width:768px) {
  .popover-country-card {
    -webkit-animation: mymove .3s;
            animation: mymove .3s
  }
}

@media screen and (max-width:767px) {
  .popover-card-mob {
    height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important
  }

  .pop-country-select-dropdown .el-select-dropdown__item {
    font-size: 32px;
    border-radius: .133333rem !important
  }
}

.popover-country-card {
  margin-bottom: .133333rem !important
}

.popover-card-bottom {
  position: fixed !important;
  bottom: .773333rem !important;
  top: inherit !important
}

.popover-card-bottom .el-menu-vertical-demo /deep/ .el-scrollbar__wrap {
  max-height: calc(100vh - 3.26667rem)
}

@-webkit-keyframes mymove {
  0% {
    top: 1.066667rem;
    opacity: 0
  }

  to {
    top: 1.2rem;
    opacity: 1
  }
}

@keyframes mymove {
  0% {
    top: 1.066667rem;
    opacity: 0
  }

  to {
    top: 1.2rem;
    opacity: 1
  }
}

.el-pagination--small .arrow.disabled, .el-table--hidden, .el-table .hidden-columns, .el-table td.is-hidden>*, .el-table th.is-hidden>* {
  visibility: hidden
}

.el-input__suffix, .el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none
}

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), .el-message__closeBtn:focus, .el-message__content:focus, .el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing), .el-rate:active, .el-rate:focus, .el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing), .el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus {
  outline-width: 0
}

.el-pagination {
  white-space: nowrap;
  padding: .026667rem .066667rem;
  color: #303133;
  font-weight: 700
}

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

.el-pagination::after {
  clear: both
}

.el-pagination button, .el-pagination span:not([class*=suffix]) {
  display: inline-block;
  font-size: .173333rem;
  min-width: .473333rem;
  height: .373333rem;
  line-height: .373333rem;
  vertical-align: top;
  box-sizing: border-box
}

.el-pagination .el-input__inner {
  text-align: center;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  line-height: normal
}

.el-pagination .el-input__suffix {
  right: 0;
  transform: scale(.8)
}

.el-pagination .el-select .el-input {
  width: 1.333333rem;
  margin: 0 .066667rem
}

.el-pagination .el-select .el-input .el-input__inner {
  padding-right: .333333rem;
  border-radius: .04rem
}

.el-pagination button {
  border: none;
  padding: 0 .08rem;
  background: 0 0
}

.el-pagination button:focus {
  outline: 0
}

.el-pagination button:hover {
  color: #409eff
}

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

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

.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon {
  display: block;
  font-size: .16rem;
  font-weight: 700
}

.el-pagination .btn-prev {
  padding-right: .16rem
}

.el-pagination .btn-next {
  padding-left: .16rem
}

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

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

.el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child {
  border-color: transparent;
  font-size: .16rem;
  line-height: .293333rem;
  height: .293333rem;
  min-width: .293333rem
}

.el-pagination--small .more::before, .el-pagination--small li.more::before {
  line-height: .32rem
}

.el-pagination--small button, .el-pagination--small span:not([class*=suffix]) {
  height: .293333rem;
  line-height: .293333rem
}

.el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner {
  height: .293333rem
}

.el-pagination__sizes {
  margin: 0 .133333rem 0 0;
  font-weight: 400;
  color: #606266
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: .173333rem;
  padding-left: .106667rem
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #409eff
}

.el-pagination__total {
  margin-right: .133333rem;
  font-weight: 400;
  color: #606266
}

.el-pagination__jump {
  margin-left: .32rem;
  font-weight: 400;
  color: #606266
}

.el-pagination__jump .el-input__inner {
  padding: 0 .04rem
}

.el-pagination__rightwrapper {
  float: right
}

.el-pagination__editor {
  line-height: .24rem;
  padding: 0 .026667rem;
  height: .373333rem;
  text-align: center;
  margin: 0 .026667rem;
  box-sizing: border-box;
  border-radius: .04rem
}

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

.el-pagination__editor.el-input {
  width: .666667rem
}

.el-pagination__editor.el-input .el-input__inner {
  height: .373333rem
}

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

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  margin: 0 .066667rem;
  background-color: #f4f4f5;
  color: #606266;
  min-width: .4rem;
  border-radius: .026667rem
}

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

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #409eff
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #409eff;
  color: #fff
}

.el-dialog, .el-pager li {
  background: #fff;
  box-sizing: border-box
}

.el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li {
  margin: 0 .04rem;
  min-width: .293333rem
}

.el-pager, .el-pager li {
  vertical-align: top;
  margin: 0;
  display: inline-block
}

.el-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  list-style: none;
  font-size: 0
}

.el-date-table, .el-pager, .el-table th {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-pager .more::before {
  line-height: .4rem
}

.el-pager li {
  padding: 0 .053333rem;
  font-size: .173333rem;
  min-width: .473333rem;
  height: .373333rem;
  line-height: .373333rem;
  box-sizing: border-box;
  text-align: center
}

.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
  line-height: .373333rem;
  color: #303133
}

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

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

.el-pager li:hover {
  color: #409eff
}

.el-pager li.active {
  color: #409eff;
  cursor: default
}

.el-dialog {
  position: relative;
  margin: 0 auto .666667rem;
  border-radius: .026667rem;
  box-shadow: 0 .013333rem .04rem rgba(0, 0, 0, .3);
  box-sizing: border-box;
  width: 50%
}

.el-dialog.is-fullscreen {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto
}

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0
}

.el-dialog__header {
  padding: .266667rem .266667rem .133333rem
}

.el-dialog__headerbtn {
  position: absolute;
  top: .266667rem;
  right: .266667rem;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: .213333rem
}

.el-dialog__headerbtn .el-dialog__close {
  color: #909399
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: #409eff
}

.el-dialog__title {
  line-height: .32rem;
  font-size: .24rem;
  color: #303133
}

.el-dialog__body {
  padding: .4rem .266667rem;
  color: #606266;
  font-size: .186667rem;
  word-break: break-all
}

.el-dialog__footer {
  padding: .133333rem .266667rem .266667rem;
  text-align: right;
  box-sizing: border-box
}

.el-dialog--center {
  text-align: center
}

.el-dialog--center .el-dialog__body {
  text-align: left;
  text-align: initial;
  padding: .333333rem .333333rem .4rem
}

.el-dialog--center .el-dialog__footer {
  text-align: inherit
}

.dialog-fade-enter-active {
  -webkit-animation: dialog-fade-in .3s;
          animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
  -webkit-animation: dialog-fade-out .3s;
          animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }

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

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }

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

@-webkit-keyframes dialog-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }
}

@keyframes dialog-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }
}

.el-dropdown-menu, .el-menu--collapse .el-submenu .el-menu {
  z-index: 10;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: .186667rem
}

.el-dropdown .el-button-group {
  display: block
}

.el-dropdown .el-button-group .el-button {
  float: none
}

.el-dropdown .el-dropdown__caret-button {
  padding-left: .066667rem;
  padding-right: .066667rem;
  position: relative;
  border-left: none
}

.el-dropdown .el-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: .013333rem;
  top: .066667rem;
  bottom: .066667rem;
  left: 0;
  background: hsla(0, 0%, 100%, .5)
}

.el-dropdown .el-dropdown__caret-button.el-button--default::before {
  background: rgba(220, 223, 230, .5)
}

.el-dropdown .el-dropdown__caret-button:hover::before {
  top: 0;
  bottom: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  padding-left: 0
}

.el-dropdown__icon {
  font-size: .16rem;
  margin: 0 .04rem
}

.el-dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: .133333rem 0;
  margin: .066667rem 0;
  background-color: #fff;
  border: .013333rem solid #ebeef5;
  border-radius: .053333rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-dropdown-menu__item {
  list-style: none;
  line-height: .48rem;
  padding: 0 .266667rem;
  margin: 0;
  font-size: .186667rem;
  color: #606266;
  cursor: pointer;
  outline: 0
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #ecf5ff;
  color: #66b1ff
}

.el-dropdown-menu__item i {
  margin-right: .066667rem
}

.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: .08rem;
  border-top: .013333rem solid #ebeef5
}

.el-dropdown-menu__item--divided::before {
  content: "";
  height: .08rem;
  display: block;
  margin: 0 -.266667rem;
  background-color: #fff
}

.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bbb;
  pointer-events: none
}

.el-dropdown-menu--medium {
  padding: .08rem 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
  line-height: .4rem;
  padding: 0 .226667rem;
  font-size: .186667rem
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: .08rem
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided::before {
  height: .08rem;
  margin: 0 -.226667rem
}

.el-dropdown-menu--small {
  padding: .08rem 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
  line-height: .36rem;
  padding: 0 .2rem;
  font-size: .173333rem
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: .053333rem
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided::before {
  height: .053333rem;
  margin: 0 -.2rem
}

.el-dropdown-menu--mini {
  padding: .04rem 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
  line-height: .32rem;
  padding: 0 .133333rem;
  font-size: .16rem
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: .04rem
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided::before {
  height: .04rem;
  margin: 0 -.133333rem
}

.el-menu-item, .el-submenu__title {
  box-sizing: border-box
}

.el-radio-button__inner, .el-radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle
}

.el-radio-group {
  font-size: 0
}

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: 0
}

.el-radio-button__inner {
  white-space: nowrap;
  background: #fff;
  border: .013333rem solid #dcdfe6;
  font-weight: 500;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  font-size: .186667rem;
  border-radius: 0
}

.el-radio-button__inner, .el-radio-button__inner.is-round {
  padding: .16rem .266667rem
}

.el-radio-button__inner:hover {
  color: #409eff
}

.el-radio-button__inner [class*=el-icon-] {
  line-height: .9
}

.el-radio-button__inner [class*=el-icon-]+span {
  margin-left: .066667rem
}

.el-radio-button:first-child .el-radio-button__inner {
  border-left: .013333rem solid #dcdfe6;
  border-radius: .053333rem 0 0 .053333rem;
  box-shadow: none !important
}

.el-radio-button__orig-radio {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  box-shadow: -.013333rem 0 0 0 #409eff
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
  box-shadow: none
}

.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
  background-color: #f2f6fc
}

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 .053333rem .053333rem 0
}

.el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: .053333rem
}

.el-radio-button--medium .el-radio-button__inner {
  padding: .133333rem .266667rem;
  font-size: .186667rem;
  border-radius: 0
}

.el-radio-button--medium .el-radio-button__inner.is-round {
  padding: .133333rem .266667rem
}

.el-radio-button--small .el-radio-button__inner {
  padding: .12rem .2rem;
  font-size: .16rem;
  border-radius: 0
}

.el-radio-button--small .el-radio-button__inner.is-round {
  padding: .12rem .2rem
}

.el-radio-button--mini .el-radio-button__inner {
  padding: .093333rem .2rem;
  font-size: .16rem;
  border-radius: 0
}

.el-radio-button--mini .el-radio-button__inner.is-round {
  padding: .093333rem .2rem
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: 0 0 .026667rem .026667rem #409eff
}

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: .186667rem;
  line-height: .266667rem;
  height: .266667rem;
  vertical-align: middle
}

.el-switch__core, .el-switch__label {
  display: inline-block;
  cursor: pointer
}

.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed
}

.el-switch__label {
  transition: .2s;
  height: .266667rem;
  font-size: .186667rem;
  font-weight: 500;
  vertical-align: middle;
  color: #303133
}

.el-switch__label.is-active {
  color: #409eff
}

.el-switch__label--left {
  margin-right: .133333rem
}

.el-switch__label--right {
  margin-left: .133333rem
}

.el-switch__label * {
  line-height: 1;
  font-size: .186667rem;
  display: inline-block
}

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0
}

.el-switch__core {
  margin: 0;
  position: relative;
  width: .533333rem;
  height: .266667rem;
  border: .013333rem solid #dcdfe6;
  outline: 0;
  border-radius: .133333rem;
  box-sizing: border-box;
  background: #dcdfe6;
  transition: border-color .3s, background-color .3s;
  vertical-align: middle
}

.el-switch__core::after {
  content: "";
  position: absolute;
  top: .013333rem;
  left: .013333rem;
  border-radius: 100%;
  transition: all .3s;
  width: .213333rem;
  height: .213333rem;
  background-color: #fff
}

.el-switch.is-checked .el-switch__core {
  border-color: #409eff;
  background-color: #409eff
}

.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -.226667rem
}

.el-switch.is-disabled {
  opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: .133333rem
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: .133333rem
}

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
  opacity: 0
}

.el-table, .el-table__expanded-cell {
  background-color: #fff
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  font-size: .186667rem;
  color: #606266
}

.el-table--mini, .el-table--small, .el-table__expand-icon {
  font-size: .16rem
}

.el-table__empty-block {
  min-height: .8rem;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.el-table__empty-text {
  line-height: .8rem;
  width: 50%;
  color: #909399
}

.el-table__expand-column .cell {
  padding: 0;
  text-align: center
}

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  transition: transform .2s ease-in-out;
  height: .266667rem
}

.el-table__expand-icon--expanded {
  transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.066667rem;
  margin-top: -.066667rem
}

.el-table__expanded-cell[class*=cell] {
  padding: .266667rem .666667rem
}

.el-table__expanded-cell:hover {
  background-color: transparent !important
}

.el-table__placeholder {
  display: inline-block;
  width: .266667rem
}

.el-table__append-wrapper {
  overflow: hidden
}

.el-table--fit {
  border-right: 0;
  border-bottom: 0
}

.el-table--fit td.gutter, .el-table--fit th.gutter {
  border-right-width: .013333rem
}

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto
}

.el-table thead {
  color: #909399;
  font-weight: 500
}

.el-table thead.is-group th {
  background: #f5f7fa
}

.el-table th, .el-table tr {
  background-color: #fff
}

.el-table td, .el-table th {
  padding: .16rem 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left
}

.el-table td.is-center, .el-table th.is-center {
  text-align: center
}

.el-table td.is-right, .el-table th.is-right {
  text-align: right
}

.el-table td.gutter, .el-table th.gutter {
  width: .2rem;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0
}

.el-table--medium td, .el-table--medium th {
  padding: .133333rem 0
}

.el-table--small td, .el-table--small th {
  padding: .106667rem 0
}

.el-table--mini td, .el-table--mini th {
  padding: .08rem 0
}

.el-table--border td:first-child .cell, .el-table--border th:first-child .cell, .el-table .cell {
  padding-left: .133333rem
}

.el-table tr input[type=checkbox] {
  margin: 0
}

.el-table td, .el-table th.is-leaf {
  border-bottom: .013333rem solid #ebeef5
}

.el-table th.is-sortable {
  cursor: pointer
}

.el-table th {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-table th>.cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: .133333rem;
  padding-right: .133333rem;
  width: 100%
}

.el-table th>.cell.highlight {
  color: #409eff
}

.el-table th.required>div::before {
  display: inline-block;
  content: "";
  width: .106667rem;
  height: .106667rem;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: .066667rem;
  vertical-align: middle
}

.el-table td div {
  box-sizing: border-box
}

.el-table td.gutter {
  width: 0
}

.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: .306667rem;
  padding-right: .133333rem
}

.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: .666667rem
}

.el-table--border, .el-table--group {
  border: .013333rem solid #ebeef5
}

.el-table--border::after, .el-table--group::after, .el-table::before {
  content: "";
  position: absolute;
  background-color: #ebeef5;
  z-index: 1
}

.el-table--border::after, .el-table--group::after {
  top: 0;
  right: 0;
  width: .013333rem;
  height: 100%
}

.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: .013333rem
}

.el-table--border {
  border-right: none;
  border-bottom: none
}

.el-table--border.el-loading-parent--relative {
  border-color: transparent
}

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
  border-right: .013333rem solid #ebeef5
}

.el-table--border th, .el-table--border th.gutter:last-of-type, .el-table__fixed-right-patch {
  border-bottom: .013333rem solid #ebeef5
}

.el-table__fixed, .el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 .133333rem rgba(0, 0, 0, .12)
}

.el-table__fixed-right::before, .el-table__fixed::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .013333rem;
  background-color: #ebeef5;
  z-index: 4
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -.013333rem;
  right: 0;
  background-color: #fff
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3
}

.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
  border-top: .013333rem solid #ebeef5;
  background-color: #f5f7fa;
  color: #606266
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: .493333rem;
  overflow: hidden;
  z-index: 3
}

.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
  width: 100%
}

.el-table__footer-wrapper {
  margin-top: -.013333rem
}

.el-table__footer-wrapper td {
  border-top: .013333rem solid #ebeef5
}

.el-table__body, .el-table__footer, .el-table__header {
  table-layout: fixed;
  border-collapse: separate
}

.el-table__footer-wrapper, .el-table__header-wrapper {
  overflow: hidden
}

.el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td {
  background-color: #f5f7fa;
  color: #606266
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
  box-shadow: none
}

.el-picker-panel, .el-table-filter {
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
  border-left: .013333rem solid #ebeef5
}

.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: .453333rem;
  width: .32rem;
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
  overflow: initial;
  position: relative
}

.el-table .sort-caret {
  width: 0;
  height: 0;
  border: .066667rem solid transparent;
  position: absolute;
  left: .093333rem
}

.el-table .sort-caret.ascending {
  border-bottom-color: #c0c4cc;
  top: .066667rem
}

.el-table .sort-caret.descending {
  border-top-color: #c0c4cc;
  bottom: .093333rem
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #409eff
}

.el-table .descending .sort-caret.descending {
  border-top-color: #409eff
}

.el-table .hidden-columns {
  position: absolute;
  z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #fafafa
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background-color: #ecf5ff
}

.el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td {
  background-color: #f5f7fa
}

.el-table__body tr.current-row>td {
  background-color: #ecf5ff
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 2.666667rem;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: .013333rem solid #ebeef5;
  z-index: 10
}

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: .453333rem;
  cursor: pointer
}

.el-table__column-filter-trigger i {
  color: #909399;
  font-size: .16rem;
  transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
  transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #f5f7fa
}

.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: .266667rem;
  line-height: .266667rem;
  height: .266667rem;
  text-align: center;
  margin-right: .04rem
}

.el-table-column--selection .cell {
  padding-left: .186667rem;
  padding-right: .186667rem
}

.el-table-filter {
  border: .013333rem solid #ebeef5;
  border-radius: .026667rem;
  background-color: #fff;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  margin: .026667rem 0
}

.el-date-table td, .el-date-table td div {
  height: .4rem;
  box-sizing: border-box
}

.el-table-filter__list {
  padding: .066667rem 0;
  margin: 0;
  list-style: none;
  min-width: 1.333333rem
}

.el-table-filter__list-item {
  line-height: .48rem;
  padding: 0 .133333rem;
  cursor: pointer;
  font-size: .186667rem
}

.el-table-filter__list-item:hover {
  background-color: #ecf5ff;
  color: #66b1ff
}

.el-table-filter__list-item.is-active {
  background-color: #409eff;
  color: #fff
}

.el-table-filter__content {
  min-width: 1.333333rem
}

.el-table-filter__bottom {
  border-top: .013333rem solid #ebeef5;
  padding: .106667rem
}

.el-table-filter__bottom button {
  background: 0 0;
  border: none;
  color: #606266;
  cursor: pointer;
  font-size: .173333rem;
  padding: 0 .04rem
}

.el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div, .el-date-table td.in-range div, .el-date-table td.in-range div:hover {
  background-color: #f2f6fc
}

.el-table-filter__bottom button:hover {
  color: #409eff
}

.el-table-filter__bottom button:focus {
  outline: 0
}

.el-table-filter__bottom button.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-table-filter__wrap {
  max-height: 3.733333rem
}

.el-table-filter__checkbox-group {
  padding: .133333rem
}

.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-right: .066667rem;
  margin-bottom: .106667rem;
  margin-left: .066667rem
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0
}

.el-date-table {
  font-size: .16rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  margin-left: .066667rem;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  margin-right: .066667rem;
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

.el-date-table td {
  width: .426667rem;
  padding: .053333rem 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative
}

.el-date-table td div {
  padding: .04rem 0;
  box-sizing: border-box
}

.el-date-table td span {
  width: .32rem;
  height: .32rem;
  display: block;
  margin: 0 auto;
  line-height: .32rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%
}

.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #c0c4cc
}

.el-date-table td.today {
  position: relative
}

.el-date-table td.today span {
  color: #409eff;
  font-weight: 700
}

.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
  color: #fff
}

.el-date-table td.available:hover {
  color: #409eff
}

.el-date-table td.current:not(.disabled) span {
  color: #fff;
  background-color: #409eff
}

.el-date-table td.end-date div, .el-date-table td.start-date div {
  color: #fff
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
  background-color: #409eff
}

.el-date-table td.start-date div {
  margin-left: .066667rem;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.el-date-table td.end-date div {
  margin-right: .066667rem;
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

.el-date-table td.disabled div {
  background-color: #f5f7fa;
  opacity: 1;
  cursor: not-allowed;
  color: #c0c4cc
}

.el-date-table td.selected div {
  margin-left: .066667rem;
  margin-right: .066667rem;
  background-color: #f2f6fc;
  border-radius: .2rem
}

.el-date-table td.selected div:hover {
  background-color: #f2f6fc
}

.el-date-table td.selected span {
  background-color: #409eff;
  color: #fff;
  border-radius: .2rem
}

.el-date-table td.week {
  font-size: 80%;
  color: #606266
}

.el-month-table, .el-year-table {
  font-size: .16rem;
  border-collapse: collapse
}

.el-date-table th {
  padding: .066667rem;
  color: #606266;
  font-weight: 400;
  border-bottom: .013333rem solid #ebeef5
}

.el-month-table {
  margin: -.013333rem
}

.el-month-table td {
  text-align: center;
  padding: .106667rem 0;
  cursor: pointer
}

.el-month-table td div {
  height: .64rem;
  padding: .08rem 0;
  box-sizing: border-box
}

.el-month-table td.today .cell {
  color: #409eff;
  font-weight: 700
}

.el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell {
  color: #fff
}

.el-month-table td.disabled .cell {
  background-color: #f5f7fa;
  cursor: not-allowed;
  color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
  color: #c0c4cc
}

.el-month-table td .cell {
  width: .8rem;
  height: .48rem;
  display: block;
  line-height: .48rem;
  color: #606266;
  margin: 0 auto;
  border-radius: .24rem
}

.el-month-table td .cell:hover {
  color: #409eff
}

.el-month-table td.in-range div, .el-month-table td.in-range div:hover {
  background-color: #f2f6fc
}

.el-month-table td.end-date div, .el-month-table td.start-date div {
  color: #fff
}

.el-month-table td.end-date .cell, .el-month-table td.start-date .cell {
  color: #fff;
  background-color: #409eff
}

.el-month-table td.start-date div {
  border-top-left-radius: .32rem;
  border-bottom-left-radius: .32rem
}

.el-month-table td.end-date div {
  border-top-right-radius: .32rem;
  border-bottom-right-radius: .32rem
}

.el-month-table td.current:not(.disabled) .cell {
  color: #409eff
}

.el-year-table {
  margin: -.013333rem
}

.el-year-table .el-icon {
  color: #303133
}

.el-year-table td {
  text-align: center;
  padding: .266667rem .04rem;
  cursor: pointer
}

.el-year-table td.today .cell {
  color: #409eff;
  font-weight: 700
}

.el-year-table td.disabled .cell {
  background-color: #f5f7fa;
  cursor: not-allowed;
  color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
  color: #c0c4cc
}

.el-year-table td .cell {
  width: .64rem;
  height: .426667rem;
  display: block;
  line-height: .426667rem;
  color: #606266;
  margin: 0 auto
}

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
  color: #409eff
}

.el-date-range-picker {
  width: 8.613333rem
}

.el-date-range-picker.has-sidebar {
  width: 10.08rem
}

.el-date-range-picker table {
  table-layout: fixed;
  width: 100%
}

.el-date-range-picker .el-picker-panel__body {
  min-width: 6.84rem
}

.el-date-range-picker .el-picker-panel__content {
  margin: 0
}

.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: .373333rem
}

.el-date-range-picker__header [class*=arrow-left] {
  float: left
}

.el-date-range-picker__header [class*=arrow-right] {
  float: right
}

.el-date-range-picker__header div {
  font-size: .213333rem;
  font-weight: 500;
  margin-right: .666667rem
}

.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: .213333rem
}

.el-date-range-picker__content.is-left {
  border-right: .013333rem solid #e4e4e4
}

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: .666667rem;
  margin-right: .666667rem
}

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
  text-align: right
}

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: .013333rem solid #e4e4e4;
  font-size: .16rem;
  padding: .106667rem .066667rem .066667rem;
  display: table;
  width: 100%;
  box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
  font-size: .266667rem;
  vertical-align: middle;
  display: table-cell;
  color: #303133
}

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 .066667rem
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: .173333rem;
  right: 0;
  z-index: 1;
  background: #fff
}

.el-date-picker {
  width: 4.293333rem
}

.el-date-picker.has-sidebar.has-time {
  width: 5.786667rem
}

.el-date-picker.has-sidebar {
  width: 5.84rem
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative
}

.el-date-picker .el-picker-panel__content {
  width: 3.893333rem
}

.el-date-picker table {
  table-layout: fixed;
  width: 100%
}

.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 .066667rem
}

.el-date-picker__time-header {
  position: relative;
  border-bottom: .013333rem solid #e4e4e4;
  font-size: .16rem;
  padding: .106667rem .066667rem .066667rem;
  display: table;
  width: 100%;
  box-sizing: border-box
}

.el-date-picker__header {
  margin: .16rem;
  text-align: center
}

.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: .16rem;
  border-bottom: .013333rem solid #ebeef5
}

.el-date-picker__header--bordered+.el-picker-panel__content {
  margin-top: 0
}

.el-date-picker__header-label {
  font-size: .213333rem;
  font-weight: 500;
  padding: 0 .066667rem;
  line-height: .293333rem;
  text-align: center;
  cursor: pointer;
  color: #606266
}

.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
  color: #409eff
}

.el-date-picker__prev-btn {
  float: left
}

.el-date-picker__next-btn {
  float: right
}

.el-date-picker__time-wrap {
  padding: .133333rem;
  text-align: center
}

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: .4rem;
  margin-left: .133333rem
}

.time-select {
  margin: .066667rem 0;
  min-width: 0
}

.time-select .el-picker-panel__content {
  max-height: 2.666667rem;
  margin: 0
}

.time-select-item {
  padding: .106667rem .133333rem;
  font-size: .186667rem;
  line-height: .266667rem
}

.time-select-item.selected:not(.disabled) {
  color: #409eff;
  font-weight: 700
}

.time-select-item.disabled {
  color: #e4e7ed;
  cursor: not-allowed
}

.time-select-item:hover {
  background-color: #f5f7fa;
  font-weight: 700;
  cursor: pointer
}

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 2.933333rem
}

.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 4rem
}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 4.666667rem
}

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 5.333333rem
}

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
  cursor: pointer
}

.el-date-editor .el-range__icon {
  font-size: .186667rem;
  margin-left: -.066667rem;
  color: #c0c4cc;
  float: left;
  line-height: .426667rem
}

.el-date-editor .el-range-input, .el-date-editor .el-range-separator {
  height: 100%;
  margin: 0;
  text-align: center;
  display: inline-block;
  font-size: .186667rem
}

.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: 0;
  padding: 0;
  width: 39%;
  color: #606266
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-date-editor .el-range-input::-moz-placeholder {
  color: #c0c4cc
}

.el-date-editor .el-range-input:-ms-input-placeholder {
  color: #c0c4cc
}

.el-date-editor .el-range-input::-ms-input-placeholder {
  color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
  color: #c0c4cc
}

.el-date-editor .el-range-separator {
  padding: 0 .066667rem;
  line-height: .426667rem;
  width: 5%;
  color: #303133
}

.el-date-editor .el-range__close-icon {
  font-size: .186667rem;
  color: #c0c4cc;
  width: .333333rem;
  display: inline-block;
  float: right;
  line-height: .426667rem
}

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: .04rem .133333rem
}

.el-range-editor .el-range-input {
  line-height: 1
}

.el-range-editor.is-active, .el-range-editor.is-active:hover {
  border-color: #409eff
}

.el-range-editor--medium.el-input__inner {
  height: .48rem
}

.el-range-editor--medium .el-range-separator {
  line-height: .373333rem;
  font-size: .186667rem
}

.el-range-editor--medium .el-range-input {
  font-size: .186667rem
}

.el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon {
  line-height: .373333rem
}

.el-range-editor--small.el-input__inner {
  height: .426667rem
}

.el-range-editor--small .el-range-separator {
  line-height: .32rem;
  font-size: .173333rem
}

.el-range-editor--small .el-range-input {
  font-size: .173333rem
}

.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
  line-height: .32rem
}

.el-range-editor--mini.el-input__inner {
  height: .373333rem
}

.el-range-editor--mini .el-range-separator {
  line-height: .266667rem;
  font-size: .16rem
}

.el-range-editor--mini .el-range-input {
  font-size: .16rem
}

.el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon {
  line-height: .266667rem
}

.el-range-editor.is-disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed
}

.el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover {
  border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
  background-color: #f5f7fa;
  color: #c0c4cc;
  cursor: not-allowed
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-range-editor.is-disabled input::-moz-placeholder {
  color: #c0c4cc
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
  color: #c0c4cc
}

.el-range-editor.is-disabled input::-ms-input-placeholder {
  color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
  color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
  color: #c0c4cc
}

.el-picker-panel {
  color: #606266;
  border: .013333rem solid #e4e7ed;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  background: #fff;
  border-radius: .053333rem;
  line-height: .4rem;
  margin: .066667rem 0
}

.el-popover, .el-time-panel {
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-picker-panel__body-wrapper::after, .el-picker-panel__body::after {
  content: "";
  display: table;
  clear: both
}

.el-picker-panel__content {
  position: relative;
  margin: .2rem
}

.el-picker-panel__footer {
  border-top: .013333rem solid #e4e4e4;
  padding: .053333rem;
  text-align: right;
  background-color: #fff;
  position: relative;
  font-size: 0
}

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: .373333rem;
  font-size: .186667rem;
  color: #606266;
  padding-left: .16rem;
  text-align: left;
  outline: 0;
  cursor: pointer
}

.el-picker-panel__shortcut:hover {
  color: #409eff
}

.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #409eff
}

.el-picker-panel__btn {
  border: .013333rem solid #dcdcdc;
  color: #333;
  line-height: .32rem;
  border-radius: .026667rem;
  padding: 0 .266667rem;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: .16rem
}

.el-picker-panel__btn[disabled] {
  color: #ccc;
  cursor: not-allowed
}

.el-picker-panel__icon-btn {
  font-size: .16rem;
  color: #303133;
  border: 0;
  background: 0 0;
  cursor: pointer;
  outline: 0;
  margin-top: .106667rem
}

.el-picker-panel__icon-btn:hover {
  color: #409eff
}

.el-picker-panel__icon-btn.is-disabled {
  color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed
}

.el-picker-panel__link-btn {
  vertical-align: middle
}

.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.466667rem;
  border-right: .013333rem solid #e4e4e4;
  box-sizing: border-box;
  padding-top: .08rem;
  background-color: #fff;
  overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body, .el-picker-panel__sidebar+.el-picker-panel__body {
  margin-left: 1.466667rem
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%
}

.el-time-spinner__wrapper {
  max-height: 2.533333rem;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: .2rem
}

.el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list {
  padding: 0;
  text-align: center
}

.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-.426667rem)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #fff;
  cursor: default
}

.el-time-spinner__arrow {
  font-size: .16rem;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: .4rem;
  line-height: .4rem;
  cursor: pointer
}

.el-time-spinner__arrow:hover {
  color: #409eff
}

.el-time-spinner__arrow.el-icon-arrow-up {
  top: .133333rem
}

.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: .133333rem
}

.el-time-spinner__input.el-input {
  width: 70%
}

.el-time-spinner__list {
  margin: 0;
  list-style: none
}

.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 1.066667rem
}

.el-time-spinner__item {
  height: .426667rem;
  line-height: .426667rem;
  font-size: .16rem;
  color: #606266
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #f5f7fa;
  cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: 700
}

.el-time-spinner__item.disabled {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-time-panel {
  margin: .066667rem 0;
  border: .013333rem solid #e4e7ed;
  background-color: #fff;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  border-radius: .026667rem;
  position: absolute;
  width: 2.4rem;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-sizing: content-box
}

.el-slider__button, .el-slider__button-wrapper, .el-time-panel {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden
}

.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -.2rem;
  height: .426667rem;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: .08rem;
  text-align: left;
  border-top: .013333rem solid #e4e7ed;
  border-bottom: .013333rem solid #e4e7ed
}

.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%
}

.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%
}

.el-time-panel__content.has-seconds::after {
  left: 66.66667%
}

.el-time-panel__content.has-seconds::before {
  padding-left: 33.33333%
}

.el-time-panel__footer {
  border-top: .013333rem solid #e4e4e4;
  padding: .053333rem;
  height: .48rem;
  line-height: .333333rem;
  text-align: right;
  box-sizing: border-box
}

.el-time-panel__btn {
  border: none;
  line-height: .373333rem;
  padding: 0 .066667rem;
  margin: 0 .066667rem;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: .16rem;
  color: #303133
}

.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #409eff
}

.el-time-range-picker {
  width: 4.72rem;
  overflow: visible
}

.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: .133333rem
}

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: .053333rem .093333rem .093333rem;
  width: 50%;
  display: inline-block
}

.el-time-range-picker__header {
  margin-bottom: .066667rem;
  text-align: center;
  font-size: .186667rem
}

.el-time-range-picker__body {
  border-radius: .026667rem;
  border: .013333rem solid #e4e7ed
}

.v-modal-enter {
  -webkit-animation: v-modal-in .2s ease;
          animation: v-modal-in .2s ease
}

.v-modal-leave {
  -webkit-animation: v-modal-out .2s ease forwards;
          animation: v-modal-out .2s ease forwards
}

@-webkit-keyframes v-modal-in {
  0% {
    opacity: 0
  }
}

@keyframes v-modal-in {
  0% {
    opacity: 0
  }
}

@-webkit-keyframes v-modal-out {
  to {
    opacity: 0
  }
}

@keyframes v-modal-out {
  to {
    opacity: 0
  }
}

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background: #000
}

.el-popup-parent--hidden {
  overflow: hidden
}

.el-message-box {
  display: inline-block;
  width: 5.6rem;
  padding-bottom: .133333rem;
  vertical-align: middle;
  background-color: #fff;
  border-radius: .053333rem;
  border: .013333rem solid #ebeef5;
  font-size: .24rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  text-align: left;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden
}

.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center
}

.el-message-box__wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle
}

.el-message-box__header {
  position: relative;
  padding: .2rem .2rem .133333rem
}

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: .24rem;
  line-height: 1;
  color: #303133
}

.el-message-box__headerbtn {
  position: absolute;
  top: .2rem;
  right: .2rem;
  padding: 0;
  border: none;
  outline: 0;
  background: 0 0;
  font-size: .213333rem;
  cursor: pointer
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus {
  border-color: #f56c6c
}

.el-message-box__headerbtn .el-message-box__close {
  color: #909399
}

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #409eff
}

.el-message-box__content {
  padding: .133333rem .2rem;
  color: #606266;
  font-size: .186667rem
}

.el-message-box__container {
  position: relative
}

.el-message-box__input {
  padding-top: .2rem
}

.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: .32rem !important
}

.el-message-box__status::before {
  padding-left: .013333rem
}

.el-message-box__status+.el-message-box__message {
  padding-left: .48rem;
  padding-right: .16rem
}

.el-message-box__status.el-icon-success {
  color: #67c23a
}

.el-message-box__status.el-icon-info {
  color: #909399
}

.el-message-box__status.el-icon-warning {
  color: #e6a23c
}

.el-message-box__status.el-icon-error {
  color: #f56c6c
}

.el-message-box__message {
  margin: 0
}

.el-message-box__message p {
  margin: 0;
  line-height: .32rem
}

.el-message-box__errormsg {
  color: #f56c6c;
  font-size: .16rem;
  min-height: .24rem;
  margin-top: .026667rem
}

.el-message-box__btns {
  padding: .066667rem .2rem 0;
  text-align: right
}

.el-message-box__btns button:nth-child(2) {
  margin-left: .133333rem
}

.el-message-box__btns-reverse {
  flex-direction: row-reverse
}

.el-message-box--center {
  padding-bottom: .4rem
}

.el-message-box--center .el-message-box__header {
  padding-top: .4rem
}

.el-message-box--center .el-message-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.el-message-box--center .el-message-box__status {
  position: relative;
  top: auto;
  padding-right: .066667rem;
  text-align: center;
  transform: translateY(-.013333rem)
}

.el-message-box--center .el-message-box__message {
  margin-left: 0
}

.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
  text-align: center
}

.el-message-box--center .el-message-box__content {
  padding-left: .36rem;
  padding-right: .36rem
}

.msgbox-fade-enter-active {
  -webkit-animation: msgbox-fade-in .3s;
          animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
  -webkit-animation: msgbox-fade-out .3s;
          animation: msgbox-fade-out .3s
}

@-webkit-keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }

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

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }

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

@-webkit-keyframes msgbox-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }
}

@keyframes msgbox-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }
}

.el-breadcrumb {
  font-size: .186667rem;
  line-height: 1
}

.el-breadcrumb::after, .el-breadcrumb::before {
  display: table;
  content: ""
}

.el-breadcrumb::after {
  clear: both
}

.el-breadcrumb__separator {
  margin: 0 .12rem;
  font-weight: 700;
  color: #c0c4cc
}

.el-breadcrumb__separator[class*=icon] {
  margin: 0 .08rem;
  font-weight: 400
}

.el-breadcrumb__item {
  float: left
}

.el-breadcrumb__inner {
  color: #606266
}

.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: 700;
  text-decoration: none;
  transition: color .2s cubic-bezier(.645, .045, .355, 1);
  color: #303133
}

.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: #409eff;
  cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  font-weight: 400;
  color: #606266;
  cursor: text
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none
}

.el-form--inline .el-form-item, .el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top
}

.el-form-item::after, .el-form-item__content::after {
  clear: both
}

.el-collapse-item__arrow, .el-tabs__nav {
  transition: transform .3s
}

.el-tree {
  position: relative;
  cursor: default;
  background: #fff;
  color: #606266
}

.el-tree__empty-block {
  position: relative;
  min-height: .8rem;
  text-align: center;
  width: 100%;
  height: 100%
}

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #909399;
  font-size: .186667rem
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: .013333rem;
  background-color: #409eff
}

.el-tree-node {
  white-space: nowrap;
  outline: 0
}

.el-tree-node:focus>.el-tree-node__content {
  background-color: #f5f7fa
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
  background-color: #409eff;
  color: #fff
}

.el-tree-node__content {
  display: flex;
  align-items: center;
  height: .346667rem;
  cursor: pointer
}

.el-tree-node__content>.el-tree-node__expand-icon {
  padding: .08rem
}

.el-tree-node__content>label.el-checkbox {
  margin-right: .106667rem
}

.el-tree-node__content:hover {
  background-color: #f5f7fa
}

.el-tree.is-dragging .el-tree-node__content {
  cursor: move
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed
}

.el-tree-node__expand-icon {
  cursor: pointer;
  color: #c0c4cc;
  font-size: .16rem;
  transform: rotate(0);
  transition: transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default
}

.el-tree-node__label {
  font-size: .186667rem
}

.el-tree-node__loading-icon {
  margin-right: .106667rem;
  font-size: .186667rem;
  color: #c0c4cc
}

.el-tree-node>.el-tree-node__children {
  overflow: hidden;
  background-color: transparent
}

.el-tree-node.is-expanded>.el-tree-node__children {
  display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #f0f7ff
}

.el-alert {
  width: 100%;
  padding: .106667rem .213333rem;
  margin: 0;
  box-sizing: border-box;
  border-radius: .053333rem;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity .2s
}

.el-alert.is-light .el-alert__closebtn {
  color: #c0c4cc
}

.el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description {
  color: #fff
}

.el-alert.is-center {
  justify-content: center
}

.el-alert--success.is-light {
  background-color: #f0f9eb;
  color: #67c23a
}

.el-alert--success.is-light .el-alert__description {
  color: #67c23a
}

.el-alert--success.is-dark {
  background-color: #67c23a;
  color: #fff
}

.el-alert--info.is-light {
  background-color: #f4f4f5;
  color: #909399
}

.el-alert--info.is-dark {
  background-color: #909399;
  color: #fff
}

.el-alert--info .el-alert__description {
  color: #909399
}

.el-alert--warning.is-light {
  background-color: #fdf6ec;
  color: #e6a23c
}

.el-alert--warning.is-light .el-alert__description {
  color: #e6a23c
}

.el-alert--warning.is-dark {
  background-color: #e6a23c;
  color: #fff
}

.el-alert--error.is-light {
  background-color: #fef0f0;
  color: #f56c6c
}

.el-alert--error.is-light .el-alert__description {
  color: #f56c6c
}

.el-alert--error.is-dark {
  background-color: #f56c6c;
  color: #fff
}

.el-alert__content {
  display: table-cell;
  padding: 0 .106667rem
}

.el-alert__icon {
  font-size: .213333rem;
  width: .213333rem
}

.el-alert__icon.is-big {
  font-size: .373333rem;
  width: .373333rem
}

.el-alert__title {
  font-size: .173333rem;
  line-height: .24rem
}

.el-alert__title.is-bold {
  font-weight: 700
}

.el-alert .el-alert__description {
  font-size: .16rem;
  margin: .066667rem 0 0
}

.el-alert__closebtn {
  font-size: .16rem;
  opacity: 1;
  position: absolute;
  top: .16rem;
  right: .2rem;
  cursor: pointer
}

.el-alert-fade-enter, .el-alert-fade-leave-active, .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active {
  opacity: 0
}

.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: .173333rem;
  top: .12rem
}

.el-input-number {
  position: relative;
  display: inline-block;
  width: 2.4rem;
  line-height: .506667rem
}

.el-input-number .el-input {
  display: block
}

.el-input-number .el-input__inner {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: .666667rem;
  padding-right: .666667rem;
  text-align: center
}

.el-input-number__decrease, .el-input-number__increase {
  position: absolute;
  z-index: 1;
  top: .013333rem;
  width: .533333rem;
  height: auto;
  text-align: center;
  background: #f5f7fa;
  color: #606266;
  cursor: pointer;
  font-size: .173333rem
}

.el-input-number__decrease:hover, .el-input-number__increase:hover {
  color: #409eff
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
  border-color: #409eff
}

.el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-input-number__increase {
  right: .013333rem;
  border-radius: 0 .053333rem .053333rem 0;
  border-left: .013333rem solid #dcdfe6
}

.el-input-number__decrease {
  left: .013333rem;
  border-radius: .053333rem 0 0 .053333rem;
  border-right: .013333rem solid #dcdfe6
}

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
  border-color: #e4e7ed;
  color: #e4e7ed
}

.el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover {
  color: #e4e7ed;
  cursor: not-allowed
}

.el-input-number--medium {
  width: 2.666667rem;
  line-height: .453333rem
}

.el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase {
  width: .48rem;
  font-size: .186667rem
}

.el-input-number--medium .el-input__inner {
  padding-left: .573333rem;
  padding-right: .573333rem
}

.el-input-number--small {
  width: 1.733333rem;
  line-height: .4rem
}

.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
  width: .426667rem;
  font-size: .173333rem
}

.el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] {
  transform: scale(.9)
}

.el-input-number--small .el-input__inner {
  padding-left: .52rem;
  padding-right: .52rem
}

.el-input-number--mini {
  width: 1.733333rem;
  line-height: .346667rem
}

.el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase {
  width: .373333rem;
  font-size: .16rem
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] {
  transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
  padding-left: .466667rem;
  padding-right: .466667rem
}

.el-input-number.is-without-controls .el-input__inner {
  padding-left: .2rem;
  padding-right: .2rem
}

.el-input-number.is-controls-right .el-input__inner {
  padding-left: .2rem;
  padding-right: .666667rem
}

.el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase {
  height: auto;
  line-height: .253333rem
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
  transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 .053333rem 0 0;
  border-bottom: .013333rem solid #dcdfe6
}

.el-input-number.is-controls-right .el-input-number__decrease {
  right: .013333rem;
  bottom: .013333rem;
  top: auto;
  left: auto;
  border-right: none;
  border-left: .013333rem solid #dcdfe6;
  border-radius: 0 0 .053333rem
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] {
  line-height: .226667rem
}

.el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] {
  line-height: .2rem
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] {
  line-height: .173333rem
}

.el-tooltip__popper {
  position: absolute;
  border-radius: .053333rem;
  padding: .133333rem;
  z-index: 2000;
  font-size: .16rem;
  line-height: 1.2;
  min-width: .133333rem;
  word-wrap: break-word
}

.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.el-tooltip__popper .popper__arrow {
  border-width: .08rem
}

.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: .066667rem
}

.el-progress-bar__inner::after, .el-row::after, .el-row::before, .el-slider::after, .el-slider::before, .el-slider__button-wrapper::after, .el-upload-cover::after {
  content: ""
}

.el-tooltip__popper[x-placement^=top] {
  margin-bottom: .16rem
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -.08rem;
  border-top-color: #303133;
  border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: .013333rem;
  margin-left: -.066667rem;
  border-top-color: #303133;
  border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
  margin-top: .16rem
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -.08rem;
  border-top-width: 0;
  border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: .013333rem;
  margin-left: -.066667rem;
  border-top-width: 0;
  border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
  margin-left: .16rem
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -.08rem;
  border-right-color: #303133;
  border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -.066667rem;
  left: .013333rem;
  border-right-color: #303133;
  border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
  margin-right: .16rem
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -.08rem;
  border-right-width: 0;
  border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: .013333rem;
  bottom: -.066667rem;
  margin-left: -.066667rem;
  border-right-width: 0;
  border-left-color: #303133
}

.el-tooltip__popper.is-dark {
  background: #303133;
  color: #fff
}

.el-tooltip__popper.is-light {
  background: #fff;
  border: .013333rem solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #fff
}

.el-slider::after, .el-slider::before {
  display: table
}

.el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper::after {
  vertical-align: middle;
  display: inline-block
}

.el-slider::after {
  clear: both
}

.el-slider__runway {
  width: 100%;
  height: .08rem;
  margin: .213333rem 0;
  background-color: #e4e7ed;
  border-radius: .04rem;
  position: relative;
  cursor: pointer;
  vertical-align: middle
}

.el-slider__runway.show-input {
  margin-right: 2.133333rem;
  width: auto
}

.el-slider__runway.disabled {
  cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
  background-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button {
  border-color: #c0c4cc
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover {
  cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover {
  transform: scale(1);
  cursor: not-allowed
}

.el-slider__button-wrapper, .el-slider__stop {
  transform: translateX(-50%);
  position: absolute
}

.el-slider__input {
  float: right;
  margin-top: .04rem;
  width: 1.733333rem
}

.el-slider__input.el-input-number--mini {
  margin-top: .066667rem
}

.el-slider__input.el-input-number--medium {
  margin-top: 0
}

.el-slider__input.el-input-number--large {
  margin-top: -.026667rem
}

.el-slider__bar {
  height: .08rem;
  background-color: #409eff;
  border-top-left-radius: .04rem;
  border-bottom-left-radius: .04rem;
  position: absolute
}

.el-slider__button-wrapper {
  height: .48rem;
  width: .48rem;
  z-index: 1001;
  top: -.2rem;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: normal
}

.el-slider__button-wrapper::after {
  height: 100%
}

.el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover {
  cursor: -webkit-grab;
  cursor: grab
}

.el-slider__button-wrapper.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.el-slider__button {
  width: .213333rem;
  height: .213333rem;
  border: .026667rem solid #409eff;
  background-color: #fff;
  border-radius: 50%;
  transition: .2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-image-viewer__btn, .el-slider__button, .el-step__icon-inner {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
  transform: scale(1.2)
}

.el-slider__button.hover, .el-slider__button:hover {
  cursor: -webkit-grab;
  cursor: grab
}

.el-slider__button.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.el-slider__stop {
  height: .08rem;
  width: .08rem;
  border-radius: 100%;
  background-color: #fff;
  transform: translateX(-50%)
}

.el-slider__marks {
  top: 0;
  left: .16rem;
  width: .24rem;
  height: 100%
}

.el-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: .186667rem;
  color: #909399;
  margin-top: .2rem
}

.el-slider.is-vertical {
  position: relative
}

.el-slider.is-vertical .el-slider__runway {
  width: .08rem;
  height: 100%;
  margin: 0 .213333rem
}

.el-slider.is-vertical .el-slider__bar {
  width: .08rem;
  height: auto;
  border-radius: 0 0 .04rem .04rem
}

.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: -.2rem
}

.el-slider.is-vertical .el-slider__button-wrapper, .el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
  padding-bottom: .773333rem
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
  overflow: visible;
  float: none;
  position: absolute;
  bottom: .293333rem;
  width: .48rem;
  margin-top: .2rem
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
  text-align: center;
  padding-left: .066667rem;
  padding-right: .066667rem
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  top: .426667rem;
  margin-top: -.013333rem;
  border: .013333rem solid #dcdfe6;
  line-height: .266667rem;
  box-sizing: border-box;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
  width: .24rem;
  right: .24rem;
  border-bottom-left-radius: .053333rem
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  width: .253333rem;
  border-bottom-right-radius: .053333rem
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
  border-color: #c0c4cc
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
  border-color: #409eff
}

.el-slider.is-vertical .el-slider__marks-text {
  margin-top: 0;
  left: .2rem;
  transform: translateY(50%)
}

.el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-row {
  position: relative
}

.el-col-0, .el-row--flex::after, .el-row--flex::before {
  display: none
}

.el-upload--picture-card, .el-upload-dragger {
  box-sizing: border-box;
  cursor: pointer
}

.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: 0
}

.el-upload__input {
  display: none
}

.el-upload__tip {
  font-size: .16rem;
  color: #606266;
  margin-top: .093333rem
}

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0)
}

.el-upload--picture-card {
  background-color: #fbfdff;
  border: .013333rem dashed #c0ccda;
  border-radius: .08rem;
  box-sizing: border-box;
  width: 1.973333rem;
  height: 1.973333rem;
  line-height: 1.946667rem;
  vertical-align: top
}

.el-upload--picture-card i {
  font-size: .373333rem;
  color: #8c939d
}

.el-upload--picture-card:hover, .el-upload:focus {
  border-color: #409eff;
  color: #409eff
}

.el-upload:focus .el-upload-dragger {
  border-color: #409eff
}

.el-upload-dragger {
  background-color: #fff;
  border: .013333rem dashed #d9d9d9;
  border-radius: .08rem;
  box-sizing: border-box;
  width: 4.8rem;
  height: 2.4rem;
  text-align: center;
  position: relative;
  overflow: hidden
}

.el-upload-dragger .el-icon-upload {
  font-size: .893333rem;
  color: #c0c4cc;
  margin: .533333rem 0 .213333rem;
  line-height: .666667rem
}

.el-upload-dragger+.el-upload__tip {
  text-align: center
}

.el-upload-dragger~.el-upload__files {
  border-top: .013333rem solid #dcdfe6;
  margin-top: .093333rem;
  padding-top: .066667rem
}

.el-upload-dragger .el-upload__text {
  color: #606266;
  font-size: .186667rem;
  text-align: center
}

.el-upload-dragger .el-upload__text em {
  color: #409eff;
  font-style: normal
}

.el-upload-dragger:hover {
  border-color: #409eff
}

.el-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, .06);
  border: .026667rem dashed #409eff
}

.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.el-upload-list__item {
  transition: all .5s cubic-bezier(.55, 0, .1, 1);
  font-size: .186667rem;
  color: #606266;
  line-height: 1.8;
  margin-top: .066667rem;
  position: relative;
  box-sizing: border-box;
  border-radius: .053333rem;
  width: 100%
}

.el-upload-list__item .el-progress {
  position: absolute;
  top: .266667rem;
  width: 100%
}

.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -.173333rem
}

.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0
}

.el-upload-list__item:first-child {
  margin-top: .133333rem
}

.el-upload-list__item .el-icon-upload-success {
  color: #67c23a
}

.el-upload-list__item .el-icon-close {
  display: none;
  position: absolute;
  top: .066667rem;
  right: .066667rem;
  cursor: pointer;
  opacity: .75;
  color: #606266
}

.el-upload-list__item .el-icon-close:hover {
  opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
  display: none;
  position: absolute;
  top: .066667rem;
  right: .066667rem;
  font-size: .16rem;
  cursor: pointer;
  opacity: 1;
  color: #409eff
}

.el-upload-list__item:hover {
  background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
  display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
  display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: #409eff;
  cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  display: inline-block
}

.el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
  display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: block
}

.el-upload-list__item-name {
  color: #606266;
  display: block;
  margin-right: .533333rem;
  overflow: hidden;
  padding-left: .053333rem;
  text-overflow: ellipsis;
  transition: color .3s;
  white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
  height: 100%;
  margin-right: .093333rem;
  color: #909399;
  line-height: inherit
}

.el-upload-list__item-status-label {
  position: absolute;
  right: .066667rem;
  top: 0;
  line-height: inherit;
  display: none
}

.el-upload-list__item-delete {
  position: absolute;
  right: .133333rem;
  top: 0;
  font-size: .16rem;
  color: #606266;
  display: none
}

.el-upload-list__item-delete:hover {
  color: #409eff
}

.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: .013333rem solid #c0ccda;
  border-radius: .08rem;
  box-sizing: border-box;
  width: 1.973333rem;
  height: 1.973333rem;
  margin: 0 .106667rem .106667rem 0;
  display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
  display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: -.2rem;
  top: -.08rem;
  width: .533333rem;
  height: .32rem;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc .013333rem rgba(0, 0, 0, .2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: .16rem;
  margin-top: .146667rem;
  transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: .266667rem;
  background-color: rgba(0, 0, 0, .5);
  transition: opacity .3s
}

.el-upload-list--picture-card .el-upload-list__item-actions::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
  margin-left: .2rem
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-block
}

.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 1.68rem
}

.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%
}

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: #fff;
  border: .013333rem solid #c0ccda;
  border-radius: .08rem;
  box-sizing: border-box;
  margin-top: .133333rem;
  padding: .133333rem .133333rem .133333rem 1.2rem;
  height: 1.226667rem
}

.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  background: 0 0;
  box-shadow: none;
  top: -.026667rem;
  right: -.16rem
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  line-height: .933333rem;
  margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: .933333rem;
  height: .933333rem;
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -1.066667rem;
  background-color: #fff
}

.el-upload-list--picture .el-upload-list__item-name {
  display: block;
  margin-top: .266667rem
}

.el-upload-list--picture .el-upload-list__item-name i {
  font-size: .933333rem;
  line-height: 1;
  position: absolute;
  left: .12rem;
  top: .133333rem
}

.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -.226667rem;
  top: -.093333rem;
  width: .613333rem;
  height: .346667rem;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 .013333rem .013333rem #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: .16rem;
  margin-top: .16rem;
  transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
  position: relative;
  top: -.093333rem
}

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default
}

.el-upload-cover::after {
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%
}

.el-upload-cover__label {
  position: absolute;
  right: -.2rem;
  top: -.08rem;
  width: .533333rem;
  height: .32rem;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc .013333rem rgba(0, 0, 0, .2)
}

.el-upload-cover__label i {
  font-size: .16rem;
  margin-top: .146667rem;
  transform: rotate(-45deg);
  color: #fff
}

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 3.24rem
}

.el-upload-cover__progress+.el-upload__inner {
  opacity: 0
}

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .72);
  text-align: center
}

.el-upload-cover__interact .btn {
  display: inline-block;
  color: #fff;
  font-size: .186667rem;
  cursor: pointer;
  vertical-align: middle;
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  margin-top: .8rem
}

.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: .466667rem
}

.el-upload-cover__interact .btn:hover {
  transform: translateY(-.173333rem)
}

.el-upload-cover__interact .btn:hover span {
  opacity: 1
}

.el-upload-cover__interact .btn i {
  color: #fff;
  display: block;
  font-size: .32rem;
  line-height: inherit;
  margin: 0 auto .066667rem
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: .48rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  text-align: left;
  padding: 0 .133333rem;
  margin: 0;
  line-height: .48rem;
  font-size: .186667rem;
  color: #303133
}

.el-upload-cover+.el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1
}

.el-progress {
  position: relative;
  line-height: 1
}

.el-progress__text {
  font-size: .186667rem;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: .133333rem;
  line-height: 1
}

.el-progress__text i {
  vertical-align: middle;
  display: block
}

.el-progress--circle, .el-progress--dashboard {
  display: inline-block
}

.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block
}

.el-progress--without-text .el-progress__text {
  display: none
}

.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block
}

.el-progress-bar, .el-progress-bar__inner::after, .el-progress-bar__innerText, .el-spinner {
  display: inline-block;
  vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
  background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
  color: #67c23a
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #e6a23c
}

.el-progress.is-warning .el-progress__text {
  color: #e6a23c
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
  color: #f56c6c
}

.el-progress-bar {
  padding-right: .666667rem;
  width: 100%;
  margin-right: -.733333rem;
  box-sizing: border-box
}

.el-progress-bar__outer {
  height: .08rem;
  border-radius: 1.333333rem;
  background-color: #ebeef5;
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #409eff;
  text-align: right;
  border-radius: 1.333333rem;
  line-height: 1;
  white-space: nowrap;
  transition: width .6s ease
}

.el-card, .el-message {
  border-radius: .053333rem;
  overflow: hidden
}

.el-progress-bar__inner::after {
  height: 100%
}

.el-progress-bar__innerText {
  color: #fff;
  font-size: .16rem;
  margin: 0 .066667rem
}

@-webkit-keyframes progress {
  0% {
    background-position: 0 0
  }

  to {
    background-position: .426667rem 0
  }
}

@keyframes progress {
  0% {
    background-position: 0 0
  }

  to {
    background-position: .426667rem 0
  }
}

.el-time-spinner {
  width: 100%;
  white-space: nowrap
}

.el-spinner-inner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  width: .666667rem;
  height: .666667rem
}

.el-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite
}

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

@keyframes rotate {
  to {
    transform: rotate(1turn)
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

.el-message {
  min-width: 5.066667rem;
  box-sizing: border-box;
  border: .013333rem solid #ebeef5;
  position: fixed;
  left: 50%;
  top: .266667rem;
  transform: translateX(-50%);
  background-color: #edf2fc;
  transition: opacity .3s, transform .4s, top .4s;
  padding: .2rem .2rem .2rem .266667rem;
  display: flex;
  align-items: center
}

.el-message.is-center {
  justify-content: center
}

.el-message.is-closable .el-message__content {
  padding-right: .213333rem
}

.el-message p {
  margin: 0
}

.el-message--info .el-message__content {
  color: #909399
}

.el-message--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8
}

.el-message--success .el-message__content {
  color: #67c23a
}

.el-message--warning {
  background-color: #fdf6ec;
  border-color: #faecd8
}

.el-message--warning .el-message__content {
  color: #e6a23c
}

.el-message--error {
  background-color: #fef0f0;
  border-color: #fde2e2
}

.el-message--error .el-message__content {
  color: #f56c6c
}

.el-message__icon {
  margin-right: .133333rem
}

.el-message__content {
  padding: 0;
  font-size: .186667rem;
  line-height: 1
}

.el-message__closeBtn {
  position: absolute;
  top: 50%;
  right: .2rem;
  transform: translateY(-50%);
  cursor: pointer;
  color: #c0c4cc;
  font-size: .213333rem
}

.el-message__closeBtn:hover {
  color: #909399
}

.el-message .el-icon-success {
  color: #67c23a
}

.el-message .el-icon-error {
  color: #f56c6c
}

.el-message .el-icon-info {
  color: #909399
}

.el-message .el-icon-warning {
  color: #e6a23c
}

.el-message-fade-enter, .el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%)
}

.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block
}

.el-badge__content {
  background-color: #f56c6c;
  border-radius: .133333rem;
  color: #fff;
  display: inline-block;
  font-size: .16rem;
  height: .24rem;
  line-height: .24rem;
  padding: 0 .08rem;
  text-align: center;
  white-space: nowrap;
  border: .013333rem solid #fff
}

.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: .133333rem;
  transform: translateY(-50%) translateX(100%)
}

.el-rate__icon, .el-rate__item {
  position: relative;
  display: inline-block
}

.el-badge__content.is-fixed.is-dot {
  right: .066667rem
}

.el-badge__content.is-dot {
  height: .106667rem;
  width: .106667rem;
  padding: 0;
  right: 0;
  border-radius: 50%
}

.el-badge__content--primary {
  background-color: #409eff
}

.el-badge__content--success {
  background-color: #67c23a
}

.el-badge__content--warning {
  background-color: #e6a23c
}

.el-badge__content--info {
  background-color: #909399
}

.el-badge__content--danger {
  background-color: #f56c6c
}

.el-card {
  border: .013333rem solid #ebeef5;
  background-color: #fff;
  color: #303133;
  transition: .3s
}

.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-card__header {
  padding: .24rem .266667rem;
  border-bottom: .013333rem solid #ebeef5;
  box-sizing: border-box
}

.el-card__body {
  padding: .266667rem
}

.el-rate {
  height: .266667rem;
  line-height: 1
}

.el-rate__item {
  font-size: 0;
  vertical-align: middle
}

.el-rate__icon {
  font-size: .24rem;
  margin-right: .08rem;
  color: #c0c4cc;
  transition: .3s
}

.el-rate__decimal, .el-rate__icon .path2 {
  position: absolute;
  top: 0;
  left: 0
}

.el-rate__icon.hover {
  transform: scale(1.15)
}

.el-rate__decimal {
  display: inline-block;
  overflow: hidden
}

.el-step.is-vertical, .el-steps {
  display: flex
}

.el-rate__text {
  font-size: .186667rem;
  vertical-align: middle
}

.el-steps {
  display: flex
}

.el-steps--simple {
  padding: .173333rem 8%;
  border-radius: .053333rem;
  background: #f5f7fa
}

.el-steps--horizontal {
  white-space: nowrap
}

.el-steps--vertical {
  height: 100%;
  flex-flow: column
}

.el-step {
  position: relative;
  flex-shrink: 1
}

.el-step:last-of-type .el-step__line {
  display: none
}

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0
}

.el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main {
  padding-right: 0
}

.el-step__head {
  position: relative;
  width: 100%
}

.el-step__head.is-process {
  color: #303133;
  border-color: #303133
}

.el-step__head.is-wait {
  color: #c0c4cc;
  border-color: #c0c4cc
}

.el-step__head.is-success {
  color: #67c23a;
  border-color: #67c23a
}

.el-step__head.is-error {
  color: #f56c6c;
  border-color: #f56c6c
}

.el-step__head.is-finish {
  color: #409eff;
  border-color: #409eff
}

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: .32rem;
  height: .32rem;
  font-size: .186667rem;
  box-sizing: border-box;
  background: #fff;
  transition: .15s ease-out
}

.el-step__icon.is-text {
  border-radius: 50%;
  border: .026667rem solid;
  border-color: inherit
}

.el-step__icon.is-icon {
  width: .533333rem
}

.el-step__icon-inner {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  color: inherit
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: .333333rem;
  font-weight: 400
}

.el-step__icon-inner.is-status {
  transform: translateY(.013333rem)
}

.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #c0c4cc
}

.el-step__line-inner {
  display: block;
  border: .013333rem solid;
  border-color: inherit;
  transition: .15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0
}

.el-step__main {
  white-space: normal;
  text-align: left
}

.el-step__title {
  font-size: .213333rem;
  line-height: .506667rem
}

.el-step__title.is-process {
  font-weight: 700;
  color: #303133
}

.el-step__title.is-wait {
  color: #c0c4cc
}

.el-step__title.is-success {
  color: #67c23a
}

.el-step__title.is-error {
  color: #f56c6c
}

.el-step__title.is-finish {
  color: #409eff
}

.el-step__description {
  padding-right: 10%;
  margin-top: -.066667rem;
  font-size: .16rem;
  line-height: .266667rem;
  font-weight: 400
}

.el-step__description.is-process {
  color: #303133
}

.el-step__description.is-wait {
  color: #c0c4cc
}

.el-step__description.is-success {
  color: #67c23a
}

.el-step__description.is-error {
  color: #f56c6c
}

.el-step__description.is-finish {
  color: #409eff
}

.el-step.is-horizontal {
  display: inline-block
}

.el-step.is-horizontal .el-step__line {
  height: .026667rem;
  top: .146667rem;
  left: 0;
  right: 0
}

.el-step.is-vertical {
  display: flex
}

.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: .32rem
}

.el-step.is-vertical .el-step__main {
  padding-left: .133333rem;
  flex-grow: 1
}

.el-step.is-vertical .el-step__title {
  line-height: .32rem;
  padding-bottom: .106667rem
}

.el-step.is-vertical .el-step__line {
  width: .026667rem;
  top: 0;
  bottom: 0;
  left: .146667rem
}

.el-step.is-vertical .el-step__icon.is-icon {
  width: .32rem
}

.el-step.is-center .el-step__head, .el-step.is-center .el-step__main {
  text-align: center
}

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%
}

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%
}

.el-step.is-simple {
  display: flex;
  align-items: center
}

.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: .133333rem
}

.el-step.is-simple .el-step__icon {
  background: 0 0;
  width: .213333rem;
  height: .213333rem;
  font-size: .16rem
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: .24rem
}

.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(.8) translateY(.013333rem)
}

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1
}

.el-step.is-simple .el-step__title {
  font-size: .213333rem;
  line-height: .266667rem
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  word-break: break-all
}

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

.el-step.is-simple .el-step__arrow::after, .el-step.is-simple .el-step__arrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: .2rem;
  width: .013333rem;
  background: #c0c4cc
}

.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-.053333rem);
  transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(.053333rem);
  transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none
}

.el-carousel {
  position: relative
}

.el-carousel--horizontal {
  overflow-x: hidden
}

.el-carousel--vertical {
  overflow-y: hidden
}

.el-carousel__container {
  position: relative;
  height: 4rem
}

.el-carousel__arrow {
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  height: .48rem;
  width: .48rem;
  cursor: pointer;
  transition: .3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, .11);
  color: #fff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: .16rem
}

.el-carousel__arrow--left {
  left: .213333rem
}

.el-carousel__arrow--right {
  right: .213333rem
}

.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, .23)
}

.el-carousel__arrow i {
  cursor: pointer
}

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2
}

.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.el-carousel__indicators--outside {
  bottom: .346667rem;
  text-align: center;
  position: static;
  transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: .64
}

.el-carousel__indicators--outside button {
  background-color: #c0c4cc;
  opacity: .24
}

.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center
}

.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
  padding: .026667rem .24rem;
  font-size: .16rem
}

.el-carousel__indicators--labels .el-carousel__indicator {
  padding: .08rem .053333rem
}

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer
}

.el-carousel__indicator:hover button {
  opacity: .72
}

.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: .16rem .053333rem
}

.el-carousel__indicator--vertical {
  padding: .053333rem .16rem
}

.el-carousel__indicator--vertical .el-carousel__button {
  width: .026667rem;
  height: .2rem
}

.el-carousel__indicator.is-active button {
  opacity: 1
}

.el-carousel__button {
  display: block;
  opacity: .48;
  width: .4rem;
  height: .026667rem;
  background-color: #fff;
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: .3s
}

.el-carousel__item, .el-carousel__mask {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute
}

.carousel-arrow-left-enter, .carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-.133333rem);
  opacity: 0
}

.carousel-arrow-right-enter, .carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(.133333rem);
  opacity: 0
}

.el-carousel__item {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0
}

.el-carousel__item.is-active {
  z-index: 2
}

.el-carousel__item--card, .el-carousel__item.is-animating {
  transition: transform .4s ease-in-out
}

.el-carousel__item--card {
  width: 50%
}

.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: .12
}

.el-carousel__item--card.is-active {
  z-index: 2
}

.el-carousel__mask {
  width: 100%;
  background-color: #fff;
  opacity: .24;
  transition: .2s
}

.el-collapse {
  border-top: .013333rem solid #ebeef5;
  border-bottom: .013333rem solid #ebeef5
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: #bbb;
  cursor: not-allowed
}

.el-collapse-item__header {
  display: flex;
  align-items: center;
  height: .64rem;
  line-height: .64rem;
  background-color: #fff;
  color: #303133;
  cursor: pointer;
  border-bottom: .013333rem solid #ebeef5;
  font-size: .173333rem;
  font-weight: 500;
  transition: border-bottom-color .3s;
  outline: 0
}

.el-collapse-item__arrow {
  margin: 0 .106667rem 0 auto;
  transition: transform .3s;
  font-weight: 300
}

.el-collapse-item__arrow.is-active {
  transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: #409eff
}

.el-collapse-item__header.is-active {
  border-bottom-color: transparent
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: .013333rem solid #ebeef5
}

.el-cascader__tags, .el-tag {
  box-sizing: border-box
}

.el-collapse-item__content {
  padding-bottom: .333333rem;
  font-size: .173333rem;
  color: #303133;
  line-height: 1.769230769230769
}

.el-collapse-item:last-child {
  margin-bottom: -.013333rem
}

.el-tag {
  white-space: nowrap
}

.el-cascader {
  display: inline-block;
  position: relative;
  font-size: .186667rem;
  line-height: .533333rem
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #c0c4cc
}

.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner {
  border-color: #409eff
}

.el-cascader .el-input {
  cursor: pointer
}

.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis
}

.el-cascader .el-input .el-icon-arrow-down {
  transition: transform .3s;
  font-size: .186667rem
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: rotate(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
  color: #909399
}

.el-cascader--medium {
  font-size: .186667rem;
  line-height: .48rem
}

.el-cascader--small {
  font-size: .173333rem;
  line-height: .426667rem
}

.el-cascader--mini {
  font-size: .16rem;
  line-height: .373333rem
}

.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #c0c4cc
}

.el-cascader__dropdown {
  margin: .066667rem 0;
  font-size: .186667rem;
  background: #fff;
  border: .013333rem solid #e4e7ed;
  border-radius: .053333rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: .4rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box
}

.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: .026667rem 0 .026667rem .08rem;
  text-overflow: ellipsis;
  background: #f0f2f5
}

.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent
}

.el-cascader__tags .el-tag>span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: #c0c4cc;
  color: #fff
}

.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: #909399
}

.el-cascader__suggestion-panel {
  border-radius: .053333rem
}

.el-cascader__suggestion-list {
  max-height: 2.72rem;
  margin: 0;
  padding: .08rem 0;
  font-size: .186667rem;
  color: #606266;
  text-align: center
}

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .453333rem;
  padding: 0 .2rem;
  text-align: left;
  outline: 0;
  cursor: pointer
}

.el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover {
  background: #f5f7fa
}

.el-cascader__suggestion-item.is-checked {
  color: #409eff;
  font-weight: 700
}

.el-cascader__suggestion-item>span {
  margin-right: .133333rem
}

.el-cascader__empty-text {
  margin: .133333rem 0;
  color: #c0c4cc
}

.el-cascader__search-input {
  flex: 1;
  height: .32rem;
  min-width: .8rem;
  margin: .026667rem 0 .026667rem .2rem;
  padding: 0;
  color: #606266;
  border: none;
  outline: 0;
  box-sizing: border-box
}

.el-cascader__search-input::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-cascader__search-input::-moz-placeholder {
  color: #c0c4cc
}

.el-cascader__search-input:-ms-input-placeholder {
  color: #c0c4cc
}

.el-cascader__search-input::-ms-input-placeholder {
  color: #c0c4cc
}

.el-cascader__search-input::placeholder {
  color: #c0c4cc
}

.el-color-predefine {
  display: flex;
  font-size: .16rem;
  margin-top: .106667rem;
  width: 3.733333rem
}

.el-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap
}

.el-color-predefine__color-selector {
  margin: 0 0 .106667rem .106667rem;
  width: .266667rem;
  height: .266667rem;
  border-radius: .053333rem;
  cursor: pointer
}

.el-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0
}

.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 .04rem .026667rem #409eff
}

.el-color-predefine__color-selector>div {
  display: flex;
  height: 100%;
  border-radius: .04rem
}

.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 3.733333rem;
  height: .16rem;
  background-color: red;
  padding: 0 .026667rem
}

.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  height: 100%
}

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: .053333rem;
  height: 100%;
  border-radius: .013333rem;
  background: #fff;
  border: .013333rem solid #f0f0f0;
  box-shadow: 0 0 .026667rem rgba(0, 0, 0, .6);
  z-index: 1
}

.el-color-hue-slider.is-vertical {
  width: .16rem;
  height: 2.4rem;
  padding: .026667rem 0
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(180deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: .053333rem
}

.el-color-svpanel {
  position: relative;
  width: 3.733333rem;
  height: 2.4rem
}

.el-color-svpanel__black, .el-color-svpanel__white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.el-color-svpanel__white {
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
  background: linear-gradient(0deg, #000, transparent)
}

.el-color-svpanel__cursor {
  position: absolute
}

.el-color-svpanel__cursor>div {
  cursor: head;
  width: .053333rem;
  height: .053333rem;
  box-shadow: 0 0 0 .02rem #fff, inset 0 0 .013333rem .013333rem rgba(0, 0, 0, .3), 0 0 .013333rem .026667rem rgba(0, 0, 0, .4);
  border-radius: 50%;
  transform: translate(-.026667rem, -.026667rem)
}

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 3.733333rem;
  height: .16rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
  height: 100%
}

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: .053333rem;
  height: 100%;
  border-radius: .013333rem;
  background: #fff;
  border: .013333rem solid #f0f0f0;
  box-shadow: 0 0 .026667rem rgba(0, 0, 0, .6);
  z-index: 1
}

.el-color-alpha-slider.is-vertical {
  width: .266667rem;
  height: 2.4rem
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: .053333rem
}

.el-color-dropdown {
  width: 4rem
}

.el-color-dropdown__main-wrapper {
  margin-bottom: .08rem
}

.el-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both
}

.el-color-dropdown__btns {
  margin-top: .08rem;
  text-align: right
}

.el-color-dropdown__value {
  float: left;
  line-height: .346667rem;
  font-size: .16rem;
  color: #000;
  width: 2.133333rem
}

.el-color-dropdown__btn {
  border: .013333rem solid #dcdcdc;
  color: #333;
  line-height: .32rem;
  border-radius: .026667rem;
  padding: 0 .266667rem;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: .16rem
}

.el-color-dropdown__btn[disabled] {
  color: #ccc;
  cursor: not-allowed
}

.el-color-dropdown__btn:hover {
  color: #409eff;
  border-color: #409eff
}

.el-color-dropdown__link-btn {
  cursor: pointer;
  color: #409eff;
  text-decoration: none;
  padding: .2rem;
  font-size: .16rem
}

.el-color-dropdown__link-btn:hover {
  color: tint(#409eff, 20%)
}

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  height: .533333rem
}

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed
}

.el-color-picker--medium {
  height: .48rem
}

.el-color-picker--medium .el-color-picker__trigger {
  height: .48rem;
  width: .48rem
}

.el-color-picker--medium .el-color-picker__mask {
  height: .453333rem;
  width: .453333rem
}

.el-color-picker--small {
  height: .426667rem
}

.el-color-picker--small .el-color-picker__trigger {
  height: .426667rem;
  width: .426667rem
}

.el-color-picker--small .el-color-picker__mask {
  height: .4rem;
  width: .4rem
}

.el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon {
  transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
  height: .373333rem
}

.el-color-picker--mini .el-color-picker__trigger {
  height: .373333rem;
  width: .373333rem
}

.el-color-picker--mini .el-color-picker__mask {
  height: .346667rem;
  width: .346667rem
}

.el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon {
  transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
  height: .506667rem;
  width: .506667rem;
  border-radius: .053333rem;
  position: absolute;
  top: .013333rem;
  left: .013333rem;
  z-index: 1;
  cursor: not-allowed;
  background-color: hsla(0, 0%, 100%, .7)
}

.el-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: .533333rem;
  width: .533333rem;
  padding: .053333rem;
  border: .013333rem solid #e6e6e6;
  border-radius: .053333rem;
  font-size: 0;
  position: relative;
  cursor: pointer
}

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: .013333rem solid #999;
  border-radius: .026667rem;
  width: 100%;
  height: 100%;
  text-align: center
}

.el-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.el-color-picker__empty, .el-color-picker__icon {
  top: 50%;
  left: 50%;
  font-size: .16rem;
  position: absolute
}

.el-color-picker__empty {
  color: #999
}

.el-color-picker__empty, .el-color-picker__icon {
  transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center
}

.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: .08rem;
  box-sizing: content-box;
  background-color: #fff;
  border: .013333rem solid #ebeef5;
  border-radius: .053333rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-link, .el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer
}

.el-transfer {
  font-size: .186667rem
}

.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 .4rem
}

.el-transfer__button {
  display: block;
  margin: 0 auto;
  padding: .133333rem;
  border-radius: 50%;
  color: #fff;
  background-color: #409eff;
  font-size: 0
}

.el-transfer-panel__item+.el-transfer-panel__item, .el-transfer__button [class*=el-icon-]+span {
  margin-left: 0
}

.el-transfer__button.is-with-texts {
  border-radius: .053333rem
}

.el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover {
  border: .013333rem solid #dcdfe6;
  background-color: #f5f7fa;
  color: #c0c4cc
}

.el-transfer__button:first-child {
  margin-bottom: .133333rem
}

.el-transfer__button:nth-child(2) {
  margin: 0
}

.el-transfer__button i, .el-transfer__button span {
  font-size: .186667rem
}

.el-transfer-panel {
  border: .013333rem solid #ebeef5;
  border-radius: .053333rem;
  overflow: hidden;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 2.666667rem;
  max-height: 100%;
  box-sizing: border-box;
  position: relative
}

.el-transfer-panel__body {
  height: 3.28rem
}

.el-transfer-panel__body.is-with-footer {
  padding-bottom: .533333rem
}

.el-transfer-panel__list {
  margin: 0;
  padding: .08rem 0;
  list-style: none;
  height: 3.28rem;
  overflow: auto;
  box-sizing: border-box
}

.el-transfer-panel__list.is-filterable {
  height: 2.586667rem;
  padding-top: 0
}

.el-transfer-panel__item {
  height: .4rem;
  line-height: .4rem;
  padding-left: .2rem;
  display: block !important
}

.el-transfer-panel__item.el-checkbox {
  color: #606266
}

.el-transfer-panel__item:hover {
  color: #409eff
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: .32rem;
  line-height: .4rem
}

.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: .106667rem
}

.el-transfer-panel__filter {
  text-align: center;
  margin: .2rem;
  box-sizing: border-box;
  display: block;
  width: auto
}

.el-transfer-panel__filter .el-input__inner {
  height: .426667rem;
  width: 100%;
  font-size: .16rem;
  display: inline-block;
  box-sizing: border-box;
  border-radius: .213333rem;
  padding-right: .133333rem;
  padding-left: .4rem
}

.el-transfer-panel__filter .el-input__icon {
  margin-left: .066667rem
}

.el-transfer-panel .el-transfer-panel__header {
  height: .533333rem;
  line-height: .533333rem;
  background: #f5f7fa;
  margin: 0;
  padding-left: .2rem;
  border-bottom: .013333rem solid #ebeef5;
  box-sizing: border-box;
  color: #000
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  display: block;
  line-height: .533333rem
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: .213333rem;
  color: #303133;
  font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  position: absolute;
  right: .2rem;
  color: #909399;
  font-size: .16rem;
  font-weight: 400
}

.el-divider__text, .el-link {
  font-weight: 500;
  font-size: .186667rem
}

.el-transfer-panel .el-transfer-panel__footer {
  height: .533333rem;
  background: #fff;
  margin: 0;
  padding: 0;
  border-top: .013333rem solid #ebeef5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1
}

.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle
}

.el-container, .el-timeline-item__node {
  display: flex
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: .266667rem;
  color: #606266
}

.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: .4rem;
  line-height: .4rem;
  padding: .08rem .2rem 0;
  color: #909399;
  text-align: center
}

.el-transfer-panel .el-checkbox__label {
  padding-left: .106667rem
}

.el-transfer-panel .el-checkbox__inner {
  height: .186667rem;
  width: .186667rem;
  border-radius: .04rem
}

.el-transfer-panel .el-checkbox__inner::after {
  height: .08rem;
  width: .04rem;
  left: .053333rem
}

.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0
}

.el-container.is-vertical, .el-drawer {
  flex-direction: column
}

.el-aside, .el-header {
  box-sizing: border-box
}

.el-container.is-vertical {
  flex-direction: column
}

.el-header {
  padding: 0 .266667rem
}

.el-aside, .el-header {
  box-sizing: border-box;
  flex-shrink: 0
}

.el-aside {
  overflow: auto
}

.el-footer, .el-main {
  box-sizing: border-box
}

.el-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  padding: .266667rem
}

.el-footer, .el-main {
  box-sizing: border-box
}

.el-footer {
  padding: 0 .266667rem;
  flex-shrink: 0
}

.el-image__error, .el-timeline-item__dot {
  display: flex
}

.el-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: 0;
  padding: 0
}

.el-link.is-underline:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: .013333rem solid #409eff
}

.el-link.el-link--default::after, .el-link.el-link--primary.is-underline:hover::after, .el-link.el-link--primary::after {
  border-color: #409eff
}

.el-link.is-disabled {
  cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
  margin-left: .066667rem
}

.el-link.el-link--default {
  color: #606266
}

.el-link.el-link--default:hover {
  color: #409eff
}

.el-link.el-link--default.is-disabled {
  color: #c0c4cc
}

.el-link.el-link--primary {
  color: #409eff
}

.el-link.el-link--primary:hover {
  color: #66b1ff
}

.el-link.el-link--primary.is-disabled {
  color: #a0cfff
}

.el-link.el-link--danger.is-underline:hover::after, .el-link.el-link--danger::after {
  border-color: #f56c6c
}

.el-link.el-link--danger {
  color: #f56c6c
}

.el-link.el-link--danger:hover {
  color: #f78989
}

.el-link.el-link--danger.is-disabled {
  color: #fab6b6
}

.el-link.el-link--success.is-underline:hover::after, .el-link.el-link--success::after {
  border-color: #67c23a
}

.el-link.el-link--success {
  color: #67c23a
}

.el-link.el-link--success:hover {
  color: #85ce61
}

.el-link.el-link--success.is-disabled {
  color: #b3e19d
}

.el-link.el-link--warning.is-underline:hover::after, .el-link.el-link--warning::after {
  border-color: #e6a23c
}

.el-link.el-link--warning {
  color: #e6a23c
}

.el-link.el-link--warning:hover {
  color: #ebb563
}

.el-link.el-link--warning.is-disabled {
  color: #f3d19e
}

.el-link.el-link--info.is-underline:hover::after, .el-link.el-link--info::after {
  border-color: #909399
}

.el-link.el-link--info {
  color: #909399
}

.el-link.el-link--info:hover {
  color: #a6a9ad
}

.el-link.el-link--info.is-disabled {
  color: #c8c9cc
}

.el-divider {
  background-color: #dcdfe6;
  position: relative
}

.el-divider--horizontal {
  display: block;
  height: .013333rem;
  width: 100%;
  margin: .32rem 0
}

.el-divider--vertical {
  display: inline-block;
  width: .013333rem;
  height: 1em;
  margin: 0 .106667rem;
  vertical-align: middle;
  position: relative
}

.el-divider__text {
  position: absolute;
  background-color: #fff;
  padding: 0 .266667rem;
  color: #303133
}

.el-divider__text.is-left {
  left: .266667rem;
  transform: translateY(-50%)
}

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
  right: .266667rem;
  transform: translateY(-50%)
}

.el-button, .el-checkbox {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-button-group>.el-button.is-active, .el-button-group>.el-button.is-disabled, .el-button-group>.el-button:active, .el-button-group>.el-button:focus, .el-button-group>.el-button:hover {
  z-index: 1
}

.el-calendar {
  background-color: #fff
}

.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: .16rem .266667rem;
  border-bottom: .013333rem solid #ebeef5
}

.el-backtop, .el-page-header {
  display: flex
}

.el-calendar__title {
  color: #000;
  align-self: center
}

.el-calendar__body {
  padding: .16rem .266667rem .466667rem
}

.el-calendar-table {
  table-layout: fixed;
  width: 100%
}

.el-calendar-table thead th {
  padding: .16rem 0;
  color: #606266;
  font-weight: 400
}

.el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev {
  color: #c0c4cc
}

.el-backtop, .el-calendar-table td.is-today {
  color: #409eff
}

.el-calendar-table td {
  border-bottom: .013333rem solid #ebeef5;
  border-right: .013333rem solid #ebeef5;
  vertical-align: top;
  transition: background-color .2s ease
}

.el-calendar-table td.is-selected {
  background-color: #f2f8fe
}

.el-calendar-table tr:first-child td {
  border-top: .013333rem solid #ebeef5
}

.el-calendar-table tr td:first-child {
  border-left: .013333rem solid #ebeef5
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none
}

.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  padding: .106667rem;
  height: 1.133333rem
}

.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: #f2f8fe
}

.el-page-header {
  display: flex;
  line-height: .32rem
}

.el-page-header__left {
  display: flex;
  cursor: pointer;
  margin-right: .533333rem;
  position: relative
}

.el-page-header__left::after {
  content: "";
  position: absolute;
  width: .013333rem;
  height: .213333rem;
  right: -.266667rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #dcdfe6
}

.el-checkbox, .el-checkbox__input {
  white-space: nowrap
}

.el-page-header__left .el-icon-back {
  font-size: .24rem;
  margin-right: .08rem;
  align-self: center
}

.el-page-header__title {
  font-size: .186667rem;
  font-weight: 500
}

.el-page-header__content {
  font-size: .24rem;
  color: #303133
}

.el-checkbox-button__inner, .el-radio {
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-checkbox-button__inner, .el-checkbox__input {
  outline: 0;
  vertical-align: middle
}

.el-checkbox-button__inner {
  white-space: nowrap
}

.el-radio, .el-radio__input {
  line-height: 1;
  outline: 0;
  white-space: nowrap
}

.el-radio, .el-radio__inner, .el-radio__input {
  position: relative;
  display: inline-block
}

.el-radio, .el-radio--medium.is-bordered .el-radio__label {
  font-size: .186667rem
}

.el-radio {
  color: #606266;
  cursor: pointer;
  margin-right: .4rem
}

.el-cascader-node>.el-radio, .el-radio:last-child {
  margin-right: 0
}

.el-radio.is-bordered {
  padding: .16rem .266667rem 0 .133333rem;
  border-radius: .053333rem;
  border: .013333rem solid #dcdfe6;
  box-sizing: border-box;
  height: .533333rem
}

.el-radio.is-bordered.is-checked {
  border-color: #409eff
}

.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #ebeef5
}

.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed
}

.el-radio.is-bordered+.el-radio.is-bordered {
  margin-left: .133333rem
}

.el-radio--medium.is-bordered {
  padding: .133333rem .266667rem 0 .133333rem;
  border-radius: .053333rem;
  height: .48rem
}

.el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label {
  font-size: .16rem
}

.el-radio--medium.is-bordered .el-radio__inner {
  height: .186667rem;
  width: .186667rem
}

.el-radio--small.is-bordered {
  padding: .106667rem .2rem 0 .133333rem;
  border-radius: .04rem;
  height: .426667rem
}

.el-radio--small.is-bordered .el-radio__inner {
  height: .16rem;
  width: .16rem
}

.el-radio--mini.is-bordered {
  padding: .08rem .2rem 0 .133333rem;
  border-radius: .04rem;
  height: .373333rem
}

.el-radio--mini.is-bordered .el-radio__inner {
  height: .16rem;
  width: .16rem
}

.el-radio__input {
  cursor: pointer;
  vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
  cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #f5f7fa
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
  cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #409eff;
  background: #409eff
}

.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
  color: #409eff
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: #409eff
}

.el-radio__inner {
  border: .013333rem solid #dcdfe6;
  border-radius: 100%;
  width: .186667rem;
  height: .186667rem;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box
}

.el-radio__inner:hover {
  border-color: #409eff
}

.el-radio__inner::after {
  width: .053333rem;
  height: .053333rem;
  border-radius: 100%;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .15s ease-in
}

.el-radio__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 .026667rem .026667rem #409eff
}

.el-radio__label {
  font-size: .186667rem;
  padding-left: .133333rem
}

.el-cascader-panel {
  display: flex;
  border-radius: .053333rem;
  font-size: .186667rem
}

.el-cascader-panel.is-bordered {
  border: .013333rem solid #e4e7ed;
  border-radius: .053333rem
}

.el-cascader-menu {
  min-width: 2.4rem;
  box-sizing: border-box;
  color: #606266;
  border-right: .013333rem solid #e4e7ed
}

.el-cascader-menu:last-child {
  border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
  padding-right: .266667rem
}

.el-cascader-menu__wrap {
  height: 2.72rem
}

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: .08rem 0;
  list-style: none;
  box-sizing: border-box
}

.el-avatar, .el-drawer {
  box-sizing: border-box;
  overflow: hidden
}

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #c0c4cc
}

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 .4rem 0 .266667rem;
  height: .453333rem;
  line-height: .453333rem;
  outline: 0
}

.el-cascader-node.is-selectable.in-active-path {
  color: #606266
}

.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
  color: #409eff;
  font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
  cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
  background: #f5f7fa
}

.el-cascader-node.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-cascader-node__prefix {
  position: absolute;
  left: .133333rem
}

.el-cascader-node__postfix {
  position: absolute;
  right: .133333rem
}

.el-cascader-node__label {
  flex: 1;
  padding: 0 .133333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.el-cascader-node>.el-radio .el-radio__label {
  padding-left: 0
}

.el-avatar {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: #c0c4cc;
  width: .533333rem;
  height: .533333rem;
  line-height: .533333rem;
  font-size: .186667rem
}

.el-avatar>img {
  display: block;
  height: 100%;
  vertical-align: middle
}

.el-drawer, .el-drawer__header {
  display: flex
}

.el-avatar--circle {
  border-radius: 50%
}

.el-avatar--square {
  border-radius: .053333rem
}

.el-avatar--icon {
  font-size: .24rem
}

.el-avatar--large {
  width: .533333rem;
  height: .533333rem;
  line-height: .533333rem
}

.el-avatar--medium {
  width: .48rem;
  height: .48rem;
  line-height: .48rem
}

.el-avatar--small {
  width: .373333rem;
  height: .373333rem;
  line-height: .373333rem
}

.el-drawer.btt, .el-drawer.ttb, .el-drawer__container {
  left: 0;
  right: 0;
  width: 100%
}

.el-drawer.ltr, .el-drawer.rtl, .el-drawer__container {
  top: 0;
  bottom: 0;
  height: 100%
}

@-webkit-keyframes el-drawer-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes el-drawer-fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

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

  to {
    transform: translate(0)
  }
}

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

  to {
    transform: translate(0)
  }
}

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

  to {
    transform: translate(100%)
  }
}

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

  to {
    transform: translate(100%)
  }
}

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

  to {
    transform: translate(0)
  }
}

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

  to {
    transform: translate(0)
  }
}

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

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

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

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

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

  to {
    transform: translate(0)
  }
}

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

  to {
    transform: translate(0)
  }
}

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

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

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

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

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

  to {
    transform: translate(0)
  }
}

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

  to {
    transform: translate(0)
  }
}

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

  to {
    transform: translateY(100%)
  }
}

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

  to {
    transform: translateY(100%)
  }
}

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 .106667rem .133333rem -.066667rem rgba(0, 0, 0, .2), 0 .213333rem .32rem .026667rem rgba(0, 0, 0, .14), 0 .08rem .4rem .066667rem rgba(0, 0, 0, .12)
}

.el-drawer.rtl {
  -webkit-animation: rtl-drawer-out .3s;
          animation: rtl-drawer-out .3s;
  right: 0
}

.el-drawer__open .el-drawer.rtl {
  -webkit-animation: rtl-drawer-in .3s 1ms;
          animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
  -webkit-animation: ltr-drawer-out .3s;
          animation: ltr-drawer-out .3s;
  left: 0
}

.el-drawer__open .el-drawer.ltr {
  -webkit-animation: ltr-drawer-in .3s 1ms;
          animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
  -webkit-animation: ttb-drawer-out .3s;
          animation: ttb-drawer-out .3s;
  top: 0
}

.el-drawer__open .el-drawer.ttb {
  -webkit-animation: ttb-drawer-in .3s 1ms;
          animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
  -webkit-animation: btt-drawer-out .3s;
          animation: btt-drawer-out .3s;
  bottom: 0
}

.el-drawer__open .el-drawer.btt {
  -webkit-animation: btt-drawer-in .3s 1ms;
          animation: btt-drawer-in .3s 1ms
}

.el-drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0
}

.el-drawer__header {
  align-items: center;
  color: #72767b;
  display: flex;
  margin-bottom: .426667rem;
  padding: .266667rem .266667rem 0
}

.el-drawer__header>:first-child {
  flex: 1
}

.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 1rem
}

.el-drawer__close-btn {
  border: none;
  cursor: pointer;
  font-size: .266667rem;
  color: inherit;
  background-color: transparent
}

.el-drawer__body {
  flex: 1
}

.el-drawer__body>* {
  box-sizing: border-box
}

.el-drawer__container {
  position: relative
}

.el-drawer-fade-enter-active {
  -webkit-animation: el-drawer-fade-in .3s;
          animation: el-drawer-fade-in .3s
}

.el-drawer-fade-leave-active {
  animation: el-drawer-fade-in .3s reverse
}

.el-popconfirm__main {
  display: flex;
  align-items: center
}

.el-popconfirm__icon {
  margin-right: .066667rem
}

.el-popconfirm__action {
  text-align: right;
  margin: 0
}

@media only screen and (max-width:767px) {
  .hidden-xs-only {
    display: none !important
  }
}

@media only screen and (min-width:768px) {
  .hidden-sm-and-up {
    display: none !important
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .hidden-sm-only {
    display: none !important
  }
}

@media only screen and (max-width:991px) {
  .hidden-sm-and-down {
    display: none !important
  }
}

@media only screen and (min-width:992px) {
  .hidden-md-and-up {
    display: none !important
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .hidden-md-only {
    display: none !important
  }
}

@media only screen and (max-width:1199px) {
  .hidden-md-and-down {
    display: none !important
  }
}

@media only screen and (min-width:1200px) {
  .hidden-lg-and-up {
    display: none !important
  }
}

@media only screen and (min-width:1200px) and (max-width:1919px) {
  .hidden-lg-only {
    display: none !important
  }
}

@media only screen and (max-width:1919px) {
  .hidden-lg-and-down {
    display: none !important
  }
}

@media only screen and (min-width:1920px) {
  .hidden-xl-only {
    display: none !important
  }
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-container-3d {
  perspective: 16rem
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory
}

:root {
  --swiper-navigation-size: 0.586667rem
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: .36rem;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: .586667rem;
  height: var(--swiper-navigation-size);
  margin-top: -.29333rem;
  margin-top: calc(-1*var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: .586667rem;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: normal, ;
  font-variant: normal;
  line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: .133333rem;
  right: auto
}

.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
  content: "prev"
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: .133333rem;
  left: auto
}

.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
  content: "next"
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: .133333rem;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: .106667rem;
  height: .106667rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: .133333rem;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: .08rem 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: .106667rem
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .053333rem
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: .053333rem;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  width: .053333rem;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff
}

.swiper-pagination-black {
  --swiper-pagination-color: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: .133333rem;
  position: relative;
  touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: .04rem;
  z-index: 50;
  height: .066667rem;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: .04rem;
  top: 1%;
  z-index: 50;
  width: .066667rem;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: .133333rem;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: .56rem;
  height: .56rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -.28rem;
  margin-top: -.28rem;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
          animation: swiper-preloader-spin 1s linear infinite;
  box-sizing: border-box;
  border-left: .053333rem solid var(--swiper-theme-color);
  border-bottom: .053333rem solid var(--swiper-theme-color);
  border-right: .053333rem solid var(--swiper-theme-color);
  border: .053333rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: .053333rem solid transparent
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(.666667rem);
          filter: blur(.666667rem);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden
}

.site-header .main-box[data-v-05eb48d7] {
  width: 1180px;
  padding: 0 10px
}

.ispc[data-v-05eb48d7] {
  display: block
}

.ismob[data-v-05eb48d7] {
  display: none
}

a[data-v-05eb48d7] {
  display: block
}

@media screen and (max-width:767px) {
  .ispc[data-v-05eb48d7] {
    display: none
  }

  .ismob[data-v-05eb48d7] {
    display: block
  }
}

.perch[data-v-05eb48d7] {
  width: 100%;
  height: 50px
}

.navWrap[data-v-05eb48d7] {
  height: 50px;
  width: 100%;
  position: relative;
  z-index: 9999;
  background-color: #fff
}

.navWrap .navContent[data-v-05eb48d7] {
  height: 50px
}

.navWrap .navContent .navList[data-v-05eb48d7] {
  float: left;
  height: 50px;
  line-height: 50px
}

.navWrap .navContent .navList .after[data-v-05eb48d7] {
  padding: 0 2.041%
}

.navWrap .navContent .navList .item[data-v-05eb48d7] {
  display: inline-block;
  color: #333;
  transition: color .4s ease;
  cursor: pointer
}

.navWrap .navContent .navList .item:hover a[data-v-05eb48d7] {
  color: #df001f
}

.navWrap .navContent .navList .item .link[data-v-05eb48d7] {
  font-size: 14px;
  display: block;
  height: 100%;
  padding: 0 30px;
  /* font-family: DINOffcPro-Medium; */
  font-weight: 500
}

.navWrap .navContent .navList .item:first-child a[data-v-05eb48d7] {
  padding-left: 0
}

.navWrap .navContent .navList .item:last-child a[data-v-05eb48d7] {
  padding-right: 0
}

.navWrap .navContent .navList .item.nuxt-link-exact-active[data-v-05eb48d7], .navWrap .navContent .navList .item[data-v-05eb48d7]:hover {
  color: hsla(0, 0%, 100%, .5) !important
}

.navWrap .navContent .navEndWrap[data-v-05eb48d7] {
  float: right;
  height: 50px;
  font-size: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none
}

.navWrap .navContent .navEndWrap .btn-login[data-v-05eb48d7] {
  position: relative
}

.navWrap .navContent .navEndWrap .btn-login:hover .user-info[data-v-05eb48d7] {
  visibility: visible;
  height: 100px;
  opacity: 1
}

.navWrap .navContent .navEndWrap .user-info[data-v-05eb48d7] {
  transition: all .2s;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  height: 0;
  font-size: 14px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  width: 80px;
  z-index: 9999;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .16)
}

.navWrap .navContent .navEndWrap .user-info a[data-v-05eb48d7] {
  display: block;
  width: 100%;
  height: 50px;
  color: #333;
  line-height: 50px;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  font-weight: 400;
  text-align: center
}

.navWrap .navContent .navEndWrap .user-info a[data-v-05eb48d7]:hover {
  color: #df001f;
  /* font-family: DINOffcPro-Medium */
}

.navWrap .navContent .navEndWrap li[data-v-05eb48d7] {
  display: inline-block;
  margin: 0 .133333rem;
  cursor: pointer;
  height: .666667rem
}

.navWrap .navContent .navEndWrap li[data-v-05eb48d7]:first-child {
  margin-left: 0;
  padding: 0 .133333rem
}

.navWrap .navContent .navEndWrap li[data-v-05eb48d7]:last-child {
  margin-right: -.133333rem;
  padding: 0 .133333rem
}

.navWrap .navContent .navEndWrap .icon-login[data-v-05eb48d7], .navWrap .navContent .navEndWrap .icon-red-flag[data-v-05eb48d7], .navWrap .navContent .navEndWrap .icon-search[data-v-05eb48d7] {
  margin-top: .226667rem;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%
}

.navWrap .navContent .navEndWrap .icon-search[data-v-05eb48d7] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxNnYxNkgweiIvPjxwYXRoIGQ9Ik04LjM1NyAxMS4zOTdhNC45MTEgNC45MTEgMCAxMTMuMzEzLTQuNjQ5IDQuODk0IDQuODk0IDAgMDEtMy4zMTMgNC42NDl6bTcuNDA4IDMuMDUzbC0zLjYzMy0zLjYzM2E2LjcyNyA2LjcyNyAwIDEwLTEuMzE0IDEuMzE1bDMuNjMzIDMuNjM2YS43MjcuNzI3IDAgMDAxLjAyNy4wNDFsLjMyOS0uMzI5YS43MjcuNzI3IDAgMDAtLjA0MS0xLjAyOXoiIGZpbGw9IiMzMzMiLz48L3N2Zz4=) no-repeat 50%
}

.navWrap .navContent .navEndWrap .icon-login[data-v-05eb48d7] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZGF0YS1uYW1lPSLnn6nlvaIgNDkzMiIgZmlsbD0icmdiYSgyNDAsMjQwLDI0MCwwKSIgZD0iTTAgMGgxNnYxNkgweiIvPjxwYXRoIGQ9Ik0xNS4zOTMgMTUuMjY1di0uMDU4YS43MjQuNzI0IDAgMDAtLjAyLS4xNjYgNy4yNzIgNy4yNzIgMCAwMC00LjMxNC01Ljc0NyA1LjA2MSA1LjA2MSAwIDEwLTUuNzA5IDAgNy4yNzIgNy4yNzIgMCAwMC00LjMgNS42NjguNzI1LjcyNSAwIDAwLS4wNDMuMjQ0bC4wMDcuMDY3YS43MjIuNzIyIDAgMTAxLjQ0MyAwdi0uMDA5aC4wMTVhNS43OTQgNS43OTQgMCAwMTUuNDI2LTUuMDk0Yy4xLjAwNi4yLjAxLjMwOC4wMXMuMjA3IDAgLjMwOS0uMDFhNS43OTQgNS43OTQgMCAwMTUuNDI2IDUuMDk0aC4wMTd2LjAwOWEuNzIyLjcyMiAwIDEwMS40NDMgMHYtLjAwOXpNOC4xOTkgOC43MzJhMy42MzYgMy42MzYgMCAxMTMuNjEzLTMuNjQgMy42MjUgMy42MjUgMCAwMS0zLjYxMyAzLjY0eiIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==) no-repeat
}

.navWrap .slideShow_PC[data-v-05eb48d7] {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all .12s ease-out;
  cursor: auto;
  position: absolute;
  top: .666667rem;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9999;
  box-shadow: inset 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.navWrap .slideShow_PC.slideShow_PC_hover[data-v-05eb48d7] {
  height: 7.466667rem;
  visibility: visible;
  opacity: 1
}

.navWrap .slideShow_PC .customHeaderTab[data-v-05eb48d7] {
  padding-top: .8rem
}

.navWrap .slideShow_PC .tab_header[data-v-05eb48d7] {
  float: left;
  height: 100%;
  width: 3.093333rem
}

.navWrap .slideShow_PC .tab_header .tab_header_item[data-v-05eb48d7] {
  width: 204px;
  height: 70px;
  overflow: hidden;
  margin-right: .373333rem;
  cursor: pointer
}

.navWrap .slideShow_PC .tab_header .tab_header_item.tab_header_first[data-v-05eb48d7], .navWrap .slideShow_PC .tab_header .tab_header_item.tab_header_second[data-v-05eb48d7], .navWrap .slideShow_PC .tab_header .tab_header_item.tab_header_third[data-v-05eb48d7] {
  background-size: cover
}

.navWrap .slideShow_PC .tab_header .tab_header_item .tab_header_mask[data-v-05eb48d7] {
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, .7);
  opacity: 1
}

.navWrap .slideShow_PC .tab_header .tab_header_item .tab_header_mask.ischecked[data-v-05eb48d7] {
  opacity: 0;
  transition: opacity .2s
}

.navWrap .slideShow_PC .tab_content[data-v-05eb48d7] {
  position: relative;
  float: right;
  width: 9.746667rem;
  padding-left: .213333rem;
  border-left: 1px solid #eee;
  display: flex
}

.navWrap .slideShow_PC .tab_content .tab_header_border[data-v-05eb48d7] {
  width: .026667rem;
  height: .933333rem;
  background-color: #df001f;
  position: absolute;
  left: -.026667rem;
  transition: all .1s
}

.navWrap .slideShow_PC .tab_content .tab_header_border.tab_header_border1[data-v-05eb48d7] {
  transform: translateY(0)
}

.navWrap .slideShow_PC .tab_content .tab_header_border.tab_header_border2[data-v-05eb48d7] {
  transform: translateY(.933333rem)
}

.navWrap .slideShow_PC .tab_content .tab_header_border.tab_header_border3[data-v-05eb48d7] {
  transform: translateY(1.866667rem)
}

.navWrap .slideShow_PC .tab_content .content[data-v-05eb48d7] {
  flex-wrap: wrap;
  padding-bottom: .533333rem;
  font-size: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none
}

.navWrap .slideShow_PC .tab_content .content_first[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .content_second[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .content_third[data-v-05eb48d7] {
  display: flex
}

.navWrap .slideShow_PC .tab_content .oneModel[data-v-05eb48d7] {
  display: inline-block;
  width: 3.106667rem;
  height: 2.266667rem;
  position: relative;
  margin-bottom: .8rem
}

.navWrap .slideShow_PC .tab_content .oneModel.typeM1[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .oneModel.typeMGT[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .oneModel.typeMPlus[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .oneModel.typeN1s[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .oneModel.typeNgt[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .oneModel.typeU1[data-v-05eb48d7], .navWrap .slideShow_PC .tab_content .oneModel.typeUNgt[data-v-05eb48d7] {
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelLogo[data-v-05eb48d7] {
  display: inline-block;
  height: .226667rem;
  width: 100%;
  background: url(img/8e15dd3.svg) no-repeat;
  background-position: 1.666667rem 0
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelLogo.oneModelLogo1[data-v-05eb48d7] {
  background-image: url(img/f2702bb.svg)
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUM[data-v-05eb48d7] {
  width: 94px;
  height: 16;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUM .point[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: .026667rem solid #eee;
  border-radius: 50%;
  display: inline-block
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUM .point[data-v-05eb48d7]:first-child {
  background-color: #fff
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUM .point[data-v-05eb48d7]:nth-child(2) {
  background: #337af6
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUM .point[data-v-05eb48d7]:nth-child(3) {
  background: #ddec57
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUM .point[data-v-05eb48d7]:nth-child(4) {
  background: #f2a33a
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointU[data-v-05eb48d7] {
  width: 94px;
  height: 16;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointU .point[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: .026667rem solid #eee;
  border-radius: 50%;
  display: inline-block
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointU .point[data-v-05eb48d7]:first-child {
  background-color: #eee
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointU .point[data-v-05eb48d7]:nth-child(2) {
  background: #d73d30
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointU .point[data-v-05eb48d7]:nth-child(3) {
  background: #e8dc4a
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointU .point[data-v-05eb48d7]:nth-child(4) {
  background: #70d5e3
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt[data-v-05eb48d7] {
  width: 94px;
  height: 16;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt .point[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: .026667rem solid #eee;
  border-radius: 50%;
  display: inline-block
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt .point[data-v-05eb48d7]:first-child {
  background-color: #eee
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt .point[data-v-05eb48d7]:nth-child(2) {
  background: #d73d30
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt .point[data-v-05eb48d7]:nth-child(3) {
  background: #264f9c
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt .point[data-v-05eb48d7]:nth-child(4) {
  background: #b3b0ad
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUNgt .point[data-v-05eb48d7]:nth-child(5) {
  background: #000
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUPlus[data-v-05eb48d7] {
  width: 94px;
  height: 16;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUPlus .point[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: .026667rem solid #eee;
  border-radius: 50%;
  display: inline-block
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUPlus .point[data-v-05eb48d7]:first-child {
  background-color: #eee
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUPlus .point[data-v-05eb48d7]:nth-child(2) {
  background: #d73d30
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUPlus .point[data-v-05eb48d7]:nth-child(3) {
  background: #454545
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointUPlus .point[data-v-05eb48d7]:nth-child(4) {
  background: #3055ad
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S[data-v-05eb48d7] {
  width: 142px;
  height: 16;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7]:first-child {
  background-image: url(img/f900f62.png);
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7]:nth-child(2) {
  background-image: url(img/d603c68.png);
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7]:nth-child(3) {
  background-image: url(img/d2a2070.png);
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7]:nth-child(4) {
  background-image: url(img/42326a8.png);
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7]:nth-child(5) {
  background-image: url(img/37f21b6.png);
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPointN1S .point[data-v-05eb48d7]:nth-child(6) {
  background-image: url(img/420ef0f.png);
  background-size: cover
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint[data-v-05eb48d7] {
  width: 94px;
  height: 16;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint .point[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: .026667rem solid #eee;
  border-radius: 50%;
  display: inline-block
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint .point[data-v-05eb48d7]:first-child {
  background-color: #fff
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint .point[data-v-05eb48d7]:nth-child(2) {
  background: #ce2b2c
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint .point[data-v-05eb48d7]:nth-child(3) {
  background: #264f9c
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint .point[data-v-05eb48d7]:nth-child(4) {
  background: #b3b0ad
}

.navWrap .slideShow_PC .tab_content .oneModel .oneModelPoint .point[data-v-05eb48d7]:nth-child(5) {
  background: #000
}

.headerSearchMob[data-v-05eb48d7] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 24rem;
  top: 0;
  z-index: 9999;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  transition: all 0s
}

.headerSearchMob .site-header[data-v-05eb48d7] {
  background: #fff
}

.headerSearchMob.slideDown[data-v-05eb48d7] {
  bottom: 0
}

.headerSearchMob .iptWrap[data-v-05eb48d7] {
  display: none !important;
  width: 10rem;
  height: 1.066667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: .266667rem .426667rem 0
}

.headerSearchMob .iptWrap .cancel[data-v-05eb48d7] {
  display: inline-block;
  color: #555;
  line-height: 1.066667rem;
  font-size: 16px;
  height: 1.066667rem
}

.headerSearchMob .remind[data-v-05eb48d7] {
  flex: 1;
  width: 8.4rem;
  padding: 60px;
  overflow: auto
}

.headerSearchMob .remind li[data-v-05eb48d7] {
  transition: 1s ease;
  border-bottom: 1px solid #eee
}

.headerSearchMob .remind li[data-v-05eb48d7]:last-of-type {
  margin-bottom: .8rem
}

.headerSearchMob .remind .item[data-v-05eb48d7] {
  width: 8.4rem;
  height: 1.333333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.333333rem;
  font-size: 16px;
  /* font-family: DINOffcPro */
}

.headerSearchMob .remind .item .text[data-v-05eb48d7] {
  flex: 1;
  white-space: nowrap
}

.headerSearchMob .remind .item span[data-v-05eb48d7] {
  display: inline-block;
  width: 1.333333rem;
  height: 1.333333rem;
  line-height: 1.333333rem;
  text-align: center;
  font-size: 16px;
  transition: .2s linear
}

.headerSearchMob .remind .item span.isSlide[data-v-05eb48d7] {
  transform: rotate(45deg)
}

.headerSearchMob .remind .item a[data-v-05eb48d7] {
  width: 100%;
  height: 100%
}

.headerSearchMob .remind .item .niuaero[data-v-05eb48d7] {
  height: .213333rem;
  width: 2.887467rem
}

.headerSearchMob .remind .animateWrap[data-v-05eb48d7] {
  width: 9.146667rem;
  overflow: hidden;
  height: 0;
  transition: height .3s
}

.headerSearchMob .remind .animateWrap.slideShow[data-v-05eb48d7] {
  height: 4.56rem
}

.headerSearchMob .remind .animateWrap.slideShow2[data-v-05eb48d7] {
  height: 6.933333rem
}

.headerSearchMob .remind .animateWrap.slideShow3[data-v-05eb48d7] {
  height: 4.56rem
}

.headerSearchMob .remind .animateWrap.slideShow4[data-v-05eb48d7] {
  height: 1.6rem
}

.headerSearchMob .remind .secondModShow[data-v-05eb48d7] {
  width: 9.146667rem;
  box-sizing: border-box;
  padding: .533333rem 0 .8rem;
  margin-left: -.373333rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden
}

.headerSearchMob .remind .secondModShow a[data-v-05eb48d7] {
  background-size: cover
}

.headerSearchMob .remind .secondModShow .secondImg[data-v-05eb48d7] {
  display: block;
  width: 4.426667rem;
  height: 3.226667rem
}

.headerSearchMob .remind .secondModShow1 .secondImg[data-v-05eb48d7]:first-child, .headerSearchMob .remind .secondModShow1 .secondImg[data-v-05eb48d7]:nth-child(2), .headerSearchMob .remind .secondModShow2 .secondImg[data-v-05eb48d7]:first-child, .headerSearchMob .remind .secondModShow2 .secondImg[data-v-05eb48d7]:nth-child(2) {
  background-size: cover
}

.headerSearchMob .remind .secondModShowAbout[data-v-05eb48d7] {
  padding-left: 19px
}

.headerSearchMob .remind .secondModShowAbout .secondImg[data-v-05eb48d7] {
  width: 50%
}

.headerSearchMob .remind .secondModShow3 .secondImg[data-v-05eb48d7]:nth-child(2) {
  background-size: cover;
  margin-bottom: .8rem
}

.headerSearchMob .remind .secondModShow3 .secondImg[data-v-05eb48d7]:first-child {
  background-size: cover
}

.headerSearchMob .remind .iconContent[data-v-05eb48d7] {
  display: flex;
  height: 2.24rem;
  justify-content: space-between;
  margin-bottom: .8rem
}

.headerSearchMob .remind .iconContent dl[data-v-05eb48d7] {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.headerSearchMob .remind .iconContent dl dt[data-v-05eb48d7] {
  color: #333;
  line-height: 19px;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  font-weight: 400
}

.headerSearchMob .remind .iconContent dl:first-child dd[data-v-05eb48d7] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNi43NzUiIGhlaWdodD0iMjMuMzA3Ij48cGF0aCBkPSJNMTcuNzA3IDIzLjMwN0g0Ljc0M0E0Ljc1IDQuNzUgMCAwMTAgMTguNTY0VjUuNkE0Ljc1IDQuNzUgMCAwMTQuNzQzLjg1N0gxNS42MWExLjE2IDEuMTYgMCAwMTAgMi4zMTlINC43NDNBMi40MiAyLjQyIDAgMDAyLjMyOSA1LjU5djEyLjk3NWEyLjQyIDIuNDIgMCAwMDIuNDE0IDIuNDE0aDEyLjk3NWEyLjQyIDIuNDIgMCAwMDIuNDE0LTIuNDE0di00LjQ1OGExLjE2IDEuMTYgMCAxMTIuMzE5IDB2NC40NThhNC43NSA0Ljc1IDAgMDEtNC43NDQgNC43NDJ6IiBmaWxsPSIjNDM0MzQzIi8+PHBhdGggZD0iTTExLjc2MyAxNS44NjZoLS4xNjlhMy41NTkgMy41NTkgMCAwMS0yLjYzNS0xLjM2bC0zLjI3OC00LjE2M2ExLjE2MyAxLjE2MyAwIDAxMS44MjMtMS40NDRsMy4yNzggNC4xNjNhMS4yMzQgMS4yMzQgMCAwMC45MTcuNDc0IDEuMiAxLjIgMCAwMC45NTktLjM5TDI0Ljc2OC4zNjFhMS4xNjMgMS4xNjMgMCAwMTEuNjg2IDEuNmwtMTIuMSAxMi44YTMuNTg3IDMuNTg3IDAgMDEtMi41OTEgMS4xMDV6IiBmaWxsPSIjNDM0MzQzIi8+PC9zdmc+) no-repeat bottom
}

.headerSearchMob .remind .iconContent dl:nth-child(2) dd[data-v-05eb48d7] {
  background: url(img/6dd9d82.svg) no-repeat bottom
}

.headerSearchMob .remind .iconContent dl:nth-child(3) dd[data-v-05eb48d7] {
  background: url(img/281016d.svg) no-repeat bottom
}

.headerSearchMob .remind .iconContent dl:nth-child(4) dd[data-v-05eb48d7] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4yMDIiIGhlaWdodD0iMjguNjY5Ij48cGF0aCBkPSJNOS4wOTggMy41OUg2LjEwNWEuNzA3LjcwNyAwIDExMC0xLjQxNGgyLjk5M2EuNzA3LjcwNyAwIDAxMCAxLjQxNHoiIGZpbGw9IiM0MzQzNDMiLz48cGF0aCBkPSJNMTIuMzQ3IDBoLTkuNUEyLjg1IDIuODUgMCAwMC4wMDEgMi44NTV2MjIuOTY4YTIuODQ4IDIuODQ4IDAgMDAyLjg0NiAyLjg0Nmg5LjVhMi44NTYgMi44NTYgMCAwMDIuODUzLTIuODQ2VjIuODU1QTIuODU4IDIuODU4IDAgMDAxMi4zNDcgMHpNMS42MDYgNS43NDdoMTEuOTh2MTYuMjNIMS42MDZ6bTEuMjM5LTQuMTMxaDkuNWExLjI0NiAxLjI0NiAwIDAxMS4yMzkgMS4yMzl2MS4yNzZIMS42MDRWMi44NTVhMS4yNCAxLjI0IDAgMDExLjI0Mi0xLjIzOXptOS41IDI1LjQ0N2gtOS41YTEuMjQ2IDEuMjQ2IDAgMDEtMS4yMzktMS4yMzl2LTIuMjRoMTEuOTh2Mi4yNGExLjI0IDEuMjQgMCAwMS0xLjIzOSAxLjIzOXoiIGZpbGw9IiM0MzQzNDMiLz48Y2lyY2xlIGN4PSIxLjE3NSIgY3k9IjEuMTc1IiByPSIxLjE3NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi40MjYgMjQuMTA3KSIgZmlsbD0iIzQzNDM0MyIvPjwvc3ZnPg==) no-repeat bottom
}

.headerSearchMob .remind .iconContent dl:nth-child(4) dt[data-v-05eb48d7] {
  /* font-family: DINOffcPro */
}

.headerSearchMob .remind .iconContent dl dd[data-v-05eb48d7] {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-bottom: 29px
}

.mobMask[data-v-05eb48d7] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 8999;
  background: rgba(0, 0, 0, .5);
  overflow: hidden
}

.site-header-wrap[data-v-05eb48d7] {
  position: relative;
  z-index: 16
}

.site-header-wrap.box-shadow[data-v-05eb48d7] {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

@media screen and (max-width:767px) {
  .site-header-wrap[data-v-05eb48d7] {
    height: 50px
  }
}

.site-header[data-v-05eb48d7], .site-header a[data-v-05eb48d7] {
  color: #fff
}

.site-header[data-v-05eb48d7] {
  width: 100%;
  height: 40px;
  background: #df001f;
  position: relative;
  z-index: 9999
}

.site-header.site-header2[data-v-05eb48d7] {
  position: fixed;
  left: 0;
  top: 0
}

.site-header .main-box[data-v-05eb48d7] {
  z-index: 2;
  display: flex;
  font-size: 0;
  margin: 0 auto;
  position: relative;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none
}

@media screen and (max-width:1199px) and (min-width:768px) {
  .site-header .main-box[data-v-05eb48d7] {
    width: 96%;
    margin: 0 auto
  }
}

.site-header .site-menu[data-v-05eb48d7] {
  display: none
}

.site-header .logo[data-v-05eb48d7] {
  width: .853333rem
}

.site-header .logo a[data-v-05eb48d7] {
  display: block;
  line-height: 40px
}

.site-header img[data-v-05eb48d7] {
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .site-header[data-v-05eb48d7] {
    height: 50px
  }

  .site-header .main-box[data-v-05eb48d7] {
    width: 100%;
    padding: 0;
    box-sizing: border-box
  }

  .site-header .site-menu[data-v-05eb48d7] {
    display: block;
    width: 1.333333rem;
    line-height: 50px
  }

  .site-header .logo a[data-v-05eb48d7] {
    line-height: 50px
  }

  .site-header .logo[data-v-05eb48d7] {
    flex: 1;
    text-align: center
  }

  .site-header .header-end[data-v-05eb48d7] {
    flex: none;
    width: 1.333333rem
  }
}

.header-end[data-v-05eb48d7] {
  flex: 1;
  text-align: right;
  font-size: 0;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none
}

.header-end a[data-v-05eb48d7] {
  height: 40px;
  line-height: 40px;
  display: inline-block
}

.header-end .niu-map[data-v-05eb48d7] {
  display: none
}

.header-end .link-aero[data-v-05eb48d7] {
  font-size: 0;
  display: inline-block;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  margin-right: 40px
}

.header-end .link-aero.spe[data-v-05eb48d7] {
  margin-right: 0
}

.header-end .link-aero img[data-v-05eb48d7] {
  display: inline-block;
  height: 16px;
  margin-right: 5px
}

.header-end .link-aero p[data-v-05eb48d7] {
  /* font-family: DINOffcPro-Bold; */
  display: inline-block;
  font-size: 14px;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  .header-end .link-aero[data-v-05eb48d7] {
    display: none
  }

  .header-end a[data-v-05eb48d7] {
    height: 50px;
    line-height: 50px
  }

  .header-end .niu-map[data-v-05eb48d7] {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    width: 1.333333rem
  }

  .header-end .niu-map>img[data-v-05eb48d7] {
    width: .426667rem;
    height: .493333rem
  }
}

.pcMask[data-v-05eb48d7] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 90px;
  z-index: 9000;
  background-color: rgba(0, 0, 0, .5)
}

.nav-page-mask-show[data-v-05eb48d7], .site-header-on .site-nav[data-v-05eb48d7] {
  display: block
}

@media screen and (max-width:767px) {
  .navWrap[data-v-05eb48d7] {
    display: none
  }

  .site-header .main-box[data-v-05eb48d7] {
    padding: 0
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .navWrap .slideShow_PC[data-v-05eb48d7] {
    cursor: auto;
    position: absolute;
    top: .666667rem;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9999
  }

  .navWrap .slideShow_PC.slideShow_PC_hover[data-v-05eb48d7] {
    height: 9.466667rem
  }

  .navWrap .slideShow_PC .customHeaderTab[data-v-05eb48d7] {
    display: flex;
    justify-content: space-between;
    padding-top: .8rem
  }

  .navWrap .slideShow_PC .tab_header[data-v-05eb48d7] {
    position: relative;
    height: 100%;
    width: 3.093333rem
  }

  .navWrap .slideShow_PC .tab_header .tab_header_item[data-v-05eb48d7] {
    width: 204px;
    height: 70px;
    overflow: hidden;
    margin-right: .373333rem;
    cursor: pointer
  }

  .navWrap .slideShow_PC .tab_header .tab_header_item .tab_header_mask[data-v-05eb48d7] {
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .7)
  }

  .navWrap .slideShow_PC .tab_content[data-v-05eb48d7] {
    flex: 1;
    width: auto;
    padding-left: .293333rem;
    border-left: 1px solid #eee;
    position: relative
  }

  .navWrap .slideShow_PC .tab_content .tab_header_border[data-v-05eb48d7] {
    width: .026667rem;
    height: .933333rem;
    background-color: #df001f;
    position: absolute;
    left: -.026667rem;
    transition: all .1s
  }

  .navWrap .slideShow_PC .tab_content .tab_header_border.tab_header_border1[data-v-05eb48d7] {
    transform: translateY(0)
  }

  .navWrap .slideShow_PC .tab_content .tab_header_border.tab_header_border2[data-v-05eb48d7] {
    transform: translateY(.933333rem)
  }

  .navWrap .slideShow_PC .tab_content .tab_header_border.tab_header_border3[data-v-05eb48d7] {
    transform: translateY(1.866667rem)
  }

  .navWrap .slideShow_PC .tab_content .content[data-v-05eb48d7] {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: .533333rem
  }
}

.one[data-v-05eb48d7] {
  background-image: linear-gradient(90deg, #fff 28%, #cd2b2b 31%, #cd2b2b 69%, #fff 71%)
}

.one[data-v-05eb48d7], .two[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: .026667rem solid #eee;
  border-radius: 50%;
  display: inline-block
}

.two[data-v-05eb48d7] {
  background-image: linear-gradient(90deg, #333 28%, #df001f 31%, #df001f 69%, #333 71%)
}

.three[data-v-05eb48d7] {
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  overflow: hidden;
  border: .026667rem solid #333;
  border-radius: 50%;
  display: inline-block;
  margin-top: .026667rem;
  background-image: linear-gradient(90deg, #333 28%, #fff 31%, #fff 69%, #333 71%)
}

.mSlide[data-v-05eb48d7] {
  -webkit-animation-name: mSlideLeft-data-v-05eb48d7;
          animation-name: mSlideLeft-data-v-05eb48d7;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease
}

@-webkit-keyframes mSlideLeft-data-v-05eb48d7 {
  0% {
    opacity: 0;
    transform: translateX(-.266667rem)
  }

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

@keyframes mSlideLeft-data-v-05eb48d7 {
  0% {
    opacity: 0;
    transform: translateX(-.266667rem)
  }

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

.mSlideA[data-v-05eb48d7] {
  -webkit-animation-name: mSlideLeftA-data-v-05eb48d7;
          animation-name: mSlideLeftA-data-v-05eb48d7;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease
}

@-webkit-keyframes mSlideLeftA-data-v-05eb48d7 {
  0% {
    opacity: 0;
    transform: translateX(-.266667rem)
  }

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

@keyframes mSlideLeftA-data-v-05eb48d7 {
  0% {
    opacity: 0;
    transform: translateX(-.266667rem)
  }

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

.toshow[data-v-05eb48d7] {
  -webkit-animation-name: toshow-data-v-05eb48d7;
          animation-name: toshow-data-v-05eb48d7;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease
}

@-webkit-keyframes toshow-data-v-05eb48d7 {
  0% {
    opacity: 0;
    transform: translateY(.133333rem)
  }

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

@keyframes toshow-data-v-05eb48d7 {
  0% {
    opacity: 0;
    transform: translateY(.133333rem)
  }

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

.videoRemove {
  position: fixed;
  left: -13.32rem;
  top: -13.32rem !important;
  display: none !important;
  overflow: hidden
}

.preventScoll1 {
  z-index: 1
}

.preventScoll1, .preventScoll2 {
  overflow: hidden;
  position: fixed !important;
  height: 100%;
  width: 100%
}

.preventScoll2 {
  z-index: 2
}

.el-notification {
  display: flex;
  width: 4.4rem;
  padding: .186667rem .346667rem .186667rem .173333rem;
  border-radius: .106667rem;
  box-sizing: border-box;
  border: .013333rem solid #ebeef5;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
  overflow: hidden
}

.el-notification.right {
  right: .213333rem
}

.el-notification.left {
  left: .213333rem
}

.el-notification__group {
  margin-left: .173333rem;
  margin-right: .106667rem
}

.el-notification__title {
  font-weight: 700;
  font-size: .213333rem;
  color: #303133;
  margin: 0
}

.el-notification__content {
  font-size: .186667rem;
  line-height: .28rem;
  margin: .08rem 0 0;
  color: #606266;
  text-align: justify
}

.el-notification__content p {
  margin: 0
}

.el-notification__icon {
  height: .32rem;
  width: .32rem;
  font-size: .32rem
}

.el-notification__closeBtn {
  position: absolute;
  top: .24rem;
  right: .2rem;
  cursor: pointer;
  color: #909399;
  font-size: .213333rem
}

.el-notification__closeBtn:hover {
  color: #606266
}

.el-notification .el-icon-success {
  color: #67c23a
}

.el-notification .el-icon-error {
  color: #f56c6c
}

.el-notification .el-icon-info {
  color: #909399
}

.el-notification .el-icon-warning {
  color: #e6a23c
}

.el-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%)
}

.el-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%)
}

.el-notification-fade-leave-active {
  opacity: 0
}

.el-loading-parent--relative {
  position: relative !important
}

.el-loading-parent--hidden {
  overflow: hidden !important
}

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: hsla(0, 0%, 100%, .9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s
}

.el-loading-mask.is-fullscreen {
  position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -.333333rem
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: .666667rem;
  width: .666667rem
}

.el-loading-spinner {
  top: 50%;
  margin-top: -.28rem;
  width: 100%;
  text-align: center;
  position: absolute
}

.el-loading-spinner .el-loading-text {
  color: #409eff;
  margin: .04rem 0;
  font-size: .186667rem
}

.el-loading-spinner .circular {
  height: .56rem;
  width: .56rem;
  -webkit-animation: loading-rotate 2s linear infinite;
          animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
  -webkit-animation: loading-dash 1.5s ease-in-out infinite;
          animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #409eff;
  stroke-linecap: round
}

.el-loading-spinner i {
  color: #409eff
}

.el-loading-fade-enter, .el-loading-fade-leave-active {
  opacity: 0
}

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

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

@-webkit-keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -.533333rem
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -1.6rem
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -.533333rem
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -1.6rem
  }
}

.el-timeline-item {
  position: relative;
  padding-bottom: .266667rem
}

.el-timeline-item__wrapper {
  position: relative;
  padding-left: .373333rem;
  top: -.04rem
}

.el-timeline-item__tail {
  position: absolute;
  left: .053333rem;
  height: 100%;
  border-left: .026667rem solid #e4e7ed
}

.el-timeline-item__icon {
  color: #fff;
  font-size: .173333rem
}

.el-timeline-item__node {
  position: absolute;
  background-color: #e4e7ed;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.el-timeline-item__node--normal {
  left: -.013333rem;
  width: .16rem;
  height: .16rem
}

.el-timeline-item__node--large {
  left: -.026667rem;
  width: .186667rem;
  height: .186667rem
}

.el-timeline-item__node--primary {
  background-color: #409eff
}

.el-timeline-item__node--success {
  background-color: #67c23a
}

.el-timeline-item__node--warning {
  background-color: #e6a23c
}

.el-timeline-item__node--danger {
  background-color: #f56c6c
}

.el-timeline-item__node--info {
  background-color: #909399
}

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center
}

.el-timeline-item__content {
  color: #303133
}

.el-timeline-item__timestamp {
  color: #909399;
  line-height: 1;
  font-size: .173333rem
}

.el-timeline-item__timestamp.is-top {
  margin-bottom: .106667rem;
  padding-top: .053333rem
}

.el-timeline-item__timestamp.is-bottom {
  margin-top: .106667rem
}

.el-timeline {
  margin: 0;
  font-size: .186667rem;
  list-style: none
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none
}

.el-fade-in-enter, .el-fade-in-leave-active, .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active, .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
  opacity: 0
}

.el-menu--collapse .el-menu .el-submenu, .el-menu--popup {
  min-width: 2.666667rem
}

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active, .fade-in-linear-enter-active, .fade-in-linear-leave-active {
  transition: opacity .2s linear
}

.el-fade-in-enter-active, .el-fade-in-leave-active, .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
  transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter, .el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0)
}

.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transform-origin: center top
}

.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transform-origin: center bottom
}

.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0)
}

.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transform-origin: top left
}

.el-zoom-in-left-enter, .el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(.45)
}

.collapse-transition {
  transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
  transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active, .el-list-leave-active {
  transition: all 1s
}

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-.4rem)
}

.el-opacity-transition {
  transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-menu {
  border-right: .013333rem solid #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0
}

.el-menu, .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  background-color: #fff
}

.el-menu::after, .el-menu::before {
  display: table;
  content: ""
}

.el-menu::after {
  clear: both
}

.el-menu.el-menu--horizontal {
  border-bottom: .013333rem solid #e6e6e6
}

.el-menu--horizontal {
  border-right: none
}

.el-menu--horizontal>.el-menu-item {
  float: left;
  height: .8rem;
  line-height: .8rem;
  margin: 0;
  border-bottom: .026667rem solid transparent;
  color: #909399
}

.el-menu--horizontal>.el-menu-item a, .el-menu--horizontal>.el-menu-item a:hover {
  color: inherit
}

.el-menu--horizontal>.el-submenu {
  float: left
}

.el-menu--horizontal>.el-submenu:focus, .el-menu--horizontal>.el-submenu:hover {
  outline: 0
}

.el-menu--horizontal>.el-submenu:focus .el-submenu__title, .el-menu--horizontal>.el-submenu:hover .el-submenu__title {
  color: #303133
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  border-bottom: .026667rem solid #409eff;
  color: #303133
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
  height: .8rem;
  line-height: .8rem;
  border-bottom: .026667rem solid transparent;
  color: #909399
}

.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: .106667rem;
  margin-top: -.04rem
}

.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
  background-color: #fff;
  float: none;
  height: .48rem;
  line-height: .48rem;
  padding: 0 .133333rem;
  color: #909399
}

.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
  color: #303133
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  outline: 0;
  color: #303133
}

.el-menu--horizontal>.el-menu-item.is-active {
  border-bottom: .026667rem solid #409eff;
  color: #303133
}

.el-menu--collapse {
  width: .853333rem
}

.el-menu--collapse>.el-menu-item [class^=el-icon-], .el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
  margin: 0;
  vertical-align: middle;
  width: .32rem;
  text-align: center
}

.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow, .el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
  display: none
}

.el-menu--collapse>.el-menu-item span, .el-menu--collapse>.el-submenu>.el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block
}

.el-menu--collapse>.el-menu-item.is-active i {
  color: inherit
}

.el-menu--collapse .el-submenu {
  position: relative
}

.el-menu--collapse .el-submenu .el-menu {
  position: absolute;
  margin-left: .066667rem;
  top: 0;
  left: 100%;
  z-index: 10;
  border: .013333rem solid #e4e7ed;
  border-radius: .026667rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-menu-item, .el-submenu__title {
  height: .746667rem;
  line-height: .746667rem;
  list-style: none;
  position: relative;
  white-space: nowrap
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  transform: none
}

.el-menu--popup {
  z-index: 100;
  border: none;
  padding: .066667rem 0;
  border-radius: .026667rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1)
}

.el-menu--popup-bottom-start {
  margin-top: .066667rem
}

.el-menu--popup-right-start {
  margin-left: .066667rem;
  margin-right: .066667rem
}

.el-menu-item {
  font-size: .186667rem;
  color: #303133;
  padding: 0 .266667rem;
  cursor: pointer;
  transition: border-color .3s, background-color .3s, color .3s;
  box-sizing: border-box
}

.el-menu-item * {
  vertical-align: middle
}

.el-menu-item i {
  color: #909399
}

.el-menu-item:focus, .el-menu-item:hover {
  outline: 0;
  background-color: #ecf5ff
}

.el-menu-item.is-disabled {
  opacity: .25;
  cursor: not-allowed;
  background: 0 0 !important
}

.el-menu-item [class^=el-icon-] {
  margin-right: .066667rem;
  width: .32rem;
  text-align: center;
  font-size: .24rem;
  vertical-align: middle
}

.el-menu-item.is-active {
  color: #409eff
}

.el-menu-item.is-active i {
  color: inherit
}

.el-submenu {
  list-style: none;
  margin: 0;
  padding-left: 0
}

.el-submenu__title {
  font-size: .186667rem;
  color: #303133;
  padding: 0 .266667rem;
  cursor: pointer;
  transition: border-color .3s, background-color .3s, color .3s;
  box-sizing: border-box
}

.el-submenu__title * {
  vertical-align: middle
}

.el-submenu__title i {
  color: #909399
}

.el-submenu__title:focus, .el-submenu__title:hover {
  outline: 0;
  background-color: #ecf5ff
}

.el-submenu__title.is-disabled {
  opacity: .25;
  cursor: not-allowed;
  background: 0 0 !important
}

.el-submenu__title:hover {
  background-color: #ecf5ff
}

.el-submenu .el-menu {
  border: none
}

.el-submenu .el-menu-item {
  height: .666667rem;
  line-height: .666667rem;
  padding: 0 .6rem;
  min-width: 2.666667rem
}

.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: .266667rem;
  margin-top: -.093333rem;
  transition: transform .3s;
  font-size: .16rem
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #409eff
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title {
  opacity: .25;
  cursor: not-allowed;
  background: 0 0 !important
}

.el-submenu [class^=el-icon-] {
  vertical-align: middle;
  margin-right: .066667rem;
  width: .32rem;
  text-align: center;
  font-size: .24rem
}

.el-menu-item-group>ul {
  padding: 0
}

.el-menu-item-group__title {
  padding: .093333rem 0 .093333rem .266667rem;
  line-height: normal;
  font-size: .16rem;
  color: #909399
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  transition: .2s;
  opacity: 0
}

.el-popover {
  position: absolute;
  background: #fff;
  min-width: 2rem;
  border-radius: .053333rem;
  border: .013333rem solid #ebeef5;
  padding: .16rem;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: .186667rem;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  word-break: break-all
}

.el-popover--plain {
  padding: .24rem .266667rem
}

.el-popover__title {
  color: #303133;
  font-size: .213333rem;
  line-height: 1;
  margin-bottom: .16rem
}

.el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing) {
  outline-width: 0
}

.el-image__error, .el-image__placeholder {
  background: #f5f7fa
}

.el-image__error, .el-image__inner, .el-image__placeholder {
  width: 100%;
  height: 100%
}

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden
}

.el-image__inner {
  vertical-align: top
}

.el-image__inner--center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .186667rem;
  color: #c0c4cc;
  vertical-align: middle
}

.el-image__preview {
  cursor: pointer
}

.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: .8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none
}

.el-image-viewer__close {
  top: .533333rem;
  right: .533333rem;
  width: .533333rem;
  height: .533333rem;
  font-size: .533333rem
}

.el-image-viewer__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.el-image-viewer__actions {
  left: 50%;
  bottom: .4rem;
  transform: translateX(-50%);
  width: 3.76rem;
  height: .586667rem;
  padding: 0 .306667rem;
  background-color: #606266;
  border-color: #fff;
  border-radius: .293333rem
}

.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: .306667rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around
}

.el-image-viewer__next, .el-image-viewer__prev {
  top: 50%;
  width: .586667rem;
  height: .586667rem;
  font-size: .32rem;
  color: #fff;
  background-color: #606266;
  border-color: #fff
}

.el-image-viewer__prev {
  left: .533333rem
}

.el-image-viewer__next, .el-image-viewer__prev {
  transform: translateY(-50%)
}

.el-image-viewer__next {
  right: .533333rem;
  text-indent: .026667rem
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .5;
  background: #000
}

.viewer-fade-enter-active {
  -webkit-animation: viewer-fade-in .3s;
          animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
  -webkit-animation: viewer-fade-out .3s;
          animation: viewer-fade-out .3s
}

@-webkit-keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }

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

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }

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

@-webkit-keyframes viewer-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }
}

@keyframes viewer-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1
  }

  to {
    transform: translate3d(0, -.266667rem, 0);
    opacity: 0
  }
}

.el-col-pull-0, .el-col-pull-1, .el-col-pull-2, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-push-0, .el-col-push-1, .el-col-push-2, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24 {
  position: relative
}

[class*=el-col-] {
  float: left;
  box-sizing: border-box
}

.el-col-0 {
  display: none;
  width: 0
}

.el-col-offset-0 {
  margin-left: 0
}

.el-col-pull-0 {
  right: 0
}

.el-col-push-0 {
  left: 0
}

.el-col-1 {
  width: 4.16667%
}

.el-col-offset-1 {
  margin-left: 4.16667%
}

.el-col-pull-1 {
  right: 4.16667%
}

.el-col-push-1 {
  left: 4.16667%
}

.el-col-2 {
  width: 8.33333%
}

.el-col-offset-2 {
  margin-left: 8.33333%
}

.el-col-pull-2 {
  right: 8.33333%
}

.el-col-push-2 {
  left: 8.33333%
}

.el-col-3 {
  width: 12.5%
}

.el-col-offset-3 {
  margin-left: 12.5%
}

.el-col-pull-3 {
  right: 12.5%
}

.el-col-push-3 {
  left: 12.5%
}

.el-col-4 {
  width: 16.66667%
}

.el-col-offset-4 {
  margin-left: 16.66667%
}

.el-col-pull-4 {
  right: 16.66667%
}

.el-col-push-4 {
  left: 16.66667%
}

.el-col-5 {
  width: 20.83333%
}

.el-col-offset-5 {
  margin-left: 20.83333%
}

.el-col-pull-5 {
  right: 20.83333%
}

.el-col-push-5 {
  left: 20.83333%
}

.el-col-6 {
  width: 25%
}

.el-col-offset-6 {
  margin-left: 25%
}

.el-col-pull-6 {
  right: 25%
}

.el-col-push-6 {
  left: 25%
}

.el-col-7 {
  width: 29.16667%
}

.el-col-offset-7 {
  margin-left: 29.16667%
}

.el-col-pull-7 {
  right: 29.16667%
}

.el-col-push-7 {
  left: 29.16667%
}

.el-col-8 {
  width: 33.33333%
}

.el-col-offset-8 {
  margin-left: 33.33333%
}

.el-col-pull-8 {
  right: 33.33333%
}

.el-col-push-8 {
  left: 33.33333%
}

.el-col-9 {
  width: 37.5%
}

.el-col-offset-9 {
  margin-left: 37.5%
}

.el-col-pull-9 {
  right: 37.5%
}

.el-col-push-9 {
  left: 37.5%
}

.el-col-10 {
  width: 41.66667%
}

.el-col-offset-10 {
  margin-left: 41.66667%
}

.el-col-pull-10 {
  right: 41.66667%
}

.el-col-push-10 {
  left: 41.66667%
}

.el-col-11 {
  width: 45.83333%
}

.el-col-offset-11 {
  margin-left: 45.83333%
}

.el-col-pull-11 {
  right: 45.83333%
}

.el-col-push-11 {
  left: 45.83333%
}

.el-col-12 {
  width: 50%
}

.el-col-offset-12 {
  margin-left: 50%
}

.el-col-pull-12 {
  position: relative;
  right: 50%
}

.el-col-push-12 {
  left: 50%
}

.el-col-13 {
  width: 54.16667%
}

.el-col-offset-13 {
  margin-left: 54.16667%
}

.el-col-pull-13 {
  right: 54.16667%
}

.el-col-push-13 {
  left: 54.16667%
}

.el-col-14 {
  width: 58.33333%
}

.el-col-offset-14 {
  margin-left: 58.33333%
}

.el-col-pull-14 {
  right: 58.33333%
}

.el-col-push-14 {
  left: 58.33333%
}

.el-col-15 {
  width: 62.5%
}

.el-col-offset-15 {
  margin-left: 62.5%
}

.el-col-pull-15 {
  right: 62.5%
}

.el-col-push-15 {
  left: 62.5%
}

.el-col-16 {
  width: 66.66667%
}

.el-col-offset-16 {
  margin-left: 66.66667%
}

.el-col-pull-16 {
  right: 66.66667%
}

.el-col-push-16 {
  left: 66.66667%
}

.el-col-17 {
  width: 70.83333%
}

.el-col-offset-17 {
  margin-left: 70.83333%
}

.el-col-pull-17 {
  right: 70.83333%
}

.el-col-push-17 {
  left: 70.83333%
}

.el-col-18 {
  width: 75%
}

.el-col-offset-18 {
  margin-left: 75%
}

.el-col-pull-18 {
  right: 75%
}

.el-col-push-18 {
  left: 75%
}

.el-col-19 {
  width: 79.16667%
}

.el-col-offset-19 {
  margin-left: 79.16667%
}

.el-col-pull-19 {
  right: 79.16667%
}

.el-col-push-19 {
  left: 79.16667%
}

.el-col-20 {
  width: 83.33333%
}

.el-col-offset-20 {
  margin-left: 83.33333%
}

.el-col-pull-20 {
  right: 83.33333%
}

.el-col-push-20 {
  left: 83.33333%
}

.el-col-21 {
  width: 87.5%
}

.el-col-offset-21 {
  margin-left: 87.5%
}

.el-col-pull-21 {
  right: 87.5%
}

.el-col-push-21 {
  left: 87.5%
}

.el-col-22 {
  width: 91.66667%
}

.el-col-offset-22 {
  margin-left: 91.66667%
}

.el-col-pull-22 {
  right: 91.66667%
}

.el-col-push-22 {
  left: 91.66667%
}

.el-col-23 {
  width: 95.83333%
}

.el-col-offset-23 {
  margin-left: 95.83333%
}

.el-col-pull-23 {
  right: 95.83333%
}

.el-col-push-23 {
  left: 95.83333%
}

.el-col-24 {
  width: 100%
}

.el-col-offset-24 {
  margin-left: 100%
}

.el-col-pull-24 {
  right: 100%
}

.el-col-push-24 {
  left: 100%
}

@media only screen and (max-width:767px) {
  .el-col-xs-0 {
    display: none;
    width: 0
  }

  .el-col-xs-offset-0 {
    margin-left: 0
  }

  .el-col-xs-pull-0 {
    position: relative;
    right: 0
  }

  .el-col-xs-push-0 {
    position: relative;
    left: 0
  }

  .el-col-xs-1 {
    width: 4.16667%
  }

  .el-col-xs-offset-1 {
    margin-left: 4.16667%
  }

  .el-col-xs-pull-1 {
    position: relative;
    right: 4.16667%
  }

  .el-col-xs-push-1 {
    position: relative;
    left: 4.16667%
  }

  .el-col-xs-2 {
    width: 8.33333%
  }

  .el-col-xs-offset-2 {
    margin-left: 8.33333%
  }

  .el-col-xs-pull-2 {
    position: relative;
    right: 8.33333%
  }

  .el-col-xs-push-2 {
    position: relative;
    left: 8.33333%
  }

  .el-col-xs-3 {
    width: 12.5%
  }

  .el-col-xs-offset-3 {
    margin-left: 12.5%
  }

  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%
  }

  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%
  }

  .el-col-xs-4 {
    width: 16.66667%
  }

  .el-col-xs-offset-4 {
    margin-left: 16.66667%
  }

  .el-col-xs-pull-4 {
    position: relative;
    right: 16.66667%
  }

  .el-col-xs-push-4 {
    position: relative;
    left: 16.66667%
  }

  .el-col-xs-5 {
    width: 20.83333%
  }

  .el-col-xs-offset-5 {
    margin-left: 20.83333%
  }

  .el-col-xs-pull-5 {
    position: relative;
    right: 20.83333%
  }

  .el-col-xs-push-5 {
    position: relative;
    left: 20.83333%
  }

  .el-col-xs-6 {
    width: 25%
  }

  .el-col-xs-offset-6 {
    margin-left: 25%
  }

  .el-col-xs-pull-6 {
    position: relative;
    right: 25%
  }

  .el-col-xs-push-6 {
    position: relative;
    left: 25%
  }

  .el-col-xs-7 {
    width: 29.16667%
  }

  .el-col-xs-offset-7 {
    margin-left: 29.16667%
  }

  .el-col-xs-pull-7 {
    position: relative;
    right: 29.16667%
  }

  .el-col-xs-push-7 {
    position: relative;
    left: 29.16667%
  }

  .el-col-xs-8 {
    width: 33.33333%
  }

  .el-col-xs-offset-8 {
    margin-left: 33.33333%
  }

  .el-col-xs-pull-8 {
    position: relative;
    right: 33.33333%
  }

  .el-col-xs-push-8 {
    position: relative;
    left: 33.33333%
  }

  .el-col-xs-9 {
    width: 37.5%
  }

  .el-col-xs-offset-9 {
    margin-left: 37.5%
  }

  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%
  }

  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%
  }

  .el-col-xs-10 {
    width: 41.66667%
  }

  .el-col-xs-offset-10 {
    margin-left: 41.66667%
  }

  .el-col-xs-pull-10 {
    position: relative;
    right: 41.66667%
  }

  .el-col-xs-push-10 {
    position: relative;
    left: 41.66667%
  }

  .el-col-xs-11 {
    width: 45.83333%
  }

  .el-col-xs-offset-11 {
    margin-left: 45.83333%
  }

  .el-col-xs-pull-11 {
    position: relative;
    right: 45.83333%
  }

  .el-col-xs-push-11 {
    position: relative;
    left: 45.83333%
  }

  .el-col-xs-12 {
    width: 50%
  }

  .el-col-xs-offset-12 {
    margin-left: 50%
  }

  .el-col-xs-pull-12 {
    position: relative;
    right: 50%
  }

  .el-col-xs-push-12 {
    position: relative;
    left: 50%
  }

  .el-col-xs-13 {
    width: 54.16667%
  }

  .el-col-xs-offset-13 {
    margin-left: 54.16667%
  }

  .el-col-xs-pull-13 {
    position: relative;
    right: 54.16667%
  }

  .el-col-xs-push-13 {
    position: relative;
    left: 54.16667%
  }

  .el-col-xs-14 {
    width: 58.33333%
  }

  .el-col-xs-offset-14 {
    margin-left: 58.33333%
  }

  .el-col-xs-pull-14 {
    position: relative;
    right: 58.33333%
  }

  .el-col-xs-push-14 {
    position: relative;
    left: 58.33333%
  }

  .el-col-xs-15 {
    width: 62.5%
  }

  .el-col-xs-offset-15 {
    margin-left: 62.5%
  }

  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%
  }

  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%
  }

  .el-col-xs-16 {
    width: 66.66667%
  }

  .el-col-xs-offset-16 {
    margin-left: 66.66667%
  }

  .el-col-xs-pull-16 {
    position: relative;
    right: 66.66667%
  }

  .el-col-xs-push-16 {
    position: relative;
    left: 66.66667%
  }

  .el-col-xs-17 {
    width: 70.83333%
  }

  .el-col-xs-offset-17 {
    margin-left: 70.83333%
  }

  .el-col-xs-pull-17 {
    position: relative;
    right: 70.83333%
  }

  .el-col-xs-push-17 {
    position: relative;
    left: 70.83333%
  }

  .el-col-xs-18 {
    width: 75%
  }

  .el-col-xs-offset-18 {
    margin-left: 75%
  }

  .el-col-xs-pull-18 {
    position: relative;
    right: 75%
  }

  .el-col-xs-push-18 {
    position: relative;
    left: 75%
  }

  .el-col-xs-19 {
    width: 79.16667%
  }

  .el-col-xs-offset-19 {
    margin-left: 79.16667%
  }

  .el-col-xs-pull-19 {
    position: relative;
    right: 79.16667%
  }

  .el-col-xs-push-19 {
    position: relative;
    left: 79.16667%
  }

  .el-col-xs-20 {
    width: 83.33333%
  }

  .el-col-xs-offset-20 {
    margin-left: 83.33333%
  }

  .el-col-xs-pull-20 {
    position: relative;
    right: 83.33333%
  }

  .el-col-xs-push-20 {
    position: relative;
    left: 83.33333%
  }

  .el-col-xs-21 {
    width: 87.5%
  }

  .el-col-xs-offset-21 {
    margin-left: 87.5%
  }

  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%
  }

  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%
  }

  .el-col-xs-22 {
    width: 91.66667%
  }

  .el-col-xs-offset-22 {
    margin-left: 91.66667%
  }

  .el-col-xs-pull-22 {
    position: relative;
    right: 91.66667%
  }

  .el-col-xs-push-22 {
    position: relative;
    left: 91.66667%
  }

  .el-col-xs-23 {
    width: 95.83333%
  }

  .el-col-xs-offset-23 {
    margin-left: 95.83333%
  }

  .el-col-xs-pull-23 {
    position: relative;
    right: 95.83333%
  }

  .el-col-xs-push-23 {
    position: relative;
    left: 95.83333%
  }

  .el-col-xs-24 {
    width: 100%
  }

  .el-col-xs-offset-24 {
    margin-left: 100%
  }

  .el-col-xs-pull-24 {
    position: relative;
    right: 100%
  }

  .el-col-xs-push-24 {
    position: relative;
    left: 100%
  }
}

@media only screen and (min-width:768px) {
  .el-col-sm-0 {
    display: none;
    width: 0
  }

  .el-col-sm-offset-0 {
    margin-left: 0
  }

  .el-col-sm-pull-0 {
    position: relative;
    right: 0
  }

  .el-col-sm-push-0 {
    position: relative;
    left: 0
  }

  .el-col-sm-1 {
    width: 4.16667%
  }

  .el-col-sm-offset-1 {
    margin-left: 4.16667%
  }

  .el-col-sm-pull-1 {
    position: relative;
    right: 4.16667%
  }

  .el-col-sm-push-1 {
    position: relative;
    left: 4.16667%
  }

  .el-col-sm-2 {
    width: 8.33333%
  }

  .el-col-sm-offset-2 {
    margin-left: 8.33333%
  }

  .el-col-sm-pull-2 {
    position: relative;
    right: 8.33333%
  }

  .el-col-sm-push-2 {
    position: relative;
    left: 8.33333%
  }

  .el-col-sm-3 {
    width: 12.5%
  }

  .el-col-sm-offset-3 {
    margin-left: 12.5%
  }

  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%
  }

  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%
  }

  .el-col-sm-4 {
    width: 16.66667%
  }

  .el-col-sm-offset-4 {
    margin-left: 16.66667%
  }

  .el-col-sm-pull-4 {
    position: relative;
    right: 16.66667%
  }

  .el-col-sm-push-4 {
    position: relative;
    left: 16.66667%
  }

  .el-col-sm-5 {
    width: 20.83333%
  }

  .el-col-sm-offset-5 {
    margin-left: 20.83333%
  }

  .el-col-sm-pull-5 {
    position: relative;
    right: 20.83333%
  }

  .el-col-sm-push-5 {
    position: relative;
    left: 20.83333%
  }

  .el-col-sm-6 {
    width: 25%
  }

  .el-col-sm-offset-6 {
    margin-left: 25%
  }

  .el-col-sm-pull-6 {
    position: relative;
    right: 25%
  }

  .el-col-sm-push-6 {
    position: relative;
    left: 25%
  }

  .el-col-sm-7 {
    width: 29.16667%
  }

  .el-col-sm-offset-7 {
    margin-left: 29.16667%
  }

  .el-col-sm-pull-7 {
    position: relative;
    right: 29.16667%
  }

  .el-col-sm-push-7 {
    position: relative;
    left: 29.16667%
  }

  .el-col-sm-8 {
    width: 33.33333%
  }

  .el-col-sm-offset-8 {
    margin-left: 33.33333%
  }

  .el-col-sm-pull-8 {
    position: relative;
    right: 33.33333%
  }

  .el-col-sm-push-8 {
    position: relative;
    left: 33.33333%
  }

  .el-col-sm-9 {
    width: 37.5%
  }

  .el-col-sm-offset-9 {
    margin-left: 37.5%
  }

  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%
  }

  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%
  }

  .el-col-sm-10 {
    width: 41.66667%
  }

  .el-col-sm-offset-10 {
    margin-left: 41.66667%
  }

  .el-col-sm-pull-10 {
    position: relative;
    right: 41.66667%
  }

  .el-col-sm-push-10 {
    position: relative;
    left: 41.66667%
  }

  .el-col-sm-11 {
    width: 45.83333%
  }

  .el-col-sm-offset-11 {
    margin-left: 45.83333%
  }

  .el-col-sm-pull-11 {
    position: relative;
    right: 45.83333%
  }

  .el-col-sm-push-11 {
    position: relative;
    left: 45.83333%
  }

  .el-col-sm-12 {
    width: 50%
  }

  .el-col-sm-offset-12 {
    margin-left: 50%
  }

  .el-col-sm-pull-12 {
    position: relative;
    right: 50%
  }

  .el-col-sm-push-12 {
    position: relative;
    left: 50%
  }

  .el-col-sm-13 {
    width: 54.16667%
  }

  .el-col-sm-offset-13 {
    margin-left: 54.16667%
  }

  .el-col-sm-pull-13 {
    position: relative;
    right: 54.16667%
  }

  .el-col-sm-push-13 {
    position: relative;
    left: 54.16667%
  }

  .el-col-sm-14 {
    width: 58.33333%
  }

  .el-col-sm-offset-14 {
    margin-left: 58.33333%
  }

  .el-col-sm-pull-14 {
    position: relative;
    right: 58.33333%
  }

  .el-col-sm-push-14 {
    position: relative;
    left: 58.33333%
  }

  .el-col-sm-15 {
    width: 62.5%
  }

  .el-col-sm-offset-15 {
    margin-left: 62.5%
  }

  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%
  }

  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%
  }

  .el-col-sm-16 {
    width: 66.66667%
  }

  .el-col-sm-offset-16 {
    margin-left: 66.66667%
  }

  .el-col-sm-pull-16 {
    position: relative;
    right: 66.66667%
  }

  .el-col-sm-push-16 {
    position: relative;
    left: 66.66667%
  }

  .el-col-sm-17 {
    width: 70.83333%
  }

  .el-col-sm-offset-17 {
    margin-left: 70.83333%
  }

  .el-col-sm-pull-17 {
    position: relative;
    right: 70.83333%
  }

  .el-col-sm-push-17 {
    position: relative;
    left: 70.83333%
  }

  .el-col-sm-18 {
    width: 75%
  }

  .el-col-sm-offset-18 {
    margin-left: 75%
  }

  .el-col-sm-pull-18 {
    position: relative;
    right: 75%
  }

  .el-col-sm-push-18 {
    position: relative;
    left: 75%
  }

  .el-col-sm-19 {
    width: 79.16667%
  }

  .el-col-sm-offset-19 {
    margin-left: 79.16667%
  }

  .el-col-sm-pull-19 {
    position: relative;
    right: 79.16667%
  }

  .el-col-sm-push-19 {
    position: relative;
    left: 79.16667%
  }

  .el-col-sm-20 {
    width: 83.33333%
  }

  .el-col-sm-offset-20 {
    margin-left: 83.33333%
  }

  .el-col-sm-pull-20 {
    position: relative;
    right: 83.33333%
  }

  .el-col-sm-push-20 {
    position: relative;
    left: 83.33333%
  }

  .el-col-sm-21 {
    width: 87.5%
  }

  .el-col-sm-offset-21 {
    margin-left: 87.5%
  }

  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%
  }

  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%
  }

  .el-col-sm-22 {
    width: 91.66667%
  }

  .el-col-sm-offset-22 {
    margin-left: 91.66667%
  }

  .el-col-sm-pull-22 {
    position: relative;
    right: 91.66667%
  }

  .el-col-sm-push-22 {
    position: relative;
    left: 91.66667%
  }

  .el-col-sm-23 {
    width: 95.83333%
  }

  .el-col-sm-offset-23 {
    margin-left: 95.83333%
  }

  .el-col-sm-pull-23 {
    position: relative;
    right: 95.83333%
  }

  .el-col-sm-push-23 {
    position: relative;
    left: 95.83333%
  }

  .el-col-sm-24 {
    width: 100%
  }

  .el-col-sm-offset-24 {
    margin-left: 100%
  }

  .el-col-sm-pull-24 {
    position: relative;
    right: 100%
  }

  .el-col-sm-push-24 {
    position: relative;
    left: 100%
  }
}

@media only screen and (min-width:992px) {
  .el-col-md-0 {
    display: none;
    width: 0
  }

  .el-col-md-offset-0 {
    margin-left: 0
  }

  .el-col-md-pull-0 {
    position: relative;
    right: 0
  }

  .el-col-md-push-0 {
    position: relative;
    left: 0
  }

  .el-col-md-1 {
    width: 4.16667%
  }

  .el-col-md-offset-1 {
    margin-left: 4.16667%
  }

  .el-col-md-pull-1 {
    position: relative;
    right: 4.16667%
  }

  .el-col-md-push-1 {
    position: relative;
    left: 4.16667%
  }

  .el-col-md-2 {
    width: 8.33333%
  }

  .el-col-md-offset-2 {
    margin-left: 8.33333%
  }

  .el-col-md-pull-2 {
    position: relative;
    right: 8.33333%
  }

  .el-col-md-push-2 {
    position: relative;
    left: 8.33333%
  }

  .el-col-md-3 {
    width: 12.5%
  }

  .el-col-md-offset-3 {
    margin-left: 12.5%
  }

  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%
  }

  .el-col-md-push-3 {
    position: relative;
    left: 12.5%
  }

  .el-col-md-4 {
    width: 16.66667%
  }

  .el-col-md-offset-4 {
    margin-left: 16.66667%
  }

  .el-col-md-pull-4 {
    position: relative;
    right: 16.66667%
  }

  .el-col-md-push-4 {
    position: relative;
    left: 16.66667%
  }

  .el-col-md-5 {
    width: 20.83333%
  }

  .el-col-md-offset-5 {
    margin-left: 20.83333%
  }

  .el-col-md-pull-5 {
    position: relative;
    right: 20.83333%
  }

  .el-col-md-push-5 {
    position: relative;
    left: 20.83333%
  }

  .el-col-md-6 {
    width: 25%
  }

  .el-col-md-offset-6 {
    margin-left: 25%
  }

  .el-col-md-pull-6 {
    position: relative;
    right: 25%
  }

  .el-col-md-push-6 {
    position: relative;
    left: 25%
  }

  .el-col-md-7 {
    width: 29.16667%
  }

  .el-col-md-offset-7 {
    margin-left: 29.16667%
  }

  .el-col-md-pull-7 {
    position: relative;
    right: 29.16667%
  }

  .el-col-md-push-7 {
    position: relative;
    left: 29.16667%
  }

  .el-col-md-8 {
    width: 33.33333%
  }

  .el-col-md-offset-8 {
    margin-left: 33.33333%
  }

  .el-col-md-pull-8 {
    position: relative;
    right: 33.33333%
  }

  .el-col-md-push-8 {
    position: relative;
    left: 33.33333%
  }

  .el-col-md-9 {
    width: 37.5%
  }

  .el-col-md-offset-9 {
    margin-left: 37.5%
  }

  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%
  }

  .el-col-md-push-9 {
    position: relative;
    left: 37.5%
  }

  .el-col-md-10 {
    width: 41.66667%
  }

  .el-col-md-offset-10 {
    margin-left: 41.66667%
  }

  .el-col-md-pull-10 {
    position: relative;
    right: 41.66667%
  }

  .el-col-md-push-10 {
    position: relative;
    left: 41.66667%
  }

  .el-col-md-11 {
    width: 45.83333%
  }

  .el-col-md-offset-11 {
    margin-left: 45.83333%
  }

  .el-col-md-pull-11 {
    position: relative;
    right: 45.83333%
  }

  .el-col-md-push-11 {
    position: relative;
    left: 45.83333%
  }

  .el-col-md-12 {
    width: 50%
  }

  .el-col-md-offset-12 {
    margin-left: 50%
  }

  .el-col-md-pull-12 {
    position: relative;
    right: 50%
  }

  .el-col-md-push-12 {
    position: relative;
    left: 50%
  }

  .el-col-md-13 {
    width: 54.16667%
  }

  .el-col-md-offset-13 {
    margin-left: 54.16667%
  }

  .el-col-md-pull-13 {
    position: relative;
    right: 54.16667%
  }

  .el-col-md-push-13 {
    position: relative;
    left: 54.16667%
  }

  .el-col-md-14 {
    width: 58.33333%
  }

  .el-col-md-offset-14 {
    margin-left: 58.33333%
  }

  .el-col-md-pull-14 {
    position: relative;
    right: 58.33333%
  }

  .el-col-md-push-14 {
    position: relative;
    left: 58.33333%
  }

  .el-col-md-15 {
    width: 62.5%
  }

  .el-col-md-offset-15 {
    margin-left: 62.5%
  }

  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%
  }

  .el-col-md-push-15 {
    position: relative;
    left: 62.5%
  }

  .el-col-md-16 {
    width: 66.66667%
  }

  .el-col-md-offset-16 {
    margin-left: 66.66667%
  }

  .el-col-md-pull-16 {
    position: relative;
    right: 66.66667%
  }

  .el-col-md-push-16 {
    position: relative;
    left: 66.66667%
  }

  .el-col-md-17 {
    width: 70.83333%
  }

  .el-col-md-offset-17 {
    margin-left: 70.83333%
  }

  .el-col-md-pull-17 {
    position: relative;
    right: 70.83333%
  }

  .el-col-md-push-17 {
    position: relative;
    left: 70.83333%
  }

  .el-col-md-18 {
    width: 75%
  }

  .el-col-md-offset-18 {
    margin-left: 75%
  }

  .el-col-md-pull-18 {
    position: relative;
    right: 75%
  }

  .el-col-md-push-18 {
    position: relative;
    left: 75%
  }

  .el-col-md-19 {
    width: 79.16667%
  }

  .el-col-md-offset-19 {
    margin-left: 79.16667%
  }

  .el-col-md-pull-19 {
    position: relative;
    right: 79.16667%
  }

  .el-col-md-push-19 {
    position: relative;
    left: 79.16667%
  }

  .el-col-md-20 {
    width: 83.33333%
  }

  .el-col-md-offset-20 {
    margin-left: 83.33333%
  }

  .el-col-md-pull-20 {
    position: relative;
    right: 83.33333%
  }

  .el-col-md-push-20 {
    position: relative;
    left: 83.33333%
  }

  .el-col-md-21 {
    width: 87.5%
  }

  .el-col-md-offset-21 {
    margin-left: 87.5%
  }

  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%
  }

  .el-col-md-push-21 {
    position: relative;
    left: 87.5%
  }

  .el-col-md-22 {
    width: 91.66667%
  }

  .el-col-md-offset-22 {
    margin-left: 91.66667%
  }

  .el-col-md-pull-22 {
    position: relative;
    right: 91.66667%
  }

  .el-col-md-push-22 {
    position: relative;
    left: 91.66667%
  }

  .el-col-md-23 {
    width: 95.83333%
  }

  .el-col-md-offset-23 {
    margin-left: 95.83333%
  }

  .el-col-md-pull-23 {
    position: relative;
    right: 95.83333%
  }

  .el-col-md-push-23 {
    position: relative;
    left: 95.83333%
  }

  .el-col-md-24 {
    width: 100%
  }

  .el-col-md-offset-24 {
    margin-left: 100%
  }

  .el-col-md-pull-24 {
    position: relative;
    right: 100%
  }

  .el-col-md-push-24 {
    position: relative;
    left: 100%
  }
}

@media only screen and (min-width:1200px) {
  .el-col-lg-0 {
    display: none;
    width: 0
  }

  .el-col-lg-offset-0 {
    margin-left: 0
  }

  .el-col-lg-pull-0 {
    position: relative;
    right: 0
  }

  .el-col-lg-push-0 {
    position: relative;
    left: 0
  }

  .el-col-lg-1 {
    width: 4.16667%
  }

  .el-col-lg-offset-1 {
    margin-left: 4.16667%
  }

  .el-col-lg-pull-1 {
    position: relative;
    right: 4.16667%
  }

  .el-col-lg-push-1 {
    position: relative;
    left: 4.16667%
  }

  .el-col-lg-2 {
    width: 8.33333%
  }

  .el-col-lg-offset-2 {
    margin-left: 8.33333%
  }

  .el-col-lg-pull-2 {
    position: relative;
    right: 8.33333%
  }

  .el-col-lg-push-2 {
    position: relative;
    left: 8.33333%
  }

  .el-col-lg-3 {
    width: 12.5%
  }

  .el-col-lg-offset-3 {
    margin-left: 12.5%
  }

  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%
  }

  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%
  }

  .el-col-lg-4 {
    width: 16.66667%
  }

  .el-col-lg-offset-4 {
    margin-left: 16.66667%
  }

  .el-col-lg-pull-4 {
    position: relative;
    right: 16.66667%
  }

  .el-col-lg-push-4 {
    position: relative;
    left: 16.66667%
  }

  .el-col-lg-5 {
    width: 20.83333%
  }

  .el-col-lg-offset-5 {
    margin-left: 20.83333%
  }

  .el-col-lg-pull-5 {
    position: relative;
    right: 20.83333%
  }

  .el-col-lg-push-5 {
    position: relative;
    left: 20.83333%
  }

  .el-col-lg-6 {
    width: 25%
  }

  .el-col-lg-offset-6 {
    margin-left: 25%
  }

  .el-col-lg-pull-6 {
    position: relative;
    right: 25%
  }

  .el-col-lg-push-6 {
    position: relative;
    left: 25%
  }

  .el-col-lg-7 {
    width: 29.16667%
  }

  .el-col-lg-offset-7 {
    margin-left: 29.16667%
  }

  .el-col-lg-pull-7 {
    position: relative;
    right: 29.16667%
  }

  .el-col-lg-push-7 {
    position: relative;
    left: 29.16667%
  }

  .el-col-lg-8 {
    width: 33.33333%
  }

  .el-col-lg-offset-8 {
    margin-left: 33.33333%
  }

  .el-col-lg-pull-8 {
    position: relative;
    right: 33.33333%
  }

  .el-col-lg-push-8 {
    position: relative;
    left: 33.33333%
  }

  .el-col-lg-9 {
    width: 37.5%
  }

  .el-col-lg-offset-9 {
    margin-left: 37.5%
  }

  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%
  }

  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%
  }

  .el-col-lg-10 {
    width: 41.66667%
  }

  .el-col-lg-offset-10 {
    margin-left: 41.66667%
  }

  .el-col-lg-pull-10 {
    position: relative;
    right: 41.66667%
  }

  .el-col-lg-push-10 {
    position: relative;
    left: 41.66667%
  }

  .el-col-lg-11 {
    width: 45.83333%
  }

  .el-col-lg-offset-11 {
    margin-left: 45.83333%
  }

  .el-col-lg-pull-11 {
    position: relative;
    right: 45.83333%
  }

  .el-col-lg-push-11 {
    position: relative;
    left: 45.83333%
  }

  .el-col-lg-12 {
    width: 50%
  }

  .el-col-lg-offset-12 {
    margin-left: 50%
  }

  .el-col-lg-pull-12 {
    position: relative;
    right: 50%
  }

  .el-col-lg-push-12 {
    position: relative;
    left: 50%
  }

  .el-col-lg-13 {
    width: 54.16667%
  }

  .el-col-lg-offset-13 {
    margin-left: 54.16667%
  }

  .el-col-lg-pull-13 {
    position: relative;
    right: 54.16667%
  }

  .el-col-lg-push-13 {
    position: relative;
    left: 54.16667%
  }

  .el-col-lg-14 {
    width: 58.33333%
  }

  .el-col-lg-offset-14 {
    margin-left: 58.33333%
  }

  .el-col-lg-pull-14 {
    position: relative;
    right: 58.33333%
  }

  .el-col-lg-push-14 {
    position: relative;
    left: 58.33333%
  }

  .el-col-lg-15 {
    width: 62.5%
  }

  .el-col-lg-offset-15 {
    margin-left: 62.5%
  }

  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%
  }

  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%
  }

  .el-col-lg-16 {
    width: 66.66667%
  }

  .el-col-lg-offset-16 {
    margin-left: 66.66667%
  }

  .el-col-lg-pull-16 {
    position: relative;
    right: 66.66667%
  }

  .el-col-lg-push-16 {
    position: relative;
    left: 66.66667%
  }

  .el-col-lg-17 {
    width: 70.83333%
  }

  .el-col-lg-offset-17 {
    margin-left: 70.83333%
  }

  .el-col-lg-pull-17 {
    position: relative;
    right: 70.83333%
  }

  .el-col-lg-push-17 {
    position: relative;
    left: 70.83333%
  }

  .el-col-lg-18 {
    width: 75%
  }

  .el-col-lg-offset-18 {
    margin-left: 75%
  }

  .el-col-lg-pull-18 {
    position: relative;
    right: 75%
  }

  .el-col-lg-push-18 {
    position: relative;
    left: 75%
  }

  .el-col-lg-19 {
    width: 79.16667%
  }

  .el-col-lg-offset-19 {
    margin-left: 79.16667%
  }

  .el-col-lg-pull-19 {
    position: relative;
    right: 79.16667%
  }

  .el-col-lg-push-19 {
    position: relative;
    left: 79.16667%
  }

  .el-col-lg-20 {
    width: 83.33333%
  }

  .el-col-lg-offset-20 {
    margin-left: 83.33333%
  }

  .el-col-lg-pull-20 {
    position: relative;
    right: 83.33333%
  }

  .el-col-lg-push-20 {
    position: relative;
    left: 83.33333%
  }

  .el-col-lg-21 {
    width: 87.5%
  }

  .el-col-lg-offset-21 {
    margin-left: 87.5%
  }

  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%
  }

  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%
  }

  .el-col-lg-22 {
    width: 91.66667%
  }

  .el-col-lg-offset-22 {
    margin-left: 91.66667%
  }

  .el-col-lg-pull-22 {
    position: relative;
    right: 91.66667%
  }

  .el-col-lg-push-22 {
    position: relative;
    left: 91.66667%
  }

  .el-col-lg-23 {
    width: 95.83333%
  }

  .el-col-lg-offset-23 {
    margin-left: 95.83333%
  }

  .el-col-lg-pull-23 {
    position: relative;
    right: 95.83333%
  }

  .el-col-lg-push-23 {
    position: relative;
    left: 95.83333%
  }

  .el-col-lg-24 {
    width: 100%
  }

  .el-col-lg-offset-24 {
    margin-left: 100%
  }

  .el-col-lg-pull-24 {
    position: relative;
    right: 100%
  }

  .el-col-lg-push-24 {
    position: relative;
    left: 100%
  }
}

@media only screen and (min-width:1920px) {
  .el-col-xl-0 {
    display: none;
    width: 0
  }

  .el-col-xl-offset-0 {
    margin-left: 0
  }

  .el-col-xl-pull-0 {
    position: relative;
    right: 0
  }

  .el-col-xl-push-0 {
    position: relative;
    left: 0
  }

  .el-col-xl-1 {
    width: 4.16667%
  }

  .el-col-xl-offset-1 {
    margin-left: 4.16667%
  }

  .el-col-xl-pull-1 {
    position: relative;
    right: 4.16667%
  }

  .el-col-xl-push-1 {
    position: relative;
    left: 4.16667%
  }

  .el-col-xl-2 {
    width: 8.33333%
  }

  .el-col-xl-offset-2 {
    margin-left: 8.33333%
  }

  .el-col-xl-pull-2 {
    position: relative;
    right: 8.33333%
  }

  .el-col-xl-push-2 {
    position: relative;
    left: 8.33333%
  }

  .el-col-xl-3 {
    width: 12.5%
  }

  .el-col-xl-offset-3 {
    margin-left: 12.5%
  }

  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%
  }

  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%
  }

  .el-col-xl-4 {
    width: 16.66667%
  }

  .el-col-xl-offset-4 {
    margin-left: 16.66667%
  }

  .el-col-xl-pull-4 {
    position: relative;
    right: 16.66667%
  }

  .el-col-xl-push-4 {
    position: relative;
    left: 16.66667%
  }

  .el-col-xl-5 {
    width: 20.83333%
  }

  .el-col-xl-offset-5 {
    margin-left: 20.83333%
  }

  .el-col-xl-pull-5 {
    position: relative;
    right: 20.83333%
  }

  .el-col-xl-push-5 {
    position: relative;
    left: 20.83333%
  }

  .el-col-xl-6 {
    width: 25%
  }

  .el-col-xl-offset-6 {
    margin-left: 25%
  }

  .el-col-xl-pull-6 {
    position: relative;
    right: 25%
  }

  .el-col-xl-push-6 {
    position: relative;
    left: 25%
  }

  .el-col-xl-7 {
    width: 29.16667%
  }

  .el-col-xl-offset-7 {
    margin-left: 29.16667%
  }

  .el-col-xl-pull-7 {
    position: relative;
    right: 29.16667%
  }

  .el-col-xl-push-7 {
    position: relative;
    left: 29.16667%
  }

  .el-col-xl-8 {
    width: 33.33333%
  }

  .el-col-xl-offset-8 {
    margin-left: 33.33333%
  }

  .el-col-xl-pull-8 {
    position: relative;
    right: 33.33333%
  }

  .el-col-xl-push-8 {
    position: relative;
    left: 33.33333%
  }

  .el-col-xl-9 {
    width: 37.5%
  }

  .el-col-xl-offset-9 {
    margin-left: 37.5%
  }

  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%
  }

  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%
  }

  .el-col-xl-10 {
    width: 41.66667%
  }

  .el-col-xl-offset-10 {
    margin-left: 41.66667%
  }

  .el-col-xl-pull-10 {
    position: relative;
    right: 41.66667%
  }

  .el-col-xl-push-10 {
    position: relative;
    left: 41.66667%
  }

  .el-col-xl-11 {
    width: 45.83333%
  }

  .el-col-xl-offset-11 {
    margin-left: 45.83333%
  }

  .el-col-xl-pull-11 {
    position: relative;
    right: 45.83333%
  }

  .el-col-xl-push-11 {
    position: relative;
    left: 45.83333%
  }

  .el-col-xl-12 {
    width: 50%
  }

  .el-col-xl-offset-12 {
    margin-left: 50%
  }

  .el-col-xl-pull-12 {
    position: relative;
    right: 50%
  }

  .el-col-xl-push-12 {
    position: relative;
    left: 50%
  }

  .el-col-xl-13 {
    width: 54.16667%
  }

  .el-col-xl-offset-13 {
    margin-left: 54.16667%
  }

  .el-col-xl-pull-13 {
    position: relative;
    right: 54.16667%
  }

  .el-col-xl-push-13 {
    position: relative;
    left: 54.16667%
  }

  .el-col-xl-14 {
    width: 58.33333%
  }

  .el-col-xl-offset-14 {
    margin-left: 58.33333%
  }

  .el-col-xl-pull-14 {
    position: relative;
    right: 58.33333%
  }

  .el-col-xl-push-14 {
    position: relative;
    left: 58.33333%
  }

  .el-col-xl-15 {
    width: 62.5%
  }

  .el-col-xl-offset-15 {
    margin-left: 62.5%
  }

  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%
  }

  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%
  }

  .el-col-xl-16 {
    width: 66.66667%
  }

  .el-col-xl-offset-16 {
    margin-left: 66.66667%
  }

  .el-col-xl-pull-16 {
    position: relative;
    right: 66.66667%
  }

  .el-col-xl-push-16 {
    position: relative;
    left: 66.66667%
  }

  .el-col-xl-17 {
    width: 70.83333%
  }

  .el-col-xl-offset-17 {
    margin-left: 70.83333%
  }

  .el-col-xl-pull-17 {
    position: relative;
    right: 70.83333%
  }

  .el-col-xl-push-17 {
    position: relative;
    left: 70.83333%
  }

  .el-col-xl-18 {
    width: 75%
  }

  .el-col-xl-offset-18 {
    margin-left: 75%
  }

  .el-col-xl-pull-18 {
    position: relative;
    right: 75%
  }

  .el-col-xl-push-18 {
    position: relative;
    left: 75%
  }

  .el-col-xl-19 {
    width: 79.16667%
  }

  .el-col-xl-offset-19 {
    margin-left: 79.16667%
  }

  .el-col-xl-pull-19 {
    position: relative;
    right: 79.16667%
  }

  .el-col-xl-push-19 {
    position: relative;
    left: 79.16667%
  }

  .el-col-xl-20 {
    width: 83.33333%
  }

  .el-col-xl-offset-20 {
    margin-left: 83.33333%
  }

  .el-col-xl-pull-20 {
    position: relative;
    right: 83.33333%
  }

  .el-col-xl-push-20 {
    position: relative;
    left: 83.33333%
  }

  .el-col-xl-21 {
    width: 87.5%
  }

  .el-col-xl-offset-21 {
    margin-left: 87.5%
  }

  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%
  }

  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%
  }

  .el-col-xl-22 {
    width: 91.66667%
  }

  .el-col-xl-offset-22 {
    margin-left: 91.66667%
  }

  .el-col-xl-pull-22 {
    position: relative;
    right: 91.66667%
  }

  .el-col-xl-push-22 {
    position: relative;
    left: 91.66667%
  }

  .el-col-xl-23 {
    width: 95.83333%
  }

  .el-col-xl-offset-23 {
    margin-left: 95.83333%
  }

  .el-col-xl-pull-23 {
    position: relative;
    right: 95.83333%
  }

  .el-col-xl-push-23 {
    position: relative;
    left: 95.83333%
  }

  .el-col-xl-24 {
    width: 100%
  }

  .el-col-xl-offset-24 {
    margin-left: 100%
  }

  .el-col-xl-pull-24 {
    position: relative;
    right: 100%
  }

  .el-col-xl-push-24 {
    position: relative;
    left: 100%
  }
}

.el-row {
  position: relative;
  box-sizing: border-box
}

.el-row::after, .el-row::before {
  display: table;
  content: ""
}

.el-row::after {
  clear: both
}

.el-row--flex {
  display: flex
}

.el-row--flex::after, .el-row--flex::before {
  display: none
}

.el-row--flex.is-justify-center {
  justify-content: center
}

.el-row--flex.is-justify-end {
  justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
  justify-content: space-between
}

.el-row--flex.is-justify-space-around {
  justify-content: space-around
}

.el-row--flex.is-align-middle {
  align-items: center
}

.el-row--flex.is-align-bottom {
  align-items: flex-end
}

.el-button-group>.el-button.is-active, .el-button-group>.el-button.is-disabled, .el-button-group>.el-button:active, .el-button-group>.el-button:focus, .el-button-group>.el-button:hover {
  z-index: 1
}

.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: .013333rem solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: .16rem .266667rem;
  font-size: .186667rem;
  border-radius: .053333rem
}

.el-button+.el-button {
  margin-left: .133333rem
}

.el-button:focus, .el-button:hover {
  color: #409eff;
  border-color: #c6e2ff;
  background-color: #ecf5ff
}

.el-button:active {
  color: #3a8ee6;
  border-color: #3a8ee6;
  outline: 0
}

.el-button::-moz-focus-inner {
  border: 0
}

.el-button [class*=el-icon-]+span {
  margin-left: .066667rem
}

.el-button.is-plain:focus, .el-button.is-plain:hover {
  background: #fff;
  border-color: #409eff;
  color: #409eff
}

.el-button.is-active, .el-button.is-plain:active {
  color: #3a8ee6;
  border-color: #3a8ee6
}

.el-button.is-plain:active {
  background: #fff;
  outline: 0
}

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5
}

.el-button.is-disabled.el-button--text {
  background-color: transparent
}

.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc
}

.el-button.is-loading {
  position: relative;
  pointer-events: none
}

.el-button.is-loading::before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -.013333rem;
  top: -.013333rem;
  right: -.013333rem;
  bottom: -.013333rem;
  border-radius: inherit;
  background-color: hsla(0, 0%, 100%, .35)
}

.el-button.is-round {
  border-radius: .266667rem;
  padding: .16rem .306667rem
}

.el-button.is-circle {
  border-radius: 50%;
  padding: .16rem
}

.el-button--primary {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff
}

.el-button--primary:focus, .el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff
}

.el-button--primary.is-active, .el-button--primary:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff
}

.el-button--primary:active {
  outline: 0
}

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
  color: #fff;
  background-color: #a0cfff;
  border-color: #a0cfff
}

.el-button--primary.is-plain {
  color: #409eff;
  background: #ecf5ff;
  border-color: #b3d8ff
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
  background: #409eff;
  border-color: #409eff;
  color: #fff
}

.el-button--primary.is-plain:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
  outline: 0
}

.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {
  color: #8cc5ff;
  background-color: #ecf5ff;
  border-color: #d9ecff
}

.el-button--success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a
}

.el-button--success:focus, .el-button--success:hover {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff
}

.el-button--success.is-active, .el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff
}

.el-button--success:active {
  outline: 0
}

.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d
}

.el-button--success.is-plain {
  color: #67c23a;
  background: #f0f9eb;
  border-color: #c2e7b0
}

.el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff
}

.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
  outline: 0
}

.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8
}

.el-button--warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c
}

.el-button--warning:focus, .el-button--warning:hover {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff
}

.el-button--warning.is-active, .el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff
}

.el-button--warning:active {
  outline: 0
}

.el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e
}

.el-button--warning.is-plain {
  color: #e6a23c;
  background: #fdf6ec;
  border-color: #f5dab1
}

.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff
}

.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
  outline: 0
}

.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8
}

.el-button--danger {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c
}

.el-button--danger:focus, .el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff
}

.el-button--danger.is-active, .el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff
}

.el-button--danger:active {
  outline: 0
}

.el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6
}

.el-button--danger.is-plain {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4
}

.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff
}

.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
  outline: 0
}

.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2
}

.el-button--info {
  color: #fff;
  background-color: #909399;
  border-color: #909399
}

.el-button--info:focus, .el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #fff
}

.el-button--info.is-active, .el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff
}

.el-button--info:active {
  outline: 0
}

.el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc
}

.el-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6
}

.el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #fff
}

.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
  outline: 0
}

.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb
}

.el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active {
  border-color: transparent
}

.el-button--medium {
  padding: .133333rem .266667rem;
  font-size: .186667rem;
  border-radius: .053333rem
}

.el-button--mini, .el-button--small {
  font-size: .16rem;
  border-radius: .04rem
}

.el-button--medium.is-round {
  padding: .133333rem .266667rem
}

.el-button--medium.is-circle {
  padding: .133333rem
}

.el-button--small, .el-button--small.is-round {
  padding: .12rem .2rem
}

.el-button--small.is-circle {
  padding: .12rem
}

.el-button--mini, .el-button--mini.is-round {
  padding: .093333rem .2rem
}

.el-button--mini.is-circle {
  padding: .093333rem
}

.el-button--text {
  color: #409eff;
  background: 0 0;
  padding-left: 0;
  padding-right: 0
}

.el-button--text:focus, .el-button--text:hover {
  color: #66b1ff;
  border-color: transparent;
  background-color: transparent
}

.el-button--text:active {
  color: #3a8ee6;
  background-color: transparent
}

.el-button-group {
  display: inline-block;
  vertical-align: middle
}

.el-button-group::after, .el-button-group::before {
  display: table;
  content: ""
}

.el-button-group::after {
  clear: both
}

.el-button-group>.el-button {
  float: left;
  position: relative
}

.el-button-group>.el-button+.el-button {
  margin-left: 0
}

.el-button-group>.el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.el-button-group>.el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
  border-radius: .053333rem
}

.el-button-group>.el-button:first-child:last-child.is-round {
  border-radius: .266667rem
}

.el-button-group>.el-button:first-child:last-child.is-circle {
  border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
  border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
  margin-right: -.013333rem
}

.el-button-group>.el-dropdown>.el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:first-child {
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
  border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, .5);
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
  border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, .5);
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
  border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, .5);
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
  border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, .5);
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
  border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: hsla(0, 0%, 100%, .5);
  border-right-color: hsla(0, 0%, 100%, .5)
}

.el-form--inline .el-form-item, .el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top
}

.el-form-item::after, .el-form-item__content::after {
  clear: both
}

.el-form--label-left .el-form-item__label {
  text-align: left
}

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 .133333rem
}

.el-form--inline .el-form-item {
  margin-right: .133333rem
}

.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block
}

.el-form--inline.el-form--label-top .el-form-item__content {
  display: block
}

.el-form-item {
  margin-bottom: .293333rem
}

.el-form-item::after, .el-form-item::before {
  display: table;
  content: ""
}

.el-form-item .el-form-item {
  margin-bottom: 0
}

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
  margin-bottom: .24rem
}

.el-form-item .el-input__validateIcon {
  display: none
}

.el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label {
  line-height: .48rem
}

.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
  line-height: .426667rem
}

.el-form-item--small .el-form-item__error {
  padding-top: .026667rem
}

.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
  line-height: .373333rem
}

.el-form-item--mini .el-form-item__error {
  padding-top: .013333rem
}

.el-form-item__label-wrap {
  float: left
}

.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none
}

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: .186667rem;
  color: #606266;
  line-height: .533333rem;
  padding: 0 .16rem 0 0;
  box-sizing: border-box
}

.el-form-item__content {
  line-height: .533333rem;
  position: relative;
  font-size: .186667rem
}

.el-form-item__content::after, .el-form-item__content::before {
  display: table;
  content: ""
}

.el-form-item__content .el-input-group {
  vertical-align: top
}

.el-form-item__error {
  color: #f56c6c;
  font-size: .16rem;
  line-height: 1;
  padding-top: .053333rem;
  position: absolute;
  top: 100%;
  left: 0
}

.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: .133333rem
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label::before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label::before {
  content: "*";
  color: #f56c6c;
  margin-right: .053333rem
}

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus {
  border-color: #f56c6c
}

.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
  color: #f56c6c
}

.el-form-item--feedback .el-input__validateIcon {
  display: inline-block
}

.el-backtop {
  position: fixed;
  background-color: #fff;
  width: .533333rem;
  height: .533333rem;
  border-radius: 50%;
  color: #409eff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .266667rem;
  box-shadow: 0 0 .08rem rgba(0, 0, 0, .12);
  cursor: pointer;
  z-index: 5
}

.el-backtop:hover {
  background-color: #f2f6fc
}

.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 .2rem
}

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: .026667rem;
  background-color: #409eff;
  z-index: 1;
  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
  list-style: none
}

.el-tabs__new-tab {
  float: right;
  border: .013333rem solid #d3dce6;
  height: .24rem;
  width: .24rem;
  line-height: .24rem;
  margin: .16rem 0 .12rem .133333rem;
  border-radius: .04rem;
  text-align: center;
  font-size: .16rem;
  color: #d3dce6;
  cursor: pointer;
  transition: all .15s
}

.el-tabs__new-tab .el-icon-plus {
  transform: scale(.8)
}

.el-tabs__new-tab:hover {
  color: #409eff
}

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -.013333rem;
  position: relative
}

.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .026667rem;
  background-color: #e4e7ed;
  z-index: 1
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after, .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after {
  content: none
}

.el-tabs__nav-wrap.is-scrollable {
  padding: 0 .266667rem;
  box-sizing: border-box
}

.el-tabs__nav-scroll {
  overflow: hidden
}

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: .586667rem;
  font-size: .16rem;
  color: #909399
}

.el-tabs__nav-next {
  right: 0
}

.el-tabs__nav-prev {
  left: 0
}

.el-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform .3s;
  float: left;
  z-index: 2
}

.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex
}

.el-tabs__nav.is-stretch>* {
  flex: 1;
  text-align: center
}

.el-tabs__item {
  padding: 0 .266667rem;
  height: .533333rem;
  box-sizing: border-box;
  line-height: .533333rem;
  display: inline-block;
  list-style: none;
  font-size: .186667rem;
  font-weight: 500;
  color: #303133;
  position: relative
}

.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: 0
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: inset 0 0 .026667rem .026667rem #409eff;
  border-radius: .04rem
}

.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  margin-left: .066667rem
}

.el-tabs__item .el-icon-close::before {
  transform: scale(.9);
  display: inline-block
}

.el-tabs__item .el-icon-close:hover {
  background-color: #c0c4cc;
  color: #fff
}

.el-tabs__item.is-active {
  color: #409eff
}

.el-tabs__item:hover {
  color: #409eff;
  cursor: pointer
}

.el-tabs__item.is-disabled {
  color: #c0c4cc;
  cursor: default
}

.el-tabs__content {
  overflow: hidden;
  position: relative
}

.el-tabs--card>.el-tabs__header {
  border-bottom: .013333rem solid #e4e7ed
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: .013333rem solid #e4e7ed;
  border-bottom: none;
  border-radius: .053333rem .053333rem 0 0;
  box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
  display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
  position: relative;
  font-size: .16rem;
  width: 0;
  height: .186667rem;
  vertical-align: middle;
  line-height: .2rem;
  overflow: hidden;
  top: -.013333rem;
  right: -.026667rem;
  transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, .el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
  width: .186667rem
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
  border-bottom: .013333rem solid transparent;
  border-left: .013333rem solid #e4e7ed;
  transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
  border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: .173333rem;
  padding-right: .173333rem
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #fff
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: .266667rem;
  padding-right: .266667rem
}

.el-tabs--border-card {
  background: #fff;
  border: .013333rem solid #dcdfe6;
  box-shadow: 0 .026667rem .053333rem 0 rgba(0, 0, 0, .12), 0 0 .08rem 0 rgba(0, 0, 0, .04)
}

.el-tabs--border-card>.el-tabs__content {
  padding: .2rem
}

.el-tabs--border-card>.el-tabs__header {
  background-color: #f5f7fa;
  border-bottom: .013333rem solid #e4e7ed;
  margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  border: .013333rem solid transparent;
  margin-top: -.013333rem;
  color: #909399
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item, .el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
  margin-left: -.013333rem
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #409eff;
  background-color: #fff;
  border-right-color: #dcdfe6;
  border-left-color: #dcdfe6
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #409eff
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
  color: #c0c4cc
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
  padding-right: 0
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: .266667rem
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child {
  padding-right: .266667rem
}

.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: .133333rem
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: .013333rem solid #dcdfe6
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -.013333rem;
  margin-bottom: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: .013333rem solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -.013333rem -.013333rem
}

.el-tabs--left, .el-tabs--right {
  overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
  height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: .026667rem;
  height: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
  height: .4rem;
  line-height: .4rem;
  width: 100%;
  text-align: center;
  cursor: pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
  transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
  left: auto;
  top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
  right: auto;
  bottom: 0
}

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left::after {
  right: 0;
  left: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: .4rem 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left::after, .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, .el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: .026667rem;
  bottom: auto;
  top: 0
}

.el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
  float: none
}

.el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right {
  display: block
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none
}

.el-tabs--left .el-tabs__header.is-left {
  float: left;
  margin-bottom: 0;
  margin-right: .133333rem
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -.013333rem
}

.el-tabs--left .el-tabs__item.is-left {
  text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border: .013333rem solid #e4e7ed;
  border-bottom: none;
  border-left: none;
  text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: .013333rem solid #e4e7ed;
  border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: none;
  border-top: .013333rem solid #e4e7ed;
  border-right: .013333rem solid #fff
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: .053333rem 0 0 .053333rem;
  border-bottom: .013333rem solid #e4e7ed;
  border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: .013333rem solid #dfe4ed
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: .013333rem solid transparent;
  margin: -.013333rem 0 -.013333rem -.013333rem
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: #d1dbe5 transparent
}

.el-tabs--right .el-tabs__header.is-right {
  float: right;
  margin-bottom: 0;
  margin-left: .133333rem
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -.013333rem
}

.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: .013333rem solid #e4e7ed
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: .013333rem solid #e4e7ed;
  border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: none;
  border-top: .013333rem solid #e4e7ed;
  border-left: .013333rem solid #fff
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 .053333rem .053333rem 0;
  border-bottom: .013333rem solid #e4e7ed;
  border-left: none
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: .013333rem solid #dfe4ed
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: .013333rem solid transparent;
  margin: -.013333rem -.013333rem -.013333rem 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: #d1dbe5 transparent
}

.slideInLeft-transition, .slideInRight-transition {
  display: inline-block
}

.slideInRight-enter {
  -webkit-animation: slideInRight-enter .3s;
          animation: slideInRight-enter .3s
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-animation: slideInRight-leave .3s;
          animation: slideInRight-leave .3s
}

.slideInLeft-enter {
  -webkit-animation: slideInLeft-enter .3s;
          animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  -webkit-animation: slideInLeft-leave .3s;
          animation: slideInLeft-leave .3s
}

@-webkit-keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%)
  }

  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0)
  }
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%)
  }

  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0)
  }
}

@-webkit-keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1
  }

  to {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0
  }
}

@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1
  }

  to {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0
  }
}

@-webkit-keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%)
  }

  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0)
  }
}

@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%)
  }

  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0)
  }
}

@-webkit-keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1
  }

  to {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0
  }
}

@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1
  }

  to {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0
  }
}

.el-autocomplete {
  position: relative;
  display: inline-block
}

.el-autocomplete-suggestion {
  margin: .066667rem 0;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  border-radius: .053333rem;
  border: .013333rem solid #e4e7ed;
  box-sizing: border-box;
  background-color: #fff
}

.el-autocomplete-suggestion__wrap {
  max-height: 3.733333rem;
  padding: .133333rem 0;
  box-sizing: border-box
}

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0
}

.el-autocomplete-suggestion li {
  padding: 0 .266667rem;
  margin: 0;
  line-height: .453333rem;
  cursor: pointer;
  color: #606266;
  font-size: .186667rem;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover {
  background-color: #f5f7fa
}

.el-autocomplete-suggestion li.divider {
  margin-top: .08rem;
  border-top: .013333rem solid #000
}

.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -.08rem
}

.el-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 1.333333rem;
  line-height: 1.333333rem;
  font-size: .266667rem;
  color: #999
}

.el-autocomplete-suggestion.is-loading li::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
  background-color: #fff
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle
}

.el-checkbox, .el-checkbox__input {
  display: inline-block;
  position: relative
}

.el-checkbox-button__inner, .el-checkbox__input {
  white-space: nowrap;
  vertical-align: middle;
  outline: 0
}

.el-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: .186667rem;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: .4rem
}

.el-checkbox.is-bordered {
  padding: .12rem .266667rem .12rem .133333rem;
  border-radius: .053333rem;
  border: .013333rem solid #dcdfe6;
  box-sizing: border-box;
  line-height: normal;
  height: .533333rem
}

.el-checkbox.is-bordered.is-checked {
  border-color: #409eff
}

.el-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
  margin-left: .133333rem
}

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: .093333rem .266667rem .093333rem .133333rem;
  border-radius: .053333rem;
  height: .48rem
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: .226667rem;
  font-size: .186667rem
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: .186667rem;
  width: .186667rem
}

.el-checkbox.is-bordered.el-checkbox--small {
  padding: .066667rem .2rem .066667rem .133333rem;
  border-radius: .04rem;
  height: .426667rem
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: .2rem;
  font-size: .16rem
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: .16rem;
  width: .16rem
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: .08rem;
  width: .026667rem
}

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: .04rem .2rem .04rem .133333rem;
  border-radius: .04rem;
  height: .373333rem
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: .16rem;
  font-size: .16rem
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: .16rem;
  width: .16rem
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: .08rem;
  width: .026667rem
}

.el-checkbox__input {
  cursor: pointer;
  line-height: 1
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
  cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #409eff;
  border-color: #409eff
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #409eff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #409eff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  height: .026667rem;
  transform: scale(.5);
  left: 0;
  right: 0;
  top: .066667rem
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none
}

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: .013333rem solid #dcdfe6;
  border-radius: .026667rem;
  box-sizing: border-box;
  width: .186667rem;
  height: .186667rem;
  background-color: #fff;
  z-index: 1;
  transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
  border-color: #409eff
}

.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: .013333rem solid #fff;
  border-left: 0;
  border-top: 0;
  height: .093333rem;
  left: .053333rem;
  position: absolute;
  top: .013333rem;
  transform: rotate(45deg) scaleY(0);
  width: .04rem;
  transition: transform .15s ease-in .05s;
  transform-origin: center
}

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1
}

.el-checkbox-button, .el-checkbox-button__inner {
  display: inline-block;
  position: relative
}

.el-checkbox__label {
  display: inline-block;
  padding-left: .133333rem;
  line-height: .253333rem;
  font-size: .186667rem
}

.el-checkbox:last-of-type {
  margin-right: 0
}

.el-checkbox-button__inner {
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  background: #fff;
  border: .013333rem solid #dcdfe6;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: .16rem .266667rem;
  font-size: .186667rem;
  border-radius: 0
}

.el-checkbox-button__inner.is-round {
  padding: .16rem .266667rem
}

.el-checkbox-button__inner:hover {
  color: #409eff
}

.el-checkbox-button__inner [class*=el-icon-] {
  line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
  margin-left: .066667rem
}

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  box-shadow: -.013333rem 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #409eff
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #fff;
  border-color: #ebeef5;
  box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: .013333rem solid #dcdfe6;
  border-radius: .053333rem 0 0 .053333rem;
  box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #409eff
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 .053333rem .053333rem 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: .133333rem .266667rem;
  font-size: .186667rem;
  border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: .133333rem .266667rem
}

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: .12rem .2rem;
  font-size: .16rem;
  border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: .12rem .2rem
}

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: .093333rem .2rem;
  font-size: .16rem;
  border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: .093333rem .2rem
}

.el-checkbox-group {
  font-size: 0
}

@font-face {
  font-family: element-icons;
  src: url(fonts/535877f.woff) format("woff"), url(fonts/732389d.ttf) format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal
}

[class*=" el-icon-"], [class^=el-icon-] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.el-icon-ice-cream-round::before {
  content: "\e6a0"
}

.el-icon-ice-cream-square::before {
  content: "\e6a3"
}

.el-icon-lollipop::before {
  content: "\e6a4"
}

.el-icon-potato-strips::before {
  content: "\e6a5"
}

.el-icon-milk-tea::before {
  content: "\e6a6"
}

.el-icon-ice-drink::before {
  content: "\e6a7"
}

.el-icon-ice-tea::before {
  content: "\e6a9"
}

.el-icon-coffee::before {
  content: "\e6aa"
}

.el-icon-orange::before {
  content: "\e6ab"
}

.el-icon-pear::before {
  content: "\e6ac"
}

.el-icon-apple::before {
  content: "\e6ad"
}

.el-icon-cherry::before {
  content: "\e6ae"
}

.el-icon-watermelon::before {
  content: "\e6af"
}

.el-icon-grape::before {
  content: "\e6b0"
}

.el-icon-refrigerator::before {
  content: "\e6b1"
}

.el-icon-goblet-square-full::before {
  content: "\e6b2"
}

.el-icon-goblet-square::before {
  content: "\e6b3"
}

.el-icon-goblet-full::before {
  content: "\e6b4"
}

.el-icon-goblet::before {
  content: "\e6b5"
}

.el-icon-cold-drink::before {
  content: "\e6b6"
}

.el-icon-coffee-cup::before {
  content: "\e6b8"
}

.el-icon-water-cup::before {
  content: "\e6b9"
}

.el-icon-hot-water::before {
  content: "\e6ba"
}

.el-icon-ice-cream::before {
  content: "\e6bb"
}

.el-icon-dessert::before {
  content: "\e6bc"
}

.el-icon-sugar::before {
  content: "\e6bd"
}

.el-icon-tableware::before {
  content: "\e6be"
}

.el-icon-burger::before {
  content: "\e6bf"
}

.el-icon-knife-fork::before {
  content: "\e6c1"
}

.el-icon-fork-spoon::before {
  content: "\e6c2"
}

.el-icon-chicken::before {
  content: "\e6c3"
}

.el-icon-food::before {
  content: "\e6c4"
}

.el-icon-dish-1::before {
  content: "\e6c5"
}

.el-icon-dish::before {
  content: "\e6c6"
}

.el-icon-moon-night::before {
  content: "\e6ee"
}

.el-icon-moon::before {
  content: "\e6f0"
}

.el-icon-cloudy-and-sunny::before {
  content: "\e6f1"
}

.el-icon-partly-cloudy::before {
  content: "\e6f2"
}

.el-icon-cloudy::before {
  content: "\e6f3"
}

.el-icon-sunny::before {
  content: "\e6f6"
}

.el-icon-sunset::before {
  content: "\e6f7"
}

.el-icon-sunrise-1::before {
  content: "\e6f8"
}

.el-icon-sunrise::before {
  content: "\e6f9"
}

.el-icon-heavy-rain::before {
  content: "\e6fa"
}

.el-icon-lightning::before {
  content: "\e6fb"
}

.el-icon-light-rain::before {
  content: "\e6fc"
}

.el-icon-wind-power::before {
  content: "\e6fd"
}

.el-icon-baseball::before {
  content: "\e712"
}

.el-icon-soccer::before {
  content: "\e713"
}

.el-icon-football::before {
  content: "\e715"
}

.el-icon-basketball::before {
  content: "\e716"
}

.el-icon-ship::before {
  content: "\e73f"
}

.el-icon-truck::before {
  content: "\e740"
}

.el-icon-bicycle::before {
  content: "\e741"
}

.el-icon-mobile-phone::before {
  content: "\e6d3"
}

.el-icon-service::before {
  content: "\e6d4"
}

.el-icon-key::before {
  content: "\e6e2"
}

.el-icon-unlock::before {
  content: "\e6e4"
}

.el-icon-lock::before {
  content: "\e6e5"
}

.el-icon-watch::before {
  content: "\e6fe"
}

.el-icon-watch-1::before {
  content: "\e6ff"
}

.el-icon-timer::before {
  content: "\e702"
}

.el-icon-alarm-clock::before {
  content: "\e703"
}

.el-icon-map-location::before {
  content: "\e704"
}

.el-icon-delete-location::before {
  content: "\e705"
}

.el-icon-add-location::before {
  content: "\e706"
}

.el-icon-location-information::before {
  content: "\e707"
}

.el-icon-location-outline::before {
  content: "\e708"
}

.el-icon-location::before {
  content: "\e79e"
}

.el-icon-place::before {
  content: "\e709"
}

.el-icon-discover::before {
  content: "\e70a"
}

.el-icon-first-aid-kit::before {
  content: "\e70b"
}

.el-icon-trophy-1::before {
  content: "\e70c"
}

.el-icon-trophy::before {
  content: "\e70d"
}

.el-icon-medal::before {
  content: "\e70e"
}

.el-icon-medal-1::before {
  content: "\e70f"
}

.el-icon-stopwatch::before {
  content: "\e710"
}

.el-icon-mic::before {
  content: "\e711"
}

.el-icon-copy-document::before {
  content: "\e718"
}

.el-icon-full-screen::before {
  content: "\e719"
}

.el-icon-switch-button::before {
  content: "\e71b"
}

.el-icon-aim::before {
  content: "\e71c"
}

.el-icon-crop::before {
  content: "\e71d"
}

.el-icon-odometer::before {
  content: "\e71e"
}

.el-icon-time::before {
  content: "\e71f"
}

.el-icon-bangzhu::before {
  content: "\e724"
}

.el-icon-close-notification::before {
  content: "\e726"
}

.el-icon-microphone::before {
  content: "\e727"
}

.el-icon-turn-off-microphone::before {
  content: "\e728"
}

.el-icon-position::before {
  content: "\e729"
}

.el-icon-postcard::before {
  content: "\e72a"
}

.el-icon-message::before {
  content: "\e72b"
}

.el-icon-chat-line-square::before {
  content: "\e72d"
}

.el-icon-chat-dot-square::before {
  content: "\e72e"
}

.el-icon-chat-dot-round::before {
  content: "\e72f"
}

.el-icon-chat-square::before {
  content: "\e730"
}

.el-icon-chat-line-round::before {
  content: "\e731"
}

.el-icon-chat-round::before {
  content: "\e732"
}

.el-icon-set-up::before {
  content: "\e733"
}

.el-icon-turn-off::before {
  content: "\e734"
}

.el-icon-open::before {
  content: "\e735"
}

.el-icon-connection::before {
  content: "\e736"
}

.el-icon-link::before {
  content: "\e737"
}

.el-icon-cpu::before {
  content: "\e738"
}

.el-icon-thumb::before {
  content: "\e739"
}

.el-icon-female::before {
  content: "\e73a"
}

.el-icon-male::before {
  content: "\e73b"
}

.el-icon-guide::before {
  content: "\e73c"
}

.el-icon-news::before {
  content: "\e73e"
}

.el-icon-price-tag::before {
  content: "\e744"
}

.el-icon-discount::before {
  content: "\e745"
}

.el-icon-wallet::before {
  content: "\e747"
}

.el-icon-coin::before {
  content: "\e748"
}

.el-icon-money::before {
  content: "\e749"
}

.el-icon-bank-card::before {
  content: "\e74a"
}

.el-icon-box::before {
  content: "\e74b"
}

.el-icon-present::before {
  content: "\e74c"
}

.el-icon-sell::before {
  content: "\e6d5"
}

.el-icon-sold-out::before {
  content: "\e6d6"
}

.el-icon-shopping-bag-2::before {
  content: "\e74d"
}

.el-icon-shopping-bag-1::before {
  content: "\e74e"
}

.el-icon-shopping-cart-2::before {
  content: "\e74f"
}

.el-icon-shopping-cart-1::before {
  content: "\e750"
}

.el-icon-shopping-cart-full::before {
  content: "\e751"
}

.el-icon-smoking::before {
  content: "\e752"
}

.el-icon-no-smoking::before {
  content: "\e753"
}

.el-icon-house::before {
  content: "\e754"
}

.el-icon-table-lamp::before {
  content: "\e755"
}

.el-icon-school::before {
  content: "\e756"
}

.el-icon-office-building::before {
  content: "\e757"
}

.el-icon-toilet-paper::before {
  content: "\e758"
}

.el-icon-notebook-2::before {
  content: "\e759"
}

.el-icon-notebook-1::before {
  content: "\e75a"
}

.el-icon-files::before {
  content: "\e75b"
}

.el-icon-collection::before {
  content: "\e75c"
}

.el-icon-receiving::before {
  content: "\e75d"
}

.el-icon-suitcase-1::before {
  content: "\e760"
}

.el-icon-suitcase::before {
  content: "\e761"
}

.el-icon-film::before {
  content: "\e763"
}

.el-icon-collection-tag::before {
  content: "\e765"
}

.el-icon-data-analysis::before {
  content: "\e766"
}

.el-icon-pie-chart::before {
  content: "\e767"
}

.el-icon-data-board::before {
  content: "\e768"
}

.el-icon-data-line::before {
  content: "\e76d"
}

.el-icon-reading::before {
  content: "\e769"
}

.el-icon-magic-stick::before {
  content: "\e76a"
}

.el-icon-coordinate::before {
  content: "\e76b"
}

.el-icon-mouse::before {
  content: "\e76c"
}

.el-icon-brush::before {
  content: "\e76e"
}

.el-icon-headset::before {
  content: "\e76f"
}

.el-icon-umbrella::before {
  content: "\e770"
}

.el-icon-scissors::before {
  content: "\e771"
}

.el-icon-mobile::before {
  content: "\e773"
}

.el-icon-attract::before {
  content: "\e774"
}

.el-icon-monitor::before {
  content: "\e775"
}

.el-icon-search::before {
  content: "\e778"
}

.el-icon-takeaway-box::before {
  content: "\e77a"
}

.el-icon-paperclip::before {
  content: "\e77d"
}

.el-icon-printer::before {
  content: "\e77e"
}

.el-icon-document-add::before {
  content: "\e782"
}

.el-icon-document::before {
  content: "\e785"
}

.el-icon-document-checked::before {
  content: "\e786"
}

.el-icon-document-copy::before {
  content: "\e787"
}

.el-icon-document-delete::before {
  content: "\e788"
}

.el-icon-document-remove::before {
  content: "\e789"
}

.el-icon-tickets::before {
  content: "\e78b"
}

.el-icon-folder-checked::before {
  content: "\e77f"
}

.el-icon-folder-delete::before {
  content: "\e780"
}

.el-icon-folder-remove::before {
  content: "\e781"
}

.el-icon-folder-add::before {
  content: "\e783"
}

.el-icon-folder-opened::before {
  content: "\e784"
}

.el-icon-folder::before {
  content: "\e78a"
}

.el-icon-edit-outline::before {
  content: "\e764"
}

.el-icon-edit::before {
  content: "\e78c"
}

.el-icon-date::before {
  content: "\e78e"
}

.el-icon-c-scale-to-original::before {
  content: "\e7c6"
}

.el-icon-view::before {
  content: "\e6ce"
}

.el-icon-loading::before {
  content: "\e6cf"
}

.el-icon-rank::before {
  content: "\e6d1"
}

.el-icon-sort-down::before {
  content: "\e7c4"
}

.el-icon-sort-up::before {
  content: "\e7c5"
}

.el-icon-sort::before {
  content: "\e6d2"
}

.el-icon-finished::before {
  content: "\e6cd"
}

.el-icon-refresh-left::before {
  content: "\e6c7"
}

.el-icon-refresh-right::before {
  content: "\e6c8"
}

.el-icon-refresh::before {
  content: "\e6d0"
}

.el-icon-video-play::before {
  content: "\e7c0"
}

.el-icon-video-pause::before {
  content: "\e7c1"
}

.el-icon-d-arrow-right::before {
  content: "\e6dc"
}

.el-icon-d-arrow-left::before {
  content: "\e6dd"
}

.el-icon-arrow-up::before {
  content: "\e6e1"
}

.el-icon-arrow-down::before {
  content: "\e6df"
}

.el-icon-arrow-right::before {
  content: "\e6e0"
}

.el-icon-arrow-left::before {
  content: "\e6de"
}

.el-icon-top-right::before {
  content: "\e6e7"
}

.el-icon-top-left::before {
  content: "\e6e8"
}

.el-icon-top::before {
  content: "\e6e6"
}

.el-icon-bottom::before {
  content: "\e6eb"
}

.el-icon-right::before {
  content: "\e6e9"
}

.el-icon-back::before {
  content: "\e6ea"
}

.el-icon-bottom-right::before {
  content: "\e6ec"
}

.el-icon-bottom-left::before {
  content: "\e6ed"
}

.el-icon-caret-top::before {
  content: "\e78f"
}

.el-icon-caret-bottom::before {
  content: "\e790"
}

.el-icon-caret-right::before {
  content: "\e791"
}

.el-icon-caret-left::before {
  content: "\e792"
}

.el-icon-d-caret::before {
  content: "\e79a"
}

.el-icon-share::before {
  content: "\e793"
}

.el-icon-menu::before {
  content: "\e798"
}

.el-icon-s-grid::before {
  content: "\e7a6"
}

.el-icon-s-check::before {
  content: "\e7a7"
}

.el-icon-s-data::before {
  content: "\e7a8"
}

.el-icon-s-opportunity::before {
  content: "\e7aa"
}

.el-icon-s-custom::before {
  content: "\e7ab"
}

.el-icon-s-claim::before {
  content: "\e7ad"
}

.el-icon-s-finance::before {
  content: "\e7ae"
}

.el-icon-s-comment::before {
  content: "\e7af"
}

.el-icon-s-flag::before {
  content: "\e7b0"
}

.el-icon-s-marketing::before {
  content: "\e7b1"
}

.el-icon-s-shop::before {
  content: "\e7b4"
}

.el-icon-s-open::before {
  content: "\e7b5"
}

.el-icon-s-management::before {
  content: "\e7b6"
}

.el-icon-s-ticket::before {
  content: "\e7b7"
}

.el-icon-s-release::before {
  content: "\e7b8"
}

.el-icon-s-home::before {
  content: "\e7b9"
}

.el-icon-s-promotion::before {
  content: "\e7ba"
}

.el-icon-s-operation::before {
  content: "\e7bb"
}

.el-icon-s-unfold::before {
  content: "\e7bc"
}

.el-icon-s-fold::before {
  content: "\e7a9"
}

.el-icon-s-platform::before {
  content: "\e7bd"
}

.el-icon-s-order::before {
  content: "\e7be"
}

.el-icon-s-cooperation::before {
  content: "\e7bf"
}

.el-icon-bell::before {
  content: "\e725"
}

.el-icon-message-solid::before {
  content: "\e799"
}

.el-icon-video-camera::before {
  content: "\e772"
}

.el-icon-video-camera-solid::before {
  content: "\e796"
}

.el-icon-camera::before {
  content: "\e779"
}

.el-icon-camera-solid::before {
  content: "\e79b"
}

.el-icon-download::before {
  content: "\e77c"
}

.el-icon-upload2::before {
  content: "\e77b"
}

.el-icon-upload::before {
  content: "\e7c3"
}

.el-icon-picture-outline-round::before {
  content: "\e75f"
}

.el-icon-picture-outline::before {
  content: "\e75e"
}

.el-icon-picture::before {
  content: "\e79f"
}

.el-icon-close::before {
  content: "\e6db"
}

.el-icon-check::before {
  content: "\e6da"
}

.el-icon-plus::before {
  content: "\e6d9"
}

.el-icon-minus::before {
  content: "\e6d8"
}

.el-icon-help::before {
  content: "\e73d"
}

.el-icon-s-help::before {
  content: "\e7b3"
}

.el-icon-circle-close::before {
  content: "\e78d"
}

.el-icon-circle-check::before {
  content: "\e720"
}

.el-icon-circle-plus-outline::before {
  content: "\e723"
}

.el-icon-remove-outline::before {
  content: "\e722"
}

.el-icon-zoom-out::before {
  content: "\e776"
}

.el-icon-zoom-in::before {
  content: "\e777"
}

.el-icon-error::before {
  content: "\e79d"
}

.el-icon-success::before {
  content: "\e79c"
}

.el-icon-circle-plus::before {
  content: "\e7a0"
}

.el-icon-remove::before {
  content: "\e7a2"
}

.el-icon-info::before {
  content: "\e7a1"
}

.el-icon-question::before {
  content: "\e7a4"
}

.el-icon-warning-outline::before {
  content: "\e6c9"
}

.el-icon-warning::before {
  content: "\e7a3"
}

.el-icon-goods::before {
  content: "\e7c2"
}

.el-icon-s-goods::before {
  content: "\e7b2"
}

.el-icon-star-off::before {
  content: "\e717"
}

.el-icon-star-on::before {
  content: "\e797"
}

.el-icon-more-outline::before {
  content: "\e6cc"
}

.el-icon-more::before {
  content: "\e794"
}

.el-icon-phone-outline::before {
  content: "\e6cb"
}

.el-icon-phone::before {
  content: "\e795"
}

.el-icon-user::before {
  content: "\e6e3"
}

.el-icon-user-solid::before {
  content: "\e7a5"
}

.el-icon-setting::before {
  content: "\e6ca"
}

.el-icon-s-tools::before {
  content: "\e7ac"
}

.el-icon-delete::before {
  content: "\e6d7"
}

.el-icon-delete-solid::before {
  content: "\e7c9"
}

.el-icon-eleme::before {
  content: "\e7c7"
}

.el-icon-platform-eleme::before {
  content: "\e7ca"
}

.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite
}

.el-icon--right {
  margin-left: .066667rem
}

.el-icon--left {
  margin-right: .066667rem
}

@-webkit-keyframes rotating {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes rotating {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.el-select-dropdown__item {
  white-space: nowrap
}

.el-popper .popper__arrow, .el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.el-popper .popper__arrow {
  border-width: .08rem;
  -webkit-filter: drop-shadow(0 .026667rem .16rem rgba(0, 0, 0, .03));
          filter: drop-shadow(0 .026667rem .16rem rgba(0, 0, 0, .03))
}

.el-popper .popper__arrow::after {
  content: " ";
  border-width: .08rem
}

.el-popper[x-placement^=top] {
  margin-bottom: .16rem
}

.el-popper[x-placement^=top] .popper__arrow {
  bottom: -.08rem;
  left: 50%;
  margin-right: .04rem;
  border-top-color: #ebeef5;
  border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: .013333rem;
  margin-left: -.08rem;
  border-top-color: #fff;
  border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
  margin-top: .16rem
}

.el-popper[x-placement^=bottom] .popper__arrow {
  top: -.08rem;
  left: 50%;
  margin-right: .04rem;
  border-top-width: 0;
  border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: .013333rem;
  margin-left: -.08rem;
  border-top-width: 0;
  border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
  margin-left: .16rem
}

.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -.08rem;
  margin-bottom: .04rem;
  border-right-color: #ebeef5;
  border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -.08rem;
  left: .013333rem;
  border-right-color: #fff;
  border-left-width: 0
}

.el-popper[x-placement^=left] {
  margin-right: .16rem
}

.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -.08rem;
  margin-bottom: .04rem;
  border-right-width: 0;
  border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow::after {
  right: .013333rem;
  bottom: -.08rem;
  margin-left: -.08rem;
  border-right-width: 0;
  border-left-color: #fff
}

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: .013333rem solid #e4e7ed;
  border-radius: .053333rem;
  background-color: #fff;
  box-shadow: 0 .026667rem .16rem 0 rgba(0, 0, 0, .1);
  box-sizing: border-box;
  margin: .066667rem 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #409eff;
  background-color: #fff
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: .266667rem;
  font-family: element-icons;
  content: "\e6da";
  font-size: .16rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0
}

.el-select-dropdown__empty {
  padding: .133333rem 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: .186667rem
}

.el-select-dropdown__wrap {
  max-height: 3.653333rem
}

.el-select-dropdown__list {
  list-style: none;
  padding: .08rem 0;
  margin: 0;
  box-sizing: border-box
}

.el-select-dropdown__item, .el-tag {
  white-space: nowrap;
  box-sizing: border-box
}

.el-tag {
  background-color: #ecf5ff;
  display: inline-block;
  height: .426667rem;
  padding: 0 .133333rem;
  line-height: .4rem;
  font-size: .16rem;
  color: #409eff;
  border: .013333rem solid #d9ecff;
  border-radius: .053333rem;
  box-sizing: border-box
}

.el-tag.is-hit {
  border-color: #409eff
}

.el-tag .el-tag__close {
  color: #409eff
}

.el-tag .el-tag__close:hover {
  color: #fff;
  background-color: #409eff
}

.el-tag.el-tag--info {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #909399
}

.el-tag.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag.el-tag--info .el-tag__close {
  color: #909399
}

.el-tag.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399
}

.el-tag.el-tag--success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67c23a
}

.el-tag.el-tag--success.is-hit {
  border-color: #67c23a
}

.el-tag.el-tag--success .el-tag__close {
  color: #67c23a
}

.el-tag.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a
}

.el-tag.el-tag--warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #e6a23c
}

.el-tag.el-tag--warning.is-hit {
  border-color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close {
  color: #e6a23c
}

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c
}

.el-tag.el-tag--danger {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c
}

.el-tag.el-tag--danger.is-hit {
  border-color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close {
  color: #f56c6c
}

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c
}

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: .16rem;
  height: .213333rem;
  width: .213333rem;
  line-height: .213333rem;
  vertical-align: middle;
  top: -.013333rem;
  right: -.066667rem
}

.el-tag .el-icon-close::before {
  display: block
}

.el-tag--dark {
  background-color: #409eff;
  color: #fff
}

.el-tag--dark, .el-tag--dark.is-hit {
  border-color: #409eff
}

.el-tag--dark .el-tag__close {
  color: #fff
}

.el-tag--dark .el-tag__close:hover {
  color: #fff;
  background-color: #66b1ff
}

.el-tag--dark.el-tag--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff
}

.el-tag--dark.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #a6a9ad
}

.el-tag--dark.el-tag--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff
}

.el-tag--dark.el-tag--success.is-hit {
  border-color: #67c23a
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #85ce61
}

.el-tag--dark.el-tag--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff
}

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #e6a23c
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #ebb563
}

.el-tag--dark.el-tag--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff
}

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #f56c6c
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f78989
}

.el-tag--plain {
  background-color: #fff;
  border-color: #b3d8ff;
  color: #409eff
}

.el-tag--plain.is-hit {
  border-color: #409eff
}

.el-tag--plain .el-tag__close {
  color: #409eff
}

.el-tag--plain .el-tag__close:hover {
  color: #fff;
  background-color: #409eff
}

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #d3d4d6;
  color: #909399
}

.el-tag--plain.el-tag--info.is-hit {
  border-color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: #909399
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #fff;
  background-color: #909399
}

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #c2e7b0;
  color: #67c23a
}

.el-tag--plain.el-tag--success.is-hit {
  border-color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: #67c23a
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #fff;
  background-color: #67c23a
}

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f5dab1;
  color: #e6a23c
}

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #e6a23c
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #fff;
  background-color: #e6a23c
}

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #fbc4c4;
  color: #f56c6c
}

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #f56c6c
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #fff;
  background-color: #f56c6c
}

.el-tag--medium {
  height: .373333rem;
  line-height: .346667rem
}

.el-tag--medium .el-icon-close {
  transform: scale(.8)
}

.el-tag--small {
  height: .32rem;
  padding: 0 .106667rem;
  line-height: .293333rem
}

.el-tag--small .el-icon-close {
  transform: scale(.8)
}

.el-tag--mini {
  height: .266667rem;
  padding: 0 .066667rem;
  line-height: .253333rem
}

.el-tag--mini .el-icon-close {
  margin-left: -.04rem;
  transform: scale(.7)
}

.el-select-dropdown__item {
  font-size: .186667rem;
  padding: 0 .266667rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: .453333rem;
  line-height: .453333rem;
  box-sizing: border-box;
  cursor: pointer
}

.el-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
  background-color: #fff
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
  color: #409eff;
  font-weight: 700
}

.el-select-group {
  margin: 0;
  padding: 0
}

.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0
}

.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: .32rem
}

.el-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: .266667rem;
  right: .266667rem;
  bottom: .16rem;
  height: .013333rem;
  background: #e4e7ed
}

.el-select-group__title {
  padding-left: .266667rem;
  font-size: .16rem;
  color: #909399;
  line-height: .4rem
}

.el-select-group .el-select-dropdown__item {
  padding-left: .266667rem
}

.el-scrollbar {
  overflow: hidden;
  position: relative
}

.el-scrollbar:active>.el-scrollbar__bar, .el-scrollbar:focus>.el-scrollbar__bar, .el-scrollbar:hover>.el-scrollbar__bar {
  opacity: 1;
  transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%
}

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0
}

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, .3);
  transition: background-color .3s
}

.el-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, .5)
}

.el-scrollbar__bar {
  position: absolute;
  right: .026667rem;
  bottom: .026667rem;
  z-index: 1;
  border-radius: .053333rem;
  opacity: 0;
  transition: opacity .12s ease-out
}

.el-scrollbar__bar.is-vertical {
  width: .08rem;
  top: .026667rem
}

.el-scrollbar__bar.is-vertical>div {
  width: 100%
}

.el-scrollbar__bar.is-horizontal {
  height: .08rem;
  left: .026667rem
}

.el-scrollbar__bar.is-horizontal>div {
  height: 100%
}

.el-select {
  display: inline-block;
  position: relative
}

.el-select .el-select__tags>span {
  display: contents
}

.el-select:hover .el-input__inner {
  border-color: #c0c4cc
}

.el-select .el-input__inner {
  cursor: pointer;
  padding-right: .466667rem
}

.el-select .el-input__inner:focus {
  border-color: #409eff
}

.el-select .el-input .el-select__caret {
  color: #c0c4cc;
  font-size: .186667rem;
  transition: transform .3s;
  transform: rotate(180deg);
  cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
  transform: rotate(0)
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: .186667rem;
  text-align: center;
  transform: rotate(180deg);
  border-radius: 100%;
  color: #c0c4cc;
  transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #909399
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #e4e7ed
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #409eff
}

.el-select>.el-input {
  display: block
}

.el-select__input {
  border: none;
  outline: 0;
  padding: 0;
  margin-left: .2rem;
  color: #666;
  font-size: .186667rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: .373333rem;
  background-color: transparent
}

.el-select__input.is-mini {
  height: .186667rem
}

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: .106667rem;
  z-index: 1000;
  right: .333333rem;
  color: #c0c4cc;
  line-height: .24rem;
  font-size: .186667rem
}

.el-select__close:hover {
  color: #909399
}

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.el-select .el-tag__close {
  margin-top: -.026667rem
}

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: .026667rem 0 .026667rem .08rem;
  background-color: #f0f2f5
}

.el-select .el-tag__close.el-icon-close {
  background-color: #c0c4cc;
  right: -.093333rem;
  top: 0;
  color: #fff
}

.el-select .el-tag__close.el-icon-close:hover {
  background-color: #909399
}

.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0)
}

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: .186667rem
}

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: .066667rem .2rem;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: .013333rem solid #dcdfe6;
  border-radius: .053333rem;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-textarea__inner::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-textarea__inner::-moz-placeholder {
  color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder {
  color: #c0c4cc
}

.el-textarea__inner::-ms-input-placeholder {
  color: #c0c4cc
}

.el-textarea__inner::placeholder {
  color: #c0c4cc
}

.el-textarea__inner:hover {
  border-color: #c0c4cc
}

.el-textarea__inner:focus {
  outline: 0;
  border-color: #409eff
}

.el-textarea .el-input__count {
  color: #909399;
  background: #fff;
  position: absolute;
  font-size: .16rem;
  bottom: .066667rem;
  right: .133333rem
}

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
  color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
  color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #c0c4cc
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #f56c6c
}

.el-textarea.is-exceed .el-input__count {
  color: #f56c6c
}

.el-input {
  position: relative;
  font-size: .186667rem;
  display: inline-block;
  width: 100%
}

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: .08rem
}

.el-input::-webkit-scrollbar:horizontal {
  height: .08rem
}

.el-input::-webkit-scrollbar-thumb {
  border-radius: .066667rem;
  width: .08rem;
  background: #b4bccc
}

.el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track {
  background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: .08rem
}

.el-input .el-input__clear {
  color: #c0c4cc;
  font-size: .186667rem;
  cursor: pointer;
  transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
  color: #909399
}

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: .16rem
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  line-height: normal;
  display: inline-block;
  padding: 0 .066667rem
}

.el-input__inner {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: .053333rem;
  border: .013333rem solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: .533333rem;
  line-height: .533333rem;
  outline: 0;
  padding: 0 .2rem;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  width: 100%
}

.el-input__prefix, .el-input__suffix {
  position: absolute;
  top: 0;
  transition: all .3s;
  text-align: center;
  height: 100%;
  color: #c0c4cc
}

.el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder {
  color: #c0c4cc
}

.el-input__inner::-ms-input-placeholder {
  color: #c0c4cc
}

.el-input__inner::placeholder {
  color: #c0c4cc
}

.el-input__inner:hover {
  border-color: #c0c4cc
}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
  border-color: #409eff;
  outline: 0
}

.el-input__suffix {
  right: .066667rem;
  transition: all .3s;
  pointer-events: none
}

.el-input__suffix-inner {
  pointer-events: all
}

.el-input__prefix {
  left: .066667rem;
  transition: all .3s
}

.el-input__icon {
  height: 100%;
  width: .333333rem;
  text-align: center;
  transition: all .3s;
  line-height: .533333rem
}

.el-input__icon::after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle
}

.el-input__validateIcon {
  pointer-events: none
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
  color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
  color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
  color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c
}

.el-input--suffix .el-input__inner {
  padding-right: .4rem
}

.el-input--prefix .el-input__inner {
  padding-left: .4rem
}

.el-input--medium {
  font-size: .186667rem
}

.el-input--medium .el-input__inner {
  height: .48rem;
  line-height: .48rem
}

.el-input--medium .el-input__icon {
  line-height: .48rem
}

.el-input--small {
  font-size: .173333rem
}

.el-input--small .el-input__inner {
  height: .426667rem;
  line-height: .426667rem
}

.el-input--small .el-input__icon {
  line-height: .426667rem
}

.el-input--mini {
  font-size: .16rem
}

.el-input--mini .el-input__inner {
  height: .373333rem;
  line-height: .373333rem
}

.el-input--mini .el-input__icon {
  line-height: .373333rem
}

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0
}

.el-input-group>.el-input__inner {
  vertical-align: middle;
  display: table-cell
}

.el-input-group__append, .el-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: .013333rem solid #dcdfe6;
  border-radius: .053333rem;
  padding: 0 .266667rem;
  width: .013333rem;
  white-space: nowrap
}

.el-input-group--prepend .el-input__inner, .el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner, .el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: 0
}

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
  display: inline-block;
  margin: -.133333rem -.266667rem
}

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0
}

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
  font-size: inherit
}

.el-input-group__prepend {
  border-right: 0
}

.el-input-group__append {
  border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent
}

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0
}

.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0)
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
  position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon {
  display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-train-station .odometer-digit .odometer-value.odometer-last-value {
  position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-train-station.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0)
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
  font-family: Economica, sans-serif
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-train-station .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: .1em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIuNSIgeTE9IjAiIHgyPSIuNSIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxMTEiLz48c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzExMSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMzMzIi8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiMxMTEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+");
  background-size: 100%;
  background-image: linear-gradient(180deg, #111, #111 35%, #333 55%, #111 0, #111);
  background-color: #222;
  padding: 0 .15em;
  color: #fff
}

.odometer.odometer-auto-theme .odometer-digit+.odometer-digit, .odometer.odometer-theme-train-station .odometer-digit+.odometer-digit {
  margin-left: .1em
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-train-station .odometer-digit .odometer-digit-inner {
  left: .15em
}

.odometer.odometer-theme-minimal {
  margin-left: -.106667rem\0
}

.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  padding-top: .213333rem\0
}

.macshow .odometer-value {
  width: 100%;
  line-height: 1;
  height: 1.733333rem;
  padding-top: .173333rem !important
}

@media (-ms-high-contrast:none) {
  .odometer.odometer-theme-minimal {
    margin-left: -.106667rem
  }

  .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    padding-top: .213333rem
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 1.333333rem, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -1.333333rem, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-1.333333rem, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(1.333333rem, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-1.333333rem, 1.333333rem, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(1.333333rem, 1.333333rem, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-1.333333rem, -1.333333rem, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(1.333333rem, -1.333333rem, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

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

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 1.333333rem, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -1.333333rem, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-1.333333rem, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(1.333333rem, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 1.333333rem, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -1.333333rem, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-1.333333rem, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(1.333333rem, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(33.333333rem) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(33.333333rem) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(33.333333rem) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(33.333333rem) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(33.333333rem) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(33.333333rem) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(33.333333rem) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(33.333333rem) rotateX(0)
}

.icon-niu[data-v-4cff3efd], .mainItems .itemText[data-v-4cff3efd] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.wrapper[data-v-4cff3efd] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%
}

.safetyMain[data-v-4cff3efd] {
  margin: 100px auto 140px
}

.mainItems>.item-flex-wrapper[data-v-4cff3efd] {
  align-items: flex-start
}

.mainItems>.item-flex-content[data-v-4cff3efd], .mainItems>.item-flex-wrapper[data-v-4cff3efd] {
  display: flex;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

.mainItems>.item-flex-content[data-v-4cff3efd] {
  align-items: center;
  margin-top: 20px
}

.mainItems .item[data-v-4cff3efd] {
  border-radius: 10px;
  overflow: hidden
}

.mainItems .item .swiper-slide[data-v-4cff3efd] {
  position: relative
}

.mainItems .item a[data-v-4cff3efd] {
  display: block;
  width: 100%;
  height: 100%;
  position: relative
}

.mainItems .item a:hover h4[data-v-4cff3efd] {
  transform: translate3d(0, -4px, 0)
}

.mainItems .item .itemText h6[data-v-4cff3efd] {
  line-height: 28px;
  font-size: 24px;
  margin-bottom: 5px
}

.mainItems .item .itemText p[data-v-4cff3efd] {
  height: 17px;
  color: #333;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400
}

.mainItems .item .img-bg[data-v-4cff3efd] {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  transform: scale(1);
  -o-object-fit: cover;
     object-fit: cover
}

@media screen and (max-width:768px) {
  .mainItems .itemText[data-v-4cff3efd] {
    width: 90%
  }
}

.mainItems .itemText>h4[data-v-4cff3efd] {
  /* font-family: DINOffcPro-CondBold; */
  font-size: 60px;
  color: #333;
  transition: all .4s ease-in-out;
  white-space: nowrap
}

@media screen and (max-width:768px) {
  .mainItems .itemText>h4[data-v-4cff3efd] {
    font-weight: 400;
    white-space: inherit;
    text-align: center
  }
}

.mainItems .item1[data-v-4cff3efd] {
  width: 580px;
  height: 780px;
  overflow: hidden;
  border-radius: 0
}

.mainItems .item1 .swiper-slide[data-v-4cff3efd] {
  border-radius: 10px;
  overflow: hidden
}

.mainItems .item2[data-v-4cff3efd] {
  width: 580px;
  height: 480px;
  overflow: hidden
}

.mainItems .item3[data-v-4cff3efd] {
  width: 580px;
  height: 280px;
  overflow: hidden;
  margin-top: 20px
}

.mainItems .item3 .item3Text[data-v-4cff3efd] {
  padding: 96px 0 0 50px
}

.mainItems .item4[data-v-4cff3efd] {
  width: 580px;
  height: 380px;
  overflow: hidden
}

.mainItems .item4 .item4Text[data-v-4cff3efd] {
  padding-top: 50px;
  text-align: center
}

.mainItems .item4 .item4Text h6[data-v-4cff3efd] {
  margin-bottom: 0
}

.mainItems .item5[data-v-4cff3efd] {
  width: 580px;
  height: 380px;
  overflow: hidden
}

.mainItems .item5 .item5Text[data-v-4cff3efd] {
  padding-top: 50px;
  text-align: center;
  color: #fff
}

.mainItems .item5 .item5Text p[data-v-4cff3efd] {
  color: #fff
}

[data-v-4cff3efd] .icon-right {
  font-size: 10px
}

#slide-grid-container[data-v-4cff3efd] {
  position: relative;
  width: 580px;
  height: 780px;
  z-index: 1
}

@media screen and (min-width:768px) and (max-width:1199px) {
  #slide-grid-container[data-v-4cff3efd] {
    width: 47vw;
    height: 63.2vw
  }
}

@media screen and (max-width:767px) {
  #slide-grid-container[data-v-4cff3efd] {
    width: 85%;
    height: 100vw;
    margin: 0 auto
  }
}

#slide-grid-container:hover li[data-v-4cff3efd]:first-child {
  display: none
}

#slide-grid-container:hover li[data-v-4cff3efd]:nth-child(3) {
  transform: translateZ(-15px)
}

#slide-grid-container:hover li[data-v-4cff3efd]:nth-child(4), #slide-grid-container:hover li[data-v-4cff3efd]:nth-child(5) {
  transform: translateZ(-30px)
}

#slide-grid-container:hover .control-btn[data-v-4cff3efd] {
  opacity: 1
}

#slide-grid-container:hover .control-btn[data-v-4cff3efd]:hover {
  opacity: .5
}

#slide-grid-container>ul[data-v-4cff3efd] {
  display: block;
  width: 100%;
  height: 100%;
  perspective: 500px;
  perspective-origin: 50% -30%
}

#slide-grid-container>ul.initialized li[data-v-4cff3efd] {
  opacity: 1;
  transition: all .6s
}

#slide-grid-container>ul>li[data-v-4cff3efd]:first-child {
  display: block;
  z-index: 400;
  opacity: 0;
  transform: translateZ(15px);
  pointer-events: none
}

#slide-grid-container>ul>li[data-v-4cff3efd]:nth-child(2) {
  display: block;
  z-index: 300
}

#slide-grid-container>ul>li[data-v-4cff3efd]:nth-child(3) {
  display: block;
  z-index: 200
}

#slide-grid-container>ul>li[data-v-4cff3efd]:nth-child(4) {
  display: block;
  z-index: 100
}

#slide-grid-container>ul>li[data-v-4cff3efd]:nth-child(5) {
  display: block;
  z-index: 90
}

#slide-grid-container>ul>li[data-v-4cff3efd] {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 10px;
  overflow: hidden
}

#slide-grid-container>ul>li>a[data-v-4cff3efd] {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  background-color: #fff;
  transition: all .6s;
  -o-object-fit: fill;
     object-fit: fill;
  cursor: pointer
}

#slide-grid-container .control-btn[data-v-4cff3efd] {
  position: absolute;
  width: 64px;
  height: 128px;
  top: 50%;
  margin-top: -64px;
  z-index: 400;
  transition: all .4s;
  border-top-right-radius: 64px;
  border-bottom-right-radius: 64px;
  opacity: 0;
  background-color: transparent;
  cursor: pointer
}

#slide-grid-container .control-btn.control-btn-left[data-v-4cff3efd] {
  left: 0
}

#slide-grid-container .control-btn.control-btn-right[data-v-4cff3efd] {
  transform: rotate(180deg);
  right: 0
}

#slide-grid-container .control-btn .control-arrow-left[data-v-4cff3efd] {
  top: 50%;
  margin-top: -25px;
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  left: 15px
}

#slide-grid-container .control-btn .control-arrow-left[data-v-4cff3efd]::after, #slide-grid-container .control-btn .control-arrow-left[data-v-4cff3efd]::before {
  position: absolute;
  display: block;
  left: 0;
  width: 20px;
  height: 3px;
  content: "";
  background-color: #fff
}

#slide-grid-container .control-btn .control-arrow-left[data-v-4cff3efd]::before {
  top: 0;
  border-bottom-right-radius: 3px;
  transform: rotate(-45deg)
}

#slide-grid-container .control-btn .control-arrow-left[data-v-4cff3efd]::after {
  bottom: 0;
  transform: rotate(45deg);
  border-top-right-radius: 3px
}

#slide-grid-container.only-one-slide li[data-v-4cff3efd]:first-child {
  transform: unset;
  pointer-events: inherit
}

#slide-grid-container.only-one-slide:hover li[data-v-4cff3efd]:first-child {
  display: block
}

.icon-niu[data-v-4cff3efd] {
  width: 200px
}

.icon-niu>img[data-v-4cff3efd] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain
}

@media screen and (max-width:768px) {
  .icon-niu[data-v-4cff3efd] {
    width: 110px
  }
}

.data-statistics[data-v-4cff3efd] {
  position: relative
}

.data-statistics .safety.spe[data-v-4cff3efd] {
  margin-bottom: 140px
}

.data-statistics .header[data-v-4cff3efd] {
  box-sizing: border-box;
  text-align: center;
  padding-bottom: .533333rem
}

.data-statistics .header .title-big[data-v-4cff3efd] {
  color: #333;
  line-height: 60px;
  font-size: 60px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

.data-statistics .header .title[data-v-4cff3efd] {
  color: #333;
  line-height: 16px;
  font-size: 16px;
  /* font-family: DINOffcPro; */
  font-weight: 400
}

.data-statistics .header .bannerBtn.spe[data-v-4cff3efd] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  margin: 10px auto 40px
}

.data-statistics .header .bannerBtn>.spe[data-v-4cff3efd] {
  color: #333
}

.data-statistics .header .bannerBtn>.spe[data-v-4cff3efd]:hover {
  color: #df001f
}

.data-statistics .moreBtnWrap[data-v-4cff3efd] {
  padding: .533333rem 0 1.333333rem;
  width: 343px;
  height: 50px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 101
}

.data-statistics .moreBtnWrap a[data-v-4cff3efd] {
  color: #fff
}

.data-statistics .moreBtnWrap .section-more[data-v-4cff3efd] {
  border-radius: 2px
}

@media screen and (min-width:992px) {
  .data-statistics[data-v-4cff3efd] {
    background-size: 100% auto
  }

  .data-statistics .th-box[data-v-4cff3efd] {
    background: transparent
  }
}

@media screen and (min-width:768px) and (max-width:1199px) {
  .data-statistics[data-v-4cff3efd] {
    background-position: 0 3.106667rem
  }

  .data-statistics .header .title-big[data-v-4cff3efd] {
    margin-bottom: 18px;
    height: 48px;
    color: #333;
    line-height: 50px;
    font-size: 36px;
    /* font-family: DINOffcPro-CondBold; */
    font-weight: 400
  }

  .data-statistics .header .title[data-v-4cff3efd] {
    color: #333;
    line-height: 16px;
    font-size: 16px;
    /* font-family: DINOffcPro; */
    font-weight: 400
  }
}

@media screen and (max-width:767px) {
  .data-statistics .header[data-v-4cff3efd] {
    height: auto;
    padding-top: 2.666667rem
  }

  .data-statistics .header .title-big[data-v-4cff3efd] {
    color: #333;
    /* font-family: DINOffcPro-CondBold; */
    font-size: 1.066667rem;
    line-height: 1
  }

  .data-statistics .header .title[data-v-4cff3efd] {
    color: #333;
    /* font-family: DINOffcPro-Medium; */
    font-size: .426667rem
  }

  .data-statistics .moreBtnWrap[data-v-4cff3efd] {
    padding: 1.6rem 0 2.133333rem
  }
}

.iconWrap[data-v-4cff3efd] {
  background-color: #fafafa
}

.iconContent[data-v-4cff3efd] {
  display: flex;
  height: 202px;
  justify-content: space-between
}

.iconContent dl[data-v-4cff3efd] {
  width: 3.133333rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.iconContent dl dd[data-v-4cff3efd] {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-bottom: 20px
}

.iconContent dl dt[data-v-4cff3efd] {
  font-size: 16px;
  line-height: 22px
}

.iconContent dl:first-child dd[data-v-4cff3efd] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MyI+PGcgZGF0YS1uYW1lPSLnu4QgMzA3OCI+PHBhdGggZD0iTTQxLjUgMS41YTQwIDQwIDAgMTA0MCA0MCA0MC4wNDggNDAuMDQ4IDAgMDAtNDAtNDB6IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZD0iTTUwLjUwNyA2MC42OThIMjguNDMxYTguMDg5IDguMDg5IDAgMDEtOC4wNzYtOC4wNzZWMzAuNTQ2YTguMDg5IDguMDg5IDAgMDE4LjA3Ni04LjA3NmgxOC41YTEuOTc0IDEuOTc0IDAgMTEwIDMuOTQ4aC0xOC41YTQuMTIxIDQuMTIxIDAgMDAtNC4xMSA0LjExdjIyLjA5NGE0LjEyMSA0LjEyMSAwIDAwNC4xMSA0LjExaDIyLjA5NGE0LjEyMSA0LjEyMSAwIDAwNC4xMS00LjExVjQ1LjAzYTEuOTc0IDEuOTc0IDAgMDEzLjk0OCAwdjcuNTkyYTguMDg5IDguMDg5IDAgMDEtOC4wNzYgOC4wNzZ6Ii8+PHBhdGggZD0iTTQwLjM4NCA0OC4wMjdoLS4yODdhNi4wNjEgNi4wNjEgMCAwMS00LjQ4Ny0yLjMxNWwtNS41ODItNy4wODlhMS45OCAxLjk4IDAgMDEzLjEtMi40NTlsNS41ODIgNy4wODlhMi4xIDIuMSAwIDAwMS41NjEuODA4IDIuMDQzIDIuMDQzIDAgMDAxLjYzMy0uNjY0bDIwLjYyMi0yMS43N2ExLjk4IDEuOTggMCAwMTIuODcyIDIuNzI4bC0yMC42IDIxLjc4OGE2LjEwOCA2LjEwOCAwIDAxLTQuNDE0IDEuODg0eiIvPjwvZz48L3N2Zz4=) no-repeat;
  background-size: 100%
}

.iconContent dl:nth-child(2) dd[data-v-4cff3efd] {
  background: url(img/7a6d8a3.svg) no-repeat;
  background-size: 100%
}

.iconContent dl:nth-child(3) dd[data-v-4cff3efd] {
  background: url(img/b8984b1.svg) no-repeat;
  background-size: 100%
}

.iconContent dl:nth-child(4) dd[data-v-4cff3efd] {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MyI+PGcgZGF0YS1uYW1lPSLnu4QgMzA3NyI+PHBhdGggZD0iTTQxLjUgMS41YTQwIDQwIDAgMTA0MCA0MCA0MC4wNDggNDAuMDQ4IDAgMDAtNDAtNDB6IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIzIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuNjM5IDEzLjQ2OCkiPjxwYXRoIGQ9Ik0xNy43ODYgNy4wMThoLTUuODUxYTEuMzgyIDEuMzgyIDAgMTEwLTIuNzY0aDUuODUxYTEuMzgyIDEuMzgyIDAgMDEwIDIuNzY0eiIvPjxwYXRoIGQ9Ik0yNC4xMzkgMEg1LjU2NEE1LjU3MiA1LjU3MiAwIDAwMCA1LjU4MnY0NC45YTUuNTY5IDUuNTY5IDAgMDA1LjU2NCA1LjU2NEgyNC4xNGE1LjU4NCA1LjU4NCAwIDAwNS41ODItNS41NjR2LTQ0LjlBNS41ODggNS41ODggMCAwMDI0LjEzOSAwem0tMjEgMTEuMjM1aDIzLjQyMnYzMS43MzFIMy4xNDF6bTIuNDIzLTguMDc2aDE4LjU3NmEyLjQzNiAyLjQzNiAwIDAxMi40MjMgMi40MjN2Mi40OTVIMy4xNDFWNS41ODJhMi40MjQgMi40MjQgMCAwMTIuNDIzLTIuNDIzek0yNC4xMzggNTIuOTFINS41NjRhMi40MzYgMi40MzYgMCAwMS0yLjQyMy0yLjQyM3YtNC4zNzloMjMuNDIydjQuMzc5YTIuNDI0IDIuNDI0IDAgMDEtMi40MjQgMi40MjJ6Ii8+PGNpcmNsZSBjeD0iMi4yOTciIGN5PSIyLjI5NyIgcj0iMi4yOTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjU2MyA0Ny4xMykiLz48L2c+PC9nPjwvc3ZnPg==) no-repeat;
  background-size: 100%
}

.iconContent dl:nth-child(4) dt[data-v-4cff3efd] {
  /* font-family: DINOffcPro */
}

.swiper3 .swiper-container[data-v-4cff3efd], .swiper3[data-v-4cff3efd] {
  width: 100%;
  height: 100%
}

.swiper3 .swiper-container-horizontal>.swiper-pagination3[data-v-4cff3efd] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 1;
  display: flex;
  justify-content: center
}

@media screen and (max-width:767px) {
  .safety[data-v-4cff3efd] {
    margin: 0 auto;
    width: 92%
  }

  .safetyMain[data-v-4cff3efd] {
    margin: 0;
    width: 100%
  }

  .iconContent[data-v-4cff3efd] {
    height: auto;
    padding: 1.066667rem 0;
    flex-wrap: wrap
  }

  .iconContent dl[data-v-4cff3efd] {
    width: 4.426667rem;
    height: 4.32rem
  }

  .mainItems[data-v-4cff3efd] {
    height: auto
  }

  .mainItems .item-flex-wrapper[data-v-4cff3efd] {
    display: block;
    margin-top: .8rem;
    justify-content: unset;
    align-items: unset;
    flex-wrap: unset
  }

  .mainItems .item[data-v-4cff3efd] {
    position: static
  }

  .mainItems .item1[data-v-4cff3efd] {
    width: 100%;
    height: 9.493333rem
  }

  .mainItems .item2[data-v-4cff3efd] {
    width: 9.2rem;
    height: 6rem;
    margin: .8rem auto .4rem
  }

  .mainItems .item3[data-v-4cff3efd] {
    width: 9.2rem;
    height: 6rem;
    margin: 0 auto;
    background-color: #eee
  }

  .mainItems .item-flex-content[data-v-4cff3efd] {
    width: 9.2rem;
    margin: .4rem auto 0
  }

  .mainItems .item4[data-v-4cff3efd], .mainItems .item5[data-v-4cff3efd] {
    width: 4.44rem;
    height: 6rem;
    margin-bottom: 0
  }

  .mainItems .itemText>h4[data-v-4cff3efd] {
    font-size: .8rem
  }
}

@media screen and (min-width:768px) and (max-width:1199px) {
  .safety[data-v-4cff3efd] {
    margin: 0 auto;
    width: 96%
  }

  .safetyMain[data-v-4cff3efd] {
    margin: 5vw auto;
    width: 96%
  }

  .mainItems .item1[data-v-4cff3efd] {
    width: 47vw;
    height: 63vw
  }

  .mainItems .item1 .item1Text[data-v-4cff3efd] {
    padding-top: 30px
  }

  .mainItems .item2[data-v-4cff3efd] {
    width: 47vw;
    height: 39vw
  }

  .mainItems .item2 .item2Text[data-v-4cff3efd] {
    padding-top: 30px
  }

  .mainItems .item3[data-v-4cff3efd] {
    width: 47vw;
    height: 22.4vw;
    margin-top: 1.8vw;
    background-color: #eee
  }

  .mainItems .item3 .item3Text[data-v-4cff3efd] {
    padding: 65px 0 0 40px
  }

  .mainItems .item4[data-v-4cff3efd] {
    width: 47vw;
    height: 31vw
  }

  .mainItems .item4 .item4Text[data-v-4cff3efd] {
    padding-top: 30px
  }

  .mainItems .item5[data-v-4cff3efd] {
    width: 47vw;
    height: 31vw
  }

  .mainItems .item5 .item5Text[data-v-4cff3efd] {
    padding-top: 30px
  }

  .mainItems .itemText>h4[data-v-4cff3efd] {
    font-size: 40px
  }

  .data-statistics .th-box[data-v-4cff3efd], .data-statistics[data-v-4cff3efd] {
    width: 100%
  }

  .data-statistics .th-box .list-phalanx li[data-v-4cff3efd] {
    padding-left: .133333rem
  }

  .data-statistics .th-box .list-phalanx li img[data-v-4cff3efd] {
    margin-right: .133333rem
  }

  .data-statistics .th-box .list-phalanx li .text[data-v-4cff3efd] {
    width: 100%
  }

  .data-statistics .th-box .list-phalanx li .text .title[data-v-4cff3efd] {
    font-size: 55px
  }

  .data-statistics .safety.spe[data-v-4cff3efd] {
    margin-bottom: 10vw
  }

  .iconContent dl[data-v-4cff3efd] {
    width: 2.453333rem
  }
}

@media screen and (min-width:992px) {
  .iconContent[data-v-4cff3efd] {
    width: 1000px;
    padding: 0
  }

  .mainItems .item a:hover .img-bg[data-v-4cff3efd] {
    transform: scale(1.03)
  }
}

.indexSwiperOrigin .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  overflow: hidden;
  background-color: #454649
}

.indexSwiperOrigin .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff
}

.drop[data-v-5d09b82b] {
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  -webkit-backdrop-filter: blur(.266667rem);
          backdrop-filter: blur(.266667rem);
  background: rgba(0, 0, 0, .7);
  z-index: 99999
}

.drop .black[data-v-5d09b82b] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.drop .con[data-v-5d09b82b] {
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.drop .con img[data-v-5d09b82b] {
  display: block;
  height: 100%
}

.drop .con .close[data-v-5d09b82b] {
  width: 16px;
  position: absolute;
  top: 0;
  right: -38px;
  z-index: 3;
  cursor: pointer
}

.drop .con .close img[data-v-5d09b82b] {
  width: 100%;
  display: block
}

.layer[data-v-5d09b82b] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 5.066667rem;
  height: 277px;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px
}

.layer .closeBtn[data-v-5d09b82b] {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9Iue7hCA3NjEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIj48cGF0aCBkYXRhLW5hbWU9IuefqeW9oiA2ODMzIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDApIiBkPSJNMCAwaDEyMHYxMjBIMHoiLz48cGF0aCBkYXRhLW5hbWU9Iui3r+W+hCAxNjMyNyIgZD0iTTQ0Ljc1NyA3NS4yNDdhMi41NjUgMi41NjUgMCAwMTAtMy42NDFMNTYuNDE3IDYwbC0xMS42Ni0xMS42YTIuNTY2IDIuNTY2IDAgMDEwLTMuNjQxIDIuNiAyLjYgMCAwMTMuNjU4IDBsMTEuNjYgMTEuNjAxIDExLjUwOC0xMS40NTRhMi42IDIuNiAwIDAxMy42NTggMCAyLjU2NiAyLjU2NiAwIDAxMCAzLjY0MUw2My43MjkgNjBsMTEuNTEzIDExLjQ1NWEyLjU2NiAyLjU2NiAwIDAxMCAzLjY0MSAyLjYgMi42IDAgMDEtMy42NTggMEw2MC4wNzYgNjMuNjQybC0xMS42NiAxMS42MDVhMi42IDIuNiAwIDAxLTMuNjU4IDB6Ii8+PC9zdmc+) no-repeat;
  background-size: 100% 100%;
  cursor: pointer
}

.layer .iconPrompt[data-v-5d09b82b] {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin: 0 auto 10px;
  display: block
}

.layer .tit1[data-v-5d09b82b] {
  color: #333;
  line-height: 1;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px
}

.layer .tit2[data-v-5d09b82b] {
  color: #3c3c3c;
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px
}

.layer .textPrompt[data-v-5d09b82b] {
  text-align: center;
  color: #aaa;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 400;
  display: block
}

.layer .textPrompt i[data-v-5d09b82b] {
  color: #3c3c3c
}

@media screen and (max-width:767px) {
  .layer[data-v-5d09b82b] {
    width: 8.293333rem;
    height: 7.173333rem;
    border-radius: 20px
  }

  .layer .closeBtn[data-v-5d09b82b] {
    width: 1.6rem;
    height: 1.6rem
  }

  .layer .iconPrompt[data-v-5d09b82b] {
    width: 1.066667rem;
    height: 1.066667rem;
    margin-bottom: .266667rem
  }

  .layer .tit1[data-v-5d09b82b] {
    font-size: .8rem;
    margin-bottom: .133333rem
  }

  .layer .tit2[data-v-5d09b82b] {
    font-size: .426667rem;
    margin-bottom: .533333rem
  }

  .layer .textPrompt[data-v-5d09b82b] {
    font-size: .32rem
  }
}

a[data-v-0cd5ed68] {
  display: block
}

.about[data-v-0cd5ed68] {
  width: 100%;
  position: absolute;
  z-index: 10;
  height: 50px
}

.about .mark[data-v-0cd5ed68] {
  position: fixed;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, .4);
  opacity: 0;
  z-index: 10;
  transition: opacity 1s ease .2s, width 0s ease 1.2s, height 0s ease 1.2s;
  top: 0;
  left: 0
}

.about .mark.showmark[data-v-0cd5ed68] {
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: opacity 1s ease .1s
}

.about .wrapperBorder[data-v-0cd5ed68] {
  width: 100%;
  display: block;
  height: 50px
}

.about .about-header-wrapper1[data-v-0cd5ed68] {
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid hsla(0, 0%, 100%, .1);
  width: 15.733333rem;
  margin: 0 auto
}

.about .about-header-wrapper1[data-v-0cd5ed68]::after {
  content: ".";
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both
}

.about .about-header-wrapper1 .aboutTitle[data-v-0cd5ed68] {
  float: left;
  font-size: 16px;
  line-height: 50px;
  font-weight: 700;
  color: #fff
}

.about .about-header-wrapper1.black[data-v-0cd5ed68] {
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.about .about-header-wrapper1.black .aboutTitle[data-v-0cd5ed68], .about .about-header-wrapper1.black .after[data-v-0cd5ed68] {
  color: #222 !important
}

.about .about-header-wrapper1.black .about-header a[data-v-0cd5ed68], .about .about-header-wrapper1.black .about-header li[data-v-0cd5ed68] {
  transition: color .1s ease
}

.about .about-header-wrapper1.black .about-header a.nuxt-link-exact-active[data-v-0cd5ed68], .about .about-header-wrapper1.black .about-header a[data-v-0cd5ed68]:hover, .about .about-header-wrapper1.black .about-header li.nuxt-link-exact-active[data-v-0cd5ed68], .about .about-header-wrapper1.black .about-header li[data-v-0cd5ed68]:hover {
  color: rgba(51, 51, 51, .5) !important
}

.about .about-header-wrapper2[data-v-0cd5ed68] {
  display: none
}

.about .about-header[data-v-0cd5ed68] {
  height: 50px;
  line-height: 50px;
  text-align: right
}

.about .about-header .after[data-v-0cd5ed68] {
  padding: 0 2.041%
}

.about .about-header a[data-v-0cd5ed68], .about .about-header li[data-v-0cd5ed68] {
  font-size: 12px;
  display: inline-block;
  color: #fff;
  transition: color .4s ease;
  cursor: pointer
}

.about .about-header a[data-v-0cd5ed68]:last-child, .about .about-header li[data-v-0cd5ed68]:last-child {
  padding-right: 0
}

.about .about-header a.nuxt-link-exact-active[data-v-0cd5ed68], .about .about-header a[data-v-0cd5ed68]:hover, .about .about-header li.nuxt-link-exact-active[data-v-0cd5ed68], .about .about-header li[data-v-0cd5ed68]:hover {
  color: hsla(0, 0%, 100%, .5) !important
}

.about .buyLink[data-v-0cd5ed68] {
  display: block;
  float: right;
  margin-left: 2.041%;
  margin-top: 12px
}

.about .buyLink:hover .buy[data-v-0cd5ed68] {
  background: rgba(223, 0, 31, .7)
}

.about .buy[data-v-0cd5ed68] {
  width: 58px;
  height: 26px;
  overflow: hidden;
  border-radius: 3px;
  border: none;
  background: #df001f;
  font-size: 12px;
  /* font-family: DINOffcPro; */
  font-weight: 700;
  transition: all .4s;
  color: #fff
}

.about .buy[data-v-0cd5ed68]:focus {
  outline: none
}

.about .buy a[data-v-0cd5ed68] {
  color: #fff;
  font-size: 12px
}

.about .positionFixed[data-v-0cd5ed68] {
  top: 0 !important;
  position: fixed !important;
  z-index: 10;
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
  -webkit-backdrop-filter: saturate(180%) blur(.4rem);
          backdrop-filter: saturate(180%) blur(.4rem);
  transition-property: background-color, -webkit-backdrop-filter;
  transition-property: background-color, backdrop-filter;
  transition-property: background-color, backdrop-filter, -webkit-backdrop-filter
}

.about .positionFixed.black[data-v-0cd5ed68], .about .positionFixed[data-v-0cd5ed68] {
  background: hsla(0, 0%, 100%, .98) !important
}

.about .positionFixed.black .aboutTitle[data-v-0cd5ed68], .about .positionFixed.black .after[data-v-0cd5ed68] {
  color: #333 !important
}

.about .positionFixed.black .aboutTitle.nuxt-link-exact-active[data-v-0cd5ed68], .about .positionFixed.black .aboutTitle[data-v-0cd5ed68]:hover, .about .positionFixed.black .after.nuxt-link-exact-active[data-v-0cd5ed68], .about .positionFixed.black .after[data-v-0cd5ed68]:hover {
  color: rgba(51, 51, 51, .5) !important
}

.about .positionFixed .about-header-wrapper1[data-v-0cd5ed68] {
  border-bottom: none
}

.about .positionFixed .icon .img[data-v-0cd5ed68] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MiIgaGVpZ2h0PSI3LjUxMSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzQ1IiBkPSJNNi43NiA3LjUxMWEuNzQ2Ljc0NiAwIDAxLS41MzEtLjIybC0uMDIxLS4wMjJMLjIyIDEuMjgxQS43NS43NSAwIDAxMS4yODEuMjJMNi43NiA1LjcgMTIuMjQuMjJhLjc1Ljc1IDAgMDExLjA2IDEuMDYxTDcuMzExIDcuMjdsLS4wMi4wMjFhLjc0Ni43NDYgMCAwMS0uNTMuMjJ6IiBmaWxsPSIjMzMzIi8+PC9zdmc+) !important;
  background-repeat: no-repeat
}

.about .positionFixed .abouttag[data-v-0cd5ed68], .about .positionFixed .aboutTitle[data-v-0cd5ed68], .about .positionFixed .after[data-v-0cd5ed68], .about .positionFixed .itemlist[data-v-0cd5ed68] {
  color: #333 !important
}

.about .positionFixed .buy[data-v-0cd5ed68] {
  background: #df001f !important;
  color: #fff !important
}

@media screen and (max-width:767px) {
  .about .about-header[data-v-0cd5ed68] {
    width: 91.4667%
  }

  .about .about-header .gutter[data-v-0cd5ed68] {
    width: 100%
  }

  .about .wrapperBorder[data-v-0cd5ed68] {
    display: none
  }

  .about .about-header-wrapper2[data-v-0cd5ed68] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 .426667rem;
    z-index: 100;
    box-sizing: border-box;
    position: relative;
    background: transparent;
    color: #222;
    border-bottom: none
  }

  .about .about-header-wrapper2 .icon .img[data-v-0cd5ed68] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MiIgaGVpZ2h0PSI3LjUxMSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzQ1IiBkPSJNNi43NiA3LjUxMWEuNzQ2Ljc0NiAwIDAxLS41MzEtLjIybC0uMDIxLS4wMjJMLjIyIDEuMjgxQS43NS43NSAwIDAxMS4yODEuMjJMNi43NiA1LjcgMTIuMjQuMjJhLjc1Ljc1IDAgMDExLjA2IDEuMDYxTDcuMzExIDcuMjdsLS4wMi4wMjFhLjc0Ni43NDYgMCAwMS0uNTMuMjJ6IiBmaWxsPSIjMzMzIi8+PC9zdmc+);
    background-repeat: no-repeat
  }

  .about .about-header-wrapper2.black[data-v-0cd5ed68] {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
  }

  .about .about-header-wrapper2.black.select .abouttag[data-v-0cd5ed68], .about .about-header-wrapper2.black.select .itemlist[data-v-0cd5ed68] {
    color: #333 !important
  }

  .about .about-header-wrapper2.black.select .icon .img[data-v-0cd5ed68] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MiIgaGVpZ2h0PSI3LjUxMSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzQ1IiBkPSJNNi43NiA3LjUxMWEuNzQ2Ljc0NiAwIDAxLS41MzEtLjIybC0uMDIxLS4wMjJMLjIyIDEuMjgxQS43NS43NSAwIDAxMS4yODEuMjJMNi43NiA1LjcgMTIuMjQuMjJhLjc1Ljc1IDAgMDExLjA2IDEuMDYxTDcuMzExIDcuMjdsLS4wMi4wMjFhLjc0Ni43NDYgMCAwMS0uNTMuMjJ6IiBmaWxsPSIjMzMzIi8+PC9zdmc+) !important;
    background-repeat: no-repeat
  }

  .about .about-header-wrapper2.black .icon .img[data-v-0cd5ed68] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi45OTYiIGhlaWdodD0iNy45OTciPjxwYXRoIGQ9Ik02LjUgNy45NjhMNi40NzEgOCA1LjM4MyA2Ljg1NGwuMDI3LS4wMjhMMCAxLjE0NCAxLjA4NyAwIDYuNSA1LjY4MyAxMS45MDkgMCAxMyAxLjE0MiA3LjU4NSA2LjgyNmwuMDI4LjAzTDYuNTI1IDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-repeat: no-repeat
  }

  .about .about-header-wrapper2.select[data-v-0cd5ed68] {
    background: hsla(0, 0%, 100%, .98) !important
  }

  .about .about-header-wrapper2 .abouttag[data-v-0cd5ed68] {
    font-size: 16px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400;
    line-height: 1.333333rem;
    position: absolute;
    z-index: 10
  }

  .about .about-header-wrapper2 .buyLink[data-v-0cd5ed68] {
    position: absolute;
    margin: 0;
    top: 12px;
    right: 4.267%;
    z-index: 10
  }

  .about .el-menu[data-v-0cd5ed68] {
    background-color: transparent
  }

  .about .icon[data-v-0cd5ed68] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0);
    z-index: 9;
    transition: .5s
  }

  .about .icon .img[data-v-0cd5ed68] {
    width: .373333rem;
    height: .213333rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi45OTYiIGhlaWdodD0iNy45OTciPjxwYXRoIGQ9Ik02LjUgNy45NjhMNi40NzEgOCA1LjM4MyA2Ljg1NGwuMDI3LS4wMjhMMCAxLjE0NCAxLjA4NyAwIDYuNSA1LjY4MyAxMS45MDkgMCAxMyAxLjE0MiA3LjU4NSA2LjgyNmwuMDI4LjAzTDYuNTI1IDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-repeat: no-repeat;
    transform: rotateX(1turn);
    transition: .2s ease
  }

  .about .icon.pullup .img[data-v-0cd5ed68] {
    transform: rotateX(180deg);
    transition: .2s ease
  }

  .about .itembox[data-v-0cd5ed68] {
    width: 100%;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-x: hidden;
    transition: .5s cubic-bezier(.86, 0, .07, 1);
    background: hsla(0, 0%, 100%, .98);
    border-bottom: .013333rem solid rgba(0, 0, 0, .1)
  }

  .about .itembox.black[data-v-0cd5ed68] {
    background: #fff;
    color: #fff
  }

  .about .itembox.slidedown[data-v-0cd5ed68] {
    height: 6.933333rem
  }

  .about .itemlist[data-v-0cd5ed68] {
    width: 100%;
    z-index: 1;
    height: 0;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    background: hsla(0, 0%, 100%, .98);
    font-size: 12px;
    /* font-family: DINOffcPro; */
    transition: .6s ease
  }

  .about .itemlist a.nuxt-link-exact-active[data-v-0cd5ed68], .about .itemlist li.nuxt-link-exact-active[data-v-0cd5ed68] {
    color: rgba(51, 51, 51, .5) !important
  }

  .about .itemlist.black[data-v-0cd5ed68] {
    background: hsla(0, 0%, 100%, .98);
    color: #fff
  }

  .about .itemlist.black .item[data-v-0cd5ed68], .about .itemlist .item[data-v-0cd5ed68] {
    border-bottom: .013333rem solid rgba(0, 0, 0, .1)
  }

  .about .itemlist .item[data-v-0cd5ed68] {
    width: 8.4rem;
    height: 1.12rem;
    line-height: 1.12rem;
    transform: translateY(-2.666667rem);
    transition: .6s ease;
    opacity: 0
  }

  .about .itemlist .item a[data-v-0cd5ed68], .about .itemlist .item li[data-v-0cd5ed68] {
    font-size: .32rem;
    text-align: left
  }

  .about .itemlist .item.active[data-v-0cd5ed68] {
    transform: translateY(0);
    opacity: 1
  }

  .about .itemlist .item.active.item1[data-v-0cd5ed68] {
    transition-delay: .7s
  }

  .about .itemlist .item.active.item2[data-v-0cd5ed68] {
    transition-delay: .63s
  }

  .about .itemlist .item.active.item3[data-v-0cd5ed68] {
    transition-delay: .55s
  }

  .about .itemlist .item.active.item4[data-v-0cd5ed68] {
    transition-delay: .49s
  }

  .about .itemlist .item.active.item5[data-v-0cd5ed68] {
    transition-delay: .42s
  }

  .about .itemlist .item.active.item6[data-v-0cd5ed68] {
    transition-delay: .36s
  }

  .about .itemlist .item.active.item7[data-v-0cd5ed68] {
    transition-delay: .28s
  }

  .about .itemlist .item.active.item8[data-v-0cd5ed68] {
    transition-delay: .21s
  }

  .about .itemlist .item.active.item9[data-v-0cd5ed68] {
    transition-delay: .14s
  }

  .about .itemlist .item.active.item10[data-v-0cd5ed68] {
    transition-delay: .07s
  }

  .about .itemlist .item[data-v-0cd5ed68]:last-child {
    border: 0
  }

  .about .itemlist .item.item10[data-v-0cd5ed68] {
    transition-delay: .7s
  }

  .about .itemlist .item.item9[data-v-0cd5ed68] {
    transition-delay: .63s
  }

  .about .itemlist .item.item8[data-v-0cd5ed68] {
    transition-delay: .56s
  }

  .about .itemlist .item.item7[data-v-0cd5ed68] {
    transition-delay: .49s
  }

  .about .itemlist .item.item6[data-v-0cd5ed68] {
    transition-delay: .42s
  }

  .about .itemlist .item.item5[data-v-0cd5ed68] {
    transition-delay: .36s
  }

  .about .itemlist .item.item4[data-v-0cd5ed68] {
    transition-delay: .28s
  }

  .about .itemlist .item.item3[data-v-0cd5ed68] {
    transition-delay: .21s
  }

  .about .itemlist .item.item2[data-v-0cd5ed68] {
    transition-delay: .14s
  }

  .about .itemlist .item.item1[data-v-0cd5ed68] {
    transition-delay: .07s
  }

  .about .itemlist.slidedown[data-v-0cd5ed68] {
    padding: .533333rem 0 .8rem
  }
}

@media screen and (max-width:1200px) {
  .about .about-header-wrapper1[data-v-0cd5ed68] {
    width: 98.3%;
    padding: 0;
    margin: 0 auto
  }

  .about .about-header .gutter[data-v-0cd5ed68] {
    width: 49%
  }
}

@media screen and (min-width:768px) and (max-width:992px) {
  .about .about-header-wrapper1[data-v-0cd5ed68] {
    width: 95.833%;
    margin: 0 auto
  }

  .about .about-header .gutter[data-v-0cd5ed68] {
    width: 48.913%
  }
}

#navheader .buy.disabled[data-v-0cd5ed68] {
  background-color: #d4d4d4 !important
}

.eleAboutTimeline .el-timeline-item {
  height: 100%;
  padding-bottom: 40px
}

.eleAboutTimeline .el-timeline-item .el-timeline-item__tail {
  left: 10px;
  top: 20px
}

.eleAboutTimeline .el-timeline-item .el-timeline-item__node--primary {
  top: 10px;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 4px solid #ccc
}

.eleAboutTimeline .el-timeline-item:first-of-type .el-timeline-item__timestamp {
  color: #df001f
}

.eleAboutTimeline .el-timeline-item:first-of-type .el-timeline-item__node--primary {
  border-color: #df001f
}

.eleAboutTimeline .el-timeline-item__wrapper {
  padding-left: 40px
}

.eleAboutTimeline .el-timeline-item__wrapper .el-timeline-item__timestamp {
  color: #999;
  line-height: 1.27;
  font-size: 34px;
  /* font-family: DINOffcPro-Bold; */
  font-weight: 400;
  padding-top: 0
}

.eleAboutTimeline .el-timeline-item__wrapper .el-timeline-item__content {
  color: #777;
  line-height: 1.75;
  font-size: 16px;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .eleAboutTimeline .el-timeline-item {
    padding-bottom: 1.066667rem
  }

  .eleAboutTimeline .el-timeline-item .el-timeline-item__tail {
    left: .293333rem;
    top: .533333rem
  }

  .eleAboutTimeline .el-timeline-item .el-timeline-item__node--primary {
    top: .213333rem;
    width: .32rem;
    height: .32rem;
    background: #fff;
    border: .106667rem solid #ccc
  }

  .eleAboutTimeline .el-timeline-item__wrapper {
    padding-left: .733333rem
  }

  .eleAboutTimeline .el-timeline-item__wrapper .el-timeline-item__timestamp {
    font-size: .8rem;
    padding-top: 0
  }

  .eleAboutTimeline .el-timeline-item__wrapper .el-timeline-item__timestamp.is-top {
    margin-bottom: .4rem
  }

  .eleAboutTimeline .el-timeline-item__wrapper .el-timeline-item__content {
    font-size: .426667rem
  }
}

#about[data-v-b668c9c0] {
  width: 100%;
  height: auto
}

#about .banner[data-v-b668c9c0] {
  width: 100%;
  height: 645px;
  background: url(img/4408f99.jpg) no-repeat 50%;
  background-size: cover;
  position: relative
}

#about .banner .banner-mask[data-v-b668c9c0] {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .5)
}

#about .tit[data-v-b668c9c0] {
  color: #333;
  line-height: 1.27;
  font-size: 48px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

#about .about-content[data-v-b668c9c0] {
  margin: 0 auto
}

#about .about-content .gridContentNum[data-v-b668c9c0] {
  width: 100%;
  height: 73px;
  overflow: hidden
}

#about .about-content .gridContent1[data-v-b668c9c0] {
  border-bottom: 1px solid #eee;
  padding-top: 100px
}

#about .about-content .gridContent1 .gridContentText dl[data-v-b668c9c0] {
  margin-bottom: 60px
}

#about .about-content .gridContent1 .gridContentText dt[data-v-b668c9c0] {
  margin-bottom: 20px;
  /* font-family: DINOffcPro-CondBold; */
  color: #333;
  line-height: 1.27;
  font-size: 48px;
  font-weight: 400
}

#about .about-content .gridContent1 .gridContentText dd[data-v-b668c9c0] {
  color: #777;
  line-height: 1.75;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 20px
}

#about .about-content .gridContent1 .gridContentText dd[data-v-b668c9c0]:last-child {
  padding-bottom: 0
}

#about .about-content .gridContent2[data-v-b668c9c0] {
  padding-top: 60px;
  padding-bottom: 200px;
  height: auto
}

#about .about-content .gridContent2 .gridBigBang dt[data-v-b668c9c0] {
  color: #333;
  line-height: 1.27;
  font-size: 48px;
  font-weight: 400;
  /* font-family: DINOffcPro-CondBold; */
  margin-bottom: 40px
}

#about .btnMore[data-v-b668c9c0] {
  height: .666667rem;
  line-height: .666667rem;
  text-align: center;
  font-size: .213333rem;
  color: #333;
  font-weight: 400;
  /* font-family: DINOffcPro-Bold; */
  border: .013333rem solid rgba(51, 51, 51, .2);
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  transition: all .1s ease-out
}

#about .btnMore[data-v-b668c9c0]:hover {
  line-height: .64rem;
  border: .026667rem solid #333
}

@media screen and (max-width:767px) {
  #about .banner[data-v-b668c9c0] {
    height: 8.6rem
  }

  #about .tit[data-v-b668c9c0] {
    font-size: .96rem
  }

  #about .tit b[data-v-b668c9c0] {
    color: #df001f;
    padding-right: .266667rem;
    /* font-family: DINOffcPro-CondBold; */
    font-weight: 400
  }

  #about .about-content[data-v-b668c9c0] {
    width: 83%
  }

  #about .about-content .gridContentNum[data-v-b668c9c0] {
    display: flex;
    align-items: center;
    height: 1.226667rem
  }

  #about .about-content .gridContentNum img[data-v-b668c9c0] {
    height: auto;
    width: .8rem;
    margin-right: .24rem
  }

  #about .about-content .gridContent1[data-v-b668c9c0] {
    padding-top: 1.333333rem
  }

  #about .about-content .gridContent1 .gridContentText[data-v-b668c9c0] {
    margin-top: .533333rem
  }

  #about .about-content .gridContent1 .gridContentText dl[data-v-b668c9c0] {
    margin-bottom: 1.333333rem
  }

  #about .about-content .gridContent1 .gridContentText dt[data-v-b668c9c0] {
    color: #333;
    line-height: 1.28;
    font-size: 60px;
    font-weight: 400;
    font-size: .8rem;
    /* font-family: DINOffcPro-CondBold; */
    margin-bottom: .533333rem
  }

  #about .about-content .gridContent1 .gridContentText dd[data-v-b668c9c0] {
    font-size: .426667rem;
    padding-bottom: .533333rem
  }

  #about .about-content .gridContent2[data-v-b668c9c0] {
    padding-top: 1.333333rem;
    padding-bottom: 2.666667rem
  }

  #about .about-content .gridContent2 .gridContentNum[data-v-b668c9c0] {
    margin-bottom: 1.066667rem
  }

  #about .about-content .btnMore[data-v-b668c9c0] {
    height: 1.066667rem;
    line-height: 1.066667rem;
    font-size: .426667rem;
    border-radius: .066667rem
  }

  #about .about-content .lastDd[data-v-b668c9c0] {
    padding-bottom: 0 !important
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #about .about-content[data-v-b668c9c0] {
    width: 95.833%
  }

  #about .about-content .gridContentNum[data-v-b668c9c0] {
    margin-top: .066667rem
  }
}

@media screen and (min-width:992px) {
  #about .about-content[data-v-b668c9c0] {
    width: 1180px
  }

  #about .about-content .gridContentNum[data-v-b668c9c0] {
    margin-top: 15px
  }

  #about .about-content .gridContent2[data-v-b668c9c0] {
    padding-bottom: 2.666667rem
  }
}

.center-navbar[data-v-c708d71e] {
  position: inherit !important
}

[data-v-c708d71e] .positionFixed {
  left: 0
}

.wrapperBorder[data-v-c708d71e] {
  width: 1180px
}

.top[data-v-c708d71e] {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  .top[data-v-c708d71e] {
    margin-top: 0
  }
}

.new-center[data-v-c708d71e] {
  min-height: 100%;
  background: #fff
}

@media screen and (max-width:768px) {
  .new-center[data-v-c708d71e] {
    background: #fafafa
  }
}

.new-center .center-wrapper[data-v-c708d71e] {
  z-index: 0;
  width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative
}

@media screen and (max-width:768px) {
  .new-center .center-wrapper[data-v-c708d71e] {
    width: 100%
  }
}

.new-center .center-classification[data-v-c708d71e] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  background-color: #fff
}

@media screen and (max-width:768px) {
  .new-center .center-classification[data-v-c708d71e] {
    height: 1.36rem;
    padding: 0 .426667rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
  }
}

.new-center .center-classification>p[data-v-c708d71e] {
  font-size: 16px;
  font-family: dinoffcpro-bold
}

@media screen and (max-width:768px) {
  .new-center .center-classification>p[data-v-c708d71e] {
    font-size: .4rem
  }
}

.new-center .center-classification .classification[data-v-c708d71e] {
  display: flex;
  align-items: center
}

.new-center .center-classification .classification p[data-v-c708d71e] {
  cursor: pointer;
  font-size: 12px;
  margin-right: 30px;
  display: inline-block
}

.new-center .center-classification .classification p:hover a[data-v-c708d71e] {
  color: rgba(51, 51, 51, .5)
}

.new-center .center-classification .classification p[data-v-c708d71e]:last-child {
  margin-right: 0
}

.mobile-center-nav[data-v-c708d71e] {
  flex: 1;
  padding-left: 1.466667rem
}

.is-reverse[data-v-c708d71e] {
  transform: rotate(0deg) !important
}

.mobile-centerNav-icon[data-v-c708d71e] {
  width: 1.333333rem;
  min-width: 1.333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s;
  transform: rotate(180deg);
  color: #333;
  font-size: 26px
}

.mobile-center-navList[data-v-c708d71e] {
  position: absolute;
  left: 0;
  top: 1.36rem;
  width: 100%;
  padding: 0 .426667rem;
  box-sizing: border-box;
  background-color: #fff;
  transform-origin: center top;
  z-index: 10
}

.mobile-center-navList p[data-v-c708d71e] {
  font-size: 12px;
  height: 48px;
  display: flex;
  align-items: center;
  font-size: .426667rem;
  border-bottom: .013333rem solid rgba(0, 0, 0, .1)
}

.mobile-center-navList a[data-v-c708d71e] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.gridContent1 .gridContent[data-v-30950852] {
  margin-bottom: 40px
}

.gridContent1 .gridContent .img[data-v-30950852] {
  width: 100%;
  padding-bottom: 63.291%;
  height: 0;
  background: #eee;
  margin-bottom: 23px
}

.gridContent1 .gridContent .img img[data-v-30950852] {
  width: 100%;
  display: block
}

.gridContent1 .gridContent dl dt[data-v-30950852] {
  text-align: center;
  font-size: 12px;
  height: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  /* font-family: DINOffcPro; */
  color: #999
}

.gridContent1 .gridContent dl dd[data-v-30950852] {
  color: #333;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  height: 74px;
  width: 93.67%;
  margin: 0 auto;
  text-align: center
}

.gridContent1 .gridContent dl dd span[data-v-30950852] {
  display: block
}

.gridContent1 .gridContent dl dd span[data-v-30950852]:empty {
  display: none
}

.gridContent1[data-v-30950852]::after {
  content: "";
  width: 316px;
  height: 353px;
  display: flex
}

@media screen and (max-width:767px) {
  .gridContent1 .gridContent .img[data-v-30950852] {
    margin-bottom: 22px
  }

  .gridContent1 .gridContent dl dt[data-v-30950852] {
    font-size: 16px;
    height: 16px
  }

  .gridContent1 .gridContent dl dd[data-v-30950852] {
    height: auto
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .gridContent1 .gridContent[data-v-30950852] {
    margin-bottom: .186667rem
  }

  .gridContent1 .gridContent .img[data-v-30950852] {
    margin-bottom: 25px
  }

  .gridContent1 .gridContent dl dt[data-v-30950852] {
    font-size: 16px;
    line-height: 18px;
    height: 16px
  }
}

.aboutEleTab .el-tabs__nav-wrap {
  width: 100%
}

.aboutEleTab .el-tabs__nav-wrap::after {
  height: 0
}

.aboutEleTab .el-tabs__item {
  font-size: 20px;
  font-weight: 700
}

.aboutEleTab .el-tabs__nav-scroll {
  width: 100%;
  display: flex;
  justify-content: center
}

.aboutEleTab .el-tabs__nav-scroll .el-tabs__nav {
  width: 320px;
  height: 27px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
  line-height: 1;
  font-size: 20px;
  font-weight: 700
}

.aboutEleTab .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar {
  display: none
}

.aboutEleTab .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active, .aboutEleTab .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item:hover {
  color: #df001f
}

@media screen and (max-width:767px) {
  .aboutEleTab .el-tabs__header {
    margin-bottom: 22px
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .aboutEleTab .el-tabs__header {
    margin-bottom: .293333rem
  }
}

@media screen and (min-width:992px) {
  .aboutEleTab .el-tabs__header {
    margin-bottom: .56rem
  }
}

.banner .banner-logo[data-v-6e2f387a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.banner[data-v-6e2f387a] {
  position: relative;
  width: 100%;
  height: 580px;
  text-align: center
}

.banner .bannner-img[data-v-6e2f387a] {
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0
}

.banner .banner-logo[data-v-6e2f387a] {
  width: 475.93px;
  height: 204.04px;
  text-align: center
}

.banner .banner-logo p[data-v-6e2f387a] {
  color: #fff;
  line-height: 14px;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  font-weight: 400;
  margin: 58.5px 0 5px
}

.banner .banner-logo h4[data-v-6e2f387a] {
  color: #fff;
  line-height: 50px;
  font-size: 36px;
  font-weight: 400
}

#about[data-v-6e2f387a] {
  width: 100%;
  height: auto
}

#about .about-content[data-v-6e2f387a] {
  margin: 0 auto;
  padding-top: 59px
}

@media screen and (max-width:767px) {
  #about .about-content[data-v-6e2f387a] {
    width: 91.4667%;
    padding-top: 39px
  }

  #about .banner[data-v-6e2f387a] {
    height: 8.533333rem;
    background: #110f09
  }

  #about .banner .banner-logo[data-v-6e2f387a] {
    width: 7.2rem;
    height: 3.066667rem;
    text-align: center
  }

  #about .banner .banner-logo p[data-v-6e2f387a] {
    margin: .533333rem 0 .133333rem;
    font-size: .4rem
  }

  #about .banner .banner-logo h4[data-v-6e2f387a] {
    font-size: .586667rem
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #about .about-content[data-v-6e2f387a] {
    width: 95.833%;
    padding-top: 39px
  }

  #about .banner[data-v-6e2f387a] {
    height: 5.8rem;
    background: #110f09 url(img/b181179.png) no-repeat 50%;
    background-size: cover
  }
}

@media screen and (min-width:992px) {
  #about .about-content[data-v-6e2f387a] {
    width: 13.066667rem;
    padding-left: .133333rem;
    padding-right: .133333rem
  }

  #about .banner[data-v-6e2f387a] {
    background: #110f09 url(img/b181179.png) no-repeat 50%;
    background-size: cover
  }
}

.btn[data-v-4e74e6e0] {
  cursor: pointer
}

.btn a[data-v-4e74e6e0] {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  /* font-family: DINOffcPro-Bold; */
  font-weight: 400
}

[data-v-4e74e6e0] .el-form-item__error {
  font-size: 12px;
  padding-top: 2px
}

.form[data-v-4e74e6e0] {
  width: 580px;
  margin: 0 auto;
  padding-bottom: 104px
}

.form .title[data-v-4e74e6e0] {
  padding: 80px 0 36px
}

.form[data-v-4e74e6e0] .el-form-item {
  margin-bottom: 20px
}

.form[data-v-4e74e6e0] .el-input__inner {
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  padding-left: 15px;
  font-size: 16px;
  border: .013333rem solid rgba(51, 51, 51, .2);
  border-radius: 5px;
  outline: none
}

.form[data-v-4e74e6e0] .el-input__inner:focus, .form[data-v-4e74e6e0] .el-input__inner:hover {
  border: .013333rem solid rgba(51, 51, 51, .5)
}

.form[data-v-4e74e6e0] .el-textarea__inner {
  width: 100%;
  height: 200px;
  padding: .2rem;
  font-size: 16px;
  border: .013333rem solid rgba(51, 51, 51, .2);
  border-radius: 5px;
  outline: none;
  line-height: 1.3;
  box-sizing: border-box
}

.form[data-v-4e74e6e0] .el-textarea__inner:focus, .form[data-v-4e74e6e0] .el-textarea__inner:hover {
  border: .013333rem solid rgba(51, 51, 51, .5)
}

.form .btn[data-v-4e74e6e0] {
  width: 100%;
  height: 50px;
  color: #999;
  line-height: 50px;
  font-size: 16px;
  font-weight: 400;
  /* font-family: DINOffcPro-Bold; */
  text-align: center;
  margin: 60px auto 0;
  background: #eee;
  border-radius: 5px;
  transition: all .4s
}

.form .btn.active[data-v-4e74e6e0] {
  color: #fff;
  background: #df001f
}

.form .btn.active[data-v-4e74e6e0]:hover {
  background: #ab160f;
  border-radius: 5px
}

#about[data-v-4e74e6e0] {
  background: #fafafa
}

img[data-v-4e74e6e0] {
  display: block
}

.con[data-v-4e74e6e0] {
  width: 1180px;
  margin: 0 auto
}

.title[data-v-4e74e6e0] {
  color: #333;
  line-height: 1.16;
  font-size: 36px;
  font-weight: 400;
  padding: 100px 0 40px;
  /* font-family: DINOffcPro-Bold; */
  text-align: center
}

.banner[data-v-4e74e6e0] {
  background: #fff;
  padding-top: 50px
}

.banner .map[data-v-4e74e6e0] {
  width: 100%
}

.banner .msg[data-v-4e74e6e0] {
  padding-left: 20px;
  padding-top: .933333rem
}

.banner .msg .tit[data-v-4e74e6e0] {
  color: #333;
  line-height: 1;
  font-size: 80px;
  font-weight: 400;
  /* font-family: DINOffcPro-CondBold; */
  margin-bottom: .266667rem
}

.banner .msg p[data-v-4e74e6e0] {
  color: #333;
  line-height: 1.75;
  font-size: 16px;
  font-weight: 400
}

.banner .msg p a[data-v-4e74e6e0] {
  color: #df001f
}

.list[data-v-4e74e6e0] {
  overflow: hidden;
  padding-bottom: .8rem
}

.list dl[data-v-4e74e6e0] {
  padding-top: 40px;
  background: #fff;
  border-radius: 20px;
  height: 400px;
  box-sizing: border-box;
  position: relative
}

.list dl.p3[data-v-4e74e6e0] {
  margin-bottom: 0
}

.list dl dt[data-v-4e74e6e0] {
  margin-bottom: .266667rem
}

.list dl dt img[data-v-4e74e6e0] {
  margin: 0 auto;
  width: 100px
}

.list dl dd[data-v-4e74e6e0] {
  text-align: left;
  min-height: 70px;
  width: 75%;
  margin: 0 auto;
  color: #333;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 400
}

.list dl dd.btn[data-v-4e74e6e0] {
  width: 75%;
  height: 50px;
  min-height: unset;
  line-height: 50px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  border-radius: 5px;
  background: #df001f;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px
}

.list dl dd.btn[data-v-4e74e6e0] :hover {
  background: #ab160f;
  border-radius: 5px
}

@media screen and (max-width:767px) {
  .con[data-v-4e74e6e0], .form[data-v-4e74e6e0] {
    width: 91.46%
  }

  .banner[data-v-4e74e6e0] {
    padding-top: 1.333333rem
  }

  .banner .con[data-v-4e74e6e0] {
    width: 100%
  }

  .banner .msg[data-v-4e74e6e0] {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 1.066667rem;
    text-align: center
  }

  .banner .msg .tit[data-v-4e74e6e0] {
    font-size: 1.333333rem;
    margin-bottom: .533333rem
  }

  .banner .msg p[data-v-4e74e6e0] {
    font-size: .426667rem
  }

  .title[data-v-4e74e6e0] {
    font-size: .64rem;
    padding: 2.133333rem 0 1.066667rem
  }

  .list dl[data-v-4e74e6e0] {
    margin-bottom: .8rem;
    padding-top: 1.066667rem;
    height: 9.333333rem;
    border-radius: .266667rem
  }

  .list dl dt[data-v-4e74e6e0] {
    margin-bottom: .533333rem
  }

  .list dl dt img[data-v-4e74e6e0] {
    width: 2.666667rem
  }

  .list dl dd[data-v-4e74e6e0] {
    height: 2.226667rem;
    font-size: .426667rem;
    width: 80%
  }

  .list dl dd.btn[data-v-4e74e6e0] {
    height: 1.333333rem;
    line-height: 1.333333rem;
    bottom: 1.066667rem;
    width: 80%
  }

  .form[data-v-4e74e6e0] {
    padding-bottom: 2.133333rem
  }

  .form[data-v-4e74e6e0] .el-form-item {
    margin-bottom: .4rem
  }

  .form[data-v-4e74e6e0] .el-input__inner {
    height: auto;
    line-height: 1;
    padding: .333333rem 0 .386667rem .4rem;
    font-size: .373333rem
  }

  .form[data-v-4e74e6e0] .el-textarea__inner {
    width: 100%;
    height: 5.653333rem;
    padding: .4rem;
    font-size: .373333rem
  }

  .form .btn[data-v-4e74e6e0] {
    height: 1.333333rem;
    line-height: 1.333333rem;
    font-size: .373333rem;
    margin: .8rem auto 0
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .banner[data-v-4e74e6e0] {
    padding-top: 1.333333rem
  }

  .banner .con[data-v-4e74e6e0] {
    width: 100%
  }

  .banner .msg[data-v-4e74e6e0] {
    padding-left: 0;
    padding-bottom: .8rem;
    text-align: center
  }

  .banner .msg .tit[data-v-4e74e6e0] {
    font-size: 1.066667rem;
    margin-bottom: .533333rem
  }

  .banner .msg p[data-v-4e74e6e0] {
    font-size: .213333rem
  }

  .con[data-v-4e74e6e0] {
    width: 95.833%
  }

  .form[data-v-4e74e6e0] {
    width: 76%
  }
}

@media screen and (min-width:992px) and (max-width:1200px) {
  .con[data-v-4e74e6e0] {
    width: 91.47%
  }
}

.ulWrapper[data-v-50bd6f8d] {
  margin-bottom: 60px;
  padding-top: .293333rem
}

.phone-item[data-v-50bd6f8d] {
  display: none
}

.itemBg[data-v-50bd6f8d] {
  background-color: #fafafa
}

.item[data-v-50bd6f8d] {
  height: 63px;
  padding: 17px 0 0 10px;
  display: flex;
  font-size: 16px;
  cursor: pointer;
  position: relative
}

.item>[data-v-50bd6f8d] {
  position: relative;
  z-index: 2
}

.item[data-v-50bd6f8d]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  .item[data-v-50bd6f8d]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .item[data-v-50bd6f8d]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .item[data-v-50bd6f8d]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.item .unify[data-v-50bd6f8d] {
  color: #333;
  line-height: 22px;
  font-size: 16px;
  font-weight: 400
}

.item .itemLeft[data-v-50bd6f8d] {
  width: 48.765%
}

.item .itemLeft .itemTitle[data-v-50bd6f8d] {
  display: flex;
  align-items: center
}

.item .itemLeft .itemTitle .icon[data-v-50bd6f8d] {
  width: 24px;
  height: 20px;
  overflow: hidden;
  margin-right: 10px
}

.item .itemLeft .itemTitle .icon .icon-ji[data-v-50bd6f8d] {
  width: 24px;
  height: 20px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCI+PGcgZGF0YS1uYW1lPSLnu4QgMzU1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyIC0xMzkpIj48cmVjdCBkYXRhLW5hbWU9IuefqeW9oiAzODMzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MiAxMzkpIiBmaWxsPSIjZGYwMDFmIi8+PHRleHQgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcgMTU0KSIgZmlsbD0iI2ZmZiIgZm9udC1zaXplPSIxNCIgZm9udC1mYW1pbHk9IlBpbmdGYW5nIFNDIEJvbGQsIFBpbmdGYW5nIFNDIj48dHNwYW4geD0iMCIgeT0iMCI+5oClPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==) no-repeat
}

.item .itemLeft .itemTitle .icon .icon-xin[data-v-50bd6f8d] {
  width: 24px;
  height: 20px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCI+PGcgZGF0YS1uYW1lPSLnu4QgMzU1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyIC0xMzkpIj48cmVjdCBkYXRhLW5hbWU9IuefqeW9oiAzODMzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MiAxMzkpIiBmaWxsPSIjYzM4YjIyIi8+PHRleHQgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcgMTU0KSIgZmlsbD0iI2ZmZiIgZm9udC1zaXplPSIxNCIgZm9udC1mYW1pbHk9IlBpbmdGYW5nIFNDIEJvbGQsIFBpbmdGYW5nIFNDIj48dHNwYW4geD0iMCIgeT0iMCI+5pawPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==) no-repeat
}

.item .itemLeft .itemDate[data-v-50bd6f8d] {
  color: #999;
  line-height: 19px;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  font-weight: 400;
  padding-top: .133333rem
}

.item .itemKind[data-v-50bd6f8d] {
  width: 23.148%;
  margin: 0 2.469%
}

.item .itemCity[data-v-50bd6f8d] {
  width: 10.34%;
  margin-right: 4.629%
}

.item .arrowWrapper[data-v-50bd6f8d] {
  padding-top: 16px
}

.item .arrowWrapper .arrow[data-v-50bd6f8d] {
  width: 13.52px;
  height: 7.51px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MjEiIGhlaWdodD0iNy41MSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzUxIiBkPSJNNi43NjEgNy41MWEuNzUuNzUgMCAwMS0uNTMxLS4yMTlsLS4wMi0uMDIxTC4yMjEgMS4yODFBLjc1Ljc1IDAgMTExLjI4MS4yMkw2Ljc2IDUuNyAxMi4yNDEuMjJhLjc1Ljc1IDAgMDExLjA2IDEuMDYxTDcuMzEyIDcuMjdsLS4wMi4wMjFhLjc0OS43NDkgMCAwMS0uNTMxLjIxOXoiIGZpbGw9IiNjY2MiLz48L3N2Zz4=) no-repeat
}

.item .closeDetail[data-v-50bd6f8d] {
  display: none
}

.item .showDetail[data-v-50bd6f8d] {
  display: block !important
}

.itemBottom[data-v-50bd6f8d] {
  position: relative
}

.itemBottom>[data-v-50bd6f8d] {
  position: relative;
  z-index: 2
}

.itemBottom[data-v-50bd6f8d]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px
}

@media (-webkit-min-device-pixel-ratio:2) {
  .itemBottom[data-v-50bd6f8d]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .itemBottom[data-v-50bd6f8d]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .itemBottom[data-v-50bd6f8d]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.itemRequire[data-v-50bd6f8d] {
  padding: 0 0 40px 20px
}

.itemRequire dt[data-v-50bd6f8d] {
  color: #999;
  line-height: 19px;
  font-size: 14px;
  font-weight: 400;
  padding: 30px 0 20px
}

.itemRequire dd[data-v-50bd6f8d] {
  color: #999;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400
}

.itemRequireJiBackground[data-v-50bd6f8d] {
  background-color: #fafafa
}

.itemRequireBorder[data-v-50bd6f8d] {
  position: relative
}

.itemRequireBorder>[data-v-50bd6f8d] {
  position: relative;
  z-index: 2
}

.itemRequireBorder[data-v-50bd6f8d]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  .itemRequireBorder[data-v-50bd6f8d]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .itemRequireBorder[data-v-50bd6f8d]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .itemRequireBorder[data-v-50bd6f8d]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.arrowRotate[data-v-50bd6f8d] {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.arrowRotate2[data-v-50bd6f8d] {
  transform: rotate(180deg)
}

@media screen and (max-width:767px) {
  .ulWrapper[data-v-50bd6f8d] {
    width: 100%
  }

  .ulWrapper .phone-item[data-v-50bd6f8d] {
    height: 96px;
    display: flex;
    justify-content: space-between;
    position: relative
  }

  .ulWrapper .phone-item>[data-v-50bd6f8d] {
    position: relative;
    z-index: 2
  }

  .ulWrapper .phone-item[data-v-50bd6f8d]::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #eee
  }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
  .ulWrapper .phone-item[data-v-50bd6f8d]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:1.5) {
  .ulWrapper .phone-item[data-v-50bd6f8d]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:3) {
  .ulWrapper .phone-item[data-v-50bd6f8d]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  .ulWrapper .phone-item .itemLeft[data-v-50bd6f8d] {
    padding-left: 10px;
    width: 72.012%;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .ulWrapper .phone-item .itemLeft .itemTitle[data-v-50bd6f8d] {
    display: flex;
    align-items: center;
    color: #333;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400
  }

  .ulWrapper .phone-item .itemLeft .itemTitle .icon[data-v-50bd6f8d] {
    width: 24px;
    height: 20px;
    overflow: hidden;
    margin-right: 10px
  }

  .ulWrapper .phone-item .itemLeft .itemTitle .icon .icon-ji[data-v-50bd6f8d] {
    width: 24px;
    height: 20px;
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCI+PGcgZGF0YS1uYW1lPSLnu4QgMzU1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyIC0xMzkpIj48cmVjdCBkYXRhLW5hbWU9IuefqeW9oiAzODMzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MiAxMzkpIiBmaWxsPSIjZGYwMDFmIi8+PHRleHQgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcgMTU0KSIgZmlsbD0iI2ZmZiIgZm9udC1zaXplPSIxNCIgZm9udC1mYW1pbHk9IlBpbmdGYW5nIFNDIEJvbGQsIFBpbmdGYW5nIFNDIj48dHNwYW4geD0iMCIgeT0iMCI+5oClPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==) no-repeat
  }

  .ulWrapper .phone-item .itemLeft .itemTitle .icon .icon-xin[data-v-50bd6f8d] {
    width: 24px;
    height: 20px;
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCI+PGcgZGF0YS1uYW1lPSLnu4QgMzU1NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyIC0xMzkpIj48cmVjdCBkYXRhLW5hbWU9IuefqeW9oiAzODMzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHJ4PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MiAxMzkpIiBmaWxsPSIjYzM4YjIyIi8+PHRleHQgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjcgMTU0KSIgZmlsbD0iI2ZmZiIgZm9udC1zaXplPSIxNCIgZm9udC1mYW1pbHk9IlBpbmdGYW5nIFNDIEJvbGQsIFBpbmdGYW5nIFNDIj48dHNwYW4geD0iMCIgeT0iMCI+5pawPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==) no-repeat
  }

  .ulWrapper .phone-item .itemLeft .itemBottom[data-v-50bd6f8d] {
    padding-top: .293333rem;
    display: flex;
    justify-content: space-between;
    color: #999;
    line-height: 19px;
    font-size: 14px;
    /* font-family: DINOffcPro; */
    font-weight: 400
  }

  .ulWrapper .phone-item .arrowWrapper[data-v-50bd6f8d] {
    width: 15.452%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .ulWrapper .phone-item .arrowWrapper .arrow[data-v-50bd6f8d] {
    width: 13.52px;
    height: 7.51px;
    overflow: hidden;
    padding: 8px 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MjEiIGhlaWdodD0iNy41MSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzUxIiBkPSJNNi43NjEgNy41MWEuNzUuNzUgMCAwMS0uNTMxLS4yMTlsLS4wMi0uMDIxTC4yMjEgMS4yODFBLjc1Ljc1IDAgMTExLjI4MS4yMkw2Ljc2IDUuNyAxMi4yNDEuMjJhLjc1Ljc1IDAgMDExLjA2IDEuMDYxTDcuMzEyIDcuMjdsLS4wMi4wMjFhLjc0OS43NDkgMCAwMS0uNTMxLjIxOXoiIGZpbGw9IiNjY2MiLz48L3N2Zz4=) no-repeat;
    background-position-y: .213333rem
  }

  .ulWrapper .itemBottom[data-v-50bd6f8d] {
    position: relative
  }

  .ulWrapper .itemBottom>[data-v-50bd6f8d] {
    position: relative;
    z-index: 2
  }

  .ulWrapper .itemBottom[data-v-50bd6f8d]::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-bottom: 1px
  }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
  .ulWrapper .itemBottom[data-v-50bd6f8d]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:1.5) {
  .ulWrapper .itemBottom[data-v-50bd6f8d]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:3) {
  .ulWrapper .itemBottom[data-v-50bd6f8d]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  .ulWrapper .phone-item-Bg[data-v-50bd6f8d] {
    background-color: #fafafa
  }

  .ulWrapper .item[data-v-50bd6f8d] {
    display: none
  }
}

@-webkit-keyframes mymove-data-v-50bd6f8d {
  0% {
    height: 0
  }

  to {
    height: 5.333333rem
  }
}

@keyframes mymove-data-v-50bd6f8d {
  0% {
    height: 0
  }

  to {
    height: 5.333333rem
  }
}

#new-el-Pagination {
  margin-bottom: 100px
}

#new-el-Pagination .el-pagination {
  margin: 0 auto;
  text-align: center
}

#new-el-Pagination .el-pagination .el-pager li {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  border-radius: .04rem;
  margin: 0 .066667rem;
  color: #333;
  line-height: 40px;
  font-size: 16px;
  /* font-family: DINOffcPro; */
  font-weight: 400
}

#new-el-Pagination .el-pagination .el-pager li>* {
  position: relative;
  z-index: 2
}

#new-el-Pagination .el-pagination .el-pager li::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd
}

@media (-webkit-min-device-pixel-ratio:2) {
  #new-el-Pagination .el-pagination .el-pager li::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #new-el-Pagination .el-pagination .el-pager li::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #new-el-Pagination .el-pagination .el-pager li::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#new-el-Pagination .el-pagination .el-pager li.active {
  background: #333;
  color: #fff
}

#new-el-Pagination .el-pagination .btn-next, #new-el-Pagination .el-pagination .btn-prev {
  height: 40px;
  line-height: 40px
}

#new-el-Pagination .el-pagination .btn-next .el-icon, #new-el-Pagination .el-pagination .btn-prev .el-icon {
  font-size: 14px
}

#new-el-Pagination .el-pagination button:hover {
  color: #333
}

#about[data-v-7939a414] {
  width: 100%;
  height: auto
}

#about .banner[data-v-7939a414] {
  width: 100%;
  height: 400px;
  background: url(img/6b5a5ba.png) no-repeat 50%;
  background-size: cover
}

#about .about-content[data-v-7939a414] {
  margin: 0 auto;
  padding-top: 59px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

#about .about-content .contentSearch[data-v-7939a414] {
  width: 32.245%;
  min-height: 170px
}

#about .about-content .contentSearch h4[data-v-7939a414] {
  color: #333;
  line-height: 28px;
  font-size: 20px;
  font-family: PingFangSC;
  font-weight: 700;
  margin-bottom: 22px
}

#about .about-content .contentSearch .searchWrap[data-v-7939a414] {
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 20px
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414] {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 16px;
  text-indent: 20px;
  padding-right: 50px
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]:hover {
  border-color: #999
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]:focus {
  border-color: #000
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]::-moz-placeholder {
  font-size: 16px;
  color: #ccc
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]::-ms-input-placeholder {
  font-size: 16px;
  color: #ccc
}

#about .about-content .contentSearch .searchWrap .search[data-v-7939a414]::placeholder {
  font-size: 16px;
  color: #ccc
}

#about .about-content .contentSearch .searchWrap .fangdajing[data-v-7939a414] {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9Iue7hCAzNTY5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCI+PHBhdGggZGF0YS1uYW1lPSLnn6nlvaIgNDA1NCIgZmlsbD0ibm9uZSIgZD0iTTAgMGg1MHY1MEgweiIvPjxwYXRoIGQ9Ik0zMS44MDEgMzEuNDg5bC0uMzMzLjMyN2EuNjYxLjY2MSAwIDAxLS45MTQgMGwtMi4zMjMtMi4zNzFhNi44NTQgNi44NTQgMCAwMS0zLjgyNSAxLjIyNiA2LjQyMSA2LjQyMSAwIDAxLTYuNC02LjM3NyA2LjQ4NSA2LjQ4NSAwIDExMTEuNTU2IDQuMDg4bDIuMzI3IDIuMjg5YS42MjUuNjI1IDAgMDEtLjA4OC44MTh6bS03LjMxNi0xMS44NTRhNC43NzEgNC43NzEgMCAwMC00LjgyMiA0LjY1OSA0LjgyNSA0LjgyNSAwIDAwOS42NDQgMCA0LjgyNSA0LjgyNSAwIDAwLTQuODIxLTQuNjU5eiIgZmlsbD0iI2NjYyIvPjwvc3ZnPg==) no-repeat;
  cursor: pointer
}

#about .about-content .contentSearch .search[data-v-7939a414]:focus {
  outline: none
}

#about .about-content .contentSearch .jobAndCity[data-v-7939a414] {
  width: 100%;
  line-height: 48px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

#about .about-content .contentSearch .jobAndCity .newaboutsel[data-v-7939a414] {
  width: 50%
}

#about .about-content .contentSearch .jobAndCity .newaboutsel[data-v-7939a414]:first-child {
  margin-right: .106667rem
}

#about .about-content .contentSearch .jobAndCity .newaboutsel[data-v-7939a414]:last-child {
  margin-left: .106667rem
}

#about .about-content .contentSearch .remind[data-v-7939a414] {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  color: #999;
  line-height: 24px;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  font-weight: 400;
  background: #fafafa;
  display: block
}

#about .about-content .contentDetail[data-v-7939a414] {
  width: 66.123%
}

#about .about-content .contentDetail .tableTh[data-v-7939a414] {
  display: flex;
  color: #333;
  line-height: 27px;
  font-size: 20px;
  font-weight: 700;
  padding-left: .133333rem
}

#about .about-content .contentDetail .tableTh .itemLeft[data-v-7939a414] {
  width: 48.765%
}

#about .about-content .contentDetail .tableTh .itemKind[data-v-7939a414] {
  width: 23.148%;
  margin: 0 2.469%
}

#about .about-content .contentDetail .tableTh .itemCity[data-v-7939a414] {
  width: 10.34%;
  margin-right: 4.629%
}

#about .about-content .contentDetail .phoneRemind[data-v-7939a414] {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  color: #999;
  line-height: 24px;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  font-weight: 400;
  background: #fafafa;
  margin-bottom: 20px;
  display: none
}

#about .linkWrapper[data-v-7939a414] {
  background: #222
}

@media screen and (max-width:767px) {
  #about .about-content[data-v-7939a414] {
    width: 91.4667%
  }

  #about .about-content .contentSearch[data-v-7939a414] {
    width: 100%
  }

  #about .about-content .contentSearch .remind[data-v-7939a414] {
    display: none
  }

  #about .about-content .contentDetail[data-v-7939a414] {
    width: 100%
  }

  #about .about-content .contentDetail .tableTh[data-v-7939a414] {
    display: none
  }

  #about .about-content .contentDetail .phoneRemind[data-v-7939a414] {
    display: block
  }

  #about .jobAndCity .newaboutsel[data-v-7939a414]:first-child {
    margin-right: .133333rem !important
  }

  #about #about .about-content .contentSearch .jobAndCity .newaboutsel[data-v-7939a414]:last-child {
    margin-left: .133333rem
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #about .about-content[data-v-7939a414] {
    width: 95.833%
  }

  #about .about-content .contentSearch[data-v-7939a414] {
    width: 100%
  }

  #about .about-content .contentSearch .remind[data-v-7939a414] {
    display: none
  }

  #about .about-content .contentDetail[data-v-7939a414] {
    width: 100%
  }

  #about .about-content .contentDetail .tableTh[data-v-7939a414] {
    margin-top: .266667rem
  }

  #about .about-content .contentDetail .phoneRemind[data-v-7939a414] {
    display: block
  }
}

@media screen and (min-width:992px) {
  #about .about-content[data-v-7939a414] {
    width: 13.066667rem;
    padding-left: .133333rem;
    padding-right: .133333rem
  }
}

.specs[data-v-3679d7a2] {
  background: #fff
}

img[data-v-3679d7a2] {
  display: block;
  width: 100%
}

.specs-pc[data-v-3679d7a2] {
  width: 1920px;
  font-size: 0
}

.specs-pc[data-v-3679d7a2], .specs-pc img[data-v-3679d7a2] {
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}

.specs-pc img[data-v-3679d7a2] {
  width: 1200px
}

.specs-mb .customSelectGlobal[data-v-3679d7a2] {
  padding: 0 .426667rem
}

.customSelectGlobal .el-input, .customSelectGlobal .el-select {
  width: 100%
}

.customSelectGlobal .el-input .el-input.is-focus .el-input__inner, .customSelectGlobal .el-select .el-input.is-focus .el-input__inner {
  border-color: #000
}

.customSelectGlobal .el-input .el-input__inner, .customSelectGlobal .el-select .el-input__inner {
  border: 1px solid #eee;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding: 0 50px 0 20px
}

.customSelectGlobal .el-input .el-input__inner:hover, .customSelectGlobal .el-select .el-input__inner:hover {
  border-color: #999
}

.customSelectGlobal .el-input .el-input__inner:focus, .customSelectGlobal .el-select .el-input__inner:focus {
  border-color: #eee
}

.customSelectGlobal .el-input .el-input__inner::-webkit-input-placeholder, .customSelectGlobal .el-select .el-input__inner::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc
}

.customSelectGlobal .el-input .el-input__inner::-moz-placeholder, .customSelectGlobal .el-select .el-input__inner::-moz-placeholder {
  font-size: 16px;
  color: #ccc
}

.customSelectGlobal .el-input .el-input__inner:-ms-input-placeholder, .customSelectGlobal .el-select .el-input__inner:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc
}

.customSelectGlobal .el-input .el-input__inner::-ms-input-placeholder, .customSelectGlobal .el-select .el-input__inner::-ms-input-placeholder {
  font-size: 16px;
  color: #ccc
}

.customSelectGlobal .el-input .el-input__inner::placeholder, .customSelectGlobal .el-select .el-input__inner::placeholder {
  font-size: 16px;
  color: #ccc
}

.customSelectGlobal .el-input .el-input__suffix, .customSelectGlobal .el-select .el-input__suffix {
  color: #ccc;
  border: 0;
  right: 1px
}

.customSelectGlobal .el-input .el-input__suffix .el-input__suffix-inner .el-input__icon, .customSelectGlobal .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon {
  width: 50px;
  margin-top: -1px;
  font-size: 18px
}

.el-select-dropdown {
  border: 1px solid #d7d7d7;
  margin: 10px 0 0
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap {
  max-height: 217px
}

.el-select-dropdown .popper__arrow {
  display: none !important
}

.el-select-dropdown .el-select-dropdown__list {
  padding: 0
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #999;
  padding-left: 20px
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover {
  background: #fafafa
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.selected {
  color: #333;
  font-weight: 400
}

.el-select-dropdown .el-select-dropdown__empty {
  height: 50px;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 14px;
  padding: 10px 0 10px 20px;
  text-align: left;
  color: #999
}

.customInputGlobal .el-input {
  width: 100%
}

.customInputGlobal .el-input .el-input__inner {
  border: 1px solid #eee;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding: 0 50px 0 20px
}

.customInputGlobal .el-input .el-input__inner:hover {
  border-color: #999
}

.customInputGlobal .el-input .el-input__inner:focus {
  border-color: #000
}

.customInputGlobal .el-input .el-input__inner::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc
}

.customInputGlobal .el-input .el-input__inner::-moz-placeholder {
  font-size: 16px;
  color: #ccc
}

.customInputGlobal .el-input .el-input__inner:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc
}

.customInputGlobal .el-input .el-input__inner::-ms-input-placeholder {
  font-size: 16px;
  color: #ccc
}

.customInputGlobal .el-input .el-input__inner::placeholder {
  font-size: 16px;
  color: #ccc
}

.customInputGlobal .el-input .el-input__suffix {
  color: #ccc;
  top: 1px;
  border: 0;
  right: 1px
}

.customInputGlobal .el-input .joinSearch {
  border: 0;
  background: transparent;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  font-size: 14px
}

.center-navbar[data-v-1233e720] {
  position: inherit !important
}

[data-v-1233e720] .positionFixed {
  left: 0
}

.wrapperBorder[data-v-1233e720] {
  width: 1180px
}

.media-center-details[data-v-1233e720] {
  position: relative;
  overflow: hidden;
  background: #fff;
  line-height: 1.5
}

.wrapper[data-v-1233e720] {
  z-index: 0;
  position: relative;
  width: 1180px;
  margin: 0 auto;
  padding-bottom: 1.333333rem;
  box-sizing: border-box
}

@media (max-width:767px) {
  .wrapper[data-v-1233e720] {
    width: 100%;
    padding-bottom: 1.333333rem
  }
}

.text-content[data-v-1233e720] {
  width: 13.066667rem;
  margin: .8rem auto 0
}

@media (max-width:767px) {
  .text-content[data-v-1233e720] {
    width: 100%;
    padding: 0 .426667rem;
    box-sizing: border-box
  }
}

.title[data-v-1233e720] {
  font-size: 36px;
  line-height: 46px;
  font-family: dinoffcpro-bold;
  font-weight: 400
}

@media (max-width:767px) {
  .title[data-v-1233e720] {
    height: auto;
    font-size: .48rem;
    line-height: .613333rem;
    display: flex;
    flex-direction: column;
    line-clamp: 2;
    overflow: hidden
  }
}

.tag-wrapper[data-v-1233e720] {
  margin-top: 20px;
  display: flex;
  align-items: center
}

.tag-wrapper p[data-v-1233e720] {
  font-size: 14px
}

.tag-wrapper p.date[data-v-1233e720] {
  margin: 0 20px 0 0
}

@media (max-width:767px) {
  .tag-wrapper[data-v-1233e720] {
    margin-top: .266667rem;
    flex-direction: column;
    align-items: flex-start
  }

  .tag-wrapper p.date[data-v-1233e720] {
    margin: 0 .266667rem 0 0
  }

  .tag-wrapper p.from[data-v-1233e720] {
    max-width: 7.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }
}

.txt[data-v-1233e720] {
  width: 980px;
  margin: 60px auto 0
}

@media (max-width:767px) {
  .txt[data-v-1233e720] {
    width: 100%;
    margin-top: 18px
  }
}

.txt p[data-v-1233e720] {
  font-size: 14px
}

.txt [data-v-1233e720] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px
}

.share[data-v-1233e720] {
  margin-top: 78px;
  position: relative;
  text-align: center;
  font-size: 0
}

@media (max-width:767px) {
  .share[data-v-1233e720] {
    padding-left: 0;
    margin-top: 30px
  }
}

.share a[data-v-1233e720] {
  display: inline-block;
  font-size: 24px;
  color: #222;
  margin: 0 14px;
  position: relative
}

.share a[data-v-1233e720]:hover {
  color: #df001f
}

.page[data-v-1233e720] {
  width: 13.066667rem;
  font-size: 14px;
  height: 65px;
  line-height: 65px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  margin: 40px auto 0;
  position: relative
}

@media (max-width:767px) {
  .page[data-v-1233e720] {
    width: 100%
  }
}

.page img[data-v-1233e720] {
  width: 6px;
  cursor: pointer
}

.page span[data-v-1233e720] {
  display: inline-block;
  width: 266px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle
}

@media (max-width:767px) {
  .page span[data-v-1233e720] {
    width: auto
  }
}

.page .pagePc[data-v-1233e720] {
  display: inline-block
}

.page .left[data-v-1233e720] {
  float: left;
  line-height: 65px
}

.page .left img[data-v-1233e720] {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle
}

.page .right[data-v-1233e720] {
  float: right;
  line-height: 65px
}

.page .right img[data-v-1233e720] {
  vertical-align: middle;
  display: inline-block
}

.page .home[data-v-1233e720] {
  width: 65px;
  height: 65px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -32.5px;
  box-sizing: border-box;
  cursor: pointer
}

.page .home a[data-v-1233e720] {
  transition: all .3s ease-out
}

.page .home img[data-v-1233e720] {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle
}

.page .pageIphone[data-v-1233e720] {
  display: inline-block;
  vertical-align: middle
}

.html-wrapper[data-v-1233e720] img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain
}

.html-wrapper[data-v-1233e720] iframe {
  width: 100%
}

.tag-container[data-v-1233e720] {
  display: flex;
  align-items: center;
  margin-right: 40px
}

@media (max-width:767px) {
  .tag-container[data-v-1233e720] {
    margin-right: .533333rem;
    margin-bottom: .293333rem
  }
}

.other-container[data-v-1233e720] {
  display: flex;
  align-items: center
}

.section[data-v-82ffd5cc] {
  position: relative;
  overflow: hidden;
  line-height: 1.5
}

.section a[data-v-82ffd5cc] {
  color: #df001f
}

.section .title[data-v-82ffd5cc] {
  font-size: 56px;
  line-height: 1;
  color: #212121;
  margin: 80px auto;
  width: 685px;
  font-family: dinoffcpro-bold
}

@media (max-width:767px) {
  .section .title[data-v-82ffd5cc] {
    font-size: .86rem;
    padding-left: .4rem;
    padding-right: .4rem;
    width: 100%;
    line-height: 1.3;
    margin: .8rem auto;
    word-break: break-all;
    box-sizing: border-box;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto
  }
}

.section .content[data-v-82ffd5cc] {
  font-size: 18px;
  line-height: 24px;
  color: #5c6670;
  margin-top: 20px;
  text-align: left
}

@media (max-width:767px) {
  .section .content[data-v-82ffd5cc] {
    font-size: .42rem;
    line-height: 1.3;
    margin-top: .6rem;
    padding-left: .4rem;
    padding-right: .4rem;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-all;
    box-sizing: border-box
  }
}

.section .sub-title[data-v-82ffd5cc] {
  font-size: 28px;
  line-height: 30px;
  color: #212121;
  margin: 60px auto 20px;
  text-align: left;
  width: 685px;
  font-weight: 400
}

@media (max-width:767px) {
  .section .sub-title[data-v-82ffd5cc] {
    line-height: .7rem;
    margin: .8rem 0 0 .4rem;
    padding-right: .4rem;
    width: 100%;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-all;
    box-sizing: border-box
  }
}

.section-team[data-v-82ffd5cc] {
  height: 4620px;
  text-align: left
}

@media (max-width:767px) {
  .section-team[data-v-82ffd5cc] {
    height: 130rem
  }
}

.section-team .content[data-v-82ffd5cc] {
  width: 685px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:767px) {
  .section-team .content[data-v-82ffd5cc] {
    width: 100%
  }
}

.abs-text[data-v-82ffd5cc] {
  width: 1200px;
  margin-left: -600px;
  top: 65px;
  z-index: 1;
  position: relative
}

@media (max-width:767px) {
  .abs-text[data-v-82ffd5cc] {
    width: 10rem;
    margin-left: -5rem;
    top: 0;
    text-align: left
  }
}

.abs-img[data-v-82ffd5cc], .abs-text[data-v-82ffd5cc] {
  position: absolute;
  left: 50%
}

.italic[data-v-82ffd5cc] {
  font-style: italic;
  color: #212121
}

.underline[data-v-82ffd5cc] {
  text-decoration: underline
}

#first-product-bg[data-v-5c3531c9] {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 835px
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-5c3531c9] {
    height: 15.413333rem
  }
}

#offset-product-headimg[data-v-5c3531c9] {
  position: relative;
  margin-top: 745px;
  background-color: #fafafa;
  transition: background .3s
}

@media screen and (max-width:768px) {
  #offset-product-headimg[data-v-5c3531c9] {
    margin-top: 14.133333rem
  }
}

section.sec[data-v-5c3531c9] {
  position: relative;
  width: 100%;
  overflow: hidden
}

section.sec .con[data-v-5c3531c9] {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1
}

@media screen and (min-width:769px) {
  .section1[data-v-5c3531c9] {
    width: 100%;
    height: 835px
  }

  .section1 .con1-img-box[data-v-5c3531c9] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
  }

  .section1 .con1-img-box #scene1_1[data-v-5c3531c9] {
    height: 100%
  }

  .section1 .con1-img-box .con1-bg-img[data-v-5c3531c9] {
    height: 900px;
    top: -.4rem !important
  }

  .section1 .con1-icon-box[data-v-5c3531c9] {
    width: 190px;
    height: 72px;
    position: absolute;
    left: 16.6%;
    top: 36.6%
  }

  .section1 .con1-icon-box .con1-icon-img[data-v-5c3531c9] {
    height: 100%;
    vertical-align: middle
  }
}

@media screen and (max-width:768px) {
  .section1[data-v-5c3531c9] {
    width: 100%;
    height: 15.413333rem
  }

  .section1.sec[data-v-5c3531c9] {
    overflow: visible
  }

  .section1 .con1-img-box[data-v-5c3531c9] {
    width: 100%;
    height: 100%
  }

  .section1 .con1-img-box #scene1_1[data-v-5c3531c9] {
    height: 100%
  }

  .section1 .con1-img-box .con1-bg-img[data-v-5c3531c9] {
    height: 14.666667rem;
    position: relative;
    top: -.333333rem !important;
    left: -140% !important
  }

  .section1 .con1-icon-box[data-v-5c3531c9] {
    width: 7.626667rem;
    height: 2.88rem;
    position: absolute;
    left: 50%;
    top: 2.88rem;
    transform: translateX(-50%)
  }

  .section1 .con1-icon-box #scene1_2[data-v-5c3531c9] {
    width: 7.626667rem;
    height: 100%
  }

  .section1 .con1-icon-box .con1-icon-img[data-v-5c3531c9] {
    width: 100%
  }
}

#niu-mplus #parameter-set h3 {
  padding: 0 10px;
  line-height: 1.2
}

@media screen and (max-width:768px) {
  #niu-mplus #parameter-set h3 {
    height: 100px;
    font-size: 12px
  }
}

#niu-product[data-v-257cf46a] {
  position: relative;
  background-color: #fafafa
}

#first-product-bg[data-v-257cf46a] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(img/bb2b462.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-257cf46a] {
    background-image: url(img/bb2b462.jpg)
  }
}

.mb-text[data-v-257cf46a] {
  position: absolute;
  left: 50%;
  top: 140px;
  width: 9.56rem;
  height: 3.453333rem;
  margin-left: -4.78rem
}

.mb-text>img[data-v-257cf46a] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

#offset-product-headimg[data-v-257cf46a] {
  position: relative;
  margin-top: 100vh;
  background-color: #fafafa;
  transition: background .3s
}

#niu-recommended[data-v-257cf46a] {
  background-color: #151515
}

.swiper-slide[data-v-257cf46a] .swiper-lazy-preloader {
  width: 20px;
  height: 20px
}

.banner[data-v-f1289d1e] {
  position: relative
}

.banner .logo[data-v-f1289d1e] {
  height: 34px;
  top: 22.5%
}

.banner .logo[data-v-f1289d1e], .banner .tit[data-v-f1289d1e] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.banner .tit[data-v-f1289d1e] {
  color: #fff;
  font-size: 88px;
  line-height: 1;
  /* font-family: DINOffcPro-CondBold; */
  top: 28.3%;
  width: 100%;
  text-align: center
}

@media screen and (max-width:768px) {
  .banner .logo[data-v-f1289d1e] {
    height: .88rem;
    top: 20.6%
  }

  .banner .tit[data-v-f1289d1e] {
    font-size: 1.306667rem;
    top: 28.5%
  }
}

#niu-product[data-v-f1289d1e] {
  position: relative;
  background-color: #fafafa
}

#first-product-bg[data-v-f1289d1e] {
  position: fixed;
  left: 50%;
  transform: translateX(calc(-50% - .5px));
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(img/86125d0.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-f1289d1e] {
    width: 100%;
    height: 100%;
    background-image: url(img/1a65df8.jpg)
  }
}

.mb-text[data-v-f1289d1e] {
  position: absolute;
  left: 50%;
  top: 140px;
  width: 9.56rem;
  height: 3.453333rem;
  margin-left: -4.78rem
}

.mb-text>img[data-v-f1289d1e] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

#offset-product-headimg[data-v-f1289d1e] {
  position: relative;
  margin-top: 100vh;
  background-color: #fafafa;
  transition: background .3s
}

#niu-recommended[data-v-f1289d1e] {
  background-color: #151515
}

.swiper-slide[data-v-f1289d1e] .swiper-lazy-preloader {
  width: 20px;
  height: 20px
}

@media screen and (max-width:768px) {
  #niu-product #parameter-data .color-pagination {
    padding: 0 15px
  }
}

#first-product-bg[data-v-5e957283] {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 835px
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-5e957283] {
    height: 15.413333rem
  }
}

#offset-product-headimg[data-v-5e957283] {
  position: relative;
  margin-top: 745px;
  background-color: #fafafa;
  transition: background .3s
}

@media screen and (max-width:768px) {
  #offset-product-headimg[data-v-5e957283] {
    margin-top: 14.133333rem
  }
}

section.con[data-v-5e957283] {
  position: relative;
  width: 100%;
  overflow: hidden
}

@media screen and (min-width:769px) {
  .section1 .con1-head[data-v-5e957283] {
    height: 835px;
    width: 100%;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-position: auto 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
            animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
            animation-duration: 1s
  }

  .section1 .con1-head-bg[data-v-5e957283] {
    height: 100%;
    background-size: auto 100%;
    position: relative
  }

  .section1 .con1-head-layer[data-v-5e957283] {
    height: 100%;
    width: 100%
  }

  .section1 .con1-head-pic[data-v-5e957283] {
    height: 900px;
    width: auto;
    position: absolute;
    margin-top: -30px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important
  }

  .section1 .con1-head-pic-logo[data-v-5e957283] {
    height: 60px;
    width: auto;
    left: 32% !important;
    top: 50% !important;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
            animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s
  }
}

@media screen and (max-width:768px) {
  .section1 .con1-head[data-v-5e957283] {
    height: 15.413333rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
            animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
            animation-duration: .5s
  }

  .section1 .con1-head-bg[data-v-5e957283] {
    height: 100%;
    position: relative
  }

  .section1 .con1-head-layer[data-v-5e957283] {
    height: 100%;
    width: 100%
  }

  .section1 .con1-head-pic[data-v-5e957283] {
    height: 16.48rem;
    position: absolute;
    top: -.533333rem !important;
    left: 10% !important
  }

  .section1 .con1-head-pic-logo[data-v-5e957283], .section1 .con1-head-pic[data-v-5e957283] {
    width: auto;
    transform: translateX(-50%) !important
  }

  .section1 .con1-head-pic-logo[data-v-5e957283] {
    padding: 0;
    height: .826667rem;
    left: 50% !important;
    top: 2.053333rem !important;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
            animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: .7s;
            animation-duration: .7s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s
  }
}

#niu-ngt #parameter-set h3 {
  padding: 0 10px;
  line-height: 1.2
}

@media screen and (max-width:768px) {
  #niu-ngt #parameter-set h3 {
    height: 130px;
    font-size: 12px
  }
}

#niu-product[data-v-264b0fda] {
  position: relative;
  background-color: #fafafa
}

#first-product-bg[data-v-264b0fda] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(img/12b1f98.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-264b0fda] {
    background-image: url(img/c68d6ba.jpg)
  }
}

#first-product-bg .first-text[data-v-264b0fda] {
  margin: 14.814814814814815vh auto 0;
  color: #fff;
  text-align: center
}

@media screen and (max-width:768px) {
  #first-product-bg .first-text[data-v-264b0fda] {
    margin: 11.940298507462686vh auto 0
  }
}

#first-product-bg .first-text img[data-v-264b0fda] {
  width: 19.895833333333332vw
}

@media screen and (max-width:768px) {
  #first-product-bg .first-text img[data-v-264b0fda] {
    width: 77.89066666666666vw
  }
}

#first-product-bg .first-text .text-f[data-v-264b0fda] {
  font-size: 3.125vw;
  /* font-family: DINOffcPro-Bold; */
  padding-top: .8333333333333333vw
}

@media screen and (max-width:768px) {
  #first-product-bg .first-text .text-f[data-v-264b0fda] {
    width: 100%;
    font-size: 10.666666666666668vw;
    padding-top: 0
  }
}

#offset-product-headimg[data-v-264b0fda] {
  position: relative;
  margin-top: 100vh;
  background-color: #fafafa;
  transition: background .3s
}

.section[data-v-6c4905f3] {
  position: relative;
  overflow: hidden;
  line-height: 1.5
}

.section a[data-v-6c4905f3] {
  color: #df001f
}

.section .title[data-v-6c4905f3] {
  font-size: 56px;
  line-height: 1;
  color: #212121;
  margin: 80px auto;
  width: 685px;
  font-family: dinoffcpro-bold
}

@media (max-width:767px) {
  .section .title[data-v-6c4905f3] {
    font-size: .86rem;
    padding-left: .4rem;
    padding-right: .4rem;
    width: 100%;
    line-height: 1.3;
    margin: .8rem auto;
    word-break: break-all;
    box-sizing: border-box;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto
  }
}

.section .content[data-v-6c4905f3] {
  font-size: 18px;
  line-height: 24px;
  color: #5c6670;
  margin-top: 20px;
  text-align: left
}

@media (max-width:767px) {
  .section .content[data-v-6c4905f3] {
    font-size: .42rem;
    line-height: 1.3;
    margin-top: .6rem;
    padding-left: .4rem;
    padding-right: .4rem;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-all;
    box-sizing: border-box
  }
}

.section .sub-title[data-v-6c4905f3] {
  font-size: 28px;
  line-height: 30px;
  color: #212121;
  margin: 60px auto 20px;
  text-align: left;
  width: 685px;
  font-weight: 400
}

@media (max-width:767px) {
  .section .sub-title[data-v-6c4905f3] {
    line-height: .7rem;
    margin: .8rem 0 0 .4rem;
    padding-right: .4rem;
    width: 100%;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-all;
    box-sizing: border-box
  }
}

.section-team[data-v-6c4905f3] {
  height: 4820px;
  text-align: left
}

@media (max-width:767px) {
  .section-team[data-v-6c4905f3] {
    height: 138rem
  }
}

.section-team .content[data-v-6c4905f3] {
  width: 685px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width:767px) {
  .section-team .content[data-v-6c4905f3] {
    width: 100%
  }
}

.abs-text[data-v-6c4905f3] {
  width: 1140px;
  margin-left: -570px;
  top: 65px;
  z-index: 1;
  position: relative
}

@media (max-width:767px) {
  .abs-text[data-v-6c4905f3] {
    width: 10rem;
    margin-left: -5rem;
    top: 0;
    text-align: left
  }
}

.abs-img[data-v-6c4905f3], .abs-text[data-v-6c4905f3] {
  position: absolute;
  left: 50%
}

#overlay[data-v-d4a4da1c] {
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .3);
  opacity: 0;
  z-index: 168
}

#overlay[data-v-d4a4da1c], .top-text[data-v-5633f491] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.top-text[data-v-5633f491] {
  line-height: 1.5;
  color: #fff
}

.top-text p[data-v-5633f491] {
  /* font-family: DINOffcPro-Bold; */
  font-size: 3.125vw;
  padding: 6.041666666666667vw 0 1.0416666666666667vw;
  letter-spacing: -3px;
  text-align: center
}

@media screen and (max-width:768px) {
  .top-text p[data-v-5633f491] {
    line-height: 1;
    font-size: 1.2rem;
    padding: 1rem 0 .2rem
  }
}

.top-text span[data-v-5633f491] {
  display: block;
  font-size: 1.0416666666666667vw;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:768px) {
  .top-text span[data-v-5633f491] {
    font-size: .42rem;
    width: 80%;
    margin: 0 auto
  }
}

.sharing-template[data-v-1065b2a8] {
  z-index: 200;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #333;
  padding-top: 4.479166666666667vw
}

@media screen and (max-width:768px) {
  .sharing-template[data-v-1065b2a8] {
    padding: .8rem .4rem 0
  }
}

.sharing-template .title[data-v-1065b2a8] {
  color: #fff;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  letter-spacing: -3px;
  margin-top: .8333333333333334vw;
  margin-bottom: 1.3541666666666667vw
}

@media screen and (max-width:768px) {
  .sharing-template .title[data-v-1065b2a8] {
    padding: .8rem 0 .3rem;
    line-height: 1;
    text-align: left;
    font-size: 1.1rem
  }
}

.sharing-template .subTitle[data-v-1065b2a8] {
  width: 43.22916666666667vw;
  font-size: 1.0416666666666667vw;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-bottom: 1.9791666666666667vw;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .sharing-template .subTitle[data-v-1065b2a8] {
    width: 100%;
    text-align: left;
    padding-bottom: 38px;
    font-size: 20px
  }
}

.sharing-template .img-wrapper[data-v-1065b2a8] {
  width: 59.375vw;
  margin: 0 auto;
  padding-bottom: 3.541666666666667vw;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .sharing-template .img-wrapper[data-v-1065b2a8] {
    width: 100%
  }
}

.sharing-template .img-item[data-v-1065b2a8] {
  width: 13.75vw;
  margin-top: 1.5625vw
}

@media screen and (max-width:768px) {
  .sharing-template .img-item[data-v-1065b2a8] {
    width: 48%;
    margin-top: .3rem
  }
}

.sharing-template .img-item img[data-v-1065b2a8] {
  width: 100%;
  display: block
}

.sharing-template .right[data-v-1065b2a8] {
  margin-right: 1.4583333333333335vw
}

@media screen and (max-width:768px) {
  .sharing-template .right[data-v-1065b2a8] {
    margin-right: .3rem
  }
}

.sharing-template .foot[data-v-1065b2a8] {
  width: 43.22916666666667vw;
  margin: 0 auto;
  text-align: center;
  color: #999;
  padding-bottom: 2.916666666666667vw;
  font-size: .7291666666666667vw
}

@media screen and (max-width:768px) {
  .sharing-template .foot[data-v-1065b2a8] {
    width: 100%;
    text-align: left;
    padding-bottom: 56px;
    font-size: 14px
  }
}

.border[data-v-1065b2a8] {
  border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.get-in-iouch[data-v-1b3cc30e] {
  z-index: 200;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  padding: 4.479166666666667vw 0 3.541666666666667vw
}

@media screen and (max-width:768px) {
  .get-in-iouch[data-v-1b3cc30e] {
    padding: .9rem .4rem .8rem
  }
}

.get-in-iouch .title[data-v-1b3cc30e] {
  color: #333;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  margin-bottom: 1.0416666666666667vw
}

@media screen and (max-width:768px) {
  .get-in-iouch .title[data-v-1b3cc30e] {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: .3rem
  }
}

.get-in-iouch .subTitle[data-v-1b3cc30e] {
  margin: 0 auto;
  color: #333;
  font-size: 1.0416666666666667vw;
  white-space: nowrap;
  font-weight: 600;
  text-align: center
}

@media screen and (max-width:768px) {
  .get-in-iouch .subTitle[data-v-1b3cc30e] {
    width: 100%;
    text-align: left;
    white-space: unset;
    font-weight: 400;
    font-size: .37rem;
    padding-bottom: .6rem;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d6d6
  }
}

.get-in-iouch .w-bg[data-v-1b3cc30e] {
  background: #fafafa;
  width: 41.770833333333336vw;
  padding: 1.875vw 0;
  margin: 1.9791666666666667vw auto 0;
  font-size: 1.0416666666666667vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (max-width:768px) {
  .get-in-iouch .w-bg[data-v-1b3cc30e] {
    display: block;
    width: 100%;
    background: #fff;
    padding-top: .6rem;
    margin: 0;
    text-align: left;
    font-size: .37rem;
    box-sizing: border-box
  }
}

.get-in-iouch .w-bg a[data-v-1b3cc30e] {
  font-family: PingFang SC;
  display: inline-block;
  color: #df001f;
  font-weight: 700
}

#niu-product[data-v-621c8b44] {
  z-index: 1;
  position: relative;
  padding-top: 100vh
}

#first-product-bg[data-v-621c8b44] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column-reverse;
  background-image: url(img/cdb3633.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-621c8b44] {
    background-position: center 16%;
    background-image: url(img/9f390bc.jpg)
  }
}

.banner[data-v-a8c97a3a] {
  position: relative
}

.banner .logo[data-v-a8c97a3a] {
  height: 34px;
  top: 22.5%
}

.banner .logo[data-v-a8c97a3a], .banner .tit[data-v-a8c97a3a] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.banner .tit[data-v-a8c97a3a] {
  color: #fff;
  font-size: 88px;
  line-height: 1;
  /* font-family: DINOffcPro-CondBold; */
  top: 28.3%;
  width: 100%;
  text-align: center
}

@media screen and (max-width:768px) {
  .banner .logo[data-v-a8c97a3a] {
    height: .88rem;
    top: 20.6%
  }

  .banner .tit[data-v-a8c97a3a] {
    font-size: 1.306667rem;
    top: 28.5%
  }
}

#niu-product[data-v-a8c97a3a] {
  position: relative;
  background-color: #fafafa
}

#first-product-bg[data-v-a8c97a3a] {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(img/2213743.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-a8c97a3a] {
    width: 100%;
    height: 100%;
    background-image: url(img/804f3a4.jpg)
  }
}

.mb-text[data-v-a8c97a3a] {
  position: absolute;
  left: 50%;
  top: 140px;
  width: 9.56rem;
  height: 3.453333rem;
  margin-left: -4.78rem
}

.mb-text>img[data-v-a8c97a3a] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

#offset-product-headimg[data-v-a8c97a3a] {
  position: relative;
  margin-top: 100vh;
  background-color: #fafafa;
  transition: background .3s
}

#niu-recommended[data-v-a8c97a3a] {
  background-color: #151515
}

.swiper-slide[data-v-a8c97a3a] .swiper-lazy-preloader {
  width: 20px;
  height: 20px
}

#niu-product[data-v-512fd31e] {
  position: relative;
  background-color: #fafafa
}

#first-product-bg[data-v-512fd31e] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-image: url(img/bb2b462.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-512fd31e] {
    background-image: url(img/bb2b462.jpg)
  }
}

.mb-text[data-v-512fd31e] {
  position: absolute;
  left: 50%;
  top: 140px;
  width: 9.56rem;
  height: 3.453333rem;
  margin-left: -4.78rem
}

.mb-text>img[data-v-512fd31e] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

#offset-product-headimg[data-v-512fd31e] {
  position: relative;
  margin-top: 100vh;
  background-color: #fafafa;
  transition: background .3s
}

#niu-recommended[data-v-512fd31e] {
  background-color: #151515
}

.swiper-slide[data-v-512fd31e] .swiper-lazy-preloader {
  width: 20px;
  height: 20px
}

.v-text-wall[data-v-8744237a] {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(to bottom right, #307fe2, #40c1ac)
}

@media screen and (max-width:768px) {
  .v-text-wall[data-v-8744237a] {
    height: 17.786667rem
  }
}

.v-text-wall__content[data-v-8744237a] {
  width: 61.458vw;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media screen and (max-width:768px) {
  .v-text-wall__content[data-v-8744237a] {
    width: 100%;
    padding: 0 .426667rem
  }
}

.v-text-wall__title[data-v-8744237a] {
  color: #fff;
  font-size: 7.291vw;
  line-height: 7.291vw;
  /* font-family: DINOffcPro-CondBoldItalic */
}

@media screen and (max-width:768px) {
  .v-text-wall__title[data-v-8744237a] {
    font-size: 1.333333rem;
    line-height: 1.333333rem
  }
}

.marTop_40[data-v-7a054d19] {
  margin-top: 2.0833333333333335vw
}

@media screen and (max-width:768px) {
  .marTop_40[data-v-7a054d19] {
    margin-top: .213333rem
  }
}

.padB[data-v-7a054d19] {
  padding-bottom: .013333rem
}

#detail-container[data-v-7a054d19] {
  position: relative;
  background-color: #070707
}

.section-1[data-v-7a054d19], .section-2[data-v-7a054d19], .section-3[data-v-7a054d19], .section-4[data-v-7a054d19], .section-5[data-v-7a054d19], .section-6[data-v-7a054d19], .section-7[data-v-7a054d19], .section-8[data-v-7a054d19], .section-9[data-v-7a054d19] {
  position: relative
}

.section-content[data-v-7a054d19] {
  width: 61.458vw;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-content[data-v-7a054d19] {
    width: 100%;
    padding: 0 .426667rem
  }
}

.section-subTitle[data-v-7a054d19], .section-title[data-v-7a054d19] {
  color: #fff;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  line-height: 1.3
}

.section-title[data-v-7a054d19] {
  font-size: 1.666vw;
  margin-top: 1.458vw;
  /* font-family: DINOffcPro-Bold */
}

@media screen and (max-width:768px) {
  .section-title[data-v-7a054d19] {
    font-size: .426667rem;
    margin-top: .266667rem;
    padding: 0 .426667rem
  }
}

.section-subTitle[data-v-7a054d19] {
  font-size: .9375vw;
  margin-top: .26vw;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  .section-subTitle[data-v-7a054d19] {
    font-size: .293333rem;
    padding: 0 .426667rem
  }
}

.section-1[data-v-7a054d19] {
  margin-bottom: 9.375vw
}

@media screen and (max-width:768px) {
  .section-1[data-v-7a054d19] {
    margin-bottom: 1.706667rem
  }
}

.section-1>img[data-v-7a054d19] {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%
}

@media screen and (max-width:768px) {
  .section-1>img[data-v-7a054d19] {
    height: 10.6rem
  }
}

.section-1-textWrapper[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-top: 44.0625vw
}

@media screen and (max-width:768px) {
  .section-1-textWrapper[data-v-7a054d19] {
    padding-top: 9.68rem
  }
}

.section-1 p[data-v-7a054d19] {
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold; */
  width: 52.5vw;
  text-align: center
}

@media screen and (max-width:768px) {
  .section-1 p[data-v-7a054d19] {
    font-size: 3.02vw;
    font-size: 48px;
    line-height: .773333rem;
    width: 100%;
    box-sizing: border-box
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-1 p[data-v-7a054d19] {
    font-size: .64rem
  }
}

.section-2[data-v-7a054d19] {
  margin-bottom: 5.104vw;
  box-sizing: border-box;
  background-color: #070707
}

@media screen and (max-width:768px) {
  .section-2[data-v-7a054d19] {
    margin-bottom: 1.066667rem
  }
}

.section-2-textWrapper[data-v-7a054d19] {
  margin: 0 auto
}

.section-2[data-v-7a054d19] .el-image img {
  border-radius: 20px
}

.section-3[data-v-7a054d19] {
  box-sizing: border-box;
  background-image: linear-gradient(90deg, #0d111a, #06090e);
  padding-bottom: 5.208333333333334vw
}

@media screen and (max-width:768px) {
  .section-3[data-v-7a054d19] {
    padding-bottom: .933333rem
  }
}

.section-3-textWrapper[data-v-7a054d19] {
  box-sizing: border-box;
  margin: -42.1875vw auto 0
}

@media screen and (max-width:768px) {
  .section-3-textWrapper[data-v-7a054d19] {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 4.586667rem;
    height: auto;
    padding-bottom: 0
  }
}

.section-3-title[data-v-7a054d19] {
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold; */
  max-width: 30.729vw
}

@media screen and (max-width:768px) {
  .section-3-title[data-v-7a054d19] {
    font-size: 3.02vw;
    max-width: 6.293333rem;
    margin-bottom: .266667rem;
    font-size: 58px;
    line-height: .906667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-3-title[data-v-7a054d19] {
    font-size: .773333rem
  }
}

.section-3-descWrapper[data-v-7a054d19] {
  margin-top: 19.166vw
}

@media screen and (max-width:768px) {
  .section-3-descWrapper[data-v-7a054d19] {
    margin-top: 4.426667rem
  }
}

.section-3-desc[data-v-7a054d19] {
  font-size: 1.666vw;
  line-height: 2.1875vw;
  color: #fff;
  /* font-family: DINOffcPro-Bold; */
  max-width: 36.458vw;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .section-3-desc[data-v-7a054d19] {
    font-size: 1.666vw;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    line-clamp: 2;
    overflow: hidden;
    font-size: 32px;
    line-height: .56rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-3-desc[data-v-7a054d19] {
    font-size: .426667rem
  }
}

.section-3-imgWrapper[data-v-7a054d19] {
  position: relative;
  margin-top: .9375vw
}

@media screen and (max-width:768px) {
  .section-3-imgWrapper[data-v-7a054d19] {
    font-size: .426667rem
  }
}

.section-3-imgWrapper>p[data-v-7a054d19] {
  font-size: .9375vw;
  line-height: 1.25vw;
  color: #fff;
  /* font-family: DINOffcPro; */
  max-width: 26.979vw;
  position: absolute;
  left: 1.875vw;
  bottom: 1.354vw
}

@media screen and (max-width:768px) {
  .section-3-imgWrapper>p[data-v-7a054d19] {
    font-size: .9375vw;
    max-width: 8rem;
    left: .48rem;
    bottom: .346667rem;
    font-size: 18px;
    line-height: .32rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-3-imgWrapper>p[data-v-7a054d19] {
    font-size: .24rem
  }
}

.section-3-cardWrapper[data-v-7a054d19] {
  margin-top: 5.625vw
}

@media screen and (max-width:768px) {
  .section-3-cardWrapper[data-v-7a054d19] {
    margin-top: 1.44rem
  }
}

.section-3-card[data-v-7a054d19] {
  margin-top: .9375vw;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:768px) {
  .section-3-card[data-v-7a054d19] {
    flex-wrap: wrap;
    margin-top: .2rem
  }
}

.section-3-cardItem[data-v-7a054d19] {
  width: 30.208vw;
  position: relative
}

@media screen and (max-width:768px) {
  .section-3-cardItem[data-v-7a054d19] {
    width: 100%
  }
}

.section-3-cardItem>p[data-v-7a054d19] {
  font-size: .9375vw;
  line-height: normal;
  color: #fff;
  /* font-family: DINOffcPro; */
  position: absolute;
  left: 1.875vw;
  bottom: 1.354vw
}

@media screen and (max-width:768px) {
  .section-3-cardItem>p[data-v-7a054d19] {
    font-size: .9375vw;
    left: .613333rem;
    bottom: .346667rem;
    font-size: .293333rem
  }
}

@media screen and (max-width:768px) {
  .section-3-cardItem[data-v-7a054d19]:last-child {
    margin-top: .906667rem
  }
}

.section-4[data-v-7a054d19] {
  box-sizing: border-box
}

.section-4-textWrapper[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% - 17.5vw);
  top: 17.5vw
}

@media screen and (max-width:768px) {
  .section-4-textWrapper[data-v-7a054d19] {
    top: 3.333333rem;
    height: calc(100% - 3.33333rem)
  }
}

.section-4-title[data-v-7a054d19] {
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold; */
  max-width: 22.604vw
}

@media screen and (max-width:768px) {
  .section-4-title[data-v-7a054d19] {
    font-size: 3.02vw;
    max-width: 5.333333rem;
    font-size: 58px;
    line-height: .906667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-4-title[data-v-7a054d19] {
    font-size: .773333rem
  }
}

.section-4-card[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 2.08vw;
  display: flex;
  justify-content: space-between
}

.section-4-card[data-v-7a054d19] .el-image {
  width: 14.375vw
}

@media screen and (max-width:768px) {
  .section-4-card[data-v-7a054d19] .el-image {
    width: 2.64rem
  }
}

.section-4-cardItem[data-v-7a054d19] {
  display: flex;
  flex-direction: column;
  align-items: center
}

.section-4-cardItem__text[data-v-7a054d19] {
  max-width: 18.75vw;
  height: 8.854vw;
  padding: 1.979vw 1.5625vw 0;
  font-size: .9375vw;
  line-height: 1.458vw;
  color: #fff;
  /* font-family: DINOffcPro; */
  text-align: center;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-4-cardItem__text[data-v-7a054d19] {
    font-size: .9375vw;
    max-width: 3.013333rem;
    height: 3.066667rem;
    font-size: 22px;
    line-height: .373333rem;
    color: #fff;
    /* font-family: DINOffcPro; */
    padding: .266667rem .293333rem 0
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-4-cardItem__text[data-v-7a054d19] {
    font-size: .293333rem
  }
}

.section-5[data-v-7a054d19] {
  box-sizing: border-box
}

.section-5-textWrapper[data-v-7a054d19] {
  height: calc(100% - 13.02vw);
  position: absolute;
  left: 0;
  right: 0;
  top: 13.02vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-bottom: 7.6vw
}

@media screen and (max-width:768px) {
  .section-5-textWrapper[data-v-7a054d19] {
    height: calc(100% - 3.73333rem);
    top: 3.733333rem;
    padding-bottom: 1.333333rem
  }
}

.section-5-title[data-v-7a054d19] {
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold; */
  max-width: 50vw
}

@media screen and (max-width:768px) {
  .section-5-title[data-v-7a054d19] {
    font-size: 3.02vw;
    font-size: 58px;
    line-height: .906667rem;
    max-width: 8.066667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-5-title[data-v-7a054d19] {
    font-size: .773333rem
  }
}

.section-5-card[data-v-7a054d19] {
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box
}

.section-5-cardItem[data-v-7a054d19] {
  width: 30.72vw;
  overflow: hidden;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-5-cardItem[data-v-7a054d19] {
    width: 4.56rem;
    height: 5.706667rem
  }
}

.section-5-cardItem:first-child img[data-v-7a054d19], .section-5-cardItem:last-child img[data-v-7a054d19] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.section-5-cardItem[data-v-7a054d19]:first-child {
  border-top-left-radius: 20px
}

.section-5-cardItem[data-v-7a054d19]:last-child {
  border-bottom-right-radius: 20px
}

.section-5-cardItem[data-v-7a054d19]:nth-child(2), .section-5-cardItem[data-v-7a054d19]:nth-child(3) {
  font-size: 1.666vw;
  line-height: 1.77vw;
  color: #fff;
  /* font-family: DINOffcPro-Bold; */
  padding: 0 3.125vw;
  background-image: linear-gradient(to bottom right, #307fe2, #40c1ac);
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  .section-5-cardItem[data-v-7a054d19]:nth-child(2), .section-5-cardItem[data-v-7a054d19]:nth-child(3) {
    font-size: 1.666vw;
    font-size: 24px;
    line-height: .453333rem;
    padding: 0 .426667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-5-cardItem[data-v-7a054d19]:nth-child(2), .section-5-cardItem[data-v-7a054d19]:nth-child(3) {
    font-size: .32rem
  }
}

.section-6[data-v-7a054d19] {
  box-sizing: border-box
}

.section-6-textWrapper[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% - 35.833vw);
  top: 35.833vw;
  padding-bottom: 6.25vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}

@media screen and (max-width:768px) {
  .section-6-textWrapper[data-v-7a054d19] {
    height: calc(100% - 8.88rem);
    top: 8.88rem;
    padding-bottom: 1.333333rem
  }
}

.section-6-title[data-v-7a054d19] {
  max-width: 32.395vw;
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold */
}

@media screen and (max-width:768px) {
  .section-6-title[data-v-7a054d19] {
    font-size: 3.02vw;
    font-size: 58px;
    line-height: .906667rem;
    max-width: 8.293333rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-6-title[data-v-7a054d19] {
    font-size: .773333rem
  }
}

.section-6-card[data-v-7a054d19] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.section-6-cardItem[data-v-7a054d19] {
  width: 29.6875vw;
  border-radius: 25px;
  border: 1px solid #081f3a;
  overflow: hidden;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-6-cardItem[data-v-7a054d19] {
    width: 4.466667rem;
    height: 7.866667rem
  }
}

.section-6-cardItem img[data-v-7a054d19] {
  width: 100%
}

@media screen and (max-width:768px) {
  .section-6-cardItem img[data-v-7a054d19] {
    height: 5.333333rem
  }
}

.section-6-cardItem__texts[data-v-7a054d19] {
  width: 100%;
  height: 6.041vw;
  padding: 1.25vw 2.1875vw 0 1.25vw;
  box-sizing: border-box;
  background-color: #307fe2;
  color: #fff;
  overflow: hidden;
  display: flex
}

@media screen and (max-width:768px) {
  .section-6-cardItem__texts[data-v-7a054d19] {
    height: 2.533333rem;
    padding: .32rem .56rem 0 .32rem;
    margin-top: -4px
  }
}

.section-6-cardItem__circle[data-v-7a054d19] {
  width: .5208333333333334vw;
  min-width: .5208333333333334vw;
  height: .5208333333333334vw;
  margin-top: .4166666666666667vw;
  margin-right: .7291666666666667vw;
  background-color: #fff;
  border-radius: 100%
}

@media screen and (max-width:768px) {
  .section-6-cardItem__circle[data-v-7a054d19] {
    width: .133333rem;
    min-width: .133333rem;
    height: .133333rem;
    margin-top: .106667rem;
    margin-right: .186667rem
  }
}

.section-6__texts-title[data-v-7a054d19] {
  width: 100%;
  height: 1.3541666666666667vw;
  display: flex;
  flex-direction: column;
  line-clamp: 1;
  overflow: hidden;
  font-size: 1.25vw;
  line-height: 1.25vw;
  /* font-family: DINOffcPro-Bold; */
  position: relative
}

@media screen and (max-width:768px) {
  .section-6__texts-title[data-v-7a054d19] {
    font-size: 1.25vw;
    height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    line-clamp: 2;
    overflow: hidden;
    font-size: 24px;
    line-height: .32rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-6__texts-title[data-v-7a054d19] {
    font-size: .32rem
  }
}

.section-6__texts-subTitle[data-v-7a054d19] {
  width: 100%;
  height: 2.0833333333333335vw;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden;
  margin-top: .4166666666666667vw;
  font-size: .78125vw;
  line-height: 1.041vw;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  .section-6__texts-subTitle[data-v-7a054d19] {
    font-size: .78125vw;
    height: auto;
    margin-top: .106667rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    line-clamp: 4;
    overflow: hidden;
    font-size: 20px;
    line-height: .333333rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-6__texts-subTitle[data-v-7a054d19] {
    font-size: .266667rem
  }
}

.section-7[data-v-7a054d19] {
  box-sizing: border-box
}

.section-7-textWrapper[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: calc(100% - 16.5625vw);
  top: 16.5625vw;
  padding-bottom: 10.3125vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}

@media screen and (max-width:768px) {
  .section-7-textWrapper[data-v-7a054d19] {
    top: 3.173333rem;
    height: calc(100% - 3.17333rem);
    padding-bottom: 2.266667rem
  }
}

.section-7-title[data-v-7a054d19] {
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold; */
  max-width: 37.604vw
}

@media screen and (max-width:768px) {
  .section-7-title[data-v-7a054d19] {
    font-size: 3.02vw;
    max-width: 7.226667rem;
    font-size: 58px;
    line-height: .906667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-7-title[data-v-7a054d19] {
    font-size: .773333rem
  }
}

.section-7-subTitle[data-v-7a054d19] {
  width: 33.958vw;
  font-size: 1.666vw;
  line-height: 2.1875vw;
  color: #fff;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  .section-7-subTitle[data-v-7a054d19] {
    font-size: 1.666vw;
    width: 7.2rem;
    font-size: 32px;
    line-height: .56rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-7-subTitle[data-v-7a054d19] {
    font-size: .426667rem
  }
}

.section-7-card[data-v-7a054d19] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.section-7-cardItem[data-v-7a054d19] {
  width: 30.625vw;
  border-radius: 20px;
  box-sizing: border-box;
  position: relative
}

@media screen and (max-width:768px) {
  .section-7-cardItem[data-v-7a054d19] {
    width: 4.506667rem
  }
}

.section-7-cardItem[data-v-7a054d19] .el-image {
  width: 100%
}

.section-7-cardItem-texts[data-v-7a054d19] {
  position: absolute;
  left: 1.3020833333333335vw;
  bottom: 1.5625vw;
  display: flex
}

@media screen and (max-width:768px) {
  .section-7-cardItem-texts[data-v-7a054d19] {
    left: .266667rem;
    bottom: .266667rem
  }
}

.section-7-cardItem-texts>p[data-v-7a054d19] {
  font-size: .78125vw;
  line-height: 1.041vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold */
}

@media screen and (max-width:768px) {
  .section-7-cardItem-texts>p[data-v-7a054d19] {
    font-size: .78125vw;
    font-size: .266667rem;
    line-height: .266667rem;
    height: .693333rem
  }
}

.section-7-cardItem__circle[data-v-7a054d19] {
  width: .5208333333333334vw;
  min-width: .5208333333333334vw;
  height: .5208333333333334vw;
  margin-top: .2604166666666667vw;
  margin-right: .5208333333333334vw;
  background-color: #ff5000;
  border-radius: 100%
}

@media screen and (max-width:768px) {
  .section-7-cardItem__circle[data-v-7a054d19] {
    width: .133333rem;
    min-width: .133333rem;
    height: .133333rem;
    margin-top: .066667rem;
    margin-right: .133333rem
  }
}

.section-7-cardItem[data-v-7a054d19]:nth-child(3), .section-7-cardItem[data-v-7a054d19]:nth-child(4) {
  margin-top: .1vw
}

@media screen and (max-width:768px) {
  .section-7-cardItem[data-v-7a054d19]:nth-child(3), .section-7-cardItem[data-v-7a054d19]:nth-child(4) {
    margin-top: .133333rem
  }
}

.section-8-textWrapper[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  padding-top: 34.27vw;
  padding-bottom: 10.729vw;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-8-textWrapper[data-v-7a054d19] {
    padding: 7.306667rem .426667rem 0
  }
}

.section-8-title[data-v-7a054d19] {
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold; */
  padding: 0 4.6875vw;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-8-title[data-v-7a054d19] {
    font-size: 3.02vw;
    padding: 0;
    font-size: 58px;
    line-height: .906667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-8-title[data-v-7a054d19] {
    font-size: .773333rem
  }
}

.section-8-card[data-v-7a054d19] {
  margin-top: 3.90625vw
}

@media screen and (max-width:768px) {
  .section-8-card[data-v-7a054d19] {
    margin-top: 2.693333rem
  }
}

.section-8-cardItem[data-v-7a054d19] .el-image {
  width: 100%;
  border-radius: 25px
}

@media screen and (max-width:768px) {
  .section-8-cardItem[data-v-7a054d19] .el-image {
    width: 100%;
    height: auto
  }
}

.section-8-cardItem[data-v-7a054d19]:last-child {
  margin-top: 3.541vw
}

@media screen and (max-width:768px) {
  .section-8-cardItem[data-v-7a054d19]:last-child {
    margin-top: 1.44rem
  }
}

.section-8-cardItem__title[data-v-7a054d19] {
  font-size: 1.666vw;
  line-height: 2.916vw;
  color: #fff;
  /* font-family: DINOffcPro-Bold */
}

@media screen and (max-width:768px) {
  .section-8-cardItem__title[data-v-7a054d19] {
    font-size: 1.666vw;
    font-size: 32px;
    line-height: .746667rem
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .section-8-cardItem__title[data-v-7a054d19] {
    font-size: .426667rem
  }
}

.section-8>.el-image[data-v-7a054d19] {
  width: 52.604vw
}

@media screen and (max-width:768px) {
  .section-8>.el-image[data-v-7a054d19] {
    height: auto !important
  }
}

.section-9[data-v-7a054d19] {
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .section-9[data-v-7a054d19] {
    box-sizing: border-box
  }
}

.section-9>img[data-v-7a054d19] {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.section-9-textWrapper[data-v-7a054d19] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  padding-top: 34.583vw;
  padding-bottom: 5.989vw;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}

@media screen and (max-width:768px) {
  .section-9-textWrapper[data-v-7a054d19] {
    padding: 7.813333rem .426667rem 0
  }
}

.section-9-title[data-v-7a054d19] {
  width: 52.083vw;
  font-size: 3.02vw;
  line-height: 3.54vw;
  color: #ff5000;
  /* font-family: DINOffcPro-Bold */
}

@media screen and (max-width:768px) {
  .section-9-title[data-v-7a054d19] {
    font-size: 3.02vw;
    width: 100%
  }
}

#product-introduct-detail[data-v-7a054d19] {
  position: relative;
  background-color: #fff
}

.swiper-desc[data-v-7a054d19] {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.458vw;
  line-height: 1.979vw;
  margin-top: 1.041vw;
  padding-left: .15625vw;
  padding-bottom: .15625vw;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  .swiper-desc[data-v-7a054d19] {
    font-size: .32rem;
    line-height: normal;
    margin-top: .266667rem;
    width: 100%;
    padding: 0 .426667rem;
    position: absolute;
    left: 0
  }
}

.swiper-num[data-v-7a054d19] {
  width: 1.77vw;
  height: 1.77vw;
  border-radius: 200%;
  margin-right: .8333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #307fe2;
  font-size: .9375vw;
  border: .15625vw solid #307fe2
}

@media screen and (max-width:768px) {
  .swiper-num[data-v-7a054d19] {
    width: .453333rem;
    height: .453333rem;
    font-size: .266667rem;
    border-width: .04rem;
    margin-right: .213333rem
  }
}

.swiper-desc-line[data-v-7a054d19] {
  height: 2.56rem;
  margin-top: -1px;
  background: #010e1e
}

#trigger-ele[data-v-7a054d19] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px
}

.section5[data-v-7a054d19] {
  background: url(img/e6db0a3.jpg) 50% no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  .section5[data-v-7a054d19] {
    height: 32.24rem;
    background: url(img/e7d276a.jpg) 50% no-repeat
  }
}

.section5>p[data-v-7a054d19] {
  top: 26%
}

@media screen and (max-width:768px) {
  .section5>p[data-v-7a054d19] {
    top: 30.5%;
    bottom: inherit;
    line-height: 1.16
  }
}

.g3-run[data-v-7a054d19] {
  display: block;
  width: 15.466667rem;
  margin: 0 auto;
  transform: translateY(-10%)
}

#swiper-product-G3[data-v-7a054d19] {
  width: 100%;
  margin: 2.5vw auto 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: all .3s ease-in-out
}

@media screen and (max-width:768px) {
  #swiper-product-G3[data-v-7a054d19] {
    width: 100%;
    margin-top: .533333rem
  }
}

#swiper-product-G3 .swiper-slide[data-v-7a054d19] {
  border: none;
  overflow: hidden;
  box-sizing: border-box
}

#swiper-product-G3 .swiper-slide img[data-v-7a054d19] {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

#swiper-product-G3 .swiper-slide>dt[data-v-7a054d19] {
  position: absolute;
  font-family: PingFangSC-Semibold;
  font-size: .613333rem;
  line-height: 1.4;
  color: #fff
}

@media screen and (max-width:768px) {
  #swiper-product-G3 .swiper-slide>dt[data-v-7a054d19] {
    font-size: .56rem
  }
}

#swiper-product-G3 .swiper-slide>dt.design-txt[data-v-7a054d19] {
  bottom: 19.2%;
  right: 22.95%
}

@media screen and (max-width:768px) {
  #swiper-product-G3 .swiper-slide>dt.design-txt[data-v-7a054d19] {
    bottom: 16.477%;
    right: 23.324%
  }
}

#swiper-product-G3 .swiper-slide>dt.body-txt[data-v-7a054d19] {
  top: 18.75%;
  left: 16.265%
}

@media screen and (max-width:768px) {
  #swiper-product-G3 .swiper-slide>dt.body-txt[data-v-7a054d19] {
    top: auto;
    left: auto;
    bottom: 10.341%;
    right: 1.458%
  }
}

#swiper-product-G3 .swiper-slide>dt.lighth-txt[data-v-7a054d19] {
  right: 15.1%;
  bottom: 13.41%
}

@media screen and (max-width:768px) {
  #swiper-product-G3 .swiper-slide>dt.lighth-txt[data-v-7a054d19] {
    bottom: 10.341%;
    right: 21.283%
  }
}

#swiper-product-G3[data-v-7a054d19] .swiper-button-prev {
  left: .133333rem
}

#swiper-product-G3[data-v-7a054d19] .swiper-button-next {
  right: .133333rem
}

#swiper-product-G3[data-v-7a054d19] .swiper-button-next, #swiper-product-G3[data-v-7a054d19] .swiper-button-prev {
  opacity: 1;
  color: #fff;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  top: 50%;
  margin-top: -28px;
  outline: none;
  transition: all .3s ease-in-out
}

@media screen and (max-width:768px) {
  #swiper-product-G3[data-v-7a054d19] .swiper-button-next, #swiper-product-G3[data-v-7a054d19] .swiper-button-prev {
    width: .773333rem;
    height: .773333rem;
    background: #307fe2;
    margin-top: -.373333rem
  }
}

#swiper-product-G3[data-v-7a054d19] .swiper-button-next::after, #swiper-product-G3[data-v-7a054d19] .swiper-button-prev::after {
  font-size: .32rem
}

#swiper-product-G3[data-v-7a054d19] .swiper-button-next:hover, #swiper-product-G3[data-v-7a054d19] .swiper-button-prev:hover {
  background: #307fe2
}

#swiper-product-G3[data-v-7a054d19] .swiper-lazy-preloader {
  width: 20px;
  height: 20px;
  margin-left: -20px;
  margin-top: -20px
}

#G3-container[data-v-7a054d19] {
  width: 100%;
  height: 27.083vw;
  border: none;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  #G3-container[data-v-7a054d19] {
    height: 5.6rem;
    border-radius: .266667rem
  }
}

#niu-product[data-v-6994cf54] {
  position: relative;
  background-color: #fafafa
}

@media screen and (max-width:768px) {
  #niu-product[data-v-6994cf54] {
    overflow-x: hidden
  }
}

#first-product-bg[data-v-6994cf54] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column-reverse;
  background-image: url(img/0487cb4.jpeg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (max-width:768px) {
  #first-product-bg[data-v-6994cf54] {
    background-position: center 16%;
    background-image: url(img/2a5c0cb.jpeg)
  }
}

.first-text--top[data-v-6994cf54] {
  font-size: .72rem;
  font-weight: 700;
  margin: 0 .866667rem 0 .453333rem
}

#offset-product-headimg[data-v-6994cf54] {
  position: relative;
  margin-top: 100vh;
  background-color: #fafafa;
  transition: background .3s
}

#niu-recommended[data-v-6994cf54] {
  background-color: #151515
}

.swiper-slide[data-v-6994cf54] .swiper-lazy-preloader {
  width: 20px;
  height: 20px
}

.load[data-v-0e30dd72], .load[data-v-1a8b912a], .load[data-v-2a48e4b1], .load[data-v-8d86392a], .load[data-v-8e25dd78], .load[data-v-9f91c4c0], .load[data-v-60daff89], .load[data-v-63a267a8], .load[data-v-257fa203], .load[data-v-3764a14b], .load[data-v-32094f4e], .load[data-v-175487de], .load[data-v-55923674], .load[data-v-c5a8ae04], .load[data-v-dec6c0b2], .load[data-v-f4e11c7a], .load[data-v-ff605a52] {
  font-size: .346667rem;
  padding: 1.333333rem 0;
  text-align: center
}

#map-wrapper[data-v-f33c70a8] {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000
}

@media screen and (max-width:767px) {
  #expstore-container[data-v-f33c70a8] {
    height: calc(100vh - 50px);
    overflow: hidden
  }
}

#store-nav[data-v-f33c70a8] {
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: #fff;
  z-index: 1866;
  box-shadow: 0 4px 30px rgba(51, 51, 51, .16)
}

#store-nav[data-v-f33c70a8] .el-tabs__header {
  margin: 0
}

#store-nav[data-v-f33c70a8] .el-tabs__nav-wrap {
  margin-bottom: 0
}

#store-nav[data-v-f33c70a8] .el-tabs__active-bar {
  height: .106667rem;
  background-color: #df001f
}

#store-nav[data-v-f33c70a8] .el-tabs__item.is-active {
  color: #df001f
}

#store-nav[data-v-f33c70a8] .el-tabs__item {
  /* font-family: DINOffcPro-Bold; */
  font-size: .373333rem;
  padding: 0;
  width: 1.706667rem;
  height: 100%;
  line-height: 50px;
  margin: 0 auto;
  text-align: center
}

#store-nav[data-v-f33c70a8] .el-tabs__content, #store-nav[data-v-f33c70a8] .el-tabs__nav-wrap::after {
  display: none
}

#expstore-wrapper[data-v-f33c70a8] {
  position: relative;
  width: 100vw;
  height: calc(100vh - 90px);
  overflow: hidden
}

@media screen and (max-width:767px) {
  #expstore-wrapper[data-v-f33c70a8] {
    height: calc(100vh - 150px)
  }
}

@media screen and (max-width:767px) {
  #expstore-wrapper.hackstyle[data-v-f33c70a8] {
    height: calc(100vh - 50px)
  }
}

#map-wrapper[data-v-f33c70a8] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 166
}

#store-group[data-v-f33c70a8] {
  position: relative
}

#store-optional-country[data-v-f33c70a8], #store-set[data-v-f33c70a8] {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 400px;
  height: calc(100vh - 110px);
  background-color: #fafafa;
  box-shadow: 0 0 50px rgba(0, 0, 0, .16);
  border-radius: 10px 10px 0 0;
  z-index: 186;
  overflow-y: hidden
}

@media screen and (max-width:767px) {
  #store-optional-country[data-v-f33c70a8], #store-set[data-v-f33c70a8] {
    left: 0;
    top: 50px;
    width: 100%;
    height: calc(100vh - 100px);
    background-color: #f0f0f0;
    box-shadow: inherit;
    border-radius: inherit;
    z-index: 2188;
    padding-top: 4px
  }
}

#store-set[data-v-f33c70a8] {
  transition: all .3s linear
}

#store-set .store-component-scroll[data-v-f33c70a8] {
  height: calc(100vh - 120px)
}

@media screen and (max-width:767px) {
  #store-set .store-component-scroll[data-v-f33c70a8] {
    height: calc(100vh - 100px)
  }
}

#store-set .store-component-scroll[data-v-f33c70a8] .el-scrollbar__wrap {
  overflow-x: hidden
}

#store-optional-country[data-v-f33c70a8] {
  z-index: 188;
  transition: all .3s
}

@media screen and (max-width:767px) {
  #store-optional-country[data-v-f33c70a8] {
    z-index: 2688
  }
}

#store-optional-country .optional-container[data-v-f33c70a8] {
  padding: .4rem .533333rem .266667rem .266667rem
}

#store-optional-country .optional-container>p[data-v-f33c70a8] {
  width: .666667rem;
  height: .666667rem;
  cursor: pointer
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container>p[data-v-f33c70a8] {
    width: 1rem;
    height: 1rem
  }
}

#store-optional-country .optional-container>p[data-v-f33c70a8]:hover {
  opacity: .8
}

#store-optional-country .optional-container>p>img[data-v-f33c70a8] {
  width: 100%
}

#store-optional-country .optional-container>h3[data-v-f33c70a8] {
  /* font-family: DINOffcPro-Bold; */
  color: #333;
  margin: .266667rem 0;
  font-size: .32rem;
  line-height: .373333rem
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container>h3[data-v-f33c70a8] {
    font-size: .64rem;
    margin: .533333rem 0;
    line-height: .64rem
  }
}

#store-optional-country .optional-container .areas-cont[data-v-f33c70a8] {
  height: .266667rem;
  line-height: .266667rem;
  padding-bottom: .133333rem;
  font-size: 0;
  color: #333;
  position: relative
}

#store-optional-country .optional-container .areas-cont>[data-v-f33c70a8] {
  position: relative;
  z-index: 2
}

#store-optional-country .optional-container .areas-cont[data-v-f33c70a8]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #df001f
}

@media (-webkit-min-device-pixel-ratio:2) {
  #store-optional-country .optional-container .areas-cont[data-v-f33c70a8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #store-optional-country .optional-container .areas-cont[data-v-f33c70a8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #store-optional-country .optional-container .areas-cont[data-v-f33c70a8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .areas-cont[data-v-f33c70a8] {
    height: .666667rem;
    line-height: .666667rem
  }
}

#store-optional-country .optional-container .areas-cont>h4[data-v-f33c70a8] {
  /* font-family: DINOffcPro-Medium; */
  font-size: .213333rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .146667rem
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .areas-cont>h4[data-v-f33c70a8] {
    font-size: .4rem
  }
}

#store-optional-country .optional-container .areas-cont>span[data-v-f33c70a8] {
  display: inline-block;
  width: .266667rem;
  font-size: .266667rem;
  font-weight: 700;
  vertical-align: middle
}

#store-optional-country .optional-container .areas-cont .clear-area[data-v-f33c70a8] {
  position: absolute;
  top: 0;
  right: 0;
  width: .266667rem;
  height: .266667rem;
  cursor: pointer
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .areas-cont .clear-area[data-v-f33c70a8] {
    width: .533333rem;
    height: .533333rem
  }

  #store-optional-country .optional-container .areas-cont .clear-area>img[data-v-f33c70a8] {
    width: 100%
  }
}

#store-optional-country .optional-container .areas-cont .clear-area[data-v-f33c70a8]:hover {
  opacity: .8
}

#store-optional-country .optional-container .areas-list-city[data-v-f33c70a8], #store-optional-country .optional-container .areas-list-country[data-v-f33c70a8] {
  margin: .266667rem 0
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .areas-list-city[data-v-f33c70a8], #store-optional-country .optional-container .areas-list-country[data-v-f33c70a8] {
    height: calc(100vh - 360px)
  }
}

#store-optional-country .optional-container .areas-list-city[data-v-f33c70a8] .el-scrollbar__wrap, #store-optional-country .optional-container .areas-list-country[data-v-f33c70a8] .el-scrollbar__wrap {
  height: calc(100vh - 400px);
  padding-bottom: .266667rem;
  overflow-x: hidden
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .areas-list-city[data-v-f33c70a8] .el-scrollbar__wrap, #store-optional-country .optional-container .areas-list-country[data-v-f33c70a8] .el-scrollbar__wrap {
    height: calc(100vh - 360px)
  }
}

#store-optional-country .optional-container .areas-city[data-v-f33c70a8], #store-optional-country .optional-container .areas-country[data-v-f33c70a8] {
  font-size: .213333rem;
  padding: .133333rem 0;
  color: #333;
  position: relative;
  cursor: pointer
}

#store-optional-country .optional-container .areas-city>[data-v-f33c70a8], #store-optional-country .optional-container .areas-country>[data-v-f33c70a8] {
  position: relative;
  z-index: 2
}

#store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#store-optional-country .optional-container .areas-city[data-v-f33c70a8]:hover, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]:hover {
  opacity: .8
}

#store-optional-country .optional-container .areas-city[data-v-f33c70a8]:last-child, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]:last-child {
  position: relative
}

#store-optional-country .optional-container .areas-city:last-child>[data-v-f33c70a8], #store-optional-country .optional-container .areas-country:last-child>[data-v-f33c70a8] {
  position: relative;
  z-index: 2
}

#store-optional-country .optional-container .areas-city[data-v-f33c70a8]:last-child::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]:last-child::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid transparent
}

@media (-webkit-min-device-pixel-ratio:2) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]:last-child::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]:last-child::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]:last-child::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]:last-child::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]:last-child::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]:last-child::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8], #store-optional-country .optional-container .areas-country[data-v-f33c70a8] {
    font-size: .426667rem;
    padding: .266667rem 0;
    position: relative
  }

  #store-optional-country .optional-container .areas-city>[data-v-f33c70a8], #store-optional-country .optional-container .areas-country>[data-v-f33c70a8] {
    position: relative;
    z-index: 2
  }

  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #707070
  }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:1.5) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:3) {
  #store-optional-country .optional-container .areas-city[data-v-f33c70a8]::after, #store-optional-country .optional-container .areas-country[data-v-f33c70a8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#store-optional-country .optional-container .areas-city .el-icon-arrow-right[data-v-f33c70a8], #store-optional-country .optional-container .areas-country .el-icon-arrow-right[data-v-f33c70a8] {
  float: right;
  color: #df001f
}

#store-optional-country .optional-container .areas-city.active[data-v-f33c70a8] {
  color: #df001f
}

#store-optional-country .optional-container .choose-complete-btn[data-v-f33c70a8] {
  width: 85%;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .choose-complete-btn[data-v-f33c70a8] {
    width: 92%
  }
}

#store-optional-country .optional-container .choose-complete-btn[data-v-f33c70a8] .el-button {
  /* font-family: DINOffcPro-Bold; */
  width: 100%;
  font-size: .213333rem;
  padding: .226667rem 0;
  color: #fff;
  background: #ccc;
  border-radius: .066667rem;
  border: none
}

#store-optional-country .optional-container .choose-complete-btn[data-v-f33c70a8] .el-button.active {
  background: #df001f
}

@media screen and (max-width:767px) {
  #store-optional-country .optional-container .choose-complete-btn[data-v-f33c70a8] .el-button {
    font-size: .426667rem;
    padding: .453333rem 0;
    border-radius: .133333rem
  }
}

#store-optional-country .optional-container .choose-complete-btn[data-v-f33c70a8] .el-button:hover {
  opacity: .8
}

.store-container[data-v-f33c70a8] {
  position: relative;
  margin: 0 .266667rem
}

@media screen and (max-width:767px) {
  .store-container[data-v-f33c70a8] {
    width: 91.5%;
    padding-bottom: 100px;
    margin: 0 auto
  }
}

.location[data-v-f33c70a8] {
  line-height: .266667rem;
  margin: 0 .133333rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  .location[data-v-f33c70a8] {
    line-height: .8rem;
    margin: .266667rem .266667rem 0
  }
}

.location .city-pop[data-v-f33c70a8] {
  font-size: 14px;
  color: #333;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzOCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjk3NSAuMDYzKSI+PHBhdGggZD0iTTE0LjAyNS0uMDYzYTE0Ljk3OSAxNC45NzkgMCAwMTE1IDE0Ljk1N2MwIDguMjYxLTE1IDIzLjA0My0xNSAyMy4wNDNzLTE1LTE0Ljc4Mi0xNS0yMy4wNDNhMTQuOTc5IDE0Ljk3OSAwIDAxMTUtMTQuOTU3eiIgZmlsbD0iIzMzMyIvPjxyZWN0IHdpZHRoPSIxMi4xNiIgaGVpZ2h0PSIxMi4xNiIgcng9IjYuMDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDI1IDkuMDU3KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 0 no-repeat;
  background-size: .186667rem .24rem;
  text-indent: .32rem
}

@media screen and (max-width:767px) {
  .location .city-pop[data-v-f33c70a8] {
    font-size: .373333rem;
    background-size: .346667rem .44rem;
    text-indent: .613333rem
  }
}

.location>p[data-v-f33c70a8] {
  /* font-family: DINOffcPro-Medium; */
  font-size: 12px;
  color: #333;
  cursor: pointer
}

@media screen and (max-width:767px) {
  .location>p[data-v-f33c70a8] {
    font-size: .293333rem
  }
}

.location>p[data-v-f33c70a8]:hover {
  opacity: .8
}

#mode-map-container[data-v-f33c70a8] {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translate(-50%);
  z-index: 1188
}

#search-wrapper-map[data-v-f33c70a8], #search-wrapper[data-v-f33c70a8] {
  width: 100%;
  height: .666667rem;
  margin: .4rem auto .12rem
}

@media screen and (max-width:767px) {
  #search-wrapper-map[data-v-f33c70a8], #search-wrapper[data-v-f33c70a8] {
    height: 1.333333rem;
    margin: .266667rem auto 0
  }
}

#search-wrapper-map .el-autocomplete[data-v-f33c70a8], #search-wrapper .el-autocomplete[data-v-f33c70a8] {
  width: 100%
}

#search-wrapper-map[data-v-f33c70a8] .el-input, #search-wrapper[data-v-f33c70a8] .el-input {
  font-size: 14px
}

#search-wrapper-map[data-v-f33c70a8] .el-input__inner, #search-wrapper[data-v-f33c70a8] .el-input__inner {
  width: 100%;
  height: .666667rem;
  font-size: 14px;
  font-weight: 500;
  color: #aaa;
  border-radius: 5px;
  border: inherit;
  padding: .24rem .746667rem .24rem .133333rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .16)
}

@media screen and (max-width:767px) {
  #search-wrapper-map[data-v-f33c70a8] .el-input__inner, #search-wrapper[data-v-f33c70a8] .el-input__inner {
    width: 9.146667rem;
    height: 1.333333rem;
    font-size: .373333rem;
    color: #333;
    padding: .48rem 1.493333rem .48rem .533333rem
  }
}

#search-wrapper-map[data-v-f33c70a8] .el-input__suffix, #search-wrapper[data-v-f33c70a8] .el-input__suffix {
  color: #999;
  right: 0
}

#search-wrapper-map[data-v-f33c70a8] .el-input__icon, #search-wrapper[data-v-f33c70a8] .el-input__icon {
  font-size: 16px;
  width: .666667rem;
  line-height: 1;
  color: #999;
  font-weight: 800
}

@media screen and (max-width:767px) {
  #search-wrapper-map[data-v-f33c70a8] .el-input__icon, #search-wrapper[data-v-f33c70a8] .el-input__icon {
    width: 1.333333rem;
    font-size: .426667rem;
    color: #555
  }
}

#store-list[data-v-f33c70a8] {
  margin-top: .533333rem
}

#store-list ul[data-v-f33c70a8] {
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width:767px) {
  #store-list ul[data-v-f33c70a8] {
    display: inherit
  }
}

#store-list li[data-v-f33c70a8] {
  width: 360px;
  background-color: #fff;
  border-radius: .266667rem;
  margin-bottom: .266667rem;
  cursor: pointer
}

@media screen and (max-width:767px) {
  #store-list li[data-v-f33c70a8] {
    width: 100%;
    margin-bottom: .533333rem
  }
}

#store-list li[data-v-f33c70a8]:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, .16)
}

@media screen and (max-width:767px) {
  #store-list li[data-v-f33c70a8]:hover {
    box-shadow: inherit
  }
}

#store-list .store-item[data-v-f33c70a8] {
  width: 4.266667rem;
  margin: 0 auto;
  padding: .266667rem 0
}

@media screen and (max-width:767px) {
  #store-list .store-item[data-v-f33c70a8] {
    width: 8.08rem;
    padding: .613333rem 0 .533333rem
  }
}

#store-list .store-item .main-container[data-v-f33c70a8] {
  justify-content: space-between
}

#store-list .store-item .main-container[data-v-f33c70a8], #store-list .store-item .main-infor[data-v-f33c70a8] {
  display: flex;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

#store-list .store-item .main-infor[data-v-f33c70a8] {
  justify-content: center;
  align-items: center
}

#store-list .store-item .main-infor>.spe[data-v-f33c70a8] {
  width: 2.346667rem
}

@media screen and (max-width:767px) {
  #store-list .store-item .main-infor>.spe[data-v-f33c70a8] {
    width: 4.106667rem
  }
}

#store-list .store-item .flagship-icon[data-v-f33c70a8] {
  width: .693333rem;
  height: .72rem;
  position: relative;
  padding-right: .133333rem;
  margin-right: .133333rem
}

#store-list .store-item .flagship-icon>[data-v-f33c70a8] {
  position: relative;
  z-index: 2
}

#store-list .store-item .flagship-icon[data-v-f33c70a8]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-right: 1px solid #ccc
}

@media (-webkit-min-device-pixel-ratio:2) {
  #store-list .store-item .flagship-icon[data-v-f33c70a8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #store-list .store-item .flagship-icon[data-v-f33c70a8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #store-list .store-item .flagship-icon[data-v-f33c70a8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  #store-list .store-item .flagship-icon[data-v-f33c70a8] {
    width: 1.413333rem;
    height: 1.453333rem;
    padding-right: .266667rem;
    margin-right: .266667rem
  }
}

#store-list .store-item .flagship-icon>img[data-v-f33c70a8] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain
}

#store-list .store-item .store-name[data-v-f33c70a8] {
  /* font-family: DINOffcPro-Bold; */
  font-size: 20px;
  height: .666667rem;
  line-height: .32rem;
  color: #333;
  word-break: keep-all;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden
}

@media screen and (max-width:767px) {
  #store-list .store-item .store-name[data-v-f33c70a8] {
    width: 6.053333rem;
    height: 1.333333rem;
    font-size: .533333rem;
    line-height: .64rem
  }
}

#store-list .store-item .distance[data-v-f33c70a8] {
  max-width: 75px;
  font-size: 0;
  color: #333;
  margin-top: .08rem;
  white-space: nowrap
}

#store-list .store-item .distance>p[data-v-f33c70a8], #store-list .store-item .distance>span[data-v-f33c70a8] {
  display: inline-block;
  vertical-align: baseline
}

#store-list .store-item .distance>p[data-v-f33c70a8] {
  font-size: 16px
}

@media screen and (max-width:767px) {
  #store-list .store-item .distance>p[data-v-f33c70a8] {
    font-size: .453333rem
  }
}

#store-list .store-item .distance>span[data-v-f33c70a8] {
  font-size: 9px
}

@media screen and (max-width:767px) {
  #store-list .store-item .distance>span[data-v-f33c70a8] {
    font-size: .266667rem
  }
}

#store-list .address-detail[data-v-f33c70a8] {
  margin-top: .266667rem;
  padding-left: .2rem;
  line-height: 1.5;
  font-size: 12px;
  color: #333;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzOCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjk3NSAuMDYzKSI+PHBhdGggZD0iTTE0LjAyNS0uMDYzYTE0Ljk3OSAxNC45NzkgMCAwMTE1IDE0Ljk1N2MwIDguMjYxLTE1IDIzLjA0My0xNSAyMy4wNDNzLTE1LTE0Ljc4Mi0xNS0yMy4wNDNhMTQuOTc5IDE0Ljk3OSAwIDAxMTUtMTQuOTU3eiIgZmlsbD0iIzMzMyIvPjxyZWN0IHdpZHRoPSIxMi4xNiIgaGVpZ2h0PSIxMi4xNiIgcng9IjYuMDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDI1IDkuMDU3KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
  background-position: left 10%;
  background-repeat: no-repeat;
  background-size: .133333rem;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden
}

@media screen and (max-width:767px) {
  #store-list .address-detail[data-v-f33c70a8] {
    margin-top: .533333rem;
    padding-left: .4rem;
    font-size: .32rem;
    background-position: left 12%;
    background-size: .213333rem .293333rem
  }
}

#store-list[data-v-f33c70a8] .el-backtop {
  /* font-family: DINOffcPro-Bold; */
  position: relative;
  width: 100%;
  color: #fff;
  font-size: .213333rem;
  height: .666667rem;
  margin: .533333rem 0 .266667rem;
  background-color: #333;
  border-radius: .133333rem;
  box-shadow: inherit
}

#store-list[data-v-f33c70a8] .el-backtop:hover {
  opacity: .9
}

@media screen and (max-width:767px) {
  #store-list[data-v-f33c70a8] .el-backtop {
    font-size: .426667rem;
    height: 1.333333rem;
    margin: 1.066667rem 0 .533333rem
  }
}

#store-list .resultEmpty[data-v-f33c70a8] {
  font-size: .186667rem
}

@media screen and (max-width:767px) {
  #store-list .resultEmpty[data-v-f33c70a8] {
    font-size: .373333rem
  }
}

#sidebar[data-v-f33c70a8] {
  position: absolute;
  left: 5.28rem;
  top: calc(50vh - 36px);
  width: .64rem;
  height: .426667rem;
  transition: all .3s;
  cursor: pointer;
  background: url(img/09cb596.svg) 50% no-repeat;
  background-size: cover;
  z-index: 1024
}

#sidebar[data-v-f33c70a8]:hover {
  opacity: .9
}

@media screen and (max-width:767px) {
  #sidebar[data-v-f33c70a8] {
    display: none
  }
}

.sidebar-move[data-v-f33c70a8] {
  left: 10.64rem !important
}

.sidebar-store-set-move[data-v-f33c70a8] {
  width: 800px !important
}

.sidebar-store-set-move .store-container #store-list ul li[data-v-f33c70a8]:nth-child(2n) {
  margin-left: .266667rem !important
}

#filter-store-type[data-v-f33c70a8] {
  position: absolute;
  width: 750px;
  height: 60px;
  left: 41.4%;
  bottom: 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  border-radius: 10px;
  box-shadow: 0 30px 50px rgba(0, 0, 0, .16);
  border: 0;
  box-sizing: border-box;
  z-index: 186
}

@media screen and (max-width:1340px) {
  #filter-store-type[data-v-f33c70a8] {
    width: 56%
  }
}

@media screen and (min-width:768px) and (max-width:1048px) {
  #filter-store-type[data-v-f33c70a8] {
    width: 40%;
    left: inherit;
    right: 10px
  }

  #filter-store-type label[data-v-f33c70a8] {
    width: 50%
  }
}

@media screen and (max-width:767px) {
  #filter-store-type[data-v-f33c70a8] {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    border: inherit;
    border-radius: 0;
    box-shadow: 0 -4px 30px rgba(51, 51, 51, .16)
  }

  #filter-store-type label[data-v-f33c70a8] {
    width: 40%
  }
}

#filter-store-type[data-v-f33c70a8] .el-checkbox__inner {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  overflow: hidden
}

@media screen and (max-width:767px) {
  #filter-store-type[data-v-f33c70a8] .el-checkbox__inner {
    width: .533333rem;
    height: .533333rem
  }
}

#filter-store-type[data-v-f33c70a8] .el-checkbox__inner::after {
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 10px;
  width: 3px;
  left: 7px;
  top: 2px
}

#filter-store-type[data-v-f33c70a8] .el-checkbox-group {
  width: 94%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

#filter-store-type .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-f33c70a8], #filter-store-type[data-v-f33c70a8] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #df001f;
  color: #df001f
}

#filter-store-type[data-v-f33c70a8] .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #333
}

#filter-store-type[data-v-f33c70a8] .el-checkbox {
  margin-right: 0;
  font-size: 0
}

@media screen and (max-width:767px) {
  #filter-store-type[data-v-f33c70a8] .el-checkbox:first-child, #filter-store-type[data-v-f33c70a8] .el-checkbox:nth-child(2) {
    margin-bottom: .533333rem
  }
}

#filter-store-type[data-v-f33c70a8] .el-checkbox__label {
  /* font-family: DINOffcPro-Bold; */
  color: #333;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  #filter-store-type[data-v-f33c70a8] .el-checkbox__label {
    font-size: .373333rem;
    padding-left: .266667rem
  }
}

.search-mob-container {
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .16)
}

.search-mob-container .el-autocomplete-suggestion__wrap {
  max-height: 6rem
}

.search-mob-container li {
  /* font-family: DINOffcPro-Medium; */
  font-size: .32rem;
  color: #333;
  line-height: .8rem
}

.store-detail-infor.el-notification {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  width: 40%;
  height: calc(100vh - 110px);
  top: 110px !important;
  border-radius: 10px 10px 0 0;
  padding: 0;
  border: inherit
}

@media screen and (max-width:767px) {
  .store-detail-infor.el-notification {
    width: 91.5%;
    top: inherit !important;
    left: 20px;
    height: auto;
    border-radius: 5px;
    box-shadow: .026667rem .4rem .666667rem rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:767px) {
  .store-detail-infor.el-notification-fade-enter.left {
    bottom: 0;
    webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.store-detail-infor.el-notification.left {
  left: 20px !important
}

@media screen and (max-width:767px) {
  .store-detail-infor.el-notification.left {
    bottom: 20px !important
  }
}

.store-detail-infor .el-notification__group {
  width: 75%;
  margin: 0 auto
}

@media screen and (max-width:767px) {
  .store-detail-infor .el-notification__group {
    width: 88%;
    padding: .533333rem 0
  }
}

.store-detail-infor .el-notification__closeBtn {
  right: 0;
  top: 0;
  padding: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #000
}

@media screen and (max-width:767px) {
  .store-detail-infor .el-notification__closeBtn {
    padding: .266667rem
  }
}

.store-detail-infor .el-notification__title {
  /* font-family: DINOffcPro-Bold; */
  font-size: 20px;
  color: #333;
  line-height: 36px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkpIj48Y2lyY2xlIGN4PSIxNy41IiBjeT0iMTcuNSIgcj0iMTcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOSkiIGZpbGw9IiNkZjAwMWYiLz48cGF0aCBkPSJNMzUuMzMzIDE0LjU4N2wtMi4wOTMtMy42MTVhMS4yNTQgMS4yNTQgMCAwMC0yLjE3IDEuMjU3di4wMDdsLjQ1Ni43ODdhLjU3Mi41NzIgMCAwMS0uNS44NDloLTkuNTUyYS41NzIuNTcyIDAgMDEtLjUtLjg0NmwuNDU3LS43ODl2LS4wMDhhMS4yNSAxLjI1IDAgMDAtLjQ1OS0xLjcwOSAxLjI1NiAxLjI1NiAwIDAwLTEuNzExLjQ1M2wtMi4wOTMgMy42MTVhMS4yNTMgMS4yNTMgMCAwMDEuMDg1IDEuODc3aC40N2EuNzU3Ljc1NyAwIDAxLjYyNy40MTNsNC4wMTQgNi45MTd2LjAwNmEzLjMwOSAzLjMwOSAwIDAwNS43NjQgMHYtLjAwOGw0LjAxNC02LjkxN2EuNzU3Ljc1NyAwIDAxLjYyNy0uNDEzaC40N2ExLjI1NyAxLjI1NyAwIDAwLjYyNi0uMTY4IDEuMjQ5IDEuMjQ5IDAgMDAuNDU5LTEuNzA5em0tNS42IDMuMDA4bC0yLjg0NyA0LjkxOGEuNzUuNzUgMCAwMS0uNjMyLjM3N2gtLjAwNWEuNzUxLjc1MSAwIDAxLS42MzQtLjM3N2wtMi44NDctNC45MThhLjc1Mi43NTIgMCAwMS42NTMtMS4xM2g1LjY1OGEuNzUyLjc1MiAwIDAxLjY1NCAxLjEzMXoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) 0 no-repeat;
  background-size: 35px;
  padding-left: 45px
}

@media screen and (max-width:767px) {
  .store-detail-infor .el-notification__title {
    font-size: .533333rem;
    background-size: .533333rem;
    padding-left: .666667rem
  }
}

.store-detail-infor .el-notification__content {
  margin-top: 10px;
  font-size: 16px
}

@media screen and (max-width:767px) {
  .store-detail-infor .el-notification__content {
    margin-top: 0
  }
}

.store-detail-infor .layer-store-title {
  /* font-family: DINOffcPro-Bold; */
  font-size: 32px;
  line-height: 1.2;
  color: #333;
  word-break: break-all;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden
}

@media screen and (max-width:767px) {
  .store-detail-infor .layer-store-title {
    font-size: .533333rem
  }
}

.store-detail-infor .layer-store-address {
  font-size: 16px;
  color: #333;
  margin: 20px 0;
  line-height: 1.375;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzOCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjk3NSAuMDYzKSI+PHBhdGggZD0iTTE0LjAyNS0uMDYzYTE0Ljk3OSAxNC45NzkgMCAwMTE1IDE0Ljk1N2MwIDguMjYxLTE1IDIzLjA0My0xNSAyMy4wNDNzLTE1LTE0Ljc4Mi0xNS0yMy4wNDNhMTQuOTc5IDE0Ljk3OSAwIDAxMTUtMTQuOTU3eiIgZmlsbD0iIzMzMyIvPjxyZWN0IHdpZHRoPSIxMi4xNiIgaGVpZ2h0PSIxMi4xNiIgcng9IjYuMDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDI1IDkuMDU3KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 20px 20.52px;
  padding-left: 30px;
  word-break: break-all;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden
}

@media screen and (max-width:767px) {
  .store-detail-infor .layer-store-address {
    font-size: .32rem;
    line-height: 1.5;
    background-position: left 10%;
    background-size: .266667rem .2736rem;
    margin: .533333rem auto;
    padding-left: .4rem
  }
}

.store-detail-infor .layer-store-phoneNumber>a {
  display: block;
  /* font-family: DINOffcPro-Medium; */
  font-size: 16px;
  line-height: 1.375;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0idHJhbnNwYXJlbnQiIGQ9Ik0wIDBoMjB2MjBIMHoiLz48cGF0aCBkPSJNMTMuODAzIDE4LjRoLS4wOTNjLTIuMTY1LS4xMTMtNS4wODktMi4xOTItNy44MjEtNS41NjJsLTEuMDExLTEuMjQ5Yy0yLjczNC0zLjM2Ny00LjE2NC02LjY1Ny0zLjgzLTguOEMxLjI4NCAxLjI3NyAzLjQ4OCAwIDQuNzQ4IDBhLjg5MS44OTEgMCAwMS45MjMuNSAxNC4yNTggMTQuMjU4IDAgMDExLjYgNC4zNDRWNC45bC0uMDIuMDU0YTEuNiAxLjYgMCAwMS0uODIuOGMtLjQwOS4yMzYtLjY0Mi4zOTEtLjY3LjgzNS0uMDA4LjEzNi4xMDUuNzUxIDEuOTA5IDMuMDE3bC43Ny45NDhjMS44MDggMi4xNzcgMi4zNzggMi40MTEgMi41MTEgMi40MzEuNDM2LjA2Mi42NDItLjEzNC45NTYtLjQ4M2ExLjYwOSAxLjYwOSAwIDAxLjk1Ni0uNjM3bC4wNTgtLjAwOC4wNTUuMDEzYTE0LjM5MiAxNC4zOTIgMCAwMTMuOTQ4IDIuNDc4Yy4xNjYuMTEzLjQ1NC40NDUuMjI2IDEuMTc3LS4zNjMgMS4xNjQtMS45MjMgMi44NzUtMy4zNDcgMi44NzV6bTAgMCIgZmlsbD0iIzMzMyIvPjwvc3ZnPg==);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 30px;
  margin-bottom: 20px;
  color: #333;
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .store-detail-infor .layer-store-phoneNumber>a {
    font-size: .426667rem;
    line-height: 1.125;
    background-size: .4rem;
    padding-left: .666667rem;
    margin-bottom: .266667rem
  }
}

.store-detail-infor .layer-store-phoneNumber>a:hover {
  opacity: .8
}

.store-detail-infor .layer-store-website>a {
  /* font-family: DINOffcPro-Medium; */
  display: block;
  font-size: 16px;
  line-height: 1.375;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0idHJhbnNwYXJlbnQiIGQ9Ik0wIDBoMjB2MjBIMHoiLz48cGF0aCBkPSJNMTguNjIxIDEuNDU4bC0uMDgtLjA4YTQuNzQgNC43NCAwIDAwLTYuNjg0IDBMNy41OTggNS42MzdhNC43NDIgNC43NDIgMCAwMDAgNi42ODVsLjA3OC4wNzhhNS40OSA1LjQ5IDAgMDAuNDg0LjQybDEuNTU4LTEuNTZhMi40ODEgMi40ODEgMCAwMS0uNTA5LS4zOTJsLS4wNzgtLjA3N2EyLjU2NCAyLjU2NCAwIDAxMC0zLjYyMmw0LjI2Mi00LjI2MWEyLjU2IDIuNTYgMCAwMTMuNjE4IDBsLjA3OC4wNzhhMi41NjIgMi41NjIgMCAwMTAgMy42MmwtMS45MjUgMS45M2E2LjU4NCA2LjU4NCAwIDAxLjQ3NiAyLjU4NmwyLjk4MS0yLjk3OWE0LjczOSA0LjczOSAwIDAwMC02LjY4NHptLTYuMjk1IDYuMTM4YTQuNjc4IDQuNjc4IDAgMDAtLjQ4NS0uNDJsLTEuNTU5IDEuNTU5YTIuNTY3IDIuNTY3IDAgMDEuNTExLjM5NGwuMDguMDc4YTIuNTYyIDIuNTYyIDAgMDEwIDMuNjJsLTQuMjYgNC4yNjFhMi41NjUgMi41NjUgMCAwMS0zLjYyMiAwbC0uMDc4LS4wOGEyLjU2MiAyLjU2MiAwIDAxMC0zLjYybDEuOTI2LTEuOTI1YTYuNjA1IDYuNjA1IDAgMDEtLjQ3OC0yLjU4NkwxLjM4IDExLjg1M2E0Ljc0MiA0Ljc0MiAwIDAwMCA2LjY4N2wuMDc4LjA4YTQuNzQ0IDQuNzQ0IDAgMDA2LjY4NSAwbDQuMjYxLTQuMjYyYTQuNzQ0IDQuNzQ0IDAgMDAwLTYuNjg1bC0uMDc4LS4wNzh6IiBmaWxsPSIjMzMzIi8+PC9zdmc+);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 30px;
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .store-detail-infor .layer-store-website>a {
    font-size: .426667rem;
    line-height: 1.125;
    background-size: .4rem;
    padding-left: .666667rem
  }
}

.store-detail-infor .layer-store-website>a:hover {
  opacity: .8
}

.store-detail-infor .layer-btn-directions, .store-detail-infor .layer-btn-message {
  /* font-family: DINOffcPro-Bold; */
  display: inline-block;
  width: 147px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  margin-top: 40px;
  border-radius: 5px;
  text-align: center
}

@media screen and (max-width:767px) {
  .store-detail-infor .layer-btn-directions, .store-detail-infor .layer-btn-message {
    width: 48.5%;
    height: 1.333333rem;
    line-height: 1.333333rem;
    font-size: .373333rem;
    margin-top: .533333rem
  }
}

.store-detail-infor .layer-btn-directions {
  background-color: #df001f;
  color: #fff;
  margin-right: 20px
}

@media screen and (max-width:767px) {
  .store-detail-infor .layer-btn-directions {
    margin-right: 1%
  }
}

.store-detail-infor .layer-btn-directions:hover {
  opacity: .8
}

.store-detail-infor .layer-btn-message {
  color: #333;
  border: 1px solid rgba(51, 51, 51, .2)
}

.store-detail-infor .layer-btn-message:hover {
  opacity: .8;
  border: 1px solid rgba(51, 51, 51, .5)
}

#mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 1688
}

.hide {
  display: none
}

.countryMask[data-v-7b2b0178] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, .8)
}

.title[data-v-7b2b0178] {
  margin: 20px 0;
  font-size: 36px;
  font-family: dinoffcpro-bold, sans-serif;
  color: #212121
}

.title[data-v-7b2b0178]:first-child {
  margin-top: 0
}

.countryWrap-con[data-v-7b2b0178] {
  width: 60%;
  position: relative;
  left: 50%;
  transform: translateX(-50%)
}

.countryWrap[data-v-7b2b0178] {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: scroll;
  padding: .8rem 0 1.333333rem 1.386667rem;
  box-sizing: border-box;
  z-index: 10001;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0
}

.countryWrap a[data-v-7b2b0178] {
  width: 2rem;
  height: 30px;
  line-height: 30px;
  margin-bottom: .586667rem;
  display: inline-block;
  vertical-align: baseline
}

.countryWrap .usImg[data-v-7b2b0178] {
  border-radius: 10px
}

.countryWrap img[data-v-7b2b0178] {
  width: 22px;
  height: 22px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 6px
}

.countryWrap i[data-v-7b2b0178] {
  border-radius: 50%;
  margin: 0 10px 0 0
}

.countryWrap span[data-v-7b2b0178] {
  display: inline-block;
  line-height: 1.5;
  font-size: 14px;
  /* font-family: DINOffcPro; */
  color: #777
}

.countryWrap .el-icon-close[data-v-7b2b0178] {
  cursor: pointer;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40px;
  color: #000;
  text-align: center;
  line-height: 50px;
  font-weight: 600
}

@media screen and (min-width:768px) and (max-width:999px) {
  .countryWrap[data-v-7b2b0178] {
    width: 97.396%;
    height: 4.72rem;
    padding: 1.333333rem 0 1.333333rem .386667rem
  }

  .countryWrap a[data-v-7b2b0178] {
    width: 1.906667rem
  }
}

@media screen and (max-width:767px) {
  .countryWrap-con[data-v-7b2b0178] {
    width: 100%
  }

  .countryWrap[data-v-7b2b0178] {
    width: 100%;
    height: 100%;
    padding: 0 0 1.68rem 1.173333rem
  }

  .countryWrap .el-icon-close[data-v-7b2b0178] {
    font-size: .8rem
  }

  .countryWrap a[data-v-7b2b0178] {
    width: 3.893333rem;
    margin-bottom: .8rem;
    height: .586667rem;
    line-height: .586667rem
  }

  .countryWrap img[data-v-7b2b0178] {
    width: .586667rem;
    height: .586667rem;
    margin-right: .16rem
  }

  .countryWrap span[data-v-7b2b0178] {
    line-height: .586667rem;
    font-size: .373333rem
  }
}

.ispc[data-v-377e787a] {
  display: block
}

.ismob[data-v-377e787a] {
  display: none
}

a[data-v-377e787a] {
  display: block
}

.mobmask[data-v-377e787a] {
  z-index: 98;
  background-color: rgba(0, 0, 0, .7);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-animation-duration: .4s;
          animation-duration: .4s
}

[class^=grid-content] a[data-v-377e787a], [class^=grid-content] li[data-v-377e787a] {
  color: hsla(0, 0%, 100%, .5);
  line-height: 30px;
  font-size: 12px;
  /* font-family: DINOffcPro; */
  font-weight: 400
}

[class^=grid-content] a[data-v-377e787a]:hover {
  color: #df001f
}

[class^=grid-content] dt[data-v-377e787a] {
  color: #fafafa;
  line-height: 17px;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px;
  cursor: auto
}

[class$=_2][data-v-377e787a] {
  padding-top: 21px
}

#boxContainer[data-v-377e787a] {
  border-top: .013333rem solid #414141;
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  margin-bottom: 46px
}

.box1-intro[data-v-377e787a] {
  width: 12%
}

@media screen and (max-width:767px) {
  .box1-intro[data-v-377e787a] {
    width: 100%
  }
}

.box1-intro>a[data-v-377e787a] {
  display: block;
  width: 64px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTguNDE1IDE3Ljc3M3YtLjAwN2wtNS4zLTkuMTQxYTEgMSAwIDAwLS44MjgtLjU0NWgtLjYzMUExLjY1NSAxLjY1NSAwIDAxLjIyMiA1LjZMMi45ODcuODIxYTEuNjYgMS42NiAwIDAxMi4yNjEtLjYgMS42NTEgMS42NTEgMCAwMS42MDcgMi4yNTlsLS4wMDUuMDEtLjYgMS4wNDNhLjc1Ni43NTYgMCAwMC42NjcgMS4xMThoMTIuNjJhLjc1Ni43NTYgMCAwMC42NjMtMS4xMmwtLjYtMS4wNDF2LS4wMDlBMS42NTcgMS42NTcgMCAwMTIxLjQ2Mi44MmwyLjc2NiA0Ljc4YTEuNjUxIDEuNjUxIDAgMDEtLjYwNyAyLjI1OSAxLjY2MSAxLjY2MSAwIDAxLS44MjcuMjIyaC0uNjIxYTEgMSAwIDAwLS44MjguNTQ1bC01LjMwNSA5LjE0Mi0uMDA3LjAxYTQuMzczIDQuMzczIDAgMDEtNy42MTggMHptLS43OTUtOS4yYTEgMSAwIDAwMCAxbDMuNzYzIDYuNWEuOTkyLjk5MiAwIDAwLjgzNy41aC4wMDdhLjk5Mi45OTIgMCAwMC44MzYtLjVsMy43NjMtNi41YS45OTQuOTk0IDAgMDAtLjg2NS0xLjQ5NEg4LjQ4NmExIDEgMCAwMC0uODY2LjQ5N3ptNDQuNjkyIDIuMlY0LjcwNmExLjMxIDEuMzEgMCAwMTIuNjIgMHY2LjA2NWEzLjIyNCAzLjIyNCAwIDAwNi40NDkgMFY0LjcwNmExLjMxIDEuMzEgMCAwMTIuNjIgMHY2LjA2NWE1Ljg0NCA1Ljg0NCAwIDAxLTExLjY4OCAwem0tMTQuMjc1IDQuNTIxVjkuMjI4YTMuMjI0IDMuMjI0IDAgMDAtNi40NDkgMHY2LjA2NWExLjMxIDEuMzEgMCAwMS0yLjYxOSAwVjkuMjI4YTUuODQ0IDUuODQ0IDAgMDExMS42ODggMHY2LjA2NWExLjMxIDEuMzEgMCAwMS0yLjYxOSAwem03LjEzOC0uMDg1VjQuNzA2YTEuMzEgMS4zMSAwIDAxMi42MTkgMHYxMC41YTEuMzEgMS4zMSAwIDAxLTIuNjE5IDB6IiBmaWxsPSIjODg4Ii8+PC9zdmc+) 50% no-repeat;
  transition: all .4s ease-in-out
}

.box1-intro>a[data-v-377e787a]:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTguNDE1IDE3Ljc3M3YtLjAwN2wtNS4zLTkuMTQxYTEgMSAwIDAwLS44MjgtLjU0NWgtLjYzMUExLjY1NSAxLjY1NSAwIDAxLjIyMiA1LjZMMi45ODcuODIxYTEuNjYgMS42NiAwIDAxMi4yNjEtLjYgMS42NTEgMS42NTEgMCAwMS42MDcgMi4yNTlsLS4wMDUuMDEtLjYgMS4wNDNhLjc1Ni43NTYgMCAwMC42NjcgMS4xMThoMTIuNjJhLjc1Ni43NTYgMCAwMC42NjMtMS4xMmwtLjYtMS4wNDF2LS4wMDlBMS42NTcgMS42NTcgMCAwMTIxLjQ2Mi44MmwyLjc2NiA0Ljc4YTEuNjUxIDEuNjUxIDAgMDEtLjYwNyAyLjI1OSAxLjY2MSAxLjY2MSAwIDAxLS44MjcuMjIyaC0uNjIxYTEgMSAwIDAwLS44MjguNTQ1bC01LjMwNSA5LjE0Mi0uMDA3LjAxYTQuMzczIDQuMzczIDAgMDEtNy42MTggMHptLS43OTUtOS4yYTEgMSAwIDAwMCAxbDMuNzYzIDYuNWEuOTkyLjk5MiAwIDAwLjgzNy41aC4wMDdhLjk5Mi45OTIgMCAwMC44MzYtLjVsMy43NjMtNi41YS45OTQuOTk0IDAgMDAtLjg2NS0xLjQ5NEg4LjQ4NmExIDEgMCAwMC0uODY2LjQ5N3ptNDQuNjkyIDIuMlY0LjcwNmExLjMxIDEuMzEgMCAwMTIuNjIgMHY2LjA2NWEzLjIyNCAzLjIyNCAwIDAwNi40NDkgMFY0LjcwNmExLjMxIDEuMzEgMCAwMTIuNjIgMHY2LjA2NWE1Ljg0NCA1Ljg0NCAwIDAxLTExLjY4OCAwem0tMTQuMjc1IDQuNTIxVjkuMjI4YTMuMjI0IDMuMjI0IDAgMDAtNi40NDkgMHY2LjA2NWExLjMxIDEuMzEgMCAwMS0yLjYxOSAwVjkuMjI4YTUuODQ0IDUuODQ0IDAgMDExMS42ODggMHY2LjA2NWExLjMxIDEuMzEgMCAwMS0yLjYxOSAwem03LjEzOC0uMDg1VjQuNzA2YTEuMzEgMS4zMSAwIDAxMi42MTkgMHYxMC41YTEuMzEgMS4zMSAwIDAxLTIuNjE5IDB6IiBmaWxsPSIjZGYwMDFmIi8+PC9zdmc+) 50% no-repeat
}

.box1-intro>a img[data-v-377e787a] {
  -o-object-fit: cover;
     object-fit: cover
}

@media screen and (max-width:767px) {
  .box1-intro>a[data-v-377e787a] {
    margin: 1.333333rem 0 .8rem
  }
}

.box1-intro .official-icon[data-v-377e787a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  margin-top: 50px
}

@media screen and (max-width:767px) {
  .box1-intro .official-icon[data-v-377e787a] {
    width: 3.733333rem;
    margin-top: 0
  }
}

.box1-intro .official-icon>li>a[data-v-377e787a] {
  display: block;
  width: 20px;
  height: 20px;
  transition: all .4s ease-in-out;
  font-size: 20px;
  color: #555
}

.box1-intro .official-icon>li>a[data-v-377e787a]:hover {
  color: #df001f
}

.box1[data-v-377e787a] {
  width: 72%
}

.box2 .items[data-v-377e787a] {
  font-size: 0
}

.box2 .items>li[data-v-377e787a] {
  display: inline-block;
  font-size: 12px;
  margin-right: 20px;
  vertical-align: middle
}

.box2 .items>li a[data-v-377e787a] {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .5)
}

.box2 .items>li a[data-v-377e787a]:hover {
  color: #df001f
}

.box3[data-v-377e787a] {
  padding-top: 20px;
  position: relative
}

.box3 .box3_text[data-v-377e787a] {
  color: hsla(0, 0%, 100%, .5);
  line-height: 18px;
  font-size: 10px;
  /* font-family: DINOffcPro; */
  font-weight: 400;
  float: left
}

.box3 .box3_text>span[data-v-377e787a] {
  display: block
}

.box3_right[data-v-377e787a] {
  float: right;
  font-size: 0
}

.box3_right .weibo[data-v-377e787a] {
  overflow: hidden;
  background: url(img/33918f2.svg) no-repeat 50%
}

.box3_right .weibo[data-v-377e787a], .box3_right .weixin[data-v-377e787a] {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 18px;
  margin-right: 30px
}

.box3_right .weixin[data-v-377e787a] {
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOCI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzM2IiBkPSJNMTcuNzM3IDE2LjgyM2E5LjIxOSA5LjIxOSAwIDAxLTIuMzQzLjRjLTMuNyAwLTYuNjMxLTIuNTQxLTYuNjMxLTUuNjcxczIuOTI4LTUuNjcxIDYuNjMxLTUuNjcxQzE4Ljg4NCA1Ljg4MiAyMiA4LjQyNCAyMiAxMS41NTNhNS44OCA1Ljg4IDAgMDEtMi43MTggNC40OTRMMTkuODY5IDE4em0tLjk4NS03LjAzNWEuODMzLjgzMyAwIDAwLjc3NC43NzYuODkyLjg5MiAwIDAwLjk4NC0uNzc2LjkwOS45MDkgMCAwMC0uOTg0LS43NzcuODM0LjgzNCAwIDAwLS43NzQuNzc3em0tNC4yODcgMGEuODE1LjgxNSAwIDAwLjc3My43NzYuODkyLjg5MiAwIDAwLjk4NC0uNzc2LjkwOS45MDkgMCAwMC0uOTg0LS43NzcuODMzLjgzMyAwIDAwLS43NzMuNzc3em0tOS4zNDggMi4xNDFBNi40MTkgNi40MTkgMCAwMTAgNi42NTlDMCAyLjk0MSAzLjUxNSAwIDcuNzc5IDBjMy44NDIgMCA3LjE5MiAyLjM1MyA3Ljg3MiA1LjUwNi0uMjU3LS4wMjMtLjQ5My0uMDQ3LS43NS0uMDQ3YTYuMzg0IDYuMzg0IDAgMDAtNi42MyA2LjE4OSA2LjM3NyA2LjM3NyAwIDAwLjIyOSAxLjY0NmMtLjIzNCAwLS40OTIuMDIzLS43MjYuMDIzYTEzLjc4MSAxMy43ODEgMCAwMS0yLjcxOC0uNGwtMi43MTMgMS4zNjV6bTYuNDItNy42NDdhMS4xIDEuMSAwIDAwMS4xNy45ODguOTM2LjkzNiAwIDAwLjk4NC0uOTg4LjkxOC45MTggMCAwMC0uOTg0LS45NjUgMS4xIDEuMSAwIDAwLTEuMTcxLjk2NnptLTUuNDU5IDBhMS4xIDEuMSAwIDAwMS4xNzIuOTg4LjkyNC45MjQgMCAwMC45ODMtLjk4OC45MTguOTE4IDAgMDAtLjk4My0uOTY1IDEuMDgzIDEuMDgzIDAgMDAtMS4xNzMuOTY2eiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjUpIi8+PC9zdmc+) no-repeat 50%
}

.box3_right .language[data-v-377e787a] {
  font-size: 0;
  cursor: pointer;
  outline: none
}

.box3_right .language>span[data-v-377e787a] {
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
  line-height: 1;
  color: #999;
  vertical-align: middle
}

.box3_right .language .language_bg[data-v-377e787a] {
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  overflow: hidden
}

.mainBox[data-v-377e787a] {
  width: 15.733333rem;
  padding: 0 .133333rem;
  margin: 0 auto;
  height: 100%
}

.site-footer[data-v-377e787a] {
  padding: 40px 0;
  background: #222;
  overflow: hidden;
  position: relative;
  z-index: 1
}

#sign-newsletter[data-v-377e787a] {
  width: 580px;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:767px) {
  #sign-newsletter[data-v-377e787a] {
    width: auto
  }
}

#sign-newsletter>h2[data-v-377e787a] {
  /* font-family: DINOffcPro-Bold; */
  font-size: 24px;
  color: #fff
}

@media screen and (max-width:767px) {
  #sign-newsletter>h2[data-v-377e787a] {
    font-size: .533333rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1.066667rem
  }
}

#sign-newsletter .input-container[data-v-377e787a] {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  margin: 20px auto 60px
}

@media screen and (max-width:767px) {
  #sign-newsletter .input-container[data-v-377e787a] {
    width: 92%;
    margin: .533333rem auto 1.066667rem
  }
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] {
  color: #fff;
  margin-top: 20px
}

#sign-newsletter .input-container .agree-box>i[data-v-377e787a] {
  float: left;
  font-size: 16px;
  width: 11px;
  height: 20px;
  line-height: 1.6;
  text-align: left
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox {
  float: left;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 3px
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox.active .el-checkbox__input .el-checkbox__inner {
  border-color: #df001f
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__inner {
  width: 18px !important;
  height: 18px !important
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__inner::after {
  top: 1px;
  left: 5px;
  width: 4px;
  height: 8px
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #dcdfe6
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__input.is-checked .el-checkbox__inner, #sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #df001f;
  border-color: #df001f
}

#sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__inner:hover {
  border-color: #df001f
}

#sign-newsletter .input-container .agree-box>p[data-v-377e787a] {
  width: 93%;
  float: right;
  text-align: left;
  color: hsla(0, 0%, 100%, .5);
  line-height: 1.5
}

#sign-newsletter .input-container .agree-box>p a[data-v-377e787a] {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  color: hsla(0, 0%, 100%, .75);
  font-weight: 600;
  text-decoration: underline
}

#sign-newsletter .input-container .agree-box>p a[data-v-377e787a]:hover {
  color: #fff
}

@media screen and (max-width:767px) {
  #sign-newsletter .input-container .agree-box[data-v-377e787a] {
    color: #fff;
    margin-top: .533333rem
  }

  #sign-newsletter .input-container .agree-box>i[data-v-377e787a] {
    height: .533333rem
  }

  #sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox {
    width: .506667rem;
    height: .506667rem
  }

  #sign-newsletter .input-container .agree-box[data-v-377e787a] .checkbox .el-checkbox__inner::after {
    top: 3px;
    left: 6px
  }

  #sign-newsletter .input-container .agree-box>p[data-v-377e787a] {
    width: 88%;
    font-size: .32rem
  }

  #sign-newsletter .input-container .agree-box>p a[data-v-377e787a] {
    font-size: .32rem
  }
}

#sign-newsletter .input-container>.el-form-item[data-v-377e787a] {
  width: 77%;
  font-size: 16px;
  margin-bottom: 0
}

#sign-newsletter .input-container>.el-form-item[data-v-377e787a] .el-input__inner {
  height: 50px;
  border-radius: 5px 0 0 5px;
  border-right: none;
  overflow: hidden
}

@media screen and (max-width:767px) {
  #sign-newsletter .input-container>.el-form-item[data-v-377e787a] .el-input__inner {
    font-size: 16px;
    height: 1.333333rem;
    padding: 0 .4rem
  }
}

@media screen and (max-width:767px) {
  #sign-newsletter .input-container>.el-form-item[data-v-377e787a] {
    width: 67%;
    font-size: .413333rem
  }
}

@media screen and (max-width:767px) {
  #sign-newsletter .input-container[data-v-377e787a] .el-form-item__error {
    font-size: .32rem;
    padding-top: .16rem;
    white-space: nowrap
  }
}

#sign-newsletter .input-container>button[data-v-377e787a] {
  /* font-family: DINOffcPro-Medium; */
  background: #df001f;
  width: 23%;
  padding: 0;
  color: #fff;
  height: 50px;
  font-size: 16px;
  border: none;
  border-radius: 0 5px 5px 0;
  overflow: hidden
}

#sign-newsletter .input-container>button[data-v-377e787a]:hover {
  opacity: .9
}

@media screen and (max-width:767px) {
  #sign-newsletter .input-container>button[data-v-377e787a] {
    width: 33%;
    height: 1.333333rem;
    font-size: .426667rem
  }
}

.icon-box[data-v-377e787a] {
  font-size: 0
}

.icon-box[data-v-377e787a]:hover {
  color: #df001f
}

.icon-box .icon-img[data-v-377e787a] {
  font-size: 13px
}

.icon-box .icon-text[data-v-377e787a] {
  font-family: din !important
}

.icon-box .icon-img[data-v-377e787a], .icon-box .icon-text[data-v-377e787a] {
  display: inline-block
}

@media screen and (min-width:1000px) {
  .qrcode[data-v-377e787a] {
    border-radius: .04rem;
    width: 1.066667rem;
    height: 1.066667rem;
    border: 1px solid #eee;
    padding: .026667rem;
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-out
  }

  .qrcode .triangle[data-v-377e787a] {
    width: 0;
    height: 0;
    margin: .026667rem auto 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .133333rem .106667rem 0
  }

  .qrcode img[data-v-377e787a] {
    display: block;
    width: 100%;
    height: 100%
  }

  .weixin[data-v-377e787a] {
    position: relative
  }

  .weixin .qrcode[data-v-377e787a] {
    left: 50%;
    transform: translateX(-50%);
    bottom: .453333rem
  }

  .weixin:hover .wx-qrcode[data-v-377e787a] {
    visibility: visible;
    opacity: 1
  }

  .ios[data-v-377e787a] {
    position: relative;
    display: inline-block
  }

  .ios .qrcode[data-v-377e787a] {
    left: .973333rem;
    top: 50%;
    transform: translateY(-.586667rem)
  }

  .ios .qrcode .triangle[data-v-377e787a] {
    width: 0;
    height: 0;
    border-color: transparent #fff;
    border-style: solid;
    border-width: .106667rem .133333rem .106667rem 0;
    position: absolute;
    left: -.12rem;
    top: 50%;
    margin-top: -.066667rem
  }

  .ios:hover .ios-qrcode[data-v-377e787a] {
    visibility: visible;
    opacity: 1
  }

  .android[data-v-377e787a] {
    position: relative;
    display: inline-block
  }

  .android .qrcode[data-v-377e787a] {
    left: .973333rem;
    top: 50%;
    transform: translateY(-.586667rem)
  }

  .android .qrcode .triangle[data-v-377e787a] {
    width: 0;
    height: 0;
    border-color: transparent #fff;
    border-style: solid;
    border-width: .106667rem .133333rem .106667rem 0;
    position: absolute;
    left: -.12rem;
    top: 50%;
    margin-top: -.066667rem
  }

  .android:hover .android-qrcode[data-v-377e787a] {
    visibility: visible;
    opacity: 1
  }

  .padlink[data-v-377e787a] {
    display: none
  }

  .pclink[data-v-377e787a] {
    width: .866667rem;
    cursor: pointer
  }
}

@media screen and (min-width:768px) and (max-width:1199px) {
  .mainBox[data-v-377e787a] {
    margin: 0 auto;
    width: 96%
  }

  [class^=grid-content] a[data-v-377e787a], [class^=grid-content] dt[data-v-377e787a], [class^=grid-content] li[data-v-377e787a] {
    padding-left: 10%
  }

  #boxContainer[data-v-377e787a] {
    display: flex;
    justify-content: space-around;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  #boxContainer>.box1-intro[data-v-377e787a] {
    width: 16%
  }

  .qrcode[data-v-377e787a] {
    border-radius: .04rem;
    width: 1.066667rem;
    height: 1.066667rem;
    border: 1px solid #eee;
    padding: .026667rem;
    position: absolute;
    background: #fff;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-out
  }

  .qrcode .triangle[data-v-377e787a] {
    width: 0;
    height: 0;
    margin: .04rem auto 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .133333rem .106667rem 0
  }

  .qrcode img[data-v-377e787a] {
    display: block;
    width: 100%;
    height: 100%
  }

  .weixin[data-v-377e787a] {
    position: relative
  }

  .weixin .qrcode[data-v-377e787a] {
    left: 50%;
    transform: translateX(-50%);
    bottom: .453333rem
  }

  .weixin:hover .wx-qrcode[data-v-377e787a] {
    visibility: visible;
    opacity: 1
  }

  .padlink[data-v-377e787a] {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 0 !important
  }

  .pclink[data-v-377e787a] {
    display: none;
    overflow: hidden
  }
}

@media screen and (max-width:767px) {
  .ispc[data-v-377e787a] {
    display: none
  }

  .ismob[data-v-377e787a] {
    display: block
  }

  .site-footer[data-v-377e787a] {
    padding: 0
  }

  [class^=grid-content] dt[data-v-377e787a] {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: auto
  }

  [class$=_2][data-v-377e787a] {
    padding-top: 0
  }

  .mainBox[data-v-377e787a] {
    width: 9.146667rem;
    margin: 0 auto
  }

  .mainBox dl[data-v-377e787a] {
    border-bottom: 1px solid #333
  }

  .mainBox dl.grid-content2_2[data-v-377e787a] {
    border-bottom: none
  }

  .mainBox dt[data-v-377e787a] {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .mainBox dt .icon-jia[data-v-377e787a] {
    width: .213333rem;
    height: .213333rem;
    margin-right: .266667rem;
    transition: all .2s
  }

  .mainBox dt .icon-jia.isSlide[data-v-377e787a] {
    transform: rotate(45deg)
  }

  .mainBox dd[data-v-377e787a] {
    height: 0;
    overflow: hidden;
    transition: height .2s
  }

  .mainBox dd.slideShow0[data-v-377e787a] {
    height: 260px
  }

  .mainBox dd.slideShow1[data-v-377e787a] {
    height: 180px
  }

  .mainBox dd.slideShow2[data-v-377e787a] {
    height: 184px
  }

  .mainBox dd.slideShow3[data-v-377e787a], .mainBox dd.slideShow4[data-v-377e787a] {
    height: 140px
  }

  .mainBox dd.slideShow5[data-v-377e787a] {
    height: 105px
  }

  .mainBox dd.slideShow6[data-v-377e787a] {
    height: 110px
  }

  .mainBox dd.slideShow7[data-v-377e787a] {
    height: 55px
  }

  .mainBox dd a[data-v-377e787a], .mainBox dd li[data-v-377e787a] {
    padding-left: .533333rem;
    color: #eee;
    line-height: 40px;
    height: 40px
  }

  .mainBox dd a[data-v-377e787a]:first-child, .mainBox dd li[data-v-377e787a]:first-child {
    padding-top: 10px
  }

  .mainBox dd a[data-v-377e787a]:last-child, .mainBox dd li[data-v-377e787a]:last-child {
    padding-bottom: 20px
  }

  .icon-box[data-v-377e787a] {
    display: flex;
    align-items: center
  }

  .icon-box .icon-img[data-v-377e787a] {
    margin-top: 0;
    margin-right: .133333rem
  }

  .mob_box1[data-v-377e787a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    margin: 1.066667rem auto .266667rem;
    border-bottom: 1px solid #333;
    padding-bottom: .266667rem
  }

  .mob_box1 .items>li[data-v-377e787a] {
    font-size: .32rem
  }

  .mob_box1 .language .language_bg[data-v-377e787a] {
    width: .426667rem;
    height: .426667rem
  }

  .mob_box1 .language span[data-v-377e787a] {
    font-size: .32rem;
    padding-top: 0;
    line-height: 22px;
    margin-right: .133333rem
  }

  .mob_box1 .box3_right[data-v-377e787a] {
    float: unset;
    margin-top: 0
  }

  .mob_box2[data-v-377e787a] {
    color: hsla(0, 0%, 100%, .5);
    line-height: 1;
    font-size: 10px;
    /* font-family: DINOffcPro-CondMedium; */
    font-weight: 400;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
  }

  .mob_box2 .items[data-v-377e787a] {
    display: flex;
    margin-bottom: .266667rem
  }

  .mob_box2 a[data-v-377e787a], .mob_box2 li[data-v-377e787a] {
    margin-right: .533333rem
  }

  .mob_box3[data-v-377e787a] {
    font-size: .266667rem;
    color: hsla(0, 0%, 100%, .5);
    transform: scale(.84);
    transform-origin: 0 0;
    margin-bottom: .133333rem
  }

  .mob_box3>span[data-v-377e787a] {
    display: block;
    line-height: 1.5
  }

  .wx-qrcode[data-v-377e787a] {
    z-index: 999;
    width: 4.16rem;
    height: 4.16rem;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-animation-duration: .4s;
            animation-duration: .4s
  }

  .wx-qrcode img[data-v-377e787a] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block
  }
}

#cookie-notice[data-v-4fc14608] {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  min-width: 100%;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  word-break: break-all;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .1);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
          backdrop-filter: saturate(180%) blur(30px);
  transition-property: background-color, -webkit-backdrop-filter;
  transition-property: background-color, backdrop-filter;
  transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
  z-index: 10001
}

.cookie-notice-container[data-v-4fc14608] {
  padding: 10px 10%;
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-align: justify
}

#cookie-notice-link[data-v-4fc14608] {
  font-size: 13px;
  cursor: pointer;
  color: #df001f
}

#cookie-btn[data-v-4fc14608] {
  display: inline-block;
  width: 60px;
  font-size: 13px;
  line-height: 20px;
  padding: .04rem .266667rem;
  border-radius: 4px;
  white-space: nowrap
}

button[data-v-021d97e3] {
  font-size: 16px;
  /* font-family: DINOffcPro-Medium; */
  transition: all .4s;
  border-radius: 5px
}

button.fn-button-windows[data-v-021d97e3] {
  padding: 14px 0 12px
}

@media screen and (max-width:767px) {
  button[data-v-021d97e3] {
    border-radius: .133333rem;
    font-size: .426667rem
  }

  button.fn-button-windows[data-v-021d97e3] {
    padding: .373333rem 0 .32rem
  }
}

.banner-wrapper[data-v-054b894e] {
  width: 100%
}

.swiper-container[data-v-054b894e] {
  width: 100%
}

.swiper-container[data-v-054b894e], .swiper-slide[data-v-054b894e] {
  box-shadow: inset 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.swiper-slide .heightBg[data-v-054b894e] {
  z-index: -1
}

@media screen and (min-width:768px) {
  .swiper1 .swiper-container[data-v-054b894e] {
    width: 100%;
    height: 100%
  }

  .swiper1 .heightBg[data-v-054b894e] {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
  }

  .swiper1 .bannerContent[data-v-054b894e] {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0
  }

  .swiper1 .bannerContent .bannerShow[data-v-054b894e] {
    position: absolute;
    top: 50%;
    left: 14.6413%;
    transform: translateY(-50%);
    max-width: 70%
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo1[data-v-054b894e] {
    max-height: 40px;
    margin-bottom: 10px
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2[data-v-054b894e] {
    margin-bottom: 60px
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2 .title_en[data-v-054b894e] {
    line-height: 1.2;
    font-size: 60px;
    /* font-family: DINOffcPro-CondBold; */
    margin-bottom: 16px
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2 .title[data-v-054b894e] {
    font-size: 30px;
    line-height: 1.2
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2 .description[data-v-054b894e] {
    padding-top: 30px;
    font-size: 12px;
    line-height: 24px
  }

  .swiper1 .bannerContent .bannerShow .bannerBtnWrap[data-v-054b894e] {
    display: block;
    width: 200px;
    height: 50px;
    overflow: hidden
  }

  .swiper1 .swiper-slide[data-v-054b894e] {
    height: 100%
  }

  .swiper1 .swiper-slide .img-bg[data-v-054b894e] {
    width: 100%;
    height: auto;
    z-index: -1;
    display: block;
    overflow: hidden;
    position: relative
  }

  .swiper1 .swiper-container-horizontal>.swiper-pagination1[data-v-054b894e] {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 7%;
    width: 50%;
    z-index: 1
  }

  .swiper1 .swiper-slide .bannerShow[data-v-054b894e] {
    margin-top: 10px;
    opacity: 0;
    transition: all .4s;
    transition-delay: 0s
  }

  .swiper1 .opacity1-slide .bannerShow[data-v-054b894e] {
    margin-top: 0;
    opacity: 1
  }

  .swiper1 .swiper-slide .heightBg[data-v-054b894e] {
    right: 0;
    transform: translateZ(0);
    transition: left .4s
  }

  .swiper1 .width50-slide .heightBg[data-v-054b894e] {
    transform: translate3d(50%, 0, 0)
  }

  .swiper1 .width100-slide .heightBg[data-v-054b894e] {
    transform: translate3d(100%, 0, 0)
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .swiper1 .bannerContent[data-v-054b894e] {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0
  }

  .swiper1 .bannerContent .bannerShow[data-v-054b894e] {
    max-width: 4rem
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo1[data-v-054b894e] {
    max-height: .533333rem;
    margin-bottom: .133333rem
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2[data-v-054b894e] {
    margin-bottom: .3rem
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2 .title_en[data-v-054b894e] {
    line-height: 1.2;
    font-size: 48px;
    /* font-family: DINOffcPro-CondBold; */
    margin-bottom: 16px
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2 .title[data-v-054b894e] {
    font-size: 30px;
    line-height: 1.2
  }

  .swiper1 .bannerContent .bannerShow .bannerLogo2 .description[data-v-054b894e] {
    padding-top: .133333rem;
    font-size: 12px;
    line-height: 24px
  }

  .swiper1 .bannerContent .bannerShow .bannerBtnWrap[data-v-054b894e] {
    width: 200px;
    height: 50px;
    overflow: hidden
  }

  .swiper1 .swiper-slide[data-v-054b894e] {
    height: 100%
  }

  .swiper1 .swiper-slide .img-bg[data-v-054b894e] {
    width: auto;
    height: 6.666667rem;
    z-index: -2;
    display: block;
    overflow: hidden
  }

  .swiper1 .swiper-container-horizontal>.swiper-pagination1[data-v-054b894e] {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    z-index: 1
  }
}

@media screen and (max-width:767px) {
  .swiper1[data-v-054b894e] {
    height: 14.4rem
  }

  .swiper1 .swiper-container[data-v-054b894e] {
    width: 100%;
    height: 100%
  }

  .swiper1 .swiper-slide[data-v-054b894e] {
    overflow: hidden
  }

  .swiper1 .heightBg[data-v-054b894e] {
    background-color: #fff;
    transition: left .4s
  }

  .swiper1 .bannerContent[data-v-054b894e], .swiper1 .heightBg[data-v-054b894e] {
    width: 100%;
    height: 6.906667rem;
    position: absolute;
    left: 0;
    top: 7.493333rem
  }

  .swiper1 .bannerShow[data-v-054b894e] {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .swiper1 .bannerShow .bannerLogo1[data-v-054b894e] {
    width: auto;
    height: .4rem;
    margin-bottom: .16rem
  }

  .swiper1 .bannerShow .bannerLogo2[data-v-054b894e] {
    width: 84%;
    margin: 0 auto;
    text-align: center
  }

  .swiper1 .bannerShow .bannerLogo2 .title_en[data-v-054b894e] {
    line-height: 1.2;
    /* font-family: DINOffcPro-CondBold; */
    font-size: .8rem;
    margin-bottom: .266667rem;
    font-weight: 400
  }

  .swiper1 .bannerShow .bannerLogo2 .title[data-v-054b894e] {
    font-size: .533333rem;
    line-height: 1.2;
    margin-bottom: .8rem
  }

  .swiper1 .bannerShow .bannerBtnWrap[data-v-054b894e] {
    width: 5.333333rem;
    height: 1.333333rem
  }

  .swiper1 .swiper-slide .imgWrap[data-v-054b894e] {
    height: 7.493333rem;
    z-index: -1;
    overflow: hidden;
    display: block
  }

  .swiper1 .swiper-slide .img-bg[data-v-054b894e] {
    height: 8.986667rem;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
  }

  .swiper1 .swiper-container-horizontal>.swiper-pagination1[data-v-054b894e] {
    position: absolute;
    bottom: 6.906667rem;
    left: 0;
    height: 1.12rem;
    z-index: 1;
    display: flex;
    justify-content: center
  }

  .swiper1 .swiper-slide .bannerShow[data-v-054b894e] {
    margin-top: -.4rem;
    opacity: 0;
    transition: all .4s;
    transition-delay: 0s
  }

  .swiper1 .opacity1-slide .bannerShow[data-v-054b894e] {
    margin-top: 0;
    opacity: 1
  }

  .swiper1 .swiper-slide .heightBg[data-v-054b894e] {
    right: 0;
    left: 0
  }
}

.indexSwiperOrigin_Banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px
}

.indexSwiperOrigin_Banner .swiper-pagination-bullet {
  position: relative;
  margin: 20px 10px;
  width: 50px;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: #ccc;
  background-clip: content-box;
  z-index: 168;
  top: -3px
}

.indexSwiperOrigin_Banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-clip: content-box
}

.indexSwiperOrigin_Banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  height: 4px;
  left: 0;
  top: 0;
  width: 0;
  opacity: 1;
  background: #df001f;
  background-clip: content-box;
  border-radius: 2px;
  -webkit-animation: bannerProgress 7.3s ease-in-out;
          animation: bannerProgress 7.3s ease-in-out;
  z-index: 186
}

@media screen and (max-width:767px) {
  .indexSwiperOrigin_Banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    top: 0
  }
}

.indexSwiperOrigin_Banner .swiper-pagination-bullet:focus {
  outline: none
}

.indexSwiperOrigin_Banner .swiper-container-horizontal>.swiper-pagination1 .swiper-pagination-bullet:first-child {
  margin-left: 15%
}

@media screen and (min-width:768px) and (max-width:991px) {
  .indexSwiperOrigin_Banner .swiper-pagination1 {
    display: flex;
    flex-wrap: nowrap
  }

  .indexSwiperOrigin_Banner .swiper-pagination1 .swiper-pagination-bullet:last-child {
    margin-right: 4.6%
  }
}

@media screen and (max-width:767px) {
  .indexSwiperOrigin_Banner .swiper-pagination-bullet {
    margin: 40px 0;
    width: 40px;
    height: 4px
  }

  .indexSwiperOrigin_Banner .swiper-container-horizontal>.swiper-pagination1 .swiper-pagination-bullet:first-child {
    margin-left: 0
  }
}

.list-phalanx[data-v-907e2d76] {
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

.list-phalanx[data-v-907e2d76], .list-phalanx li[data-v-907e2d76] {
  display: flex;
  align-items: center
}

.list-phalanx li[data-v-907e2d76] {
  width: 50%;
  height: 240px;
  box-sizing: border-box;
  justify-content: flex-start;
  cursor: default
}

.list-phalanx li[data-v-907e2d76]:hover {
  border-radius: 10px;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .2);
  transition: all .4s ease-in-out
}

.list-phalanx li .inspire-icon[data-v-907e2d76] {
  width: 120px;
  height: 120px;
  margin: 0 50px
}

@media screen and (max-width:767px) {
  .list-phalanx li .inspire-icon[data-v-907e2d76] {
    width: 1.866667rem;
    height: 1.866667rem;
    margin: 0
  }
}

.list-phalanx li .inspire-icon>img[data-v-907e2d76] {
  width: 100%;
  height: 100%
}

.list-phalanx li .title[data-v-907e2d76] {
  font-size: 72px;
  /* font-family: DINOffcPro-Cond; */
  display: inline-block;
  margin-bottom: 0
}

.list-phalanx li .unit[data-v-907e2d76] {
  font-size: 23px;
  /* font-family: DINOffcPro-CondMedium; */
  display: inline-block;
  vertical-align: top;
  padding-top: .04rem
}

.list-phalanx li .unit.macshow[data-v-907e2d76] {
  padding-top: .213333rem
}

.list-phalanx li .des[data-v-907e2d76] {
  font-size: 16px
}

@media screen and (min-width:768px) and (max-width:1145px) {
  .list-phalanx li[data-v-907e2d76] {
    height: 2rem
  }

  .list-phalanx li .img[data-v-907e2d76] {
    width: .933333rem;
    height: .933333rem;
    margin-right: .266667rem
  }

  .list-phalanx li .inspire-icon[data-v-907e2d76] {
    width: 1rem;
    height: 1rem;
    margin: 0 .4rem
  }

  .list-phalanx li .inspire-icon>img[data-v-907e2d76] {
    width: 100%
  }

  .list-phalanx li .title[data-v-907e2d76] {
    font-size: 48px
  }

  .list-phalanx li .unit[data-v-907e2d76] {
    font-size: 18px
  }
}

@media screen and (max-width:767px) {
  .list-phalanx[data-v-907e2d76] {
    flex-direction: column
  }

  .list-phalanx li[data-v-907e2d76] {
    width: 100%;
    height: 2.933333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .list-phalanx li .inspire-icon[data-v-907e2d76] {
    margin-right: .8rem
  }

  .list-phalanx li>div[data-v-907e2d76]:last-child {
    width: 50%;
    white-space: nowrap
  }

  .list-phalanx li .title[data-v-907e2d76] {
    font-size: .96rem
  }

  .list-phalanx li .unit[data-v-907e2d76] {
    font-size: .306667rem
  }

  .list-phalanx li .des[data-v-907e2d76] {
    font-size: .32rem;
    white-space: pre-line
  }
}

#swiper-container[data-v-68985c31] {
  width: 15.733333rem;
  margin: 0 auto;
  padding: 1.333333rem 0
}

#swiper-container-top {
  width: calc(100% - 3.733333rem - .266667rem);
}

#swiper-container-top .swiper-slide {
  text-align: center;
}

#swiper-container-top .swiper-slide img {
  width: 90%;
}

@media screen and (max-width:1199px) {
  #swiper-container[data-v-68985c31] {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  #swiper-container-top {
    width: auto;
  }
}

.product-swiper-wrapper[data-v-68985c31] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  padding-bottom: .266667rem;
  position: relative
}

.product-swiper-wrapper>[data-v-68985c31] {
  position: relative;
  z-index: 2
}

.product-swiper-wrapper[data-v-68985c31]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #ccc
}

@media (-webkit-min-device-pixel-ratio:2) {
  .product-swiper-wrapper[data-v-68985c31]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .product-swiper-wrapper[data-v-68985c31]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .product-swiper-wrapper[data-v-68985c31]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) {
  .product-swiper-wrapper[data-v-68985c31] {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    position: relative
  }

  .product-swiper-wrapper>[data-v-68985c31] {
    position: relative;
    z-index: 2
  }

  .product-swiper-wrapper[data-v-68985c31]::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid transparent
  }
}

@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2) {
  .product-swiper-wrapper[data-v-68985c31]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) and (-webkit-device-pixel-ratio:1.5) {
  .product-swiper-wrapper[data-v-68985c31]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) and (-webkit-device-pixel-ratio:3) {
  .product-swiper-wrapper[data-v-68985c31]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#text-introduction[data-v-68985c31] {
  width: 3.733333rem
}

@media screen and (max-width:768px) {
  #text-introduction[data-v-68985c31] {
    width: 88%;
    background-color: #fff;
    margin-bottom: .533333rem;
    border-radius: .266667rem
  }
}

#text-introduction>.cont[data-v-68985c31] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  #text-introduction>.cont[data-v-68985c31] {
    width: 86%;
    margin: .56rem auto
  }
}

#text-introduction>.cont>div[data-v-68985c31] {
  position: relative;
  width: 1.84rem;
  height: 1.76rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  text-align: center
}

@media screen and (max-width:768px) {
  #text-introduction>.cont>div[data-v-68985c31] {
    width: 50%;
    height: 3.573333rem
  }
}

#text-introduction>.cont>div[data-v-68985c31]:first-child::before, #text-introduction>.cont>div[data-v-68985c31]:nth-child(3)::before, #text-introduction>.cont>div[data-v-68985c31]:nth-child(5)::before {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 1.173333rem;
  background-color: #eee
}

@media screen and (max-width:768px) {
  #text-introduction>.cont>div[data-v-68985c31]:first-child::before, #text-introduction>.cont>div[data-v-68985c31]:nth-child(3)::before, #text-introduction>.cont>div[data-v-68985c31]:nth-child(5)::before {
    height: 2.346667rem
  }
}

#text-introduction>.cont>div[data-v-68985c31]::after {
  content: "";
  width: 1.173333rem;
  height: 1px;
  background-color: #eee
}

@media screen and (max-width:768px) {
  #text-introduction>.cont>div[data-v-68985c31]::after {
    width: 2.346667rem
  }
}

#text-introduction>.cont>div[data-v-68985c31]:last-child::after, #text-introduction>.cont>div[data-v-68985c31]:nth-last-child(2)::after {
  content: "";
  width: 0;
  height: 0;
  background-color: transparent
}

#text-introduction>.cont>div>h5[data-v-68985c31] {
  width: 100%;
  /* font-family: DINOffcPro-CondBold; */
  font-size: .293333rem;
  color: #363636;
  margin: .266667rem auto
}

@media screen and (max-width:768px) {
  #text-introduction>.cont>div>h5[data-v-68985c31] {
    width: 100%;
    font-size: .586667rem;
    font-weight: 400
  }
}

#text-introduction>.cont>div>h6[data-v-68985c31] {
  width: 100%;
  font-size: .186667rem;
  color: #363636;
  padding: 0 .08rem .32rem;
  line-height: 1.3;
  font-weight: 500
}

@media screen and (max-width:768px) {
  #text-introduction>.cont>div>h6[data-v-68985c31] {
    font-size: .373333rem;
    line-height: 1.5
  }
}

#product-swiper[data-v-68985c31] {
  --swiper-theme-color: #ef0303;
  --swiper-navigation-color: #ef0303;
  margin-left: .266667rem
}

@media screen and (max-width:768px) {
  #product-swiper[data-v-68985c31] {
    width: 100%;
    margin: 0 auto
  }
}

#swiper-core[data-v-68985c31] {
  width: 10.4rem;
  height: 6.4rem
}

@media screen and (max-width:768px) {
  #swiper-core[data-v-68985c31] {
    width: 100vw;
    height: 6.133333rem
  }
}

#swiper-core .swiper-slide[data-v-68985c31] {
  position: relative
}

#swiper-core .swiper-slide>img[data-v-68985c31] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite[data-v-68985c31], .swiper-pagination-progressbar[data-v-68985c31] {
  top: 1.6rem;
  right: -.933333rem;
  width: .053333rem;
  height: 62%;
  border-radius: 6px;
  overflow: hidden;
  z-index: 16
}

@media screen and (max-width:768px) {
  .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite[data-v-68985c31], .swiper-pagination-progressbar[data-v-68985c31] {
    bottom: -17.5vw;
    top: inherit;
    right: inherit;
    left: 30vw;
    width: 51vw;
    height: 4px
  }
}

#next-arrow[data-v-68985c31], #prev-arrow[data-v-68985c31] {
  position: absolute;
  right: -1.04rem;
  font-size: .266667rem;
  color: #333;
  font-weight: 700;
  cursor: pointer
}

@media screen and (max-width:768px) {
  #next-arrow[data-v-68985c31], #prev-arrow[data-v-68985c31] {
    right: inherit;
    font-size: .533333rem
  }
}

#next-arrow[data-v-68985c31]:hover, #prev-arrow[data-v-68985c31]:hover {
  opacity: .8
}

#prev-arrow[data-v-68985c31] {
  top: .266667rem
}

@media screen and (max-width:768px) {
  #prev-arrow[data-v-68985c31] {
    top: inherit;
    left: 8vw;
    bottom: -20vw
  }
}

#next-arrow[data-v-68985c31] {
  bottom: .266667rem
}

@media screen and (max-width:768px) {
  #next-arrow[data-v-68985c31] {
    bottom: -20vw;
    right: 8vw
  }
}

#current-image-index[data-v-68985c31], #total-image-index[data-v-68985c31] {
  /* font-family: DINOffcPro-Medium; */
  font-size: .213333rem;
  position: absolute;
  width: .666667rem;
  right: -1.253333rem;
  transform: rotate(90deg)
}

@media screen and (max-width:768px) {
  #current-image-index[data-v-68985c31], #total-image-index[data-v-68985c31] {
    /* font-family: DINOffcPro-Bold; */
    transform: rotate(0deg);
    width: auto;
    font-size: .373333rem;
    right: inherit
  }
}

#current-image-index[data-v-68985c31] {
  top: 1.013333rem
}

@media screen and (max-width:768px) {
  #current-image-index[data-v-68985c31] {
    top: inherit;
    left: 16.5vw;
    bottom: -19vw
  }
}

#total-image-index[data-v-68985c31] {
  top: 1.333333rem
}

@media screen and (max-width:768px) {
  #total-image-index[data-v-68985c31] {
    top: inherit;
    left: 22vw;
    bottom: -19vw;
    width: .96rem
  }
}

#swiper-color-choose[data-v-68985c31] {
  position: absolute;
  left: 0;
  bottom: .266667rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  z-index: 1688
}

@media screen and (max-width:768px) {
  #swiper-color-choose[data-v-68985c31] {
    bottom: -9vw
  }
}

.color-circle[data-v-68985c31] {
  width: .32rem;
  height: .32rem;
  border-radius: 100%;
  border: .026667rem solid #eee;
  cursor: pointer;
  overflow: hidden;
  margin-right: .266667rem
}

@media screen and (max-width:768px) {
  .color-circle[data-v-68985c31] {
    width: .666667rem;
    height: .666667rem
  }
}

.color-circle[data-v-68985c31]:hover {
  opacity: .8
}

.buy-way[data-v-68985c31] {
  width: 6.933333rem;
  margin: .533333rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .buy-way[data-v-68985c31] {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    width: 58vw;
    text-align: center;
    margin-top: 29vw;
    white-space: nowrap
  }
}

.buy-way>h3[data-v-68985c31] {
  font-family: DINOffcPro-Bold;
  font-size: .426667rem;
  color: #000
}

@media screen and (max-width:768px) {
  .buy-way>h3[data-v-68985c31] {
    width: 100%;
    font-size: .96rem
  }
}

.buy-way>h3>span[data-v-68985c31] {
  font-size: .24rem;
  padding-right: .133333rem
}

@media screen and (max-width:768px) {
  .buy-way>h3>span[data-v-68985c31] {
    font-size: .48rem
  }
}

.niu-buy[data-v-68985c31] {
  width: 2.906667rem;
  padding: .186667rem 0;
  font-weight: 500;
  margin: 0 auto;
}

@media screen and (max-width:768px) {
  .niu-buy[data-v-68985c31] {
    width: 100%;
    margin-top: .266667rem;
    padding: .373333rem 0
  }

  .buy-container .niu-buy[data-v-68985c31] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

#niu-progressbar {
  border-radius: 6px;
  overflow: hidden;
  z-index: 12
}

.boxCenter[data-v-f5011878] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

#product-introduct-detail[data-v-f5011878] {
  position: relative;
  background-color: #fff
}

@media screen and (min-width:768px) {
  .ispc[data-v-f5011878] {
    display: block !important
  }

  .ismob[data-v-f5011878] {
    display: none !important
  }

  [class$=title][data-v-f5011878] {
    color: #fff;
    line-height: 56px;
    font-size: 40px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400;
    text-align: center;
    margin-top: .933333rem;
    margin-bottom: .4rem
  }

  [class$=desc][data-v-f5011878] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 9.2rem;
    margin-left: auto;
    margin-right: auto;
    word-spacing: 0
  }

  [class$=logo][data-v-f5011878] {
    margin-top: 1.066667rem;
    margin-bottom: .906667rem;
    height: .8rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400;
    text-align: center
  }

  [class$=logo] [class$=title-two][data-v-f5011878] {
    font-size: 24px
  }

  [class$=bg-box][data-v-f5011878] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%
  }

  [class$=bg-box] [class$=img-center][data-v-f5011878] {
    height: 100%;
    vertical-align: middle
  }

  section.sec[data-v-f5011878] {
    position: relative;
    width: 100%;
    overflow: hidden
  }

  section.sec .con[data-v-f5011878] {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 1
  }

  .section2 .con2-title[data-v-f5011878] {
    margin-top: 0;
    color: #333;
    padding-top: .933333rem
  }

  .section2 .con2-desc[data-v-f5011878] {
    color: #333;
    margin-bottom: .933333rem
  }

  .section3[data-v-f5011878] {
    height: 19.066667rem
  }

  .section4 .con4-title[data-v-f5011878] {
    margin-top: .933333rem;
    margin-bottom: .4rem;
    color: #333
  }

  .section4 .con4-desc[data-v-f5011878] {
    color: #333;
    margin-bottom: 1.2rem
  }

  .section4 .con4-box[data-v-f5011878] {
    width: 11.066667rem;
    margin: 0 auto 1.6rem;
    display: flex;
    justify-content: space-between
  }

  .section5[data-v-f5011878] {
    height: 10.186667rem
  }

  .section6 .con6-title[data-v-f5011878] {
    color: #333
  }

  .section6 .con6-desc[data-v-f5011878] {
    color: #333;
    margin-bottom: .933333rem
  }

  .section6 .con6-box[data-v-f5011878] {
    margin: 0 auto 1.6rem;
    width: 13.333333rem
  }

  .section6 .con6-box .row-bottom[data-v-f5011878] {
    margin-bottom: .266667rem
  }

  .section6 .con6-box .con6-img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    display: block
  }

  .section6 .con6-box .con6-item[data-v-f5011878] {
    position: relative
  }

  .section6 .con6-box .con6-item .con6-item-title[data-v-f5011878] {
    position: absolute;
    bottom: .666667rem;
    width: 100%;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0
  }

  .section7[data-v-f5011878] {
    height: 14.346667rem
  }

  .section8[data-v-f5011878] {
    height: 14.613333rem
  }

  .section8 .con[data-v-f5011878] {
    height: 100%
  }

  .section8 .con .con8-bottom[data-v-f5011878] {
    width: 8.533333rem;
    position: absolute;
    bottom: .533333rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .section8 .con8-bg-box[data-v-f5011878] {
    height: 100%
  }

  .section8 img[data-v-f5011878] {
    display: block
  }

  .section9[data-v-f5011878] {
    height: 3.96rem;
    background-color: #212121
  }

  .section9 .con9-content[data-v-f5011878] {
    width: 6.533333rem;
    height: 2.4rem;
    margin: .333333rem auto 0;
    background: #144fa2;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .section9 .con9-content .con9-img[data-v-f5011878] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-right: .666667rem
  }

  .section9 .con9-content .textRight[data-v-f5011878] {
    color: #d1d3d3;
    text-align: left;
    font-size: 16px;
    width: 2.826667rem;
    line-height: .373333rem
  }

  .section9 .con9-content .con9-title9[data-v-f5011878] {
    height: .28rem;
    margin-bottom: .226667rem
  }

  .section10 .con10-title[data-v-f5011878] {
    color: #333
  }

  .section10 .con10-desc[data-v-f5011878] {
    color: #333;
    margin-bottom: .933333rem;
    width: 100%
  }

  .section10 .con10-box[data-v-f5011878] {
    margin: 0 auto 1.6rem;
    width: 13.333333rem
  }

  .section10 .con10-box .row-bottom[data-v-f5011878] {
    margin-bottom: .266667rem
  }

  .section10 .con10-box .con10-img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    display: block
  }

  .section10 .con10-box .con10-item[data-v-f5011878] {
    position: relative
  }

  .section10 .con10-box .con10-item .descBottom[data-v-f5011878] {
    position: absolute;
    bottom: .266667rem;
    width: 100%
  }

  .section10 .con10-box .con10-item .descBottom .con10-item-title[data-v-f5011878] {
    margin: 0 0 .133333rem;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section10 .con10-box .con10-item .descBottom .con10-desc[data-v-f5011878] {
    margin-bottom: 0;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 .4rem;
    box-sizing: border-box
  }

  .section10 .con10-box .con10-item .descBottom.descColor .con10-desc[data-v-f5011878], .section10 .con10-box .con10-item .descBottom.descColor .con10-item-title[data-v-f5011878] {
    color: #333
  }

  .section11[data-v-f5011878] {
    height: 18.906667rem
  }

  .section11 .con11-logo[data-v-f5011878] {
    margin-top: 1.066667rem;
    margin-bottom: .906667rem;
    height: .8rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro; */
    font-weight: 700;
    text-align: center
  }

  .section11 .con11-logo .con11-title-two[data-v-f5011878] {
    font-size: 24px
  }

  .section11 .con11-title[data-v-f5011878] {
    color: #fff;
    margin-bottom: .4rem
  }

  .section11 .con11-desc[data-v-f5011878] {
    margin: 0 auto;
    width: 9.413333rem
  }

  .section12[data-v-f5011878] {
    background-color: #0174e8
  }

  .section12 .con12-head-bg[data-v-f5011878] {
    width: 19.333333rem;
    height: 9.733333rem;
    position: relative;
    left: 50% !important;
    transform: translateX(-50%) !important
  }

  .section12 .con12-head-bg .con12-head-layer[data-v-f5011878] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
  }

  .section12 .con12-head-bg .con12-head-layer .con12-img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    vertical-align: middle
  }

  .section12 .con12-bottom-title[data-v-f5011878] {
    margin: 0 0 .266667rem
  }

  .section12 .con12-bottom-title[data-v-f5011878]:last-of-type {
    margin-bottom: 1.6rem
  }

  .section13[data-v-f5011878] {
    background-color: #d6d8ee;
    height: 17.8rem
  }

  .section13 .safety[data-v-f5011878] {
    position: relative
  }

  .section13 .con13-choose-bg-box[data-v-f5011878] {
    height: 9.946667rem;
    position: absolute;
    top: 1.933333rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .section13 .con13-choose-bg-box .con13-img[data-v-f5011878] {
    height: 100%;
    vertical-align: middle
  }

  .section13 .con13-title[data-v-f5011878] {
    color: #333
  }

  .section13 .con13-desc[data-v-f5011878] {
    color: #333;
    width: 8.533333rem;
    margin: 0 auto
  }

  .section13 .con13-choose-title[data-v-f5011878] {
    margin-top: 8.266667rem;
    color: #333;
    margin-bottom: .613333rem
  }

  .section13 .con13-choose-num[data-v-f5011878] {
    height: 1.92rem;
    color: #0174e8;
    line-height: 130px;
    font-size: 144px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700;
    margin: 0 auto .213333rem
  }

  .section13 .con13-choose-num .con13-choose-shownum[data-v-f5011878] {
    width: 50%;
    text-align: right;
    display: inline-block
  }

  .section13 .con13-choose-num .con13-choose-unit[data-v-f5011878] {
    width: 50%;
    display: inline-block;
    text-align: left
  }

  .section13 .carTypeChoose2[data-v-f5011878] {
    margin: 0 auto;
    width: 11.213333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .section13 .carTypeChoose2 .con12-select[data-v-f5011878] {
    width: 1.96rem;
    display: flex;
    justify-content: flex-end
  }

  .section13 .selectWrap[data-v-f5011878] {
    width: 247px;
    display: flex;
    border: 1px solid #000;
    box-sizing: border-box
  }

  .section13 .selectWrap .selectText[data-v-f5011878] {
    height: 50px;
    font-size: 20px;
    flex: 1;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 50px
  }

  .section14[data-v-f5011878] {
    height: 10.666667rem
  }

  .section15[data-v-f5011878] {
    height: 9.68rem;
    background: #4c110b
  }

  .section15 .con15-battery[data-v-f5011878] {
    width: 1000px;
    padding-top: 90px;
    padding-bottom: 120px;
    font-size: 0;
    position: relative;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    word-spacing: 0
  }

  .section15 .con15-battery li[data-v-f5011878] {
    width: 130px;
    height: 102px;
    margin-right: 15px;
    display: inline-block;
    font-size: 0;
    padding-bottom: 20px;
    vertical-align: bottom
  }

  .section15 .con15-battery li[data-v-f5011878]:nth-child(6) {
    margin-right: 0
  }

  .section15 .con15-battery .con15-icon[data-v-f5011878] {
    width: .706667rem;
    height: .706667rem;
    display: block;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: .066667rem
  }

  .section15 .con15-battery .con15-batIntro[data-v-f5011878] {
    text-align: center;
    font-size: 10px;
    color: #eee;
    line-height: .16rem;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto
  }

  .section16[data-v-f5011878] {
    height: 14.32rem
  }

  .section16 .con16-logo[data-v-f5011878] {
    margin-top: 1.066667rem;
    margin-bottom: .906667rem;
    height: .8rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro; */
    font-weight: 700;
    text-align: center
  }

  .section16 .con16-logo .con16-title-two[data-v-f5011878] {
    font-size: 24px
  }

  .section16 .con16-title[data-v-f5011878] {
    color: #fff;
    margin-bottom: .4rem
  }

  .section16 .con16-desc[data-v-f5011878] {
    margin: 0 auto;
    width: 8.533333rem
  }

  .section17[data-v-f5011878] {
    height: 15.106667rem;
    background: #0174e8
  }

  .section17 .con17-tit2-title[data-v-f5011878] {
    margin-top: 9.266667rem
  }

  .section17 .con17-bg-box-header[data-v-f5011878] {
    position: absolute;
    right: 0;
    height: 13.333333rem
  }

  .section17 .con17-bottom-bg-box[data-v-f5011878] {
    bottom: 1.066667rem
  }

  .section17 .con17_img1-img-center[data-v-f5011878] {
    height: 13.333333rem
  }

  .section17 .con17_img2-img-center[data-v-f5011878] {
    height: 3.12rem
  }

  .section18[data-v-f5011878] {
    height: 10.666667rem
  }

  .section19[data-v-f5011878] {
    height: 17.6rem;
    background: #0d2040
  }

  .section19 .con19_img2[data-v-f5011878], .section19 .con19_img3[data-v-f5011878] {
    opacity: 0;
    transition: all .8s
  }

  .section19 .con19-blue-show[data-v-f5011878], .section19 .con19-red-show[data-v-f5011878] {
    opacity: 1
  }

  .section19 .c19_cpuList[data-v-f5011878] {
    width: 40%;
    margin: .933333rem auto 6.826667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-lines: multiple
  }

  .section19 .c19_cpuList li[data-v-f5011878] {
    display: inline-block;
    text-align: center
  }

  .section19 .c19_cpuList li p[data-v-f5011878]:first-child {
    /* font-family: DINOffcPro-Bold; */
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px
  }

  .section19 .c19_cpuList li p:first-child .c19_big[data-v-f5011878] {
    font-size: 64px
  }

  .section19 .c19_cpuList li p[data-v-f5011878]:nth-child(2) {
    font-size: 16px;
    color: #d1d3d3
  }

  .section19 .con19-desc2-desc[data-v-f5011878] {
    margin-bottom: 1.6rem
  }

  .section19 .con19-bg-wrap[data-v-f5011878] {
    width: 11.026667rem;
    height: 8.186667rem;
    position: relative;
    left: 50%;
    top: 4.426667rem;
    transform: translateX(-50%)
  }

  .section19 .con19-bg-wrap .con19-img-box[data-v-f5011878] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
  }

  .section19 .con19-bg-wrap .con19-img-box .con19_img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    vertical-align: middle
  }

  .section20[data-v-f5011878] {
    height: 15.466667rem
  }

  .section20 .con20-logo[data-v-f5011878] {
    margin-top: 1.066667rem;
    margin-bottom: .906667rem;
    height: .8rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro; */
    font-weight: 700;
    text-align: center
  }

  .section20 .con20-logo .con20-title-two[data-v-f5011878] {
    font-size: 24px
  }

  .section21[data-v-f5011878] {
    height: 10.96rem;
    background: #4c110b
  }

  .section21 .con21-bg-box[data-v-f5011878] {
    height: 10.293333rem;
    width: auto;
    bottom: 0
  }

  .section21 .con21-img[data-v-f5011878] {
    position: absolute;
    top: 0;
    left: -10.093333rem;
    height: 100%
  }

  .section22[data-v-f5011878] {
    background: #0d2040
  }

  .section22 .con22-desc[data-v-f5011878] {
    margin-bottom: 10.213333rem
  }

  .section22 .con22-bg-wrap[data-v-f5011878] {
    height: 11.8rem;
    width: 12.866667rem;
    position: relative;
    left: 50%;
    top: 0;
    transform: translateX(-50%) !important
  }

  .section22 .con22-bg-wrap .con22-img-box[data-v-f5011878] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute !important;
    top: auto !important
  }

  .section22 .con22-bg-wrap .con22-img-box .con22_img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    vertical-align: middle
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img1-box[data-v-f5011878] {
    width: 401px;
    height: 362px;
    overflow: hidden;
    left: 0 !important;
    bottom: 0 !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img2-box[data-v-f5011878] {
    width: 347px;
    height: 529px;
    overflow: hidden;
    left: 1.826667rem !important;
    bottom: .346667rem !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img3-box[data-v-f5011878] {
    width: 361px;
    height: 438px;
    overflow: hidden;
    left: 6.133333rem !important;
    bottom: .48rem !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img4-box[data-v-f5011878] {
    width: 383px;
    height: 330px;
    overflow: hidden;
    left: 7.64rem !important;
    bottom: .48rem !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img5-box[data-v-f5011878] {
    z-index: -1;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 503px;
    height: 306px;
    overflow: hidden
  }

  .section23[data-v-f5011878] {
    height: 17.8rem
  }

  .section23 .con23-desc[data-v-f5011878] {
    margin-bottom: 9.8rem
  }

  .section23 .con23-content[data-v-f5011878] {
    width: 6.533333rem;
    height: 2.4rem;
    margin: 0 auto;
    background: #0d2040;
    display: flex;
    justify-content: center;
    align-items: center
  }

  .section23 .con23-content .con23-img[data-v-f5011878] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-right: .666667rem
  }

  .section23 .con23-content .textRight[data-v-f5011878] {
    color: #eee;
    text-align: left;
    font-size: 16px;
    width: 2.826667rem;
    line-height: .373333rem
  }

  .section23 .con23-content .con23-title23[data-v-f5011878] {
    height: .28rem;
    margin-bottom: .226667rem
  }

  .section24[data-v-f5011878] {
    z-index: 9;
    overflow: visible !important;
    height: 9.333333rem;
    background: #e5e5e5
  }

  .section24 .con24-desc[data-v-f5011878], .section24 .con24-title[data-v-f5011878] {
    color: #333
  }

  .section24 .con24-bg-box[data-v-f5011878] {
    height: 9.333333rem;
    width: auto
  }

  .section24 .con24-img-bg[data-v-f5011878] {
    position: absolute;
    top: 0;
    left: -8.48rem;
    height: 100%
  }

  .section24 .con24-img-car[data-v-f5011878] {
    z-index: 3;
    position: absolute;
    bottom: -.96rem;
    left: 1.453333rem;
    height: 4.893333rem
  }

  .section25[data-v-f5011878] {
    z-index: 8;
    overflow: visible !important;
    height: 9.333333rem;
    background: #141313
  }

  .section25 .con25-bg-smallbox[data-v-f5011878] {
    height: 6.346667rem;
    position: absolute;
    bottom: 0;
    right: .466667rem;
    transform: translateX(.466667rem)
  }

  .section25 .con25-img-bg[data-v-f5011878] {
    height: 100%
  }

  .section25 .con25-img-car[data-v-f5011878] {
    z-index: 3;
    position: absolute;
    bottom: -.8rem;
    left: -1.986667rem;
    height: 5.56rem
  }

  .section26[data-v-f5011878] {
    height: 16.453333rem;
    background-color: #0d2040
  }

  .section26 .con[data-v-f5011878] {
    height: 100%
  }

  .section26 .con .con26-bottom[data-v-f5011878] {
    position: absolute;
    bottom: .8rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .section26 .con26-img-box[data-v-f5011878] {
    height: 12.693333rem;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
  }

  .section26 .con26-img-box .con26-img-center[data-v-f5011878] {
    height: 100%;
    vertical-align: middle
  }

  .section27[data-v-f5011878] {
    height: 15.68rem
  }

  .section28[data-v-f5011878] {
    height: 11.28rem
  }

  .section28 .con28-desc[data-v-f5011878], .section28 .con28-title[data-v-f5011878] {
    color: #333
  }

  .section28 .con28-bg-smallbox[data-v-f5011878] {
    margin: .933333rem auto 0;
    width: 711px;
    height: 444px;
    overflow: hidden
  }

  .section28 .con28-bg-smallbox img[data-v-f5011878] {
    width: 100%
  }

  .section29[data-v-f5011878] {
    background-color: #0174e8
  }

  .section29 .con29-bg-smallbox[data-v-f5011878] {
    margin: .586667rem auto 1.333333rem;
    width: 599px;
    height: 520px;
    overflow: hidden
  }

  .section29 .con29-bg-smallbox img[data-v-f5011878] {
    width: 100%
  }

  .section29 .con29-warn-wrap[data-v-f5011878] {
    width: 1000px;
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between
  }

  .section29 .con29-content[data-v-f5011878], .section29 .con29-warn-wrap[data-v-f5011878] {
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .section29 .con29-content[data-v-f5011878] {
    display: inline-block;
    width: 490px;
    height: 220px;
    background: #00a2ed;
    display: flex;
    justify-content: center
  }

  .section29 .con29-content[data-v-f5011878]:first-child, .section29 .con29-content[data-v-f5011878]:nth-child(2) {
    margin-bottom: 20px
  }

  .section29 .con29-content .con29-img[data-v-f5011878] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-right: 26px
  }

  .section29 .con29-content .textRight[data-v-f5011878] {
    color: #eee;
    text-align: left;
    font-size: 16px;
    width: 280px;
    line-height: 33px;
    word-spacing: 0
  }

  .section29 .con29-content .con29-title29[data-v-f5011878] {
    height: .28rem;
    margin-bottom: .226667rem
  }
}

@media screen and (max-width:767px) {
  .ispc[data-v-f5011878] {
    display: none !important
  }

  .ismob[data-v-f5011878] {
    display: block !important
  }

  .phoneSafety[data-v-f5011878], .safety[data-v-f5011878] {
    margin: 0 auto;
    width: 8.933333rem
  }

  [class$=title][data-v-f5011878] {
    color: #eee;
    line-height: 50px;
    font-size: 36px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400;
    text-align: center;
    padding-top: 1.333333rem;
    padding-bottom: .8rem;
    margin: 0 auto
  }

  [class$=desc][data-v-f5011878] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 8.933333rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.333333rem;
    word-spacing: 0
  }

  [class$=logo][data-v-f5011878] {
    padding-top: 1.333333rem;
    padding-bottom: 1.546667rem;
    height: 1.6rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400;
    text-align: center
  }

  [class$=logo] [class$=title-two][data-v-f5011878] {
    font-size: 24px
  }

  [class$=bg-box][data-v-f5011878] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
  }

  [class$=bg-box] [class$=img-center][data-v-f5011878] {
    height: 100%;
    vertical-align: middle
  }

  section.sec[data-v-f5011878] {
    position: relative;
    width: 100%;
    overflow: hidden
  }

  .section2[data-v-f5011878] {
    padding-bottom: 1.333333rem
  }

  .section2 .con2-title[data-v-f5011878] {
    color: #333;
    padding-top: 1.12rem
  }

  .section2 .con2-desc[data-v-f5011878] {
    color: #333
  }

  .section3[data-v-f5011878] {
    height: auto;
    background-color: #0a0a0e
  }

  .section3 .con3-title[data-v-f5011878] {
    padding-top: 0
  }

  .section3 .con3-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 19.093333rem
  }

  .section3 .con3-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section4[data-v-f5011878] {
    padding-bottom: 1.333333rem
  }

  .section4 .con4-desc[data-v-f5011878], .section4 .con4-title[data-v-f5011878] {
    color: #333
  }

  .section4 .con4-box[data-v-f5011878] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 4.693333rem
  }

  .section4 .con4-box .con3-img[data-v-f5011878]:first-child {
    height: 2.053333rem
  }

  .section4 .con4-box .con3-img[data-v-f5011878]:nth-child(2), .section4 .con4-box .con3-img[data-v-f5011878]:nth-child(3) {
    height: 1.786667rem
  }

  .section4 .con4-box .con3-img[data-v-f5011878]:nth-child(4) {
    height: .933333rem;
    align-self: flex-end
  }

  .section4 .con4-box .con3-img[data-v-f5011878]:nth-child(5) {
    height: 1.306667rem;
    align-self: flex-end
  }

  .section5[data-v-f5011878] {
    background-color: #670a13
  }

  .section5 .con5-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 7.12rem
  }

  .section5 .con5-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section6 .con6-desc[data-v-f5011878], .section6 .con6-title[data-v-f5011878] {
    color: #333
  }

  .section6 .con6-box .con6-img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    display: block
  }

  .section6 .con6-box .con6-item[data-v-f5011878] {
    margin-bottom: .533333rem;
    position: relative
  }

  .section6 .con6-box .con6-item .con6-item-title[data-v-f5011878] {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section7[data-v-f5011878] {
    background-color: #a72424
  }

  .section7 .con7-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 14.346667rem
  }

  .section7 .con7-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section8[data-v-f5011878] {
    background-color: #144fa2
  }

  .section8 .con8-title[data-v-f5011878] {
    padding-left: .533333rem;
    padding-right: .533333rem
  }

  .section8 .con8-bottom[data-v-f5011878] {
    width: 10rem;
    margin-left: -.533333rem;
    padding-top: 14.613333rem;
    background-color: #212121
  }

  .section8 .con8-bg-box[data-v-f5011878] {
    transform: translateX(0);
    height: 14.613333rem;
    top: 8.533333rem;
    left: 0
  }

  .section8 .con8-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 23%;
    transform: translateX(-50%)
  }

  .section8 .con8-desc[data-v-f5011878] {
    position: relative;
    z-index: 11
  }

  .section9[data-v-f5011878] {
    background-color: #212121;
    padding-bottom: .533333rem
  }

  .section9 .con9-content[data-v-f5011878] {
    width: 8.933333rem;
    height: 7.04rem;
    margin: 0 auto;
    background: #144fa2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
  }

  .section9 .con9-content .con9-img[data-v-f5011878] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-bottom: .533333rem
  }

  .section9 .con9-content .textRight[data-v-f5011878] {
    color: #d1d3d3;
    text-align: center;
    font-size: 16px;
    line-height: 28px
  }

  .section10 .con10-desc[data-v-f5011878], .section10 .con10-title[data-v-f5011878] {
    color: #333
  }

  .section10 .con10-box .row-bottom[data-v-f5011878] {
    margin-bottom: .266667rem
  }

  .section10 .con10-box .con10-img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    display: block
  }

  .section10 .con10-box .con10-item .con10-item-title[data-v-f5011878] {
    padding: .266667rem 0 0;
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section10 .con10-box .con10-item .con10-desc[data-v-f5011878] {
    width: 8.533333rem;
    padding-bottom: .533333rem;
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section10 .con10-box .con10-item .descColor .con10-desc[data-v-f5011878] {
    padding-bottom: 1.333333rem
  }

  .section11[data-v-f5011878] {
    background-color: #a72424
  }

  .section11 .con11-title[data-v-f5011878] {
    padding-top: 0
  }

  .section11 .con11-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 18.906667rem
  }

  .section11 .con11-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section12[data-v-f5011878] {
    padding-bottom: .8rem;
    background-color: #0174e8
  }

  .section12 .con12-title[data-v-f5011878] {
    width: 8.933333rem
  }

  .section12 .con12-head-bg[data-v-f5011878] {
    width: 19.666667rem;
    height: 9.746667rem;
    position: relative;
    left: 50% !important;
    transform: translateX(-50%) !important
  }

  .section12 .con12-head-bg .con12-head-layer[data-v-f5011878] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
  }

  .section12 .con12-head-bg .con12-head-layer .con12-img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    vertical-align: middle
  }

  .section12 .con12-bottom-title[data-v-f5011878] {
    width: 8.933333rem;
    padding: 0 0 .533333rem
  }

  .section13[data-v-f5011878] {
    padding-bottom: .933333rem;
    background-color: #d6d8ee
  }

  .section13 .con13-choose-bg-box[data-v-f5011878] {
    height: 9.946667rem;
    position: absolute;
    top: 8.8rem;
    left: 64%;
    transform: translateX(-50%)
  }

  .section13 .con13-choose-bg-box .con13-img[data-v-f5011878] {
    height: 100%;
    vertical-align: middle
  }

  .section13 .con13-title[data-v-f5011878] {
    color: #333
  }

  .section13 .con13-desc[data-v-f5011878] {
    position: relative;
    color: #333;
    width: 8.533333rem;
    padding-bottom: 9.946667rem;
    z-index: 11
  }

  .section13 .con13-choose-title[data-v-f5011878] {
    position: relative;
    color: #333;
    padding: 0 0 .533333rem;
    z-index: 11
  }

  .section13 .con13-choose-num[data-v-f5011878] {
    color: #0174e8;
    line-height: 1;
    font-size: 144px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700;
    margin: 0 auto
  }

  .section13 .con13-choose-num .con13-choose-shownum[data-v-f5011878], .section13 .con13-choose-num .con13-choose-unit[data-v-f5011878] {
    text-align: center;
    display: block
  }

  .section13 .carTypeChoose2[data-v-f5011878] {
    margin: 18px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section13 .carTypeChoose2 .con12-select[data-v-f5011878] {
    width: 147px;
    display: flex;
    justify-content: flex-end
  }

  .section13 .selectWrap[data-v-f5011878] {
    margin-bottom: .533333rem;
    width: 247px;
    display: flex;
    border: 1px solid #000;
    box-sizing: border-box
  }

  .section13 .selectWrap .selectText[data-v-f5011878] {
    height: 50px;
    font-size: 20px;
    flex: 1;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 50px
  }

  .section14 .con14-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 10.666667rem
  }

  .section14 .con14-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section15[data-v-f5011878] {
    background: #4c110b
  }

  .section15 .con15-battery[data-v-f5011878] {
    padding-bottom: 1.28rem;
    width: 100%;
    font-size: 0;
    text-align: center;
    word-spacing: 0
  }

  .section15 .con15-battery li[data-v-f5011878] {
    width: 32.3333%;
    height: 72px;
    margin-right: 1%;
    display: inline-block;
    font-size: 0;
    padding-bottom: 1.066667rem;
    vertical-align: bottom
  }

  .section15 .con15-battery li[data-v-f5011878]:nth-child(4), .section15 .con15-battery li[data-v-f5011878]:nth-child(8) {
    margin-right: 0
  }

  .section15 .con15-battery .con15-icon[data-v-f5011878] {
    width: 53px;
    height: 53px;
    display: block;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 7px
  }

  .section15 .con15-battery .con15-batIntro[data-v-f5011878] {
    text-align: center;
    font-size: 10px;
    color: #eee;
    line-height: 12px;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto
  }

  .section16[data-v-f5011878] {
    background-color: #000
  }

  .section16 .con16-title[data-v-f5011878] {
    padding-top: 0
  }

  .section16 .con16-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 14.32rem
  }

  .section16 .con16-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section17[data-v-f5011878] {
    background: #0174e8
  }

  .section17 .mobStyle[data-v-f5011878] {
    width: 10rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #144fa2;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section17 .con17-title[data-v-f5011878] {
    width: 8.933333rem
  }

  .section17 .con17-desc[data-v-f5011878] {
    width: 9.466667rem
  }

  .section17 .con17-tit2-title[data-v-f5011878] {
    margin-top: 13.333333rem
  }

  .section17 .con17-bg-box-header[data-v-f5011878] {
    position: absolute;
    top: 7.466667rem;
    height: 13.333333rem;
    left: -24%
  }

  .section17 .con17-bottom-bg-box[data-v-f5011878] {
    bottom: 4.746667rem
  }

  .section17 .con17_img1-img-center[data-v-f5011878] {
    height: 13.333333rem
  }

  .section17 .con17_img2-img-center[data-v-f5011878] {
    height: 3.12rem
  }

  .section18 .con18-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 10.666667rem
  }

  .section18 .con18-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 31%;
    transform: translateX(-50%)
  }

  .section19[data-v-f5011878] {
    background: #0d2040
  }

  .section19 .con19_img2[data-v-f5011878], .section19 .con19_img3[data-v-f5011878] {
    opacity: 0;
    transition: all .8s
  }

  .section19 .con19-blue-show[data-v-f5011878], .section19 .con19-red-show[data-v-f5011878] {
    opacity: 1
  }

  .section19 .c19_cpuList[data-v-f5011878] {
    position: relative;
    width: 100%;
    margin: 0 auto 8.453333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-lines: multiple;
    z-index: 11
  }

  .section19 .c19_cpuList li[data-v-f5011878] {
    display: inline-block;
    text-align: center
  }

  .section19 .c19_cpuList li p[data-v-f5011878]:first-child {
    /* font-family: DINOffcPro-Bold; */
    font-size: 20px;
    color: #fff;
    margin-bottom: 24px
  }

  .section19 .c19_cpuList li p:first-child .c19_big[data-v-f5011878] {
    font-size: 64px
  }

  .section19 .c19_cpuList li p[data-v-f5011878]:nth-child(2) {
    font-size: 16px;
    color: #d1d3d3
  }

  .section19 .con19-tit2-title[data-v-f5011878] {
    word-break: break-all;
    position: relative;
    z-index: 11
  }

  .section19 .con19-bg-wrap[data-v-f5011878] {
    width: 100%;
    height: 8.186667rem;
    position: absolute;
    left: 50%;
    top: 12.266667rem;
    transform: translateX(-50%)
  }

  .section19 .con19-bg-wrap .con19-img-box[data-v-f5011878] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
  }

  .section19 .con19-bg-wrap .con19-img-box .con19_img[data-v-f5011878] {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -o-object-fit: cover;
       object-fit: cover
  }

  .section20[data-v-f5011878] {
    background-color: #000
  }

  .section20 .con20-title[data-v-f5011878] {
    padding-top: 0
  }

  .section20 .con20-bg-box[data-v-f5011878] {
    position: static;
    transform: translateX(0);
    height: 15.466667rem
  }

  .section20 .con20-img-center[data-v-f5011878] {
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section21[data-v-f5011878] {
    background-color: #4c110b
  }

  .section21 .con21-bg-box[data-v-f5011878] {
    position: relative;
    height: 10.293333rem;
    bottom: 0;
    left: -3%
  }

  .section21 .con21-img[data-v-f5011878] {
    height: 100%
  }

  .section22[data-v-f5011878] {
    background: #0d2040
  }

  .section22 .con22-desc[data-v-f5011878] {
    padding-bottom: 7.573333rem
  }

  .section22 .con22-bg-wrap[data-v-f5011878] {
    height: 7.44rem;
    width: 12.746667rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) !important
  }

  .section22 .con22-bg-wrap .con22-img-box[data-v-f5011878] {
    position: absolute;
    top: auto !important
  }

  .section22 .con22-bg-wrap .con22-img-box .con22_img[data-v-f5011878] {
    width: 100%;
    vertical-align: middle
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img1-box[data-v-f5011878] {
    width: 5.333333rem;
    left: 0 !important;
    bottom: -2.666667rem !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img2-box[data-v-f5011878] {
    width: 4.613333rem;
    left: 1.826667rem !important;
    bottom: .346667rem !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img3-box[data-v-f5011878] {
    width: 4.8rem;
    left: 6.133333rem !important;
    bottom: .48rem !important
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img4-box[data-v-f5011878] {
    width: 5.066667rem;
    right: 0 !important;
    left: auto !important;
    bottom: .506667rem
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img5-box[data-v-f5011878] {
    z-index: -1;
    bottom: 0;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 5.626667rem;
    height: 4.08rem
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img5-box-bottom[data-v-f5011878] {
    bottom: 0 !important;
    left: 50% !important;
    width: 6.72rem;
    transform: translateX(-50%) !important;
    height: .026667rem
  }

  .section22 .con22-bg-wrap .con22-img-box.con22-img5-box-bottom .con22_img5_bottom[data-v-f5011878] {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }

  .section23[data-v-f5011878] {
    background-color: #000;
    padding-bottom: .533333rem
  }

  .section23 .con23-title[data-v-f5011878] {
    padding-top: 0;
    width: 8.4rem
  }

  .section23 .con23-desc[data-v-f5011878] {
    position: relative;
    padding-bottom: 22.666667rem;
    z-index: 11
  }

  .section23 .con23-bg-box[data-v-f5011878] {
    position: absolute;
    top: 13.333333rem;
    height: 17.813333rem
  }

  .section23 .con23-img-center[data-v-f5011878] {
    height: 100%
  }

  .section23 .con23-content[data-v-f5011878] {
    width: 8.933333rem;
    height: 7.04rem;
    margin: 0 auto;
    background: #0d2040;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
  }

  .section23 .con23-content .con23-img[data-v-f5011878] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-bottom: .533333rem
  }

  .section23 .con23-content .textRight[data-v-f5011878] {
    color: #eee;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    padding: 0 .266667rem
  }

  .section24[data-v-f5011878] {
    z-index: 9;
    overflow: visible !important;
    background: #e5e5e5
  }

  .section24 .con24-desc[data-v-f5011878], .section24 .con24-title[data-v-f5011878] {
    color: #333
  }

  .section24 .con24-bg-box[data-v-f5011878] {
    height: 9.333333rem;
    position: relative
  }

  .section24 .con24-img-bg[data-v-f5011878] {
    position: absolute;
    top: 0;
    left: -3.946667rem;
    height: 100%
  }

  .section24 .con24-img-car[data-v-f5011878] {
    z-index: 3;
    position: absolute;
    bottom: -.96rem;
    right: -.266667rem;
    height: 4.893333rem
  }

  .section25[data-v-f5011878] {
    z-index: 8;
    overflow: visible !important;
    background: #141313
  }

  .section25 .con25-bg-smallbox[data-v-f5011878] {
    height: 6.346667rem;
    position: relative
  }

  .section25 .con25-img-bg[data-v-f5011878] {
    height: 100%;
    position: absolute;
    left: 1.866667rem
  }

  .section25 .con25-img-car[data-v-f5011878] {
    z-index: 3;
    position: absolute;
    bottom: -.933333rem;
    left: .373333rem;
    height: 5.573333rem
  }

  .section26[data-v-f5011878] {
    background-color: #0d2040
  }

  .section26 .con26-top .con26-desc[data-v-f5011878] {
    position: relative;
    padding-bottom: 14.026667rem;
    z-index: 11
  }

  .section26 .con26-bottom[data-v-f5011878] {
    width: 10rem;
    margin-left: -.533333rem;
    background-color: #144fa2
  }

  .section26 .con26-img-box[data-v-f5011878] {
    position: absolute;
    top: 7.04rem;
    height: 12.693333rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .section26 .con26-img-box .con26-img-center[data-v-f5011878] {
    height: 100%;
    vertical-align: middle
  }

  .section27[data-v-f5011878] {
    background-color: #000
  }

  .section27 .con27-title[data-v-f5011878] {
    padding-top: 0
  }

  .section27 .con27-desc[data-v-f5011878] {
    font-family: PingFang-SC-Regular
  }

  .section27 .con27-bg-box[data-v-f5011878] {
    position: relative;
    height: 15.68rem
  }

  .section27 .con27-img-center[data-v-f5011878] {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }

  .section28[data-v-f5011878] {
    padding-bottom: 1.333333rem
  }

  .section28 .con28-title[data-v-f5011878] {
    font-size: 35px;
    color: #333;
    padding-bottom: 2.133333rem
  }

  .section28 .con28-desc[data-v-f5011878] {
    color: #333
  }

  .section28 .con28-bg-smallbox[data-v-f5011878] {
    width: 9.466667rem;
    margin: 0 auto 0 -.266667rem
  }

  .section28 .con28-bg-smallbox img[data-v-f5011878] {
    width: 100%
  }

  .section29[data-v-f5011878] {
    background-color: #0174e8;
    padding-bottom: 1.333333rem
  }

  .section29 .con29-bg-smallbox[data-v-f5011878] {
    margin: 0 auto 1.333333rem;
    width: 7.066667rem;
    height: 6.133333rem
  }

  .section29 .con29-bg-smallbox img[data-v-f5011878] {
    width: 100%
  }

  .section29 .con29-warn-wrap[data-v-f5011878] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .section29 .con29-content[data-v-f5011878] {
    width: 8.933333rem;
    height: 7.04rem;
    background: #00a2ed;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: .533333rem
  }

  .section29 .con29-content[data-v-f5011878]:last-child {
    margin-bottom: 0
  }

  .section29 .con29-content .con29-img[data-v-f5011878] {
    width: 88px;
    height: 88px;
    overflow: hidden
  }

  .section29 .con29-content .textRight[data-v-f5011878] {
    color: #eee;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    padding: .266667rem .266667rem 0;
    word-spacing: 0
  }
}

.m-plus-swiperWrap .swiper-pagination-bullets {
  bottom: .933333rem;
  width: 100%;
  vertical-align: baseline
}

.m-plus-swiperWrap .swiper-pagination-bullet {
  width: 40px;
  height: 40px;
  margin: 0 15px;
  opacity: 1;
  position: relative;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .2);
  border: 1px solid #ddd
}

.m-plus-swiperWrap .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.m-plus-swiperWrap .swiper-pagination-bullet:focus {
  outline: none
}

.m-plus-swiperWrap .swiper-pagination-bullet:first-child {
  background: #fff;
  margin-left: 0
}

.m-plus-swiperWrap .swiper-pagination-bullet:nth-child(2) {
  background: #df001f
}

.m-plus-swiperWrap .swiper-pagination-bullet:nth-child(3) {
  background: #144fa2
}

.m-plus-swiperWrap .swiper-pagination-bullet:nth-child(4) {
  background: #b3b0ad
}

.m-plus-swiperWrap .swiper-pagination-bullet:nth-child(5) {
  background-image: linear-gradient(90deg, #000 28%, #df001f 31%, #df001f 69%, #000 71%);
  margin-right: 0
}

.m-plus-swiperWrap .swiper-pagination-bullet-active {
  background: #c4deb8
}

.m-plus-swiperWrap .swiper-pagination-bullet-active::after {
  border: .04rem solid #5c6670
}

@media screen and (min-width:768px) {
  .m-plus-swiperWrap .swiper-pagination-bullet:hover {
    opacity: .5
  }

  .m-plus-swiperWrap .swiper-pagination-bullet:hover::after {
    border: .04rem solid #5c6670
  }
}

@media screen and (max-width:767px) {
  .m-plus-swiperWrap .swiper-pagination-bullets {
    bottom: .4rem
  }

  .m-plus-swiperWrap .swiper-pagination-bullet {
    height: 35px;
    width: 35px;
    margin: 0 10px
  }

  .m-plus-swiperWrap .swiper-pagination-bullet::after {
    width: 50px;
    height: 50px
  }
}

.m-plus-wrapper .carTypeChoose2 .el-input__inner {
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #d6d8ee;
  font-size: 20px !important;
  text-align: center
}

.m-plus-wrapper .carTypeChoose2 .el-input__icon {
  color: #000 !important
}

#parameter-overview-image[data-v-62d78534] {
  position: relative;
  /* margin: 1.6rem auto 1.066667rem; */
  margin: 0 auto;
  padding: 1.6rem 0 1.066667rem;
  background-color: #fff;
}

@media screen and (max-width:768px) {
  #parameter-overview-image[data-v-62d78534] {
    background-color: #fafafa;
  }
}

.overview-container[data-v-62d78534] {
  width: 15.733333rem;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .overview-container[data-v-62d78534] {
    width: 100%
  }
}

.part-text[data-v-62d78534] {
  text-align: center;
  margin: 0 auto
}

.part-text>h4[data-v-62d78534] {
  display: inline-block;
  padding-right: .293333rem;
  max-width: 2.266667rem
}

.part-text>h4>img[data-v-62d78534] {
  width: 100%
}

.part-text>h3[data-v-62d78534] {
  display: inline-block;
  font-size: .506667rem;
  color: #252526;
  position: relative;
  padding-left: .293333rem
}

.part-text>h3>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

.part-text>h3[data-v-62d78534]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-left: 1px solid #d5cfcf
}

@media (-webkit-min-device-pixel-ratio:2) {
  .part-text>h3[data-v-62d78534]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .part-text>h3[data-v-62d78534]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .part-text>h3[data-v-62d78534]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.part-image[data-v-62d78534] {
  position: relative;
  height: 6.133333rem;
  margin-top: .266667rem;
  background-color: #fff;
  border-radius: .266667rem;
  box-shadow: 0 .533333rem .8rem hsla(0, 0%, 58.4%, .16);
  overflow: hidden
}

@media screen and (max-width:768px) {
  .part-image[data-v-62d78534] {
    width: 88%;
    height: 15.466667rem;
    margin: .2rem auto 0
  }
}

.part-image>img[data-v-62d78534] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%
}

#niu-parameter[data-v-62d78534] {
  position: relative;
  background-color: #fff
}

.parameter-container[data-v-62d78534] {
  position: relative;
  width: 15.733333rem;
  margin: 0 auto
}

@media screen and (max-width:1199px) {
  .parameter-container[data-v-62d78534] {
    width: 100%;
  }
}

@media screen and (max-width:768px) {
  .parameter-container[data-v-62d78534] {
    word-spacing: 0;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-break: break-word
  }
}

#affix-tree-position[data-v-62d78534] {
  position: sticky;
  top: 0;
  z-index: 3
}

@media screen and (max-width:767px) {
  #affix-tree-position[data-v-62d78534] {
    position: static;
  }
}

#niu-color-tab[data-v-62d78534] {
  /* padding-top: 3.066667rem; */
  /* padding-left: 2.666667rem; */
  display: flex;
  justify-content: space-around;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  #niu-color-tab[data-v-62d78534] {
    /* padding-left: 1.893333rem; */
    padding-left: 0
  }
}

#niu-color-tab>.car-list[data-v-62d78534] {
  /* position: relative; */
  /* flex: 1; */
  /* height: 3rem; */
  /* overflow: hidden */
}

#niu-color-tab>.car-list>img[data-v-62d78534] {
  /* width: auto; */
  /* height: auto; */
  max-width: 100%;
  /* max-height: 100%; */
  /* transform: translate(-50%, -50%); */
  /* position: absolute; */
  /* left: 50%; */
  /* top: 50% */
}

#parameter-header[data-v-62d78534] {
  width: 15.733333rem;
  border-radius: 0 0 .266667rem .266667rem;
  box-shadow: 0 .266667rem .666667rem hsla(0, 0%, 51.8%, .16);
  background-color: #fff;
  overflow: hidden;
  z-index: 186
}

@media screen and (max-width:1199px) {
  #parameter-header[data-v-62d78534] {
    width: 100%
  }
}

#product-pos[data-v-62d78534] {
  padding-left: 2.666667rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  -webkit-box-lines: multiple
}

@media screen and (max-width:768px) {
  #product-pos[data-v-62d78534] {
    /* padding-left: 1.893333rem; */
    padding-left: 0;
  }
}

.product-name[data-v-62d78534] {
  flex: 1;
  min-width: 25%;
  margin: .426667rem 0;
  position: relative;
  text-align: center
}

.product-name>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

.product-name[data-v-62d78534]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-right: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  .product-name[data-v-62d78534]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .product-name[data-v-62d78534]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .product-name[data-v-62d78534]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.product-name[data-v-62d78534]:last-child {
  position: relative
}

.product-name:last-child>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

.product-name[data-v-62d78534]:last-child::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-right: 1px solid transparent
}

@media (-webkit-min-device-pixel-ratio:2) {
  .product-name[data-v-62d78534]:last-child::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .product-name[data-v-62d78534]:last-child::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .product-name[data-v-62d78534]:last-child::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) {
  .product-name[data-v-62d78534] {
    margin: .6rem 0
  }
}

.product-name>h1[data-v-62d78534] {
  /* font-family: DINOffcPro-Bold; */
  font-size: .4rem;
  line-height: .506667rem;
  color: #363636
}

@media screen and (max-width:768px) {
  .product-name>h1[data-v-62d78534] {
    font-size: .293333rem;
    line-height: .426667rem;
    font-weight: 400
  }
}

.product-name>h1>span[data-v-62d78534] {
  /* font-family: DINOffcPro-Light */
}

.product-name>h2[data-v-62d78534] {
  font-size: .266667rem;
  line-height: .373333rem;
  color: #000
}

@media screen and (max-width:768px) {
  .product-name>h2[data-v-62d78534] {
    font-size: .346667rem;
    line-height: 1;
    margin-top: .2rem;
    font-weight: 400
  }
}

.product-name .price_start[data-v-62d78534] {
  /* font-family: DINOffcPro; */
  font-size: .186667rem;
  color: #df001f;
  line-height: .28rem;
  position: absolute;
  bottom: .48rem;
  width: 100%
}

@media screen and (max-width:768px) {
  .product-name .price_start[data-v-62d78534] {
    font-size: .24rem;
    line-height: .346667rem;
    bottom: 0;
    margin-top: .213333rem;
    position: relative
  }
}

.product-name>h6[data-v-62d78534] {
  /* font-family: DINOffcPro-Bold; */
  font-size: .373333rem;
  color: #df001f;
  margin-top: .32rem;
  line-height: .48rem
}

@media screen and (max-width:768px) {
  .product-name>h6[data-v-62d78534] {
    font-size: .453333rem;
    margin-top: 0;
    line-height: .68rem;
    font-weight: 400
  }
}

#parameter-set[data-v-62d78534] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-lines: multiple;
  padding: 0 0 20px
}

#parameter-left-bar[data-v-62d78534] {
  width: 7.666667rem;
  /* font-family: DINOffcPro-Medium; */
  color: #999;
  background-color: #fafafa
}

@media screen and (max-width:768px) {
  #parameter-left-bar[data-v-62d78534] {
    font-family: din;
    width: 2.293333rem
  }
}

#parameter-left-bar h3[data-v-62d78534] {
  font-size: .213333rem;
  height: 80px;
  line-height: 1.2;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  position: relative;
  color: #333;
}

#parameter-left-bar h3[data-v-62d78534]::after {
  border-top: 1px solid #eee
}

#parameter-left-bar h3>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

#parameter-left-bar h3[data-v-62d78534]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-right: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  #parameter-left-bar h3[data-v-62d78534]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #parameter-left-bar h3[data-v-62d78534]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #parameter-left-bar h3[data-v-62d78534]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) {
  #parameter-left-bar h3[data-v-62d78534] {
    padding: 0 .16rem;
    font-weight: 400
  }
}

#parameter-left-bar h3[data-v-62d78534]:last-child {
  position: relative
}

#parameter-left-bar h3:last-child>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

#parameter-left-bar h3[data-v-62d78534]:last-child::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  #parameter-left-bar h3[data-v-62d78534]:last-child::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #parameter-left-bar h3[data-v-62d78534]:last-child::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #parameter-left-bar h3[data-v-62d78534]:last-child::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#parameter-left-bar h3.spe[data-v-62d78534]::before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: red;
  z-index: 3
}

.buy-container[data-v-62d78534] {
  margin-left: 2.666667rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  -webkit-box-lines: multiple;
  padding: .266667rem 0
}

@media screen and (max-width:768px) {
  .buy-container[data-v-62d78534] {
    margin-left: 0;
    text-align: center;
    flex-wrap: wrap;
  }
}

.buy-container>a[data-v-62d78534] {
  /* font-family: DINOffcPro-Bold; */
  display: block;
  width: 2.666667rem;
  font-size: .213333rem;
  padding: .2rem 0
}

@media screen and (max-width:768px) {
  .buy-container>a[data-v-62d78534] {
    width: 3.2rem;
    font-size: .32rem;
    margin: 0 2px
  }
}

#parameter-data[data-v-62d78534] {
  width: 13.066667rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  -webkit-box-lines: multiple
}

@media screen and (max-width:768px) {
  #parameter-data[data-v-62d78534] {
    width: 8.106667rem
  }
}

#parameter-data>div[data-v-62d78534] {
  flex: 1
}

#parameter-data h3[data-v-62d78534] {
  /* font-family: DINOffcPro-Medium; */
  font-size: .213333rem;
  height: 80px;
  color: #333;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  position: relative
}

#parameter-data h3[data-v-62d78534]::after {
  border-top: 1px solid #eee
}

#parameter-data h3>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

#parameter-data h3[data-v-62d78534]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-right: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  #parameter-data h3[data-v-62d78534]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #parameter-data h3[data-v-62d78534]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #parameter-data h3[data-v-62d78534]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) {
  #parameter-data h3[data-v-62d78534] {
    font-size: 12px;
    font-weight: 400
  }
}

#parameter-data h3[data-v-62d78534]:last-child {
  position: relative
}

#parameter-data h3:last-child>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

#parameter-data h3[data-v-62d78534]:last-child::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  #parameter-data h3[data-v-62d78534]:last-child::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #parameter-data h3[data-v-62d78534]:last-child::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #parameter-data h3[data-v-62d78534]:last-child::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#parameter-data h3.bigfont[data-v-62d78534] {
  /* font-family: DINOffcPro-CondMedium; */
  font-size: .8rem;
  font-weight: 400
}

#parameter-data h3.spe[data-v-62d78534]::before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: red;
  z-index: 3
}

#parameter-data h3>.yes[data-v-62d78534] {
  width: 10px;
  height: 10px;
  background-color: #999;
  border-radius: 50%
}

@media screen and (max-width:768px) {
  #parameter-data h3>.yes[data-v-62d78534] {
    width: 6px;
    height: 6px
  }
}

#parameter-data h3>.no[data-v-62d78534] {
  width: 12px;
  height: 3px;
  background-color: #999;
  border-radius: 10px
}

@media screen and (max-width:768px) {
  #parameter-data h3>.no[data-v-62d78534] {
    width: 8px;
    height: 2px
  }
}

#parameter-data .color-pagination[data-v-62d78534] {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  #parameter-data .color-pagination[data-v-62d78534] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1em;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }
}

#parameter-data .color-pagination>span[data-v-62d78534] {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: .213333rem;
  border-radius: 50%;
  border: 2px solid #eee;
  overflow: hidden;
  cursor: pointer
}

@media screen and (max-width:768px) {
  #parameter-data .color-pagination>span[data-v-62d78534] {
    float: left;
    width: 50%;
    width: .64rem;
    height: .64rem;
    margin-right: 0;
    box-sizing: border-box
  }
}

#parameter-data .color-pagination>span[data-v-62d78534]:last-child {
  margin-right: 0
}

#parameter-data .color-pagination>span>img[data-v-62d78534] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

#parameter-data .color-pagination>span[data-v-62d78534]:hover {
  opacity: .8
}

#product-statement[data-v-62d78534] {
  margin-top: .8rem;
  padding: .4rem 0 1.066667rem;
  color: #bcbcbc;
  position: relative;
  line-height: .28rem;
  font-size: 12px;
  font-weight: 400
}

#product-statement>[data-v-62d78534] {
  position: relative;
  z-index: 2
}

#product-statement[data-v-62d78534]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-top: 1px solid #bcbcbc
}

@media (-webkit-min-device-pixel-ratio:2) {
  #product-statement[data-v-62d78534]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #product-statement[data-v-62d78534]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #product-statement[data-v-62d78534]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:768px) {
  #product-statement[data-v-62d78534] {
    width: 88%;
    margin: .8rem auto 0;
    line-height: 1.5;
    padding: .8rem 0 1.066667rem
  }
}

.icon-cross[data-v-74b48199]::before {
  content: "\e906"
}

.icon-right[data-v-74b48199]::before {
  content: "\276f"
}

.product-detail[data-v-74b48199] {
  position: relative;
  overflow: hidden;
  font-weight: 400;
  font-style: normal
}

.product-detail .abs-text[data-v-74b48199] {
  position: absolute;
  left: 50%
}

.product-detail a.link span[data-v-74b48199] {
  transition: all .3s ease-out;
  display: inline-block;
  padding-left: .026667rem
}

.product-detail .detail-container[data-v-74b48199] {
  position: relative;
  width: 100%
}

.product-detail .detail-container .modal-backdrop[data-v-74b48199] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
  opacity: 1;
  width: 100%;
  height: 100%
}

.product-detail .detail-container .video-content[data-v-74b48199] {
  width: 15.2rem;
  height: 8.533333rem;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 50%;
  top: 50%;
  outline: 0;
  margin-top: -4.266667rem;
  margin-left: -7.6rem;
  z-index: 10001;
  background: #fff;
  transition: all .2s ease-out
}

.product-detail .detail-container .video-content iframe[data-v-74b48199] {
  width: 15.2rem;
  height: 8.533333rem
}

.product-detail .detail-container .video-content .video-content-close[data-v-74b48199] {
  position: absolute;
  top: .293333rem;
  right: -.68rem;
  color: #212121;
  display: block;
  width: .48rem;
  height: .48rem;
  padding-left: .133333rem;
  font-size: .32rem;
  line-height: .48rem;
  transition: all .3s cubic-bezier(.075, .82, .165, 1);
  cursor: pointer;
  outline: 0
}

.product-detail .detail-container .m1-common .title[data-v-74b48199] {
  font-size: .533333rem;
  color: #000;
  font-weight: 700;
  line-height: 1.2
}

.product-detail .detail-container .m1-common .content[data-v-74b48199] {
  font-size: .24rem;
  line-height: 1.5;
  color: #000;
  margin: .4rem auto auto
}

.product-detail .detail-container .m1-common a.link[data-v-74b48199] {
  font-size: .24rem;
  display: block;
  line-height: .426667rem;
  color: #df001f;
  margin-top: .266667rem;
  transition: all .3s ease-out
}

.product-detail .detail-container .section[data-v-74b48199] {
  position: relative;
  overflow: hidden
}

.product-detail .detail-container .section .icon-right[data-v-74b48199] {
  font-size: .16rem
}

.product-detail .detail-container .summary-head[data-v-74b48199] {
  height: 10.733333rem;
  text-align: center;
  background: #080808;
  overflow: hidden
}

.product-detail .detail-container .summary-head .cover[data-v-74b48199] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 10.733333rem;
  background: #000;
  z-index: 1;
  opacity: .4
}

.product-detail .detail-container .summary-head .abs-text[data-v-74b48199] {
  width: 6.133333rem;
  margin-left: -3.066667rem;
  z-index: 10;
  top: 3.4rem;
  padding-top: 2.506667rem;
  background-repeat: no-repeat;
  background-image: url(img/8f9c7bb.png);
  background-position: .573333rem top
}

.product-detail .detail-container .summary-head h1[data-v-74b48199] {
  font-size: .573333rem;
  color: #f7f7f7
}

.product-detail .detail-container .summary-head .play-btn[data-v-74b48199] {
  width: 3.32rem;
  margin-top: .173333rem;
  height: .586667rem;
  line-height: .586667rem;
  color: #df001f;
  margin-left: auto;
  margin-right: auto;
  font-size: .32rem;
  cursor: pointer
}

.product-detail .detail-container .summary-head .play-icon[data-v-74b48199] {
  display: inline-block;
  width: .506667rem;
  height: .506667rem;
  background-repeat: no-repeat;
  background-image: url(img/e2160d4.png);
  background-position: 50%;
  vertical-align: -.146667rem;
  background-size: .453333rem
}

.product-detail .detail-container .summary-design[data-v-74b48199] {
  height: 13.333333rem
}

.product-detail .detail-container .summary-design .abs-text[data-v-74b48199] {
  height: 1.333333rem;
  margin-left: -6.813333rem;
  top: 1.133333rem;
  z-index: 5
}

.product-detail .detail-container .summary-design .abs-text a.link[data-v-74b48199] {
  font-size: .24rem;
  display: block;
  line-height: .426667rem;
  color: #fff;
  margin-top: .266667rem;
  transition: all .3s ease-out
}

.product-detail .detail-container .summary-design .abs-text a.link span[data-v-74b48199] {
  transition: all .3s ease-out;
  display: inline-block;
  padding-left: .026667rem
}

.product-detail .detail-container .summary-design .title[data-v-74b48199] {
  margin-top: 1.4rem;
  font-size: .533333rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.2
}

.product-detail .detail-container .summary-design .content[data-v-74b48199] {
  font-size: .24rem;
  line-height: 1.5;
  color: #fff;
  margin: .4rem auto auto 0;
  width: 4rem
}

.product-detail .detail-container .summary-design .summary-swiper[data-v-74b48199] {
  height: 13.333333rem
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide[data-v-74b48199] {
  background-repeat: no-repeat;
  background-position: 50%
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-a[data-v-74b48199] {
  background-image: url(img/2dfaeb0.jpg)
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-a .abs-text[data-v-74b48199] {
  z-index: 100
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-a .content[data-v-74b48199], .product-detail .detail-container .summary-design .summary-swiper .swiper-slide-a .title[data-v-74b48199] {
  color: #5c6670
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-a a.link[data-v-74b48199] {
  color: #df001f
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-b[data-v-74b48199] {
  background-image: url(img/a9b9845.jpg)
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-c[data-v-74b48199] {
  background-image: url(img/dfa66f3.jpg)
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-d[data-v-74b48199] {
  background-image: url(img/60dd07f.jpg)
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-slide-e[data-v-74b48199] {
  background-image: url(img/fca0a90.jpg)
}

.product-detail .detail-container .summary-design .summary-swiper[data-v-74b48199] .swiper-pagination-bullets {
  bottom: .8rem
}

.product-detail .detail-container .summary-design .summary-swiper[data-v-74b48199] .swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
  width: .133333rem;
  height: .133333rem;
  opacity: 1;
  outline: none;
  border-radius: 50%
}

.product-detail .detail-container .summary-design .summary-swiper[data-v-74b48199] .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #333
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-button[data-v-74b48199] {
  width: 15.2rem;
  position: absolute;
  transition: all .3s ease-out;
  top: 50%;
  left: 50%;
  z-index: 20;
  margin-left: -7.6rem;
  opacity: 0
}

.product-detail .detail-container .summary-design .summary-swiper .swiper-button-next[data-v-74b48199], .product-detail .detail-container .summary-design .summary-swiper .swiper-button-prev[data-v-74b48199] {
  font-size: .4rem;
  color: #fff
}

.product-detail .detail-container .summary-design:hover .swiper-button[data-v-74b48199] {
  opacity: 1
}

.product-detail .detail-container .summary-battery[data-v-74b48199] {
  height: 10.613333rem;
  text-align: center;
  background-repeat: no-repeat;
  background-image: url(img/00e679f.jpg);
  background-position: 50%
}

.product-detail .detail-container .summary-battery .title[data-v-74b48199] {
  margin-top: 1.106667rem;
  font-size: .533333rem;
  color: #f5f5f5;
  font-weight: 700;
  line-height: 1.2
}

.product-detail .detail-container .summary-battery .content[data-v-74b48199] {
  line-height: 1.5;
  font-size: .24rem;
  color: #f5f5f5;
  margin: .4rem auto auto
}

.product-detail .detail-container .summary-battery a.link[data-v-74b48199] {
  font-size: .24rem;
  display: block;
  line-height: .426667rem;
  color: #df001f;
  margin-top: .266667rem;
  transition: all .3s ease-out
}

.product-detail .detail-container .summary-battery-par[data-v-74b48199] {
  height: 3.44rem;
  background-repeat: no-repeat;
  background-image: url(img/12e6927.jpg);
  background-position: 50%
}

.product-detail .detail-container .summary-battery-par .par-list[data-v-74b48199] {
  width: 15.6rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

.product-detail .detail-container .summary-battery-par .par-list li[data-v-74b48199] {
  float: left;
  width: 5.2rem
}

.product-detail .detail-container .summary-battery-par .par-list li .par-tit[data-v-74b48199] {
  font-size: .24rem;
  color: #f7f7f7;
  margin-top: .8rem
}

.product-detail .detail-container .summary-battery-par .par-list li .par-num[data-v-74b48199] {
  font-size: 1.066667rem;
  line-height: 1.066667rem;
  color: #df001f
}

.product-detail .detail-container .summary-battery-par .par-list li .par-unit[data-v-74b48199] {
  font-size: .24rem;
  line-height: .266667rem;
  margin-top: .133333rem;
  color: #df001f
}

.product-detail .detail-container .summary-craft[data-v-74b48199] {
  height: 13.253333rem;
  background: #fff;
  text-align: center
}

.product-detail .detail-container .summary-craft .abs-text[data-v-74b48199] {
  width: 10.666667rem;
  margin-left: -5.333333rem;
  top: 9.6rem
}

.product-detail .detail-container .summary-craft .abs-text .title[data-v-74b48199] {
  font-size: .533333rem;
  color: #000;
  font-weight: 700;
  line-height: 1.2
}

.product-detail .detail-container .summary-craft .abs-text .content[data-v-74b48199] {
  font-size: .24rem;
  line-height: 1.5;
  color: #000;
  margin: .4rem auto auto
}

.product-detail .detail-container .summary-craft .abs-text a.link[data-v-74b48199] {
  font-size: .24rem;
  display: block;
  line-height: .426667rem;
  color: #df001f;
  margin-top: .266667rem;
  transition: all .3s ease-out
}

.product-detail .detail-container .summary-craft video[data-v-74b48199] {
  margin: 0 auto;
  width: 17.333333rem
}

.product-detail .detail-container .summary-motion[data-v-74b48199] {
  height: 11.346667rem;
  background: #3c3f41;
  background-repeat: no-repeat;
  background-image: url(img/d222c6a.jpg);
  background-position: 50%
}

.product-detail .detail-container .summary-motion .abs-text[data-v-74b48199] {
  left: 50%;
  margin-left: -6.813333rem;
  top: 4.053333rem;
  width: 5.733333rem
}

.product-detail .detail-container .summary-motion .abs-text .title[data-v-74b48199] {
  font-size: .533333rem;
  color: #f5f5f5;
  font-weight: 700;
  line-height: 1.2
}

.product-detail .detail-container .summary-motion .abs-text .content[data-v-74b48199] {
  font-size: .24rem;
  line-height: 1.5;
  color: #f5f5f5;
  margin: .4rem auto auto
}

.product-detail .detail-container .summary-motion .abs-text a.link[data-v-74b48199] {
  font-size: .24rem;
  display: block;
  line-height: .426667rem;
  color: #df001f;
  margin-top: .266667rem;
  transition: all .3s ease-out
}

.product-detail .detail-container .summary-lamp[data-v-74b48199] {
  height: 10.626667rem;
  background: #fff;
  background-repeat: no-repeat;
  background-image: url(img/314142d.jpg);
  background-position: 50%
}

.product-detail .detail-container .summary-lamp .abs-text[data-v-74b48199] {
  top: 3.333333rem;
  margin-left: 2.533333rem;
  width: 5.066667rem
}

.product-detail .detail-container .summary-system[data-v-74b48199] {
  height: 10.533333rem;
  background: #fff;
  background-repeat: no-repeat;
  background-image: url(img/35d95f5.jpg);
  background-position: 50%
}

.product-detail .detail-container .summary-system .abs-text[data-v-74b48199] {
  top: 2.133333rem;
  margin-left: .666667rem;
  width: 6.133333rem
}

.product-detail .detail-container .summary-system .abs-text .content[data-v-74b48199] {
  width: 5.573333rem;
  margin-left: 0
}

.product-detail .detail-container .m1-footer[data-v-74b48199] {
  height: 3.2rem;
  position: relative;
  background: #e5e5e5;
  overflow: hidden
}

.product-detail .detail-container .m1-footer a[data-v-74b48199] {
  display: block;
  transition: opacity .3s ease-out
}

.product-detail .detail-container .m1-footer .left-text[data-v-74b48199] {
  position: absolute;
  left: 50%;
  top: .533333rem;
  margin-left: -3.733333rem;
  font-size: .4rem;
  line-height: .506667rem;
  z-index: 3
}

.product-detail .detail-container .m1-footer .left-text .title[data-v-74b48199] {
  font-size: .186667rem;
  color: #333;
  margin: 0
}

.product-detail .detail-container .m1-footer .left-text .sub-title[data-v-74b48199] {
  margin-top: .373333rem;
  font-size: .4rem;
  color: #333;
  line-height: .506667rem
}

.product-detail .detail-container .m1-footer .right-text[data-v-74b48199] {
  position: absolute;
  color: #df001f;
  font-size: .24rem;
  line-height: .4rem;
  top: 1.466667rem;
  left: 50%;
  margin-left: 4.573333rem;
  z-index: 3
}

.product-detail .detail-container .m1-footer .icon-right[data-v-74b48199] {
  font-size: .186667rem
}

.product-detail .detail-container .m1-footer .bottom-img[data-v-74b48199] {
  position: absolute;
  height: 3.2rem;
  width: 34.133333rem;
  left: 50%;
  margin-left: -17.066667rem;
  top: 0;
  text-align: center
}

.product-detail .detail-container .warn-info[data-v-74b48199] {
  padding-top: .666667rem;
  padding-bottom: .666667rem;
  background: #ccc
}

.product-detail .detail-container .warn-info .warn-block[data-v-74b48199] {
  width: 15.6rem;
  margin: 0 auto;
  font-size: .16rem;
  line-height: .2rem
}

.product-detail .mob-detail .m1-common a.link[data-v-74b48199] {
  line-height: .853333rem;
  font-size: .373333rem;
  font-size: .266667rem
}

.product-detail .mob-detail .m1-common .title[data-v-74b48199] {
  font-size: .533333rem
}

.product-detail .mob-detail .m1-common .content[data-v-74b48199] {
  font-size: .373333rem;
  margin-top: .4rem
}

.product-detail .mob-detail a.link span[data-v-74b48199] {
  padding-left: .053333rem
}

.product-detail .mob-detail .icon-right[data-v-74b48199] {
  font-size: .32rem
}

.product-detail .mob-detail .summary-head[data-v-74b48199] {
  height: 11.333333rem
}

.product-detail .mob-detail .summary-head .cover[data-v-74b48199] {
  height: 21.466667rem
}

.product-detail .mob-detail .summary-head .abs-text[data-v-74b48199] {
  width: 7.2rem;
  margin-left: -3.466667rem;
  top: 2.666667rem;
  padding-top: 3.84rem;
  background-size: contain;
  background-position: center 0
}

.product-detail .mob-detail .summary-head .abs-text .play-btn[data-v-74b48199] {
  width: 6.64rem;
  margin-top: .346667rem;
  height: 1.173333rem;
  line-height: .586667rem;
  font-size: .64rem
}

.product-detail .mob-detail .summary-head .abs-text .play-icon[data-v-74b48199] {
  width: 1.013333rem;
  height: 1.013333rem;
  vertical-align: -.293333rem;
  background-size: 1.04rem
}

.product-detail .mob-detail .summary-design[data-v-74b48199] {
  height: 13.333333rem
}

.product-detail .mob-detail .summary-design .abs-text[data-v-74b48199] {
  height: 1.333333rem;
  margin-left: -4.293333rem;
  top: .466667rem
}

.product-detail .mob-detail .summary-design .title[data-v-74b48199] {
  margin-top: 0;
  font-size: .533333rem
}

.product-detail .mob-detail .summary-design .content[data-v-74b48199] {
  font-size: .373333rem;
  margin-top: .4rem;
  width: 8rem
}

.product-detail .mob-detail .summary-design .summary-swiper[data-v-74b48199] {
  height: 13.333333rem
}

.product-detail .mob-detail .summary-design .summary-swiper .swiper-slide[data-v-74b48199] {
  background-position: -14rem;
  background-size: auto 13.333333rem
}

.product-detail .mob-detail .summary-design .summary-swiper[data-v-74b48199] .swiper-pagination-bullets {
  bottom: .8rem
}

.product-detail .mob-detail .summary-design .summary-swiper[data-v-74b48199] .swiper-pagination-bullets .swiper-pagination-bullet {
  width: .266667rem;
  height: .266667rem
}

.product-detail .mob-detail .summary-design .summary-swiper .swiper-button[data-v-74b48199] {
  width: 25.866667rem;
  margin-left: -15.2rem
}

.product-detail .mob-detail .summary-battery[data-v-74b48199] {
  height: 17.333333rem;
  background-size: auto 13.333333rem;
  background-position: bottom;
  background-color: #161616
}

.product-detail .mob-detail .summary-battery .title[data-v-74b48199] {
  margin-top: 1.546667rem
}

.product-detail .mob-detail .summary-battery .content[data-v-74b48199] {
  width: 80%;
  font-size: .373333rem;
  margin-top: .4rem;
  margin-left: auto;
  margin-right: auto;
  line-height: .693333rem
}

.product-detail .mob-detail .summary-battery a.link[data-v-74b48199] {
  font-size: .373333rem;
  margin-top: .266667rem;
  line-height: .853333rem
}

.product-detail .mob-detail .summary-battery-par[data-v-74b48199] {
  height: 4rem;
  background: #121212
}

.product-detail .mob-detail .summary-battery-par .par-list[data-v-74b48199] {
  width: 100%
}

.product-detail .mob-detail .summary-battery-par .par-list li[data-v-74b48199] {
  width: 33%
}

.product-detail .mob-detail .summary-battery-par .par-list li .par-tit[data-v-74b48199] {
  font-size: .373333rem;
  margin-top: .8rem
}

.product-detail .mob-detail .summary-battery-par .par-list li .par-num[data-v-74b48199] {
  font-size: 1.066667rem;
  line-height: 1
}

.product-detail .mob-detail .summary-battery-par .par-list li .par-unit[data-v-74b48199] {
  font-size: .48rem;
  line-height: .533333rem;
  margin-top: .266667rem
}

.product-detail .mob-detail .summary-craft[data-v-74b48199] {
  height: 14.666667rem
}

.product-detail .mob-detail .summary-craft .abs-text[data-v-74b48199] {
  width: 100%;
  top: auto;
  bottom: 1.333333rem;
  margin-left: 0;
  left: 0
}

.product-detail .mob-detail .summary-craft video[data-v-74b48199] {
  width: 16rem;
  margin-left: -8rem;
  position: absolute;
  left: 50%;
  top: 0
}

.product-detail .mob-detail .summary-motion[data-v-74b48199] {
  background-image: url(img/1f39056.jpg);
  background-position: bottom;
  height: 18.666667rem;
  background-size: auto 13.333333rem;
  background-color: #323337
}

.product-detail .mob-detail .summary-motion .abs-text[data-v-74b48199] {
  left: 0;
  margin-left: 0;
  width: 100%;
  top: 1.333333rem;
  text-align: center
}

.product-detail .mob-detail .summary-motion .abs-text .content[data-v-74b48199] {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: .373333rem;
  margin-top: .4rem
}

.product-detail .mob-detail .summary-motion .abs-text a.link[data-v-74b48199] {
  font-size: .373333rem;
  margin-top: .266667rem;
  line-height: .853333rem
}

.product-detail .mob-detail .summary-lamp[data-v-74b48199] {
  height: 12rem;
  background-image: url(img/7c7578f.jpg);
  background-position: bottom;
  background-size: contain
}

.product-detail .mob-detail .summary-lamp .abs-text[data-v-74b48199] {
  left: 0;
  margin-left: 0;
  width: 100%;
  top: 0;
  text-align: center
}

.product-detail .mob-detail .summary-lamp .abs-text .content[data-v-74b48199] {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: .373333rem;
  margin-top: .4rem
}

.product-detail .mob-detail .summary-system[data-v-74b48199] {
  height: 15.333333rem;
  background-image: url(img/03116ef.jpg);
  background-position: bottom;
  background-size: contain
}

.product-detail .mob-detail .summary-system .abs-text[data-v-74b48199] {
  left: 0;
  margin-left: 0;
  width: 100%;
  top: 1.333333rem;
  text-align: center
}

.product-detail .mob-detail .summary-system .abs-text .content[data-v-74b48199] {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: .373333rem;
  margin-top: .4rem
}

.product-detail .mob-detail .m1-footer[data-v-74b48199] {
  height: 3.2rem
}

.product-detail .mob-detail .m1-footer .left-text[data-v-74b48199] {
  top: .533333rem;
  margin-left: -1.066667rem;
  font-size: .4rem;
  line-height: 1.2
}

.product-detail .mob-detail .m1-footer .left-text .title[data-v-74b48199] {
  font-size: .373333rem
}

.product-detail .mob-detail .m1-footer .left-text .sub-title[data-v-74b48199] {
  font-size: .4rem;
  margin-top: .373333rem;
  line-height: 1.2
}

.product-detail .mob-detail .m1-footer .right-text[data-v-74b48199] {
  display: none
}

.product-detail .mob-detail .m1-footer .bottom-img[data-v-74b48199] {
  height: 3.2rem;
  width: 34.133333rem;
  left: 0;
  top: 0;
  margin-left: -9.333333rem
}

.product-detail .mob-detail .m1-footer .bottom-img img[data-v-74b48199] {
  height: 3.2rem
}

.product-detail .mob-detail .warn-info[data-v-74b48199] {
  padding: .666667rem .266667rem
}

.product-detail .mob-detail .warn-info .warn-block[data-v-74b48199] {
  width: 100%;
  font-size: .16rem;
  line-height: 1.2
}

@-webkit-keyframes bannerProgress1-data-v-456ab12c {
  to {
    width: 30px
  }
}

@keyframes bannerProgress1-data-v-456ab12c {
  to {
    width: 30px
  }
}

[data-v-456ab12c] .swiper-button-next::after, [data-v-456ab12c] .swiper-button-prev::after {
  content: ""
}

[data-v-456ab12c] .swiper-button-next, [data-v-456ab12c] .swiper-button-prev {
  display: none;
  width: 20px;
  height: 48px
}

[data-v-456ab12c] .swiper-button-prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTIwIDQ4aC03LjY1NUwwIDIzLjY4OCAxMi42OSAwSDIwTDcuNSAyMy42ODh6IiBmaWxsPSIjZGYwMDFmIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: cover;
  left: 30px
}

[data-v-456ab12c] .swiper-button-next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI0OCI+PHBhdGggZD0iTTAgNDhoNy42NTVMMjAgMjMuNjg4IDcuMzEgMEgwbDEyLjUgMjMuNjg4eiIgZmlsbD0iI2RmMDAxZiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: cover;
  right: 30px
}

.carousel[data-v-456ab12c] {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:768px) {
  .carousel[data-v-456ab12c] {
    flex-direction: column
  }
}

.carousel .banner-pictures[data-v-456ab12c] {
  transition: all .2s ease-in-out
}

.carousel:hover .banner-pictures[data-v-456ab12c] {
  transform: scale(1.05);
  box-shadow: 0 .666667rem 1.066667rem rgba(0, 0, 0, .2)
}

@media screen and (max-width:768px) {
  .carousel:hover .banner-pictures[data-v-456ab12c] {
    transform: scale(1);
    box-shadow: inherit
  }
}

.carousel[data-v-456ab12c]:hover .swiper-button-next, .carousel[data-v-456ab12c]:hover .swiper-button-prev {
  display: block
}

@media screen and (max-width:768px) {
  .carousel[data-v-456ab12c]:hover .swiper-button-next, .carousel[data-v-456ab12c]:hover .swiper-button-prev {
    display: none
  }
}

.carousel .banner-pictures[data-v-456ab12c] {
  width: 780px;
  height: 520px;
  border-radius: 10px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:768px) {
  .carousel .banner-pictures[data-v-456ab12c] {
    width: 100%;
    height: 6.266667rem;
    border-radius: 0
  }
}

.carousel .banner-pictures a[data-v-456ab12c] {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative
}

.carousel .banner-pictures .title-media[data-v-456ab12c], .carousel .banner-pictures img.header-image[data-v-456ab12c] {
  transition: transform .25s ease
}

.carousel .banner-pictures img.header-image[data-v-456ab12c] {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain
}

.carousel .banner-pictures img.article-type[data-v-456ab12c] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9
}

.carousel .banner-pictures .swiper-container[data-v-456ab12c] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.carousel .banner-pictures[data-v-456ab12c] .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #ccc;
  opacity: 1
}

.carousel .banner-pictures[data-v-456ab12c] .swiper-pagination-bullet-active {
  width: 30px;
  height: 8px;
  border-radius: 100px;
  background: #ccc;
  background-clip: content-box;
  position: relative
}

.carousel .banner-pictures[data-v-456ab12c] .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  height: 8px;
  left: 0;
  top: 0;
  width: 0;
  opacity: 1;
  background: #df001f;
  background-clip: content-box;
  border-radius: 100px;
  -webkit-animation: bannerProgress1-data-v-456ab12c 5s ease-in-out;
          animation: bannerProgress1-data-v-456ab12c 5s ease-in-out;
  z-index: 186
}

@media screen and (max-width:767px) {
  .carousel .banner-pictures[data-v-456ab12c] .swiper-pagination-bullet-active::before {
    top: 0
  }
}

.carousel-text[data-v-58001de2] {
  width: 380px;
  height: 520px;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .25s ease
}

@media screen and (max-width:768px) {
  .carousel-text[data-v-58001de2] {
    width: 100%;
    height: 6.2rem;
    border-radius: 0;
    padding: .4rem;
    background-color: #fff;
    box-shadow: 0 .133333rem .666667rem rgba(0, 0, 0, .08)
  }
}

.carousel-text .tag-group[data-v-58001de2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.carousel-text h2[data-v-58001de2] {
  font-size: 28px;
  font-weight: 600;
  margin: 10px 0 20px;
  display: flex;
  flex-direction: column;
  line-clamp: 3;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  position: relative;
  height: auto;
  line-height: 34px;
  font-weight: 400;
  /* font-family: DINOffcPro-Bold */
}

@media screen and (max-width:768px) {
  .carousel-text h2[data-v-58001de2] {
    font-size: .533333rem;
    line-height: .64rem;
    margin: .133333rem 0 .533333rem
  }
}

.carousel-text p[data-v-58001de2] {
  font-size: 16px;
  line-height: 28.8px;
  height: auto;
  display: flex;
  flex-direction: column;
  line-clamp: 7;
  overflow: hidden;
  word-wrap: break-word;
  position: relative
}

@media screen and (max-width:768px) {
  .carousel-text p[data-v-58001de2] {
    height: auto;
    font-size: .32rem;
    line-height: .48rem
  }
}

.carousel-text .info[data-v-58001de2] {
  font-size: 12px;
  display: flex;
  align-items: center
}

.carousel-text .info .time[data-v-58001de2] {
  margin-right: 20px
}

.carousel-text .info .count img[data-v-58001de2] {
  height: 10px
}

.carousel-text .info .count i[data-v-58001de2] {
  font-style: normal
}

.is-reverse[data-v-1553967e] {
  transform: rotate(0deg) !important
}

.is-focus[data-v-1553967e] {
  border-color: #333 !important
}

.not-top[data-v-1553967e] {
  margin-top: 0 !important
}

.top[data-v-1553967e] {
  margin-top: .266667rem
}

.v-labels[data-v-1553967e] {
  margin-top: 80px
}

@media screen and (max-width:768px) {
  .v-labels[data-v-1553967e] {
    margin-top: 2.16rem;
    padding: 0 .426667rem;
    box-sizing: border-box
  }
}

.v-labels .title-wrapper img[data-v-1553967e] {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:768px) {
  .v-labels .title-wrapper img[data-v-1553967e] {
    width: .626667rem;
    height: .626667rem
  }
}

.v-labels .title-wrapper h2[data-v-1553967e] {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  color: #333;
  line-height: 28px;
  font-size: 24px;
  font-family: dinoffcpro-bold
}

@media screen and (max-width:768px) {
  .v-labels .title-wrapper h2[data-v-1553967e] {
    font-size: .626667rem
  }
}

.v-labels .tag-group[data-v-1553967e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.v-labels .tag-group .v-tag[data-v-1553967e] {
  margin-top: 20px
}

.v-labels .tag-group-mobile[data-v-1553967e] {
  position: relative
}

.v-labels .tag-group-select[data-v-1553967e] {
  width: 100%;
  height: auto;
  margin-top: .4rem;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid rgba(51, 51, 51, .2);
  display: flex;
  box-sizing: border-box;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.v-labels .tag-group-select[data-v-1553967e] .v-tag {
  margin-top: .266667rem;
  margin-right: .266667rem;
  margin-bottom: .266667rem
}

.v-labels .tag-group-icon[data-v-1553967e] {
  width: 1.333333rem;
  min-width: 1.333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s;
  transform: rotate(180deg);
  color: #ccc;
  font-size: 27px
}

.v-labels .checked-tags[data-v-1553967e] {
  flex: 1;
  min-height: 1.333333rem;
  flex-wrap: wrap;
  padding-left: .266667rem
}

.v-labels .checked-tags .not-checked[data-v-1553967e], .v-labels .checked-tags[data-v-1553967e] {
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.v-labels .checked-tags .not-checked[data-v-1553967e] {
  padding-left: .133333rem;
  font-size: .426667rem;
  color: #ccc
}

.v-labels .labels-menu[data-v-1553967e] {
  z-index: 9;
  width: 100%;
  height: auto;
  padding: .533333rem .266667rem .266667rem !important;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 .026667rem .16rem rgba(51, 51, 51, .08);
  border: 1px solid rgba(51, 51, 51, .2);
  transform-origin: center top;
  position: absolute;
  left: 0;
  display: flex;
  flex-wrap: wrap
}

.v-labels .labels-menu[data-v-1553967e] .v-tag {
  margin-bottom: .266667rem;
  margin-right: .266667rem
}

@-webkit-keyframes spin-data-v-e4397f66 {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spin-data-v-e4397f66 {
  to {
    transform: rotate(1turn)
  }
}

.media-center-list[data-v-e4397f66] {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  .media-center-list[data-v-e4397f66] {
    margin-top: .533333rem;
    padding: 0 .426667rem;
    box-sizing: border-box
  }
}

.media-center-list .loading-wrapper[data-v-e4397f66] {
  width: 100%;
  padding-bottom: 100px
}

@media screen and (max-width:768px) {
  .media-center-list .loading-wrapper[data-v-e4397f66] {
    padding-bottom: 1.333333rem
  }
}

.media-center-list .load-more[data-v-e4397f66] {
  width: 100%;
  font-size: 16px;
  font-family: dinoffcpro-bold
}

.media-center-list[data-v-e4397f66] .el-button--info {
  height: 50px;
  font-size: 16px;
  border-radius: 25px
}

.media-center-list[data-v-e4397f66] .el-button--default:focus, .media-center-list[data-v-e4397f66] .el-button--default:hover {
  color: #df001f !important;
  border-color: #df001f !important;
  background-color: #fef0f0 !important
}

.media-center-list .loader[data-v-e4397f66] {
  display: flex;
  align-items: center;
  justify-content: center
}

.media-center-list .circle[data-v-e4397f66] {
  box-sizing: border-box;
  width: 34.15px;
  height: 34.15px;
  border-radius: 100%;
  border: 5px solid #eee;
  border-top-color: #df001f;
  -webkit-animation: spin-data-v-e4397f66 1s linear infinite;
          animation: spin-data-v-e4397f66 1s linear infinite
}

.not-data[data-v-e4397f66] {
  width: 100%;
  height: 300px;
  font-size: 20px;
  font-family: dinoffcpro-bold;
  display: flex;
  align-items: center;
  justify-content: center
}

img[data-v-a1710ff2] {
  display: block;
  width: 100%
}

#product-introduct-detail[data-v-a1710ff2] {
  position: relative;
  background-color: #fff
}

#detail-container[data-v-a1710ff2] {
  width: 100%;
  margin: 0 auto
}

#detail-container>div[data-v-a1710ff2] {
  position: relative;
  font-size: 0
}

#detail-container .el-image[data-v-a1710ff2] {
  display: block
}

@media screen and (max-width:768px) {
  #detail-container .section6 .el-image[data-v-a1710ff2] {
    margin-bottom: 140px;
  }
}

#detail-container .section-black[data-v-a1710ff2] {
  padding: 1.04% 1.04% 5.2%;
  background: #101010
}

#detail-container .section-black>div[data-v-a1710ff2] {
  margin-top: 1.04%;
  position: relative
}

#detail-container .section-black>div[data-v-a1710ff2]:first-child {
  margin-top: 0
}

#detail-container .section-black2[data-v-a1710ff2] {
  background: #0b0b0b
}

#detail-container .tit[data-v-a1710ff2] {
  font-size: 1.333333rem;
  color: #fff;
  font-weight: 400;
  font-family: DINOffcPro-CondBold;
  position: absolute
}

#detail-container .tit-small[data-v-a1710ff2] {
  font-weight: 400;
  font-size: 24px;
  color: #df001f;
  /* font-family: DINOffcPro-Medium; */
  margin: 0 auto;
  text-align: center;
  line-height: 1.42;
  padding-top: 3.5%;
  z-index: 1
}

#detail-container .tit-small.white[data-v-a1710ff2] {
  color: #fff
}

@media screen and (max-width:768px) {
  #detail-container .tit-small[data-v-a1710ff2] {
    font-size: .4rem;
    line-height: 1.28
  }
}

#detail-container .sectionRotate .list[data-v-a1710ff2] {
  display: flex
}

#detail-container .sectionRotate .list>div[data-v-a1710ff2] {
  position: relative
}

#detail-container .sectionRotate .list .correct1[data-v-a1710ff2] {
  width: 100%;
  opacity: 0;
  z-index: -1;
  position: relative
}

#detail-container .sectionRotate .list .correct2[data-v-a1710ff2] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2
}

#detail-container .sectionRotate .list .opposite[data-v-a1710ff2] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 1
}

#detail-container .section15[data-v-a1710ff2] {
  padding-bottom: 38.1%;
  background: url(img/a8acdd7.jpg) bottom no-repeat;
  background-size: 100% auto
}

#detail-container .section15 .tit-small[data-v-a1710ff2] {
  padding-bottom: 4.9%;
  padding-top: 5.73%;
  width: 830px
}

#detail-container .section15 .pics[data-v-a1710ff2] {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 825px
}

#detail-container .section15 .pics[data-v-a1710ff2]:last-child {
  padding-top: 48px
}

#detail-container .section15 .pics dl[data-v-a1710ff2] {
  width: 38.3%
}

#detail-container .section15 .pics dl dt img[data-v-a1710ff2] {
  width: 100%
}

#detail-container .section15 .pics dl dd[data-v-a1710ff2] {
  display: flex;
  align-items: flex-start;
  margin-top: 12px;
  padding-left: .133333rem
}

#detail-container .section15 .pics dl dd img[data-v-a1710ff2] {
  width: 36px
}

#detail-container .section15 .pics dl dd span[data-v-a1710ff2] {
  padding-left: 16px;
  font-size: 20px;
  /* font-family: DINOffcPro-Medium; */
  color: #0b0b0b;
  line-height: 1.26
}

#detail-container .section14 .tit[data-v-a1710ff2] {
  position: absolute;
  top: 41.16%;
  left: 25.83%;
  width: 100%;
  color: #fff
}

#detail-container .section13[data-v-a1710ff2] {
  background: #0b0b0b;
  padding-bottom: 5.73%
}

#detail-container .section13 .card[data-v-a1710ff2] {
  width: 1180px;
  overflow: hidden;
  margin: 0 auto
}

#detail-container .section13 .card dl[data-v-a1710ff2] {
  float: left;
  width: 388px;
  margin-right: 8px;
  margin-top: 8px
}

#detail-container .section13 .card dl[data-v-a1710ff2]:first-child, #detail-container .section13 .card dl[data-v-a1710ff2]:nth-child(2), #detail-container .section13 .card dl[data-v-a1710ff2]:nth-child(3) {
  margin-top: 0
}

#detail-container .section13 .card dl[data-v-a1710ff2]:nth-child(3n+3) {
  margin-right: 0
}

#detail-container .section13 .card dl dt img[data-v-a1710ff2] {
  width: 100%
}

#detail-container .section13 .card dl dd[data-v-a1710ff2] {
  color: #fff;
  background: #1c1c1c
}

#detail-container .section13 .card dl dd p[data-v-a1710ff2] {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 72px
}

#detail-container .section13 .card dl dd img[data-v-a1710ff2] {
  width: .4rem;
  display: inline-block
}

#detail-container .section13 .card dl dd span[data-v-a1710ff2] {
  font-size: 20px;
  /* font-family: DINOffcPro-Medium; */
  padding-left: 12px
}

#detail-container .section12 .tit-small[data-v-a1710ff2] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 830px;
  padding-top: 3.6%
}

#detail-container .section11 .txt[data-v-a1710ff2] {
  font-size: 100px;
  font-family: DINOffcPro-CondBold;
  font-weight: 400;
  position: absolute;
  color: #fff;
  left: 35.62%;
  top: 42.5%
}

#detail-container .section10 .txt[data-v-a1710ff2] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400;
  color: #393838;
  padding-left: 53%;
  padding-bottom: 6%
}

#detail-container .section10 .txt dl[data-v-a1710ff2] {
  display: inline-block
}

#detail-container .section10 .txt dt[data-v-a1710ff2] {
  font-size: 100px
}

#detail-container .section10 .txt dt i[data-v-a1710ff2] {
  margin-left: -18px;
  font-size: .613333rem
}

#detail-container .section10 .txt dt span[data-v-a1710ff2] {
  font-size: .4rem;
  font-weight: 600;
  margin-left: .133333rem;
  /* font-family: DINOffcPro-Bold */
}

#detail-container .section10 .txt dd[data-v-a1710ff2] {
  font-size: 18px;
  position: relative;
  padding-top: .133333rem;
  /* font-family: DINOffcPro-Bold */
}

#detail-container .section10 .txt dd[data-v-a1710ff2]:last-child {
  width: 500px
}

@media screen and (max-width:768px) {
  #detail-container .section10 .txt dd[data-v-a1710ff2]:last-child {
    width: 5.866667rem
  }
}

#detail-container .section9 .tit-small[data-v-a1710ff2] {
  width: 816px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1
}

#detail-container .section9 .txt[data-v-a1710ff2] {
  position: absolute;
  color: #090909;
  top: 0;
  left: 0
}

#detail-container .section9 .txt.txt1[data-v-a1710ff2] {
  margin-top: 17%;
  margin-left: 50%
}

#detail-container .section9 .txt.txt1 ul[data-v-a1710ff2] {
  padding-top: 70px
}

#detail-container .section9 .txt.txt2[data-v-a1710ff2] {
  margin-top: 61.8%;
  margin-left: 16.45%
}

#detail-container .section9 .txt.txt2 ul[data-v-a1710ff2] {
  padding-top: 131px
}

#detail-container .section9 .txt ul[data-v-a1710ff2] {
  margin-left: -10px
}

#detail-container .section9 .txt ul li[data-v-a1710ff2] {
  display: flex;
  align-items: center;
  padding-bottom: 27px
}

#detail-container .section9 .txt ul li[data-v-a1710ff2]:last-child {
  padding: 0
}

#detail-container .section9 .txt ul li img[data-v-a1710ff2] {
  width: 96px
}

#detail-container .section9 .txt ul li span[data-v-a1710ff2] {
  /* font-family: DINOffcPro-Bold; */
  font-weight: 400;
  font-size: 30px;
  padding-left: 45px
}

#detail-container .section9 .txt h2[data-v-a1710ff2] {
  font-size: 62px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

#detail-container .section9 .txt h3[data-v-a1710ff2] {
  width: 736px;
  font-size: 22px;
  /* font-family: DINOffcPro-Medium; */
  font-weight: 400;
  line-height: 1.3;
  padding-top: 60px;
  color: #b2b8ba
}

#detail-container .section8 .tit[data-v-a1710ff2] {
  color: #fff;
  position: absolute;
  left: 42.2%;
  bottom: 17.14%;
  font-family: DINOffcPro-CondBold;
  font-weight: 400
}

#detail-container .section7 .txt[data-v-a1710ff2] {
  width: 100%;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 11.3%;
  text-align: center
}

#detail-container .section7 .txt h2[data-v-a1710ff2] {
  line-height: 1.3;
  font-size: 62px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

#detail-container .section7 .txt p[data-v-a1710ff2] {
  padding-top: 24px;
  line-height: 1.3;
  font-size: 22px
}

#detail-container .section6 .txt[data-v-a1710ff2] {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 14%;
  text-align: center;
  width: 100%
}

#detail-container .section6 .txt h2[data-v-a1710ff2] {
  line-height: 1.1;
  font-size: 62px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

#detail-container .section6 .num[data-v-a1710ff2] {
  margin-top: 98px;
  width: 100%;
  text-align: center
}

#detail-container .section6 .num dl[data-v-a1710ff2] {
  display: inline-block;
  color: #fff
}

#detail-container .section6 .num dl dt[data-v-a1710ff2] {
  height: 44px
}

#detail-container .section6 .num dl dd[data-v-a1710ff2] {
  font-size: 24px;
  line-height: 1.4;
  text-align: center;
  padding-top: 36px
}

#detail-container .section6 .num dl[data-v-a1710ff2]:first-child {
  padding-right: 120px;
  border-right: .013333rem solid #393c3c
}

#detail-container .section6 .num dl:first-child dt[data-v-a1710ff2] {
  background: url(img/a8fce71.svg) 50% no-repeat;
  background-size: auto 100%
}

#detail-container .section6 .num dl[data-v-a1710ff2]:nth-child(2) {
  padding: 0 109px 0 78px
}

#detail-container .section6 .num dl:nth-child(2) dt[data-v-a1710ff2] {
  background: url(img/abc2860.svg) 50% no-repeat;
  background-size: auto 100%
}

#detail-container .section6 .num dl[data-v-a1710ff2]:nth-child(3) {
  padding-left: 80px;
  border-left: .013333rem solid #393c3c
}

#detail-container .section6 .num dl:nth-child(3) dt[data-v-a1710ff2] {
  background: url(img/962192c.svg) 50% no-repeat;
  background-size: auto 100%
}

#detail-container .section5 .txt[data-v-a1710ff2] {
  color: #3f3f40;
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 4.427%;
  text-align: center;
  width: 100%
}

#detail-container .section5 .txt h2[data-v-a1710ff2] {
  line-height: 1.3;
  font-size: 62px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

#detail-container .section5 .txt p[data-v-a1710ff2] {
  width: 842px;
  margin: 0 auto;
  padding-top: 36px;
  line-height: 1.27;
  font-size: 22px
}

#detail-container .section4 .txt[data-v-a1710ff2] {
  position: absolute;
  width: 670px;
  left: 0;
  bottom: 18.88%;
  font-size: 24px;
  /* font-family: DINOffcPro-Medium; */
  color: #3f3f40;
  line-height: 1.42;
  text-align: center;
  width: 100%
}

#detail-container .section3 .num[data-v-a1710ff2] {
  position: absolute;
  width: 656px;
  right: 22.65%;
  top: 0;
  padding-top: 8.7%
}

#detail-container .section3 .num dl[data-v-a1710ff2] {
  padding-top: 46px;
  padding-bottom: 28px;
  border-bottom: .013333rem solid #575555
}

#detail-container .section3 .num dl dt[data-v-a1710ff2] {
  display: inline-block;
  font-weight: 400;
  font-family: DINOffcPro-CondBold;
  color: #fff;
  line-height: .8;
  margin-right: 16px;
  margin-left: -1%;
  font-size: 98px
}

#detail-container .section3 .num dl dd[data-v-a1710ff2] {
  display: inline-block;
  color: #df001f
}

#detail-container .section3 .num dl dd img[data-v-a1710ff2] {
  width: 45px
}

#detail-container .section3 .num dl dd span[data-v-a1710ff2] {
  margin-top: 3px;
  display: block;
  font-size: 19px;
  line-height: 1.42
}

#detail-container .section3 .num dl[data-v-a1710ff2]:first-child {
  padding-top: 0
}

#detail-container .section3 .num dl:first-child dt[data-v-a1710ff2] {
  font-size: 210px
}

#detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2) {
  margin-left: 64px
}

#detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3) {
  margin-left: 156px
}

#detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(4) {
  padding-top: 36px;
  margin-left: 228px
}

#detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
  font-size: 210px
}

#detail-container .section3 .txt[data-v-a1710ff2] {
  width: 402px;
  margin-left: 227px;
  margin-top: 110px
}

#detail-container .section3 .txt p[data-v-a1710ff2] {
  /* font-size: 24px; */
  font-size: 22px;
  /* font-family: DINOffcPro-Medium; */
  color: #fff;
  line-height: 1.42
}

#detail-container .section3 .txt p b[data-v-a1710ff2] {
  color: #df001f
}

#detail-container .section3 .txt h2[data-v-a1710ff2] {
  font-size: 30px;
  color: #df001f;
  line-height: 1.33;
  margin-top: 24px
}

#detail-container .section2[data-v-a1710ff2] {
  background: #101010
}

#detail-container .section2 h3[data-v-a1710ff2] {
  padding-top: 3.54%;
  padding-bottom: 3%;
  margin: 0 auto;
  text-align: center
}

@media screen and (max-width:768px) {
  #detail-container .section2 h3[data-v-a1710ff2] {
    width: 8.893333rem;
    padding: .933333rem 0
  }
}

#detail-container .section2 .number[data-v-a1710ff2] {
  color: #fff;
  width: 100%;
  margin: 0 auto;
  padding-top: 2.1%;
  padding-bottom: 4.53%;
  text-align: center
}

@media screen and (max-width:768px) {
  #detail-container .section2 .number[data-v-a1710ff2] {
    width: 7.733333rem
  }
}

#detail-container .section2 .number li[data-v-a1710ff2] {
  display: inline-block
}

#detail-container .section2 .number li[data-v-a1710ff2]:first-child {
  text-align: right;
  padding-right: 71px;
  border-right: .013333rem solid #505050
}

#detail-container .section2 .number li[data-v-a1710ff2]:nth-child(2) {
  text-align: center;
  padding: 0 70px 0 71px
}

#detail-container .section2 .number li[data-v-a1710ff2]:nth-child(3) {
  text-align: left;
  padding-left: 71px;
  border-left: .013333rem solid #505050
}

#detail-container .section2 .number li span[data-v-a1710ff2] {
  font-size: .906667rem;
  font-weight: 400;
  /* font-family: DINOffcPro-CondBold */
}

#detail-container .section2 .number li b[data-v-a1710ff2] {
  font-size: .32rem;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400;
  padding-right: 20px
}

@media screen and (max-width:768px) {
  #detail-container .section2 .number li b[data-v-a1710ff2] {
    padding-right: 0
  }
}

#detail-container .section2 .number li i[data-v-a1710ff2] {
  font-size: .346667rem;
  /* font-family: DINOffcPro-Medium */
}

@media screen and (max-width:768px) {
  #detail-container .section2 .number li i[data-v-a1710ff2] {
    display: block
  }
}

#detail-container .section1 h2[data-v-a1710ff2] {
  left: 23.43%;
  bottom: 14.6%
}

@media screen and (max-width:1800px) {
  #detail-container .section3 .num[data-v-a1710ff2] {
    width: 545px
  }

  #detail-container .section3 .num dl dt[data-v-a1710ff2] {
    margin-right: 10px;
    font-size: 80px
  }

  #detail-container .section3 .num dl dd img[data-v-a1710ff2] {
    width: 40px
  }

  #detail-container .section3 .num dl dd span[data-v-a1710ff2] {
    font-size: 15px
  }

  #detail-container .section3 .num dl:first-child dt[data-v-a1710ff2] {
    font-size: 180px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2) {
    margin-left: 56px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3) {
    margin-left: 136px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(4) {
    padding-top: 36px;
    margin-left: 200px
  }

  #detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
    font-size: 180px
  }

  #detail-container .section3 .txt[data-v-a1710ff2] {
    width: 368px;
    margin-left: 200px;
    margin-top: 60px
  }

  #detail-container .section3 .txt p[data-v-a1710ff2] {
    font-size: 20px
  }

  #detail-container .section3 .txt h2[data-v-a1710ff2] {
    font-size: 26px;
    margin-top: 12px
  }
}

@media screen and (max-width:1500px) {
  #detail-container .section3 .num[data-v-a1710ff2] {
    width: 417px
  }

  #detail-container .section3 .num dl dt[data-v-a1710ff2] {
    margin-right: 5px;
    font-size: 60px
  }

  #detail-container .section3 .num dl dd img[data-v-a1710ff2] {
    width: 30px
  }

  #detail-container .section3 .num dl dd span[data-v-a1710ff2] {
    font-size: 12px
  }

  #detail-container .section3 .num dl:first-child dt[data-v-a1710ff2] {
    font-size: 140px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2) {
    margin-left: 45
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3) {
    margin-left: 106px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(4) {
    padding-top: 36px;
    margin-left: 156px
  }

  #detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
    font-size: 140px
  }

  #detail-container .section3 .txt[data-v-a1710ff2] {
    width: 260px;
    margin-left: 160px;
    margin-top: 40px
  }

  #detail-container .section3 .txt p[data-v-a1710ff2] {
    font-size: 16px
  }

  #detail-container .section3 .txt h2[data-v-a1710ff2] {
    font-size: 24px;
    margin-top: 8px
  }
}

@media screen and (max-width:1400px) {
  #detail-container .tit[data-v-a1710ff2] {
    font-size: 73px
  }

  #detail-container .tit-small[data-v-a1710ff2] {
    font-size: 22px
  }

  #detail-container .section3 .num[data-v-a1710ff2] {
    width: 448px
  }

  #detail-container .section3 .num dl dt[data-v-a1710ff2] {
    font-size: 56px;
    margin-right: 22px
  }

  #detail-container .section3 .num dl dd img[data-v-a1710ff2] {
    width: 32px
  }

  #detail-container .section3 .num dl dd span[data-v-a1710ff2] {
    font-size: .173333rem
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2) {
    margin-left: 47px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3) {
    margin-left: 113px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(4) {
    margin-left: 141px
  }

  #detail-container .section3 .num dl:first-child dt[data-v-a1710ff2], #detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
    font-size: 112px
  }

  #detail-container .section5 .txt h2[data-v-a1710ff2] {
    font-size: 58px
  }

  #detail-container .section5 .txt p[data-v-a1710ff2] {
    font-size: 20px
  }

  #detail-container .section6 .txt h2[data-v-a1710ff2] {
    font-size: 58px
  }

  #detail-container .section6 .num[data-v-a1710ff2] {
    margin-top: 90px
  }

  #detail-container .section6 .num dl dt[data-v-a1710ff2] {
    height: 40px
  }

  #detail-container .section6 .num dl dd[data-v-a1710ff2] {
    font-size: 22px;
    padding-top: 32px
  }

  #detail-container .section7 .txt h2[data-v-a1710ff2] {
    font-size: 45px
  }

  #detail-container .section7 .txt p[data-v-a1710ff2] {
    padding-top: .293333rem;
    font-size: 20px
  }

  #detail-container .section9 .txt.txt1 ul[data-v-a1710ff2] {
    padding-top: .693333rem
  }

  #detail-container .section9 .txt.txt2 ul[data-v-a1710ff2] {
    padding-top: 1.253333rem
  }

  #detail-container .section9 .txt h3[data-v-a1710ff2] {
    padding-top: 44px
  }

  #detail-container .section9 .txt h2[data-v-a1710ff2] {
    font-size: 45px
  }

  #detail-container .section9 .txt ul li[data-v-a1710ff2]:nth-child(2) {
    padding: .32rem 0 .466667rem
  }

  #detail-container .section9 .txt ul li img[data-v-a1710ff2] {
    width: 67px
  }

  #detail-container .section9 .txt ul li span[data-v-a1710ff2] {
    font-size: 21px;
    padding-left: 41px
  }

  #detail-container .section10 .txt dt[data-v-a1710ff2] {
    font-size: 73px
  }

  #detail-container .section10 .txt dt i[data-v-a1710ff2] {
    margin-left: -16px
  }

  #detail-container .section10 .txt dd[data-v-a1710ff2] {
    font-size: .28rem
  }

  #detail-container .section11 .txt[data-v-a1710ff2] {
    font-size: 73px
  }
}

@media screen and (max-width:1300px) {
  #detail-container .tit[data-v-a1710ff2] {
    font-size: 73px
  }

  #detail-container .tit-small[data-v-a1710ff2] {
    font-size: 20px
  }

  #detail-container .section5 .txt h2[data-v-a1710ff2] {
    font-size: 56px
  }

  #detail-container .section5 .txt p[data-v-a1710ff2] {
    padding-top: .426667rem;
    font-size: 18px
  }

  #detail-container .section6 .txt h2[data-v-a1710ff2] {
    font-size: 56px
  }

  #detail-container .section6 .num[data-v-a1710ff2] {
    margin-top: 80px
  }

  #detail-container .section6 .num dl dt[data-v-a1710ff2] {
    height: 38px
  }

  #detail-container .section6 .num dl dd[data-v-a1710ff2] {
    font-size: 20px;
    padding-top: 28px
  }

  #detail-container .section7 .txt h2[data-v-a1710ff2] {
    font-size: 41px
  }

  #detail-container .section7 .txt p[data-v-a1710ff2] {
    padding-top: .266667rem;
    font-size: 18px
  }

  #detail-container .section9 .txt.txt1 ul[data-v-a1710ff2] {
    padding-top: .653333rem
  }

  #detail-container .section9 .txt.txt2 ul[data-v-a1710ff2] {
    padding-top: 1.173333rem
  }

  #detail-container .section9 .txt h3[data-v-a1710ff2] {
    padding-top: 44px;
    font-size: 22px
  }

  #detail-container .section9 .txt h2[data-v-a1710ff2] {
    font-size: 45px
  }

  #detail-container .section9 .txt ul li[data-v-a1710ff2]:nth-child(2) {
    padding: .24rem 0 .426667rem
  }

  #detail-container .section9 .txt ul li img[data-v-a1710ff2] {
    width: 72px
  }

  #detail-container .section9 .txt ul li span[data-v-a1710ff2] {
    font-size: 22px;
    padding-left: 43px
  }

  #detail-container .section10 .txt dt[data-v-a1710ff2] {
    font-size: 68px
  }

  #detail-container .section10 .txt dt i[data-v-a1710ff2] {
    margin-left: -10px
  }

  #detail-container .section10 .txt dd[data-v-a1710ff2] {
    font-size: .253333rem
  }

  #detail-container .section11 .txt[data-v-a1710ff2] {
    font-size: 67px
  }
}

@media screen and (max-width:1200px) {
  #detail-container .tit[data-v-a1710ff2] {
    font-size: 62px
  }

  #detail-container .tit-small[data-v-a1710ff2] {
    font-size: 18px
  }

  #detail-container .section2 .number[data-v-a1710ff2] {
    width: 800px;
    display: flex;
    justify-content: space-between
  }

  #detail-container .section2 .number li span[data-v-a1710ff2] {
    font-size: 42px
  }

  #detail-container .section2 .number li i[data-v-a1710ff2] {
    font-size: 18px
  }

  #detail-container .section2 .number li[data-v-a1710ff2]:nth-child(2) {
    padding: 0
  }

  #detail-container .section2 .number i[data-v-a1710ff2]:nth-child(2) {
    text-align: center;
    padding: 0
  }

  #detail-container .section2 .number i span[data-v-a1710ff2] {
    font-size: 35px
  }

  #detail-container .section2 .number i i[data-v-a1710ff2] {
    font-size: 15px
  }

  #detail-container .section3 .num[data-v-a1710ff2] {
    width: 380px
  }

  #detail-container .section3 .num dl dt[data-v-a1710ff2] {
    font-size: 47px;
    margin-right: 13px
  }

  #detail-container .section3 .num dl dd img[data-v-a1710ff2] {
    width: 28px
  }

  #detail-container .section3 .num dl dd span[data-v-a1710ff2] {
    font-size: .16rem
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2) {
    margin-left: 40px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3) {
    margin-left: 95px
  }

  #detail-container .section3 .num dl:first-child dt[data-v-a1710ff2], #detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
    font-size: 94px
  }

  #detail-container .section3 .txt[data-v-a1710ff2] {
    width: 255px;
    margin-left: 140px;
    margin-top: 30px
  }

  #detail-container .section3 .txt p[data-v-a1710ff2] {
    font-size: 12px
  }

  #detail-container .section3 .txt h2[data-v-a1710ff2] {
    font-size: 20px;
    margin-top: 0
  }

  #detail-container .section5 .txt h2[data-v-a1710ff2] {
    font-size: 52px
  }

  #detail-container .section5 .txt p[data-v-a1710ff2] {
    padding-top: .373333rem;
    font-size: 16px
  }

  #detail-container .section6 .txt h2[data-v-a1710ff2] {
    font-size: 52px
  }

  #detail-container .section6 .num[data-v-a1710ff2] {
    margin-top: 70px
  }

  #detail-container .section6 .num dl dt[data-v-a1710ff2] {
    height: 34px
  }

  #detail-container .section6 .num dl dd[data-v-a1710ff2] {
    font-size: 18px;
    padding-top: 24px
  }

  #detail-container .section7 .txt h2[data-v-a1710ff2] {
    font-size: 38px
  }

  #detail-container .section7 .txt p[data-v-a1710ff2] {
    padding-top: .186667rem;
    font-size: 16px
  }

  #detail-container .section10 .txt dt[data-v-a1710ff2] {
    font-size: 62px
  }

  #detail-container .section10 .txt dt i[data-v-a1710ff2] {
    margin-left: -8px
  }

  #detail-container .section10 .txt dd[data-v-a1710ff2] {
    font-size: .24rem
  }

  #detail-container .section11 .txt[data-v-a1710ff2] {
    font-size: 62px
  }

  #detail-container .section13 .card[data-v-a1710ff2] {
    width: 100%
  }

  #detail-container .section13 .card dl[data-v-a1710ff2] {
    width: 33%;
    margin-right: .5%
  }

  #detail-container .section13 .card dl dd span[data-v-a1710ff2] {
    font-size: 14px
  }

  #detail-container .section15 .pics dl dd img[data-v-a1710ff2] {
    width: 24px
  }

  #detail-container .section15 .pics dl dd span[data-v-a1710ff2] {
    font-size: .213333rem
  }

  #detail-container .section15 .pics.pics1[data-v-a1710ff2] {
    width: 100%
  }

  #detail-container .section15 .pics.pics2[data-v-a1710ff2] {
    width: 62.6%
  }
}

@media screen and (max-width:1000px) {
  #detail-container .tit[data-v-a1710ff2] {
    font-size: 51px
  }

  #detail-container .tit-small[data-v-a1710ff2] {
    font-size: 16px
  }

  #detail-container .section3 .num[data-v-a1710ff2] {
    width: 320px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2] {
    padding-top: .373333rem;
    padding-bottom: .213333rem
  }

  #detail-container .section3 .num dl dt[data-v-a1710ff2] {
    font-size: 40px;
    margin-right: 11px
  }

  #detail-container .section3 .num dl dd img[data-v-a1710ff2] {
    width: 23px
  }

  #detail-container .section3 .num dl dd span[data-v-a1710ff2] {
    font-size: .16rem
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2) {
    margin-left: 34px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3) {
    margin-left: 80px
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(4) {
    margin-left: 121px
  }

  #detail-container .section3 .num dl:first-child dt[data-v-a1710ff2], #detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
    font-size: 80px
  }

  #detail-container .section3 .txt[data-v-a1710ff2] {
    margin-top: 15px
  }

  #detail-container .section5 .txt h2[data-v-a1710ff2] {
    font-size: 40px
  }

  #detail-container .section5 .txt p[data-v-a1710ff2] {
    padding-top: .133333rem;
    font-size: 12px
  }

  #detail-container .section6 .txt h2[data-v-a1710ff2] {
    font-size: 42px
  }

  #detail-container .section6 .num[data-v-a1710ff2] {
    position: relative;
    width: 1000px;
    margin-top: 51px
  }

  #detail-container .section6 .num dl dt[data-v-a1710ff2] {
    height: 22px
  }

  #detail-container .section6 .num dl dd[data-v-a1710ff2] {
    font-size: 12px;
    padding-top: 19px
  }

  #detail-container .section7 .txt h2[data-v-a1710ff2] {
    font-size: 31px
  }

  #detail-container .section7 .txt p[data-v-a1710ff2] {
    padding-top: 10px;
    font-size: 14px
  }

  #detail-container .section9 .txt.txt1 ul[data-v-a1710ff2] {
    padding-top: .533333rem
  }

  #detail-container .section9 .txt.txt2 ul[data-v-a1710ff2] {
    padding-top: .906667rem
  }

  #detail-container .section9 .txt h3[data-v-a1710ff2] {
    padding-top: 31px;
    font-size: 22px
  }

  #detail-container .section9 .txt h2[data-v-a1710ff2] {
    font-size: 31px
  }

  #detail-container .section9 .txt ul li[data-v-a1710ff2]:nth-child(2) {
    padding: .24rem 0 .333333rem
  }

  #detail-container .section9 .txt ul li img[data-v-a1710ff2] {
    width: 48px
  }

  #detail-container .section9 .txt ul li span[data-v-a1710ff2] {
    font-size: 14px;
    padding-left: 30px
  }

  #detail-container .section10 .txt dt[data-v-a1710ff2] {
    font-size: 51px
  }

  #detail-container .section10 .txt dt i[data-v-a1710ff2] {
    margin-left: -4px
  }

  #detail-container .section10 .txt dd[data-v-a1710ff2] {
    font-size: 14px
  }

  #detail-container .section11 .txt[data-v-a1710ff2] {
    font-size: 51px
  }
}

@media screen and (max-width:768px) {
  #detail-container .tit-small[data-v-a1710ff2] {
    text-align: left
  }

  #detail-container .section15[data-v-a1710ff2] {
    padding-bottom: 5.666667rem;
    background: url(img/c081563.jpg) bottom no-repeat;
    background-size: 100% auto
  }

  #detail-container .section15 .tit-small[data-v-a1710ff2] {
    width: 8.866667rem;
    margin: 0 auto;
    padding-bottom: .933333rem;
    padding-top: .933333rem
  }

  #detail-container .section15 .pics.pics2[data-v-a1710ff2], #detail-container .section15 .pics[data-v-a1710ff2] {
    width: 9.146667rem
  }

  #detail-container .section15 .pics[data-v-a1710ff2]:nth-child(2) {
    padding-top: 0
  }

  #detail-container .section15 .pics[data-v-a1710ff2]:last-child {
    padding-top: .506667rem
  }

  #detail-container .section15 .pics dl[data-v-a1710ff2] {
    width: 4.386667rem
  }

  #detail-container .section15 .pics dl dt[data-v-a1710ff2] {
    padding-left: 0
  }

  #detail-container .section15 .pics dl dt img[data-v-a1710ff2] {
    width: 100%
  }

  #detail-container .section15 .pics dl dd[data-v-a1710ff2] {
    margin-top: .16rem
  }

  #detail-container .section15 .pics dl dd img[data-v-a1710ff2] {
    width: .533333rem
  }

  #detail-container .section15 .pics dl dd span[data-v-a1710ff2] {
    padding-left: .293333rem;
    font-size: .266667rem
  }

  #detail-container .section14 .tit[data-v-a1710ff2] {
    top: 5.6rem;
    left: .693333rem;
    width: 8.533333rem
  }

  #detail-container .section13[data-v-a1710ff2] {
    padding-bottom: 1.333333rem
  }

  #detail-container .section13 .card[data-v-a1710ff2] {
    width: 9.266667rem
  }

  #detail-container .section13 .card dl[data-v-a1710ff2] {
    float: left;
    width: 4.586667rem;
    margin-right: .093333rem;
    margin-top: .106667rem
  }

  #detail-container .section13 .card dl[data-v-a1710ff2]:nth-child(3) {
    margin-top: .106667rem;
    margin-right: .093333rem
  }

  #detail-container .section13 .card dl[data-v-a1710ff2]:first-child, #detail-container .section13 .card dl[data-v-a1710ff2]:nth-child(2) {
    margin-top: 0
  }

  #detail-container .section13 .card dl[data-v-a1710ff2]:nth-child(2n+2) {
    margin-right: 0
  }

  #detail-container .section13 .card dl dd p[data-v-a1710ff2] {
    height: .853333rem
  }

  #detail-container .section13 .card dl dd span[data-v-a1710ff2] {
    font-size: .24rem;
    padding-left: .146667rem
  }

  #detail-container .section12[data-v-a1710ff2] {
    background: #0b0b0b
  }

  #detail-container .section12 .tit-small[data-v-a1710ff2] {
    position: relative;
    margin: 0 auto;
    padding-top: .853333rem;
    padding-bottom: .533333rem;
    width: 8.973333rem;
    left: 0;
    transform: translateX(0)
  }

  #detail-container .section11 .txt[data-v-a1710ff2] {
    font-size: 1.333333rem;
    left: 1.533333rem;
    top: 6.4rem
  }

  #detail-container .section10 .txt[data-v-a1710ff2] {
    position: relative;
    padding-top: .133333rem;
    padding-left: 0;
    text-align: center;
    padding-bottom: 1.466667rem
  }

  #detail-container .section10 .txt dt[data-v-a1710ff2] {
    font-size: 1.333333rem
  }

  #detail-container .section10 .txt dt i[data-v-a1710ff2] {
    margin-left: -.24rem
  }

  #detail-container .section10 .txt dd[data-v-a1710ff2] {
    font-size: .24rem
  }

  #detail-container .section9 .img2[data-v-a1710ff2] {
    margin-top: 1.48rem
  }

  #detail-container .section9 .tit-small[data-v-a1710ff2] {
    position: relative;
    width: 9.013333rem;
    margin: 0 auto;
    padding-top: .933333rem;
    padding-bottom: .933333rem;
    text-align: left;
    left: 0;
    transform: translateX(0)
  }

  #detail-container .section9 .txt.txt1[data-v-a1710ff2] {
    margin-top: 5.893333rem;
    margin-left: 5.333333rem
  }

  #detail-container .section9 .txt.txt1 ul[data-v-a1710ff2] {
    padding-top: .533333rem
  }

  #detail-container .section9 .txt.txt2[data-v-a1710ff2] {
    margin-top: 13.506667rem;
    margin-left: .533333rem
  }

  #detail-container .section9 .txt.txt2 ul[data-v-a1710ff2] {
    padding-top: .773333rem
  }

  #detail-container .section9 .txt ul[data-v-a1710ff2] {
    margin-left: 0
  }

  #detail-container .section9 .txt ul li[data-v-a1710ff2] {
    padding-bottom: .386667rem
  }

  #detail-container .section9 .txt ul li img[data-v-a1710ff2] {
    width: 1.093333rem
  }

  #detail-container .section9 .txt ul li span[data-v-a1710ff2] {
    font-size: .4rem;
    padding-left: .266667rem
  }

  #detail-container .section9 .txt h2[data-v-a1710ff2] {
    font-size: .693333rem
  }

  #detail-container .section9 .txt h3[data-v-a1710ff2] {
    width: 3.76rem;
    font-size: .266667rem
  }

  #detail-container .section8 .tit[data-v-a1710ff2] {
    left: .933333rem;
    bottom: 1.6rem
  }

  #detail-container .section7 .txt[data-v-a1710ff2] {
    bottom: .973333rem
  }

  #detail-container .section7 .txt h2[data-v-a1710ff2] {
    font-size: .826667rem
  }

  #detail-container .section7 .txt p[data-v-a1710ff2] {
    width: 8.133333rem;
    margin: 0 auto;
    padding-top: .493333rem;
    line-height: 1.33;
    font-size: .4rem
  }

  #detail-container .section6 .txt[data-v-a1710ff2] {
    bottom: unset;
    top: 4.48rem
  }

  #detail-container .section6 .txt h2[data-v-a1710ff2] {
    font-size: .826667rem
  }

  #detail-container .section6 .num[data-v-a1710ff2] {
    /* margin: 0 auto; */
    margin: 50px auto 0;
    padding-bottom: .666667rem;
    position: relative;
    width: 8.933333rem;
    display: flex
  }

  #detail-container .section6 .num dl dt[data-v-a1710ff2] {
    height: .586667rem
  }

  #detail-container .section6 .num dl dd[data-v-a1710ff2] {
    font-size: .32rem;
    padding-top: .4rem
  }

  #detail-container .section6 .num dl[data-v-a1710ff2]:first-child {
    padding-right: .52rem
  }

  #detail-container .section6 .num dl[data-v-a1710ff2]:nth-child(2) {
    padding: 0 .746667rem 0 .533333rem
  }

  #detail-container .section6 .num dl[data-v-a1710ff2]:nth-child(3) {
    padding-left: .693333rem
  }

  #detail-container .section5 .txt[data-v-a1710ff2] {
    position: absolute;
    padding-top: 1.226667rem
  }

  #detail-container .section5 .txt h2[data-v-a1710ff2] {
    line-height: 1.16;
    font-size: .826667rem;
    width: 7.44rem;
    margin: 0 auto
  }

  #detail-container .section5 .txt p[data-v-a1710ff2] {
    width: 8.4rem;
    padding-top: .533333rem;
    line-height: 1.33;
    font-size: .4rem
  }

  #detail-container .section4[data-v-a1710ff2] {
    background: #101010;
    padding: .533333rem .186667rem 1.76rem
  }

  #detail-container .section3[data-v-a1710ff2] {
    background: #101010
  }

  #detail-container .section3 .num[data-v-a1710ff2] {
    position: relative;
    width: 8.2rem;
    right: 0;
    margin: -.746667rem auto 0;
    padding: 0
  }

  #detail-container .section3 .num dl[data-v-a1710ff2] {
    padding-top: .613333rem;
    padding-bottom: .373333rem
  }

  #detail-container .section3 .num dl dt[data-v-a1710ff2] {
    font-size: 1.306667rem
  }

  #detail-container .section3 .num dl dd[data-v-a1710ff2] {
    max-width: 51%
  }

  #detail-container .section3 .num dl dd img[data-v-a1710ff2] {
    width: .6rem
  }

  #detail-container .section3 .num dl dd span[data-v-a1710ff2] {
    margin-top: .04rem;
    font-size: .293333rem;
    line-height: 1.42
  }

  #detail-container .section3 .num dl:first-child dt[data-v-a1710ff2] {
    font-size: 2.8rem
  }

  #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(2), #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(3), #detail-container .section3 .num dl[data-v-a1710ff2]:nth-child(4) {
    margin-left: 0
  }

  #detail-container .section3 .num dl:nth-child(4) dt[data-v-a1710ff2] {
    font-size: 2.8rem
  }

  #detail-container .section3 .txt[data-v-a1710ff2] {
    width: 100%;
    margin-left: 0;
    margin-top: 1.24rem
  }

  #detail-container .section3 .txt p[data-v-a1710ff2] {
    font-size: .426667rem;
    line-height: 1.23
  }

  #detail-container .section3 .txt h2[data-v-a1710ff2] {
    font-size: .4rem;
    line-height: 1.33;
    margin-top: .4rem
  }

  #detail-container .section2 h3[data-v-a1710ff2] {
    width: 85%;
    padding: .933333rem 0;
    text-align: left
  }

  #detail-container .section2 .number[data-v-a1710ff2] {
    padding-bottom: 0;
    padding-top: 0;
    width: 96%
  }

  #detail-container .section2 .number li[data-v-a1710ff2] {
    text-align: center
  }

  #detail-container .section2 .number li[data-v-a1710ff2]:first-child {
    text-align: center;
    padding-right: .68rem
  }

  #detail-container .section2 .number li[data-v-a1710ff2]:nth-child(2) {
    padding: 0 .666667rem 0 .533333rem
  }

  #detail-container .section2 .number li[data-v-a1710ff2]:nth-child(3) {
    text-align: center;
    padding-left: .533333rem
  }

  #detail-container .section2 .number li span[data-v-a1710ff2] {
    font-size: .906667rem;
    padding-right: 0
  }

  #detail-container .section2 .number li b[data-v-a1710ff2] {
    font-size: .32rem
  }

  #detail-container .section2 .number li i[data-v-a1710ff2] {
    display: block;
    text-align: center;
    font-size: .346667rem;
    width: 2.4rem
  }

  #detail-container .section1 h2[data-v-a1710ff2] {
    left: 6.93%;
    bottom: 6%
  }

  #detail-container .section-black[data-v-a1710ff2] {
    padding: 0 .186667rem .8rem
  }

  #detail-container .section-black>div[data-v-a1710ff2] {
    margin-top: .653333rem
  }

  #detail-container .section-black>div[data-v-a1710ff2]:first-child {
    margin-top: 0
  }
}

@-webkit-keyframes pp2-data-v-a1710ff2 {
  0% {
    transform: perspective(26.666667rem) rotateY(-1turn);
    opacity: 0
  }

  20% {
    transform: perspective(26.666667rem) rotateY(-270deg);
    opacity: 0
  }

  30% {
    transform: perspective(26.666667rem) rotateY(-180deg);
    opacity: 1
  }

  50% {
    transform: perspective(26.666667rem) rotateY(-180deg);
    opacity: 1
  }

  70% {
    transform: perspective(26.666667rem) rotateY(-180deg);
    opacity: 1
  }

  80% {
    transform: perspective(26.666667rem) rotateY(-90deg);
    opacity: 0
  }

  to {
    transform: perspective(26.666667rem);
    opacity: 0
  }
}

@keyframes pp2-data-v-a1710ff2 {
  0% {
    transform: perspective(26.666667rem) rotateY(-1turn);
    opacity: 0
  }

  20% {
    transform: perspective(26.666667rem) rotateY(-270deg);
    opacity: 0
  }

  30% {
    transform: perspective(26.666667rem) rotateY(-180deg);
    opacity: 1
  }

  50% {
    transform: perspective(26.666667rem) rotateY(-180deg);
    opacity: 1
  }

  70% {
    transform: perspective(26.666667rem) rotateY(-180deg);
    opacity: 1
  }

  80% {
    transform: perspective(26.666667rem) rotateY(-90deg);
    opacity: 0
  }

  to {
    transform: perspective(26.666667rem);
    opacity: 0
  }
}

@-webkit-keyframes pp1-data-v-a1710ff2 {
  0% {
    transform: perspective(26.666667rem);
    opacity: 1
  }

  20% {
    transform: perspective(26.666667rem) rotateY(90deg);
    opacity: 1
  }

  30% {
    transform: perspective(26.666667rem) rotateY(180deg);
    opacity: 0
  }

  50% {
    transform: perspective(26.666667rem) rotateY(180deg);
    opacity: 0
  }

  70% {
    transform: perspective(26.666667rem) rotateY(180deg);
    opacity: 0
  }

  80% {
    transform: perspective(26.666667rem) rotateY(270deg);
    opacity: 1
  }

  to {
    transform: perspective(26.666667rem) rotateY(1turn);
    opacity: 1
  }
}

@keyframes pp1-data-v-a1710ff2 {
  0% {
    transform: perspective(26.666667rem);
    opacity: 1
  }

  20% {
    transform: perspective(26.666667rem) rotateY(90deg);
    opacity: 1
  }

  30% {
    transform: perspective(26.666667rem) rotateY(180deg);
    opacity: 0
  }

  50% {
    transform: perspective(26.666667rem) rotateY(180deg);
    opacity: 0
  }

  70% {
    transform: perspective(26.666667rem) rotateY(180deg);
    opacity: 0
  }

  80% {
    transform: perspective(26.666667rem) rotateY(270deg);
    opacity: 1
  }

  to {
    transform: perspective(26.666667rem) rotateY(1turn);
    opacity: 1
  }
}

.well[data-v-a1710ff2] {
  width: 13.333333rem;
  min-height: 3.333333rem;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  overflow: hidden
}

.well-item.active .correct2[data-v-a1710ff2] {
  -webkit-animation: pp1-data-v-a1710ff2 2s linear;
          animation: pp1-data-v-a1710ff2 2s linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both
}

.well-item.active .opposite[data-v-a1710ff2] {
  -webkit-animation: pp2-data-v-a1710ff2 2s linear;
          animation: pp2-data-v-a1710ff2 2s linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both
}

#ad-recommended[data-v-79da4f40] {
  width: 15.733333rem;
  margin: 0 auto;
  padding: 1rem 0
}

@media screen and (max-width:768px) {
  #ad-recommended[data-v-79da4f40] {
    width: 88%
  }
}

.ad-container[data-v-79da4f40] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

.ad-container>a[data-v-79da4f40] {
  position: relative;
  display: block;
  width: 49%;
  height: 9.6rem;
  border-radius: .266667rem;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .ad-container>a[data-v-79da4f40] {
    height: 7.253333rem
  }
}

.ad-container>a:hover span[data-v-79da4f40] {
  transform: translate3d(.066667rem, 0, 0)
}

.layer[data-v-79da4f40] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: .186667rem 0 .266667rem .4rem;
  background-color: #fff;
  overflow: hidden
}

h6[data-v-79da4f40] {
  /* font-family: DINOffcPro-Bold; */
  font-size: .32rem;
  color: #252526
}

@media screen and (max-width:768px) {
  h6[data-v-79da4f40] {
    font-size: .4rem
  }
}

p[data-v-79da4f40] {
  font-size: .213333rem;
  color: #000;
  padding-top: .133333rem
}

@media screen and (max-width:768px) {
  p[data-v-79da4f40] {
    font-size: .293333rem
  }
}

span[data-v-79da4f40] {
  padding-left: .08rem;
  transition: all .3s ease-out
}

#product-introduct-detail[data-v-c7bde790] {
  position: relative;
  background-color: #fff
}

@media screen and (min-width:769px) {
  .ispc[data-v-c7bde790] {
    display: block
  }

  .ismob[data-v-c7bde790] {
    display: none;
    overflow: hidden
  }

  .main[data-v-c7bde790] {
    width: 13.333333rem;
    margin: 0 auto
  }

  [class$=title][data-v-c7bde790] {
    color: #eee;
    line-height: 56px;
    font-size: 40px;
    /* font-family: DINOffcPro-Bold; */
    text-align: center;
    padding-top: 1.6rem;
    padding-bottom: .666667rem;
    max-width: 13.333333rem;
    margin: 0 auto
  }

  [class$=desc][data-v-c7bde790] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    max-width: 8rem;
    margin-left: auto;
    margin-right: auto;
    word-spacing: 0
  }

  [class$=logo][data-v-c7bde790] {
    padding: .933333rem 0;
    height: .8rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700;
    text-align: center;
    max-width: 13.333333rem;
    margin: 0 auto
  }

  [class$=logo] [class$=title-two][data-v-c7bde790] {
    font-size: 24px;
    padding-left: .133333rem
  }

  [class$=img-bg][data-v-c7bde790] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
  }

  .commonCenter[data-v-c7bde790] {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }

  .section2 .con2-title[data-v-c7bde790] {
    padding-top: .933333rem;
    color: #333
  }

  .section2 .con2-desc[data-v-c7bde790] {
    color: #333;
    padding-bottom: .933333rem
  }

  .section3[data-v-c7bde790] {
    background-color: #f0f2f7
  }

  .section3 .con3-title[data-v-c7bde790] {
    padding-top: 0;
    color: #333
  }

  .section3 .con3-desc[data-v-c7bde790] {
    color: #333
  }

  .section3 .con3-content[data-v-c7bde790] {
    position: relative;
    height: 4rem;
    overflow: hidden;
    margin-top: .613333rem;
    padding-bottom: 1.68rem
  }

  .section3 .svg-box[data-v-c7bde790] {
    position: relative;
    width: 100%;
    height: 4rem;
    -webkit-clip-path: url(#svg-path);
            clip-path: url(#svg-path)
  }

  .section3 .svg-video-container[data-v-c7bde790] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
  }

  .section3 .svg-video-container .svg-video[data-v-c7bde790], .section3 .svg-video-container img[data-v-c7bde790] {
    width: 100%;
    height: 100%
  }

  .section3 .svg[data-v-c7bde790] {
    font-size: 3.84rem;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700
  }

  .section4[data-v-c7bde790] {
    background: url(img/bb2b462.jpg) no-repeat 50%;
    background-size: cover
  }

  .section4 .con4-box[data-v-c7bde790] {
    height: 15.826667rem
  }

  .section5[data-v-c7bde790] {
    background-color: #000
  }

  .section5 .con5-top[data-v-c7bde790] {
    position: relative;
    height: 13.2rem
  }

  .section5 .con5-top-pic[data-v-c7bde790] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-12.786667rem);
    display: block
  }

  .section5 .con5-param[data-v-c7bde790] {
    width: 100%;
    padding-top: .546667rem;
    padding-bottom: 2.573333rem;
    min-height: 1.466667rem
  }

  .section5 .con5-param-item[data-v-c7bde790] {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
  }

  .section5 .con5-param1[data-v-c7bde790] {
    width: .933333rem;
    margin-left: -2.973333rem
  }

  .section5 .con5-param2[data-v-c7bde790] {
    width: 2.093333rem;
    margin-left: 0
  }

  .section5 .con5-param3[data-v-c7bde790] {
    width: .933333rem;
    margin-left: 2.973333rem
  }

  .section5 .con5-param-title[data-v-c7bde790] {
    color: #eee;
    line-height: 82px;
    font-size: 64px;
    /* font-family: DINOffcPro; */
    font-weight: 700;
    padding: 0
  }

  .section5 .con5-param-Symbol[data-v-c7bde790] {
    position: absolute;
    bottom: .226667rem;
    right: -.346667rem;
    color: #eee;
    line-height: 20px;
    font-size: 20px;
    /* font-family: DINOffcPro; */
    font-weight: 700
  }

  .section5 .con5-param-desc[data-v-c7bde790] {
    position: absolute;
    top: 1.093333rem;
    color: #d1d3d3;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    width: 100%
  }

  .section5 .con5-bottom[data-v-c7bde790] {
    height: 3.533333rem;
    padding-bottom: 2.386667rem;
    width: 100%;
    overflow: hidden;
    position: relative
  }

  .section5 .con5-bottom-bg[data-v-c7bde790] {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%)
  }

  .section7[data-v-c7bde790] {
    margin-bottom: 1.6rem
  }

  .section7 .con7-top[data-v-c7bde790] {
    display: table;
    margin-top: 1.6rem;
    background-color: #f0f2f7;
    width: 13.333333rem;
    overflow: hidden;
    font-size: 0;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }

  .section7 .con7-top-left[data-v-c7bde790], .section7 .con7-top-right[data-v-c7bde790] {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 0
  }

  .section7 .con7-top-right[data-v-c7bde790] {
    text-align: right;
    padding: .48rem .8rem .2rem 0
  }

  .section7 .con7-top-left-img[data-v-c7bde790] {
    width: 1.173333rem;
    display: inline-block;
    padding-left: 1.4rem;
    vertical-align: middle
  }

  .section7 .con7-top-left-title[data-v-c7bde790] {
    display: inline-block;
    padding: 0 0 0 .426667rem;
    font-size: 16px;
    line-height: 21px;
    vertical-align: middle;
    color: #333
  }

  .section7 .con7-top-right-item[data-v-c7bde790] {
    padding-bottom: .28rem
  }

  .section7 .con7-top-right-title[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    text-align: right;
    display: inline-block;
    padding: 0 .426667rem 0 0;
    vertical-align: top
  }

  .section7 .con7-top-right-desc[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 3.333333rem;
    text-align: left
  }

  .section7 .con7-bottom[data-v-c7bde790] {
    margin-top: .266667rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 13.333333rem;
    overflow: hidden
  }

  .section7 .con7-bottom-left[data-v-c7bde790], .section7 .con7-bottom-right[data-v-c7bde790] {
    background-color: #f0f2f7;
    width: 6.533333rem;
    height: 2.4rem;
    line-height: 2.4rem;
    float: left;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle
  }

  .section7 .con7-bottom-right[data-v-c7bde790] {
    float: right
  }

  .section7 .con7-bottom-img[data-v-c7bde790] {
    width: 1.173333rem;
    height: 1.173333rem;
    display: inline-block;
    vertical-align: middle
  }

  .section7 .con7-bottom-left-img[data-v-c7bde790] {
    padding-left: 1.4rem
  }

  .section7 .con7-bottom-right-img[data-v-c7bde790] {
    padding-left: 1.613333rem
  }

  .section7 .con7-content[data-v-c7bde790] {
    display: inline-block;
    padding-left: .426667rem;
    width: 2.133333rem;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
  }

  .section7 .con7-bottom-title[data-v-c7bde790] {
    text-align: left;
    padding: 0;
    color: #333;
    line-height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Semibold
  }

  .section7 .con7-bottom-desc[data-v-c7bde790] {
    width: auto;
    text-align: left;
    color: #333;
    line-height: 28px;
    font-size: 15px;
    font-weight: 400;
    padding-top: .2rem
  }

  .section8[data-v-c7bde790] {
    background-color: #f0f2f7
  }

  .section8 .con8-title[data-v-c7bde790] {
    color: #333;
    padding-top: 0
  }

  .section8 .con8-desc[data-v-c7bde790] {
    position: relative;
    z-index: 2;
    color: #333
  }

  .section8 #con8-top1[data-v-c7bde790] {
    position: absolute;
    top: 6.666667rem
  }

  .section8 #con8-top2[data-v-c7bde790] {
    position: absolute;
    top: 20rem
  }

  .section8 .con8-pic-box[data-v-c7bde790] {
    position: relative;
    height: 11.466667rem;
    width: 100%;
    padding-bottom: 11.333333rem
  }

  .section8 .con8-img[data-v-c7bde790] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
  }

  .section8 .con8-bike2[data-v-c7bde790] {
    top: -1.56rem;
    height: 14.253333rem;
    opacity: 0;
    transition: all 1s
  }

  .section8 .con8-bike2.isShow[data-v-c7bde790] {
    opacity: 1
  }

  .section8 .con8-bike1[data-v-c7bde790] {
    top: -.533333rem;
    height: 11.466667rem;
    margin-left: .64rem;
    transition: all 1s;
    opacity: 0
  }

  .section8 .con8-bike1.isShow[data-v-c7bde790] {
    opacity: 1
  }

  .section8 .con8-inner-three[data-v-c7bde790] {
    z-index: 3;
    width: 15.773333rem;
    display: block;
    position: absolute;
    top: 12.16rem;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -4.46rem;
    overflow: hidden
  }

  .section8 .con8-inner-three-pc[data-v-c7bde790] {
    width: 100%;
    display: block;
    position: relative
  }

  .section8 .con8-inner-gray[data-v-c7bde790] {
    top: 75%;
    left: 80%;
    position: absolute;
    width: 12%;
    height: 10%;
    background-color: #666
  }

  .section8 .con8-inner-white[data-v-c7bde790] {
    position: absolute;
    width: 0;
    height: 10%;
    top: 75%;
    left: 80.4%;
    font-size: 0;
    background-color: #fff
  }

  .section9[data-v-c7bde790] {
    background-color: #f0f2f7
  }

  .section9 .con9-list[data-v-c7bde790] {
    color: #333;
    line-height: 56px;
    font-size: 40px;
    font-family: PingFangSC-Semibold;
    font-weight: 400;
    width: 9.333333rem;
    margin: 0 auto;
    padding-bottom: 1.866667rem;
    position: relative;
    z-index: 2
  }

  .section9 .con9-list-item[data-v-c7bde790] {
    text-align: center;
    padding-bottom: .133333rem
  }

  .section9 .con9-pic-item[data-v-c7bde790] {
    position: absolute;
    top: .533333rem;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 7.6rem;
    width: 5.6rem;
    height: 6.666667rem
  }

  .section9 .con9-battery[data-v-c7bde790] {
    width: 100%;
    height: 100%;
    display: block
  }

  .section9 .con9-choose[data-v-c7bde790] {
    width: 100%;
    position: relative;
    height: 18.266667rem;
    z-index: 1;
    overflow: hidden
  }

  .section9 .con9-choose-title[data-v-c7bde790] {
    color: #333;
    padding: 1.146667rem 0 0
  }

  .section9 .con9-choose-num[data-v-c7bde790] {
    color: #df001f;
    line-height: 312px;
    font-size: 288px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700;
    margin: 0 auto;
    max-width: 13.333333rem;
    display: flex
  }

  .section9 .con9-choose-num .con9-choose-shownum[data-v-c7bde790] {
    width: 50%;
    text-align: right;
    display: inline-block
  }

  .section9 .con9-choose-num .con9-choose-unit[data-v-c7bde790] {
    width: 50%;
    display: inline-block;
    text-align: left
  }

  .section9 .con9-choose-showdesc[data-v-c7bde790] {
    padding-top: .933333rem;
    width: 8rem;
    color: #333
  }

  .section9 .con9-branch[data-v-c7bde790] {
    width: 13.333333rem;
    margin: 0 auto;
    background-color: #f0f2f7;
    padding-bottom: 1.2rem
  }

  .section9 .con9-branch-bottom[data-v-c7bde790] {
    overflow: hidden;
    margin-bottom: .266667rem
  }

  .section9 .con9-branch-bottom-left[data-v-c7bde790], .section9 .con9-branch-bottom-right[data-v-c7bde790] {
    background-color: hsla(0, 0%, 100%, .5);
    width: 6.533333rem;
    height: 2.4rem;
    line-height: 2.4rem;
    float: left;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle
  }

  .section9 .con9-branch-bottom-right[data-v-c7bde790] {
    float: right
  }

  .section9 .con9-branch-bottom-img[data-v-c7bde790] {
    width: 1.173333rem;
    height: 1.173333rem;
    display: inline-block;
    vertical-align: middle
  }

  .section9 .con9-branch-bottom-left-img[data-v-c7bde790] {
    padding-left: 1.8rem
  }

  .section9 .con9-branch-bottom-right-img[data-v-c7bde790] {
    padding-left: 1.2rem
  }

  .section9 .con9-branch-content[data-v-c7bde790] {
    display: inline-block;
    width: 6.666667rem;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
  }

  .section9 .con9-branch-short-content[data-v-c7bde790] {
    width: 2.773333rem !important
  }

  .section9 .con9-branch-bottom-title[data-v-c7bde790] {
    color: #333;
    line-height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    font-weight: 400;
    padding: 0;
    text-align: left
  }

  .section9 .con9-branch-bottom-desc[data-v-c7bde790] {
    color: #333;
    padding-top: .2rem;
    text-align: left
  }

  .section9 .con9-branch-top[data-v-c7bde790] {
    background-color: hsla(0, 0%, 100%, .5);
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 0
  }

  .section9 .con9-branch-top-icon[data-v-c7bde790] {
    width: 1.173333rem;
    height: 1.173333rem;
    display: inline-block;
    vertical-align: middle
  }

  .section9 .con9-branch-center[data-v-c7bde790] {
    overflow: hidden;
    height: 100%;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
  }

  .section9 .con9-branch-content[data-v-c7bde790] {
    padding-left: .426667rem
  }

  .section9 .con9-branch-top-title[data-v-c7bde790] {
    padding: 0;
    color: #333;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400
  }

  .section9 .con9-branch-top-desc[data-v-c7bde790] {
    padding-top: .186667rem;
    color: #333
  }

  .section9 .carTypeChoose2[data-v-c7bde790] {
    margin: 0 auto;
    width: 11.213333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .section9 .carTypeChoose2 .con12-select[data-v-c7bde790] {
    width: 1.96rem;
    display: flex;
    justify-content: flex-end
  }

  .section9 .selectWrap[data-v-c7bde790] {
    /* font-family: DINOffcPro-Bold; */
    width: 247px;
    display: flex;
    border: 1px solid #000;
    box-sizing: border-box
  }

  .section9 .selectWrap .selectText[data-v-c7bde790] {
    height: 50px;
    font-size: 20px;
    flex: 1;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 50px
  }

  .section10[data-v-c7bde790] {
    position: relative;
    text-align: center;
    padding-bottom: 100px
  }

  .section10 .c10-bg-1[data-v-c7bde790] {
    transform: translateX(-100%)
  }

  .section10 .c10-bg-1[data-v-c7bde790], .section10 .c10-bg-2[data-v-c7bde790] {
    background: url(img/570bc0d.svg) 50% no-repeat;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    width: 12.8rem
  }

  .section10 .c10-bg-2[data-v-c7bde790] {
    transform: translateX(0)
  }

  .section10 .c10-title[data-v-c7bde790] {
    color: #333
  }

  .section10 .c10_battery[data-v-c7bde790] {
    width: 1000px;
    font-size: 0;
    margin: 0 auto;
    word-spacing: 0
  }

  .section10 .c10_battery li[data-v-c7bde790] {
    width: 130px;
    height: 102px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: bottom
  }

  .section10 .c10_battery li img[data-v-c7bde790] {
    display: block;
    width: 53px;
    height: 53px;
    overflow: hidden;
    margin: 0 auto 5px
  }

  .section10 .c10_battery li[data-v-c7bde790]:nth-child(7), .section10 .c10_battery li[data-v-c7bde790]:nth-child(14) {
    margin-right: 0
  }

  .section10 .c10_batIntro[data-v-c7bde790] {
    color: #333;
    line-height: 12px;
    font-size: 10px;
    font-weight: 400;
    display: block;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    text-align: center
  }

  .section11[data-v-c7bde790] {
    background: #f0f2f7;
    text-align: center
  }

  .section11 .con11-title[data-v-c7bde790] {
    color: #333;
    padding: 0 0 .84rem
  }

  .section11 .c11_contentScene[data-v-c7bde790] {
    width: 18.666667rem;
    height: 11.786667rem;
    position: relative;
    left: 50% !important;
    transform: translateX(-50%) !important
  }

  .section11 .c11_contentScene img[data-v-c7bde790] {
    position: absolute
  }

  .section11 .c11_contentScene img[data-v-c7bde790]:nth-child(n+2) {
    box-shadow: 0 .133333rem 1.066667rem 0 rgba(0, 0, 0, .1)
  }

  .section11 .c11_pic1[data-v-c7bde790] {
    width: 11.933333rem;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1
  }

  .section11 .c11_pic2[data-v-c7bde790] {
    width: 4.533333rem;
    left: 1.506667rem !important;
    top: 4.053333rem !important
  }

  .section11 .c11_pic3[data-v-c7bde790] {
    width: 4.533333rem;
    left: 12rem !important;
    top: 5.133333rem !important
  }

  .section11 .c11_pic4[data-v-c7bde790] {
    width: 4.533333rem;
    left: 1.066667rem !important;
    top: 8.826667rem !important;
    z-index: 3
  }

  .section11 .c11_pic5[data-v-c7bde790] {
    width: 4.533333rem;
    left: 13.066667rem !important;
    top: 8.266667rem !important;
    z-index: 3
  }

  .section11 .c11_pic6[data-v-c7bde790] {
    width: 4.533333rem;
    left: 5.573333rem !important;
    top: 6.306667rem !important;
    z-index: 3
  }

  .section12[data-v-c7bde790] {
    position: relative;
    background: #0d0d0d;
    text-align: center
  }

  .section12 .c12-desc[data-v-c7bde790] {
    padding-bottom: 1.32rem
  }

  .section12 .c12_motoVideo[data-v-c7bde790] {
    position: relative
  }

  .section12 .Dashboard[data-v-c7bde790] {
    height: 9.466667rem;
    background: url(img/3696975.png) no-repeat top;
    background-size: auto 100%;
    position: relative;
    z-index: 2
  }

  .section12 .c12_motoVideo img[data-v-c7bde790] {
    position: absolute;
    opacity: 0
  }

  .section12 .c12_yibiao.showTab0[data-v-c7bde790], .section12 .c12_yibiao.showTab1[data-v-c7bde790] {
    display: block
  }

  .section12 .c12_motoVideo .showTab2[data-v-c7bde790] {
    opacity: 1;
    transition: all .2s
  }

  .section12 .c12poster1[data-v-c7bde790] {
    left: 50%;
    transform: translateX(-51%);
    top: 1.906667rem
  }

  .section12 .c12_motoVideo .c12kedu[data-v-c7bde790] {
    width: 12.866667rem;
    left: 50%;
    transform: translateX(-51.5%);
    top: 1.093333rem;
    z-index: 5
  }

  .section12 .c12_yibiao[data-v-c7bde790] {
    width: 7rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1.906667rem;
    z-index: 1;
    display: none;
    -webkit-animation: fadeIn .2s ease-in-out;
            animation: fadeIn .2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards
  }

  .section12 .c12_switchBtn[data-v-c7bde790] {
    position: absolute;
    height: 48px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    color: #d1d3d3;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    top: 6.2rem;
    box-sizing: border-box;
    transition: opacity .3s ease-out
  }

  .section12 .c12_switchBtn li[data-v-c7bde790] {
    display: inline-block;
    box-sizing: border-box;
    height: 48.5px;
    cursor: pointer
  }

  .section12 .c12_switchBtn li[data-v-c7bde790]:hover {
    opacity: .6
  }

  .section12 .c12_switchBtn .c12_currentCheck[data-v-c7bde790]:hover {
    opacity: 1
  }

  .section12 .c12_switchBtn li[data-v-c7bde790]:nth-child(2) {
    margin-left: .873333rem
  }

  .section12 .c12_currentCheck[data-v-c7bde790] {
    border-bottom: 2px solid #df001f;
    color: #eee;
    font-family: PingFangSC-Semibold;
    font-weight: 700
  }

  .section12 .c12_dashboardDetail[data-v-c7bde790] {
    width: 8rem;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    position: absolute;
    bottom: .266667rem
  }

  .section13[data-v-c7bde790] {
    background: url(img/f39548d.jpg) no-repeat 50%;
    background-size: cover
  }

  .section13 .con13-box[data-v-c7bde790] {
    height: 15.826667rem
  }

  .section14[data-v-c7bde790] {
    padding-bottom: 1.333333rem
  }

  .section14 .c14-title[data-v-c7bde790] {
    padding-bottom: 1.6rem;
    color: #333
  }

  .section14 .c14_imgList[data-v-c7bde790] {
    width: 13.333333rem;
    font-size: 0
  }

  .section14 .c14_imgList li[data-v-c7bde790] {
    display: inline-block;
    position: relative
  }

  .section14 .c14_imgList img[data-v-c7bde790]:first-child {
    margin-bottom: .266667rem
  }

  .section14 .c14_imgList li[data-v-c7bde790]:nth-child(2) {
    margin-right: .253333rem;
    width: 6.533333rem
  }

  .section14 .c14_imgList li:first-child img[data-v-c7bde790] {
    width: 13.333333rem
  }

  .section14 .c14_imgList li:nth-child(2) img[data-v-c7bde790], .section14 .c14_imgList li:nth-child(3) img[data-v-c7bde790] {
    width: 6.533333rem
  }

  .section14 .c14_imgListIntro[data-v-c7bde790] {
    position: absolute;
    bottom: .666667rem;
    width: 100%;
    text-align: center;
    left: 0;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section15[data-v-c7bde790] {
    background: #000
  }

  .section15 .con15-title[data-v-c7bde790] {
    padding: 0
  }

  .section15 .c15_che[data-v-c7bde790] {
    height: 14.4rem;
    background: url(img/4b7f530.jpg) no-repeat top;
    background-size: auto 100%;
    margin-top: .533333rem
  }

  .section15 .c15_card[data-v-c7bde790] {
    width: 20.92rem;
    height: 9.613333rem;
    background: url(img/b39dff7.jpg) no-repeat 0;
    background-size: auto 100%;
    position: relative;
    left: 50%;
    transform: translateX(-12.786667rem)
  }

  .section15 .c15_cpuList[data-v-c7bde790] {
    margin-bottom: 1.6rem;
    text-align: center
  }

  .section15 .c15_cpuList li[data-v-c7bde790] {
    display: inline-block;
    color: #eee
  }

  .section15 .c15_cpuList li[data-v-c7bde790]:nth-child(2) {
    margin: 0 3.4rem 0 2.613333rem
  }

  .section15 .c15_cpuList li p[data-v-c7bde790] {
    font-size: 0
  }

  .section15 .c15_cpuList li p[data-v-c7bde790]:first-child {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    height: .853333rem;
    text-align: center;
    display: flex;
    align-items: flex-end;
    padding-bottom: .426667rem
  }

  .section15 .c15_cpuList li p:first-child.text-right[data-v-c7bde790] {
    justify-content: flex-end
  }

  .section15 .c15_cpuList li p[data-v-c7bde790]:nth-child(2) {
    font-size: 16px
  }

  .section15 .c15_big[data-v-c7bde790] {
    font-size: 64px;
    height: 64px;
    line-height: 64px
  }

  .section15 .c15_float1[data-v-c7bde790], .section15 .c15_float2[data-v-c7bde790] {
    padding: 0 0 .093333rem .066667rem
  }

  .section16[data-v-c7bde790] {
    height: 10.666667rem;
    background: url(img/ad2b2a2.jpg) no-repeat 50%;
    background-size: cover
  }

  .section17[data-v-c7bde790] {
    background: #f0f2f7
  }

  .section17 .con17-desc[data-v-c7bde790], .section17 .con17-title[data-v-c7bde790] {
    color: #333
  }

  .section17 .c17_picAnimate[data-v-c7bde790] {
    height: 12.253333rem;
    position: relative;
    width: 16.573333rem;
    font-size: 0;
    left: 50%;
    transform: translateX(-50%) !important
  }

  .section17 .c17_picAnimate img[data-v-c7bde790] {
    position: absolute
  }

  .section17 .c17_pic1[data-v-c7bde790] {
    width: 456px;
    left: 391px !important;
    top: 236px !important
  }

  .section17 .c17_pic2[data-v-c7bde790] {
    width: 391px;
    left: 177px !important;
    top: 68px !important
  }

  .section17 .c17_pic4[data-v-c7bde790] {
    width: 393px;
    left: 0 !important;
    top: 323px !important
  }

  .section17 .c17_pic3[data-v-c7bde790] {
    width: 391px;
    left: 672px !important;
    top: 171px !important
  }

  .section17 .c17_pic5[data-v-c7bde790] {
    width: 391px;
    left: 847px !important;
    top: 346px !important
  }

  .section17 .c17_pic6[data-v-c7bde790] {
    width: 540px;
    left: 355px !important;
    top: 530px !important
  }

  .section18[data-v-c7bde790] {
    padding-bottom: 2.933333rem
  }

  .section18 .c18-title[data-v-c7bde790] {
    padding-bottom: 1.64rem;
    color: #333
  }

  .section18 .el-row[data-v-c7bde790] {
    width: 13.333333rem;
    position: relative;
    transform: translateX(-50%);
    left: 50%
  }

  .section18 .el-row.first-row[data-v-c7bde790] {
    margin-bottom: .266667rem
  }

  .section18 .grid-content[data-v-c7bde790] {
    width: 100%;
    height: 2.4rem;
    background: #f0f2f7;
    line-height: 2.4rem;
    text-align: left;
    box-sizing: border-box;
    padding-left: .8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-box-lines: multiple
  }

  .section18 .grid-content img[data-v-c7bde790] {
    vertical-align: middle
  }

  .section18 .grid-content p[data-v-c7bde790] {
    text-align: left;
    color: #333;
    line-height: 33px;
    font-size: 16px;
    font-weight: 400;
    margin-left: .426667rem
  }

  .section18 .c18_paramsTitle[data-v-c7bde790] {
    font-family: PingFangSC-Semibold;
    font-weight: 600
  }

  .section19[data-v-c7bde790] {
    background: #f0f2f7;
    padding-bottom: 1.2rem
  }

  .section19 .con19-logo[data-v-c7bde790] {
    padding-top: .933333rem
  }

  .section19 .con19-desc[data-v-c7bde790], .section19 .con19-title[data-v-c7bde790] {
    color: #333;
    padding-top: 0
  }

  .section19 .c19_che[data-v-c7bde790] {
    margin-top: .746667rem;
    position: relative;
    width: 14.48rem;
    left: 50%;
    transform: translateX(-50%) !important
  }

  .section19 .c19_che img[data-v-c7bde790] {
    width: 14.48rem
  }

  .section19 .c22_gpsList[data-v-c7bde790] {
    width: 13.333333rem;
    margin: 1.2rem auto 1.6rem;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-lines: multiple
  }

  .section19 .c22_gpsList li[data-v-c7bde790] {
    color: #333
  }

  .section19 .c22_gpsList li p[data-v-c7bde790] {
    text-align: center
  }

  .section19 .c22_gpsList li p[data-v-c7bde790]:first-child {
    /* font-family: DINOffcPro-Bold; */
    font-weight: 600;
    font-size: .426667rem;
    line-height: 1.5
  }

  .section19 .c22_gpsList li p[data-v-c7bde790]:nth-child(2) {
    font-size: .213333rem
  }

  .section20[data-v-c7bde790] {
    height: 10.666667rem;
    background: url(img/6090e5e.jpg) no-repeat 50%;
    background-size: cover
  }

  .section21[data-v-c7bde790] {
    background: #000
  }

  .section21 .con21-desc[data-v-c7bde790] {
    padding-bottom: 1.08rem
  }

  .section21 .con21-mid[data-v-c7bde790] {
    background-size: auto 100%;
    padding-top: 10.64rem;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    overflow: hidden
  }

  .section21 .con21-footImg[data-v-c7bde790] {
    overflow: hidden;
    height: 11.333333rem;
    position: relative;
    z-index: 0
  }

  .section22[data-v-c7bde790] {
    padding-bottom: .8rem
  }

  .section22 .con22-logo[data-v-c7bde790] {
    padding-bottom: .826667rem
  }

  .section22 .con22-title[data-v-c7bde790] {
    color: #333;
    padding-top: 0
  }

  .section22 .con22-desc[data-v-c7bde790] {
    color: #333;
    padding-bottom: .533333rem
  }

  .section22 .con22_che img[data-v-c7bde790] {
    display: block;
    width: 1160px;
    height: 825px;
    overflow: hidden
  }

  .section23[data-v-c7bde790] {
    height: 10.666667rem;
    background: url(img/0e83628.jpg) no-repeat 50%;
    background-size: cover
  }

  .section24[data-v-c7bde790] {
    height: 16.546667rem;
    background-color: #f0f2f7;
    z-index: 0
  }

  .section24 .con24-title[data-v-c7bde790] {
    color: #333;
    padding-top: 10.546667rem;
    padding-bottom: .666667rem;
    margin: 0 auto
  }

  .section24 .con24-desc[data-v-c7bde790] {
    color: #333;
    margin: 0 auto
  }

  .section24 .con24-img[data-v-c7bde790] {
    width: 840px;
    height: 965px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
  }

  .section24 .con24-size[data-v-c7bde790] {
    padding-top: .933333rem;
    text-align: center;
    height: .853333rem;
    padding-bottom: .24rem;
    color: #333;
    line-height: 64px;
    font-size: 64px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400
  }

  .section24 .con24-sizeNum[data-v-c7bde790] {
    font-size: 64px
  }

  .section24 .con24-unit[data-v-c7bde790] {
    font-size: 20px;
    font-family: PingFangSC-Semibold;
    font-weight: 600
  }

  .section24 .con24-waterHeight[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .ispc[data-v-c7bde790] {
    display: none;
    overflow: hidden
  }

  .ismob[data-v-c7bde790] {
    display: block
  }

  .main[data-v-c7bde790] {
    width: 8.933333rem;
    margin: 0 auto
  }

  [class$=title][data-v-c7bde790] {
    color: #eee;
    line-height: 50px;
    font-size: 36px;
    /* font-family: DINOffcPro-Bold; */
    text-align: center;
    padding-top: 1.333333rem;
    padding-bottom: 1.333333rem;
    max-width: 8.933333rem
  }

  [class$=desc][data-v-c7bde790] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    max-width: 8.933333rem;
    word-spacing: 0
  }

  [class$=logo][data-v-c7bde790] {
    padding: 1.333333rem 0 1.546667rem;
    height: 1.6rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    /* font-family: DINOffcPro; */
    font-weight: 700;
    text-align: center;
    width: 8.933333rem;
    margin: 0 auto
  }

  [class$=logo] [class$=title-two][data-v-c7bde790] {
    font-size: 24px;
    padding-left: .133333rem
  }

  [class$=img-bg][data-v-c7bde790] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
  }

  .section2 .con2-title[data-v-c7bde790] {
    padding-top: 42px;
    color: #333
  }

  .section2 .con2-desc[data-v-c7bde790] {
    color: #333;
    padding-bottom: 50px
  }

  .section3[data-v-c7bde790] {
    background-color: #f0f2f7
  }

  .section3 .main[data-v-c7bde790] {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section3 .con3-title[data-v-c7bde790] {
    padding-top: 0;
    color: #333;
    width: 8.4rem
  }

  .section3 .con3-desc[data-v-c7bde790] {
    color: #333;
    width: 8.4rem
  }

  .section3 .con3-content[data-v-c7bde790] {
    position: relative;
    width: 100%;
    height: 7.68rem;
    overflow: hidden;
    margin-top: 2.186667rem;
    padding-bottom: 1.093333rem
  }

  .section3 .svg-box[data-v-c7bde790] {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: url(#svg-path-mobile);
            clip-path: url(#svg-path-mobile)
  }

  .section3 .svg-video-container[data-v-c7bde790] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
  }

  .section3 .svg-video-container .svg-video[data-v-c7bde790] {
    width: 100%;
    height: 100%
  }

  .section3 .svg-video-container #mobile-svg-video[data-v-c7bde790] {
    height: 100%
  }

  .section3 .svg-video-container img[data-v-c7bde790] {
    width: 100%;
    height: 100%
  }

  .section3 .svg[data-v-c7bde790] {
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700;
    width: 100%;
    height: 100%;
    font-size: 3.84rem;
    text-anchor: middle
  }

  .section4[data-v-c7bde790] {
    padding-bottom: 15.84rem;
    background: url(img/bb2b462.jpg) no-repeat bottom;
    background-size: auto 15.84rem
  }

  .section4 .con4-box[data-v-c7bde790] {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section4 .con4-title[data-v-c7bde790] {
    color: #333
  }

  .section4 .con4-desc[data-v-c7bde790] {
    color: #333;
    padding-bottom: 1.333333rem
  }

  .section5[data-v-c7bde790] {
    background-color: #000
  }

  .section5 .con5-top[data-v-c7bde790] {
    height: 12.24rem
  }

  .section5 .con5-top-pic[data-v-c7bde790] {
    height: 100%;
    position: relative;
    right: 260px;
    top: 0;
    display: block
  }

  .section5 .con5-param[data-v-c7bde790] {
    padding-bottom: 2.853333rem;
    text-align: center
  }

  .section5 .con5-param-title[data-v-c7bde790] {
    color: #eee;
    line-height: 82px;
    font-size: 64px;
    /* font-family: DINOffcPro; */
    font-weight: 700;
    padding: 0;
    display: inline-block
  }

  .section5 .con5-param-Symbol[data-v-c7bde790] {
    display: inline-block;
    color: #eee;
    line-height: 20px;
    font-size: 20px;
    /* font-family: DINOffcPro; */
    font-weight: 700
  }

  .section5 .con5-param-desc[data-v-c7bde790] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    max-width: 10rem
  }

  .section5 .con5-bottom[data-v-c7bde790] {
    padding-bottom: 1.333333rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
  }

  .section5 .con5-bottom-bg[data-v-c7bde790] {
    position: absolute;
    top: 0;
    height: 3.52rem;
    left: 50%;
    transform: translateX(-50%)
  }

  .section5 .con5-bottom-title[data-v-c7bde790] {
    padding-top: 1.44rem
  }

  .section5 .con5-bottom-desc[data-v-c7bde790] {
    width: 8.4rem
  }

  .section7[data-v-c7bde790] {
    margin-bottom: 1.066667rem;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section7 .con7-top[data-v-c7bde790] {
    margin: .533333rem 0;
    background-color: #f0f2f7;
    width: 8.933333rem;
    font-size: 0
  }

  .section7 .con7-top-left[data-v-c7bde790] {
    text-align: center
  }

  .section7 .con7-top-left-img[data-v-c7bde790] {
    padding-top: 1.333333rem;
    width: 2.346667rem
  }

  .section7 .con7-top-left-title[data-v-c7bde790] {
    padding: .533333rem 0;
    font-size: 16px;
    line-height: 21px;
    color: #333
  }

  .section7 .con7-top-right[data-v-c7bde790] {
    padding-bottom: .8rem
  }

  .section7 .con7-top-right-item[data-v-c7bde790] {
    padding-bottom: .533333rem
  }

  .section7 .con7-top-right-title[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    padding: 0 .426667rem 0 0;
    vertical-align: top
  }

  .section7 .con7-top-right-desc[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section7 .con7-bottom[data-v-c7bde790] {
    overflow: hidden;
    width: 8.933333rem
  }

  .section7 .con7-bottom-left[data-v-c7bde790], .section7 .con7-bottom-right[data-v-c7bde790] {
    margin-bottom: .533333rem;
    text-align: center;
    background-color: #f0f2f7;
    padding: 1.333333rem 0
  }

  .section7 .con7-bottom-right[data-v-c7bde790] {
    margin-bottom: 0
  }

  .section7 .con7-bottom-img[data-v-c7bde790] {
    width: 88px;
    height: 88px
  }

  .section7 .con7-content[data-v-c7bde790] {
    line-height: 0
  }

  .section7 .con7-bottom-title[data-v-c7bde790] {
    padding: .533333rem 0 0;
    color: #333;
    line-height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Semibold
  }

  .section7 .con7-bottom-desc[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section8[data-v-c7bde790] {
    background-color: #f0f2f7;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section8 .con8-logo[data-v-c7bde790] {
    padding-bottom: 1.466667rem
  }

  .section8 .con8-title[data-v-c7bde790] {
    width: 8.4rem;
    color: #333;
    padding-top: 0;
    font-size: .8rem
  }

  .section8 .con8-desc[data-v-c7bde790] {
    position: relative;
    z-index: 2;
    color: #333
  }

  .section8 #con8-top1[data-v-c7bde790] {
    position: absolute;
    top: 9.333333rem
  }

  .section8 #con8-top2[data-v-c7bde790] {
    position: absolute;
    bottom: 1.333333rem
  }

  .section8 .con8-pic-box[data-v-c7bde790] {
    position: relative;
    height: 14.266667rem;
    width: 100%;
    padding-bottom: 9.333333rem
  }

  .section8 .con8-img[data-v-c7bde790] {
    position: absolute;
    left: 38%;
    transform: translateX(-50%);
    z-index: 1
  }

  .section8 .con8-bike2[data-v-c7bde790] {
    top: -1.573333rem;
    height: 14.266667rem;
    opacity: 0;
    transition: all 1s
  }

  .section8 .con8-bike2.isShow[data-v-c7bde790] {
    opacity: 1
  }

  .section8 .con8-bike1[data-v-c7bde790] {
    top: -.533333rem;
    height: 11.466667rem;
    margin-left: .64rem;
    transition: all 1s;
    opacity: 0
  }

  .section8 .con8-bike1.isShow[data-v-c7bde790] {
    opacity: 1
  }

  .section8 .con8-inner-three[data-v-c7bde790] {
    height: 9.333333rem;
    width: 10rem;
    z-index: 3;
    position: absolute;
    top: 14.266667rem;
    overflow: hidden
  }

  .section8 .con8-inner-three-pc[data-v-c7bde790] {
    height: 100%;
    display: block;
    position: relative;
    left: 31%;
    transform: translateX(-50%)
  }

  .section8 .con8-inner-gray[data-v-c7bde790] {
    top: 75%;
    left: 78%;
    position: absolute;
    width: 20%;
    height: 10%;
    background-color: #666
  }

  .section8 .con8-inner-white[data-v-c7bde790] {
    position: absolute;
    width: 0;
    height: 10%;
    top: 75%;
    left: 78%;
    background-color: #fff
  }

  .section9[data-v-c7bde790] {
    background-color: #f0f2f7;
    padding-top: 1.253333rem
  }

  .section9 .con9-list[data-v-c7bde790] {
    color: #333;
    line-height: 1.3;
    font-size: 26px;
    font-family: PingFangSC-Semibold;
    font-weight: 400;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section9 .con9-list-item[data-v-c7bde790] {
    text-align: center;
    padding-bottom: .506667rem;
    width: 8.933333rem
  }

  .section9 .con9-pic-item[data-v-c7bde790] {
    position: relative;
    left: 94%;
    transform: translateX(-50%);
    width: 11.2rem;
    height: 13.333333rem
  }

  .section9 .con9-battery[data-v-c7bde790] {
    width: 100%;
    height: 100%;
    display: block
  }

  .section9 .con9-choose[data-v-c7bde790] {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section9 .con9-choose-img-bg[data-v-c7bde790] {
    z-index: -1;
    position: absolute;
    height: 18.266667rem;
    bottom: 0;
    left: 76%;
    top: auto;
    transform: translateX(-50%)
  }

  .section9 .con9-choose-title[data-v-c7bde790] {
    color: #333;
    padding: 0
  }

  .section9 .con9-choose-num[data-v-c7bde790] {
    width: 8.933333rem;
    padding: .72rem 0 .56rem;
    color: #df001f;
    line-height: 130px;
    font-size: 144px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 700
  }

  .section9 .con9-choose-num span[data-v-c7bde790] {
    display: block;
    width: 100%;
    text-align: center
  }

  .section9 .con9-choose-showdesc[data-v-c7bde790] {
    padding: .8rem 0 9.626667rem;
    width: 8.933333rem;
    color: #333
  }

  .section9 .con9-branch[data-v-c7bde790] {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section9 .con9-branch-bottom-left[data-v-c7bde790], .section9 .con9-branch-bottom-right[data-v-c7bde790], .section9 .con9-branch-center[data-v-c7bde790] {
    background-color: hsla(0, 0%, 100%, .5);
    width: 8.933333rem;
    padding: 1.333333rem 0;
    margin-bottom: .533333rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
  }

  .section9 .con9-branch-bottom-img[data-v-c7bde790] {
    width: 88px;
    height: 88px;
    overflow: hidden
  }

  .section9 .con9-branch-bottom-title[data-v-c7bde790], .section9 .con9-branch-top-title[data-v-c7bde790] {
    color: #333;
    line-height: 26px;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    font-weight: 400;
    padding: .533333rem 0 0
  }

  .section9 .con9-branch-bottom-desc[data-v-c7bde790], .section9 .con9-branch-top-desc[data-v-c7bde790] {
    color: #333;
    width: 6.266667rem
  }

  .section9 .con9-branch-top-icon[data-v-c7bde790] {
    width: 88px;
    height: 88px;
    overflow: hidden
  }

  .section9 .con9-branch-center[data-v-c7bde790] {
    padding: 1.333333rem 0
  }

  .section9 .carTypeChoose2[data-v-c7bde790] {
    width: 247px
  }

  .section9 .carTypeChoose2 .con12-select[data-v-c7bde790] {
    width: 147px;
    display: flex;
    justify-content: flex-end
  }

  .section9 .selectWrap[data-v-c7bde790] {
    /* font-family: DINOffcPro-Bold; */
    width: 247px;
    display: flex;
    border: 1px solid #000;
    box-sizing: border-box;
    margin-bottom: .533333rem
  }

  .section9 .selectWrap .selectText[data-v-c7bde790] {
    height: 50px;
    font-size: 20px;
    flex: 1;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 50px
  }

  .section10[data-v-c7bde790] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1.333333rem
  }

  .section10 .c10-bg-1[data-v-c7bde790] {
    top: -4.266667rem;
    left: -142%
  }

  .section10 .c10-bg-1[data-v-c7bde790], .section10 .c10-bg-2[data-v-c7bde790] {
    background: url(img/570bc0d.svg) 50% no-repeat;
    position: absolute;
    height: 100%;
    width: 25.6rem
  }

  .section10 .c10-bg-2[data-v-c7bde790] {
    top: 23%;
    left: 7%
  }

  .section10 .c10-title[data-v-c7bde790] {
    color: #333;
    max-width: 9.333333rem;
    text-align: left
  }

  .section10 .c10_battery[data-v-c7bde790] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .section10 .c10_battery li[data-v-c7bde790] {
    width: 1.866667rem;
    height: 1.92rem;
    font-size: 0;
    margin-bottom: .613333rem;
    margin-right: .533333rem;
    text-align: center
  }

  .section10 .c10_battery li[data-v-c7bde790]:nth-child(4), .section10 .c10_battery li[data-v-c7bde790]:nth-child(8), .section10 .c10_battery li[data-v-c7bde790]:nth-child(12) {
    margin-right: 0
  }

  .section10 .c10_battery li img[data-v-c7bde790] {
    display: block;
    width: 53px;
    height: 53px;
    overflow: hidden;
    margin: 0 auto 5px
  }

  .section10 .c10_batIntro[data-v-c7bde790] {
    color: #333;
    line-height: 1.2;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    word-spacing: 0
  }

  .section11[data-v-c7bde790] {
    background: #f0f2f7;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section11 .con11-title[data-v-c7bde790] {
    color: #333;
    padding: 0 0 1.333333rem
  }

  .section11 .c11_contentScene[data-v-c7bde790] {
    width: 18.666667rem;
    height: 11.786667rem;
    position: relative
  }

  .section11 .c11_contentScene img[data-v-c7bde790] {
    position: absolute
  }

  .section11 .c11_contentScene img[data-v-c7bde790]:nth-child(n+2) {
    box-shadow: 0 .133333rem 1.066667rem 0 rgba(0, 0, 0, .1)
  }

  .section11 .c11_pic1[data-v-c7bde790] {
    width: 11.933333rem;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1
  }

  .section11 .c11_pic2[data-v-c7bde790] {
    width: 4.533333rem;
    left: 70px !important;
    top: 4.053333rem !important
  }

  .section11 .c11_pic3[data-v-c7bde790] {
    width: 4.533333rem;
    left: 12rem !important;
    top: 173px !important
  }

  .section11 .c11_pic4[data-v-c7bde790] {
    width: 4.533333rem;
    left: 132px !important;
    top: 360px !important;
    z-index: 3
  }

  .section11 .c11_pic5[data-v-c7bde790] {
    width: 4.533333rem;
    left: 437px !important;
    top: 322px !important;
    z-index: 3
  }

  .section11 .c11_pic6[data-v-c7bde790] {
    width: 4.533333rem;
    left: 5.573333rem !important;
    top: 6.306667rem !important;
    z-index: 3
  }

  .section12[data-v-c7bde790] {
    position: relative;
    background: #0d0d0d;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2.506667rem
  }

  .section12 .c12-title[data-v-c7bde790] {
    width: 8.4rem;
    text-align: center;
    padding-left: .32rem
  }

  .section12 .c12-desc[data-v-c7bde790] {
    padding-bottom: 1.333333rem
  }

  .section12 .c12_motoVideo[data-v-c7bde790] {
    width: 100%;
    position: relative
  }

  .section12 .Dashboard[data-v-c7bde790] {
    height: 9.466667rem;
    background: url(img/3696975.png) no-repeat top;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section12 .c12_motoVideo img[data-v-c7bde790] {
    position: absolute;
    width: 8.266667rem
  }

  .section12 .c12_motoVideo .showTab2[data-v-c7bde790] {
    opacity: 1;
    transition: all .2s
  }

  .section12 .c12poster1[data-v-c7bde790] {
    left: 50%;
    transform: translateX(-51%);
    top: 1.906667rem;
    display: none
  }

  .section12 .c12poster1.showTab0[data-v-c7bde790], .section12 .c12poster1.showTab1[data-v-c7bde790] {
    display: block
  }

  .section12 .c12_motoVideo .c12kedu[data-v-c7bde790] {
    width: 12.866667rem;
    left: 50%;
    transform: translateX(-51.5%);
    top: 1.093333rem;
    z-index: 5
  }

  .section12 .c12_yibiao[data-v-c7bde790] {
    display: none
  }

  .section12 .c12_switchBtn[data-v-c7bde790] {
    position: absolute;
    height: 48px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    color: #d1d3d3;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    top: 6.2rem;
    box-sizing: border-box;
    transition: opacity .3s ease-out
  }

  .section12 .c12_switchBtn li[data-v-c7bde790] {
    display: inline-block;
    box-sizing: border-box;
    height: 48.5px;
    cursor: pointer
  }

  .section12 .c12_switchBtn li[data-v-c7bde790]:nth-child(2) {
    margin-left: 1.706667rem
  }

  .section12 .c12_currentCheck[data-v-c7bde790] {
    border-bottom: 2px solid #df001f;
    color: #eee;
    font-family: PingFangSC-Semibold;
    font-weight: 600
  }

  .section12 .c12_dashboardDetail[data-v-c7bde790] {
    line-height: 20px;
    width: 8.933333rem;
    font-size: 14px;
    color: #999;
    position: absolute;
    bottom: -1.173333rem
  }

  .section13[data-v-c7bde790] {
    padding-bottom: 13.333333rem;
    background: url(img/f39548d.jpg) no-repeat bottom;
    background-size: auto 13.333333rem
  }

  .section13 .con13-box[data-v-c7bde790] {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section13 .con13-title[data-v-c7bde790] {
    color: #333;
    text-align: center;
    padding-left: .32rem
  }

  .section13 .con13-desc[data-v-c7bde790] {
    padding-bottom: 1.333333rem;
    color: #333
  }

  .section14[data-v-c7bde790] {
    padding-bottom: 1.333333rem;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section14 .c14-title[data-v-c7bde790] {
    color: #333
  }

  .section14 .c14_imgList[data-v-c7bde790] {
    width: 8.933333rem
  }

  .section14 .c14_imgList li[data-v-c7bde790] {
    position: relative;
    width: 100%;
    height: 8.933333rem;
    margin-bottom: .533333rem
  }

  .section14 .c14_imgList li[data-v-c7bde790]:last-child {
    margin-bottom: 0
  }

  .section14 .c14_imgList img[data-v-c7bde790] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover
  }

  .section14 .c14_imgListIntro[data-v-c7bde790] {
    position: absolute;
    bottom: .533333rem;
    width: 100%;
    text-align: center;
    left: 0;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400
  }

  .section14 .btnWrap[data-v-c7bde790] {
    width: 175px
  }

  .section15[data-v-c7bde790] {
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section15 .con15-title[data-v-c7bde790] {
    padding: 0 0 1.333333rem
  }

  .section15 .c15_che[data-v-c7bde790] {
    height: 14.4rem;
    width: 100%;
    background: url(img/4b7f530.jpg) no-repeat top;
    background-size: auto 100%;
    background-position: 44%
  }

  .section15 .c15-2-title[data-v-c7bde790] {
    padding-top: 0
  }

  .section15 .c15-2-desc[data-v-c7bde790] {
    padding-bottom: .533333rem
  }

  .section15 .c15_card[data-v-c7bde790] {
    width: 10rem;
    height: 9.626667rem;
    background: url(img/b39dff7.jpg) no-repeat;
    background-size: cover;
    background-position: 72%
  }

  .section15 .c15_cpuList[data-v-c7bde790] {
    text-align: center
  }

  .section15 .c15_cpuList li[data-v-c7bde790] {
    color: #eee;
    margin-bottom: 1.333333rem
  }

  .section15 .c15_cpuList li[data-v-c7bde790]:last-child {
    margin-bottom: 1.493333rem
  }

  .section15 .c15_cpuList li p[data-v-c7bde790]:first-child {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    padding-bottom: 18px
  }

  .section15 .c15_cpuList li p[data-v-c7bde790]:nth-child(2) {
    font-size: 16px;
    line-height: 28px
  }

  .section15 .c15_big[data-v-c7bde790] {
    font-size: 64px
  }

  .section15 .c15_float1[data-v-c7bde790], .section15 .c15_float2[data-v-c7bde790] {
    padding: 0 0 .093333rem .066667rem
  }

  .section16[data-v-c7bde790] {
    height: 10.666667rem;
    background: url(img/ad2b2a2.jpg) no-repeat 50%;
    background-size: cover
  }

  .section17[data-v-c7bde790] {
    background: #f0f2f7;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section17 .con17-desc[data-v-c7bde790], .section17 .con17-title[data-v-c7bde790] {
    color: #333
  }

  .section17 .c17_picAnimate[data-v-c7bde790] {
    height: 12.253333rem;
    position: relative;
    width: 16.573333rem;
    font-size: 0
  }

  .section17 .c17_picAnimate img[data-v-c7bde790] {
    position: absolute
  }

  .section17 .c17_pic1[data-v-c7bde790] {
    width: 6.08rem;
    left: 5.213333rem !important;
    top: 3.146667rem !important
  }

  .section17 .c17_pic2[data-v-c7bde790] {
    width: 5.213333rem;
    left: 2.36rem !important;
    top: .906667rem !important
  }

  .section17 .c17_pic4[data-v-c7bde790] {
    width: 5.24rem;
    left: 0 !important;
    top: 4.306667rem !important
  }

  .section17 .c17_pic3[data-v-c7bde790] {
    width: 5.213333rem;
    left: 8.96rem !important;
    top: 2.28rem !important
  }

  .section17 .c17_pic5[data-v-c7bde790] {
    width: 5.213333rem;
    left: 11.293333rem !important;
    top: 4.613333rem !important
  }

  .section17 .c17_pic6[data-v-c7bde790] {
    width: 7.253333rem;
    left: 4.733333rem !important;
    top: 7.066667rem !important
  }

  .section18[data-v-c7bde790] {
    padding-bottom: 1.6rem;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section18 .c18-title[data-v-c7bde790] {
    padding-bottom: 1.64rem;
    color: #333
  }

  .section18 .el-row[data-v-c7bde790] {
    width: 8.933333rem
  }

  .section18 .el-row.first-row[data-v-c7bde790] {
    margin-bottom: .266667rem
  }

  .section18 .grid-content[data-v-c7bde790] {
    background: #f0f2f7;
    width: 100%;
    padding: 1.333333rem 0;
    box-sizing: border-box;
    margin-bottom: .533333rem;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section18 .grid-content img[data-v-c7bde790] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-bottom: .533333rem
  }

  .section18 .grid-content p[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center
  }

  .section18 .c18_paramsTitle[data-v-c7bde790] {
    font-family: PingFangSC-Semibold;
    font-weight: 600
  }

  .section19[data-v-c7bde790] {
    background: #f0f2f7;
    padding-bottom: 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section19 .con19-logo[data-v-c7bde790] {
    padding-top: .933333rem
  }

  .section19 .con19-desc[data-v-c7bde790], .section19 .con19-title[data-v-c7bde790] {
    color: #333;
    padding-top: 0
  }

  .section19 .c19_che[data-v-c7bde790] {
    padding-top: 1.333333rem
  }

  .section19 .c19_che img[data-v-c7bde790] {
    height: 10rem
  }

  .section19 .c22_gpsList[data-v-c7bde790] {
    width: 100%;
    margin: 2.24rem auto 0;
    text-align: center
  }

  .section19 .c22_gpsList li[data-v-c7bde790] {
    color: #333;
    margin-bottom: 1.28rem
  }

  .section19 .c22_gpsList li p[data-v-c7bde790] {
    text-align: center
  }

  .section19 .c22_gpsList li p[data-v-c7bde790]:first-child {
    /* font-family: DINOffcPro-Bold; */
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5
  }

  .section19 .c22_gpsList li p[data-v-c7bde790]:nth-child(2) {
    font-size: 16px;
    line-height: 1.5
  }

  .section20[data-v-c7bde790] {
    height: 10.666667rem;
    background: url(img/6090e5e.jpg) no-repeat 50%;
    background-size: cover
  }

  .section21[data-v-c7bde790] {
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section21 .con21-title[data-v-c7bde790] {
    max-width: 9.12rem
  }

  .section21 .con21-desc[data-v-c7bde790] {
    padding-bottom: 1.333333rem
  }

  .section21 .con21-mid[data-v-c7bde790] {
    padding-top: 13.6rem;
    padding-bottom: 1.333333rem;
    position: relative;
    z-index: 0
  }

  .section21 .con21-mid .con21-mid-title[data-v-c7bde790] {
    padding-top: 0
  }

  .section21 .con21-mid .con21-img-bg[data-v-c7bde790] {
    height: 14.933333rem
  }

  .section21 .con21-footImg[data-v-c7bde790] {
    width: 100%;
    height: 11.333333rem;
    position: relative;
    z-index: 0
  }

  .section22[data-v-c7bde790] {
    padding-bottom: .533333rem;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .section22 .con22-title[data-v-c7bde790] {
    color: #333;
    padding-top: 0
  }

  .section22 .con22-desc[data-v-c7bde790] {
    color: #333;
    padding-bottom: 1.333333rem
  }

  .section22 .con22_che img[data-v-c7bde790] {
    display: block;
    height: 11.013333rem
  }

  .section23[data-v-c7bde790] {
    height: 10.666667rem;
    background: url(img/0e83628.jpg) no-repeat 50%;
    background-size: cover
  }

  .section24[data-v-c7bde790] {
    background-color: #f0f2f7;
    z-index: 0
  }

  .section24 .con24-title[data-v-c7bde790] {
    color: #333;
    padding-top: 11.6rem
  }

  .section24 .con24-desc[data-v-c7bde790] {
    color: #333;
    margin: 0 auto
  }

  .section24 .con24-img[data-v-c7bde790] {
    height: 12.88rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
  }

  .section24 .con24-size[data-v-c7bde790] {
    padding-top: 1.333333rem;
    text-align: center;
    height: 64px;
    padding-bottom: 18px;
    color: #333;
    line-height: 64px;
    font-size: 64px;
    /* font-family: DINOffcPro-Bold; */
    font-weight: 400
  }

  .section24 .con24-sizeNum[data-v-c7bde790] {
    font-size: 64px
  }

  .section24 .con24-unit[data-v-c7bde790] {
    font-size: 20px;
    font-family: PingFangSC-Semibold;
    font-weight: 600
  }

  .section24 .con24-waterHeight[data-v-c7bde790] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.52rem
  }
}

section.con[data-v-c7bde790] {
  position: relative;
  width: 100%;
  overflow: hidden
}

.section6[data-v-c7bde790] {
  height: 10.666667rem;
  background: url(img/432c136.png) no-repeat 50%;
  background-size: cover
}

#section1 .section1-first[data-v-0f4a1535] {
  background-color: #010000;
  position: relative;
  text-align: center;
  box-sizing: border-box
}

#section1 .section1-first .section1-text[data-v-0f4a1535] {
  position: absolute;
  top: 8.125vw;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 3.125vw;
  line-height: 1.2;
  color: #fff
}

@media screen and (max-width:768px) {
  #section1 .section1-first .section1-text[data-v-0f4a1535] {
    font-size: 1.066667rem;
    top: 1.6rem
  }
}

#section1 .section1-second[data-v-0f4a1535] {
  position: relative
}

#section1 .section1-second img[data-v-0f4a1535] {
  display: block
}

#section1 .section1-second .safe-container[data-v-0f4a1535] {
  width: 61.45833333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #df001f;
  font-size: 4.166666666666666vw
}

@media screen and (max-width:768px) {
  #section1 .section1-second .safe-container[data-v-0f4a1535] {
    width: 100%;
    left: 0;
    transform: none;
    font-size: 1.066667rem
  }
}

#section1 .section1-second .section2-text1[data-v-0f4a1535] {
  position: absolute;
  right: 0;
  top: 8.125vw;
  line-height: 1.1;
  text-align: right
}

@media screen and (max-width:768px) {
  #section1 .section1-second .section2-text1[data-v-0f4a1535] {
    right: .426667rem;
    line-height: 1.173333rem;
    top: 21.333333333333336vw
  }

  #section1 .section1-second .section2-text1[data-v-0f4a1535]::after {
    content: "";
    position: absolute;
    width: 2.773333rem;
    height: 1.8rem;
    border-right: 2px solid #df001f;
    border-bottom: 2px solid #df001f;
    right: .486667rem;
    bottom: -2.18rem
  }
}

#section1 .section1-second .section2-text2[data-v-0f4a1535] {
  position: absolute;
  left: 0;
  top: 45.416666666vw;
  line-height: 1.1
}

@media screen and (max-width:768px) {
  #section1 .section1-second .section2-text2[data-v-0f4a1535] {
    left: .426667rem;
    top: 13.56rem;
    line-height: 1.173333rem
  }

  #section1 .section1-second .section2-text2[data-v-0f4a1535]::after {
    content: "";
    position: absolute;
    width: 2.453333rem;
    height: 4.773333rem;
    border-left: 2px solid #df001f;
    border-bottom: 2px solid #df001f;
    left: .18rem;
    bottom: -5.18rem
  }
}

#section2[data-v-a96442ee] {
  background-image: linear-gradient(90deg, #071018, #010000);
  position: relative;
  padding-bottom: 24.541666666666664vw
}

@media screen and (max-width:768px) {
  #section2[data-v-a96442ee] {
    padding-bottom: 49.733333333333334vw
  }
}

#section2 .section2-block1[data-v-a96442ee] {
  position: relative
}

#section2 .safe-container[data-v-a96442ee] {
  width: 61.45833333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

@media screen and (max-width:768px) {
  #section2 .safe-container[data-v-a96442ee] {
    width: 100%;
    left: 0;
    transform: none
  }
}

#section2 .section3-text[data-v-a96442ee] {
  width: 29.1666666666666vw;
  position: absolute;
  left: 36.4583333333vw;
  top: 10.885416666vw;
  font-size: 3.125vw;
  line-height: 1.16667;
  color: #fff
}

@media screen and (max-width:768px) {
  #section2 .section3-text[data-v-a96442ee] {
    width: 9.146667rem;
    font-size: 10.666666666666668vw;
    line-height: 1;
    top: 26.666666666666664vw;
    left: .426667rem
  }
}

#section2 .block2[data-v-a96442ee] {
  position: relative;
  top: -7.395833333333333vw;
  z-index: 1
}

@media screen and (max-width:768px) {
  #section2 .block2[data-v-a96442ee] {
    top: 0
  }
}

#section2 .block2 .block-container[data-v-a96442ee] {
  width: 61.45833333333vw;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #section2 .block2 .block-container[data-v-a96442ee] {
    width: 9.333333rem
  }
}

#section2 .block2 .block-container img[data-v-a96442ee] {
  border-radius: .78125vw;
  display: block
}

@media screen and (max-width:768px) {
  #section2 .block2 .block-container img[data-v-a96442ee] {
    border-radius: 10px
  }
}

#section2 .block2 .block-container .block-text[data-v-a96442ee] {
  padding-top: 2.03125vw;
  padding-bottom: 3.125vw;
  color: #fff;
  text-align: center
}

@media screen and (max-width:768px) {
  #section2 .block2 .block-container .block-text[data-v-a96442ee] {
    padding-top: 8vw;
    padding-bottom: 13.333333333333332vw;
    text-align: left
  }
}

#section2 .block2 .block-container .block-text .block-title[data-v-a96442ee] {
  font-size: 1.875vw;
  line-height: 1.4722222222222223;
  padding-bottom: .8333333333333333vw
}

@media screen and (max-width:768px) {
  #section2 .block2 .block-container .block-text .block-title[data-v-a96442ee] {
    font-size: 8vw;
    line-height: 1.2;
    padding-bottom: 6.133333333333333vw
  }
}

#section2 .block2 .block-container .block-text .block-info[data-v-a96442ee] {
  font-size: .8333333333333333vw;
  line-height: 1.5;
  /* font-family: DINOffcPro; */
  width: 40.625vw;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #section2 .block2 .block-container .block-text .block-info[data-v-a96442ee] {
    font-size: 4.266666666666667vw;
    width: 100%
  }
}

#section2 .block2 .svg-list[data-v-a96442ee] {
  width: 61.45833333333vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #081f3a
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list[data-v-a96442ee] {
    width: 9.146667rem
  }
}

#section2 .block2 .svg-list .svg-container[data-v-a96442ee] {
  width: 50%;
  padding: 2.604166666666667vw 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #fff;
  background: #06121d
}

#section2 .block2 .svg-list .svg-container[data-v-a96442ee]:first-of-type, #section2 .block2 .svg-list .svg-container[data-v-a96442ee]:nth-of-type(2) {
  border-bottom: 1px solid #081f3a
}

#section2 .block2 .svg-list .svg-container[data-v-a96442ee]:first-of-type, #section2 .block2 .svg-list .svg-container[data-v-a96442ee]:nth-of-type(3) {
  border-right: 1px solid #081f3a
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container[data-v-a96442ee] {
    width: 100%;
    padding: 7.933333333333333vw 0;
    border: none
  }

  #section2 .block2 .svg-list .svg-container[data-v-a96442ee]:not(:last-of-type) {
    border-bottom: 1px solid #081f3a
  }
}

#section2 .block2 .svg-list .svg-container span[data-v-a96442ee] {
  font-size: 1.1458333333333333vw;
  line-height: 1.4545454545454546;
  word-wrap: break-word
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container span[data-v-a96442ee] {
    font-size: 4.8vw;
    line-height: 1.1041666666666667
  }
}

#section2 .block2 .svg-list .svg-container div.km[data-v-a96442ee] {
  width: 4.03229166666vw;
  margin-left: 2.7864583333333335vw;
  margin-right: 1.614583333333333vw;
  color: #de001e;
  display: flex;
  align-items: flex-end
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container div.km[data-v-a96442ee] {
    width: 15.492vw;
    margin-left: 5.32vw;
    margin-right: 6.933333333333333vw
  }
}

#section2 .block2 .svg-list .svg-container div.km .svg-70[data-v-a96442ee] {
  font-size: 2.5853498745833vw;
  line-height: .8
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container div.km .svg-70[data-v-a96442ee] {
    font-size: 10.58535vw
  }
}

#section2 .block2 .svg-list .svg-container div.km .svg-km[data-v-a96442ee] {
  font-size: .625vw;
  line-height: 1
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container div.km .svg-km[data-v-a96442ee] {
    font-size: 1.6vw
  }
}

#section2 .block2 .svg-list .svg-container img.lf[data-v-a96442ee] {
  width: 4.211979166666vw;
  margin-left: 2.9895833333333335vw;
  margin-right: 1.2343749999999vw;
  -o-object-fit: cover;
     object-fit: cover
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container img.lf[data-v-a96442ee] {
    width: 15.6vw;
    margin-left: 5.2133333333333vw;
    margin-right: 6.8vw
  }
}

#section2 .block2 .svg-list .svg-container img.pw[data-v-a96442ee] {
  width: 2.230729166666666vw;
  margin-left: 3.697916666666667vw;
  margin-right: 2.510416666666vw;
  -o-object-fit: cover;
     object-fit: cover
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container img.pw[data-v-a96442ee] {
    width: 10.205333333333334vw;
    margin-left: 8vw;
    margin-right: 9.6vw
  }
}

#section2 .block2 .svg-list .svg-container img.dn[data-v-a96442ee] {
  width: 2.58489583333vw;
  margin-left: 3.802083333333333vw;
  margin-right: 2.052083333333333vw;
  -o-object-fit: cover;
     object-fit: cover
}

@media screen and (max-width:768px) {
  #section2 .block2 .svg-list .svg-container img.dn[data-v-a96442ee] {
    width: 11.641333333333334vw;
    margin-left: 7.253333333333332vw;
    margin-right: 8.842666666666664vw
  }
}

#section2 .block3-bg[data-v-a96442ee] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0
}

#section4[data-v-42e01f83] {
  position: relative;
  background: #fff;
  z-index: 1
}

#section4 .section5-1[data-v-42e01f83] {
  position: relative;
  overflow: hidden;
  box-sizing: border-box
}

#section4 .section5-1 .section5-bg[data-v-42e01f83] {
  width: 100%
}

#section4 .section5-1 .section5-text[data-v-42e01f83] {
  width: 61.45833333333vw;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-text[data-v-42e01f83] {
    width: 100%
  }
}

#section4 .section5-1 .section5-text .text-container[data-v-42e01f83] {
  width: 51.04166666vw;
  margin: 0 auto;
  font-size: 1.4583333333333335vw;
  line-height: 1.4285714285714286;
  position: relative;
  top: 8.333333333333332vw;
  z-index: 1
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-text .text-container[data-v-42e01f83] {
    width: 9.146667rem;
    font-size: .64rem;
    line-height: .733333rem;
    top: .973333rem
  }
}

#section4 .section5-1 .section5-list[data-v-42e01f83] {
  width: 100%;
  position: relative;
  bottom: 8.49375vw;
  left: 0
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list[data-v-42e01f83] {
    bottom: 2.266667rem
  }
}

#section4 .section5-1 .section5-list .list-container[data-v-42e01f83] {
  width: 61.45833333333vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-around
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container[data-v-42e01f83] {
    width: 5.866667rem;
    justify-content: center;
    flex-wrap: wrap
  }
}

#section4 .section5-1 .section5-list .list-container .list-item[data-v-42e01f83] {
  width: 20.3125vw
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container .list-item[data-v-42e01f83] {
    text-align: center;
    width: 100%
  }

  #section4 .section5-1 .section5-list .list-container .list-item[data-v-42e01f83]:not(:last-child) {
    padding-bottom: 1.2rem
  }
}

#section4 .section5-1 .section5-list .list-container .list-item .list-title[data-v-42e01f83] {
  display: flex;
  align-items: flex-end;
  justify-content: center
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container .list-item .list-title[data-v-42e01f83] {
    display: block
  }
}

#section4 .section5-1 .section5-list .list-container .list-item .list-title .big[data-v-42e01f83] {
  font-size: 5.208333333333334vw;
  height: 4.166666666666666vw;
  color: #111;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container .list-item .list-title .big[data-v-42e01f83] {
    font-size: 22.666666666666664vw;
    height: 17.333333333333336vw
  }
}

#section4 .section5-1 .section5-list .list-container .list-item .list-title .big.ota[data-v-42e01f83] {
  width: 100%;
  text-align: center
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container .list-item .list-title .big.isIos[data-v-42e01f83] {
    height: 20vw
  }
}

#section4 .section5-1 .section5-list .list-container .list-item .list-title .small[data-v-42e01f83] {
  font-size: .8333333333333333vw
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container .list-item .list-title .small[data-v-42e01f83] {
    font-size: .426667rem;
    /* font-family: DINOffcPro; */
    color: #777;
    padding-top: .266667rem
  }
}

#section4 .section5-1 .section5-list .list-container .list-item .list-info[data-v-42e01f83] {
  font-size: 1.1458333333333333vw;
  line-height: 1.3636363636363635;
  padding-top: 1.0416666666666665vw;
  text-align: center;
  width: 15vw;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #section4 .section5-1 .section5-list .list-container .list-item .list-info[data-v-42e01f83] {
    width: 100%;
    font-size: .48rem;
    line-height: .576rem;
    padding-top: .133333rem
  }
}

#section5[data-v-2f2df0c9] {
  position: relative;
  background: #f5f6f7;
  z-index: 1
}

#section5 .section6-text[data-v-2f2df0c9] {
  padding: 4.16666666666vw 0 2.34375vw;
  text-align: center
}

@media screen and (max-width:768px) {
  #section5 .section6-text[data-v-2f2df0c9] {
    padding: 2.133333rem .333333rem 1.093333rem;
    text-align: left
  }
}

#section5 .section6-text .title[data-v-2f2df0c9] {
  font-size: 1.875vw;
  line-height: 1.472222222222222;
  color: #111
}

@media screen and (max-width:768px) {
  #section5 .section6-text .title[data-v-2f2df0c9] {
    font-size: .8rem;
    line-height: .96rem
  }
}

#section5 .section6-text .sub-title[data-v-2f2df0c9] {
  font-size: 1.1458333333333333vw;
  line-height: 1.3636363636363635;
  color: #df001f;
  padding: .7291666666666667vw 0
}

@media screen and (max-width:768px) {
  #section5 .section6-text .sub-title[data-v-2f2df0c9] {
    font-size: .48rem;
    line-height: .4rem;
    padding: .346667rem 0 .4rem
  }
}

#section5 .section6-text .content[data-v-2f2df0c9] {
  width: 40.625vw;
  margin: 0 auto;
  font-size: .8333333333333333vw;
  line-height: 1.5;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  #section5 .section6-text .content[data-v-2f2df0c9] {
    font-size: .426667rem;
    line-height: .72rem;
    width: 100%
  }
}

#section5 .img-group[data-v-2f2df0c9] {
  width: 53.4375vw;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #section5 .img-group[data-v-2f2df0c9] {
    width: 100%
  }
}

#section5 .img-group-container[data-v-2f2df0c9] {
  width: 100%;
  position: relative
}

#section5 .img-group-container img[data-v-2f2df0c9]:first-child {
  width: 9.375vw;
  position: absolute;
  left: 0;
  top: 3.07291666666666vw;
  z-index: 0
}

#section5 .img-group-container img[data-v-2f2df0c9]:nth-child(2) {
  width: 12.447916666666668vw;
  position: absolute;
  left: 8.177083333vw;
  top: 1.71875vw;
  z-index: 1
}

#section5 .img-group-container img[data-v-2f2df0c9]:nth-child(3) {
  width: 15.364583333333334vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 2
}

#section5 .img-group-container img[data-v-2f2df0c9]:nth-child(4) {
  width: 12.447916666666668vw;
  position: absolute;
  right: 8.177083333vw;
  top: 1.71875vw;
  z-index: 1
}

#section5 .img-group-container img[data-v-2f2df0c9]:nth-child(5) {
  width: 9.375vw;
  position: absolute;
  right: 0;
  top: 3.07291666666666vw;
  z-index: 0
}

#section5 .section6-swiper[data-v-2f2df0c9] {
  width: 61.45833333333vw;
  margin: 0 auto;
  position: relative;
  background: #f5f6f7
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper[data-v-2f2df0c9] {
    width: 100%
  }
}

#section5 .section6-swiper .swiper-wrapper[data-v-2f2df0c9] {
  padding-top: 5.52083333333333vw;
  background: #f5f6f7
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper[data-v-2f2df0c9] {
    padding-top: 2.346667rem;
    padding-bottom: 2.266667rem
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide[data-v-2f2df0c9] {
  position: relative;
  overflow: hidden;
  background: #f5f6f7;
  width: 100%
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide[data-v-2f2df0c9] {
    padding-left: .066667rem;
    padding-right: .426667rem;
    box-sizing: border-box
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-box[data-v-2f2df0c9] {
  position: relative
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-text[data-v-2f2df0c9] {
  font-size: 1.0416666666666665vw;
  line-height: 1.5;
  padding-bottom: 1.09375vw;
  text-align: center
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-text[data-v-2f2df0c9] {
    font-size: .8rem;
    line-height: 1;
    padding-bottom: .68rem;
    height: 1.813333rem;
    width: 9.146667rem;
    margin: 0 auto
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide-bg[data-v-2f2df0c9] {
  width: 27.083333333333vw;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide-bg[data-v-2f2df0c9] {
    width: 100%;
    left: .066667rem;
    transform: none
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide-1[data-v-2f2df0c9], #section5 .section6-swiper .swiper-wrapper .swiper-slide-2[data-v-2f2df0c9], #section5 .section6-swiper .swiper-wrapper .swiper-slide-3[data-v-2f2df0c9] {
  position: absolute
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide-1[data-v-2f2df0c9] {
  width: 21.5625vw;
  top: .8854166666666666vw;
  left: 10.83333333vw
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide-1[data-v-2f2df0c9] {
    width: 75.33333333333333vw;
    top: -.013333rem;
    left: -10.4vw
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide-2[data-v-2f2df0c9] {
  width: 21.5625vw;
  top: 7.291666666666667vw;
  right: 9.635416666666668vw
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide-2[data-v-2f2df0c9] {
    width: 73.86666666666667vw;
    top: 40.5333333333333vw;
    right: -12.533333333333331vw
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide-3[data-v-2f2df0c9] {
  width: 21.5625vw;
  top: 13.75vw;
  left: 24.65625vw
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide-3[data-v-2f2df0c9] {
    width: 68.4vw;
    top: 37.333333333333336vw;
    left: -12.4vw
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-item2[data-v-2f2df0c9] {
  position: absolute;
  width: 50.78125vw;
  top: .6770833333333334vw;
  left: 5.52083333333333vw;
  z-index: -1
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-item2[data-v-2f2df0c9] {
    width: 16.413333rem;
    top: .546667rem;
    left: -3.2rem
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-item3[data-v-2f2df0c9] {
  position: absolute;
  width: 39.27083333333333vw;
  top: 3.578125vw;
  left: 11.354166666666668vw;
  z-index: -1
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-item3[data-v-2f2df0c9] {
    width: 9.146667rem;
    top: .346667rem;
    left: 50%;
    transform: translateX(-50%)
  }
}

#section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-item4[data-v-2f2df0c9] {
  position: absolute;
  width: 34.427083333333336vw;
  top: .885416666666vw;
  left: 12.55208333333vw
}

@media screen and (max-width:768px) {
  #section5 .section6-swiper .swiper-wrapper .swiper-slide .swiper-slide-item4[data-v-2f2df0c9] {
    width: 10rem;
    top: 1.106667rem;
    left: 0
  }
}

#section5 .section6-swiper .swiper-pagination[data-v-2f2df0c9] {
  bottom: 13.333333333333332vw
}

#section5 .section6-swiper .swiper-pagination[data-v-2f2df0c9] .swiper-pagination-bullet {
  width: .266667rem;
  height: .266667rem;
  background: #777;
  outline: none;
  margin: 0 .133333rem
}

#section5 .section6-swiper .swiper-pagination[data-v-2f2df0c9] .swiper-pagination-bullet-active {
  background: #df001f
}

#section5 .section6-swiper .swiper-button-next[data-v-2f2df0c9], #section5 .section6-swiper .swiper-button-prev[data-v-2f2df0c9] {
  width: 2.65625vw;
  height: 2.65625vw;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABHNCSVQICAgIfAhkiAAAAKNJREFUOE+tk9ENwjAMRO8mIBuwQpgAVmEzNmAEOkK7QTfIbWBkVFAwlaLS5M8658U+O0Q4KaUE4A4gSTpFvRWzTlhgD5LZzCZJuQWI+gcYYQAukvQXsBfMH2dP2Bs4kDx7YGYjgM1tVraMXuFM8rjVq7V8H6QDM8kBwMHMbpKue+CvKfeE1mvTpdK42LuhX8DYfinlR2/5u3ph2U3/y3MLEPUnM/NazU7i8LsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-color: #f5f6f7;
  background-position: 50%;
  border: 2px solid #111;
  border-radius: 50%;
  outline: none
}

#section5 .section6-swiper .swiper-button-next[data-v-2f2df0c9]::after, #section5 .section6-swiper .swiper-button-prev[data-v-2f2df0c9]::after {
  content: ""
}

#section5 .section6-swiper .swiper-button-next[data-v-2f2df0c9]:hover, #section5 .section6-swiper .swiper-button-prev[data-v-2f2df0c9]:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAABHNCSVQICAgIfAhkiAAAAJ1JREFUOE+t02ENgzAQhuH3UwAOsDAUDCtzhgMkbBLAARLmoOSWQkoHIRd6fxrS8qS9fhVZhRBqYABqSW0+f/WtdEHE3sADmCTZ6KoNzDGgk/R1acAPLIWZpZLYCn6AZzzaCLiPmbRltB3OQOPt1cn6yUC7SdtlBfSSXnfw9VKKoWlsiqB5sG+jOzBmckMl/c1f9ffwh5hNe8uWAFctE7tCZ2rKGssAAAAASUVORK5CYII=);
  background-color: #df001f;
  border: 2px solid transparent
}

#section5 .section6-swiper .swiper-button-next[data-v-2f2df0c9] {
  transform: rotate(-180deg)
}

#section5 .section-footer[data-v-2f2df0c9] {
  position: relative;
  overflow: hidden
}

#section5 .section-footer .section6-container[data-v-2f2df0c9] {
  width: 61.45833333333vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 6.25vw
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container[data-v-2f2df0c9] {
    width: 100%;
    left: 0;
    transform: none
  }
}

#section5 .section-footer .section6-container .container-title[data-v-2f2df0c9] {
  font-size: 1.875vw;
  line-height: 1.4722222222222223;
  color: #111;
  text-align: center
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-title[data-v-2f2df0c9] {
    font-size: .8rem
  }
}

#section5 .section-footer .section6-container .container-wrap[data-v-2f2df0c9] {
  margin-top: 2.6041666666666vw
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-wrap[data-v-2f2df0c9] {
    margin-top: 1.013333rem
  }
}

#section5 .section-footer .section6-container .container-wrap .wrap-item[data-v-2f2df0c9] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-wrap .wrap-item[data-v-2f2df0c9] {
    padding: 0 .426667rem;
    background: #fff
  }
}

#section5 .section-footer .section6-container .container-wrap .wrap-item img[data-v-2f2df0c9] {
  width: 4.375vw;
  margin-right: 2.083333333333333vw
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-wrap .wrap-item img[data-v-2f2df0c9] {
    width: 1.333333rem;
    margin-right: 0
  }
}

#section5 .section-footer .section6-container .container-wrap .wrap-item-list[data-v-2f2df0c9] {
  width: 30.20833333333333vw;
  background: #fafafa;
  display: flex;
  align-items: center;
  padding: 3.59375vw 1vw 3.59375vw 2.864583333333333vw;
  box-sizing: border-box;
  margin-bottom: 1.0416666666666665vw
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-wrap .wrap-item-list[data-v-2f2df0c9] {
    width: 100%;
    display: block;
    text-align: center;
    padding: .8rem .373333rem;
    margin-bottom: .4rem
  }
}

#section5 .section-footer .section6-container .container-wrap .wrap-item-list .list-text-title[data-v-2f2df0c9] {
  font-size: 1.1458333333333333vw;
  line-height: 1.4545454545454546;
  padding-bottom: .625vw
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-wrap .wrap-item-list .list-text-title[data-v-2f2df0c9] {
    font-size: .48rem;
    line-height: .706667rem;
    padding-bottom: .333333rem
  }
}

#section5 .section-footer .section6-container .container-wrap .wrap-item-list .list-text-info[data-v-2f2df0c9] {
  font-size: .833333333333333vw;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  #section5 .section-footer .section6-container .container-wrap .wrap-item-list .list-text-info[data-v-2f2df0c9] {
    font-size: .426667rem;
    line-height: .626667rem;
    /* font-family: DINOffcPro */
  }
}

.top-1[data-v-adc3f5da] {
  top: 278.5vw !important
}

.top-2[data-v-adc3f5da] {
  top: 286.5vw !important
}

.top-3[data-v-adc3f5da] {
  top: 267.5vw !important
}

#section6[data-v-adc3f5da] {
  position: relative;
  background: #010103;
  color: #fff;
  z-index: 1
}

#section6 .section6-bg-1[data-v-adc3f5da] {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

#section6 .section7-container[data-v-adc3f5da] {
  width: 61.45833333333vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

@media screen and (max-width:768px) {
  #section6 .section7-container[data-v-adc3f5da] {
    width: 100%;
    left: 0;
    transform: none
  }
}

#section6 .section7-container .section7-text[data-v-adc3f5da] {
  margin: 28.125vw auto 15.104166666666666vw;
  font-size: 3.125vw;
  line-height: 1.1666666666666667;
  text-align: center
}

@media screen and (max-width:768px) {
  #section6 .section7-container .section7-text[data-v-adc3f5da] {
    margin: 10.173333rem auto 1.893333rem;
    font-size: 1.066667rem;
    line-height: 1
  }
}

#section6 .section7-container .fast-start[data-v-adc3f5da] {
  width: 30.72916666666667vw;
  padding: 14.84375vw 4.6875vw;
  box-sizing: border-box;
  background: #111;
  margin-left: 50%
}

#section6 .section7-container .fast-start.smooth[data-v-adc3f5da] {
  margin-left: 0
}

@media screen and (max-width:768px) {
  #section6 .section7-container .fast-start.smooth[data-v-adc3f5da] {
    margin: .4rem auto 0;
    height: auto
  }
}

@media screen and (max-width:768px) {
  #section6 .section7-container .fast-start[data-v-adc3f5da] {
    width: 9.146667rem;
    height: 13.226667rem;
    padding: 1.066667rem .373333rem;
    margin: 0 auto
  }
}

#section6 .section7-container .fast-start .fast-title[data-v-adc3f5da] {
  font-size: 1.875vw;
  line-height: 1.4722222222222223
}

@media screen and (max-width:768px) {
  #section6 .section7-container .fast-start .fast-title[data-v-adc3f5da] {
    font-size: .8rem;
    line-height: .8rem
  }
}

#section6 .section7-container .fast-start .fast-info[data-v-adc3f5da] {
  font-size: .8333333333333333vw;
  line-height: 1.5;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  #section6 .section7-container .fast-start .fast-info[data-v-adc3f5da] {
    font-size: .426667rem;
    margin-top: .4rem;
    line-height: .626667rem
  }
}

#section6 .section7-container .section7-lz[data-v-adc3f5da] {
  position: absolute;
  width: 30.572916666666vw;
  left: 2.60416666666666vw;
  top: 56.822916666666vw
}

@media screen and (max-width:768px) {
  #section6 .section7-container .section7-lz[data-v-adc3f5da] {
    width: 8.333333rem;
    left: .84rem;
    top: 20.746667rem
  }
}

#section6 .section7-container .section7-lz-mobile[data-v-adc3f5da] {
  width: 8.333333rem;
  margin-top: .8rem
}

#section6 .section7-container .section7-xp-mobile[data-v-adc3f5da] {
  width: 7.6rem;
  margin-top: .8rem;
  position: relative;
  z-index: 1
}

#section6 .section7-container .section7-xp[data-v-adc3f5da] {
  position: absolute;
  width: 29.0625vw;
  right: 4.739583333333333vw;
  top: 88.38541666666667vw
}

@media screen and (max-width:768px) {
  #section6 .section7-container .section7-xp[data-v-adc3f5da] {
    width: 7.6rem;
    left: 1.333333rem;
    top: 33.026667rem
  }
}

#section6 .section7-container .section7-xp-bg-1[data-v-adc3f5da] {
  position: absolute;
  width: 65.36458333333334vw;
  top: 55.20833333333334vw;
  left: 15.416666666666668vw
}

@media screen and (max-width:768px) {
  #section6 .section7-container .section7-xp-bg-1[data-v-adc3f5da] {
    width: 100%;
    left: 0;
    top: 262.8vw
  }
}

#section6 .section7-mt-bg[data-v-adc3f5da] {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 18.59375vw;
  z-index: 0
}

@media screen and (max-width:768px) {
  #section6 .section7-mt-bg[data-v-adc3f5da] {
    top: 390.6666666666667vw;
    bottom: auto
  }
}

#section6 .section7-mt[data-v-adc3f5da] {
  width: 62.5vw;
  margin-top: 5.208333333333334vw
}

@media screen and (max-width:768px) {
  #section6 .section7-mt[data-v-adc3f5da] {
    width: 100%;
    margin-top: 8.1vw
  }
}

#section6 .section7-footer[data-v-adc3f5da] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  overflow: hidden
}

@media screen and (max-width:768px) {
  #section6 .section7-footer[data-v-adc3f5da] {
    z-index: 2;
    height: auto
  }
}

#section6 .section7-footer>img[data-v-adc3f5da] {
  height: 100%
}

#section6 .section7-footer-container[data-v-adc3f5da] {
  width: 61.45833333333vw;
  padding-top: 3.125vw;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-container[data-v-adc3f5da] {
    box-sizing: border-box;
    width: 100%;
    padding: 1.6rem .426667rem 0;
    position: absolute;
    left: 0;
    transform: none
  }
}

#section6 .section7-footer-item[data-v-adc3f5da] {
  border: 1px solid #402228;
  display: flex;
  box-sizing: border-box
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item[data-v-adc3f5da] {
    display: block
  }
}

#section6 .section7-footer-item-left[data-v-adc3f5da], #section6 .section7-footer-item-right[data-v-adc3f5da] {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 3.33333333333vw 0 3.33333333333vw 5.208333333333334vw
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left[data-v-adc3f5da], #section6 .section7-footer-item-right[data-v-adc3f5da] {
    display: block;
    text-align: center;
    padding: 1.066667rem 0 .533333rem
  }
}

#section6 .section7-footer-item-left img[data-v-adc3f5da], #section6 .section7-footer-item-right img[data-v-adc3f5da] {
  width: 5.1041666666666vw;
  margin-right: 1.5625vw
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left img[data-v-adc3f5da], #section6 .section7-footer-item-right img[data-v-adc3f5da] {
    width: 1.973333rem;
    margin-right: 0
  }
}

#section6 .section7-footer-item-left .footer-item-text[data-v-adc3f5da], #section6 .section7-footer-item-right .footer-item-text[data-v-adc3f5da] {
  font-size: 1.1458333333333333vw;
  line-height: 1.4545454545454546
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left .footer-item-text[data-v-adc3f5da], #section6 .section7-footer-item-right .footer-item-text[data-v-adc3f5da] {
    font-size: .48rem;
    line-height: .706667rem;
    padding-top: .533333rem
  }
}

#section6 .section7-footer-item-left .footer-item-text .footer-item-title[data-v-adc3f5da], #section6 .section7-footer-item-right .footer-item-text .footer-item-title[data-v-adc3f5da] {
  padding-bottom: .8333333333vw
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left .footer-item-text .footer-item-title[data-v-adc3f5da], #section6 .section7-footer-item-right .footer-item-text .footer-item-title[data-v-adc3f5da] {
    padding-bottom: .266667rem
  }
}

#section6 .section7-footer-item-left .footer-item-text .footer-item-info[data-v-adc3f5da], #section6 .section7-footer-item-right .footer-item-text .footer-item-info[data-v-adc3f5da] {
  font-size: .8333333333333333vw;
  line-height: 1.5;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left .footer-item-text .footer-item-info[data-v-adc3f5da], #section6 .section7-footer-item-right .footer-item-text .footer-item-info[data-v-adc3f5da] {
    font-size: .426667rem;
    line-height: .626667rem
  }
}

#section6 .section7-footer-item-left .item-right[data-v-adc3f5da], #section6 .section7-footer-item-right .item-right[data-v-adc3f5da] {
  font-size: .8333333333333333vw;
  line-height: 1.5;
  display: flex;
  width: 100%
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left .item-right[data-v-adc3f5da], #section6 .section7-footer-item-right .item-right[data-v-adc3f5da] {
    font-size: .426667rem;
    line-height: .626667rem;
    /* font-family: DINOffcPro; */
    display: block
  }
}

#section6 .section7-footer-item-left .item-right div[data-v-adc3f5da]:first-child, #section6 .section7-footer-item-right .item-right div[data-v-adc3f5da]:first-child {
  width: 4.2875vw;
  text-align: right;
  margin-right: 1.041666666666666vw
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left .item-right div[data-v-adc3f5da]:first-child, #section6 .section7-footer-item-right .item-right div[data-v-adc3f5da]:first-child {
    /* font-family: DINOffcPro-Bold; */
    width: 100%;
    text-align: center;
    margin-right: 0
  }
}

#section6 .section7-footer-item-left .item-right[data-v-adc3f5da]:not(:last-of-type), #section6 .section7-footer-item-right .item-right[data-v-adc3f5da]:not(:last-of-type) {
  padding-bottom: 1.5625vw
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item-left .item-right[data-v-adc3f5da]:not(:last-of-type), #section6 .section7-footer-item-right .item-right[data-v-adc3f5da]:not(:last-of-type) {
    padding-bottom: .44rem
  }
}

#section6 .section7-footer-item .border-r[data-v-adc3f5da] {
  border-right: 1px solid #402228
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item .border-r[data-v-adc3f5da] {
    border-right: none;
    margin: .4rem 0
  }
}

#section6 .section7-footer-item .colunm[data-v-adc3f5da] {
  flex-direction: column;
  padding-left: 5.208333333333334vw
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item .colunm[data-v-adc3f5da] {
    padding-top: 0;
    padding-left: 0
  }
}

#section6 .section7-footer-item[data-v-adc3f5da]:nth-of-type(2) {
  border-top: 0
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item[data-v-adc3f5da]:nth-of-type(2) {
    border-left: 0;
    border-right: 0
  }
}

@media screen and (max-width:768px) {
  #section6 .section7-footer-item:nth-of-type(2) .section7-footer-item-left[data-v-adc3f5da], #section6 .section7-footer-item:nth-of-type(2) .section7-footer-item-right[data-v-adc3f5da] {
    border: 1px solid #402228
  }
}

#section7[data-v-0089ae32] {
  position: relative;
  background-image: linear-gradient(180deg, #f0f0f0, #ebebeb);
  box-sizing: border-box;
  z-index: 1
}

#section7 .section8-container[data-v-0089ae32] {
  width: 61.45833333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  #section7 .section8-container[data-v-0089ae32] {
    width: 100%;
    left: 0;
    transform: none
  }
}

#section7 .section8-container .section8-title[data-v-0089ae32] {
  font-size: 3.125vw;
  line-height: 1.1666666666666667;
  width: 43.625vw;
  margin: 8.33333333333333vw auto 0;
  text-align: center
}

@media screen and (max-width:768px) {
  #section7 .section8-container .section8-title[data-v-0089ae32] {
    font-size: 1.066667rem;
    line-height: 1.066667rem;
    width: 9.146667rem;
    margin: 21.333333333333336vw auto 0
  }
}

#section7 .section8-container .section8-list[data-v-0089ae32] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 48.8612322917vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media screen and (max-width:768px) {
  #section7 .section8-container .section8-list[data-v-0089ae32] {
    top: 127.54666666666667vw;
    justify-content: center
  }
}

#section7 .section8-container .section8-list .list-item[data-v-0089ae32] {
  width: 30.2083333333333vw;
  position: relative;
  color: #fff;
  margin-bottom: 1.0416666666666665vw
}

@media screen and (max-width:768px) {
  #section7 .section8-container .section8-list .list-item[data-v-0089ae32] {
    width: 9.146667rem;
    margin-bottom: .4rem
  }
}

#section7 .section8-container .section8-list .list-item .list-item-text[data-v-0089ae32] {
  font-size: 1.1458333333333333vw;
  line-height: 1.4545454545454546;
  position: absolute;
  bottom: 2.60416666666666vw;
  width: 100%;
  text-align: center;
  padding-top: 10.416666666666668vw
}

@media screen and (max-width:768px) {
  #section7 .section8-container .section8-list .list-item .list-item-text[data-v-0089ae32] {
    font-size: .48rem;
    line-height: .706667rem;
    bottom: .8rem;
    padding-top: 5.333333rem
  }
}

#section8[data-v-d8b4bce2] {
  z-index: 1
}

#section8 .section8-box[data-v-d8b4bce2], #section8[data-v-d8b4bce2] {
  position: relative;
  background: #0e0e0f
}

#section8 .section8-box img[data-v-d8b4bce2] {
  display: block
}

#section8 .section9-box[data-v-d8b4bce2] {
  position: relative;
  background: #0e0e0f
}

#section8 .section9-container[data-v-d8b4bce2] {
  width: 61.45833333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  #section8 .section9-container[data-v-d8b4bce2] {
    width: 100%;
    left: 0;
    transform: none
  }
}

#section8 .section9-container .section9-title[data-v-d8b4bce2] {
  font-size: 3.125vw;
  line-height: 1.2;
  width: 43.625vw;
  margin: 8.33333333333vw auto 0;
  text-align: center;
  color: #fff
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-title[data-v-d8b4bce2] {
    font-size: 1.066667rem;
    line-height: 1;
    width: 9.146667rem;
    margin: 2.133333rem auto 0;
    text-align: left
  }
}

#section8 .section9-container .section9-list[data-v-d8b4bce2] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 58.6979166666vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-list[data-v-d8b4bce2] {
    justify-content: center;
    top: 15.773333rem
  }
}

#section8 .section9-container .section9-list .list-item[data-v-d8b4bce2] {
  width: 30.208333333333vw;
  position: relative;
  color: #111;
  margin-bottom: 1.0416666666666665vw
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-list .list-item[data-v-d8b4bce2] {
    width: 9.146667rem;
    margin-bottom: .4rem
  }
}

#section8 .section9-container .section9-list .list-item .list-item-text[data-v-d8b4bce2] {
  font-size: 1.1458333333333333vw;
  line-height: 1.4545454545454546;
  position: absolute;
  bottom: 2.083333333333333vw;
  width: 100%;
  padding-top: 10.416666666666666vw;
  text-align: center
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-list .list-item .list-item-text[data-v-d8b4bce2] {
    font-size: .48rem;
    line-height: .706667rem;
    bottom: .8rem;
    padding-top: 5.333333rem
  }
}

#section8 .section9-container .section9-list .list-item .list-item-text.item-sub[data-v-d8b4bce2] {
  bottom: 1.09375vw
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-list .list-item .list-item-text.item-sub[data-v-d8b4bce2] {
    bottom: .8rem
  }
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-list .list-item .list-item-text.item-text3[data-v-d8b4bce2] {
    bottom: .133333rem
  }
}

#section8 .section9-container .section9-list .list-item .list-item-text .list-item-sub[data-v-d8b4bce2] {
  font-size: .8333333333333333vw;
  line-height: 1.5;
  /* font-family: DINOffcPro */
}

@media screen and (max-width:768px) {
  #section8 .section9-container .section9-list .list-item .list-item-text .list-item-sub[data-v-d8b4bce2] {
    font-size: .346667rem;
    line-height: .506667rem
  }
}

#section9[data-v-246fb2fc] {
  position: relative;
  background: #b5b5b5;
  z-index: 1
}

@media screen and (max-width:768px) {
  #section9[data-v-246fb2fc] {
    background: #adadad
  }
}

#section9 img[data-v-246fb2fc] {
  display: block
}

#section3[data-v-a662dc20] {
  position: relative;
  overflow: hidden;
  height: 100vh;
  background: #fff;
  z-index: 1
}

#section3 #section4-wow[data-v-a662dc20] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#section3 #section4-wow img[data-v-a662dc20] {
  height: 100%
}

#section3 #section4-phone[data-v-a662dc20] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

#section3 #section4-phone img[data-v-a662dc20] {
  height: 100%
}

@media screen and (max-width:768px) {
  #section3 #section4-phone[data-v-a662dc20] {
    top: -2vh
  }
}

@media screen and (max-width:768px) {
  #section3 #section4-phone.isIos-phone[data-v-a662dc20] {
    top: 0;
    width: auto;
    height: auto
  }
}

#section3 .safe-container[data-v-a662dc20] {
  width: 61.45833333333vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  #section3 .safe-container[data-v-a662dc20] {
    width: 100%;
    left: 0;
    transform: none
  }
}

#section3 #section4-text[data-v-a662dc20] {
  font-size: 3.125vw;
  line-height: 1.1666666666666667;
  width: 29.010416666666664vw;
  height: 100%;
  padding-top: 61.11111111111112vh
}

@media screen and (max-width:768px) {
  #section3 #section4-text[data-v-a662dc20] {
    font-size: 10.666666666666668vw;
    line-height: 1;
    width: 9.146667rem;
    margin: 0 auto;
    padding-left: 0
  }
}

#section3 #section4-text .section4-text-mb[data-v-a662dc20] {
  color: #df001f
}

@media screen and (max-width:768px) {
  #section3 .pad-top-1[data-v-a662dc20] {
    padding-top: 7.866667rem !important
  }
}

@media screen and (max-width:768px) {
  #section3 .pad-top-2[data-v-a662dc20] {
    padding-top: 6.266667rem !important
  }
}

@media screen and (max-width:768px) {
  #section3 .pad-top-3[data-v-a662dc20] {
    padding-top: 7.4rem !important
  }
}

#section3 #section4-mt[data-v-a662dc20] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%
}

#section3 #section4-mt img[data-v-a662dc20] {
  height: 100%
}

@media screen and (max-width:768px) {
  #section3 #section4-mt[data-v-a662dc20] {
    top: 3vh
  }
}

.product-detail[data-v-d4f46508] {
  position: relative;
  overflow: hidden
}

.product-detail .detail-container[data-v-d4f46508] {
  position: relative;
  width: 100%;
  /* font-family: DINOffcPro-Bold */
}

.product-detail .detail-container[data-v-d4f46508] img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.operated-m[data-v-3786194c] {
  z-index: 200;
  color: #333;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #eee;
  padding-top: .9rem
}

.operated-m .title[data-v-3786194c] {
  font-size: .8rem;
  line-height: 1;
  /* font-family: DINOffcPro-Bold; */
  padding-left: .4rem;
  box-sizing: border-box
}

.operated-m .balance[data-v-3786194c] {
  margin: .6rem auto 0;
  padding-left: .4rem;
  box-sizing: border-box
}

.operated-m .balance p[data-v-3786194c] {
  height: auto;
  display: flex;
  padding-bottom: .8rem;
  box-sizing: border-box
}

.operated-m .balance p i[data-v-3786194c] {
  width: 76px;
  height: 50px;
  padding-left: .25rem;
  vertical-align: middle
}

.operated-m .balance p span[data-v-3786194c] {
  width: auto;
  flex-grow: 1;
  font-size: 16px;
  word-break: keep-all;
  display: inline-block;
  vertical-align: middle
}

.operated-m .car[data-v-3786194c] {
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  position: relative
}

.operated-m .car p[data-v-3786194c] {
  position: absolute;
  font-size: 16px
}

.operated-m .car .one[data-v-3786194c] {
  width: unset;
  top: -8px;
  left: 2rem
}

.operated-m .car .two[data-v-3786194c] {
  word-break: keep-all;
  width: unset;
  top: 1.2rem;
  left: 3.3rem
}

.operated-m .connected .tit[data-v-3786194c] {
  padding-left: .4rem;
  box-sizing: border-box
}

.operated-m .connected .tit h3[data-v-3786194c] {
  padding-left: 0;
  padding-top: .9rem;
  box-sizing: border-box
}

.operated-m .connected .tit p[data-v-3786194c] {
  height: auto;
  display: flex;
  margin-top: .6rem;
  padding-bottom: .8rem;
  box-sizing: border-box
}

.operated-m .connected .tit p i[data-v-3786194c] {
  width: 76px;
  height: 50px;
  padding-left: .25rem;
  vertical-align: middle
}

.operated-m .connected .tit p span[data-v-3786194c] {
  width: auto;
  flex-grow: 1;
  font-size: 16px;
  word-break: keep-all;
  display: inline-block;
  vertical-align: middle
}

.operated-m .connected .img-wrapper-two[data-v-3786194c] {
  padding-bottom: 140px
}

.operated-m .connected .img-wrapper[data-v-3786194c] {
  position: relative
}

.operated-m .connected .img-wrapper p[data-v-3786194c] {
  position: absolute;
  font-size: 16px
}

.operated-m .connected .img-wrapper p.live[data-v-3786194c] {
  right: 0;
  top: 1.7rem;
  width: 60%
}

.operated-m .connected .img-wrapper p.sys[data-v-3786194c] {
  right: 0;
  top: 3.9rem;
  width: 56%
}

.operated-m .connected .img-wrapper p.op-a[data-v-3786194c] {
  width: 45%;
  top: 1.7rem;
  left: 4.5rem
}

.operated-m .connected .img-wrapper p.op-b[data-v-3786194c] {
  top: unset;
  width: 5.2rem;
  left: 2.8rem;
  bottom: 65px
}

.operated-m .connected .img-wrapper p.op-c[data-v-3786194c] {
  bottom: unset;
  right: unset;
  left: 2.2rem;
  top: -8px;
  width: 68%
}

.operated-m .connected .spe[data-v-3786194c] {
  margin: 108px auto 38px;
  border-top: 1px solid #d6d6d6
}

.operated-m .connected .size[data-v-3786194c] {
  font-size: 1rem !important
}

.sharing-operated[data-v-c0544096] {
  z-index: 200;
  position: relative;
  padding-top: 4.84375vw;
  padding-bottom: 6.5625vw;
  box-sizing: border-box;
  background-color: #eee
}

.sharing-operated__title[data-v-c0544096] {
  color: #333;
  line-height: 1.5;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  letter-spacing: -3px
}

.sharing-operated__balance[data-v-c0544096] {
  width: 59.6875vw;
  display: flex;
  justify-content: space-between;
  margin: 3.125vw auto .5208333333333334vw
}

.sharing-operated__balanceItem[data-v-c0544096] {
  line-height: 1.5;
  width: 29.0625vw;
  padding: 1.5625vw;
  height: 5.729166666666667vw;
  background-color: #fff;
  display: flex;
  align-items: center;
  box-sizing: border-box
}

.sharing-operated__balanceItem-text[data-v-c0544096] {
  color: #333;
  padding-left: .78125vw;
  width: 21.770833333333336vw;
  font-size: .8333333333333334vw;
  word-break: keep-all
}

.sharing-operated__car[data-v-c0544096] {
  width: 55.15625vw;
  height: 35.833333333333336vw;
  margin: 0 auto;
  background: url(img/3fa9ebd.png) 50% no-repeat;
  background-size: cover;
  position: relative
}

.sharing-operated__car div[data-v-c0544096] {
  position: absolute;
  font-size: .8333333333333334vw;
  color: #333;
  line-height: 1.5;
  top: 1.9791666666666667vw;
  width: 8.333333333333334vw;
  word-break: keep-all
}

.sharing-operated__car .one[data-v-c0544096] {
  left: 10.9375vw
}

.sharing-operated__car .two[data-v-c0544096] {
  left: 23.75vw
}

.sharing-operated__connected[data-v-c0544096] {
  position: relative
}

.sharing-operated__connected .tit[data-v-c0544096] {
  position: absolute;
  left: 49.375vw;
  top: 0
}

.sharing-operated__connected .tit h3[data-v-c0544096] {
  color: #333;
  line-height: 1.5;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  letter-spacing: -3px;
  margin: .8333333333333334vw 0 .5208333333333334vw
}

.sharing-operated__connected .tit h3[data-v-c0544096]:nth-child(2) {
  margin: 5.625vw auto 1.9791666666666667vw !important
}

.sharing-operated__connected .tit .cloud[data-v-c0544096] {
  background: #fff
}

.sharing-operated__connected .tit .cloud i[data-v-c0544096] {
  width: 2.604166666666667vw;
  height: 2.604166666666667vw;
  padding-left: 1.5625vw
}

.sharing-operated__connected .tit .cloud>div[data-v-c0544096] {
  width: 18.020833333333336vw;
  padding: 1.5625vw 1.5625vw 1.5625vw .78125vw;
  font-size: .8333333333333334vw;
  word-break: keep-all;
  line-height: 1.5
}

.sharing-operated__connected .tit .live[data-v-c0544096] {
  margin-top: 3.4375vw;
  width: 11.354166666666668vw;
  font-size: .8333333333333334vw;
  word-break: keep-all;
  line-height: 1.5
}

.sharing-operated__connected .tit .sys[data-v-c0544096] {
  width: 16.458333333333336vw;
  margin-top: 1.875vw;
  font-size: .8333333333333334vw;
  word-break: keep-all;
  line-height: 1.5
}

.sharing-operated__connected .c-img[data-v-c0544096] {
  display: inline-block;
  margin-right: .625vw;
  width: 48.75vw;
  height: 48.020833333333336vw;
  background: url(img/75af114.png) 50% no-repeat;
  background-size: cover
}

.sharing-operated__dual[data-v-c0544096] {
  position: relative;
  width: 42.13541666666667vw;
  height: 28.541666666666668vw;
  margin: 0 auto;
  background: url(img/1d39e00.png) 50% no-repeat;
  background-size: cover
}

.sharing-operated__dual p[data-v-c0544096] {
  line-height: 1.5;
  position: absolute;
  font-size: .8333333333333334vw;
  color: #333
}

.sharing-operated__dual .op-a[data-v-c0544096] {
  width: 9.375vw;
  top: 2.604166666666667vw;
  left: 11.979166666666668vw
}

.sharing-operated__dual .op-b[data-v-c0544096] {
  width: 10.885416666666668vw;
  top: 15.364583333333334vw;
  left: -9.895833333333334vw
}

.sharing-operated__dual .op-c[data-v-c0544096] {
  width: 9.375vw;
  bottom: -2.3958333333333335vw;
  right: 10.15625vw
}

.connectivity-m[data-v-37038072] {
  z-index: 200;
  color: #333;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  padding: .8rem .4rem .6rem;
  border-bottom: 1px solid rgba(51, 51, 51, .1)
}

.connectivity-m .title[data-v-37038072] {
  line-height: 1;
  font-size: .8rem;
  box-sizing: border-box;
  /* font-family: DINOffcPro-Bold; */
  margin-bottom: .2rem
}

.connectivity-m .subTitle[data-v-37038072] {
  font-size: .32rem;
  font-weight: 500;
  letter-spacing: -1px
}

.connectivity-m .img-connect[data-v-37038072] {
  width: 100%;
  height: 153px;
  margin: 0;
  background: url(img/95aa5b4.svg) #fff 0 no-repeat;
  background-size: contain
}

.connectivity-m span[data-v-37038072] {
  display: block;
  margin: 0 auto;
  text-align: left;
  font-size: 16px
}

.connectivity-m .p-ig[data-v-37038072] {
  width: 100%;
  height: auto;
  margin-top: .4rem;
  margin-bottom: .6rem
}

.sharing-connectivity[data-v-c8db9c50] {
  z-index: 200;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  padding: 4.166666666666667vw 0 5vw;
  border-bottom: 1px solid rgba(51, 51, 51, .1)
}

.sharing-connectivity__title[data-v-c8db9c50] {
  color: #333;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  letter-spacing: -3px;
  margin-bottom: 1.0416666666666667vw
}

.sharing-connectivity__subTitle[data-v-c8db9c50] {
  color: #333;
  text-align: center;
  font-size: 1.0416666666666667vw;
  font-weight: 500;
  letter-spacing: -1px
}

.sharing-connectivity .img-connect[data-v-c8db9c50] {
  width: 49.47916666666667vw;
  height: 7.96875vw;
  margin: 2.0833333333333335vw auto 1.5625vw;
  background: url(img/cd2461f.png) #fafafa 50% no-repeat;
  background-size: 31.458333333333336vw 4.84375vw
}

.sharing-connectivity__text[data-v-c8db9c50] {
  color: #333;
  width: 43.22916666666667vw;
  margin: 0 auto;
  text-align: center;
  font-size: .8333333333333334vw
}

.sharing-connectivity .p-ig[data-v-c8db9c50] {
  width: 47.5vw;
  height: 30.260416666666668vw;
  margin: 3.541666666666667vw auto 1.3541666666666667vw
}

.sharing-connectivity .p-ig img[data-v-c8db9c50] {
  display: block;
  width: 100%
}

.deeper-m[data-v-53572bbb] {
  z-index: 200;
  color: #333;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  padding: .8rem .4rem .6rem;
  border-bottom: 1px solid rgba(51, 51, 51, .1)
}

.deeper-m .title[data-v-53572bbb] {
  line-height: 1;
  font-size: .8rem;
  box-sizing: border-box;
  /* font-family: DINOffcPro-Bold; */
  margin-bottom: .2rem
}

.deeper-m .subTitle[data-v-53572bbb] {
  width: 100%;
  padding-bottom: .8rem;
  font-weight: 700;
  font-size: 20px;
  box-sizing: border-box
}

.deeper-m .control[data-v-53572bbb] {
  width: 100%;
  height: auto;
  border-top: 1px solid #d6d6d6;
  margin: 0;
  padding: .8rem 0 0;
  box-sizing: border-box
}

.deeper-m .l[data-v-53572bbb] {
  display: flex;
  box-sizing: border-box
}

.deeper-m .l span[data-v-53572bbb] {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px
}

.deeper-m .l .ti[data-v-53572bbb] {
  flex-grow: 1
}

.deeper-m .l .ti h5[data-v-53572bbb] {
  margin: 0 auto 10px;
  /* font-family: DINOffcPro-Bold; */
  font-size: 16px
}

.deeper-m .l .ti p[data-v-53572bbb] {
  width: auto;
  display: inline-block;
  font-size: 16px;
  padding-bottom: .8rem
}

.deeper-m .border[data-v-53572bbb] {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6
}

.mar[data-v-53572bbb] {
  margin-top: .4rem
}

.pad[data-v-53572bbb] {
  padding-top: .8rem
}

.clearfix[data-v-951d9318]::after {
  content: "";
  display: block;
  height: 0;
  clear: both
}

.deeper-intelligence[data-v-951d9318] {
  z-index: 200;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  padding: 4.166666666666667vw 0 3.75vw
}

.deeper-intelligence .title[data-v-951d9318] {
  color: #333;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  letter-spacing: -3px;
  margin-bottom: 1.0416666666666667vw
}

.deeper-intelligence .subTitle[data-v-951d9318] {
  color: #333;
  text-align: center;
  font-size: 1.0416666666666667vw;
  font-weight: 700;
  letter-spacing: -1px;
  width: 46.145833333333336vw;
  margin: 0 auto
}

.deeper-intelligence .control[data-v-951d9318] {
  width: 59.6875vw;
  height: 11.25vw;
  margin: 2.5vw auto 1.3541666666666667vw;
  background: #fafafa;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box
}

.deeper-intelligence .control .l[data-v-951d9318] {
  box-sizing: border-box;
  padding: 1.5625vw 0 0 1.5625vw
}

.deeper-intelligence .control .l span[data-v-951d9318] {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.5625vw
}

.deeper-intelligence .control .t[data-v-951d9318] {
  display: inline-block;
  vertical-align: baseline
}

.deeper-intelligence .control .t h5[data-v-951d9318] {
  margin: 0 auto .5208333333333334vw;
  /* font-family: DINOffcPro-Bold; */
  font-size: .8333333333333334vw;
  color: #333
}

.deeper-intelligence .control .t p[data-v-951d9318] {
  display: inline-block;
  font-size: .8333333333333334vw;
  width: 21.770833333333336vw
}

.deeper-intelligence .control .r[data-v-951d9318] {
  margin: .78125vw 2.8645833333333335vw 0 0
}

.deeper-intelligence .control .r p[data-v-951d9318] {
  width: 23.333333333333336vw;
  height: 5.9375vw
}

.deeper-intelligence .control .r img[data-v-951d9318] {
  display: block;
  width: 100%
}

.deeper-intelligence .b-con[data-v-951d9318] {
  width: 59.6875vw;
  margin: 0 auto;
  display: flex
}

.deeper-intelligence .b-con .l[data-v-951d9318] {
  background: #fafafa;
  padding: 1.5625vw;
  box-sizing: border-box;
  display: flex
}

.deeper-intelligence .b-con .l span[data-v-951d9318] {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.5625vw
}

.deeper-intelligence .b-con .l[data-v-951d9318]:first-child {
  float: left
}

.deeper-intelligence .b-con .l[data-v-951d9318]:last-child {
  margin-left: 30px
}

.deeper-intelligence .b-con .ti[data-v-951d9318] {
  display: inline-block
}

.deeper-intelligence .b-con .ti h5[data-v-951d9318] {
  margin: 0 auto .5208333333333334vw;
  /* font-family: DINOffcPro-Bold; */
  font-size: .8333333333333334vw;
  color: #333
}

.deeper-intelligence .b-con .ti p[data-v-951d9318] {
  display: inline-block;
  font-size: .8333333333333334vw
}

.scooter-m[data-v-2e722b28] {
  z-index: 200;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
  color: #333;
  padding-bottom: 1.1rem
}

.scooter-m .title[data-v-2e722b28] {
  line-height: 1;
  font-size: .8rem;
  padding: 0 .4rem;
  box-sizing: border-box;
  /* font-family: DINOffcPro-Bold; */
  margin: 50px auto 20px
}

.scooter-m .subTitle[data-v-2e722b28] {
  font-weight: 700;
  font-size: 20px;
  padding: 0 .4rem;
  box-sizing: border-box
}

.scooter-m .bt[data-v-2e722b28] {
  padding: 0 .4rem;
  box-sizing: border-box
}

.scooter-m .bt p[data-v-2e722b28] {
  font-size: 20px;
  padding-bottom: .2rem;
  box-sizing: border-box;
  /* font-family: DINOffcPro-Bold */
}

.scooter-m .bt li[data-v-2e722b28] {
  font-size: 16px
}

.flex-wrapper[data-v-5873f960] {
  display: flex
}

.sharing-scooter[data-v-5873f960] {
  z-index: 200;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  padding: 2.604166666666667vw 0
}

.sharing-scooter__content[data-v-5873f960] {
  margin: 0 auto;
  width: 68.64583333333334vw;
  height: 48.333333333333336vw;
  background: url(img/e1ea0c5.png) 50% no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

.sharing-scooter__title[data-v-5873f960] {
  color: #333;
  line-height: 1.5;
  text-align: center;
  /* font-family: DINOffcPro-Bold; */
  font-size: 2.3958333333333335vw;
  margin-bottom: 1.0416666666666667vw
}

.sharing-scooter__subTitle[data-v-5873f960] {
  color: #333;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  font-size: 1.0416666666666667vw
}

.sharing-scooter .bottom .left-text[data-v-5873f960] {
  color: #333;
  line-height: 1.5;
  font-size: 1.0416666666666667vw;
  /* font-family: DINOffcPro-Bold */
}

.sharing-scooter .bottom .right-text[data-v-5873f960] {
  margin-left: 5.729166666666667vw
}

.sharing-scooter .bottom .right-text li[data-v-5873f960] {
  display: flex;
  align-items: center;
  line-height: 1.5
}

.sharing-scooter .bottom .right-text i[data-v-5873f960] {
  width: 5px;
  min-width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 8px;
  background: #333
}

.sharing-scooter .bottom .right-text span[data-v-5873f960] {
  color: #333;
  font-size: 14px;
  word-break: keep-all
}

.sort-m[data-v-56f0dd48] {
  z-index: 200;
  line-height: 1.5;
  padding: 0 .4rem;
  position: relative;
  box-sizing: border-box;
  background-color: #fff
}

.sort-m .text-wrapper[data-v-56f0dd48] {
  color: #333;
  padding-top: 1.2rem;
  padding-bottom: .6rem
}

.sort-m .text-wrapper h3[data-v-56f0dd48] {
  line-height: 1;
  font-size: .8rem;
  /* font-family: DINOffcPro-Bold; */
  margin: .4rem 0 .3rem
}

.sort-m .iconWrapper[data-v-56f0dd48] {
  display: flex;
  align-items: center
}

.sort-m .iconWrapper p[data-v-56f0dd48] {
  font-size: 14px;
  margin-left: 15px
}

.sort-m ._items[data-v-56f0dd48] {
  font-size: 14px
}

.max-width-1[data-v-57b4e4d6] {
  width: 475px
}

.max-width-2[data-v-57b4e4d6] {
  width: 495px
}

.flex-wrapper[data-v-57b4e4d6] {
  z-index: 200;
  position: relative;
  display: flex;
  align-items: center
}

.row-reverse[data-v-57b4e4d6] {
  flex-direction: row-reverse
}

.sharing-sort[data-v-57b4e4d6] {
  display: flex;
  flex-wrap: wrap
}

.sharing-sort__item[data-v-57b4e4d6] {
  width: 50%
}

.sharing-sort__item[data-v-57b4e4d6]:first-child, .sharing-sort__item[data-v-57b4e4d6]:last-child {
  box-sizing: border-box;
  background-color: #fff
}

.sharing-sort__item[data-v-57b4e4d6]:first-child {
  padding-right: 4.166666666666667vw
}

.sharing-sort__item[data-v-57b4e4d6]:last-child {
  padding-left: 4.166666666666667vw
}

.sharing-sort .text-wrapper .top>p[data-v-57b4e4d6] {
  color: #333;
  font-size: 14px;
  margin-left: .78125vw
}

.sharing-sort .text-wrapper .middle[data-v-57b4e4d6] {
  color: #333;
  font-size: 2.39583vw;
  /* font-family: DINOffcPro-Bold; */
  margin-top: .8333333333333334vw;
  margin-bottom: .5208333333333334vw
}

.sharing-sort .text-wrapper .bottom li[data-v-57b4e4d6] {
  color: #333;
  font-size: 14px;
  line-height: 1.5
}

.sharing-sort .text-wrapper .bottom i[data-v-57b4e4d6] {
  width: 5px;
  min-width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 8px;
  background: #333
}

.sharing-sort .text-wrapper .bottom span[data-v-57b4e4d6] {
  flex: 1;
  display: block;
  flex-direction: column;
  line-clamp: 1;
  overflow: hidden
}

.swiper-container[data-v-e8e41e18] {
  width: 100%;
  height: 100vh;
  z-index: 1000
}

.advantage-5[data-v-e8e41e18] {
  height: 100% !important;
  width: 100%;
  background: url(img/a9faa86.png) no-repeat 50%;
  background-size: 100% 100%
}

.advantage-5 .fullpage-main-box[data-v-e8e41e18] {
  width: 1100px;
  height: 100%;
  padding: 50px 18% 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.advantage-5 .fullpage-main-box .img[data-v-e8e41e18] {
  height: 100vh;
  position: relative
}

.advantage-5 .fullpage-main-box .img .img1[data-v-e8e41e18] {
  height: 100%
}

.advantage-5 .fullpage-main-box .img-text[data-v-e8e41e18] {
  width: .906667rem;
  height: .64rem;
  position: absolute;
  left: 2.586667rem;
  top: 2.8rem;
  color: #000;
  font-size: 16px
}

.advantage-5 .fullpage-main-box .img-container2[data-v-e8e41e18] {
  position: relative
}

.advantage-5 .fullpage-main-box .img-container2 .img2[data-v-e8e41e18] {
  position: absolute;
  bottom: 41.7%;
  right: -5.7%;
  width: 2.9484rem;
  height: 5.011067rem
}

.advantage-5 .fullpage-main-box .bd[data-v-e8e41e18] {
  margin-top: 4.133333rem;
  width: 450px;
  text-align: right
}

.advantage-5 .fullpage-main-box .bd .title-medium[data-v-e8e41e18] {
  font-size: 36px;
  line-height: 50px;
  font-weight: 400
}

.advantage-5 .fullpage-main-box .bd .des[data-v-e8e41e18] {
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  width: 100%
}

.advantage-5 .fullpage-main-box .bd .des2[data-v-e8e41e18] {
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px
}

.advantage-5 .fullpage-main-box2[data-v-e8e41e18] {
  width: 69.6%
}

.advantage-5-2 .bd2[data-v-e8e41e18] {
  color: #fff
}

@media screen and (max-width:1200px) {
  .advantage-5 .fullpage-main-box[data-v-e8e41e18] {
    width: 89.6%;
    min-width: 375px;
    padding: .693333rem 0 0;
    margin: 0 auto;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
  }

  .advantage-5 .fullpage-main-box .img[data-v-e8e41e18] {
    width: 5.624667rem;
    height: 9.106667rem
  }

  .advantage-5 .fullpage-main-box .img .img1[data-v-e8e41e18] {
    width: 100%;
    height: 100%
  }

  .advantage-5 .fullpage-main-box .img .img-text[data-v-e8e41e18] {
    width: .906667rem;
    height: .64rem;
    left: 1.373333rem;
    top: 1.693333rem
  }

  .advantage-5 .fullpage-main-box .bd[data-v-e8e41e18] {
    margin-top: 140px;
    width: 100%;
    text-align: center
  }

  .advantage-5 .fullpage-main-box .bd .title-medium[data-v-e8e41e18] {
    font-size: 36px;
    font-weight: 500
  }

  .advantage-5 .fullpage-main-box .img1[data-v-e8e41e18] {
    width: auto
  }

  .advantage-5 .fullpage-main-box .img-container2[data-v-e8e41e18] {
    padding-left: 20%;
    align-self: flex-start
  }

  .advantage-5 .fullpage-main-box .img-container2 .img-text[data-v-e8e41e18] {
    left: auto;
    right: 1.306667rem
  }

  .advantage-5 .fullpage-main-box .img-container2 .img2[data-v-e8e41e18] {
    position: absolute;
    width: 3.066rem;
    height: 5.210933rem;
    right: -1.7%
  }
}

@media screen and (max-width:767px) {
  .advantage-5[data-v-e8e41e18] {
    background: url(img/dc9f8b3.png) no-repeat 50%;
    background-size: 100% 100%
  }

  .advantage-5 .fullpage-main-box[data-v-e8e41e18] {
    width: 84%;
    padding: 0;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center
  }

  .advantage-5 .fullpage-main-box .img[data-v-e8e41e18] {
    margin: 0 auto;
    width: 7.546133rem;
    height: 11.0008rem;
    align-self: flex-start
  }

  .advantage-5 .fullpage-main-box .img .img-text[data-v-e8e41e18] {
    width: 1.813333rem;
    height: 1.28rem;
    left: 3.333333rem;
    top: 2.666667rem
  }

  .advantage-5 .fullpage-main-box .bd[data-v-e8e41e18] {
    margin-top: 1.6rem;
    margin-bottom: .8rem;
    width: 100%;
    height: auto;
    text-align: center
  }

  .advantage-5 .fullpage-main-box .bd .des[data-v-e8e41e18], .advantage-5 .fullpage-main-box .bd .title-medium[data-v-e8e41e18] {
    font-size: .8rem;
    line-height: 1.3
  }

  .advantage-5 .fullpage-main-box .bd .des2[data-v-e8e41e18] {
    font-size: .373333rem;
    line-break: 1.3
  }

  .advantage-5 .fullpage-main-box .img-container2[data-v-e8e41e18] {
    padding-left: 0;
    align-self: flex-start
  }

  .advantage-5 .fullpage-main-box .img-container2 .img2[data-v-e8e41e18] {
    position: absolute;
    width: 4.734933rem;
    height: 8.047733rem;
    bottom: 33.7%;
    right: -10.7%
  }
}

#fullpage[data-v-e8e41e18] {
  position: relative
}

#fullpage .swiper-wrapper .wow[data-v-e8e41e18] {
  visibility: hidden;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1
}

#fullpage .swiper-wrapper .slideToLeft[data-v-e8e41e18] {
  visibility: hidden;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1
}

#fullpage .swiper-slide-active .wow[data-v-e8e41e18] {
  -webkit-animation-name: slideInDown-data-v-e8e41e18 !important;
          animation-name: slideInDown-data-v-e8e41e18 !important;
  visibility: visible !important
}

#fullpage .swiper-slide-active .slideToLeft[data-v-e8e41e18] {
  -webkit-animation-name: slideToLeft-data-v-e8e41e18 !important;
          animation-name: slideToLeft-data-v-e8e41e18 !important;
  visibility: visible !important
}

@-webkit-keyframes slideToLeft-data-v-e8e41e18 {
  form {
    transform: translateX(0)
  }

  to {
    transform: translateX(-1.066667rem)
  }
}

@keyframes slideToLeft-data-v-e8e41e18 {
  form {
    transform: translateX(0)
  }

  to {
    transform: translateX(-1.066667rem)
  }
}

@-webkit-keyframes slideInDown-data-v-e8e41e18 {
  0% {
    opacity: 0;
    transform: translateY(-40rem)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes slideInDown-data-v-e8e41e18 {
  0% {
    opacity: 0;
    transform: translateY(-40rem)
  }

  to {
    transform: translateY(0)
  }
}

#fullpage .swiper-container-vertical .swiper-pagination-bullets {
  right: 30px
}

#fullpage .swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
  background: #fff
}

#eneryFallpage[data-v-1d4927d3] {
  position: relative
}

#eneryFallpage .swiper-container[data-v-1d4927d3] {
  width: 100%;
  height: 100vh;
  z-index: 1000
}

#eneryFallpage .fullpageBox1[data-v-1d4927d3] {
  height: 100% !important;
  width: 100%;
  background: url(img/7f79300.jpg) 50% no-repeat;
  background-size: cover
}

#eneryFallpage .fullpageBox[data-v-1d4927d3] {
  height: 100% !important;
  width: 100%;
  background: url(img/6b88b32.png) 50% no-repeat;
  background-size: cover;
  position: relative
}

#eneryFallpage .fullpageBox .shadow[data-v-1d4927d3] {
  width: 50vw;
  height: 100%;
  background-color: #191919;
  position: absolute;
  right: 0
}

#eneryFallpage .pageContent[data-v-1d4927d3] {
  margin: 0 auto;
  height: 100% !important;
  width: 1200px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  align-items: flex-end
}

#eneryFallpage .pageText[data-v-1d4927d3] {
  width: 50%;
  height: 80%;
  box-sizing: border-box;
  position: relative
}

#eneryFallpage .pageText .textContent[data-v-1d4927d3] {
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}

#eneryFallpage .pageText .textContent p[data-v-1d4927d3]:first-of-type {
  padding-left: 108px;
  box-sizing: border-box;
  font-size: 36px;
  line-height: 50px;
  color: #fff
}

#eneryFallpage .pageText .textContent p[data-v-1d4927d3]:nth-of-type(2) {
  padding-left: 108px;
  box-sizing: border-box;
  margin-top: 50px;
  font-size: 36px;
  line-height: 48px;
  color: #fff
}

#eneryFallpage .pageText .textContent p:nth-of-type(2) span[data-v-1d4927d3] {
  font-size: 80px;
  line-height: 160px
}

#eneryFallpage .pageText .textContent p:nth-of-type(2) i[data-v-1d4927d3] {
  font-size: 17px;
  line-height: 1.2
}

#eneryFallpage .pageText .textContent .eneryIcon[data-v-1d4927d3] {
  margin-left: 74px;
  margin-top: 60px;
  width: 420px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

#eneryFallpage .pageText .textContent .eneryIcon .box[data-v-1d4927d3] {
  text-align: center;
  width: 33.3%
}

#eneryFallpage .pageText .textContent .eneryIcon .box p[data-v-1d4927d3] {
  padding: 0;
  margin-top: 16px;
  margin-bottom: 26px;
  font-size: 12px;
  line-height: 17px;
  color: #fff
}

#eneryFallpage .pageText .textContent .eneryIcon .box img[data-v-1d4927d3] {
  width: 57px;
  height: 57px
}

#eneryFallpage .pageImg[data-v-1d4927d3] {
  width: 50%;
  height: 80%;
  box-sizing: border-box;
  position: relative
}

#eneryFallpage .pageImg .bgimg[data-v-1d4927d3] {
  width: 120%;
  position: absolute;
  bottom: 50px;
  right: 0;
  z-index: 0
}

#eneryFallpage .pageImg .bgimg img[data-v-1d4927d3] {
  width: 100%
}

#eneryFallpage .pageImg .pageimg2[data-v-1d4927d3] {
  width: 694px;
  position: absolute;
  bottom: 48px;
  right: 24px
}

#eneryFallpage .pageImg .pageimg2 img[data-v-1d4927d3] {
  width: 100%
}

#eneryFallpage .pageImg .pageimg3[data-v-1d4927d3] {
  width: 335px;
  position: absolute;
  bottom: 190px;
  right: 56px;
  z-index: 0
}

#eneryFallpage .pageImg .pageimg3 img[data-v-1d4927d3] {
  width: 100%
}

#eneryFallpage .pageImg .pageimg4[data-v-1d4927d3] {
  width: 260px;
  position: absolute;
  bottom: 82px;
  right: 95px
}

#eneryFallpage .pageImg .pageimg4 img[data-v-1d4927d3] {
  width: 100%
}

#eneryFallpage .pageImg .pageimg5[data-v-1d4927d3] {
  width: 280px;
  position: absolute;
  bottom: 212px;
  right: 179px
}

#eneryFallpage .pageImg .pageimg5 img[data-v-1d4927d3] {
  width: 100%
}

#eneryFallpage .pageImg .pageimg6[data-v-1d4927d3] {
  width: 64px;
  position: absolute;
  bottom: 211px;
  right: 290px
}

#eneryFallpage .pageImg .pageimg6 img[data-v-1d4927d3] {
  width: 100%
}

@media screen and (max-width:992px) {
  #eneryFallpage .pageContent[data-v-1d4927d3] {
    margin: 0 auto;
    height: 100% !important;
    width: 100%;
    box-sizing: border-box;
    position: relative
  }

  #eneryFallpage .pageText[data-v-1d4927d3] {
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-50%)
  }

  #eneryFallpage .pageText p[data-v-1d4927d3]:first-of-type {
    text-align: center;
    font-size: 36px;
    line-height: 48px;
    color: #c8c8c9
  }

  #eneryFallpage .pageText p[data-v-1d4927d3]:nth-of-type(2) {
    margin: 0 auto;
    text-align: center;
    width: 400px;
    font-size: 16px;
    line-height: 27px;
    color: #c8c8c9
  }

  #eneryFallpage .pageImg[data-v-1d4927d3] {
    margin: 0 auto;
    width: 80%;
    height: auto;
    position: absolute;
    left: .666667rem;
    bottom: 0
  }

  #eneryFallpage .pageImg5[data-v-1d4927d3] {
    left: .666667rem
  }

  #eneryFallpage .bgimg1[data-v-1d4927d3] {
    background: url(img/ed15ac3.png);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
  }

  #eneryFallpage .bgimg2[data-v-1d4927d3] {
    background: url(img/cf69ebc.png);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
  }

  #eneryFallpage .bgimg3[data-v-1d4927d3] {
    background: url(img/d3552fb.png);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
  }

  #eneryFallpage .bgimg4[data-v-1d4927d3] {
    background: url(img/f991c10.png);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
  }

  #eneryFallpage .bgimg5[data-v-1d4927d3] {
    background: url(img/e549735.png);
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
  }
}

@media screen and (max-width:767px) {
  #eneryFallpage .pageText[data-v-1d4927d3] {
    position: absolute;
    top: 4.266667rem;
    left: 50%;
    transform: translateX(-50%)
  }

  #eneryFallpage .pageText p[data-v-1d4927d3]:first-of-type {
    text-align: center;
    font-size: 30px;
    line-height: 34px;
    color: #fff
  }

  #eneryFallpage .pageText p[data-v-1d4927d3]:nth-of-type(2) {
    margin: 16.9px auto 0;
    text-align: center;
    padding: 0 30px;
    font-size: 14px;
    line-height: 20px;
    color: #fff
  }

  #eneryFallpage .pageImg[data-v-1d4927d3] {
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0
  }

  #eneryFallpage .pageImg5[data-v-1d4927d3] {
    left: 0
  }

  #eneryFallpage .bgimg1[data-v-1d4927d3], #eneryFallpage .bgimg2[data-v-1d4927d3], #eneryFallpage .bgimg3[data-v-1d4927d3], #eneryFallpage .bgimg4[data-v-1d4927d3], #eneryFallpage .bgimg5[data-v-1d4927d3] {
    background-size: cover;
    background-position: 75% 100%
  }

  #eneryFallpage .bgimg5[data-v-1d4927d3] {
    background-position: 50% 100%
  }
}

@-webkit-keyframes slideToLeft-data-v-1d4927d3 {
  form {
    transform: translateX(0)
  }

  to {
    transform: translateX(-1.066667rem)
  }
}

@keyframes slideToLeft-data-v-1d4927d3 {
  form {
    transform: translateX(0)
  }

  to {
    transform: translateX(-1.066667rem)
  }
}

@-webkit-keyframes slideInDown-data-v-1d4927d3 {
  0% {
    opacity: 0;
    transform: translateY(-40rem)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes slideInDown-data-v-1d4927d3 {
  0% {
    opacity: 0;
    transform: translateY(-40rem)
  }

  to {
    transform: translateY(0)
  }
}

#eneryFallpage .swiper-wrapper .wow[data-v-1d4927d3] {
  visibility: hidden;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1
}

#eneryFallpage .swiper-wrapper .slideToLeft[data-v-1d4927d3] {
  visibility: hidden;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1
}

#eneryFallpage .swiper-slide-active .wow[data-v-1d4927d3] {
  -webkit-animation-name: slideInDown-data-v-1d4927d3 !important;
          animation-name: slideInDown-data-v-1d4927d3 !important;
  visibility: visible !important
}

#eneryFallpage .swiper-slide-active .slideToLeft[data-v-1d4927d3] {
  -webkit-animation-name: slideToLeft-data-v-1d4927d3 !important;
          animation-name: slideToLeft-data-v-1d4927d3 !important;
  visibility: visible !important
}

#eneryFallpage .swiper-container-vertical .swiper-pagination-bullets {
  right: 48%;
  transform: translate3d(8.4rem, -50%, 0)
}

#eneryFallpage .swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
  background: #fff
}

.swiper-container[data-v-0f1a5556] {
  width: 100%;
  height: 100vh;
  z-index: 1000
}

.fullpageBox[data-v-0f1a5556] {
  height: 100% !important;
  width: 100%;
  background: url(img/840b3d5.png) 50% no-repeat;
  background-size: cover
}

.pageContent[data-v-0f1a5556] {
  margin: 0 auto;
  height: 100% !important;
  width: 1200px;
  box-sizing: border-box;
  position: relative
}

.pageText[data-v-0f1a5556] {
  position: absolute;
  bottom: 68.5%;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%)
}

.pageText p[data-v-0f1a5556]:first-of-type {
  width: 800px;
  margin: 0 auto;
  text-align: center;
  font-size: 36px;
  line-height: 48px;
  color: #c8c8c9
}

.pageText p[data-v-0f1a5556]:nth-of-type(2) {
  width: 800px;
  margin: 12px auto 0;
  text-align: center;
  font-size: 16px;
  line-height: 27px;
  color: #c8c8c9
}

.pageImg[data-v-0f1a5556] {
  max-width: 1043px;
  max-height: 834px;
  height: 70%
}

.pageImg[data-v-0f1a5556], .pageImg img[data-v-0f1a5556] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.pageImg img[data-v-0f1a5556] {
  height: 100%
}

@media screen and (max-width:767px) {
  .pageContent[data-v-0f1a5556] {
    width: 100%
  }

  .pageText[data-v-0f1a5556] {
    position: absolute;
    top: 15vh;
    left: 50%;
    transform: translateX(-50%)
  }

  .pageText p[data-v-0f1a5556]:first-of-type {
    width: 9.333333rem;
    margin: 0 auto;
    text-align: center;
    font-size: .8rem;
    line-height: 1.2;
    color: #fff
  }

  .pageText p[data-v-0f1a5556]:nth-of-type(2) {
    width: 8rem;
    margin: 1.066667rem auto 0;
    text-align: center;
    padding: 0 30px;
    font-size: 14px;
    line-height: 20px;
    color: #fff
  }

  .pageImg[data-v-0f1a5556] {
    margin: 0 auto;
    width: 10rem;
    height: 8rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    align-self: flex-end
  }

  .bgimg1[data-v-0f1a5556] {
    background: url(img/ed15ac3.png) 50% no-repeat
  }

  .bgimg2[data-v-0f1a5556] {
    background: url(img/cf69ebc.png) 50% no-repeat
  }

  .bgimg3[data-v-0f1a5556] {
    background: url(img/d3552fb.png) 50% no-repeat
  }

  .bgimg4[data-v-0f1a5556] {
    background: url(img/f991c10.png) 50% no-repeat
  }

  .bgimg5[data-v-0f1a5556] {
    background: url(img/e549735.png) 50% no-repeat
  }

  .bgimg1[data-v-0f1a5556], .bgimg2[data-v-0f1a5556], .bgimg3[data-v-0f1a5556], .bgimg4[data-v-0f1a5556], .bgimg5[data-v-0f1a5556] {
    width: 10rem;
    height: 8rem;
    padding-bottom: 0;
    background-size: contain
  }
}

#lampfull[data-v-0f1a5556] {
  position: relative
}

#lampfull .swiper-wrapper .wow[data-v-0f1a5556] {
  visibility: hidden;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1
}

#lampfull .swiper-wrapper .slideToLeft[data-v-0f1a5556] {
  visibility: hidden;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1
}

#lampfull .swiper-slide-active .wow[data-v-0f1a5556] {
  -webkit-animation-name: slideInDown-data-v-0f1a5556 !important;
          animation-name: slideInDown-data-v-0f1a5556 !important;
  visibility: visible !important
}

#lampfull .swiper-slide-active .slideToLeft[data-v-0f1a5556] {
  -webkit-animation-name: slideToLeft-data-v-0f1a5556 !important;
          animation-name: slideToLeft-data-v-0f1a5556 !important;
  visibility: visible !important
}

@-webkit-keyframes slideToLeft-data-v-0f1a5556 {
  form {
    transform: translateX(0)
  }

  to {
    transform: translateX(-1.066667rem)
  }
}

@keyframes slideToLeft-data-v-0f1a5556 {
  form {
    transform: translateX(0)
  }

  to {
    transform: translateX(-1.066667rem)
  }
}

@-webkit-keyframes slideInDown-data-v-0f1a5556 {
  0% {
    opacity: 0;
    transform: translateY(-40rem)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes slideInDown-data-v-0f1a5556 {
  0% {
    opacity: 0;
    transform: translateY(-40rem)
  }

  to {
    transform: translateY(0)
  }
}

.data-swiper-box .swiper-wrapper {
  position: relative
}

.data-swiper-box .swiper-pagination {
  position: absolute;
  right: 30px;
  top: 50%;
  width: .133333rem
}

.data-swiper-box .swiper-pagination span.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
  background: #fff
}

#lampfull .swiper-container-vertical .swiper-pagination-bullets {
  right: 16px
}

#lampfull .swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
  background: #fff
}

.uaddIndex .winfont[data-v-4c1c53e8] {
  font-family: PingFangSC !important
}

.uaddIndex .winline[data-v-4c1c53e8] {
  line-height: 10px
}

.uaddIndex .kejiContent[data-v-4c1c53e8] {
  margin: 0 auto
}

.uaddIndex .center[data-v-4c1c53e8], .uaddIndex .content[data-v-4c1c53e8] {
  width: 13.066667rem;
  padding: 0 .133333rem;
  margin: 0 auto;
  text-align: center
}

.uaddIndex .titleNum[data-v-4c1c53e8] {
  margin: 0 auto;
  min-width: 2rem;
  display: inline-block;
  padding: 0 5px 5px;
  height: auto;
  box-sizing: border-box;
  border: .013333rem solid #fff;
  text-align: center
}

.uaddIndex .titleNum>p[data-v-4c1c53e8]:first-of-type {
  padding-top: .066667rem;
  color: #fff;
  line-height: 118px;
  font-size: 118px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

.uaddIndex .titleNum>p[data-v-4c1c53e8]:nth-of-type(2) {
  letter-spacing: .013333rem;
  padding-top: .066667rem;
  color: #fff;
  line-height: 36px;
  font-size: 28px;
  /* font-family: DINOffcPro-Cond; */
  font-weight: 400
}

.uaddIndex .numberIcon[data-v-4c1c53e8] {
  margin: 0 auto;
  width: 150px;
  height: 183px;
  overflow: hidden
}

.uaddIndex .numberIcon img[data-v-4c1c53e8] {
  width: 100%
}

.uaddIndex .keji[data-v-4c1c53e8] {
  background: url(img/114c443.png) 50% no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  height: 13.333333rem
}

.uaddIndex .keji .circle1[data-v-4c1c53e8] {
  width: 318px;
  height: 318px;
  overflow: hidden;
  position: absolute;
  bottom: 170px;
  left: -230px;
  overflow: visible
}

.uaddIndex .keji .circle1 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle2[data-v-4c1c53e8] {
  width: 154px;
  height: 154px;
  overflow: hidden;
  position: absolute;
  bottom: 573px;
  left: 264px;
  overflow: visible
}

.uaddIndex .keji .circle2 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle3[data-v-4c1c53e8] {
  width: 88px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  bottom: 729px;
  left: 503px;
  overflow: visible
}

.uaddIndex .keji .circle3 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle4[data-v-4c1c53e8] {
  width: 458px;
  height: 458px;
  overflow: hidden;
  position: absolute;
  top: -243px;
  right: 483px;
  overflow: visible
}

.uaddIndex .keji .circle4 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle5[data-v-4c1c53e8] {
  width: 76px;
  height: 76px;
  overflow: hidden;
  position: absolute;
  top: 420px;
  right: 533px;
  overflow: visible
}

.uaddIndex .keji .circle5 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle6[data-v-4c1c53e8] {
  width: 155px;
  height: 155px;
  overflow: hidden;
  position: absolute;
  top: 220px;
  right: 223px;
  overflow: visible
}

.uaddIndex .keji .circle6 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle7[data-v-4c1c53e8] {
  width: 346px;
  height: 346px;
  overflow: hidden;
  position: absolute;
  top: 473px;
  right: -173px;
  overflow: visible
}

.uaddIndex .keji .circle7 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .circle9[data-v-4c1c53e8] {
  width: 897px;
  height: 1070px;
  overflow: hidden;
  position: absolute;
  bottom: -736px;
  left: 1078px;
  overflow: visible;
  z-index: 99
}

.uaddIndex .keji .circle9 img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .kejiU[data-v-4c1c53e8] {
  margin-top: 151.5px;
  display: flex;
  justify-content: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  align-items: center
}

.uaddIndex .keji .kejiU img[data-v-4c1c53e8] {
  height: 42px
}

.uaddIndex .keji .kejiU span[data-v-4c1c53e8] {
  color: #000;
  line-height: 1.2;
  font-size: 48px;
  font-weight: 400;
  /* font-family: DINOffcPro-CondBold */
}

.uaddIndex .keji .kejiDetail[data-v-4c1c53e8] {
  width: 7.8rem;
  margin: .353333rem auto 0
}

.uaddIndex .keji .kejiDetail p[data-v-4c1c53e8] {
  color: #000;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .keji .kejiContent[data-v-4c1c53e8] {
  width: 13.066667rem;
  height: 910px;
  position: relative;
  overflow: visible
}

.uaddIndex .keji .kejiContent .kejileft[data-v-4c1c53e8] {
  width: 505px;
  height: 481px;
  overflow: hidden;
  position: absolute;
  bottom: 86px;
  left: -64px;
  overflow: visible
}

.uaddIndex .keji .kejiContent .kejileft img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .keji .kejiContent .kejiright[data-v-4c1c53e8] {
  width: 845px;
  height: 641px;
  overflow: hidden;
  position: absolute;
  bottom: 37px;
  right: -145px;
  overflow: visible
}

.uaddIndex .keji .kejiContent .kejiright img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .lidian[data-v-4c1c53e8] {
  text-align: center;
  background-color: #0f1114;
  padding-top: 136px;
  padding-bottom: 140px;
  box-sizing: border-box
}

.uaddIndex .lidian .lidiamB[data-v-4c1c53e8] {
  margin: 0 auto;
  box-sizing: border-box;
  width: 150px;
  height: 183px;
  overflow: hidden;
  position: relative;
  color: #fff
}

.uaddIndex .lidian .lidiamB>[data-v-4c1c53e8] {
  position: relative;
  z-index: 2
}

.uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #707070
}

@media (-webkit-min-device-pixel-ratio:2) {
  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.uaddIndex .lidian .lidiamB>p[data-v-4c1c53e8]:first-of-type {
  margin-top: 30px;
  height: 106px;
  color: #fff;
  line-height: 106px;
  font-size: 143.5px;
  /* font-family: DINOffcPro-CondBold; */
  font-weight: 400
}

.uaddIndex .lidian .lidiamB>p[data-v-4c1c53e8]:nth-of-type(2) {
  letter-spacing: .026667rem;
  height: 45px;
  color: #fff;
  line-height: 45px;
  font-size: 35px;
  /* font-family: DINOffcPro-Cond; */
  font-weight: 400
}

.uaddIndex .lidian .lidian01>p[data-v-4c1c53e8] {
  color: #fff;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400
}

.uaddIndex .lidian .lidian01>p[data-v-4c1c53e8]:first-of-type {
  margin-top: 44.5px;
  margin-bottom: 18px;
  color: #fff;
  line-height: 1.3;
  font-size: 36px;
  font-weight: 600
}

.uaddIndex .lidian .lidian01>p[data-v-4c1c53e8]:nth-of-type(2) {
  width: 7.12rem;
  margin: 18px auto 62px;
  color: #fff;
  line-height: 1.3;
  font-size: 23px;
  font-weight: 600
}

.uaddIndex .lidian .lidian01>p[data-v-4c1c53e8]:nth-of-type(3) {
  margin: 0 auto;
  width: 11.933333rem;
  /* font-family: DINOffcPro-Medium */
}

.uaddIndex .lidian p[data-v-4c1c53e8] {
  color: #d8d8d8;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .lidian .lidianImg[data-v-4c1c53e8] {
  margin-top: 44px;
  width: 782px;
  height: 181px;
  overflow: hidden
}

.uaddIndex .lidian .nubbox[data-v-4c1c53e8] {
  margin: 0 auto;
  width: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  clear: both;
  overflow: hidden
}

.uaddIndex .lidian .nubbox .box[data-v-4c1c53e8] {
  float: left;
  margin: 60px 17.5px 0;
  width: 178.4px;
  height: 178.4px;
  overflow: hidden;
  border: .013333rem solid #fff
}

.uaddIndex .lidian .nubbox .box img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .lidian .nubbox .box>p[data-v-4c1c53e8]:first-of-type {
  margin: 0 auto;
  height: 100px;
  position: relative;
  color: #fff;
  line-height: 29px;
  font-size: 14px;
  font-weight: DINOffcPro-Light
}

.uaddIndex .lidian .nubbox .box>p[data-v-4c1c53e8]:first-of-type::before {
  content: "";
  width: 86px;
  height: .013333rem;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.uaddIndex .lidian .nubbox .box>p:first-of-type span[data-v-4c1c53e8] {
  color: #fff;
  line-height: 120px;
  font-size: 50px;
  font-family: 400;
  font-weight: 400
}

.uaddIndex .lidian .nubbox .box>p[data-v-4c1c53e8]:nth-of-type(2) {
  margin: 0 auto;
  text-align: center;
  width: 178.4px;
  height: 50px;
  overflow: hidden;
  color: #fff;
  line-height: 46px;
  font-size: 14px;
  font-weight: 600
}

.uaddIndex .energy[data-v-4c1c53e8] {
  width: 100%;
  height: 100%;
  max-height: 14.506667rem
}

.uaddIndex .energy .swiper-slide[data-v-4c1c53e8], .uaddIndex .energy .swiper-slide img[data-v-4c1c53e8], .uaddIndex .energy .swiper-wrapper[data-v-4c1c53e8], .uaddIndex .energy .swiper-wrapper img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%
}

.uaddIndex .zhiNeng[data-v-4c1c53e8] {
  width: 100%;
  text-align: center;
  background-color: #72eef5;
  padding-top: 136px;
  padding-bottom: 461px;
  box-sizing: border-box;
  position: relative
}

.uaddIndex .zhiNeng>p[data-v-4c1c53e8] {
  color: #fff;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto
}

.uaddIndex .zhiNeng>p[data-v-4c1c53e8]:first-of-type {
  margin-bottom: .4rem;
  margin-top: .404rem;
  color: #fff;
  line-height: 53px;
  font-size: 35px;
  font-weight: 400
}

.uaddIndex .zhiNeng>p[data-v-4c1c53e8]:nth-of-type(2), .uaddIndex .zhiNeng>p[data-v-4c1c53e8]:nth-of-type(3) {
  width: 800px
}

.uaddIndex .zhiNeng .lidianImg[data-v-4c1c53e8] {
  margin-top: 17.8px;
  width: 6.266667rem;
  height: 3.066667rem
}

.uaddIndex .zhiNeng .zhiCar[data-v-4c1c53e8] {
  width: 452.5px;
  height: 756px;
  overflow: hidden;
  position: absolute;
  bottom: -310px;
  left: 50%;
  transform: translate(-50%)
}

.uaddIndex .update[data-v-4c1c53e8] {
  padding-top: 383px;
  padding-bottom: 84.5px;
  background: url(img/2d81bc7.jpg)
}

.uaddIndex .update .tit[data-v-4c1c53e8] {
  display: block;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-size: 36px;
  font-weight: 400;
  width: 1000px;
  margin: 0 auto
}

.uaddIndex .update .updateImg[data-v-4c1c53e8] {
  width: 15.52rem;
  height: 10.666667rem;
  margin-left: -1.093333rem
}

.uaddIndex .update .updateBox[data-v-4c1c53e8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  align-items: unset
}

.uaddIndex .update .updateBox .box[data-v-4c1c53e8] {
  width: 2.24rem
}

.uaddIndex .update .updateBox .box p[data-v-4c1c53e8] {
  padding-top: .32rem
}

.uaddIndex .update .updateBox .box:nth-child p[data-v-4c1c53e8] {
  padding-top: .246667rem
}

.uaddIndex .update .updateBox .box1Img1[data-v-4c1c53e8] {
  width: 86.3px;
  height: 76.3px;
  overflow: hidden
}

.uaddIndex .update .updateBox .box1Img2[data-v-4c1c53e8] {
  width: 75.5px;
  height: 52.5px;
  overflow: hidden
}

.uaddIndex .update .updateBox .box1Img3[data-v-4c1c53e8] {
  width: 78.5px;
  height: 73px;
  overflow: hidden
}

.uaddIndex .update .updateBox p[data-v-4c1c53e8] {
  color: #fff;
  line-height: 28.8px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .beidou[data-v-4c1c53e8] {
  background-color: #fff;
  background: url(img/ac3e9b5.jpg) 50% no-repeat;
  background-size: cover;
  padding-bottom: 1.146667rem
}

.uaddIndex .beidou>p[data-v-4c1c53e8]:nth-of-type(3) {
  margin: 120px auto 0;
  color: #fff;
  line-height: 1.2;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .beidou>p[data-v-4c1c53e8]:nth-of-type(4) {
  margin-top: 31.7px;
  color: #c3051d;
  line-height: 1.4;
  font-size: 29px;
  font-weight: 300
}

.uaddIndex .beidou .beidouimg1[data-v-4c1c53e8] {
  display: block;
  margin: 62.5px auto 0;
  width: 1033.5px;
  height: 672px;
  background: url(img/e7a6cc2.png) 50% no-repeat;
  background-size: contain;
  position: relative
}

.uaddIndex .beidou .beidouimg1 img[data-v-4c1c53e8] {
  width: 751px;
  height: 441px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.uaddIndex .jingjie[data-v-4c1c53e8] {
  height: 18.573333rem;
  width: 100%;
  background: url(img/39bea0c.png) 50% no-repeat;
  background-size: cover;
  padding-top: 123.3px;
  box-sizing: border-box;
  position: relative
}

.uaddIndex .jingjie .content[data-v-4c1c53e8] {
  width: 753px
}

.uaddIndex .jingjie p[data-v-4c1c53e8] {
  color: #000;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .jingjie p.p2[data-v-4c1c53e8] {
  width: 458px;
  margin: .186667rem auto 0
}

.uaddIndex .jingjie p[data-v-4c1c53e8]:first-of-type {
  margin-bottom: 36px;
  color: #000;
  line-height: 28px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .jingjie img[data-v-4c1c53e8] {
  margin-top: 60.5px;
  width: .64rem
}

.uaddIndex .jingjie p[data-v-4c1c53e8]:nth-of-type(5) {
  text-align: center
}

.uaddIndex .jingjie .feiji[data-v-4c1c53e8] {
  height: 18.573333rem;
  width: 18.573333rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%)
}

@-webkit-keyframes living-data-v-4c1c53e8 {
  0% {
    transform: scale(1);
    opacity: 1
  }

  25% {
    transform: scale(3);
    opacity: .75
  }

  50% {
    transform: scale(5);
    opacity: .5
  }

  75% {
    transform: scale(7);
    opacity: .25
  }

  to {
    transform: scale(9);
    opacity: 0
  }
}

@keyframes living-data-v-4c1c53e8 {
  0% {
    transform: scale(1);
    opacity: 1
  }

  25% {
    transform: scale(3);
    opacity: .75
  }

  50% {
    transform: scale(5);
    opacity: .5
  }

  75% {
    transform: scale(7);
    opacity: .25
  }

  to {
    transform: scale(9);
    opacity: 0
  }
}

.uaddIndex .jingjie .feiji .box[data-v-4c1c53e8] {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  left: 45%;
  top: 50%;
  z-index: 99;
  background: radial-gradient(#12d6c6, #c7eeeb);
  -webkit-animation: living-data-v-4c1c53e8 4s linear infinite;
          animation: living-data-v-4c1c53e8 4s linear infinite
}

.uaddIndex .jingjie .feiji .box[data-v-4c1c53e8]:nth-of-type(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s
}

.uaddIndex .jingjie .feiji .box[data-v-4c1c53e8]:nth-of-type(3) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s
}

.uaddIndex .jingjie .feiji .box[data-v-4c1c53e8]:nth-of-type(4) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s
}

.uaddIndex .jingjie .feiji img[data-v-4c1c53e8] {
  width: 1048px;
  height: 622px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  z-index: 100
}

.uaddIndex .caokong[data-v-4c1c53e8] {
  width: 100%;
  height: 1083.5px;
  background: url(img/f7cc82b.jpg) 50% no-repeat;
  background-size: cover;
  padding-top: 1.533333rem;
  box-sizing: border-box
}

.uaddIndex .caokong .centent[data-v-4c1c53e8] {
  text-align: left
}

.uaddIndex .caokong .content>p[data-v-4c1c53e8] {
  color: #fff;
  line-height: 54px;
  font-size: 32px;
  font-weight: 400;
  text-align: left
}

.uaddIndex .caokong .content>p[data-v-4c1c53e8]:first-of-type {
  color: #fff;
  line-height: 50px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .caokong .content>p[data-v-4c1c53e8]:nth-of-type(2) {
  margin-top: 70.5px;
  margin-bottom: 39px;
  color: #fff;
  line-height: 27px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .caokong .content>p[data-v-4c1c53e8]:last-child {
  margin-top: 12px;
  padding-left: 0;
  color: #8d8d88;
  line-height: 27px;
  font-size: 12px;
  font-weight: 400
}

.uaddIndex .caokong .content>p:last-child span[data-v-4c1c53e8] {
  margin-left: 14px
}

.uaddIndex .caokong .dian[data-v-4c1c53e8] {
  position: relative;
  padding-left: 20px;
  text-align: left;
  color: #fff;
  line-height: 27px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .caokong .dian[data-v-4c1c53e8]::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 10px
}

.uaddIndex .four[data-v-4c1c53e8] {
  background: url(img/ee33496.png) 50% no-repeat
}

.uaddIndex .four .center[data-v-4c1c53e8] {
  height: 100%;
  padding-top: 86.5px;
  padding-bottom: 396.8px;
  position: relative
}

.uaddIndex .four .center>p[data-v-4c1c53e8]:first-of-type {
  margin-top: 44.25px;
  color: #fff;
  line-height: 53.25px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(2) {
  margin: 30.25px auto 0;
  width: 540px;
  color: #fff;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(3) {
  margin-top: 106.4px;
  color: #fff;
  line-height: 53.25px;
  font-size: 46px;
  font-weight: 400
}

.uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(4) {
  margin-top: 29.1px;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(5) {
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .four .img[data-v-4c1c53e8] {
  width: 25.6rem;
  position: absolute;
  left: 50%;
  bottom: -179px;
  transform: translate(-50%, 50%)
}

.uaddIndex .kongzhi[data-v-4c1c53e8] {
  background: #121212;
  background-size: 100% 100%;
  text-align: center;
  padding-top: 522.35px;
  padding-bottom: 2.266667rem
}

.uaddIndex .kongzhi .kongzhi-p[data-v-4c1c53e8] {
  position: relative;
  z-index: 10
}

.uaddIndex .kongzhi .pic-box[data-v-4c1c53e8] {
  width: 956.5px;
  position: relative;
  margin: 0 auto
}

.uaddIndex .kongzhi .pic-box span[data-v-4c1c53e8] {
  position: absolute;
  font-size: 22px;
  color: #95979a;
  font-weight: 600;
  line-height: 1.4
}

.uaddIndex .kongzhi .pic-box span.p1[data-v-4c1c53e8] {
  transform: rotate(90deg);
  transform-origin: top left;
  left: 6.4%;
  top: 23%
}

.uaddIndex .kongzhi .pic-box span.p2[data-v-4c1c53e8] {
  top: 25.6%;
  left: 18.2%;
  width: 2.666667rem;
  text-align: left
}

.uaddIndex .kongzhi .pic-box span.p3[data-v-4c1c53e8] {
  color: #ad4242;
  top: 52%;
  left: 46.8%
}

.uaddIndex .kongzhi .pic-box span.p4[data-v-4c1c53e8] {
  bottom: 4%;
  left: 41%;
  transform: translateX(.133333rem)
}

.uaddIndex .kongzhi .pic-box img[data-v-4c1c53e8] {
  display: block;
  width: 100%
}

.uaddIndex .kongzhi p[data-v-4c1c53e8]:first-of-type {
  margin-bottom: 17.9px;
  color: #fff;
  line-height: 50px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .kongzhi p[data-v-4c1c53e8]:nth-of-type(2) {
  margin: 29px auto 95px;
  width: 800px;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .dxua[data-v-4c1c53e8] {
  text-align: center;
  padding-top: 111.85px
}

.uaddIndex .dxua p[data-v-4c1c53e8]:first-of-type {
  color: #000;
  line-height: 48px;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 15px
}

.uaddIndex .dxua p[data-v-4c1c53e8]:nth-of-type(2) {
  width: 9.293333rem;
  margin: 0 auto;
  color: #000;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .dxua .diesha1 img[data-v-4c1c53e8] {
  margin-top: 56px;
  display: inline-block;
  width: 476px;
  height: 149.5px;
  overflow: hidden
}

.uaddIndex .dxua .diesha2[data-v-4c1c53e8] {
  display: inline-block;
  width: 1099px;
  height: 861px;
  overflow: hidden;
  margin-top: 1.166667rem;
  margin-bottom: 1.333333rem;
  background: url(img/2cee413.png) 50% no-repeat;
  background-size: contain;
  position: relative
}

.uaddIndex .dxua .diesha2 img[data-v-4c1c53e8] {
  width: 835px;
  height: 470px;
  overflow: hidden;
  position: absolute;
  bottom: 95px;
  left: 235px
}

.uaddIndex .huishou[data-v-4c1c53e8] {
  text-align: center;
  background: #1a1c23;
  padding-top: 107.6px
}

.uaddIndex .huishou>p[data-v-4c1c53e8]:first-of-type {
  color: #fff;
  line-height: 50px;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 17.9px
}

.uaddIndex .huishou>p[data-v-4c1c53e8]:nth-of-type(2) {
  width: 800px;
  margin: 0 auto;
  color: #fff;
  line-height: 27px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .huishou .huishouImg2[data-v-4c1c53e8] {
  margin: 15.8px auto 95px;
  display: inline-block;
  width: 865px;
  height: 618px;
  overflow: hidden
}

.uaddIndex .huishou .huishouImg2 img[data-v-4c1c53e8] {
  width: 100%
}

.uaddIndex .huishou .huishouImg[data-v-4c1c53e8] {
  margin-top: 15.8px;
  display: inline-block;
  width: 1578px;
  height: 785px;
  overflow: hidden;
  transform: translate(1.2rem)
}

.uaddIndex .five[data-v-4c1c53e8] {
  background: url(img/61934ec.png) 50% no-repeat;
  padding-top: 136px;
  padding-bottom: 203.4px;
  text-align: center
}

.uaddIndex .five>p[data-v-4c1c53e8]:first-of-type {
  margin-top: 40.8px;
  color: #fff;
  line-height: 37.5px;
  font-size: 40px;
  font-weight: 400
}

.uaddIndex .jingcai[data-v-4c1c53e8] {
  height: 1148px;
  background: url(img/e8604f3.jpg) 50% no-repeat;
  background-size: cover;
  padding-top: 99.3px;
  box-sizing: border-box;
  text-align: center
}

.uaddIndex .jingcai>p[data-v-4c1c53e8]:first-of-type {
  color: #000;
  line-height: 53px;
  font-size: 40px;
  font-weight: 400
}

.uaddIndex .jingcai>p[data-v-4c1c53e8]:nth-of-type(2) {
  margin-top: .32rem;
  color: #000;
  line-height: 29px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .caozuo[data-v-4c1c53e8] {
  background: url(img/e5969e2.png) 50% no-repeat;
  background-size: cover;
  padding-top: 98.1px;
  box-sizing: border-box;
  text-align: center
}

.uaddIndex .caozuo p[data-v-4c1c53e8]:first-of-type {
  color: #fff;
  line-height: 48px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .caozuo p[data-v-4c1c53e8]:nth-of-type(2) {
  margin-top: 26.5px
}

.uaddIndex .caozuo p[data-v-4c1c53e8]:nth-of-type(2), .uaddIndex .caozuo p[data-v-4c1c53e8]:nth-of-type(3) {
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .caozuo .caozuoBox[data-v-4c1c53e8] {
  margin: 70px auto 0;
  width: 980px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  clear: both;
  overflow: hidden
}

.uaddIndex .caozuo .caozuoBox div[data-v-4c1c53e8] {
  float: left;
  width: 33.33%
}

.uaddIndex .caozuo .caozuoBox img[data-v-4c1c53e8] {
  width: 237px;
  height: 237px;
  overflow: hidden
}

.uaddIndex .caozuo .caozuoBox p[data-v-4c1c53e8] {
  margin-top: 19px;
  margin-bottom: 114px;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .jianxiu[data-v-4c1c53e8] {
  width: 100%;
  height: 966px;
  background: url(img/002b57f.jpg) 50% no-repeat;
  background-size: cover;
  padding-top: 392.3px;
  box-sizing: border-box
}

.uaddIndex .jianxiu p[data-v-4c1c53e8]:first-of-type {
  text-align: left;
  color: #fff;
  line-height: 48px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .jianxiu p[data-v-4c1c53e8]:nth-of-type(2) {
  text-align: left;
  margin-top: 26.5px;
  width: 724.5px;
  color: #fff;
  line-height: 27.3px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .xiwei[data-v-4c1c53e8] {
  background: url(img/61d6632.png) 50% no-repeat;
  background-size: cover;
  padding-top: 129.1px;
  padding-bottom: 142px;
  text-align: center
}

.uaddIndex .xiwei>p[data-v-4c1c53e8]:first-of-type {
  color: #000;
  line-height: 48px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .xiwei>p[data-v-4c1c53e8]:nth-of-type(2) {
  margin: 11.5px auto 0;
  width: 490px;
  color: #000;
  line-height: 27.3px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .xiwei img[data-v-4c1c53e8] {
  margin-top: 96.4px;
  width: 982.5px;
  height: 982.5px;
  overflow: hidden
}

.uaddIndex .six[data-v-4c1c53e8] {
  padding-top: 136.5;
  padding-bottom: 74px
}

.uaddIndex .six>p[data-v-4c1c53e8] {
  color: #fff;
  line-height: 26px;
  font-size: 14px;
  font-weight: 400
}

.uaddIndex .six>p[data-v-4c1c53e8]:nth-of-type(2) {
  margin: 27.6px auto 0;
  width: 793px
}

.uaddIndex .six>p[data-v-4c1c53e8]:nth-of-type(3) {
  width: 793px;
  margin: 0 auto
}

.uaddIndex .baoxiu[data-v-4c1c53e8] {
  background: url(img/dbf0061.png) 50% no-repeat;
  background-size: cover;
  padding-top: 138.5px;
  padding-bottom: 3.333333rem
}

.uaddIndex .baoxiu>p[data-v-4c1c53e8]:first-of-type {
  margin-top: 88px;
  color: #000;
  line-height: 48px;
  font-size: 36px;
  font-weight: 400
}

.uaddIndex .baoxiu .baoxiuBox[data-v-4c1c53e8] {
  margin-top: 86.3px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  clear: both;
  overflow: hidden
}

.uaddIndex .baoxiu .baoxiuBox .box[data-v-4c1c53e8] {
  float: left;
  padding: 82.5px 53px 0;
  width: 442px;
  height: 378.5px;
  overflow: hidden;
  background-color: #f2f2f2;
  box-sizing: border-box;
  margin-bottom: 19px
}

.uaddIndex .baoxiu .baoxiuBox .box img[data-v-4c1c53e8] {
  width: 63px;
  height: 60px;
  overflow: hidden
}

.uaddIndex .baoxiu .baoxiuBox .box p[data-v-4c1c53e8] {
  color: #818181;
  line-height: 28px;
  font-size: 16px;
  font-weight: 400
}

.uaddIndex .baoxiu .baoxiuBox .box p[data-v-4c1c53e8]:first-of-type {
  margin-top: 16px;
  margin-bottom: 30px;
  color: #000;
  line-height: 28px;
  font-size: 24px;
  font-weight: 400
}

.uaddIndex .baoxiu .baoxiuBox .box[data-v-4c1c53e8]:first-of-type {
  margin-right: 19.5px
}

.uaddIndex .baoxiu .liaojie img[data-v-4c1c53e8] {
  margin-top: 134px;
  width: 234px;
  height: 45px;
  overflow: hidden
}

.uaddIndex .buy[data-v-4c1c53e8] {
  height: 525.5px;
  background: url(img/6f85b49.png) 50% no-repeat;
  background-size: cover;
  padding-top: 138.5px;
  box-sizing: border-box
}

.uaddIndex .buy .center[data-v-4c1c53e8] {
  display: flex;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  position: relative;
  align-items: center
}

.uaddIndex .buy .center .left img[data-v-4c1c53e8] {
  display: block;
  width: 162px;
  height: 71px;
  overflow: hidden
}

.uaddIndex .buy .center .left button[data-v-4c1c53e8] {
  float: left;
  margin-top: 71px;
  outline: none;
  border: 0;
  color: #fff;
  width: 298px;
  height: 83.5px;
  overflow: hidden;
  font-size: 36px;
  background: transparent;
  position: relative;
  overflow: visible
}

.uaddIndex .buy .center .left button>[data-v-4c1c53e8] {
  position: relative;
  z-index: 2
}

.uaddIndex .buy .center .left button[data-v-4c1c53e8]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #fff
}

@media (-webkit-min-device-pixel-ratio:2) {
  .uaddIndex .buy .center .left button[data-v-4c1c53e8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .uaddIndex .buy .center .left button[data-v-4c1c53e8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .uaddIndex .buy .center .left button[data-v-4c1c53e8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.uaddIndex .buy .center .right[data-v-4c1c53e8] {
  height: 643px;
  width: 9.346667rem;
  position: absolute;
  right: 0;
  top: -256px;
  overflow: hidden
}

.uaddIndex .buy .center .right img[data-v-4c1c53e8] {
  width: 701px;
  height: 1171px;
  overflow: hidden
}

.uaddIndex .statement[data-v-4c1c53e8] {
  padding-top: .773333rem;
  padding-bottom: .773333rem;
  background-color: #fff
}

.uaddIndex .statement p[data-v-4c1c53e8] {
  text-align: left;
  color: #8d8d8d;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400
}

@media screen and (max-width:767px) {
  .uaddIndex .content[data-v-4c1c53e8] {
    width: 100%;
    padding: 1.52rem .133333rem;
    box-sizing: border-box
  }

  .uaddIndex .titleNum[data-v-4c1c53e8] {
    min-width: 1.6rem;
    margin: 0 auto;
    box-sizing: border-box;
    border: .013333rem solid #fff;
    text-align: center
  }

  .uaddIndex .titleNum>p[data-v-4c1c53e8]:first-of-type {
    padding-top: .066667rem;
    color: #fff;
    line-height: 1;
    font-size: 38px;
    /* font-family: DINOffcPro-CondBold; */
    font-weight: 400
  }

  .uaddIndex .titleNum>p[data-v-4c1c53e8]:nth-of-type(2) {
    letter-spacing: .013333rem;
    padding-top: .066667rem;
    color: #fff;
    line-height: 9px;
    font-size: 8px;
    /* font-family: DINOffcPro-Cond; */
    font-weight: 400
  }

  .uaddIndex .numberIcon[data-v-4c1c53e8] {
    margin: 0 auto;
    width: 1.2rem;
    height: 1.653333rem
  }

  .uaddIndex .numberIcon img[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .keji[data-v-4c1c53e8] {
    height: 667px;
    position: relative;
    overflow: hidden
  }

  .uaddIndex .keji .circle1[data-v-4c1c53e8] {
    width: 4.346667rem;
    height: 4.346667rem;
    position: absolute;
    bottom: 1.506667rem;
    left: -3.013333rem
  }

  .uaddIndex .keji .circle1 img[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .keji .circle2[data-v-4c1c53e8] {
    width: 1.306667rem;
    height: 1.306667rem;
    position: absolute;
    bottom: 7.453333rem;
    left: .986667rem
  }

  .uaddIndex .keji .circle2 img[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .keji .circle3[data-v-4c1c53e8] {
    width: .88rem;
    height: .88rem;
    position: absolute;
    bottom: 8.16rem;
    left: 3.04rem
  }

  .uaddIndex .keji .circle4[data-v-4c1c53e8] {
    width: 5.733333rem;
    height: 5.733333rem;
    position: absolute;
    top: -2.053333rem;
    left: 1.333333rem
  }

  .uaddIndex .keji .circle5[data-v-4c1c53e8] {
    width: .773333rem;
    height: .773333rem;
    position: absolute;
    top: 1.906667rem;
    right: 2.933333rem
  }

  .uaddIndex .keji .circle6[data-v-4c1c53e8] {
    width: 1.386667rem;
    height: 1.386667rem;
    position: absolute;
    top: .813333rem;
    right: 1.2rem
  }

  .uaddIndex .keji .circle7[data-v-4c1c53e8] {
    width: 3.493333rem;
    height: 3.493333rem;
    position: absolute;
    top: 2.213333rem;
    right: -2.453333rem
  }

  .uaddIndex .keji .circle9[data-v-4c1c53e8] {
    width: 10.666667rem;
    height: 9.066667rem;
    bottom: -270px;
    left: 60px;
    overflow: visible
  }

  .uaddIndex .keji .circle9 img[data-v-4c1c53e8] {
    width: 100%;
    height: 100%;
    overflow: visible
  }

  .uaddIndex .keji .kejiContent[data-v-4c1c53e8] {
    margin: 0 auto
  }

  .uaddIndex .keji .content[data-v-4c1c53e8] {
    z-index: 999;
    text-align: center
  }

  .uaddIndex .keji .kejiU[data-v-4c1c53e8] {
    margin-top: 1.145333rem
  }

  .uaddIndex .keji .kejiU img[data-v-4c1c53e8] {
    height: .373333rem;
    margin-top: 3px
  }

  .uaddIndex .keji .kejiU span[data-v-4c1c53e8] {
    color: #000;
    line-height: 45px;
    font-size: 30px;
    font-weight: 400;
    font-size: .64rem;
    /* font-family: DINOffcPro-CondBold */
  }

  .uaddIndex .keji .kejiDetail[data-v-4c1c53e8] {
    width: 8.906667rem;
    margin-top: 36px
  }

  .uaddIndex .keji .kejiDetail p[data-v-4c1c53e8] {
    color: #000;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    font-size: .373333rem
  }

  .uaddIndex .keji .kejiContent[data-v-4c1c53e8] {
    width: 10rem;
    height: 667px;
    position: relative;
    overflow: visible
  }

  .uaddIndex .keji .kejiContent .kejileft[data-v-4c1c53e8] {
    width: 3.946667rem;
    height: 3.76rem;
    position: absolute;
    bottom: 163px;
    left: .933333rem
  }

  .uaddIndex .keji .kejiContent .kejiright[data-v-4c1c53e8] {
    width: 6.88rem;
    height: 5.6rem;
    position: absolute;
    bottom: 150px;
    right: -.506667rem
  }

  .uaddIndex .lidian[data-v-4c1c53e8] {
    width: 100%;
    text-align: center;
    background: url(img/1225729.png) 50% no-repeat;
    background-size: 100% 100%;
    padding: 33px 20px 1.68rem;
    box-sizing: border-box
  }

  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8] {
    margin: 0 auto;
    width: 1.253333rem;
    height: 1.733333rem;
    position: relative
  }

  .uaddIndex .lidian .lidiamB>[data-v-4c1c53e8] {
    position: relative;
    z-index: 2
  }

  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    position: absolute;
    z-index: 1;
    content: "";
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #fff
  }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:1.5) {
  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) and (-webkit-device-pixel-ratio:3) {
  .uaddIndex .lidian .lidiamB[data-v-4c1c53e8]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media screen and (max-width:767px) {
  .uaddIndex .lidian .lidiamB>p[data-v-4c1c53e8]:first-of-type {
    margin-top: 10px;
    color: #fff;
    line-height: 33px;
    font-size: 42px;
    /* font-family: DINOffcPro-CondBold; */
    font-weight: 400
  }

  .uaddIndex .lidian .lidiamB>p[data-v-4c1c53e8]:nth-of-type(2) {
    letter-spacing: 0;
    margin-top: 5px;
    color: #fff;
    line-height: 9px;
    font-size: 8px;
    /* font-family: DINOffcPro-Cond; */
    font-weight: 400
  }

  .uaddIndex .lidian .lidian01>p[data-v-4c1c53e8] {
    color: #fff;
    line-height: 22px;
    font-size: 18px;
    font-weight: 400
  }

  .uaddIndex .lidian .lidian01>p[data-v-4c1c53e8]:first-of-type {
    margin-top: .32rem;
    font-size: .693333rem;
    color: #fff
  }

  .uaddIndex .lidian .lidian01>p[data-v-4c1c53e8]:nth-of-type(2) {
    margin-top: .32rem;
    margin-bottom: .533333rem;
    font-size: .48rem;
    color: #fff;
    /* font-family: DINOffcPro-Medium */
  }

  .uaddIndex .lidian .lidian02[data-v-4c1c53e8] {
    font-size: .373333rem;
    width: 7.946667rem;
    margin: 0 auto
  }

  .uaddIndex .lidian .lidian02 p[data-v-4c1c53e8] {
    color: #fff
  }

  .uaddIndex .lidian .lidian02 p[data-v-4c1c53e8]:not(:last-child) {
    padding-bottom: .426667rem
  }

  .uaddIndex .lidian .lidianImg[data-v-4c1c53e8] {
    margin-top: 17.8px;
    width: 6.266667rem;
    height: 3.066667rem
  }

  .uaddIndex .lidian .nubbox[data-v-4c1c53e8] {
    margin: 1.36rem auto 0;
    width: 300px;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .uaddIndex .lidian .nubbox .box[data-v-4c1c53e8] {
    margin: 2px;
    width: 124.5px;
    height: 124.5px;
    overflow: hidden
  }

  .uaddIndex .lidian .nubbox .box img[data-v-4c1c53e8] {
    width: 100%;
    height: 100%
  }

  .uaddIndex .lidian .nubbox .box>p[data-v-4c1c53e8]:first-of-type {
    margin: 0 auto;
    height: 78px;
    color: #fff;
    line-height: 29px;
    font-size: 14px;
    font-weight: 400
  }

  .uaddIndex .lidian .nubbox .box>p[data-v-4c1c53e8]:first-of-type::before {
    content: "";
    width: 86px;
    height: .013333rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
  }

  .uaddIndex .lidian .nubbox .box>p:first-of-type span[data-v-4c1c53e8] {
    color: #fff;
    line-height: 86px;
    font-size: 40px;
    /* font-family: DINOffcPro-Light; */
    font-weight: 400
  }

  .uaddIndex .lidian .nubbox .box>p[data-v-4c1c53e8]:nth-of-type(2) {
    margin: 0 auto;
    width: 100%;
    height: 50px;
    overflow: hidden;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400
  }

  .uaddIndex .energy[data-v-4c1c53e8] {
    width: 100%;
    height: 100%;
    max-height: 1334px;
    background-color: #0f1114
  }

  .uaddIndex .energy .swiper-container[data-v-4c1c53e8] {
    width: 10rem;
    height: 5.333333rem
  }

  .uaddIndex .energy .swiper-container .swiper-wrapper[data-v-4c1c53e8] {
    height: 1.973333rem;
    margin-top: 1.946667rem;
    text-align: center;
    color: #fff;
    line-height: 34px;
    font-size: 30px;
    font-weight: 400
  }

  .uaddIndex .energy .energy3[data-v-4c1c53e8] {
    padding: 0 .098667rem .194667rem .102667rem;
    box-sizing: border-box;
    margin: 2.986667rem auto 0;
    width: 9.596533rem;
    height: 9.0144rem
  }

  .uaddIndex .energy .energy3 img[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .mEnergy[data-v-4c1c53e8] {
    width: 100%;
    color: #fff
  }

  .uaddIndex .mEnergy .swiper-wrapper[data-v-4c1c53e8] {
    width: 100%;
    height: auto
  }

  .uaddIndex .mEnergy .swiper-slide[data-v-4c1c53e8] {
    background: #000;
    width: 100%;
    z-index: 99;
    top: 0
  }

  .uaddIndex .mEnergy .swiper-slide[data-v-4c1c53e8]:first-of-type {
    background: url(img/cf10ea7.png);
    background-size: 100% 100%;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 98
  }

  .uaddIndex .mEnergy .swiper-slide[data-v-4c1c53e8]:nth-of-type(2) {
    height: 100vh;
    background: url(img/c16e3a0.png) 50% no-repeat;
    background-size: 100% 100%
  }

  .uaddIndex .mEnergy .textContent[data-v-4c1c53e8] {
    padding: 96px 16px 0;
    box-sizing: border-box
  }

  .uaddIndex .mEnergy .textContent>p[data-v-4c1c53e8] {
    box-sizing: border-box;
    text-align: center
  }

  .uaddIndex .mEnergy .textContent>p[data-v-4c1c53e8]:first-of-type {
    font-size: .666667rem;
    line-height: 1.3;
    color: #fff
  }

  .uaddIndex .mEnergy .textContent>p[data-v-4c1c53e8]:nth-of-type(2) {
    margin-top: 50px;
    font-size: 14px;
    line-height: 25px;
    color: #fff
  }

  .uaddIndex .mEnergy .textContent>p:nth-of-type(2) span[data-v-4c1c53e8] {
    font-size: 3.04rem;
    line-height: 1
  }

  .uaddIndex .mEnergy .textContent .two-num[data-v-4c1c53e8] {
    width: 8rem;
    margin: .666667rem auto 0
  }

  .uaddIndex .mEnergy .textContent .two-num p[data-v-4c1c53e8] {
    font-size: 0;
    display: inline
  }

  .uaddIndex .mEnergy .textContent .two-num p[data-v-4c1c53e8]:first-child {
    padding-right: .533333rem
  }

  .uaddIndex .mEnergy .textContent .two-num span[data-v-4c1c53e8] {
    font-size: 3.04rem;
    line-height: 1;
    display: inline-block
  }

  .uaddIndex .mEnergy .textContent .two-num i[data-v-4c1c53e8] {
    font-size: .373333rem;
    line-height: 1.2;
    margin-top: 1.866667rem;
    display: inline-block;
    text-align: left
  }

  .uaddIndex .mEnergy .textContent .eneryIcon[data-v-4c1c53e8] {
    margin-top: .893333rem;
    padding-bottom: 200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .uaddIndex .mEnergy .textContent .eneryIcon .box[data-v-4c1c53e8] {
    text-align: center;
    width: 33.3%
  }

  .uaddIndex .mEnergy .textContent .eneryIcon .box p[data-v-4c1c53e8] {
    padding: 0;
    margin-top: 16px;
    margin-bottom: 26px;
    font-size: 12px;
    line-height: 14px;
    color: #fff
  }

  .uaddIndex .mEnergy .textContent .eneryIcon .box img[data-v-4c1c53e8] {
    width: 57px;
    height: 57px
  }

  .uaddIndex .zhiNeng[data-v-4c1c53e8] {
    width: 100%;
    text-align: center;
    background-color: #72eef5;
    padding-top: 1.085333rem;
    padding-bottom: 9.4rem;
    box-sizing: border-box;
    position: relative
  }

  .uaddIndex .zhiNeng>p[data-v-4c1c53e8] {
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400
  }

  .uaddIndex .zhiNeng>p[data-v-4c1c53e8]:first-of-type {
    font-size: .64rem;
    color: #fff;
    margin-top: 0;
    line-height: 1.5
  }

  .uaddIndex .zhiNeng>p[data-v-4c1c53e8]:nth-of-type(2) {
    font-size: .373333rem;
    width: 8.8rem;
    margin: 0 auto
  }

  .uaddIndex .zhiNeng>p[data-v-4c1c53e8]:nth-of-type(3) {
    font-size: .373333rem;
    padding-top: .586667rem;
    width: 8.8rem;
    margin: 0 auto
  }

  .uaddIndex .zhiNeng .zhiCar[data-v-4c1c53e8] {
    width: 6.453333rem;
    height: 10.8rem;
    position: absolute;
    bottom: -1.68rem;
    left: 50%;
    transform: translate(-50%)
  }

  .uaddIndex .update[data-v-4c1c53e8] {
    padding-top: 2.613333rem;
    padding-bottom: .733333rem;
    text-align: center;
    background: url(img/2d81bc7.jpg)
  }

  .uaddIndex .update .tit[data-v-4c1c53e8] {
    display: block;
    width: 8rem;
    margin: 0 auto;
    color: #fff;
    font-size: .64rem;
    line-height: 1.3
  }

  .uaddIndex .update .updateImg[data-v-4c1c53e8] {
    width: 8.412533rem;
    height: 6.425333rem;
    margin: 0 auto
  }

  .uaddIndex .update .updateBox[data-v-4c1c53e8] {
    width: 3.733333rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .uaddIndex .update .updateBox .box[data-v-4c1c53e8] {
    width: 168px
  }

  .uaddIndex .update .updateBox .box1Img1[data-v-4c1c53e8] {
    width: 42.6px;
    height: 39px;
    overflow: hidden
  }

  .uaddIndex .update .updateBox .box1Img2[data-v-4c1c53e8] {
    margin-top: 43px;
    width: 37.59px;
    height: 25.91px;
    overflow: hidden
  }

  .uaddIndex .update .updateBox .box1Img3[data-v-4c1c53e8] {
    margin-top: 43px;
    width: 38.53px;
    height: 35.99px;
    overflow: hidden
  }

  .uaddIndex .update .updateBox p[data-v-4c1c53e8] {
    font-size: .373333rem;
    color: #fff;
    line-height: 1.3
  }

  .uaddIndex .beidou[data-v-4c1c53e8] {
    background-color: #fff;
    background: url(img/ac3e9b5.jpg) no-repeat;
    padding-bottom: 1.146667rem
  }

  .uaddIndex .beidou>p[data-v-4c1c53e8]:first-of-type {
    margin: .266667rem auto 0;
    width: 6.4rem;
    font-size: .8rem;
    line-height: 1.2
  }

  .uaddIndex .beidou>p[data-v-4c1c53e8]:nth-of-type(2) {
    margin: .4rem auto 0;
    width: 5.386667rem;
    font-size: .373333rem
  }

  .uaddIndex .beidou>p[data-v-4c1c53e8]:nth-of-type(3) {
    margin: 1.6rem auto 0;
    width: 7.786667rem;
    color: #fff;
    font-size: .8rem;
    padding-top: 0
  }

  .uaddIndex .beidou>p[data-v-4c1c53e8]:nth-of-type(4) {
    margin-top: .64rem;
    width: 9.173333rem;
    font-size: .64rem
  }

  .uaddIndex .beidou .beidouimg1[data-v-4c1c53e8] {
    margin: 40.6px auto 0;
    width: 8.600267rem;
    height: 209.7px;
    background: url(img/e7a6cc2.png) no-repeat;
    background-size: contain;
    position: relative
  }

  .uaddIndex .beidou .beidouimg1 img[data-v-4c1c53e8] {
    width: 6.123733rem;
    height: 127px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
  }

  .uaddIndex .jingjie[data-v-4c1c53e8] {
    width: 100%;
    height: auto;
    background: url(img/39bea0c.png) 50% no-repeat;
    background-size: 100% 100%;
    padding-top: 55.5px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: column
  }

  .uaddIndex .jingjie .content[data-v-4c1c53e8] {
    padding: 0
  }

  .uaddIndex .jingjie .feiji[data-v-4c1c53e8] {
    width: 10rem;
    height: 7.733333rem;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%)
  }

  @-webkit-keyframes living-data-v-4c1c53e8 {
    0% {
      transform: scale(1);
      opacity: 1
    }

    25% {
      transform: scale(3);
      opacity: .75
    }

    50% {
      transform: scale(5);
      opacity: .5
    }

    75% {
      transform: scale(7);
      opacity: .25
    }

    to {
      transform: scale(9);
      opacity: 0
    }
  }

  @keyframes living-data-v-4c1c53e8 {
    0% {
      transform: scale(1);
      opacity: 1
    }

    25% {
      transform: scale(3);
      opacity: .75
    }

    50% {
      transform: scale(5);
      opacity: .5
    }

    75% {
      transform: scale(7);
      opacity: .25
    }

    to {
      transform: scale(9);
      opacity: 0
    }
  }

  .uaddIndex .jingjie .feiji .box[data-v-4c1c53e8] {
    width: 1.333333rem;
    height: 1.333333rem;
    border-radius: 50%;
    position: absolute;
    left: 45%;
    top: 55%;
    z-index: 99;
    background: radial-gradient(#12d6c6, #c7eeeb);
    -webkit-animation: living-data-v-4c1c53e8 4s linear infinite;
            animation: living-data-v-4c1c53e8 4s linear infinite
  }

  .uaddIndex .jingjie .feiji .box[data-v-4c1c53e8]:nth-of-type(2) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s
  }

  .uaddIndex .jingjie .feiji .box[data-v-4c1c53e8]:nth-of-type(3) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s
  }

  .uaddIndex .jingjie .feiji .box[data-v-4c1c53e8]:nth-of-type(4) {
    -webkit-animation-delay: 3s;
            animation-delay: 3s
  }

  .uaddIndex .jingjie .feiji img[data-v-4c1c53e8] {
    width: 9.04rem;
    height: 5.386667rem;
    position: absolute;
    left: 50%;
    top: 77%;
    margin-top: 0;
    transform: translate(-50%, -50%);
    z-index: 100
  }

  .uaddIndex .jingjie .content[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .jingjie>p[data-v-4c1c53e8] {
    color: #000;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400
  }

  .uaddIndex .jingjie>p[data-v-4c1c53e8]:first-of-type {
    margin-bottom: .8rem;
    color: #000;
    font-size: .8rem
  }

  .uaddIndex .jingjie>p[data-v-4c1c53e8]:nth-of-type(2) {
    width: 7.333333rem;
    margin: 0 auto;
    font-size: .373333rem
  }

  .uaddIndex .jingjie .jingimg[data-v-4c1c53e8] {
    width: 100%;
    text-align: center
  }

  .uaddIndex .jingjie .jingimg p[data-v-4c1c53e8] {
    font-size: #000;
    font-size: .373333rem;
    width: 6.986667rem;
    line-height: 1.3;
    margin: 0 auto;
    padding: .4rem 0 1.626667rem
  }

  .uaddIndex .jingjie .jingimg p span[data-v-4c1c53e8]:first-of-type {
    margin-right: 70px
  }

  .uaddIndex .jingjie .jingimg img[data-v-4c1c53e8] {
    display: inline-block;
    margin: 60px auto 0;
    width: 40px;
    height: 40px;
    overflow: hidden
  }

  .uaddIndex .caokong[data-v-4c1c53e8] {
    width: 100%;
    height: auto;
    padding-top: 1.333333rem;
    box-sizing: border-box;
    background: #0f1115
  }

  .uaddIndex .caokong .caokongimg[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .caokong .centent[data-v-4c1c53e8] {
    text-align: center;
    padding: 0 !important
  }

  .uaddIndex .caokong .content>p[data-v-4c1c53e8] {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    text-align: left
  }

  .uaddIndex .caokong .content>p[data-v-4c1c53e8]:first-of-type {
    text-align: center;
    font-size: .8rem
  }

  .uaddIndex .caokong .content>p[data-v-4c1c53e8]:nth-of-type(2) {
    text-align: center;
    font-size: .373333rem;
    margin-top: .266667rem;
    margin-bottom: 1.386667rem
  }

  .uaddIndex .caokong .content>p[data-v-4c1c53e8]:last-child {
    margin-top: .48rem;
    font-size: .373333rem;
    color: #fff;
    padding-left: 1.226667rem
  }

  .uaddIndex .caokong .dian-box[data-v-4c1c53e8] {
    padding-left: 1.226667rem
  }

  .uaddIndex .caokong .dian[data-v-4c1c53e8] {
    position: relative;
    padding-left: 14px;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400
  }

  .uaddIndex .caokong .dian[data-v-4c1c53e8]::before {
    content: "";
    display: block;
    width: 5.87px;
    height: 5.87px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 6px
  }

  .uaddIndex .four[data-v-4c1c53e8] {
    background: url(img/1903c43.png) 50% no-repeat;
    background-size: 100% 100%
  }

  .uaddIndex .four .center[data-v-4c1c53e8] {
    width: 10rem;
    height: 100%;
    padding-top: 1.312rem;
    padding-bottom: 3.733333rem;
    position: relative
  }

  .uaddIndex .four .center>p[data-v-4c1c53e8] {
    color: #fff
  }

  .uaddIndex .four .center>p[data-v-4c1c53e8]:first-of-type {
    margin-top: .266667rem;
    margin-bottom: .266667rem;
    font-size: .8rem;
    line-height: 1.2
  }

  .uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(2) {
    margin-top: 0;
    font-size: .373333rem;
    line-height: 1.3;
    width: 7.893333rem
  }

  .uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(3) {
    margin-top: 1.52rem;
    font-size: .8rem;
    line-height: 1.3;
    width: 100%
  }

  .uaddIndex .four .center>p[data-v-4c1c53e8]:nth-of-type(4) {
    margin-top: .266667rem;
    font-size: .373333rem
  }

  .uaddIndex .four .img[data-v-4c1c53e8] {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: -5.066667rem;
    transform: unset
  }

  .uaddIndex .kongzhi[data-v-4c1c53e8] {
    background: #121212;
    text-align: center;
    padding-top: 5.773333rem;
    padding-bottom: 1.466667rem
  }

  .uaddIndex .kongzhi p[data-v-4c1c53e8] {
    color: #fff
  }

  .uaddIndex .kongzhi p[data-v-4c1c53e8]:first-of-type {
    font-size: .8rem;
    line-height: 1.3
  }

  .uaddIndex .kongzhi p[data-v-4c1c53e8]:nth-of-type(2) {
    width: 100%
  }

  .uaddIndex .kongzhi p[data-v-4c1c53e8]:nth-of-type(3) {
    margin: .426667rem auto 0;
    width: 7.466667rem;
    font-size: .373333rem;
    line-height: 1.5
  }

  .uaddIndex .kongzhi .pic-box[data-v-4c1c53e8] {
    width: 8.88rem;
    position: relative;
    margin: 1.066667rem auto 0
  }

  .uaddIndex .kongzhi .pic-box span[data-v-4c1c53e8] {
    position: absolute;
    font-size: .133333rem;
    color: #95979a;
    font-weight: 600;
    line-height: 1.4
  }

  .uaddIndex .kongzhi .pic-box span.p1[data-v-4c1c53e8] {
    transform: rotate(90deg);
    transform-origin: top left;
    left: 6.4%;
    top: 23%
  }

  .uaddIndex .kongzhi .pic-box span.p2[data-v-4c1c53e8] {
    top: 25.6%;
    left: 18.2%;
    width: 2.666667rem;
    text-align: left
  }

  .uaddIndex .kongzhi .pic-box span.p3[data-v-4c1c53e8] {
    color: #ad4242;
    top: 52%;
    left: 46.8%
  }

  .uaddIndex .kongzhi .pic-box span.p4[data-v-4c1c53e8] {
    bottom: 3%;
    left: 41%;
    transform: translateX(.133333rem)
  }

  .uaddIndex .kongzhi .pic-box img[data-v-4c1c53e8] {
    display: block;
    width: 100%
  }

  .uaddIndex .dxua[data-v-4c1c53e8] {
    text-align: center;
    background: #fff;
    padding-top: 1.44rem
  }

  .uaddIndex .dxua>p[data-v-4c1c53e8] {
    color: #000
  }

  .uaddIndex .dxua>p[data-v-4c1c53e8]:first-of-type {
    line-height: 1.3;
    font-size: .8rem
  }

  .uaddIndex .dxua>p[data-v-4c1c53e8]:nth-of-type(2) {
    line-height: 1.5;
    font-size: .373333rem
  }

  .uaddIndex .dxua .diesha1 img[data-v-4c1c53e8] {
    margin-top: .673333rem;
    display: inline-block;
    width: 476px;
    height: 149.5px;
    overflow: hidden;
    width: 6.533333rem;
    height: 2.026667rem
  }

  .uaddIndex .dxua .diesha2[data-v-4c1c53e8] {
    display: inline-block;
    width: 9.28rem;
    height: 7.306667rem;
    background: url(img/d5447f3.png) 50% no-repeat;
    background-size: cover
  }

  .uaddIndex .huishou[data-v-4c1c53e8] {
    text-align: center;
    background: #1d1f25;
    padding-top: 1.653333rem;
    padding-bottom: 0
  }

  .uaddIndex .huishou>p[data-v-4c1c53e8]:first-of-type {
    color: #fff;
    line-height: 30px;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: .238667rem;
    font-size: .8rem;
    line-height: 1.3
  }

  .uaddIndex .huishou>p[data-v-4c1c53e8]:nth-of-type(2) {
    width: 7.146667rem;
    font-size: .373333rem;
    line-height: 1.3
  }

  .uaddIndex .huishou .huishouImg2[data-v-4c1c53e8] {
    width: 90%;
    height: auto;
    margin: 1.6rem auto 2.08rem
  }

  .uaddIndex .huishou .huishouImg[data-v-4c1c53e8] {
    margin-top: 15.8px;
    display: inline-block;
    width: 1578px;
    height: 785px;
    overflow: hidden;
    width: 15.286933rem;
    height: 7.599733rem;
    transform: translate(-1.733333rem)
  }

  .uaddIndex .five[data-v-4c1c53e8] {
    background: url(img/0287695.png) 50% no-repeat;
    background-size: cover;
    padding-top: .656rem;
    padding-bottom: .884rem;
    text-align: center
  }

  .uaddIndex .five>p[data-v-4c1c53e8]:first-of-type {
    margin-top: .4rem;
    color: #fff;
    line-height: 34px;
    font-size: 30px;
    font-weight: 400;
    font-size: .8rem
  }

  .uaddIndex .jingcai[data-v-4c1c53e8] {
    height: 11.946667rem;
    background: url(img/71cda54.jpg) bottom no-repeat;
    background-size: 100% auto;
    padding-top: 2.133333rem;
    box-sizing: border-box;
    text-align: center
  }

  .uaddIndex .jingcai>p[data-v-4c1c53e8]:first-of-type {
    font-size: .8rem;
    line-height: 1.2
  }

  .uaddIndex .jingcai>p[data-v-4c1c53e8]:nth-of-type(2) {
    margin-top: .72rem;
    font-size: .373333rem;
    line-height: 1.3
  }

  .uaddIndex .caozuo[data-v-4c1c53e8] {
    background: url(img/e5969e2.png) 50% no-repeat;
    background-size: cover;
    padding-top: 1.308rem;
    padding-bottom: .8rem;
    box-sizing: border-box;
    text-align: center
  }

  .uaddIndex .caozuo .center[data-v-4c1c53e8] {
    width: 10rem;
    padding: 0
  }

  .uaddIndex .caozuo p[data-v-4c1c53e8] {
    color: #fff
  }

  .uaddIndex .caozuo p[data-v-4c1c53e8]:first-of-type {
    font-size: .8rem;
    line-height: 1.2;
    margin-bottom: .853333rem
  }

  .uaddIndex .caozuo p[data-v-4c1c53e8]:nth-of-type(2), .uaddIndex .caozuo p[data-v-4c1c53e8]:nth-of-type(3), .uaddIndex .caozuo p[data-v-4c1c53e8]:nth-of-type(4) {
    margin: 0 auto;
    width: 8.373333rem;
    font-size: .373333rem;
    line-height: 1.5
  }

  .uaddIndex .caozuo .caozuoBox[data-v-4c1c53e8] {
    margin: 24px auto 0;
    width: 7.76rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-lines: multiple;
    flex-wrap: wrap
  }

  .uaddIndex .caozuo .caozuoBox div[data-v-4c1c53e8] {
    width: 40%;
    margin-top: 39px
  }

  .uaddIndex .caozuo .caozuoBox img[data-v-4c1c53e8] {
    width: 2.746667rem;
    height: 2.746667rem
  }

  .uaddIndex .caozuo .caozuoBox p[data-v-4c1c53e8] {
    margin-top: .053333rem;
    margin-bottom: .266667rem;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400
  }

  .uaddIndex .jianxiu[data-v-4c1c53e8] {
    width: 100%;
    height: auto;
    background: #212427;
    padding-top: 1.24rem;
    box-sizing: border-box
  }

  .uaddIndex .jianxiu .jianxiuimg[data-v-4c1c53e8] {
    width: 100%
  }

  .uaddIndex .jianxiu .center[data-v-4c1c53e8] {
    width: 100%;
    padding: 0
  }

  .uaddIndex .jianxiu p[data-v-4c1c53e8]:first-of-type {
    text-align: center;
    color: #fff;
    line-height: 34px;
    font-size: 30px;
    font-weight: 400
  }

  .uaddIndex .jianxiu p[data-v-4c1c53e8]:nth-of-type(2) {
    width: 8.693333rem;
    text-align: center;
    margin: .8rem auto 0;
    color: #fff;
    font-size: .373333rem;
    line-height: 1.5
  }

  .uaddIndex .xiwei[data-v-4c1c53e8] {
    background: none;
    padding-top: 1.466667rem;
    padding-bottom: .8rem;
    text-align: center
  }

  .uaddIndex .xiwei>p[data-v-4c1c53e8] {
    color: #000
  }

  .uaddIndex .xiwei>p[data-v-4c1c53e8]:first-of-type {
    font-size: .8rem;
    line-height: 1.2
  }

  .uaddIndex .xiwei>p[data-v-4c1c53e8]:nth-of-type(2), .uaddIndex .xiwei>p[data-v-4c1c53e8]:nth-of-type(3) {
    margin: .88rem auto 0;
    font-size: .373333rem;
    line-height: 1.5
  }

  .uaddIndex .xiwei img[data-v-4c1c53e8] {
    margin-top: 1.68rem;
    width: 9.306667rem;
    height: 9.306667rem
  }

  .uaddIndex .six[data-v-4c1c53e8] {
    padding: 1.333333rem .266667rem 2.08rem;
    box-sizing: border-box
  }

  .uaddIndex .six>p[data-v-4c1c53e8] {
    color: #fff
  }

  .uaddIndex .six>p[data-v-4c1c53e8]:first-of-type {
    font-size: .8rem;
    margin-bottom: .613333rem
  }

  .uaddIndex .six>p[data-v-4c1c53e8]:nth-of-type(2), .uaddIndex .six>p[data-v-4c1c53e8]:nth-of-type(3) {
    margin: .853333rem auto 0;
    width: 8rem;
    font-size: .373333rem
  }

  .uaddIndex .statement[data-v-4c1c53e8] {
    padding: 2.133333rem .56rem 1.226667rem;
    background-color: #fff
  }

  .uaddIndex .statement .content[data-v-4c1c53e8] {
    width: 100%;
    padding: 0
  }

  .uaddIndex .statement p[data-v-4c1c53e8] {
    text-align: left;
    font-size: .32rem;
    color: #767676;
    line-height: 1.3
  }
}

.uaddIndex .about .about-header-wrapper1 .aboutTitle, .uaddIndex .about .about-header-wrapper2 .abouttag, .uaddIndex .about .about-header .after {
  color: #000
}

.uaddIndex .about .about-header li.nuxt-link-exact-active, .uaddIndex .about .about-header li:hover {
  color: #999 !important
}

.uaddIndex .energy {
  width: 100%;
  height: 667px;
  background-color: #0f1114
}

.uaddIndex .energy .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background: #fff;
  z-index: 99
}

.uaddIndex .energy .swiper-pagination-bullet-active {
  background: #71efc5
}

#product-introduct-detail[data-v-4c1c53e8] {
  position: relative;
  background-color: #fff
}

#detail-container[data-v-4c1c53e8] {
  width: 100%;
  margin: 0 auto
}

#detail-container[data-v-4c1c53e8] .el-image {
  overflow: visible;
  vertical-align: middle
}

#detail-container[data-v-4c1c53e8] .el-image /deep/ img {
  display: block
}

@media screen and (max-width:768px) {
  #detail-container .spe[data-v-4c1c53e8] {
    margin: -1px 0
  }
}

#detail-container[data-v-4c1c53e8] .el-image__inner {
  vertical-align: middle
}

.link-technology[data-v-4c1c53e8] {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: visible
}

@media screen and (max-width:768px) {
  .link-technology[data-v-4c1c53e8] {
    margin: -1px 0
  }
}

#swiper-locate[data-v-4c1c53e8] {
  width: 100%;
  height: 12.266667rem
}

@media screen and (max-width:768px) {
  #swiper-locate[data-v-4c1c53e8] {
    height: 13.333333rem
  }
}

#swiper-locate .swiper-slide[data-v-4c1c53e8] {
  position: relative
}

#swiper-locate .swiper-slide img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.locate[data-v-4c1c53e8] {
  width: auto;
  left: 19vw;
  bottom: 1.826667rem
}

@media screen and (max-width:768px) {
  .locate[data-v-4c1c53e8] {
    left: 5vw
  }
}

.locate[data-v-4c1c53e8] .swiper-pagination-bullet {
  width: .746667rem;
  height: .053333rem;
  border-radius: 0;
  outline: none
}

@media screen and (max-width:768px) {
  .locate[data-v-4c1c53e8] .swiper-pagination-bullet {
    width: .906667rem;
    height: .106667rem
  }
}

.mid-layout[data-v-4c1c53e8] {
  width: 62%;
  margin: .133333rem auto .88rem;
  background-color: #fff
}

@media screen and (max-width:768px) {
  .mid-layout[data-v-4c1c53e8] {
    width: 91.5%
  }
}

#swiper-light-safe[data-v-4c1c53e8] {
  width: 100%;
  height: 11.2rem
}

#swiper-light-safe .swiper-slide[data-v-4c1c53e8] {
  position: relative
}

#swiper-light-safe .swiper-slide img[data-v-4c1c53e8] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.light[data-v-4c1c53e8] {
  bottom: .666667rem
}

.light[data-v-4c1c53e8] .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 2px solid #707070;
  opacity: 1;
  outline: none
}

.light[data-v-4c1c53e8] .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px
}

@media screen and (max-width:768px) {
  .light[data-v-4c1c53e8] .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .266667rem
  }
}

.block[data-v-e0f86b0a] {
  position: relative;
  overflow: hidden
}

.block .offset-center[data-v-e0f86b0a] {
  position: absolute;
  left: 50%;
  opacity: 0;
  transition: opacity .2s ease-out
}

.z9[data-v-e0f86b0a] {
  z-index: 9
}

.z10[data-v-e0f86b0a] {
  z-index: 10
}

.z11[data-v-e0f86b0a] {
  z-index: 11
}

[class*=" icon-"][data-v-e0f86b0a], [class^=icon-][data-v-e0f86b0a] {
  font-family: niu !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.product-detail[data-v-e0f86b0a] {
  position: relative;
  overflow: hidden;
  font-weight: 400;
  font-style: normal;
  /* font-family: DINOffcPro */
}

.product-detail .u1-tech[data-v-e0f86b0a] {
  background-color: #111;
  overflow: hidden
}

.product-detail .u1-tech .secCard[data-v-e0f86b0a] {
  width: 6rem;
  padding: 1.333333rem 1.733333rem 1.066667rem 2.266667rem;
  border-radius: .053333rem;
  background-color: rgba(33, 33, 33, .9)
}

.product-detail .u1-tech .secCard .index[data-v-e0f86b0a] {
  position: absolute;
  top: .533333rem;
  left: 1.066667rem;
  /* font-family: DINOffcPro-Bold; */
  font-size: .64rem;
  font-weight: 700;
  color: #df001f
}

.product-detail .u1-tech .secCard .p1[data-v-e0f86b0a] {
  line-height: .44rem;
  font-size: .32rem;
  font-weight: 500;
  color: #fff
}

.product-detail .u1-tech .secCard .p2[data-v-e0f86b0a] {
  font-size: .213333rem;
  line-height: 1.63;
  color: #d1d3d3;
  margin-top: .4rem
}

.product-detail .u1-tech .secCard .tag[data-v-e0f86b0a] {
  position: absolute;
  height: 2.04rem
}

.product-detail .u1-tech .secCard .tag>p[data-v-e0f86b0a] {
  font-size: .24rem;
  font-weight: 700;
  text-align: right;
  color: #d1d3d3
}

.product-detail .u1-tech .secCard .tag>p>span[data-v-e0f86b0a] {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: right;
  color: #fff;
  line-height: 1.466667rem;
  /* font-family: DINOffcPro-Bold */
}

.product-detail .u1-tech .secCard .tag.tr[data-v-e0f86b0a] {
  top: -1.093333rem;
  right: .573333rem
}

.product-detail .u1-tech .secCard .tag.bl[data-v-e0f86b0a] {
  bottom: -1.2rem;
  left: .106667rem
}

.product-detail .u1-tech .sec1[data-v-e0f86b0a] {
  height: 12.666667rem;
  overflow: hidden;
  color: #fff;
  background-repeat: no-repeat;
  background-image: url(img/33a3173.jpg);
  background-position: 50%
}

.product-detail .u1-tech .sec1 .sec1-t[data-v-e0f86b0a] {
  line-height: .893333rem;
  font-size: .373333rem;
  /* font-family: DINOffcPro-Bold; */
  color: #fff;
  opacity: 1;
  top: 5.8rem;
  margin-left: -6.4rem
}

.product-detail .u1-tech .sec2[data-v-e0f86b0a] {
  height: 12.666667rem;
  color: #fff;
  overflow: visible;
  background-repeat: no-repeat;
  background-image: url(img/9879466.jpg);
  background-position: 50%
}

.product-detail .u1-tech .sec2 .secCard[data-v-e0f86b0a] {
  margin-left: -4.6rem;
  opacity: 1;
  top: 6rem
}

.product-detail .u1-tech .sec3[data-v-e0f86b0a] {
  height: 6.4rem;
  overflow: visible
}

.product-detail .u1-tech .sec3 .b1[data-v-e0f86b0a] {
  width: 15.906667rem;
  height: 7.893333rem;
  background-repeat: no-repeat;
  background-image: url(img/ed620a5.png);
  background-position: 50%;
  opacity: 1;
  margin-left: -13.133333rem;
  top: 0
}

.product-detail .u1-tech .sec3 .secCard[data-v-e0f86b0a] {
  top: 6.4rem;
  opacity: 1;
  margin-left: -2.373333rem
}

.product-detail .u1-tech .sec4[data-v-e0f86b0a] {
  height: 14.133333rem
}

.product-detail .u1-tech .sec4 .b1[data-v-e0f86b0a] {
  width: 7.24rem;
  height: 4.8rem;
  background-repeat: no-repeat;
  background-image: url(img/d1df913.png);
  background-position: 0;
  background-size: cover;
  opacity: 1;
  margin-left: 1.48rem;
  top: 7.933333rem
}

.product-detail .u1-tech .sec4 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -8.64rem;
  top: 7.04rem
}

.product-detail .u1-tech .sec5[data-v-e0f86b0a] {
  height: 12.666667rem
}

.product-detail .u1-tech .sec5 .b1[data-v-e0f86b0a] {
  width: 13.066667rem;
  height: 8.946667rem;
  background-repeat: no-repeat;
  background-image: url(img/2103b88.png);
  background-position: 50%;
  opacity: 1;
  margin-left: -6.533333rem;
  top: 0
}

.product-detail .u1-tech .sec5 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -5rem;
  top: 7.08rem
}

.product-detail .u1-tech .sec6[data-v-e0f86b0a] {
  height: 8.666667rem
}

.product-detail .u1-tech .sec6 .b1[data-v-e0f86b0a] {
  width: 10.093333rem;
  height: 7.52rem;
  background-repeat: no-repeat;
  background-image: url(img/09b5a3a.png);
  background-position: 50%;
  opacity: 1;
  margin-left: -11.04rem;
  top: 0
}

.product-detail .u1-tech .sec6 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -2.373333rem;
  top: 2.84rem
}

.product-detail .u1-tech .sec6-1[data-v-e0f86b0a] {
  height: 11.6rem;
  overflow: visible
}

.product-detail .u1-tech .sec6-1 .b1[data-v-e0f86b0a] {
  width: 8.4rem;
  height: 7.52rem;
  background-repeat: no-repeat;
  background-image: url(img/ddc2cb1.png);
  background-position: 0;
  opacity: 1;
  margin-left: -.24rem;
  top: .2rem
}

.product-detail .u1-tech .sec6-1 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -7.533333rem;
  top: 4.546667rem;
  background-color: rgba(33, 33, 33, .5)
}

.product-detail .u1-tech .sec7[data-v-e0f86b0a] {
  height: 7.133333rem;
  overflow: visible
}

.product-detail .u1-tech .sec7 .b1[data-v-e0f86b0a] {
  width: 7.8rem;
  height: 3.813333rem;
  background-repeat: no-repeat;
  background-image: url(img/3356ffb.png);
  background-position: 50%;
  background-size: contain;
  opacity: 1;
  margin-left: -8.373333rem;
  top: 5.693333rem
}

.product-detail .u1-tech .sec7 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -2.373333rem;
  top: 1.973333rem;
  background-color: rgba(33, 33, 33, .5)
}

.product-detail .u1-tech .sec8[data-v-e0f86b0a] {
  height: 11.253333rem
}

.product-detail .u1-tech .sec8 .b1[data-v-e0f86b0a] {
  width: 14.08rem;
  height: 7.68rem;
  background-repeat: no-repeat;
  background-image: url(img/070ba6d.png);
  background-position: 50%;
  opacity: 1;
  margin-left: -2.533333rem;
  top: 0
}

.product-detail .u1-tech .sec8 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -7.573333rem;
  top: 5.56rem
}

.product-detail .u1-tech .sec9[data-v-e0f86b0a] {
  height: 21.266667rem;
  overflow: visible
}

.product-detail .u1-tech .sec9 .b1[data-v-e0f86b0a] {
  width: 10.12rem;
  height: 9.146667rem;
  background-repeat: no-repeat;
  background-image: url(img/0e6f4d1.png);
  background-position: 50%;
  opacity: 1;
  margin-left: -11.626667rem;
  top: -2.186667rem
}

.product-detail .u1-tech .sec9 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  background-color: rgba(33, 33, 33, .5)
}

.product-detail .u1-tech .sec9 .secCard1[data-v-e0f86b0a] {
  margin-left: -3.133333rem;
  top: 2.933333rem
}

.product-detail .u1-tech .sec9 .secCard2[data-v-e0f86b0a] {
  margin-left: -5rem;
  top: 15.2rem
}

.product-detail .u1-tech .sec9 .b2[data-v-e0f86b0a] {
  width: 17.786667rem;
  height: 11.577333rem;
  background-repeat: no-repeat;
  background-image: url(img/b3f6ad2.png);
  background-position: 0;
  opacity: 1;
  margin-left: -9.6rem;
  top: 6.08rem
}

.product-detail .u1-tech .sec10[data-v-e0f86b0a] {
  height: 7.733333rem;
  overflow: visible
}

.product-detail .u1-tech .sec10 .b1[data-v-e0f86b0a] {
  width: 10.12rem;
  height: 9.146667rem;
  background-repeat: no-repeat;
  background-image: url(img/552b94f.png);
  background-position: 50%;
  opacity: 1;
  margin-left: -9.733333rem;
  top: -1.866667rem
}

.product-detail .u1-tech .sec10 .secCard[data-v-e0f86b0a] {
  opacity: 1;
  margin-left: -2.466667rem;
  top: 1.6rem;
  background-color: rgba(33, 33, 33, .5)
}

.product-detail .u1-tech .bottomCard[data-v-e0f86b0a] {
  width: 15.6rem;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 0
}

.product-detail .u1-tech .bottomCard .bottomCard-l[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r[data-v-e0f86b0a] {
  position: relative;
  width: 7.6rem;
  max-height: 4.8rem;
  display: block;
  float: left;
  transition: all .2s ease-in-out
}

.product-detail .u1-tech .bottomCard .bottomCard-l img[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r img[data-v-e0f86b0a] {
  width: 100%;
  height: 100%;
  transition: all .2s ease-out
}

.product-detail .u1-tech .bottomCard .bottomCard-l .linkBlock[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r .linkBlock[data-v-e0f86b0a] {
  display: block
}

.product-detail .u1-tech .bottomCard .bottomCard-l .linkBtn[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r .linkBtn[data-v-e0f86b0a] {
  position: absolute;
  display: block;
  font-size: .24rem;
  font-weight: 500;
  color: #df001f;
  line-height: .426667rem;
  /* font-family: DINOffcPro; */
  cursor: pointer;
  transition: all .2s ease-in-out;
  width: auto;
  top: 14%;
  left: 7%
}

.product-detail .u1-tech .bottomCard .bottomCard-l .linkBtn i[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r .linkBtn i[data-v-e0f86b0a] {
  display: block;
  width: .426667rem;
  height: .426667rem;
  background-color: #df001f;
  text-align: center;
  line-height: .426667rem;
  margin-left: .133333rem;
  color: #fff;
  float: right;
  border-radius: 50%;
  font-size: .16rem;
  transition: all .2s ease-in-out
}

.product-detail .u1-tech .bottomCard .bottomCard-l .linkBtn i[data-v-e0f86b0a]::before, .product-detail .u1-tech .bottomCard .bottomCard-r .linkBtn i[data-v-e0f86b0a]::before {
  margin-left: .04rem
}

.product-detail .u1-tech .bottomCard .bottomCard-l:hover .linkBtn[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r:hover .linkBtn[data-v-e0f86b0a] {
  opacity: .8
}

.product-detail .u1-tech .bottomCard .bottomCard-l:hover .linkBtn i[data-v-e0f86b0a], .product-detail .u1-tech .bottomCard .bottomCard-r:hover .linkBtn i[data-v-e0f86b0a] {
  margin-right: -.133333rem;
  margin-left: .266667rem
}

.product-detail .u1-tech .bottomCard .bottomCard-l[data-v-e0f86b0a] {
  margin-right: .4rem
}

.product-detail .u1-tech .bottomMarks[data-v-e0f86b0a] {
  font-size: .16rem;
  max-width: 15.6rem;
  height: .533333rem;
  overflow: hidden;
  margin: .133333rem auto .266667rem;
  color: #666
}

.product-detail .u1-tech .u-mobile .secCard[data-v-e0f86b0a] {
  position: relative;
  opacity: 1;
  width: 8.746667rem;
  box-sizing: border-box;
  padding: .466667rem .666667rem .933333rem;
  margin-top: 9.12rem;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0;
  top: 0
}

.product-detail .u1-tech .u-mobile .secCard .index[data-v-e0f86b0a] {
  position: relative;
  top: 0;
  left: 0;
  font-size: .746667rem
}

.product-detail .u1-tech .u-mobile .secCard .p1[data-v-e0f86b0a] {
  font-size: .426667rem;
  line-height: inherit
}

.product-detail .u1-tech .u-mobile .secCard .p2[data-v-e0f86b0a] {
  font-size: .373333rem;
  margin-top: .466667rem
}

.product-detail .u1-tech .u-mobile .secCard .tag[data-v-e0f86b0a] {
  position: absolute;
  height: unset
}

.product-detail .u1-tech .u-mobile .secCard .tag>p[data-v-e0f86b0a] {
  font-size: .28rem
}

.product-detail .u1-tech .u-mobile .secCard .tag>p>span[data-v-e0f86b0a] {
  font-size: 1.866667rem;
  line-height: .928
}

.product-detail .u1-tech .u-mobile .secCard .tr[data-v-e0f86b0a] {
  top: -1.066667rem;
  right: .133333rem
}

.product-detail .u1-tech .u-mobile .secCard .bl[data-v-e0f86b0a] {
  bottom: -1.413333rem;
  left: .213333rem
}

.product-detail .u1-tech .u-mobile .secCard2[data-v-e0f86b0a] {
  margin-top: 7.333333rem
}

.product-detail .u1-tech .u-mobile .secCard2 .b1[data-v-e0f86b0a] {
  opacity: 1;
  width: 125%;
  height: 8.133333rem;
  position: absolute;
  left: -1.066667rem;
  top: -6.906667rem;
  background-repeat: no-repeat;
  background-image: url(img/a162361.png);
  background-position: 50%;
  background-size: contain
}

.product-detail .u1-tech .u-mobile .secCard3[data-v-e0f86b0a] {
  margin-top: 0
}

.product-detail .u1-tech .u-mobile .secCard4[data-v-e0f86b0a] {
  margin-top: 6.786667rem
}

.product-detail .u1-tech .u-mobile .secCard5[data-v-e0f86b0a] {
  margin-top: 7.4rem
}

.product-detail .u1-tech .u-mobile .secCard6[data-v-e0f86b0a] {
  margin-top: 9.2rem
}

.product-detail .u1-tech .u-mobile .secCard7[data-v-e0f86b0a] {
  margin-top: 0
}

.product-detail .u1-tech .u-mobile .secCard8[data-v-e0f86b0a], .product-detail .u1-tech .u-mobile .secCard9[data-v-e0f86b0a], .product-detail .u1-tech .u-mobile .secCard10[data-v-e0f86b0a] {
  margin-top: 5.866667rem
}

.product-detail .u1-tech .u-mobile .secCard11[data-v-e0f86b0a] {
  margin-top: 5.253333rem
}

.product-detail .u1-tech .u-mobile .pic3[data-v-e0f86b0a] {
  background-repeat: no-repeat;
  background-image: url(img/d1df913.png);
  background-position: 0;
  background-size: contain;
  width: 8.533333rem;
  height: 5.613333rem;
  margin: .933333rem auto 0
}

.product-detail .u1-tech .u-mobile .pic4[data-v-e0f86b0a] {
  position: absolute;
  left: -.64rem;
  top: -6.133333rem;
  background-repeat: no-repeat;
  background-image: url(img/2103b88.png);
  background-position: 50%;
  background-size: contain;
  width: 127%;
  height: 8rem
}

.product-detail .u1-tech .u-mobile .pic5[data-v-e0f86b0a] {
  position: absolute;
  left: -2.933333rem;
  top: -6.4rem;
  background-repeat: no-repeat;
  background-image: url(img/09b5a3a.png);
  background-position: 50%;
  background-size: contain;
  width: 127%;
  height: 7.466667rem
}

.product-detail .u1-tech .u-mobile .pic6[data-v-e0f86b0a] {
  position: absolute;
  left: -.88rem;
  top: -7.733333rem;
  background-repeat: no-repeat;
  background-image: url(img/ddc2cb1.png);
  background-position: 50%;
  background-size: contain;
  width: 115%;
  height: 9.333333rem
}

.product-detail .u1-tech .u-mobile .pic7[data-v-e0f86b0a] {
  background-repeat: no-repeat;
  background-image: url(img/3356ffb.png);
  background-position: 50%;
  background-size: contain;
  width: 8.533333rem;
  height: 5.613333rem;
  margin: 2.666667rem auto .266667rem
}

.product-detail .u1-tech .u-mobile .pic8[data-v-e0f86b0a] {
  position: absolute;
  left: -.533333rem;
  top: -7.066667rem;
  background-repeat: no-repeat;
  background-image: url(img/070ba6d.png);
  background-position: 50%;
  background-size: contain;
  width: 133%;
  height: 9.333333rem
}

.product-detail .u1-tech .u-mobile .pic9[data-v-e0f86b0a] {
  position: absolute;
  left: -2rem;
  top: -8.533333rem;
  background-repeat: no-repeat;
  background-image: url(img/0e6f4d1.png);
  background-position: 50%;
  background-size: contain;
  width: 131%;
  height: 10.666667rem
}

.product-detail .u1-tech .u-mobile .pic10[data-v-e0f86b0a] {
  position: absolute;
  left: -2.666667rem;
  top: -7.733333rem;
  background-repeat: no-repeat;
  background-image: url(img/b3f6ad2.png);
  background-position: 50%;
  background-size: contain;
  width: 145%;
  height: 10.666667rem
}

.product-detail .u1-tech .u-mobile .pic11[data-v-e0f86b0a] {
  position: absolute;
  left: -.64rem;
  top: -5.333333rem;
  background-repeat: no-repeat;
  background-image: url(img/552b94f.png);
  background-position: 50%;
  background-size: contain;
  width: 115%;
  height: 6rem
}

.product-detail .u1-tech .u-mobile .sec1[data-v-e0f86b0a] {
  background-repeat: no-repeat;
  background-image: url(img/4b476d0.jpg);
  background-position: 50%;
  background-size: contain;
  height: 12.493333rem;
  position: relative
}

.product-detail .u1-tech .u-mobile .sec1 .sec1-t[data-v-e0f86b0a] {
  font-size: .746667rem;
  line-height: 2.39;
  position: absolute;
  top: .666667rem;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 0
}

.product-detail .u1-tech .u-mobile .sec2[data-v-e0f86b0a] {
  background-repeat: no-repeat;
  background-image: url(img/ad7e50e.jpg);
  background-position: top;
  background-size: contain;
  border: .013333rem solid transparent;
  height: unset
}

.product-detail .u1-tech .u-mobile .buttom_btn[data-v-e0f86b0a] {
  margin-top: 1.4rem;
  overflow: hidden
}

.product-detail .u1-tech .u-mobile .buttom_btn .picture[data-v-e0f86b0a] {
  width: 50%;
  float: left;
  position: relative
}

.product-detail .u1-tech .u-mobile .buttom_btn .picture a[data-v-e0f86b0a] {
  display: block;
  margin-bottom: -.133333rem
}

.product-detail .u1-tech .u-mobile .buttom_btn .picture a img[data-v-e0f86b0a] {
  width: 100%
}

.product-detail .u1-tech .u-mobile .buttom_btn .picture a.btn[data-v-e0f86b0a] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  width: 100%;
  color: #df001f;
  line-height: 2;
  font-size: .426667rem
}

.product-detail .u1-tech .u-mobile .buttom_btn .picture a.btn i[data-v-e0f86b0a] {
  display: inline-block;
  width: .506667rem;
  height: .506667rem;
  line-height: .506667rem;
  background: #df001f;
  color: #fff;
  font-size: .32rem;
  border-radius: 50%;
  margin-left: .133333rem
}

#niu-service[data-v-12e0d7c4] {
  width: 15.733333rem;
  margin: 1.6rem auto
}

@media screen and (max-width:768px) {
  #niu-service[data-v-12e0d7c4] {
    width: 88%;
    margin: 2.4rem auto
  }
}

.service-container[data-v-12e0d7c4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

.service-container>div[data-v-12e0d7c4] {
  flex: 1
}

.service-container>div[data-v-12e0d7c4]:first-child {
  position: relative
}

.service-container>div:first-child>[data-v-12e0d7c4] {
  position: relative;
  z-index: 2
}

.service-container>div[data-v-12e0d7c4]:first-child::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-right: 1px solid #e3e3e3
}

@media (-webkit-min-device-pixel-ratio:2) {
  .service-container>div[data-v-12e0d7c4]:first-child::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  .service-container>div[data-v-12e0d7c4]:first-child::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  .service-container>div[data-v-12e0d7c4]:first-child::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

.service-container>div .cont[data-v-12e0d7c4] {
  width: 72%;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .service-container>div .cont[data-v-12e0d7c4] {
    width: 100%
  }
}

.service-container>div .cont>p[data-v-12e0d7c4] {
  width: 5.546667rem;
  font-size: .213333rem;
  color: #333;
  margin: .533333rem auto .346667rem;
  line-height: 1.5
}

@media screen and (max-width:768px) {
  .service-container>div .cont>p[data-v-12e0d7c4] {
    font-size: .32rem;
    width: 36vw;
    height: 3.68rem;
    margin: 0 0 .293333rem;
    line-height: 1.8
  }
}

@media screen and (max-width:768px) {
  .service-container>div .spe[data-v-12e0d7c4] {
    padding-left: 8.4vw
  }
}

.service-container>div .head[data-v-12e0d7c4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple;
  flex-wrap: wrap
}

.service-container>div .logo[data-v-12e0d7c4] {
  width: 1.826667rem;
  height: .6rem
}

@media screen and (max-width:768px) {
  .service-container>div .logo[data-v-12e0d7c4] {
    width: 3.093333rem;
    height: 1.013333rem
  }
}

.service-container>div .logo>img[data-v-12e0d7c4] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain
}

.service-container>div h4[data-v-12e0d7c4] {
  /* font-family: DINOffcPro-Bold; */
  font-size: .426667rem;
  color: #333
}

@media screen and (max-width:768px) {
  .service-container>div h4[data-v-12e0d7c4] {
    margin: 1.333333rem 0 .533333rem
  }
}

.service-container>div .link-target[data-v-12e0d7c4] {
  /* font-family: DINOffcPro-Medium; */
  font-size: .266667rem
}

@media screen and (max-width:768px) {
  .service-container>div .link-target[data-v-12e0d7c4] {
    font-size: .426667rem
  }
}

.service-container>div .link-target[data-v-12e0d7c4]:hover {
  opacity: .8
}

.service-container>div .link-target:hover>span[data-v-12e0d7c4] {
  transform: translate3d(.066667rem, 0, 0)
}

.service-container>div .link-target>span[data-v-12e0d7c4] {
  color: #333;
  margin-left: .266667rem;
  transition: all .3s ease-out
}

#affix-tree-offset[data-v-32b74eb7] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}

#affix-nav[data-v-32b74eb7] {
  position: relative;
  background-color: #fff;
  box-shadow: 0 .133333rem .4rem hsla(0, 0%, 60%, .15)
}

.affix-container[data-v-32b74eb7] {
  width: 15.733333rem;
  height: 1.066667rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple
}

@media screen and (max-width:768px) {
  .affix-container[data-v-32b74eb7] {
    width: 88%;
    height: 1.333333rem
  }
}

.logo[data-v-32b74eb7] .el-image {
  width: 1.466667rem;
  height: .32rem
}

@media screen and (max-width:768px) {
  .logo[data-v-32b74eb7] .el-image {
    width: 1.866667rem;
    height: .64rem
  }
}

.nav-down[data-v-32b74eb7] {
  display: none
}

@media screen and (max-width:768px) {
  .nav-down[data-v-32b74eb7] {
    display: block;
    font-size: .373333rem;
    font-weight: 700;
    color: #000;
    transition: all .3s
  }
}

.nav-down.rotate[data-v-32b74eb7] {
  transform: rotate(180deg)
}

#down-select[data-v-32b74eb7] {
  position: absolute;
  top: 1.333333rem;
  left: 0;
  width: 100%;
  background-color: #fafafa;
  border-radius: 0 0 .266667rem .266667rem;
  box-shadow: 0 .266667rem .8rem hsla(0, 0%, 60.4%, .16)
}

#down-select .down-container[data-v-32b74eb7] {
  width: 83%;
  margin: 0 auto
}

#down-select h4[data-v-32b74eb7] {
  font-size: .426667rem;
  color: #bcbcbc;
  padding: .8rem 0;
  position: relative
}

#down-select h4>[data-v-32b74eb7] {
  position: relative;
  z-index: 2
}

#down-select h4[data-v-32b74eb7]::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee
}

@media (-webkit-min-device-pixel-ratio:2) {
  #down-select h4[data-v-32b74eb7]::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #down-select h4[data-v-32b74eb7]::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #down-select h4[data-v-32b74eb7]::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#down-select h4[data-v-32b74eb7]:last-child {
  position: relative
}

#down-select h4:last-child>[data-v-32b74eb7] {
  position: relative;
  z-index: 2
}

#down-select h4[data-v-32b74eb7]:last-child::after {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid transparent
}

@media (-webkit-min-device-pixel-ratio:2) {
  #down-select h4[data-v-32b74eb7]:last-child::after {
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:1.5) {
  #down-select h4[data-v-32b74eb7]:last-child::after {
    width: 150%;
    height: 150%;
    transform: scale(.6666);
    transform-origin: 0 0;
    border-radius: 0
  }
}

@media (-webkit-device-pixel-ratio:3) {
  #down-select h4[data-v-32b74eb7]:last-child::after {
    width: 300%;
    height: 300%;
    transform: scale(.3333);
    transform-origin: 0 0;
    border-radius: 0
  }
}

#down-select h4.active[data-v-32b74eb7] {
  color: #000
}

.vue-affix[data-v-32b74eb7] {
  opacity: 0;
  transition: opacity .3s
}

.vue-affix.affix[data-v-32b74eb7] {
  opacity: .9;
  z-index: 9999;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px)
}

.anchor-link[data-v-32b74eb7], .diff[data-v-32b74eb7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-box-lines: multiple
}

.anchor-link[data-v-32b74eb7] {
  flex-wrap: wrap;
  margin-right: 1.146667rem
}

@media screen and (max-width:768px) {
  .anchor-link[data-v-32b74eb7] {
    display: none
  }
}

.anchor-link>h4[data-v-32b74eb7] {
  position: relative;
  font-size: .213333rem;
  color: #ccc;
  margin-right: 1.666667rem;
  cursor: pointer
}

.anchor-link>h4[data-v-32b74eb7]::after {
  content: "";
  position: absolute;
  width: 1px;
  height: .253333rem;
  right: 0;
  margin-right: -.953333rem;
  background-color: #707070
}

.anchor-link>h4[data-v-32b74eb7]:last-child {
  margin-right: 0
}

.anchor-link>h4[data-v-32b74eb7]:last-child::after {
  opacity: 0
}

.anchor-link>h4[data-v-32b74eb7]:hover {
  opacity: .8
}

.anchor-link>h4.active[data-v-32b74eb7] {
  color: #2f2f2f
}

.buy-link[data-v-32b74eb7] {
  width: 2.4rem;
  font-size: .186667rem;
  font-weight: 500;
  padding: .186667rem 0;
  color: #fff
}

@media screen and (max-width:768px) {
  .buy-link[data-v-32b74eb7] {
    font-size: .373333rem;
    padding: .133333rem 0;
    display: flex;
    align-items: center;
    justify-content: center
  }
}

.v-tag[data-v-926dfc92] {
  height: 25px;
  line-height: 23px;
  background-color: #f0f0f0;
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: .04rem;
  color: #999;
  font-size: .16rem;
  transition: all .3s ease-in-out
}

@media screen and (max-width:768px) {
  .v-tag[data-v-926dfc92] {
    height: .666667rem;
    line-height: .666667rem;
    font-size: .32rem
  }
}

.v-tag[data-v-926dfc92]:not(:last-child) {
  margin-right: 10px
}

@media screen and (max-width:768px) {
  .v-tag[data-v-926dfc92]:not(:last-child) {
    margin-right: .133333rem
  }
}

.v-tag--checked[data-v-926dfc92] {
  color: #fff;
  background-color: #333
}

.v-tag--active[data-v-926dfc92] {
  background-color: #ddd !important
}

.v-tag--pointer[data-v-926dfc92] {
  cursor: pointer
}

.el-icon-close[data-v-926dfc92] {
  color: #fff;
  vertical-align: middle
}

.not-last-child[data-v-a3b43068] {
  margin-bottom: 100px
}

@media screen and (max-width:768px) {
  .not-last-child[data-v-a3b43068] {
    margin-bottom: 2.133333rem
  }
}

.last-child[data-v-a3b43068] {
  margin-bottom: 107px
}

@media screen and (max-width:768px) {
  .last-child[data-v-a3b43068] {
    margin-bottom: 1.6rem
  }
}

.list-item .tile-media[data-v-a3b43068] {
  transition: all .2s ease-in-out
}

.list-item:hover .tile-media img[data-v-a3b43068] {
  transform: scale(1.05);
  box-shadow: 0 .666667rem 1.066667rem rgba(0, 0, 0, .2)
}

@media screen and (max-width:768px) {
  .list-item:hover .tile-media img[data-v-a3b43068] {
    transform: scale(1);
    box-shadow: inherit
  }
}

.list-item[data-v-a3b43068] {
  width: 380px;
  border-radius: 5px
}

@media screen and (max-width:768px) {
  .list-item[data-v-a3b43068] {
    width: 100%
  }
}

.list-item[data-v-a3b43068]:not(:nth-child(3n)) {
  margin-right: 20px
}

@media screen and (max-width:768px) {
  .list-item[data-v-a3b43068]:not(:nth-child(3n)) {
    margin-right: 0
  }
}

.list-item a[data-v-a3b43068] {
  width: 100%;
  position: relative;
  transition: all .3s ease-out;
  display: block
}

@media screen and (max-width:768px) {
  .list-item a[data-v-a3b43068] {
    background: transparent
  }
}

.list-item .title-link[data-v-a3b43068] {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

@media screen and (max-width:768px) {
  .list-item .title-link[data-v-a3b43068] {
    background: transparent
  }
}

.list-item .tile-media[data-v-a3b43068], .list-item .tile-media img.header-image[data-v-a3b43068] {
  width: 100%;
  height: 240px
}

.list-item .tile-media img.header-image[data-v-a3b43068] {
  border-radius: .066667rem
}

.list-item .tile-media[data-v-a3b43068] {
  position: relative
}

.list-item .article-type[data-v-a3b43068] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8
}

.list-item .tile-content-text[data-v-a3b43068] {
  font-size: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
  transition: transform .25s ease
}

@media screen and (max-width:768px) {
  .list-item .tile-content-text[data-v-a3b43068] {
    background: transparent
  }
}

.list-item .tile-content-text .tag-group[data-v-a3b43068] {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px
}

.list-item .tile-content-text .tile-content-headline[data-v-a3b43068] {
  color: #333;
  line-height: 24px;
  font-size: 20px;
  font-family: dinoffcpro-bold;
  height: 50px;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  font-weight: 400
}

@media screen and (max-width:768px) {
  .list-item .tile-content-text .tile-content-headline[data-v-a3b43068] {
    height: 1.333333rem;
    font-size: .533333rem;
    line-height: .64rem
  }
}

.list-item .tile-content-text .tile-content-desc[data-v-a3b43068] {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  line-clamp: 2;
  overflow: hidden;
  color: #333;
  font-size: 12px;
  line-height: 21.6px
}

@media screen and (max-width:768px) {
  .list-item .tile-content-text .tile-content-desc[data-v-a3b43068] {
    margin: .533333rem 0;
    font-size: .32rem;
    line-height: .48rem
  }
}

.list-item .info[data-v-a3b43068] {
  font-size: 12px;
  display: flex;
  align-items: center
}

.list-item .info .time[data-v-a3b43068] {
  margin-right: 20px
}

.list-item .info .count img[data-v-a3b43068] {
  height: 10px
}

.list-item .info .count i[data-v-a3b43068] {
  font-style: normal
}

.mqigt_quickcharger {
  margin-top: 50px;
  text-align: center;
}

.mqigt_quickcharger img {
  max-width:  100%;
}