.container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  font-family: SFProDisplay, SFProDisplay;
}

body {
  background-image: url('../images/page2.png');

}

.flex {
  display: flex;
  display: -webkit-flex;
}

.flex.ac {
  align-items: center;
}

.flex.jc {
  justify-content: center;
}

.flex.js {
  justify-content: space-between;
}


/* header */
.header {
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  padding-top: 43px;
  padding-left: 162px;
  box-sizing: border-box;
  z-index: 10;
}

.header .logo img {
  display: block;
  width: 116px;
  height: 116px;
}

.header .nav {
  padding-left: 51px;
}

.header .nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 124px;
  height: 43px;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 29px;
  padding: 0 24px;
  margin-right: 36px;
  box-sizing: border-box;
}

.header.active .nav li a {
  color: #4e4e4e;
  mix-blend-mode: difference;
}

.header .nav li.active a {
  color: #FFFFFF;
  border-radius: 40px;
  background-image: linear-gradient(90deg, #0BABFE, #930AFF);
}

.content {
  padding: 10vh 10vw 0;
}

.module {
  margin-bottom: 22px;
}

.module .label {
  font-size: 36px;
  color: #FFFFFF;
  line-height: 43px;
  margin-bottom: 20px;
}

.module .value {
  display: flex;
  align-items: center;
  min-width: 607px;
  width: max-content;
  height: 103px;
  font-size: 36px;
  color: #FFFFFF;
  line-height: 43px;
  padding: 0 70px 0 38px;
  border-radius: 999px;
  box-sizing: border-box;
  background-color: #00000090;
}