.page-material .background-section[data-v-19d4a768] {
  position: relative;
  height: 600px;
  background-color: rgba(0, 0, 0, 0.1);
}
.page-material .background-section .filter-element[data-v-19d4a768] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    filter: blur(15px);
}
.page-material .background-section .content[data-v-19d4a768] {
    position: relative;
    height: 600px;
}
.page-material .background-section .content video[data-v-19d4a768] {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 960px;
      height: 540px;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-material .background-section .content video[data-v-19d4a768]:focus {
        outline: 0;
}
.page-material .container[data-v-19d4a768] {
  padding: 26px 0 36px;
  background-color: #F6F9FC;
}
.page-material .container .content-inner[data-v-19d4a768] {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.page-material .container .content-inner .left-content[data-v-19d4a768] {
      width: 805px;
}
.page-material .container .content-inner .right-aside[data-v-19d4a768] {
      width: 374px;
      min-width: 374px;
      margin-left: 20px;
}
.page-material .left-content .case-details[data-v-19d4a768] {
  margin-bottom: 20px;
  padding: 30px 32px;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.page-material .left-content .case-details .case-title[data-v-19d4a768] {
    font-size: 28px;
    font-weight: 700;
    color: #1B1B1B;
}
.page-material .left-content .case-details .case-time[data-v-19d4a768] {
    margin: 20px 0 16px;
}
.page-material .left-content .case-details .case-time b[data-v-19d4a768] {
      font-size: 12px;
      font-weight: 700;
      color: #313131;
      padding-right: 26px;
}
.page-material .left-content .case-details .case-time span[data-v-19d4a768] {
      font-size: 12px;
      color: #959595;
}
.page-material .left-content .case-details .case-tools[data-v-19d4a768] {
    padding-bottom: 38px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-material .left-content .case-details .case-tools .bofang[data-v-19d4a768] {
      flex: 1;
      font-size: 12px;
      color: #707070;
}
.page-material .left-content .case-details .case-tools .report[data-v-19d4a768] {
      display: flex;
      align-items: center;
}
.page-material .left-content .case-details .case-tools .report span[data-v-19d4a768] {
        font-size: 12px;
        color: #A0A0A0;
}
.page-material .left-content .case-details .case-tools .report img[data-v-19d4a768] {
        width: 14px;
        height: 14px;
        margin-right: 5px;
}
.page-material .left-content .case-details .case-tools .like[data-v-19d4a768] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      height: 34px;
      margin: 0 22px;
      border-radius: 4px;
      background: #E74B3B;
}
.page-material .left-content .case-details .case-tools .like span[data-v-19d4a768] {
        font-size: 12px;
        color: #FFFFFF;
}
.page-material .left-content .case-details .case-tools .like img[data-v-19d4a768] {
        width: 14px;
        height: 14px;
        margin-right: 5px;
}
.page-material .left-content .case-details .case-tools .collect[data-v-19d4a768] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 109px;
      height: 34px;
      border-radius: 4px;
      border: 1px solid #DCDCDC;
}
.page-material .left-content .case-details .case-tools .collect span[data-v-19d4a768] {
        font-size: 12px;
        color: #1B1B1B;
}
.page-material .left-content .case-details .case-tools .collect img[data-v-19d4a768] {
        width: 14px;
        height: 14px;
        margin-right: 5px;
}
.page-material .left-content .case-details .photo-list .photo-title[data-v-19d4a768] {
    margin: 20px 0 13px;
    padding-left: 30px;
    font-size: 14px;
    color: #313131;
    background: url(/_nuxt/static/case8k/icon_xiangji.png) no-repeat left center;
    background-size: 20px 20px;
}
.page-material .left-content .case-details .photo-list .items-list img[data-v-19d4a768] {
    width: 86px;
    height: 86px;
    margin-right: 10px;
}
.page-material .left-content .case-details .label-list .label-title[data-v-19d4a768] {
    margin: 20px 0 13px;
    padding-left: 30px;
    font-size: 14px;
    color: #313131;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADpklEQVRYR+2XT2gUZxjGn2dm12ZIGook1jYXwe227E5ns8mpJ6GlFAo99KYiWNqDf6gKtX9AUEE8akCq9FR6KNa29NCTtuJFiOIlhhloSGKEHISitcVoF9fN7vfKF2ZhksxuvtmdFpF813m/b37zvO/7vN8Qz/jiM86HdcBuM5Sagvl8fshxnM8A7ALQawImIv+QvAzgqu/738ftSQVwdHR0oF6vHwTwMYAhE7hIzJ8ALvm+/8l/ApjP5wccxzkAYB+AwYRwOrwGYNz3/XdSB8zlcoOO43xKci/JTR3A6S1PAFz3ff/tVAE9z9NA+0nub6NcA8BDEVEk+wFkYyA04LVUFXRd92XbtjXYXgCrlBMRITkL4HcRuUmyISJvkHwfgLsCNF1ADadVsywrtua0WgBmAJyu1Wq/Tk9P/61VKxQKfZlM5j0Ah0m+FVEyPcAmXLuaE5EnJL+zLOvY5OTkX9GU5nK5F3p7e78AcBTAhvBZOoBrKdcEEZFHAE4A+CYIgsrKmvM8bzvJrwEMpAZoolwCwN0AxkhuTAWwXC4PKqW0z+mGMPE57WsXReRAEAR3ogoWCoXN2Wz2JICPANhdAzZ9zrKs2G5t4XsC4JFS6oiI/KaUuttoNNjT09MvIjvCJtncdZOEE+KgiOzp0IQf6hmrlBonmSH5mohsI7kFWHaLqonIjSAIthkbdTOtXcA131UXkcchkDbpDSSXzX8RqZK84vv+B0aA5XL5VaWU9rg9hjXX4YQDQs/8A8CZIAi+NQL0PO8cyQ8BvNLxmw02huPvtjb0hYWFn+bn5x8YAZZKpXv/h3Ikl+Cq1eoPMzMz2jtj16r7YKlU+hnAuwBeMhAicUg4p+c03OLi4vmpqal/2x2yCrBYLBYymcwhEdlJsi8xQZsNIdwtbdQmcPqo2Bt1sVjM2bb9FQA9ltKC1P64BLdWWqPf2PLK77ruVsuyNOSOlCD19WusUqlcmJub0x5ptNr+k4RKfhkq+aLRiTFBIjJLMjFcyxRH35ECpFbudKVS+TGJck0Go7+64eFhPaY+17OUZBIlO0qrUQ2uzFQE0rS7u4YzSnEUdGRkJFev13VNrtU4s0opfeW/0M6ETWraKMUtajIOcslKlFJjtVqt7YQwgUusYPPQFhak4fSEOFWtVrtWLlGTxH1tBHI7gL7IbD3fbVo7apIYSLqu+6Zt28cBvC4iv2Sz2bMTExP3TdNnEpe4Bk0OTTNmHbBbNdcVfO4VfAryVqk41aAfhwAAAABJRU5ErkJggg==) no-repeat left center;
    background-size: 20px 20px;
}
.page-material .left-content .case-details .label-list .items-list[data-v-19d4a768] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.page-material .left-content .case-details .label-list .items-list .item[data-v-19d4a768] {
      margin-right: 20px;
      padding: 0 13px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      color: #626262;
      background: #F7F8FA;
}
.page-material .left-content .comment-textarea[data-v-19d4a768] {
  padding: 30px 25px 20px;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.page-material .left-content .comment-textarea .title[data-v-19d4a768] {
    font-size: 20px;
    font-weight: bold;
    color: #313131;
}
.page-material .left-content .comment-textarea .textarea-content .textarea-box[data-v-19d4a768] {
    margin-top: 27px;
    display: flex;
    align-items: flex-start;
}
.page-material .left-content .comment-textarea .textarea-content .textarea-box img[data-v-19d4a768] {
      width: 48px;
      height: 48px;
      margin-right: 19px;
      border-radius: 50%;
}
.page-material .left-content .comment-textarea .textarea-content .textarea-box .el-textarea__inner[data-v-19d4a768] {
      height: 124px;
      border: none;
      background-color: #F6F9FC;
}
.page-material .left-content .comment-textarea .textarea-content .comment-btn[data-v-19d4a768] {
    width: 112px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    margin: 18px 0 0 auto;
    font-size: 14px;
    color: #FFFFFF;
    background: #FFB93D;
}
.page-material .left-content .comment-textarea .textarea-visitor .login-register[data-v-19d4a768] {
    padding: 35px 0;
    text-align: center;
    color: #7D7D7D;
}
.page-material .left-content .comment-textarea .textarea-visitor .login-register b[data-v-19d4a768] {
      font-size: 14px;
      font-weight: 700;
      color: #313131;
}
.page-material .left-content .comment-list .item[data-v-19d4a768] {
  margin-top: 21px;
  padding: 34px 21px;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.page-material .left-content .comment-list .item .landlord[data-v-19d4a768] {
    display: flex;
    align-items: flex-start;
}
.page-material .left-content .comment-list .item .landlord img[data-v-19d4a768] {
      width: 82px;
      height: 82px;
      margin-right: 34px;
      border-radius: 50%;
}
.page-material .left-content .comment-list .item .landlord .main[data-v-19d4a768] {
      flex: 1;
}
.page-material .left-content .comment-list .item .landlord .main .title[data-v-19d4a768] {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
}
.page-material .left-content .comment-list .item .landlord .main .title .name[data-v-19d4a768] {
          margin-right: 15px;
          font-size: 12px;
          color: #707070;
}
.page-material .left-content .comment-list .item .landlord .main .title .reply-btn[data-v-19d4a768] {
          width: 82px;
          height: 26px;
          line-height: 24px;
          text-align: center;
          border-radius: 13px;
          font-size: 13px;
          color: #FFB93D;
          border: 1px solid #FFB93D;
}
.page-material .left-content .comment-list .item .landlord .main .desc[data-v-19d4a768] {
        font-size: 14px;
        color: #434343;
}
.page-material .left-content .comment-list .item .landlord .time[data-v-19d4a768] {
      font-size: 13px;
      color: #7D7D7D;
}
.page-material .left-content .comment-list .item .water-friend[data-v-19d4a768] {
    margin-left: 110px;
    padding: 22px 30px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #F6F9FC;
    display: flex;
    align-items: center;
}
.page-material .left-content .comment-list .item .water-friend img[data-v-19d4a768] {
      width: 48px;
      height: 48px;
      margin-right: 34px;
      border-radius: 50%;
}
.page-material .left-content .comment-list .item .water-friend .main[data-v-19d4a768] {
      flex: 1;
}
.page-material .left-content .comment-list .item .water-friend .main .title[data-v-19d4a768] {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
}
.page-material .left-content .comment-list .item .water-friend .main .title .name[data-v-19d4a768] {
          margin-right: 15px;
          font-size: 12px;
          color: #707070;
}
.page-material .left-content .comment-list .item .water-friend .main .title .reply-btn[data-v-19d4a768] {
          width: 82px;
          height: 26px;
          line-height: 24px;
          text-align: center;
          border-radius: 13px;
          font-size: 13px;
          color: #FFB93D;
          border: 1px solid #FFB93D;
}
.page-material .left-content .comment-list .item .water-friend .main .desc[data-v-19d4a768] {
        font-size: 14px;
        color: #434343;
}
.page-material .left-content .comment-list .item .water-friend .time[data-v-19d4a768] {
      font-size: 13px;
      color: #7D7D7D;
}
.page-material .left-content .load-more[data-v-19d4a768] {
  margin-top: 20px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 16px;
  color: #7D7D7D;
  background: #FFFFFF;
}
.page-material .right-aside .creator-section[data-v-19d4a768] {
  text-align: center;
  padding: 30px 0;
  background-color: #FFFFFF;
}
.page-material .right-aside .creator-section .avatar[data-v-19d4a768] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.page-material .right-aside .creator-section .name[data-v-19d4a768] {
    margin: 19px 0 8px;
    font-size: 24px;
    color: #434343;
}
.page-material .right-aside .creator-section .posi[data-v-19d4a768] {
    font-size: 12px;
    color: #959595;
}
.page-material .right-aside .creator-section .fens[data-v-19d4a768] {
    margin: 12px 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-material .right-aside .creator-section .fens span[data-v-19d4a768] {
      margin: 0 13px;
      font-size: 12px;
      color: #959595;
}
.page-material .right-aside .creator-section .btn-paipian[data-v-19d4a768] {
    width: 248px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    color: #FFFFFF;
    border-radius: 4px;
    background-color: #E74B3B;
}
.page-material .right-aside .creatorcase-section[data-v-19d4a768],
.page-material .right-aside .likecase-section[data-v-19d4a768] {
  padding: 26px 24px;
  margin-top: 20px;
  background-color: #FFFFFF;
}
.page-material .right-aside .creatorcase-section .row-title[data-v-19d4a768],
  .page-material .right-aside .likecase-section .row-title[data-v-19d4a768] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-material .right-aside .creatorcase-section .row-title .title[data-v-19d4a768],
    .page-material .right-aside .likecase-section .row-title .title[data-v-19d4a768] {
      font-size: 20px;
      font-weight: 700;
      color: #1B1B1B;
}
.page-material .right-aside .creatorcase-section .row-title .gomore[data-v-19d4a768],
    .page-material .right-aside .likecase-section .row-title .gomore[data-v-19d4a768] {
      font-size: 12px;
      color: #1B1B1B;
}
.page-material .right-aside .creatorcase-section .items-list .item[data-v-19d4a768],
  .page-material .right-aside .likecase-section .items-list .item[data-v-19d4a768] {
    width: calc(100% - 20px);
    margin: 20px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.page-material .right-aside .creatorcase-section .items-list .item .item-img[data-v-19d4a768],
    .page-material .right-aside .likecase-section .items-list .item .item-img[data-v-19d4a768] {
      width: 164px;
      height: 92px;
}
.page-material .right-aside .creatorcase-section .items-list .item .item-desc[data-v-19d4a768],
    .page-material .right-aside .likecase-section .items-list .item .item-desc[data-v-19d4a768] {
      width: 120px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}
.page-material .right-aside .creatorcase-section .items-list .item .item-desc .title[data-v-19d4a768],
      .page-material .right-aside .likecase-section .items-list .item .item-desc .title[data-v-19d4a768] {
        font-size: 14px;
        font-weight: 700;
        color: #1B1B1B;
}
.page-material .right-aside .creatorcase-section .items-list .item .item-desc .title[data-v-19d4a768]:hover,
        .page-material .right-aside .likecase-section .items-list .item .item-desc .title[data-v-19d4a768]:hover {
          text-decoration: underline;
}
.page-material .right-aside .creatorcase-section .items-list .item .item-desc .desc[data-v-19d4a768],
      .page-material .right-aside .likecase-section .items-list .item .item-desc .desc[data-v-19d4a768] {
        margin-top: 16px;
        font-size: 12px;
        color: #959595;
}
.page-material .xm-yarn[data-v-19d4a768] {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(27, 27, 27, 0.7);
}
.page-material .xm-yarn .xm-box[data-v-19d4a768]  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    padding: 30px 40px;
    background-color: #fff;
    position: relative;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .el-icon-close {
      position: absolute;
      top: 25px;
      right: 30px;
      font-size: 25px;
      color: #707070;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-title {
      text-align: center;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-title .title {
        font-size: 18px;
        font-weight: 700;
        color: #1B1B1B;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-title .sub-title {
        margin: 14px 0 25px;
        font-size: 14px;
        color: #707070;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .reference-price {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 0;
      background-color: #F2F5F7;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .reference-price .cankao-tit {
        margin-right: 20px;
        font-size: 16px;
        color: #707070;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .reference-price .cankao-box {
        width: 216px;
        padding: 15px 24px;
        background: #fff;
        border-radius: 4px;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .reference-price .cankao-box .title {
          font-size: 16px;
          color: #313131;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .demo-taskform {
      width: 600px;
      margin: 0 auto;
      padding: 30px 0 0;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .demo-taskform .el-select {
        width: 100%;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .demo-taskform .el-form-item.flex .el-form-item__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .demo-taskform .el-form-item.flex .el-form-item__content .el-select {
          flex: 1;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .demo-taskform .el-form-item.flex .el-form-item__content .el-select:nth-of-type(2) {
            margin-left: 10px;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section {
      width: 700px;
      margin: 0 auto;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-user {
        padding: 15px 25px;
        background-color: #F2F5F7;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-user .title {
          font-size: 14px;
          font-weight: 700;
          color: #1B1B1B;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-user .phone-qq {
          margin: 5px 0;
          font-size: 14px;
          color: #707070;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-user .phone-qq span:nth-of-type(2) {
            padding-left: 18px;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-user .personal {
          font-size: 14px;
          color: #707070;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-user .personal span {
            padding-left: 18px;
            color: #E73124;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check {
        margin: 27px 0 30px;
        text-align: center;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check .el-checkbox:last-of-type {
          margin-right: 5px;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check .el-checkbox.is-checked .el-checkbox__label {
          color: #FFB93D;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check .el-checkbox__inner {
          border: 1px solid #FFB93D;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check .el-checkbox__input.is-checked .el-checkbox__inner {
          background-color: #FFB93D;
          border-color: #FFB93D;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check .agreement {
          color: #FFB93D;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-check .agreement:hover {
            text-decoration: underline;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-btn {
        text-align: center;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-btn .el-button.el-button--primary {
          display: inline-block;
          width: 260px;
          height: 45px;
          border-radius: 5px;
          color: #FFFFFF;
          border-color: #FFB93D;
          background: #FFB93D;
}
.page-material .xm-yarn .xm-box[data-v-19d4a768] .xm-content .btn-section .custom-btn .el-button.el-button--primary.is-disabled {
            border-color: #C8C9CC;
            background: #C8C9CC;
}
.qq[data-v-19d4a768] {
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FF4C4C;
}
.ww[data-v-19d4a768] {
  margin-top: 35px;
  padding: 29px 30px;
  height: 98px;
  background: #F2F5F7;
}