body { background: #fff; }
.clear_top { height: 54px; }
.first_top { position: fixed; top: 0; width: 100%; display: flex; align-items: center; padding: 15px 0; background: #fff; border-bottom: 1px solid #EEEEEE; z-index: 999; }
.logo_img { width: 21px; height: 21px; border-radius: 50%; margin-left: 18px; }
.first_top_box { position: relative; }
.first_msg_icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.first_top_box .first_msg_marke { position: absolute; top: -1px; right: -1px; width: 6px; height: 6px; background: #E60027; border-radius: 50%; }
.first_top_mine { display: block; margin-left: 24px; margin-right: 15px; }
.first_back_text {
    width: 30px;
    height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    vertical-align: middle;
}
.show_model { display: none; position: fixed; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; z-index: 1000; background-color: rgba(0, 0, 0, 0.3); }
    .show_model.active { display: block; }
/*container*/
.container { padding: 0 12px; }
/*    list_head*/
.list_head { display: flex; align-items: center; padding: 18px 0; }
    .list_head .list_title { font-size: 19px; font-weight: 600; color: #333333; flex: 1; }
    .list_head .list_more { display: flex; align-items: center; }
.list_more .list_text { font-size: 12px; color: #333333; }
.list_more .list_more_arr { width: 12px; height: 12px; margin-left: 2px; }
/*music_item*/
.music_list .music_item { display: flex; align-items: center;  }
.music_item .music_item_box { flex: 1; display: flex; align-items: center; }
.music_item .music_item_bg { position: relative; width: 40px; height: 40px; border-radius: 3px;object-fit:cover; }
.music_item_bg .music_item_num { position: absolute; top: 0; left: 0; padding: 0 5px; height: 15px; background: rgba(0, 0, 0, 0.37); border-radius: 3px 0px 10px 0px; font-size: 9px; font-weight: 600; color: #FFFFFF; line-height: 15px; text-align: center; }
.music_item .music_item_info { margin-left: 10px; flex: 1; }
.music_item_info .music_item_title { display: flex; align-items: center; margin-bottom: 6px; font-size: 14px; color: #333333; }
.music_item_info .music_item_top { margin-right: 5px; padding: 1px 4px; background: #745DFF; border-radius: 2px; font-size: 9px; font-weight: 600; color: #FFFFFF; line-height: 16px; }
.music_item_info .music_item_musicer { font-size: 11px; color: #666666; }
.music_item .music_item_detail { width: 24px; height: 24px; }
/*    song_dialog*/
.song_dialog { position: fixed; bottom: 0; width: 100%; background: #FFFFFF; border-radius: 12px 12px 0px 0px; z-index: 1001; transition: all 0.3s; transform: translateY(100%); }
    .song_dialog.active { transform: translateY(0); }
    .song_dialog .song_dialog_box { padding: 20px 15px; }
    .song_dialog .song_dialog_top { display: flex; align-items: center; }
.song_dialog_top .song_dialog_bg { width: 60px; height: 60px; border-radius: 5px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); object-fit:cover; }
.song_dialog_top .song_dialog_info { margin-left: 14px; }
.song_dialog_info .song_dialog_name { font-size: 14px; font-weight: 300; color: #333333; }
.song_dialog_info .song_dialog_singer { font-size: 11px; font-weight: 300; color: #666666; }
.song_dialog .song_dialog_menu { margin-top: 34px; display: flex; align-items: center; }
    .song_dialog .song_dialog_menu:first-child { margin-top: 0; }
.song_dialog_menu .song_dialog_menu_icon { width: 16px; height: 16px; }
.song_dialog_menu .song_dialog_text { margin-left: 8px; font-size: 15px; font-weight: 300; color: #333333; }
.song_dialog_btn { margin-top: 34px; height: 44px; background: #745DFF; border-radius: 3px; background: #F6F5FF; font-size: 14px; font-weight: 300; color: #745DFF; line-height: 44px; text-align: center; }
.no_data { margin: 0 auto; margin-top: 16px; margin-bottom: 20px; display: block; height: 44px; font-size: 13px; color: #999999; line-height: 44px; background: #F6F6F6; border-radius: 3px; text-align: center; }
.select_box { padding: 10px 15px; }
.icon_home {
    width: 26px;
    height: 26px;
}