.tik-sale-page {
    background-color: rgb(255, 255, 255);
    min-width: 1200px;
    border-radius: 12px;
}

.tik-sale-page .scroll-box .content {
    min-height: 600px;
    border-radius: 12px;
    box-shadow: rgba(123, 123, 123, 0.1) 0px 5px 26px 0px;
}

.tik-sale-page .scroll-box .content .table-box .search-menu .category-box label {
    min-width: 56px;
    line-height: 30px;
    color: #999;
    font-size: 12px;
    margin-right: 25px;
}

.tik-sale-page .scroll-box .content .table-box .search-menu .condition-box .condition-item {
    line-height: 30px;
}

.tik-sale-page .scroll-box .content .table-box .search-menu .condition-box .condition-item .date-box .type-box .el-select {
    width: 134px;
}

.tik-sale-page .scroll-box .content .table-box .search-menu .condition-box .condition-item .el-select {
    width: 102px;
}

.tik-sale-page .scroll-box .content .table-box {
    width: 1200px;
    margin: 0px auto;
}

.sort-item {
    cursor: pointer
}

.sort-item.isEmployData {
    cursor: not-allowed
}

.sort-item.active .atem-word {
    color: #fd4c60
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war .fixed-table-th {
    display: none;
    min-width: 1200px;
    height: 34px;
    background-color: rgb(231, 236, 241);
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war .fixed-table-th table {
    width: 1160px;
    margin: 0px auto;
    text-align: center;
    font-size: 14px;
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war .fixed-table-th table thead {
    background: rgb(231, 236, 241);
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war .fixed-table-th table thead th {
    padding: 7px 0px;
    color: rgb(130, 142, 154);
    font-weight: 400;
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war .fixed-table-th table thead th.label {
    padding-left: 30px;
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war .fixed-table-th.active {
    display: flex;
}

.tik-sale-page .scroll-box .content .table-box .sort-box-war.active {
    position: fixed;
    top: 70px;
    left: 0px;
    width: 100%;
    background-color: rgb(249, 249, 249);
    z-index: 98;
}

.tik-sale-page .scroll-box .content .table-box .search-list {
    min-height: 1270px;
    border-radius: 4px;
}

.tik-sale-page .scroll-box .content .table-box .search-list .tables table {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.tik-sale-page .scroll-box .content .table-box .search-list .tables table thead {
    background: rgb(231, 236, 241);
    position: sticky;
    top: 70px;
    z-index: 9;
}

.tik-sale-page .scroll-box .content .table-box .search-list .tables table thead th {
    padding: 7px 0px;
    color: rgb(130, 142, 154);
    font-weight: 400;
}

.tik-sale-page .scroll-box .content .table-box .search-list .tables table tbody tr:nth-child(2n) {
    background-color: rgb(251, 251, 251);
}

.tik-sale-page .scroll-box .content .table-box .search-list .tables table tbody tr:hover {
    background-color: rgb(255, 248, 245);
}

.tik-sale-page .scroll-box .content .table-box .search-list .table-empty-box {
    padding: 15% 0px;
    background-color: rgb(255, 255, 255);
}

.tik-sale-page .scroll-box .content .table-box .search-list .table-empty-box .empty-box {
    width: 116px;
    margin: 0px auto;
}

.tik-sale-page .scroll-box .content .table-box .search-list .table-empty-box .empty-box .empty-img {
    width: 116px;
    height: 117px;
}

.tik-sale-page .scroll-box .content .table-box .search-list .table-empty-box .empty-box .empty-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.tik-sale-page .scroll-box .content .table-box .search-list .table-empty-box .empty-box .empty-word {
    margin-top: 4px;
    color: #ffacb5;
    font-size: 14px;
}

tr td {
    padding: 12px 0px;
    color: rgb(51, 51, 51);
}

tr .rank-order {
    width: 110px;
}

tr .rank-order img {
    width: 22px;
    height: 22px;
}

tr .img-box {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 2;
}

tr .img-box .img-bg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

tr .img-box .product-delect-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; z-index: 1; }
tr .img-box .product-delect-box span { color: rgb(143, 143, 143); }