/* Background */
.s-icn-sina84{background:url(../img/logo_sina_84.png?v=1) no-repeat;}
.s-icn-tencent84{background:url(../img/logo_tencent_84.png?v=1) no-repeat;}
.s-icn-renren84{background:url(../img/logo_renren_84.png?v=1) no-repeat;}
.s-icn-douban84{background:url(../img/logo_douban_84.png?v=1) no-repeat;}
.s-icn-mobile84{background:url(../img/logo_mobile_84.png?v=1) no-repeat;}

.w-icn{background:url(../web/img/icon.png?v=1) no-repeat;}
.w-icn-1{width:90px; height:90px; background-position:0 0;}/* √ */
.w-icn-2{width:90px; height:90px; background-position:0 -110px;}/* X */

.s-bg,.txt-lg{ background-image:url(../web/img/sprite.png?v=1); background-repeat:no-repeat;}
.s-bg-1{ background-position:0 -550px; background-repeat:repeat-x;}/* topbg */
.s-bg-2{ background-position:0 9px;}/* logo */
.s-bg-3{ background-position:0 -53px;}/* 首页 */
.s-bg-3:hover{ background-position:0 -125px;}
.s-bg-4{ background-position:-105px -53px;}/* 分享歌单 */
.s-bg-4:hover{background-position:-105px -125px;}
.s-bg-5{width:82px; height:37px; background-position:0 -247px;}/* 登录 */
.s-bg-5:hover{ background-position:-90px -247px;}
.s-bg-6{background-position:0 -630px; background-repeat:repeat-x;}
.s-bg-7{background-position:right -289px;}
.s-bg-8{background-position:0 -360px;}/* 合作伙伴 */
.s-bg-9{ background-position:0 -394px;}/* 二维码 手机号输入框 */
.s-bg-10{width:20px; height:20px; background-position:0 9999px;}/* go按钮 */
.s-bg-10:hover{ background-position:-83px -363px;}
.s-bg-11{background-position:0 -485px; background-repeat:repeat-x;}/* lay head */

.s-vbg{ background:url(../web/img/sprite_invite.png?=1) no-repeat 0 9999px;}
.s-vbg-10{background-position:-130px -212px;}/* number bg */
.s-vbg-11:hover{background-position:-350px -220px; text-decoration:none;}/* go */

