.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: 130rpx; border: 1rpx solid #ff9400; background: #ff9400; position: absolute; left: -10rpx; bottom: -20rpx; } .beginkaiji { color: #666; font-size: 28rpx; margin-top: 52rpx; text-align: center; } .hournum { color: #ffb53c; font-size: 80rpx; text-align: center; margin-top: 41rpx; } .xian { width: 750rpx; height: 20rpx; background: #f6f7f8; margin-top: 50rpx; } .desbox { width: 710rpx; margin: 0 auto; border: 1rpx solid #d6d8db; border-radius: 10rpx; padding-bottom: 20rpx; box-sizing: border-box; margin-top: 50rpx; } .destext { padding: 20rpx 20rpx 30rpx; box-sizing: border-box; color: #333; font-size: 28rpx; } .desboxhead { height: 70rpx; background: #eef1f9; line-height: 70rpx; padding: 0 20rpx; box-sizing: border-box; color: #333; font-size: 32rpx; font-weight: bold; } .pictitle { color: #333; font-size: 32rpx; font-weight: bold; } .shepic { padding: 40rpx; box-sizing: border-box; } .listitem { width: 203rpx; height: 203rpx; font-size: 0; margin-right: 20rpx; margin-top: 15rpx; } .piclist { display: flex; flex-wrap: wrap; align-items: center; margin-top: 15rpx; } .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:#666666; font-size: 28rpx; } .shebeiworktime{ width:750rpx; height:369rpx; background: #FFB53C; overflow: hidden } .tophour{ color:#fff; font-size: 28rpx; opacity:0.4; text-align: center; margin-top:104rpx; } .timenum{ display:flex; align-items: center; justify-content: center; margin-top:18rpx; } .timeleft{ color:#fff; font-size: 80rpx; } .timeright{ color:#FF5D7E; font-size: 24rpx; } .timelist{ display:flex; align-items: center; flex-wrap: wrap } .timeitem{ width:375rpx; display:flex; flex-direction: column; justify-content: center; padding: 18rpx 0; box-sizing: border-box; border-bottom:1rpx solid #f5f5f5; } .timeitem:nth-child(2n){ border-left:1rpx solid #f5f5f5; } .timetop{ color:#333333; font-size: 40rpx; text-align: center; height:56rpx; line-height: 56rpx; } .timebottom{ color:#666666; font-size: 22rpx; text-align: center; margin-top:13rpx; } .container{ width:750rpx; height:500rpx; margin-top:48rpx; } .containerzhu{ width:750rpx; height:1400rpx; }