﻿/* CSS Document by chinayubo QQ */
@import url(common.css);

.dqwz{ height:24px; line-height:24px; width:960px; overflow:hidden; padding-bottom:6px;}
.song{ width:958px; display:inline-block; overflow:hidden;}
.songL{ width:698px; background:#FFF; float:left;}
.songR{ width:240px; float:right; padding:9px;}
.songL,.songR{ padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and  min-width: 0px{
.songL,.songR{ padding-bottom: 0 !important; margin-bottom: 0 !important; }
.songL:before, .songR:before{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}
}

.singerMenu{ height:64px; line-height:64px; border-bottom:1px solid #d1dee4; background:#f2f7fa;}
.singerMenu h1{ background:#FFF url(album/rankNews.png) no-repeat right -219px; padding-right:8px; width:120px; text-align:center; font-size:28px; font-family:"微软雅黑"; font-weight:normal; color:#0071bc; overflow:hidden; height:64px; float:left;}

.singerMenu ul{ float:left;}
.singerMenu ul li{ float:left; padding:17px 0 17px 20px;}
.singerMenu ul li a{ width:56px; height:30px; line-height:30px; padding-bottom:4px; display:block; text-align:center; color:#555555; font-size:14px;}
.singerMenu ul li.current a{background:url(album/playbtn.png) no-repeat 0 -220px; color:#fff; font-weight:bold; text-decoration:none;}
.singerMenu ul li a:hover{ background:url(album/playbtn.png) no-repeat 0 -220px; color:#fff; font-weight:bold; text-decoration:none; }
.singerDa { float:right; }
.singerDa a{ width:110px; height:24px; overflow:hidden; float:right; margin-top:20px; margin-right:10px; background:url(album/playbtn.png) no-repeat -66px -189px; text-indent:-999px;}
.singbtn{ background:url(album/playbtn.png) no-repeat -66px -221px; width:108px; height:24px; line-height:24px; border:0; cursor:pointer; color:#FFF; font-size:12px; padding-left:8px;}

.singerFs{ padding:10px 18px; width:660px; display:inline-block;}
.singerFsTit1{ height:20px; line-height:20px; border-bottom:1px solid #ddd; padding:10px 0; border-top:1px solid #ddd;}
.singerFsTit{ height:20px; line-height:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.singerFsTit h4{ float:left; color:#0071bc; background:url(album/ablumIcons.gif) no-repeat 0 -248px; padding-left:10px; font-weight:bold; font-size:14px;}
.singerFsTit1 h5{ float:left; color:#f26521; background:url(album/ablumIcons.gif) no-repeat 0 -343px; padding-left:10px;font-size:14px;}
.singerFsTit1 h6{ float:left; color:#139305; background:url(album/ablumIcons.gif) no-repeat 0 -296px; padding-left:10px;font-size:14px;}

.singerFsTit .current a{ font-weight:bold; color:#0071bc;}
.singerFsTit code a{ color:#636363; margin:0 4px;}
.singerFsTit code a:hover{ color:#0071bc;}





.songRlist{ width:240px;}
.songRlist h3{ border-top:1px solid #d1dee4; padding-top:16px; padding-bottom:14px; color:#0071bc; font-size:14px; font-weight:bold; width:240px; display:inline-block;}
.songRlist ul{}
.songRlist ul.songRcollect{ width:240px; display:inline-block;}
.songRlist ul.songRcollect li{ width:50px; padding:0 5px; float:left; padding-bottom:6px; text-align:center; height:80px; overflow:hidden;}
.songRlist ul.songRcollect li p{ width:50px; height:30px;  overflow:hidden;}

.songRlist ul.songRalbumPic{ width:240px;}
.songRlist ul.songRalbumPic li{ width:108px; float:left; padding:0 4px 10px; height:124px; overflow:hidden;}
.songRlist ul.songRalbumPic li p{ height:24px; line-height:24px; width:108px; overflow:hidden; text-align:center; color:#555555;}


ul.songRalbumPic .playtext a{ border:1px solid #c8c8c8; width:98px; height:98px; overflow:hidden; display:block;}
ul.songRalbumPic .albumPic{ background:url(album/playbtn.png) no-repeat -208px -138px; padding-left:8px; position:relative; height:100px; width:100px;}
ul.songRalbumPic .albumPic .playBtn{ position:absolute; z-index:1000; bottom:0; right:0;}
ul.songRalbumPic .albumPic .playBtn a{
	background:url(album/album.png) no-repeat 6px -120px; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
ul.songRalbumPic .albumPic .playBtn a:hover{ background:url(album/album.png) -39px -120px;}

ul.singerFsGc{ width:240px; display:inline-block;}
ul.singerFsGc li{ height:16px; line-height:16px; float:left; padding:10px 0; width:240px; overflow:hidden;}
ul.singerFsGc li span{ float:left; margin-left:4px;}
ul.singerFsGc li div{ float:left; height:16px; overflow:hidden;}
ul.singerFsGc li .num{ width:30px; font-weight:normal; }
ul.singerFsGc li .num b.c1{ color:#f26521;}
ul.singerFsGc li .num b.c2{ color:#636363;}
ul.singerFsGc li .rankNane{ width:100px;}
ul.singerFsGc li .check{width:30px;}

.singerPlay{ width:240px;}
.singerPlay ul li{ float:left;}

.singerAbout{ width:660px; display:inline-block; border-bottom:1px solid #ddd; padding-bottom:20px; color:#8f8f8f;}
.singerPic{ width:184px; height:184px; overflow:hidden; padding-right:20px; float:left;}
.singerText{ width:440px; height:184px; overflow:hidden; float:left;}
.singerText p{ line-height:30px; font-size:14px;}
.singerText .singerNum{ width:440px; padding:10px 0; float:left;}
.singerText .singerNum span{ height:48px; display:block; padding:0 10px; float:left; line-height:24px; overflow:hidden; text-align:center; border-left:1px solid #ddd;}
.singerCon{ padding:0 5px 10px; color:#7c7c7c; line-height:30px;}

.albumListCon{ width:660px; display:inline-block;}
.albumListCon li{ padding:20px 0; border-bottom:1px solid #dce3e6; height:128px; overflow:hidden;}

.albumListCon .albumPic1 .playtext a{ width:126px; height:126px; border:1px solid #c7c7c7; display:block;}
.albumListCon .albumPic1{ width:138px; height:128px; overflow:hidden; background:url(album/playbtn.png) no-repeat -206px 0; padding-left:10px; float:left; position:relative; z-index:0}
.albumListCon .albumPic1 .playBtn{ position:absolute; z-index:1000; bottom:6px; right:16px;}
.albumListCon .albumPic1 .playBtn a{
	background:url(album/album.png) no-repeat 6px -120px; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.albumListCon .albumPic1 .playBtn a:hover{ background:url(album/album.png) -39px -120px;}


.albumListCon .albumText1{ float:left;}
.albumListCon .albumText1 dl{ width:510px; display:inline-block;}
.albumListCon .albumText1 dl dt{ float:left;}
.albumListCon .albumText1 dl dt span{ display:block; float:left; margin-right:6px; height:16px; line-height:16px; padding:7px 0; font-size:14px;}
.albumListCon .albumText1 dl dt p{ float:left; clear:both; height:30px; line-height:30px; color:#636363;}
.albumListCon .albumText1 dl dd{ float:right; padding-top:10px; padding-right:10px;}
.albumListCon .albumText1 dl dd b{ font-size:20px; color:#f26521; font-family:Arial; padding-right:4px;}
.albumListCon .albumText1 .he1{ width:510px; height:40px; line-height:20px; overflow:hidden; color:#989898;}
.albumListCon .albumText1 .album_box{ background:#ffffd6; border:1px solid #eee5c4; height:22px; float:left; line-height:22px; padding:0 14px; color:#707070; margin-top:4px;}



ul.singerFsTable{ width:660px; display:inline-block;}
ul.singerFsTable li{ height:16px; line-height:16px; float:left; padding:10px 0; width:320px; overflow:hidden; border-bottom:1px solid #e8e8e8;}
ul.singerFsTable li span{ float:left; margin-left:4px;}
ul.singerFsTable li div{ float:left; height:36px; overflow:hidden;}
ul.singerFsTable li .num{ width:30px; font-weight:normal; font-size:14px;}
ul.singerFsTable li .num b.c1{ color:#f26521; font-weight:normal;}
ul.singerFsTable li .num b.c2{ color:#636363; font-weight:normal;}
ul.singerFsTable li .rankNane{ width:180px;height:16px; line-height:16px; font-size:14px;}
ul.singerFsTable li .check{width:30px;}

ul.singerFsTable1{ width:660px; display:inline-block;}
ul.singerFsTable1 li{ height:48px; float:left; padding:15px 0; width:660px; overflow:hidden; border-bottom:1px dashed #d2d2d2;}
ul.singerFsTable1 li span{ float:left; margin-right:4px;}
ul.singerFsTable1 li div{ float:left; height:48px; overflow:hidden;}
ul.singerFsTable1 li .FsPic{ width:60px; font-weight:normal; font-size:14px;}
ul.singerFsTable1 li .FsPic img{ width:42px; height:42px; padding:2px; border:1px solid #d2d2d2; display:block;}
ul.singerFsTable1 li .fsText{ width:530px; color:#707070;}
ul.singerFsTable1 li .fsText p{ height:30px; line-height:30px;}
ul.singerFsTable1 li .fsText p a{ font-size:14px;}
ul.singerFsTable1 li .singerFsGz{ background:#f3f3f3; margin-top:6px; width:56px; height:30px; text-align:center; line-height:30px; border:1px solid #dfdfdf;}

ul.albumNewsList { width:660px; padding-top:14px;}
ul.albumNewsList li{ width:138px; float:left; padding:0 13px 10px; height:180px; overflow:hidden;}
ul.albumNewsList li p{ height:24px; line-height:24px; width:138px; overflow:hidden; text-align:center; color:#555555; display:}

ul.albumNewsList li .albumPic1 .playtext a{ width:126px; height:126px; border:1px solid #c7c7c7; display:block;}
ul.albumNewsList li .albumPic1{ position:relative; height:128px; width:128px; padding-left:10px; background:url(album/playbtn.png) no-repeat -206px 0;}
ul.albumNewsList li .albumPic1 .playBtn{ position:absolute; z-index:1000; bottom:6px; right:6px;}
ul.albumNewsList li .albumPic1 .playBtn a{
	background:url(album/album.png) no-repeat 6px -120px; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
ul.albumNewsList li .albumPic1 .playBtn a:hover{ background:url(album/album.png) -39px -120px;}

.songListPl{ width:660px; display:inline-block; padding-top:10px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.textarea{ resize:none; width:642px; height:58px; padding:8px; overflow:auto; background:url(album/singerPlbg.png) no-repeat; font-size:12px; border:0;}
.textarea:focus { outline:#2c76c0 Solid 1px; }
.songListPlBtn{ width:74px; height:24px; overflow:hidden; padding-right:4px;}
.songListPlNnm{ height:24px; line-height:24px; text-align:center; color:#b1b1b1; }
.songbtn{ background:url(album/playbtn.png) no-repeat 0 -265px; width:74px; height:24px; border:0; cursor:pointer;}

.pl_contect{ width:660px; display:inline-block; padding-bottom:20px;}
.pl_contect ul{}
.pl_contect ul li{ border-bottom:1px dashed #ddd; width:660px; padding:14px 0; float:left;}
.pl_contect ul li .PlPic{ width:50px; height:50px; overflow:hidden; float:left; padding-right:14px;}
.pl_contect ul li .plInfo{ width:590px; float:left; line-height:24px;}
.pl_contect ul li .plInfo span{ color:#a1a1a1;}
.pl_contect ul li .plInfo p{ color:#555555;}
.pl_contect ul li .plInfo span a{ padding-right:10px;}

.singerAboutPic{ width:230px; height:230px; padding:4px; border:1px solid #dfecf3; overflow:hidden; background:#FFF;}
.singerAboutRihgt .singerNum{ width:240px; padding-top:10px;}
.singerAboutRihgt .singerNum span{ height:48px; display:block; float:left; line-height:24px; overflow:hidden; text-align:center; border-left:1px solid #ddd;}
.singerAboutCon{ padding:0 10px; border-top:1px solid #dce3e6;}
.singerAboutCon .singerAboutInfo{ line-height:24px; color:#363636}
.singerAboutCon .singerAboutInfo span{ padding:10px 0; display:block}


ul.singerSong{ width:660px; display:inline-block;}
ul.singerSong li.bg1{ background:#e9e9e9; height:32px; line-height:32px; padding:0; color:#828282;}
ul.singerSong li.bg2{ height:16px; float:left; padding:15px 0; width:660px; overflow:hidden; border-bottom:1px dashed #d2d2d2;}
ul.singerSong li span{ float:left; margin-right:4px;}
ul.singerSong li div{ float:left; }
ul.singerSong li.bg2 div{ height:16px; overflow:hidden; line-height:16px;}
ul.singerSong li .num{ width:60px; font-weight:normal; padding-left:8px;}
ul.singerSong li.bg2 b{ color:#a7a7a7; padding-right:14px; font-weight:normal; font-size:14px; float:left;}
ul.singerSong li.bg2 input{ float:left;}
ul.singerSong li .name1{ width:220px;}
ul.singerSong li .name2{ width:270px;}

