@charset "utf-8";
 body,
 div,
 span,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 em,
 img,
 strong,
 b,
 small,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 sub,
 sup,
 tt,
 var,
 del,
 dfn,
 ins,
 kbd,
 q,
 s,
 samp,
 strike,
 applet,
 object,
 iframe,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 mark,
 audio,
 video,
 input,
 textarea,
 select {
     margin: 0;
     padding: 0;
 }
 
 ol,
 ul {
     list-style: none;
 }
 
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     outline: 0;
 }
 
 a {
     text-decoration: none;
     outline: none;
     color: #666;
 }
 
 a:hover {
     color: #000;
 }
 
 img {
     border: 0;
 }
 
 a:focus {
     outline: none;
 }
 /*
	--------------------------
	Body 配置 
	--------------------------
*/
 
 html {
     overflow-x: hidden;
     -webkit-text-size-adjust: none;
 }
 
 body {
     -webkit-font-smoothing: antialiased;
     font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
     background: #fff;
     font-size: 14px;
     color: #666;
 }
 /*
	--------------------------
	表单控件设置 
	--------------------------
*/
 
 table {
     border-collapse: collapse;
     width: 100%;
 }
 
 input[type='reset'],
 input[type='button'],
 input[type='submit'],
 input[type='radio'] {
     cursor: pointer;
     outline: none;
 }
 
 input[type='checkbox'],
 input[type='radio'] {
     position: relative;
     vertical-align: middle;
     margin-top: -2px;
     margin-bottom: 1px;
     margin-left: 5px;
     margin-right: 5px;
 }
 
 textarea,
 input[type='email'],
 input[type='date'],
 input[type='password'],
 input[type='text'] {
     padding: 0px;
     color: #666;
     font-size: 12px;
     outline: none;
 }
 /*
	--------------------------
	快捷方式
	--------------------------
*/
 
 .f-l {
     float: left;
 }
 
 .f-r {
     float: right;
 }
 
 .clearfix:after {
     clear: both;
     height: 0;
     content: "";
     line-height: 0;
     font-size: 0;
     display: block;
 }
 
 .message {
     width: 100%;
     float: left;
 }
 
 .messagewr {
     width: 100%;
     margin: auto;
     margin-top: 30px;
 }
 
 .row {
     position: relative
 }
 
 .row-wrap {
     margin-left: 12px;
 }
 
 #code+img {
     position: absolute;
     top: 6px;
     right: 5px;
 }
 
 .row .rowin {
     border: 1px solid #bbb;
     padding: 0;
     padding-left: 16px;
     width: 100%;
     height: 37px;
     line-height: 37px;
     color: #333;
     font-size: 12px;
     font-family: "微软雅黑";
     outline: none;
     background: none;
     transition: 0.34s;
     margin-bottom: 10px;
     box-sizing: border-box
 }
 
 .row .rowin:focus {
     border-color: #025d92;
 }
 
 .row .rowin::-webkit-input-placeholder,
 .row textarea::-webkit-input-placeholder {
     color: #333 !important;
 }
 
 .row .rowin:-moz-placeholder,
 .row textarea:-moz-placeholder {
     color: #333 !important;
 }
 
 .row .rowin::-moz-placeholder,
 .row textarea::-moz-placeholder {
     color: #333 !important;
 }
 
 .row .rowin:-ms-input-placeholder,
 .row textarea:-ms-input-placeholder {
     color: #333 !important;
 }
 
 .zus {
     color: #333;
     font-size: 12px;
     margin-bottom: 18px;
     line-height: 1.4;
     width: 100%;
     float: left;
 }
 
 .row textarea {
     resize: vertical;
     padding: 0;
     border: 1px solid;
     color: #bbb;
     font-family: "微软雅黑";
     padding: 12px 8px;
     width: 100%;
     height: 126px;
     font-size: 12px;
     transition: 0.35s;
     box-sizing: border-box;
     background: none;
 }
 
 .row textarea:focus {
     border-color: #025d92;
 }
 
 .code {
     width: 100%;
     padding-bottom: 42px;
     border-bottom: 1px solid #bbb;
 }
 
 .code .rowin {
     width: 88px;
     border-color: #025d92;
     background: #025d92;
     float: left;
 }
 
 .code span {
     display: block;
     cursor: pointer;
     width: 103px;
     height: 35px;
     border: 1px solid #00a0e9;
     text-align: center;
     line-height: 35px;
     color: #333;
     font-size: 14px;
     float: left;
     margin-left: 11px;
     transition: 0.34s;
 }
 
 .code span:hover {
     background: #025d92;
     border-color: #025d92;
 }
 
 .rowsu {
     width: 100%;
     margin-top: 10px;
     float: left;
 }
 
 .rowsu input {
     width: 105px;
     height: 39px;
     line-height: 39px;
     text-align: center;
     color: #fff;
     font-size: 12px;
     background: #d62332;
     cursor: pointer;
     border: none;
     outline: none;
     font-family: "微软雅黑";
     transition: 0.37s;
 }
 
 .rowsu input:hover {
     background: #025d92;
 }
 
 #sex {
     border: 1px solid #bbb;
     padding: 0;
     padding-left: 16px;
     width: 100%;
     height: 37px;
     line-height: 37px;
     font-size: 12px;
     font-family: "微软雅黑";
     outline: none;
     background: none;
     transition: 0.34s;
     box-sizing: border-box;
     margin-bottom: 10px;
     color: #333
 }
 
 #sex option {
     color: #000
 }
 
 .yanzheng img {
     margin-top: 3px;
     border-radius: 5px;
 }
 
 .jobIntro {
     width: 970px;
     margin: 0 auto;
     text-align: center;
 }
 
 .joinList li>span {
     display: block;
     line-height: 50px;
     color: #000;
     border-bottom: 3px solid #e6e6e6;
     padding-left: 20px;
     cursor: pointer;
     position: relative;
     transition: 400ms;
     -webkit-transition: 400ms;
     overflow: hidden;
     font-size: 16px;
 }
 
 .jd {
     background: #fff;
     padding: 30px 20px 60px 20px;
     border-bottom: 3px solid #e6e6e6;
     display: none;
     line-height: 2
 }
 
 .joinList .add {
     background: #575757;
     position: absolute;
     bottom: 50%;
     transition: 300ms;
     -webkit-transition: 300ms;
 }
 
 .joinList .add_1 {
     width: 4px;
     height: 16px;
     margin-bottom: -8px;
     right: 25px;
 }
 
 .joinList .add_2 {
     width: 16px;
     height: 4px;
     margin-bottom: -2px;
     right: 19px;
 }
 
 .joinList li:hover>span,
 .joinList .act>span {
     color: #fff;
     background: #024bef;
 }
 
 .joinList li:hover .add,
 .joinList .act .add {
     background: #fff;
 }
 
 .joinList .act .add_1 {
     bottom: 0;
     margin-bottom: -16px;
     opacity: 0;
     display: none\9;
 }
 
 .btn-primary {
     color: #fff;
     background-color: #024bef;
     border-color: #024bef;
 }
 
 .btn {
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     border-radius: 4px;
 }
 
 .joinList {
     margin-top: 40px;
 }