.join-tt{
  color: #111;
  font-weight: 300;
  border-bottom: 1px solid #dadada;
}
.join-con1{
  border-bottom: 1px solid #dadada;
}
.join-sub-tt{
  color: #111;
  font-weight: 300;
}
.join-con1 li:last-child{
  margin-bottom: 0;
}
.join-li-tt{
  color: #111;
}
.join-li-intro{
  color: #111;
  line-height: 1.8;
}
.btn-box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.btn-box .yc-btn{
  margin: 0;
}
.btn-box > span{
  padding:0 2vw;
  color: #111;
}
.code-box{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.code-box img{
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;
}
.code-contact{
  color: #111;
  line-height: 2.4;
  padding:0 2vw;
}
@media only screen and (max-width: 768px) {
  .btn-box > span{
    display: block;
    padding: 0;
    margin-top: 10px;
    font-size: 13px;
  }
  .code-contact{
    width: 100%;
    padding: 0;
    margin-top: 10px;
    font-size: 13px;
  }
}