em{font-style:normal;}
h1{font-size:18px;}h2{font-size:16px;}h3{font-size:14px;}h4,h5,h6{font-size:12px;}
label,input,select,textarea{vertical-align:middle; font-family:Arial;}
img,button{background:none;border:none;}
ol,ul,li{list-style:none;}
table,td {border:none;border-collapse:collapse;}
*{outline:none}
.clearfix:after{ content:""; display:block;visibility:hidden; height:0; clear:both;}
.clearfix {zoom:1;}
.box{ width:980px; margin:0 auto;} 
.mb{ margin-bottom:10px;}
.mt{ margin-top:10px !important;}
.ml{ margin-left:10px;}
.mr{ margin-right:10px;}
.fr{ float:right !important;}
.fl{ float:left;}
.ll{ width:700px; float:left;}
.rr{ width:250px; float:right;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	input[type="checkbox"],
	select,
	input[type="radio"] {
		position: relative;
		-webkit-appearance: none;
		-webkit-user-select: none;
		/*background-image: -webkit-linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);*/
		border: 1px solid rgba(0, 0, 0, 0.25);
		border-radius: 2px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
		margin: 0 1px 0 0;
	}

	input[type='checkbox'] {
		bottom: 2px;
		height: 15px;
		vertical-align: middle;
		width: 15px;
	}
	input[type='checkbox']:checked::before {
		position: absolute;
		left: 3px;
		top: 6px;
		content: '';
		height: 2px;
		background-color: #666;
		width: 72%;
		-webkit-transform: rotate(120deg);
	}
	input[type='checkbox']:checked::after {
		position: absolute;
		left: 2px;
		top: 8px;
		content: '';
		height: 2px;
		width: 4px;
		background-color: #666;
		-webkit-transform: rotate(-150deg);
	}

	input[type="radio"]{
		border-radius: 100%;
		bottom: 3px;
		height: 15px;
		vertical-align: middle;
		width: 15px;
	}
	input[type='radio']:checked::before {
		background-color: #377bcb;
		border-radius: 100%;
		bottom: 3px;
		content: '';
		display: block;
		left: 3px;
		position: absolute;
		right: 3px;
		top: 3px;
	}
	input[type='checkbox']:active,
	select:active,
	input[type='radio']:active {
		background-image: -webkit-linear-gradient(#fcfcfc, #f8f8f8 38%, #e7e7e7);
		box-shadow: none;
		text-shadow: none;
	}
}
/*header*/
.header{ height:90px; position:relative;}
.header .logo{ width:196px; height:59px; float:left; margin-top:15px; background:url(../images/logo.png) center center no-repeat;}
.header .logo a,.header .upload a{ display:block; width:100%; height:100%; text-indent:-9999em;}
.header .login{ float:right; width:120px; height:35px; margin-top:27px;}
.header .loginA{ width:120px; height:35px; background:url(../images/login-ico.png) center center no-repeat;}
.header .loginA a{ display:block; float:left; width:52px; height:28px; text-indent:-9999em; margin-top:3px;}
.header .loginA a.m-lo{ margin:3px 10px 0 3px;}
.header .loginB{ position:relative;}
.header .loginB a:hover{ text-decoration:none;}
.header .loginB .hdUser{ background:#fff url(../images/jiao.png) 100px center no-repeat; width:120px; height:35px; display:inline-block; float:left; border-radius:3px;}
#userPic{ display:inline; float:left; height:30px; margin:2px 0 0 6px;}
#userPic img{ height:30px; width:30px; border-radius:15px;}
#userName{ display:inline; float:left; font-size:14px; height:35px; line-height:35px; margin-left:5px; width:54px; text-align:center; overflow:hidden;}
#userMenu{ background:#fff; border-radius:0 0 3px 3px; padding:6px 0; position:absolute; right:0; top:32px; width:118px; z-index:99; border:1px solid #e9e9e9; border-top:0 none; display:none;}
#userMenu p{ font-size:14px; height:32px; line-height:32px; text-align:center;}
#userMenu a{ display:block;}
#userMenu a:hover{ background:#efefef; color:#333; text-decoration:none;}
.header .upload{ width:110px; height:35px; float:right; display:inline; background:url(../images/upload.png) center center no-repeat; margin:27px 8px 0 5px;}
.header .search{ width:376px; height:37px; float:right; background:url(../images/search-pic.png) center center no-repeat; margin-top:26px; margin-right:8px; display:inline;}
.header .search-txt{ float:left; padding:5px 10px 5px 35px; height:27px; line-height:27px; width:245px; border:0 none; background:0 none;}
.header .search-btn{ float:left; width:86px; height:37px; border:0 none; cursor:pointer; text-indent:-9999em;background:rgba(0,0,0,0);filter:alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
/*导航开始*/
.nav-all{ width:100%; height:50px; background:#122138;}
.nav_box{ height:50px; line-height:50px;}
.nav_box li{ float:left; width:87px; height:50px; text-align:center; position:relative;}
.nav_box li a{ display:block; width:87px; height:50px; text-align:center; color:#fff; font-size:16px;}
.nav_box li a:hover{ text-decoration:none;}
.nav_box li a.current,.nav_box a:hover{ background:#233858; color:#fff;}
.nav_box li div{ position:absolute; top:50px; left:0; background:#122138; display:none; width:87px; opacity:0.96; z-index:10000;}
.nav_box li div p{ border-bottom:1px solid #233858; text-align:center;}
.nav_box li div p a{ display:block; height:34px; line-height:34px; font-size:14px; width:100%;}
.nav_box li div a:hover{ background:#233858;}
/*导航下边*/
.index-beauty1{ width:958px;margin:0 auto;}

/*播放列表*/
.jp-li-box{ position:relative; width:476px; height:auto; background:#fff; left:146px; color:#333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); opacity: 0.95; display:none; z-index:9999;}
.jp-li-box ul{ background:url(../images/li-bg.png) 0 0 repeat;}
.jp-li-box li{ height:38px; line-height:38px; cursor:default;}
.jp-li-box li span{ display:block; float:left; height:38px;}
.jp-li-box li.current{ background:#597fe0; color:#fff;}
.jp-li-box li.current .play-bg{ background:url(../images/playerCur.gif) right center no-repeat;}
.jp-li-box li.current .play-num{ color:#fff;}
.jp-li-box li:hover .play-bg{ border-left:3px solid #597fe0; width:25px;}
.jp-li-box .play-play{ width:50px;}
.jp-li-box li:hover .play-play{ background:url(../images/main.png) -608px 8px;}
.jp-li-box li.current .play-play{ background:none;}

.jp-li-box li.jp-playlist-current{ background:#597fe0; color:#fff;}
.jp-li-box li.jp-playlist-current .play-bg{ background:url(../images/playerCur.gif) right center no-repeat;}
.jp-li-box li.jp-playlist-current .play-num{ color:#fff;}
.jp-li-box li.jp-playlist-current .play-play{ background:none;}
.jp-li-box .play-bg{ width:28px;}
.jp-li-box .play-li{ width:50px; text-align:center;}
.jp-li-box .play-name{ width:290px; overflow:hidden;}
.jp-li-box .play-num{ width:82px; text-align:right; overflow:hidden; color:#999;}
/*推荐dj舞曲*/
.index-sugL{ width:700px; float:left;}
.index-sugL .tie,.dj-rankR .tie{ width:700px; height:42px; background:url(../images/bg-tiel.png)0 0 repeat; font-size:14px;}
.index-sugL .tie h2,.dj-rankR .tie h2{ padding:0 18px; height:42px; line-height:42px; display:block; float:left; font-size:18px; font-weight:600;}
.index-sugL .tie ul{ height:34px; padding-top:8px; margin-left:6px; display:inline; float:left;}
.index-sugL .tie li{ width:82px; height:34px; float:left; line-height:34px; text-align:center; cursor:pointer; color:#666;}
.index-sugL .tie li.current{ background:#fff; color:#354a9f;}
.index-sugL .tie span{ width:52px; height:42px; line-height:42px; float:right; text-align:center; display:block;}
.index-sugL .tie span a{ color:#9b9b9b;}
.index-sugL .con{ background:#fff; width:698px; border:1px solid #e8e8e8; border-top:0 none; font-size:14px; padding-top:8px;}
.index-sugL .con ul{ width:100%; background:url(../images/li-bg2.png)0 0 repeat;}
.index-sugL .con li{ width:45%; height:34px; float:left; overflow:hidden; margin-right:5%; _display:inline;}
.index-sugL .con li .checkbox{ float:left; display:inline; margin:12px 0 0 17px;}
.index-sugL .con li span{ width:26px; height:34px; line-height:34px; float:left; text-align:center; color:#999;}
.index-sugL .con li a{line-height:34px;}
.bot{ text-align:center; padding:14px 0 14px;}
.bot a{ display:inline-block; *zoom:1; *display:inline; text-align:left; width:99px; height:25px; line-height:25px; margin:0 5px; text-indent:-9999em;}
.bot a.setPlayXuan{ background:url(../images/main.png) -682px 0;}
.bot a.setPlayXuanCur{ background:url(../images/main.png) -1140px 0;}
.bot a.setPlayPlay{ background:url(../images/main.png) -795px 0;}
.bot a.setPlayAdd{ background:url(../images/main.png) -907px 0;}
.bot a.setPlaySui{ background:url(../images/main.png) -1020px 0;}
.bot a.setdelete{ background:url(../images/main.png) -682px -33px;}
.index-sugR{ width:250px; float:right;}
.index-sugR .tie{ width:250px; height:42px; background:url(../images/bg-tier.png)0 0 repeat;}
.index-sugR .tie h2{ padding:0 18px; height:42px; line-height:42px; display:block; float:left; text-align:center; font-size:14px; font-weight:600;}
.index-sugR .tie span{ width:52px; height:42px; line-height:42px; float:right; text-align:center; display:block;}
.index-sugR .tie span a{ color:#9b9b9b;}
.index-sugR .con{ background:#fff; width:248px; border:1px solid #e8e8e8; border-top:0 none; font-size:12px; padding-top:8px;}
.index-sugR .con ul{ width:100%; background:url(../images/li-bg2.png)0 0 repeat;}
.index-sugR .con li{ width:100%; height:34px; line-height:34px; *vertical-align:bottom;}
.index-sugR .con li span{ width:38px; height:34px; line-height:34px; float:left; text-align:center; color:#999;}
.index-sugR .con li a{ display:block; width:200px; height:34px; float:left; overflow:hidden; line-height:34px;}
.index-sugR .con .bot{ text-align:center; padding:14px 0 14px;}
.index-sugR .con .bot a.setPlayPlay{ display:inline-block; zoom:1; text-align:left; width:99px; height:25px; line-height:25px; margin:0 5px; text-indent:-9999em; background:url(../images/main.png) -1652px -28px;}
/*DJ舞曲排行榜*/
.index-sugL .con2{ background:#fff; width:698px; border:1px solid #e8e8e8; border-top:0 none; font-size:14px; padding-top:8px;}
.index-sugL .con2 li{ width:150px; padding:10px 2px 6px 18px; float:left;}
.index-sugL .con2 li a.mv-pic{ width:150px; height:106px; display:block; position:relative;}
.index-sugL .con2 li a.mv-pic img{ width:150px; height:106px;}
.index-sugL .con2 li a.mv-pic span{ width:44px; height:43px; display:block; position:absolute; left:53px; top:31px; background:url(../images/joy_play_btn.png) 0 0 no-repeat;}
.index-sugL .con2 li a.mv-tie{ display:block; height:18px; line-height:18px; margin-top:7px; width:150px; overflow:hidden; font-size:14px;}
.index-sugL .con2 li span{ display:block; font-size:12px; height:20px; line-height:20px; width:150px; overflow:hidden; color:#999;}
.index-sugR .con2{ background:#fff; width:238px; border:1px solid #e8e8e8; border-top:0 none; font-size:12px; padding:7px 0 5px 10px;}
.index-sugR .con2 a{ display:block; width:69px; height:23px; line-height:23px; text-align:center; float:left; margin:5px 7px 0 0; display:inline; border:1px solid #e5e5e5;overflow:hidden;}
.blue{ color:#1a6ea3;}
.pink{ color:#eb53ac;}
.yellow{color:#c16e0c;}
.purple{ color:#6d35d5;}
/*美女图片*/
.index-sugR .con4{background:#fff; width:248px; border:1px solid #e8e8e8; border-top:0 none; font-size:12px; padding:15px 0 0 0;}
.index-sugR .con4 li{ width:108px; margin-left:11px; float:left; position:relative; _display:inline; *vertical-align:bottom;}
.index-sugR .con4 li i{ display:block; position:absolute; width:30px; height:30px; top:25px; left:38px; background:url(../images/playicon.png) 0 0 no-repeat;}
.index-sugR .con4 li img{ width:108px; height:80px;}
.index-sugR .con4 li span{ display:block; width:108px; height:24px; line-height:24px; overflow:hidden; margin-bottom:5px;}
/*九酷网友推荐舞曲*/
.jk-sugM .tie{ width:960px; height:42px; background:url(../images/bg-tiel.png)0 0 repeat;}
.jk-sugM .tie h2{ padding:0 18px; height:42px; line-height:42px; display:block; float:left; text-align:center; font-size:18px; font-weight:600;}
.jk-sugM .tie span{ width:52px; height:42px; line-height:42px; float:right; text-align:center; display:block;}
.jk-sugM .tie span a{ color:#9b9b9b; font-size:14px;}
.jk-sugM .tie .clect{ float:left; height:36px; line-height:36px; margin-top:6px; color:#999; font-size:12px;}
.jk-sugM .tie .clect i{ font-style:normal; color:#3436a2;}
.jk-sugM .con{ background:#fff; width:958px; border:1px solid #e8e8e8; border-top:0 none; font-size:14px; padding-top:8px;}
.jk-sugM .con ul{ width:100%; background:url(../images/li-bg2.png)0 0 repeat;}
.jk-sugM .con li{ width:32%; height:34px; float:left; overflow:hidden; margin-right:1.3%;}
.jk-sugM .con li .checkbox{ float:left; display:inline; margin:12px 0 0 17px;}
.jk-sugM .con li span{ width:26px; height:34px; line-height:34px; float:left; text-align:center; color:#999;}
.jk-sugM .con li a{line-height:34px;}
.jk-sugM .dj-sug{ float:left; margin-left:22px; display:inline; height:42px; line-height:42px; font-size:14px;}
.jk-sugM .dj-sug a{ margin-right:12px;}
.jk-sugM .dj-sug a.c1{ color:#fe0c9f;}
.jk-sugM .dj-sug a.c2{ color:#f18a00;}
.jk-sugM .dj-sug a.c3{ color:#b384ec;}
.jk-sugM .dj-sug a.c4{ color:#ff5a5a;}
.jk-sugM .dj-sug a.c5{ color:#1e9600;}
/*友情链接*/
.Link-index{ width:958px; border:1px solid #e5e5e5;}
.Link-index .tie{ width:100%; height:33px; line-height:33px; background:#fbfbfb; font-size:14px;}
.Link-index .tie h2{ padding:0 18px; height:33px; line-height:33px; display:block; float:left; text-align:center; font-size:14px; font-weight:600;}
.Link-index .tie span{ color:#999; height:33px; line-height:33px; float:left; display:inline; font-size:12px;}
.Link-index .con{ background:#fff; padding:6px 8px;}
.Link-index .con li{ float:left; margin:2px 5px; white-space:nowrap; display:inline; line-height:20px;}
/*底部*/
.footer{ width:100%; background:#31344b; padding:10px 0;}
.footer p{ line-height:25px; text-align:center; color:#fff;}
/*dj列表*/
.index-sugL .con5,.dj-rankR .con{ background:#fff; width:668px; border:1px solid #e8e8e8; border-top:0 none; font-size:14px; padding:16px 14px 0 16px;}
.index-sugL .con5 .con5-tie,.dj-rankR .con .con5-tie{ width:100%; height:38px; background:#e9e9e9;}
.index-sugL .con5 .con5-tie .tl,.dj-rankR .con .con5-tie .tl{ float:left; width:111px; height:25px; background:url(../images/main.png) -1652px 0; text-indent:-9999em; display:inline; margin:7px 0 0 9px; cursor:pointer;}
.index-sugL .con5 .con5-tie .tr1,.index-sugL .con5 .con5-tie .tr2,.dj-rankR .con .con5-tie .tr1,.dj-rankR .con .con5-tie .tr2{ float:right; height:38px; line-height:38px; color:#999; font-size:12px; margin-right:8px;}
.index-sugL .con5 .con5-tie .tr2,.dj-rankR .con .con5-tie .tr2{ margin-right:20px;}
.index-sugL .con5 ul,.dj-rankR .con ul{ width:100%; background:url(../images/li-bg.png)0 0 repeat;}
.index-sugL .con5 li,.dj-rankR .con li{ height:38px; line-height:38px;}
.index-sugL .con5 li .checkbox,.dj-rankR .con li .checkbox{ margin:13px 0 0 9px; float:left; display:inline;}
.index-sugL .con5 li span,.dj-rankR .con li span{ display:block; float:left; height:38px;}
.index-sugL .con5 li .num,.dj-rankR .con li .num{ width:30px; text-align:center; color:#999;}
.index-sugL .con5 li .name,.dj-rankR .con li .name{ width:440px; overflow:hidden;}
.index-sugL .con5 li .name a,.dj-rankR .con li .name a{ margin-right:5px; float:left;}
.index-sugL .con5 li .name .mcnn{ color:#999; display:inline-block; float:right;}
.index-sugL .con5 li .name .mcnn:hover{color:#293f99;}
.index-sugL .con5 li .name img,.dj-rankR .con li .name img{ margin-right:2px; margin-top:8px;}
.index-sugL .con5 li .clinum,.dj-rankR .con li .clinum{ width:64px; overflow:hidden; text-align:right; color:#999; margin-right:10px;}
.index-sugL .con5 li .play a,.dj-rankR .con li .play a{ overflow:hidden; display:block; float:left; width:22px; height:22px; background:url(../images/main.png) -1768px -22px; text-indent:-9999em; margin:8px 0 0 5px; _display:inline;}
.index-sugL .con5 li .play a:hover,.dj-rankR .con li .play a:hover{ background:url(../images/main.png) -1790px -22px;}
.index-sugL .con5 li .clec a,.dj-rankR .con li .clec a{ overflow:hidden; display:block; float:left; width:22px; height:22px; background:url(../images/main.png) -1768px -44px; text-indent:-9999em; margin:8px 0 0 10px; _display:inline;}
.index-sugL .con5 li .clec a:hover,.dj-rankR .con li .clec a:hover{ background:url(../images/main.png) -1790px -44px;}
.index-sugL .con5 li .down a,.dj-rankR .con li .down a{ overflow:hidden; display:block; float:left; width:22px; height:22px; background:url(../images/main.png) -1768px 0; text-indent:-9999em; margin:8px 0 0 8px; _display:inline;}
.index-sugL .con5 li .down a:hover,.dj-rankR .con li .down a:hover{ background:url(../images/main.png) -1790px 0;}
/*面包屑导航*/
.crumbs{ height:30px; line-height:30px;}
.crumbs a,.crumbs i{ margin:0; font-style:normal;}
/*dj排行榜*/
.dj-rankL{ width:248px; float:left; background:#fff; border:1px solid #e8e8e8; font-size:14px; padding-bottom:68px;}

.dj-rankL .line{ margin:9px 10px 0; width:228px; height:9px; border-top:1px solid #dbdaea;}
.dj-rankL li a{ display:block; width:216px; height:34px; line-height:34px; padding-left:32px; color:#666;}
.dj-rankL li a:hover{ background:#ebebeb url(../images/tri-h.png) 229px center no-repeat; text-decoration:none;}
.dj-rankL li a.current{ background:#5247c4 url(../images/tri-w.png) 229px center no-repeat; height:34px; line-height:34px; color:#fff; width:216px; padding-left:32px;}
.dj-rankR{ width:700px; float:right;}
.dj-rankR .tie span,.index-sugL i{ display:block; float:left; height:36px; line-height:36px; margin-top:6px; color:#3436a2; font-size:12px; font-style:normal;}
/*dj视频播放*/
.dj-mvL{ width:698px; float:left; background:#fff; border:1px solid #e8e8e8; padding-bottom:12px;}
.dj-mvL h1{ height:40px; width:100%; line-height:40px; padding:10px 0; text-align:center; font-size:24px;}
.dj-mvL .dj-mv-play{ margin:0 15px; min-height:438px; background:#000;}
.dj-mvL .updownpage{ width:668px; height:36px; margin:16px auto 0; border:1px solid #e4e4e4; border-radius:3px;}
.dj-mvL .updownpage a{ display:block; width:286px; height:36px; line-height:36px; float:left; font-size:14px;}
.dj-mvL .updownpage a.pre{ color:#4b9bff; padding-left:47px; border-right:1px solid #e4e4e4; background:url(../images/tol.png) 9px center no-repeat; text-align:left;}
.dj-mvL .updownpage a.nex{ color:#ff574b; padding-right:47px; background: #f3f3f3 url(../images/tor.png) 297px center no-repeat; text-align:right; float:right;}
.dj-mvL .msg{ padding:0 15px; width:668px; height:120px; overflow:hidden;}
.dj-mvL .msg .msg-l{ width:324px; float:left; padding-right:10px;}
.dj-mvL .msg .msg-l li{line-height:24px; width:324px; color:#666;}
.dj-mvL .msg .msg-l li span{ margin-right:18px;}
.dj-mvL .msg .msg-l li span i{ font-style:normal; color:#3399ff;}
.dj-mvL .msg .msg-r{ width:334px; height:120px; float:right;}
.dj-mvL .msg .msg-r .dc{ width:100%; height:40px; margin-top:5px;}
.dj-mvL .msg .msg-r .dc i{font-style:normal;}
.dj-mvL .msg .msg-r .dc span{ display:block; float:left; width:110px; height:40px; line-height:40px;  padding-left:40px; border:1px solid #e8e8e8; cursor:pointer; margin-right:15px;}
.dj-mvL .msg .msg-r .ding{ background:url(../images/ding.png) 10px center no-repeat;}
.dj-mvL .msg .msg-r .cai{ background:url(../images/cai.png) 10px center no-repeat;}
.dj-mvL .msg .msg-r .tuijian{ background:url(../images/tuijian.png) 10px center no-repeat;}
.dj-mvL .msg .msg-r .shoucang{ background:url(../images/shoucang.png) 10px center no-repeat;}
.dj-mvL .msg .msg-r .ding:hover{ background:url(../images/ding.png) 10px 8px no-repeat;}
.dj-mvL .msg .msg-r .cai:hover{ background:url(../images/cai.png) 10px 15px no-repeat;}
.dj-mvL .msg .msg-r .tuijian:hover{ background:url(../images/tuijian.png) 10px 8px no-repeat;}
.dj-mvL .msg .msg-r .shoucang:hover{ background:url(../images/shoucang.png) 10px 8px no-repeat;}
/*.dj-mvL .msg .msg-r .ding:hover,.dj-mvL .msg .msg-r .cai:hover,.dj-mvL .msg .msg-r .tuijian:hover{background:#5d68d0; color:#fff;}*/
/*弹出登录框*/
.pop-kuang{z-index:999;width:500px;height:300px;top:30%;left:30%;background-color:#fff;position:fixed;}
.pop-bg{position:absolute;top:0;left:0;z-index:998;width:100%;height:100%;background-color:#000; opacity:0.3; filter:alpha(opacity=30);}
.pop-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;
}
.pop-setwin {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
    line-height: initial;
}
.pop-setwin a{
    cursor: pointer;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 16px;
	text-decoration:none;
}
.pop-login{ width:500px; padding-top:25px;}

.pop-login .label1{ width:128px; text-align:right; height:34px; line-height:34px; font-size:14px; float:left;}
.pop-login .txt{ width:288px; height:32px; border:1px solid #d2d2d2; padding:0 5px;}
.pop-login .check{ float:left;}
.pop-login .padd{ color:#354a9f; margin-left:15px;}
.pop-login .popbtn{ width:150px; height:34px; color:#fff; background:#354a9f; border:0 none; cursor:pointer;}
/*弹出收藏框*/
.pop-clec{ width:500px; display:none; border-radius:3px; overflow:hidden;}
.pop-clec .tie{ width:100%; height:42px; border-bottom:1px solid #ccc; background:#f8f8f8;}
.pop-clec .tie li{ width:130px; height:43px; line-height:42px; float:left; cursor:pointer; text-align:center;position:relative;}
.pop-clec .tie li.current{ background:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.pop-clec .tie li:first-child.current{border-left:none;}
.pop-clec .con{ padding-top:25px;}
.pop-clec .cur1 li{ padding:0 0 15px 40px;}
.pop-clec .cur1 .ent-btn,.pop-clec .cur2 .ent-btn,.pop-clec .cur1 .del-btn{ width:120px; height:34px; color:#fff; background:#354a9f; border:0 none; cursor:pointer; margin-right:15px;}
.pop-clec .cur1 .del-btn{ background:#999; color:#fff;}
.pop-clec .cur1 ul{ min-height:150px;}
.pop-clec .cur2 li{ margin-bottom:15px;}
.pop-clec .cur2 .label1{ width:128px; text-align:right; height:24px; line-height:24px; font-size:14px; float:left;}
.pop-clec .cur2 .txt{ width:288px; height:22px; border:1px solid #d2d2d2; padding:0 5px;}
.pop-clec .cur2 textarea{ width:288px; height:70px; border:1px solid #d2d2d2; padding:5px;}
.pop-clec .btngroup{ margin-left:40px;}
/*歌手专辑*/
.jk-sugM .mcms{ width:928px; padding:15px; height:150px; overflow:hidden; border-bottom:1px solid #e8e8e8; position:relative;}
.jk-sugM .mcms .renqi{ position:absolute; height:40px; line-height:40px; right:20px; top:10px; color:#666; font-size:14px;}
.jk-sugM .mcms .renqi strong{ font-size:22px; color:#61b3e6; display:block; float:right;}
.jk-sugM .mcms .mcms-l{ float:left; height:150px; width:150px; margin-right:15px;}
.jk-sugM .mcms .mcms-l img{border: 1px solid #e1e1e1;display: block;height: 140px;padding: 4px;width: 140px;}
.jk-sugM .mcms .mcms-r .name{ font-size:18px; height:36px; font-weight:bold; line-height:36px;}
.jk-sugM .mcms .mcms-r .info{ font-size:12px;}
.jk-sugM .mcms .mcms-r .info strong{ font-weight:900; color:#999;}
.jk-sugM .mcms .mcms-r p{ line-height:18px; margin:5px 0 0; color:#666; }
.jk-sugM .mcms .mcms-r p.jj{ min-height:54px; overflow:hidden;}
.jk-sugM .mcms .mcms-r p.jj a{ color:#293f99;}
.jk-sugM .mcms .mcms-r .share{ height:24px; margin-top:5px;}
/*标签大全*/
.index-sugL .contags{padding:15px 0 12px 14px; overflow:hidden; background:#fff;}
.index-sugL .contags a{ background-color: #f6f6f6; color: #666; float: left; font-size: 12px; height: 29px; line-height: 29px; margin: 0 12px 10px 0; overflow: hidden; padding: 0 8px; width: 200px;}
.index-sugL .contags a:hover{background-color: #61b3e6; color: #fff;}
/*二级栏目*/
.semenu a{ display:block; float:left; padding:5px 10px; background:#fefefe; margin-right:5px; color:#666; border-radius:3px;}
.semenu span a{ display:block; float:left; padding:5px 10px; margin-right:5px; color:#fff; border-radius:3px; background:url(../images/bg-all.png) repeat;}
.semenu .current{ background:#5d68d0; color:#fff;}
/*dj歌手样式*/
.jk-sugM .con-singer{ background:#fff; width:958px; border:1px solid #e8e8e8; border-top:0 none; font-size:14px; padding-top:8px;}
.jk-sugM .con-singer ul{ padding:14px 0 14px 10px; overflow:hidden;}
.jk-sugM .con-singer li{ float:left; height:184px; padding:8px 13px; text-align:center; width:160px;}
.jk-sugM .con-singer img{ padding:3px; border:2px solid #ddd; width:150px; height:150px; margin-bottom:9px; display:block;}
.jk-sugM .con-singer a:hover img{ border:2px solid #629bdd;}
/*我听过的歌*/
.listened{ width:110px; height:35px; float:right; display:inline; background:url(../images/listened.png) center center no-repeat; margin:27px 8px 0 5px; text-indent:-9999em;}
.listened a{ display:block; width:100%; height:100%;}
.listened-box{ position:absolute; width:258px; border:1px solid #e9e9e9; border-top:2px solid #629bdd; right:128px; top:70px; background:#fff; z-index:10001; display:none;}
.listened-box i{ width:10px; height:5px; position:absolute; top:-6px; right:0; background:url(../images/jiao-t.png) center center no-repeat;}
.listened-box ul{ width:100%; height:309px; padding-bottom:36px; overflow-y:scroll;}
.listened-box li{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #f3f3f3;}
.listened-box li:hover{ background:#f5f5f5;}
.listened-box .num{ display:block; float:left; width:40px; height:30px; line-height:30px; text-align:center; color:#999;}
.listened-box .name{ width:200px; height:30px; overflow:hidden; display:block;}
.listened-box .playall{ position:absolute; bottom:0; left:0; width:258px; height:36px; line-height:36px; text-align:center; background:#629bdd;}
.listened-box .playall a{ display:block; width:100%; height:100%; color:#fff;}
.listened-box .playall a:hover{ text-decoration:none;}
/*分页*/
.page{margin:10px 0 10px; padding:10px 0; text-align:center;}
.page .num{margin:0 auto;text-align:center;}
.page .num a{padding:2px 6px;margin:0 3px;min-width:20px; height:20px;text-align:center; collor:#333;border-radius:3px; background:#e1e1e1;}
.page .num a:hover,.page .num a.on{color:#fff; background:#ff7167;text-decoration:none;}
/*分页*/
.pages {padding:20px 0 30px;text-align: center;}
.pages a{ background:#e1e1e1; padding:9px 19px;margin:2px;color:#333;text-decoration:none; border-radius:3px;} 
.pages span{ border-radius:3px;}
.pages a:hover { color:#fff; background:#ff7167;}
.pages span.current {padding:9px 19px;margin:2px; color:#fff; background:#ff7167;}
.pages span.disabled {padding:9px 19px;margin:2px; color:#999; background:#e1e1e1;}
.pages .fanye{ background:#ff7167; color:#fff;}
/*点击加载更多*/
.loadmore{ margin:20px 0 21px; padding:10px 0; text-align:center; border:1px solid #ddd; background:#f8f8f8;}
.loadmore:hover{ background:#fff;}
.loadmore a{ color:#293f99; width:100%; display:block;}
.loadmore a:hover{ text-decoration:none;}
/*搜索结果*/
.searchLi em{ color:red;}
.search-mv li{ width:150px; margin:10px 10px 6px 6px; float:left; height:151px !important;}
.search-mv li a.mv-pic{ width:150px; height:106px; display:block; position:relative;}
.search-mv li a.mv-pic img{ width:150px; height:106px;}
.search-mv li a.mv-pic span{ width:44px; height:43px; display:block; position:absolute; left:53px; top:31px; background:url(../images/joy_play_btn.png) 0 0 no-repeat;}
.search-mv li a.mv-tie{ display:block; height:18px; line-height:18px; margin-top:7px; width:150px; overflow:hidden; font-size:14px;}
.search-mv li span{ display:block; font-size:12px; height:20px; line-height:20px; width:150px; overflow:hidden; color:#999;}
.inp-txt-click{-moz-animation:bg .5s ease-in-out;-webkit-animation:bg .5s ease-in-out;-o-animation:bg .5s ease-in-out;}
@-moz-keyframes bg{0%{background:rgba(255,170,170,0.18) url(../images/searico.png) no-repeat 5px center}25%{background:rgba(255,170,170,0.5)}50%{background:rgba(255,170,170,0.1)}75%{background:rgba(255,170,170,0.5) }}
@-webkit-keyframes bg{0%{background:rgba(255,170,170,0.18) url(../images/searico.png) no-repeat 5px center}25%{background:rgba(255,170,170,0.5)}50%{background:rgba(255,170,170,0.1)}75%{background:rgba(255,170,170,0.5)}}
@-o-keyframes bg{0%{background:rgba(255,170,170,0.18) url(../images/searico.png) no-repeat 5px center}25%{background:rgba(255,170,170,0.5)}50%{background:rgba(255,170,170,0.1)}75%{background:rgba(255,170,170,0.5)}}

/*mc专辑*/
.index-sugR .con4 li.mczj img{height:105px;}
.index-sugR .con4 li.mczj span{ position:absolute; background:rgba(0,0,0,0.65); color:#fff; left:0; bottom:0; text-align:center;}