.indexPage{ position: relative; z-index: 1; background: #F5F5F5; min-height: calc(100vh - 52px); .item-content__info-title{ font-size: 28px; color: #9BA0AA; } .item-extra__info{ font-size: 28px; color: #9BA0AA; } .at-list__item::after{ border-bottom: 0; } .at-list::after{ border-top: 0; } .indexPage .at-list::after{ border: 0; } .searchContent{ position: relative; background: white; .searchTop{ z-index: 1000; } .searchBottom{ position: absolute; z-index: 1000; left: 0; right: 0; background: #FFFFFF; //box-shadow: 1px 11px 14px 1px #999999; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; .searchBottomBack{ position: fixed; z-index: -1; left: 0; right: 0; bottom: 0; top: 100px; background: rgba(0,0,0,.7); } .searchItem{ font-size: 20px; color: #9BA0AA; } .searchOperation{ display: flex; flex-flow: row; align-items: center; font-size: 22px; .reset{ flex: 1; text-align: center; padding: 25px 0; border-bottom-left-radius: 10px; background: white; } .search{ flex:1; background: #f8673c; text-align: center; color: white; padding: 25px 0; border-bottom-right-radius: 10px; } } } } .list{ padding: 20px 23px 52px 23px; .item{ border-radius: 6px; padding: 31px; background: #FFFFFF; display: flex; flex-flow: row nowrap; margin-bottom: 17px; position: relative; overflow: hidden; .revoke{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); z-index: 999; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; .revokeImg{ width: 250px; height: 250px; } } .infor{ width: 100%; position: relative; .title{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding-bottom: 20px; .aname{ flex: 1; padding-right: 20px; font-weight: bolder; } .createTimes{ font-size: 20px; color: #999999; white-space: nowrap; } } .userName{ font-size: 25px; color: #999999; padding-bottom: 15px; } .releaseStarts{ font-size: 25px; color: #999999; padding-bottom: 15px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; position: relative; .punchClock{ position: absolute; border-bottom-left-radius: 100px; border-top-left-radius: 100px; padding: 20px 30px; background: #f1662f; color: white; display: flex; justify-content: center; align-items: center; right: -31px; top: -10px; } } .releaseEnds{ font-size: 25px; color: #999999; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding-bottom: 25px; } .bottomContent{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; .status{ font-size: 28px; } .clockIn{ padding: 3px 8px; font-size: 28px; border-radius: 6px; } } } } } .skeleton { border-radius: 11px; margin-bottom: 20px; } }