.page-join{}
.page-join .join-block{padding:120px 0;}
.page-join .join-list {display: flex;flex-direction: column;}
.page-join .join-item {overflow: hidden;background-color: #fff;padding:0 36px;border-top:1px solid var(--border-color);}
.page-join .join-item .el-icon-circle-plus{display: block;}
.page-join .join-item .el-icon-remove{display: none;}

.page-join .join-item.open .el-icon-circle-plus{display: none;}
.page-join .join-item.open .el-icon-remove{display: block;}

.page-join .join-item.open {background-color:var(--primary-color);color:#fff;}
.page-join .join-item-head {display: flex;align-items: center;justify-content: space-between;padding:30px 0;}
.page-join .join-item-head .item-head-left{display: flex;align-items: center;justify-content: space-between;flex:1;padding-right:200px;box-sizing: border-box;font-size:20px;}
.page-join .join-item-tit {width:40%;margin-right:16px;}
.page-join .join-mate-box {width:50%;text-align: right;display:flex;align-items: center;justify-content: flex-end;}
.page-join .join-mate-box .mate-item{}
.page-join .join-mate-box .mate-item:first-child{margin-right:16px;padding-right:16px;position:relative;}
.page-join .join-mate-box .mate-item:first-child:after{height:18px;border-right:1px solid #ccc;content:"";position:absolute;right:0;top:50%;transform: translateY(-50%);}

.page-join .join-mate-box span {margin-right:16px;}
.page-join .join-more-btn {cursor: pointer;color:#ccc;transition: all .3s;}
.page-join .join-more-btn:hover{color:var(--primary-color)}
.page-join .join-more-btn i {font-size:40px;}

.page-join .join-item.open .join-more-btn{color:#fff;}

.page-join .join-item .join-item-content{display: none;}
/* .page-join .join-item.open .join-item-content{display: block;} */
.page-join .join-item-cont {border-top:1px solid rgba(255,255,255,.3);padding:32px 0;border-bottom:1px solid rgba(255,255,255,.3);}
.page-join .join-item-cont p {margin:6px 0;}
.page-join .join-item-foot {padding:32px 0;}





@media screen and (max-width: 1520px) {
  
}
@media screen and (max-width: 1300px) {
  .page-join .join-block{padding:60px 0;}
  .page-join .join-item-head .item-head-left{display: block;padding-right:16px;font-size: 16px;}
  .page-join .join-mate-box{justify-content: flex-start;width:100%;}
  .page-join .join-item-tit{width:100%;margin-right:0;}
}
@media screen and (max-width: 1180px) {
   
}
@media screen and (max-width: 750px) {
  .page-join .join-item-head{padding:20px 0 16px 0;}
  .page-join .join-item-cont{padding:10px 0;}

  .page-join .join-item{padding:0 26px;}
  
}
@media screen and (max-width: 480px) {

}