html {
    font-size: 62.5%;
  }
  body {
    font-size: 14px;
    color: #374051;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    min-width: 1000px;
    line-height: 1;
  }
  a {
    color: #4f5362;
    cursor: pointer;
  }
  a:hover {
    text-decoration: none;
  }
  code,
  pre {
    font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif;
  }
  .cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .tc {
    text-align: center;
  }
  .tl {
    text-align: left;
  }
  .tr {
    text-align: right;
  }
  .fn {
    float: none;
  }
  .red {
    color: #e21e1e;
  }
  .green {
    color: #43cb83;
  }
  .orange {
    color: #ffa900;
  }
  .blue {
    color: #4f5362;
  }
  .purple {
    color: #9e5ae3;
  }
  .link {
    color: #4f5362;
  }
  .link:hover {
    color: #58a2f5;
  }
  .dn {
    display: none;
  }
  .db {
    display: block;
  }
  .tran2 {
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  .tran4 {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  input[type=submit],
  button {
  }
  input[type=text],
  input[type=search],
  input[type=password],
  input[type=email],
  textarea {
    /*-webkit-appearance: none;appearance: none;*/
    outline: none;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ced6d8;
  }
  input[type=text].disabled,
  input[type=search].disabled,
  input[type=password].disabled,
  input[type=email].disabled,
  textarea.disabled,
  input[type=text][disabled],
  input[type=search][disabled],
  input[type=password][disabled],
  input[type=email][disabled],
  textarea[disabled] {
    background: #f5f5f5;
    color: #999;
    border-color: #ced6d8;
    box-shadow: none;
  }
  input[type=text]:hover,
  input[type=search]:hover,
  input[type=password]:hover,
  input[type=email]:hover,
  textarea:hover {
    border-color: #bac2c4;
  }
  
  [class^=btn] {
    border-radius: 3px;
    display: inline-block;
  }
  [class^=btn]:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
  }
  .btn-lg {
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
  }
  .center {
    float: left;
    position: relative;
    left: 50%;
  }
  .center > * {
    float: left;
    position: relative;
    left: -50%;
  }
  .wrap {
    width: 1080px;
    margin: 0 auto;
  }
  input,
  textarea,
  button {
    outline: none;
  }
  /*公用头部*/
  .header {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  }
  .hader-inner {
    display: table;
    height: 100px;
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
  }
  .logo img {
    display: block;
    max-height: 70px;
  }
  .header-nav {
    float: right;
  }
  .header-nav-list,
  .user-nav {
    display: inline-block;
  }
  .header-nav-list,
  .user-nav {
    vertical-align: middle;
  }
  .header-nav-list {
    margin-right: 10px;
    margin-top: -10px;
  }
  .header-nav-list li {
    float: left;
    margin-left: 15px;
    line-height: 1;
    border-left: 1px solid #e2eaec;
    padding-left: 15px;
  }
  .header-nav-list li:first-child {
    border-left: none;
  }
  .header-nav-list a {
    color: #4f5362;
  }
  .header-nav-list a:hover {
    color: #58a2f5;
  }
  /*搜索*/
  .search-box {
    height: 150px;
    text-align: center;
  }
  .search-box .search {
    display: inline-block;
    position: relative;
  }
  .search-box .search .search-match {
    float: left;
    position: relative;
  }
  .search-box .search .match-list {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2eaec;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    z-index: 999;
  }
  .search-box .search .match-list a {
    display: block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2eaec;
    text-align: left;
    color: #374051;
  }
  .search-box .search .match-list a:hover {
    background-color: #f4f8f9;
    color: #4f5362;
  }
  .search-box .search label[for=top-search] {
    position: relative;
  }
  .search-box .search label[for=top-search]:before {
      content: "\e037";
      font-family: "kf5-help";
      display: block;
      position: absolute;
      left: 15px;
      top: 0px;
      font-size: 20px;
      line-height: 50px;
      color: #a8acb9;;
  }
  .search-box .search input[type=search] {
    background: #fff;
    height: 48px;
    width: 800px;
    padding-left: 45px;
    padding-right: 20px;
    border-radius: 40px;
    border: none;
    font-size: 16px;
    box-shadow: 0 4px 0px rgba(0, 0, 0, 0.05);
  }
  .search-box .search input[type=search]::-webkit-input-placeholder {
    color: #9e9e9e;
  }
  .search-box .search input[type=search]:-moz-placeholder {
    color: #9e9e9e;
  }
  .search-box .search input[type=search]::-moz-placeholder {
    color: #9e9e9e;
  }
  .search-box .search input[type=search]:-ms-input-placeholder {
    color: #9e9e9e;
  }
  .search-box .search input[type=submit] {
    visibility: hidden;
    position: absolute;
    left: 0;
  }
  /*主体内容*/
  .main-header {
    height: 88px;
  }
  .main-header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .main-header h2 {
    font-size: 22px;
    color: #fff;
    line-height: 88px;
    float: left;
  }
  .main-header .main-header-search,
  .main-header .search {
    float: right;
    margin-top: 25px;
    position: relative;
  }
  .main-header .main-header-search input,
  .main-header .search input {
    height: 38px;
    vertical-align: middle;
    width: 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 40px;
    padding-left: 30px;
    border: none;
    padding-right: 10px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .main-header .main-header-search input::-webkit-input-placeholder,
  .main-header .search input::-webkit-input-placeholder {
    color: #ffffff;
  }
  .main-header .main-header-search input:-moz-placeholder,
  .main-header .search input:-moz-placeholder {
    color: #ffffff;
  }
  .main-header .main-header-search input::-moz-placeholder,
  .main-header .search input::-moz-placeholder {
    color: #ffffff;
  }
  .main-header .main-header-search input:-ms-input-placeholder,
  .main-header .search input:-ms-input-placeholder {
    color: #ffffff;
  }
  .main-header .main-header-search input:focus,
  .main-header .search input:focus {
    background: #fff;
    color: #374051;
  }
  .main-header .main-header-search input:focus::-webkit-input-placeholder,
  .main-header .search input:focus::-webkit-input-placeholder {
    color: #374051;
  }
  .main-header .main-header-search input:focus:-moz-placeholder,
  .main-header .search input:focus:-moz-placeholder {
    color: #374051;
  }
  .main-header .main-header-search input:focus::-moz-placeholder,
  .main-header .search input:focus::-moz-placeholder {
    color: #374051;
  }
  .main-header .main-header-search input:focus:-ms-input-placeholder,
  .main-header .search input:focus:-ms-input-placeholder {
    color: #374051;
  }
  .main-header .main-header-search input:focus + .icon-search,
  .main-header .search input:focus + .icon-search {
    color: #777777;
  }
  .main-header .main-header-search .icon-search,
  .main-header .search .icon-search {
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 38px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .main-header .main-header-search .search-match,
  .main-header .search .search-match {
    float: left;
    position: relative;
  }
  .main-header .main-header-search .match-list,
  .main-header .search .match-list {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e2eaec;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    z-index: 999;
  }
  .main-header .main-header-search .match-list a,
  .main-header .search .match-list a {
    display: block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2eaec;
    text-align: left;
    color: #374051;
  }
  .main-header .main-header-search .match-list a:hover,
  .main-header .search .match-list a:hover {
    background-color: #f4f8f9;
    color: #4f5362;
  }
  .main-header .main-header-search label[for=top-search],
  .main-header .search label[for=top-search] {
    position: relative;
    height: 38px;
    display: block;
  }
  .main-header .main-header-search label[for=top-search]:after,
  .main-header .search label[for=top-search]:after {
    content: "\e037";
    font-family: "kf5-help";
    position: absolute;
    left: 12px;
    top: 0;
    font-size: 18px;
    line-height: 38px;
    color: #ffffff;
  }
  .main-header .main-header-search label[for=top-search]:focus::after,
  .main-header .search label[for=top-search]:focus::after {
    color: #374051;
  }
  .main-header .main-header-search input[type=submit],
  .main-header .search input[type=submit] {
    visibility: hidden;
    position: absolute;
    right: 0;
    height: 38px;
    width: 30px;
    display: inline-block;
  }
  .main-header .breadcrumbs {
    float: left;
    margin-bottom: 0;
  }
  .main-header .breadcrumbs li {
    font-size: 16px;
    color: #fff;
    line-height: 88px;
  }
  .main-header .breadcrumbs li:before {
    color: #fff;
  }
  .main-header .breadcrumbs a {
    color: #fff;
  }
  .main-header .breadcrumbs a:hover {
    color: #fff;
  }
  .content {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .content h2 {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2eaec;
    padding-left: 4px;
    margin-bottom: 30px;
    font-weight: bold;
  }
  .content h2 > a {
    color: #374051;
  }
  .content .description {
    color: #999;
    font-size: 14px;
    padding-left: 5px;
    line-height: 1.6em;
  }
  .content h2 + .description {
    margin: -24px 0 24px 0;
    min-height: 1px;
  }
  .content-main {
    float: left;
    width: 68%;
  }
  .content-main.content-full {
    width: 100%;
  }
  .content-main .section {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
  }
  .content-main .section .visibility-internal:before {
    content: "\e605";
    font-family: "kf5-help";
    margin-right: 3px;
  }
  .content-main .section h3 {
    font-size: 18px;
    padding-left: 10px;
    border-left: 2px solid #43cb83;
    line-height: 1;
    margin-bottom: 20px;
  }
  .content-main .section h3 a {
    color: #374051;
  }
  .content-main .section h3 a:hover {
    color: #4f5362;
  }
  .content-main .section .more {
    font-size: 12px;
    margin-left: 12px;
    color: #777777;
  }
  .content-main .category-list,
  .content-main .article-list {
    margin-bottom: 10px;
  }
  .content-main .category-list li,
  .content-main .article-list li {
    margin-bottom: 8px;
    line-height: 1.5em;
    padding-left: 12px;
    position: relative;
  }

  .content-main .category-list li.promoted:before,
  .content-main .article-list li.promoted:before {
    content: "\e6e5";
    font-family: "kf5-help";
    font-size: 14px;
    background: none;
    height: auto;
    width: auto;
    left: -5px;
    top: 0;
    color: #ffa900;
  }
  .content-main .category-list a,
  .content-main .article-list a {
    color: #4f5362;
    font-size: 16px;
  }
  .content-main .category-list a:hover,
  .content-main .article-list a:hover {
    color: #58a2f5;
  }
  .content-main .category-list a:hover,
  .content-main .article-list a:hover {
    text-decoration: underline;
  }
  .category-guide-grid {
    margin-bottom: 50px;
  }
  .category-guide-grid .category-list {
    padding-top: 30px;
  }
  .category-guide-grid .category-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .category-guide-grid li {
    float: left;
    width: 332px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: solid 2px #eff0f4;
  }

  .category-guide-grid li a {
    
      display: table-cell;
      vertical-align:middle;
      text-align:center;
      line-height: 30px;
      width:331px;
  }
  .category-guide-grid li a:hover {
    text-decoration: none;
  }
  .grid-col-2 > div {
    width: 538px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
  }
  .grid-col-2 > div:nth-child(odd) {
    padding-right: 40px;
  }
  .grid-col-2 > div:nth-child(even) {
    padding-left: 40px;
  }
  .grid-col-2 .recent-articles h3,
  .grid-col-2 .promoted-articles h3,
  .grid-col-2 .hot-articles h3 {
    font-size: 18px;
    padding-left: 8px;
    border-left: 2px solid #43cb83;
    margin-bottom: 15px;
  }
  .grid-col-2 .recent-articles li,
  .grid-col-2 .promoted-articles li,
  .grid-col-2 .hot-articles li {
    border-bottom: 1px solid #EEF4F5;
    padding: 12px 0;
    line-height: 1.5em;
    position: relative;
    padding-left: 15px;
  }
  .grid-col-2 .recent-articles li:before,
  .grid-col-2 .promoted-articles li:before,
  .grid-col-2 .hot-articles li:before {
    content: "";
    height: 4px;
    width: 4px;
    background: #ccc;
    border-radius: 100%;
    position: absolute;
    left: 2px;
    top: 20px;
  }
  .grid-col-2 .recent-articles li a,
  .grid-col-2 .promoted-articles li a,
  .grid-col-2 .hot-articles li a {
    font-size: 16px;
    color: #4f5362;
  }
  .grid-col-2 .recent-articles li a:hover,
  .grid-col-2 .promoted-articles li a:hover,
  .grid-col-2 .hot-articles li a:hover {
    color: #58a2f5;
  }
  .grid-col-2 .community h3 {
    font-size: 18px;
    padding-left: 8px;
    border-left: 2px solid #43cb83;
    margin-bottom: 15px;
  }
  .grid-col-2 .community li {
    border-bottom: 1px solid #EEF4F5;
    padding: 12px 0;
    line-height: 1.5em;
    padding-left: 15px;
    position: relative;
  }
  .grid-col-2 .community li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .grid-col-2 .community li:before {
    content: "";
    height: 4px;
    width: 4px;
    background: #ccc;
    border-radius: 100%;
    position: absolute;
    left: 2px;
    top: 20px;
  }
  .grid-col-2 .community li h5 {
    float: left;
  }
  .grid-col-2 .community li h5 a {
    font-size: 16px;
    color: #4f5362;
  }
  .grid-col-2 .community li h5 a:hover {
    color: #58a2f5;
  }
  .grid-col-2 .community li p {
    float: right;
    font-size: 12px;
    color: #777;
  }
  .grid-col-2 .community li p a {
    color: #777;
    margin-right: 10px;
  }
  .grid-col-2 .community li p span {
    margin-right: 10px;
  }
  .content-sidebar {
    float: right;
    width: 26%;
  }
  .content-sidebar .category,
  .content-sidebar .widget-column {
    background: #fff;
    border-radius: 3px;
    padding: 15px;
    border: 1px solid #e2eaec;
    margin-bottom: 20px;
  }
  .content-sidebar .widget-column {
    border-width: 0;
  }
  .content-sidebar .category h3,
  .content-sidebar .widget-column h3 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 5px;
  }
  .content-sidebar .category h3 .right,
  .content-sidebar .widget-column h3 .right {
    font-size: 14px;
    color: #4f5362;
    float: right;
  }
  .content-sidebar .category h3 .right:hover,
  .content-sidebar .widget-column h3 .right:hover {
    color: #58a2f5;
  }
  .content-sidebar .hot-article-list a,
  .content-sidebar .hot-articles a,
  .content-sidebar .recent-articles a,
  .content-sidebar .promoted-articles a,
  .content-sidebar .related-articles a {
    color: #4f5362;
  }
  .content-sidebar .hot-article-list a:hover,
  .content-sidebar .hot-articles a:hover,
  .content-sidebar .recent-articles a:hover,
  .content-sidebar .promoted-articles a:hover,
  .content-sidebar .related-articles a:hover {
    color: #58a2f5;
  }
  .content-sidebar .hot-article-list li,
  .content-sidebar .hot-articles li,
  .content-sidebar .recent-articles li,
  .content-sidebar .promoted-articles li,
  .content-sidebar .related-articles li {
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .content-sidebar .hot-article-list li:last-child,
  .content-sidebar .hot-articles li:last-child,
  .content-sidebar .recent-articles li:last-child,
  .content-sidebar .promoted-articles li:last-child,
  .content-sidebar .related-articles li:last-child {
    margin-bottom: 0;
  }
  .content-sidebar .community li {
    margin-bottom: 15px;
  }
  .content-sidebar .community li:last-child {
    margin-bottom: 0;
  }
  .content-sidebar .community h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 6px;
  }
  .content-sidebar .community h5 > a {
    color: #4f5362;
    font-size: 14px;
    margin-bottom: 2px;
  }
  .content-sidebar .community h5 > a:hover {
    color: #58a2f5;
  }
  .content-sidebar .community h5 + p {
    font-size: 12px;
  }
  .content-sidebar .community h5 + p a {
    margin-right: 15px;
    color: #374051;
  }
  .content-sidebar .community h5 + p a:hover {
    color: #4f5362;
    text-decoration: underline;
  }
  .content-sidebar .community h5 + p span {
    margin-right: 15px;
  }
  /*常见问题列表页*/
  .posts-list,
  .articles-list {
    margin-bottom: 30px;
  }
  .posts-list li,
  .articles-list li {
    position: relative;
    padding-bottom: 18px;
    border-bottom: 1px solid #e2eaec;
    padding-top: 18px;
  }
  .posts-list li:hover,
  .articles-list li:hover {
    background: #f9fcff;
  }
  .posts-list .label,
  .articles-list .label {
    position: absolute;
    right: 5px;
    top: 16px;
  }
  .posts-list .top,
  .articles-list .top,
  .posts-list .elite,
  .articles-list .elite {
    float: right;
    margin-right: 5px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    padding: 0 6px;
    border-radius: 3px;
  }
  .posts-list .top,
  .articles-list .top {
    background: #e21e1e;
  }
  .posts-list .elite,
  .articles-list .elite {
    background: #ffa900;
  }
  .posts-item-vote-state,
  .articles-item-vote-state {
    float: left;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 3px;
    background: #FBF3EC;
    font-size: 12px;
    color: #e21e1e;
  }
  .posts-item-content,
  .articles-item-content {
    padding-left: 70px;
  }
  .posts-item-content h3,
  .articles-item-content h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  .posts-item-content h3 > a,
  .articles-item-content h3 > a {
    color: #4f5362;
  }
  .posts-item-content h3 > a:hover,
  .articles-item-content h3 > a:hover {
    color: #58a2f5;
  }
  
  .posts-item-content .top,
  .articles-item-content .top {
    color: #e21e1e;
  }
  .pagination {
    margin-bottom: 20px;
  }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .pagination li {
    float: left;
    margin: 0 5px;
  }
  .pagination .active a {
    border-color: #43cb83;
    background: #43cb83;
    color: #fff;
  }
  .pagination li > a {
    display: block;
    height: 30px;
    min-width: 30px;
    padding: 0 10px;
    border: 1px solid #e2eaec;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #4f5362;
    border-radius: 3px;
  }
  .pagination li > a:hover {
    color: #58a2f5;
  }
  .pagination li > a:hover {
    text-decoration: none;
    border-color: #43cb83;
  }
  .article-header h2 {
    position: relative;
    padding-right: 70px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 24px;
    padding-left: 0;
    border-bottom: 1px solid #e2eaec;
    line-height: 1.5em;
  }
  .article-header .subscribe {
    position: absolute;
    right: 0;
    top: 5px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: #43cb83;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
  }
  .article-header .subscribe:hover {
    border-color: #ced6d8;
    text-decoration: none;
  }
  .article-header .subscribe:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  }
  .article-header-info {
    font-size: 12px;
    color: #777;
    margin-bottom: 30px;
  }
  .article-header-info .author {
    color: #374051;
    font-weight: bold;
  }
  .article-content {
    line-height: 1.8em;
    font-size: 16px;
    padding-bottom: 50px;
  }
  .article-content p,
  .article-content ul,
  .article-content ol,
  .article-content pre,
  .article-content code,
  .article-content div,
  .article-content table {
    margin-bottom: 16px;
  }
  .article-content a {
    color: #4f5362;
  }
  .article-content a:hover {
    color: #58a2f5;
  }
  .article-content table {
    width: 100%;
    border: 1px solid #e2eaec;
    text-align: center;
  }
  .article-content table td {
    border: 1px solid #e2eaec;
    padding: 4px;
  }
  .article-content ul > li {
    padding-left: 13px;
    position: relative;
  }
  .article-content ul > li:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #999;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .article-content .attachment {
    background: #f4f8f9;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: 14px;
  }
  .article-content .attachment p:last-child {
    margin-bottom: 0;
  }
  .article-footer {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2eaec;
    margin-bottom: 30px;
  }
  .article-footer .article-vote-up {
    display: inline-block;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 10px;
    text-decoration: none;
    color: #fff;
    background: #43cb83;
  }
  .article-footer .article-vote-up:hover {
    background: #60d396;
  }
  .article-footer .article-vote-up:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  }
  .article-footer .active.article-vote-up .icon-thumb-up {
    color: #43cb83;
  }
  .article-footer .icon-thumb-up {
    margin-right: 5px;
  }
  .article-footer .share-list {
    float: right;
  }
  .share-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .share-list li {
    float: left;
    margin: 0 5px;
    position: relative;
  }
  .share-list .qr-box {
    display: none;
    height: 150px;
    width: 150px;
    background: #fff;
    padding: 10px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -80px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }
  .share-list .qr-box img {
    display: block;
    width: 100%;
  }
  .share-list li > a {
    display: block;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .share-list i {
    line-height: 35px;
  }
  .share-list .wechat a {
    border-color: #43cb83;
    color: #43cb83;
  }
  .share-list .wechat a:hover {
    background: #43cb83;
    color: #fff;
  }
  .share-list .sina a {
    border-color: #e21e1e;
    color: #e21e1e;
  }
  .share-list .sina a:hover {
    background: #e21e1e;
    color: #fff;
  }
  .share-list .qq a {
    border-color: #1f5dea;
    color: #1f5dea;
  }
  .share-list .qq a:hover {
    background: #1f5dea;
    color: #fff;
  }
  .article-comments h2 {
    font-size: 16px;
    padding-bottom: 10px;
  }
  .article-comments h2 > span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
  }
  .article-comments-list > li {
    position: relative;
    margin-left: 70px  ;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2eaec;
    margin-bottom: 30px;
  }
  .article-comments-item-pic {
    position: absolute;
    left: -70px;
    top: 0;
    height: 50px;
    width: 50px;
    border-radius: 100%;
  }
  .article-comments-item-header {
    font-size: 14px;
    color: #777;
    margin-bottom: 8px;
  }
  .article-comments-item-header a {
    color: #4f5362;
  }
  .article-comments-item-header a:hover {
    color: #58a2f5;
  }
  .article-comments-item-header .author {
    color: #666;
    font-weight: bold;
  }
  .article-comments-item-content {
    line-height: 1.8em;
    font-size: 16px;
    padding-bottom: 50px;
    padding-bottom: 0;
  }
  .article-comments-item-content p,
  .article-comments-item-content ul,
  .article-comments-item-content ol,
  .article-comments-item-content pre,
  .article-comments-item-content code,
  .article-comments-item-content div,
  .article-comments-item-content table {
    margin-bottom: 16px;
  }
  .article-comments-item-content a {
    color: #4f5362;
  }
  .article-comments-item-content a:hover {
    color: #58a2f5;
  }
  .article-comments-item-content table {
    width: 100%;
    border: 1px solid #e2eaec;
    text-align: center;
  }
  .article-comments-item-content table td {
    border: 1px solid #e2eaec;
    padding: 4px;
  }
  .article-comments-item-content ul > li {
    padding-left: 13px;
    position: relative;
  }
  .article-comments-item-content ul > li:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #999;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .article-comments-item-content .attachment {
    background: #f4f8f9;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: 14px;
  }
  .article-comments-item-content .attachment p:last-child {
    margin-bottom: 0;
  }
  .article-comments-item-content p,
  .article-comments-item-content ul,
  .article-comments-item-content ol,
  .article-comments-item-content pre,
  .article-comments-item-content code,
  .article-comments-item-content div,
  .article-comments-item-content blockquote {
    margin-bottom: 10px;
  }
  .article-comments-item-content blockquote {
    padding-left: 10px;
    border-left: 2px solid #43cb83;
  }
  .article-comments-item-content blockquote .from {
    font-size: 14px;
    color: #777;
    margin-bottom: 0px;
  }
  .comment-form {
    position: relative;
    padding-left: 70px;
    clear: both;
  }
  .comment-form textarea {
    border: 1px solid #e2eaec;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 3px;
    min-height: 120px;
    font-size: 16px;
  }
  .article-comments-form-pic {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    border-radius: 100%;
  }
  .article-comments-form-submit {
    padding: 0 15px;
    line-height: 32px;
    color: #fff;
    background: #43cb83;
    border: none;
    float: right;
    margin-top: 20px;
  }
  .article-comments-form-submit:hover {
    background: #60d396;
  }
  .article-comments-form-submit:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  }
  .date-choice {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .date-choice:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .date-choice-btn a {
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    border: 1px solid transparent;
    margin-right: 5px;
    border-radius: 3px;
    color: #374051;
  }
  .date-choice-btn a.active {
    border-color: #43cb83;
  }
  .ticket-search {
    float: right;
  }
  .ticket-search input[type=search] {
    height: 30px;
    min-width: 170px;
    padding-left: 25px;
    padding-right: 8px;
    border-radius: 3px;
  }
  .ticket-search label[for=ticket-search] {
    position: relative;
  }
  .ticket-search label[for=ticket-search]:before {
    content: "\e037";
    font-family: "kf5-help";
    position: absolute;
    left: 10px;
    line-height: 30px;
    color: #cccccc;
  }
  .ticket-table-list {
    width: 100%;
    font-size: 15px;
    margin-bottom: 30px;
  }
  .ticket-table-list tr {
    border-bottom: 1px solid #e2eaec;
  }
  .ticket-table-list th {
    text-align: left;
    padding: 15px;
  }
  .ticket-table-list td {
    text-align: left;
    padding: 15px;
    line-height: 22px;
  }
  .ticket-table-list tbody tr {
    cursor: pointer;
  }
  .ticket-table-list tbody tr:hover {
    background: #f9fcff;
  }
  .ticket-table-list a {
    color: #4f5362;
  }
  .ticket-table-list a:hover {
    color: #58a2f5;
  }
  /*工单详情页*/
  .user-satisfaction {
    background: #f4f8f9;
    border: 1px solid #e2eaec;
    border-radius: 3px;
    margin-bottom: 30px;
    margin-top: -10px;
  }
  .user-satisfaction-choice {
    padding: 20px;
    border-bottom: 1px solid #e2eaec;
  }
  .user-satisfaction-choice:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .user-satisfaction-choice h3 {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .user-satisfaction-choice .scores-btn {
    float: left;
    margin-right: 20px;
    height: 32px;
    line-height: 32px;
    background: #fff;
    padding: 0 20px;
    border-radius: 3px;
    border: 1px solid #e2eaec;
    text-decoration: none;
    color: #374051;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
  }
  .user-satisfaction-choice .scores-btn.active {
    border-color: #43cb83;
  }
  .user-satisfaction-choice .scores-btn:hover {
    border-color: #43cb83;
  }
  .user-satisfaction-feedback {
    padding: 20px;
  }
  .user-satisfaction-feedback h3 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .user-satisfaction-feedback textarea {
    width: 100%;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  .user-satisfaction-feedback .btn {
    border: none;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    padding: 0 20px;
    color: #fff;
    font-size: 14px;
    background: #43cb83;
  }
  .user-satisfaction-feedback-text {
    line-height: 1.6em;
    margin-bottom: 15px;
  }
  .ticket-comment h2,
  .request-comment h2 {
    border-bottom: none;
  }
  .ticket-comment .request-push,
  .request-comment .request-push {
    float: right;
    font-size: 12px;
    font-weight: normal;
    padding: 0 8px;
    background: #43cb83;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
  }
  .ticket-comment .request-push:active,
  .request-comment .request-push:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  }
  .ticket-comment-list > li,
  .request-comment-list > li {
    position: relative;
    margin-left: 70px;
    padding-bottom: 0px;
    border-bottom: 1px solid #e2eaec;
    margin-bottom: 25px;
  }
  .ticket-comment-list .article-comments-item-content,
  .request-comment-list .article-comments-item-content {
    line-height: 1.8em;
    font-size: 16px;
    padding-bottom: 50px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .ticket-comment-list .article-comments-item-content p,
  .request-comment-list .article-comments-item-content p,
  .ticket-comment-list .article-comments-item-content ul,
  .request-comment-list .article-comments-item-content ul,
  .ticket-comment-list .article-comments-item-content ol,
  .request-comment-list .article-comments-item-content ol,
  .ticket-comment-list .article-comments-item-content pre,
  .request-comment-list .article-comments-item-content pre,
  .ticket-comment-list .article-comments-item-content code,
  .request-comment-list .article-comments-item-content code,
  .ticket-comment-list .article-comments-item-content div,
  .request-comment-list .article-comments-item-content div,
  .ticket-comment-list .article-comments-item-content table,
  .request-comment-list .article-comments-item-content table {
    margin-bottom: 16px;
  }
  .ticket-comment-list .article-comments-item-content a,
  .request-comment-list .article-comments-item-content a {
    color: #4f5362;
  }
  .ticket-comment-list .article-comments-item-content a:hover,
  .request-comment-list .article-comments-item-content a:hover {
    color: #58a2f5;
  }
  .ticket-comment-list .article-comments-item-content table,
  .request-comment-list .article-comments-item-content table {
    width: 100%;
    border: 1px solid #e2eaec;
    text-align: center;
  }
  .ticket-comment-list .article-comments-item-content table td,
  .request-comment-list .article-comments-item-content table td {
    border: 1px solid #e2eaec;
    padding: 4px;
  }
  .ticket-comment-list .article-comments-item-content ul > li,
  .request-comment-list .article-comments-item-content ul > li {
    padding-left: 13px;
    position: relative;
  }
  .ticket-comment-list .article-comments-item-content ul > li:before,
  .request-comment-list .article-comments-item-content ul > li:before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 100%;
    background: #999;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .ticket-comment-list .article-comments-item-content .attachment,
  .request-comment-list .article-comments-item-content .attachment {
    background: #f4f8f9;
    padding: 8px 15px;
    border-radius: 3px;
    font-size: 14px;
  }
  .ticket-comment-list .article-comments-item-content .attachment p:last-child,
  .request-comment-list .article-comments-item-content .attachment p:last-child {
    margin-bottom: 0;
  }
  .signature {
    font-size: 12px;
    color: #777;
    margin-bottom: 25px;
  }
  .ticket-info-list li,
  .request-info-list li {
    margin-bottom: 15px;
  }
  .ticket-info-list h4 > span,
  .request-info-list h4 > span {
    color: #777;
  }
  /*搜索结果页*/
  .search-results-list {
    max-width: 750px;
    padding-left: 5px;
    border-bottom: 1px solid #e2eaec;
    margin-bottom: 35px;
  }
  .search-results-list li {
    margin-bottom: 40px;
  }
  .search-results-list h3 > a {
    color: #2180D2;
    font-size: 18px;
  }
  .search-results-list h3 {
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .search-results-list p {
    font-size: 15px;
    color: #4b5465;
    line-height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .search-results-list p.info {
    margin-top: 8px;
    font-size: 12px;
    color: #00ab4e;
  }
  .search-results-title {
    margin-bottom: 0 !important;
  }
  .search-results-nav {
    height: 40px;
    background: #f4f8f9;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .search-results-nav a {
    float: left;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    color: #374051;
    text-decoration: none;
    margin-right: 10px;
  }
  .search-results-nav a:hover {
    color: #4f5362;
  }
  .search-results-nav a.active {
    border-bottom: 2px solid #43cb83;
  }
  /*翻页*/
  .pagination {
    margin-bottom: 20px;
  }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .pagination li {
    float: left;
    margin: 0 5px;
  }
  .pagination .active a,
  .pagination .selected a {
    border-color: #43cb83;
    background: #43cb83;
    color: #fff !important;
  }
  .pagination li > a {
    display: block;
    height: 30px;
    min-width: 30px;
    border: 1px solid #e2eaec;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #4f5362;
    border-radius: 3px;
  }
  .pagination li > a:hover {
    color: #58a2f5;
  }
  .pagination li > a:hover {
    text-decoration: none;
    border-color: #43cb83;
  }
  .pagination.right {
    float: right;
  }
  .info-block a {
    color: #4f5362;
  }
  .info-block a:hover {
    color: #58a2f5;
  }


  *, *:before, *:after {
    box-sizing: border-box; }

  body {
    font-weight: normal;
    color: #4f5362;
    font-family: "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Source Han Sans Light", "Noto Sans CJK Sc Thin", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif;
    overflow-x: hidden; }

  @media (max-width: 767px) {
    #cms-top {
      display: none; } }
  #global-header {
    width: 100%;
    height: 400px;
    background: url("http://up.img.heidiancdn.com/o_1b3eh6ptc3dkc91qk210cm3b80b-g%20(1).png") no-repeat 50%;
    background-size: cover;
    padding: 40px 50px; }
    #global-header .heidian-logo {
      background: url("http://up.img.heidiancdn.com/o_1b3egvkrf1ue91ua41nvc14es1rts0logo-white.png") no-repeat 50%;
      background-size: contain;
      display: block;
      width: 76px;
      height: 54px; }
      @media (max-width: 767px) {
        #global-header .heidian-logo {
          width: 55px;
          height: 41px; } }
    #global-header button.navbar-toggle {
      margin-top: 5px;
      margin-right: 0;
      width: 40px;
      height: 15px;
      padding: 0; }
      #global-header button.navbar-toggle .line {
        display: block;
        position: absolute;
        left: 10px;
        height: 2px;
        width: 22px;
        background-color: white;
        -webkit-transition: all ease-in-out 0.35s;
        -moz-transition: all ease-in-out 0.35s;
        transition: all ease-in-out 0.35s; }
      #global-header button.navbar-toggle .line-first {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(47deg);
        -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
        -o-transform: rotate(47deg);
        transform: rotate(47deg); }
      #global-header button.navbar-toggle .line-second {
        top: 8px;
        opacity: 0; }
      #global-header button.navbar-toggle .line-third {
        top: 16px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(-47deg);
        -moz-transform: rotate(-47deg);
        -ms-transform: rotate(-47deg);
        -o-transform: rotate(-47deg);
        transform: rotate(-47deg); }
      #global-header button.navbar-toggle.collapsed .line-first {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0); }
      #global-header button.navbar-toggle.collapsed .line-second {
        opacity: 1; }
      #global-header button.navbar-toggle.collapsed .line-third {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0); }
    #global-header .navbar-collapse {
      color: white; }
      #global-header .navbar-collapse li {
        box-sizing: border-box;
        height: 36px;
        font-size: 14px;
        line-height: 24px;
        padding: 6px 24px;
        text-align: center;
        -webkit-transition: all ease-in-out 0.35s;
        -moz-transition: all ease-in-out 0.35s;
        transition: all ease-in-out 0.35s; }
        #global-header .navbar-collapse li:hover {
          opacity: 1; }
        
        #global-header .navbar-collapse li a {
          height: 24px;
          line-height: 24px;
          min-width: 56px;
          text-align: center;
          padding: 0;
          color: white;
          position: relative; }
          #global-header .navbar-collapse li a::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            width: 0;
            height: 1px;
            background-color: white;
            -webkit-transition: width 0.35s ease-in-out;
            -moz-transition: width 0.35s ease-in-out;
            transition: width 0.35s ease-in-out; }
          #global-header .navbar-collapse li a:hover {
            background-color: transparent; }
            #global-header .navbar-collapse li a:hover::after {
              width: 100%; }
    #global-header .help-center-title {
      margin: 40px auto 0;
      padding: 0;
      width: 300px;
      text-align: center;
      font-size: 52px;
      height: 52px;
      line-height: 52px;
      color: white;
      font-family: "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Source Han Sans Light", "Noto Sans CJK Sc Thin", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif;
      font-weight: 100; }
    #global-header .input-group {
      margin: 40px auto 0;
      width: 600px;
      height: 50px;
      padding: 0;
      border-radius: 5px;
      background-color: white; }
      @media (max-width: 767px) {
        #global-header .input-group {
          width: 100%; } }
      #global-header .input-group input {
        font-size: 14px;
        line-height: 1.5;
        height: 50px;
        border: 0px;
        background-color: white;
        outline: none;
        box-shadow: none; }
        #global-header .input-group input::-webkit-input-placeholder, #global-header .input-group input:-moz-input-placeholder, #global-header .input-group input::-moz-input-placeholder, #global-header .input-group input:-ms-input-placeholder {
          color: #a8acb9; }
        #global-header .input-group input:focus {
          outline: none;
          box-shadow: none; }
      #global-header .input-group.valid .input-group-btn {
        color: #27292b; }
      #global-header .input-group .input-group-btn {
        padding: 16px 0;
        text-align: center;
        border: 0px;
        height: 50px;
        line-height: 1;
        width: 50px;
        color: #a8acb9;
        font-size: 18px; }
        #global-header .input-group .input-group-btn:hover {
          color: #27292b; }
    @media (max-width: 767px) {
      #global-header {
        height: 350px;
        padding: 15px; }
        #global-header .navbar-collapse {
          width: 100%;
          text-align: center; } }

  #global-index-menu {
    padding-bottom: 40px; }
    #global-index-menu .item-block {
      height: 250px;
      width: 100%;
      max-width: 340px;
      border-radius: 4px;
      border: solid 2px #eff0f4;
      margin: 40px auto 0;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #global-index-menu .item-block:hover {
        box-shadow: 0 29px 40px 0 rgba(0, 0, 0, 0.17); }
      #global-index-menu .item-block i, #global-index-menu .item-block h4, #global-index-menu .item-block p {
        display: block;
        text-align: center;
        color: #4f5362;
        font-family: "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Source Han Sans Light", "Noto Sans CJK Sc Thin", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif; }
      #global-index-menu .item-block i {
        font-size: 50px;
        line-height: 60px;
        height: 60px;
        width: 60px;
        margin: 50px auto 0; }
      #global-index-menu .item-block h4 {
        text-indent: -1px;
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 1;
        height: 20px;
        width: 100%;
        margin: 36px auto 0; }
      #global-index-menu .item-block p {
        font-size: 14px;
        line-height: 1;
        height: 300;
        margin: 14px auto 0;}
    @media (max-width: 767px) {
      #global-index-menu .col-sm-4 {
        padding: 0; } }

  #global-contents > .row {
    margin: 0;
    padding: 35px 15px; }
    @media (max-width: 767px) {
      #global-contents > .row {
        padding-left: 0;
        padding-right: 0; } }
    #global-contents > .row .left-menu {
      margin-left: -15px;
      padding-left: 0;
      list-style: none; }
      #global-contents > .row .left-menu li {
        margin: 5px 0;
        width: 160px;
        height: 36px; }
        #global-contents > .row .left-menu li:first-child {
          margin-top: 0; }
        #global-contents > .row .left-menu li.active > a {
          text-decoration: none;
          background-color: #f6f7f9; }
        #global-contents > .row .left-menu li a {
          display: block;
          padding: 0 18px;
          width: 160px;
          height: 36px;
          font-family: "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Source Han Sans Light", "Noto Sans CJK Sc Thin", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif;
          font-size: 14px;
          line-height: 36px;
          border-radius: 3px;
          color: #4f5362;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #global-contents > .row .left-menu li a:hover, #global-contents > .row .left-menu li a:focus, #global-contents > .row .left-menu li a:active {
            text-decoration: none;
            background-color: #f6f7f9; }
    #global-contents > .row .main-column {
      padding-left: 0;
      padding-right: 0; }
      #global-contents > .row .main-column h2.menu-title {
        margin-top: 10px;
        margin-bottom: 50px; }
      #global-contents > .row .main-column h3 {
        font-size: 22px;
        line-height: 1;
        height: 22px;
        margin-top: 28px;
        margin-bottom: 28px;
        height: auto; }
      #global-contents > .row .main-column img {
        max-width: 100%; }
      #global-contents > .row .main-column p {
        font-size: 15px;
        line-height: 1.7; }
      #global-contents > .row .main-column a {
        color: #1ecde2; }
      #global-contents > .row .main-column .sub-menu {
        margin: 0;
        padding: 0;
        list-style: none; }
        #global-contents > .row .main-column .sub-menu li {
          margin: 0;
          margin-bottom: 16px;
          text-align: left;
          height: 14px;
          font-size: 14px;
          line-height: 1; }
          #global-contents > .row .main-column .sub-menu li a {
            color: #4f5362; }
    #global-contents > .row .related-posts h3 {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 30px; }
    #global-contents > .row .related-posts > a {
      display: block;
      padding: 0 18px;
      width: 160px;
      height: 36px;
      font-size: 14px;
      line-height: 36px;
      border-radius: 3px;
      color: #4f5362;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      height: auto;
      cursor: pointer;
      margin-bottom: 5px; }
      #global-contents > .row .related-posts > a:hover, #global-contents > .row .related-posts > a:focus, #global-contents > .row .related-posts > a:active {
        text-decoration: none;
        background-color: #f6f7f9; }

  .morequestion {
    width: 100%;
    height: 378px;
    background-color: #f9fafb;
    color: #4f5362;
    padding: 96px 15px 0; }
    .morequestion h3 {
      margin: 0 auto;
      padding: 0;
      height: 32px;
      font-size: 32px;
      line-height: 1;
      text-align: center; }
    .morequestion p {
      margin: 30px auto 0;
      width: 400px;
      max-width: 100%;
      height: 24px;
      font-size: 16px;
      line-height: 1.5;
      text-align: center; }
    .morequestion > a {
      margin: 58px auto 0;
      display: block;
      width: 156px;
      text-align: center;
      font-size: 14px;
      line-height: 1.5;
      padding: 10.5px;
      color: white;
      height: 42px;
      border-radius: 96px;
      background-color: #1f5dea; }
      .morequestion > a:hover {
        color: white;
        text-decoration: none;
        background-color: rgba(31, 93, 234, 0.85); }

  #global-footer {
    color: #4f5362;
    background-color: #fff;
    padding-bottom: 60px; }
    #global-footer .divider {
      height: 0px;
      margin: 0 auto 40px; }
    #global-footer .footer-item {
      margin-bottom: 30px; }
    #global-footer .footer-logo {
      font-size: 78px;
      display: block;
      height: 70px;
      line-height: 0.8;
      color: #27292B; }
    #global-footer .footer-logo img {
      height: 70px;
      width: auto;
    }
    #global-footer .footer-slogen {
      margin-top: 8px;
      font-family: "Montserrat Light", "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Source Han Sans Light", "Source Han Sans SC Light", "Noto Sans CJK Sc Thin", "Microsoft YaHei Light", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.3;
      color: #27292b; }
    #global-footer .other-items {
      margin: 25px 0; }
      #global-footer .other-items > span {
        font-size: 14px;
        margin-right: 10px;
        color: #4f5362; }
    #global-footer .copyright {
      white-space: nowrap;
      font-family: "Montserrat Light", "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif;
      font-size: 14px;
      line-height: 1.5;
      color: #a8acb9; }
      #global-footer .copyright .bei {
        margin-left: 10px; }
    #global-footer .footer-title {
      font-size: 14px;
      color: #a8acb9;
      margin-bottom: 7px; }
    #global-footer .footer-link {
      padding: 7px 0px;
      font-size: 14px;
      color: #4f5362;
      display: inline-block;
      margin: 0 auto;
      position: relative; }
      #global-footer .footer-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 1px;
        background-color: #4f5362;
        bottom: 0;
        left: 0;
        -webkit-transition: width 0.35s ease-in-out;
        -moz-transition: width 0.35s ease-in-out;
        transition: width 0.35s ease-in-out; }
    #global-footer a.footer-link:hover {
      text-decoration: none;
      background-color: transparent; }
      #global-footer a.footer-link:hover::after {
        width: 100%; }
    #global-footer .footer-link-icon {
      color: #A8ACB9;
      font-size: 20px;
      display: inline-block; }
      #global-footer .footer-link-icon:hover, #global-footer .footer-link-icon:active, #global-footer .footer-link-icon:focus {
        background-color: transparent; }
    #global-footer .qr-wechat::before {
      content: '';
      position: absolute;
      width: 40px;
      height: 40px;
      top: -7px;
      left: 50%;
      margin-left: -27px;
      background: url("http://www.heidianer.com/public/images/footer/qr-wechat.jpg") no-repeat center;
      background-size: contain;
      display: none;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out; }
    #global-footer .qr-wechat::after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      top: -5px;
      left: 50%;
      margin-left: -14px;
      border: 6px solid transparent;
      border-top: 6px solid #000;
      display: none; }
    #global-footer .qr-wechat:hover {
      background-color: transparent; }
      #global-footer .qr-wechat:hover::before {
        display: block;
        -webkit-transform-origin: 50% 150%;
        -moz-transform-origin: 50% 150%;
        -ms-transform-origin: 50% 150%;
        -o-transform-origin: 50% 150%;
        transform-origin: 50% 150%;
        -webkit-transform: scale(3, 3);
        -moz-transform: scale(3, 3);
        -ms-transform: scale(3, 3);
        -o-transform: scale(3, 3);
        transform: scale(3, 3); }
      #global-footer .qr-wechat:hover::after {
        display: block; }
    #global-footer .footer-social-icon > a {
      display: inline-block;
      padding-left: 0; }
    #global-footer > .container {
      position: relative; }
    #global-footer .translate {
      position: absolute;
      right: 15px;
      bottom: -40px;
      padding: 10px; }
      #global-footer .translate .translate-item {
        width: 16px;
        height: 16px;
        color: #4f5362;
        border-radius: 2px;
        border: solid 1px #4f5362;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        background-color: white;
        font-size: 12px;
        line-height: 14px;
        overflow: hidden;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out; }
        #global-footer .translate .translate-item.highlight {
          background-color: #4f5362;
          color: white; }
        #global-footer .translate .translate-item .translate-text {
          width: 14px;
          height: 14px; }
      #global-footer .translate .translate-zh {
        transform: translate3d(19px, 0px, 0); }
      #global-footer .translate .translate-zh.active {
        transform: translate3d(7px, -7px, 0); }
      #global-footer .translate .translate-en.active {
        transform: translate3d(-12px, -7px, 0); }
    #global-footer .btn-greenish-teal {
      height: 44px;
      margin-top: 40px;
      font-size: 14px;
      color: #fff;
      line-height: 1.5;
      letter-spacing: 1.4px;
      padding: 10px 68px;
      border-radius: 5px;
      background-color: #43cb83; }
      #global-footer .btn-greenish-teal:hover, #global-footer .btn-greenish-teal:active {
        background-color: #60d396; }
    @media (max-width: 767px) {
      #global-footer .footer-logo-container {
        text-align: center; }
        #global-footer .footer-logo-container .footer-logo {
          margin: 30px auto; }
      #global-footer .footer-social-nav {
        display: inline-block; }
      #global-footer li.footer-social-icon {
        display: inline-block; }
      #global-footer .translate {
        right: 50%;
        bottom: -60px;
        margin-right: -18px; }
      #global-footer .footer-item {
        text-align: center; }
      #global-footer .footer-social-icon > a {
        padding-left: 15px; }
      #global-footer .qr-wechat::before {
        margin-left: -20px; }
      #global-footer .qr-wechat::after {
        margin-left: -6px; }
      #global-footer .copyright .bei {
        display: block;
        margin-top: 5px;
        margin-left: 0px; }
      #global-footer .btn-greenish-teal {
        padding: 10px 40px !important; } }
    @media (max-width: 991px) and (min-width: 768px) {
      #global-footer .footer-logo-container {
        text-align: center; }
      #global-footer .footer-logo {
        margin: 0px auto; }
      #global-footer .copyright {
        text-align: center; }
      #global-footer .qr-wechat::before {
        margin-left: -27px; }
      #global-footer .qr-wechat::after {
        margin-left: -14px; } }
    @media (max-width: 1199px) and (min-width: 992px) {
      #global-footer .footer-logo {
        margin-top: 0; }
      #global-footer .footer-social-nav > li.footer-social-icon {
        display: block;
        width: 100%; }
      #global-footer .btn-greenish-teal {
        padding: 10px 30px; }
      #global-footer .qr-wechat::before {
        margin-left: -27px; }
      #global-footer .qr-wechat::after {
        margin-left: -14px; } }

  .category-guide-grid li {
      float: left;
      width: 332px;
      margin-left: 40px;
      margin-bottom: 40px;
  }
  .category-guide-grid li:nth-child(3n+1) {
      margin-left: 0;
  }
  #global-header .navbar-collapse .user-info {
    color: #000;
  }
  #global-header .navbar-collapse .user-info-menu li a {
    color: #000;
  }
  label {
    margin-bottom: 0!important;
  }
  a.footer-link {
    text-decoration: none;
  }
  .copyright {
    margin-top: 0;
    text-align: left;
  }
  .copyright a {
    float: none;
  }

  .category-guide-grid li a {
    height: 250px;
    border-radius: 4px;
    margin: 40px auto 0;
    cursor: pointer;
    color: #4f5362;
    font-size: 20px;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: 15%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .category-1000036 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7uk1cfn1vom1lck3c61qbj0icon1.png);
  }
  .category-1031968 a {
    background-image: url(https://up.img.heidiancdn.com/o_1djon3jki1324n3n1145ku813o60rogram.png);
  }
  .category-1000039 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7up1g9s1ara1imegc9ie30icon2.png);
  }
  .category-1000040 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7urhdrfqm1v868411iak0icon3.png);
  }
  .category-1000041 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7utar711581crc1ne61cs90icon4.png);
  }
  .category-1000042 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7uu1nt57onnfj169411ut0icon5.png);
  }
  .category-1000043 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7v01pi1188k9hi4vqd0p0icon6.png);
  }
  .category-1000044 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7v21rku1qe2175se2p7ki0icon7.png);
  }
  .category-1000045 a {
    background-image: url(http://up.img.heidiancdn.com/o_1b4d0v7v6184b117hrnsnpl1ojh0icon9.png);
  }
  .category-1007242 a {
    background-image: url(https://up.img.heidiancdn.com/o_1bmeeje0gfuek2u3gbgqn8ph0icon_2.png);
  }
  .category-guide-grid li:hover {
    border-width: 0;
    height: 254px;
  }
  .category-guide-grid li:hover a {
    box-shadow: 0 29px 40px 0 rgba(0, 0, 0, 0.17);
  } 
  .nav-justified>li {
    width: auto!important;
    padding-right: 20px;
  }


  .ico-Logo-chen {
    background-image: url(http://up.img.heidiancdn.com/o_1b3ed60hj148d1qt8rqc1mam1dno0logo2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
  }
  .heyshop-logo {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }

  .main-header .breadcrumbs a,
  .sub-nav .breadcrumbs a {
    font-size: 14px;
    line-height: 88px;
    letter-spacing: 0.5px;
    color: #a8acb9;
    cursor: pointer;
  }
  .main-header .breadcrumbs a:hover,
  .sub-nav .breadcrumbs a:hover {
    text-decoration: none;
    color: #4f5362;
  }

  .main-header .breadcrumbs li,
  .sub-nav .breadcrumbs li {
    font-size: 14px;
    line-height: 88px;
    letter-spacing: 0.5px;
    color: #4f5362;
  }


  .search-box .search {
    display: block;
  }

  .content > .wrap.clearfix {
    border-top: solid 1px #e5e7ed;
  }

  .content-main .section h3 {
    border-left-width: 0;
    padding-left: 0;
    margin-bottom: 17px;
  }

  .section-tree > .section h3 a {
    height: 22px;
    font-size: 22px;
    line-height: 1;
    color: #4f5362;
  }
  .content-main .section h3 a:hover {
    color: #4f5362;
  }
  .section-tree > .section h3 a {
    text-decoration: none;
    color: #4f5362;
  }
  .content-main .section .article-list + a {
    display: none;
  }

  .content-main .section .article-list + span {
    margin-left: 0;
  }

  .content-main .article-list li {
    padding-left: 0;
  }

  .content-main .article-list a {
    font-size: 14px;
    line-height: 1.2;
    color: #4f5362;
  }

  .content-main {
    margin-top: 60px;
  }

  .content-main .article-list a:hover {
    color: #27292b;
  }
  .content-main > h2.category_title {
    display: none;
  }
  .content-main > h2.section_title {
    font-size: 30px;
  color: #4f5362;
  border-bottom-width: 0;
  padding-bottom: 0;
  }



  .content-sidebar {
    width: 20%;
  }

  .heyshop-category {
    float: left;
    width: 20%;
    margin-right: 5%;
    margin-top: 60px;
  }

  .heyshop-category li {
    margin-bottom: 5px;
  }
  .heyshop-category li:nth-child(8){
     display:none;
  }

  .heyshop-category li a {
    display: block;
    color: #4f5362;
    font-size: 14px;
    border-radius: 3px;
    line-height: 36px;
    padding-left: 18px;
    width: 160px;
  }

  .heyshop-category li a:hover,
   .heyshop-category li a:focus,
   .heyshop-category li a.highlight {
    text-decoration: none;
    color: #4f5362;
    background-color: #f6f7f9;
  }

  .content-sidebar .hot-articles a:hover {
    text-decoration: none;
    color: #4f5362;
  }

  .content-sidebar {
    margin-top: 30px;
  }

  body .nav>li>a:focus, body .nav>li>a:hover {
  background: transparent;
 }

  .heyshop-category ~ .content-main {
    width: 55%;
  }

  .article-comments-form-submit {
    width: 156px;
    height: 42px;
    border-radius: 5px;
    background-color: #43cb83;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }
  .form-ui input[type=submit] {
    border-radius: 5px;
    height: 42px;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10.5px;
    padding-bottom: 10.5px;

  }
  .article-comments-form-submit:hover {
    background-color: #60d396;
  }
  .form-ui input[type=submit]:hover {
    background-color: #60d396;
  }

  #global-header .input-group input::-webkit-input-placeholder {
    color: #a8acb9!important;
  }
  #global-header .input-group input:-moz-placeholder {
    color: #a8acb9!important;
  }
  #global-header .input-group input::-moz-placeholder {
    color: #a8acb9!important;
  }
  #global-header .input-group input:-ms-input-placeholder {
    color: #a8acb9!important;
  }
  .articles-list li {
    border-bottom: 1px solid #eff0f4;
    height: 110px;
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .posts-item-content h3 {
    margin: 0;
  }
  .articles-list li:first-child {
    border-top:1px solid #eff0f4;
  }
  .posts-item-content h3 {
    font-size: 22px;
    line-height: 1;
    color: #4f5362;
  }
  .posts-item-content h3 > a:hover {
    color: #4f5362;
    text-decoration: none;
  }
  .posts-item-content h3 + p {
    display: none;
  }
  .posts-item-vote-state {
    display: none;
  }
  .posts-item-content {
    padding-left: 10px;
  }
  .articles-list .top {
    border-radius: 3px;
    background-color: #ff575b;
    display: block;
  }
  .articles-list li:hover {
    background-color: #f6f7f9;
  }
  .content-center {
    width: 750px;
    margin: 0 auto;
    float: none;
  }
  .form-ui input[type=text],
  .form-ui input[type=email], .form-ui input[type=password], .form-ui input[type=search] {
        border-radius: 4px;
    background-color: #eff0f4;
    border: 1px solid #d4d4d4;
  }
  .form-ui label {
    font-size: 14px;
  line-height: 2;
  letter-spacing: 1.4px;
  color: #a8acb9;
  margin-bottom: 10px;
  padding-left: 16px;
  }
  * {
    font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB W3", "Source Han Sans Light", "Noto Sans CJK Sc Thin", "Microsoft YaHei", "Microsoft Jhenghei", Avenir, "Helvetica Neue", Arial, sans-serif;
  }
  #ueditor_0 {
    background-color: #eff0f4;
    border-radius: 4px;
  }
  input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus, select:focus, .form-ui select:focus {
    box-shadow: none;
  }
  #TicketForm_title {
    width: 45%;
  }
  #ticket_form input[type="submit"] {
  margin: 0 auto;
    display: block;
    background-color: #1f5dea;
    width: 280px;
  }
  #ticket_form input[type="submit"]:hover {
  background-color: #4c7eef;
  }
  body .content-main {
    color: #4f5362;
  }
  body a:focus {
    text-decoration: none;
  }
  .user-info .dropdown-toggle {
    border-width: 0;
    background-color: transparent;
    color: white;
  }
  .user-nav .user-info {
    padding-top: 3px;
  }
  .breadcrumbs li a::after {
    content: "  >";
    color: #a8acb9;
  }
  .breadcrumbs li:last-child a::after {
    content: initial;
  }
  .hot-articles h3 {
    font-weight: normal;
  }
  .article-header h2 {
    font-weight: normal;}
  body .alert-info {
      background-color: transparent;}
  .user-nav {
    float: left;}
  .user-info .dropdown-panel .msg-num {
    right: auto;
    left: 100%;
    top: 0;}
 #global-header .navbar-collapse li#li__login {
    border: 1px solid rgba(168,172,185,0.4);
    border-radius: 100px;
    padding-left: 0;
    padding-right: 0;
}
#global-header .navbar-collapse li#li__login:hover {
    background-color: #1f5dea;
    border-color: #1f5dea;
} 
#global-header .navbar-collapse li#li__login a::after {
    height: 0;
}