.pres,.ures
{
position: absolute;
height: 200px;
width: 400px;
border: 1px solid gray;
left: 10px;
background: #fff;
z-index: 999;
border-top: none;
overflow: auto;
padding: 10px;
display: none;
}
.hasac { position:relative; }
.audata, .apackdata
{
width: 100%; display: block; cursor: pointer;padding: 5px; border-bottom:1px solid gray;
}
.picUp
{
padding: 20px;
background: #f7f7f7f0;
border-radius: 10px;
margin-bottom: 20px;   
}
.rwrap
{
border: 1px solid #c4c4c4;
border-radius: 5px;
}
.bi::before
{
vertical-align: -.25em;  
}
.rvRes { width:100%; }
.album img
{
max-width: 150px;
margin: auto;
}
.uavtar
{
width: 35px; height: 35px;border-radius: 50%;object-fit: cover;
}
.star-rating {
direction: rtl;
cursor: pointer;
justify-content: left;
}
.star-rating input {
display: none;
}
.star-rating label {
color: #ddd;
font-size: 24px;
padding: 0 10px;
cursor: pointer;
transition: all 0.2s ease;
}
.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input:checked~label {
color: #ffc107;
}