.m-laylgn, .m-laylgn2, .w-codelay{z-index:1000; background:url(../web/img/layer_bg.png?=1) no-repeat; _background-image:url(../web/img/layer_bg_png8.png?v=1);}
.w-ipt,.w-txt,.w-area{ background:#fff url(../img/areabg.png) repeat-x;}
.g-ft{ background:#f9f9f9 url(../img/ftbg.png) center 0 no-repeat;}
/* Top */
.g-wrap{width:980px; margin:0 auto;}
.g-wrap-1{position:relative; *zooom:1; overflow:hidden;}
.g-bd{min-height:500px; _height:500px;}
.g-top{position:relative; z-index:100; height:64px; border-top:5px solid #B8110D; border-bottom:1px solid #dcd9d8;}
.m-logo{width:192px; height:53px; margin-left:10px; padding-top:9px;}
.m-nav li,.m-nav li a{display:inline; *zoom:1; float:left; width:100px; height:63px; text-indent:-9999px;}
.m-nav li{margin-right:30px;}

.m-btnlog{width:82px; padding:14px 39px 0 9px;}
.m-btnlog a{display:block; text-indent:-9999px;} 
.m-uoper{width:129px; margin-top:14px; }
.m-uoper .wrap{position:absolute; width:127px; border:1px solid #ccc; border-radius:17px; box-shadow:0 1px 2px #ccc; font-size:14px;}
.m-uoper .face{display:block; height:35px;}
.m-uoper .face:hover, .m-uoper .js-face-slt{background-position:right -326px;}
.m-uoper .face .pic{width:31px; height:31px; margin:2px; border-radius:16px;}
.m-uoper .face .name{width:63px; margin-left:5px; overflow:hidden; white-space:nowrap; line-height:35px;}
.m-uoper .ulist li{height:29px; border-top:1px solid #E6E6E6;}
.m-uoper .ulist li.last a{border-radius:0 0 17px 17px;}
.m-uoper .ulist a{display:block; height:29px; line-height:29px; color:#666; text-align:center;}
.m-uoper .ulist a:hover{ background:#B8110D; color:#fff; text-decoration:none;}

/* Widgets */
.w-mask{z-index:999; position:fixed; _position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; opacity:0.4; filter: Alpha(opacity=40);}

.w-ipt{padding:7px 10px 7px 10px; border:1px solid #c6c6c6; border-radius:5px; line-height:19px;}
.w-ipt .txt,.w-ipt .area{border:none; padding:0; margin:0; background:#fff; line-height:19px; font-size:14px;}
.w-ipt .holder{position:absolute; top:7px; left:11px; line-height:19px; font-size:12px;}
.w-ipt .last{position:absolute; bottom:6px; right:11px;}
.w-txt{height:19px; padding:11px 10px 10px 10px; border:1px solid #ccc; line-height:19px;}
.w-area{padding:10px; border:1px solid #ccc; line-height:19px;}

.w-cls{display:block; font-size:21px; line-height:21px; color:#8c8c8c; _font-weight:bold; _font-size:16px;}
.w-cls:hover{color:#333;}

.w-login h3{height:29px; font-weight:normal; line-height:29px; font-size:24px; font-family:Microsoft Yahei, simhei, sans-serif;}
.w-login .err{height:27px; padding-left:71px; line-height:27px;}
.w-login .itm{height:45px; padding-left:7px;}
.w-login .itm .lb{float:left; width:62px; margin-top:4px;}
.w-login .txt-lg{width:200px; height:17px; background-position:0 -198px; padding:6px 0 5px 11px; line-height:17px;}
.w-login .holder{top:0; left:70px; width:200px; padding:6px 0 5px 11px; line-height:17px;}
.w-login .btnwrap{padding:3px 0 0 69px;}
.w-login .btnwrap .fgt{margin:13px 0 0 17px;}

.w-logos li{display:inline; float:left; width:84px; margin-right:14px;} 
.w-logos .icn{display:block; width:84x; padding-top:95px; font-size:14px; color:#999; text-align:center; line-height:17px;}
.w-logos .icn:hover{color:#333;}

.m-codelay{z-index:10000; width:260px; height:130px; background:#fff; border:1px solid #5a5a5a; box-shadow:0 0 5px #000;}
.m-codelay .w-cls{right:8px; top:4px;}
.m-codelay .bycode{display:inline; width:100px; margin:15px 40px 0 0;}
.m-codelay .bymobile{display:inline; width:215px; margin:28px 0 0 30px;}
.m-codelay .iptwrap{width:201px; height:37px; padding-top:1px; margin-top:14px;}
.m-codelay .iptwrap .txt{display:block; height:19px; padding:0; margin:9px 0 0 11px; background:#fff;}
.m-codelay .iptwrap .go{top:10px; left:174px; display:block; width:18px; height:18px; overflow:hidden;}
.m-codelay .iptwrap .err{margin:14px 0 0 2px;}

.js-placeholder-parent{display:block;}
.m-codelay .iptwrap .js-placeholder-parent{float:left;}
.m-codelay .js-placeholder,.m-codelay .js-placeholder{float:left; height:30px; margin:5px 0 0 10px; *margin-top:7px; line-height:30px; }



.w-win{box-shadow:#808080 0 0 8px; border-radius:3px; background:#fff;}
.w-win-0{width:400px;}
.w-win-1{width:600px;}
.w-win .w-wintit{height:54px; padding-left:20px; font-size:14px; line-height:54px;}
.w-win .w-wintit .cls{width:23px; margin:14px 7px 0 0; line-height:23px; font-size:23px; color:#999;}
.w-win .w-wintit .cls:hover{color:#333;}
.w-win .w-wincnt{padding:30px 20px;}
.w-win .w-winbtn{margin-top:20px; text-align:center;}
.w-win .w-winbtn a{display:inline-block; *display:inline; zoom:1; margin:0 20px;}

/* Footer */
.g-ft{padding-bottom:20px;}
.g-ft h3{width:72px; height:18px; overflow:hidden; margin:30px 0 0 20px;}
.g-ft .m-comp{height:50px; margin:0px 0 130px 20px;}
.g-ft .m-copy{line-height:23px; text-align:center;}
.g-ft .m-copy,.g-ft .m-copy a{color:#999;}
.g-ft .m-copy span{margin:0 8px 0 10px; color:#999;}


/* 翻页 */
.s-sys .w-page{clear:both; padding:30px 0; text-align:center;}
.s-sys .w-page *{ vertical-align:middle;}
.s-sys .w-page .zpgi,.s-sys .w-page .zbtn{display:inline-block; *display:inline; zoom:1; height:21px; padding:0 6px; margin:0 2px 0 1px; line-height:22px; *line-height:21px; text-align:center; text-decoration:none; background-color:#fff; border:1px solid #ccc; border-radius:3px; color:#333;}/* 数字 */
.s-sys .w-page .zpgi:hover,.s-sys .w-page .zbtn:hover{text-decoration:none; background-color:#eee;}
.s-sys .w-page .js-selected,.s-sys .w-page .js-selected:hover{text-decoration:none; background-color:#B8110D; border-color:#950E0B; color:#fff;}/* 数字当前项 */
.s-sys .w-page .js-disabled,.s-sys .w-page .js-disabled:hover{text-decoration:none; background-color:#eee; border-color:#ccc; color:#aaa;}