.mui-table-view:before, .mui-table-view:after, .mui-table-view-cell:after {
    height: 0px;
}

.mui-table-view-cell {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: #4D80DB 0px 0px 5px;
    /*box-shadow: 0 0 8px #4D80DB;*/
}

.mui-table-view-cell .shop-sell-status {
    width: 150px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    background-color: #FE719B;
    color: white;
    font-size: 14px;
    top: 10px;
    left: -40px;
    /* Rotate div */
    transform: rotate(-40deg);
    -ms-transform: rotate(-40deg); /* Internet Explorer */
    -moz-transform: rotate(-40deg); /* Firefox */
    -webkit-transform: rotate(-40deg); /* Safari 和 Chrome */
}

.mui-table-view-cell .shop-sell-status-soldout {
    background-color: #ccc;
}

.mui-table-view-cell span {
    display: block;
    padding-bottom: 10px;
    color: #333;
}

.mui-table-view-cell span strong {
    font-size: 20px;
    color: #DB0000;
}

.mui-table-view-cell .mui-media-object {
    max-width: 180px;
    height: 100px;
    padding-right: 8px;
}

.mui-table-view-cell span.title {
    font-size: 16px;
    color: #4D80DB;
    font-weight: 600;
    margin-top: 5px;
}
.mui-table-view-cell i.discount {
    font-size: 16px;
    /*background-color: #ff0400;*/
    color: rgb(255, 4, 0);
    font-weight: 600;
    margin-top: 5px;
    padding-right: 3px;
}

.mui-table-view-cell button {
    padding: 2px 8px;
    line-height: 1.2;
    font-size: 12px;
    background-color: #FE719B;
    color: white;
    border-radius: 10px;
    border: none;
}

.mui-table-view-cell .color-no-sale{
     background-color: #cccccc !important;
     color: black !important;
}

.mui-table-view-cell .color-no-sale{
    background-color: #cccccc !important;
    color: black !important;
}

.mui-table-view li.item-no-data {
    font-size: 16px;
    color: #888;
    margin-top: 100px;
    text-align: center;
}

.mui-table-view li.item-no-more {
    text-align: center;
    font-size: 16px;
    color: #888;
    margin: 15px 10px;
}

.mui-table-view li.item-load-more {
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    border: 1px solid #ccc;
    margin: 15px 10px;
    border-radius: 15px;
}

.icon-payStatus {
    position: absolute;
    width: auto;
    top: 27%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/app/img/icon-payStatus.png') no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.icon-payStatus span{
    color: #bbb !important;
    font-size: 16px !important;
    padding-bottom: 0px !important;
}