.join {
  padding-bottom: 128px;
}
.join .jcon {
  padding-top: 12px;
}
.join .h32 {
  text-align: center;
}
.join .list {
  margin-top: 39px;
  border-top: 1px solid #ddd;
}
.join .list .li {
  border-bottom: 1px solid #ddd;
}
.join .ltop {
  padding: 26px 49px 22px 63px;
  border: 1px solid #d7d7d7;
  border-top: none;
  border-bottom: none;
  height:120px;
}
.join .ltop .ltl {
  float: left;
}
.join .ltop .ltl .h18 {
  margin-bottom: 9px;
  position: relative;
  font-size: 25px;
    font-weight: bold;
}
.join .ltop .ltl .h18:after {
  content: "";
  width: 3px;
  height: 30px;
  background: #70d9fe;
  position: absolute;
  left: -13px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.join .ltop .ltr {
  cursor: pointer;
  margin-top: 14px;
  float: right;
  color: #3ba5ca;
  font-size: 12px;
  padding-right: 30px;
  background: url(../images/downicon_03.png) no-repeat right center;
}
.join .list .lcon {
  border: 1px solid #d7d7d7;
  border-top: none;
  border-bottom: none;
  display: none;
}
.join .list .lcon .h16 {
  color: #3891b0;
}
.join .list .lcon {
  padding: 35px 63px 47px;
}
.join .list .lcon .item {
  margin-bottom: 33px;
}
.join .list .lcon .item .h16 {
  margin-bottom: 10px;
}
.join .list .pup {
  cursor: pointer;
}
.join .list .li.on .ltop {
  background: #565656;
  color: #fff;
  border-color: #565656;
}
.join .li.on .ltop .ltl .h18:after {
  background: #fff;
}
.join .list .li.on .ltr {
  color: #fff;
  background-image: url(../images/upicon_03.png);
}
.join .list .li.on .lcon {
  display: block;
}
.clear:after, .x-wrap:after {
    content: '';
    display: table;
    clear: both;
}
@media screen and (max-width: 750px){
	*, *:before, *:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.x-wrap{ width:100%; padding:0 0.25rem; height: 100%;}
	 .join {
    padding-bottom: 1rem;
  }
  .join .jcon {
    padding-top: 0;
  }
  .join .h32 {
    padding-top: 0.6rem;
  }
  .join .list {
    margin-top: 0.5rem;
  }
  .join .ltop {
    padding: 0.3rem;
  }
  .join .ltop .ltl .h18 {
    margin-bottom: 0.1rem;
  }
  .join .ltop .ltl .h18:after {
    left: -0.15rem;
  }
  .join .list .lcon {
    padding: 0.5rem 0.3rem;
  }
  .join .list .lcon .item {
    margin-bottom: 0.3rem;
  }
  .join .list .lcon .item .h16 {
    margin-bottom: 0.15rem;
  }
	
	
	
}

@media screen and (min-width: 751px)
.x-wrap {
    width: 1230px;
}