﻿.contentleft
{
    width: 736px;
    float: left;
    padding-left: 1px;
}

.content
{
    width: 735px;
    margin-top: 5px;
    float: right;
}
.dcontent
{
    float: right;
    padding-bottom: 7px;
    width: 635px;
}
.webrecomandlist li
{
    margin-left: 10px;
    line-height: 28px;
}
.webrecomandlist ul
{
    margin: 0px;
    padding: 0px;
}

.webrecomandlist li
{
    width: 300px;
    border-bottom: 1px dashed #e2e2e2;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}
.webrecomandlist .songname
{
    width: 265px;
    padding: 0px;
}
.webrecomand
{
    float: left;
    height: 390px;
    overflow: hidden;
    width: 316px;
    display: inline-block;
}
.webrecomandlist p
{
    padding: 0px;
    margin: 0px;
}
.innerdiv
{
    height: 2000px;
    display: inline-block;
}
.webrecomandlist
{
    margin-top: 5px;
    padding-top: 5px;
    width: 316px;
    overflow: hidden;
    height: 300px;
}
.webrecomandlist a:link, .webrecomandlist a:visited
{
    color: red;
}
.download li img, .webrecomand li img
{
    height: 25px;
    width: 25px;
    border: none;
}
.hotusers, .newpic
{
    clear: both;
    width: 958px;
    display: block;
    border-top: none;
    display: inline-block;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    text-align: center;
}

.hotusers h3
{
    border: none;
}
.hotusers
{
    border-bottom: 1px solid #fe9e07;
}
.hotuserlist
{
    width: 954px;
    border-top: none;
    border-bottom: none;
    margin: 0px 1px 0 0px;
    display: inline-block;
    padding: 5px 0px;
}
.hotuserlist li
{
    margin-top: 5px;
    float: left;
    width: 105px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hotuserlist li a
{
    line-height: 20px;
}
.hotuserlist li img
{
    border: 1px solid #d3f0fd;
    padding: 1px;
    width: 90px;
    height: 90px;
}

/*分类模块*/
.catalog
{
    width: 302px;
}
.catalogbox
{
    width: 314px;
    float: left;
    margin-top: 5px;
    margin-right: 6px;
    _margin-right: 3px;
}
.catalogchilid
{
    width: 310px;
    border-top: none;
    border-bottom: none;
    height: 526px;
    padding-left: 5px !important;
    padding-left: 0px;
}
.catalogchilid .checkselection
{
    padding-left: 0px;
}
/*下载排行*/
.download
{
    padding-top: 5px;
    display: inline-block;
    width: 627px;
    border-bottom: none;
    border-top: none;
    padding-left: 5px;
    background: white url(/tpl/pc/skins/Y2002/images/remen.gif) no-repeat;
}
.download ul li, .catalogchilid ul li
{
    float: left;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
    width: 350px;
    border-bottom: 1px dashed #e2e2e2;
    vertical-align: middle;
}
.download ul li
{
    width: 305px;
}
.catalogchilid ul li
{
    background: none;
    padding-left: 0px;
    width: 309px;
}
.songname
{
    width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}
.hot
{
    background: url(/tpl/pc/skins/Y2002/images/icon_moblie_upload.png) 0px center no-repeat;
    padding-left: 20px;
}
.hotowner
{
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}
.owner
{
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    background: url(/tpl/pc/skins/Y2002/images/male.gif) 0px 5px no-repeat;
    padding-left: 16px;
}
.woman
{
    background: url(/tpl/pc/skins/Y2002/images/female.gif) 0px 5px no-repeat;
    padding-left: 16px;
}
.man
{
    background: url(/tpl/pc/skins/Y2002/images/male.gif) 0px 5px no-repeat;
    padding-left: 16px;
}



/*推荐用户*/
.recomanduser
{
    width: 304px;
}

.recommand li
{
    background: #eee;
    clear: both;
    width: 100%;
    display: inline-block;
    clear: both;
    margin-bottom: 4px !important;
    _margin-bottom: 2px;
    overflow: hidden;
}

.recommand
{
    width: 216px;
    padding-top: 5px;
    display: inline-block;
    overflow: hidden;
    height: 320px;
}

.commentbox
{
    float: right;
    width: 219px;
}

.commentbox .headicon, .commentbox .headicon img
{
    height: 50px;
    width: 50px;
    border: none;
}
.headicon p
{
    padding: 0px;
    margin: 0px;
    margin-top: 7px;
    _margin-top: 3px;
}
.commentcontent li.hide
{
    display: none;
}
.commentinfor
{
    margin-left: 5px;
    display: inline-block;
    float: left;
    width: 145px;
    height: 70px;
}
.commentinfor p.comments
{
    height: 56px;
    overflow: hidden;
    color: red;
    word-break: break-all;
}
.commentinfor p.comments img
{
    vertical-align: -6px;
    margin-top: -2px;
}
/*最新评论*/
.commentcontent
{
    width: 211px;
    padding: 5px 0px 0px 5px;
    height: 712px;
    border-top: none;
    border-bottom: none;
    overflow: hidden;
}

.commentcontent li
{
    display: inline-block;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dashed #333;
}
.csongname
{
    width: 73px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.commentinfor p
{
    padding: 0px;
    margin: 0px;
    line-height: 18px;
}
.commentbox .headicon
{
    float: left;
    overflow: hidden;
    height: 70px;
}
.recomanduserbox
{
    float: right;
    margin-top: 5px;
    width: 219px;
}

.libox
{
    float: left;
    width: 60px;
    display: inline-block;
    padding-left: 5px;
}
.libox img
{
    height: 60px;
    border: 1px solid #d3f0fd;
    width: 60px;
}
.detailbox
{
    padding-left: 5px;
    height: 60px;
    width: 140px;
    display: inline-block;
    float: left;
}
.detailbox span
{
    display: inline-block;
    width: 130px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.woman a:link
{
    color: #f78;
}
.woman a:visited
{
    color: #f78;
}
.woman a:hover
{
    color: #f60;
}
/*网友推荐*/

.HotSongs span
{
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    width: 90px;
    height: 28px;
    color: black;
    vertical-align: middle;
}
.HotSongs li
{
    border-bottom: 1px dashed #e2e2e2;
    display: inline-block;
    border-collapse: collapse;
    line-height: 28px;
    width: 99%;
    height: 28px;
    padding-left: 8px;
}
.name
{
    width: 210px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    line-height: 25px;
}
.lihead
{
    background: #e6f6ff;
    font-weight: bold;
}
.HotSongs
{
    padding: 5px;
    clear: both;
    width: 722px;
    border-top: none;
    border-bottom: none;
}
.HotSongs .musicname
{
    width: 350px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
}

.HotSongs .uploaduser
{
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

.box
{
    margin-top: 4px;
}
.uploadnum
{
    color: #666;
}
.HotSongs .recomandstar
{
    width: 70px;
    display: inline-block;
    height: 25px;
}
.HotSongs .uploadTime
{
    width: 70px;
}
.center
{
    display: inline-block;
    text-align: center;
    height: 25px;
}
.fullstar, .four, .three, .two, .one
{
    background: url(/tpl/pc/skins/Y2002/images/star.gif);
    display: inline-block;
    height: 25px;
}
.HotSongs span.fullstar
{
    width: 70px;
}
.HotSongs span.four
{
    width: 57px;
}
.HotSongs span.three
{
    width: 43px;
}
.HotSongs span.two
{
    width: 28px;
}
.HotSongs span.one
{
    width: 15px;
}

.purple a:link
{
    color: #F78;
}
.purple a:visited
{
    color: #F78;
}
.purple a:hover
{
    color: #F78;
}
.friendlink
{
    width: 948px;
    border: 1px solid #d3f0fd;
    border-top: none;
    border-bottom: none;
    display: inline-block;
    clear: both;
    padding-left: 10px;
}

.newpic
{
    width: 958px;
}
.newpiclist li
{
    width: 150px;
    height: 150px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #eee;
    float: left;
    margin: 2px 2px 5px;
    padding: 1px;
}
.newpiclist li img
{
    border: none;
    width: 150px;
}
.hotpiclist
{
    padding: 5px 0px;
}
.hotpiclist li
{
    float: left;
    width: 105px;
    display: inline-block;
}
.userinfor
{
    position: relative;
}
.userrange
{
    position: absolute;
    top: -8px;
    left: 11px;
}
.userrange b
{
    color: #656565;
    background: url(/tpl/pc/skins/Y2002/images/numbers.png) left top no-repeat;
    _background: url(/tpl/pc/skins/Y2002/images/number.gif) left top no-repeat;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    width: 25px;
    display: inline-block;
}
.userrange b.second
{
    background-position: -24px 0px;
}
.userrange b.third
{
    background-position: -48px 0px;
}
.userrange b.forth
{
    background-position: -71px 0px;
}
.userrange b.fifth
{
    background-position: -96px 0px;
}
.userrange b.sixth
{
    background-position: 0px -25px;
}
.userrange b.seventh
{
    background-position: -24px -25px;
}
.userrange b.eighth
{
    background-position: -48px -25px;
}
.userrange b.ninth
{
    background-position: -71px -25px;
}
.userrange b.tenth
{
    background-position: -96px -25px;
}
img
{
    border: none;
}
.hotpiclist .imagebox img
{
    border: 1px solid #d3f0fd;
    width: 90px;
    height: 90px;
}
.userinfor .nickname
{
    position: relative;
    left: 40px;
    width: 58px;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}
.album
{
    margin: 0px;
    border-bottom: none;
}
.hotAlbums li
{
    border: 1px solid #eee;
    padding: 5px;
    width: 120px;
    float: left;
    margin: 5px 7px;
}
.hotAlbums li span
{
    height: 30px;
    line-height: 30px;
    display: block;
}
a.albumanme
{
    width: 120px;
    display: inline-block;
    overflow: hidden;
    height: 14px;
}
.tips
{
    background: white;
    border: 3px solid #ccc;
    height: 50px;
    position: absolute;
    width: 240px;
    line-height: 25px;
    padding-left: 10px;
    display: none;
    color: black;
}


.hotalbums
{
    padding-bottom: 5px;
}

.hotalbums li
{
    display: inline-block;
    float: left;
    width: 150px;
    border: 1px solid #eee;
    padding: 10px;
    margin: 5px;
 
    background: #fdfdfd;
}
 .hotalbums li.cur
{
    border: 1px solid red;
}
.hotalbums li a img
{
    border: none;
    width: 140px;
    height: 140px;
}
.albumcover
{
    width: 140px;
    position: relative;
}

.albumcover span
{
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
    overflow: hidden;
    width: 120px;
    color: White;
    position: absolute;
    left: 0px;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    height: 25px;
    line-height: 25px;
}
.albumcover em
{
    left: 0px;
    bottom: 0;
    position: absolute;
    background: #000;
    display: inline-block;
    width: 100%;
    opacity: 0.5;
    height: 25px;
    filter: alpha(opacity=50);
}
.albuminfor
{
}

.albuminfor span
{
    width: 140px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
span.albumname
{
    line-height: 30px;
    height: 30px;
}
.albumname
{
    font-size: 14px;
}
.albuminfor span em
{
    display: inline-block;
    font-style: normal;
    margin-right: 10px;
}
.albuminfor span em.comment
{
    padding-left: 16px;
    background: url(/tpl/pc/skins/Y2002/images/index_album_comment.png) left center no-repeat;
}
.albuminfor span em.listen
{
    padding-left: 16px;
    background: url(/tpl/pc/skins/Y2002/images/index_album_listen.png) left center no-repeat;
}
.albuminfor span em.store
{
    padding-left: 16px;
    background: url(/tpl/pc/skins/Y2002/images/index_album_store.png) left center no-repeat;
}
.albuminfor i
{
    font-style: normal;
    font-weight: bold;
    color: Red;
}
