header {
  position: fixed;
  left: 0;
  top: 0;
  padding: 20px;
  width: 100vw;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  z-index: 9999;
  -webkit-transition: opacity .3s ease-in, -webkit-transform .3s ease-in-out;
  transition: opacity .3s ease-in, -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out, opacity .3s ease-in;
  transition: transform .3s ease-in-out, opacity .3s ease-in;
  transition: transform .3s ease-in-out, opacity .3s ease-in, -webkit-transform .3s ease-in-out;
  opacity: 1;
  -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1); }
  @media (max-width: 1199px) {
    header {
      width: 100vw;
      height: 60px; } 
	  }
@media (max-width: 1321px) {
	.social{ display:none;} 
	.sign-up{ display:none;}
	  }
.header-bar.menu-hide {
  -webkit-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  transform: translateY(-120%);
  opacity: 0; }

.logo {
  font-size: 14px;
  font-weight: 600; }
  .logo img {
    width: auto; }
  .logo span {
    vertical-align: bottom;    
    font-size: 14px;
    letter-spacing: 2px; }
  @media (max-width: 1199px) {
    .logo img {
      height: 35px; } }

.nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
  .nav-wrap ul li {
    display: inline-block; 

  }
    .nav-wrap ul li a {
      display: block; }
  .nav-wrap a {
    font-weight: 500;
    color: #616578;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .nav-wrap a:hover {
      color: #616578; }

.main-nav {
  margin: 0px 50px; }
  .main-nav .main-nav-item {
    height: 100%; }
  .main-nav a {
    display: block;
    height: 100%;
    line-height: 100%;
    padding: 20px 25px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .main-nav a:hover {
      color: #008680; }
.member{min-width: 294px;text-align: right;}
@media (max-width: 1321px) {
    .member{min-width: 120px;text-align: right;}}
.member .member-icon {
  padding: 8px 16px 10px 16px;
  margin-right: 15px;
  border-radius: 100px;
  background-color: #f2f2f2;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .member .member-icon:hover {
    background-color: #008680; }
    .member .member-icon:hover span {
      color: #fff; }
    .member .member-icon:hover img:nth-child(1) {
      display: none; }
    .member .member-icon:hover img:nth-child(2) {
      display: inline; }
  .member .member-icon img {
    padding-right: 10px; }
  .member .member-icon img:nth-child(2) {
    display: none; }
  .member .member-icon span {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    color: #616578; }

.social .social-icon {
  padding: 5px 25px;
  margin-left: 20px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain; }

.social .wechat-icon {
    
   position:relative;
  background-image: url("../images/wechat.png");
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out; 

}
    .social .wechat-icon .wechat-qrcode {
        width: 120px;
        height: 120px;
        position: absolute;
        left: -35px;
        top: 29px;
        display: none;
    }
    .social .wechat-icon:hover .wechat-qrcode {
        display:block;
    }
  .social .wechat-icon:hover {
    background-image: url("../images/wechat_hover.png"); 

  }





.social .weibo-icon {
    position: relative;
    background-image: url("../images/weibo.png");
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
  .social .weibo-icon:hover {
    background-image: url("../images/weibo_hover.png"); 

  }

    .social .weibo-icon .weibo-qrcode {
        width: 120px;
        height: 120px;
        position: absolute;
        left: -85px;
        top: 29px;
        display: none;
    }

    .social .weibo-icon:hover .weibo-qrcode {
        display: block;
    }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {

    
  .social .wechat-icon {
   position:relative;
    background-image: url("../images/wechat@2x.png");
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }

    .social .wechat-icon:hover {
      background-image: url("../images/wechat_hover@2x.png"); }
  .social .weibo-icon {
    background-image: url("../images/weibo@2x.png");
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .social .weibo-icon:hover {
      background-image: url("../images/weibo_hover@2x.png"); } }

.sub-nav {
  display: none;
  position: absolute;
  width: 100vw;
  height: auto;
  background-color: #fff;
  text-align: center;
  left: 0;
  top: 90px;
  border-top: 1px solid #f2f2f2; }
  .sub-nav li {
    height: 100%; }
  .sub-nav a {
    color: #616578;
    display: block;
    line-height: 45px;
    height: 100%;
    padding: 0px 15px;
    border-bottom: 5px solid #fff;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .sub-nav a:hover {
      border-bottom: 5px solid #008680;
      color: #616578; }
  .sub-nav img {
    padding-right: 5px; }

.sub-nav.active {
  display: block; }

.menu-toggle {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  z-index: 1000; }
  .menu-toggle .menu-toggle-icon {
    width: 65%;
    height: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 2px;
    background-color: #008680;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transform-orign: left center; }
    .menu-toggle .menu-toggle-icon:nth-child(1) {
      top: 30%; }
    .menu-toggle .menu-toggle-icon:nth-child(3) {
      top: 70%; }

header.nav_active .menu-toggle .menu-toggle-icon:nth-child(2) {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  opacity: 0.5; }

header.nav_active .menu-toggle .menu-toggle-icon:nth-child(1) {
  width: 70%;
  height: 4px;
  top: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
  -ms-transform: translate(-50%) rotate(45deg);
  transform: translate(-50%) rotate(45deg); }

header.nav_active .menu-toggle .menu-toggle-icon:nth-child(3) {
  width: 70%;
  height: 4px;
  top: 50%;
  -webkit-transform: translate(-50%) rotate(-45deg);
  -ms-transform: translate(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg); }

@media (max-width: 1199px) {
  .header_face {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100vw;
    height: 100vh;
    background-color: #008680;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .nav-wrap {
    width: 100%;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    display: block;
    z-index: 999;
    overflow-y: scroll;
    overflow-x: hidden; }
    .nav-wrap ul li {
      display: block; }
    .nav-wrap a {
      color: #fff; }
      .nav-wrap a:hover {
        color: #fff; }
    .nav-wrap .main-nav {
      color: #fff;
      padding: 30px 20px 0px 20px;
      margin: 0;
      width: 100%; }
    .nav-wrap .main-nav-item {
      position: relative;
      border-bottom: 0.5px solid rgba(255, 255, 255, 0.6); }
    .nav-wrap .indicator {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 6px 6px 6px;
      border-color: transparent transparent #fff transparent; }
    .nav-wrap .member {
      padding: 50px 20px; }
      .nav-wrap .member .member-icon {
        padding: 8px 20px 10px 20px; }
        .nav-wrap .member .member-icon:hover {
          background-color: #fff; }
          .nav-wrap .member .member-icon:hover span {
            color: #616578; }
          .nav-wrap .member .member-icon:hover img:nth-child(1) {
            display: inline; }
          .nav-wrap .member .member-icon:hover img:nth-child(2) {
            display: none; }
    .nav-wrap .social {
      padding: 0px 10px; }
      .nav-wrap .social .wechat-icon {
        background-image: url("../images/wechat-s-white.png"); }
      .nav-wrap .social .weibo-icon {
        background-image: url("../images/weibo-s-white.png"); } }
    @media (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 1199px) and (-o-min-device-pixel-ratio: 2/1), (max-width: 1199px) and (min-resolution: 192dpi) {
      .nav-wrap .social .wechat-icon {
        background-image: url("../images/wechat-s-white@2x.png"); }
      .nav-wrap .social .weibo-icon {
        background-image: url("../images/weibo-s-white@2x.png"); } }

@media (max-width: 1199px) {
  .main-nav-item a {
    position: relative; }
  .main-nav-item .indicator {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }
  .main-nav-item .indicator.active {
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }
  .sub-nav {
    display: block;
    position: relative;
    background-color: transparent;
    text-align: left;
    top: 0;
    border-top: none;
    padding-bottom: 15px; }
    .sub-nav a {
      border-bottom: none; }
      .sub-nav a:hover {
        border-bottom: none;
        color: #fff; }
    .sub-nav img {
      padding-right: 10px; } }

@media (max-width: 1199px) {
  header.nav_active .header_face {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.modal-backdrop {
  background-color: #008680; }
  .modal-backdrop.in {
    opacity: 0.9; }

body.modal-open {
  overflow-x: unset;
  overflow-y: unset;
  overflow: hidden;
  padding: 0;
  margin: 0; }
  body.modal-open + html {
    overflow-x: unset;
    overflow-y: unset;
    overflow: hidden; }
  body.modal-open section, body.modal-open footer {
    -webkit-filter: blur(10px);
    filter: blur(10px); }

.modal-custom .modal {
  padding: 0px 15px; }

.modal-custom .modal-content {
  margin: 160px auto;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  max-width: 600px; }
  .modal-custom .modal-content .modal-header {
    height: 200px;
    background: url("../images/banner/signinbanner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding: 20px;
    position: relative; }
    .modal-custom .modal-content .modal-header h2, .modal-custom .modal-content .modal-header h3, .modal-custom .modal-content .modal-header p {
      color: #fff; }
    .modal-custom .modal-content .modal-header h2 {
      text-transform: uppercase;
      font-weight: 500; }
    .modal-custom .modal-content .modal-header h3 {
      font-weight: 500;
      padding: 5px 0px; }
    .modal-custom .modal-content .modal-header a.other-link {
      position: absolute;
      right: 20px;
      top: 20px;
      color: #fff;
      font-weight: 500;
      font-size: 16px;
      cursor: pointer;
      padding-right: 20px;
      -webkit-transition: .3s ease-in-out;
      -o-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      .modal-custom .modal-content .modal-header a.other-link span {
        color: #fff;
        font-size: 20px;
        padding-left: 5px; }
      .modal-custom .modal-content .modal-header a.other-link:hover {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px); }
  .modal-custom .modal-content .modal-body {
    padding: 20px; }
    .modal-custom .modal-content .modal-body .main-btn.weixin {
      background-color: #2dc100;
      font-size: 16px;
      color: #fff;
      font-weight: 500;
      width: 100%;
      margin: 10px 0; }
      .modal-custom .modal-content .modal-body .main-btn.weixin:hover {
        background-color: #27a800; }
      .modal-custom .modal-content .modal-body .main-btn.weixin i {
        font-size: 20px;
        padding-right: 10px; }
    .modal-custom .modal-content .modal-body .dividers {
      position: relative;
      border-bottom: 1px solid #bebebe;
      margin: 30px 0px 50px 0px; }
      .modal-custom .modal-content .modal-body .dividers span {
        position: absolute;
        padding: 10px;
        font-size: 16px;
        color: #999999;
        background-color: #fff;
        left: 50%;
        bottom: 0;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%); }
    .modal-custom .modal-content .modal-body .modal-form {
      text-align: center; }
      .modal-custom .modal-content .modal-body .modal-form .input-text, .modal-custom .modal-content .modal-body .modal-form .select-wrap {
        position: relative; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input, .modal-custom .modal-content .modal-body .modal-form .input-text select, .modal-custom .modal-content .modal-body .modal-form .input-text span, .modal-custom .modal-content .modal-body .modal-form .input-text label, .modal-custom .modal-content .modal-body .modal-form .select-wrap input, .modal-custom .modal-content .modal-body .modal-form .select-wrap select, .modal-custom .modal-content .modal-body .modal-form .select-wrap span, .modal-custom .modal-content .modal-body .modal-form .select-wrap label {
          font-size: 16px;
          font-weight: 500;
          color: #333333; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input:focus, .modal-custom .modal-content .modal-body .modal-form .input-text select:focus, .modal-custom .modal-content .modal-body .modal-form .select-wrap input:focus, .modal-custom .modal-content .modal-body .modal-form .select-wrap select:focus {
          outline: 0; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input::-webkit-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .input-text select::-webkit-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap input::-webkit-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap select::-webkit-input-placeholder {
          color: #666666 !important;
          font-size: 14px !important; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input:-ms-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .input-text select:-ms-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap input:-ms-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap select:-ms-input-placeholder {
          color: #666666 !important;
          font-size: 14px !important; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input::-ms-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .input-text select::-ms-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap input::-ms-input-placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap select::-ms-input-placeholder {
          color: #666666 !important;
          font-size: 14px !important; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input::placeholder, .modal-custom .modal-content .modal-body .modal-form .input-text select::placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap input::placeholder, .modal-custom .modal-content .modal-body .modal-form .select-wrap select::placeholder {
          color: #666666 !important;
          font-size: 14px !important; }
        .modal-custom .modal-content .modal-body .modal-form .input-text input, .modal-custom .modal-content .modal-body .modal-form .input-text select, .modal-custom .modal-content .modal-body .modal-form .select-wrap input, .modal-custom .modal-content .modal-body .modal-form .select-wrap select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          position: relative;
          width: 100%;
          display: block;
          border-radius: 0px;
          border: none;
          padding: 15px 0px;
          border-bottom: 1px solid #cdcdcd;
          margin-bottom: 40px;
          background-color: transparent; }
        .modal-custom .modal-content .modal-body .modal-form .input-text .input-unit-wrap, .modal-custom .modal-content .modal-body .modal-form .select-wrap .input-unit-wrap {
          width: 100%;
          margin-bottom: 15px;
          border-bottom: 1px solid #cdcdcd;
          position: relative; }
          .modal-custom .modal-content .modal-body .modal-form .input-text .input-unit-wrap input, .modal-custom .modal-content .modal-body .modal-form .select-wrap .input-unit-wrap input {
            border-bottom: 0px;
            width: 70%;
            padding: 15px 0px;
            margin-bottom: 0px; }
          .modal-custom .modal-content .modal-body .modal-form .input-text .input-unit-wrap .unit, .modal-custom .modal-content .modal-body .modal-form .select-wrap .input-unit-wrap .unit {
            position: absolute;
            right: 10px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
          .modal-custom .modal-content .modal-body .modal-form .input-text .input-unit-wrap a.password-link, .modal-custom .modal-content .modal-body .modal-form .select-wrap .input-unit-wrap a.password-link {
            cursor: pointer;
            color: #008680; }
            .modal-custom .modal-content .modal-body .modal-form .input-text .input-unit-wrap a.password-link:hover, .modal-custom .modal-content .modal-body .modal-form .select-wrap .input-unit-wrap a.password-link:hover {
              color: #006d68; }
      .modal-custom .modal-content .modal-body .modal-form .select-wrap:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        right: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-width: 8px 8px 0 8px;
        border-color: #cdcdcd transparent transparent transparent; }
      .modal-custom .modal-content .modal-body .modal-form .select-wrap select {
        margin-bottom: 20px;
        cursor: pointer; }
      .modal-custom .modal-content .modal-body .modal-form input[type="checkbox"] {
        margin-right: 10px; }
      .modal-custom .modal-content .modal-body .modal-form label.agreement-check {
        font-size: 16px;
        font-weight: 500;
        color: #051d49;
        cursor: pointer; }
        .modal-custom .modal-content .modal-body .modal-form label.agreement-check + a {
          cursor: pointer;
          color: #008680;
          padding: 0px 10px;
          -webkit-transition: .3s ease-in-out;
          -o-transition: .3s ease-in-out;
          transition: .3s ease-in-out; }
          .modal-custom .modal-content .modal-body .modal-form label.agreement-check + a:hover {
            color: #00534f; }
      .modal-custom .modal-content .modal-body .modal-form input[type="button"].main-btn {
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        width: 160px;
        display: block;
        margin: 50px auto 30px auto; }

@media (max-width: 480px) {
  .modal-custom .modal {
    padding: 0px 5px !important; }
  .modal-custom .modal-content {
    margin: 100px auto; }
    .modal-custom .modal-content .modal-header a.other-link {
      left: 20px;
      top: 100px; } }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  .modal-custom .modal-content .modal-header {
    background: url("../images/banner/signinbanner@2x.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom; } }