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

.main_home_div
{
float:left;width:100%;height:70px;position:fixed;border-bottomk:1px solid #ededed;
background-image: linear-gradient(to right, #8a0d55 , #FF76C3);backgroundk:#ccc;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.positioning_div{float:left;width:100%;height:60px;margin-bottom:20px;}

.main_header_div
{
float:left;width:100%;height:60px;margin-top:5px;backgroundk:#ccc;	
}
.main_home_title
{
float:left;width:50%;height:60px;line-height:30px;margin-left:5%;font-size:1.2em;font-weight:bold;color:#fff;backgroundk:pink;	
}
.coblaa_log_img
{
float:left;width:40px;height:40px;margin-top:10px;margin-left:2%;border-radius:50%;
}
.sitat_sear_icon
{
float:left;width:40px;height:40px;margin-top:10px;margin-left:2%;
}
.menu_icon
{
float:right;width:40px;height:40px;margin-top:10px;margin-right:2%;	
}

.main_search_div
{
float:left;width:94%;height:40px;margin-left:3%;margin-top:10px;background:#fcf6fb;border-radius:20px;display:none;
}
.ser_input
{
float:left;width:70%;height:40px;line-height:40px;background:#fcf6fb;text-align:center;border:0px;outline:none;font-size:1em;border-radius:20px 0 0 20px;	
}
.clear_main_ser_btn
{
float:left;width:40px;height:40px;background:#fff;border-radius:20px 0 0 20px;border:0px;outline:none;cursor:pointer;font-size:1.1em;font-weightk:bold;		
}
.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:96%;height:500px;margin-left:2%;margin-top:5px;background:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;
border-radius:10px;display:none;overflow:auto;
}
.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;	
}

.menu_shell_div
{
float:left;width:100%;height:100%;position:fixed;display:none;
background-color: rgba(117, 0, 0, 0.4);	
}
.menu_div
{
float:left;width:70%;height:100%;background:#fff;	
}
.menu_clocing_div
{
float:right;width:30%;height:100%;	
}
.menu_btn
{
float:left;width:70%;height:40px;margin-left:15%;margin-top:20px;font-weight:bold;cursor:pointer;background:transparent;border:1px solid #ccc;outline:none;
border-radius:20px;color:#000;	
}
.profile_div
{
float:left;width:100%;height:70px;backgroundk:red;border-bottom:1px solid #ccc;	
}
.profile_usr_name
{
float:left;width:50%;height:70px;line-height:70px;margin-left:2%;color:#505252;font-weight:bold;
}
.profile_img
{
float:left;width:40px;height:40px;margin-top:15px;margin-left:2%;border-radius:50%;
}

.main_header_title
{
float:left;width:96%;height:50px;line-height:50px;margin-left:3%;color:#ecf835;margin-top:20px;font-size:1.2em;font-family: serif;font-weight:bold;
box-shadowk: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
/*.header_p 
{
float:left;width:96%;line-height:30px;margin-leftk:1%;backgroundk:#c2d10b;padding:5px;text-align:center;border-radius:20px;font-size:1.1em;colork:#000;
font-weight:bold;font-family: serif;color:orange;	

}*/ 
.trend_play_icon_img
{
float:right;width:30px;height:30px;margin-right:3%;margin-right:10px;cursor:pointer;		
}
.trend_song_title
{
float:left;width:100%;height:40px;line-height:40px;margin-left:3%;margin-top:60px;font-size:1.2em;text-align:center;font-weight:bold;color:orange;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	
}
.trend_song_artist
{
float:left;width:100%;height:40px;line-height:40px;margin-left:3%;margin-topk:20px;font-size:1em;text-align:center;font-weight:bold;color:purple;		
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.card_div
{
float:left;width:100%;height:200px;margin-leftk:1%;margin-bottom:30px;margin-topk:10px;background:#fff;border-radius:10px;displayk:flex;justify-contentk:space-around;align-itemsk:center;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	
}
/*.ineer_card_div  
{
float:left;width:40%;height:150px;border-radius:10px;
background-image: linear-gradient(to right, #dbf8e2 , #55e7fc);	
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}*/
.trend_img
{
float:left; width:150px;height:150px;margin-leftk:2%;margin-topk:25px;border-radius:50%;
}

.content_div
{
float:left;width:50%;min-height:70%;margin-left:25%;backgroundk:#54013c;	
}
.recommend_song_span
{
float:left;width:90%;height:40px;line-height:40px;margin-left:2%;color:#38f76f;font-weight:bold;font-size:1.1em;displayk:none;
}
.single_song_div
{
float:left;width:98%;height:75px;margin-left:1%;margin-bottom:15px;backgroundk:purple;border-radiusk:5px;border-bottom:1px solid #ededed;

}
.artist_img
{
float:left;width:60px;height:60px;margin-left:1%;border-radius:10px;margin-top:8px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
}
.song_title
{
float:left;width:60%;height:25px;line-height:25px;margin-left:2%;margin-top:10px;font-weight:bold;font-size:1em;backgroundk:red;font-family:serif;
color:#505252;	
overflow: hidden;white-space: nowrap;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;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;		
}
.download_img_btn
{
float:right;width:50px;height:50px;margin-top:10px;margin-right:1%;		
}

.song_list_div
{
float:left;width:98%;margin-left:1%;background:#fff;border-radius:10px;
}

.top10_list_title
{
float:left;width:90%;height:40px;line-height:40px;margin-left:2%;color:#fff;font-weight:bold;font-size:1.1em;displayk:none;
}
.top10_list_div
{
float:left;width:98%;margin-left:1%;margin-bottom:20px;background:#d35acf;border-radius:10px;
}

.song_status
{
float:left;height:40px;margin-left:10px;border:1px solid #ccc;background:green;cursor:pointer;background:red;	
}

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



@media screen and (max-width: 700px) 
{
.content_div
{
float:left;width:94%;min-height:70%;margin-left:3%;backgroundk:#54013c;	
}

)