._1920px_2Tsvl {
  content: 1920; }

._1366px_3yduu {
  content: 1366; }

._1024px_271l4 {
  content: 1024; }

._768px_3dNrm {
  content: 768; }

.default_2vR92 {
  width: 100%;
  height: 100%;
  overflow: auto; }

.scroll_1MEhM {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden; }
  .scroll_1MEhM .trackVertical_1OGIj {
    position: absolute;
    width: 8px !important;
    right: 2px;
    bottom: 2px;
    top: 2px;
    border-radius: 3px;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0.3; }
    .scroll_1MEhM .trackVertical_1OGIj.active_Ww3FL {
      opacity: 0.6; }
    .scroll_1MEhM .trackVertical_1OGIj:hover {
      opacity: 0.6; }
  .scroll_1MEhM .thumbVertical_34d0_ {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: inherit;
    background-color: #000; }
  .scroll_1MEhM .trackHorizontal_2jT7Y {
    position: absolute;
    height: 8px !important;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: 3px;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0.3; }
    .scroll_1MEhM .trackHorizontal_2jT7Y.active_Ww3FL {
      opacity: 0.6; }
    .scroll_1MEhM .trackHorizontal_2jT7Y:hover {
      opacity: 0.6; }
  .scroll_1MEhM .thumbHorizontal_18Ef0 {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    border-radius: inherit;
    background-color: #000; }

._1920px_3W3kR {
  content: 1920; }

._1366px_1fF2v {
  content: 1366; }

._1024px_PD8ly {
  content: 1024; }

._768px_2TA5o {
  content: 768; }

.sidebar_Jx98d {
  position: relative;
  width: 276px;
  min-width: 276px;
  height: 100%;
  background: #0fb065;
  z-index: 2;
  -webkit-transition: left ease 0.2s;
  transition: left ease 0.2s; }
  @media only screen and (max-width: 1366px) {
    .sidebar_Jx98d {
      width: 250px;
      min-width: 250px; } }
  @media only screen and (max-width: 1024px) {
    .sidebar_Jx98d {
      position: absolute;
      top: 0;
      left: -250px;
      width: 250px;
      min-width: 250px; }
      .sidebar_Jx98d.active {
        left: 0;
        -webkit-box-shadow: -2px 0px 10px #000;
                box-shadow: -2px 0px 10px #000; } }
  .sidebar_Jx98d .burger_3-TEG {
    position: absolute;
    top: 10px;
    left: 260px;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
    background: #0fb065;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000; }
    @media only screen and (max-width: 1024px) {
      .sidebar_Jx98d .burger_3-TEG {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .sidebar_Jx98d .mask_2wTs_ {
    position: absolute;
    top: 0;
    left: 250px;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); }
  .sidebar_Jx98d .container__xQAd {
    position: relative;
    display: block;
    height: 100%;
    overflow-y: auto; }
    .sidebar_Jx98d .container__xQAd .inner_34TyP {
      position: relative;
      display: block;
      min-height: 100%;
      padding-bottom: 50px; }
      .sidebar_Jx98d .container__xQAd .inner_34TyP .time_16qdL {
        padding: 10px;
        color: #fff; }
      .sidebar_Jx98d .container__xQAd .inner_34TyP .head_3NYQ0 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 10px 0; }
        .sidebar_Jx98d .container__xQAd .inner_34TyP .head_3NYQ0 .logo_3lFVg {
          margin: 0 auto 20px;
          max-width: 60px;
          overflow: hidden; }
          @media only screen and (max-width: 1024px) {
            .sidebar_Jx98d .container__xQAd .inner_34TyP .head_3NYQ0 .logo_3lFVg {
              max-width: 30px; } }
          .sidebar_Jx98d .container__xQAd .inner_34TyP .head_3NYQ0 .logo_3lFVg img {
            display: block;
            width: auto;
            max-width: 100%; }
        .sidebar_Jx98d .container__xQAd .inner_34TyP .head_3NYQ0 .name_3MXrm {
          text-align: center;
          font-weight: bold;
          text-transform: uppercase;
          color: #fff; }
      .sidebar_Jx98d .container__xQAd .inner_34TyP .user_OhJMs {
        font-size: 0.6rem;
        padding: 10px;
        color: #fff;
        margin-bottom: 20px;
        word-wrap: break-word;
        line-height: 1.4; }
      .sidebar_Jx98d .container__xQAd .inner_34TyP .socials_3qVv- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        padding: 10px;
        color: #fff; }
        .sidebar_Jx98d .container__xQAd .inner_34TyP .socials_3qVv- .link_1wHAQ {
          margin: 0 5px; }
          .sidebar_Jx98d .container__xQAd .inner_34TyP .socials_3qVv- .link_1wHAQ img {
            width: 44px; }

._1920px_V0Tnn {
  content: 1920; }

._1366px_6ceuo {
  content: 1366; }

._1024px_2fYkN {
  content: 1024; }

._768px_2WOmt {
  content: 768; }

.menu_3ThI3 {
  position: relative;
  width: 100%;
  color: #fff;
  margin-bottom: 20px; }
  .menu_3ThI3 li {
    position: relative;
    display: block;
    width: 100%; }
  .menu_3ThI3 .link_1nn50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    padding: 10px;
    cursor: pointer; }
    .menu_3ThI3 .link_1nn50.active {
      background: rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 1366px) {
      .menu_3ThI3 .link_1nn50 {
        height: 50px; } }
  .menu_3ThI3 .icon_22MMC {
    margin-right: 10px;
    font-size: 1.8rem; }
    @media only screen and (max-width: 1366px) {
      .menu_3ThI3 .icon_22MMC {
        font-size: 1.4rem; } }

.element_3AukP {
  position: relative;
  display: block;
  background: transparent;
  overflow: hidden;
  cursor: pointer; }
  .element_3AukP .circle_233-A {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 1; }
    .element_3AukP .circle_233-A.explode_3BxVK {
      -webkit-animation: explode_3BxVK 0.7s forwards;
              animation: explode_3BxVK 0.7s forwards; }
    .element_3AukP .circle_233-A.desplode_3ejAW {
      -webkit-animation: desplode_3ejAW 0.7s forwards;
              animation: desplode_3ejAW 0.7s forwards; }
  .element_3AukP .children_AWPQT {
    position: relative;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 2; }

@-webkit-keyframes explode_3BxVK {
  0% {
    width: 0;
    height: 0;
    background-color: rgba(100, 100, 100, 0.5); }
  100% {
    width: 1000px;
    height: 1000px;
    background-color: rgba(255, 255, 255, 0.2); } }

@keyframes explode_3BxVK {
  0% {
    width: 0;
    height: 0;
    background-color: rgba(100, 100, 100, 0.5); }
  100% {
    width: 1000px;
    height: 1000px;
    background-color: rgba(255, 255, 255, 0.2); } }

@-webkit-keyframes desplode_3ejAW {
  0% {
    width: 1000px;
    height: 1000px;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    width: 0;
    height: 0;
    background-color: rgba(100, 100, 100, 0.5); } }

@keyframes desplode_3ejAW {
  0% {
    width: 1000px;
    height: 1000px;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    width: 0;
    height: 0;
    background-color: rgba(100, 100, 100, 0.5); } }

._1920px_VCxAW {
  content: 1920; }

._1366px_3XvHN {
  content: 1366; }

._1024px_2jMwT {
  content: 1024; }

._768px_3IyeO {
  content: 768; }

.layout_Ou-38 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  min-width: 320px;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (max-width: 1366px) {
    .layout_Ou-38 {
      max-width: 100vw; } }
  .layout_Ou-38 .container_1ZbrJ {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    height: 100%;
    background: #e6f6f7; }
    .layout_Ou-38 .container_1ZbrJ.active {
      -webkit-filter: blur(2px);
              filter: blur(2px); }
  .layout_Ou-38 .content_80TJ2 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 1240px;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 20px;
    color: #2d2d2d; }
    @media only screen and (max-width: 1024px) {
      .layout_Ou-38 .content_80TJ2 {
        padding: 45px 10px 10px; } }