@media screen and (min-width: 700px) {
   .hs-back-whits{
      max-height: 500px;
      overflow-x: hidden;
      overflow-y: scroll;
    }
    .hs-back-whits::-webkit-scrollbar{width:6px;height:9px;border-radius:50%;background-color:transparent}
    .hs-back-whits::-webkit-scrollbar-track{width:6px;background-color:#ffffff;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
    .hs-back-whits::-webkit-scrollbar-thumb{background-color:#fc91ba;background-clip:padding-box;min-height:28px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
    .hs-back-whits::-webkit-scrollbar-thumb:hover{background-color:#ff5194}
}

.fed-head-info .fed-pops-list li.hs-li{margin-bottom: 10px;}
.fed-head-info .fed-pops-list a.hs-link{
   display: flex;
   height: 5.25rem;
   line-height: 5.25rem;
   justify-content: left;
   align-items: center;
}
.hs-pic{
   width: 48%;
   margin-right: 2%;
}
.hs-info{
   width: 50%;
}
.hs-pic img{width: 100%;}

.dgallery-main{
    width: 25%;
    float: left;
    height: 160px;
    overflow: hidden;
    display: block;
    padding: 10px 5px;
}
.dgallery-main img{width: 100%;}

@media screen and (max-width: 700px) {
   .dgallery-main{
      width: 50%;
       height: 100px;
   }
 
}
@media screen and (max-width: 500px) {
   .dgallery-main{
      width: 50%;
      height: 100px;
   }
 
}
@media screen and (max-width: 400px) {
   .dgallery-main{
    width: 50%;
    height: 100px;
}
   .fed-deta-info .fed-deta-play{
      padding: 5px;
      width: 4.25rem;
   }
}