@charset "UTF-8";
/*@font-face {*/
  /*font-family: 'Microsoft YaHei';*/
  /*src: url("/assets/fonts/yahei.ttf"), url("/assets/fonts/yahei.eot"), url("/assets/fonts/yahei.ttc"); }*/
html {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight: transparent;
  -webkit-text-size-adjust: none;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  font-family: 'Microsoft YaHei'; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
  margin: 0;
  padding: 0; }

article, aside, footer, header, hgroup, nav, section, figure, figcaption {
  display: block; }

/*html5设置*/
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub {
  font-size: 1em; }

body, input, button, select, textarea, sub {
  font-family: 'Microsoft YaHei'; }

em, cite, address, optgroup {
  font-style: normal; }

kbd, samp, code {
  font-family: 'Microsoft YaHei'; }

img, input, button, select, textarea {
  vertical-align: middle;
  outline: none; }

ul, ol {
  list-style: none; }

img, fieldset {
  border: 0; }

abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted #000; }

table {
  width: 100%;
  border-spacing: 0;
  border: 0; }

table th, table td {
  border: 0; }

legend, hr {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

/*legend,hr,caption {visibility: hidden;font-size: 0;width: 0;height: 0;line-height: 0;}*/
.hidden {
  display: none; }

.clearfix:after {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both; }

a {
  outline: none; }

/*night*/
a {
  text-decoration: none; }

.wrap {
  font-size: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*头部*/ }
  .wrap .cursor {
    cursor: pointer;
    cursor: hand; }
  .wrap .head {
    width: 100%;
    height: 33px;
    line-height: 33px;
    background: #f9f9f9;
    border-bottom: solid 1px #eee;
    color: #fff;
    font-size: 14px;
  }
    .wrap .head .container {
      width: 990px;
      margin: 0 auto; }
    .wrap .head .head-logo{
      float: left;
      width: 236px;
      height: 33px;
      background: url('../images/icon/head-logo.png') center no-repeat;
      background-size: 100%;
    }
    .wrap .head .login-register {
      position: relative;
      float: right;
      max-width: 300px;
      line-height: 33px;
      height: 33px;
    }
    .wrap .head .login-register li {
      float: left;
      color: #aaa; }
    .wrap .head .login-register li span{
      margin-right: 5px;
    }
    .wrap .head .login-register li span,.wrap .head .login-register li a{
      float: left;
    }
    .wrap .head .login-register li a {
      display: inline-block;
      padding-right: 5px;
      text-align: center;
      color: #1a8ced; }
    .wrap .head .login-register li .username{
      max-width: 145px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
      .wrap .head .login-register .msg {
        margin-left: 10px;
        cursor: pointer;
        cursor: hand; }
        .wrap .head .login-register .msg:hover {
          background: #fff; }
          .wrap .head .login-register .msg:hover span {
            color: #f1762c; }
        .wrap .head .login-register .msg span {
          padding: 0 30px 0 15px;
          border-left: solid 1px #fff; }
        .wrap .head .login-register .msg .msg-con {
          position: absolute;
          left: 0;
          z-index: 999;
          width: 272px;
          padding: 5px 0;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: #fff;
          border: solid 1px #e7e7e7; }
          .wrap .head .login-register .msg .msg-con li {
            width: 100%;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: #1a8ced; }
            .wrap .head .login-register .msg .msg-con li:hover {
              background: #f8f8f8; }
            .wrap .head .login-register .msg .msg-con li a {
              width: initial;
              color: #1a8ced; }
  .wrap .main {
    /*标签选择器*/
    /*玩转周边*/
    /*玩转世界*/
    /*精彩游记*/
    /*最热最新*/
    /*列表 标签在下边*/
    /*带logo的搜索框*/
    /*白色背景的面包屑导航*/
    /*模块标题 更多*/
    /*横向排列标签*/
    /*查看更多按钮*/ }
    .wrap .main .min-width {
      /*overflow: hidden;*/
/*      height: 410px;*/
      width: 990px;
      margin: 0 auto;
/*      padding-bottom: 52px;*/
}
    .wrap .main .nothing {
      font-size: 14px; }
      .wrap .main .nothing img {
        margin-top: 30%; }
    .wrap .main .tags-search {
      border: solid 1px #e4e4e4;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .wrap .main .tags-search .tags-list {
        overflow: hidden;
        background: #f4f4f4; }
        .wrap .main .tags-search .tags-list:last-child .tags-con {
          border: 0; }
        .wrap .main .tags-search .tags-list .tit {
          float: left;
          width: 83px;
          line-height: 50px;
          padding: 0;
          padding-left: 15px;
          margin: 0;
          font-size: 14px;
          font-weight: bold; }
        .wrap .main .tags-search .tags-list .tag-box {
          float: left;
          width: 90%;
          background: #fff; }
        .wrap .main .tags-search .tags-list .tags-con {
          overflow: hidden;
          margin-left: 18px;
          border-bottom: solid 1px #e4e4e4; }
        .wrap .main .tags-search .tags-list li {
          float: left;
          margin: 13px 0 12px 20px;
          height: 24px;
          line-height: 24px;
          padding: 0 10px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          cursor: pointer;
          font-size: 14px;
          color: #666666; }
        .wrap .main .tags-search .tags-list .active {
          border: solid 1px #1a8ced;
          text-align: center; }
      .wrap .main .tags-search .selected {
        height: 55px;
        border-bottom: solid 1px #e4e4e4; }
        .wrap .main .tags-search .selected .tags-con {
          border: 0; }
          .wrap .main .tags-search .selected .tags-con li {
            position: relative;
            height: 30px;
            line-height: 30px;
            padding-right: 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: #1a8ced;
            color: #ffffff;
            font-size: 14px;
            text-align: center; }
            .wrap .main .tags-search .selected .tags-con li:before {
              content: '';
              background: url("/assets/images/icon/close.png") no-repeat;
              background-size: 100%;
              position: absolute;
              top: 36%;
              right: 10px;
              width: 8px;
              height: 8px; }
    .wrap .main .circum-box {
      position: relative;
      padding-bottom: 15px; }
      .wrap .main .circum-box .pop {
        top: 68px;
        left: 102px; }
      .wrap .main .circum-box .tabs {
        position: relative; }
        .wrap .main .circum-box .tabs .tabs-tit {
          width: 115px;
          box-shadow: -3px -1px 10px #aaa, 0px 0px 10px #aaa; }
          .wrap .main .circum-box .tabs .tabs-tit li {
            position: relative;
            height: 204px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: #f8f8f8; }
            .wrap .main .circum-box .tabs .tabs-tit li p {
              height: 100%;
              margin: 0 10px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              border-bottom: solid 1px #e7e7e7; }
            .wrap .main .circum-box .tabs .tabs-tit li .big {
              position: relative;
              display: inline-block;
              margin: 30px 0 0 15px;
              font-size: 38px;
              color: #000000; }
              .wrap .main .circum-box .tabs .tabs-tit li .big:before {
                content: '';
                background: url("/assets/images/icon/line.png") no-repeat;
                background-size: 100%;
                position: absolute;
                top: 12px;
                right: -20px;
                width: 40px;
                height: 72px; }
            .wrap .main .circum-box .tabs .tabs-tit li .small {
              position: absolute;
              top: 40%;
              display: inline-block;
              width: 20px;
              line-height: 22px;
              font-size: 20px;
              color: #333333; }
            .wrap .main .circum-box .tabs .tabs-tit li:last-child p {
              border: 0; }
          .wrap .main .circum-box .tabs .tabs-tit .active {
            border-right: 0;
            box-shadow: 10px 0px 0px #fff;
            background: #fff; }
            .wrap .main .circum-box .tabs .tabs-tit .active p {
              width: 100%;
              margin: 0; }
            .wrap .main .circum-box .tabs .tabs-tit .active .big {
              margin: 30px 0 0 25px; }
        .wrap .main .circum-box .tabs .tabs-con {
          position: absolute;
          right: 0;
          top: 0;
          width: 865px;
          height: 100%; }
          .wrap .main .circum-box .tabs .tabs-con .list-btn {
            position: absolute;
            bottom: 0;
            width: 100%; }
            .wrap .main .circum-box .tabs .tabs-con .list-btn:before {
              content: '';
              background: url("/assets/images/icon/more.png") no-repeat;
              background-size: 100%;
              position: absolute;
              top: 37%;
              right: 39%;
              width: 9px;
              height: 17px; }
          .wrap .main .circum-box .tabs .tabs-con .nothing {
            height: 816px;
            line-height: 816px;
            text-align: center; }
    .wrap .main .world-box {
      overflow: hidden;
      width: 990px;
      margin: 0 auto;
      padding: 0 15px; }
      .wrap .main .world-box .grid-box {
        overflow: hidden;
        width: 1000px;
        padding-left: 10px;
        margin-left: -10px; }
      .wrap .main .world-box .grid {
        float: left;
        width: 1010px;
        padding-bottom: 10px;
        margin-left: -10px; }
        .wrap .main .world-box .grid .grid-item {
          float: left;
          width: 316.6px;
          margin: 0 10px 20px;
          background: #fff; }
          .wrap .main .world-box .grid .grid-item a {
            text-decoration: none; }
          .wrap .main .world-box .grid .grid-item:hover {
            box-shadow: 4px 0px 10px #CCC,-4px 0px 10px #ccc; }
          .wrap .main .world-box .grid .grid-item dt {
            overflow: hidden;
            width: 100%;
            height: 237px; }
          .wrap .main .world-box .grid .grid-item dd {
            overflow: hidden; }
            .wrap .main .world-box .grid .grid-item dd h4 {
              height: 56px;
              padding: 16px 10px 11px;
              overflow: hidden;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-size: 16px;
              color: #333333; }
            .wrap .main .world-box .grid .grid-item dd .time-nums {
              overflow: hidden;
              padding: 0 10px 10px;
              border-bottom: solid 1px #e7e7e7;
              font-size: 12px;
              color: #999999; }
              .wrap .main .world-box .grid .grid-item dd .time-nums .time {
                float: left; }
              .wrap .main .world-box .grid .grid-item dd .time-nums .scan-comment {
                float: right; }
                .wrap .main .world-box .grid .grid-item dd .time-nums .scan-comment span {
                  float: right;
                  padding-left: 18px;
                  position: relative; }
                .wrap .main .world-box .grid .grid-item dd .time-nums .scan-comment .scan {
                  margin-left: 18px; }
                  .wrap .main .world-box .grid .grid-item dd .time-nums .scan-comment .scan:before {
                    content: '';
                    background: url("/assets/images/icon/list-zan.png") no-repeat;
                    background-size: 100%;
                    position: absolute;
                    top: 2px;
                    left: 0;
                    width: 12px;
                    height: 15px; }
                .wrap .main .world-box .grid .grid-item dd .time-nums .scan-comment .comment:before {
                  content: '';
                  background: url("/assets/images/icon/list-comment.png") no-repeat;
                  background-size: 80%;
                  position: absolute;
                  top: 16%;
                  left: 0;
                  width: 16px;
                  height: 12px; }
            .wrap .main .world-box .grid .grid-item dd .tag-list {
              overflow: hidden;
              width: 100%;
              margin: 10px;
              height: 27px;
              line-height: 25px;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
    .wrap .main .best-box .list .list-item {
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px 0; }
      .wrap .main .best-box .list .list-item:first-child {
        padding-top: 0; }
      .wrap .main .best-box .list .list-item dt, .wrap .main .best-box .list .list-item dd {
        float: left; }
      .wrap .main .best-box .list .list-item dt {
        overflow: hidden;
        width: 180px;
        height: 135px;
        margin-right: 16px;
        border: solid 1px #aaa; }
        .wrap .main .best-box .list .list-item dt img {
          padding: 1px; }
      .wrap .main .best-box .list .list-item dd {
        width: 80%;
        font-size: 14px; }
        .wrap .main .best-box .list .list-item dd .tit-time {
          overflow: hidden; }
          .wrap .main .best-box .list .list-item dd .tit-time h4 {
            float: left;
            width: 85%;
            margin: -1px 0;
            line-height: normal; }
            .wrap .main .best-box .list .list-item dd .tit-time h4:hover {
              font-weight: bold;
              color: #1a8ced; }
          .wrap .main .best-box .list .list-item dd .tit-time .time {
            float: right;
            margin-top: 3px;
            font-size: 12px;
            color: #999; }
        .wrap .main .best-box .list .list-item dd .tag-list {
          overflow: hidden;
          float: none;
          padding: 12px 0;
          margin: 0; }
        .wrap .main .best-box .list .list-item dd .con-txt {
          height: 38px;
          line-height: 20px;
          overflow: hidden;
          font-size: 14px;
          color: #666666; }
        .wrap .main .best-box .list .list-item dd .tags-nums {
          margin-top: 10px; }
        .wrap .main .best-box .list .list-item dd .user {
          float: left;
          margin-top: 3px;
          width: 60%; }
          .wrap .main .best-box .list .list-item dd .user img {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            border-radius: 50%; }
        .wrap .main .best-box .list .list-item dd .scan-comment {
          float: right;
          width: 40%;
          padding-top: 11px; }
          .wrap .main .best-box .list .list-item dd .scan-comment span {
            float: right;
            line-height: 13px;
            position: relative; }
          .wrap .main .best-box .list .list-item dd .scan-comment .time:before {
            content: '';
            background: url("/assets/images/icon/list-time.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 3%;
            left: 0;
            width: 14px;
            height: 12px; }
          .wrap .main .best-box .list .list-item dd .scan-comment .scan:before {
            content: '';
            background: url("/assets/images/icon/list-zan.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 2px;
            left: 0;
            width: 12px;
            height: 15px; }
          .wrap .main .best-box .list .list-item dd .scan-comment .comment:before {
            content: '';
            background: url("/assets/images/icon/list-comment.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 16%;
            left: 0;
            width: 16px;
            height: 12px; }
          .wrap .main .best-box .list .list-item dd .scan-comment .scan, .wrap .main .best-box .list .list-item dd .scan-comment .comment {
            margin-left: 19px; }
    .wrap .main .best-box .list .list-btn:before {
      left: 61.5%; }
    .wrap .main .best-new .title {
      overflow: hidden;
      font-size: 24px; }
      .wrap .main .best-new .title li {
        float: left;
        margin: 20px 14px 20px 0;
        color: #999999; }
      .wrap .main .best-new .title .active {
        color: #333333; }
    .wrap .main .best-new .list {
      border-top: solid 1px #ccc; }
      .wrap .main .best-new .list .list-item {
        padding: 15px 0; }
    .wrap .main .list-item {
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px 0;
      border-bottom: solid 1px #e7e7e7; }
      .wrap .main .list-item:first-child {
        padding-top: 0; }
      .wrap .main .list-item a {
        color: #333333; }
      .wrap .main .list-item dt, .wrap .main .list-item dd {
        float: left; }
      .wrap .main .list-item dt {
        overflow: hidden;
        width: 158px;
        height: 120px;
        margin-right: 14px;
        border: solid 1px #aaa; }
        .wrap .main .list-item dt img {
          padding: 1px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
      .wrap .main .list-item dd {
        width: 82%;
        font-size: 14px; }
        .wrap .main .list-item dd h4 {
          margin: 6px 0 10px;
          font-size: 18px;
          font-weight: 200;
          cursor: pointer;
          cursor: hand;
          color: #333333; }
          .wrap .main .list-item dd h4:hover {
            color: #1a8ced; }
        .wrap .main .list-item dd .con-txt {
          height: 38px;
          line-height: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          color: #666666; }
        .wrap .main .list-item dd .tags-nums {
          overflow: hidden; }
        .wrap .main .list-item dd .scan-comment {
          float: right;
          width: 30%;
          padding-top: 21px;
          font-size: 12px;
          color: #999999; }
          .wrap .main .list-item dd .scan-comment span {
            position: relative;
            float: right;
            padding-left: 16px; }
          .wrap .main .list-item dd .scan-comment .scan {
            margin-left: 18px; }
            .wrap .main .list-item dd .scan-comment .scan:before {
              content: '';
              background: url("/assets/images/icon/list-zan.png") no-repeat;
              background-size: 100%;
              position: absolute;
              top: 2px;
              left: 0;
              width: 12px;
              height: 15px; }
          .wrap .main .list-item dd .scan-comment .comment:before {
            content: '';
            background: url("/assets/images/icon/list-comment.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 16%;
            left: 0;
            width: 16px;
            height: 12px; }
    .wrap .main .logo_search {
      height: 108px;
}
      .wrap .main .logo_search .logo {
        position: relative;
        float: left;
        font-size: 18px;
        width: 40%;
        height: 108px; }
        .wrap .main .logo_search .logo:before {
          content: '';
          background: url("/assets/images/icon/logo.png") no-repeat;
          position: absolute;
          top: 16px;
          left: 0;
          width: 100%;
          height: 92px; }
      .wrap .main .logo_search .search-box {
        overflow: hidden;
        float: right;
        width: 555px;
        margin-top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .wrap .main .logo_search .search-box .search-main {
          float: left;
          width: 100%;
            margin-top: 30px;
}
        .wrap .main .logo_search .search-box .search-main .search-input-btn {
          overflow: hidden;
          width: 538px;
          line-height: 46px;
          height: 48px;
            margin-left: 18px;
}
        .wrap .main .logo_search .search-box .search-main .search-input-btn .search-input {
          float: left;
          width: 430px;
          height: 46px;
          /*height: 46px\9;*/
          border: solid 1px #1a8ced;
          border-right: 0;
          border-radius: 4px 0 0 4px;
          color: #000;
          font-size: 20px;
          text-indent: 1rem;}
        .wrap .main .logo_search .search-box .search-main .search-input-btn .search-btn {
          position: relative;
          float: left;
          width: 76px;
          padding-left: 30px;
          height: 48px;
          border-radius: 0 4px 4px 0;
          background: #1a8ced;
          text-align: center;
          font-size: 18px;
          color: #ffffff; }
        .wrap .main .logo_search .search-box .search-main .search-input-btn .search-btn:before {
          content: '';
          position: absolute;
          bottom: 80px;
          top: 30%;
          left: 20px;
          z-index: 9;
          width: 20px;
          height: 20px;
          background: url("/assets/images/icon/index-search-bar.png") no-repeat;
          background-size: 100%;  }
        .wrap .main .logo_search .search-box .search-main .tags {
          overflow: hidden;
          /*height: 45px;
          line-height: 45px;
          margin-bottom: 20px;*/
          font-size: 16px;
          color: #333333; 
            margin: 9px 0 0 18px;
}
        .wrap .main .logo_search .search-box .search-main .tags li {
          float: left;
          margin-right: 20px; }
        .wrap .main .logo_search .search-box .search-main .tags li a {
          color: #333333; }
        .wrap .main .logo_search .search-box .search-main .tags li a:hover {
          color: #1a8ced; }
        .wrap .main .logo_search .search-box .search-main .tags .active {
          color: #1a8ced; }
        .wrap .main .logo_search .search-box .btns {
          float: left;
          font-size: 18px;
          color: #fff; }
          .wrap .main .logo_search .search-box .btns .publish, .wrap .main .logo_search .search-box .btns .opinion {
            width: 140px;
            line-height: 50px;
            margin-bottom: 10px;
            border-radius: 4px;
            text-align: center; }
          .wrap .main .logo_search .search-box .btns .publish {
            background: #f1762c; }
          .wrap .main .logo_search .search-box .btns .opinion {
            background: #999999; }
    .wrap .main .crumbs-white {
      overflow: hidden;
      /*height: 44px;
      line-height: 44px;*/
      font-size: 14px;
      color: #999999;
        padding: 18px 0 17px;
        margin: 0 auto;
}
      .wrap .main .crumbs-white li {
        float: left; }
      .wrap .main .crumbs-white li.personal a{
        color: #fff; }
      .wrap .main .crumbs-white li.personal{
        float: right;
        width: 70px;
        height: 26px;
        line-height: 26px;
        margin-top: 10px;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
        background: #1a8ced;
        display: none;
      }
        .wrap .main .crumbs-white li:first-child {
/*          color: #666666;*/
}
      /*.wrap .main .crumbs-white a {*/
        /*color: #999999; }*/
    .wrap .main .box-title {
      overflow: hidden; }
      .wrap .main .box-title h4 {
        float: left;
        width: 12%;
        line-height: 90px;
        margin-right: 18px;
        font-size: 28px; }
      .wrap .main .box-title .choice-address {
        position: relative;
        float: left;
        margin-top: 40px;
        font-size: 14px;
        color: #666666; }
        .wrap .main .box-title .choice-address:before {
          content: '';
          background: url("/assets/images/icon/more-down.png") no-repeat;
          background-size: 100%;
          position: absolute;
          top: 38%;
          left: 31px;
          width: 10px;
          height: 8px; }
      .wrap .main .box-title .more {
        position: relative;
        float: right;
        margin-top: 40px;
        padding-right: 13px;
        font-size: 16px;
        color: #666666; }
        .wrap .main .box-title .more:before {
          content: '';
          background: url("/assets/images/icon/more.png") no-repeat;
          background-size: 100%;
          position: absolute;
          top: 18%;
          right: 0;
          width: 9px;
          height: 17px; }
    .wrap .main .tags-time{
      overflow: hidden;
    }
    .wrap .main .tag-list {
      float: left;
      overflow: hidden;
      width: 65%;
      height: 22px;
      margin-top: 12px;
      font-size: 12px; }
    .wrap .main .publish-time{
      float: right;
      margin-top: 11px;
      font-size: 16px;
      color: #999;
    }
      .wrap .main .tag-list li {
        float: left;
        line-height: 20px;
        height: 22px;
        padding: 0 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px;
        margin-right: 10px;
        border: solid 1px #1a8ced;
        text-align: center;
        color: #1a8ced; }
    .wrap .main .list-btn {
      display: block;
      position: relative;
      margin-top: 16px;
      line-height: 60px;
      border: solid 1px #e7e7e7;
      text-align: center;
      font-size: 16px;
      color: #333333; }
      .wrap .main .list-btn:hover {
        background: #f8f8f8; }
    .wrap .main .active-more:before {
      content: '';
      background: url("/assets/images/icon/more.png") no-repeat;
      background-size: 100%;
      position: absolute;
      top: 35%;
      left: 62%;
      width: 9px;
      height: 17px; }
  .wrap .foot {
    overflow: hidden;
    width: 990px;
    margin: 10px auto 0 auto;
    padding: 7px 0 10px 0;
    border-top: 3px solid #3b5998;
    text-align: center;
    color: #7c7c7c;
    font-size: 12px; }
    .wrap .foot p {
      line-height: 24px;
      margin: 0;
      padding: 0; }
      .wrap .foot p a {
        display: inline-block;
        margin: 0 9px;
        color: #7c7c7c; }
        .wrap .foot p a:visited {
          color: #7c7c7c;
          text-decoration: none; }
        .wrap .foot p a:hover {
          color: #d60000;
          text-decoration: none; }
      .wrap .foot p .footios, .wrap .foot p .footand, .wrap .foot p .footwp, .wrap .foot p .footphone, .wrap .foot p .footauto {
        display: inline-block;
        padding-left: 19px;
        background: url("/assets/images/icon/footicon.png") no-repeat; }
      .wrap .foot p .footios {
        background-position: 0 3px; }
      .wrap .foot p .footand {
        background-position: 0 -27px; }
      .wrap .foot p .footwp {
        background-position: 0 -57px; }
      .wrap .foot p .footphone {
        background-position: 0 -87px; }
      .wrap .foot p .footauto {
        padding: 0 22px 0 21px;
        background-position: 0 -117px; }

.wrap {
  overflow: hidden; }
  .wrap .hide {
    display: none; }
  .wrap .crumbs-white {
/*    line-height: 30px;*/
    font-size: 12px;
    color: #000; }
    .wrap .crumbs-white a {
      color: #000; }

.wrap .crumbs-white li{
    color: #1a8ced;
}
.wrap .crumbs-white li:nth-of-type(1) a{
    color: #1a8ced;
}
.wrap .crumbs-white li:nth-of-type(1) a:hover{
  text-decoration: underline;
  color: #3b5998;
}
.wrap .crumbs-white li:nth-of-type(2) a{
    color: #1a8ced;
}
.wrap .crumbs-white li:nth-of-type(2) a:hover{
  text-decoration: underline;
  color: #3b5998;
}
.wrap .crumbs-white li:nth-of-type(3){
    color: #333 !important;
}



  .wrap .detail-head {
    position: relative;
    height: 410px;
    padding-bottom: 30px;}
/*.wrap .detail-head:after{
  position: absolute;
  content: '';
  width: 105px;
  height: 105px;
  left: 0;
  top: 0;
  background: url('/assets/images/icon/elite.png') no-repeat;
}*/
/*.wrap .detail-head .elite{
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 105px;
  height: 105px;
  text-align: center;
  font-size: 25px;
  color: #fff;
   background: #f1752b; 
  background: url('/assets/images/icon/elite.png');
  line-height: 44px;
    
    top: 24px;
    left: -10px;
    width: 90px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    position: absolute;
    background: url('/assets/images/icon/elite_old.png');
}*/
    /*.wrap .detail-head:before {*/
      /*content: '';*/
      /*position: absolute;*/
      /*bottom: 80px;*/
      /*left: 0;*/
      /*z-index: 9;*/
      /*width: 100%;*/
      /*height: 112px;*/
      /*background: url("/assets/images/icon/gradient.png") no-repeat;*/
      /*background-size: 100%; }*/
    .wrap .detail-head .theme-img {
        
        
      float: left;
      width: 670px;
      height: 377px; }
    .wrap .detail-head .theme-img img{
      width: 100%;
      height: 100%;
    }
      /*.wrap .detail-head .theme-img:before {*/
        /*content: '';*/
        /*position: absolute;*/
        /*bottom: 80px;*/
        /*left: 0;*/
        /*width: 100%;*/
        /*height: 112px;*/
        /*background: #000;*/
        /*opacity: 0.6;*/
        /*background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255, 255, 255, 0.01)), to(#000)); }*/
    .wrap .detail-head dl {
      float: right;
      z-index: 99;
      width: 290px;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 22px 18px 0;
      background: #eee; }
    .wrap .detail-head dt, .wrap .detail-head dd {
      float: left;
      width: 100%;
      line-height:35px;
    }
    .wrap .detail-head dt a{
      display: block;
      width: 100%;
      height: 68px;
      margin-bottom: 24px;
      font-size: 16px;
      color: #333;
    }
    .wrap .detail-head dt img {
      float: left;
      width: 68px;
      height: 68px;
      margin-right: 18px;
      border-radius: 50%; }
    .wrap .detail-head dt .title {
      float: left;
      width: 60%;
      font-weight: bold;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wrap .detail-head dt .view{
      position: relative;
      float: left;
      padding-left: 18px;
      font-size: 14px;
    }
    .wrap .detail-head dt .view:before{
      content: '';
      background: url("/assets/images/icon/eye.png") no-repeat;
      background-size: 80%;
      position: absolute;
      top: 34%;
      left: 0;
      width: 16px;
      height: 12px; }
    .wrap .detail-head dd {
      width: 100%;
      border-top: solid 1px #ddd;
    }
      .wrap .detail-head dd .user-con {
        overflow: hidden; }
        .wrap .detail-head dd .user-con .info-list{
          line-height: 32px;
          margin-top: 12px;
          padding-bottom: 18px;
          border-bottom: solid 1px #ddd;
          font-size: 14px;
          color: #333;
        }
        .wrap .detail-head dd .user-con .info-list li{
          overflow: hidden;
          position: relative;
          padding-left: 18px;
        }
        .wrap .detail-head dd .user-con .info-list li .title{
          display: block;
          width: 60px;
          text-align: justify;
          text-align-last: justify;
        }
        .wrap .detail-head dd .user-con .info-list li .address-txt{
          width: 74%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .wrap .detail-head dd .user-con .info-list li span{
          float: left;
        }
        .wrap .detail-head dd .user-con .info-list li.start-place:before{
          width: 13px;
          height: 13px;
          position: absolute;
          top: 30%;
          left: 0;
          content: "";
          background: url('../images/icon/user-address.svg') no-repeat;
          background-size: 100% 100%;
        }
        .wrap .detail-head dd .user-con .info-list li.start-time:before{
          width: 13px;
          height: 13px;
          position: absolute;
          top: 30%;
          left: 0;
          content: "";
          background: url('../images/icon/user-time.svg') no-repeat;
          background-size: 100% 100%;
        }
        .wrap .detail-head dd .user-con .info-list li.day:before{
          width: 13px;
          height: 13px;
          position: absolute;
          top: 30%;
          left: 0;
          content: "";
          background: url('../images/icon/user-day.svg') no-repeat;
          background-size: 100% 100%;
        }
        .wrap .detail-head dd .user-con .info-list li.money:before{
          width: 13px;
          height: 13px;
          position: absolute;
          top: 30%;
          left: 0;
          content: "";
          background: url('../images/icon/user-money.svg') no-repeat;
          background-size: 100% 100%;
        }
        .wrap .detail-head dd .user-con .user-tags {
          float: left;
          width: 50%; }
          .wrap .detail-head dd .user-con .user-tags .user-info {
            padding: 30px 0 0 20px;
            color: #333333; }
            .wrap .detail-head dd .user-con .user-tags .user-info .user-name {
              margin-right: 20px;
              font-size: 18px; }
            .wrap .detail-head dd .user-con .user-tags .user-info .user-name a {
              color: #333333;
            }
            .wrap .detail-head dd .user-con .user-tags .user-info .browse {
              font-size: 12px; }
          .wrap .detail-head dd .user-con .user-tags .tag-list {
            margin: 10px 0 0 20px; }
        .wrap .detail-head .nums {
          float: right;
          width: 290px;
          /*overflow: hidden;*/
          padding-top: 17px;
          background: #eee;
          font-size: 14px;
        }
          .wrap .detail-head .nums li {
            position: relative;
            float: left;
            width: 72.5px;
            height: 86px;
            cursor: pointer;
            line-height: 36px;
            text-align: center;
            color: #1a8ced;
          }
            .wrap .detail-head .nums li:hover .icon{
              background-color: #f1752b;
            }
            .wrap .detail-head .nums li:hover span{
              color: #f1752b;
            }
            .wrap .detail-head .nums li .icon{
              display: block;
              width: 50px;
              height: 50px;
              margin: 0 auto;
              background: #1a8ced;
              border-radius: 50%;
            }
            .wrap .detail-head .nums li.active{
              color: #f1752b;
            }
            .wrap .detail-head .nums li.active .icon{
              background: #f1752b;
            }

            /*.wrap .detail-head .nums li:hover {*/
              /*background: #ddd; }*/
          .wrap .detail-head .nums .zan-num {
            position: relative; }
            .wrap .detail-head .nums .zan-num .icon:before {
              content: '';
              background: url("/assets/images/icon/detail-zan.png") no-repeat;
              background-size: 50%;
              position: absolute;
              top: 14%;
              left: 35%;
              width: 50px;
              height: 50px; }
            .wrap .detail-head .nums .zan-num em {
              position: absolute;
              top: -9px;
              right: 30%;
              width: 15px;
              height: 15px;
              color: #fff; }
            .wrap .detail-head .nums .zan-num .move {
              animation: mymove 2s infinite normal forwards;
              -moz-animation: mymove 2s infinite normal forwards;
              animation-iteration-count: 1; }

@keyframes mymove {
  0% {
    top: -9px;
    opacity: 1; }
  100% {
    top: -30px;
    opacity: 0; } }
          .wrap .detail-head .zan-num.active .icon:before {
            content: '';
            background: url("/assets/images/icon/detail-zan-active.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 15%;
            left: 35%;
            width: 24px;
            height: 26px; }
          .wrap .detail-head .nums .collect-num .icon:before {
            content: '';
            background: url("/assets/images/icon/detail-fav.png") no-repeat;
            background-size: 50%;
            position: absolute;
            top: 14%;
            left: 33%;
            width: 50px;
            height: 50px; }
          .wrap .detail-head .nums .collect-num.active .icon:before {
            content: '';
            background: url("/assets/images/icon/detail-fav-active.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 15%;
            left: 33%;
            width: 24px;
            height: 26px; }
          .wrap .detail-head .nums .browse-num .icon:before {
            content: '';
            background: url("/assets/images/icon/detail-com.png") no-repeat;
            background-size: 50%;
            position: absolute;
            top: 17%;
            left: 34%;
            width: 50px;
            height: 50px; }
          .wrap .detail-head .nums .share-num .icon:before {
            content: '';
            background: url("/assets/images/icon/detail-share.png") no-repeat;
            background-size: 50%;
            position: absolute;
            top: 13%;
            left: 33%;
            width: 50px;
            height: 50px; }
        /*.wrap .detail-head dd .user-con .share-box {*/
          /*position: absolute;*/
          /*right: -7px;*/
          /*bottom: -10px;*/
          /*width: 58px;*/
          /*z-index: 1000;}*/
          /*.wrap .detail-head dd .user-con .share-box li{*/
            /*position: relative;*/
            /*width: 28px;*/
            /*height: 42px;*/
            /*margin: -10px;*/
            /*border: solid 1px #f1752b;*/
            /*border-radius: 2px;*/
            /*padding: 8px 14px 0px 8px;*/
            /*background: #fff;*/
          /*}*/
          /*.wrap .detail-head dd .user-con .share-box:before{*/
            /*content: "";*/
            /*position: absolute;*/
            /*border: 7px solid transparent;*/
            /*border-bottom-color: #f1752b;*/
            /*top: -22px;*/
            /*left: 8px;*/
          /*}*/
  /*.wrap .detail-container {*/
    /*overflow: hidden; }*/
    .wrap .detail-container .article {
      position: relative;
      float: left;
      width: 670px; }
      .wrap .detail-container .article .title{
        font-size: 27px;
        color: #333;
      }
      .wrap .detail-container .article .basic-info {
        width: 657px;
        height: 60px;
        line-height: 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        background: #fafafa;
        font-size: 14px; }
        .wrap .detail-container .article .basic-info li {
          position: relative;
          float: left;
          margin: 0 26px;
          padding-left:30px;}
        .wrap .detail-container .article .basic-info .time:before {
          content: '';
          background: url("/assets/images/icon/detail-time.png") no-repeat;
          background-size: 100%;
          position: absolute;
          top: 35%;
          left: 6%;
          width: 18px;
          height: 18px; }
        .wrap .detail-container .article .basic-info .day:before {
          content: '';
          background: url("/assets/images/icon/detail-day.png") no-repeat;
          background-size: 100%;
          position: absolute;
          top: 37%;
          left: 9%;
          width: 18px;
          height: 18px; }
        .wrap .detail-container .article .basic-info .money:before {
          content: '';
          background: url("/assets/images/icon/detail-money.png") no-repeat;
          background-size: 100%;
          position: absolute;
          top: 35%;
          left: 6%;
          width: 18px;
          height: 18px; }
      .wrap .detail-container .article .journey-box {
        margin-bottom: 50px; }
        .wrap .detail-container .article .journey-box .day {
          /*overflow: hidden;*/
          width: 600px;
          padding-top: 50px; }
          .wrap .detail-container .article .journey-box .day .day-tit {
            position: relative;
            text-align: center;
            font-size: 28px;
            padding-bottom: 34px;
            font-weight:500;}
          .wrap .detail-container .article .journey-box .day .day-tit:before {
            /*content: '—';*/
            position: absolute;
            left: 33%;
            top: 15%;
            font-size: 19px;
            color: #ccc;}
          .wrap .detail-container .article .journey-box .day .day-tit:after {
            /*content: '—';*/
            position: absolute;
            right: 33%;
            top: 15%;
            font-size: 19px;
            color: #ccc;}
          .wrap .detail-container .article .journey-box .day .journey {
            overflow: hidden;
          }
            .wrap .detail-container .article .journey-box .day .journey .journey-tit {
              font-size: 22px;
              color: #000;
              margin-top: 40px;
              font-weight:500;}
            .wrap .detail-container .article .journey-box .day .journey .article-txt {
              line-height: 26px;
              padding-top: 34px;
              font-size: 18px;
              color:#555;
              word-wrap: break-word;}
            .wrap .detail-container .article .journey-box .day .journey .article-img-box {
              position: relative;
              overflow: hidden;
              width: auto;
              clear: both;
              padding-bottom:14px;
              color: #888888; }
              .wrap .detail-container .article .journey-box .day .journey .article-img-box .article-img {
/*                width: 100%;*/
                max-width: 670px;
                  max-height: 800px;
                margin-top: 27px;}
                .wrap .detail-container .article .journey-box .day .journey .article-img-box .article-img:last-child {
                  margin-top: 34px; }

               .wrap .detail-container .article .journey-box .day .journey .article-img-box .image-content{
                   position: relative;
                    float: left;
                }
              .wrap .detail-container .article .journey-box .day .journey .article-img-box .img-describe {
                display: block;
                line-height: 26px;
                /*max-height:98px;*/
                overflow: hidden;
                color: #fff;
                background: #2d3943;
                font-size: 18px;
                /*width: 100% !important;*/
                padding: 11px 18px;
                  
                /*box-sizing: border-box;*/
              }
              .wrap .detail-container .article .journey-box .day .journey .article-img-box .img-address {
                position: relative;
                text-align: left;
                height: 40px;
                line-height: 40px;
                padding-left:36px;
                background: #2d3943;
                color:#f1752b;
                font-size: 14px;
                display:block;
                clear: both;
                /*width: 100% !important;*/
                /*box-sizing: border-box;*/
                /*border-bottom:solid 1px #e5e5e5;*/
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }
                .wrap .detail-container .article .journey-box .day .journey .article-img-box .img-address:before {
                  content: '';
                  background: url("/assets/images/icon/detail-address.png") no-repeat;
                  background-size: 100%;
                  position: absolute;
                  top: 36%;
                  left: 20px;
                  width: 9px;
                  height: 13px; }
            .wrap .detail-container .article .journey-box .day .journey .article-option {
              float: left;
              width: 100%;
              margin-top: 38px;
              font-size: 14px;
              color: #999999; }
              .wrap .detail-container .article .journey-box .day .journey .article-option li {
                position: relative;
                float: left;
                padding-left: 20px;
                cursor: pointer;}
                .wrap .detail-container .article .journey-box .day .journey .article-option .zan{
                  margin-right: 18px; }
              .wrap .detail-container .article .journey-box .day .journey .article-option .zan:before {
                content: '';
                background: url("/assets/images/icon/list-zan.png") no-repeat;
                background-size: 100%;
                position: absolute;
                top: 4px;
                left: 0;
                width: 12px;
                height: 15px; }
              .wrap .detail-container .article .journey-box .day .journey .article-option .comment:before {
                content: '';
                background: url("/assets/images/icon/list-comment.png") no-repeat;
                background-size: 80%;
                position: absolute;
                top: 30%;
                left: 0;
                width: 16px;
                height: 12px; }

 /*底部点赞 分享 评论 收藏*/
.wrap .detail-container .nums {
  width: 290px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 28% 0;
  font-size: 14px;
  border-top: solid 1px #ddd;
}
.wrap .detail-container .nums li {
  position: relative;
  float: left;
  width: 72.5px;
  height: 86px;
  cursor: pointer;
  line-height: 36px;
  text-align: center;
  color: #1a8ced;
}
.wrap .detail-container .nums li:hover .icon{
  background-color: #f1752b;
}
.wrap .detail-container .nums li:hover span{
  color: #f1752b;
}
.wrap .detail-container .nums li .icon{
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: #1a8ced;
  border-radius: 50%;
}
.wrap .detail-container .nums li.active{
  color: #f1752b;
}
.wrap .detail-container .nums li.active .icon{
  background: #f1752b;
}
.wrap .detail-container .nums .zan-num {
  position: relative; }
.wrap .detail-container .nums .zan-num .icon:before {
  content: '';
  background: url("/assets/images/icon/detail-zan.png") no-repeat;
  background-size: 50%;
  position: absolute;
  top: 14%;
  left: 35%;
  width: 50px;
  height: 50px; }
.wrap .detail-container .nums .zan-num em {
  position: absolute;
  top: -9px;
  right: 30%;
  width: 15px;
  height: 15px;
  color: #fff; }
.wrap .detail-container .nums .zan-num .move {
  animation: mymove 2s infinite normal forwards;
  -moz-animation: mymove 2s infinite normal forwards;
  animation-iteration-count: 1; }

@keyframes mymove {
  0% {
    top: -9px;
    opacity: 1; }
  100% {
    top: -30px;
    opacity: 0; } }
.wrap .detail-container .zan-num.active .icon:before {
  content: '';
  background: url("/assets/images/icon/detail-zan-active.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 15%;
  left: 35%;
  width: 24px;
  height: 26px; }
.wrap .detail-container .nums .collect-num .icon:before {
  content: '';
  background: url("/assets/images/icon/detail-fav.png") no-repeat;
  background-size: 50%;
  position: absolute;
  top: 14%;
  left: 33%;
  width: 50px;
  height: 50px; }
.wrap .detail-container .nums .collect-num.active .icon:before {
  content: '';
  background: url("/assets/images/icon/detail-fav-active.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 15%;
  left: 33%;
  width: 24px;
  height: 26px; }
.wrap .detail-container .nums .browse-num .icon:before {
  content: '';
  background: url("/assets/images/icon/detail-com.png") no-repeat;
  background-size: 50%;
  position: absolute;
  top: 17%;
  left: 34%;
  width: 50px;
  height: 50px; }
.wrap .detail-container .nums .share-num .icon:before {
  content: '';
  background: url("/assets/images/icon/detail-share.png") no-repeat;
  background-size: 50%;
  position: absolute;
  top: 13%;
  left: 33%;
  width: 50px;
  height: 50px; }
.wrap .share-box {
  position: absolute;
  right: -7px;
  bottom: 35px;
  width: 58px;
  z-index: 1000;}
.wrap .share-box1{
  position: absolute;
  right: 27.5%;
  bottom: -40px;
}
.wrap .share-box li{
  position: relative;
  width: 28px;
  height: 42px;
  margin: -10px;
  border: solid 1px #f1752b;
  border-radius: 2px;
  padding: 8px 14px 0px 8px;
  background: #fff;
}
.wrap .share-box:before{
  content: "";
  position: absolute;
  border: 7px solid transparent;
  border-bottom-color: #f1752b;
  top: -22px;
  left: 8px;
}








      .wrap .detail-container .article .options-box {
        position: relative;
        width: 125px;
        margin: 0 auto 48px;
        cursor: pointer;
        cursor: hand; }
        .wrap .detail-container .article .options-box .zan {
          position: relative;
          height: 125px;
          line-height: 125px;
          padding-top: 30px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          border-radius: 50%;
          background: url("/assets/images/icon/detail-big-zan.png") no-repeat;
          background-size: 100% 100%;
          text-align: center;
          color: #fff;
          font-size: 14px; }
          .wrap .detail-container .article .options-box .zan em {
            position: absolute;
            top: -9px;
            right: 30%;
            width: 15px;
            height: 15px; }
          .wrap .detail-container .article .options-box .zan .move {
            animation: mymove 2s infinite normal forwards;
            -moz-animation: mymove 2s infinite normal forwards;
            animation-iteration-count: 1; }

@keyframes mymove {
  0% {
    top: -9px;
    opacity: 1; }
  100% {
    top: -40px;
    opacity: 0; } }
        .wrap .detail-container .article .options-box .collect-share {
          /*overflow: hidden;*/
          margin-top: 14px; }
          .wrap .detail-container .article .options-box .collect-share li {
            position: relative;
            float: left;
            width: 27px;
            height: 24px;
            line-height: 24px;
            padding: 0 5px 0 23px;
            border: solid 1px #ccc;
            border-radius: 4px;
            color: #999999;
            text-align: center;
            cursor: pointer;
            cursor: hand; }
            .wrap .detail-container .article .options-box .collect-share li:first-child {
              margin-right: 10px; }
            .wrap .detail-container .article .options-box .collect-share li:hover {
              color: #ffffff;
              background: #f1762b;
              border: solid 1px #f1762b; }
          .wrap .detail-container .article .options-box .collect-share .collect:before {
            content: '';
            background: url("/assets/images/icon/detail-s-fav.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 16%;
            left: 13%;
            width: 15px;
            height: 15px; }
          .wrap .detail-container .article .options-box .collect-share .collect:hover:before {
            content: '';
            background: url("/assets/images/icon/detail-s-fav-white.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 16%;
            left: 13%;
            width: 15px;
            height: 15px; }
          .wrap .detail-container .article .options-box .collect-share .share:before {
            content: '';
            background: url("/assets/images/icon/detail-s-share.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 16%;
            left: 13%;
            width: 13px;
            height: 15px; }
          .wrap .detail-container .article .options-box .collect-share .share:hover:before {
            content: '';
            background: url("/assets/images/icon/detail-s-share-white.png") no-repeat;
            background-size: 100%;
            position: absolute;
            top: 16%;
            left: 13%;
            width: 13px;
            height: 15px; }
    .wrap .detail-container .menu-box {
      float: right;
      width: 320px;
      padding-left: 30px;
      top:500px;
      font-size: 20px; }
      .wrap .detail-container .menu-box .title {
        margin: 32px 0 18px;
        font-weight:500;}
      .wrap .detail-container .menu-box .chapter-box {
        position: relative;
        overflow: hidden;
        width: 290px; }
        .wrap .detail-container .menu-box .chapter-box .scrollbar {
          position: absolute;
          right: 0;
          top: 0;
          width: 5px;
          height: 100px;
          background-color: #d6d6d6;
          border-radius: 10px;
          cursor: pointer; }
      .wrap .detail-container .menu-box .contentHolder {
        position: relative;
        overflow: hidden;
        margin: 0px auto;
        padding: 0px;
        width: 290px; }
      .wrap .detail-container .menu-box .menu {
        margin-left: 16px;
        border-left: solid 1px #ccc; }
        .wrap .detail-container .menu-box .menu p {
          margin-left: 8px;
          line-height: 30px; }
        .wrap .detail-container .menu-box .menu .item-tit {
          position: relative;
          font-size: 16px;
          padding-left:15px;}
          .wrap .detail-container .menu-box .menu .item-tit a {
            color: #353535;
          }
          .wrap .detail-container .menu-box .menu .item-tit:before {
            content: '';
            position: absolute;
            top: 38%;
            left: -13px;
            width: 8px;
            height: 8px;
            background: #868686;
            border-radius: 50%;
            /*border: solid 2px #fff; */
          }
        .wrap .detail-container .menu-box .menu .item-txt {
          /*overflow: hidden;*/
          height: 30px;
          font-size: 14px; }
          .wrap .detail-container .menu-box .menu .item-txt a {
            float: left;
            color: #797979;
            width: 90%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-top: 5px;
          }
          .wrap .detail-container .menu-box .menu .item-txt i {
            float: left;
            width: 7%;
            margin-right: 4px;
            letter-spacing: 2px;
            color: #ececec; }
        .wrap .detail-container .menu-box .menu .active {
          position: relative;
           }
          .wrap .detail-container .menu-box .menu .active a {
            color: #f1752b; }
          .wrap .detail-container .menu-box .menu .active i {
            color: #f1752b; }
          .wrap .detail-container .menu-box .menu .active .chapter-icon {
            position: absolute;
            width: 14px;
            height: 14px;
            background-color: #f1752b;
            -webkit-border-radius: 2px 0 0 2px;
            -moz-border-radius: 2px 0 0 2px;
            border-radius: 2px 0 0 2px;
            left: -16px;
            top: 8px; }
            .wrap .detail-container .menu-box .menu .active .chapter-icon:before {
              content: "";
              position: absolute;
              border: 7px solid transparent;
              border-left-color: #f1752b;
              right: -14px; }
    .wrap .detail-container .menu-fixed {
      position: fixed;
      top:160px;
      bottom: 0;
      width: 320px;
      margin-left: 670px; }
    .wrap .detail-container .ie {
      _position: absolute;
      _clear: both;
      _top: expression(eval(document.compatMode &&    document.compatMode=='CSS1Compat') ?    documentElement.scrollTop    +(documentElement.clientHeight-this.clientHeight) - 1    : document.body.scrollTop    +(document.body.clientHeight-this.clientHeight) - 1); }
    @media screen and (min-width: 1600px) {
      .wrap .detail-container .menu-fixed {
        position: fixed;
        top: 30px;
        bottom: 0;
        width: 320px;
        margin-left: 670px; } }
  .wrap .correlation-container {
    padding-bottom: 40px;
    background: #f8f8f8; }
    .wrap .correlation-container .correlation-con {
      overflow: hidden;
      width: 990px;
      margin: 0 auto; }
    .wrap .correlation-container .world-box {
      float: left; }
      .wrap .correlation-container .world-box .box-title {
        height: 86px; }
        .wrap .correlation-container .world-box .box-title h4 {
          width: initial; }
      .wrap .correlation-container .world-box .grid-box {
        overflow: hidden;
        width: 654px; }
        .wrap .correlation-container .world-box .grid-box .grid {
          width: 672px; }
          .wrap .correlation-container .world-box .grid-box .grid .grid-item {
            width: 316px; }
  .wrap .comment-container .comment-con {
    overflow: hidden;
    width: 990px;
    margin: 0 auto; }
    .wrap .comment-container .comment-con .comment-box {
      position: relative;
      float: left;
      width: 670px;
      padding: 0 5px; }
      .wrap .comment-container .comment-con .comment-box textarea {
        width: 96%;
        height: 115px;
        margin-left: 14px;
        margin-bottom: 14px;
        padding: 8px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #000;
        font-size: 12px; }
        .wrap .comment-container .comment-con .comment-box textarea:focus {
          border: solid 1px #1a8ced;}
      .wrap .comment-container .comment-con .comment-box .txt-num {
        position: absolute;
        right: 20px;
        top: 90px;
        font-size: 12px;
        color: #999999; }
        .wrap .comment-container .comment-con .comment-box .txt-num em {
          color: #f1762b; }
      .wrap .comment-container .comment-con .comment-box .emoji-btn {
        overflow: hidden;
        font-size: 14px;
        cursor: pointer;
        cursor: hand; }
        .wrap .comment-container .comment-con .comment-box .emoji-btn .emoji {
          position: relative;
          float: left;
          padding: 10px 0 0 20px;
          color: #1a8ced; }
          .wrap .comment-container .comment-con .comment-box .emoji-btn .emoji:before {
            content: '';
            background: url("/assets/images/icon/detail-comment.png") no-repeat;
            background-size: 90%;
            position: absolute;
            top: 40%;
            left: 0;
            width: 18px;
            height: 18px; }
        .wrap .comment-container .comment-con .comment-box .emoji-btn .btn {
          float: right;
          width: 100px;
          height: 40px;
          line-height: 40px;
          background: #1a8ced;
          text-align: center;
          color: #fff; }
      .wrap .comment-container .comment-con .comment-box .qq-face {
        width: 492px;
        padding: 20px;
        min-height: 100px;
        position: relative;
        z-index: 1;
        border: 1px solid #1a8ced;
        -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0px 3px rgba(0, 0, 0, 0.15); }
        .wrap .comment-container .comment-con .comment-box .qq-face .pop-content:before {
          content: "";
          border: 6px solid transparent;
          border-bottom-color: #1a8ced;
          position: absolute;
          top: -12px;
          left: 14px; }
        .wrap .comment-container .comment-con .comment-box .qq-face .pop-content-info ul {
          overflow: hidden; }
          .wrap .comment-container .comment-con .comment-box .qq-face .pop-content-info ul li {
            float: left;
            margin: 2px;
            width: 26px;
            height: 26px; }
            .wrap .comment-container .comment-con .comment-box .qq-face .pop-content-info ul li a {
              display: block;
              float: left;
              overflow: hidden;
              text-align: center;
              width: 26px;
              height: 26px;
              line-height: 24px;
              border: 1px solid #e8e8e8;
              background-color: #fff; }
      /*.wrap .comment-container .comment-con .comment-box .comment-list {*/
        /*margin-top: 52px; }*/
        .wrap .comment-container .comment-con .comment-box .comment-list .comment-tit {
          overflow: hidden;
          font-size: 24px; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-tit li {
            float: left;
            padding: 0 16px 25px 0;
            margin-right: 16px; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-tit .active:after {
            content: '';
            background: url("/assets/images/icon/border-bottom.png") no-repeat;
            background-size: 100%;
            position: absolute;
            bottom: 0;
            left: 0; }
        .wrap .comment-container .comment-con .comment-box .comment-list .comment-content {
          overflow: hidden;
          padding: 30px 0 20px 18px;
          border-bottom: solid 1px #ccc; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dt, .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd {
            float: left; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dt {
            width: 48px;
            height: 48px;
            margin-right: 12px; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dt img {
              width: 100%;
              height: 100%; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd {
            width: 590px; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .title, .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .time-floor {
              float: left; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .title {
              width: 78%;
              margin-bottom: 18px;
              font-size: 16px; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .time-floor {
              font-size: 12px;
              color: #999999; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .user {
              overflow: hidden;
              padding: 10px 13px;
              margin-top: 23px;
              background: #f4f4f4; }
              .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .user .user-img {
                width: 32px;
                height: 32px;
                margin-right: 15px;
                font-size: 12px; }
              .wrap .comment-container .comment-con .comment-box .comment-list .comment-content dd .user .user-txt {
                margin-top: 10px;
                line-height: 25px; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-content .comment-box {
            width: 634px; }
          .wrap .comment-container .comment-con .comment-box .comment-list .comment-content .reply {
            width: 634px;
            margin-top: 20px;
            text-align: right;
            font-size: 12px;
            color: #666666; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content .reply a {
              padding-right: 10px;
              border-right: solid 1px #ccc;
              color: #666666; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content .reply span:nth-child(2) {
              padding: 0 10px;
              border-right: solid 1px #ccc; }
            .wrap .comment-container .comment-con .comment-box .comment-list .comment-content .reply span:last-child {
              padding-left: 10px; }
/*to-top*/