.singerbox{ margin:30px auto;}
.zmsearch a{ display:flex; align-items: center; width:37px;justify-content: center;  margin-right:5px; margin-bottom:3px; height: 30px; background: #ffffff; padding: 0 10px; border-radius: 3px; border: #ffa539 solid 1px; }

.zmsearch span{display:flex; align-items: center; margin-right:5px; margin-bottom:3px; height: 30px; }
.singerlist{ margin-top:30px;}
.singerlist a{ display:flex; border-radius:5px; margin-left:15px; margin-right:15px; margin-bottom:22px; overflow: hidden; flex-direction: column; align-items:center; background:#ffffff; width:120px; }
.singerlist a .avatar{width:100%; height:120px;}
.singerlist a .avatar img{ display:block;  object-fit: cover; width:120px; height:120px; }
.singerlist a p{padding:10px 0;}
.singerlist a:hover p{ color:#ffa539;}

.signerpic{ width:180px; height:180px;}
.signerpic img{ display:block;width:100%;}
.signerinfo{ flex:1; margin-left:15px;}
p.area{ margin-top:10px; color:#999999;}
.info{ margin-top:10px;line-height:150%; color:#333333;}
.singerdown{ margin-top:8px;}
.singerdown span{ display:flex; cursor:pointer; padding:0 30px; height:36px; align-items:center; justify-content:center; background:#f7336a; color:#ffffff; font-size:18px; font-weight:bold;}
.gssjdown{ position:relative; }
.gssjdown em{ display:flex; align-items:center;height:36px; color:#ffffff; justify-content:center; width:120px; background:#0066ff;   font-weight:bold; font-size:18px; }
.singerinfobox{ display:flex!important; }

.gssjdown:hover .showqrcode{ display: block;}
 
@media screen and (max-width:600px) {
    
    .zmsearch{width:95%; margin:0 auto 15px auto;}
    .zmsearch a{ width:32px; height:28px; }
    
    .singerlist{ margin-top:15px; width:95%; margin:0 auto 0 auto; justify-content: space-between;}
    .singerlist a{ margin-right:12px; margin-left:0; margin-bottom:15px; width:114px; }
    .singerlist a:nth-child(3n){ margin-right:0; }
    .singerlist a .avatar{width:100%; height:114px;}
    .singerlist a .avatar img{ display:block;  object-fit: cover; width:114px; height:114px; }
    
    .singerinfobox{ display:block!important; }
    .signerpic{ margin:0 auto 0 auto; }
    .signerinfo{margin-left:0;}
    .gssjdown{ display:none; }
    .singerdown span{ width:100%; }
    .signerinfo h1{ text-align:center; margin-top:8px; }
    p.area{ text-align:center; }
    
}