.fishConent-wrap .answerDetail-content {
  color: #2A2D39;
  padding: 122px 200px 15px; }
  .fishConent-wrap .answerDetail-content .fl {
    float: left; }
  .fishConent-wrap .answerDetail-content .fr {
    float: right; }
  .fishConent-wrap .answerDetail-content .gray-dark {
    color: #666; }
  .fishConent-wrap .answerDetail-content .gray-light {
    color: #999; }
  .fishConent-wrap .answerDetail-content .content-wrap {
    width: 100%;
    min-height: 600px;
    overflow: hidden;
    text-align: left; }
    .fishConent-wrap .answerDetail-content .content-wrap .content-left {
      width: calc( 100% - 427px - 20px); }
    .fishConent-wrap .answerDetail-content .content-wrap .content-right {
      width: 427px; }
      .fishConent-wrap .answerDetail-content .content-wrap .content-right .other-qus {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 20px auto 6px;
        font-size: 16px; }
      .fishConent-wrap .answerDetail-content .content-wrap .content-right .gray-dark {
        font-size: 14px; }
    .fishConent-wrap .answerDetail-content .content-wrap .box-card {
      margin-bottom: 20px;
      background: #FAFDFF;
      color: #333; }
      .fishConent-wrap .answerDetail-content .content-wrap .box-card a,a:link,a:visited {
        color: #333;
        text-decoration: none;
      }
      .fishConent-wrap .answerDetail-content .content-wrap .box-card .box-qus-tip span {
        font-size: 16px;
        line-height: 1; }
      .fishConent-wrap .answerDetail-content .content-wrap .box-card .box-qus-tip i {
        display: inline-block;
        width: 2px;
        height: 16px;
        background: #666;
        margin: 0px 30px; }
      .fishConent-wrap .answerDetail-content .content-wrap .box-card .head-div {
        position: relative;
        overflow: hidden; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .head-div .el-avatar {
          width: 60px;
          height: 60px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .head-div .user-name {
          position: absolute;
          top: 26px;
          left: 72px; }
      .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div {
        position: relative; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .answer-text {
          line-height: 1.8;
          margin: 10px auto;
          font-size: 16px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .answer-tips {
          position: relative;
          height: 32px; }
          .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .answer-text img {
            max-height: 16rem; }
          .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .answer-tips .text-span {
            margin-left: 26px;
            margin-right: 20px;
            line-height: 32px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon {
          display: inline-block;
          width: 20px;
          height: 20px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon-you {
          width: 60px;
          height: 60px;
          background: url(../img/you.png) no-repeat 0% 0%;
          background-size: cover;
          position: absolute;
          right: 5%;
          top: -50px;
          z-index: 10; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon-zan {
          background: url(../img/zan.png) no-repeat 0% 0%;
          background-size: cover;
          position: absolute;
          top: 5px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon-comment {
          background: url(../img/comment.png) no-repeat 0% 0%;
          background-size: cover;
          position: absolute;
          top: 5px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon-show-all {
          width: 88px;
          text-align: left;
          position: relative;
          margin-left: calc( 50% - 44px); }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon-down {
          background: url(../img/down.png) no-repeat 0% 0%;
          background-size: cover;
          position: absolute;
          top: 2px; }
        .fishConent-wrap .answerDetail-content .content-wrap .box-card .body-div .icon-sel {
          width: 130px;
          height: 20px;
          text-align: center;
          background: #EBEFFB;
          color: #4D6FE2;
          font-size: 14px;
          padding: 6px 10px;
          border-radius: 5px; }
      .fishConent-wrap .answerDetail-content .content-wrap .box-card .to-download-img {
        width: 100px;
        height: 100px;
        background: url(../img/app.png) no-repeat 0% 0%;
        background-size: cover;
        margin-right: 20px; }
  .fishConent-wrap .answerDetail-content .bottom {
    width: 100%;
    position: relative;
    font-size: 12px;
    text-align: center;
    color: #777; }
    .fishConent-wrap .answerDetail-content .bottom span {
      line-height: 22px; }
      .fishConent-wrap .answerDetail-content .bottom span a {
        text-decoration: none;
        color: #777;
        display: inline; }

@media screen and (max-width: 1280px) {
  .fishConent-wrap body {
    background-color: lightblue; } }