.shipment[data-v-52bca38c] {
  position: relative;
  margin-bottom: 15px;
}
.shipment .title[data-v-52bca38c] {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    position: relative;
    padding-left: 8px;
    position: absolute;
    top: 4%;
    left: 2%;
    z-index: 1000;
}
.shipment .title[data-v-52bca38c]::after {
      display: block;
      content: "";
      width: 3px;
      height: 18px;
      background: -webkit-gradient(linear, left top, left bottom, from(#2054D6), to(#6593FD));
      background: linear-gradient(180deg, #2054D6 0%, #6593FD 100%);
      border-radius: 2px;
      position: absolute;
      left: 0px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
}
.shipment .btns[data-v-52bca38c] {
    position: absolute;
    top: 3%;
    right: 2%;
    cursor: pointer;
    z-index: 1000;
}
.shipment .btns span[data-v-52bca38c] {
      display: inline-block;
      width: 50px;
      height: 27px;
      line-height: 27px;
      text-align: center;
      font-size: 14px;
      font-family: MicrosoftYaHei;
      color: #606266;
      border: 1px solid #F4F4F4;
}
.shipment .btns .active[data-v-52bca38c] {
      background: #477CE5;
      color: #FFFFFF;
}
.shipment .container[data-v-52bca38c] {
    width: 100%;
    height: 387px;
    background-color: #FFFFFF;
    border-radius: 2px;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}