/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
/* RESPONSIVE CSS
------------------------------------------------------------------------------------------------- */
/* common */
#layout-header {
    min-width: 1030px;
  }
  .head_top {
      height: 90px;
      background-color: white;
  }
  
    .head_top .logo {
      width: 255px;
      float: left;
      /* margin-left: 22px; */
      margin-top: 17px;
      cursor: pointer; }
    .head_top .logo_img {
      width: 161px;
      float: left;

    }
      .head_top .logo_img img {
        width: 100%;

      }
    .head_top #cfty {
        width: 100px;
        margin-top: 10px;
        position: relative;
        left: 5px;
    }
    .head_top .navi_container {
      width: auto;
      float: left;
      margin-right: 10px;
      margin-bottom: 0px;
      padding-left: 0px; }
      .head_top .navi_container li {
        padding: 30px 0px 40px 17px;
        float: left;
        text-align: center;
        cursor: pointer;
        list-style: none; }
        .head_top .navi_container li span {
          font-size: 13px;
          /*color: #000;*/ }
        .head_top .navi_container li .glyphicon {
          font-size: 8px;
          color: #aeaeae;
          margin-top: -10px; }
        .head_top .navi_container li .sub_nav {
          position: absolute;
          display: none;
          top: 90px;
          left: 0;
          height: 120px;
          z-index: 1060;
          width: 100%;
          padding: 1px;
          font-size: 12px;
          font-weight: 400;
          text-align: left;
          text-align: center;
          text-decoration: none;
          text-shadow: none;
          text-transform: none;
          letter-spacing: normal;
          word-break: normal;
          word-spacing: normal;
          word-wrap: normal;
          white-space: normal;
          background-color: #f6f6f6;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          border-top: 1px solid #eaeaea;
          border-bottom: 1px solid #eaeaea;
          -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
          .head_top .navi_container li .sub_nav .arrow {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-color: transparent;
            top: -22px;
            margin-left: -11px;
            border-top-width: 0;
            border-width: 11px;
            border-bottom-color: #eaeaea; }
          .head_top .navi_container li .sub_nav .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            top: -8px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-width: 10px;
            border-bottom-color: #f6f6f6; }
          .head_top .navi_container li .sub_nav .nav_unit {
            position: relative;
            display: inline-block;
            width: 132px;
            height: 120px;
            vertical-align: top;
            padding: 0px 30px; }
            .head_top .navi_container li .sub_nav .nav_unit img {
              margin: auto;
              margin-top: 10px; }
              .head_top .navi_container li .sub_nav .nav_unit p {
                  margin-top: 10px;
                  position: relative;
                  width: 130%;
                  left: -15%;
                  color: #006ab7;
              }
            .head_top .navi_container li .sub_nav .nav_unit a {
              position: absolute;
              cursor: pointer;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%; }
            .head_top .navi_container li .sub_nav .nav_unit .activeImg {
              display: none; }
            .head_top .navi_container li .sub_nav .nav_unit .unactiveImg {
              display: block; }
          .head_top .navi_container li .sub_nav .nav_unit:hover {
            background: #000f57; }
            .head_top .navi_container li .sub_nav .nav_unit:hover p {
              color: #fff; }
              .head_top .navi_container li .sub_nav .nav_unit:hover p span {
                  color: #fff;
              }
            .head_top .navi_container li .sub_nav .nav_unit:hover .activeImg {
              display: block; }
            .head_top .navi_container li .sub_nav .nav_unit:hover .unactiveImg {
              display: none; }
      .head_top .navi_container li:hover span {
       }
      .head_top .navi_container li:hover .sub_nav {
        display: block; }
      .head_top .navi_container li:hover .hvr-icon-spin:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .head_top .navi_container li .inactiveArrow {
          display: inline-block;
      }
      .head_top .navi_container li .activeArrow {
          display: none;
      }
      .head_top .navi_container li:hover .inactiveArrow {
          display: none;
      }
      .head_top .navi_container li:hover .activeArrow {
          display: inline-block;
      }
       
      .head_top .navi_container li:hover span {
          
      }
      .head_top .navi_container .firstLi {
        margin-left: 0px; }
    .head_top #cruise .arrow {
      left: 353px; }
    .head_top #experience .arrow {
      left: 450px; }
    .head_top #ship .arrow {
      left: 541px; }
    .head_top #welfare .arrow {
      left: 629px; }
    .head_top #helpCenter .arrow {
      left: 718px; }
    .head_top .nav_contact {
      margin-top: 25px;
      margin-right: 10px;
      width: 288px;
      height: 34px;
      float: right; }
      .head_top .nav_contact .online_service {
        position: relative;
        width: 85px;
        height: 100%;
        float: left;
        /*border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;*/
        background: #fbc300;
        cursor: pointer; }
        .head_top .nav_contact .online_service img {
          position: absolute;
          top: 8px;
          left: 10px;
          width: 65px; }
      .head_top .nav_contact .phoneCall {
        width: 135px;
        height: 100%;
        float: left;
        background: #1174b8;
        font-size: 12px; }
        .head_top .nav_contact .phoneCall img {
          float: left;
          margin-top: 6px;
          margin-left: 16px; }
        .head_top .nav_contact .phoneCall div {
          margin-top: 7px;
          margin-left: 4px;
          float: left; }
        .head_top .nav_contact .phoneCall a {
          line-height: 12px;
          color: #fff;
          vertical-align: middle; }
      .head_top .nav_contact .weibo {
        position: relative;
        width: 34px;
        height: 100%;
        float: left;
        /*background: #f6f6f6;*/
        border-right: solid #eaeaea 1px; }
        .head_top .nav_contact .weibo img {
          position: absolute;
          top: 10px;
          left: 8px; }
        .head_top .nav_contact .weibo .unactive {
          display: block; }
        .head_top .nav_contact .weibo .active {
          display: none; }
      .head_top .nav_contact .weibo:hover {
          /*background: #CD270C; */
         }
      .head_top .nav_contact .weixin {
        position: relative;
        width: 34px;
        height: 100%;
        float: left;
        background: #f6f6f6;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
        .head_top .nav_contact .weixin img {
          position: absolute;
          top: 10px;
          left: 8px; }
        .head_top .nav_contact .weixin .unactive {
          display: block; }
        .head_top .nav_contact .weixin .active {
          display: none; }
      .head_top .nav_contact .qrCode_container {
        position: absolute;
        display: none;
        top: 40px;
        left: -45px;
        width: 144px;
        height: 150px;
        background-color: #fff;
        z-index: 1111;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
        .head_top .nav_contact .qrCode_container .service_code, .head_top .nav_contact .qrCode_container .subscribe_code {
          position: relative;
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center; }
          .head_top .nav_contact .qrCode_container .service_code img, .head_top .nav_contact .qrCode_container .subscribe_code img {
            position: relative;
            width: 100px;
            top: 10px;
            left: 0px; }
          .head_top .nav_contact .qrCode_container .service_code p, .head_top .nav_contact .qrCode_container .subscribe_code p {
            margin-top: 20px;
            color: #000f57; }
        .head_top .nav_contact .qrCode_container .service_code {
          border-right: 1px dotted #dbdbdb; }
      .head_top .nav_contact .weixin:hover {
        background-color: #69AB3D; }
        .head_top .nav_contact .weixin:hover .qrCode_container {
          display: block; }
      .head_top .nav_contact .weibo:hover, .head_top .nav_contact .weixin:hover {
        cursor: pointer; }
        .head_top .nav_contact .weibo:hover .unactive, .head_top .nav_contact .weixin:hover .unactive {
          display: none; }
        .head_top .nav_contact .weibo:hover .active, .head_top .nav_contact .weixin:hover .active {
          display: block; }
    .head_top .nav_login {
      width: 180px;
      float: right;
      font-size: 12px;
      border-left: solid 1px #e3e6ea;
      text-align: center; }
      .head_top .nav_login .needLogin {
        position: relative;
        padding: 33px 30px;
        cursor:pointer;
      }
        .head_top .nav_login .needLogin a {
          font-size: 14px;
          font-weight: 400;
          color: #0073bb; }
      .head_top .nav_login .hasLogin {
        position: relative;
        padding: 28px 0px;
        cursor: pointer; }
  
        .head_top .nav_login .hasLogin .loginId {
          font-size: 14px;
          font-weight: 400;
          color: #0073bb;
        }
  
        .head_top .nav_login .hasLogin .loginLogo {
          width: 34px; 
          margin-right:5px;
        }
        .head_top .nav_login .hasLogin .glyphicon {
          top: -7px;
          font-size: 8px;
          color: #0073bb;
          transform: scale(0.8);
        }
      .head_top .hold_link {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
      .head_top .nav_login .hasLogin:hover .loginMenu {
        display: block; }
      .head_top .nav_login .loginMenu {
        display: none;
        position: absolute;
        top: 90px;
        width: 180px;
        border-top: solid 1px #dbdbdb;
        background-color: #fff;
        z-index: 10001; }
        .head_top .nav_login .loginMenu ul {
          list-style: none;
          padding-left: 0px;
          margin-bottom: 0px; }
          .head_top .nav_login .loginMenu ul li {
            position: relative;
            padding: 8px 7px;
            color: #1174b8;
            /* border-bottom: dotted 1px #dbdbdb; */
            text-align: left;
            cursor: pointer; }
            .head_top .nav_login .loginMenu ul li .loginIcon {
              position: relative;
              width: 18px;
              display: inline-block;
              vertical-align: middle;
             }
            .head_top .nav_login .loginMenu ul li p {
              display: inline-block;
              vertical-align: middle;
              margin-bottom: 0px;
              color: #282B2C;
              font-weight: 350;
              font-size: 13px;
              margin-left: 5px;}
  
              .head_top .nav_login .loginMenu ul li .login-red-dot {
                display: inline-block;
                vertical-align: middle;
                width: 16px;
                height: 16px;
                line-height: 16px;
                background: red;
                text-align: center;
                color: white;
                border-radius: 8px;
                font-size: 12px;
              }
  
          .head_top .nav_login .loginMenu ul li:hover {
            background-color: #fcc400;
            color: #333; }
  
  /*------------- footer -------------*/
  .foot_middle {
    position: relative;
    padding: 35px 0px;
    background-color: #05185e; }
    .foot_middle .container {
      /*width: 1280px;*/ }
      .foot_middle .container .col-lg-2 {
        width: 14.22%; }
      .foot_middle .container h3 {
        padding-bottom: 15px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        border-bottom: solid 1px #374676; }
      .foot_middle .container ul {
        padding-left: 0px; }
        .foot_middle .container ul li {
          padding: 10px 0px;
          list-style: none;
          border-bottom: dotted 1px #374676; }
          .foot_middle .container ul li a {
            font-size: 12px;
            color: #919ec8; }
          .foot_middle .container ul li a:hover {
            color: #fff;
            text-decoration: none; }
          .foot_middle .container ul li a:hover:after {
            margin-left: 5px;
            content: "\e649";
            font-family: 'themify';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
  
  
  
  
  
  
  .foot_bottom {
    padding: 35px 0px;
    background-color: #061544; }
    .foot_bottom .container {
      /*width: 1280px;*/
    }
      .foot_bottom .container .logo_bottom {
        width: 181px; }
      .foot_bottom .container .right {
        margin-top: 10px;
        float: right;
        color: #666b81;
        font-size: 12px; }
        .foot_bottom .container .right a {
          font-size: 12px;
          color: #666b81; }
        .foot_bottom .container .right a:hover {
          text-decoration: none;
          color: #7987b0; }
  
  /*------------- animation -------------*/
  .hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative; }
  
  .hvr-icon-spin:before {
    position: absolute;
    padding: 0 1px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  
  
  /******������ʽ*********/
  .footer__txt {
      color:#919ec8;
      font-size:12px;
  }
  
  .weixin__container {
      position: absolute;
        display: none;
        top: 206px;
        left: 14px;
        width: 144px;
        height: 150px;
        background-color: #fff;
        z-index: 1111;
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
  }
  .weixin__container .service_code {
       position: relative;
       display: inline-block;
       width: 100%;
       height: 100%;
       text-align: center;
  }
  .weixin__container .service_code img {
      position: relative;
            width: 100px;
            top: 10px;
            left: 0px;
  }
  .weixin__container .service_code p {
      margin-top: 20px;
      color: #000f57; 
  }
  .weixin__linkPic {
      cursor:pointer;
  }
  
  /*------------- ע��ѡ�񵯴� -------------*/
  .needLogin_registerBtn {
      cursor:pointer;
  }
  #registerModal {
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
  }
  .modal-dialog {
    top: 150px;
  }
  
  .gift_detail_modal .modal-dialog {
      top: 220px;
      left: 100px;
  }
  
  .button--closed {
      width: 39px;
      position: absolute;
      top: 0px;
      right: -44px;
      cursor: pointer;
  }
  .registerModal__content {
    text-align: center;
    padding: 40px 0; }
  
  .registerModal__content-txt {
    margin-top: 20px;
    margin-bottom: 30px; 
    font-size:16px;
  }
  
  .registerModal__content-register{
    margin-bottom: 20px; }
  
  .registerModal__content-register button{
    text-align: center;
    font-size: 16px;
    border-radius: 25px;
    padding:16px 84px;
    background: #fbc300;
    color: #031257; }
  
  .registerModal__content-registerWeb button{
    text-align: center;
    font-size: 16px;
    border-radius: 25px;
    padding: 16px 36px;
    background: #031257;
    color: #fff; }
  
  
  @font-face {
       font-family: 'fontNameRegular';
       src: url("../fonts/Gotham-Black.otf");
  }
  
  .activity_time {
      font-size:36px;
      font-weight:500;
      font-family:fontNameRegular;
  }
  
  .phoneCall_info {
      cursor:pointer;
  }
  /* pc
  ------------------------------------------------------------------------------------------------------- */
  /* RESPONSIVE CSS
  ------------------------------------------------------------------------------------------------- */
  /*-------------big screen--------------*/
  
  @media screen and (min-width: 1440px) {
      .head_top .logo {
          width: 310px;
          float: left;
          margin-left: 22px;
          margin-top: 10px;
          cursor: pointer; }
      .head_top .logo_img {
          width: 180px;
          float: left; }
      .head_top .logo_img img {
            width: 100%; }
      .head_top #cfty {
          width: 108px;
          margin-top: 10px; }
      .head_top .navi_container li span {
          font-size: 13px;
           }
  
  }
  
  /* RESPONSIVE CSS
  ------------------------------------------------------------------------------------------------- */
  /* tablet landscape*/
  
  @media screen and (min-width: 768px) and (max-width: 1360px) {
    .head_top .nav_contact {
        display: none;
    }
  
  }
  
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .foot_middle .container .col-md-2 {
        width: 14.22%; 
     }
  
  }
  
  /* RESPONSIVE CSS
  ------------------------------------------------------------------------------------------------- */
  /* tablet portrait*/
  
  /*# sourceMappingURL=nav.css.map */
  /*===============================informModal 首页弹窗维护修改=====================================*/
  /*#informModal .modal-content{
      background:#0073BB;
  }*/
  
  
  #informModal {
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
  }
  .modal-dialog {
    top: 50px;
  }
  .button--closed {
    width: 39px;
    position: absolute;
    top: 0px;
    right: -44px;
    cursor: pointer; }

    #informModal .modal-dialog .modal-content {
        width: 800px;
        border-radius: 8px;
        position: relative;
        padding-top: 20px;
        box-sizing: border-box;
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
    }

  .informModal__content {
    text-align: center;
    /* padding:0px 25px; */
    font-size:18px;
  }
  
  .informModal__img {
      display: inline-block;
      width: 300px;   
  }
  
  .informModal__img img {
      width: 100%;
  }
  
  .informModal__content-txt{
    /* margin-top: 20px; */
    margin-bottom: 30px; 
    font-size:15px;
    text-align:left;
    color: #282b2c;
    font-weight: 400;
  }
  .informModal__logo {
      padding-left:40px;
  }
  .informModal__closedBtn {
      font-size:26px;
      float:right;
      margin-right:10px;
      cursor:pointer;
  }
  .informModal__submitBtn {
  }

  #informModal .modal-dialog .modal-content .m-title {
    position: relative;
    left: -3.5%;
    width: 107%;
    height: 56px;
    text-align: center;
    font-size: 26px;
    line-height: 56px;
    font-weight: bold;
    margin-bottom: 10px;
}
#informModal .m-logo {
    text-align: center;
}

#informModal .m-logo img {
    width: 34px;
}

#informModal .modal-dialog .modal-content .m-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

  .button--informSubmit {
    display: block;
    width: 168px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #282b2c;
    margin: 0 auto;
    background: #fbc500;
    margin-top: 40px;
  }
  .button--informSubmit:hover {
    text-decoration: none;
    background: #f8de57;
  }
  
  
  /* 新版header
  ------------------------------------------------------------------------------------------------- */
  .pcp-header {
      position:relative;
      z-index:200;
      display:flex;
      align-items:center;
      height:105px;
      background-color:#fff;
  }
  
  .pcp-header .glyphicon-triangle-bottom {
      font-size: 7px;
      color: #aeaeae;
  }
  
  .pcp-header-logo {
      width:353px;
      margin-left:1.6%;
  }
  .pcp-header-logo img {
      width:100%;
  }
  
  .pcp-header-unit {
      position: relative;
      cursor: pointer;
  }
  
  .pcp-header-dropdown {
      display:none;
      position: absolute;
      top: 105px;
      width: 100%;
      left: 0px;
      padding: 20px 0;
      border-top: 1px solid #bfbfbf;
      background-color: rgba(246,246,246,0.9);
  }
  .pcp-header-dropdown ul {
      width:100%;
      margin-bottom:0;
  }
  .pcp-header-dropdown li {
      padding: 20px 0;
      font-size: 18px;
      color: #04014e;
  }
  .pcp-header-dropdown a {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .pcp-header-dropdown a,
  .pcp-header-dropdown a:focus,
  .pcp-header-dropdown a:hover {
      color: #04014e;
      text-decoration: none;
  }
  .pcp-header-dropdown .ti-angle-right {
      margin-left:5px;
  }
  
  .pcp-header-unit:hover .pcp-header-dropdown {
      display:flex;
  }
  
  
  .nav-container {
      flex: 1;
      display:flex;
      justify-content:center;
      height:100%;
      margin-bottom: 0;
  }
  
  .nav-container .glyphicon-triangle-bottom {
      margin:0 5px;
  }
  
  .nav-container>li {
      display: flex;
      align-items: center;
      padding: 0 30px;
      font-size: 15px;
      line-height: 1;
      color: #333333;
  }
  
  
  .pcp-header .nav-container > li {
      padding: 0 20px;
  }
  
  .nav-container a {
      display: flex;
      align-items: center;
  }
  
  .nav-container a,
  .nav-container a:focus,
  .nav-container a:hover {
      color: #333333;
      text-decoration: none;
  }
  
  .pcp-header-nav {
      left:50%;
      transform:translateX(-50%);
      width:200px;
      padding:25px 0;
  }
  .pcp-header-nav2 {
      width:400px;
  }
  .pcp-header-nav ul {
      width: 200px;
  }
  .pcp-header-nav ul + ul {
      border-left: 1px solid #bfbfbf;
  }
  .pcp-header-nav li {
      padding: 0 0 20px;
  }
  .pcp-header-nav li:last-child {
      padding: 0;
  }
  .pcp-header-nav a,
  .pcp-header-nav a:focus,
  .pcp-header-nav a:hover {
      color: #04014e;
  }
  .pcp-header-nav-icon {
      width:39px;
      margin-right:15px;
  }
  
  
  .pcp-header-user {
      display: flex;
      height: 100%;
      padding-right: 2.1%;
  }
  
  .pcp-header-login {
      display: flex;
      align-items: center;
      width: 150px;
      cursor:pointer;
  }
  .pcp-header-login-logo {
      display:block;
      width: 37px;
      height: 37px;
      margin-right: 5px;
  }
  .pcp-header-login-id {
      flex: 1;
      margin-right: 5px;
      font-size: 16px;
      line-height: 32px;
      color: #2f2f2f;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  
  
  .pcp-header-user-link {
      display: flex;
      align-items: center;
      margin-bottom: 0;
  }
  .pcp-header-user-link li {
      margin: 0 15px;
  }
  .pcp-header-user-link img {
      width:44px;
  }
  
  
  .breadCrumbs {
      border-top: 1px solid #cecece;
  }
  .breadCrumbs-m {
      max-width: 1280px;
      width: 90%;
      margin: 0 auto;
      font-size: 0;
  }
  .breadCrumbs-m a,
  .breadCrumbs-m a:focus,
  .breadCrumbs-m a:hover {
      display:inline-block;
      font-size: 18px;
      line-height: 48px;
      color: #666;
      text-decoration:none;
  }
  .breadCrumbs-m a + a::before {
      content: '>';
      display: inline-block;
      padding: 0 10px;
      font-size: 18px;
      line-height: 48px;
      color: #666;
  } 
  
  
  @media only screen and (max-width: 1440px) {
      .pcp-header {
          min-width: 1280px;
          height:90px;
      }
  
      .pcp-header-logo {
          width: 250px;
      }
  
      .pcp-header-user-link li {
          margin: 0 8px;
      }
  
      .pcp-header-user-link img {
          width: 30px;
      }
  
      .pcp-header-login {
          width: 120px;
      }
  
      .pcp-header-login-logo {
          width: 26px;
          height: 26px;
      }
  
      .pcp-header-login-id {
          font-size: 12px;
          line-height: 28px;
      }
  
      .pcp-header-dropdown {
          top:90px;
          padding:15px 0;
      }
  
      .pcp-header-dropdown li {
          padding: 15px 0;
          font-size: 14px;
      }
  
      .nav-container > li {
          padding: 0 20px;
          font-size: 14px;
      }
  
      .pcp-header-nav {
          padding: 20px 0;
          width: 140px;
      }
      .pcp-header-nav2 {
          width: 280px;
      }
  
      .pcp-header-nav ul {
          width: 140px;
      }
  
      .pcp-header-nav li {
          padding: 0 0 15px;
      }
  
      .pcp-header-nav-icon {
          width: 25px;
          margin-right: 10px;
      }
  
      .breadCrumbs-m a,
      .breadCrumbs-m a:focus,
      .breadCrumbs-m a:hover {
          font-size: 14px;
          line-height: 42px;
      }
  
      .breadCrumbs-m a + a::before {
          padding: 0 7px;
          font-size: 14px;
          line-height: 40px;
      } 
  
  
  }
  
  
  /* 新版alwaysOn
  ------------------------------------------------------------------------------------------------- */
  .alwaysOn {
      position: fixed;
      top: 90px;
      right: 0px;
      z-index: 1000;
  }
  
  .alwaysOn .toTop {
      position: relative;
      bottom: inherit;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 65px;
      height: 65px;
      margin-bottom: 10px;
      background-color: #dddddd;
      cursor: pointer;
  }
  
  .alwaysOn .toTop .ti-angle-up {
      font-size: 22px;
      color: #fff;
  }
  
  .alwaysOn-list > li {
      position: relative;
      width: 65px;
      background-color: #242e65;
  }
  
  .alwaysOn-list > li:nth-child(2n) {
      background-color: #435f9d;
  }
  
  .alwaysOn-link {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  
  .alwaysOn-icon {
      width: 30px;
      padding: 10px 0;
  }
  
  .alwaysOn-list-txt {
      padding-bottom: 10px;
      font-size: 12px;
      line-height: 1;
      color: #a0afff;
  }
  
  .alwaysOn-link:focus .alwaysOn-list-txt,
  .alwaysOn-link:hover .alwaysOn-list-txt {
      color: #a0afff;
      text-decoration: none;
  }
  
  .alwaysOn-num {
      position: absolute;
      top: 10px;
      right: 12px;
      display: block;
      padding: 0 3px;
      font-size: 11px;
      line-height: 1.2;
      color: #242e65;
      font-weight: bold;
      background-color: #f8c603;
      border-radius: 50%;
  }
  
  .alwaysOn-sub-box {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 250px;
      transform: translate3d(-100%,0,0);
  }
  
  .alwaysOn-list > .active .alwaysOn-sub-box {
      display: block;
  }
  
  .alwaysOn-sub {
      position: relative;
      width: 240px;
      padding: 16px 20px 20px 24px;
      background-color: #242e65;
  }
  
  .alwaysOn-sub::before {
      content: '';
      display: block;
      position: absolute;
      right: -5px;
      top: 16px;
      width: 12px;
      height: 12px;
      transform: rotateZ(45deg);
      background-color: #242e65;
  }
  
  .alwaysOn-sub a:focus,
  .alwaysOn-sub a:hover {
      text-decoration: none;
  }
  
  .alwaysOn-sub > li {
      margin-bottom: 10px;
      border-bottom: 1px solid #3b538f;
  }
  
  .alwaysOn-sub > li:last-child {
      margin-bottom: 0;
      border-bottom: none;
  }
  
  .alwaysOn-sub-inner {
      display: flex;
      align-items: center;
      padding-bottom: 8px;
  }
  
  .alwaysOn-sub-badge {
      flex: none;
      width: 45px;
      height: 16px;
      padding-left: 10px;
      margin-right: 6px;
      background: url(../image/pcp/alwayson-badge.png) no-repeat center center;
      background-size: 100% 100%;
      font-size: 12px;
      line-height: 16px;
      color: #242e65;
  }
  
  .alwaysOn-sub-title {
      font-size: 18px;
      line-height: 24px;
      color: #fff;
  }
  
  .alwaysOn-sub-date {
      padding-bottom: 8px;
      font-size: 14px;
      line-height: 1;
      color: #a0afff;
  }
  
  /* 新版footer
  ------------------------------------------------------------------------------------------------- */
  .pcp-footer {
      display:flex;
      align-items:center;
      justify-content:space-between;
      max-width:1280px;
      width:90%;
      margin:0 auto;
      padding-top:5.2%;
      padding-bottom:3.4%;
      position:relative;
  }
  
  .pcp-footer-inner {
      display:flex;
      margin-bottom:0;
      font-size:14px;
      line-height:1;
  }
  .pcp-footer-inner a,
  .pcp-footer-inner a:focus,
  .pcp-footer-inner a:hover {
      color: #333;
      text-decoration:none;
  }
  .pcp-footer-inner li {
      margin-right:55px;
  }
  
  .pcp-footer-media {
      display: flex;
      margin-bottom: 0;
  }
  .pcp-footer-media li {
      margin-left: 30px;
  }
  .pcp-footer-media img {
      width:30px;
  }
  
  .pcp-footer .weixin__container {
      top:70%;
      left:85%;
  }
  
  /**** pcp头部电话 ****/
  .pcp-header .nav_contact {
      margin-top:2px;
      margin-right: 20px;
      height: 34px;
      display:none;
  }   
  .pcp-header .nav_contact .phoneCall {
      width: 135px;
      height: 100%;
      float: left;
      background: #1174b8;
      font-size: 12px;
  }
  .pcp-header .nav_contact .phoneCall img {
      float: left;
      margin-top: 6px;
      margin-left: 16px;
  }
  .pcp-header .nav_contact .phoneCall div {
      margin-top: 7px;
      margin-left: 4px;
      float: left;
  }
  .pcp-header .nav_contact .phoneCall a {
      line-height: 12px;
      color: #fff;
      vertical-align: middle;
  }
  @media screen and (max-width: 1430px) and (min-width: 1167px) {
      .pcp-header .nav_contact {
          display: block;
      }
  }
  @media screen and (min-width: 1520px) {
      .pcp-header .nav_contact {
          display:block;
      }
  }








/* header */
#layout-header.nav-hover
, #layout-header:hover{
    background: rgba(255,255,255,1);
    position: relative;
}

#layout-header.nav-hover .head_top .nav_contact .weixin
,#layout-header:hover .head_top .nav_contact .weixin{
    /*background: #f0f0f0;*/
}
#layout-header.nav-hover .head_top .nav_contact .weibo
, #layout-header:hover .head_top .nav_contact .weibo{
    /*background: #f0f0f0;*/
}
#layout-header.nav-hover .head_top .navi_container li span
, #layout-header:hover .head_top .navi_container li span{
     color: #747d80;
}
#layout-header.nav-hover .head_top .navi_container li .sub_nav .content
, #layout-header:hover .head_top .navi_container li .sub_nav .content{
    background-color:rgba(13,125,193,0.95);
}
#layout-header.nav-hover .head_top .navi_container li .sub_nav .nav_unit:hover
, #layout-header:hover .head_top .navi_container li .sub_nav .nav_unit:hover{
    background-color:#1D9AE8;
    opacity:.95;
}
#layout-header.nav-hover .head_top .nav_login .needLogin a
, #layout-header:hover .head_top .nav_login .needLogin a{
    color:#006ab9;
}
#layout-header.nav-hover .head_top .nav_login
{
    border: none;
    float: left;
    margin-right: 0px;
    text-align: left;
    height: 100%;
    width: auto;
    text-align: center;
    margin-left: 15px;
}

#layout-header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
    min-width: 1280px;
    height: 72px;
    background-image: linear-gradient(180deg, rgba(0,0,0, 0.8) 0%, rgba(0,0,0, 0.1) 100%);
}

#layout-header.relative {
    position: relative;
}

.logo_cfty{
    position: relative;
    top: 10px;
    left: 5px;
    width: 100px;
    display: none;
}

#layout-header:hover .logo_cfty
, #layout-header.nav-hover .logo_cfty {
    display: inline;
}

#layout-header .transparent-header .tran-logo {
    display: inline-block;
    height:74px;
    width:185px;
    position:relative;
    z-index:99;
    overflow:hidden;
    zoom: 0.54;
    top: 18px;
}


#layout-header:hover .transparent-header .tran-logo
, #layout-header.nav-hover .transparent-header .tran-logo {
    display: none;
}

    #layout-header #head {
        position: relative;
        width: 100%;
    }

#layout-header .head_top {
    background-color: transparent;
    /*width: 1280px;*/
    width: 1295px;
    height: 74px;
    margin: auto;
}
        #layout-header .head_top .logo_img {
            width: 166px !important;
            position: relative;
        }
        #layout-header .head_top .logo {
            width: auto !important;
            margin-top: 6px;
        }

        #layout-header .head_top .navi_container {
            margin-left: 20px !important;
        }

            #layout-header .head_top .navi_container li {
                padding: 26px 0 26px 0px;
                position: relative;
                margin-left: 25px;
            }

                #layout-header .head_top .navi_container li.firstLi {
                    padding-left: 0px;
                    
                }

                #layout-header .head_top .navi_container li span {
                    color: white;
                    font-weight: 400;
                }

        #layout-header .head_top .nav_login .needLogin {
            padding: 0px;
            line-height: 74px;
           
        }
        #layout-header.nav-hover .head_top .nav_login .needLogin {
             margin-left: 15px;
        }

            #layout-header .head_top .nav_login .needLogin a, #layout-header .head_top .nav_login .needLogin span {
                color: white;
                font-weight: 400;
            }


        #layout-header .head_top .nav_login {
            border: none;
            float: left;
            margin-right: 0px;
            text-align: left;
            height: 100%;
            width: auto;
            text-align: center;
            margin-left: 15px;/*11/28 12:00改了这里*/
        }
          #layout-header.nav-hover .head_top .nav_login .hasLogin
          , #layout-header:hover .head_top .nav_login .hasLogin{
                margin-left:14px;
                /**margin-top: -56px;**/
            }

            #layout-header .head_top .nav_login .hasLogin {
                padding: 0px;
                height: 100%;
                margin-left: 4px;
                /*margin-left: 35px;*/
            }
          
                #layout-header.nav-hover .head_top .nav_login .hasLogin .loginId,
                #layout-header:hover .head_top .nav_login .hasLogin .loginId  {
                    color: #0073bb;
                   
                }

