.work-order-modal .modal-header .title {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: bold;
}
.work-order-modal .modal-content {
  padding: 2px;
}
.work-order-modal .item {
  width: 100%;
  margin-bottom: 24px;
  font-size: 14px;
}
.work-order-modal .item .last-item {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.work-order-modal .item > div {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  margin-right: 20px;
  color: #3d3d3d;
}
.work-order-modal .item > div span:nth-of-type(1) {
  margin-right: 16px;
  color: #979797;
}
.work-order-modal .item > div .status-0 {
  color: #80c20d;
}
.work-order-modal .item > div .status-1 {
  color: red;
}
.work-order-modal .other-item span:nth-of-type(1) {
  margin-right: 16px;
  color: #979797;
}
.work-order-modal .other-item .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
}
.work-order-modal .other-item .img-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  cursor: pointer;
}
.work-order-modal .other-item .img-list img {
  max-width: 120px;
  max-height: 58px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.work-order-modal .official-report {
  padding-top: 40px;
}
.work-order-modal .official-report span:nth-of-type(1) {
  margin-right: 16px;
  color: #d6aa47;
}

.service[data-v-7c044e82] {
  min-height: 100%;
  padding-bottom: 47px;
}
.service .service-view[data-v-7c044e82] {
  width: 100%;
  background: #fff;
  padding: 33px 60px 16px 60px;
}
.service .service-view .query-list[data-v-7c044e82] {
  margin: 0 auto;
  width: 702px;
}
.service .service-view .query-list > span[data-v-7c044e82] {
  color: #3D3D3D;
  font-size: 14px;
}
.service .service-view .query-list .query-order[data-v-7c044e82] {
  margin-left: 40px;
}
.service .service-view .query-list .typeName[data-v-7c044e82] {
  position: relative;
  width: 128px;
  height: 28px;
  text-align: center;
  background: #F4F4F4;
  border-radius: 6px;
  color: #A4A4A4;
  font-size: 14px;
  margin-left: 10px;
}
.service .service-view .query-list .ios-arrow-down[data-v-7c044e82] {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: #767576;
}
.service .service-view .commonRecordList[data-v-7c044e82] {
  margin-top: 24px;
}
.service .service-view .commonRecordList .recordList-ul li[data-v-7c044e82] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 33px;
  background: #F4F4F4;
}
.service .service-view .commonRecordList .recordList-ul li span[data-v-7c044e82] {
  width: 20%;
  text-align: center;
}
.service .service-view .commonRecordList .recordList-ul li[data-v-7c044e82]:nth-child(2n) {
  background: #fafafa;
}
.service .service-view .commonRecordList .recordList-ul li .status-0[data-v-7c044e82] {
  color: #80c20d;
}
.service .service-view .commonRecordList .recordList-ul li .status-1[data-v-7c044e82] {
  color: red;
}
.service .service-view .commonRecordList .recordList-ul li .action[data-v-7c044e82] {
  background: #272323;
  border-radius: 12px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 4px 14px;
  line-height: 14px;
  border-radius: 24px;
}
.pageNum[data-v-7c044e82] {
  margin-top: 20px;
}