.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; }