#layout-header .head_top .nav_login .hasLogin .loginId {
    color: white;
    position: relative;
    top: 14px;
    display: inline-block;
    max-width: 90px;
    overflow: hidden;
    vertical-align: middle;
}

                #layout-header .head_top .nav_login .hasLogin .loginLogo {
                    margin-top: 18px;
                    position: relative;
                    top: 5px;
                }

                #layout-header .head_top .nav_login .hasLogin .inactiveArrow {
                    color: white;
                    top: 10px;
                    position: relative;
                }

                #layout-header .head_top .nav_login .hasLogin:hover .inactiveArrow {
                    transform: rotate(180deg);
                }

            #layout-header .head_top .nav_login .loginMenu {
                top: 68px;
                width: max-content;
                height: auto;
                text-align: left;
                padding: 0px;
                font-size: 14px;
                color: white;
                background-color: rgba(42,121,190, 0.95);
                border-top: none;
                border-bottom: none;
                border-radius: 5px;
            }

            #layout-header .head_top .nav_login .loginMenu .loginIcon img {
                filter: brightness(0) invert(1);
            }

            #layout-header .head_top .nav_login .loginMenu ul li:hover {
                background: #54A3DE; 
                color: white;
            }

            #layout-header .head_top .nav_login .loginMenu ul li p {
                color: white;
            }

            #layout-header .head_top .nav_login .loginMenu ul {
                padding: 4px 0px;
            }

            #layout-header .head_top .nav_login .loginMenu ul li {
                padding: 10px 15px;
            }



    #layout-header #cfty {
        /*display: none;*/
    }
    #layout-header .nav_contact {
        display: block;
        float: left;
        /*margin-left: 60px;*/
        margin-left: 42px;
        margin-right: 10px;
        width: 215px;
        height: auto;
    }
    #layout-header.nav-hover .nav_contact,
    #layout-header:hover .nav_contact {
        display: block;
        float: left;
        margin-left: 34px;
        margin-right: 10px; /*hover样式修改 20191126 chenweisheng*/
        margin-top:20px;
        width: 182px;
        height: 28px;
        /*background-color: #0073bb;*/
        border-radius: 5px;
        padding-left: 8px;
    }
    #layout-header .head_top .nav_contact .phoneCall {
        width: auto;
        height: auto;
        background: transparent;
    }
    #layout-header .head_top .nav_contact .phoneCall img{
            margin-top: 2px;
            margin-left: 0px;
    }
    #layout-header.nav-hover .head_top .nav_contact .phoneCall
    , #layout-header:hover .head_top .nav_contact .phoneCall {
        width: auto;
        height: auto;
        background: #006ab9;
        line-height: 28px;
        width: 114px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

       #layout-header.nav-hover .head_top .nav_contact .phoneCall img
       , #layout-header:hover .head_top .nav_contact .phoneCall img{
            /*margin-top: 2px;*/
            /*margin-left: 8px;*/
           margin-top: 6px;
           padding-left:3px;
        }

        #layout-header .head_top .nav_contact .phoneCall div {
            margin-top: 0px;
            font-family: "Microsoft Yahei",latolight,Arial,"Helvetica Neue",Helvetica,Arial,sans-serif;
        }

        #layout-header .head_top .nav_contact .phoneCall a {
            font-size: 13px;
            font-weight: 400;
        }
        #layout-header .head_top .nav_contact .online_service {
            width: auto;
            height: auto;
            border: none;
            background: transparent;
            margin-left: 11px;
        }
        #layout-header.nav-hover .head_top .nav_contact .online_service
        {
            height: 100%;
            background: #fbc300;
            margin-left: -2px;
            width: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #layout-header.nav-hover .head_top .nav_contact .online_service img
       {
            margin-top: 3px;
            margin-left: 0px;
        }
        #layout-header.nav-hover .head_top .nav_contact .weibo
        {
            width: 30px;
            height: 100%;
            background: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 0;
        }
        #layout-header.nav-hover .head_top .nav_contact .weibo img
        {
             margin-left: 4.5px;
             margin-top: 3px;
        }
        #layout-header.nav-hover .head_top .nav_contact .weixin
       {
            width: 30px;
            height: 100%;
            background: #f0f0f0;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 0;
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }
        #layout-header.nav-hover .head_top .nav_contact .weixin img
       {
            margin-left: 4.5px;
             margin-top: 1px;
        }
   /* #layout-header.nav-hover .head_top .nav_contact .online_service {
        width: 32px;
        height: 100%;
        border: none;
        background: #fbc300;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 0; 
        border-bottom-left-radius: 0;
        margin-left: 0;
    }*/

        #layout-header .head_top .nav_contact .online_service img {
            width: auto;
            height: auto;
            position: relative;
            top: 0px;
            left: 0px;
        }

        #layout-header .head_top .nav_contact .weibo {
            width: auto;
            height: auto;
            border: none;
            background: transparent;
            margin-left: 13px;
        }
        #layout-header.nav-hover .head_top .nav_contact .weibo:hover
        {
            background: #CD270C;
        }
        #layout-header.nav-hover .head_top .nav_contact .weixin:hover
       {
            background: #69AB3D;
        }
