body{margin:0px;backgroundk:#170954;background-image: linear-gradient(to right, #8a0d55 , #FF76C3);}

.main_home_div
{
float:left;width:100%;height:80px;position:fixed;border-bottomk:1px solid #ededed;backgroundk:#fff;
background-image: linear-gradient(to right, #8a0d55 , #FF76C3);
}
.positioning_div{float:left;width:100%;height:80px;margin-bottomk:10px;}
.main_home_btn_div
{
float:left;width:96%;height:70px;margin-left:2%;backgroundk:yellow;display:flex;justify-content:space-between;align-items:center;	
}
.main_home_btn_div2
{
float:left;width:96%;height:45px;margin-left:2%;backgroundk:yellow;display:flex;justify-content:space-between;align-items:center;	
}
.icon_btn_div
{
float:left;width:50px;height:50px;backgroundk:red;border-radius:50%;display:flex;justify-content:center;align-items:center;
}
.icon_btn_div2
{
float:left;width:30%;height:45px;backgroundk:red;border-radius:50%;display:flex;justify-content:center;align-items:center;
}
.bk_arrow_btn 
{
float:left;width:35px;height:35px;cursor:pointer;
}
#volumeoff_btn1{display:none;}


.main_search_div
{
float:left;width:94%;height:40px;margin-left:3%;margin-top:10px;background:#fcf6fb;border-radius:20px;
}
.main_sear_icon_div
{
float:left;width:40px;height:40px;background:#fff;border-radius:20px 0 0 20px;cursor:pointer;		
}
.main_sear_icon_img
{
float:left;width:30px;height:30px;margin-left:5px;margin-top:7px;		
}
.ser_input
{
float:left;width:70%;height:40px;line-height:40px;background:#fcf6fb;text-align:center;border:0px;outline:none;font-size:1em;	
}
.clear_main_ser_btn
{
float:right;width:40px;height:40px;background:#fff;border-radius:0 20px 20px 0;border:0px;outline:none;cursor:pointer;font-size:1.1em;font-weightk:bold;		
}
.search_result
{
float:left;width:83%;max-height:300px;margin-left:7%;background:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;
border-radius:0 0 10px 10px;	
}
.song_title_search
{
float:left;width:100%;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #ccc;cursor:pointer;backgroundk:green;	
}
.art_name_search
{
float:left;width:50%;height:40px;line-height:40px;border-bottom:1px solid #ccc;cursor:pointer;	
}

.player_div
{
float:left;width:100%;height:220px;margin-top:-80px;background:#fff;border-radiusk:20px;display:none;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;	
}

.action_lebal_div
{
float:left;width:96%;height:30px;margin-left:2%;backgroundk:purple;display:flex;justify-content:space-between;align-items:center;		
}
.action_lebal_text
{
float:left;width:30%;height:25px;line-height:30px;backgroundk:green;color:#928f8f;font-weight:bold;font-size:0.9em;	
}

.upper_control_span
{
float:left;width:100%;height:30px;margin-top:10px;display:flex;justify-content:center;align-items:center;	
}
.mid_control_span
{
float:left;width:60%;height:50px;margin-top:5px;margin-left:20%;backgroundk:red;display:flex;justify-content:space-between;align-items:center;	
}
.down_control_span
{
float:left;width:90%;height:30px;line-height:30px;margin-left:5%;color:#f53192;text-align:center;font-weight:600;	
}
.player_cur_time
{
float:left;width:20%;height:30px;line-height:30px;margin-topk:10px;text-align:center;color:#f53192;font-weight:bold;backgroundk:blue;positionk:relative;	
}
.player_duration
{
float:right;width:20%;height:30px;line-height:30px;margin-topk:10px;text-align:center;color:#f53192;font-weight:bold;backgroundk:orange;	
}
.player_control_btn
{
float:left;width:30px;height:30px;margin-leftk:17%;margin-topk:5px;cursor:pointer;	
}
.seek_bar
{
-webkit-appearance:none;float:left;width:60%;height:4px;background:#f53192;border-radius:4px;cursor:pointer;	
}
.seek_bar::-webkit-slider-thumb
{
-webkit-appearance:none;width:20px;height:20px;background:#f53192;border-radius:50%;cursor:pointer;border:2px solid #fff;		
}
.seek_bar::-moz-range-thumb
{
-webkit-appearance:none;width:15px;height:15px;background:#f53192;border-radius:50%;cursor:pointer;border:2px solid #fff;		
}


#music_list{display:none;}

.content_div
{
float:left;width:94%;heightk:100%;margin-top:10px;margin-left:3%;backgroundk:red;	
}
.single_song_div
{
float:left;width:98%;height:54px;margin-left:1%;margin-top:15px;backgroundk:#fff;border-radiusk:5px;border-bottomk:1px solid #ededed;border-radius:25px;
background-imagek: linear-gradient(to right, #FF76C3 , #A0EFFF);
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.artist_img
{
float:left;width:50px;height:50px;margin-top:2px;border-radius:25px;	
}
.song_title
{
float:left;width:60%;height:25px;line-height:25px;margin-left:2%;margin-topk:10px;font-weight:bold;font-size:1em;backgroundk:red;font-family:serif;
color:#fff;	

 white-space: nowrap;
  overflow: hidden;
text-overflow: ellipsis;
}
.artist_name
{
float:left;width:60%;height:25px;line-height:25px;margin-left:2%;color:#000;font-size:0.8em;font-family:serif;font-weight:bold;backgroundk:green;
 white-space: nowrap;
  overflow: hidden;
text-overflow: ellipsis;		
}
.download_img_btn
{
float:right;width:50px;height:50px;margin-top:2px;margin-right:1%;		
}

.remove_song_opt
{
float:left;width:100%;height:100%;leftk:10%;topk:30%;background:#fff;position:fixed;border:1px solid #ccc;border-radius:10px;display:none;	
}
.close_hold_down_div_btn
{
float:right;width:40px;height:40px;margin-top:20px;margin-right:20px;border-radius:50%;border:0px;outline:none;background:red;color:#fff;cursor:pointer;font-weight:bold;	
}
.close_hold_down_div_btn:hover{background:#eb5a4b;}

.remove_song_btn
{
float:left;width:90%;height:50px;margin-left:5%;margin-top:50px;background:#fff;border:5px solid #ccc;border-radius:20px;cursor:pointer;	
}
.remove_song_btn:hover{background:#ededed;}

.footer_div
{
float:left;width:100%;height:60px;line-height:60px;margin-top:20px;background:#ededed;text-align:center;	
}