@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
hr,
button,
menu {
  margin: 0;
  padding: 0; }

article,
aside,
details,
footer,
header,
menu,
nav,
section,
iframe {
  display: block; }

iframe,
fieldset,
img,
button {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

em,
i {
  font-style: normal; }

ul,
ol,
li,
summary {
  list-style: none; }

a {
  color: #333; }

a:active,
a:hover {
  color: #4a5b9b; }

a,
a:active,
a:hover {
  text-decoration: none; }

html,
body,
button {
  -webkit-text-size-adjust: none; }

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: transparent; }

mark {
  background-color: transparent; }

i,
em {
  font-style: normal; }

img {
  max-width: 100%;
  border: none;
  vertical-align: middle; }

input,
button,
select,
textarea,
button:focus,
input:focus,
textarea:focus,
select:focus,
a:focus,
li:focus,
span:focus,
i:focus,
img:focus,
summary {
  outline: 0; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  line-height: 1.5;
  font-size: 12px; }

body {
  font-size: 12px; }

.clearfix:after,
.clearfix:before {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.svg_sprite {
  position: absolute;
  width: 0;
  height: 0; }

.icon {
  display: inline-block;
  vertical-align: top; }

.svg_icon {
  display: inline-block;
  vertical-align: top;
  pointer-events: none;
  width: 100%;
  height: 100%; }

.svg_icon path, .svg_icon use {
  fill: currentColor; }

body {
  font-family: "微软雅黑", Helvetica, Arial, sans-serif;
  line-height: 1.42857143; }

body {
  background: #fff; }

.wrap {
  width: 100%;
  height:auto;
  overflow: hidden; }

.wrap-cont-bg {
  background: #f9f9f9; }

.wrap-cont {
  width: 92%;
  max-width: 1240px;
  margin: 0 auto;
  padding: .1rem 0; }

.wrap-main {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: box;
  /* andriod 4.4 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: start;
  -moz-align-items: start;
  -ms-align-items: start;
  align-items: start; }
  .wrap-main .main {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* Firefox 19- */
    box-flex: 1;
    /* andriod 4.4 */
    -ms-flex: 1;
    /* TWEENER - IE 10 */
    -webkit-flex: 1;
    /* NEW - Chrome */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .wrap-main .side {
    width: 3.3rem;
    margin-left: .4rem; }

@media screen and (max-width: 1023px) {
  .wrap-main {
    display: block; }
    .wrap-main .side {
      width: 100%;
      margin-left: 0;
      margin-top: .3rem; } }
html {
  width: 100%;
  overflow-x: hidden; }

body {
  padding-top: .76rem; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: box;
  /* andriod 4.4 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: .76rem;
  background: #fff;
  box-shadow: 0 0.02rem 0.07rem rgba(64, 64, 64, 0.5); }
  .header .header-inner {
    width: 92%;
    max-width: 1240px;
    margin: 0 auto;
    background: #fff; }
  .header .header-left {
    float: left;
    font-size: 0; }
  .header .header-right {
    float: right;
    font-size: 0; }
  .header .header-logo {
    display: inline-block;
    vertical-align: middle;
    width: 2.44rem;
    height: .56rem; }
    .header .header-logo img {
      display: block; }

.header-white {
  background: none;
  box-shadow: none; }
  .header-white .header-inner {
    background: none; }
  .header-white .nav {
    background: none; }
    .header-white .nav .nav-item + .nav-item {
      margin-left: .6rem; }
    .header-white .nav .nav-item.nav-search {
      margin-left: .35rem; }
    .header-white .nav .nav-item .nav-link {
      line-height: normal;
      color: #fff; }
    .header-white .nav .nav-item .trigger-search {
      width: .2rem;
      height: .18rem;
      margin-top: .01rem;
      color: #fff;
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -ms-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out; }
      .header-white .nav .nav-item .trigger-search:hover, .header-white .nav .nav-item .trigger-search:active {
        color: #fff;
        opacity: .7; }
    .header-white .nav .nav-item.show .nav-link {
      color: #fff;
      opacity: .7; }
  .header-white .trigger-mobile-menu span {
    background: #fff; }

.header-white-fixed {
  box-shadow: 0 0.02rem 0.07rem rgba(64, 64, 64, 0.5);
  background-image: -webkit-linear-gradient(125deg, #008593 0%, #009779 64%, #09a067 100%);
  background-image: -moz-linear-gradient(125deg, #008593 0%, #009779 64%, #09a067 100%);
  background-image: -ms-linear-gradient(125deg, #008593 0%, #009779 64%, #09a067 100%);
  background-image: -o-linear-gradient(125deg, #008593 0%, #009779 64%, #09a067 100%);
  background-image: linear-gradient(-35deg, #008593 0%, #009779 64%, #09a067 100%); }

.nav {
  display: inline-block;
  vertical-align: middle;
  background: #fff; }
  .nav.nav-left .nav-item {
    margin-left: .6rem; }
  .nav.nav-right {
    padding: .135rem 0; }
    .nav.nav-right .nav-item {
      vertical-align: middle; }
      .nav.nav-right .nav-item .nav-child {
        left: initial;
        right: 0; }
  .nav .nav-item {
    position: relative;
    display: inline-block;
    vertical-align: top; }
    .nav .nav-item.has-child .nav-link {
      position: relative; }
      .nav .nav-item.has-child .nav-link:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -.18rem;
        margin-top: -.05rem;
        display: block;
        width: .06rem;
        height: .1rem;
        background: url(../images/base/nav-arrow.png) no-repeat;
        background-size: 100% 100%;
        -webkit-transition: transform 0.2s ease-out;
        -moz-transition: transform 0.2s ease-out;
        -ms-transition: transform 0.2s ease-out;
        -o-transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out; }
    .nav .nav-item.show .nav-link {
      color: #fff; }
      .nav .nav-item.show .nav-link:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
    .nav .nav-item.show .nav-child {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .nav .nav-item .nav-link {
      display: block;
      font-size: .15rem;
      color: #000;
      line-height: .76rem; }
    .nav .nav-item .nav-child {
      position: absolute;
      left: -.35rem;
      top: 100%;
      z-index: -1;
      padding: .1rem .35rem;
      background: #fff;
      border-bottom: 0.02rem solid #fff;
      -webkit-transform: translate(0, -100%);
      -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      -o-transform: translate(0, -100%);
      transform: translate(0, -100%);
      -webkit-transition: transform 0.2s ease-out;
      -moz-transition: transform 0.2s ease-out;
      -ms-transition: transform 0.2s ease-out;
      -o-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out; }
      .nav .nav-item .nav-child .child-link {
        font-size: .14rem;
        color: #2d2a2b;
        line-height: .36rem;
        white-space: nowrap; }
        .nav .nav-item .nav-child .child-link:hover, .nav .nav-item .nav-child .child-link:active {
          color: #fff; }
    .nav .nav-item .trigger-search {
      display: block;
      width: .33rem;
      height: .33rem;
      margin-top: .02rem;
      color: #fff;
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      -ms-transition: color 0.2s ease-out;
      -o-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
      .nav .nav-item .trigger-search:hover, .nav .nav-item .trigger-search:active {
        color: #4dac97; }
    .nav .nav-item .bth-link {
      display: inline-block;
      height: .37rem;
      margin-left: .25rem;
      line-height: .37rem;
      padding: 0 .2rem;
      font-size: .14rem;
      color: #fff;
      background: #fff;
      border-radius: .05rem;
      -webkit-transition: background 0.2s ease-out;
      -moz-transition: background 0.2s ease-out;
      -ms-transition: background 0.2s ease-out;
      -o-transition: background 0.2s ease-out;
      transition: background 0.2s ease-out; }
      .nav .nav-item .bth-link:hover, .nav .nav-item .bth-link:active {
        background: #4dac97; }

.nav-user .user-small {
  display: none;
  margin-left: .1rem;
  color: #fff;
  font-size: .12rem; }
  .nav-user .user-small:active {
    color: #4dac97; }

.user {
  display: inline-block;
  vertical-align: middle;
  margin-left: .25rem; }
  .user .user-avatar {
    display: inline-block;
    vertical-align: middle;
    width: .49rem;
    height: .49rem;
    border: 2px solid #fff;
    border-radius: 100%;
    overflow: hidden; }
    .user .user-avatar img {
      display: block;
      width: 100%;
      height: 100%;
      -webkit-object-fit: cover;
      -moz-object-fit: cover;
      -ms-object-fit: cover;
      -o-object-fit: cover;
      object-fit: cover; }
  .user .user-name {
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    color: #3a3a3a;
    margin-right: .13rem; }
  .user:hover .user-name, .user:active .user-name {
    color: #fff; }

.trigger-mobile-menu {
  display: none;
  vertical-align: middle;
  margin-right: .15rem; }
  .trigger-mobile-menu span {
    display: block;
    width: .2rem;
    height: .02rem;
    margin: .04rem 0;
    border-radius: .03rem;
    background: #fff; }

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: .5rem;
  bottom: 0;
  z-index: 1000;
  padding: .5rem .3rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }
  .mobile-menu.hide {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  .mobile-menu.show {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .mobile-menu .site-menu .site-menu-item {
    position: relative;
    display: block; }
  .mobile-menu .site-menu .nav-link {
    position: relative;
    display: block;
    font-size: .13rem;
    color: #fff;
    line-height: .4rem; }
  .mobile-menu .site-menu .nav-child {
    display: none;
    margin-left: .2rem; }
    .mobile-menu .site-menu .nav-child .child-link {
      display: block;
      font-size: .12rem;
      color: #fff;
      line-height: .32rem; }
  .mobile-menu .site-menu .has-child .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.05rem;
    display: block;
    width: .06rem;
    height: .1rem;
    background: url(../images/base/nav-arrow-white.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out; }
  .mobile-menu .site-menu .show .nav-link:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .mobile-menu .site-menu .show .nav-child {
    display: block; }
  .mobile-menu .close-menu {
    position: absolute;
    top: .16rem;
    right: .2rem;
    font-size: .12rem;
    color: #fff; }

.mobile-menu-right {
  left: .5rem;
  right: 0; }
  .mobile-menu-right.hide {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }

.search-slide {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: .76rem;
  overflow: hidden;
  background-image: -webkit-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: -moz-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: -ms-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: -o-linear-gradient(125deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  background-image: linear-gradient(-35deg, #1069bf 0%, #0d8593 64%, #09a067 100%);
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }
  .search-slide.hide {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  .search-slide.show {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .search-slide .search-inner {
    position: relative;
    width: 92%;
    height: 100%;
    max-width: 1240px;
    margin: 0 auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: box;
    /* andriod 4.4 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
  .search-slide .search-item {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* Firefox 19- */
    box-flex: 1;
    /* andriod 4.4 */
    -ms-flex: 1;
    /* TWEENER - IE 10 */
    -webkit-flex: 1;
    /* NEW - Chrome */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: relative;
    font-size: .14rem;
    background: #fff;
    border-radius: .1rem;
    margin-left: .5rem; }
    .search-slide .search-item + .search-item {
      margin-left: .15rem; }
    .search-slide .search-item .icon {
      position: absolute;
      left: .15rem;
      top: 50%;
      margin-top: -.1rem;
      display: inline-block;
      vertical-align: middle;
      width: .2rem;
      height: .2rem;
      color: #fff; }
    .search-slide .search-item .search-input {
      display: block;
      width: 100%;
      height: .49rem;
      padding: .1rem .1rem .1rem .5rem;
      border: none;
      background: none;
      border-radius: .1rem; }
  .search-slide .search-btn {
    display: block;
    width: 1.29rem;
    height: .49rem;
    margin-left: .23rem;
    margin-right: .96rem;
    text-align: center;
    color: #fff;
    font-size: .14rem;
    background: #e1835e;
    border-radius: .1rem; }
    .search-slide .search-btn:hover, .search-slide .search-btn:active {
      opacity: .7; }
  .search-slide .close-search {
    position: absolute;
    right: 0;
    bottom: .27rem;
    display: block;
    width: .22rem;
    height: .22rem;
    color: #fff; }
    .search-slide .close-search:hover, .search-slide .close-search:active {
      opacity: .7; }

.footer {
  margin-top: 0rem;
  padding-bottom:0rem; }
  .footer .footer-inner {
    width: 92%;
    max-width: 1240px;
    margin: 0 auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: box;
    /* andriod 4.4 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }

.footer-nav {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* Firefox 19- */
  box-flex: 1;
  /* andriod 4.4 */
  -ms-flex: 1;
  /* TWEENER - IE 10 */
  -webkit-flex: 1;
  /* NEW - Chrome */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  font-size: 0; }
  .footer-nav .nav-item {
    display: inline-block;
    vertical-align: top;
    width: 25%; }
    .footer-nav .nav-item .nav-link {
      font-size: .16rem;
      font-weight: 600;
      color: #4a4a4a;
      line-height: .34rem; }
    .footer-nav .nav-item .nav-child .child-item {
      display: block; }
    .footer-nav .nav-item .nav-child .child-link {
      font-size: .13rem;
      font-weight: 400;
      line-height: .29rem; }
      .footer-nav .nav-item .nav-child .child-link:hover, .footer-nav .nav-item .nav-child .child-link:active {
        color: #fff; }

.follows {
  font-size: 0;
  padding-top: .2rem; }
  .follows .follow-link {
    display: inline-block;
    vertical-align: top;
    width: .46rem;
    height: .46rem;
    color: #fff;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: .46rem;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -ms-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out; }
    .follows .follow-link + .follow-link {
      margin-left: .2rem; }
    .follows .follow-link:hover, .follows .follow-link:active {
      background: #4dac97; }
    .follows .follow-link .icon {
      display: inline-block;
      width: .3rem;
      height: .3rem;
      vertical-align: middle; }
    .follows .follow-link .icon-in {
      width: .2rem;
      height: .2rem; }
    .follows .follow-link .icon-t {
      width: .26rem;
      height: .26rem; }

.footer-copy {
  font-size: .16rem;
  color: #6e6e6e;
  text-align: center;
  margin-top: .17rem; }

.banner {
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff; }
  .banner.banner-h310 {
    height: 3.1rem; }
    .banner.banner-h310 .banner-title {
      font-size: .4rem; }
    .banner.banner-h310 .banner-txt {
      font-size: .2rem; }
  .banner.banner-h177 {
    height: 1.77rem; }
    .banner.banner-h177 .banner-title {
      font-size: .34rem; }
    .banner.banner-h177 .banner-txt {
      font-size: .2rem;
      margin-top: .1rem; }
    .banner.banner-h177 .banner-link {
      color: #fff;
      margin-left: .2rem;
      border-bottom: 1px solid #fff; }
    .banner.banner-h177 .btn-employers {
      display: block;
      width: 2rem;
      height: .7rem;
      line-height: .7rem;
      text-align: center;
      color: #fff;
      font-size: .2rem;
      border-radius: .05rem;
      background: #eb3468; }
      .banner.banner-h177 .btn-employers:hover, .banner.banner-h177 .btn-employers:active {
        opacity: .9; }
    .banner.banner-h177 .btn-signup {
      display: block;
      width: 2rem;
      height: .7rem;
      line-height: .7rem;
      text-align: center;
      color: #fff;
      font-size: .2rem;
      border-radius: .05rem;
      background: #e1835e; }
      .banner.banner-h177 .btn-signup:hover, .banner.banner-h177 .btn-signup:active {
        opacity: .9; }
  .banner.banner-h604 {
    height: 6.04rem; }
    .banner.banner-h604 .banner-title {
      font-size: .34rem; }
    .banner.banner-h604 .banner-txt {
      font-size: .2rem;
      margin-top: .1rem; }
    .banner.banner-h604 .btn-contact-us {
      display: block;
      width: 2.04rem;
      height: .4rem;
      margin-top: .2rem;
      line-height: .4rem;
      text-align: center;
      color: #fff;
      font-size: .2rem;
      border-radius: .2rem;
      border: 1px solid #fff; }
      .banner.banner-h604 .btn-contact-us:hover, .banner.banner-h604 .btn-contact-us:active {
        opacity: .9; }
  .banner.ad-bg-employers {
    background-image: url(../images/ad-bg-employers.jpg); }
  .banner.ad-bg-signup {
    background-image: url(../images/ad-bg-signup.jpg); }
  .banner .banner-inner {
    width: 92%;
    height: 100%;
    max-width: 1240px;
    margin: 0 auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: box;
    /* andriod 4.4 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
  .banner .banner-title {
    color: #fff;
    font-weight: 700; }
  .banner .banner-txt {
    color: #fff; }

.breadcrumb {
  font-size: .14rem;
  margin-bottom: .3rem; }
  .breadcrumb .carve-line {
    color: #959595;
    padding: 0 .05rem; }
  .breadcrumb .a-link {
    color: #000; }
    .breadcrumb .a-link:hover, .breadcrumb .a-link:active {
      color: #fff; }

.pop-alert {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 84%;
  max-width: 5.68rem;
  height: 2.25rem;
  margin: auto;
  padding: .24rem .26rem;
  background: #fff;
  box-shadow: 0 0 0.27rem rgba(0, 0, 0, 0.3); }
  .pop-alert-close {
    position: absolute;
    top: 0;
    right: -.23rem;
    display: block;
    width: .23rem;
    height: .23rem;
    padding: 1px;
    background: #f85415; }
    .pop-alert-close .icon-pop-close {
      display: inline-block;
      width: 0.2rem;
      height: 0.2rem;
      background-image: url(../images/sprite-icon.png);
      background-size: 2rem 2.5rem;
      background-repeat: no-repeat;
      background-position: -1.24rem -1rem; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
        .pop-alert-close .icon-pop-close {
          background-image: url(../images/sprite-icon@2x.png); } }
      @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
        .pop-alert-close .icon-pop-close {
          background-image: url(../images/sprite-icon@3x.png); } }
  .pop-alert-cont {
    height: 1.37rem;
	border: 1px solid #ccc; }
    .pop-alert-cont .txt-alert {
      width: 100%;
      height: 100%;
	  overflow:auto;
	  padding-left:12px;
	  padding-top:12px;
      font-size: .16rem;
      line-height: .24rem;
      color: #5a5a5a;
      border: none; }
  .pop-alert-btn {
    margin-top: .11rem;}
    .pop-alert-btn .btn-add {
      width: .77rem;
      height: .32rem;
      font-size: .14rem;
      color: #fff;
	  position:relative;
	  float:right;
      border-radius: .05rem;
      background: #f85415; }
    .pop-alert-btn .btn-quit {
      width: .77rem;
      height: .32rem;
      font-size: .14rem;
      color: #fff;
	  position:relative;
	  float:left;
      border-radius: .05rem;
      background: #007cc2; }

.myModa{margin: 0;padding: 0;position: fixed;top: 0;left: 0;bottom: 0;right:0;background: rgba(0,0,0,0.2); z-index:999;}
.myModa .myAlertBox{width:400px;border-radius: 5px;border: 1px solid #d9d9d9;background: #fff;overflow: hidden;margin: 0 auto; text-align: center;}
.myModa .myAlertBox h6{background: #f2f2f2;padding: 10px;line-height: 20px;font-size: 16px;text-align: center;margin:0px;}
.myModa .myAlertBox p{text-align:left;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;line-height:30px;font-size:14px;color:#666666;}
.myModa .myAlertBox .btn{padding:2px;cursor: pointer; width:80px;height:26px;white-space: nowrap;line-height:20px;border-radius:5px;border:1px #FFFFFF solid;text-align:center;font-size:14px;margin:0 auto;margin-bottom:20px; background:#cecece;}
.myModa .myAlertBox .btn:focus {outline:none;background-color:#B9B9B9;}
.myToast{position: fixed; display: inline-block;padding: 5px 10px;line-height: 24px;font-size: 14px;color: #fff;background:#000; max-width: 300px;_width: expression(this.offsetWidth >300 ? '300px': 'auto' );*width: expression(this.offsetWidth >300 ? '300px': 'auto' );border-radius: 5px;}

@media screen and (max-width: 1240px) {
  .header-white .nav .nav-item + .nav-item {
    margin-left: .3rem; }

  .header .header-logo {
    width: 1.6rem;
    height: .37rem; }

  .nav.nav-left .nav-item {
    margin-left: .3rem; }

  .nav .nav-item.has-child .nav-link:after {
    right: -.13rem; }

  .nav .nav-item .bth-link {
    margin-left: .15rem; }

  .user {
    margin-left: .15rem; }

  .banner.banner-h177 {
    height: 1.2rem; }
    .banner.banner-h177 .banner-title {
      font-size: .24rem; }
    .banner.banner-h177 .banner-txt {
      font-size: .16rem; }
    .banner.banner-h177 .btn-signup,
    .banner.banner-h177 .btn-employers {
      width: 1.2rem;
      height: .5rem;
      line-height: .5rem;
      font-size: .16rem; }

  .banner.banner-h310 {
    height: 2.5rem; }
    .banner.banner-h310 .banner-title {
      font-size: .3rem; }
    .banner.banner-h310 .banner-txt {
      font-size: .16rem; }

  .banner.banner-h604 {
    height: 5rem; }
    .banner.banner-h604 .banner-title {
      font-size: .3rem; }
    .banner.banner-h604 .banner-txt {
      font-size: .16rem; }
    .banner.banner-h604 .btn-contact-us {
      font-size: .16rem; } }
/*手机端*/
@media screen and (max-width: 1023px) {
  body {
    padding-top: .5rem; }

  .header {
    height: .5rem; }
    .header .header-logo {
      width: 1.2rem;
      height: .27rem; }
    .header .header-left {
      padding: .115rem 0; }

  .trigger-mobile-menu {
    display: inline-block; }

  .nav.nav-left {
    display: none; }
  .nav.nav-right {
    padding: .13rem 0; }
  .nav .nav-item .bth-link {
    padding: 0;
    background: none;
    color: #fff;
    font-size: .12rem;
    height: auto;
    line-height: .24rem;
    margin-left: .1rem; }
    .nav .nav-item .bth-link:hover, .nav .nav-item .bth-link:active {
      background: none;
      color: #4dac97; }
  .nav .nav-item .trigger-search {
    width: .2rem;
    height: .2rem; }

  .nav-user .user-small {
    display: block; }
  .nav-user .user,
  .nav-user .nav-child {
    display: none !important; }

  .header-white .nav .nav-item {
    display: none; }

  .header-white .nav .nav-search {
    display: block; }

  .search-slide {
    height: 2.15rem; }
    .search-slide .search-inner {
      display: block;
      padding-top: .2rem; }
    .search-slide .search-item {
      margin: 0 0 .15rem 0; }
      .search-slide .search-item + .search-item {
        margin-left: 0; }
    .search-slide .search-btn {
      width: 80%;
      margin: 0; }
    .search-slide .close-search {
      bottom: .3rem; }

  .footer-nav .nav-item {
    display: block;
    width: 100%; }
    .footer-nav .nav-item .nav-link {
      display: block;
      position: relative;
      font-size: .13rem;
      line-height: .4rem; }
    .footer-nav .nav-item .nav-child {
      display: none;
      margin-left: .2rem; }
      .footer-nav .nav-item .nav-child .child-link {
        font-size: .12rem;
        line-height: .32rem; }
  .footer-nav .has-child .nav-link:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.05rem;
    display: block;
    width: .06rem;
    height: .1rem;
    background: url(../images/base/nav-arrow.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out; }
  .footer-nav .show .nav-link:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .footer-nav .show .nav-child {
    display: block; }

  .footer-follow {
    text-align: center; }

  .follows .follow-link {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7); }
    .follows .follow-link + .follow-link {
      margin-left: 0; }

  .footer-copy {
    font-size: .11rem;
    margin-top: 0; }

  .banner.banner-h310 {
    height: 1.5rem; }
    .banner.banner-h310 .banner-title {
      font-size: .16rem; }
    .banner.banner-h310 .banner-txt {
      font-size: .12rem; }

  .banner.banner-h177 {
    height: .6rem; }
    .banner.banner-h177 .banner-title {
      font-size: .14rem; }
    .banner.banner-h177 .banner-txt {
      font-size: .1rem;
      margin-top: 0; }
    .banner.banner-h177 .btn-signup,
    .banner.banner-h177 .btn-employers {
      width: .58rem;
      height: .3rem;
      line-height: .3rem;
      font-size: .1rem; }

  .banner.banner-h604 {
    height: 4rem; }
    .banner.banner-h604 .banner-title {
      font-size: .16rem; }
    .banner.banner-h604 .banner-txt {
      font-size: .12rem; }
    .banner.banner-h604 .btn-contact-us {
      width: 1.5rem;
      height: .3rem;
      line-height: .3rem;
      font-size: .14rem; }

  .breadcrumb {
    font-size: .12rem; } }
@media screen and (max-width: 700px) {
  .banner.banner-h604 {
    height: 2.5rem;
    padding-bottom: 0; }
    .banner.banner-h604 .banner-title {
      font-size: .16rem; }
    .banner.banner-h604 .banner-txt {
      font-size: .12rem; }
    .banner.banner-h604 .btn-contact-us {
      width: 1.5rem;
      font-size: .14rem; } }