#layout-header.nav-hover .head_top .nav_contact .weixinHover {
    width: auto;
}

    #layout-header.nav-hover .head_top .nav_contact .weixinHover:hover {
        background: #f0f0f0;
    }
    /*#layout-header.nav-hover .head_top .nav_contact .weibo {
        width: 28px;
        height: 100%;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f0f0f0;
        margin-left:0;
    }
     #layout-header.nav-hover .head_top .nav_contact .weibo:hover{
         background: #CD270C;
     }*/
        #layout-header .head_top .nav_contact .weibo img {
            width: auto;
            height: auto;
            position: relative;
            top: -1px;
            left: 0px;
        }
        #layout-header .head_top .nav_contact .weixin {
            width: auto;
            height: auto;
            border: none;
            background: transparent;
            margin-left: 12px;
        }
    /*#layout-header.nav-hover .head_top .nav_contact .weixin {
        width: 30px;
        height: 100%;
        border: none;
        display: flex;
        margin-left: 0;
        justify-content: center;
        align-items: center;
        background: #f0f0f0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
     #layout-header.nav-hover .head_top .nav_contact .weixin:hover{
         background: #69AB3D;
     }*/
        #layout-header .head_top .nav_contact .weixin img {
            width: auto;
            height: auto;
            position: relative;
            top: 0px;
            left: 0px;
            border:none;
        }


