.hp.search {
  background: url("../img/helpbanner.jpg");
  background-size: cover;
  background-position: center; }
  .hp.search .hp-title-left {
    height: 122px;
    line-height: 122px;
    font-size: 32px;
    color: #fff; }
  .hp.search .hp-title-right .search {
    border: 2px solid #00C1E0;
    margin-top: 37px;
    height: 40px;
    width: 530px;
    position: relative;
    z-index: 100; }
    .hp.search .hp-title-right .search input {
      border: 0;
      width: 615px;
      height: 36px;
      font-size: 16px;
      padding: 0 5px; }
    .hp.search .hp-title-right .search .btn {
      width: 100px;
      height: 40px;
      font-size: 16px;
      line-height: 38px;
      text-align: center;
      cursor: pointer;
      padding: 0;
      border-radius: 0; }
    .hp.search .hp-title-right .search .tip {
      background-color: #fff;
      left: -2px;
      position: absolute;
      border: 1px solid #00C1E0;
      top: 36px;
      z-index: 1; }
    .hp.search .hp-title-right .search .search-all-btn {
      right: -100px;
      position: absolute;
      background-color: #00C1E0;
      color: #fff;
      top: -2px;
      border: 2px solid #00C1E0; }
    .hp.search .hp-title-right .search .search-product-btn {
      right: -210px;
      position: absolute;
      top: -2px;
      border: 1px solid #00C1E0;
      height: 40px;
      line-height: 40px;
      color: #fff; }
  .hp.search .hp-title-right .hot-search {
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-right: 100px;
    padding-left: 60px; }
    .hp.search .hp-title-right .hot-search label {
      position: absolute;
      left: 0;
      color: #999;
      font-size: 12px; }
    .hp.search .hp-title-right .hot-search ul {
      padding-left: 10px; }
    .hp.search .hp-title-right .hot-search .y-left {
      float: left !important;
      display: inline;
      padding-right: 10px; }
      .hp.search .hp-title-right .hot-search .y-left a {
        font-size: 12px;
        color: #00a2ca; }

.y-left {
  float: left !important;
  display: inline; }

.hp.main {
  width: 100%; }
  .hp.main ul {
    padding: 0; }
  .hp.main .hp-tab {
    border-bottom: 1px solid #e8eaec;
    height: 46px;
    margin-bottom: 20px; }
    .hp.main .hp-tab li {
      padding: 0 16px;
      font-size: 16px;
      height: 46px;
      line-height: 46px; }
      .hp.main .hp-tab li a {
        color: #000 !important; }
    .hp.main .hp-tab li.action {
      border-bottom: 2px solid #00C1E0;
      height: 46px; }
      .hp.main .hp-tab li.action a {
        color: #00C1E0 !important; }
  .hp.main .help-index-row {
    margin-bottom: 56px; }
    .hp.main .help-index-row .help-index-cell h2 {
      font-size: 18px;
      margin: 24px 0 6px; }
      .hp.main .help-index-row .help-index-cell h2 a {
        color: #00C1E0; }
    .hp.main .help-index-row .help-index-cell:nth-child(3) ul.help-common-nav-list {
      height: 697px;
      /*overflow: hidden;*/ }
      .hp.main .help-index-row .help-index-cell ul.help-common-nav-list li a {
        color: #00C1E0;
        line-height: 40px;
        overflow: hidden;
        border-bottom: 1px solid #E5E5E5;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block; }
      .hp.main .help-index-row .help-index-cell ul.help-common-nav-list li > span {
        line-height: 40px;
        overflow: hidden;
        border-bottom: 1px solid #E5E5E5;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        color: #666; }
      .hp.main .help-index-row .help-index-cell ul.help-common-nav-list li > ul li {
        position: relative; }
        .hp.main .help-index-row .help-index-cell ul.help-common-nav-list li > ul li:before {
          position: absolute;
          top: 50%;
          left: 30px;
          content: '';
          margin-top: -3px;
          width: 6px;
          height: 6px;
          background: #e0e0e0;
          border-radius: 10px; }
        .hp.main .help-index-row .help-index-cell ul.help-common-nav-list li > ul li a {
          padding-left: 50px; }
  .hp.main .help-menu-box {
    width: 180px;
    float: left;
    display: inline; }
    .hp.main .help-menu-box .help-menu {
      background-color: #ecf0f4;
      width: 180px; }
      .hp.main .help-menu-box .help-menu .all {
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-bottom: 1px dashed #dfe3e6;
        position: relative;
        cursor: pointer; }
      .hp.main .help-menu-box .help-menu .menu-title {
        margin: 0 10px;
        font-size: 14px;
        color: #999;
        height: 45px;
        line-height: 45px;
        display: block;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .hp.main .help-menu-box .help-menu li {
        height: 35px;
        line-height: 35px;
        position: relative;
        list-style-type: none; }
        .hp.main .help-menu-box .help-menu li ul {
          display: none; }
      .hp.main .help-menu-box .help-menu li.level1 i {
        right: 10px;
        top: 9px;
        position: absolute;
        margin-top: 5px;
        display: inline-block;
        float: right;
        background-image: url("../img/help/jiantou.png");
        background-position: 0 0;
        width: 8px;
        height: 4px; }
      .hp.main .help-menu-box .help-menu li.level1 > a {
        height: 100%;
        display: block;
        width: 140px;
        padding: 0 10px;
        color: #333; }
      .hp.main .help-menu-box .help-menu li.level1.open > a > i {
        background-image: url("../img/help/jiantou.png");
        background-position: 0 -4px;
        width: 8px;
        height: 4px; }
      .hp.main .help-menu-box .help-menu li.level1.open {
        height: auto; }
        .hp.main .help-menu-box .help-menu li.level1.open > ul {
          display: block; }
      .hp.main .help-menu-box .help-menu li.level2 {
        background-color: #f6fafe;
        border-bottom: 1px solid #e1e7ee; }
        .hp.main .help-menu-box .help-menu li.level2 > a {
          height: 100%;
          display: block;
          width: 150px;
          padding: 0 0 0 20px;
          color: #333; }
  .hp.main .help-body-box {
    padding-left: 30px;
    padding-bottom: 40px;
    width: 960px;
    float: left;
    display: inline; }
    .hp.main .help-body-box .help-body-tofu-block {
      margin-top: 42px; }
      .hp.main .help-body-box .help-body-tofu-block p {
        font-size: 12px; }
      .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell {
        height: 155px;
        float: left;
        margin-left: -1px;
        width: 25%;
        position: relative; }
        .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell .tofu-block-default {
          width: 100%;
          height: 100%;
          border: 1px solid #E7E7E7;
          padding: 18px;
          background-color: #F8F8F8;
          position: absolute;
          animation: 3s slidein;
          -webkit-transition: opacity .3s;
          -moz-transition: opacity .3s;
          -o-transition: opacity .3s;
          transition: opacity .3s;
          opacity: 1;
          filter: alpha(opacity=100);
          -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
          z-index: 1; }
        .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell .tofu-block-hover li a {
          white-space: nowrap;
          text-overflow: ellipsis;
          display: block;
          overflow-x: hidden;
          color: #666; }
        .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell .tofu-block-hover {
          -webkit-transition: opacity .3s, width 4s, height 4s;
          -moz-transition: opacity .3s, width 4s, height 4s;
          -o-transition: opacity .3s, width 4s, height 4s;
          transition: opacity .3s, width 4s, height 4s;
          padding: 18px;
          background-color: #fff;
          position: absolute;
          border: 1px solid #00C1E0;
          width: 120%;
          height: 120%;
          margin-top: -8%;
          margin-left: -8%;
          box-shadow: 0 0 8px #00C1E0;
          z-index: 2;
          opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); }
          .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell .tofu-block-hover li {
            display: inline-block;
            width: 115px; }
            .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell .tofu-block-hover li a {
              font-size: 12px; }
      .hp.main .help-body-box .help-body-tofu-block .tofu-block-cell:hover .tofu-block-hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
        z-index: 5; }
      .hp.main .help-body-box .help-body-tofu-block h2 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
        margin-left: -19px; }
        .hp.main .help-body-box .help-body-tofu-block h2:before {
          content: '';
          display: inline-block;
          width: 15px;
          height: 15px;
          margin-right: 4px;
          background: url("../img/help/circle.png") center no-repeat; }
    .hp.main .help-body-box .help-body-title {
      margin: 50px 0 28px;
      font-size: 18px;
      border-bottom: 1px solid #DBDBDB; }
      .hp.main .help-body-box .help-body-title span {
        padding-bottom: 5px;
        line-height: 33px;
        border-bottom: 1px solid #000; }
    .hp.main .help-body-box .help-body-box-detail-feedback textarea {
      resize: none;
      width: 100%;
      height: 90px;
      border: 1px solid #ECECEC;
      margin: 9px 0 14px;
      padding: 10px; }
    .hp.main .help-body-box .y-btn-anti, .hp.main .help-body-box .y-btn-blue, .hp.main .help-body-box .y-btn-trans, .hp.main .help-body-box .y-btn-white {
      display: inline-block;
      min-width: 140px;
      height: 36px;
      padding: 0 30px 1px;
      background: #00a2ca;
      border: solid 1px #00a2ca;
      line-height: 32px;
      font-size: 14px;
      text-align: center;
      outline: none;
      cursor: pointer;
      border-radius: 0;
      color: #ffffff; }
    .hp.main .help-body-box .help-body-box-detail-comment {
      font-size: 14px;
      padding: 20px 16px;
      color: #666;
      border: 1px solid #eaeaea; }
    .hp.main .help-body-box .help-body-box-detail-crumbs {
      padding-bottom: 12px;
      border-bottom: 1px solid #D7D8D9; }
      .hp.main .help-body-box .help-body-box-detail-crumbs li {
        float: left; }
        .hp.main .help-body-box .help-body-box-detail-crumbs li a {
          color: #00C1E0; }
    .hp.main .help-body-box .help-body-box-detail-title {
      text-align: center; }
    .hp.main .help-body-box .markdown-body {
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      color: #333;
      overflow: hidden;
      font-size: 14px;
      line-height: 1.6;
      word-wrap: break-word;
      margin: 23px 0 35px; }
  .hp.main .help-body-flow {
    display: table;
    width: 100%; }
    .hp.main .help-body-flow .help-body-flow-cell {
      display: table-cell;
      padding-right: 10px; }
      .hp.main .help-body-flow .help-body-flow-cell h1 {
        font-size: 18px;
        color: #666; }
      .hp.main .help-body-flow .help-body-flow-cell ul {
        margin-left: 45px;
        margin-top: 15px; }
        .hp.main .help-body-flow .help-body-flow-cell ul li {
          line-height: 20px;
          height: 20px;
          margin-bottom: 5px;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: block;
          overflow: hidden; }
          .hp.main .help-body-flow .help-body-flow-cell ul li a {
            color: #00C1E0; }
      .hp.main .help-body-flow .help-body-flow-cell i.num {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 1px solid #373D41;
        color: #373D41;
        display: inline-block;
        line-height: 28px;
        text-align: center;
        font-size: 20px;
        margin-right: 9px; }
  .hp.main .help-body-hot li {
    width: 50%;
    float: left;
    height: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 17px;
    margin-bottom: 12px;
    list-style-type: disc;
    padding-right: 30px; }
    .hp.main .help-body-hot li .circle {
      margin-right: 10px; }
    .hp.main .help-body-hot li a {
      color: #666;
      font-size: 12px; }
  .hp.main .content {
    margin-left: 228px;
    position: relative;
    padding-bottom: 45px; }
    .hp.main .content .crumbs {
      position: relative;
      top: -5px; }
      .hp.main .content .crumbs li {
        display: inline; }
        .hp.main .content .crumbs li a {
          color: #00C1E0; }
    .hp.main .content .list {
      margin-top: 25px;
      color: #d6dadd; }
      .hp.main .content .list ul {
        margin-right: 20px; }
        .hp.main .content .list ul li {
          list-style: none;
          font-size: 14px;
          margin: 20px 0; }
          .hp.main .content .list ul li .icon-func-list-style {
            display: inline-block;
            margin-right: 6px;
            position: relative;
            top: -3px;
            background: url(../img/help/li-circle.png) no-repeat;
            width: 4px;
            height: 4px; }
          .hp.main .content .list ul li a {
            color: #00C1E0; }
  .hp.main .help-menu {
    background-color: #ecf0f4;
    width: 180px;
    padding-bottom: 10px; }
  .hp.main .help-body .menu {
    float: left;
    background-color: #ecf0f4;
    width: 180px;
    z-index: 2;
    padding-bottom: 40px; }
    .hp.main .help-body .menu .all {
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      border-bottom: 1px dashed #dfe3e6;
      position: relative;
      cursor: pointer; }
    .hp.main .help-body .menu .sort {
      padding: 5px 0 10px; }
    .hp.main .help-body .menu li {
      height: 35px;
      line-height: 35px;
      position: relative; }
      .hp.main .help-body .menu li a {
        padding-left: 10px;
        display: block;
        height: 35px;
        line-height: 35px;
        color: #333;
        font-size: 12px; }
    .hp.main .help-body .menu li.action {
      background-color: #fff;
      border-left: 2px solid #00a2ca; }
  .hp.main .help-body .ul-search li {
    display: inline-block;
    padding: 0 5px; }
    .hp.main .help-body .ul-search li a {
      border: 1px solid #e0e0e0;
      padding: 5px 10px; }
      .hp.main .help-body .ul-search li a:hover {
        background: #00b7ee;
        color: #ffffff;
        border-color: #00b7ee; }
    .hp.main .help-body .ul-search li span {
      border: 1px solid #00a0c7;
      padding: 5px 10px;
      background: #00a0c7;
      color: #ffffff; }
  .hp.main .search-list li {
    margin-top: 30px !important; }
    .hp.main .search-list li h1 {
      font-size: 16px; }
      .hp.main .search-list li h1 a {
        color: #00C1E0; }
    .hp.main .search-list li p {
      line-height: 25px;
      color: #333; }
      .hp.main .search-list li p a {
        color: #00C1E0; }
  .hp.main li {
    list-style-type: none; }
/*  .hp.main a {
    color: #00C1E0; }*/
  .hp.main i {
    font-style: normal; }
  .hp.main .y-paging .y-next, .hp.main .y-paging .y-omit, .hp.main .y-paging .y-page, .hp.main .y-paging .y-prev {
    display: inline-block;
    min-width: 24px;
    padding: 4px 10px;
    border: solid 1px #ddd;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s; }
  .hp.main .y-paging .y-page-list {
    display: inline-block;
    height: 32px; }
  .hp.main .y-paging.y-paging-rn .y-next, .hp.main .y-paging.y-paging-rn .y-omit, .hp.main .y-paging.y-paging-rn .y-page, .hp.main .y-paging.y-paging-rn .y-prev {
    margin: 0 0 0 4px; }
  .hp.main .y-paging .y-page, .hp.main .y-paging .y-page:link, .hp.main .y-paging .y-page:visited {
    background: #fff;
    color: #333; }
  .hp.main .y-paging .y-current, .hp.main .y-paging .y-current:hover, .hp.main .y-paging .y-current:link, .hp.main .y-paging .y-current:visited {
    background: #00a2ca;
    border-color: #00a2ca;
    color: #fff; }
  .hp.main .y-paging .y-jump, .hp.main .y-paging .y-total {
    display: inline-block;
    height: 18px;
    padding: 7px 0;
    margin: 0 0 0 16px;
    overflow: hidden; }

#athourBuy:hover, #athourBuy:visited{color: #fff;}
#se-knowledge a{ color:#fff;
    text-decoration: underline; }
/*# sourceMappingURL=public.css.map */