shebeidetail.wxss 3.0 KB
.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;
  margin-top:20rpx;
}