#layout-header .head_top .navi_container li .sub_nav {
    top: 60px;
    width: auto;
    height: auto;
    text-align: left;
    padding: 0px;
    font-size: 14px;
    color: white;
    background-color: rgba(13,125,193,0.95);
    border-top: 4px solid #fbc500;
    border-bottom: none;
    left: 17px;
    min-width: 134px;
    /*border-radius: 5px;*/
    margin-top: 8px;
}

#layout-header .head_top .navi_container li:first-child .sub_nav {
    left: 0;
}

#layout-header .head_top .navi_container li:hover>span{
    color: #ffa70d;
}

#layout-header .head_top .navi_container li:hover .inactiveArrow {
    display: inline;
    transform: rotate(180deg);
}

#layout-header .head_top .navi_container li .sub_nav .content {
    padding: 4px 0px;
    width: auto !important;
}


#layout-header .head_top .navi_container li .sub_nav .nav_unit {
    width: auto;
    height: auto;
    padding: 7px 15px;
    display: block;
}

/*#layout-header .head_top .navi_container li .sub_nav .nav_unit:hover {
    background: #54A3DE; 
    opacity:.95;
}*/

#layout-header .head_top .navi_container li .sub_nav .nav_unit p {
    margin: 0px;
    position: relative;
    width: auto;
    left: 0;
    color: white;
    white-space: nowrap;
}

