/* jobList
----------------------------------------------- */
#jobList {
}

.join {
 padding: 0 0 56px;
}
.join h1 {
 font-size: 40px;
 line-height: 1.7;
 color: #333333;
 text-align: center;
 margin-bottom: 55px;
}
.join .bd {
 border-bottom: 1px solid #e2e2e2;
}
@media (max-width: 992px) {
 .join .bd form {
  display: none;
 }
}
.join .bd .sels {
 width: 20%;
 margin-right: 1%;
 border: 1px solid #e2e2e2;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 2%;
 cursor: pointer;
 font-size: 16px;
 box-sizing: border-box;
 outline: 0;
 -webkit-appearance: none;
 line-height: 73px;
 color: #333333;
 height: 73px;
 background: url(../images/icon_arrow_down_gray.png) no-repeat right 5% center #fff;
}
.join .bd .rt {
 float: right;
 width: 36%;
 border: 1px solid #e2e2e2;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.join .bd .rt .text {
 border: none;
 float: left;
 width: 60%;
 border: none;
 font-size: 16px;
 color: #333;
 height: 73px;
 padding: 0 2%;
 background-color: #fff;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
input::-webkit-input-placeholder {
 font-size: inherit;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size: inherit;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size: inherit;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size: inherit;
}
.join .bd .rt .btn-screen {
 float: right;
 width: 40%;
 border: none;
 transition: all 0.3s;
 border-left: 1px solid #e2e2e2;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
 font-size: 16px;
 line-height: 73px;
 background-color: #fff;
 cursor: pointer;
}
.join .bd .rt .btn-screen:hover {
 background: #004FA4;
 color: #fff;
}
.join .bd .uls {
 margin-top: 26px;
 background: #fff;
}
@media (max-width: 992px) {
 .join .bd .uls {
  margin-top: 0;
 }
}
.join .bd .uls li {
 border: 1px solid #e2e2e2;
}
.join .bd .uls .tpa {
 overflow: hidden;
 padding: 0 60px;
 line-height: 90px;
}
.join .bd .uls .tpa h2 {
 display: block;
 font-size: 22px;
 color: #333333;
 float: left;
 line-height: 90px;
}
@media (max-width: 992px) {
 .join .bd .uls .tpa {
  padding: 0 20px;
 }
 .join .bd .uls .tpa h2 {
  font-size: 16px;
  line-height: 60px;
 }
}
.join .bd .uls .tpa h5 {
 display: block;
 font-size: 16px;
 color: #999999;
 float: right;
 line-height: 90px;
}
.join .bd .uls .tpa span {
 height: 90px;
 width: 40px;
 background: url(../images/icon_arrow_down_gray_32.png) no-repeat center;
 display: inline-block;
 transition: all 0.3s;
 -ms-transition: all 0.3s; /* IE 9 */
 -moz-transition: all 0.3s; /* Firefox */
 -webkit-transition: all 0.3s; /* Safari 和 Chrome */
 -o-transition: all 0.3s;
}
.join .bd .uls .tpa h5 span, .join .bd .uls .tpa h5 i {
 display: inline-block;
 vertical-align: top;
 margin-left: 90px;
}
.join .bd .uls .bda {
 display: none;
}
.join .bd .uls .bda .padd {
 background: #ecf5ff;
 padding: 30px 60px;
 overflow: hidden;
}
.join .bd .uls .cla {
 float: left;
 width: 50%;
}
@media (max-width: 992px) {
 .join .bd .uls .bda .padd {
  padding: 20px 20px;
 }
 .join .bd .uls .cla {
  float: none;
  width: 100%;
 }
}
.join .bd .uls .cla h4 {
 font-size: 18px;
 line-height: 1.7;
 color: #333333;
 margin-bottom: 30px;
}
@media (max-width: 992px) {
 .join .bd .uls .cla h4 {
  font-size: 20px;
  margin-bottom: 10px;
 }
}
.join .bd .uls .cla p {
 font-size: 16px;
 line-height: 1.7;
 color: #333333;
 margin-bottom: 30px;
}
.join .bd .uls .cla pre {
 font-size: 16px;
 line-height: 1.7;
 color: #333333;
 margin-bottom: 30px;
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 white-space: pre-wrap;
 word-wrap: break-word;
}
@media (max-width: 992px) {
 .join .bd .uls .cla pre {
  font-size: 14px;
 }
}
.join .bd .uls li.on .tpa {
 background-color: #004FA4;
}
.join .bd .uls li.on .tpa h2 {
 color: #fff;
 font-weight: bold;
}
.join .bd .uls li.on .tpa h5 {
 color: #fff;
}
@media (max-width: 992px) {
 .join .bd .uls li .tpa h5 {
  display: none;
 }
}
.join .bd .uls li.on .tpa h5 span {
 background: url(../images/icon_arrow_down_white.png) no-repeat center;
 transform: rotate(180deg);
 -ms-transform: rotate(180deg); /* IE 9 */
 -moz-transform: rotate(180deg); /* Firefox */
 -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
 -o-transform: rotate(180deg);
}
.join .bd .uls li {
 border-bottom: none;
}
.join .mail {
 font-size: 16px;
 line-height: 60px;
 color: #137eec;
 display: inline-block;
 margin-top: 45px;
 transition: all 0.3s;
}
@media (max-width: 992px) {
 .join .mail {
  margin-top: 0;
 }
}
.join .mail:hover {
 color: #137eec;
}
.join .mail span {
 text-decoration: underline !important;
}
.join .mail i {
 width: 60px;
 height: 60px;
 text-align: center;
 line-height: 56px;
 border-radius: 50%;
 transition: all 0.3s;
 border: 2px solid rgba(255, 255, 255, 0.2);
 margin-left: 40px;
 border-color: #e4e4e4;
 color: #555;
}
.join .mail:hover i {
 border: 2px solid rgba(19, 126, 236, 0.5);
 color: #137eec;
}