[v-cloak] {
    display: none;
  }


.ed-header {
    padding: 1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.ed-header-left img {
    width: 130px;
    height: 130px;
    vertical-align: middle;
}

.ed-header-left-right {
    display: inline-block;
    margin-left: 1rem;
    padding: .6rem 0 .6rem 0;
    vertical-align: middle;
}

.ed-header-left-right-row {
    margin-bottom: .6rem;
}

.ed-header-left-right-row h4 {
    color: rgb(7, 67, 148);
}

.ed-header-right {
    align-items: center;
}

.ed-header-right-btn {
    font-size: 1.4rem;
    padding: .1rem .3rem; 
    border: rgb(7, 67, 148) .3rem solid;
    border-radius: .8rem;
    cursor: pointer;
}
.ed-header-right-btnGZ {
    font-size: 1.4rem;
    padding: .1rem .3rem;
    border: rgb(7, 67, 148) .3rem solid;
    border-radius: .8rem;
    cursor: pointer;
}

.content-right-title span{
    color: rgb(7, 67, 148);
    padding-bottom: .2rem;
    border-bottom: rgb(7, 67, 148) solid .3rem;
    font-size: 1.4rem;
}

.introduce {
    margin-top: 1rem;
    height: 350px;
    overflow-y: auto;
}

.content-item {
    height: 430px;
}

.content-item img{
    height: 370px;
    width: 100%;
}

.img-video {
    height: 60px;
    padding: 10px;
    text-align: center;
}

.img-video button {
    border: solid 2px rgb(7, 67, 148);
    background-color: white;
    color: rgb(7, 67, 148);
    border-radius: 15px;
    padding: 1px 20px;
    margin-right: 30px;
}

.img-video button.active{
    background-color: rgb(7, 67, 148);
    color: white;
}

.products {
    margin-top: 2rem;
}

.products .title span{
    color: rgb(7, 67, 148);
    padding-bottom: .2rem;
    border-bottom: rgb(7, 67, 148) solid .3rem;
    font-size: 1.4rem;
}

.products .items {
    margin-top: 2rem;
    padding: 1rem;
}

.products .items .item {
    display: inline-block;

}

.products .items .item img {
    height: 160px;
    width: 160px;
}

.item-title {
    padding: 1rem;
    text-align: center;
}

.el-carousel__item h3 {
    position: absolute;
    color: black;
    opacity: 0.75;
    bottom: 1rem;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
  }

  .sp-title {
    color: rgb(7, 67, 148);
    padding-bottom: .2rem;
    border-bottom: rgb(7, 67, 148) solid .3rem;
    font-size: 1.4rem;
  }

  .requirement {
      margin-top: 2rem;
  }

  .re-content {
      margin-top: 2rem;
  }

  .download {
      margin-top: 2rem;
  }

  .download-box {
      margin-top: 2rem;
      height: 400px;
      overflow-y: auto;
  }

  .download-item {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem;
      border-bottom: solid 1px darkgray;
  }

  .download-item img {
      width: 2rem;
      height: auto;
      vertical-align: middle;
  }

  .download-item span {
      margin-left: 1rem;
      vertical-align: middle;
  }

  .download-item-right {
      padding: 1px 10px;
      border: solid 1px darkgray;
  }

  .communication {
      clear: both;
  }

  .communication-item {
    margin-top: 2rem;
      background-color: rgb(7, 67, 148);
      height: 400px;
      padding: 40px 20px 40px 20px;
      border-radius: 15px;
      color: white;
      text-align: center;
  }

  .communication-item-title {
      margin-top: 30px;

  }

  .communication-item-explain {
      margin-top: 20px;
  }

  .communication-item-btn {
      font-size: 1.3rem;
      background-color: white;
      color: black;
      width: 70%;
      margin: 140px auto 0 auto;
      padding: 5px;
      border-radius: .5rem;
  }

  .el-dialog__body  {
      text-align: center !important;
  }

  .items img {
      height: 100%;
      width: 100%;
  }

  .leave-message {
    float: right; margin-right: 20px;
    padding: 5px 30px;
    background-color: rgb(7, 67, 148);
    color: white;
    border-radius: 10px;
    border:none;
  }

  .el-textarea textarea{
    height: 200px;
  }