#layout-header .head_top .navi_container li .sub_nav .nav_unit .unit_image {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}
#layout-header .head_top .navi_container li .sub_nav .nav_unit .unit_image img{
   position: relative;
   top: -7px;
   margin-right: 6px;
}
#layout-header .head_top .navi_container li .sub_nav .nav_unit p.unit_txt>span{
    color:white;
}
#layout-header .head_top .navi_container li .sub_nav .arrow {
    border: none;
    top: -15px;
    margin: 0px;
    left: 12px;
}
/**/
#layout-header .head_top .navi_container li .sub_nav .arrow:after {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 0;
    margin-left: 0;
    content: " ";
    border-top-width: 0;
    border-width: 8px;
    border-bottom-color: #2A79BE;
}

#layout-header .head_top .nav_login .loginMenu  .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: none;
    top: -15px;
    margin: 0px;
    left: 12px;
}

#layout-header .head_top .nav_login .loginMenu  .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 0;
    margin-left: 0;
    content: " ";
    border-top-width: 0;
    border-width: 8px;
    border-bottom-color: #2A79BE;
}

#layout-header .head_top .nav_contact .weixin .service_code img {
    position: relative;
    width: 100px;
    top: 10px;
    left: 0px;
}

@-webkit-keyframes slideInDownNavMenu {
    0% {
      -webkit-transform: translate3d(0, -5%, 0);
      transform: translate3d(0, -5%, 0);
      visibility: visible;
    }
  
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

@keyframes slideInDownNavMenu {
    0% {
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0);
        visibility: visible;
        opacity: 0;
    }

    100% {
        /*-webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);*/
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
}

.slideInDownNavMenu {
    -webkit-animation-name: slideInDownNavMenu;
    animation-name: slideInDownNavMenu;
}

  .animated-fast {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  
  .white_logo-animation {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    background-image: url("https://resource.rcclchina.com.cn/Home/new/white_logo_sprites-1.png");
    background-size: 4900% 100%;
    background-repeat: no-repeat;
    animation-name: keyframes-white_logo;
    animation-duration: 4.9s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-timing-function: steps(1);
}

@keyframes keyframes-white_logo {
    0% {
        width: 100%;
        height: 0;
        padding-bottom: 40%;
        background-image: url("https://resource.rcclchina.com.cn/Home/new/white_logo_sprites-1.png");
        background-size: 4900% 100%;
    }

    2.04% {
        background-position: 2.083333333333333% 0%;
    }

    4.08% {
        background-position: 4.166666666666666% 0%;
    }

    6.12% {
        background-position: 6.25% 0%;
    }

    8.16% {
        background-position: 8.333333333333332% 0%;
    }

    10.20% {
        background-position: 10.416666666666668% 0%;
    }

    12.24% {
        background-position: 12.5% 0%;
    }

    14.29% {
        background-position: 14.583333333333334% 0%;
    }

    16.33% {
        background-position: 16.666666666666664% 0%;
    }

    18.37% {
        background-position: 18.75% 0%;
    }

    20.41% {
        background-position: 20.833333333333336% 0%;
    }

    22.45% {
        background-position: 22.916666666666664% 0%;
    }

    24.49% {
        background-position: 25% 0%;
    }

    26.53% {
        background-position: 27.083333333333332% 0%;
    }

    28.57% {
        background-position: 29.166666666666668% 0%;
    }

    30.61% {
        background-position: 31.25% 0%;
    }

    32.65% {
        background-position: 33.33333333333333% 0%;
    }

    34.69% {
        background-position: 35.41666666666667% 0%;
    }

    36.73% {
        background-position: 37.5% 0%;
    }

    38.78% {
        background-position: 39.58333333333333% 0%;
    }

    40.82% {
        background-position: 41.66666666666667% 0%;
    }

    42.86% {
        background-position: 43.75% 0%;
    }

    44.90% {
        background-position: 45.83333333333333% 0%;
    }

    46.94% {
        background-position: 47.91666666666667% 0%;
    }

    48.98% {
        background-position: 50% 0%;
    }

    51.02% {
        background-position: 52.083333333333336% 0%;
    }

    53.06% {
        background-position: 54.166666666666664% 0%;
    }

    55.10% {
        background-position: 56.25% 0%;
    }

    57.14% {
        background-position: 58.333333333333336% 0%;
    }

    59.18% {
        background-position: 60.416666666666664% 0%;
    }

    61.22% {
        background-position: 62.5% 0%;
    }

    63.27% {
        background-position: 64.58333333333334% 0%;
    }

    65.31% {
        background-position: 66.66666666666666% 0%;
    }

    67.35% {
        background-position: 68.75% 0%;
    }

    69.39% {
        background-position: 70.83333333333334% 0%;
    }

    71.43% {
        background-position: 72.91666666666666% 0%;
    }

    73.47% {
        background-position: 75% 0%;
    }

    75.51% {
        background-position: 77.08333333333334% 0%;
    }

    77.55% {
        background-position: 79.16666666666666% 0%;
    }

    79.59% {
        background-position: 81.25% 0%;
    }

    81.63% {
        background-position: 83.33333333333334% 0%;
    }

    83.67% {
        background-position: 85.41666666666666% 0%;
    }

    85.71% {
        background-position: 87.5% 0%;
    }

    87.76% {
        background-position: 89.58333333333334% 0%;
    }

    89.80% {
        background-position: 91.66666666666666% 0%;
    }

    91.84% {
        background-position: 93.75% 0%;
    }

    93.88% {
        background-position: 95.83333333333334% 0%;
    }

    95.92% {
        background-position: 97.91666666666666% 0%;
    }

    97.96%,
    100% {
        background-position: 100% 0%;
    }
}


/* header end */