.joins{ overflow: hidden; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.joins .info{ width: 37.5%; float: left; }
.joins h3{ padding: 40px 2vw 80px; line-height: 40px; display: flex; align-items: center; justify-content: space-between; color: #fff; }
.joins h3 span{ font-size: 36px; }
.joins h3 i{ font-size: 28px; }
.joins .libs{}
.joins .libs p{ padding:20px 2vw; border-bottom: 1px solid #fff; color: #fff; line-height: 1.3; position: relative; }
.joins .libs p:last-child{ border-bottom: none; }
.joins .libs p i{ display: block; font-size: 16px; }
.joins .libs p span{ display: block; font-size: 30px; color:#fff;  }
.joins .libs p span a{ display: block; font-size: 30px; color:#fff;  }
.joins .libs p .code{ display: block; width: 140px; margin-top: 5px; }
.joins .libs p .jt{ position: absolute; right: 2vw; bottom: 20px; }
.joins .form{ width: 62.5%; float: right; background-color: #FBC518; padding-right: 2vw; position: relative; }
.joins .form:after{ position: absolute; right: 2vw; top: 0; width: 2px; background-color: #fff; height: 100%; content: ""; }
.joins .form h3{ color: #000; }
.joins .fills{ width: 90%; max-width: 840px; margin:0 auto; overflow: hidden; }
.joins .fills dl{ width: 48%; float: left; margin-bottom: 15px; }
.joins .fills dt{ display: flex; align-items: center; height:24px; margin-bottom: 10px;  }
.joins .fills dt span{ font-size: 14px; color: #000; }
.joins .fills dt i{ font-size: 16px; color: #000; padding: 0 8px; }
.joins .fills dt em{ font-size: 16px; color: #fff; }
.joins .fills dd{ border-bottom: 1px solid #000; }
.joins .fills dd input{ display: block; width: 100%; height: 60px; line-height: 60px; border:none; background-color: transparent; font-size: 16px; color: #000; }
.joins .fills dd textarea{ display: block; width: 100%; height: 120px; line-height: 30px; border:none; background-color: transparent; font-size: 16px; color: #000; resize: none; }
.joins .fills dl:nth-child(2n){ float: right; }
.joins .fills dl.all{ width: 100%; }
.joins .send{ display: block; display: flex; align-items: center; justify-content: center; width: 280px; height: 42px; line-height: 42px; background-color: #000; color: #FBC518; text-align: center; margin:150px auto 50px; border-radius: 42px; transition: all 0.6s; cursor: pointer; }
.joins .send span{ font-size: 22px; }
.joins .send i{ font-size: 18px; }
.joins .send:hover{ background-color: #fff; color: #000; width: 360px; }

@media (max-width: 1440px) {

	.joins h3 span{ font-size: 20px; }
	.joins h3 i{ font-size: 20px; }
	.joins .libs p span{ font-size: 26px; }
}
@media (max-width: 1023px) {
.joins{ border-top: 0.02rem solid #fff; border-bottom: 0.02rem solid #fff; }
.joins .info{ width:100%; }
.joins h3{ padding: 0.4rem 5% 0.8rem; line-height: 0.44rem; }
.joins h3 span{ font-size:0.26rem; letter-spacing:-0.01rem; }
.joins h3 i{ font-size: 0.25rem; font-weight:500;}
.joins .form h3{ margin-right:0.3rem; }
.joins .libs {margin-bottom:0.8rem;}
.joins .libs p{ padding:0.25rem 5%; border-bottom: 0.02rem solid #fff; }

.joins .libs p i{ font-size: 0.24rem; }
.joins .libs p span{ font-size: 0.28rem;  }
.joins .libs p .code{ width: 2rem; margin-top:0.1rem; }
.joins .libs p .jt{ right: 5%; bottom: 0.25rem; width: 0.4rem; }
.joins .form{ width: 100%; padding: 0; }
.joins .form:after{ display: block; width: 1px; right: 5%; }
.joins .fills{ width: 60%; max-width: 840px; }
.joins .fills dl{ width: 100%; float: none; margin-bottom: 0.25rem; }
.joins .fills dt{ height:0.4rem; margin-bottom: 0.1rem;  }
.joins .fills dt span{ font-size: 0.25rem;  }
.joins .fills dt i{ font-size: 0.24rem; padding: 0 0.2rem; letter-spacing:-0.01rem; }
.joins .fills dt em{ font-size: 0.28rem; }
.joins .fills dd{ border-bottom: 0.02rem solid #000; }

.joins .fills dd input{ height: 0.72rem; line-height: 0.72rem; font-size: 0.28rem; }
.joins .fills dd textarea{ height: 1.6rem; line-height: 0.4rem; font-size: 0.28rem;  }
.joins .fills dl:nth-child(2n){ float: none; }

.joins .send{ width: 3rem; height: 0.54rem; line-height: 0.54rem; margin:1.5rem auto 0.9rem; border-radius: 0.64rem; }
.joins .send span{ font-size: 0.28rem; }
.joins .send i{ font-size: 0.26rem; }
.joins .send:hover{ width: 3.7rem; }
.sloganw { padding: 1.3rem 5% ; font-size: 0.26rem; font-size: 0.18rem;}
}