html, body { background: #dfdfdf; } .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; } .ticket-item:first-child { margin-top: 0.41rem; } .ticket-item:active{ background:rgba(255,255,255,0.7); } .ticket-item { background: #fff; padding: 0.58rem 0.83rem; margin-bottom: 0.41rem; /*display: flex; display: -webkit-flex; justify-content: space-between;*/ /*margin:0.5rem 0.83rem; padding:1.0rem 1rem; background:#ffffff; border:1px solid #ffffff; box-shadow: 0px 2px 2px rgba(0,0,0,0.10); border-radius: 4px; line-height:1.4rem; color:#585858;*/ } .ticket-item div { display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .isComplete{ font-size:0.9rem; text-align: left; } /*.ticket-item:hover{ border:1px solid #B7B7B7; }*/ .power-room { color: #000; font-size: 1.25rem; } .number{ padding: 0.17rem 0; font-size: 1rem; } .time{ font-size:0.9rem; }