.demo .banner {
  height: 6rem;
  width: 100%;
  background-image: url(../img/afterSaleService/蒙版组\ 2.png);
}
.tabBar {
  display: flex;
  justify-content: center;
  height: 0.58rem;
  background: #ffffff;
  border-bottom: 0.01rem solid #eeeeee;
  box-sizing: border-box;
}
.tabBar .item {
  width: 2rem;
  height: 0.58rem;
  font-size: 0.18rem;
  line-height: 0.58rem;
  text-align: center;
  color: #666666;
}
.tabBar .active {
  background-color: #0063b9;
  color: #ffffff;
}
.directionForUse {
  padding: 0.66rem 0 0.25rem;
}
.directionForUse .item {
  padding-bottom: 0.66rem;
  margin-bottom: 0.74rem;
  border-bottom: 0.01rem solid #eeeeee;
}
.directionForUse .item:last-child {
  margin-bottom: 0;
}
.directionForUse .content {
  display: flex;
  justify-content: space-between;
}
.directionForUse .item .left {
  display: flex;
}
.directionForUse .item .operationManual {
  margin-left: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.directionForUse .operationManual .title {
  margin-top: 0.16rem;
  margin-bottom: 0.4rem;
  font-size: 0.2rem;
  font-weight: bold;
  color: #333333;
}
.directionForUse .operationManual .specification {
  font-size: 0.16rem;
  color: #666666;
  line-height: 2.45;
}
.directionForUse .item .right{
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
}
.directionForUse .right .date {
  margin-top: 0.16rem;
  margin-bottom: 0.4rem;
  font-size: 0.14rem;
  color: #999999;
}
.directionForUse .item .left img{
    width: 4rem;
    height: 2.28rem;
    object-fit: cover;
}
.directionForUse .preview {
  float: left;
  width: 1.5rem;
  height: 0.37rem;
  background: #ffffff;
  color: #244a9b;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.37rem;
  border: 0.01rem solid #0063b9;
}
.directionForUse .download {
  margin-left: 0.2rem;
  float: left;
  width: 1.5rem;
  height: 0.37rem;
  background: #ffffff;
  color: #c2150f;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.37rem;
  border: 0.01rem solid #c2150f;
}