.wscn-http404-container[data-v-51c15263] {
  display: flex;
  justify-content: center;
  margin: 10% 0;
}
.wscn-http404[data-v-51c15263] {
  position: relative;
  max-width: 1200px;
  padding: 0 50px;
  overflow: hidden;
}
.wscn-http404 .pic-404[data-v-51c15263] {
  position: relative;
  float: left;
  max-width: 600px;
  overflow: hidden;
}
.wscn-http404 .pic-404 .pic-404__parent[data-v-51c15263] {
  width: 100%;
}
.wscn-http404 .pic-404 .pic-404__child[data-v-51c15263] {
  position: absolute;
}
.wscn-http404 .pic-404 .pic-404__child .pic-404__child.left[data-v-51c15263] {
  width: 80px;
  top: 17px;
  left: 220px;
  opacity: 0;
  -webkit-animation-name: cloudLeft-data-v-51c15263;
  animation-name: cloudLeft-data-v-51c15263;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.wscn-http404 .pic-404 .pic-404__child .pic-404__child.mid[data-v-51c15263] {
  width: 46px;
  top: 10px;
  left: 420px;
  opacity: 0;
  -webkit-animation-name: cloudMid-data-v-51c15263;
  animation-name: cloudMid-data-v-51c15263;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.wscn-http404 .pic-404 .pic-404__child .pic-404__child.right[data-v-51c15263] {
  width: 62px;
  top: 100px;
  left: 500px;
  opacity: 0;
  -webkit-animation-name: cloudRight-data-v-51c15263;
  animation-name: cloudRight-data-v-51c15263;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@-webkit-keyframes cloudLeft-data-v-51c15263 {
  0% {
    top: 17px;
    left: 220px;
    opacity: 0;
  }
  20% {
    top: 33px;
    left: 188px;
    opacity: 1;
  }
  80% {
    top: 81px;
    left: 92px;
    opacity: 1;
  }
  to {
    top: 97px;
    left: 60px;
    opacity: 0;
  }
}
@keyframes cloudLeft-data-v-51c15263 {
  0% {
    top: 17px;
    left: 220px;
    opacity: 0;
  }
  20% {
    top: 33px;
    left: 188px;
    opacity: 1;
  }
  80% {
    top: 81px;
    left: 92px;
    opacity: 1;
  }
  to {
    top: 97px;
    left: 60px;
    opacity: 0;
  }
}
@-webkit-keyframes cloudMid-data-v-51c15263 {
  0% {
    top: 10px;
    left: 420px;
    opacity: 0;
  }
  20% {
    top: 40px;
    left: 360px;
    opacity: 1;
  }
  70% {
    top: 130px;
    left: 180px;
    opacity: 1;
  }
  to {
    top: 160px;
    left: 120px;
    opacity: 0;
  }
}
@keyframes cloudMid-data-v-51c15263 {
  0% {
    top: 10px;
    left: 420px;
    opacity: 0;
  }
  20% {
    top: 40px;
    left: 360px;
    opacity: 1;
  }
  70% {
    top: 130px;
    left: 180px;
    opacity: 1;
  }
  to {
    top: 160px;
    left: 120px;
    opacity: 0;
  }
}
@-webkit-keyframes cloudRight-data-v-51c15263 {
  0% {
    top: 100px;
    left: 500px;
    opacity: 0;
  }
  20% {
    top: 120px;
    left: 460px;
    opacity: 1;
  }
  80% {
    top: 180px;
    left: 340px;
    opacity: 1;
  }
  to {
    top: 200px;
    left: 300px;
    opacity: 0;
  }
}
@keyframes cloudRight-data-v-51c15263 {
  0% {
    top: 100px;
    left: 500px;
    opacity: 0;
  }
  20% {
    top: 120px;
    left: 460px;
    opacity: 1;
  }
  80% {
    top: 180px;
    left: 340px;
    opacity: 1;
  }
  to {
    top: 200px;
    left: 300px;
    opacity: 0;
  }
}
.bullshit[data-v-51c15263] {
  position: relative;
  float: left;
  width: 300px;
  padding: 30px 0;
  overflow: hidden;
}
.bullshit .bullshit__oops[data-v-51c15263] {
  font-size: 32px;
  line-height: 40px;
  color: #7cb400;
  margin-bottom: 20px;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.bullshit .bullshit__headline[data-v-51c15263],
.bullshit .bullshit__oops[data-v-51c15263] {
  font-weight: 700;
  opacity: 0;
  -webkit-animation-name: slideUp-data-v-51c15263;
  animation-name: slideUp-data-v-51c15263;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.bullshit .bullshit__headline[data-v-51c15263] {
  font-size: 20px;
  line-height: 24px;
  color: #222;
  margin-bottom: 10px;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.bullshit .bullshit__info[data-v-51c15263] {
  font-size: 13px;
  line-height: 21px;
  color: #a2aebe;
  margin-bottom: 30px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.bullshit .bullshit__info[data-v-51c15263],
.bullshit .bullshit__return-home[data-v-51c15263] {
  opacity: 0;
  -webkit-animation-name: slideUp-data-v-51c15263;
  animation-name: slideUp-data-v-51c15263;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.bullshit .bullshit__return-home[data-v-51c15263] {
  display: block;
  text-decoration: none;
  float: left;
  width: 110px;
  height: 36px;
  background: #7cb400;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes slideUp-data-v-51c15263 {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideUp-data-v-51c15263 {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.nuxt-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #7cb400;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}
*,
:after,
:before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
h1,
h2,
h3,
h4,
ol,
p,
ul {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 4px !important;
  height: 0 !important;
}
::-webkit-scrollbar-thumb {
  background: #a2aebe !important;
}
.Light a {
  color: #fff;
  text-decoration: none;
}
.Light .el-radio__inner {
  background: unset !important;
  border-color: #d9d9d9 !important;
}
.Light .el-radio__inner:hover {
  border-color: unset !important;
}
.Light .el-radio__input.is-checked .el-radio__inner {
  background: #fff;
  border-color: #7cb400;
}
.Light .el-radio__inner:after {
  width: 8px;
  height: 8px;
  background: #7cb400;
}
.Light .el-radio .el-radio__label,
.Light .el-radio__input.is-checked + .el-radio__label {
  color: #141414;
  font-size: 12px;
  font-weight: 400;
  font-family: Rubik-400;
}
.Light .el-loading-mask {
  background-color: #fff;
  opacity: 0.9;
}
.Light .el-switch .el-switch__core {
  background: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}
.Light .el-switch.is-checked .el-switch__core {
  background: #7cb400 !important;
  border-color: #7cb400 !important;
}
.Light .gl-hl-text-btn {
  color: #7cb400 !important;
  cursor: pointer !important;
}
.Light .gl-btn-la {
  font-size: 14px;
}
.Light .gl-btn-disable {
  width: 100%;
  height: 44px;
  background: #cde675;
  border-radius: 6px;
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #fff;
  cursor: not-allowed;
}
.Light .gl-btn-disable,
.Light .gl-btn-sm {
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Light .gl-btn-sm {
  min-width: 64px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
  border: 1px solid #7cb400;
  border-radius: 4px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #7cb400;
  cursor: pointer;
}
.Light .gl-btn-sm:hover {
  background: #b6d94c;
  color: #fff;
  border-color: #b6d94c;
}
.Light .gl-btn-sm ~ .gl-btn-sm {
  margin-left: 8px;
}
.Light .gl-btn-la-cancel {
  height: 44px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
}
.Light .gl-btn-la-cancel,
.Light .gl-btn-sm-unmarked {
  min-width: 64px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px;
  color: #141414;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Light .gl-btn-sm-unmarked {
  height: 26px;
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
}
.Light .gl-btn-sm-unmarked ~ .gl-btn-sm-unmarked {
  margin-left: 6px;
}
.Light .gl-btn-sm-mark {
  min-width: 64px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #7cb400;
  border-radius: 4px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #7cb400;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 6px;
}
.Light .gl-btn-sm-mark:before {
  width: 13px;
  height: 8px;
  content: "";
  border: 4px solid #7cb400;
  display: inline-block;
  border-radius: 4px 0;
  position: absolute;
  right: -1px;
  bottom: -1px;
}
.Light .gl-btn-sm-mark:after {
  content: "";
  width: 4px;
  height: 7px;
  display: inline-block;
  border-color: #fff;
  border-style: solid;
  border-width: 0 1px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  right: 3px;
  bottom: 0;
}
.Light .el-checkbox .el-checkbox__label {
  color: #7cb400 !important;
}
.Light .el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 14px !important;
  height: 14px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
}
.Light .el-checkbox .is-checked .el-checkbox__inner {
  border-color: #7cb400 !important;
  background-color: #7cb400 !important;
}
.Light .el-checkbox .is-checked .el-checkbox__inner:after {
  border: 2px solid #fff;
  left: 4px;
  top: 2px;
  box-sizing: content-box;
  content: "";
  border-left: 0;
  border-top: 0;
  height: 5px;
  position: absolute;
  width: 2px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.Light .el-input__inner,
.Light input {
  height: 44px !important;
  line-height: 44px !important;
}
.Light .el-input__inner,
.Light .el-textarea__inner,
.Light input {
  width: 100%;
  border: 1px solid #d9d9d9 !important;
  color: #141414;
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
  background: #f5f5f5;
  border-radius: 8px !important;
}
.Light .el-input__inner:focus,
.Light .el-textarea__inner:focus,
.Light input:focus {
  border: 1px solid #52c41a !important;
}
.Light input::-moz-placeholder,
.Light input::-ms-input-placeholder,
.Light input::-webkit-input-placeholder {
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #a3a3a6;
}
.Light .el-input.is-disabled .el-input__inner {
  background: unset;
}
.Light .el-textarea__inner::-moz-placeholder,
.Light .el-textarea__inner::-ms-input-placeholder,
.Light .el-textarea__inner::-webkit-input-placeholder,
.Light .el-textarea__inner::placeholder {
  font-size: 14px !important;
  font-family: Rubik-400;
  font-weight: 400;
  color: #a3a3a6 !important;
}
.Light .el-cascader .el-input__inner,
.Light .el-select .el-input__inner {
  width: 100%;
  height: 18px !important;
  line-height: 18px !important;
  border: unset !important;
  color: #141414;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
  background: unset !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.Light .el-cascader .el-input__icon,
.Light .el-select .el-input__icon {
  line-height: 18px;
}
.Light .el-cascader .el-input__icon:before,
.Light .el-select .el-input__icon:before {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #141414;
  position: relative;
  top: -2px;
  display: inline-block;
}
.Light .el-cascader .is-reverse:before,
.Light .el-select .is-reverse:before {
  position: relative;
  top: -2px;
}
.Light .el-select ~ .el-select .el-input__inner {
  border-left: 1px solid #d9d9d9 !important;
  padding-left: 15px !important;
}
.Light .borderSelect .el-input__inner {
  height: 44px !important;
  background: #f5f5f5 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
  padding: 0 15px !important;
}
.Light .el-cascader {
  line-height: 24px !important;
}
.Light .el-cascader .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
}
.Light .el-cascader .el-input__icon:before {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #141414;
  position: relative;
  top: 2px;
  display: inline-block;
}
.Light .el-cascader .is-reverse:before {
  position: relative !important;
  top: 2px !important;
}
.Light .el-table__empty-block {
  min-height: 200px;
}
.Light .el-table__empty-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: unset;
  color: #141414;
  font-family: Rubik-500;
  font-size: 15px;
  font-weight: 500;
  min-height: 300px;
}
.Light .el-table__empty-text:before {
  content: "";
  width: 65px;
  height: 65px;
  background-image: url(/image/global/noData.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.Light button {
  outline: none;
  border: none;
  cursor: pointer;
}
.Light button:focus {
  border: none;
}
.Light button.ex-btn {
  background-color: #7cb400;
  border-radius: 6px;
  height: 44px;
  line-height: 44px;
  padding: 0 38px;
  color: #fff;
}
.Light .glTable:before {
  height: 0;
}
.Light .glTable tr {
  background: #fff;
}
.Light .glTable thead tr {
  height: 38px;
}
.Light .glTable thead tr th {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #a3a3a6;
  border-bottom: 1px solid #d9d9d9 !important;
  background: #fff;
}
.Light .glTable tbody tr {
  border-bottom: 1px solid #d9d9d9;
}
.Light .glTable tbody td {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #141414;
  background: #fff;
  border-bottom: 1px solid #d9d9d9 !important;
}
.Light .glTable .el-table__empty-block {
  background: #fff;
}
.Light .glTableMiddle:before {
  height: 0;
}
.Light .glTableMiddle tr {
  background: #fff;
}
.Light .glTableMiddle thead tr {
  height: 38px;
}
.Light .glTableMiddle thead tr th {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #a3a3a6;
  border-bottom: 1px solid #d9d9d9 !important;
  background: #fff;
}
.Light .glTableMiddle tbody tr {
  border-bottom: 1px solid #d9d9d9;
}
.Light .glTableMiddle tbody td {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #141414;
  background: #fff;
  border-bottom: 1px solid #d9d9d9 !important;
}
.Light .glTableMiddle .el-table__empty-block {
  background: #fff;
}
.Light .glTableSmall:before {
  height: 0;
}
.Light .glTableSmall tr {
  background: #fff;
}
.Light .glTableSmall thead tr {
  height: 38px;
}
.Light .glTableSmall thead tr th {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #a3a3a6;
  border-bottom: 1px solid #d9d9d9 !important;
  background: #fff;
}
.Light .glTableSmall tbody tr {
  border-bottom: 1px solid #d9d9d9;
}
.Light .glTableSmall tbody td {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #141414;
  background: #fff;
  border-bottom: 1px solid #d9d9d9 !important;
}
.Light .glTableSmall .el-table__empty-block {
  background: #fff;
}
.Light .el-pagination {
  text-align: right;
  padding: 20px 0;
}
.Light .el-pagination .btn-next .el-icon-arrow-right,
.Light .el-pagination .btn-prev .el-icon-arrow-left {
  border: none !important;
}
.Light .el-pagination .el-icon-arrow-left:before {
  border-right: 5px solid #141414;
}
.Light .el-pagination .el-icon-arrow-left:before,
.Light .el-pagination .el-icon-arrow-right:before {
  content: "";
  border-radius: 0.5px;
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.Light .el-pagination .el-icon-arrow-right:before {
  border-left: 5px solid #141414;
}
.Light .el-pagination .el-pager li {
  background: unset;
  color: #141414 !important;
  border: none !important;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.Light .el-pagination .el-pager li.active {
  color: #7cb400 !important;
}
.Light .el-pagination .el-pager li:hover {
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  line-height: 26px !important;
}
.Light .backBox {
  width: 100%;
  margin: 0 auto;
  padding: 26px 0;
}
.Light .backBox .goback {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 13px;
  background: #fff;
  border-radius: 6px;
  height: 44px;
  line-height: 44px;
  color: #141414;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Light .backBox .goback img {
  width: 5px;
  height: 8px;
  margin-right: 8px;
}
.Light .codeCommonDialog .accountSwitch {
  margin: 0 10px;
}
.Light .codeCommonDialog .accountSwitch .el-form-item__content .title {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 5px;
  color: #a3a3a6;
}
.Light .codeCommonDialog .accountSwitch .get_code {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #7cb400;
  position: absolute;
  top: 28px;
  right: 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding-left: 0;
}
.Light .codeCommonDialog .accountSwitch .get_code span {
  display: inline-block;
  border-left: 1px solid #b8bbd3;
  padding: 0 16px;
}
.Light .codeCommonDialog .accountSwitch .resetTip {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #a3a3a6;
  text-align: center;
}
.Light .codeCommonDialog .accountSwitch .resetTip .resetBtn {
  display: inline-block;
  margin-left: 5px;
  color: #7cb400;
}
.Light .assitDialog .el-dialog__header {
  background: #fff !important;
}
.Light .assitDialog .el-dialog__body {
  padding: 0 48px 48px !important;
}
.Light .assitDialog .assitPage .title {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #141414;
  margin-bottom: 12px;
}
.Light .assitDialog .assitPage .title2 {
  font-size: 16px;
  line-height: 26px;
  color: #141414;
  margin-bottom: 30px;
}
.Light .assitDialog .assitPage .title2,
.Light .assitDialog .assitPage .title3 {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  word-break: break-word;
}
.Light .assitDialog .assitPage .title3 {
  font-size: 13px;
  line-height: 21px;
  color: #434343;
  margin-top: 30px;
}
.Light .assitDialog .assitPage .progressBox {
  text-align: center;
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
.Light .assitDialog .assitPage .progressBox .textBox {
  width: 100%;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  color: #52c41a;
  position: absolute;
  top: 85px;
  left: 0;
  text-align: center;
}
.Light .assitDialog .assitPage .progressBox .textBox .expireBox {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 8px;
  background: #e6f7ff;
  border-radius: 5px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #1890ff;
}
.Light .assitDialog .assitPage .progressBox .textBox .expireBox2 {
  background: rgba(82, 196, 26, 0.1);
  color: #52c41a;
}
.Light .assitDialog .assitPage .progressBox .textBox .expireBox3 {
  background: #fff1f0;
  color: #fa541c;
}
.Light .assitDialog .assitPage .giftCardBox {
  margin: 30px 0;
}
.Light .assitDialog .assitPage .giftCardBox .giftCardTitle {
  font-family: Rubik-500;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 16px;
  text-align: center;
  color: #141414;
}
.Light .assitDialog .assitPage .giftCardBox .giftCardMain {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: Rubik-400;
  font-weight: 400;
  font-size: 13px;
  color: #141414;
}
.Light .assitDialog .assitPage .giftCardBox .giftCardMain .giftCardItem {
  text-align: center;
}
.Light .assitDialog .assitPage .giftCardBox .giftCardMain .giftCardItem img {
  margin-bottom: 12px;
  width: 32px;
}
.Light .assitDialog .assitPage .assistBtn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.Light .assitDialog2 {
  margin: 0 !important;
  border-radius: 0 !important;
}
.Light .assitDialog2 .assitPage {
  width: 100%;
}
.Light .assitTipDialog .el-dialog__header {
  background: #fff !important;
}
.Light .assitTipDialog .assitTipPage {
  text-align: center;
}
.Light .assitTipDialog .assitTipPage .imgBox {
  width: 265px;
  height: 180px;
  margin: 0 auto;
  position: relative;
}
.Light .assitTipDialog .assitTipPage .imgBox .bgImg {
  width: 265px;
}
.Light .assitTipDialog .assitTipPage .imgBox .iconImg {
  position: absolute;
  top: 46px;
  left: 50px;
  width: 175px;
  height: 88px;
  transform: rotate(-11deg);
}
.Light .assitTipDialog .assitTipPage .tipTitle {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-top: 34px;
  margin-bottom: 12px;
}
.Light .assitTipDialog .assitTipPage .tipTitle2 {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 24px;
  word-break: break-word;
}
.Light .assitTipDialog .assitTipPage .tipTitle3 {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  text-align: left;
  margin-bottom: 32px;
}
.Light .el-autocomplete {
  width: 100%;
}
.Light .sizeScale {
  transform: scale(0.75);
}
.Light .el-tooltip__popper {
  max-width: 90%;
}
@media (max-width: 760px) {
  .Light .el-pagination .el-pager li {
    min-width: 26px;
  }
}
.Light .warningContent {
  display: flex;
  align-items: center;
}
.Light .warningContent span {
  margin-left: 8px;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fa541c;
  cursor: pointer;
}
.Light .el-select-dropdown {
  z-index: 20005 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  background: #fff !important;
}
.Light .el-select-dropdown .el-select-dropdown__list {
  padding: 10px 0 !important;
}
.Light .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  height: 38px !important;
  line-height: 38px !important;
  color: #141414 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: Rubik-500 !important;
  padding: 0 24px 0 12px !important;
}
.Light
  .el-select-dropdown
  .el-select-dropdown__list
  .el-select-dropdown__item.hover,
.Light
  .el-select-dropdown
  .el-select-dropdown__list
  .el-select-dropdown__item.selected,
.Light
  .el-select-dropdown
  .el-select-dropdown__list
  .el-select-dropdown__item:hover,
.Light
  .el-select-dropdown
  .el-select-dropdown__list
  .el-select-dropdown__item
  span:hover {
  color: #7cb400 !important;
  background: #f5f5f5 !important;
}
.Light
  .el-select-dropdown
  .el-select-dropdown__list
  .el-select-dropdown__item.selected:after {
  content: "";
  width: 6px;
  height: 12px;
  border-color: #52c41a;
  border-style: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 12px;
}
.Light .el-select-dropdown .popper__arrow {
  border-width: 0 !important;
}
.Light .el-cascader__dropdown {
  z-index: 999999 !important;
  background: #fff !important;
  border: unset !important;
  margin-top: 5px !important;
  border-radius: 10px !important;
}
.Light .el-cascader__dropdown .el-popper .popper__arrow,
.Light .el-cascader__dropdown .el-popper .popper__arrow:after {
  border-style: inset !important;
}
.Light .el-cascader__dropdown .popper__arrow {
  border-width: 0 !important;
}
.Light .el-cascader__dropdown .el-cascader-node:not(.is-disabled):focus,
.Light .el-cascader__dropdown .el-cascader-node:not(.is-disabled):hover {
  background: #f5f5f5 !important;
  color: #7cb400 !important;
}
.Light .el-cascader__dropdown .el-cascader-node.in-active-path,
.Light .el-cascader__dropdown .el-cascader-node.is-active,
.Light .el-cascader__dropdown .el-cascader-node.is-selectable.in-checked-path {
  color: #7cb400 !important;
}
.Light .el-cascader__dropdown .el-cascader-menu {
  border-right: 1px solid #d9d9d9 !important;
  color: #141414 !important;
  font-size: 12px !important;
  font-family: Rubik-500 !important;
  font-weight: 500 !important;
  min-width: 100px !important;
}
.Light .el-cascader__dropdown .el-cascader-node {
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 16px 0 0 !important;
}
.Light .el-cascader__dropdown .el-cascader-node .el-cascader-node__label {
  padding: 0 16px !important;
}
.Light .el-cascader__dropdown .el-cascader-node .el-cascader-node__prefix {
  position: absolute;
  right: 0;
  font-weight: 700;
}
.Light .el-cascader__dropdown .el-cascader-node .el-icon-check:before {
  position: absolute;
  right: 10px;
  top: -5px;
}
.Light .el-cascader__dropdown .el-cascader-menu__wrap {
  height: 204px !important;
}
.Light .el-popover {
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  padding: 0 !important;
  background: #fff;
}
.Light .el-popover .el-radio__inner {
  background: unset !important;
  border-color: #d9d9d9 !important;
}
.Light .el-popover .el-radio__inner:hover {
  border-color: unset !important;
}
.Light .el-popover .el-radio__input.is-checked .el-radio__inner {
  background: #fff;
  border-color: #7cb400;
}
.Light .el-popover .el-radio__inner:after {
  width: 8px;
  height: 8px;
  background: #7cb400;
}
.Light .el-popover .el-radio .el-radio__label,
.Light .el-popover .el-radio__input.is-checked + .el-radio__label {
  color: #141414;
  font-size: 12px;
  font-weight: 400;
  font-family: Rubik-400;
}
.Light .el-popper[x-placement^="bottom"] .popper__arrow:after {
  border-bottom-color: #d9d9d9 !important;
  top: 0 !important;
}
.Light .el-popper[x-placement^="top"] .popper__arrow:after {
  border-top-color: #d9d9d9 !important;
  bottom: 0 !important;
}
.Light .el-tooltip__popper {
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-size: 13px !important;
  font-family: Rubik-400 !important;
  font-weight: 400 !important;
  color: #141414 !important;
  line-height: 20px !important;
}
.Light .el-tooltip__popper .gl-hl-text-btn {
  color: #7cb400 !important;
  cursor: pointer !important;
}
.Light .el-tooltip__popper .popper__arrow {
  border-width: 0 !important;
}
.Light .el-tooltip__popper .popper__arrow:after {
  border-bottom-color: #d9d9d9 !important;
  border-top-color: #d9d9d9 !important;
}
.Light .ex-alert .ex-alert-header {
  border-radius: 10px 10px 0 0 !important;
  background: #f5f5f5 !important;
  color: #141414 !important;
}
.Light .ex-alert .ex-alert-centent {
  background: #fff !important;
  border: unset !important;
  border-radius: 10px !important;
}
.Light .ex-alert .ex-alert-centent .ex-alert-msg {
  font-size: 15px !important;
  font-family: Rubik-400 !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  color: #141414 !important;
  white-space: pre-line !important;
}
.Light .ex-alert .ex-alert-centent .btn {
  width: 37% !important;
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px !important;
  padding: 0 10px !important;
  color: #141414 !important;
}
.Light .ex-alert .ex-alert-centent .btn,
.Light .ex-alert .ex-alert-centent .confirm {
  height: 44px !important;
  font-size: 15px !important;
  font-family: Rubik-500 !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.Light .ex-alert .ex-alert-centent .confirm {
  width: 57% !important;
  padding: 0 8px !important;
  background: #7cb400 !important;
  border-radius: 6px !important;
  color: #fff !important;
}
.Light .ex-alert .ex-alert-centent .confirm:hover {
  background: #b6d94c !important;
  color: #fff !important;
}
.Light .el-dialog {
  border-radius: 14px;
}
.Light .el-dialog .el-dialog__header {
  border-radius: 10px 10px 0 0;
  height: 52px;
  background: #f5f5f5;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.Light .el-dialog .el-dialog__header .el-dialog__title {
  color: #141414;
  font-family: Rubik-700;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
}
.Light .el-dialog .el-dialog__header .el-dialog__close {
  color: #141414;
  font-size: 18px;
  font-weight: 700;
}
.Light .el-dialog .el-dialog__body {
  padding: 16px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  word-break: break-word;
}
.Light .el-dialog .el-dialog__body .footerBtns {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 10px;
}
.Light .el-dialog .el-dialog__body .footerBtns .cancelBtn {
  width: 130px;
  height: 44px;
  line-height: 42px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  color: #141414;
  margin-right: 10px;
  cursor: pointer;
}
.Light .el-dialog .el-dialog__body .footerBtns .setBtn {
  flex: 1;
  border: none;
  color: #fff;
  height: 44px;
  line-height: 44px;
  background: #7cb400;
  border-radius: 6px;
  cursor: pointer;
}
.Light .el-dialog .el-dialog__body .footerBtns .setBtn:hover {
  background: #b6d94c;
  color: #fff;
}
.Light .el-dialog .gl-btn-la {
  width: 100%;
  height: 44px;
  padding: 0 8px;
  background: #7cb400;
  border-radius: 6px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Light .el-dialog .gl-btn-la:hover {
  background: #b6d94c;
  color: #fff;
}
.Light .el-dropdown-menu {
  background-color: #fff !important;
}
.Light .el-dropdown-menu .el-dropdown-menu__item {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #141414 !important;
}
.Light .el-dropdown-menu .el-dropdown-menu__item:focus,
.Light .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #f5f5f5 !important;
  color: #7cb400 !important;
}
.Light .el-dropdown-menu .el-select-dropdown .el-select-dropdown__item.selected,
.Light .el-dropdown-menu .el-select-dropdown__item.selected {
  color: #7cb400 !important;
  font-weight: 400 !important;
}
.Light .el-notification {
  border: unset !important;
  padding-left: 0;
  border-radius: 0 8px 8px 0 !important;
  z-index: 20022 !important;
}
.Light .el-notification__content {
  margin-top: 0;
}
.Light .successNotify {
  min-height: 75px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 0 8px 8px 0;
  border-left: 4px solid #52c41a !important;
  display: flex;
  align-items: center;
}
.Light .successNotify .el-notification__content p {
  display: flex;
  align-items: center;
  text-align: left;
  color: #141414;
  font-family: Rubik-400;
  font-size: 14px;
  font-weight: 400;
}
.Light .successNotify .el-notification__icon {
  display: none;
}
.Light .warningNotify {
  min-height: 75px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 0 8px 8px 0;
  border-left: 4px solid #fa8c16 !important;
  display: flex;
  align-items: center;
}
.Light .warningNotify .el-notification__content p {
  display: flex;
  align-items: center;
  text-align: left;
  color: #141414;
  font-family: Rubik-400;
  font-size: 14px;
  font-weight: 400;
}
.Light .warningNotify .el-notification__icon {
  display: none;
}
.Light .errorNotify {
  min-height: 75px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 0 8px 8px 0;
  border-left: 4px solid #fa541c !important;
  display: flex;
  align-items: center;
}
.Light .errorNotify .el-notification__content p {
  display: flex;
  align-items: center;
  text-align: left;
  color: #141414;
  font-family: Rubik-400;
  font-size: 14px;
  font-weight: 400;
}
.Light .errorNotify .el-notification__icon {
  display: none;
}
.Light .el-date-range-picker,
.Light .el-picker-panel {
  color: #141414;
  font-family: Rubik-400;
  border: 1px solid #d9d9d9;
  background: #fff;
}
.Light .el-date-range-picker .el-date-table th,
.Light .el-picker-panel .el-date-table th {
  color: #a3a3a6;
  border-bottom: 1px solid #d9d9d9;
}
.Light .el-date-range-picker .el-picker-panel__body,
.Light .el-picker-panel .el-picker-panel__body {
  color: #141414;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-range-picker__time-header,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-range-picker__time-header {
  border-bottom: 1px solid #d9d9d9;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-range-picker__time-header
  .el-input__inner,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-range-picker__time-header
  .el-input__inner {
  color: #141414 !important;
  border: 1px solid #d9d9d9 !important;
  background: #f5f5f5;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.available:hover,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.today
  span,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-picker-panel__icon-btn:hover,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-table
  td.available:hover,
.Light .el-picker-panel .el-picker-panel__body .el-date-table td.today span,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-picker-panel__icon-btn:hover {
  color: #7cb400;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-range-picker__content.is-left,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-range-picker__content.is-left {
  border-right: 1px solid #d9d9d9;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table.is-week-mode
  .el-date-table__row.current
  div,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table.is-week-mode
  .el-date-table__row:hover
  div,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.in-range
  div,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.in-range
  div:hover,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-table.is-week-mode
  .el-date-table__row.current
  div,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-table.is-week-mode
  .el-date-table__row:hover
  div,
.Light .el-picker-panel .el-picker-panel__body .el-date-table td.in-range div,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-table
  td.in-range
  div:hover {
  background: #f5f5f5;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.current:not(.disabled)
  span,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.end-date
  span,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.start-date
  span,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-table
  td.current:not(.disabled)
  span,
.Light .el-picker-panel .el-picker-panel__body .el-date-table td.end-date span,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-date-table
  td.start-date
  span {
  background: #7cb400;
  color: #fff;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-date-table
  td.disabled
  div,
.Light .el-picker-panel .el-picker-panel__body .el-date-table td.disabled div {
  background: none;
  color: #a3a3a6;
}
.Light .el-date-range-picker .el-picker-panel__body .el-time-panel,
.Light .el-picker-panel .el-picker-panel__body .el-time-panel {
  background: #f5f5f5 !important;
  color: #141414 !important;
  border: 1px solid #d9d9d9 !important;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__content:after,
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__content:before,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__content:after,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__content:before {
  border-color: #d9d9d9 !important;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-spinner__item.active:not(.disabled),
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-spinner__item.active:not(.disabled) {
  color: #141414 !important;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-spinner__item:hover:not(.disabled):not(.active),
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: none !important;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__footer,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__footer {
  border-top: 1px solid #d9d9d9 !important;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__footer
  .el-time-panel__btn,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__footer
  .el-time-panel__btn {
  color: #606266 !important;
}
.Light
  .el-date-range-picker
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__footer
  .el-time-panel__btn.confirm,
.Light
  .el-picker-panel
  .el-picker-panel__body
  .el-time-panel
  .el-time-panel__footer
  .el-time-panel__btn.confirm {
  color: #7cb400 !important;
}
.Light .el-date-range-picker .el-picker-panel__footer,
.Light .el-picker-panel .el-picker-panel__footer {
  background: #fff;
  color: #141414 !important;
  border-top: 1px solid #d9d9d9;
}
.Light .el-date-range-picker .el-picker-panel__footer .el-button,
.Light .el-picker-panel .el-picker-panel__footer .el-button {
  background: none;
  border: none;
}
.Light .el-date-range-picker .el-picker-panel__footer .el-button--text,
.Light .el-picker-panel .el-picker-panel__footer .el-button--text {
  color: #7cb400;
}
.Light .selectItem2 {
  width: 300px !important;
  height: 360px !important;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 10px 10px rgba(5, 14, 1, 0.1);
  border-radius: 10px;
}
.Light .selectItem2 .el-scrollbar {
  height: 100%;
}
.Light .selectItem2 .el-scrollbar::-webkit-scrollbar {
  width: 0 !important;
}
.Light .selectItem2 .el-select-dropdown__wrap {
  width: 100%;
  height: 100%;
  max-height: unset;
  overflow: hidden;
}
.Light .selectItem2 .el-select-dropdown__wrap .el-select-dropdown__list {
  height: 100%;
  padding: unset !important;
}
.Light
  .selectItem2
  .el-select-dropdown__wrap
  .el-select-dropdown__list
  .el-input__inner {
  background: #fff;
  border-radius: 10px 10px 0 0 !important;
  border: none;
  outline: none;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #141414;
}
.Light
  .selectItem2
  .el-select-dropdown__wrap
  .el-select-dropdown__list
  .el-input__prefix {
  z-index: 999;
  top: 0;
}
.Light .selectItem2 .el-select-dropdown__wrap .selectWrap {
  height: calc(100% - 50px);
  margin-top: 0;
  overflow: scroll;
  position: relative;
}
.Light .selectItem2 .el-select-dropdown__wrap .selectWrap::-webkit-scrollbar {
  width: 0 !important;
}
.Light
  .selectItem2
  .el-select-dropdown__wrap
  .selectWrap
  .el-select-dropdown__item {
  padding: 0 12px !important;
}
.Light
  .selectItem2
  .el-select-dropdown__wrap
  .selectWrap
  .el-select-dropdown__item.hover,
.Light
  .selectItem2
  .el-select-dropdown__wrap
  .selectWrap
  .el-select-dropdown__item
  span:hover {
  color: #141414 !important;
  background: #f5f5f5 !important;
}
.Light .selectItem2 .el-select-dropdown__wrap .selectWrap .selected {
  color: #7cb400 !important;
  background: #f5f5f5 !important;
}
.Light .selectItem2 .el-select-dropdown__wrap .selectWrap .selected:after {
  content: "";
  width: 0 !important;
  height: 0 !important;
  border: none !important;
}
.Light .selectItem2 .el-select-dropdown__wrap .selectWrap .noMatch {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  justify-content: center;
  font-family: Rubik-400 !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #141414 !important;
}
.Light .selectItem2::-webkit-scrollbar {
  width: 0 !important;
}
.Light #risk-tip-el-dialog .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 14px auto 38px;
}
.Light #risk-tip-el-dialog .imgBox img {
  width: 108px;
  height: 108px;
}
.Light #risk-tip-el-dialog .messageBox {
  width: 100%;
  color: #141414;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}
.Light #risk-tip-el-dialog .timeBox {
  width: 100%;
  margin: 24px 0;
  box-sizing: border-box;
  background: #f5f5f5;
  display: flex;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  color: #141414;
}
.Light #risk-tip-el-dialog .tipBox {
  width: 100%;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #a3a3a6;
  margin-bottom: 32px;
}
@media (max-width: 760px) {
  .Light .el-date-range-picker {
    width: 100%;
    left: 0;
  }
  .Light .el-date-range-picker .el-picker-panel__body-wrapper {
    width: 100%;
  }
  .Light .el-date-range-picker .el-picker-panel__body {
    width: 100%;
    min-width: auto;
    display: flex;
    flex-flow: column;
  }
  .Light
    .el-date-range-picker
    .el-picker-panel__body
    .el-date-range-picker__content {
    width: 100%;
  }
  .Light
    .el-date-range-picker
    .el-picker-panel__body
    .el-date-range-picker__content.is-left {
    border: none;
  }
  .Light .el-popover {
    width: calc(100% - 15px) !important;
  }
}
.Light .depthChartContainer {
  background: #fff;
}
.Light .systemMaintenancePage .maintainCenter {
  width: 420px;
  min-height: 356px;
  background: #fff;
  opacity: 1;
  border-radius: 10px;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
}
.Light .systemMaintenancePage .maintainCenter .img_box {
  width: 124px;
  height: 94px;
  background-position: 50%;
  background-size: cover;
}
.Light .systemMaintenancePage .maintainCenter .maintainCon {
  text-align: left;
  margin-top: 32px;
  width: 100%;
}
.Light .systemMaintenancePage .maintainCenter .maintainCon .maintainTitle {
  border-radius: 4px;
  background-color: #f5f5f5;
  padding: 12px;
}
.Light .systemMaintenancePage .maintainCenter .maintainCon .title {
  font-family: Rubik-600;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #141414;
  text-align: center;
}
.Light .systemMaintenancePage .maintainCenter .maintainCon .time {
  text-align: center;
  font-family: Rubik-600;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #141414;
  margin-top: 16px;
}
.Light .systemMaintenancePage .maintainCenter .maintainCon .txt {
  width: 100%;
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #141414;
  margin-top: 24px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow1 {
  display: flex;
  flex-direction: row;
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  position: relative;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .el-input.is-disabled
  .el-input__inner {
  background-color: unset;
  font-size: 17px;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .el-input.is-disabled
  .el-input__suffix {
  display: none;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow1 .PartRow1Left {
  width: 60px;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Left
  .text {
  color: #141414;
  font-size: 17px;
  font-family: Rubik-500;
  font-weight: 500;
  width: 50px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  margin-right: 20px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow1 .PartRow1Cen {
  width: calc(100% - 115px);
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1 {
  display: flex;
  flex-direction: row;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1
  .accountPart {
  width: 100%;
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1
  .accountPart
  .symbol {
  color: #141414;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  width: 255px;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1
  .accountPart1 {
  border-bottom: 1px solid #d9d9d9;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .el-cascader {
  width: 100%;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .el-cascader
  .el-input
  .el-input__inner {
  border: unset !important;
  font-size: 17px !important;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow1 .PartRow1Right {
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 0 8px 8px 0;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Right
  .switchIcon {
  cursor: pointer;
  position: relative;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Right
  .switchIcon:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  border-left: 1px solid #141414;
  border-bottom: 1px solid #141414;
  transform: skewX(-45deg) rotate(-45deg);
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Right
  .switchIcon:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  border-top: 1px solid #141414;
  border-right: 1px solid #141414;
  transform: skewX(-45deg) rotate(-45deg);
  position: relative;
  left: -4px;
  top: 2px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow2 {
  width: 100%;
  position: relative;
  margin-top: 24px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow2 .name {
  color: #a3a3a6;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow2 .selCurrency {
  margin-top: 5px;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow2
  .selCurrency
  .el-select {
  width: 100%;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow2
  .selCurrency
  .el-select
  .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
  font-size: 17px !important;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow3 {
  width: 100%;
  margin-top: 24px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow3 .amountText {
  color: #a3a3a6;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow3 .inputBox {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  margin-top: 5px;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow3
  .inputBox
  .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
  font-size: 17px !important;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow3 .inputBox .unit {
  color: #141414;
  font-size: 17px;
  font-family: Rubik-500;
  font-weight: 500;
  z-index: 1;
  line-height: 56px;
  margin-right: 10px;
}
.Light
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow3
  .inputBox
  .suffixBox {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  height: 44px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow3 .allAmount {
  min-width: 50px;
  margin-top: 1px;
  height: 54px;
  line-height: 56px;
  text-align: center;
  color: #7cb400;
  font-size: 17px;
  font-family: Rubik-500;
  font-weight: 500;
  padding: 0 10px;
  cursor: pointer;
  border: 0 solid transparent;
  border-left: 1px solid;
  -o-border-image: linear-gradient(
      #f5f5f5,
      #f5f5f5 12px,
      #d9d9d9 0,
      #d9d9d9 44px,
      #f5f5f5 0,
      #f5f5f5 56px
    )
    1 !important;
  border-image: linear-gradient(
      #f5f5f5,
      #f5f5f5 12px,
      #d9d9d9 0,
      #d9d9d9 44px,
      #f5f5f5 0,
      #f5f5f5 56px
    )
    1 !important;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartNote {
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #141414;
  margin-top: 8px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartNote .note {
  color: #a3a3a6;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow4 {
  width: 100%;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
  margin-top: 24px;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow4 .prompt,
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow4 .promptText {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  font-family: Rubik-400;
  color: #434343;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartRow4 .promptText {
  margin-top: 6px;
}
.Light .fundsTransferDialogPart .gl-btn-la {
  margin-top: 30px;
  height: 52px !important;
  font-size: 17px !important;
}
.Light .fundsTransferDialogPart .fundsTransferDialogPartBtn {
  cursor: not-allowed !important;
}
.Light .fundsTransferCascader2 .el-cascader-menu:first-of-type {
  display: none !important;
}
.Light .openStopTipDialogCon {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: Rubik-400;
  color: #141414;
}
.Light .stopProfitLossDialog .stopProfitLossDialogCon .traderTip {
  width: 100%;
  height: 27px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background: rgba(250, 140, 22, 0.1);
  padding-left: 6px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #fa8c16;
  margin-bottom: 10px;
}
.Light .stopProfitLossDialog .stopProfitLossDialogCon .traderTip .warningIcon {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.Light .stopProfitLossDialog .stopProfitLossDialogCon .tabBox {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #d9d9d9;
}
.Light .stopProfitLossDialog .stopProfitLossDialogCon .tabBox .tabItem {
  font-family: Rubik-700;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #141414;
  padding-bottom: 6px;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.Light .stopProfitLossDialog .stopProfitLossDialogCon .tabBox .curTab {
  font-family: Rubik-700;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #7cb400;
  border-bottom: 1px solid #7cb400;
  padding-bottom: 6px;
  cursor: pointer;
  margin-right: 20px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
  font-size: 13px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 15px;
  color: #141414;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1
  .spanLeft {
  display: flex;
  align-items: center;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1
  .spanLeft
  .warningIcon {
  width: 15px;
  height: 15px;
  margin-left: 4px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1
  .spanRight {
  width: 250px;
  text-align: right;
  word-break: break-word;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConLine {
  width: 100%;
  height: 1px;
  background: #d9d9d9;
  margin: 16px 0 0;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4 {
  margin-top: 16px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .enterPriceTip {
  background: #fff;
  line-height: 30px;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #141414;
  text-align: center;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 1;
  top: -35px;
  left: 28%;
  padding: 0 8px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .enterPriceTip:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 31px;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2 {
  width: 100%;
  position: relative;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox {
  flex-direction: row;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 14px;
  color: #a3a3a6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .inputLabel,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .inputLabel {
  width: 50%;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel1,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel1 {
  cursor: not-allowed;
  position: relative;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel1:before,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel1:before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #a3a3a6;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: -18px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel1:after,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel1:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #a3a3a6;
  display: inline-block;
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: -11px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel2,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel2 {
  cursor: pointer;
  position: relative;
  color: #141414;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel2:before,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel2:before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #141414;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: -18px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel2:after,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel2:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #141414;
  display: inline-block;
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: -11px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
  border-radius: 8px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput {
  width: 70%;
  position: relative;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .el-input__inner,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .el-input__inner {
  border: unset !important;
  background: unset !important;
  border-radius: 0 !important;
  border-right: 1px solid !important;
  padding-right: 80px !important;
  padding-left: 12px;
  -o-border-image: linear-gradient(
      #f5f5f5,
      #f5f5f5 12px,
      #d9d9d9 0,
      #d9d9d9 32px,
      #f5f5f5 0,
      #f5f5f5 44px
    )
    1 !important;
  border-image: linear-gradient(
      #f5f5f5,
      #f5f5f5 12px,
      #d9d9d9 0,
      #d9d9d9 32px,
      #f5f5f5 0,
      #f5f5f5 44px
    )
    1 !important;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .el-select,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .el-select {
  position: absolute;
  right: 0;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .el-select
  .el-input__inner,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .el-select
  .el-input__inner {
  height: 44px !important;
  padding-right: 0 !important;
  font-size: 15px;
  font-family: Rubik;
  font-weight: 500;
  color: #141414;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .unit,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .unit {
  position: absolute;
  right: 12px;
  top: 0;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #141414;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .marketPrice,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .marketPrice {
  font-family: Rubik-500;
  font-size: 15px;
  font-weight: 500;
  color: #141414;
  line-height: 44px;
  margin-left: 12px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput {
  width: 30%;
  padding-left: 12px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput
  .el-input__inner,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput
  .el-input__inner {
  border: unset !important;
  background: unset !important;
  border-radius: 0 !important;
  height: 44px !important;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2 {
  width: 30%;
  display: flex;
  align-items: center;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2
  .rateLine,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2
  .rateLine {
  width: 1px;
  height: 20px;
  background: #d9d9d9;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2
  .rateItem,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2
  .rateItem {
  width: calc(50% - 0.5px);
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #141414;
  cursor: pointer;
  text-align: center;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2
  .curRate,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2
  .curRate {
  width: calc(50% - 0.5px);
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #7cb400;
  cursor: pointer;
  text-align: center;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox2,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox2 {
  width: 100%;
  margin-top: 5px;
  position: relative;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .el-input__suffix,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .el-input__suffix {
  right: 12px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputUnit,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputUnit {
  font-size: 15px;
  font-family: Rubik;
  font-weight: 500;
  color: #141414;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 12px;
  height: 20px;
  border-right: 1px solid #d9d9d9;
  padding-right: 16px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .tip,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .tip {
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #a3a3a6;
  position: absolute;
  top: 65px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .tip2,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .tip2 {
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #fa541c;
  position: absolute;
  top: 65px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .el-select
  .is-disabled
  .el-input__inner,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .el-select
  .is-disabled
  .el-input__inner {
  cursor: default;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .el-select
  .is-disabled
  .el-input__suffix,
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .el-select
  .is-disabled
  .el-input__suffix {
  display: none;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2 {
  margin-top: 24px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5 {
  width: 100%;
  margin-top: 24px;
  position: relative;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .labelBox {
  width: 50%;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 14px;
  color: #a3a3a6;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox {
  width: 100%;
  margin-top: 5px;
  position: relative;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .inputUnit {
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #141414;
  line-height: 44px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount
  .el-input__inner {
  height: 44px !important;
  line-height: 44px !important;
  padding-right: 52px !important;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount
  .el-input__suffix {
  right: 12px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount
  .tag {
  color: #a3a3a6;
  position: absolute;
  top: 12px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount2 {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  background: #d9d9d9;
  font-family: Rubik-500;
  font-size: 15px;
  font-weight: 500;
  color: #141414;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  padding: 13px 12px 0;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount2
  .tag {
  color: #a3a3a6;
  margin-left: 2px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .slidersPart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: 1px;
  border-top: 1px solid #d9d9d9;
  padding: 1px 3px 0;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .slidersPart
  div {
  width: 25%;
  height: 17px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 17px;
  color: #a3a3a6;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .slidersPart
  .isbrd {
  background: rgba(82, 196, 26, 0.2);
  color: #7cb400;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider {
  width: calc(100% - 10px);
  height: 10px;
  margin: 10px auto 0;
  display: flex;
  align-items: center;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider
  .el-slider__runway {
  background: #d9d9d9;
  height: 2px;
  margin: 0;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider
  .el-slider__runway
  .el-slider__bar {
  height: 2px;
  background: #52c41a;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider
  .el-slider__button {
  width: 8px;
  height: 13px;
  border-radius: 4px;
  margin-bottom: 4px;
  background: #fff;
  border-color: #52c41a;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  div {
  width: 4px;
  height: 10px;
  border-radius: 2px;
  background: #d9d9d9;
  cursor: pointer;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  div:first-child {
  position: relative;
  left: 1px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  div:last-child {
  position: relative;
  right: 1px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  .iscolor {
  background: #52c41a;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .enterPriceTip {
  background: #fff;
  line-height: 30px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #141414;
  text-align: center;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 1;
  top: -35px;
  left: 35%;
  padding: 0 8px;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .enterPriceTip:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 31px;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow3 {
  width: 100%;
  border-radius: 6px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 14px;
  color: #a3a3a6;
  display: flex;
  flex-direction: row;
  word-break: break-word;
}
.Light
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow3
  .warningIcon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.Light .stopProfitLossDialog .stopProfitLossDialogCon .gl-btn-la {
  margin-top: 24px;
}
.Light .transferDialogMain .label {
  color: #a3a3a6;
  font-family: Rubik-400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 5px;
}
.Light .transferDialogMain .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
  color: #141414;
  font-family: Rubik-500 !important;
  font-size: 17px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
}
.Light .transferDialogMain .transferAccountBox {
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  background: #f5f5f5;
  color: #141414;
  font-family: Rubik-500;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Light .transferDialogMain .transferAccountBox .accountTitle {
  width: 10%;
}
.Light .transferDialogMain .transferAccountBox .accountTitle div {
  height: 56px;
  line-height: 56px;
}
.Light .transferDialogMain .transferAccountBox .accountMain {
  flex: 1;
  margin: 0 16px 0 0;
}
.Light .transferDialogMain .transferAccountBox .accountMain .accountItem {
  height: 56px;
}
.Light
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem:first-child {
  height: 57px;
  border-bottom: 1px solid #d9d9d9;
}
.Light
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem
  .el-cascader {
  height: 56px;
  width: 100%;
}
.Light
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem
  .el-cascader
  .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
}
.Light
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem
  .spotAccountBox {
  height: 56px;
  line-height: 56px;
}
.Light .transferDialogMain .transferAccountBox .exchangeImg {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.Light .transferDialogMain .transferCurrencyBox {
  margin-top: 24px;
}
.Light .transferDialogMain .transferCurrencyBox .el-select {
  width: 100%;
}
.Light
  .transferDialogMain
  .transferCurrencyBox
  .currencySelect
  .el-input__inner {
  padding-left: 50px !important;
  height: 56px !important;
  line-height: 56px !important;
}
.Light
  .transferDialogMain
  .transferCurrencyBox
  .currencySelect
  .el-input__prefix {
  left: 15px;
  height: 56px;
}
.Light
  .transferDialogMain
  .transferCurrencyBox
  .currencySelect
  .el-input__prefix
  .currencyImg {
  width: 28px;
  height: 28px;
  margin-top: 14px;
}
.Light .transferDialogMain .transferAmountBox {
  margin-top: 24px;
}
.Light .transferDialogMain .transferAmountBox .transferInput {
  position: relative;
  width: 100%;
}
.Light .transferDialogMain .transferAmountBox .transferInput .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
}
.Light .transferDialogMain .transferAmountBox .transferInput .allBox {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #141414;
  font-family: Rubik-500;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Light .transferDialogMain .transferAmountBox .transferInput .allBox .line {
  display: inline-block;
  margin: 0 10px;
  color: #d9d9d9;
}
.Light .transferDialogMain .transferAmountBox .transferInput .allBox .allText {
  cursor: pointer;
  color: #7cb400;
}
.Light .transferDialogMain .transferAmountBox .canTransfer {
  color: #141414;
  font-family: Rubik-400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 5px;
}
.Light .transferDialogMain .transferTipBox {
  padding: 12px;
  border-radius: 4px;
  background: #f5f5f5;
  margin-top: 24px;
}
.Light .transferDialogMain .transferTipBox .prompt,
.Light .transferDialogMain .transferTipBox .promptText {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  font-family: Rubik-400;
  color: #434343;
}
.Light .transferDialogMain .transferTipBox .promptText {
  margin-top: 6px;
}
.Light .transferDialogMain .gl-btn-la {
  margin-top: 24px;
}
.Light .openContractDialogCon {
  padding: 8px 0;
}
.Light .openContractDialogCon .text {
  font-size: 15px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 18px;
  color: #141414;
}
.Light .openContractDialogCon .text .contract {
  color: #7cb400;
  cursor: pointer;
}
.Light .openContractDialogCon .text a {
  text-decoration: none;
}
.Light .openContractDialogCon .tipText {
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
  line-height: 17px;
  color: #141414;
  margin-top: 24px;
}
.Light .openContractDialogCon .gl-btn-la-cancel {
  width: 130px;
}
.Light .openContractDialogCon .gl-btn-la {
  width: 280px;
}
.Light .systemMaintenancePage .maintainCenter .img_box {
  background-image: url(/image/global/systemMaintenance-light.png);
}
.Night .depthChartContainer {
  background: #141414;
}
.Night .systemMaintenancePage .maintainCenter {
  width: 420px;
  min-height: 356px;
  background: #141414;
  opacity: 1;
  border-radius: 10px;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 16px;
}
.Night .systemMaintenancePage .maintainCenter .img_box {
  width: 124px;
  height: 94px;
  background-position: 50%;
  background-size: cover;
}
.Night .systemMaintenancePage .maintainCenter .maintainCon {
  text-align: left;
  margin-top: 32px;
  width: 100%;
}
.Night .systemMaintenancePage .maintainCenter .maintainCon .maintainTitle {
  border-radius: 4px;
  background-color: #1f1f1f;
  padding: 12px;
}
.Night .systemMaintenancePage .maintainCenter .maintainCon .title {
  font-family: Rubik-600;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #f5f5f5;
  text-align: center;
}
.Night .systemMaintenancePage .maintainCenter .maintainCon .time {
  text-align: center;
  font-family: Rubik-600;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #f5f5f5;
  margin-top: 16px;
}
.Night .systemMaintenancePage .maintainCenter .maintainCon .txt {
  width: 100%;
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #f5f5f5;
  margin-top: 24px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow1 {
  display: flex;
  flex-direction: row;
  background: #1f1f1f;
  border: 1px solid #434343;
  border-radius: 8px;
  position: relative;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .el-input.is-disabled
  .el-input__inner {
  background-color: unset;
  font-size: 17px;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .el-input.is-disabled
  .el-input__suffix {
  display: none;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow1 .PartRow1Left {
  width: 60px;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Left
  .text {
  color: #f5f5f5;
  font-size: 17px;
  font-family: Rubik-500;
  font-weight: 500;
  width: 50px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  margin-right: 20px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow1 .PartRow1Cen {
  width: calc(100% - 115px);
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1 {
  display: flex;
  flex-direction: row;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1
  .accountPart {
  width: 100%;
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1
  .accountPart
  .symbol {
  color: #f5f5f5;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  width: 255px;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .RowLeftRow1
  .accountPart1 {
  border-bottom: 1px solid #434343;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .el-cascader {
  width: 100%;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Cen
  .el-cascader
  .el-input
  .el-input__inner {
  border: unset !important;
  font-size: 17px !important;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow1 .PartRow1Right {
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f1f1f;
  border-radius: 0 8px 8px 0;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Right
  .switchIcon {
  cursor: pointer;
  position: relative;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Right
  .switchIcon:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  transform: skewX(-45deg) rotate(-45deg);
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow1
  .PartRow1Right
  .switchIcon:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 16px;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  transform: skewX(-45deg) rotate(-45deg);
  position: relative;
  left: -4px;
  top: 2px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow2 {
  width: 100%;
  position: relative;
  margin-top: 24px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow2 .name {
  color: #595959;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow2 .selCurrency {
  margin-top: 5px;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow2
  .selCurrency
  .el-select {
  width: 100%;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow2
  .selCurrency
  .el-select
  .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
  font-size: 17px !important;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow3 {
  width: 100%;
  margin-top: 24px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow3 .amountText {
  color: #595959;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow3 .inputBox {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  margin-top: 5px;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow3
  .inputBox
  .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
  font-size: 17px !important;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow3 .inputBox .unit {
  color: #f5f5f5;
  font-size: 17px;
  font-family: Rubik-500;
  font-weight: 500;
  z-index: 1;
  line-height: 56px;
  margin-right: 10px;
}
.Night
  .fundsTransferDialogPart
  .fundsTransferDialogPartRow3
  .inputBox
  .suffixBox {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  height: 44px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow3 .allAmount {
  min-width: 50px;
  margin-top: 1px;
  height: 54px;
  line-height: 56px;
  text-align: center;
  color: #9dcc27;
  font-size: 17px;
  font-family: Rubik-500;
  font-weight: 500;
  padding: 0 10px;
  cursor: pointer;
  border: 0 solid transparent;
  border-left: 1px solid;
  -o-border-image: linear-gradient(
      #1f1f1f,
      #1f1f1f 12px,
      #434343 0,
      #434343 44px,
      #1f1f1f 0,
      #1f1f1f 56px
    )
    1 !important;
  border-image: linear-gradient(
      #1f1f1f,
      #1f1f1f 12px,
      #434343 0,
      #434343 44px,
      #1f1f1f 0,
      #1f1f1f 56px
    )
    1 !important;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartNote {
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #f5f5f5;
  margin-top: 8px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartNote .note {
  color: #595959;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow4 {
  width: 100%;
  padding: 16px;
  background: #1f1f1f;
  border-radius: 8px;
  margin-top: 24px;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow4 .prompt,
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow4 .promptText {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  font-family: Rubik-400;
  color: #bfbfbf;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartRow4 .promptText {
  margin-top: 6px;
}
.Night .fundsTransferDialogPart .gl-btn-la {
  margin-top: 30px;
  height: 52px !important;
  font-size: 17px !important;
}
.Night .fundsTransferDialogPart .fundsTransferDialogPartBtn {
  cursor: not-allowed !important;
}
.Night .fundsTransferCascader2 .el-cascader-menu:first-of-type {
  display: none !important;
}
.Night .openStopTipDialogCon {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: Rubik-400;
  color: #f5f5f5;
}
.Night .stopProfitLossDialog .stopProfitLossDialogCon .traderTip {
  width: 100%;
  height: 27px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  background: rgba(250, 140, 22, 0.1);
  padding-left: 6px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #fa8c16;
  margin-bottom: 10px;
}
.Night .stopProfitLossDialog .stopProfitLossDialogCon .traderTip .warningIcon {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.Night .stopProfitLossDialog .stopProfitLossDialogCon .tabBox {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #434343;
}
.Night .stopProfitLossDialog .stopProfitLossDialogCon .tabBox .tabItem {
  font-family: Rubik-700;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #f5f5f5;
  padding-bottom: 6px;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.Night .stopProfitLossDialog .stopProfitLossDialogCon .tabBox .curTab {
  font-family: Rubik-700;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #9dcc27;
  border-bottom: 1px solid #9dcc27;
  padding-bottom: 6px;
  cursor: pointer;
  margin-right: 20px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
  font-size: 13px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 15px;
  color: #f5f5f5;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1
  .spanLeft {
  display: flex;
  align-items: center;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1
  .spanLeft
  .warningIcon {
  width: 15px;
  height: 15px;
  margin-left: 4px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow1
  .spanRight {
  width: 250px;
  text-align: right;
  word-break: break-word;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConLine {
  width: 100%;
  height: 1px;
  background: #434343;
  margin: 16px 0 0;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4 {
  margin-top: 16px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .enterPriceTip {
  background: #1f1f1f;
  line-height: 30px;
  font-size: 14px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #f5f5f5;
  text-align: center;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 1;
  top: -35px;
  left: 28%;
  padding: 0 8px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .enterPriceTip:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 31px;
  border-top: 5px solid #1f1f1f;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2 {
  width: 100%;
  position: relative;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox {
  flex-direction: row;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 14px;
  color: #595959;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .inputLabel,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .inputLabel {
  width: 50%;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel1,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel1 {
  cursor: not-allowed;
  position: relative;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel1:before,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel1:before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #595959;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: -18px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel1:after,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel1:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #595959;
  display: inline-block;
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: -11px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel2,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel2 {
  cursor: pointer;
  position: relative;
  color: #f5f5f5;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel2:before,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel2:before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #f5f5f5;
  display: inline-block;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: -18px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .labelBox
  .cancel2:after,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .labelBox
  .cancel2:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #f5f5f5;
  display: inline-block;
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: -11px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  border: 1px solid #434343;
  background: #1f1f1f;
  border-radius: 8px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput {
  width: 70%;
  position: relative;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .el-input__inner,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .el-input__inner {
  border: unset !important;
  background: unset !important;
  border-radius: 0 !important;
  border-right: 1px solid !important;
  padding-right: 80px !important;
  padding-left: 12px;
  -o-border-image: linear-gradient(
      #1f1f1f,
      #1f1f1f 12px,
      #434343 0,
      #434343 32px,
      #1f1f1f 0,
      #1f1f1f 44px
    )
    1 !important;
  border-image: linear-gradient(
      #1f1f1f,
      #1f1f1f 12px,
      #434343 0,
      #434343 32px,
      #1f1f1f 0,
      #1f1f1f 44px
    )
    1 !important;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .el-select,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .el-select {
  position: absolute;
  right: 0;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .el-select
  .el-input__inner,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .el-select
  .el-input__inner {
  height: 44px !important;
  padding-right: 0 !important;
  font-size: 15px;
  font-family: Rubik;
  font-weight: 500;
  color: #f5f5f5;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .unit,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .unit {
  position: absolute;
  right: 12px;
  top: 0;
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #f5f5f5;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .priceInput
  .marketPrice,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .priceInput
  .marketPrice {
  font-family: Rubik-500;
  font-size: 15px;
  font-weight: 500;
  color: #f5f5f5;
  line-height: 44px;
  margin-left: 12px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput {
  width: 30%;
  padding-left: 12px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput
  .el-input__inner,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput
  .el-input__inner {
  border: unset !important;
  background: unset !important;
  border-radius: 0 !important;
  height: 44px !important;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2 {
  width: 30%;
  display: flex;
  align-items: center;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2
  .rateLine,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2
  .rateLine {
  width: 1px;
  height: 20px;
  background: #434343;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2
  .rateItem,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2
  .rateItem {
  width: calc(50% - 0.5px);
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #f5f5f5;
  cursor: pointer;
  text-align: center;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox
  .rateInput2
  .curRate,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox
  .rateInput2
  .curRate {
  width: calc(50% - 0.5px);
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #9dcc27;
  cursor: pointer;
  text-align: center;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputBox2,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputBox2 {
  width: 100%;
  margin-top: 5px;
  position: relative;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .el-input__suffix,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .el-input__suffix {
  right: 12px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .inputUnit,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .inputUnit {
  font-size: 15px;
  font-family: Rubik;
  font-weight: 500;
  color: #f5f5f5;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 12px;
  height: 20px;
  border-right: 1px solid #434343;
  padding-right: 16px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .tip,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .tip {
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #595959;
  position: absolute;
  top: 65px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .tip2,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .tip2 {
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #fa541c;
  position: absolute;
  top: 65px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .el-select
  .is-disabled
  .el-input__inner,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .el-select
  .is-disabled
  .el-input__inner {
  cursor: default;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow1
  .el-select
  .is-disabled
  .el-input__suffix,
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2
  .el-select
  .is-disabled
  .el-input__suffix {
  display: none;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow4
  .divRow2 {
  margin-top: 24px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5 {
  width: 100%;
  margin-top: 24px;
  position: relative;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .labelBox {
  width: 50%;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 14px;
  color: #595959;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox {
  width: 100%;
  margin-top: 5px;
  position: relative;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .inputUnit {
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #f5f5f5;
  line-height: 44px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount
  .el-input__inner {
  height: 44px !important;
  line-height: 44px !important;
  padding-right: 52px !important;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount
  .el-input__suffix {
  right: 12px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount
  .tag {
  color: #595959;
  position: absolute;
  top: 12px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount2 {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  background: #262626;
  font-family: Rubik-500;
  font-size: 15px;
  font-weight: 500;
  color: #f5f5f5;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  padding: 13px 12px 0;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .conAmount2
  .tag {
  color: #595959;
  margin-left: 2px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .slidersPart {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: 1px;
  border-top: 1px solid #434343;
  padding: 1px 3px 0;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .slidersPart
  div {
  width: 25%;
  height: 17px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 17px;
  color: #595959;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .slidersPart
  .isbrd {
  background: rgba(82, 196, 26, 0.2);
  color: #9dcc27;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider {
  width: calc(100% - 10px);
  height: 10px;
  margin: 10px auto 0;
  display: flex;
  align-items: center;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider
  .el-slider__runway {
  background: #434343;
  height: 2px;
  margin: 0;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider
  .el-slider__runway
  .el-slider__bar {
  height: 2px;
  background: #52c41a;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .el-slider
  .el-slider__button {
  width: 8px;
  height: 13px;
  border-radius: 4px;
  margin-bottom: 4px;
  background: #141414;
  border-color: #52c41a;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  div {
  width: 4px;
  height: 10px;
  border-radius: 2px;
  background: #434343;
  cursor: pointer;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  div:first-child {
  position: relative;
  left: 1px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  div:last-child {
  position: relative;
  right: 1px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .inputBox
  .tips
  .iscolor {
  background: #52c41a;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .enterPriceTip {
  background: #1f1f1f;
  line-height: 30px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  color: #f5f5f5;
  text-align: center;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 1;
  top: -35px;
  left: 35%;
  padding: 0 8px;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow5
  .enterPriceTip:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 31px;
  border-top: 5px solid #1f1f1f;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow3 {
  width: 100%;
  border-radius: 6px;
  font-size: 12px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 14px;
  color: #595959;
  display: flex;
  flex-direction: row;
  word-break: break-word;
}
.Night
  .stopProfitLossDialog
  .stopProfitLossDialogCon
  .stopProfitLossDialogConRow3
  .warningIcon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.Night .stopProfitLossDialog .stopProfitLossDialogCon .gl-btn-la {
  margin-top: 24px;
}
.Night .transferDialogMain .label {
  color: #595959;
  font-family: Rubik-400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 5px;
}
.Night .transferDialogMain .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
  color: #f5f5f5;
  font-family: Rubik-500 !important;
  font-size: 17px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
}
.Night .transferDialogMain .transferAccountBox {
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #434343;
  background: #1f1f1f;
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Night .transferDialogMain .transferAccountBox .accountTitle {
  width: 10%;
}
.Night .transferDialogMain .transferAccountBox .accountTitle div {
  height: 56px;
  line-height: 56px;
}
.Night .transferDialogMain .transferAccountBox .accountMain {
  flex: 1;
  margin: 0 16px 0 0;
}
.Night .transferDialogMain .transferAccountBox .accountMain .accountItem {
  height: 56px;
}
.Night
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem:first-child {
  height: 57px;
  border-bottom: 1px solid #434343;
}
.Night
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem
  .el-cascader {
  height: 56px;
  width: 100%;
}
.Night
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem
  .el-cascader
  .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
}
.Night
  .transferDialogMain
  .transferAccountBox
  .accountMain
  .accountItem
  .spotAccountBox {
  height: 56px;
  line-height: 56px;
}
.Night .transferDialogMain .transferAccountBox .exchangeImg {
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.Night .transferDialogMain .transferCurrencyBox {
  margin-top: 24px;
}
.Night .transferDialogMain .transferCurrencyBox .el-select {
  width: 100%;
}
.Night
  .transferDialogMain
  .transferCurrencyBox
  .currencySelect
  .el-input__inner {
  padding-left: 50px !important;
  height: 56px !important;
  line-height: 56px !important;
}
.Night
  .transferDialogMain
  .transferCurrencyBox
  .currencySelect
  .el-input__prefix {
  left: 15px;
  height: 56px;
}
.Night
  .transferDialogMain
  .transferCurrencyBox
  .currencySelect
  .el-input__prefix
  .currencyImg {
  width: 28px;
  height: 28px;
  margin-top: 14px;
}
.Night .transferDialogMain .transferAmountBox {
  margin-top: 24px;
}
.Night .transferDialogMain .transferAmountBox .transferInput {
  position: relative;
  width: 100%;
}
.Night .transferDialogMain .transferAmountBox .transferInput .el-input__inner {
  height: 56px !important;
  line-height: 56px !important;
}
.Night .transferDialogMain .transferAmountBox .transferInput .allBox {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Night .transferDialogMain .transferAmountBox .transferInput .allBox .line {
  display: inline-block;
  margin: 0 10px;
  color: #434343;
}
.Night .transferDialogMain .transferAmountBox .transferInput .allBox .allText {
  cursor: pointer;
  color: #9dcc27;
}
.Night .transferDialogMain .transferAmountBox .canTransfer {
  color: #f5f5f5;
  font-family: Rubik-400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 5px;
}
.Night .transferDialogMain .transferTipBox {
  padding: 12px;
  border-radius: 4px;
  background: #1f1f1f;
  margin-top: 24px;
}
.Night .transferDialogMain .transferTipBox .prompt,
.Night .transferDialogMain .transferTipBox .promptText {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  font-family: Rubik-400;
  color: #bfbfbf;
}
.Night .transferDialogMain .transferTipBox .promptText {
  margin-top: 6px;
}
.Night .transferDialogMain .gl-btn-la {
  margin-top: 24px;
}
.Night .openContractDialogCon {
  padding: 8px 0;
}
.Night .openContractDialogCon .text {
  font-size: 15px;
  font-family: Rubik-400;
  font-weight: 400;
  line-height: 18px;
  color: #f5f5f5;
}
.Night .openContractDialogCon .text .contract {
  color: #9dcc27;
  cursor: pointer;
}
.Night .openContractDialogCon .text a {
  text-decoration: none;
}
.Night .openContractDialogCon .tipText {
  font-size: 14px;
  font-family: Rubik-500;
  font-weight: 500;
  line-height: 17px;
  color: #f5f5f5;
  margin-top: 24px;
}
.Night .openContractDialogCon .gl-btn-la-cancel {
  width: 130px;
}
.Night .openContractDialogCon .gl-btn-la {
  width: 280px;
}
.Night .systemMaintenancePage .maintainCenter .img_box {
  background-image: url(/image/global/systemMaintenance-night.png);
}
@font-face {
  font-family: Rubik;
  src: url(Roboto-Medium.7c8d04c.ttf) format("truetype");
}
@font-face {
  font-family: Rubik-400;
  src: url(Roboto-Regular.fc2b506.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: Rubik-500;
  src: url(Roboto-Medium.7c8d04c.ttf) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: Rubik-600;
  src: url(Roboto-Medium.7c8d04c.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: Rubik-700;
  src: url(Roboto-Bold.f80816a.ttf) format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: Rubik-900;
  src: url(Roboto-Black.cf56c1b.ttf) format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: Roboto-Regular;
  src: url(Roboto-Regular.fc2b506.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(Roboto-Medium.7c8d04c.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: Roboto-Bold;
  src: url(Roboto-Bold.f80816a.ttf) format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: Roboto-Black;
  src: url(Roboto-Black.cf56c1b.ttf) format("truetype");
  font-weight: 900;
}
.dialog-fade-enter-active .el-dialog {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: DialogFadein;
  animation-name: DialogFadein;
}
.dialog-fade-leave-active .el-dialog {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: DialogFadeout;
  animation-name: DialogFadeout;
}
@-webkit-keyframes DialogFadein {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes DialogFadein {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes DialogFadeout {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes DialogFadeout {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.5);
    opacity: 0;
  }
}
.el-popup-parent--hidden {
  padding-right: 0 !important;
}
@media (max-width: 1279px) {
  .el-scrollbar > .el-scrollbar__bar {
    opacity: 1 !important;
  }
  .el-dialog__wrapper {
    width: 100%;
    max-height: 100%;
  }
  .el-dialog__wrapper .el-dialog {
    margin: 0;
    width: 100% !important;
    margin-top: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    position: absolute;
    bottom: 0;
    max-height: 100%;
  }
  .el-dialog__wrapper .el-dialog .el-dialog__body {
    border-radius: 0 !important;
  }
  .el-dialog__wrapper .smallDialog {
    width: 90% !important;
    top: 30vh;
    left: 5%;
    bottom: auto;
    margin: 0 auto !important;
    border-radius: 14px !important;
  }
  .el-dialog__wrapper .smallDialog .el-dialog__body {
    border-radius: 0 0 14px 14px !important;
  }
  .dialog-fade-enter-active .el-dialog.smallDialog {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: DialogFadein1;
    animation-name: DialogFadein1;
  }
  .dialog-fade-leave-active .el-dialog.smallDialog {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: DialogFadeout1;
    animation-name: DialogFadeout1;
  }
  .dialog-fade-enter-active .el-dialog {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: DialogFadein;
    animation-name: DialogFadein;
  }
  .dialog-fade-leave-active .el-dialog {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: DialogFadeout;
    animation-name: DialogFadeout;
  }
  @-webkit-keyframes DialogFadein1 {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes DialogFadein1 {
    0% {
      transform: scale(0.5);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  @-webkit-keyframes DialogFadeout1 {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(0.5);
      opacity: 0;
    }
  }
  @keyframes DialogFadeout1 {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(0.5);
      opacity: 0;
    }
  }
  @-webkit-keyframes DialogFadein {
    0% {
      bottom: -100vh;
    }
    to {
      bottom: 0;
    }
  }
  @keyframes DialogFadein {
    0% {
      bottom: -100vh;
    }
    to {
      bottom: 0;
    }
  }
  @-webkit-keyframes DialogFadeout {
    0% {
      bottom: 0;
    }
    to {
      bottom: -100vh;
    }
  }
  @keyframes DialogFadeout {
    0% {
      bottom: 0;
    }
    to {
      bottom: -100vh;
    }
  }
}
.maintainPage {
  position: absolute;
  top: 64px;
}
.maintainPage,
.maintainPageAll {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}
.maintainPageAll {
  position: fixed;
  top: 0;
}
.Night .gl-btn-la {
  width: 100%;
  height: 44px;
  padding: 0 8px;
  background: #9dcc27;
  border-radius: 6px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #f5f5f5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Night .gl-btn-la:hover {
  background: #b6d94c;
  color: #f5f5f5;
}
.Night #user-risk-tip-dialog .el-dialog__header {
  background: #141414 !important;
}
.Night #user-risk-tip-dialog .el-dialog__header .el-dialog__title {
  color: #f5f5f5 !important;
}
.Night #user-risk-tip-dialog .el-dialog__body {
  text-align: center;
  word-break: break-word;
  background: #141414 !important;
}
.Night #user-risk-tip-dialog .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 32px;
}
.Night #user-risk-tip-dialog .imgBox img {
  width: 108px;
  height: 108px;
}
.Night #user-risk-tip-dialog .messageBox {
  width: 100%;
  font-family: Rubik-400;
  color: #f5f5f5;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 32px;
  text-align: left;
}
.Night #user-risk-tip-dialog .messageBox span {
  color: #9dcc27;
  cursor: pointer;
}
.Night #user-risk-tip-dialog .gl-btn-la-cancel {
  width: 100%;
  margin-top: 8px;
  height: 44px;
  background: #1f1f1f;
  border: 1px solid #434343;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #f5f5f5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Night #user-risk-tip-dialog .tipBox {
  color: #f5f5f5;
  font-size: 12px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  margin-top: 32px;
  text-align: left;
}
.Night #user-risk-tip-dialog .tipBox .title {
  font-size: 14px;
  margin-bottom: 8px;
}
.Night #fundsTipDialog .el-dialog__header {
  background: #141414 !important;
}
.Night #fundsTipDialog .el-dialog__header .el-dialog__title {
  color: #f5f5f5 !important;
  width: calc(100% - 22px);
}
.Night #fundsTipDialog .el-dialog__body {
  text-align: center;
  word-break: break-word;
  background: #141414 !important;
}
.Night #fundsTipDialog .tipTitle {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #595959;
  margin-bottom: 24px;
}
.Night #fundsTipDialog .authBox .authItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  font-family: Rubik-700;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #f5f5f5;
}
.Night #fundsTipDialog .authBox .authItem img {
  width: 24px;
}
.Night #fundsTipDialog .fiatKycMain {
  color: #f5f5f5;
  text-align: center;
  font-family: Rubik-400;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.Night #fundsTipDialog .fiatKycMain img {
  width: 118px;
  margin-bottom: 32px;
}
.Night #fundsTipDialog .fiatKycMain .gl-btn-la {
  margin-top: 32px;
}
.Light .gl-btn-la {
  width: 100%;
  height: 44px;
  padding: 0 8px;
  background: #7cb400;
  border-radius: 6px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Light .gl-btn-la:hover {
  background: #b6d94c;
  color: #fff;
}
.Light #user-risk-tip-dialog .el-dialog__header {
  background: #fff !important;
}
.Light #user-risk-tip-dialog .el-dialog__header .el-dialog__title {
  color: #141414 !important;
}
.Light #user-risk-tip-dialog .el-dialog__body {
  text-align: center;
  word-break: break-word;
  background: #fff !important;
}
.Light #user-risk-tip-dialog .imgBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 32px;
}
.Light #user-risk-tip-dialog .imgBox img {
  width: 108px;
  height: 108px;
}
.Light #user-risk-tip-dialog .messageBox {
  width: 100%;
  font-family: Rubik-400;
  color: #141414;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 32px;
  text-align: left;
}
.Light #user-risk-tip-dialog .messageBox span {
  color: #7cb400;
  cursor: pointer;
}
.Light #user-risk-tip-dialog .gl-btn-la-cancel {
  width: 100%;
  margin-top: 8px;
  height: 44px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 0 10px;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  color: #141414;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Light #user-risk-tip-dialog .tipBox {
  color: #141414;
  font-size: 12px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  margin-top: 32px;
  text-align: left;
}
.Light #user-risk-tip-dialog .tipBox .title {
  font-size: 14px;
  margin-bottom: 8px;
}
.Light #fundsTipDialog .el-dialog__header {
  background: #fff !important;
}
.Light #fundsTipDialog .el-dialog__header .el-dialog__title {
  color: #141414 !important;
  width: calc(100% - 22px);
}
.Light #fundsTipDialog .el-dialog__body {
  text-align: center;
  word-break: break-word;
  background: #fff !important;
}
.Light #fundsTipDialog .tipTitle {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #a3a3a6;
  margin-bottom: 24px;
}
.Light #fundsTipDialog .authBox .authItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  font-family: Rubik-700;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #141414;
}
.Light #fundsTipDialog .authBox .authItem img {
  width: 24px;
}
.Light #fundsTipDialog .fiatKycMain {
  color: #141414;
  text-align: center;
  font-family: Rubik-400;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.Light #fundsTipDialog .fiatKycMain img {
  width: 118px;
  margin-bottom: 32px;
}
.Light #fundsTipDialog .fiatKycMain .gl-btn-la {
  margin-top: 32px;
}
.LightContent.el-popper,
.LightFooter.el-popper {
  border: none !important;
  background: #fff;
}
.LightContent.el-popper .nav-container-drop,
.LightFooter.el-popper .nav-container-drop {
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 10px rgba(5, 14, 1, 0.1);
}
.LightContent.el-popper .nav-container-drop.left-align,
.LightFooter.el-popper .nav-container-drop.left-align {
  left: 0;
  right: auto;
}
.LightContent.el-popper .nav-container-drop .nav-container-drop-box,
.LightFooter.el-popper .nav-container-drop .nav-container-drop-box {
  padding: 22px 0;
  display: flex;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download {
  padding: 15px;
  border-radius: 10px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download
  .nav-container-drop-box-list
  .nav-container-drop-box-item,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download
  .nav-container-drop-box-list
  .nav-container-drop-box-item {
  padding: 0;
  display: block;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list {
  font-size: 0;
  flex: 1;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.border-right,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.border-right {
  border-right: 1px solid #d9d9d9;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.language-rate
  .nav-container-drop-box-item,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.language-rate
  .nav-container-drop-box-item {
  height: 30px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs {
  display: flex;
  padding: 2px 16px;
  height: 34px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  color: #9fa4b4;
  margin-bottom: 10px;
  min-width: 280px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item {
  text-align: left;
  line-height: 30px;
  height: 30px;
  flex: 1;
  cursor: pointer;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item-checked,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item-checked {
  font-weight: 700;
  color: #141414;
  box-sizing: border-box;
  font-weight: 900;
  font-size: 16px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-title,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #434343;
  padding-left: 18px;
  margin-bottom: 10px;
  text-align: left;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item {
  font-size: 14px;
  font-weight: 500;
  color: #141414;
  cursor: pointer;
  width: 100%;
  height: 65px;
  background: #fff;
  opacity: 1;
  padding: 16px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon {
  width: 26px;
  height: 26px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon
  img {
  width: 100%;
  height: 100%;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #141414;
  margin-left: 12px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name
  .nav-container-drop-box-item-name-describe,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name
  .nav-container-drop-box-item-name-describe {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #141414;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-hotspot,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-hotspot {
  height: 100%;
  width: 100%;
  height: 46px;
  line-height: 46px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  a,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  a {
  color: #141414;
  white-space: nowrap;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  img {
  margin-right: 10px;
  height: 28px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo {
  min-width: 410px;
  display: block;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.hide,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.hide {
  display: none;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.userinfo-head,
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.userinfo-head,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  img {
  height: auto;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified {
  display: inline-block;
  margin-left: 11px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified {
  padding: 0 10px;
  height: 20px;
  line-height: 22px;
  border-radius: 4px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified {
  background: rgba(250, 140, 22, 0.2);
  color: #fa8c16;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified
  img {
  vertical-align: text-top;
  margin-right: 4px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified1,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified1 {
  background: #fa8c16;
  color: #fff;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified2,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified2 {
  background: #7cb400;
  color: #fff;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow {
  position: relative;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow:hover
  .nav-container-drop-box-item-hotspot:before,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow:hover
  .nav-container-drop-box-item-hotspot:before {
  opacity: 1;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow
  .nav-container-drop-box-item-hotspot:before,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow
  .nav-container-drop-box-item-hotspot:before {
  content: "\e622";
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  position: absolute;
  right: 18px;
  top: 0;
  z-index: 2;
  color: #141414;
  font-weight: 600;
  opacity: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav {
  position: relative;
  padding: 5px;
  background-color: #fff;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  img {
  margin-right: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  #download_qr_code_nav
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  #download_qr_code_nav
  img {
  width: 100%;
  height: 100%;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  .download_qr_code_logo,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  .download_qr_code_logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  padding: 2px;
  border-radius: 2px;
  background-color: #fff;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .download_desc,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .download_desc {
  font-size: 12px;
  font-weight: 400;
  color: #141414;
  margin: 10px 0;
  text-align: center;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item:hover,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item:hover {
  background: #f5f5f5;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover {
  height: auto;
  line-height: normal;
  color: #151c26;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover:hover,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover:hover {
  background: none;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.adapt-height,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.adapt-height {
  height: 65px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn:hover,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn:hover {
  background: none;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn
  .exitBox,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn
  .exitBox {
  border-top: 1px solid #d9d9d9;
  text-align: center;
  cursor: pointer;
  color: #fa541c;
  font-size: 14px;
  font-weight: 500;
  margin-top: 22px;
  padding-top: 22px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-row1,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-row1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-left,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-left {
  display: flex;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip {
  cursor: pointer;
  display: inline-block;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .arrow-right-icon,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .arrow-right-icon {
  font-size: 18px;
  font-weight: 600;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  img {
  width: 27px;
  margin-right: 0;
  vertical-align: text-bottom;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level {
  font-family: Rubik-600;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip1,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip1 {
  color: #a3a3a6;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip2,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip2 {
  color: #639900;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip3,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip3 {
  color: #d4b106;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar {
  margin-right: 8px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar
  img {
  height: 44px;
  width: 44px;
  border-radius: 44px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t {
  font-family: Rubik-500;
  font-size: 14px;
  color: #141414;
  height: 26px;
  line-height: 26px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t
  span,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t
  span {
  margin-right: 4px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b {
  font-size: 14px;
  color: #9fa4b4;
  opacity: 1;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  border-radius: 11px;
  font-family: Rubik-400;
  font-weight: 400;
  background-color: #f5f5f5;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b
  .copy-icon,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b
  .copy-icon {
  font-size: 14px;
  margin-left: 9px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info {
  padding: 24px 0;
  margin-top: 19px;
  border-radius: 4px;
  font-family: Rubik-400;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee {
  line-height: 22px;
  font-size: 14px;
  font-family: Rubik-400;
  color: #434343;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item {
  display: flex;
  justify-content: space-between;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item:first-child,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item:first-child {
  margin-bottom: 8px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item
  i,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item
  i {
  font-style: normal;
  margin-right: 8px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 46px;
  margin-top: 24px;
  width: 240px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row.setPartCon1Row2,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row.setPartCon1Row2 {
  display: block;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox {
  display: flex;
  justify-content: space-between;
  width: 250px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  div,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  div {
  font-size: 13px;
  font-weight: 500;
  color: #212a39;
  width: 113px;
  height: 36px;
  background: #fff;
  border: 1px solid #eff0f2;
  opacity: 1;
  border-radius: 6px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  .setPartCon1Row-checkBox-checked,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  .setPartCon1Row-checkBox-checked {
  width: 113px;
  height: 36px;
  background: rgba(116, 153, 251, 0.1);
  border: 1px solid #7499fb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #7499fb;
  opacity: 1;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow {
  width: 280px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  width: 100%;
  color: #141414;
  overflow: hidden;
  text-overflow: ellipsis;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-title,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-title {
  overflow: visible;
  overflow: initial;
  text-overflow: clip;
  white-space: normal;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-content,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-content {
  overflow: visible;
  overflow: initial;
  color: #9fa4b4;
  text-overflow: clip;
  white-space: normal;
  margin: 6px 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText
  .dot,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText
  .dot {
  width: 6px;
  height: 6px;
  background: #ff636c;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageTime,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageTime {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #141414;
  margin-top: 4px;
  cursor: pointer;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .moreBtn,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .moreBtn {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #7cb400;
  opacity: 1;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow {
  width: 275px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  padding: 0 13px;
  height: 46px;
  cursor: pointer;
  line-height: 46px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  justify-content: space-between;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow.actived,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow.actived {
  border: 1px solid #7cb400;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol1,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol1 {
  width: 20px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .gouIcon,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .gouIcon {
  width: 13px;
  height: 8px;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol2,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol2 {
  font-size: 14px;
  font-weight: 400;
  width: 140px;
  display: flex;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus1,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus1 {
  padding: 0 7px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #52c41a;
  text-align: center;
  border-radius: 10px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus3,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus3 {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #fa541c;
  text-align: center;
  border-radius: 10px;
  padding: 0 7px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus2,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus2 {
  padding: 0 7px;
  height: 20px;
  color: #fa8c16;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.network-mind,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.network-mind {
  padding-bottom: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select {
  height: auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #d9d9d9;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left {
  width: 210px;
  white-space: normal;
  color: #141414;
  font-size: 10px;
  font-weight: 400;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left
  .network-mind-select-tips,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left
  .network-mind-select-tips {
  font-size: 15px;
  font-family: Rubik-600;
  font-weight: 600;
  margin-bottom: 4px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .el-switch.is-checked
  .el-switch__core,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .el-switch.is-checked
  .el-switch__core {
  background: #7cb400 !important;
  border-color: #7cb400 !important;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem {
  width: 120px;
  display: flex;
  justify-content: space-between;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem.selected,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem.selected {
  color: #7cb400;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item {
  height: 46px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item
  img,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item
  img {
  height: 18px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets {
  width: 318px;
  height: auto;
  align-items: flex-start;
  font-family: Rubik;
  color: #141414;
  padding-top: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-box,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  padding-bottom: 20px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets:hover,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets:hover {
  background: none;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row1,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row1 {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2 {
  font-weight: 500;
  font-family: Rubik-500;
  font-size: 28px;
  line-height: 24px;
  margin: 8px 2px 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2
  span,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2
  span {
  font-family: Rubik-400;
  font-weight: 400;
  font-size: 16px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row3,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row3 {
  font-family: Rubik-400;
  font-weight: 400;
  font-size: 16px;
  line-height: 13px;
  color: #434343;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit {
  height: auto;
  align-items: flex-start;
  font-family: Rubik;
  color: #141414;
  padding-bottom: 0;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit:hover,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit:hover {
  background: none;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box {
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #d9d9d9;
  width: 100%;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a {
  width: 118px;
  height: 28px;
  line-height: 28px;
  border-radius: 15px;
  text-align: center;
  border: 1px solid #7cb400;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a
  i,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a
  i {
  margin-right: 2px;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .otc-guide,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .otc-guide {
  margin-right: 22px;
  background-color: #7cb400;
  color: #fff;
}
.LightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .deposit-guide,
.LightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .deposit-guide {
  color: #7cb400;
  background-color: transparent;
}
.LightContent .newfooterPage,
.LightFooter .newfooterPage {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  min-width: 1280px;
  background: #f5f5f5;
}
.LightContent .newfooterPage .footerContainer,
.LightFooter .newfooterPage .footerContainer {
  width: 72.7%;
  margin: 0 auto;
}
.LightContent .newfooterPage .footerContainer .small_community,
.LightContent .newfooterPage .footerContainer .small_community_business,
.LightFooter .newfooterPage .footerContainer .small_community,
.LightFooter .newfooterPage .footerContainer .small_community_business {
  display: none;
}
.LightContent .newfooterPage .footerContainer .commboxMain,
.LightFooter .newfooterPage .footerContainer .commboxMain {
  padding-top: 135px;
  padding-bottom: 44px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.LightContent .newfooterPage .footerContainer .commboxMain .small_logoContent,
.LightFooter .newfooterPage .footerContainer .commboxMain .small_logoContent {
  display: none;
}
.LightContent .newfooterPage .footerContainer .commboxMain .footer_community,
.LightFooter .newfooterPage .footerContainer .commboxMain .footer_community {
  width: 18%;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title {
  width: 100%;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 43px;
  color: #7cb400;
  mix-blend-mode: normal;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle
  img,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle
  img {
  width: 100%;
  height: 39px;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .textBlack,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .textBlack {
  color: #7cb400;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rubik-400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box {
  margin-top: 36px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 13px;
  gap: 13px;
  flex-wrap: wrap;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg
  path,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg
  path {
  fill: #434343;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg:hover
  path,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg:hover
  path {
  fill: #7cb400;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item {
  margin-top: 36px;
  display: flex;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg {
  width: 36px;
  height: 36px;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg
  path,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg
  path {
  fill: #434343;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .text_label,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .text_label {
  color: #434343;
  font-family: Rubik-600;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .addr
  a,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .addr
  a {
  color: #434343;
  font-family: Rubik-400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.LightContent .newfooterPage .footerContainer .commboxMain .right_main,
.LightFooter .newfooterPage .footerContainer .commboxMain .right_main {
  width: 80%;
  display: flex;
  justify-content: flex-end;
  grid-gap: 100px;
  gap: 100px;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .right_main
  .commbox:last-child,
.LightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .right_main
  .commbox:last-child {
  display: flex;
  width: auto !important;
  flex-direction: column;
  text-align: left;
}
.LightContent .newfooterPage .footerContainer .leftBox,
.LightFooter .newfooterPage .footerContainer .leftBox {
  display: flex;
  flex-direction: column;
}
.LightContent .newfooterPage .footerContainer .commbox,
.LightFooter .newfooterPage .footerContainer .commbox {
  display: block;
  margin-right: 20px;
  width: 20%;
}
.LightContent .newfooterPage .footerContainer .commbox .logoBox,
.LightFooter .newfooterPage .footerContainer .commbox .logoBox {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.LightContent .newfooterPage .footerContainer .commbox .logoBox .logo,
.LightFooter .newfooterPage .footerContainer .commbox .logoBox .logo {
  height: 30px;
  margin-right: 4px;
}
.LightContent
  .newfooterPage
  .footerContainer
  .commbox
  .logoBox
  .logo-container-text,
.LightFooter
  .newfooterPage
  .footerContainer
  .commbox
  .logoBox
  .logo-container-text {
  font-size: 20px;
  font-family: DIN;
  font-weight: 700;
  color: #212a39;
}
.LightContent .newfooterPage .footerContainer .commbox .textblack,
.LightFooter .newfooterPage .footerContainer .commbox .textblack {
  display: inline-block;
  text-align: right;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #141414;
  mix-blend-mode: normal;
}
.LightContent .newfooterPage .footerContainer .commbox .applyBtn,
.LightFooter .newfooterPage .footerContainer .commbox .applyBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  width: 134px;
  height: 38px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #7499fb;
  font-family: Rubik-500;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
  color: #7499fb;
}
.LightContent .newfooterPage .footerContainer .commbox .applyBtn img,
.LightFooter .newfooterPage .footerContainer .commbox .applyBtn img {
  margin-right: 6px;
}
.LightContent .newfooterPage .footerContainer .commbox .title,
.LightFooter .newfooterPage .footerContainer .commbox .title {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 18px;
  color: #141414;
  mix-blend-mode: normal;
}
.LightContent .newfooterPage .footerContainer .commbox .text,
.LightFooter .newfooterPage .footerContainer .commbox .text {
  margin-top: 32px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #434343;
  mix-blend-mode: normal;
  cursor: pointer;
}
.LightContent .newfooterPage .footerContainer .commbox .text:hover,
.LightFooter .newfooterPage .footerContainer .commbox .text:hover {
  color: #7cb400;
}
.LightContent .newfooterPage .footerContainer .commbox a,
.LightFooter .newfooterPage .footerContainer .commbox a {
  text-decoration: none;
  color: inherit;
}
.LightContent .newfooterPage .footerContainer .commbox a:hover,
.LightFooter .newfooterPage .footerContainer .commbox a:hover {
  opacity: 1;
  color: #7cb400;
}
.LightContent .newfooterPage .footerContainer .smallCommbox,
.LightFooter .newfooterPage .footerContainer .smallCommbox {
  display: none;
}
.LightContent .newfooterPage .footerContainer .lastCommbox,
.LightFooter .newfooterPage .footerContainer .lastCommbox {
  display: block;
  text-align: left;
}
.LightContent .newfooterPage .footerContainer .lastCommbox .logoTitle,
.LightFooter .newfooterPage .footerContainer .lastCommbox .logoTitle {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 43px;
  color: #7cb400;
  mix-blend-mode: normal;
}
.LightContent .newfooterPage .footerContainer .lastCommbox .logoTitle img,
.LightFooter .newfooterPage .footerContainer .lastCommbox .logoTitle img {
  width: 212px;
  height: 34px;
}
.LightContent .newfooterPage .footerContainer .smallCopyCommbox,
.LightFooter .newfooterPage .footerContainer .smallCopyCommbox {
  display: none;
}
.LightContent .newfooterPage .footerContainer .contactCommbox,
.LightFooter .newfooterPage .footerContainer .contactCommbox {
  width: 15%;
}
.LightContent .newfooterPage .footerContainer .contactCommbox .commIconBox,
.LightFooter .newfooterPage .footerContainer .contactCommbox .commIconBox {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
.LightContent .newfooterPage .footerContainer .contactCommbox .commboxItem,
.LightFooter .newfooterPage .footerContainer .contactCommbox .commboxItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  font-family: Rubik-400;
  color: rgba(33, 33, 33, 0.87);
}
.LightContent .newfooterPage .footerContainer .contactCommbox .commboxItem img,
.LightFooter .newfooterPage .footerContainer .contactCommbox .commboxItem img {
  width: 22px;
  height: 22px;
  margin-right: 34px;
  cursor: pointer;
}
.LightContent .newfooterPage .footerContainer .contactCommbox .text:hover,
.LightFooter .newfooterPage .footerContainer .contactCommbox .text:hover {
  color: rgba(33, 33, 33, 0.87);
  cursor: default;
}
.LightContent .newfooterPage .footerContainer .footerBtn,
.LightFooter .newfooterPage .footerContainer .footerBtn {
  position: relative;
  display: flex;
  grid-gap: 12px;
  gap: 12px;
}
.LightContent .newfooterPage .footerContainer .footerBtn .lang,
.LightFooter .newfooterPage .footerContainer .footerBtn .lang {
  width: 236px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 52px;
  border: 0.5px solid #141414;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.LightContent .newfooterPage .footerContainer .footerBtn .lang .lang-wrap,
.LightFooter .newfooterPage .footerContainer .footerBtn .lang .lang-wrap {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
}
.LightContent .newfooterPage .footerContainer .footerBtn .lang .lang-wrap .icon,
.LightFooter .newfooterPage .footerContainer .footerBtn .lang .lang-wrap .icon {
  width: 18.862px;
  height: 18.862px;
}
.LightContent .newfooterPage .footerContainer .footerBtn .lang .lang-wrap span,
.LightFooter .newfooterPage .footerContainer .footerBtn .lang .lang-wrap span {
  color: #141414;
  font-family: Rubik-500;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.LightContent
  .newfooterPage
  .footerContainer
  .footerBtn
  .lang
  .lang-wrap
  .arrow,
.LightFooter
  .newfooterPage
  .footerContainer
  .footerBtn
  .lang
  .lang-wrap
  .arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.LightContent .newfooterPage .footerContainer .footerBtn .footerDownload,
.LightFooter .newfooterPage .footerContainer .footerBtn .footerDownload {
  height: 52px;
  padding: 0 20px;
  flex-shrink: 0;
  border-radius: 52px;
  border: 0.5px solid #141414;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 18px;
  gap: 18px;
  cursor: pointer;
}
.LightContent .newfooterPage .footerContainer .footerBtn .footerDownload img,
.LightFooter .newfooterPage .footerContainer .footerBtn .footerDownload img {
  width: 16.994px;
  height: 16.836px;
}
.LightContent
  .newfooterPage
  .footerContainer
  .footerBtn
  .footerDownload
  .downloadText,
.LightFooter
  .newfooterPage
  .footerContainer
  .footerBtn
  .footerDownload
  .downloadText {
  color: #141414;
  font-family: Rubik-500;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.LightContent .newfooterPage .footerContainer .footerBtn .qrCode,
.LightFooter .newfooterPage .footerContainer .footerBtn .qrCode {
  left: 230px;
  bottom: 70px;
  position: absolute;
  width: 189px;
  height: 214px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px 6px rgba(0, 0, 0, 0.03);
  padding: 10px 10px 0;
}
.LightContent .newfooterPage .footerContainer .footerBtn .qrCode #code1,
.LightFooter .newfooterPage .footerContainer .footerBtn .qrCode #code1 {
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  justify-content: center;
}
.LightContent .newfooterPage .footerContainer .footerBtn .qrCode #code1 img,
.LightFooter .newfooterPage .footerContainer .footerBtn .qrCode #code1 img {
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.LightContent .newfooterPage .footerContainer .footerBtn .qrCode .downloadText,
.LightFooter .newfooterPage .footerContainer .footerBtn .qrCode .downloadText {
  text-align: center;
  color: #434343;
  font-family: Rubik-600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.LightContent .newfooterPage .footerContainer .el-divider,
.LightFooter .newfooterPage .footerContainer .el-divider {
  margin-top: 67px;
}
.LightContent .newfooterPage .footerContainer .copyRight,
.LightFooter .newfooterPage .footerContainer .copyRight {
  display: flex;
  justify-content: center;
  color: #434343;
  font-family: Rubik-400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 110px;
  padding-top: 27px;
}
.LightContent .newfooterPage .iconBox,
.LightFooter .newfooterPage .iconBox {
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}
.LightContent .newfooterPage .iconBox .minibox,
.LightFooter .newfooterPage .iconBox .minibox {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  cursor: pointer;
}
@media screen and (max-width: 1600px) {
  .LightContent .newfooterPage .footerContainer,
  .LightFooter .newfooterPage .footerContainer {
    width: 91.4%;
  }
  .LightContent .newfooterPage .footerContainer .small_community,
  .LightContent .newfooterPage .footerContainer .small_community_business,
  .LightFooter .newfooterPage .footerContainer .small_community,
  .LightFooter .newfooterPage .footerContainer .small_community_business {
    display: none;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain,
  .LightFooter .newfooterPage .footerContainer .commboxMain {
    width: 100%;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain .small_logoContent,
  .LightFooter .newfooterPage .footerContainer .commboxMain .small_logoContent {
    display: none;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain .commbox,
  .LightFooter .newfooterPage .footerContainer .commboxMain .commbox {
    width: 20%;
  }
}
@media screen and (max-width: 1279px) {
  .LightContent .newfooterPage,
  .LightFooter .newfooterPage {
    width: 100%;
    font-size: 16px;
    font-family: Rubik-500;
    font-weight: 500;
    min-width: unset;
    border-top: 1px solid #d9d9d9;
    background: #fff;
  }
  .LightContent .newfooterPage .footerContainer,
  .LightFooter .newfooterPage .footerContainer {
    flex-flow: column;
    padding-top: 20px;
    min-width: 20px !important;
  }
  .LightContent .newfooterPage .footerContainer .footerHead,
  .LightFooter .newfooterPage .footerContainer .footerHead {
    padding-top: 10px;
    width: 90%;
    margin: 0 auto 10px;
  }
  .LightContent .newfooterPage .footerContainer .footerHead .emailForm,
  .LightFooter .newfooterPage .footerContainer .footerHead .emailForm {
    display: none;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain,
  .LightFooter .newfooterPage .footerContainer .commboxMain {
    flex-flow: column;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain .small_logoContent,
  .LightFooter .newfooterPage .footerContainer .commboxMain .small_logoContent {
    display: block;
    margin-bottom: 24px;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .commboxMain
    .small_logoContent
    img,
  .LightFooter
    .newfooterPage
    .footerContainer
    .commboxMain
    .small_logoContent
    img {
    width: 212px;
    height: 34px;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain .footer_community,
  .LightFooter .newfooterPage .footerContainer .commboxMain .footer_community {
    display: none !important;
  }
  .LightContent .newfooterPage .footerContainer .commboxMain .right_main,
  .LightFooter .newfooterPage .footerContainer .commboxMain .right_main {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    grid-gap: 100px;
    gap: 100px;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .commboxMain
    .right_main
    .commbox,
  .LightFooter
    .newfooterPage
    .footerContainer
    .commboxMain
    .right_main
    .commbox {
    display: none !important;
  }
  .LightContent .newfooterPage .footerContainer .commbox,
  .LightFooter .newfooterPage .footerContainer .commbox {
    min-width: 20px;
    width: 90%;
    margin: 0 auto;
    display: none;
  }
  .LightContent .newfooterPage .footerContainer .commbox .title,
  .LightFooter .newfooterPage .footerContainer .commbox .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
  }
  .LightContent .newfooterPage .footerContainer .commbox .text,
  .LightFooter .newfooterPage .footerContainer .commbox .text {
    font-size: 14px;
    margin-bottom: 24px;
    margin-left: 20px;
  }
  .LightContent .newfooterPage .footerContainer .smallCommbox,
  .LightFooter .newfooterPage .footerContainer .smallCommbox {
    display: block;
    width: 100% !important;
  }
  .LightContent .newfooterPage .footerContainer .smallCommbox .title,
  .LightFooter .newfooterPage .footerContainer .smallCommbox .title {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    cursor: pointer;
  }
  .LightContent .newfooterPage .footerContainer .smallCommbox .title img,
  .LightFooter .newfooterPage .footerContainer .smallCommbox .title img {
    width: 8px;
    height: 8px;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .smallCommbox
    .title
    .drop-down-icon,
  .LightFooter
    .newfooterPage
    .footerContainer
    .smallCommbox
    .title
    .drop-down-icon {
    transform: rotateX(0deg);
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .smallCommbox
    .titleActive
    .drop-down-icon,
  .LightFooter
    .newfooterPage
    .footerContainer
    .smallCommbox
    .titleActive
    .drop-down-icon {
    transform: rotateX(180deg);
  }
  .LightContent .newfooterPage .footerContainer .smallCommbox .commboxItem img,
  .LightFooter .newfooterPage .footerContainer .smallCommbox .commboxItem img {
    width: 16px;
    height: 16px;
  }
  .LightContent .newfooterPage .footerContainer .lastCommbox,
  .LightFooter .newfooterPage .footerContainer .lastCommbox {
    display: none !important;
  }
  .LightContent .newfooterPage .footerContainer .smallCopyCommbox,
  .LightFooter .newfooterPage .footerContainer .smallCopyCommbox {
    display: block;
    font-size: 12px;
    font-family: DIN;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .LightContent .newfooterPage .footerContainer .contactCommbox,
  .LightFooter .newfooterPage .footerContainer .contactCommbox {
    border-top: 1px solid #f5f5f5;
    display: block;
    width: 100% !important;
  }
  .LightContent .newfooterPage .footerContainer .contactCommbox .title,
  .LightFooter .newfooterPage .footerContainer .contactCommbox .title {
    display: none;
  }
  .LightContent .newfooterPage .footerContainer .contactCommbox .commIconBox,
  .LightFooter .newfooterPage .footerContainer .contactCommbox .commIconBox {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .contactCommbox
    .commIconBox
    .commboxItem
    img,
  .LightFooter
    .newfooterPage
    .footerContainer
    .contactCommbox
    .commIconBox
    .commboxItem
    img {
    margin-right: 0;
    width: 27px;
    height: 27px;
  }
  .LightContent .newfooterPage .footerContainer .small_community,
  .LightFooter .newfooterPage .footerContainer .small_community {
    display: block;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap,
  .LightFooter
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap {
    display: flex;
    justify-content: space-between;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap
    svg
    path,
  .LightFooter
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap
    svg
    path {
    fill: #434343;
  }
  .LightContent .newfooterPage .footerContainer .small_community_business,
  .LightFooter .newfooterPage .footerContainer .small_community_business {
    display: block;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item,
  .LightFooter
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .text_label,
  .LightFooter
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .text_label {
    color: #434343;
    font-family: Rubik-600;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .LightContent
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .addr
    a,
  .LightFooter
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .addr
    a {
    color: #434343;
    font-family: Rubik-400;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .LightContent .newfooterPage .copyRight,
  .LightContent .newfooterPage .el-divider,
  .LightContent .newfooterPage .footerBtn,
  .LightFooter .newfooterPage .copyRight,
  .LightFooter .newfooterPage .el-divider,
  .LightFooter .newfooterPage .footerBtn {
    display: none !important;
  }
}
.NightContent.el-popper,
.NightFooter.el-popper {
  border: none !important;
  background: #141414;
}
.NightContent.el-popper .nav-container-drop,
.NightFooter.el-popper .nav-container-drop {
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 10px rgba(5, 14, 1, 0.1);
}
.NightContent.el-popper .nav-container-drop.left-align,
.NightFooter.el-popper .nav-container-drop.left-align {
  left: 0;
  right: auto;
}
.NightContent.el-popper .nav-container-drop .nav-container-drop-box,
.NightFooter.el-popper .nav-container-drop .nav-container-drop-box {
  padding: 22px 0;
  display: flex;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download {
  padding: 15px;
  border-radius: 10px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download
  .nav-container-drop-box-list
  .nav-container-drop-box-item,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box.nav-container-drop-box_download
  .nav-container-drop-box-list
  .nav-container-drop-box-item {
  padding: 0;
  display: block;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list {
  font-size: 0;
  flex: 1;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.border-right,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.border-right {
  border-right: 1px solid #d9d9d9;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.language-rate
  .nav-container-drop-box-item,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list.language-rate
  .nav-container-drop-box-item {
  height: 30px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs {
  display: flex;
  padding: 2px 16px;
  height: 34px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  color: #9fa4b4;
  margin-bottom: 10px;
  min-width: 280px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item {
  text-align: left;
  line-height: 30px;
  height: 30px;
  flex: 1;
  cursor: pointer;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item-checked,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-tabs
  .nav-container-drop-box-tabs-item-checked {
  font-weight: 700;
  color: #f5f5f5;
  box-sizing: border-box;
  font-weight: 900;
  font-size: 16px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-title,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #bfbfbf;
  padding-left: 18px;
  margin-bottom: 10px;
  text-align: left;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item {
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  cursor: pointer;
  width: 100%;
  height: 65px;
  background: #141414;
  opacity: 1;
  padding: 16px 18px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon {
  width: 26px;
  height: 26px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-icon
  img {
  width: 100%;
  height: 100%;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #f5f5f5;
  margin-left: 12px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name
  .nav-container-drop-box-item-name-describe,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-name
  .nav-container-drop-box-item-name-describe {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #f5f5f5;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-hotspot,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .nav-container-drop-box-item-hotspot {
  height: 100%;
  width: 100%;
  height: 46px;
  line-height: 46px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  a,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  a {
  color: #f5f5f5;
  white-space: nowrap;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  img {
  margin-right: 10px;
  height: 28px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo {
  min-width: 410px;
  display: block;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.hide,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.hide {
  display: none;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.userinfo-head,
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo.userinfo-head,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  img {
  height: auto;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified {
  display: inline-block;
  margin-left: 11px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified {
  padding: 0 10px;
  height: 20px;
  line-height: 22px;
  border-radius: 4px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified {
  background: rgba(250, 140, 22, 0.2);
  color: #fa8c16;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .not-certified
  img {
  vertical-align: text-top;
  margin-right: 4px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified1,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified1 {
  background: #fa8c16;
  color: #f5f5f5;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified2,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.userinfo
  .userinfo-detail-certified
  .certified2 {
  background: #9dcc27;
  color: #f5f5f5;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow {
  position: relative;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow:hover
  .nav-container-drop-box-item-hotspot:before,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow:hover
  .nav-container-drop-box-item-hotspot:before {
  opacity: 1;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow
  .nav-container-drop-box-item-hotspot:before,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.hover-arrow
  .nav-container-drop-box-item-hotspot:before {
  content: "\e622";
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  position: absolute;
  right: 18px;
  top: 0;
  z-index: 2;
  color: #f5f5f5;
  font-weight: 600;
  opacity: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav {
  position: relative;
  padding: 5px;
  background-color: #fff;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  img {
  margin-right: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  #download_qr_code_nav
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  #download_qr_code_nav
  img {
  width: 100%;
  height: 100%;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  .download_qr_code_logo,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  #download_qr_nav
  .download_qr_code_logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  padding: 2px;
  border-radius: 2px;
  background-color: #fff;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .download_desc,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .download_desc {
  font-size: 12px;
  font-weight: 400;
  color: #f5f5f5;
  margin: 10px 0;
  text-align: center;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item:hover,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item:hover {
  background: #1f1f1f;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover {
  height: auto;
  line-height: normal;
  color: #151c26;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover:hover,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.dis-hover:hover {
  background: none;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.adapt-height,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.adapt-height {
  height: 65px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn:hover,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn:hover {
  background: none;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn
  .exitBox,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.logout-btn
  .exitBox {
  border-top: 1px solid #434343;
  text-align: center;
  cursor: pointer;
  color: #fa541c;
  font-size: 14px;
  font-weight: 500;
  margin-top: 22px;
  padding-top: 22px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 20px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-row1,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-row1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-left,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-left {
  display: flex;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip {
  cursor: pointer;
  display: inline-block;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .arrow-right-icon,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .arrow-right-icon {
  font-size: 18px;
  font-weight: 600;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  img {
  width: 27px;
  margin-right: 0;
  vertical-align: text-bottom;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level {
  font-family: Rubik-600;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip1,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip1 {
  color: #a3a3a6;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip2,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip2 {
  color: #639900;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip3,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-detail-right
  .level-info-vip
  .vip-level.vip3 {
  color: #d4b106;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar {
  margin-right: 8px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-avatar
  img {
  height: 44px;
  width: 44px;
  border-radius: 44px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t {
  font-family: Rubik-500;
  font-size: 14px;
  color: #f5f5f5;
  height: 26px;
  line-height: 26px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t
  span,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-t
  span {
  margin-right: 4px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b {
  font-size: 14px;
  color: #9fa4b4;
  opacity: 1;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  border-radius: 11px;
  font-family: Rubik-400;
  font-weight: 400;
  background-color: #1f1f1f;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b
  .copy-icon,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .userinfo-box-name
  .userinfo-box-name-b
  .copy-icon {
  font-size: 14px;
  margin-left: 9px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info {
  padding: 24px 0;
  margin-top: 19px;
  border-radius: 4px;
  font-family: Rubik-400;
  border-top: 1px solid #434343;
  border-bottom: 1px solid #434343;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee {
  line-height: 22px;
  font-size: 14px;
  font-family: Rubik-400;
  color: #bfbfbf;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item {
  display: flex;
  justify-content: space-between;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item:first-child,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item:first-child {
  margin-bottom: 8px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item
  i,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .userinfo-detail
  .level-info
  .level-info-fee
  .level-info-fee-item
  i {
  font-style: normal;
  margin-right: 8px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 46px;
  margin-top: 24px;
  width: 240px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row.setPartCon1Row2,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row.setPartCon1Row2 {
  display: block;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox {
  display: flex;
  justify-content: space-between;
  width: 250px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  div,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  div {
  font-size: 13px;
  font-weight: 500;
  color: #212a39;
  width: 113px;
  height: 36px;
  background: #fff;
  border: 1px solid #eff0f2;
  opacity: 1;
  border-radius: 6px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  .setPartCon1Row-checkBox-checked,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .setPartCon1Row
  .setPartCon1Row-checkBox
  .setPartCon1Row-checkBox-checked {
  width: 113px;
  height: 36px;
  background: rgba(116, 153, 251, 0.1);
  border: 1px solid #7499fb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #7499fb;
  opacity: 1;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow {
  width: 280px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  width: 100%;
  color: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-title,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-title {
  overflow: visible;
  overflow: initial;
  text-overflow: clip;
  white-space: normal;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-content,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText.messageText-content {
  overflow: visible;
  overflow: initial;
  color: #9fa4b4;
  text-overflow: clip;
  white-space: normal;
  margin: 6px 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText
  .dot,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageText
  .dot {
  width: 6px;
  height: 6px;
  background: #ff636c;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageTime,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .messagePartListRow
  .messageTime {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #f5f5f5;
  margin-top: 4px;
  cursor: pointer;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .moreBtn,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .moreBtn {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #9dcc27;
  opacity: 1;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow {
  width: 275px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  padding: 0 13px;
  height: 46px;
  cursor: pointer;
  line-height: 46px;
  border-radius: 4px;
  border: 1px solid #434343;
  justify-content: space-between;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow.actived,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow.actived {
  border: 1px solid #7cb400;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol1,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol1 {
  width: 20px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .gouIcon,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .gouIcon {
  width: 13px;
  height: 8px;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol2,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkPartListRowCol2 {
  font-size: 14px;
  font-weight: 400;
  width: 140px;
  display: flex;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus1,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus1 {
  padding: 0 7px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #52c41a;
  text-align: center;
  border-radius: 10px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus3,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus3 {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #fa541c;
  text-align: center;
  border-radius: 10px;
  padding: 0 7px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus2,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .networkPartListRow
  .networkStatus2 {
  padding: 0 7px;
  height: 20px;
  color: #fa8c16;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.network-mind,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item.network-mind {
  padding-bottom: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select {
  height: auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid #434343;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left {
  width: 210px;
  white-space: normal;
  color: #f5f5f5;
  font-size: 10px;
  font-weight: 400;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left
  .network-mind-select-tips,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .network-mind-select-left
  .network-mind-select-tips {
  font-size: 15px;
  font-family: Rubik-600;
  font-weight: 600;
  margin-bottom: 4px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .el-switch.is-checked
  .el-switch__core,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .network-mind-select
  .el-switch.is-checked
  .el-switch__core {
  background: #9dcc27 !important;
  border-color: #9dcc27 !important;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem {
  width: 120px;
  display: flex;
  justify-content: space-between;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem.selected,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .nav-container-drop-box-list
  .nav-container-drop-box-item
  .languageRateItem.selected {
  color: #9dcc27;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item {
  height: 46px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item
  img,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item
  img {
  height: 18px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets {
  width: 318px;
  height: auto;
  align-items: flex-start;
  font-family: Rubik;
  color: #f5f5f5;
  padding-top: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-box,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-box {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #434343;
  width: 100%;
  padding-bottom: 20px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets:hover,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets:hover {
  background: none;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row1,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row1 {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2 {
  font-weight: 500;
  font-family: Rubik-500;
  font-size: 28px;
  line-height: 24px;
  margin: 8px 2px 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2
  span,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row2
  span {
  font-family: Rubik-400;
  font-weight: 400;
  font-size: 16px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row3,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.total-assets
  .total-assets-row3 {
  font-family: Rubik-400;
  font-weight: 400;
  font-size: 16px;
  line-height: 13px;
  color: #bfbfbf;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit {
  height: auto;
  align-items: flex-start;
  font-family: Rubik;
  color: #f5f5f5;
  padding-bottom: 0;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit:hover,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit:hover {
  background: none;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box {
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #434343;
  width: 100%;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a {
  width: 118px;
  height: 28px;
  line-height: 28px;
  border-radius: 15px;
  text-align: center;
  border: 1px solid #9dcc27;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a
  i,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  > a
  i {
  margin-right: 2px;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .otc-guide,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .otc-guide {
  margin-right: 22px;
  background-color: #9dcc27;
  color: #f5f5f5;
}
.NightContent.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .deposit-guide,
.NightFooter.el-popper
  .nav-container-drop
  .nav-container-drop-box
  .assets.nav-container-drop-box-list
  .nav-container-drop-box-item.guide-deposit
  .guide-deposit-box
  .deposit-guide {
  color: #9dcc27;
  background-color: transparent;
}
.NightContent .newfooterPage,
.NightFooter .newfooterPage {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  min-width: 1280px;
  background: #1f1f1f;
}
.NightContent .newfooterPage .footerContainer,
.NightFooter .newfooterPage .footerContainer {
  width: 72.7%;
  margin: 0 auto;
}
.NightContent .newfooterPage .footerContainer .small_community,
.NightContent .newfooterPage .footerContainer .small_community_business,
.NightFooter .newfooterPage .footerContainer .small_community,
.NightFooter .newfooterPage .footerContainer .small_community_business {
  display: none;
}
.NightContent .newfooterPage .footerContainer .commboxMain,
.NightFooter .newfooterPage .footerContainer .commboxMain {
  padding-top: 135px;
  padding-bottom: 44px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.NightContent .newfooterPage .footerContainer .commboxMain .small_logoContent,
.NightFooter .newfooterPage .footerContainer .commboxMain .small_logoContent {
  display: none;
}
.NightContent .newfooterPage .footerContainer .commboxMain .footer_community,
.NightFooter .newfooterPage .footerContainer .commboxMain .footer_community {
  width: 18%;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title {
  width: 100%;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 43px;
  color: #7cb400;
  mix-blend-mode: normal;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle
  img,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .logoTitle
  img {
  width: 100%;
  height: 39px;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .textBlack,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .main_title
  .textBlack {
  color: #7cb400;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rubik-400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box {
  margin-top: 36px;
  display: flex;
  justify-content: flex-start;
  grid-gap: 13px;
  gap: 13px;
  flex-wrap: wrap;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg
  path,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg
  path {
  fill: #bfbfbf;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg:hover
  path,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_box
  .communityBox
  svg:hover
  path {
  fill: #9dcc27;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item {
  margin-top: 36px;
  display: flex;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg {
  width: 36px;
  height: 36px;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg
  path,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .left_img
  svg
  path {
  fill: #bfbfbf;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .text_label,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .text_label {
  color: #bfbfbf;
  font-family: Rubik-600;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .addr
  a,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .footer_community
  .community_business
  .item
  .right_text
  .addr
  a {
  color: #bfbfbf;
  font-family: Rubik-400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.NightContent .newfooterPage .footerContainer .commboxMain .right_main,
.NightFooter .newfooterPage .footerContainer .commboxMain .right_main {
  width: 80%;
  display: flex;
  justify-content: flex-end;
  grid-gap: 100px;
  gap: 100px;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commboxMain
  .right_main
  .commbox:last-child,
.NightFooter
  .newfooterPage
  .footerContainer
  .commboxMain
  .right_main
  .commbox:last-child {
  display: flex;
  width: auto !important;
  flex-direction: column;
  text-align: left;
}
.NightContent .newfooterPage .footerContainer .leftBox,
.NightFooter .newfooterPage .footerContainer .leftBox {
  display: flex;
  flex-direction: column;
}
.NightContent .newfooterPage .footerContainer .commbox,
.NightFooter .newfooterPage .footerContainer .commbox {
  display: block;
  margin-right: 20px;
  width: 20%;
}
.NightContent .newfooterPage .footerContainer .commbox .logoBox,
.NightFooter .newfooterPage .footerContainer .commbox .logoBox {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.NightContent .newfooterPage .footerContainer .commbox .logoBox .logo,
.NightFooter .newfooterPage .footerContainer .commbox .logoBox .logo {
  height: 30px;
  margin-right: 4px;
}
.NightContent
  .newfooterPage
  .footerContainer
  .commbox
  .logoBox
  .logo-container-text,
.NightFooter
  .newfooterPage
  .footerContainer
  .commbox
  .logoBox
  .logo-container-text {
  font-size: 20px;
  font-family: DIN;
  font-weight: 700;
  color: #212a39;
}
.NightContent .newfooterPage .footerContainer .commbox .textblack,
.NightFooter .newfooterPage .footerContainer .commbox .textblack {
  display: inline-block;
  text-align: right;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  color: #141414;
  mix-blend-mode: normal;
}
.NightContent .newfooterPage .footerContainer .commbox .applyBtn,
.NightFooter .newfooterPage .footerContainer .commbox .applyBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  width: 134px;
  height: 38px;
  border-radius: 6px;
  box-sizing: border-box;
  border: 1px solid #7499fb;
  font-family: Rubik-500;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
  color: #7499fb;
}
.NightContent .newfooterPage .footerContainer .commbox .applyBtn img,
.NightFooter .newfooterPage .footerContainer .commbox .applyBtn img {
  margin-right: 6px;
}
.NightContent .newfooterPage .footerContainer .commbox .title,
.NightFooter .newfooterPage .footerContainer .commbox .title {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 18px;
  color: #f5f5f5;
  mix-blend-mode: normal;
}
.NightContent .newfooterPage .footerContainer .commbox .text,
.NightFooter .newfooterPage .footerContainer .commbox .text {
  margin-top: 32px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #bfbfbf;
  mix-blend-mode: normal;
  cursor: pointer;
}
.NightContent .newfooterPage .footerContainer .commbox .text:hover,
.NightFooter .newfooterPage .footerContainer .commbox .text:hover {
  color: #9dcc27;
}
.NightContent .newfooterPage .footerContainer .commbox a,
.NightFooter .newfooterPage .footerContainer .commbox a {
  text-decoration: none;
  color: inherit;
}
.NightContent .newfooterPage .footerContainer .commbox a:hover,
.NightFooter .newfooterPage .footerContainer .commbox a:hover {
  opacity: 1;
  color: #7cb400;
}
.NightContent .newfooterPage .footerContainer .smallCommbox,
.NightFooter .newfooterPage .footerContainer .smallCommbox {
  display: none;
}
.NightContent .newfooterPage .footerContainer .lastCommbox,
.NightFooter .newfooterPage .footerContainer .lastCommbox {
  display: block;
  text-align: left;
}
.NightContent .newfooterPage .footerContainer .lastCommbox .logoTitle,
.NightFooter .newfooterPage .footerContainer .lastCommbox .logoTitle {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 36px;
  line-height: 43px;
  color: #7cb400;
  mix-blend-mode: normal;
}
.NightContent .newfooterPage .footerContainer .lastCommbox .logoTitle img,
.NightFooter .newfooterPage .footerContainer .lastCommbox .logoTitle img {
  width: 212px;
  height: 34px;
}
.NightContent .newfooterPage .footerContainer .smallCopyCommbox,
.NightFooter .newfooterPage .footerContainer .smallCopyCommbox {
  display: none;
}
.NightContent .newfooterPage .footerContainer .contactCommbox,
.NightFooter .newfooterPage .footerContainer .contactCommbox {
  width: 15%;
}
.NightContent .newfooterPage .footerContainer .contactCommbox .commIconBox,
.NightFooter .newfooterPage .footerContainer .contactCommbox .commIconBox {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
.NightContent .newfooterPage .footerContainer .contactCommbox .commboxItem,
.NightFooter .newfooterPage .footerContainer .contactCommbox .commboxItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  font-family: Rubik-400;
  color: rgba(33, 33, 33, 0.87);
}
.NightContent .newfooterPage .footerContainer .contactCommbox .commboxItem img,
.NightFooter .newfooterPage .footerContainer .contactCommbox .commboxItem img {
  width: 22px;
  height: 22px;
  margin-right: 34px;
  cursor: pointer;
}
.NightContent .newfooterPage .footerContainer .contactCommbox .text:hover,
.NightFooter .newfooterPage .footerContainer .contactCommbox .text:hover {
  color: rgba(33, 33, 33, 0.87);
  cursor: default;
}
.NightContent .newfooterPage .footerContainer .footerBtn,
.NightFooter .newfooterPage .footerContainer .footerBtn {
  position: relative;
  display: flex;
  grid-gap: 12px;
  gap: 12px;
}
.NightContent .newfooterPage .footerContainer .footerBtn .lang,
.NightFooter .newfooterPage .footerContainer .footerBtn .lang {
  width: 236px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 52px;
  border: 0.5px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.NightContent .newfooterPage .footerContainer .footerBtn .lang .lang-wrap,
.NightFooter .newfooterPage .footerContainer .footerBtn .lang .lang-wrap {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
}
.NightContent .newfooterPage .footerContainer .footerBtn .lang .lang-wrap .icon,
.NightFooter .newfooterPage .footerContainer .footerBtn .lang .lang-wrap .icon {
  width: 18.862px;
  height: 18.862px;
}
.NightContent .newfooterPage .footerContainer .footerBtn .lang .lang-wrap span,
.NightFooter .newfooterPage .footerContainer .footerBtn .lang .lang-wrap span {
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.NightContent
  .newfooterPage
  .footerContainer
  .footerBtn
  .lang
  .lang-wrap
  .arrow,
.NightFooter
  .newfooterPage
  .footerContainer
  .footerBtn
  .lang
  .lang-wrap
  .arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.NightContent .newfooterPage .footerContainer .footerBtn .footerDownload,
.NightFooter .newfooterPage .footerContainer .footerBtn .footerDownload {
  height: 52px;
  padding: 0 20px;
  flex-shrink: 0;
  border-radius: 52px;
  border: 0.5px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 18px;
  gap: 18px;
  cursor: pointer;
}
.NightContent .newfooterPage .footerContainer .footerBtn .footerDownload img,
.NightFooter .newfooterPage .footerContainer .footerBtn .footerDownload img {
  width: 16.994px;
  height: 16.836px;
}
.NightContent
  .newfooterPage
  .footerContainer
  .footerBtn
  .footerDownload
  .downloadText,
.NightFooter
  .newfooterPage
  .footerContainer
  .footerBtn
  .footerDownload
  .downloadText {
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.NightContent .newfooterPage .footerContainer .footerBtn .qrCode,
.NightFooter .newfooterPage .footerContainer .footerBtn .qrCode {
  left: 230px;
  bottom: 70px;
  position: absolute;
  width: 189px;
  height: 214px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #141414;
  box-shadow: 0 2px 8px 6px rgba(0, 0, 0, 0.03);
  padding: 10px 10px 0;
}
.NightContent .newfooterPage .footerContainer .footerBtn .qrCode #code1,
.NightFooter .newfooterPage .footerContainer .footerBtn .qrCode #code1 {
  padding: 5px;
  border-radius: 5px;
  background: #141414;
  justify-content: center;
}
.NightContent .newfooterPage .footerContainer .footerBtn .qrCode #code1 img,
.NightFooter .newfooterPage .footerContainer .footerBtn .qrCode #code1 img {
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.NightContent .newfooterPage .footerContainer .footerBtn .qrCode .downloadText,
.NightFooter .newfooterPage .footerContainer .footerBtn .qrCode .downloadText {
  text-align: center;
  color: #bfbfbf;
  font-family: Rubik-600;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.NightContent .newfooterPage .footerContainer .el-divider,
.NightFooter .newfooterPage .footerContainer .el-divider {
  margin-top: 67px;
}
.NightContent .newfooterPage .footerContainer .copyRight,
.NightFooter .newfooterPage .footerContainer .copyRight {
  display: flex;
  justify-content: center;
  color: #bfbfbf;
  font-family: Rubik-400;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 110px;
  padding-top: 27px;
}
.NightContent .newfooterPage .iconBox,
.NightFooter .newfooterPage .iconBox {
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}
.NightContent .newfooterPage .iconBox .minibox,
.NightFooter .newfooterPage .iconBox .minibox {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  cursor: pointer;
}
@media screen and (max-width: 1600px) {
  .NightContent .newfooterPage .footerContainer,
  .NightFooter .newfooterPage .footerContainer {
    width: 91.4%;
  }
  .NightContent .newfooterPage .footerContainer .small_community,
  .NightContent .newfooterPage .footerContainer .small_community_business,
  .NightFooter .newfooterPage .footerContainer .small_community,
  .NightFooter .newfooterPage .footerContainer .small_community_business {
    display: none;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain,
  .NightFooter .newfooterPage .footerContainer .commboxMain {
    width: 100%;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain .small_logoContent,
  .NightFooter .newfooterPage .footerContainer .commboxMain .small_logoContent {
    display: none;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain .commbox,
  .NightFooter .newfooterPage .footerContainer .commboxMain .commbox {
    width: 20%;
  }
}
@media screen and (max-width: 1279px) {
  .NightContent .newfooterPage,
  .NightFooter .newfooterPage {
    width: 100%;
    font-size: 16px;
    font-family: Rubik-500;
    font-weight: 500;
    min-width: unset;
    border-top: 1px solid #434343;
    background: #141414;
  }
  .NightContent .newfooterPage .footerContainer,
  .NightFooter .newfooterPage .footerContainer {
    flex-flow: column;
    padding-top: 20px;
    min-width: 20px !important;
  }
  .NightContent .newfooterPage .footerContainer .footerHead,
  .NightFooter .newfooterPage .footerContainer .footerHead {
    padding-top: 10px;
    width: 90%;
    margin: 0 auto 10px;
  }
  .NightContent .newfooterPage .footerContainer .footerHead .emailForm,
  .NightFooter .newfooterPage .footerContainer .footerHead .emailForm {
    display: none;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain,
  .NightFooter .newfooterPage .footerContainer .commboxMain {
    flex-flow: column;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain .small_logoContent,
  .NightFooter .newfooterPage .footerContainer .commboxMain .small_logoContent {
    display: block;
    margin-bottom: 24px;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .commboxMain
    .small_logoContent
    img,
  .NightFooter
    .newfooterPage
    .footerContainer
    .commboxMain
    .small_logoContent
    img {
    width: 212px;
    height: 34px;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain .footer_community,
  .NightFooter .newfooterPage .footerContainer .commboxMain .footer_community {
    display: none !important;
  }
  .NightContent .newfooterPage .footerContainer .commboxMain .right_main,
  .NightFooter .newfooterPage .footerContainer .commboxMain .right_main {
    width: 80%;
    display: flex;
    justify-content: flex-end;
    grid-gap: 100px;
    gap: 100px;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .commboxMain
    .right_main
    .commbox,
  .NightFooter
    .newfooterPage
    .footerContainer
    .commboxMain
    .right_main
    .commbox {
    display: none !important;
  }
  .NightContent .newfooterPage .footerContainer .commbox,
  .NightFooter .newfooterPage .footerContainer .commbox {
    min-width: 20px;
    width: 90%;
    margin: 0 auto;
    display: none;
  }
  .NightContent .newfooterPage .footerContainer .commbox .title,
  .NightFooter .newfooterPage .footerContainer .commbox .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
  }
  .NightContent .newfooterPage .footerContainer .commbox .text,
  .NightFooter .newfooterPage .footerContainer .commbox .text {
    font-size: 14px;
    margin-bottom: 24px;
    margin-left: 20px;
  }
  .NightContent .newfooterPage .footerContainer .smallCommbox,
  .NightFooter .newfooterPage .footerContainer .smallCommbox {
    display: block;
    width: 100% !important;
  }
  .NightContent .newfooterPage .footerContainer .smallCommbox .title,
  .NightFooter .newfooterPage .footerContainer .smallCommbox .title {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    cursor: pointer;
  }
  .NightContent .newfooterPage .footerContainer .smallCommbox .title img,
  .NightFooter .newfooterPage .footerContainer .smallCommbox .title img {
    width: 8px;
    height: 8px;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .smallCommbox
    .title
    .drop-down-icon,
  .NightFooter
    .newfooterPage
    .footerContainer
    .smallCommbox
    .title
    .drop-down-icon {
    transform: rotateX(0deg);
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .smallCommbox
    .titleActive
    .drop-down-icon,
  .NightFooter
    .newfooterPage
    .footerContainer
    .smallCommbox
    .titleActive
    .drop-down-icon {
    transform: rotateX(180deg);
  }
  .NightContent .newfooterPage .footerContainer .smallCommbox .commboxItem img,
  .NightFooter .newfooterPage .footerContainer .smallCommbox .commboxItem img {
    width: 16px;
    height: 16px;
  }
  .NightContent .newfooterPage .footerContainer .lastCommbox,
  .NightFooter .newfooterPage .footerContainer .lastCommbox {
    display: none !important;
  }
  .NightContent .newfooterPage .footerContainer .smallCopyCommbox,
  .NightFooter .newfooterPage .footerContainer .smallCopyCommbox {
    display: block;
    font-size: 12px;
    font-family: DIN;
    font-weight: 400;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .NightContent .newfooterPage .footerContainer .contactCommbox,
  .NightFooter .newfooterPage .footerContainer .contactCommbox {
    border-top: 1px solid #f5f5f5;
    display: block;
    width: 100% !important;
  }
  .NightContent .newfooterPage .footerContainer .contactCommbox .title,
  .NightFooter .newfooterPage .footerContainer .contactCommbox .title {
    display: none;
  }
  .NightContent .newfooterPage .footerContainer .contactCommbox .commIconBox,
  .NightFooter .newfooterPage .footerContainer .contactCommbox .commIconBox {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .contactCommbox
    .commIconBox
    .commboxItem
    img,
  .NightFooter
    .newfooterPage
    .footerContainer
    .contactCommbox
    .commIconBox
    .commboxItem
    img {
    margin-right: 0;
    width: 27px;
    height: 27px;
  }
  .NightContent .newfooterPage .footerContainer .small_community,
  .NightFooter .newfooterPage .footerContainer .small_community {
    display: block;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap,
  .NightFooter
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap {
    display: flex;
    justify-content: space-between;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap
    svg
    path,
  .NightFooter
    .newfooterPage
    .footerContainer
    .small_community
    .small_community_wrap
    svg
    path {
    fill: #bfbfbf;
  }
  .NightContent .newfooterPage .footerContainer .small_community_business,
  .NightFooter .newfooterPage .footerContainer .small_community_business {
    display: block;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item,
  .NightFooter
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .text_label,
  .NightFooter
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .text_label {
    color: #bfbfbf;
    font-family: Rubik-600;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .NightContent
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .addr
    a,
  .NightFooter
    .newfooterPage
    .footerContainer
    .small_community_business
    .small_community_business_wrap
    .item
    .addr
    a {
    color: #bfbfbf;
    font-family: Rubik-400;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .NightContent .newfooterPage .copyRight,
  .NightContent .newfooterPage .el-divider,
  .NightContent .newfooterPage .footerBtn,
  .NightFooter .newfooterPage .copyRight,
  .NightFooter .newfooterPage .el-divider,
  .NightFooter .newfooterPage .footerBtn {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .adBox[data-v-8124f6fc] {
    display: none !important;
  }
}
.adBox[data-v-8124f6fc] {
  z-index: 10001;
  background: rgba(0, 0, 0, 0.3);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adBox .imgBoxs[data-v-8124f6fc] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.adBox .imgBoxs .adImg[data-v-8124f6fc] {
  width: 600px;
  height: 450px;
}
.adBox .imgBoxs .closeImg[data-v-8124f6fc] {
  width: 21px;
  position: absolute;
  right: 0;
  top: -51px;
}
.adBox .imgBoxs i[data-v-8124f6fc] {
  cursor: pointer;
  color: #fcfcfc;
  font-size: 30px;
  margin-left: 10px;
}
.adBox .imgBoxs img[data-v-8124f6fc] {
  cursor: pointer;
}
.feeRateDialog .el-dialog {
  background-color: #fff;
}
.feeRateDialog .el-dialog .el-dialog__header {
  background-color: #fff !important;
}
.feeRateDialog .el-dialog .el-dialog__header .el-dialog__close,
.feeRateDialog .el-dialog .el-dialog__header .el-dialog__title {
  color: #141414 !important;
}
.feeRateDialog .el-dialog .el-dialog__body {
  background-color: #fff !important;
}
.feeRateDialog .el-dialog .feeMain {
  background-color: #fff;
}
.feeRateDialog .el-dialog .feeMain .feeTitle {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  color: #141414;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 16px;
}
.feeRateDialog .el-dialog .feeMain .feeTitle .vipImg {
  height: 64px;
  overflow: hidden;
  margin-right: 12px;
}
.feeRateDialog .el-dialog .feeMain .feeTitle .levelTip {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
}
.feeRateDialog .el-dialog .feeMain .progressBox {
  width: 100%;
  padding: 12px 12px 16px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  margin-bottom: 16px;
}
.feeRateDialog .el-dialog .feeMain .progressBox .progressTitle {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  color: #141414;
}
.feeRateDialog .el-dialog .feeMain .progressBox .progressItem {
  margin-top: 16px;
}
.feeRateDialog .el-dialog .feeMain .progressBox .progressItem .desc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #141414;
  margin-bottom: 10px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .progressBox
  .progressItem
  .desc
  div:first-child {
  width: 85%;
}
.feeRateDialog .el-dialog .feeMain .progressBox .progressItem .desc span {
  color: #a3a3a6;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .progressBox
  .progressItem
  .el-progress-bar__outer {
  background-color: #d9d9d9;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .progressBox
  .progressItem
  .el-progress-bar__inner {
  background-color: #7cb400;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  margin-bottom: 16px;
  color: #141414;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointMain {
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 12px;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointMain .mainTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointMain .mainTop .asset {
  font-family: Rubik-900;
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointMain .mainTop .arrow {
  cursor: pointer;
  width: 0;
  height: 0;
  border-left: 6px solid #141414;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointMain .mainTop .arrow2 {
  transform: rotate(90deg);
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointMain .pointContent {
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background: #f5f5f5;
  margin-top: 12px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 14px 0;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .el-select
  .el-input__inner {
  color: #141414 !important;
  border: 1px solid #d9d9d9 !important;
  background: #f5f5f5;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox {
  width: 320px !important;
  background: #f5f5f5;
  margin-right: 10px;
  margin-left: 8px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range__close-icon {
  display: none;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range-input,
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range-separator {
  font-size: 12px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-range-editor.el-input__inner {
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #d9d9d9 !important;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range-input {
  width: 42%;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  color: #141414 !important;
  background: #f5f5f5;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range-input:focus {
  border-radius: 0 !important;
  border-color: #d9d9d9 !important;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range__icon {
  margin-left: -10px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .timeBox
  .el-date-editor
  .el-range-separator {
  width: 10%;
  color: #606266;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .btnsBox {
  display: flex;
  align-items: center;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .searchBox
  .clearBtn {
  color: #7cb400;
  font-size: 12px;
  cursor: pointer;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable {
  overflow: auto;
  font-size: 12px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  margin: 8px 10px 0;
  height: 460px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .item {
  width: 33%;
  height: auto;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .m-w-150 {
  min-width: 150px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .align-left {
  text-align: left;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .align-center {
  text-align: center;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .align-right {
  text-align: right;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .waterTableHead {
  display: flex;
  flex-direction: row;
  color: #a3a3a6;
  height: 38px;
  line-height: 38px;
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .waterTableBody {
  display: flex;
  flex-direction: row;
  height: 41px;
  line-height: 1;
  color: #141414;
  font-size: 14px;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .waterTable
  .waterTableBody
  .item {
  height: 49px;
  line-height: 49px;
  border-bottom: 1px solid #d9d9d9;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointMain
  .pointContent
  .el-pagination
  button {
  background: #f5f5f5;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointChoose {
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  font-size: 14px;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointChoose .title {
  font-family: Rubik-600;
  font-weight: 600;
  margin-bottom: 8px;
}
.feeRateDialog .el-dialog .feeMain .pointCardBox .pointChoose .tip {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: #a3a3a6;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointChoose
  .el-checkbox__input.is-checked
  + .el-checkbox__label {
  color: #7cb400;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .pointCardBox
  .pointChoose
  .el-checkbox__input.is-checked
  .el-checkbox__inner {
  background-color: #7cb400;
  border-color: #7cb400;
}
.feeRateDialog .el-dialog .feeMain .feeContent {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.feeRateDialog .el-dialog .feeMain .feeContent .headTitle {
  padding: 0 12px;
  height: 41px;
  line-height: 41px;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
}
.feeRateDialog .el-dialog .feeMain .feeContent .headTitle .item {
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  color: #141414;
  margin-right: 20px;
  cursor: pointer;
}
.feeRateDialog .el-dialog .feeMain .feeContent .headTitle .active {
  color: #7cb400;
  border-bottom: 2px solid #7cb400;
}
.feeRateDialog .el-dialog .feeMain .feeContent .makerBox {
  width: 100%;
  box-sizing: border-box;
  padding: 34px 12px 16px;
}
.feeRateDialog .el-dialog .feeMain .feeContent .makerBox .dataBox {
  margin-bottom: 18px;
}
.feeRateDialog .el-dialog .feeMain .feeContent .makerBox .dataBox .dataItem {
  display: inline-block;
  width: 49%;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #141414;
}
.feeRateDialog
  .el-dialog
  .feeMain
  .feeContent
  .makerBox
  .dataBox
  .dataItem
  .percent {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  margin-top: 4px;
}
.feeRateDialog .el-dialog .feeMain .feeContent .makerBox .listBox {
  margin-top: 16px;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 6px;
  overflow: hidden;
}
.feeRateDialog .el-dialog .feeMain .feeContent .makerBox .listBox img {
  max-width: 100%;
}
.feeRateDialog .el-dialog .feeMain .el-table__empty-block {
  min-height: 200px;
}
.feeRateDialog .el-dialog .feeMain .el-table__empty-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: unset;
  color: #141414;
  font-family: Rubik-500;
  font-size: 15px;
  font-weight: 500;
  min-height: 300px;
}
.feeRateDialog .el-dialog .feeMain .el-table__empty-text:before {
  content: "";
  width: 65px;
  height: 65px;
  background-image: url(/image/global/noData.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.pointFeeDialog .el-dialog {
  background-color: #fff;
}
.pointFeeDialog .el-dialog .el-dialog__header {
  background-color: #fff !important;
}
.pointFeeDialog .el-dialog .el-dialog__header .el-dialog__close,
.pointFeeDialog .el-dialog .el-dialog__header .el-dialog__title {
  color: #141414 !important;
}
.pointFeeDialog .el-dialog .el-dialog__body {
  background-color: #fff !important;
  color: #141414 !important;
}
.pointFeeDialog .el-dialog .el-dialog__body .footerBtns .cancelBtn {
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
  color: #141414 !important;
}
@media (min-width: 1279px) {
  .Light .download-float[data-v-6bca27ac] {
    display: none;
  }
}
.Light .download-float[data-v-6bca27ac] {
  box-sizing: border-box;
  position: fixed;
  z-index: 20000;
  bottom: 12px;
  left: 12px;
  width: calc(100% - 24px);
  height: 66px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  border: 0.1px solid #d9d9d9;
}
.Light .download-float .box[data-v-6bca27ac] {
  background-color: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
}
.Light .download-float .box .col1[data-v-6bca27ac] {
  display: flex;
  font-size: 0;
}
.Light .download-float .box .col1 .platform[data-v-6bca27ac] {
  margin-left: 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 22px;
}
.Light .download-float .box .col1 img[data-v-6bca27ac] {
  height: 44px;
  width: 44px;
  border-radius: 8px;
}
.Light .download-float .box .col1 .name[data-v-6bca27ac] {
  color: #141414;
  font-family: Rubik-900;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
}
.Light .download-float .box .col1 .desc[data-v-6bca27ac] {
  color: #141414;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.Light .download-float .box .col2[data-v-6bca27ac] {
  display: flex;
  align-items: center;
}
.Light .download-float .box .col2 img[data-v-6bca27ac] {
  height: 32px;
  width: 32px;
  border-radius: 10px;
}
.Light .download-float .box .col2 .close[data-v-6bca27ac] {
  font-size: 10px;
  margin-left: 16px;
  margin-right: 6px;
  color: #a3a3a6;
}
@media (min-width: 1279px) {
  .Night .download-float[data-v-6bca27ac] {
    display: none;
  }
}
.Night .download-float[data-v-6bca27ac] {
  box-sizing: border-box;
  position: fixed;
  z-index: 20000;
  bottom: 12px;
  left: 12px;
  width: calc(100% - 24px);
  height: 66px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  border: 0.1px solid #434343;
}
.Night .download-float .box[data-v-6bca27ac] {
  background-color: #141414;
  padding: 12px;
  display: flex;
  justify-content: space-between;
}
.Night .download-float .box .col1[data-v-6bca27ac] {
  display: flex;
  font-size: 0;
}
.Night .download-float .box .col1 .platform[data-v-6bca27ac] {
  margin-left: 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 22px;
}
.Night .download-float .box .col1 img[data-v-6bca27ac] {
  height: 44px;
  width: 44px;
  border-radius: 8px;
}
.Night .download-float .box .col1 .name[data-v-6bca27ac] {
  color: #f5f5f5;
  font-family: Rubik-900;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
}
.Night .download-float .box .col1 .desc[data-v-6bca27ac] {
  color: #f5f5f5;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.Night .download-float .box .col2[data-v-6bca27ac] {
  display: flex;
  align-items: center;
}
.Night .download-float .box .col2 img[data-v-6bca27ac] {
  height: 32px;
  width: 32px;
  border-radius: 10px;
}
.Night .download-float .box .col2 .close[data-v-6bca27ac] {
  font-size: 10px;
  margin-left: 16px;
  margin-right: 6px;
  color: #595959;
}
.nav-container-drop-box-item-hot {
  display: inline-block;
  font-family: Rubik-400;
  font-weight: 400;
  position: relative;
  font-size: 12px;
  top: 2px;
}
.nav-container-drop-box-item-hot .hot-txt {
  color: #000;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 19px;
  text-align: center;
  margin-left: 3px;
}
.nav-item-hot {
  position: absolute;
  top: 6px;
  right: 0;
}
.nav-item-hot .hot-txt {
  color: #000;
  font-size: 12px;
  font-family: Rubik-400;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 19px;
  text-align: center;
  margin-left: 3px;
}
.Light .riskControlDialog .riskControlImg {
  display: flex;
  justify-content: center;
}
.Light .riskControlDialog .riskControlText {
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  color: #141414;
  margin-top: 32px;
}
.Light .riskControlDialog .riskControlTip {
  background: #f5f5f5;
  border-radius: 4px;
  margin-top: 24px;
  padding: 12px;
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  color: #141414;
}
.Light .riskControlDialog .riskControlAgreement {
  font-family: Rubik-400;
  font-size: 14px;
  font-weight: 400;
  color: #141414;
  margin-top: 32px;
}
.Light .riskControlDialog .riskControlAgreement a {
  color: #7cb400;
}
.Light .riskControlDialog .riskControlBtn {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  background: #f5f5f5;
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  color: #bfbfbf;
  cursor: not-allowed;
  line-height: 44px;
  text-align: center;
  margin-top: 8px;
}
.Light .riskControlDialog .el-checkbox .el-checkbox__label {
  color: #7cb400 !important;
}
.Light .riskControlDialog .el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 14px !important;
  height: 14px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
}
.Light .riskControlDialog .el-checkbox .is-checked .el-checkbox__inner {
  border-color: #7cb400 !important;
  background-color: #7cb400 !important;
}
.Light .riskControlDialog .el-checkbox .is-checked .el-checkbox__inner:after {
  border: 2px solid #fff;
  left: 4px;
  top: 2px;
  box-sizing: content-box;
  content: "";
  border-left: 0;
  border-top: 0;
  height: 5px;
  position: absolute;
  width: 2px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.Night .riskControlDialog .riskControlImg {
  display: flex;
  justify-content: center;
}
.Night .riskControlDialog .riskControlText {
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  color: #f5f5f5;
  margin-top: 32px;
}
.Night .riskControlDialog .riskControlTip {
  background: #1f1f1f;
  border-radius: 4px;
  margin-top: 24px;
  padding: 12px;
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  color: #f5f5f5;
}
.Night .riskControlDialog .riskControlAgreement {
  font-family: Rubik-400;
  font-size: 14px;
  font-weight: 400;
  color: #f5f5f5;
  margin-top: 32px;
}
.Night .riskControlDialog .riskControlAgreement a {
  color: #9dcc27;
}
.Night .riskControlDialog .riskControlBtn {
  width: 100%;
  height: 44px;
  border-radius: 6px;
  background: #1f1f1f;
  font-family: Rubik-400;
  font-size: 15px;
  font-weight: 400;
  color: #a3a3a6;
  cursor: not-allowed;
  line-height: 44px;
  text-align: center;
  margin-top: 8px;
}
.Night .riskControlDialog .el-checkbox .el-checkbox__label {
  color: #9dcc27 !important;
}
.Night .riskControlDialog .el-checkbox .el-checkbox__input .el-checkbox__inner {
  width: 14px !important;
  height: 14px !important;
  border: 1px solid #434343 !important;
  border-radius: 4px !important;
  background-color: #1f1f1f !important;
}
.Night .riskControlDialog .el-checkbox .is-checked .el-checkbox__inner {
  border-color: #9dcc27 !important;
  background-color: #9dcc27 !important;
}
.Night .riskControlDialog .el-checkbox .is-checked .el-checkbox__inner:after {
  border: 2px solid #fff;
  left: 4px;
  top: 2px;
  box-sizing: content-box;
  content: "";
  border-left: 0;
  border-top: 0;
  height: 5px;
  position: absolute;
  width: 2px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.navPage.Night .nav-notice {
  font-size: 12px;
  width: 380px;
  white-space: normal;
}
.navPage.Night .nav-notice .nav-notice-head {
  display: flex;
  justify-content: space-between;
  height: 36px;
  padding: 0 16px;
}
.navPage.Night .nav-notice .nav-notice-tabs {
  display: flex;
}
.navPage.Night .nav-notice .nav-notice-tabs .tabs-item {
  margin-right: 16px;
  color: #f5f5f5;
  font-family: Rubik-400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 36px;
  cursor: pointer;
}
.navPage.Night .nav-notice .nav-notice-tabs .tabs-item-checked {
  font-weight: 700;
  color: #9dcc27;
  border-bottom: 1px solid #9dcc27;
}
.navPage.Night .nav-notice .nav-notice-clear {
  color: #595959;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.navPage.Night .nav-notice .nav-notice-clear span {
  vertical-align: super;
}
.navPage.Night .nav-notice .nav-notice-clear svg path {
  stroke: #595959;
}
.navPage.Night .nav-notice .dot {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #9dcc27;
  top: 22px;
  left: 5px;
}
.navPage.Night .nav-notice .announcement .announcementList {
  height: 300px;
  overflow-y: scroll;
}
.navPage.Night .nav-notice .announcement .announcementList .announcementItem {
  padding: 0 16px;
  position: relative;
  cursor: pointer;
}
.navPage.Night
  .nav-notice
  .announcement
  .announcementList
  .announcementItem
  .announcementItemContent {
  padding: 16px 0;
  border-bottom: 1px solid #262626;
}
.navPage.Night
  .nav-notice
  .announcement
  .announcementList
  .announcementItem
  .announcementItemContent
  .title {
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.navPage.Night
  .nav-notice
  .announcement
  .announcementList
  .announcementItem
  .announcementItemContent
  .time {
  color: #595959;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.navPage.Night .nav-notice .announcement .viewMore {
  padding: 0 16px;
  color: #9dcc27;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  display: block;
  margin-top: 16px;
}
.navPage.Night .nav-notice .pushmsg .pushmsgList {
  height: 300px;
  overflow-y: scroll;
}
.navPage.Night .nav-notice .pushmsg .pushmsgList .pushmsgItem {
  position: relative;
  padding: 0 16px;
  cursor: pointer;
}
.navPage.Night
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent {
  padding: 16px 0;
  border-bottom: 1px solid #262626;
  cursor: pointer;
}
.navPage.Night
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent
  .title {
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.navPage.Night
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent
  .content {
  color: #bfbfbf;
  font-family: Rubik-300;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 8px 0;
}
.navPage.Night
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent
  .time {
  color: #595959;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.navPage.Night .nav-notice .followMsg .followMsgPushSwitch {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background-color: #1f1f1f;
  color: #f5f5f5;
  font-family: Rubik-400;
  font-size: 12px;
  font-weight: 400;
}
.navPage.Night .nav-notice .followMsg .followMsgList {
  height: 300px;
  overflow-y: scroll;
}
.navPage.Night .nav-notice .followMsg .followMsgList .followMsgItem {
  position: relative;
  padding: 0 16px;
  cursor: pointer;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent {
  padding: 16px 0;
  border-bottom: 1px solid #262626;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .title {
  color: #f5f5f5;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .content {
  color: #bfbfbf;
  font-family: Rubik-300;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 8px 0;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .info {
  display: flex;
  align-items: center;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .info
  .txName {
  height: 20px;
  border-radius: 10px;
  background-color: #1f1f1f;
  line-height: 20px;
  margin-right: 12px;
  padding-right: 8px;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .info
  .txName
  .tx {
  color: #f5f5f5;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  width: 20px;
  border-radius: 10px;
}
.navPage.Night
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .time {
  color: #595959;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.navPage.Light .nav-notice {
  font-size: 12px;
  width: 380px;
  white-space: normal;
}
.navPage.Light .nav-notice .nav-notice-head {
  display: flex;
  justify-content: space-between;
  height: 36px;
  padding: 0 16px;
}
.navPage.Light .nav-notice .nav-notice-tabs {
  display: flex;
}
.navPage.Light .nav-notice .nav-notice-tabs .tabs-item {
  margin-right: 16px;
  color: #141414;
  font-family: Rubik-400;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 36px;
  cursor: pointer;
}
.navPage.Light .nav-notice .nav-notice-tabs .tabs-item-checked {
  font-weight: 700;
  color: #7cb400;
  border-bottom: 1px solid #7cb400;
}
.navPage.Light .nav-notice .nav-notice-clear {
  color: #a3a3a6;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.navPage.Light .nav-notice .nav-notice-clear span {
  vertical-align: super;
}
.navPage.Light .nav-notice .nav-notice-clear svg path {
  stroke: #a3a3a6;
}
.navPage.Light .nav-notice .dot {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #7cb400;
  top: 22px;
  left: 5px;
}
.navPage.Light .nav-notice .announcement .announcementList {
  height: 300px;
  overflow-y: scroll;
}
.navPage.Light .nav-notice .announcement .announcementList .announcementItem {
  padding: 0 16px;
  position: relative;
  cursor: pointer;
}
.navPage.Light
  .nav-notice
  .announcement
  .announcementList
  .announcementItem
  .announcementItemContent {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
}
.navPage.Light
  .nav-notice
  .announcement
  .announcementList
  .announcementItem
  .announcementItemContent
  .title {
  color: #141414;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}
.navPage.Light
  .nav-notice
  .announcement
  .announcementList
  .announcementItem
  .announcementItemContent
  .time {
  color: #a3a3a6;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.navPage.Light .nav-notice .announcement .viewMore {
  padding: 0 16px;
  color: #7cb400;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  display: block;
  margin-top: 16px;
}
.navPage.Light .nav-notice .pushmsg .pushmsgList {
  height: 300px;
  overflow-y: scroll;
}
.navPage.Light .nav-notice .pushmsg .pushmsgList .pushmsgItem {
  position: relative;
  padding: 0 16px;
  cursor: pointer;
}
.navPage.Light
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}
.navPage.Light
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent
  .title {
  color: #141414;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.navPage.Light
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent
  .content {
  color: #434343;
  font-family: Rubik-300;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 8px 0;
}
.navPage.Light
  .nav-notice
  .pushmsg
  .pushmsgList
  .pushmsgItem
  .pushmsgItemContent
  .time {
  color: #a3a3a6;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.navPage.Light .nav-notice .followMsg .followMsgPushSwitch {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  background-color: #f5f5f5;
  color: #141414;
  font-family: Rubik-400;
  font-size: 12px;
  font-weight: 400;
}
.navPage.Light .nav-notice .followMsg .followMsgList {
  height: 300px;
  overflow-y: scroll;
}
.navPage.Light .nav-notice .followMsg .followMsgList .followMsgItem {
  position: relative;
  padding: 0 16px;
  cursor: pointer;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent {
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .title {
  color: #141414;
  font-family: Rubik-500;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .content {
  color: #434343;
  font-family: Rubik-300;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 8px 0;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .info {
  display: flex;
  align-items: center;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .info
  .txName {
  height: 20px;
  border-radius: 10px;
  background-color: #f5f5f5;
  line-height: 20px;
  margin-right: 12px;
  padding-right: 8px;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .info
  .txName
  .tx {
  color: #141414;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  width: 20px;
  border-radius: 10px;
}
.navPage.Light
  .nav-notice
  .followMsg
  .followMsgList
  .followMsgItem
  .followMsgItemContent
  .time {
  color: #a3a3a6;
  font-family: Rubik-400;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.Night.navPage {
  height: 64px;
  color: #f5f5f5;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  background-color: #141414;
  border-bottom: 1px solid #141414;
  font-family: Rubik;
}
.Night.navPage a,
.Night.navPage a:hover {
  text-decoration: none;
}
.Night.navPage dl,
.Night.navPage li,
.Night.navPage ol,
.Night.navPage ul {
  list-style: none;
  margin-bottom: 0;
}
.Night.navPage img {
  vertical-align: middle;
}
@media (min-width: 1279px) {
  .Night.navPage .logo-container {
    display: inline-block;
    padding-right: 30px;
    padding-left: 30px;
    white-space: nowrap;
  }
  .Night.navPage .logo-container .logo-container-text {
    font-size: 0;
    font-family: Rubik;
    font-weight: 900;
    color: #7cb400;
    opacity: 1;
    display: inline;
    line-height: inherit;
  }
  .Night.navPage .logo-container .logo-container-text img {
    height: 22px;
    vertical-align: text-bottom;
  }
  .Night.navPage .logo-container .logo-container-img {
    display: none;
  }
  .Night.navPage .logo-container img {
    vertical-align: top;
  }
  .Night.navPage .logo-container .login-and-register,
  .Night.navPage .logo-container .logo-user-info {
    display: none;
  }
  .Night.navPage .nav-container {
    height: 64px;
    display: flex;
    align-items: center;
    flex-grow: 1;
  }
  .Night.navPage .nav-container .nav-list {
    display: flex;
    flex-grow: 1;
  }
  .Night.navPage .nav-container .nav-list .nav-item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .Night.navPage .nav-container .nav-list .nav-item.home-in,
  .Night.navPage .nav-container .nav-list .nav-item.nav-item-setting {
    display: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item.flexible
    .nav-container-text {
    padding: 0 21px;
  }
  .Night.navPage .nav-container .nav-list .nav-item.divider {
    color: #262626;
    padding: 0 12px;
  }
  .Night.navPage .nav-container .nav-list .nav-item .nav-icon {
    color: #f5f5f5;
    display: inline-block;
    font-weight: 100;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    background-color: #262626;
  }
  .Night.navPage .nav-container .nav-list .nav-item .el-icon-caret-bottom {
    color: #f5f5f5;
  }
  .Night.navPage .nav-container .nav-list .nav-item .el-icon-caret-bottom,
  .Night.navPage .nav-container .nav-list .nav-item .nav-icon-border-none {
    width: auto;
    height: auto;
    border-radius: none;
    text-align: center;
    line-height: auto;
    background-color: transparent;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .expand-el-icon-caret-bottom-none {
    display: none;
  }
  .Night.navPage .nav-container .nav-list .nav-item .nav-container-text {
    padding: 0 6.5px;
    color: #f5f5f5;
    cursor: pointer;
    white-space: pre;
    line-height: 64px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop {
    height: 64px;
    display: inline-block;
    line-height: 64px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop.nav-have-right-icon {
    padding-right: 5px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop
    .nav-icon {
    font-size: 18px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop
    .nav-icon.el-icon-caret-bottom {
    font-size: 14px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-download
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.dis-hover {
    height: auto;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-download
    .download-txt {
    display: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-network
    .networkStatus1 {
    color: #48b5a0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-network
    .networkStatus3 {
    color: #f05f5f;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-network
    .networkStatus2 {
    color: #ef9c2b;
  }
  .Night.navPage .nav-container .nav-list .nav-item.nav-item-logout {
    display: none;
  }
  .Night.navPage .nav-container .nav-list .nav-item .nav-container-drop {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    background: #141414;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 10px rgba(5, 14, 1, 0.1);
    right: 0;
    min-width: 200px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop.left-align {
    left: 0;
    right: auto;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box {
    padding: 22px 0;
    display: flex;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box.nav-container-drop-box_download {
    padding: 15px;
    border-radius: 10px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box.nav-container-drop-box_download
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    padding: 0;
    display: block;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list {
    font-size: 0;
    flex: 1;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list.border-right {
    border-right: 1px solid #d9d9d9;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list.language-rate
    .nav-container-drop-box-item {
    height: 30px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-tabs {
    display: flex;
    padding: 2px 16px;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    color: #9fa4b4;
    margin-bottom: 10px;
    min-width: 280px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-tabs
    .nav-container-drop-box-tabs-item {
    text-align: left;
    line-height: 30px;
    height: 30px;
    flex: 1;
    cursor: pointer;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-tabs
    .nav-container-drop-box-tabs-item-checked {
    font-weight: 700;
    color: #f5f5f5;
    box-sizing: border-box;
    font-weight: 900;
    font-size: 15px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #758093;
    padding-left: 30px;
    margin-bottom: 10px;
    text-align: left;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    font-size: 14px;
    font-weight: 500;
    color: #f5f5f5;
    cursor: pointer;
    width: 100%;
    height: 65px;
    background: #141414;
    opacity: 1;
    padding: 16px 30px;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon {
    width: 32px;
    height: 32px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon
    img {
    width: 100%;
    height: 100%;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name {
    font-family: Rubik-500;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #f5f5f5;
    margin-left: 12px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name
    .nav-container-drop-box-item-name-describe {
    font-family: Rubik-400;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #bfbfbf;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-hotspot {
    height: 100%;
    width: 100%;
    height: 46px;
    line-height: 46px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    a {
    color: #f5f5f5;
    white-space: nowrap;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    img {
    margin-right: 10px;
    height: 28px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo {
    min-width: 410px;
    display: block;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo.hide {
    display: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo.userinfo-head,
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    img {
    height: auto;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified {
    display: inline-block;
    margin-left: 11px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .certified {
    padding: 0 10px;
    height: 20px;
    line-height: 22px;
    border-radius: 4px;
    font-family: Rubik-400;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .not-certified {
    background: rgba(250, 140, 22, 0.2);
    color: #fa8c16;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .not-certified
    img {
    vertical-align: text-top;
    margin-right: 4px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .certified1 {
    background: #fa8c16;
    color: #f5f5f5;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .certified2 {
    background: #9dcc27;
    color: #f5f5f5;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.hover-arrow {
    position: relative;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.hover-arrow:hover
    .nav-container-drop-box-item-hotspot:before {
    opacity: 1;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.hover-arrow
    .nav-container-drop-box-item-hotspot:before {
    content: "\e622";
    font-family: iconfont !important;
    font-size: 15px;
    font-style: normal;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 2;
    color: #f5f5f5;
    font-weight: 600;
    opacity: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav {
    position: relative;
    padding: 5px;
    background-color: #fff;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav
    img {
    margin-right: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav
    #download_qr_code_nav
    img {
    width: 100%;
    height: 100%;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav
    .download_qr_code_logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    padding: 2px;
    border-radius: 2px;
    background-color: #fff;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .download_desc {
    font-size: 12px;
    font-weight: 400;
    color: #f5f5f5;
    margin: 10px 0;
    text-align: center;
    white-space: normal;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item:hover {
    background: #1f1f1f;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.dis-hover {
    height: auto;
    line-height: normal;
    color: #151c26;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.dis-hover:hover {
    background: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.adapt-height {
    height: 65px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.logout-btn:hover {
    background: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.logout-btn
    .exitBox {
    border-top: 1px solid #434343;
    text-align: center;
    cursor: pointer;
    color: #fa541c;
    font-size: 14px;
    font-weight: 500;
    margin-top: 22px;
    padding-top: 22px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-row1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-left {
    display: flex;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip {
    cursor: pointer;
    display: inline-block;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .arrow-right-icon {
    font-size: 15px;
    font-weight: 600;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    img {
    width: 27px;
    margin-right: 0;
    vertical-align: text-bottom;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level {
    font-family: Rubik-600;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level.vip1 {
    color: #a3a3a6;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level.vip2 {
    color: #639900;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level.vip3 {
    color: #d4b106;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-avatar {
    margin-right: 8px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-avatar
    img {
    height: 44px;
    width: 44px;
    border-radius: 44px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t {
    font-family: Rubik-500;
    font-size: 14px;
    color: #f5f5f5;
    height: 26px;
    line-height: 26px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t
    span {
    margin-right: 4px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-b {
    font-size: 14px;
    color: #9fa4b4;
    opacity: 1;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    border-radius: 11px;
    font-family: Rubik-400;
    font-weight: 400;
    background-color: #1f1f1f;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-b
    .copy-icon {
    font-size: 14px;
    margin-left: 9px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info {
    padding: 24px 0;
    margin-top: 19px;
    border-radius: 4px;
    font-family: Rubik-400;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #434343;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee {
    line-height: 22px;
    font-size: 14px;
    font-family: Rubik-400;
    color: #bfbfbf;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item {
    display: flex;
    justify-content: space-between;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item:first-child {
    margin-bottom: 8px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item
    i {
    font-style: normal;
    margin-right: 8px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 46px;
    margin-top: 24px;
    width: 240px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row.setPartCon1Row2 {
    display: block;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row
    .setPartCon1Row-checkBox {
    display: flex;
    justify-content: space-between;
    width: 250px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row
    .setPartCon1Row-checkBox
    div {
    font-size: 13px;
    font-weight: 500;
    color: #212a39;
    width: 113px;
    height: 36px;
    background: #fff;
    border: 1px solid #eff0f2;
    opacity: 1;
    border-radius: 6px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row
    .setPartCon1Row-checkBox
    .setPartCon1Row-checkBox-checked {
    width: 113px;
    height: 36px;
    background: rgba(116, 153, 251, 0.1);
    border: 1px solid #7499fb;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #7499fb;
    opacity: 1;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow {
    width: 280px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    width: 100%;
    color: #f5f5f5;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText.messageText-title {
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: normal;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText.messageText-content {
    overflow: visible;
    overflow: initial;
    color: #9fa4b4;
    text-overflow: clip;
    white-space: normal;
    margin: 6px 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText
    .dot {
    width: 6px;
    height: 6px;
    background: #ff636c;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageTime {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #f5f5f5;
    margin-top: 4px;
    cursor: pointer;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .moreBtn {
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #9dcc27;
    opacity: 1;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow {
    width: 275px;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    padding: 0 13px;
    height: 46px;
    cursor: pointer;
    line-height: 46px;
    border-radius: 4px;
    border: 1px solid #434343;
    justify-content: space-between;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow.actived {
    border: 1px solid #7cb400;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkPartListRowCol1 {
    width: 20px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .gouIcon {
    width: 13px;
    height: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkPartListRowCol2 {
    font-size: 14px;
    font-weight: 400;
    width: 140px;
    display: flex;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkStatus1 {
    padding: 0 7px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #52c41a;
    text-align: center;
    border-radius: 10px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkStatus3 {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fa541c;
    text-align: center;
    border-radius: 10px;
    padding: 0 7px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkStatus2 {
    padding: 0 7px;
    height: 20px;
    color: #fa8c16;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.network-mind {
    padding-bottom: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select {
    height: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #434343;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select
    .network-mind-select-left {
    width: 210px;
    white-space: normal;
    color: #f5f5f5;
    font-size: 10px;
    font-weight: 400;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select
    .network-mind-select-left
    .network-mind-select-tips {
    font-size: 15px;
    font-family: Rubik-600;
    font-weight: 600;
    margin-bottom: 4px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select
    .el-switch.is-checked
    .el-switch__core {
    background: #9dcc27 !important;
    border-color: #9dcc27 !important;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .languageRateItem {
    width: 120px;
    display: flex;
    justify-content: space-between;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .languageRateItem.selected {
    color: #9dcc27;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item {
    height: 46px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item
    img {
    height: 18px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets {
    width: 318px;
    height: auto;
    align-items: flex-start;
    font-family: Rubik;
    color: #f5f5f5;
    padding-top: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-box {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #434343;
    width: 100%;
    padding-bottom: 20px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets:hover {
    background: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row1 {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row2 {
    font-weight: 500;
    font-family: Rubik-500;
    font-size: 28px;
    line-height: 24px;
    margin: 8px 2px 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row2
    span {
    font-family: Rubik-400;
    font-weight: 400;
    font-size: 16px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row3 {
    font-family: Rubik-400;
    font-weight: 400;
    font-size: 16px;
    line-height: 13px;
    color: #bfbfbf;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit {
    height: auto;
    align-items: flex-start;
    font-family: Rubik;
    color: #f5f5f5;
    padding-bottom: 0;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit:hover {
    background: none;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box {
    display: flex;
    padding-top: 20px;
    border-top: 1px solid #434343;
    width: 100%;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    > a {
    width: 118px;
    height: 28px;
    line-height: 28px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #9dcc27;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    > a
    i {
    margin-right: 2px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    .otc-guide {
    margin-right: 22px;
    background-color: #9dcc27;
    color: #141414;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    .deposit-guide {
    color: #9dcc27;
    background-color: transparent;
  }
  .Night.navPage .nav-container .nav-list .nav-item .login-and-register {
    display: flex;
    flex-direction: row;
    font-family: Rubik-500;
    align-items: center;
    padding: 0 13px;
    font-size: 14px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .loginBtn {
    color: #f5f5f5;
    box-sizing: content-box;
    box-sizing: initial;
    background: transparent;
    opacity: 1;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    white-space: nowrap;
    width: 96px;
    text-align: center;
    margin-right: 16px;
    transition: all 0.2s;
    border: 1px solid #262626;
    border-radius: 18px;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .loginBtn:hover {
    background-color: #d9d9d9;
    color: #141414;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .regBtn {
    padding: 0 23px;
    line-height: 36px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    height: 36px;
    background: #f5f5f5;
    border-radius: 18px;
    color: #141414;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .regBtn
    .reg-icon {
    fill: #141414;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .regBtn:hover {
    background: #d9d9d9;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .nav-container-text,
  .Night.navPage .nav-container .nav-list .nav-item:hover .nav-container-text {
    color: #9dcc27;
    transition: all 0.3s;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .nav-container-text
    .nav-icon,
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item:hover
    .nav-container-text
    .nav-icon {
    color: #9dcc27;
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .el-icon-caret-bottom,
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item:hover
    .el-icon-caret-bottom {
    color: #9dcc27;
    transform: rotateX(180deg);
  }
  .Night.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .nav-container-drop,
  .Night.navPage .nav-container .nav-list .nav-item:hover .nav-container-drop {
    opacity: 1;
    pointer-events: auto;
    z-index: 1500;
  }
  .Night.navPage .nav-container .nav-list .nav-null {
    flex-grow: 1;
    order: 199;
  }
  .Night.navPage .action-container {
    display: none;
  }
}
@media (max-width: 1279px) {
  .Night.navPage {
    padding: 0 19px;
    color: #f5f5f5;
  }
  .Night.navPage .logo-container .logo-container-text {
    display: none;
  }
  .Night.navPage .logo-container .logo-container-img img {
    height: 20px;
  }
  .Night.navPage .action-container {
    font-weight: 700;
  }
  .Night.navPage .action-container span {
    color: #212a39;
  }
  .Night.navPage .action-container .user-img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-right: 19px;
  }
  .Night.navPage .nav-container {
    display: none;
  }
  .Night.navPage .nav-container.nav-container-expand {
    display: block;
    position: absolute;
    background: #1f1f1f;
    color: #f5f5f5;
    width: 100%;
    top: 64px;
    left: 0;
    z-index: 1940;
  }
  .Night.navPage .nav-container .nav-item {
    margin-bottom: 1px;
  }
  .Night.navPage .nav-container .nav-item.nav-hide {
    display: none;
  }
  .Night.navPage .nav-container .nav-item.nav-hide.expand-userInfo {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1950;
    display: block;
    background: #1f1f1f;
    height: 100%;
  }
  .Night.navPage .nav-container .nav-item.nav-hide.expand-userInfo > div {
    white-space: normal !important;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop-box-list {
    margin-top: 0;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-text {
    display: none;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop {
    background: #141414;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail {
    padding: 0 19px 20px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified {
    display: inline-block;
    margin-left: 11px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .certified {
    padding: 0 6px;
    height: 20px;
    line-height: 24px;
    border-radius: 4px;
    font-family: Rubik-400;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: default;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .not-certified {
    background: rgba(250, 140, 22, 0.2);
    color: #fa8c16;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .not-certified
    img {
    vertical-align: text-top;
    margin-right: 4px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .certified1 {
    background: #fa8c16;
    color: #f5f5f5;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .certified2 {
    background: #9dcc27;
    color: #f5f5f5;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #434343;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-detail-row1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    white-space: normal;
    height: 78px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-detail-left {
    display: flex;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-avatar {
    margin-right: 8px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-avatar
    img {
    height: 44px;
    width: 44px;
    border-radius: 44px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t {
    font-size: 14px;
    font-weight: 500;
    color: #f5f5f5;
    height: 26px;
    line-height: 26px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t
    span {
    margin-right: 4px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-b {
    font-size: 12px;
    font-weight: 400;
    color: #9fa4b4;
    opacity: 1;
    height: 22px;
    line-height: 22px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info {
    padding: 0;
    margin-top: 19px;
    font-family: Rubik-400;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip {
    cursor: pointer;
    display: inline-block;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    img {
    width: 16px;
    margin-right: 0;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level.vip1 {
    color: #a3a3a6;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level.vip2 {
    color: #639900;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level.vip3 {
    color: #d4b106;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-fee {
    margin-top: 14px;
    line-height: 22px;
    font-size: 14px;
    font-family: Rubik-400;
    color: #bfbfbf;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item {
    display: flex;
    justify-content: space-between;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item
    i {
    font-style: normal;
    margin-right: 8px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-item-hotspot {
    padding: 0 19px;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .logout-btn {
    height: 58px;
    line-height: 58px;
    color: #fa541c;
    font-family: Rubik-500;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #1f1f1f;
    margin-top: 6px;
  }
  .Night.navPage .nav-container .nav-item .nav-item-more {
    font-size: 0;
  }
  .Night.navPage .nav-container .nav-item .nav-item-more i.nav-icon {
    display: none;
  }
  .Night.navPage .nav-container .nav-item .nav-item-more .nav-container-drop {
    background-color: #141414;
    font-family: Rubik-500;
    font-size: 12px;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list {
    margin: 0;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    font-size: 14px;
    font-weight: 500;
    color: #f5f5f5;
    cursor: pointer;
    width: 100%;
    height: 65px;
    background: #141414;
    opacity: 1;
    padding: 16px 18px;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item:first-child {
    height: 49px;
    padding-top: 0;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon {
    width: 26px;
    height: 26px;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon
    img {
    width: 100%;
    height: 100%;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name {
    font-family: Rubik-500;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #f5f5f5;
    margin-left: 12px;
    flex: 1;
    overflow: hidden;
  }
  .Night.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name
    .nav-container-drop-box-item-name-describe {
    font-family: Rubik-400;
    font-size: 12px;
    line-height: 14px;
    color: #bfbfbf;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .Night.navPage .nav-container .nav-item .nav-container-text {
    color: #f5f5f5;
    font-family: Rubik-500;
    font-weight: 500;
    font-size: 17px;
    line-height: 64px;
    display: block;
    background-color: #141414;
    padding: 0 19px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-item-setting
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    height: 32px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-item-setting
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item:first-child {
    height: 32px;
    padding-top: 6px;
  }
  .Night.navPage
    .nav-container
    .nav-item.nav-item-setting
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon {
    height: 16px;
    width: 16px;
  }
  .Night.navPage .nav-container .nav-item .nav-container-drop-box-item-hot,
  .Night.navPage .nav-container .nav-item .nav-item-hot {
    display: none;
  }
}
.navPage.Night .nav-container-drop-box-item-drop-icon,
.navPage.Night .nav-container-drop-box-item-icon {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 7px;
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Spot,
.navPage.Night .nav-container-drop-box-item-icon.Spot {
  background-image: url(/image/nav/night/Spot.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Deposit,
.navPage.Night .nav-container-drop-box-item-icon.Deposit {
  background-image: url(/image/nav/night/Deposit.svg);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.C2C,
.navPage.Night .nav-container-drop-box-item-icon.C2C {
  background-image: url(/image/nav/night/C2C.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Web3,
.navPage.Night .nav-container-drop-box-item-icon.Web3 {
  background-image: url(/image/nav/night/Web3.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Margin,
.navPage.Night .nav-container-drop-box-item-icon.Margin {
  background-image: url(/image/nav/night/Margin.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Future,
.navPage.Night .nav-container-drop-box-item-icon.Future {
  background-image: url(/image/nav/night/Future.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Preference,
.navPage.Night .nav-container-drop-box-item-icon.Preference {
  background-image: url(/image/nav/night/Preference.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.API,
.navPage.Night .nav-container-drop-box-item-icon.API {
  background-image: url(/image/nav/night/API.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Invite,
.navPage.Night .nav-container-drop-box-item-icon.Invite {
  background-image: url(/image/nav/night/Invite.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Rewards,
.navPage.Night .nav-container-drop-box-item-icon.Rewards {
  background-image: url(/image/nav/night/Rewards.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.authentication,
.navPage.Night .nav-container-drop-box-item-icon.authentication {
  background-image: url(/image/nav/night/authentication.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.Account,
.navPage.Night .nav-container-drop-box-item-icon.Account {
  background-image: url(/image/nav/night/Account.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.CRM,
.navPage.Night .nav-container-drop-box-item-icon.CRM {
  background-image: url(/image/nav/night/CRM.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.wallet,
.navPage.Night .nav-container-drop-box-item-icon.wallet {
  background-image: url(/image/nav/night/wallet.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.language,
.navPage.Night .nav-container-drop-box-item-icon.language {
  background-image: url(/image/nav/night/language.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.rate,
.navPage.Night .nav-container-drop-box-item-icon.rate {
  background-image: url(/image/nav/night/rate.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.download,
.navPage.Night .nav-container-drop-box-item-icon.download {
  background-image: url(/image/nav/night/download.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.game,
.navPage.Night .nav-container-drop-box-item-icon.game {
  background-image: url(/image/nav/night/game.png);
}
.navPage.Night .nav-container-drop-box-item-drop-icon.fiat,
.navPage.Night .nav-container-drop-box-item-icon.fiat {
  background-image: url(/image/nav/night/fiat.png);
}
.navPage.Night .navthemeClass:before {
  content: "\e61f";
}
.Light.navPage {
  height: 64px;
  color: #141414;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  font-family: Rubik;
}
.Light.navPage a,
.Light.navPage a:hover {
  text-decoration: none;
}
.Light.navPage dl,
.Light.navPage li,
.Light.navPage ol,
.Light.navPage ul {
  list-style: none;
  margin-bottom: 0;
}
.Light.navPage img {
  vertical-align: middle;
}
@media (min-width: 1279px) {
  .Light.navPage .logo-container {
    display: inline-block;
    padding-right: 30px;
    padding-left: 30px;
    white-space: nowrap;
  }
  .Light.navPage .logo-container .logo-container-text {
    font-size: 0;
    font-family: Rubik;
    font-weight: 900;
    color: #7cb400;
    opacity: 1;
    display: inline;
    line-height: inherit;
  }
  .Light.navPage .logo-container .logo-container-text img {
    height: 22px;
    vertical-align: text-bottom;
  }
  .Light.navPage .logo-container .logo-container-img {
    display: none;
  }
  .Light.navPage .logo-container img {
    vertical-align: top;
  }
  .Light.navPage .logo-container .login-and-register,
  .Light.navPage .logo-container .logo-user-info {
    display: none;
  }
  .Light.navPage .nav-container {
    height: 64px;
    display: flex;
    align-items: center;
    flex-grow: 1;
  }
  .Light.navPage .nav-container .nav-list {
    display: flex;
    flex-grow: 1;
  }
  .Light.navPage .nav-container .nav-list .nav-item {
    position: relative;
    display: flex;
    align-items: center;
  }
  .Light.navPage .nav-container .nav-list .nav-item.home-in,
  .Light.navPage .nav-container .nav-list .nav-item.nav-item-setting {
    display: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item.flexible
    .nav-container-text {
    padding: 0 21px;
  }
  .Light.navPage .nav-container .nav-list .nav-item.divider {
    color: #d9d9d9;
    padding: 0 12px;
  }
  .Light.navPage .nav-container .nav-list .nav-item .nav-icon {
    color: #141414;
    display: inline-block;
    font-weight: 100;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    background-color: #f5f5f5;
  }
  .Light.navPage .nav-container .nav-list .nav-item .el-icon-caret-bottom {
    color: #141414;
  }
  .Light.navPage .nav-container .nav-list .nav-item .el-icon-caret-bottom,
  .Light.navPage .nav-container .nav-list .nav-item .nav-icon-border-none {
    width: auto;
    height: auto;
    border-radius: none;
    text-align: center;
    line-height: auto;
    background-color: transparent;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .expand-el-icon-caret-bottom-none {
    display: none;
  }
  .Light.navPage .nav-container .nav-list .nav-item .nav-container-text {
    padding: 0 6.5px;
    color: #141414;
    cursor: pointer;
    white-space: pre;
    line-height: 64px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop {
    height: 64px;
    display: inline-block;
    line-height: 64px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop.nav-have-right-icon {
    padding-right: 5px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop
    .nav-icon {
    font-size: 18px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-text.nav-container-text-drop
    .nav-icon.el-icon-caret-bottom {
    font-size: 14px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-download
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.dis-hover {
    height: auto;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-download
    .download-txt {
    display: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-network
    .networkStatus1 {
    color: #48b5a0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-network
    .networkStatus3 {
    color: #f05f5f;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item.nav-item-network
    .networkStatus2 {
    color: #ef9c2b;
  }
  .Light.navPage .nav-container .nav-list .nav-item.nav-item-logout {
    display: none;
  }
  .Light.navPage .nav-container .nav-list .nav-item .nav-container-drop {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 10px rgba(5, 14, 1, 0.1);
    right: 0;
    min-width: 200px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop.left-align {
    left: 0;
    right: auto;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box {
    padding: 22px 0;
    display: flex;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box.nav-container-drop-box_download {
    padding: 15px;
    border-radius: 10px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box.nav-container-drop-box_download
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    padding: 0;
    display: block;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list {
    font-size: 0;
    flex: 1;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list.border-right {
    border-right: 1px solid #d9d9d9;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list.language-rate
    .nav-container-drop-box-item {
    height: 30px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-tabs {
    display: flex;
    padding: 2px 16px;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    color: #9fa4b4;
    margin-bottom: 10px;
    min-width: 280px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-tabs
    .nav-container-drop-box-tabs-item {
    text-align: left;
    line-height: 30px;
    height: 30px;
    flex: 1;
    cursor: pointer;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-tabs
    .nav-container-drop-box-tabs-item-checked {
    font-weight: 700;
    color: #141414;
    box-sizing: border-box;
    font-weight: 900;
    font-size: 15px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #758093;
    padding-left: 30px;
    margin-bottom: 10px;
    text-align: left;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    font-size: 14px;
    font-weight: 500;
    color: #141414;
    cursor: pointer;
    width: 100%;
    height: 65px;
    background: #fff;
    opacity: 1;
    padding: 16px 30px;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon {
    width: 32px;
    height: 32px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon
    img {
    width: 100%;
    height: 100%;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name {
    font-family: Rubik-500;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #141414;
    margin-left: 12px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name
    .nav-container-drop-box-item-name-describe {
    font-family: Rubik-400;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #434343;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-hotspot {
    height: 100%;
    width: 100%;
    height: 46px;
    line-height: 46px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    a {
    color: #141414;
    white-space: nowrap;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    img {
    margin-right: 10px;
    height: 28px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo {
    min-width: 410px;
    display: block;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo.hide {
    display: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo.userinfo-head,
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    img {
    height: auto;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified {
    display: inline-block;
    margin-left: 11px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .certified {
    padding: 0 10px;
    height: 20px;
    line-height: 22px;
    border-radius: 4px;
    font-family: Rubik-400;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .not-certified {
    background: rgba(250, 140, 22, 0.2);
    color: #fa8c16;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .not-certified
    img {
    vertical-align: text-top;
    margin-right: 4px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .certified1 {
    background: #fa8c16;
    color: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.userinfo
    .userinfo-detail-certified
    .certified2 {
    background: #7cb400;
    color: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.hover-arrow {
    position: relative;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.hover-arrow:hover
    .nav-container-drop-box-item-hotspot:before {
    opacity: 1;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.hover-arrow
    .nav-container-drop-box-item-hotspot:before {
    content: "\e622";
    font-family: iconfont !important;
    font-size: 15px;
    font-style: normal;
    position: absolute;
    right: 18px;
    top: 0;
    z-index: 2;
    color: #141414;
    font-weight: 600;
    opacity: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav {
    position: relative;
    padding: 5px;
    background-color: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav
    img {
    margin-right: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav
    #download_qr_code_nav
    img {
    width: 100%;
    height: 100%;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    #download_qr_nav
    .download_qr_code_logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    padding: 2px;
    border-radius: 2px;
    background-color: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .download_desc {
    font-size: 12px;
    font-weight: 400;
    color: #141414;
    margin: 10px 0;
    text-align: center;
    white-space: normal;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item:hover {
    background: #f5f5f5;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.dis-hover {
    height: auto;
    line-height: normal;
    color: #151c26;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.dis-hover:hover {
    background: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.adapt-height {
    height: 65px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.logout-btn:hover {
    background: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.logout-btn
    .exitBox {
    border-top: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer;
    color: #fa541c;
    font-size: 14px;
    font-weight: 500;
    margin-top: 22px;
    padding-top: 22px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-row1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-left {
    display: flex;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip {
    cursor: pointer;
    display: inline-block;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .arrow-right-icon {
    font-size: 15px;
    font-weight: 600;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    img {
    width: 27px;
    margin-right: 0;
    vertical-align: text-bottom;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level {
    font-family: Rubik-600;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level.vip1 {
    color: #a3a3a6;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level.vip2 {
    color: #639900;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-detail-right
    .level-info-vip
    .vip-level.vip3 {
    color: #d4b106;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-avatar {
    margin-right: 8px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-avatar
    img {
    height: 44px;
    width: 44px;
    border-radius: 44px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t {
    font-family: Rubik-500;
    font-size: 14px;
    color: #141414;
    height: 26px;
    line-height: 26px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t
    span {
    margin-right: 4px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-b {
    font-size: 14px;
    color: #9fa4b4;
    opacity: 1;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    border-radius: 11px;
    font-family: Rubik-400;
    font-weight: 400;
    background-color: #f5f5f5;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-b
    .copy-icon {
    font-size: 14px;
    margin-left: 9px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info {
    padding: 24px 0;
    margin-top: 19px;
    border-radius: 4px;
    font-family: Rubik-400;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee {
    line-height: 22px;
    font-size: 14px;
    font-family: Rubik-400;
    color: #434343;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item {
    display: flex;
    justify-content: space-between;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item:first-child {
    margin-bottom: 8px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item
    i {
    font-style: normal;
    margin-right: 8px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 46px;
    margin-top: 24px;
    width: 240px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row.setPartCon1Row2 {
    display: block;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row
    .setPartCon1Row-checkBox {
    display: flex;
    justify-content: space-between;
    width: 250px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row
    .setPartCon1Row-checkBox
    div {
    font-size: 13px;
    font-weight: 500;
    color: #212a39;
    width: 113px;
    height: 36px;
    background: #fff;
    border: 1px solid #eff0f2;
    opacity: 1;
    border-radius: 6px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .setPartCon1Row
    .setPartCon1Row-checkBox
    .setPartCon1Row-checkBox-checked {
    width: 113px;
    height: 36px;
    background: rgba(116, 153, 251, 0.1);
    border: 1px solid #7499fb;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #7499fb;
    opacity: 1;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow {
    width: 280px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    width: 100%;
    color: #141414;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText.messageText-title {
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    white-space: normal;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText.messageText-content {
    overflow: visible;
    overflow: initial;
    color: #9fa4b4;
    text-overflow: clip;
    white-space: normal;
    margin: 6px 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageText
    .dot {
    width: 6px;
    height: 6px;
    background: #ff636c;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .messagePartListRow
    .messageTime {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #141414;
    margin-top: 4px;
    cursor: pointer;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .moreBtn {
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #7cb400;
    opacity: 1;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow {
    width: 275px;
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
    padding: 0 13px;
    height: 46px;
    cursor: pointer;
    line-height: 46px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    justify-content: space-between;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow.actived {
    border: 1px solid #7cb400;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkPartListRowCol1 {
    width: 20px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .gouIcon {
    width: 13px;
    height: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkPartListRowCol2 {
    font-size: 14px;
    font-weight: 400;
    width: 140px;
    display: flex;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkStatus1 {
    padding: 0 7px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #52c41a;
    text-align: center;
    border-radius: 10px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkStatus3 {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fa541c;
    text-align: center;
    border-radius: 10px;
    padding: 0 7px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .networkPartListRow
    .networkStatus2 {
    padding: 0 7px;
    height: 20px;
    color: #fa8c16;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item.network-mind {
    padding-bottom: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select {
    height: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #d9d9d9;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select
    .network-mind-select-left {
    width: 210px;
    white-space: normal;
    color: #141414;
    font-size: 10px;
    font-weight: 400;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select
    .network-mind-select-left
    .network-mind-select-tips {
    font-size: 15px;
    font-family: Rubik-600;
    font-weight: 600;
    margin-bottom: 4px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .network-mind-select
    .el-switch.is-checked
    .el-switch__core {
    background: #7cb400 !important;
    border-color: #7cb400 !important;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .languageRateItem {
    width: 120px;
    display: flex;
    justify-content: space-between;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .languageRateItem.selected {
    color: #7cb400;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item {
    height: 46px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item
    img {
    height: 18px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets {
    width: 318px;
    height: auto;
    align-items: flex-start;
    font-family: Rubik;
    color: #141414;
    padding-top: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-box {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    padding-bottom: 20px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets:hover {
    background: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row1 {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row2 {
    font-weight: 500;
    font-family: Rubik-500;
    font-size: 28px;
    line-height: 24px;
    margin: 8px 2px 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row2
    span {
    font-family: Rubik-400;
    font-weight: 400;
    font-size: 16px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.total-assets
    .total-assets-row3 {
    font-family: Rubik-400;
    font-weight: 400;
    font-size: 16px;
    line-height: 13px;
    color: #434343;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit {
    height: auto;
    align-items: flex-start;
    font-family: Rubik;
    color: #141414;
    padding-bottom: 0;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit:hover {
    background: none;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box {
    display: flex;
    padding-top: 20px;
    border-top: 1px solid #d9d9d9;
    width: 100%;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    > a {
    width: 118px;
    height: 28px;
    line-height: 28px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #7cb400;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    > a
    i {
    margin-right: 2px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    .otc-guide {
    margin-right: 22px;
    background-color: #7cb400;
    color: #f5f5f5;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nav-container-drop
    .nav-container-drop-box
    .assets.nav-container-drop-box-list
    .nav-container-drop-box-item.guide-deposit
    .guide-deposit-box
    .deposit-guide {
    color: #7cb400;
    background-color: transparent;
  }
  .Light.navPage .nav-container .nav-list .nav-item .login-and-register {
    display: flex;
    flex-direction: row;
    font-family: Rubik-500;
    align-items: center;
    padding: 0 13px;
    font-size: 14px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .loginBtn {
    color: #141414;
    box-sizing: content-box;
    box-sizing: initial;
    background: transparent;
    opacity: 1;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    white-space: nowrap;
    width: 96px;
    text-align: center;
    margin-right: 16px;
    transition: all 0.2s;
    border: 1px solid #f0f0f0;
    border-radius: 18px;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .loginBtn:hover {
    background-color: #262626;
    color: #f5f5f5;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .regBtn {
    padding: 0 23px;
    line-height: 36px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    height: 36px;
    background: #141414;
    border-radius: 18px;
    color: #f5f5f5;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .regBtn
    .reg-icon {
    fill: #f5f5f5;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .login-and-register
    .regBtn:hover {
    background: #262626;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .nav-container-text,
  .Light.navPage .nav-container .nav-list .nav-item:hover .nav-container-text {
    color: #7cb400;
    transition: all 0.3s;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .nav-container-text
    .nav-icon,
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item:hover
    .nav-container-text
    .nav-icon {
    color: #7cb400;
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .el-icon-caret-bottom,
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item:hover
    .el-icon-caret-bottom {
    color: #7cb400;
    transform: rotateX(180deg);
  }
  .Light.navPage
    .nav-container
    .nav-list
    .nav-item
    .nuxt-link-exact-active
    .nav-container-drop,
  .Light.navPage .nav-container .nav-list .nav-item:hover .nav-container-drop {
    opacity: 1;
    pointer-events: auto;
    z-index: 1500;
  }
  .Light.navPage .nav-container .nav-list .nav-null {
    flex-grow: 1;
    order: 199;
  }
  .Light.navPage .action-container {
    display: none;
  }
}
@media (max-width: 1279px) {
  .Light.navPage {
    padding: 0 19px;
    color: #141414;
  }
  .Light.navPage .logo-container .logo-container-text {
    display: none;
  }
  .Light.navPage .logo-container .logo-container-img img {
    height: 20px;
  }
  .Light.navPage .action-container {
    font-weight: 700;
  }
  .Light.navPage .action-container span {
    color: #212a39;
  }
  .Light.navPage .action-container .user-img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-right: 19px;
  }
  .Light.navPage .nav-container {
    display: none;
  }
  .Light.navPage .nav-container.nav-container-expand {
    display: block;
    position: absolute;
    background: #f5f5f5;
    color: #141414;
    width: 100%;
    top: 64px;
    left: 0;
    z-index: 1940;
  }
  .Light.navPage .nav-container .nav-item {
    margin-bottom: 1px;
  }
  .Light.navPage .nav-container .nav-item.nav-hide {
    display: none;
  }
  .Light.navPage .nav-container .nav-item.nav-hide.expand-userInfo {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1950;
    display: block;
    background: #f5f5f5;
    height: 100%;
  }
  .Light.navPage .nav-container .nav-item.nav-hide.expand-userInfo > div {
    white-space: normal !important;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop-box-list {
    margin-top: 0;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-text {
    display: none;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop {
    background: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail {
    padding: 0 19px 20px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified {
    display: inline-block;
    margin-left: 11px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .certified {
    padding: 0 6px;
    height: 20px;
    line-height: 24px;
    border-radius: 4px;
    font-family: Rubik-400;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: default;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .not-certified {
    background: rgba(250, 140, 22, 0.2);
    color: #fa8c16;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .not-certified
    img {
    vertical-align: text-top;
    margin-right: 4px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .certified1 {
    background: #fa8c16;
    color: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail-certified
    .certified2 {
    background: #7cb400;
    color: #fff;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-detail-row1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    white-space: normal;
    height: 78px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-detail-left {
    display: flex;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-avatar {
    margin-right: 8px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-avatar
    img {
    height: 44px;
    width: 44px;
    border-radius: 44px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t {
    font-size: 14px;
    font-weight: 500;
    color: #141414;
    height: 26px;
    line-height: 26px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-t
    span {
    margin-right: 4px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .userinfo-box-name
    .userinfo-box-name-b {
    font-size: 12px;
    font-weight: 400;
    color: #9fa4b4;
    opacity: 1;
    height: 22px;
    line-height: 22px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info {
    padding: 0;
    margin-top: 19px;
    font-family: Rubik-400;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip {
    cursor: pointer;
    display: inline-block;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    img {
    width: 16px;
    margin-right: 0;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level.vip1 {
    color: #a3a3a6;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level.vip2 {
    color: #639900;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-vip
    .vip-level.vip3 {
    color: #d4b106;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-fee {
    margin-top: 14px;
    line-height: 22px;
    font-size: 14px;
    font-family: Rubik-400;
    color: #434343;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item {
    display: flex;
    justify-content: space-between;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .userinfo-detail
    .level-info
    .level-info-fee
    .level-info-fee-item
    i {
    font-style: normal;
    margin-right: 8px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .nav-container-drop-box-item-hotspot {
    padding: 0 19px;
    font-size: 12px;
    height: 46px;
    line-height: 46px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-hide.expand-userInfo
    .nav-container-drop
    .nav-container-drop-box
    .logout-btn {
    height: 58px;
    line-height: 58px;
    color: #fa541c;
    font-family: Rubik-500;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #f5f5f5;
    margin-top: 6px;
  }
  .Light.navPage .nav-container .nav-item .nav-item-more {
    font-size: 0;
  }
  .Light.navPage .nav-container .nav-item .nav-item-more i.nav-icon {
    display: none;
  }
  .Light.navPage .nav-container .nav-item .nav-item-more .nav-container-drop {
    background-color: #fff;
    font-family: Rubik-500;
    font-size: 12px;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list {
    margin: 0;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    font-size: 14px;
    font-weight: 500;
    color: #141414;
    cursor: pointer;
    width: 100%;
    height: 65px;
    background: #fff;
    opacity: 1;
    padding: 16px 18px;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item:first-child {
    height: 49px;
    padding-top: 0;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon {
    width: 26px;
    height: 26px;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon
    img {
    width: 100%;
    height: 100%;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name {
    font-family: Rubik-500;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #141414;
    margin-left: 12px;
    flex: 1;
    overflow: hidden;
  }
  .Light.navPage
    .nav-container
    .nav-item
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-name
    .nav-container-drop-box-item-name-describe {
    font-family: Rubik-400;
    font-size: 12px;
    line-height: 14px;
    color: #434343;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .Light.navPage .nav-container .nav-item .nav-container-text {
    color: #141414;
    font-family: Rubik-500;
    font-weight: 500;
    font-size: 17px;
    line-height: 64px;
    display: block;
    background-color: #fff;
    padding: 0 19px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-item-setting
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item {
    height: 32px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-item-setting
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item:first-child {
    height: 32px;
    padding-top: 6px;
  }
  .Light.navPage
    .nav-container
    .nav-item.nav-item-setting
    .nav-item-more
    .nav-container-drop
    .nav-container-drop-box-list
    .nav-container-drop-box-item
    .nav-container-drop-box-item-icon {
    height: 16px;
    width: 16px;
  }
  .Light.navPage .nav-container .nav-item .nav-container-drop-box-item-hot,
  .Light.navPage .nav-container .nav-item .nav-item-hot {
    display: none;
  }
}
.navPage.Light .nav-container-drop-box-item-drop-icon,
.navPage.Light .nav-container-drop-box-item-icon {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
  margin-right: 7px;
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Spot,
.navPage.Light .nav-container-drop-box-item-icon.Spot {
  background-image: url(/image/nav/light/Spot.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Deposit,
.navPage.Light .nav-container-drop-box-item-icon.Deposit {
  background-image: url(/image/nav/light/Deposit.svg);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.C2C,
.navPage.Light .nav-container-drop-box-item-icon.C2C {
  background-image: url(/image/nav/light/C2C.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Web3,
.navPage.Light .nav-container-drop-box-item-icon.Web3 {
  background-image: url(/image/nav/light/Web3.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Margin,
.navPage.Light .nav-container-drop-box-item-icon.Margin {
  background-image: url(/image/nav/light/Margin.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Future,
.navPage.Light .nav-container-drop-box-item-icon.Future {
  background-image: url(/image/nav/light/Future.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Preference,
.navPage.Light .nav-container-drop-box-item-icon.Preference {
  background-image: url(/image/nav/light/Preference.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.API,
.navPage.Light .nav-container-drop-box-item-icon.API {
  background-image: url(/image/nav/light/API.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Invite,
.navPage.Light .nav-container-drop-box-item-icon.Invite {
  background-image: url(/image/nav/light/Invite.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Rewards,
.navPage.Light .nav-container-drop-box-item-icon.Rewards {
  background-image: url(/image/nav/light/Rewards.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.authentication,
.navPage.Light .nav-container-drop-box-item-icon.authentication {
  background-image: url(/image/nav/light/authentication.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.Account,
.navPage.Light .nav-container-drop-box-item-icon.Account {
  background-image: url(/image/nav/light/Account.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.CRM,
.navPage.Light .nav-container-drop-box-item-icon.CRM {
  background-image: url(/image/nav/light/CRM.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.wallet,
.navPage.Light .nav-container-drop-box-item-icon.wallet {
  background-image: url(/image/nav/light/wallet.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.language,
.navPage.Light .nav-container-drop-box-item-icon.language {
  background-image: url(/image/nav/light/language.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.rate,
.navPage.Light .nav-container-drop-box-item-icon.rate {
  background-image: url(/image/nav/light/rate.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.download,
.navPage.Light .nav-container-drop-box-item-icon.download {
  background-image: url(/image/nav/light/download.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.game,
.navPage.Light .nav-container-drop-box-item-icon.game {
  background-image: url(/image/nav/light/game.png);
}
.navPage.Light .nav-container-drop-box-item-drop-icon.fiat,
.navPage.Light .nav-container-drop-box-item-icon.fiat {
  background-image: url(/image/nav/light/fiat.png);
}
.navPage.Light .navthemeClass:before {
  content: "\e620";
}
@media (max-width: 1279px) {
  .appExpand .Alert,
  .appExpand .Content,
  .appExpand .Footer,
  .appExpand .layoutPart,
  .appExpand .Main {
    display: none;
  }
}
.switchLanguageDialog .language-list {
  list-style: none;
  padding: 0 12px;
}
.switchLanguageDialog .language-list li {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}
.navPage.sign-layout {
  height: 98px;
  padding-top: 0;
  background: #fff;
  border-bottom: none;
}
.navPage.sign-layout .nav-container .nav-list .nav-item .nav-icon {
  color: #141414;
}
.grantsName1 {
  opacity: 0.6;
  display: inline-block;
}
.grantsName1:hover {
  opacity: 1;
}
.serviceNoticeDialog .el-dialog__body {
  padding: 10px 24px 24px;
}
.serviceNoticeDialog .serviceNoticeDialogCon .tipPart {
  width: 352px;
  margin: 0 auto 24px;
}
.serviceNoticeDialog .serviceNoticeDialogCon .knowBtn {
  height: 36px;
  line-height: 36px;
  background: #7499fb;
  border-radius: 6px;
  font-size: 15px;
  font-family: DIN;
  font-weight: 500;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding: 0 8px;
  margin-top: 30px;
}
.canNotServiceDialog .el-dialog__header {
  display: none !important;
}
.canNotServiceDialog .canNotServiceDialogCon .tipPart {
  width: 352px;
  margin: 0 auto 24px;
}
.canNotServiceDialog .canNotServiceDialogCon .knowBtn {
  height: 36px;
  line-height: 36px;
  background: #7499fb;
  border-radius: 6px;
  font-size: 15px;
  font-family: DIN;
  font-weight: 500;
  color: #fff;
  text-align: center;
  cursor: pointer;
  padding: 0 8px;
  margin-top: 30px;
}
#recaptcha-container-el-dialog {
  z-index: 999999999 !important;
}
.geetest_box_logo,
.geetest_feedback,
.geetest_logo {
  display: none !important;
}
.Light .arealimitdialogWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}
@media (min-width: 1279px) {
  .Light .arealimitdialogWrapper .arealimit-box {
    width: 452px !important;
    max-width: 100% !important;
  }
}
.Light .arealimitdialogWrapper .arealimit-box {
  width: 355px;
  max-width: 100%;
  background-color: #f5f5f5;
  border-radius: 10px;
  color: #141414;
}
.Light .arealimitdialogWrapper .arealimit-box .head {
  height: 52px;
  line-height: 52px;
  font-family: Rubik-900;
  padding: 0 16px;
  font-size: 17px;
}
.Light .arealimitdialogWrapper .arealimit-box .content {
  padding: 24px 16px;
  background-color: #fff;
  border-radius: 10px;
  font-family: Rubik-400;
  font-size: 15px;
}
.Light .arealimitdialogWrapper .arealimit-box .content .icon {
  height: 120px;
  width: 100%;
  background-image: url(/image/components/arealimit/icon.png);
  background-position: 50%;
  background-size: 95px;
  background-repeat: no-repeat;
}
.Night .arealimitdialogWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}
@media (min-width: 1279px) {
  .Night .arealimitdialogWrapper .arealimit-box {
    width: 452px !important;
    max-width: 100% !important;
  }
}
.Night .arealimitdialogWrapper .arealimit-box {
  width: 355px;
  max-width: 100%;
  background-color: #1f1f1f;
  border-radius: 10px;
  color: #f5f5f5;
}
.Night .arealimitdialogWrapper .arealimit-box .head {
  height: 52px;
  line-height: 52px;
  font-family: Rubik-900;
  padding: 0 16px;
  font-size: 17px;
}
.Night .arealimitdialogWrapper .arealimit-box .content {
  padding: 24px 16px;
  background-color: #141414;
  border-radius: 10px;
  font-family: Rubik-400;
  font-size: 15px;
}
.Night .arealimitdialogWrapper .arealimit-box .content .icon {
  height: 120px;
  width: 100%;
  background-image: url(/image/components/arealimit/icon-night.png);
  background-position: 50%;
  background-size: 95px;
  background-repeat: no-repeat;
}
#tip-container-el-dialog {
  z-index: 999999999 !important;
}
#tip-container-el-dialog #tip-container {
  font-size: 14px;
  font-weight: 500;
  word-break: break-word;
}
#tip-container-el-dialog #tip-container .changeInfo div {
  margin: 10px 0;
}
.Night .successDialog .el-dialog {
  width: 488px;
}
.Night .successDialog .el-dialog .el-dialog__header {
  height: 30px !important;
  background: #141414 !important;
}
.Night .successDialog .el-dialog .el-dialog__header .el-dialog__close {
  color: #bfbfbf !important;
}
.Night .successDialog .el-dialog .el-dialog__body {
  text-align: center;
  word-break: break-word;
  background: #141414 !important;
}
.Night .successDialog .el-dialog img {
  width: 157px;
  margin: 0 auto;
  text-align: center;
}
.Night .successDialog .el-dialog .floatImg {
  width: 157px;
  transform: rotate(-12deg);
}
.Night .successDialog .el-dialog .dialog_text {
  margin-top: 32px;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  color: #f5f5f5;
}
.Night .successDialog .el-dialog .reward_text {
  margin-top: 18px;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 160%;
  color: #f5f5f5;
}
.Night .successDialog .el-dialog .back {
  cursor: pointer;
  margin-top: 24px;
  width: 100%;
  height: 40px;
  background: #9dcc27;
  border-radius: 4px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #f5f5f5;
}
.Light .successDialog .el-dialog {
  width: 488px;
}
.Light .successDialog .el-dialog .el-dialog__header {
  height: 30px !important;
  background: #fff !important;
}
.Light .successDialog .el-dialog .el-dialog__header .el-dialog__close {
  color: #434343 !important;
}
.Light .successDialog .el-dialog .el-dialog__body {
  text-align: center;
  word-break: break-word;
  background: #fff !important;
}
.Light .successDialog .el-dialog img {
  width: 157px;
  margin: 0 auto;
  text-align: center;
}
.Light .successDialog .el-dialog .floatImg {
  width: 157px;
  transform: rotate(-12deg);
}
.Light .successDialog .el-dialog .dialog_text {
  margin-top: 32px;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  color: #141414;
}
.Light .successDialog .el-dialog .reward_text {
  margin-top: 18px;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 160%;
  color: #141414;
}
.Light .successDialog .el-dialog .back {
  cursor: pointer;
  margin-top: 24px;
  width: 100%;
  height: 40px;
  background: #7cb400;
  border-radius: 4px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #fff;
}
@media screen and (max-width: 1279px) {
  .successDialog .el-dialog .floatImg {
    right: 131px !important;
  }
}
.ex-loading-box[data-v-2e395f59] {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 2;
  left: 0;
}
.ex-loading-box .loading[data-v-2e395f59] {
  border-radius: 50%;
  border: 4px solid #d9d9d9;
  border-top-color: #7cb400;
  width: 40px;
  height: 40px;
  -webkit-animation: spin-data-v-2e395f59 1s linear infinite;
  animation: spin-data-v-2e395f59 1s linear infinite;
}
.ex-loading-box .loading.medium[data-v-2e395f59] {
  width: 60px;
  height: 60px;
}
.ex-loading-box .loading.mini[data-v-2e395f59] {
  width: 20px;
  height: 20px;
}
.ex-loading-box .loading.big[data-v-2e395f59] {
  width: 80px;
  height: 80px;
}
@-webkit-keyframes spin-data-v-2e395f59 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes spin-data-v-2e395f59 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media (min-width: 1279px) {
  .Light .ex-ToastBox {
    display: flex;
    align-items: center;
    width: 330px;
    min-height: 64px;
    box-sizing: border-box;
    position: fixed;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
      bottom 0.3s;
    overflow: hidden;
    z-index: 99999;
    background-color: #fff;
    top: 124px;
    right: 16px;
  }
  .Light .message {
    padding: 22px 25px;
    font-family: Rubik-500;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    flex: 1;
    word-break: break-word;
  }
  .Light .type-info {
    color: #597ef7;
    border: 1px solid #597ef7;
  }
  .Light .type-info .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #597ef7;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAiCAYAAAB88ahoAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgB5VLBCoAgDJ0uD92jCPr/b6tDt26SNsHFmoa3Lg3mnnu8TfABvIQReKYcM96ZWCgnqbC5DnpUlys656BQcDNVxjwKpCLhTiv0cqjukGSxQ8c/CGPMWSVijJsmMB3e+8Nai5R9CCHSfYUPou1E+tK2E+m5N4GSSIZ4OFFi9u5JDawpNm6w4gIeVBnF7/pxhAAAAABJRU5ErkJggg==);
    background-size: 3px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Light .type-success {
    color: #52c41a;
    border: 1px solid #52c41a;
  }
  .Light .type-success .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #52c41a;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGeSURBVHgB5ZfRS4NQFMaP2XSFBqu1KAiCIPr//5sFewlfesqHqUzRdT71jrvbdep202AffBy9m5cf38GjEv1T2TS+PPYz+569ZSdYtGhc3bFflLUvdnBB40kHBT2w7UsaRzuoyWSy90OWZSj2GIk1QkGO46Rc0qET+wUlw1mWlUdRtMTxkIk1QqFyUgIqLSFpGGmhxDGSCsMQUIm4QJcYZtsVVfNlECjP8/agynVlEwC9st36PGZ/sHP6Ayi0z3XdZRAEiXqhOvnfJahyH/YN+5uqqTwIFCS30lGghK7Zb9Tv8XUSFCSPi1w3VyAeegKuS1tPhoLkFLZFUZBt2z424Uo4L/9UHXdpqxEoFQxaT6dTVF9sJgA7wBmD0oGhbes6MV+BOgRnFEoLJuB83wdEF7hb01DQwck/n88fGfKphiVN3VB9J5uEagVrg1NlCgpqnU1xHDe2VQbCmikoqPNDXJecLJNQvcBUOJ1MQUG9vpJEWzFK5FaahoKOeh9Dclx2yeHVxSQUdNR3JZKbzWYpgDi5cLFYfK5Wqw2dg34AtA/659X9CNMAAAAASUVORK5CYII=);
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Light .type-warning {
    color: #fa8c16;
    border: 1px solid #fa8c16;
  }
  .Light .type-warning .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #fa8c16;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJrSURBVHgBxVYNj9JAEJ22WKGxyDdIMDlDNPFn8O/5BRgTEwSECx9HPU6+CgXfkHLBZbdsUY+XENrZ6e7MmzfTGnQd7EKhcLfdblPh/U/gHv8+xYRB8WFns9lPlmW9PjUGQbD2PO8LX1IMWBQTyLxkmmZWtMOWcBxnt1gsflEMmBQPNn7ViPVq6PN/AiiVSu8v+bA2KAa0A0in07ndbpfRcHWLxeIb0oR2ABBdVdcX3XFHmvrScgKt72TCSyQSD2CFVf9HR8QRpA4DSuHlcrkBdPHdMIyz1oOtTBqCvMhAJpOpISNHsjTodDqP4/E4QLY8T1xh3YTdAQsPUftHMoCB8xY0F0Q79OA3Go3R8X4ymYzYJtnioiAjGUilUh+5nqLdtu1es9mcn5j2sK3hmxN9MSHd1Wo1orgBqIQHPA2Hwx+iEYeswTiXQSZIUglSVQIbkedlCyw6xTOUTCZ7MnsoSGmyUiMLD7VPi3a03LDb7XqkwGw22yIICweKdTdRogRYehSfOWOgVqulVMKrVCrKWh4xnU7vZW3Je8oEeRbAfD6vkwTYYNBqtXTe9wHqPpAt7Pf7amQAPO/F9zyDs+/3+5H9fAqIlJl6kiy55XK5pArAVs37fD7/lWICZZCyAB3xGc/ae75QCY/nfbvd1s7+CLSdrxIk7MZyuZwdbkKjrRIez3u6EipBQiPloyAPAYDiumKPoabwVLgoSIOFhx79IDqEkX+jf4DNZlMHw2cj3ff9toHsP+Mwh24AsLAwb3U4g882OQq6EQ4MoC+vVvnfAu04svg1ig8PHx+SNih5RS8Aztx13W6v1/N+A1qm3laYgZX8AAAAAElFTkSuQmCC);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Light .type-danger {
    color: #fa541c;
    border: 1px solid #fa541c;
  }
  .Light .type-danger .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #fa541c;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgBvZbLboMwEEUNgTyQmkYtatVFhbrpX2SVz80XpbuuuknToKIQ5UXvIA8yjo2BSB1pZMdhfHzNeIwQ/2Se0n+Sfob/wr9kv6+9wB/lHN8MeoC/aQ/u4B+iHyyBx+qAL9vY8HAEf4cPxI0QskC2wzAMryKOxyPD2iqrIPp8vNoB7I4fuFwuPEh9ipjCf+CFC0LxFKcbj2RDWBAEEQMkpC2sgrAxkBz9vEKfTqcUg8SLNIgLVoMwgFvMl6dpuqppJNhkMhmi2xZ2BVFbxOSbzWaF7tnX92C73X56nrc2BcqWE6QRggXni8WihNBvT1hsNpslRVGUGYTsE2qrmwkyn89Xy+WyylTrGdnv99Zt7AppVGRSZlPlgjQqMikrA5TUV89ME6SVIlaFM1Z7X7oiLGiXZZm1gjgVjcfjBKuOeeWsSHUybC944fRwOBgPte/gJL7vW5Ww8X/YzggH1FiIm0AJVhiLjgZlxqrv94HgfeWoImvb/4i9gplAxvtEhVB2UQVpggntPhuYIIaaVbaj0aiWwpT6VIVJAR9oMlNtHLggrsPIMKnAWogZRB8Sz10hKsxV9Rn0GspZu0LawjgZzrdA2JquGPWb4Z5vxj4Ql7I/MosgH338gxEAAAAASUVORK5CYII=);
    background-size: 17px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Light .left-icon {
    display: inline-block;
    width: 40px;
  }
  .Light .bg-info {
    background-color: #909399;
  }
  .Light .bg-success {
    background-color: #24a96b !important;
  }
  .Light .bg-warning {
    background-color: #f9c808 !important;
  }
  .Light .bg-danger {
    background-color: #eb6366 !important;
  }
  .Light .outside-circle {
    min-width: 28px;
    min-height: 28px;
    background: #fff;
    margin: auto 16px auto 10px;
  }
  .Light .m-box,
  .Light .outside-circle {
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .Light .m-box {
    width: 20px;
    height: 20px;
  }
  .Light .fade-enter-active .fade-leave-active {
    transition: all 0.5s;
    right: 16px;
  }
  .Light .fade-enter {
    opacity: 0;
    right: -350px;
  }
  .Light .fade-leave-to {
    top: -100px;
  }
}
@media (max-width: 1279px) {
  .Light .ex-ToastBox {
    position: fixed;
    top: 50vh;
    left: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    z-index: 999999;
  }
  .Light .ex-ToastBox .left-icon {
    display: none;
  }
  .Light .ex-ToastBox .message {
    font-family: Rubik-500;
    font-weight: 500;
    padding: 6px 20px;
    color: #fff;
    background-color: #000;
    border-radius: 6px;
    display: inline-block;
  }
  .Light .fade-enter-active,
  .Light .fade-leave-active {
    transition: opacity 0.5s;
  }
  .Light .fade-enter,
  .Light .fade-leave-to {
    opacity: 0;
  }
}
@media (min-width: 1279px) {
  .Night .ex-ToastBox {
    display: flex;
    align-items: center;
    width: 330px;
    min-height: 64px;
    box-sizing: border-box;
    position: fixed;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
      bottom 0.3s;
    overflow: hidden;
    z-index: 99999;
    background-color: #141414;
    top: 124px;
    right: 16px;
  }
  .Night .message {
    padding: 22px 25px;
    font-family: Rubik-500;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    flex: 1;
    word-break: break-word;
  }
  .Night .type-info {
    color: #597ef7;
    border: 1px solid #597ef7;
  }
  .Night .type-info .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #597ef7;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAiCAYAAAB88ahoAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgB5VLBCoAgDJ0uD92jCPr/b6tDt26SNsHFmoa3Lg3mnnu8TfABvIQReKYcM96ZWCgnqbC5DnpUlys656BQcDNVxjwKpCLhTiv0cqjukGSxQ8c/CGPMWSVijJsmMB3e+8Nai5R9CCHSfYUPou1E+tK2E+m5N4GSSIZ4OFFi9u5JDawpNm6w4gIeVBnF7/pxhAAAAABJRU5ErkJggg==);
    background-size: 3px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Night .type-success {
    color: #52c41a;
    border: 1px solid #52c41a;
  }
  .Night .type-success .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #52c41a;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGeSURBVHgB5ZfRS4NQFMaP2XSFBqu1KAiCIPr//5sFewlfesqHqUzRdT71jrvbdep202AffBy9m5cf38GjEv1T2TS+PPYz+569ZSdYtGhc3bFflLUvdnBB40kHBT2w7UsaRzuoyWSy90OWZSj2GIk1QkGO46Rc0qET+wUlw1mWlUdRtMTxkIk1QqFyUgIqLSFpGGmhxDGSCsMQUIm4QJcYZtsVVfNlECjP8/agynVlEwC9st36PGZ/sHP6Ayi0z3XdZRAEiXqhOvnfJahyH/YN+5uqqTwIFCS30lGghK7Zb9Tv8XUSFCSPi1w3VyAeegKuS1tPhoLkFLZFUZBt2z424Uo4L/9UHXdpqxEoFQxaT6dTVF9sJgA7wBmD0oGhbes6MV+BOgRnFEoLJuB83wdEF7hb01DQwck/n88fGfKphiVN3VB9J5uEagVrg1NlCgpqnU1xHDe2VQbCmikoqPNDXJecLJNQvcBUOJ1MQUG9vpJEWzFK5FaahoKOeh9Dclx2yeHVxSQUdNR3JZKbzWYpgDi5cLFYfK5Wqw2dg34AtA/659X9CNMAAAAASUVORK5CYII=);
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Night .type-warning {
    color: #fa8c16;
    border: 1px solid #fa8c16;
  }
  .Night .type-warning .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #fa8c16;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJrSURBVHgBxVYNj9JAEJ22WKGxyDdIMDlDNPFn8O/5BRgTEwSECx9HPU6+CgXfkHLBZbdsUY+XENrZ6e7MmzfTGnQd7EKhcLfdblPh/U/gHv8+xYRB8WFns9lPlmW9PjUGQbD2PO8LX1IMWBQTyLxkmmZWtMOWcBxnt1gsflEMmBQPNn7ViPVq6PN/AiiVSu8v+bA2KAa0A0in07ndbpfRcHWLxeIb0oR2ABBdVdcX3XFHmvrScgKt72TCSyQSD2CFVf9HR8QRpA4DSuHlcrkBdPHdMIyz1oOtTBqCvMhAJpOpISNHsjTodDqP4/E4QLY8T1xh3YTdAQsPUftHMoCB8xY0F0Q79OA3Go3R8X4ymYzYJtnioiAjGUilUh+5nqLdtu1es9mcn5j2sK3hmxN9MSHd1Wo1orgBqIQHPA2Hwx+iEYeswTiXQSZIUglSVQIbkedlCyw6xTOUTCZ7MnsoSGmyUiMLD7VPi3a03LDb7XqkwGw22yIICweKdTdRogRYehSfOWOgVqulVMKrVCrKWh4xnU7vZW3Je8oEeRbAfD6vkwTYYNBqtXTe9wHqPpAt7Pf7amQAPO/F9zyDs+/3+5H9fAqIlJl6kiy55XK5pArAVs37fD7/lWICZZCyAB3xGc/ae75QCY/nfbvd1s7+CLSdrxIk7MZyuZwdbkKjrRIez3u6EipBQiPloyAPAYDiumKPoabwVLgoSIOFhx79IDqEkX+jf4DNZlMHw2cj3ff9toHsP+Mwh24AsLAwb3U4g882OQq6EQ4MoC+vVvnfAu04svg1ig8PHx+SNih5RS8Aztx13W6v1/N+A1qm3laYgZX8AAAAAElFTkSuQmCC);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Night .type-danger {
    color: #fa541c;
    border: 1px solid #fa541c;
  }
  .Night .type-danger .left-icon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    width: 40px;
    background-color: #fa541c;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHUSURBVHgBvZbLboMwEEUNgTyQmkYtatVFhbrpX2SVz80XpbuuuknToKIQ5UXvIA8yjo2BSB1pZMdhfHzNeIwQ/2Se0n+Sfob/wr9kv6+9wB/lHN8MeoC/aQ/u4B+iHyyBx+qAL9vY8HAEf4cPxI0QskC2wzAMryKOxyPD2iqrIPp8vNoB7I4fuFwuPEh9ipjCf+CFC0LxFKcbj2RDWBAEEQMkpC2sgrAxkBz9vEKfTqcUg8SLNIgLVoMwgFvMl6dpuqppJNhkMhmi2xZ2BVFbxOSbzWaF7tnX92C73X56nrc2BcqWE6QRggXni8WihNBvT1hsNpslRVGUGYTsE2qrmwkyn89Xy+WyylTrGdnv99Zt7AppVGRSZlPlgjQqMikrA5TUV89ME6SVIlaFM1Z7X7oiLGiXZZm1gjgVjcfjBKuOeeWsSHUybC944fRwOBgPte/gJL7vW5Ww8X/YzggH1FiIm0AJVhiLjgZlxqrv94HgfeWoImvb/4i9gplAxvtEhVB2UQVpggntPhuYIIaaVbaj0aiWwpT6VIVJAR9oMlNtHLggrsPIMKnAWogZRB8Sz10hKsxV9Rn0GspZu0LawjgZzrdA2JquGPWb4Z5vxj4Ql7I/MosgH338gxEAAAAASUVORK5CYII=);
    background-size: 17px auto;
    background-repeat: no-repeat;
    background-position: 50%;
  }
  .Night .left-icon {
    display: inline-block;
    width: 40px;
  }
  .Night .bg-info {
    background-color: #909399;
  }
  .Night .bg-success {
    background-color: #24a96b !important;
  }
  .Night .bg-warning {
    background-color: #f9c808 !important;
  }
  .Night .bg-danger {
    background-color: #eb6366 !important;
  }
  .Night .outside-circle {
    min-width: 28px;
    min-height: 28px;
    background: #fff;
    margin: auto 16px auto 10px;
  }
  .Night .m-box,
  .Night .outside-circle {
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .Night .m-box {
    width: 20px;
    height: 20px;
  }
  .Night .fade-enter-active .fade-leave-active {
    transition: all 0.5s;
    right: 16px;
  }
  .Night .fade-enter {
    opacity: 0;
    right: -350px;
  }
  .Night .fade-leave-to {
    top: -100px;
  }
}
@media (max-width: 1279px) {
  .Night .ex-ToastBox {
    position: fixed;
    top: 50vh;
    left: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    z-index: 999999;
  }
  .Night .ex-ToastBox .left-icon {
    display: none;
  }
  .Night .ex-ToastBox .message {
    font-family: Rubik-500;
    font-weight: 500;
    padding: 6px 20px;
    color: #fff;
    background-color: #000;
    border-radius: 6px;
    display: inline-block;
  }
  .Night .fade-enter-active,
  .Night .fade-leave-active {
    transition: opacity 0.5s;
  }
  .Night .fade-enter,
  .Night .fade-leave-to {
    opacity: 0;
  }
}
.input-box .input-content {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3px;
}
.input-box .input-content input {
  color: inherit;
  font-family: inherit;
  border: 0;
  outline: 0;
  width: 52.6px;
  height: 30px;
  border-radius: 8px;
  background: hsla(0, 0%, 95.7%, 0.7);
  font-size: 44px;
  padding: 25px 0;
  font-size: 20px;
  text-align: center;
}
.input-box .input-content input:focus {
  border: 1px solid #7cb400;
  border-radius: 8px;
}
.input-box input::-webkit-inner-spin-button,
.input-box input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.input-box .no-number,
.input-box .no-number input[type="number"] {
  -moz-appearance: textfield;
}
.DialogWrapper[data-v-778f0697] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999999;
}
.DialogWrapper .Dialog[data-v-778f0697] {
  margin: 0 auto 50px;
  background: #fff;
}
.DialogWrapper .Dialog .websea-cont[data-v-778f0697],
.DialogWrapper .Dialog[data-v-778f0697] {
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  z-index: 99999999;
  border-radius: 4px;
}
.DialogWrapper .Dialog .websea-cont[data-v-778f0697] {
  background-color: #fff;
}
.DialogWrapper .Dialog .websea-cont .websea-title[data-v-778f0697] {
  width: 100%;
  line-height: 70px;
  color: #151c26;
  padding-left: 30px;
  border-radius: 4px;
}
.DialogWrapper .Dialog .websea-cont .Dialog_body[data-v-778f0697] {
  padding: 30px 20px;
  word-wrap: break-word;
  text-align: left;
  font-size: 14px;
}
.DialogWrapper .Dialog .websea-cont .Dialog_footer[data-v-778f0697] {
  padding: 10px 20px 20px;
  box-sizing: border-box;
}
.DialogWrapper .Dialog .websea-cancel[data-v-778f0697] {
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
}
.DialogWrapper .Dialog .cancel-icon[data-v-778f0697] {
  position: absolute;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  transition: 0.5s;
}
.DialogWrapper .Dialog .cancel-icon[data-v-778f0697]:hover {
  transform: rotate(90deg);
}
.fade-enter-active[data-v-778f0697],
.fade-leave-active[data-v-778f0697] {
  transition: opacity 0.3s;
}
.fade-enter[data-v-778f0697],
.fade-leave-to[data-v-778f0697] {
  opacity: 0;
}
.SafetyVerificationWrapper {
  position: fixed;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.SafetyVerificationWrapper .securityInput_wrap {
  position: relative;
  max-width: 368px;
  height: 44px;
  background: #f5f5f5;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.SafetyVerificationWrapper .securityInput_wrap .securityInput {
  width: 100%;
  outline: none;
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #141414;
}
.SafetyVerificationWrapper .resetTips {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #7cb400;
  cursor: pointer;
}
.SafetyVerificationWrapper-registerBox {
  width: 368px;
  border-radius: 16px;
  margin: 0 auto 3px;
  opacity: 0.98000002;
  background: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
}
.SafetyVerificationWrapper-registerBox-Title {
  text-align: center;
  align-self: flex-start;
  font-size: 24px;
  line-height: 28px;
}
.SafetyVerificationWrapper-registerBox-Title,
.SafetyVerificationWrapper-registerBox .register_title {
  margin-top: 36px;
  margin-bottom: 24px;
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  display: flex;
  align-items: flex-end;
  color: #141414;
}
.SafetyVerificationWrapper-registerBox .register_title {
  font-size: 15px;
  line-height: 18px;
}
.SafetyVerificationWrapper-registerBox-VerificationWays {
  width: 100%;
  height: unset !important;
  display: flex;
  margin: 0 auto 24px 0;
  border-bottom: 1px solid #d9d9d9;
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  line-height: 18px;
  color: #141414;
}
.SafetyVerificationWrapper-registerBox-VerificationWays div {
  cursor: pointer;
  position: relative;
  padding-bottom: 6px;
}
.SafetyVerificationWrapper-registerBox-VerificationWays div:nth-last-child(1n) {
  margin-right: 32px;
}
.SafetyVerificationWrapper-registerBox-tips {
  font-size: 12px;
  font-weight: 400;
  font-family: Rubik-400;
  color: #758093;
  display: flex;
  flex-direction: column;
  width: 100%;
  word-break: break-all;
  justify-content: space-around;
}
.SafetyVerificationWrapper-registerBox-verification {
  color: #758093;
  font-size: 12px;
  font-weight: 400;
  font-family: Rubik-400;
  margin-left: 98px;
  margin-bottom: 16px;
  width: 100%;
}
.SafetyVerificationWrapper-registerBox-smsverification {
  color: #758093;
  font-size: 12px;
  font-weight: 400;
  font-family: Rubik-400;
  margin-bottom: 8px;
  width: 100%;
  text-align: left;
  display: flex;
  position: relative;
  height: 25px;
}
.SafetyVerificationWrapper-registerBox-smsverification-getCodeBtn {
  position: absolute;
  right: 5px;
  font-size: 14px;
  color: #7499fb;
  cursor: pointer;
  top: 0;
  padding: 0 5px;
}
.SafetyVerificationWrapper-registerBox-smsverification-getCodeBtn:hover {
  color: #5874ce;
}
.SafetyVerificationWrapper-registerBox-smsverification .account_text {
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #a3a3a6;
  mix-blend-mode: normal;
}
.SafetyVerificationWrapper-registerBox-Code {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
}
.SafetyVerificationWrapper-registerBox-Code img {
  width: 100%;
}
.SafetyVerificationWrapper-registerBox-registerForm {
  width: 100%;
  flex: 1;
}
.SafetyVerificationWrapper-registerBox-registerForm-mobileverification {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 9px;
  font-family: Rubik-400;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #a3a3a6;
}
.SafetyVerificationWrapper-registerBox-registerForm-mobileverification-getCodeBtn {
  font-size: 14px;
  color: #7499fb;
  display: flex;
  font-family: DIN-400;
  align-items: center;
  justify-content: flex-end;
  padding: 0 5px;
  position: absolute;
  right: 5px;
}
.SafetyVerificationWrapper-registerBox-registerForm-mobileverification-getCodeBtn:hover {
  color: #5874ce;
}
.SafetyVerificationWrapper-registerBox-registerForm-mobileverification-getCodeBtn
  .clickStyle {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  color: #7cb400;
}
.SafetyVerificationWrapper-registerBox-registerForm-mobileverification-getCodeBtn
  .disClickStyle {
  font-family: Rubik-500;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: right;
  color: #a3a3a6;
  mix-blend-mode: normal;
}
.SafetyVerificationWrapper-registerBox-registerForm-mobileverification
  .googleInput
  .el-form-item__content
  .el-input
  .el-input__inner {
  width: 100%;
  height: 44px !important;
  line-height: 44px !important;
  border: 1px solid #d9d9d9 !important;
  color: #141414;
  font-size: 15px;
  font-family: Rubik-500;
  font-weight: 500;
  background: #f5f5f5;
  border-radius: 8px !important;
}
.SafetyVerificationWrapper-registerBox-registerForm-noAccount {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: -15px;
}
.SafetyVerificationWrapper-registerBox-registerForm-noAccount span {
  color: #7499fb;
  font-size: 12px;
  font-weight: 400;
  font-family: Rubik-400;
  cursor: pointer;
}
.SafetyVerificationWrapper-registerBox-registerForm-VoiceCode {
  width: 100%;
  text-align: right;
  font-size: 14px;
  color: #7499fb;
  cursor: pointer;
}
.SafetyVerificationWrapper-registerBox-des {
  color: #151c26;
  font-size: 14px;
  font-weight: 400;
  font-family: Rubik-400;
  text-align: center;
  width: 100%;
  margin: 48px auto 40px;
}
.SafetyVerificationWrapper .show-pwd {
  position: absolute;
  right: 10px;
  top: 20px;
  height: 48px;
  font-size: 16px;
  color: #758093;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.SafetyVerificationWrapper .btnGroup {
  display: inline-flex;
  position: absolute;
  right: 15px;
  top: 33px;
  height: 48px;
  justify-content: space-between;
  align-items: center;
}
.SafetyVerificationWrapper .one {
  right: -30px;
}
.SafetyVerificationWrapper .smsCode {
  color: #7499fb;
  line-height: 1.5;
  white-space: nowrap;
}
.SafetyVerificationWrapper .emailCode,
.SafetyVerificationWrapper .smsCode {
  font-family: DIN;
  font-size: 14px;
  cursor: pointer;
  justify-content: center;
  display: flex;
  align-items: center;
}
.SafetyVerificationWrapper .emailCode {
  color: #7499fb !important;
  height: 48px;
  top: 33px !important;
}
.SafetyVerificationWrapper .voiceCode {
  color: #7499fb;
  font-size: 14px;
  cursor: pointer;
  font-family: DIN;
  justify-content: center;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.SafetyVerificationWrapper .line {
  height: 25px;
  margin: 0 5px;
  width: 1px;
  background: #e8eceb;
}
.SafetyVerificationWrapper .forgetAlert {
  padding-left: 16px;
  border-radius: 8px;
}
.SafetyVerificationWrapper .cancel-icon {
  position: absolute;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: 20px;
  top: 20px;
  cursor: pointer;
  transition: 0.5s;
}
.SafetyVerificationWrapper .cancel-icon:hover {
  transform: rotate(90deg);
}
.SafetyVerificationWrapper .active1 {
  border-bottom: 3px solid #7cb400;
  font-family: Rubik-900;
  font-style: normal;
  font-weight: 900;
  font-size: 15px;
  color: #7cb400;
}
.SafetyVerificationWrapper .fade-enter-active,
.SafetyVerificationWrapper .fade-leave-active {
  transition: opacity 0.3s;
}
.SafetyVerificationWrapper .fade-enter,
.SafetyVerificationWrapper .fade-leave-to {
  opacity: 0;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-form-item__error {
  position: relative;
  color: #ff636c;
  padding-top: 8px;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-form-item {
  margin-bottom: 18px;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-input-group__prepend {
  background: hsla(0, 0%, 95.7%, 0.7) !important;
  border: none !important;
  color: #151c26 !important;
  width: 25% !important;
  z-index: 999999;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-button--primary {
  height: 48px !important;
  border: none !important;
  box-shadow: 0 30px 60px 0 rgba(255, 102, 68, 0.1) !important;
  border-radius: 8px !important;
  background: #7cb400 !important;
  font-family: Rubik-500 !important;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #fff !important;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-button--primary:hover {
  background: #b6d94c !important;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-input-group__prepend:after {
  content: " ";
  position: absolute;
  border-right: 1px solid #dcdfe6;
  top: 28%;
  right: 0;
  height: 50%;
  margin-top: auto;
  margin-bottom: auto;
}
.SafetyVerificationWrapper
  .SafetyVerificationWrapper-registerBox-registerForm
  .el-input
  .el-input__inner {
  height: 42px !important;
}
.SafetyVerificationWrapper .el-button--primary {
  height: 48px !important;
  border: none !important;
  border-radius: 8px !important;
  background: #7cb400 !important;
  font-family: Rubik-500 !important;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #fff !important;
}
.SafetyVerificationWrapper .el-button--primary:hover {
  background: #b6d94c !important;
}
@media screen and (max-width: 1279px) {
  .SafetyVerificationWrapper-registerBox {
    width: 335px;
  }
}
.ex-alert[data-v-23981c90] {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: transparent;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition-duration: 0.3s;
  perspective: 2000;
  -webkit-perspective: 2000;
}
.ex-alert .ex-alert-centent[data-v-23981c90] {
  position: relative;
  margin: 0 auto;
  top: 30vh;
  transform: scale(0.5);
  max-width: 400px;
  width: 90%;
  height: 193px;
  padding-bottom: 24px;
  background-color: #fff;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.17, 0.99, 0.46, 0.99);
}
.ex-alert .ex-alert-header[data-v-23981c90] {
  padding: 16px 0 16px 16px;
  background: #f5f5f5;
  font-family: Rubik;
  font-style: normal;
  font-weight: 900;
  font-size: 17px;
  line-height: 20px;
  display: flex;
  align-items: flex-end;
  color: #141414;
}
.ex-alert .ex-alert-cancel[data-v-23981c90] {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.ex-alert .ex-alert-msg[data-v-23981c90] {
  display: flex;
  align-items: center;
  padding: 60px 16px;
  font-weight: 400;
  font-family: Rubik;
  font-style: normal;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #141414;
}
.ex-alert .ex-alert-msg-Left[data-v-23981c90] {
  text-align: left;
}
.ex-alert .ex-alert-btn_box[data-v-23981c90] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 14px;
  padding: 0 10px;
}
.ex-alert .ex-alert-btn_box .button[data-v-23981c90] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32%;
  height: 44px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  margin-left: 0;
}
.ex-alert .ex-alert-btn_box .confirm[data-v-23981c90] {
  border: none;
  color: #fff;
  width: 57%;
  min-height: 44px;
  background: #7cb400;
  border-radius: 6px;
}
.ex-alert.show[data-v-23981c90] {
  background-color: rgba(0, 0, 0, 0.5);
}
.ex-alert.show .ex-alert-centent[data-v-23981c90] {
  transform: scale(1);
  opacity: 1;
}
.global[data-v-23981c90] {
  font-size: 24px;
  padding-right: 16px;
}
.info[data-v-23981c90] {
  color: #909399;
}
.success[data-v-23981c90] {
  color: #2bbd89;
}
.warning[data-v-23981c90] {
  color: #f9c808;
}
.danger[data-v-23981c90] {
  color: #ff636c;
}
.btn[data-v-074a0d04] {
  color: #fff;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin: 0 0 0 10px;
  font-size: 14px;
  border-radius: 8px;
}
.btn[data-v-074a0d04],
.btn[data-v-074a0d04]:hover {
  background: #7cb400;
}
.warning[data-v-074a0d04] {
  background: #f9c808;
}
.warning[data-v-074a0d04]:hover {
  background: rgba(230, 162, 60, 0.8);
}
.success[data-v-074a0d04] {
  background: #2bbd89;
}
.success[data-v-074a0d04]:hover {
  background: rgba(43, 189, 137, 0.8);
}
.danger[data-v-074a0d04] {
  background: #ff636c;
}
.danger[data-v-074a0d04]:hover {
  background: rgba(255, 99, 108, 0.8);
}
.loading-status[data-v-074a0d04] {
  pointer-events: none;
  opacity: 0.7;
}
.loading[data-v-074a0d04] {
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
  -webkit-animation: spin-data-v-074a0d04 2s linear infinite;
  animation: spin-data-v-074a0d04 2s linear infinite;
}
@-webkit-keyframes spin-data-v-074a0d04 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes spin-data-v-074a0d04 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a,
a:hover {
  color: inherit;
}
.Alert {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 48px;
  width: 100%;
  line-height: 48px;
  text-align: center;
  z-index: 999;
  display: flex;
  align-items: center;
}
.Alert span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  font-family: DIN;
}
.Alert i {
  opacity: 1;
  position: absolute;
  right: 15px;
  cursor: pointer;
  font-size: 16px;
}
@media screen and (max-width: 1280px) {
  .Alert {
    height: auto;
    line-height: 0;
  }
  .Alert a {
    width: 100%;
  }
  .Alert span {
    font-size: 14px;
    line-height: 20px;
    overflow: auto;
    white-space: pre-wrap;
    display: inline-block;
    width: 88%;
    text-align: left;
    padding: 6px 0;
  }
  .Alert i {
    right: 10px;
  }
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
@media (min-width: 1280px) {
  .select-option-dialog {
    display: none;
  }
}
@media (max-width: 1279px) {
  .select-option-dialog {
    display: block;
  }
  .select-option-dialog .el-select-dropdown__item {
    list-style: none;
  }
  .select-option-dialog .el-select-dropdown__item.selected {
    color: #7cb400 !important;
  }
  .Light body .ex-select,
  .Night body .ex-select {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
    border: none !important;
  }
}
@media (max-width: 760px) {
  .addressSelect .el-select-dropdown__item {
    white-space: normal;
    overflow: visible;
    overflow: initial;
    text-overflow: clip;
    min-height: 34px;
    height: auto;
    line-height: normal;
    margin-bottom: 10px;
  }
}