替换一下css样式,就可以实现上面的布局了.具体的细节你可以自己再调整一下.

.cut {
  background-color: #fff;
  width: 100%;
  display: flex;
}


.cut .state {
  width: 150rpx;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 33%;
}
.cut .opt {
  color: #ff9f16;
}


.opt::after {
  content: "";
  width: 45rpx;
  height: 5rpx;
  background: #ff9f16;
  position: absolute;
  left: 102rpx;
}

如果要使用flex和伪元素绝对定位 需要改变color的同时修改其他的样式， 这是什么原因？