.salesWrapper{
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #f5f5f5;
    .tab {
      display: flex;
      list-style: none;
      justify-content: space-around;
      background:#fff;
      margin-bottom: 10px;
        li {
          line-height: 50px;
          height: 50px;
          text-align: center;
          h3 {
            font-weight: normal;
            font-size: 16px;
          }
        }
        li.selected {
          border-bottom: 3px #e10d0d solid;
          h3{
            color: #e10d0d;
          }
        }
      }
    .article_wrapper{
        background: #fff;
        ul{
            padding: 10px 15px;
            li{
                display: flex;
                justify-content: space-between;
                border-bottom: 1px #dbdbdb solid;
                padding: 15px 0;
                flex-wrap: wrap;
                .right{
                    width: 40%;
                    margin-bottom: 10px;
                    img{
                        border-radius: 8px;
                    }
                }
                .left{
                    width: 55%;
                    margin-bottom: 10px;
                    .title{
                        color: #333333;
                        font-size: 16px;
                        margin-bottom: 8px;
                    }
                    .digest{
                        color: #666666;
                        width:100%;
                    }
                }
                .read{
                  font-size: 15px;
                  display: flex;
                  justify-content: space-between;
                  align-items: baseline;
                  width: 100%;
                }
            }
            li:last-child{
                border-bottom: 0;
            }
        }
        .more{
            margin-top: 10px;
        }
    }
}