.badge-vip {
    position: absolute;
    background: linear-gradient(135deg, #ffd86b, #d99a00);
    color: #fff;
    margin: 10px 0 0 0;
    right: 10px;
    top: 0;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
        box-shadow: 0 5px 9px rgb(0 0 0 / 22%);
    text-shadow: 1px 1px #c18e0f;
}.badge-bump{    position: absolute;
    background: linear-gradient(135deg, #4d45de, #1d2c83);
    color: #fff;
    margin: -32px 0 0 0;
    right: 10px;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;}.item.book-bump {
    
}.online-dot-mini{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#42c767;
}.srch-filters a i{color: #fff;}.autosuggest{position: relative;}.user-name{    vertical-align: middle;
        max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
       text-align: center;
    display: inline-block;
    margin: 0 0 0 5px;}select.minimal{background-image:linear-gradient(45deg,transparent 50%,#ad003b 50%),linear-gradient(135deg,#ad003b 50%,transparent 50%),linear-gradient(to right,#fff,#fff);background-position:calc(100% - 15px) calc(1em + 1px), calc(100% - 10px) calc(1em + 1px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat}select.minimal:focus{background-image:linear-gradient(45deg,#ad003b 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#ad003b 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 10px) calc(1em + 1px), calc(100% - 15px) calc(1em + 1px), calc(100% - 27px) 5px;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;border-color:#ccc;outline:0}.srch{  
    font-family: "Roboto", sans-serif;
    color: #000;
    text-align: center;
    padding: 1px 2px 0 2px;
    text-decoration: none;
    vertical-align: top;
    transition: color linear .15s;
    max-width: 100%;
    width: 1140px;
    margin: 5px auto 0 auto;
    position: relative;}.srch:hover{cursor:pointer}input[type="search"] 
 .srch-input-main::-webkit-input-placeholder{color:#8e98ac}.srch-input-main{border: none;
    width: 100%;
    padding: 10px 0 10px 5px;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    font-family: Roboto Condensed;
    background: #ebedf1;}.search-big{    background-color: #ebedf1;
    display: flex;
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
    align-items: center;
    gap: 10px;;}.filter-h2{ font-size: 14px;margin: 15px 0;}.wrap-list{max-width:95%;width:1140px;margin:50px auto 0 auto;}.online-dot-mini{    background: #94c332;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: top;
    position: absolute;
    margin: 14px 0 0 -10px;
    left: 27px;
    border: 3px solid #fff;}.filter{    padding: 10px;
    display: flex;
    gap: 10px;
    box-sizing: border-box;
    justify-content: space-between;}.filter select{    width: 100%;
    padding: 10px 25px 10px 10px;
    height: 39px;
    font-size: 12px;
    color: #333;
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;}
@media screen and (max-width:768px){.wrap-list {
    margin: 5px auto 0 auto;
}}
@media screen and (max-width:710px){.srch{float:none}}
@media screen and (max-width:550px){.filter {
    flex-direction: column;
}}
@media screen and (max-width:450px){.user-name{  max-width: 80px;   }}