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;	

}*/ 

.category_div
{
float:left;width:100%;height:110px;margin-top:10px;backgroundk:#fff;display:flex;justify-content:space-between;align-items:center;	
}
.sub_category
{
float:left;width:70px;height:90px;backgroundk:red;border-radiusk:50%;text-align:center;font-weight:bold;	
}
.cat_icon_span
{
float:left;width:70px;height:70px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;	
}
.cat_icon_img
{
float:left;width:50px;height:50px;border-radius:50%;background:#fff;	
}
.cat_icon_name
{
float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:0.9em;color:#7eeba6;font-weight:bold;	
}

.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;
	
}
.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;
}

.new_music_list_div
{
float:left;width:98%;margin-left:1%;margin-bottom:20px;background:#000;border-radius:10px;
display:flex;justify-content:space-around;
}
.sub_new_music_div
{
float:left;width:45%;height:280px;backgroundk:yellow;	
}
.new_music_span
{
float:left;width:100%;height:230px;margin-top:10px;display:flex;justify-content:center;align-items:center;	background:purple;
}
.new_musig_img
{
float:left;width:100%;height:100%;
}
.new_artist_name
{
float:left;width:98%;height:30px;line-height:30px;padding-left:2%;margin-top:-30px;color:#fff;font-family:0.8em;font-weight:bold;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
background-color: rgba(007, 0, 0, 0.4);	
}
.new_music_name
{
float:left;width:96%;height:30px;line-height:30px;margin-left:2%;margin-topk:-30px;color:#ccc;font-family:0.8em;backgroundk:green;text-alignk:center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	
}

.dj_mixes_list_div
{
float:left;width:98%;margin-left:1%;margin-bottom:20px;background:#c8f521;border-radius:10px;
display:flex;justify-content:space-around;
}
.dj_name
{
float:left;width:98%;height:30px;line-height:30px;padding-left:2%;margin-top:-30px;color:#fff;font-family:0.8em;font-weight:bold;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
background-color: rgba(007, 0, 0, 0.4);	
}
.song_mix_name
{
float:left;width:96%;height:30px;line-height:30px;margin-left:2%;margin-topk:-30px;color:#000;font-family:0.8em;backgroundk:green;text-alignk:center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	
}

.use_coblaa_title
{
float:left;width:90%;height:30px;line-height:30px;margin-left:2%;color:#c0f3b9;font-weight:bold;font-size:1.1em;displayk:none;
}
.use_coblaa_div
{
float:left;width:98%;margin-left:1%;margin-bottom:20px;background:#582dfa;border-radius:10px;
display:flex;justify-content:space-around;
}
.app_use_name
{
float:left;width:96%;height:30px;line-height:30px;margin-left:2%;margin-topk:-30px;color:#fff;font-family:0.8em;backgroundk:green;text-alignk:center;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	
}

.load_more_btn
{
float:left;width:30%;height:40px;margin-left:35%;margin-top:30px;cursor:pointer;background:#22bb73;color:#fff;font-weight:bold;border-radius:10px;outline:none;
border:0px;	
}
.load_more_btn:hover{background:#ededed;color:#22bb73;}

.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;	
}

)