.join{
    position:relative;
    max-width: 75rem;
    /* height:10rem; */
    margin: 0 auto;
    cursor: pointer;
    margin-top:6rem;
}

.join .join_title {
    margin-bottom:3rem;
    text-align:center;
   
}

.join .join_title p {
    color:#fff;
    font-size:2rem;
    text-align:center;
}

.join .join_title p  span{
    letter-spacing:0.2rem;
}

.join .join_title .welcome {
    font-size:1.5rem!important;
}

.join .join_info {
    margin: 0 auto;
}

.join .join_info ul {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    
}

.join .join_info ul li {
    flex:20%;
    margin-right:2rem;
    margin-bottom:2rem;
}



.join .join_info ul li p{
    width:100%;
    color:#fff;
    padding-left:1.5rem;
    font-size:1rem;
    overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
	word-break:break-all;
  
}

.join .join_info ul li p:first-child{
    position:relative;
    color:#fff;
    font-size:1.2rem;
    padding-left:3.3rem;
    margin-bottom:1.5rem;
}

.join .join_info ul li p:first-child::before {
    position: absolute;
    top: 0rem;
    left: 1.5rem;
    content:'';
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.5rem solid  #fff;
    border-right: 0.75rem solid transparent;
}