@import "../qiyeyongdian/detail/detail.wxss"; .detailhead { display: flex; align-items: center; justify-content: space-around; padding: 20rpx 69rpx; box-sizing: border-box; border-bottom: 1rpx solid #f5f5f5; } .detailname { color: #999; font-size: 28rpx; } .selactive { position: relative; } .selactive::after { display: block; content: ''; width: 60rpx; border: 1rpx solid #ff9400; position: absolute; left: 50%; right: 50%; transform: translate(-50%); bottom: -20rpx; } .date { display: flex; align-items: center; justify-content: space-between; height: 70rpx; background: #f3f5f8; padding: 0 31rpx; box-sizing: border-box; } .dateleft { width: 23rpx; height: 23rpx; font-size: 0; transform: rotate(180deg); } .dateright { width: 23rpx; height: 23rpx; font-size: 0; } .datetime { display: flex; align-items: center; } .datepic { width: 16rpx; height: 16rpx; font-size: 0; transform: rotate(90deg); margin-left: 12rpx; } .datesel { color: #666; font-size: 28rpx; } .shebeinum { color: #333; font-size: 32rpx; font-weight: bold; padding: 40rpx 0 0 30rpx; box-sizing: border-box; border-top: 1rpx solid #f5f5f5; position: relative; } .she { margin-left: 18rpx; } .shebeinum::before { content: ''; display: block; width: 8rpx; height: 33rpx; background: #ff9400ff; position: absolute; top: 43rpx; left: 30rpx; } .containerzhe { width: 750rpx; height: 500rpx; } .datetime { color: #333; font-size: 28rpx; display: flex; justify-content: center; } .timewrap { background: #fff; /* height: 700rpx; */ padding-bottom: 40rpx; box-sizing: border-box } .timetwo { display: flex; align-items: center; padding: 60rpx 100rpx 50rpx; box-sizing: border-box; justify-content: space-between; } .timebetin { display: flex; flex-direction: column; justify-content: center; align-items: center; } .timetop { color: #999; font-size: 24rpx; } .timebottom { color: #999; font-size: 32rpx; margin-top: 10rpx; } .seltimeactive { color: #ff9400; } .selnameactive { color: #333; } .timebox { width: 580rpx; height: 308rpx; overflow-y: scroll; margin: 0 auto; } .timeboxitem { display: flex; align-items: center; justify-content: space-between; padding: 30rpx 78rpx; box-sizing: border-box; background: #f9f8fe; color: #999; font-size: 28rpx; border-bottom: 1rpx solid #f5f5f5; } .shihead { display: flex; align-items: center; justify-content: space-between; height: 100rpx; padding: 0 28rpx; border-bottom: 1rpx solid #f5f5f5; } .headitem { color: #666; font-size: 28rpx; text-align: left; } .shuiitem { display: flex; align-items: center; justify-content: space-between; padding: 34rpx 28rpx; box-sizing: border-box; border-bottom: 1rpx solid #f5f5f5; } .shuiitemleft { color: #333; font-size: 24rpx; text-align: left; } .shijian { width: 60rpx; } .shexiang { width: 196rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .derition { width: 56rpx; } .qudingdate { width: 260rpx; height: 80rpx; background: rgba(255, 148, 0, 1); opacity: 1; border-radius: 10rpx; color:#fff; font-size: 30rpx; text-align: center; line-height: 80rpx; margin:8rpx auto 0; }