.join{padding-bottom:95px;}
.join .content{padding:50px 0 0;}
.join .content .list .item{padding:35px 50px;background:#F6F6F6;border-radius:5px;margin-top:50px;}
.join .content .list .item .top{position:relative;cursor: pointer;}
.join .content .list .item .top .icon{background:url(../images/join_05.png) no-repeat center;width:50px;height:50px;position: absolute;right:0;top:0;transition: all 0.5s;transform: rotate(0);}
.join .content .list .item .top .icon.active{transform: rotate(180deg);}
.join .content .list .item .top h3{font-size:24px;color:#414141;margin-bottom:15px;}
.join .content .list .item .top p{font-size:14px;color:#999999}
.join .content .list .item .info{display:none;}
.join .content .list .item .info p{font-size:14px;color:#999999;margin-bottom:20px;margin-top:42px;}
.join .content .list .item .info .text{line-height:35px;color:#333;font-size:14px;}
/*  */
.submit_jl {margin-top:70px;}
.submit_jl .input input{width:32%;float:left;height:80px;border:1px solid #ddd;padding:0 30px;background:rgba(247,247,247,0.8)}
.submit_jl .submit{display:flex;align-items:center;justify-content: center;margin:60px 0 40px;}
.submit_jl .submit input{display:none}
.submit_jl .submit label{
    display: block;
    text-align: left;
    width: 200px;
    height: 44px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #111;
    padding-top:10px;color:#666;cursor: pointer;
}
.submit_jl .submit .submit_btn{
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 150px;
    height: 52px;
    line-height: 52px;
    background-color: #EB6300;
    text-align: center;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 6px;
    outline: none;
}
@media (min-width:1200px){
    .submit_jl .input input + input{margin-left:2%}
}
@media (max-width:767px){
    .join{padding:30px 15px}
    .join .content{padding-top:0;}
    .join .content .list .item{padding:15px 10px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:14px;padding-right:30px;font-weight:bold;margin-bottom:10px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-10px;background-size:20px;}
    .join .content .list .item .info p{margin-top:30px;}
    /*  */
    .submit_jl{margin-top:30px;}
    .submit_jl .input input{width:100%;height:40px;margin-bottom:10px;padding:0 15px;}
    .submit_jl .submit{margin:15px 0;}
    .submit_jl .submit .submit_btn{margin-left:15px;height:40px;line-height:40px;}
}
@media (min-width:768px) and (max-width:991px){
    .join .content .list .item{padding:25px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:20px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-15px;background-size:20px;}
    .submit_jl{margin-top:50px;}
    .submit_jl .input input{height:50px;}
    .submit_jl .input input + input{margin-left:2%;}
}

@media (min-width:992px) and (max-width:1024px){
    .join .content .list .item{padding:25px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:20px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-15px;background-size:20px;}
    .submit_jl{margin-top:50px;}
    .submit_jl .input input{height:50px;}
    .submit_jl .input input + input{margin-left:2%;}
}
@media (min-width:1025px) and (max-width:1500px){
    .join .content .list .item{padding:25px;margin-top:15px;}
    .join .content .list .item .top h3{font-size:20px;padding-right:30px;}
    .join .content .list .item .top .icon{width:35px;height:35px;right:-15px;background-size:20px;}
    .submit_jl{margin-top:50px;}
    .submit_jl .input input{height:50px;}
    .submit_jl .input input + input{margin-left:2%;}
}
@media (min-width:992px) and (max-width:1199px){
    .join .content{padding:60px 30px;}
}