.caseDetail-container[data-v-b311cfb6] {
  background: #f4f4f4;
  height: 100%;
}
.caseDetail-container .van-cell[data-v-b311cfb6] {
  padding: 0 0.42667rem;
  margin-top: 0.26667rem;
}
.caseDetail-container .article-name[data-v-b311cfb6] {
  margin-top: 0.42667rem;
  margin-bottom: 0.16rem;
  line-height: 0.6rem;
  color: #333;
  font-weight: 500;
  font-size: 0.42667rem;
}
.caseDetail-container .three-span[data-v-b311cfb6] {
  display: inline-block;
  margin-bottom: 0.48rem;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
  color: #999;
}
.caseDetail-container .three-span[data-v-b311cfb6]:nth-child(-n + 3):after {
  content: '|';
  padding: 0 0.21333rem;
  color: #f4f4f4;
}
.caseDetail-container .state-cell[data-v-b311cfb6] {
  position: relative;
}
.caseDetail-container .state-cell span[data-v-b311cfb6]:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
}
.caseDetail-container .state-cell .state-span[data-v-b311cfb6] {
  display: inline-block;
  padding: 0.32rem 0;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
}
.caseDetail-container .state-cell .state-span[data-v-b311cfb6]:nth-child(1) {
  color: #999;
}
.caseDetail-container .state-cell .state-span[data-v-b311cfb6]:nth-child(2) {
  color: #333;
}
.caseDetail-container .attachment-cell-bottom[data-v-b311cfb6] {
  margin-bottom: 1.97333rem;
}
.caseDetail-container .attachment-cell[data-v-b311cfb6] {
  margin-top: 0.53333rem;
  border-top: 0.05333rem solid #f4f4f4;
}
.caseDetail-container .attachment-cell .attachment[data-v-b311cfb6] {
  margin-top: 0.53333rem;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
  color: #333;
}
.caseDetail-container .attachment-cell .attachment-div[data-v-b311cfb6] {
  margin-top: 0.21333rem;
  background: #f8f8f8;
}
.caseDetail-container .attachment-cell .attachment-div .attachment-span[data-v-b311cfb6] {
  display: inline-block;
  padding: 0.32rem 0 0.32rem 0.32rem;
  font-size: 0.37333rem;
  line-height: 0.53333rem;
}
.caseDetail-container .attachment-cell .attachment-div .attachment-span[data-v-b311cfb6]:nth-child(1) {
  color: #333;
  margin-right: 0.42667rem;
}
.caseDetail-container .attachment-cell .attachment-div .attachment-span[data-v-b311cfb6]:nth-child(2) {
  color: #999;
}
.caseDetail-container .attachment-cell .attachment-div[data-v-b311cfb6]:last-child {
  margin-bottom: 0.42667rem;
}
.caseDetail-container .bottom-btn[data-v-b311cfb6] {
  padding: 0.26667rem 0.42667rem;
  border-top: 0.26667rem solid #f4f4f4;
  position: fixed;
  bottom: 0;
  left: 0;
}
.caseDetail-container .van-popup[data-v-b311cfb6] {
  width: 8.29333rem;
  height: 5.08rem;
}
.caseDetail-container .van-popup i[data-v-b311cfb6] {
  position: absolute;
  right: 0.53333rem;
  top: 0.4rem;
  font-size: 0.42667rem;
}
.caseDetail-container .van-popup .text-popyp[data-v-b311cfb6] {
  margin: 1.49333rem 1.8rem 2.98667rem 2.06667rem;
  line-height: 0.6rem;
  font-weight: 600;
  color: #333;
  font-size: 0.42667rem;
}
.caseDetail-container .van-popup .btn-popup[data-v-b311cfb6] {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 3.48rem 0.53333rem 0.53333rem 0.53333rem;
}
.caseDetail-container .van-popup .btn-popup .van-button[data-v-b311cfb6] {
  width: 3.38667rem;
  height: 1.06667rem;
  line-height: 0.6rem;
  font-size: 0.42667rem;
}
.caseDetail-container .van-popup .btn-popup .van-button[data-v-b311cfb6]:nth-child(1) {
  margin-right: 0.42667rem;
}
.caseDetail-container .van-popup .btn-popup .van-button:nth-child(1) .van-button__content[data-v-b311cfb6] {
  color: #333;
}
.caseDetail-container .van-popup .btn-popup .van-button[data-v-b311cfb6]:nth-child(2) {
  font-weight: 600;
  color: #fff;
}
.caseDetail-container .content-cell[data-v-b311cfb6] img {
  width: 100%;
}