html,body{ background:#dfdfdf; } .time-fixed{ position:fixed; width:100%; z-index:999; } .time-fixed{ position:fixed; width:100%; background:#fff; z-index:999; } .stackpanel-vertical { background:white; display: flex; flex-direction: column; } .stackpanel-horizontal { display: flex; flex-direction: row; } .fix-top { top: 5.34rem; width: 100%; background: white; position: fixed; z-index: 100; } .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; } .search-criteria { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.5rem; width: 23%; } .datetime-line { width: 70%; display: flex; justify-content: space-between; align-items: center; } .datetime { height: 2.5rem; line-height: 2.5rem; text-align: center; width: 6rem; } .center { display: flex; align-items: center; } .datetime { line-height: 2.5rem; text-align: center; } .underline-yellow { border-bottom: 1px solid #e9be2b } .img-drop-down { height: 1.2rem; width: 1.2rem; margin: 0 0.625rem 0 0; } .iptime-group { position: relative; } .iptime { position: absolute; top: 0; left: 0; width: 7.825rem; height: 2.5rem; opacity: 0; } .list .item:first-child{ margin-top: 0.41rem; } .list .item:active{ background:rgba(255,255,255,0.7); } .list .item{ background:#fff; padding:0.58rem 0.83rem; margin-bottom: 0.41rem; } .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; }