.join-main{
    width: 90%;
    margin-left: 5%;
    /*height:438px;*/
    background:rgba(255,255,255,1);
    border:1px solid rgba(153,153,153,1);
    border-radius:8px;
    margin-top: 30px;
}

.join-img{
    height:436px;
    margin-left: -15px;
    border-bottom-left-radius:8px ;
    border-top-left-radius: 8px;
}



.join-date-right-1{
    margin-top: 10%;
    font-size:30px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:48px;
    /*margin-left: -20px;*/
}

.join-date-right-2{
    font-size:24px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:48px;
    /*margin-left: -20px;*/

}

.join-border{
    margin-left: 15px;
    margin-top: 14px;
    width:95%;
    height:4px;
    background:rgba(255,179,0,1);
}

.join-detail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 21px;

}

.join-detail-1{
    padding-top: 3%;
    font-size:16px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:24px;
}

.join-more{
    width: 10%;
    margin-top: 38px;
    font-size:12px;
    /*font-family:MicrosoftYaHei;*/
    font-weight:400;
    color:rgba(255,184,17,1);
    line-height:28px;
}

@media (max-width: 785px) {
    .join-more{
        width: 20%;
        margin-top: 38px;
        font-size:12px;
        /*font-family:MicrosoftYaHei;*/
        font-weight:400;
        color:rgba(255,184,17,1);
        line-height:28px;
    }
}