body{ background: #ffffff; } .content-container{ overflow-y: scroll; } .content-container>div { padding-bottom: 3.6rem; } .top{ background:#ffffff; } .tabs{ display: flex; font-size:1.125rem; position:fixed; top:6rem; width: 100%; z-index:99999999; } .tab{ flex-grow:1; height:2.5rem; display:flex; align-items:center; justify-content:center; background:#f2f2f2; } .tab.active{ background:#ffffff; } .pr-msg:nth-child(1) { border-bottom: 2px solid #ccc; } .pr-msg { box-sizing: border-box; padding: 0 1rem; } .pr-msg .title { display: flex; align-items: center; height: 3rem; line-height: 3rem; font-size: 1.25rem; border-bottom: 1px solid #e5e5e5; } .pr-msg .title .name { text-align: right; } .icon-con { width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; margin-right: 0.5rem; } .pr-msg .title img { width: 2rem; vertical-align: middle; } .pr-msg .msg { line-height: 2rem; padding: 0 0.5rem; word-break: break-all; } .list .item:active{ background:rgba(255,255,255,0.7); } .list .item{ background:#fff; padding:0.58rem 0.83rem; border-bottom: 0.1rem solid #dfdfdf; } .list .item .nav{ display:flex; display:-webkit-flex; align-items: center; justify-content:space-between; font-size:1.25rem; /*height: 2.3rem; line-height: 2.3rem;*/ } .list .item .con{ /*padding:0.58rem 0rem;*/ font-size:1rem; margin-right:0rem; } .item .con .con-item{ padding-bottom: 0.17rem; } .con .con-item span{ margin-left:0rem; } .date-time{ font-size:0.9rem; } #start-inspect-btn { position: fixed; bottom: 0; width: 100%; height: 3rem; line-height: 3rem; font-size: 1.3rem; text-align: center; background-color: #e9be2b; } .empty-div { height: 3.6rem; } /* 巡检日志 */ #inspection-log-panel, #repair-log-panel { display: none; } #inspection-log-panel .time-fixed{ position:fixed; width:100%; background:#fff; z-index:999; } #inspection-log-panel .stackpanel-vertical { background:white; display: flex; flex-direction: column; } #inspection-log-panel .stackpanel-horizontal { display: flex; flex-direction: row; } #inspection-log-panel .fix-top { top: 5.34rem; width: 100%; background: white; position: fixed; z-index: 100; } #inspection-log-panel .search-line { background:white; display: flex; width: 100%; height:3.33rem; line-height:3.33rem; justify-content: space-between; padding: 0 0.83rem; box-sizing: border-box; align-items: center; } #inspection-log-panel .search-criteria { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.5rem; width: 23%; } #inspection-log-panel .datetime-line { width: 70%; display: flex; justify-content: space-between; align-items: center; } #inspection-log-panel .datetime { height: 2.5rem; line-height: 2.5rem; text-align: center; width: 6rem; } #inspection-log-panel .center { display: flex; align-items: center; } #inspection-log-panel .datetime { line-height: 2.5rem; text-align: center; } #inspection-log-panel .underline-yellow { border-bottom: 1px solid #e9be2b } #inspection-log-panel .img-drop-down { height: 1.2rem; width: 1.2rem; margin: 0 0.625rem 0 0; } #inspection-log-panel .iptime-group { position: relative; } #inspection-log-panel .iptime { position: absolute; top: 0; left: 0; width: 7.825rem; height: 2.5rem; opacity: 0; } #inspection-log-panel .list:nth-child(1){ margin-top: 0.41rem; } #inspection-log-panel .list .item{ background:#fff; padding:0 0.83rem; margin-bottom: 0.41rem; } #inspection-log-panel .list .item:active{ background:rgba(255,255,255,0.7); } #inspection-log-panel .list .item .nav{ display:flex; display:-webkit-flex; align-items: center; justify-content:space-between; font-size:1.25rem; height: 2.3rem; line-height: 2.3rem; border-bottom: 1px solid #f4f4f4; } #inspection-log-panel .list .item .con{ padding:0.67rem 0rem; font-size:1rem; } #inspection-log-panel .item .con .con-item{ padding: 0.17rem 0; display: flex; } #inspection-log-panel .con-item > div{ width: 30%; } #inspection-log-panel .con .con-item span{ margin-left:0rem; } #inspection-log-panel .date-time{ font-size:0.9rem; } /* 抢修日志 */ #repair-log-panel .time-fixed{ position:fixed; width:100%; z-index:999; } #repair-log-panel .time-fixed{ position:fixed; width:100%; background:#fff; z-index:999; } #repair-log-panel .stackpanel-vertical { background:white; display: flex; flex-direction: column; } #repair-log-panel .stackpanel-horizontal { display: flex; flex-direction: row; } #repair-log-panel .fix-top { top: 5.34rem; width: 100%; background: white; position: fixed; z-index: 100; } #repair-log-panel .search-line { background:white; display: flex; width: 100%; height:3.33rem; line-height:3.33rem; justify-content: space-between; padding: 0 0.83rem; box-sizing: border-box; align-items: center; } #repair-log-panel .search-criteria { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.5rem; width: 23%; } #repair-log-panel .datetime-line { width: 70%; display: flex; justify-content: space-between; align-items: center; } #repair-log-panel .datetime { height: 2.5rem; line-height: 2.5rem; text-align: center; width: 6rem; } #repair-log-panel .center { display: flex; align-items: center; } #repair-log-panel .datetime { line-height: 2.5rem; text-align: center; } #repair-log-panel .underline-yellow { border-bottom: 1px solid #e9be2b } #repair-log-panel .img-drop-down { height: 1.2rem; width: 1.2rem; margin: 0 0.625rem 0 0; } #repair-log-panel .iptime-group { position: relative; } #repair-log-panel .iptime { position: absolute; top: 0; left: 0; width: 7.825rem; height: 2.5rem; opacity: 0; } #repair-log-panel .list .item:first-child{ margin-top: 0.41rem; } #repair-log-panel .list .item:active{ background:rgba(255,255,255,0.7); } #repair-log-panel .list .item{ background:#fff; padding:0.58rem 0.83rem; margin-bottom: 0.41rem; } #repair-log-panel .list .item .nav{ display:flex; display:-webkit-flex; align-items: center; justify-content:space-between; font-size:1.25rem; /*height: 2.3rem; line-height: 2.3rem;*/ } #repair-log-panel .list .item .con{ /*padding:0.58rem 0rem;*/ font-size:1rem; margin-right:0rem; } #repair-log-panel .item .con .con-item{ padding-bottom: 0.17rem; } #repair-log-panel .con .con-item span{ margin-left:0rem; } #repair-log-panel .date-time{ font-size:0.9rem; }