jiudiandetail.wxss 3.6 KB
page {
  background: #F9F9F9;
}

.minsuintor {
  padding: 40rpx 44rpx;
  box-sizing: border-box;
  background: #fff;
}

.minsutou {
  color: #06121e;
  font-size: 38rpx;
  font-weight: bold;
}

.suhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 32rpx 30rpx 0;
  box-sizing: border-box;
}

.suheadone {
  margin-top: 32rpx;
}

.suheadsec {
  margin-top: 16rpx;
}

.suheadleft {
  display: flex;
  align-items: center;
}

.suheadleimg {
  width: 40rpx;
  height: 40rpx;
  font-size: 0;
}

.sunheadword {
  color: #06121e;
  font-size: 28rpx;
  margin-left: 12rpx;
}

.suheadright {
  width: 44rpx;
  height: 44rpx;
  font-size: 0;
}

.ruzhu {
  color: #06121e;
  font-size: 28rpx;
}

.ruzhunum {
  color: #ff5a4e;
  font-size: 28rpx;
}

.ruzhuright {
  display: flex;
  align-items: center;
}

.ruzhuyou {
  width: 18rpx;
  height: 18rpx;
  font-size: 0;
  margin-left: 16rpx;
}

.minsulist {
  display: flex;
  align-items: center;
  padding: 32rpx 58rpx;
  box-sizing: border-box;
  justify-content: space-between;
  background: #fff;
}

.minsuitem {
  color: #06121e;
  font-size: 26rpx;
}

.selactive {
  color: #06121e;
  font-size: 38rpx;
  font-weight: bold;
  position: relative;
}

.selactive::after {
  position: absolute;
  display: block;
  content: '';
  width: 48rpx;
  height: 6rpx;
  background: #ff5a4e;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  bottom: -12rpx;
  border-radius: 4rpx;
}

.judianjieright {
  width: 34rpx;
  height: 34rpx;
  font-size: 0;
}

.jiudainjie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1rpx solid #f5f5f5;
  padding: 40rpx 0;
  box-sizing: border-box;
}

.jiudianjieleft {
  color: #06121e;
  font-size: 32rpx;
  font-weight: bold;
}

.fuwujie {
  margin-bottom: 52rpx;
}

.jiudianbottomleft {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12rpx 34rpx;
  box-sizing: border-box;
  width: 350rpx;
  background: #fff;
}

.jiudianbottomright {
  width: 400rpx;
  height: 98rpx;
  background: linear-gradient(180deg, rgba(252, 169, 162, 1) 0%, rgba(255, 119, 117, 1) 100%);
  opacity: 1;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  line-height: 98rpx;
}

.jiudianbottom {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
}

.jiudianitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.jiudianitemtop {
  width: 40rpx;
  height: 40rpx;
  font-size: 0;
}

.jiudianitembot {
  color: #bdc4ce;
  font-size: 22rpx;
}

.kename {
  color: #ff5a4e;
  font-size: 22rpx;
}

.jiudianboxtop {
  display: flex;
  align-items: center;
  margin-top: 38rpx;
}

.jiudiantopleft {
  width: 48rpx;
  height: 48rpx;
  font-size: 0;
}

.jiudianintortext {
  width: 686rpx;
  margin: 24rpx auto 0;
  padding: 0 32rpx 24rpx;
  box-sizing: border-box;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.02);
  opacity: 1;
  border-radius: 20px;
  background: #fff
}

.jiudianhuan {
  color: #06121e;
  font-size: 32rpx;
  margin-left: 10rpx;
}

.zhoubiantext {
  color: #5b5e63;
  font-size: 28rpx;
  margin-top: 24rpx;
}
.jiudianbigbox{
  margin-bottom: 156rpx;
}
.jiaotongtop{
    color:#06121E;
    font-size: 30rpx;
}
.jiaotongitemleft{
    width:48rpx;
    height:48rpx;
    font-size: 0
}

.jiaotongbottomitem{
  display:flex;
  align-items: center;
  margin-top:16rpx;
   margin-right:40rpx;
 
}
.jiaotongitemname{
  color:#5B5E63;
  font-size: 28rpx;
  margin-left:12rpx;
 
}
.jiaotongbottom{
  display:flex;
  align-items: center;
  flex-wrap: wrap;
}
.jiaotongitem{
  margin-top:20rpx;
}