.dw-plan-box{
  margin-top:10px;
}
.dw-plan-box-bottom{
  margin-top:10px;
  padding:10px;
  background:#ffffff;
  height:calc(10px + 10px + 53px + 53px + 53px + 165.48px);
}
.dw-plan-box-bottom-unit{
  height:53px;
  transition:0.5s;
  position:relative;
  overflow:hidden;
}
.dw-plan-box-bottom-unit-title{
  font-size: 18px;
  height:100%;
  line-height:53px;
  border-bottom: dashed 1px #c6c6c6;
}
.dw-plan-box-bottom-unit:last-child .dw-plan-box-bottom-unit-title{
  border-bottom: 0;
}
.dw-plan-box-bottom-unit-img{
  display:none;
  width:100%;
  height:100%;
  transition:0.5s;
  transform-origin:50% 50%;
  position:absolute;
  left:0;
  top:0;
}
.dw-plan-box-bottom-unit-img img{
    width: 100%;
    height: 100%;
}
.dw-plan-box-bottom-unit-img:hover{
  transform:scale(1.05);
}
.dw-plan-box-bottom-unit-active{
  height:165.48px;
}
.dw-plan-box-bottom-unit-active .dw-plan-box-bottom-unit-img{
  display:block;
}
.dw-plan-box-bottom-unit-active .dw-plan-box-bottom-unit-title{
  display:none;
}
@media (max-width:1400px){
  .dw-plan-box{
    margin-top:1vw;
  }
  .dw-plan-box-bottom{
    margin-top:0.5vw;
    padding:0.7vw;
    height:calc(0.7vw + 0.7vw + 3.5vw + 3.5vw + 3.5vw + 11.71vw);
  }
  .dw-plan-box-bottom-unit{
    height:3.5vw;
  }
  .dw-plan-box-bottom-unit-title{
    font-size:1.5vw;
    line-height: 3.5vw;
  }
  .dw-plan-box-bottom-unit-active{
    height:12.05vw;
  }
}
@media (max-width:1099px){
  .dw-plan-box-bottom-unit-title{
    font-size:1.7vw;
  }
}
@media (max-width:767px){
  .dw-plan-box-bottom{
    margin-top:1px;
  }
  .dw-plan-box-bottom{
    padding:1.33vw;
    height:calc(1.33vw + 1.33vw + 8.2vw + 8.2vw + 8.2vw + 39.71vw);
  }
  .dw-plan-box-bottom-unit{
    height:8.2vw;
  }
  .dw-plan-box-bottom-unit-title{
    line-height:8.6vw;
    font-size: 4.27vw;
  }
  .dw-plan-box-bottom-unit-active{
    height:39.71vw;
  }
}