.salesWrapper{
    width: 100%;
    height: 100%;
    overflow: auto;
    // background:#f7f7f2;
    .tab {
        display: flex;
        list-style: none;
        margin: 10px 0px;
        padding-left: 1%;
        li {
          margin-right: 10px;
          line-height: 30px;
          height: 30px;
          width: 25%;
          text-align: center;
          border: 1px #a9aabb solid;
          border-radius: 20px;
          h3 {
            font-weight: normal;
            font-size: 16px;
          }
        }
        li.selected {
          border: 1px #e10d0d solid;
        }
      }
    .salesContent{
        .salesItem{
            border-bottom: 1px #dcdcdc solid;
            padding: 10px;
            padding-left: 45px;
            position: relative;

            .icon_bolck{
                border: 1px #dcdcdc solid;
                width: 35px;
                height: 35px;
                position: absolute;
                left: 3px;
                top: 20px;
                line-height: 30px;
                text-align: center;
                border-radius: 50%;
                .iconfont{
                    color: #ff3500;
                    font-size: 26px;
                    position: relative;
                    top: 1px;
                }
            }
            
            .line{
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 13px;
                flex: 1;
                .price{
                    font-size: 16px;
                    color: #ff3500;
                    font-weight: bold;
                }
            }
        }
        .salesItem:last-child{
            border-bottom: none;
        }
    }
    .add {
        position: absolute;
        .iconfont {
          width: 55px;
          height: 55px;
          line-height: 55px;
          border-radius: 50%;
          position: fixed;
          right: 10px;
          font-size: 24px;
          color: #fff;
          background: #0767bf;
          text-align: center;
          font-size: 28px;
          // color: #ff5933;
          font-weight: bold;
          bottom: 50px;
          left: 42%;
        }
      }
}