
html,body{
    overflow-x: hidden;
}
.bc-dw-record {
  margin-bottom: 95px;
}
.bc-dw-record header {
  -ms-flex-pack: space-between;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 48px 0 24px;
}
.bc-dw-record header h1 {
  margin: 0;
}
.bc-dw-record header > div {
  text-align: right;
}
.bc-dw-record header > div a {
  color: #1aa64a;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.bc-dw-record header > div .no-email {
  color: #212833;
  margin-right: 8px;
}
.bc-back a {
  color: #848e9c;
}
.bc-back a span {
  margin-left: 8px;
}
[data-tooltips] {
  display: inline-block;
  position: relative;
}
[data-tooltips]:after,
[data-tooltips]:before {
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateZ(0);
  transition: 0.3s ease;
  transition-delay: 0ms;
  visibility: hidden;
  z-index: 1000000;
}
[data-tooltips]:before {
  background: transparent;
  border: 6px solid transparent;
  content: "";
  position: absolute;
  z-index: 1000001;
}
[data-tooltips]:after {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
  color: #212833;
  content: attr(data-tooltips);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  padding: 8px 10px;
  white-space: pre;
}
[data-tooltips]:hover:after,
[data-tooltips]:hover:before {
  opacity: 1;
  transition-delay: 0.1s;
  visibility: visible;
}
[data-tooltips=""]:after,
[data-tooltips=""]:before {
  display: none !important;
}
.tooltips-top-left:before,
.tooltips-top-right:before,
.tooltips-top:before {
  border-top-color: #fff;
}
.tooltips-bottom-left:before,
.tooltips-bottom-right:before,
.tooltips-bottom:before {
  border-bottom-color: #fff;
}
.tooltips-left:before {
  border-left-color: #fff;
}
.tooltips-right:before {
  border-right-color: #fff;
}
.tooltips-top:after {
  transform: translateX(-50%);
}
.tooltips-top:after,
.tooltips-top:before {
  bottom: 100%;
  left: 50%;
}
.tooltips-top:before {
  left: calc(50% - 6px);
  margin-bottom: -11px;
}
.tooltips-top:focus:before,
.tooltips-top:hover:before {
  transform: translateY(-8px);
}
.tooltips-top:focus:after,
.tooltips-top:hover:after {
  transform: translateX(-50%) translateY(-8px);
}
.tooltips-bottom:after,
.tooltips-bottom:before {
  left: 50%;
  top: 100%;
}
.tooltips-bottom:before {
  left: calc(50% - 6px);
  margin-top: -11px;
}
.tooltips-bottom:after {
  transform: translateX(-50%);
}
.tooltips-bottom:focus:before,
.tooltips-bottom:hover:before {
  transform: translateY(8px);
}
.tooltips-bottom:focus:after,
.tooltips-bottom:hover:after {
  transform: translateX(-50%) translateY(8px);
}
.tooltips-right:after,
.tooltips-right:before {
  bottom: 50%;
  left: 100%;
}
.tooltips-right:before {
  margin-bottom: -6px;
  margin-left: -11px;
}
.tooltips-right:after {
  margin-bottom: -14px;
}
.tooltips-right:focus:after,
.tooltips-right:focus:before,
.tooltips-right:hover:after,
.tooltips-right:hover:before {
  transform: translateX(8px);
}
.tooltips-left:after,
.tooltips-left:before {
  bottom: 50%;
  right: 100%;
}
.tooltips-left:before {
  margin-bottom: -6px;
  margin-right: -11px;
}
.tooltips-left:after {
  margin-bottom: -14px;
}
.tooltips-left:focus:after,
.tooltips-left:focus:before,
.tooltips-left:hover:after,
.tooltips-left:hover:before {
  transform: translateX(-8px);
}
.tooltips-top-left:after,
.tooltips-top-left:before {
  bottom: 100%;
  left: 50%;
}
.tooltips-top-left:before {
  left: calc(50% - 6px);
  margin-bottom: -11px;
}
.tooltips-top-left:after {
  margin-left: 12px;
  transform: translateX(-100%);
}
.tooltips-top-left:focus:before,
.tooltips-top-left:hover:before {
  transform: translateY(-8px);
}
.tooltips-top-left:focus:after,
.tooltips-top-left:hover:after {
  transform: translateX(-100%) translateY(-8px);
}
.tooltips-top-right:after,
.tooltips-top-right:before {
  bottom: 100%;
  left: 50%;
}
.tooltips-top-right:before {
  left: calc(50% - 6px);
  margin-bottom: -11px;
}
.tooltips-top-right:after {
  margin-left: -12px;
  transform: translateX(0);
}
.tooltips-top-right:focus:after,
.tooltips-top-right:focus:before,
.tooltips-top-right:hover:after,
.tooltips-top-right:hover:before {
  transform: translateY(-8px);
}
.tooltips-bottom-left:after,
.tooltips-bottom-left:before {
  bottom: 100%;
  left: 50%;
}
.tooltips-bottom-left:before {
  left: calc(50% - 6px);
  margin-top: -11px;
}
.tooltips-bottom-left:after {
  margin-left: 12px;
  transform: translateX(-100%);
}
.tooltips-bottom-left:focus:before,
.tooltips-bottom-left:hover:before {
  transform: translateY(8px);
}
.tooltips-bottom-left:focus:after,
.tooltips-bottom-left:hover:after {
  transform: translateX(-100%) translateY(8px);
}
.tooltips-bottom-right:before {
  left: calc(50% - 6px);
  margin-top: -11px;
}
.tooltips-bottom-right:after,
.tooltips-bottom-right:before {
  bottom: 100%;
  left: 50%;
}
.tooltips-bottom-right:after {
  margin-left: -12px;
  transform: translateX(0);
}
.tooltips-bottom-right:focus:after,
.tooltips-bottom-right:focus:before,
.tooltips-bottom-right:hover:after,
.tooltips-bottom-right:hover:before {
  transform: translateY(8px);
}
.tooltips-small:after {
  line-height: 1.4em;
  white-space: normal;
  width: 200px;
}
.tooltips-medium:after {
  line-height: 1.4em;
  white-space: normal;
  width: 380px;
}
.tooltips-large:after {
  line-height: 1.4em;
  white-space: normal;
  width: 450px;
}
.tooltips-w260:after {
  line-height: 1.4em;
  white-space: normal;
  width: 260px;
}
.tooltips-always:after,
.tooltips-always:before {
  opacity: 1;
  visibility: visible;
}
.tooltips-always.tooltips-top:before {
  transform: translateY(-8px);
}
.tooltips-always.tooltips-top:after {
  transform: translateX(-50%) translateY(-8px);
}
.tooltips-always.tooltips-top-left:before {
  transform: translateY(-8px);
}
.tooltips-always.tooltips-top-left:after {
  transform: translateX(-100%) translateY(-8px);
}
.tooltips-always.tooltips-top-right:after,
.tooltips-always.tooltips-top-right:before {
  transform: translateY(-8px);
}
.tooltips-always.tooltips-bottom:before {
  transform: translateY(8px);
}
.tooltips-always.tooltips-bottom:after {
  transform: translateX(-50%) translateY(8px);
}
.tooltips-always.tooltips-bottom-left:before {
  transform: translateY(8px);
}
.tooltips-always.tooltips-bottom-left:after {
  transform: translateX(-100%) translateY(8px);
}
.tooltips-always.tooltips-bottom-right:after,
.tooltips-always.tooltips-bottom-right:before {
  transform: translateY(8px);
}
.tooltips-always.tooltips-left:after,
.tooltips-always.tooltips-left:before {
  transform: translateX(-8px);
}
.tooltips-always.tooltips-right:after,
.tooltips-always.tooltips-right:before {
  transform: translateX(8px);
}
.bc-left-menu {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 0 4px rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
  width: 200px;
}
.bc-body {
  min-height: 700px;
  padding: 0 32px;
  position: relative;
}
.bc-body h1 {
  color: #212833;
  font-size: 32px;
  margin: 40px 0 24px;
}
.bc-center {
  margin: 0 auto;
}
.bc-fixed-w1260 {
  margin: 0 auto;
  width: 1260px;
}
.bc-w1260 {
  max-width: 1260px;
}
.bc-center-w1260 {
  margin: 0 auto;
  max-width: 1260px;
}
.bc-center-w1136 {
  margin: 0 auto;
  max-width: 1136px;
}
.bc-center-w1360 {
  margin: 0 auto;
  max-width: 1360px;
}
.bc-block-center {
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.bc-block-center,
.bc-column-center {
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
}
.bc-column-center {
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.bc-popup-bg {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  left: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
}
.bc-popup-bg .box {
  background: #1e2026;
  border-radius: 4px;
  position: relative;
}
.futures-date-picker--dark {
  background-color: #333 !important;
  border: 1px solid #333 !important;
}
.futures-date-picker--dark .mx-btn {
  color: #fff !important;
}
.futures-date-picker--dark .mx-calendar-content .cell.disabled {
  background-color: #333 !important;
  color: #383838 !important;
}
.futures-date-picker--dark .cell {
  color: #fff !important;
}
.futures-date-picker--dark .cell:hover {
  background-color: #333 !important;
  color: #1aa64a !important;
}
.futures-date-picker--dark .cell.active {
  background-color: #76808f !important;
  color: #fff !important;
}
.futures-date-picker--dark .cell.active:hover {
  background-color: #474d57 !important;
  color: #1aa64a !important;
}
.futures-date-picker--dark .cell.in-range {
  background-color: #474d57 !important;
  color: #fff !important;
}
.futures-date-picker--dark .cell.in-range:hover {
  color: #1aa64a !important;
}
.futures-date-picker--dark .not-current-month {
  color: #383838 !important;
}
.futures-date-picker--dark .mx-calendar + .mx-calendar {
  border: 1px solid #333 !important;
}
.bc-font-small-ex {
  font-size: 12px;
}
.bc-font-small {
  font-size: 13px;
}
.bc-font-base {
  font-size: 14px;
}
.bc-font-medium {
  font-size: 16px;
}
.bc-font-large {
  font-size: 18px;
}
.bc-font-large-ex {
  font-size: 20px;
}
.bc-font-large-medium {
  font-size: 24px;
}
.bc-font-large-max {
  font-size: 32px;
}
.bc-line-height-0 {
  line-height: 1;
}
.bc-line-height-small {
  line-height: 1.3;
}
.bc-line-height-base {
  line-height: 1.5;
}
.bc-line-height-medium {
  line-height: 1.7;
}
.bc-line-height-max {
  line-height: 2;
}
.bc-bold-500 {
  font-weight: 500;
}
.bc-bold-600 {
  font-weight: 600;
}
.bc-bold-700 {
  font-weight: 700;
}
.bc-bold-800 {
  font-weight: 800;
}
.bc-bold-900 {
  font-weight: 900;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-6 {
  z-index: 6;
}
.z-7 {
  z-index: 7;
}
.z-8 {
  z-index: 8;
}
.z-9 {
  z-index: 9;
}
.bc-btn {
  background: none;
  border: 1px solid #e6e8ea;
  border-radius: 4px;
  color: #1e2026;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1.3;
  outline: none;
  padding: 10px 14px;
  text-align: center;
}
.bc-btn.is-disable {
  background: #f5f5f5;
  color: #ccc;
  cursor: not-allowed !important;
}
.bc-btn-initial {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}
.bc-btn-light-yellow {
  border: 1px solid #1aa64a;
  color: #1aa64a;
}
.bc-btn-green {
  background: linear-gradient(358.06deg, #1aa64a 5.66%, #2fba57 93.97%);
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  outline: none;
  text-align: center;
}

.bc-btn-green:hover {
  background: #1fb653;
}
.bc-btn-green.is-disable {
  cursor: not-allowed;
  opacity: 0.3;
}
.bc-btn-border-green {
  background: #fff;
  border: 1px solid #1aa64a;
  border-radius: 4px;
  color: #1aa64a;
  cursor: pointer;
  outline: none;
  text-align: center;
}
.bc-btn-border-green:hover {
  background: linear-gradient(358.06deg, #1aa64a 5.66%, #2fba57 93.97%);
  color: #fff;
}
.bc-btn-yellow {
  background: linear-gradient(358.06deg, #1aa64a 5.66%, #2fba57 93.97%);
  border: none;
  color: #fff !important;
  padding: 11px 14px;
}
.bc-btn-border-yellow {
  background: #fff;
  border: 1px solid #fcb200;
  border-radius: 4px;
  color: #fcb200;
  cursor: pointer;
  outline: none;
  text-align: center;
}
.bc-btn-border-yellow:hover,
.bc-btn-drak-yellow {
  background: linear-gradient(358.06deg, #1aa64a 5.66%, #2fba57 93.97%);
  color: #fff;
}
.bc-btn-drak-yellow {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  text-align: center;
}
.bc-btn-drak-yellow:hover {
  background: #1fb653;
}
.bc-btn-disable {
  background: #f5f5f5;
  color: #ccc;
  cursor: not-allowed !important;
}
.bc-btn.bc-btn-hover:hover {
  background-color: #3c2e10;
  border-color: #6a4c0c;
}
.bc-btn.bc-btn-buy {
  background: #02c076;
  border: none;
  color: #fff;
  cursor: pointer;
}
.bc-btn.bc-btn-buy:hover {
  background: #2ed191;
}
.bc-btn.bc-btn-sell {
  background: #f84960;
  border: none;
  color: #fff;
  cursor: pointer;
}
.bc-btn.bc-btn-sell:hover {
  background: #fc6e75;
}
.bc-border-bottom-gray {
  border-bottom: 1px solid #eaecef;
}
.bc-border-bottom-dotted span {
  border-bottom: 1px dotted #848e9c;
}
.bc-card {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 0 4px rgba(0, 0, 0, 0.08);
  padding: 40px;
}
.bc-text-left {
  text-align: left;
}
.bc-text-right {
  text-align: right;
}
.bc-text-center {
  text-align: center;
}
.bc-text-justify {
  text-align: justify;
}
.error-tips {
  color: #f84960;
  font-size: 12px;
  line-height: 1.5;
}
.bc-rise-gain {
  color: #70a800;
}
.bc-fall-loss {
  color: #f84960;
}
.bc-color-rise {
  color: #02c076;
}
.bc-color-fall {
  color: #f84960;
}
.bc-scrollbar-fluent::-webkit-scrollbar,
.bc-scrollbar-fluent::-webkit-scrollbar-track {
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 2.5px;
}
.bc-scrollbar-fluent::-webkit-scrollbar {
  width: 5px;
}
.bc-scrollbar-fluent::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 2.5px;
}
.bc-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bc-text-error {
  color: #f84960;
}
.bc-text-error .icon {
  fill: #f84960;
}
.bc-shadow {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(11, 14, 17, 0.1);
}
.bc-border {
  border: 1px solid #e6e8ea;
  border-radius: 4px;
}
.mx-icon-double-left:after,
.mx-icon-double-left:before,
.mx-icon-double-right:after,
.mx-icon-double-right:before,
.mx-icon-left:before,
.mx-icon-right:before {
  border-color: currentcolor;
  border-radius: 1px;
  border-style: solid;
  border-width: 2px 0 0 2px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 10px;
  position: relative;
  top: -1px;
  transform: rotate(-45deg) scale(0.7);
  transform-origin: center;
  vertical-align: middle;
  width: 10px;
}
.mx-icon-double-left:after {
  left: -4px;
}
.mx-icon-double-right:before {
  left: 4px;
}
.mx-icon-double-right:after,
.mx-icon-double-right:before,
.mx-icon-right:before {
  transform: rotate(135deg) scale(0.7);
}
.mx-btn {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
  color: #555;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 7px 15px;
  white-space: nowrap;
}
.mx-btn:hover {
  border-color: #19a754;
  color: #19a754;
}
.mx-btn.disabled,
.mx-btn:disabled {
  color: #ccc;
  cursor: not-allowed;
}
.mx-btn-text {
  border: 0;
  line-height: inherit;
  padding: 0 4px;
  text-align: left;
}
.mx-scrollbar {
  height: 100%;
}
.mx-scrollbar:hover .mx-scrollbar-track {
  opacity: 1;
}
.mx-scrollbar-wrap {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.mx-scrollbar-track {
  border-radius: 4px;
  bottom: 2px;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  transition: opacity 0.24s ease-out;
  width: 6px;
  z-index: 1;
}
.mx-scrollbar-track .mx-scrollbar-thumb {
  background-color: hsla(220, 4%, 58%, 0.3);
  border-radius: inherit;
  cursor: pointer;
  height: 0;
  position: absolute;
  transition: background-color 0.3s;
  width: 100%;
}
.mx-zoom-in-down-enter-active,
.mx-zoom-in-down-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.mx-zoom-in-down-enter,
.mx-zoom-in-down-enter-from,
.mx-zoom-in-down-leave-to {
  opacity: 0;
  transform: scaleY(0);
}
.mx-datepicker {
  display: inline-block;
  position: relative;
  width: 210px;
}
.mx-datepicker svg {
  fill: currentColor;
  height: 1em;
  overflow: hidden;
  vertical-align: -0.15em;
  width: 1em;
}
.mx-datepicker-range {
  width: 320px;
}
.mx-datepicker-inline {
  width: auto;
}
.mx-input-wrapper {
  position: relative;
}
.mx-input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-sizing: border-box;
  color: #555;
  display: inline-block;
  font-size: 14px;
  height: 34px;
  line-height: 1.4;
  padding: 6px 30px 6px 10px;
  width: 100%;
}
.mx-input:focus,
.mx-input:hover {
  border-color: #409aff;
}
.mx-input.disabled,
.mx-input:disabled {
  background-color: #f3f3f3;
  border-color: #ccc;
  color: #ccc;
  cursor: not-allowed;
}
.mx-input:focus {
  outline: none;
}
.mx-input::-ms-clear {
  display: none;
}
.mx-icon-calendar,
.mx-icon-clear {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
}
.mx-icon-clear {
  cursor: pointer;
}
.mx-icon-clear:hover {
  color: rgba(0, 0, 0, 0.8);
}
.mx-datepicker-main {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  color: #555;
  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
    sans-serif;
}
.mx-datepicker-popup {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  margin-bottom: 1px;
  margin-top: 1px;
  position: absolute;
  z-index: 2001;
}
.mx-datepicker-sidebar {
  box-sizing: border-box;
  float: left;
  overflow: auto;
  padding: 6px;
  width: 100px;
}
.mx-datepicker-sidebar + .mx-datepicker-content {
  border-left: 1px solid #e8e8e8;
  margin-left: 100px;
}
.mx-datepicker-body {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mx-btn-shortcut {
  display: block;
  line-height: 24px;
  padding: 0 6px;
}
.mx-range-wrapper {
  display: flex;
}
@media (max-width: 750px) {
  .mx-range-wrapper {
    flex-direction: column;
  }
  /* mobile responsive style start */

    section.banner-container>.box .right>img[data-v-492efdac], .mobile-exchange .ekosistem-img>img[data-v-c677ff76]{
    width:50%!important;
   }


/* mobile responsive styel end */

}


.mx-datepicker-header {
  border-bottom: 1px solid #e8e8e8;
  padding: 6px 8px;
}
.mx-datepicker-footer {
  border-top: 1px solid #e8e8e8;
  padding: 6px 8px;
  text-align: right;
}
.mx-calendar {
  box-sizing: border-box;
  padding: 6px 12px;
  width: 248px;
}
.mx-calendar + .mx-calendar {
  border-left: 1px solid #e8e8e8;
}
.mx-calendar-header,
.mx-time-header {
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
  text-align: center;
}
.mx-btn-icon-double-left,
.mx-btn-icon-left {
  float: left;
}
.mx-btn-icon-double-right,
.mx-btn-icon-right {
  float: right;
}
.mx-calendar-header-label {
  font-size: 14px;
}
.mx-calendar-decade-separator {
  margin: 0 2px;
}
.mx-calendar-decade-separator:after {
  content: "~";
}
.mx-calendar-content {
  box-sizing: border-box;
  height: 224px;
  position: relative;
}
.mx-calendar-content .cell {
  cursor: pointer;
}
.mx-calendar-content .cell:hover {
  background-color: #f4fbf6;
  color: #555;
}
.mx-calendar-content .cell.active {
  background-color: #19a754;
  color: #fff;
}
.mx-calendar-content .cell.hover-in-range,
.mx-calendar-content .cell.in-range {
  background-color: #ddf2e5;
  color: #555;
}
.mx-calendar-content .cell.disabled {
  background-color: #f3f3f3;
  color: #ccc;
  cursor: not-allowed;
}
.mx-calendar-week-mode .mx-date-row {
  cursor: pointer;
}
.mx-calendar-week-mode .mx-date-row:hover {
  background-color: #f4fbf6;
}
.mx-calendar-week-mode .mx-date-row.mx-active-week {
  background-color: #ddf2e5;
}
.mx-calendar-week-mode .mx-date-row .cell.active,
.mx-calendar-week-mode .mx-date-row .cell:hover {
  background-color: transparent;
  color: inherit;
}
.mx-week-number {
  opacity: 0.5;
}
.mx-table {
  border-collapse: separate;
  border-spacing: 0;
  box-sizing: border-box;
  height: 100%;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.mx-table th {
  font-weight: 500;
}
.mx-table td,
.mx-table th {
  padding: 0;
  vertical-align: middle;
}
.mx-table-date td,
.mx-table-date th {
  font-size: 12px;
  height: 32px;
}
.mx-table-date .today {
  color: #30b065;
}
.mx-table-date .cell.not-current-month {
  background: none;
  color: #ccc;
}
.mx-time {
  background: #fff;
  flex: 1;
  width: 224px;
}
.mx-time + .mx-time {
  border-left: 1px solid #e8e8e8;
}
.mx-calendar-time {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mx-time-header {
  border-bottom: 1px solid #e8e8e8;
}
.mx-time-content {
  box-sizing: border-box;
  height: 224px;
  overflow: hidden;
}
.mx-time-columns {
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.mx-time-column {
  border-left: 1px solid #e8e8e8;
  flex: 1;
  position: relative;
  text-align: center;
}
.mx-time-column:first-child {
  border-left: 0;
}
.mx-time-column .mx-time-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mx-time-column .mx-time-list:after {
  content: "";
  display: block;
  height: 192px;
}
.mx-time-column .mx-time-item {
  cursor: pointer;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.mx-time-column .mx-time-item:hover {
  background-color: #f4fbf6;
  color: #555;
}
.mx-time-column .mx-time-item.active {
  background-color: transparent;
  color: #19a754;
  font-weight: 700;
}
.mx-time-column .mx-time-item.disabled {
  background-color: #f3f3f3;
  color: #ccc;
  cursor: not-allowed;
}
.mx-time-option {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 10px;
}
.mx-time-option:hover {
  background-color: #f4fbf6;
  color: #555;
}
.mx-time-option.active {
  background-color: transparent;
  color: #19a754;
  font-weight: 700;
}
.mx-time-option.disabled {
  background-color: #f3f3f3;
  color: #ccc;
  cursor: not-allowed;
}
.nuxt-progress {
  background-color: #1aa64a;
  height: 3px;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  transition: width 0.1s, opacity 0.4s;
  width: 0;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}
.null[data-v-ddce74d0] {
  height: 64px;
  width: 100%;
}
@media (max-width: 960px) {
  .null[data-v-ddce74d0] {
    display: none;
    height: 0 !important;
  }
 
}
.animate-hide[data-v-ddce74d0] {
  animation: hide-ddce74d0 0.5s ease 1 forwards;
  -webkit-animation: hide-ddce74d0 0.5s ease 1 forwards;
}
@keyframes hide-ddce74d0 {
  0% {
    height: 64px;
  }
  to {
    height: 0;
  }
}
.tips[data-v-31e02cea] {
  background-image: url(../static/cloud-web-ui/cloud-toko/static/images/top-bg.gif);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 64px;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
  display:none;
}
@media (max-width: 960px) {
  .tips[data-v-31e02cea] {
    display: none;
  }
}
.tips .logo-link[data-v-31e02cea] {
  line-height: 32px;
  padding: 10px 0;
}
.tips .logo-link .t[data-v-31e02cea] {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
}
.tips .logo-link .t img[data-v-31e02cea] {
  height: 24px;
}
.tips .logo-link .t .icon[data-v-31e02cea] {
  height: 10px;
  margin: 0 10px;
}
.tips .logo-link .b a[data-v-31e02cea] {
  color: #fff;
  cursor: pointer;
}
.tips .logo-link .b .icon[data-v-31e02cea] {
  height: 12px;
}
.tips .icon[data-v-31e02cea] {
  fill: #fff;
}
.tips .close[data-v-31e02cea] {
  background: hsla(0, 0%, 100%, 0.2);
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  line-height: 64px;
  padding: 5px;
  position: absolute;
  right: 24px;
  top: 22px;
  width: 20px;
}
.animate-hide[data-v-31e02cea] {
  animation: hide-31e02cea 0.5s ease 1 forwards;
  -webkit-animation: hide-31e02cea 0.5s ease 1 forwards;
}
@keyframes hide-31e02cea {
  0% {
    top: 0;
  }
  to {
    top: -64px;
  }
}
.top[data-v-5509c564],
header[data-v-5509c564] {
  height: 64px;
}
header[data-v-5509c564] {
  background: #fff;
  box-shadow: 0 4px 8px hsla(0, 0%, 54%, 0.3);
  color: #212833;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
}
@media (max-width: 960px) {
  header[data-v-5509c564] {
    position: fixed !important;
    top: 0 !important;
  }
}
nav[data-v-5509c564] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding: 0 24px;
}
nav a[data-v-5509c564] {
  color: #212833;
}
@media (max-width: 960px) {
  nav[data-v-5509c564] {
    justify-content: space-between;
  }
}
.animate-hide[data-v-5509c564] {
  animation: hide-5509c564 0.5s ease 1 forwards;
  -webkit-animation: hide-5509c564 0.5s ease 1 forwards;
}
@keyframes hide-5509c564 {
  0% {
    top: 64px;
  }
  to {
    top: 0;
  }
}
.nav-logo[data-v-6a411e80] {
  margin: 0 15px 0 0;
}
.nav-logo img[data-v-6a411e80] {
  height: 40px;
  width: auto;
}
@media (max-width: 960px) {
  .nav-logo img[data-v-6a411e80] {
    height: 24px;
  }
}
.nav-list[data-v-f90b1508] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-left: 24px;
}
.nav-list a[data-v-f90b1508] {
  color: #212833;
  font-weight: 400;
  margin-right: 20px;
  white-space: nowrap;
}
.nav-list .nuxt-link-active[data-v-f90b1508] {
  color: #1aa64a;
}
@media (max-width: 960px) {
  .nav-list[data-v-f90b1508] {
    display: none;
  }
}
.toko-token[data-v-f90b1508] {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin-right: 24px;
  padding: 0 5px 0 0;
  position: relative;
}
.toko-token .sub-menu-item[data-v-f90b1508] {
  background: #fff;
  border: 1px solid #dde2e5;
  border-radius: 10px;
  padding: 10px 0;
  z-index: 999;
}
.toko-token .title[data-v-f90b1508] {
  color: #212833;
}
.toko-token span[data-v-f90b1508] {
  display: inline-block;
  transform: translateY(-2px);
}
.toko-token[data-v-f90b1508]:after {
  border-color: #848e9c transparent transparent;
  right: 10px;
  top: 14px;
}
.toko-token:hover .sub-menu-item[data-v-f90b1508] {
  display: block;
}
.toko-token[data-v-f90b1508]:hover:after {
  border-color: #848e9c transparent transparent;
  transform: rotate(180deg);
}
.sub-menu-item[data-v-f90b1508] {
  box-shadow: 0 4px 8px hsla(0, 0%, 54%, 0.3);
  display: none;
  padding-top: 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateX(64px);
}
.menu-order .sub-menu-item[data-v-f90b1508] {
  transform: translateX(25px);
}
.sub-menu-item-child[data-v-4083a9a2] {
  background: #fff;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-menu-item-child:last-child .sub-menu-row[data-v-4083a9a2] {
  border-bottom: none;
}
.sub-menu-item-child .sub-menu-row[data-v-4083a9a2] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  border-bottom: 1px solid #dde2e5;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding: 0;
}
.sub-menu-item-child .sub-menu-row p[data-v-4083a9a2] {
  color: hsla(0, 0%, 100%, 0.3);
  font-size: 12px;
  line-height: 14px;
  padding: 0 0 0 14px;
}
.sub-menu-item-child .content[data-v-4083a9a2] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #212833;
  display: block;
  display: flex;
  flex-direction: row;
  font-weight: 700;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  line-height: 20px;
  padding: 10px;
  width: 100%;
}
.sub-menu-item-child .content .txt[data-v-4083a9a2] {
  margin-right: 20px;
}
.sub-menu-item-child .content .icon[data-v-4083a9a2] {
  fill: transparent;
  margin-right: 8px;
  width: 14px;
}
.sub-menu-item-child .content[data-v-4083a9a2]:hover {
  background: #1aa64a;
  border-radius: 5px;
  color: #fff;
  height: 100%;
  width: 100%;
}
.sub-menu-item-child .content:hover .icon[data-v-4083a9a2] {
  fill: #fff;
}
.goingon[data-v-2664eb2e] {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin-right: 24px;
  padding: 0 5px 0 0;
  position: relative;
}
.goingon a[data-v-2664eb2e] {
  font-weight: 400;
  margin-right: 20px;
  white-space: nowrap;
}
.goingon .sub-menu-item[data-v-2664eb2e] {
  background: #fff;
  border: 1px solid #dde2e5;
  border-radius: 10px;
  padding: 10px 0;
  z-index: 999;
}
.goingon .title[data-v-2664eb2e] {
  color: #212833;
}
.goingon span[data-v-2664eb2e] {
  display: inline-block;
  transform: translateY(-2px);
}
.goingon[data-v-2664eb2e]:after {
  border-color: #848e9c transparent transparent;
  right: 10px;
  top: 14px;
}
.goingon:hover .sub-menu-item[data-v-2664eb2e] {
  display: block;
}
.goingon[data-v-2664eb2e]:hover:after {
  border-color: #848e9c transparent transparent;
}
.sub-menu-item[data-v-2664eb2e] {
  box-shadow: 0 4px 8px hsla(0, 0%, 54%, 0.3);
  display: none;
  padding-top: 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateX(64px);
}
.goingon[data-v-2664eb2e] {
  background: #1aa64a;
  border-radius: 5px;
  height: 24px;
  line-height: 24px;
  padding-left: 3px;
  padding-right: 0;
}
.goingon[data-v-2664eb2e]:after {
  right: 3px;
  top: 11px;
}
.goingon[data-v-2664eb2e]:after,
.goingon[data-v-2664eb2e]:hover:after {
  border-color: #fff transparent transparent;
}
.goingon[data-v-2664eb2e]:hover:after {
  transform: rotate(180deg);
}
.goingon .title[data-v-2664eb2e] {
  color: #fff;
}
.nav-r[data-v-515c428e] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.phoneMore[data-v-515c428e] {
  cursor: pointer;
  display: none;
  margin-left: 8px;
  margin-right: 16px;
}
.phoneMore .icon[data-v-515c428e] {
  fill: #1e2329;
  height: 24px;
  width: 24px;
}
@media (max-width: 960px) {
  .phoneMore[data-v-515c428e] {
    display: block;
  }
}
.phoneInfo[data-v-515c428e] {
  cursor: pointer;
  display: none;
  margin-left: 8px;
  margin-right: 16px;
}
.phoneInfo .icon[data-v-515c428e] {
  fill: #1e2329;
  height: 24px;
  width: 24px;
}
@media (max-width: 960px) {
  .phoneInfo[data-v-515c428e] {
    display: block;
  }
}
.exchange-rate[data-v-515c428e] {
  border-radius: 2px;
  cursor: pointer;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
  position: relative;
}
.exchange-rate > span[data-v-515c428e]:hover {
  color: #1aa64a;
}
@media (max-width: 960px) {
  .exchange-rate[data-v-515c428e] {
    display: none;
  }
}
.register[data-v-60415b13] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-right: 24px;
}
.register a[data-v-60415b13] {
  display: block;
  font-weight: 700;
}
.register a[data-v-60415b13]:first-child {
  border-radius: 2px;
  color: #1aa64a;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  width: 80px;
}
.register a[data-v-60415b13]:first-child:hover {
  color: #fff;
}
.register a[data-v-60415b13]:nth-child(2) {
  border-radius: 2px;
  color: #fff;
  height: 32px;
  line-height: 32px;
  margin-left: 12px;
  padding: 0 8px;
  width: 80px;
}
.register .hr[data-v-60415b13] {
  border-right: 1px solid #495057;
  height: 32px;
  margin: 0 30px;
}

.menu-notification[data-v-2774a744] {
  margin-right: 24px;
  position: relative;
}
@media (max-width: 960px) {
  .menu-notification[data-v-2774a744] {
    display: none;
  }
}
.menu-notification .notify-ding[data-v-2774a744] {
  position: relative;
}
.menu-notification .notify-ding .ding[data-v-2774a744] {
  fill: #858e9b;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.menu-notification .notify-ding .notify-num[data-v-2774a744] {
  align-items: center;
  background: #f23051;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 19px;
  justify-content: center;
  position: absolute;
  right: -7px;
  top: -7px;
  width: 19px;
}
.menu-notification .notify-box[data-v-2774a744] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px hsla(0, 0%, 54%, 0.3);
  display: none;
  padding: 24px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateX(110px);
  width: 448px;
  z-index: 2;
}
.menu-notification .notify-box .notify-total[data-v-2774a744] {
  align-items: center;
  background: #f5f5f5;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  height: 44px;
  justify-content: space-between;
  padding: 0 20px 0 12px;
}
.menu-notification .notify-box .notify-total .nl[data-v-2774a744] {
  align-items: center;
  color: #707a8a;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.menu-notification .notify-box .notify-total .nl .nnum[data-v-2774a744] {
  color: #1a1f34;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-right: 6px;
}
.menu-notification
  .notify-box
  .notify-total
  .nl
  .n-clear-all[data-v-2774a744] {
  color: #1aa64a;
  cursor: pointer;
  font-weight: 500;
  margin-left: 12px;
}
.menu-notification .notify-box .notify-total .nr[data-v-2774a744] {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.menu-notification .notify-box .notify-total .nr > span[data-v-2774a744] {
  color: #1a1f34;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-right: 8px;
}
.menu-notification
  .notify-box
  .notify-total
  .nr
  .viewall[data-v-2774a744] {
  fill: #707a8a;
  height: 16px;
  transform: rotate(-90deg);
  width: 16px;
}
.menu-notification
  .notify-box
  .notify-total
  .nr:hover
  > span[data-v-2774a744] {
  color: #1aa64a;
}
.menu-notification
  .notify-box
  .notify-total
  .nr:hover
  .viewall[data-v-2774a744],
.menu-notification:hover .notify-ding .ding[data-v-2774a744] {
  fill: #1aa64a;
}
.menu-notification:hover .notify-box[data-v-2774a744],
.user-info[data-v-2774a744] {
  display: block;
}
.user-info[data-v-2774a744] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-weight: 700;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.user-info a[data-v-2774a744] {
  color: #212833;
}
@media (max-width: 960px) {
  .user-info[data-v-2774a744] {
    display: none;
  }
}
.menu-order[data-v-2774a744],
.menu-wallet[data-v-2774a744] {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin-right: 24px;
  padding: 0 20px;
  position: relative;
}
.menu-order span[data-v-2774a744],
.menu-wallet span[data-v-2774a744] {
  display: inline-block;
  transform: translateY(-2px);
}
.menu-order[data-v-2774a744]:after,
.menu-wallet[data-v-2774a744]:after {
  border-color: #848e9c transparent transparent;
  right: 0;
  top: 14px;
}
.menu-order:hover .sub-menu-item[data-v-2774a744],
.menu-wallet:hover .sub-menu-item[data-v-2774a744] {
  display: block;
}
.menu-order[data-v-2774a744]:hover:after,
.menu-wallet[data-v-2774a744]:hover:after {
  border-color: #848e9c transparent transparent;
  transform: rotate(180deg);
}
.menu-wallet[data-v-2774a744] {
  margin-right: 15px;
}
.sub-menu-item[data-v-2774a744] {
  box-shadow: 0 4px 8px hsla(0, 0%, 54%, 0.3);
  display: none;
  padding-top: 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateX(64px);
}
.menu-order .sub-menu-item[data-v-2774a744] {
  transform: translateX(25px);
}
.menu-user[data-v-2774a744] {
  border: 1px solid #1aa64a;
  border-radius: 50%;
  color: #1aa64a;
  cursor: pointer;
  font-weight: 700;
  height: 32px;
  line-height: 30px;
  margin-right: 24px;
  position: relative;
  text-align: center;
  width: 32px;
}
.menu-user .bc-font-medium[data-v-2774a744] {
  display: inline-block;
  transform: translateY(-2px);
}
.menu-user[data-v-2774a744]:after {
  border-color: #1aa64a transparent transparent;
  bottom: -1px;
  content: "";
  right: 11px;
}
.menu-user:hover .sub-menu-user[data-v-2774a744] {
  display: block;
}
.menu-user[data-v-2774a744]:hover:after {
  border-color: #1aa64a transparent transparent;
  transform: rotate(180deg);
}
.sub-menu-user[data-v-2774a744] {
  box-shadow: 0 4px 8px hsla(0, 0%, 54%, 0.3);
  display: none;
  padding-top: 16px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateX(64px);
}
.sub-menu-user .sub-user-item-box[data-v-2774a744] {
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-menu-user .sub-user-item-box a[data-v-2774a744] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #212833;
  display: block;
  display: flex;
  flex-direction: row;
  font-weight: 700;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  line-height: 40px;
  padding: 0 20px;
}
.sub-menu-user .sub-user-item-box a[data-v-2774a744]:hover {
  background: #1aa64a;
  color: #fff;
}
.sub-menu-user .sub-user-item-box a:hover span[data-v-2774a744] {
  color: #fff !important;
}
.sub-menu-user .sub-user-item-box a:hover svg[data-v-2774a744] {
  fill: #fff !important;
}
.sub-menu-user .sub-user-item-box a .icon[data-v-2774a744] {
  margin-right: 8px;
}
.sub-menu-user .sub-user-item-box.log-out[data-v-2774a744] {
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}
.sub-menu-user .sub-user-item-box .invite-svg[data-v-2774a744] {
  margin-left: 10px;
  padding-bottom: 5px;
}
.sub-menu-user .usercenter[data-v-2774a744] {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
  height: 70px;
  padding: 20px;
}
.sub-menu-user .usercenter > div[data-v-2774a744]:first-child {
  flex: 1;
  line-height: normal;
  min-width: 140px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-menu-user .usercenter > div[data-v-2774a744]:last-child {
  margin-left: auto;
  margin-right: 0;
}
.sub-menu-user .usercenter > div:last-child .icon[data-v-2774a744] {
  fill: #1aa64a;
}
.sub-menu-user .usercenter .nick[data-v-2774a744] {
  line-height: 24px;
  margin-bottom: 3px;
}
.sub-menu-user .usercenter .cert[data-v-2774a744] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.sub-menu-user .usercenter .cert span[data-v-2774a744] {
  margin-right: 6px;
}
.sub-menu-user .usercenter .cert span[data-v-2774a744]:first-child {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #1aa64a;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.sub-menu-user .usercenter .cert span:first-child .icon[data-v-2774a744] {
  fill: #1aa64a;
  height: 14px;
  margin-right: 6px;
  transform: translateY(1.5px);
  width: 14px;
}
.sub-menu-user .usercenter .cert span[data-v-2774a744]:last-child {
  background: rgba(132, 142, 156, 0.3);
  color: #fff;
  display: block;
  line-height: 18px;
  padding: 0 6px;
}
.dividers[data-v-2774a744] {
  background-color: hsla(0, 0%, 100%, 0.2);
  height: 1px;
  margin: 0;
}
.market-order a[data-v-2774a744] {
  margin: 0;
}
.market-order .sub-menu-item[data-v-2774a744] {
  left: 0;
  right: auto;
  transform: translateX(5px);
}
.normal-style[data-v-2fbd84f8] {
  border-radius: 2px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding-right: 16px;
  position: relative;
}
.normal-style > span[data-v-2fbd84f8]:hover {
  color: #1aa64a;
}
.normal-style:hover .download-list[data-v-2fbd84f8] {
  visibility: visible;
}
.download-module[data-v-2fbd84f8] {
  display: block;
  position: relative;
}
.download-module .download[data-v-2fbd84f8] {
  margin: 0 auto;
  padding: 16px 22px;
  width: 210px;
}
.download-module .download .download-qrcode[data-v-2fbd84f8] {
  background: #fff;
  border: 4px solid #000;
  border-radius: 10px;
  margin: 0 auto;
  padding: 6px;
  width: 166px;
}
.download-module .download p[data-v-2fbd84f8] {
  border-bottom: 1px solid #d6d6d6;
  color: #424242;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin: 12px auto 8px;
  padding-bottom: 12px;
  text-align: center;
}
.download-module .download a[data-v-2fbd84f8] {
  background: #16bb7a;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.download-module > span[data-v-2fbd84f8]:hover {
  color: #1aa64a;
}
@media (max-width: 960px) {
  .download-module[data-v-2fbd84f8] {
    display: none;
  }
}
.download-list[data-v-2fbd84f8] {
  background: #fff;
  border: 0.5px solid hsla(0, 0%, 45%, 0.2);
  border-radius: 8px;
  box-shadow: 0 8px 15px hsla(0, 0%, 45%, 0.2);
  position: absolute;
  right: -24px;
  top: 100%;
  visibility: hidden;
}
.sideslip-box[data-v-2645f103] {
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.sideslip-bg[data-v-2645f103],
.sideslip-box[data-v-2645f103] {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}
.sideslip-bg[data-v-2645f103] {
  background-color: rgba(0, 0, 0, 0.2);
  flex: 1;
}
.sideslip-content[data-v-2645f103] {
  background-color: #fff;
  height: 100%;
  overflow: auto;
  transition: all 0.5s ease 0s;
}
.sideslip-container[data-v-2645f103],
.sideslip-content[data-v-2645f103] {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 240px;
}
.sideslip-container[data-v-2645f103] {
  display: flex;
  flex-direction: column;
}
._signin_[data-v-2645f103] {
  box-sizing: border-box;
  color: #212833;
  display: flex;
  font-size: 16px;
  justify-content: center;
  margin: 24px auto 0;
  min-width: 0;
}
._signup_[data-v-2645f103] {
  margin: 24px;
}
.split-line[data-v-2645f103] {
  background-color: #848e9c;
  box-sizing: border-box;
  display: flex;
  height: 1px;
  margin: 0;
  min-width: 0;
}
@keyframes slidein-2645f103 {
  0% {
    width: 0;
  }
  to {
    width: 240px;
  }
}
@keyframes slideout-2645f103 {
  0% {
    width: 240px;
  }
  to {
    width: 0;
  }
}
.sideani-enter-active[data-v-2645f103] {
  animation: slidein-2645f103 0.3s ease;
}
.sideani-leave-active[data-v-2645f103] {
  animation: slideout-2645f103 0.3s ease;
}
.phone-menu[data-v-2645f103] {
  position: relative;
}
.phone-menu .phone-menu-p[data-v-2645f103] {
  font-size: 16px;
  padding: 16px;
  position: relative;
}
.phone-menu .phone-menu-c[data-v-2645f103],
.phone-menu .phone-menu-p[data-v-2645f103] {
  align-items: center;
  box-sizing: border-box;
  color: #212833;
  display: flex;
  flex-shrink: 0;
  margin: 0;
  min-width: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.phone-menu .phone-menu-c[data-v-2645f103] {
  font-size: 14px;
  padding: 8px 16px;
}
.phone-menu .phone-menu-c > div[data-v-2645f103] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 40px;
  min-width: 0;
}
.phone-menu .icon-wap[data-v-2645f103] {
  box-sizing: border-box;
  color: #848e9c;
  display: flex;
  font-size: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  min-width: 0;
  width: 24px;
}
.phone-menu .icon-wap > .icon[data-v-2645f103] {
  fill: #848e9c;
  height: 24px;
  width: 24px;
}
.phone-menu .menu-text[data-v-2645f103] {
  color: #212833;
  display: flex;
  flex: 1;
}
.phone-menu .menu-text > span[data-v-2645f103] {
  background: #1aa64a;
  border-radius: 4px;
  color: #212833;
  font-size: 9px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 0;
  min-width: 35px;
  padding: 3px 0 !important;
  position: relative;
  text-align: center;
  white-space: normal;
}
.phone-menu .menu-text > span[data-v-2645f103]:after {
  border: 5px solid transparent;
  border-right-color: #1aa64a;
  content: "";
  left: -9px;
  position: absolute;
  top: 50%;
  transform: translateY(-5px);
}
.phone-menu .fold-icon[data-v-2645f103] {
  box-sizing: border-box;
  display: flex;
  height: 10px;
  margin: 0;
  min-width: 0;
  position: relative;
  transition: all 0.2s ease 0s;
  width: 10px;
}
.phone-menu .fold-icon > .icon[data-v-2645f103] {
  fill: #848e9c;
  height: 10px;
  transition: all 0.2s ease 0s;
  width: 10px;
}
.phone-menu.folded .fold-icon[data-v-2645f103] {
  transform: rotate(180deg);
}
.phone-usercenter[data-v-2645f103] {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  color: #212833;
  display: flex;
  margin: 0;
  min-width: 0;
  padding: 12px 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.phone-usercenter > div[data-v-2645f103]:first-child {
  flex: 1;
  line-height: normal;
  min-width: 140px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-usercenter > div[data-v-2645f103]:last-child {
  margin-left: auto;
  margin-right: 0;
}
.phone-usercenter > div:last-child .icon[data-v-2645f103] {
  fill: #1aa64a;
}
.phone-usercenter .nick[data-v-2645f103] {
  line-height: 24px;
  margin-bottom: 3px;
}
.phone-usercenter .cert[data-v-2645f103] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.phone-usercenter .cert span[data-v-2645f103] {
  margin-right: 6px;
}
.phone-usercenter .cert span[data-v-2645f103]:first-child {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #1aa64a;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.phone-usercenter .cert span:first-child .icon[data-v-2645f103] {
  fill: #1aa64a;
  height: 14px;
  margin-right: 6px;
  transform: translateY(1.5px);
  width: 14px;
}
.phone-usercenter .cert span[data-v-2645f103]:last-child {
  background: rgba(132, 142, 156, 0.3);
  color: #848e9c;
  display: block;
  line-height: 18px;
  padding: 0 6px;
}
.phone-menu[data-v-a1a13d58] {
  position: relative;
}
.phone-menu .phone-menu-p[data-v-a1a13d58] {
  font-size: 16px;
  padding: 16px;
  position: relative;
}
.phone-menu .phone-menu-c[data-v-a1a13d58],
.phone-menu .phone-menu-p[data-v-a1a13d58] {
  align-items: center;
  box-sizing: border-box;
  color: #212833;
  display: flex;
  flex-shrink: 0;
  margin: 0;
  min-width: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.phone-menu .phone-menu-c[data-v-a1a13d58] {
  font-size: 14px;
  padding: 8px 16px;
}
.phone-menu .phone-menu-c > div[data-v-a1a13d58] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 40px;
  min-width: 0;
}
.phone-menu .phone-menu-c.pl40[data-v-a1a13d58] {
  padding-left: 40px;
}
.phone-menu .icon-wap[data-v-a1a13d58] {
  box-sizing: border-box;
  color: #848e9c;
  display: flex;
  font-size: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  min-width: 0;
  width: 24px;
}
.phone-menu .icon-wap > .icon[data-v-a1a13d58] {
  fill: #848e9c;
  height: 24px;
  width: 24px;
}
.phone-menu .menu-text[data-v-a1a13d58] {
  color: #212833;
  display: flex;
  flex: 1;
}
.phone-menu .menu-text > span[data-v-a1a13d58] {
  background: #1aa64a;
  border-radius: 4px;
  color: #212833;
  font-size: 9px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 0;
  min-width: 35px;
  padding: 3px 0 !important;
  position: relative;
  text-align: center;
  white-space: normal;
}
.phone-menu .menu-text > span[data-v-a1a13d58]:after {
  border: 5px solid transparent;
  border-right-color: #1aa64a;
  content: "";
  left: -9px;
  position: absolute;
  top: 50%;
  transform: translateY(-5px);
}
.phone-menu .fold-icon[data-v-a1a13d58] {
  box-sizing: border-box;
  display: flex;
  height: 10px;
  margin: 0;
  min-width: 0;
  position: relative;
  transition: all 0.2s ease 0s;
  width: 10px;
}
.phone-menu .fold-icon > .icon[data-v-a1a13d58] {
  fill: #848e9c;
  height: 10px;
  transition: all 0.2s ease 0s;
  width: 10px;
}
.phone-menu.folded .fold-icon[data-v-a1a13d58] {
  transform: rotate(180deg);
}
.sideslip-box[data-v-494cd671] {
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.sideslip-bg[data-v-494cd671],
.sideslip-box[data-v-494cd671] {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}
.sideslip-bg[data-v-494cd671] {
  background-color: rgba(0, 0, 0, 0.2);
  flex: 1;
}
.sideslip-content[data-v-494cd671] {
  background-color: #fff;
  height: 100%;
  overflow: auto;
  transition: all 0.5s ease 0s;
}
.sideslip-container[data-v-494cd671],
.sideslip-content[data-v-494cd671] {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  width: 240px;
}
.sideslip-container[data-v-494cd671] {
  display: flex;
  flex-direction: column;
}
._signin_[data-v-494cd671] {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 16px;
  justify-content: center;
  margin: 24px auto 0;
  min-width: 0;
}
._signup_[data-v-494cd671] {
  margin: 24px;
}
.split-line[data-v-494cd671] {
  background-color: #848e9c;
  box-sizing: border-box;
  display: flex;
  height: 1px;
  margin: 0;
  min-width: 0;
}
@keyframes slidein-494cd671 {
  0% {
    width: 0;
  }
  to {
    width: 240px;
  }
}
@keyframes slideout-494cd671 {
  0% {
    width: 240px;
  }
  to {
    width: 0;
  }
}
.sideani-enter-active[data-v-494cd671] {
  animation: slidein-494cd671 0.3s ease;
}
.sideani-leave-active[data-v-494cd671] {
  animation: slideout-494cd671 0.3s ease;
}
.phone-menu[data-v-494cd671] {
  position: relative;
}
.phone-menu .phone-menu-p[data-v-494cd671] {
  font-size: 16px;
  padding: 16px;
  position: relative;
}
.phone-menu .phone-menu-c[data-v-494cd671],
.phone-menu .phone-menu-p[data-v-494cd671] {
  align-items: center;
  box-sizing: border-box;
  color: #212833;
  display: flex;
  flex-shrink: 0;
  margin: 0;
  min-width: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.phone-menu .phone-menu-c[data-v-494cd671] {
  font-size: 14px;
  padding: 8px 16px;
}
.phone-menu .phone-menu-c > div[data-v-494cd671] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 40px;
  min-width: 0;
}
.phone-menu .icon-wap[data-v-494cd671] {
  box-sizing: border-box;
  color: #848e9c;
  display: flex;
  font-size: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  min-width: 0;
  width: 24px;
}
.phone-menu .icon-wap > .icon[data-v-494cd671] {
  fill: #848e9c;
  height: 24px;
  width: 24px;
}
.phone-menu .menu-text[data-v-494cd671] {
  color: #212833;
  display: flex;
  flex: 1;
}
.phone-menu .menu-text > span[data-v-494cd671] {
  background: #1aa64a;
  border-radius: 4px;
  color: #212833;
  font-size: 9px;
  font-weight: 600;
  margin-left: 5px;
  margin-right: 0;
  min-width: 35px;
  padding: 3px 0 !important;
  position: relative;
  text-align: center;
  white-space: normal;
}
.phone-menu .menu-text > span[data-v-494cd671]:after {
  border: 5px solid transparent;
  border-right-color: #1aa64a;
  content: "";
  left: -9px;
  position: absolute;
  top: 50%;
  transform: translateY(-5px);
}
.phone-menu .fold-icon[data-v-494cd671] {
  box-sizing: border-box;
  display: flex;
  height: 10px;
  margin: 0;
  min-width: 0;
  position: relative;
  transition: all 0.2s ease 0s;
  width: 10px;
}
.phone-menu .fold-icon > .icon[data-v-494cd671] {
  fill: #848e9c;
  height: 10px;
  transition: all 0.2s ease 0s;
  width: 10px;
}
.phone-menu.folded .fold-icon[data-v-494cd671] {
  transform: rotate(180deg);
}
.phone-usercenter[data-v-494cd671] {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  color: #212833;
  display: flex;
  margin: 0;
  min-width: 0;
  padding: 12px 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.phone-usercenter > div[data-v-494cd671]:first-child {
  flex: 1;
  line-height: normal;
  min-width: 140px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.phone-usercenter > div[data-v-494cd671]:last-child {
  margin-left: auto;
  margin-right: 0;
}
.phone-usercenter > div:last-child .icon[data-v-494cd671] {
  fill: #1aa64a;
}
.phone-usercenter .nick[data-v-494cd671] {
  line-height: 24px;
  margin-bottom: 3px;
}
.phone-usercenter .cert[data-v-494cd671] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.phone-usercenter .cert span[data-v-494cd671] {
  margin-right: 6px;
}
.phone-usercenter .cert span[data-v-494cd671]:first-child {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #1aa64a;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.phone-usercenter .cert span:first-child .icon[data-v-494cd671] {
  fill: #1aa64a;
  height: 14px;
  margin-right: 6px;
  transform: translateY(1.5px);
  width: 14px;
}
.phone-usercenter .cert span[data-v-494cd671]:last-child {
  background: rgba(132, 142, 156, 0.3);
  color: #848e9c;
  display: block;
  line-height: 18px;
  padding: 0 6px;
}
main[data-v-35c23618] {
  position: relative;
}
section.banner-container[data-v-492efdac] {
  background-image: url(../static/cloud-web-ui/cloud-toko/static/images/home/banner-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  margin-bottom: 44px;
  padding: 98px 0 109px;
}
section.banner-container > .box[data-v-492efdac] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  width: 1200px;
}
section.banner-container > .box .left[data-v-492efdac] {
  flex: 1;
  position: relative;
}
section.banner-container > .box .right[data-v-492efdac] {
  align-self: flex-start;
  width: 475px;
}
section.banner-container > .box .right > img[data-v-492efdac] {
  border-radius: 40px;
  width: 100%;
}
@media (max-width: 960px) {
  section.banner-container[data-v-492efdac] {
    margin-bottom: 32px;
    padding: 32px 20px 100px;
  }
  section.banner-container > .box[data-v-492efdac] {
    display: block;
    width: auto;
  }
  section.banner-container > .box .right[data-v-492efdac] {
    margin: 10px auto 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  section.banner-container[data-v-492efdac] {
    margin-bottom: 270px;
  }
}
.banner-title[data-v-c543832c] {
  align-items: center;
  color: #2c2e2d;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.banner-title .banner-pointer[data-v-c543832c] {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    265.34deg,
    #077fa2 18.81%,
    #17a84b 64.85%,
    #16bb7a 0
  );
  color: transparent;
  position: relative;
}
.banner-title .banner-pointer > img[data-v-c543832c] {
  bottom: -17.2px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media (max-width: 960px) {
  .banner-title[data-v-c543832c] {
    font-size: 21px;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
  }
}
.banner-subtitle[data-v-feaca9ba] {
  color: #565656;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.0075em;
  line-height: 140%;
  margin-top: 41px;
  max-width: 580px;
}
.banner-subtitle.mobile-subtitle[data-v-feaca9ba] {
  display: none;
}
@media (max-width: 960px) {
  .banner-subtitle[data-v-feaca9ba] {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 0;
    max-width: 100%;
    text-align: center;
    width: 100%;
  }
  .banner-subtitle.pc-subtitle[data-v-feaca9ba] {
    display: none;
  }
  .banner-subtitle.mobile-subtitle[data-v-feaca9ba] {
    display: block;
  }
}
.banner-get-start[data-v-6cf9bf5a] {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 40px;
  max-width: 560px;
}
.banner-get-start > input[data-v-6cf9bf5a] {
  border: 1px solid #cecece;
  border-radius: 50px;
  color: #a8a8a8;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  height: 68px;
  line-height: 68px;
  line-height: 140%;
  margin-right: 16px;
  outline: none;
  padding: 23px 29px;
}
.banner-get-start .get-start[data-v-6cf9bf5a] {
  background: #16bb7a;
  border: none;
  border-radius: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  outline: none;
  padding: 20px 48px;
}
.banner-get-start.mobile-getstart[data-v-6cf9bf5a] {
  display: none;
}
@media (max-width: 960px) {
  .banner-get-start[data-v-6cf9bf5a] {
    flex-wrap: wrap;
  }
  .banner-get-start > input[data-v-6cf9bf5a] {
    border-radius: 20px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-right: 4px;
    padding: 6px 16px;
    width: 100%;
  }
  .banner-get-start .get-start[data-v-6cf9bf5a] {
    border-radius: 20px;
    font-size: 16px;
    padding: 9px 16px;
  }
  .banner-get-start.pc-getstart[data-v-6cf9bf5a] {
    display: none;
  }
  .banner-get-start.mobile-getstart[data-v-6cf9bf5a] {
    display: flex;
  }
}
.registered-info[data-v-c66ff4cc] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 36px;
  position: relative;
}
.registered-info .powered .text[data-v-c66ff4cc],
.registered-info .registered .text[data-v-c66ff4cc] {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 12px;
  opacity: 0.7;
}
.registered-info .powered .icons[data-v-c66ff4cc],
.registered-info .registered .icons[data-v-c66ff4cc] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}
.registered-info .powered .icons > a[data-v-c66ff4cc],
.registered-info .registered .icons > a[data-v-c66ff4cc] {
  margin-right: 12px;
}
.registered-info .powered .icons > a[data-v-c66ff4cc]:last-child,
.registered-info .registered .icons > a[data-v-c66ff4cc]:last-child {
  margin-right: 0;
}
.registered-info .registered .icons[data-v-c66ff4cc] {
  top: -13px;
}
.registered-info .powered[data-v-c66ff4cc] {
  align-self: flex-start;
  margin-right: 24px;
}
.registered-info.mobile-registeredinfo[data-v-c66ff4cc] {
  display: none;
}
@media (max-width: 960px) {
  .registered-info[data-v-c66ff4cc] {
    width: 100%;
  }
  .registered-info .powered[data-v-c66ff4cc] {
    margin-right: 5px;
  }
  .registered-info .registered .icons[data-v-c66ff4cc] {
    top: -8px;
  }
  .registered-info .bn-img[data-v-c66ff4cc] {
    width: 88px;
  }
  .registered-info .kemendag-img[data-v-c66ff4cc] {
    width: 59px;
  }
  .registered-info .bsi27017-img[data-v-c66ff4cc] {
    width: 41px;
  }
  .registered-info .bsi27001-img[data-v-c66ff4cc] {
    width: 40px;
  }
  .registered-info .kemkominfo-img[data-v-c66ff4cc] {
    width: 19px;
  }
  .registered-info.pc-registeredinfo[data-v-c66ff4cc] {
    display: none;
  }
  .registered-info.mobile-registeredinfo[data-v-c66ff4cc] {
    display: flex;
  }
}
.carousels-box[data-v-4c6f12fe] {
  margin: 0 auto 92px;
  width: 1200px;
}
@media (max-width: 960px) {
  .carousels-box[data-v-4c6f12fe] {
    margin: 0 0 32px;
    width: 100%;
  }
}
.bc-carousel-wrap[data-v-26719c20] {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1136px;
  min-width: 0;
  position: relative;
}
.bc-carousel-wrap .direction[data-v-26719c20] {
  align-items: center;
  bottom: 0;
  box-sizing: border-box;
  color: #1e2026;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  min-width: 0;
  position: absolute;
  top: 0;
  width: 32px;
}
.bc-carousel-wrap .direction[data-v-26719c20]:hover .icon {
  fill: #1aa64a;
}
.bc-carousel-wrap .prev[data-v-26719c20] {
  left: -32px;
}
.bc-carousel-wrap .next[data-v-26719c20] {
  right: -32px;
}
@media (max-width: 960px) {
  .bc-carousel-wrap[data-v-26719c20] {
    display: none;
  }
}
.bc-carousel-box[data-v-26719c20] {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.bc-carousel-box .slide-wrapper[data-v-26719c20] {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  width: 100%;
}
.bc-carousel-box .slide-wrapper .slide[data-v-26719c20] {
  box-sizing: border-box;
  flex: none;
  height: 100%;
  margin-right: 24px;
  width: 266px;
}
.bc-carousel-box .slide-wrapper .slide .slide-link[data-v-26719c20] {
  border-radius: 12px;
  box-sizing: border-box;
  display: block;
  height: 150px;
  margin: 0;
  min-height: 100px;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.bc-carousel-box .slide-wrapper .slide a[data-v-26719c20],
.bc-carousel-box .slide-wrapper .slide a[data-v-26719c20]:active,
.bc-carousel-box .slide-wrapper .slide a[data-v-26719c20]:visited {
  background-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.bc-carousel-box .slide-wrapper .slide img[data-v-26719c20] {
  border-radius: 12px;
  box-sizing: border-box;
  display: block;
  height: 150px;
  margin: 0;
  min-width: 0;
  width: 100%;
}
.bc-mobil-carousel-wrap[data-v-287b46e8] {
  box-sizing: border-box;
  display: none;
  margin: 0 auto;
  min-width: 0;
  position: relative;
}
.bc-mobil-carousel-wrap .direction[data-v-287b46e8] {
  align-items: center;
  bottom: 0;
  box-sizing: border-box;
  color: #1e2026;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0;
  min-width: 0;
  position: absolute;
  top: 0;
  width: 32px;
}
.bc-mobil-carousel-wrap .direction[data-v-287b46e8]:hover .icon {
  fill: #1aa64a;
}
.bc-mobil-carousel-wrap .prev[data-v-287b46e8] {
  left: -32px;
}
.bc-mobil-carousel-wrap .next[data-v-287b46e8] {
  right: -32px;
}
@media (max-width: 960px) {
  .bc-mobil-carousel-wrap[data-v-287b46e8] {
    display: block;
  }
}
.bc-mobil-carousel-box[data-v-287b46e8] {
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  padding: 0 120px;
  position: relative;
}
@media (max-width: 960px) {
  .bc-mobil-carousel-box[data-v-287b46e8] {
    padding: 0 32px;
  }
}
.bc-mobil-carousel-box .slide-wrapper[data-v-287b46e8] {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  overflow-x: scroll;
  width: 100%;
}
.bc-mobil-carousel-box .slide-wrapper .slide[data-v-287b46e8] {
  box-sizing: border-box;
  flex: none;
  height: auto;
  margin-right: 24px;
  width: 282px;
}
.bc-mobil-carousel-box .slide-wrapper .slide[data-v-287b46e8]:last-child {
  margin-right: 0;
}
.bc-mobil-carousel-box
  .slide-wrapper
  .slide
  .slide-link[data-v-287b46e8] {
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  height: 150px;
  margin: 0;
  min-height: 100px;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.bc-mobil-carousel-box .slide-wrapper .slide a[data-v-287b46e8],
.bc-mobil-carousel-box .slide-wrapper .slide a[data-v-287b46e8]:active,
.bc-mobil-carousel-box .slide-wrapper .slide a[data-v-287b46e8]:visited {
  background-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.bc-mobil-carousel-box .slide-wrapper .slide img[data-v-287b46e8] {
  border-radius: 12px;
  box-sizing: border-box;
  display: block;
  height: 150px;
  margin: 0;
  min-width: 0;
  width: 100%;
}
.slide-wrapper {
  scrollbar-width: none;
}
.slide-wrapper::-webkit-scrollbar {
  display: none;
}
.market-zone[data-v-37a904ba] {
  position: relative;
}

.pc-market[data-v-07404619] {
  position: relative;
}
@media (max-width: 960px) {
  .pc-market[data-v-07404619] {
    display: none;
  }
}
.mainstream-currency[data-v-07404619] {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  margin: 84px 0 50px;
  padding-bottom: 48px;
}
.market-table[data-v-07404619] {
  width: 100%;
}
.market-table .w200-flex200-1-0[data-v-07404619] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  flex: 200 1 0%;
  flex-direction: row;
  width: 200px;
}
.market-table .mw80-flex77-1-0[data-v-07404619],
.market-table .w200-flex200-1-0[data-v-07404619] {
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.market-table .mw80-flex77-1-0[data-v-07404619] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  flex: 77 1 0%;
  flex-direction: row;
  min-width: 80px;
}
.market-table .mw100-flex130-1-0[data-v-07404619] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex: 130 1 0%;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  min-width: 100px;
}
.market-table .market-table-header[data-v-07404619] {
  align-items: center;
  border-bottom: 1px solid #eaecef;
  color: #848e9c;
  display: flex;
  justify-content: space-between;
  line-height: 18px;
  margin: 0;
  padding: 16px 0 16px 32px;
  width: 100%;
}
.market-table .market-table-header > [data-area="left"][data-v-07404619] {
  justify-content: flex-start;
  text-align: left;
}
.market-table .market-table-row[data-v-07404619] {
  align-items: center;
  border-bottom: 1px solid #eaecef;
  color: #212833;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 72px;
  justify-content: space-between;
  line-height: 18px;
  margin: 0;
  padding: 16px 0 16px 32px;
  width: 100%;
}
.market-table .market-table-row[data-v-07404619]:hover {
  background: #fafafa;
}
.market-table .market-table-row > [data-area="left"][data-v-07404619] {
  justify-content: flex-start;
  text-align: left;
}
.market-table .market-table-row .icon-wrap[data-v-07404619],
.market-table .market-table-row .icon-wrap img[data-v-07404619] {
  height: 36px;
  width: 36px;
}
.market-table .market-table-row .coin-des[data-v-07404619] {
  display: flex;
  flex: 1;
}
.market-table .market-table-row .coin-des span[data-v-07404619] {
  box-sizing: border-box;
  margin: 0 0 0 16px;
  min-width: 0;
}
.market-table
  .market-table-row
  .coin-des
  span[data-v-07404619]:last-child {
  color: #848e9c;
}
.market-table .market-table-row .k-line-img[data-v-07404619] {
  height: 38px;
  width: 127px;
}
.exfhange-warp[data-v-07404619] {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  background-color: transparent;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 24px 0 0;
}
.exfhange-warp .exfhange[data-v-07404619] {
  background: #16bb7a;
  border: none;
  border-radius: 50px;
  box-shadow: 0 20px 40px rgba(108, 217, 106, 0.25);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 16px 32px;
  text-align: center;
}
.bc-skeleton[data-v-1e4fc252] {
  background-repeat: no-repeat;
  background-size: 200px 100%;
  border-radius: 3px;
  display: inline-block;
  height: inherit;
  line-height: 1;
  width: 100%;
}
@keyframes SkeletonLoading-1e4fc252 {
  0% {
    background-position: -200px 0;
  }
  to {
    background-position: calc(200px + 100%) 0;
  }
}
.mobile-market[data-v-837e3c66] {
  display: none;
}
@media (max-width: 960px) {
  .mobile-market[data-v-837e3c66] {
    display: block;
    padding: 0 20px;
  }
}
.mobile-main-stream[data-v-837e3c66] {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
  padding-bottom: 24px;
}
.mobile-market-table[data-v-837e3c66] {
  align-items: center;
  border-bottom: 1px solid #919cb8;
  justify-content: space-between;
  padding: 16px;
}
.mobile-market-table[data-v-837e3c66],
.mobile-market-table .market-left[data-v-837e3c66] {
  display: flex;
  flex-direction: row;
}
.mobile-market-table .market-left > img[data-v-837e3c66] {
  height: 36px;
  margin-right: 4px;
  width: 36px;
}
.mobile-market-table .market-left .mobile-market-icon[data-v-837e3c66] {
  margin-right: 4px;
}
.mobile-market-table .market-left .market-asset[data-v-837e3c66] {
  position: relative;
}
.mobile-market-table .market-left .market-asset > span[data-v-837e3c66] {
  display: block;
}
.mobile-market-table .market-left .market-asset .asset[data-v-837e3c66] {
  color: #183b56;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}
.mobile-market-table
  .market-left
  .market-asset
  .asset-name[data-v-837e3c66] {
  color: #919cb8;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 2px;
}
.mobile-market-table .market-right[data-v-837e3c66] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: right;
}
.mobile-market-table .market-right .market-price[data-v-837e3c66] {
  color: #183b56;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}
.mobile-market-table .market-right .market-24h[data-v-837e3c66] {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 2px;
}
.exfhange-warp[data-v-837e3c66] {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  background-color: transparent;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 24px 0 0;
}
.exfhange-warp .exfhange[data-v-837e3c66] {
  background: #16bb7a;
  border: none;
  border-radius: 50px;
  box-shadow: 0 20px 40px rgba(108, 217, 106, 0.25);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 16px 32px;
  text-align: center;
}


.toko-talk[data-v-6710bd4c] {
  margin: 0 auto 62px;
  max-width: 1136px;
}
@media (max-width: 960px) {
  .toko-talk[data-v-6710bd4c] {
    display: none;
  }

}
.talk[data-v-6710bd4c] {
  -ms-flex-pack: space-between;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 100px 0 0;
}
.talk .talk-l[data-v-6710bd4c] {
  width: 576px;
}
.talk .talk-r[data-v-6710bd4c] {
  width: 512px;
}
.talk .talk-r p[data-v-6710bd4c]:first-child {
  color: #212833;
  font-size: 22px;
  line-height: 33px;
}
.talk .talk-r p[data-v-6710bd4c]:nth-child(2) {
  color: #212833;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  margin: 6px 0 0;
}
.talk .talk-r .talkBtn[data-v-6710bd4c] {
  background: #16bb7a;
  border-radius: 50px;
  box-shadow: 0 20px 40px rgba(108, 217, 106, 0.25);
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 25px 0 0 20px;
  padding: 16px 32px;
  text-align: center;
  width: 216px;
}
.talk ul[data-v-6710bd4c] {
  margin-top: 20px;
}
.talk ul li[data-v-6710bd4c] {
  border-left: 3px solid #fff;
  cursor: pointer;
  margin-bottom: 18px;
  padding-left: 20px;
}
.talk ul li h3[data-v-6710bd4c] {
  font-size: 16px;
  margin-bottom: 3px;
}
.talk ul .active[data-v-6710bd4c] {
  border-left: 3px solid #16bb7a;
}
.mobile-toko-talk[data-v-2310c4ae] {
  display: none;
  margin-top: 64px;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 960px) {
  .mobile-toko-talk[data-v-2310c4ae] {
    display: block;
  }
}
.mobile-toko-talk > .title[data-v-2310c4ae] {
  color: #061223;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.mobile-toko-talk > .desc[data-v-2310c4ae] {
  color: #061223;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 8px;
  width: 300px;
}
.mobile-toko-talk li[data-v-2310c4ae],
.mobile-toko-talk ul[data-v-2310c4ae] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobile-toko-talk ul[data-v-2310c4ae] {
  margin-bottom: 36px;
  margin-top: 24px;
}
.mobile-toko-talk li[data-v-2310c4ae] {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.mobile-toko-talk li .prefix[data-v-2310c4ae] {
  align-self: flex-start;
  background: transparent;
  height: 68px;
  margin-right: 16px;
  width: 4px;
}
.mobile-toko-talk li .content[data-v-2310c4ae] {
  border-bottom: 1px solid transparent;
  display: block;
  flex: 1;
  padding-bottom: 16px;
}
.mobile-toko-talk li .content.hasborder[data-v-2310c4ae] {
  border-bottom: 1px solid #919cb8;
}
.mobile-toko-talk li .content > span[data-v-2310c4ae] {
  display: block;
}
.mobile-toko-talk li .content .h3title[data-v-2310c4ae] {
  color: #061223;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.mobile-toko-talk li .content .info[data-v-2310c4ae] {
  color: #525252;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 8px;
}
.mobile-toko-talk li .icon[data-v-2310c4ae] {
  height: 24px;
  margin-left: 16px;
  width: 24px;
}
.mobile-toko-talk li .icon.clip[data-v-2310c4ae] {
  transform: rotate(180deg);
}
.mobile-toko-talk li.active .prefix[data-v-2310c4ae] {
  background: #16bb7a;
}
.talk-video[data-v-2310c4ae] {
  height: 181px;
  width: 100%;
}
.talkBtn[data-v-2310c4ae] {
  background: #16bb7a;
  border-radius: 50px;
  box-shadow: 0 20px 40px rgba(108, 217, 106, 0.25);
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 32px auto 64px;
  padding: 16px 32px;
  text-align: center;
  width: 216px;
}

.ekosistem-warp[data-v-9c418bbc] {
  margin: 118px auto 0;
  max-width: 1136px;
}
@media (max-width: 960px) {
  .ekosistem-warp[data-v-9c418bbc] {
    display: none;
  }
}
.ekosistem-warp .title[data-v-9c418bbc] {
  color: #212833;
  font-size: 22px;
  line-height: 33px;
}
.ekosistem-warp .desc[data-v-9c418bbc] {
  color: #212833;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  margin: 6px 0 0;
  width: 620px;
}
.menu[data-v-9c418bbc] {
  -ms-flex-pack: space-between;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 52px 0 0;
}
.menu[data-v-9c418bbc],
.menu .sidebar .label[data-v-9c418bbc] {
  display: block;
  display: flex;
  flex-direction: row;
}
.menu .sidebar .label[data-v-9c418bbc] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  background: #fff;
  cursor: pointer;
  height: 46px;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  width: 180px;
}
.menu .sidebar .label svg[data-v-9c418bbc] {
  fill: #212833;
  height: 24px;
  margin: 0 14px;
  width: 21px;
}
.menu .sidebar .menu_active[data-v-9c418bbc] {
  background: #16bb7a;
  color: #fff;
}
.menu .sidebar .menu_active svg[data-v-9c418bbc] {
  fill: #fff;
}
.menu .content[data-v-9c418bbc] {
  -ms-flex-pack: space-between;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 892px;
}
.menu .content .ekosistem-l[data-v-9c418bbc] {
  width: 429px;
}
.menu .content .ekosistem-l .title[data-v-9c418bbc] {
  border-bottom: 1px solid #495057;
  font-size: 20px;
  line-height: 28px;
  margin: 0 0 14px;
  padding: 0 0 26px;
}
.menu .content .ekosistem-l .detail[data-v-9c418bbc] {
  margin: 16px 0 0;
}
.menu .content .ekosistem-l .detail .name[data-v-9c418bbc] {
  color: #061223;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}
.menu .content .ekosistem-l .detail .statistics[data-v-9c418bbc] {
  color: #061223;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}
.menu .content .ekosistem-l .detail .desc[data-v-9c418bbc] {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin: 8px 0 0;
  width: 100%;
}
.menu .content .ekosistem-l a.ecosystem-btn[data-v-9c418bbc] {
  background: #16bb7a;
  border: none;
  border-radius: 50px;
  box-shadow: 0 20px 40px rgba(108, 217, 106, 0.25);
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 500;
  height: 58px;
  line-height: 58px;
  margin: 55px 0 0;
  outline: none;
  text-align: center;
  width: 190px;
}
.mobile-ekosistem-warp[data-v-45942b1e] {
  display: none;
  margin-top: 64px;
  padding: 0 20px;
  position: relative;
}
@media (max-width: 960px) {
  .mobile-ekosistem-warp[data-v-45942b1e] {
    display: block;
  }
}
.mobile-ecosys-box[data-v-45942b1e] {
  position: relative;
}
.mobile-ecosys-box .title[data-v-45942b1e] {
  color: #061223;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.mobile-ecosys-box .desc[data-v-45942b1e] {
  color: #061223;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 24px;
  margin-top: 8px;
}
.mobile-ecosys-box .sidebar[data-v-45942b1e] {
  margin-bottom: 24px;
  position: relative;
}
.mobile-ecosys-box .sidebar .label[data-v-45942b1e] {
  align-items: center;
  color: #061223;
  display: flex;
  flex-direction: row;
  padding: 20px 32px;
}
.mobile-ecosys-box .sidebar .label.hasborder[data-v-45942b1e] {
  border-bottom: 1px solid #919cb8;
}
.mobile-ecosys-box .sidebar .label.menu_active[data-v-45942b1e] {
  background: #16bb7a;
  border-bottom: none;
  color: #fff;
}
.mobile-ecosys-box
  .sidebar
  .label.menu_active
  .clip-icon[data-v-45942b1e],
.mobile-ecosys-box
  .sidebar
  .label.menu_active
  .label-l
  .icon[data-v-45942b1e] {
  fill: #fff;
}
.mobile-ecosys-box .sidebar .label .label-l[data-v-45942b1e] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1;
}
.mobile-ecosys-box .sidebar .label .label-l .icon[data-v-45942b1e] {
  fill: #061223;
  height: 24px;
  margin-left: 0;
  margin-right: 8px;
  width: 24px;
}
.mobile-ecosys-box .sidebar .label .clip-icon[data-v-45942b1e] {
  fill: #061223;
  height: 24px;
  margin-left: 16px;
  width: 24px;
}
.mobile-ecosys-box .sidebar .label .clip-icon.clip[data-v-45942b1e] {
  transform: rotate(180deg);
}
.mobile-exchange[data-v-c677ff76] {
  position: relative;
}
.mobile-exchange .title[data-v-c677ff76] {
  color: #061223;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}
.mobile-exchange hr[data-v-c677ff76] {
  border: 1px solid #919cb8;
  margin: 16px 0 24px;
}
.mobile-exchange .detail-box[data-v-c677ff76] {
  margin-bottom: 16px;
  position: relative;
}
.mobile-exchange .detail-box .detail[data-v-c677ff76] {
  margin-top: 20px;
}
.mobile-exchange .detail-box .detail[data-v-c677ff76]:first-child {
  margin-top: 0;
}
.mobile-exchange .detail-box .detail .name[data-v-c677ff76] {
  color: #061223;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}
.mobile-exchange .detail-box .detail .desc[data-v-c677ff76] {
  color: #525252;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px;
}
.mobile-exchange .ekosistem-img[data-v-c677ff76] {
  position: relative;
}
.mobile-exchange .ekosistem-img > img[data-v-c677ff76] {
  width: 100%;
}
.mobile-exchange .ecosystem-btn[data-v-c677ff76] {
  background: #16bb7a;
  border: none;
  border-radius: 50px;
  box-shadow: 0 20px 40px rgba(108, 217, 106, 0.25);
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 500;
  height: 58px;
  line-height: 58px;
  margin: 24px auto 64px;
  outline: none;
  position: relative;
  text-align: center;
  width: 190px;
}
.home-media[data-v-a9ad863e] {
  position: relative;
}
@media (max-width: 960px) {
  .media[data-v-ece69ac4],
  section[data-v-ece69ac4] {
    display: none;
  }
}
.media .title[data-v-ece69ac4] {
  font-size: 24px;
  line-height: 33px;
  margin-top: 142px;
  text-align: center;
}
.media .desc[data-v-ece69ac4] {
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  margin-top: 14px;
  text-align: center !important;
}
.media .brand[data-v-ece69ac4] {
  height: 67px;
  margin-top: 72px;
  overflow: hidden;
}
.media .is-show[data-v-ece69ac4] {
  height: auto;
}
.media .brand-row[data-v-ece69ac4] {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
}
.media .brand-row a[data-v-ece69ac4] {
  margin: 10px;
}
.media .brand-row img[data-v-ece69ac4] {
  margin: 0 5px;
}
.media .brand_scale[data-v-ece69ac4] {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 67px 0 0;
}
.media .brand_scale span[data-v-ece69ac4] {
  color: #1aa64a;
  cursor: pointer;
  height: 26px;
  position: relative;
  width: 120px;
}
.media .brand_scale span[data-v-ece69ac4]:after {
  border-color: #1aa64a transparent transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 0;
}
.media .brand_scale .is-up[data-v-ece69ac4]:after {
  transform: rotate(180deg);
}
section[data-v-4d2046d8] {
  display: none;
  margin-bottom: 64px;
  margin-top: 64px;
  padding: 0 20px;
}
@media (max-width: 960px) {
  section[data-v-4d2046d8] {
    display: block;
  }
}
section .title[data-v-4d2046d8] {
  color: #061223;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
section .desc[data-v-4d2046d8] {
  color: #061223;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 8px;
}
.brand[data-v-4d2046d8] {
  margin-top: 32px;
  overflow: hidden;
}
.is-show[data-v-4d2046d8] {
  height: auto;
}
.brand-row[data-v-4d2046d8] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.brand-row a[data-v-4d2046d8] {
  margin: 10px;
}
.brand-row img[data-v-4d2046d8] {
  margin: 0 5px;
}
.brand_scale[data-v-4d2046d8] {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 40px 0 0;
}
.brand_scale span[data-v-4d2046d8] {
  color: #1aa64a;
  cursor: pointer;
  height: 26px;
  position: relative;
  width: 120px;
}
.brand_scale span[data-v-4d2046d8]:after {
  border-color: #1aa64a transparent transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 0;
}
.brand_scale .is-up[data-v-4d2046d8]:after {
  transform: rotate(180deg);
}
section[data-v-7e0a1b7c] {
  margin-bottom: 119px;
  margin-top: 92px;
}
section .title[data-v-7e0a1b7c] {
  color: #061223;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
}
section .partners[data-v-7e0a1b7c] {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}
section .partners > a[data-v-7e0a1b7c] {
  margin-right: 24px;
}
section .partners > a[data-v-7e0a1b7c]:last-child {
  margin-right: 0;
}
@media (max-width: 960px) {
  section[data-v-7e0a1b7c] {
    margin-top: 64px;
    padding: 0 20px;
  }
  section .title[data-v-7e0a1b7c] {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
  }
  section .partners[data-v-7e0a1b7c] {
    justify-content: flex-start;
    margin-top: 32px;
  }
  section .partners > a[data-v-7e0a1b7c] {
    margin-top: 40px;
  }
  section .partners > a[data-v-7e0a1b7c]:first-child {
    margin-top: 0;
  }
}
.bidr-container[data-v-367873f2] {
  background: #fcfcfc;
  padding-bottom: 77px;
}
@media (max-width: 960px) {
  .bidr-container[data-v-367873f2] {
    padding: 0 20px 52px;
  }
}
.bidr-title[data-v-367873f2] {
  padding: 64px 0 33px;
}
.bidr-title img[data-v-367873f2] {
  height: 40px;
  width: 160px;
}
.card-warp[data-v-367873f2] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.card-warp .card[data-v-367873f2] {
  background-color: #fff;
  border-radius: 4px;
  height: 336px;
  padding: 32px;
  width: 359px;
}
.card-warp .card .title[data-v-367873f2] {
  color: #212833;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
}
.card-warp .card .desc[data-v-367873f2],
.card-warp .card .title[data-v-367873f2] {
  font-style: normal;
  letter-spacing: 0.005em;
  line-height: 22px;
}
.card-warp .card .desc[data-v-367873f2] {
  font-weight: 400;
  height: 180px;
  margin: 15px 0 0;
}
.card-warp .card .link[data-v-367873f2] {
  color: #16bb7a;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 960px) {
  .card-warp[data-v-367873f2] {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .card-warp .card[data-v-367873f2] {
    height: 336px;
    margin-top: 20px;
    width: 100%;
  }
  .card-warp .card[data-v-367873f2]:first-child {
    margin-top: 0;
  }
}
.sub-nav-warp[data-v-de9fe130] {
  background-color: #1d1d1d;
  padding: 60px 0 0;
}
.sub-nav[data-v-de9fe130] {
  padding: 0 0 90px;
}
.nav-l[data-v-de9fe130],
.sub-nav[data-v-de9fe130] {
  -ms-flex-pack: space-between;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.nav-l[data-v-de9fe130] {
  width: 690px;
}
.nav-l .title[data-v-de9fe130] {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin: 0 50px 0 0;
  width: 180px;
}
.nav-l ul[data-v-de9fe130] {
  margin: 16px 0 0;
}
.nav-l li a[data-v-de9fe130] {
  color: #848e9c;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 18px;
  margin: 10px 0;
}
.nav-l li a[data-v-de9fe130]:hover {
  color: #fff;
}
.full-nav[data-v-de9fe130] {
  width: 100%;
}
.nav-r[data-v-de9fe130] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transform: translateX(40px);
}
.nav-r .title[data-v-de9fe130] {
  color: #fff;
  font-weight: 400;
  line-height: 34px;
}
.nav-r .desc[data-v-de9fe130] {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.nav-r .search[data-v-de9fe130] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 30px 0 20px;
}
.nav-r .search input[data-v-de9fe130] {
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0 15px 0 0;
  outline: none;
  padding: 8px 10px;
  width: 310px;
}
.nav-r .search button[data-v-de9fe130] {
  height: 40px;
  line-height: 40px;
  width: 120px;
}
.aspakrindo[data-v-de9fe130] {
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  margin-top: 0 20px 20px;
}
.aspakrindo p[data-v-de9fe130] {
  font-weight: 700;
}
.aspakrindo img[data-v-de9fe130] {
  cursor: pointer;
  height: 92px;
  width: auto;
}
.copyright-warp[data-v-de9fe130] {
  background-color: #1d1d1d;
}
.copyright-warp .copyright[data-v-de9fe130] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.copyright-warp .copyright .copyright-text[data-v-de9fe130] {
  font-weight: 600;
  line-height: 78px;
}
.copyright-warp .community[data-v-de9fe130] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.copyright-warp .community svg[data-v-de9fe130] {
  fill: #fff;
  cursor: pointer;
  height: 22px;
  margin: 0 8px;
  width: 22px;
}
.disclaimer[data-v-de9fe130] {
  background-color: #1d1d1d;
  color: #fff;
  padding-bottom: 30px;
}
.disclaimer .title[data-v-de9fe130] {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin: 0 50px 10px 0;
}
@media (max-width: 960px) {
  .footer[data-v-4ac63e86] {
    display: none;
  }
}
.sub-nav-warp[data-v-4ac63e86] {
  background-color: #1d1d1d;
  padding: 60px 0 0;
}
.sub-nav[data-v-4ac63e86] {
  padding: 0 0 90px;
}
.nav-l[data-v-4ac63e86],
.sub-nav[data-v-4ac63e86] {
  -ms-flex-pack: space-between;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.nav-l[data-v-4ac63e86] {
  width: 690px;
}
.nav-l .title[data-v-4ac63e86] {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin: 0 50px 0 0;
  width: 180px;
}
.nav-l ul[data-v-4ac63e86] {
  margin: 16px 0 0;
}
.nav-l li a[data-v-4ac63e86] {
  color: #848e9c;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 18px;
  margin: 10px 0;
}
.nav-l li a[data-v-4ac63e86]:hover {
  color: #fff;
}
.full-nav[data-v-4ac63e86] {
  width: 100%;
}
.sub-menu-item-child .content .icon[data-v-4083a9a2] {
  fill: transparent;
  margin-right: 8px;
  width: 14px;
  height: 0px;
}
.nav-r[data-v-4ac63e86] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  transform: translateX(40px);
}
.nav-r .title[data-v-4ac63e86] {
  color: #fff;
  font-weight: 400;
  line-height: 34px;
}
.nav-r .desc[data-v-4ac63e86] {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.nav-r .search[data-v-4ac63e86] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 30px 0 20px;
}
.nav-r .search input[data-v-4ac63e86] {
  border: 0;
  border-radius: 4px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  margin: 0 15px 0 0;
  outline: none;
  padding: 8px 10px;
  width: 310px;
}
.nav-r .search button[data-v-4ac63e86] {
  height: 40px;
  line-height: 40px;
  width: 120px;
}
.aspakrindo[data-v-4ac63e86] {
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  margin-top: 0 20px 20px;
  width: 445px;
}
.aspakrindo p[data-v-4ac63e86] {
  font-weight: 700;
}
.aspakrindo .contris[data-v-4ac63e86] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.aspakrindo img[data-v-4ac63e86] {
  cursor: pointer;
  height: 92px;
  width: auto;
}
.copyright-warp[data-v-4ac63e86] {
  background-color: #1d1d1d;
}
.copyright-warp .copyright[data-v-4ac63e86] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  color: #fff;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.copyright-warp .copyright .copyright-text[data-v-4ac63e86] {
  font-weight: 600;
  line-height: 78px;
}
.copyright-warp .community[data-v-4ac63e86] {
  -ms-flex-pack: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  display: block;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.copyright-warp .community svg[data-v-4ac63e86] {
  fill: #fff;
  cursor: pointer;
  height: 22px;
  margin: 0 8px;
  width: 22px;
}
.disclaimer[data-v-4ac63e86] {
  background-color: #1d1d1d;
  color: #fff;
  padding-bottom: 30px;
}
.disclaimer .title[data-v-4ac63e86] {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin: 0 50px 10px 0;
}
.footer-small[data-v-0e2e2d2a] {
  background-color: #1d1d1d;
  display: none;
  padding: 32px 24px;
}
@media (max-width: 960px) {
  .footer-small[data-v-0e2e2d2a] {
    display: block;
  }
}
.footer-list[data-v-0e2e2d2a] {
  position: relative;
}
.footer-list .footer-menu[data-v-0e2e2d2a] {
  cursor: pointer;
  margin-top: 24px;
  position: relative;
}
.footer-list .footer-menu[data-v-0e2e2d2a]:first-child {
  margin-top: 0;
}
.footer-list .footer-menu.active .footer-menu-li[data-v-0e2e2d2a] {
  display: flex;
}
.footer-list .footer-menu.active .footer-ol > svg[data-v-0e2e2d2a] {
  transform: rotate(90deg);
}
.footer-list .footer-menu .footer-ol[data-v-0e2e2d2a] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.footer-list .footer-menu .footer-ol > .title[data-v-0e2e2d2a] {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.footer-list .footer-menu .footer-ol > svg[data-v-0e2e2d2a] {
  fill: #fff;
  height: 24px;
  width: 24px;
}
.footer-list .footer-menu .footer-menu-li[data-v-0e2e2d2a] {
  display: none;
  position: relative;
}
.footer-list .footer-menu .footer-menu-li > a[data-v-0e2e2d2a] {
  color: #848e9c;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 8px 0;
}
.footer-subscribe[data-v-0e2e2d2a] {
  color: #fff;
  margin-top: 30px;
  position: relative;
}
.footer-subscribe > .title[data-v-0e2e2d2a] {
  font-size: 12px;
  font-weight: 400;
  line-height: 35px;
}
.footer-subscribe > .desc[data-v-0e2e2d2a] {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
}
.footer-subscribe .search[data-v-0e2e2d2a] {
  -ms-flex-pack: space-between;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  border-radius: 8px;
  display: block;
  display: flex;
  flex-direction: row;
  height: 58px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 24px;
  position: relative;
}
.footer-subscribe .search > input[data-v-0e2e2d2a] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 8px 0 0 8px;
  flex: 1;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0 24px;
}
.footer-subscribe .search > div[data-v-0e2e2d2a] {
  height: 100%;
  width: 70px;
}
.footer-subscribe .search button[data-v-0e2e2d2a] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: linear-gradient(144.88deg, #077fa2 -7.33%, #17a84b 121.92%);
  border: none;
  border-radius: 0 8px 8px 0;
  cursor: pointer;
  height: 100%;
  outline: none;
  width: 70px;
}
.aspakrindo[data-v-0e2e2d2a] {
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  margin-top: 30px;
}
.aspakrindo p[data-v-0e2e2d2a] {
  font-size: 16px;
  font-weight: 700;
}
.aspakrindo img[data-v-0e2e2d2a] {
  cursor: pointer;
  height: 92px;
  margin-top: 16px;
  width: auto;
}
.disclaimer[data-v-0e2e2d2a] {
  color: #fff;
  margin-top: 30px;
}
.disclaimer .title[data-v-0e2e2d2a] {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
  margin: 0 50px 10px 0;
}
.community[data-v-0e2e2d2a] {
  align-items: center;
  display: flex;
  margin-top: 30px;
}
.community > a[data-v-0e2e2d2a] {
  margin-right: 26px;
}
.community > a .icon[data-v-0e2e2d2a] {
  fill: #fff;
  height: 20px;
  width: 20px;
}
.copyright-text[data-v-0e2e2d2a] {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
  margin-top: 30px;
}
/* mobile responsive style start */
@media (max-width: 500px) {
    section.banner-container>.box .right>img[data-v-492efdac], .mobile-exchange .ekosistem-img>img[data-v-c677ff76]{
    width:50%!important;
   }
  }

/* mobile responsive styel end */