.ykm-section {
  padding: 50px 0;
  text-align: center;
}

.ykm-main-title {
  font-size: 30px;
  padding-bottom: 20px;
}

.ykm-main-description {
  font-size: 24px;
  padding-bottom: 50px;
}

.ykm-section-title {
  font-size: 18px;
  padding-bottom: 18px;
}
.ykm-section-description {
  font-size: 18px;
  padding-bottom: 50px;
}

.ykm-main-description-small {
  font-size: 24px;
  padding-bottom: 20px;
}

.ykm-main-head {}

.ykm-main-content {}

.ykm-section-head {
  font-size: 20px;
  padding-top: 10px;
}

.ykm-section-content {
  font-size: 16px;
  padding: 10px 0 20px;
  color: #9E9E9E;
  margin: 0 20px;
}

.ykm-color {
  background: #00a560;
  color: #fff;
}

.ykm-spacing {
  padding-top: 80px;
}

.b_box {
  display: flex;
  flex-direction: column;
  height: 450px
}

.platform {
  display: flex;
  justify-content: space-between;
}

.ykm-platform {
  font-size: 20px;
  border: 1px solid #9E9E9E;
  color: #9E9E9E;
  flex: 0 0 30%;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 640px) {
  .b_box {
    display: flex;
    flex-direction: column;
    height: 270px
  }
  .ykm-main-title {
    font-size: 28px !important;
  }
  .ykm-main-description {
    font-size: 18px !important;
  }
  .ykm-news-description {
    font-size: 18px !important;
  }
  /*.ykm-section img{
      width: 100%;
  }*/
  .m-logo img {
    height: 50px !important;
  }
  /* .ykm-section {
    padding: 20px 0;
  } */
  .ykm-platform{
    font-size: 12px;
    padding: 10px 0;
  }
}

@media (max-width: 810px) {
  .img-width-100 {
    width: 100%;
  }
}

.join-button a:hover {
  background: #fff;
  color: #00a560;
  border: 1px solid #00a560;
}

.scene {
  display: flex;
  flex-wrap: wrap;
}

.scene-item-3 {
  flex: 0 0 30%;
  margin: 1.5%;
  border: 1px solid #9E9E9E;
}

.scene-item-4 {
  flex: 0 0 23%;
  margin: 1%;
  /* border: 1px solid #9E9E9E; */
}
.scene-item-5 {
  flex: 0 0 18%;
  margin: 1%;
  /* border: 1px solid #9E9E9E; */
}

.ykm-hide {
  display: none;
}

.ykm-show {
  display: block;
}

.ykm-pla-click {
  background-color: #00a560;
  color: #fff;
  border: 1px solid #00a560;
}

.move-bor {
  border: initial;
}
.ykm-text-left{
  text-align: left;
}
.nav-li-item{
  width:0.5% !important;
}
.nav-li-item a {
  padding: 0.5em 0.4em !important;
  line-height:initial;
  border: 1px solid #00a560;
  margin: 0 0.5em !important;
}
.nav-li-item a:hover {
  background-color: #00a560 !important;
  color: #fff;
}

.nav-divr {
  float: right;
}