@charset "utf8";
a:link,a:visited{text-decoration:none;color:#66666;}
a:hover{text-decoration:none;color:#4caff4;}
a{outline:none;}
/*banner*/
.ws_banner_wrap{width:100%;text-align:center;-webkit-transition:all .2s;transition:all .2s;position:relative;z-index:11;}
.banner_ct{width:1000px;height:280px;margin:0 auto;position:relative;}
.banner{width:1000px;height:280px;margin:0 auto;overflow:hidden;position:relative;}
.banner ul{overflow:hidden;}
.banner ul li{width:1000px;height:280px;float:left;}
.banner_ctrl_wrap{width:100%;height:12px;line-height:12px;text-align:center;padding:19px 0;position:absolute;left:0;bottom:0;}
.banner_ctrl_wrap span{cursor:pointer;display:inline-block;background:#eee;width:8px;height:8px;font-size:0;line-height:0;vertical-align:bottom;margin:0 6px;-webkit-transition:all .2s;transition:all .2s;border-radius:50%;}
.banner_ctrl_wrap .curr{background:#32b351;height:8px;font-size:0;}
.wsl_banner_next,.wsl_banner_prev{position:absolute;top:119px;left:-37px;cursor:pointer;padding:10px;display:none;}
.wsl_banner_next{left:auto;right:-37px;}
.wsl_banner_next i,.wsl_banner_prev i{width:17px;height:42px;background:url(../images/banner_arr.png) 0 0 no-repeat;display:block;}
.wsl_banner_next i{background-position:-17px 0;}

/*main content*/
.ws_main_wrap{width:960px;margin:0 auto;padding:0 19px 10px;background:#fff;border:1px solid #e9e9e9;border-top:0;border-bottom:0;position:relative;z-index:10;}
.ws_main_wrap .hd{font-size:18px;color:#333;height:38px;line-height:38px;border-bottom:2px solid #32b150;}
.ws_main_wrap .hd .more{font-size:12px;float:right;}
.ws_rec_wrap{padding:30px 0;}

/* leftside */
.rec_l_wrap{float:left;width:660px;}
.rec_l_wrap .hd{position:relative;}

.rec_l_wrap .hd .arr{position:absolute;bottom:-10px;left:50%;width:21px;height:10px;margin-left:-10px;background:url(../images/rec_sprite_v1.png) -75px -20px no-repeat;}
.rec_l_wrap .types{display:inline-block;margin-left:20px;font-size:12px;color:#130101;}
.rec_l_wrap .types .bar{padding:0 2px;}
.rec_l_wrap .types a{color:#999;}
.rec_l_wrap .types a:hover{color:#4caff4;}
.rec_l_wrap .types a.curr{font-weight:600;color:#666;}

/*原创推荐&翻唱推荐*/
.rec_type .bd{position:relative;}
.rec_type .bd .bar{width:1px;height:458px;position:absolute;left:330px;top:15px;background:#e5e5e5;}
.rec_yc,.rec_fc{width:300px;float:left;padding:0 15px;}
.rec_type .bd .tit{height:40px;line-height:40px;overflow:hidden;font-size:16px;color:#333;}

.rec_type .bd .tit i,.rec_type .bd .tit .control i{background-image:url(../images/rec_sprite_v1.png);background-repeat:no-repeat;}
.rec_type .rec_yc .tit i{float:left;width:18px;height:18px;margin:11px 5px 0 0;background-position:-19px 0;}
.rec_type .rec_fc .tit i{float:left;width:20px;height:16px;margin:12px 5px 0 0;background-position:0 0;}
.rec_type .bd .tit .control{float:right;height:40px;line-height:40px;overflow:hidden;font-size:12px;}
.rec_type .bd .tit .control a{float:right;padding-left:10px;}
.rec_type .bd .tit .control a:hover{color:#4caff4;}
.rec_type .bd .tit .control .change i{float:left;width:14px;height:13px;background-position:-56px 0;margin:13px 3px 0;}
.rec_type .bd .tit .control .playAll i{float:left;width:12px;height:12px;background-position:-40px 0;margin:14px 3px 0;}
.rec_type .bd .item .normal{height:36px;line-height:36px;overflow:hidden;}
.rec_type .bd .item .normal .s_name{float:left;width:210px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.rec_type .bd .item .normal .singer{float:right;width:80px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.rec_type .bd .item .hover{overflow:hidden;display:none;}

.rec_type .bd .item .hover_l{width:88px;height:110px;float:left;background:url(../images/rec_sprite_v1.png) 1px -34px no-repeat;margin-right:8px;padding:1px 2px;}
.rec_type .bd .item .hover_l img{width:86px;height:86px;}
.rec_type .bd .item .hover_l p{width:86px;height:20px;line-height:20px;text-align:center;}
.rec_type .bd .item .hover_r{width:200px;float:left;}
.rec_type .bd .item .hover_r p{width:100%;height:24px;line-height:24px;color:#999;}
.rec_type .bd .item .hover_r .s_name{display:block;width:170px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333;font-size:14px;float:left;}
.rec_type .bd .item .hover_r .s_name:hover{color:#000;text-decoration:underline;font-weight:600;}

.rec_type .bd .item .hover_r .playBtn{float:right;width:20px;height:17px;background:url(../images/rec_sprite_v1.png) -73px 1px no-repeat;margin-top:4px;}
.rec_type .bd .item .hover_r .singer{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;width:100%;display:block;}
.rec_type .bd .item .hover_r .singer:hover{text-decoration:underline;}
.rec_type .bd .item .hover_r .info{height:60px;line-height:20px;overflow:hidden;}
.rec_type .bd .on .normal{display:none;}
.rec_type .bd .on .hover{display:block;}

/* 歌单&专辑推荐 */
.rec_gd{margin-top:30px;}
.rec_gd .hd .tag,.rec_gd .hd .bar{font-size:12px;color:#999;-webkit-transition:all 0.2s;transition:all 0.2s;}
.rec_gd .hd .curr{font-size:18px;color:#333;}
.rec_gd .hd .bar{margin:0 5px;}
.rec_gd .bd .ct{overflow:hidden;padding-left:10px;}

.rec_gd .ct .item{float:left;width:110px;height:140px;padding-right:20px;margin:15px 0;background:url(../images/gd_sprite.png) -128px 2px no-repeat;position:relative;}
.rec_gd .ct .item .img{width:110px;height:110px;overflow:hidden;display:block;border-radius:10px;}
.rec_gd .ct .item .img img{width:100%;height:100%;}
.rec_gd .ct .item .bar{width:110px;height:26px;line-height:26px;background:rgba(0,0,0,0.5);position:absolute;left:0;top:84px;border-radius:0 0 10px 10px;color:#fff;}

.rec_gd .ct .item .bar i{float:left;width:15px;height:12px;background:url(../images/rec_sprite_v1.png) -96px 0 no-repeat;margin:7px 8px 0;}
.rec_gd .ct .item .cover{position:absolute;top:0;left:0;width:110px;height:110px;background:rgba(0,0,0,0.5);border-radius:10px;display:none;}

.rec_gd .ct .item .cover i{display:block;width:61px;height:56px;background:url(../images/gd_sprite.png) -269px 0 no-repeat;margin:27px 25px;}
.rec_gd .ct .item .tit{height:30px;line-height:30px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 10px;}
.rec_gd .zj{display:none;}

.rec_gd .zj .item{background:url(../images/gd_sprite.png) -1px -1px no-repeat;height:150px;margin-bottom:5px;}
.rec_gd .zj .item .img{border-radius:50%;}
.rec_gd .zj .item .cover{border-radius:50%;}

.rec_gd .zj .item .cover i{background:url(../images/gd_sprite.png) -269px -56px no-repeat;}
.rec_gd .zj .item .tit{height:24px;line-height:24px;text-align:center;color:#333;font-weight:bold;}
.rec_gd .zj .item .singer{height:20px;line-height:20px;text-align:center;color::#999;}

/* rightside */
.rec_r_wrap{width:240px;padding:0 20px;float:right;}
.rec_r_wrap .f_pub{width:240px;height:240px;overflow:hidden;margin-bottom:15px;position:relative;}
.rec_r_wrap .f_pub .deal_ctrl_wrap{width:auto;height:8px;position:absolute;bottom:10px;left:auto;right:10px;overflow:hidden;padding:0;z-index:10000;}
.rec_r_wrap .f_pub .deal_ctrl_wrap span{float:left;width:8px;height:8px;text-indent:-9999px;background:#fff;margin:0 3px 0 0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;}
.rec_r_wrap .f_pub .deal_ctrl_wrap span.curr{background-color:#32b351;}
.rec_r_wrap .f_pub ul{width:100%;height:100%;-webkit-perspective:1500px;perspective:1500px;position:relative;}
.rec_r_wrap .f_pub li{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;opacity:0;z-index:9999;}
.rec_r_wrap .f_pub .curr{opacity:1;pointer-events:auto;z-index:1000;}
.rec_r_wrap .f_pub .navInNext{z-index:9999;-webkit-animation:throwFromRight 0.4s 0.1s forwards ease-out;animation:throwFromRight 0.4s 0.1s forwards ease-out;-webkit-transform:translateX(20%) rotateZ(10deg) rotateY(40deg) translateZ(500px);transform:translateX(20%) rotateZ(10deg) rotateY(40deg) translateZ(500px);}
.rec_r_wrap .f_pub .navInPrev{z-index:9999;-webkit-animation:throwFromLeft 0.4s 0.1s forwards ease-out;animation:throwFromLeft 0.4s 0.1s forwards ease-out;-webkit-transform:translateX(-20%) rotateZ(-10deg) rotateY(-40deg) translateZ(500px);transform:translateX(-20%) rotateZ(-10deg) rotateY(-40deg) translateZ(500px);}

/* news */
.news .hd{width:100%;height:40px;line-height:40px;overflow:hidden;font-size:14px;color:#333;border:0;}
.news .hd .btns{float:right;}

.news .hd .btns a{display:inline-block;width:16px;height:13px;background-repeat:no-repeat;background-image:url(../images/rec_sprite_v1.png);}
.news .hd .btns .prev{background-position:0 -20px;}
.news .hd .btns .prev:hover{background-position:-16px -20px;}
.news .hd .btns .next{background-position:-32px -20px;margin-left:8px;}
.news .hd .btns .next:hover{background-position:-48px -20px;}
.news .bd ul{display:none;}
.news .bd .curr{display:block;}
.news .bd li{height:24px;line-height:24px;position:relative;}

.news .bd li i{width:6px;height:6px;background:url(../images/rec_sprite_v1.png) -96px -20px no-repeat;position:absolute;top:9px;left:0;}
.news .bd li a{color:#999;padding-left:11px;}
.news .bd li a:hover{color:#4caff4;text-decoration:underline;}

/*rank*/
.rank{margin-top:20px;}
.rank .hd{height:30px;font-size:12px;border-bottom:0;position:relative;}
.rank .hd a{color:#666;float:left;width:80px;height:28px;line-height:28px;text-align:center;margin-bottom:2px;-webkit-transition:all 0.1s;transition:all 0.1s;border-bottom:2px solid #dadada;}
.rank .hd .curr{border-bottom:2px solid #32b351;margin-bottom:0;color:#333;font-weight:bold;}
.rank .bd{height:457px;overflow:hidden;width:100%;}
.rank .control{height:36px;line-height:36px;overflow:hidden;}
.rank .control a{float:right;padding-left:10px;}
.rank .control a:hover{color:#4caff4;}

.rank .control a i{background-image:url(../images/rec_sprite_v1.png);background-repeat:no-repeat;}
.rank .control .change i{float:left;width:14px;height:13px;background-position:-56px 0;margin:13px 3px 0;}
.rank .control .playAll i{float:left;width:12px;height:12px;background-position:-40px 0;margin:13px 3px 0;}
.rank .bd .tapbox{display:none;background:url(../images/rank_bg.png) center 0 no-repeat;padding:3px 0;}
.rank .bd .tapbox.curr{display:block;}
.rank .bd li{height:41px;line-height:41px;}
.rank .bd li .song{float:left;width:140px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333;}
.rank .bd li .song span{float:left;width:30px;text-align:center;font-size:16px;}
.rank .bd .fir .song span{color:#ed2a20;}
.rank .bd .sec .song span{color:#eb7000;}
.rank .bd .thi .song span{color:#f1a009;}
.rank .bd li .singer{float:right;width:80px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:8px;color:#999;}
.rank .bd li a:hover,.rank .bd li a:hover span{color:#32b150!important;}

/*yinyueian*/
.ws_yinyueian_wrap .bd{padding:30px 0;}

.ws_yinyueian_wrap .msc_hot{width:192px;height:316px;float:left;padding:16px 28px 0;background:url(../images/msc_sprite.png) -265px 0 no-repeat;margin-top:-11px;}
.ws_yinyueian_wrap .msc_hot .ct{width:100%;height:290px;}
.ws_yinyueian_wrap .msc_hot .ct a{display:block;}
.ws_yinyueian_wrap .msc_hot .ct .s_name{height:30px;line-height:30px;text-align:center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ws_yinyueian_wrap .msc_hot .ct .head_pic{width:189px;height:189px;overflow:hidden;border:1px solid #dadada;}
.ws_yinyueian_wrap .msc_hot .ct .head_pic img{width:100%;height:100%;}
.ws_yinyueian_wrap .msc_hot .ct .info{color:#ff4500;margin-top:10px;line-height:16px;height:48px;overflow:hidden;}
.ws_yinyueian_wrap .msc_list{float:right;width:705px;}
.ws_yinyueian_wrap .msc_list .item{width:119px;float:left;border:1px solid #dadada;margin:0 20px 20px 0;position:relative;}
.ws_yinyueian_wrap .msc_list .item .head_pic{width:119px;height:119px;overflow:hidden;display:block;}
.ws_yinyueian_wrap .msc_list .item .head_pic img{width:100%;height:100%;}
.ws_yinyueian_wrap .msc_list .item .s_name{height:24px;line-height:24px;text-align:center;}

.ws_yinyueian_wrap .msc_list .item .hover{position:absolute;top:-1px;left:-1px;width:263px;height:311px;background:url(../images/msc_sprite.png) 0 -1px no-repeat;z-index:9999;color:#fff;display:none;}
.ws_yinyueian_wrap .msc_list .item .hover a{color:#fff;}
.ws_yinyueian_wrap .msc_list .item .hover a:hover{text-decoration:underline;}
.ws_yinyueian_wrap .msc_list .item .hover_t{height:120px;overflow:hidden;}
.ws_yinyueian_wrap .msc_list .item .hover_t .head_pic{float:left;width:120px;height:120px;margin-right:10px;}
.ws_yinyueian_wrap .msc_list .item .hover_t p{float:left;width:120px;text-align:left;line-height:24px;height:24px;}
.ws_yinyueian_wrap .msc_list .item .hover_t .s_name{padding-top:6px;}
.ws_yinyueian_wrap .msc_list .item .hover_t .desc{word-break:break-all;height:68px;line-height:17px;overflow:hidden;}
.ws_yinyueian_wrap .msc_list .item .hover_c{padding:10px 15px 0;line-height:28px;}
.ws_yinyueian_wrap .msc_list .item .hover_c p{font-size:14px;}
.ws_yinyueian_wrap .msc_list .item .hover_c li{overflow:hidden;}
.ws_yinyueian_wrap .msc_list .item .hover_c li a{float:left;height:28px;max-width:200px;}

.ws_yinyueian_wrap .msc_list .item .hover_c li .playbtn{float:right;width:20px;height:20px;background:url(../images/rec_sprite_v1.png) -94px 2px no-repeat;margin:4px 0;}

/*event*/
.ws_event_wrap .bd{padding:30px 0;}
.ws_event_wrap .bd .item{float:left;width:256px;height:110px;background:url(../images/event_bg.png) no-repeat;margin:0 19px;padding:26px 13px;position:relative;}
.ws_event_wrap .bd .item .pic{float:left;width:110px;height:110px;margin-right:10px;}
.ws_event_wrap .bd .item .pic img{width:100%;height:100%;}
.ws_event_wrap .bd .item .item_r{float:left;width:136px;}
.ws_event_wrap .bd .item .item_r p{line-height:24px;height:24px;color:#999;}
.ws_event_wrap .bd .item .item_r .tit{line-height:20px;height:40px;overflow:hidden;}
.ws_event_wrap .bd .item .item_r .info{height:36px;line-height:18px;padding:4px 0 8px;}
.ws_event_wrap .bd .item .item_r .detail a{float:right;color:#4caff4;text-decoration:underline;}
.ws_event_wrap .bd .item .hover{position:absolute;top:-240px;left:0;width:600px;height:240px;color:#fff;display:none;}
.ws_event_wrap .bd .item .r_hover{left:auto;right:0;}
.ws_event_wrap .bd .item .hover .bg{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";opacity:0.85;z-index:1;}
.ws_event_wrap .bd .item .hover .ct{position:absolute;top:0;left:0;width:570px;height:220px;padding:10px 15px;z-index:10;}
.ws_event_wrap .bd .item .hover_l{float:left;width:300px;padding-right:15px;}
.ws_event_wrap .bd .item .hover p{line-height:18px;}
.ws_event_wrap .bd .item .hover p span{color:#999;}
.ws_event_wrap .bd .item .hover p .join{float:right;}
.ws_event_wrap .bd .item .hover_l .tit{font-size:14px;height:24px;line-height:24px;}
.ws_event_wrap .bd .item .hover_l .info{text-indent:2em;height:126px;overflow:hidden;}
.ws_event_wrap .bd .item .hover_r{float:right;width:235px;padding:60px 0 0 15px;}
.ws_event_wrap .bd .item .hover_r ul{margin-top:8px;}
.ws_event_wrap .bd .item .hover_r ul li{height:28px;line-height:28px;}
.ws_event_wrap .bd .item .hover_r ul li a{color:#fff;max-width:200px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ws_event_wrap .bd .item .hover_r ul li a:hover{color:#4caff4;text-decoration:underline;}

.ws_event_wrap .bd .item .hover_r ul li .playBtn{float:right;width:28px;height:28px;background:url(../images/rec_sprite_v1.png) -91px 8px no-repeat;}

/*sidebar*/
.ws_sidebar{width:50px;height:162px;position:fixed;right:10px;bottom:160px;z-index:999;}
.ws_sidebar a{display:block;width:50px;height:53px;background:url(../images/side_sprite.png) no-repeat;}
.ws_sidebar .btn_qr{background-position:-50px 0;}
.ws_sidebar .btn_qr:hover{background-position:0 0;}
.ws_sidebar .btn_re{background-position:-50px -54px;height:54px;}
.ws_sidebar .btn_re:hover{background-position:0 -54px;}
.ws_sidebar .btn_back{background-position:-50px -109px;}
.ws_sidebar .btn_back:hover{background-position:0 -109px;}
.ws_sidebar .qr_box{width:169px;height:186px;position:absolute;top:0;right:50px;background:url(../images/side_sprite.png) -100px 0 no-repeat;display:none;}

/*change ver*/
.change_ver{width:78px;height:74px;position:absolute;top:500px;background:url(../images/change_ver_sprite.png) 0 0 no-repeat;z-index:0;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;-ms-transition:-ms-transform .25s;-o-transition:-o-transform .25s;transition:transform .25s;}
.change_ver:hover{-webkit-transform:translateX(-15px);-moz-transform:translateX(-15px);-ms-transform:translateX(-15px);transform:translateX(-15px);transform:translateX(-15px);}
.change_ver a{display:block;width:100%;height:100%;}

.change_ver a span{position:absolute;top:-50px;left:-30px;width:75px;height:40px;text-align:center;line-height:20px;color:#666;background:url(../images/change_ver_sprite.png) -78px 0 no-repeat;padding:10px 0 18px;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:-webkit-transform .25s,opacity .25s;-moz-transition:-moz-transform .25s,opacity .25s;-ms-transition:-ms-transform .25s,opacity .25s;-o-transition:-o-transform .25s,opacity .25s;transition:transform .25s,opacity .25s;-webkit-transform:translateY(30px) scale(.75);-moz-transform:translateY(30px) scale(.75);-ms-transform:translateY(30px) scale(.75);-o-transform:translateY(30px) scale(.75);transform:translateY(30px) scale(.75);}
.change_ver a:hover span{-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.animation{-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;animation-duration:1s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}
.animation2{-webkit-animation-duration:0.4s;-webkit-animation-delay:.1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:0.4s;-moz-animation-delay:.1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;animation-duration:0.4s;animation-delay:.1s;animation-timing-function:ease;animation-fill-mode:both}




.ws_live_wrap .item .item_c a img {width:100%}
.ws_live_wrap .bd {padding:20px 0 30px;overflow:hidden}
.ws_live_wrap .item {width:200px;margin:0 20px;overflow:hidden;float:left;padding-top: 10px;}
.ws_live_wrap .item .item_c {height:134px;width:200px;overflow:hidden;position:relative}
.ws_live_wrap .item .mark {position:absolute;top:8px;right:0;width:40px;height:20px;line-height:20px;text-align:center;color:#fff;z-index:12}
.ws_live_wrap .notice .mark {background:#2f96ff}
.ws_live_wrap .review .mark {background:#6c0}
.ws_live_wrap .living .mark {background:url(http://www.guzi.fun/tpl/pc/skins/yinyue/images/live-hot-1.gif) no-repeat}
.ws_live_wrap .item .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:url(http://www.guzi.fun/tpl/pc/skins/yinyue/images/live_sprite_v1.png) 0 0 no-repeat;z-index:10;cursor:pointer}
.ws_live_wrap .item .hover {position:absolute;top:0;left:0;width:100%;height:100%;background:url(http://www.guzi.fun/tpl/pc/skins/yinyue/images/live_sprite_v1.png) -200px 0 no-repeat;z-index:11;display:none}
.ws_live_wrap .item .hover i {display:block;width:74px;height:74px;background:url(www.guzi.fun/tpl/pc/skins/yinyue/images/live_sprite_v1.png) -15px -134px no-repeat;margin:30px 63px}
.ws_live_wrap .item .item_info {width:180px;height:68px;background:url(http://www.guzi.fun/tpl/pc/skins/yinyue/images/live_sprite_v1.png) -200px -134px no-repeat;padding:7px 10px 0;color:#999}
.ws_live_wrap .item .item_info p {height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ws_live_wrap .item .item_info .s_name {height:24px;line-height:24px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ws_live_wrap .item .item_info .s_name a {color:#333}
.ws_live_wrap .item .item_info .s_name a:hover {color:#4caff4;text-decoration:underline}
.ws_live_wrap .review .item_info .info {text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ws_live_wrap .item .item_info .desc .playcount {float:right;width:50%}
.ws_live_wrap .item .item_info .desc .playcount i {background:url(http://www.guzi.fun/tpl/pc/skins/yinyue/images/live_sprite_v1.png) 0 -165px no-repeat;float:left;width:12px;height:12px;margin:4px 3px 0 0}
.ws_live_wrap .item .item_info .info i {float:left;width:14px;height:12px;margin:4px 3px 0 0;background-image:url(http://www.guzi.fun/tpl/pc/skins/yinyue/images/live_sprite_v1.png);background-repeat:no-repeat}
.ws_live_wrap .living .item_info .info i {background-position:0 -150px}
.ws_live_wrap .notice .item_info .info i {background-position:0 -135px;width:15px;height:15px;margin-top:3px}
/*头部1*/
/*全局*/
html,body,div,h1,h2,h3,h4,h5,h6,p,span,em,a,img,ul,li,ol,form,button,input,textarea,dl,dt,dd,{margin:0;padding:0;}
body{text-align: left;font:14px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53","Verdana",sans-serif;background:#fff url(../images/bg.gif) repeat 0 0;color:#333;}
a {cursor: pointer;color:#FF4500;text-decoration: none;outline: 0 none;-webkit-transition: all .0s linear;-moz-transition:all .0s linear;-ms-transition: all .0s linear;transition: all .0s linear;}
a:hover,a:focus{text-decoration:none;color:#0ee2e2;}
ul,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6,em{font-size:14px;font-weight:normal;}
h2{color:#FF00FF;}
ol,ul{list-style:none;}
em{font-style: normal;}
img{border:0;vertical-align:middle;}
a:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/* html .clearfix{height:1%;}.clearfix{display:block;}/*.clearfix{zoom:1;}*/
.wrap{margin:0 auto;width:1002px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.tophead {padding-top:100px;}
#menu .ok{background:#FF00FF}
.browsehappy {width:650px;position:fixed;left:0px;top:58px;height:40px;line-height:40px;color:red;clear:both;z-index:2000;text-align:center;}
.w{width:980px;}
/*头部*/
.headClum{height:58px;background:#00406f url(../images/h_bg.gif) repeat 0 0;clear:both;}
.headClum{height:32px;background: #fff;line-height:30px;border-bottom: 1px solid #f5f5f5;}
.headClumCen{width:960px;margin:0 auto;height:32px;}
.headNav{float:left;font-size: 14px;}
.headNav a{padding-right:12px;color:#666;}
.headR{float:right;color:#666666;font-weight:bold;}
.headR a{padding:0 12px;color:#666;}
.acticeTxt{width:263px;float:right;margin-top:28px;line-height:20px;display:block;color:#4394d0;font-size:14px;}
.serach{width:361px;float: left;font-size:12px;margin: 13px 0 0 40px;}
.seh_list{float:left;}
.seh_m{float:left;}
.seh_v{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:0;border-right:0;height:25px;padding:2px 4px;line-height:25px;float:left;width:245px;outline:none;}
.seh_b{font-size:14px;background:#e12c21;border:0;color:#fff;width:60px;height:31px;line-height:30px;float:left;text-align:center;padding:0;cursor:pointer;}
.seh_b:hover{background:#333333;}
.arrow{padding-left:10px;border-right:1px solid #ddd;}
.seh_list{width:47px;height: 29px;border:1px solid #ddd;border-right:0;background:#fff;position:relative;z-index:10000;}
.seh_list_a{width:48px;position:relative;display:block;color:#666;height:16px;line-height:16px;_line-height:18px;padding:8px 0 3px;font-weight:400;text-indent:8px;background:#fff;border-right:2px solid #fff;}
.seh_list_a_clo{border-right:2px solid #ddd;}
.seh_list_a:link,.seh_list_a:visited{color:#666;}
.seh_list_a:hover{color:#e00;}
.seh_list_a .arrow{left:36px;top:13px;}
.seh_sort{position:absolute;background:#fff;left:-1px;top:24px;border:1px solid #ddd;border-top:none;padding:6px 0 2px;line-height:22px;}
.seh_sort a{display:block;width:42px;padding-top:5px;text-indent:8px;height:20px;line-height:20px;border-top:#ddd solid 1px;color: #666;}
/*登录信息*/
.logoClum {height:58px;background:#00406f url(../images/h_bg.gif) repeat 0 0;clear:both;}
.logoClum{height:58px;margin:0 auto;background: #fff;}
.logoClums{width:960px;margin:0 auto;}
.logonPic{float:left;width: 280px;height: 58px;}
.headLogin{float: right;}
.headLogin .login{width: 110px;height: 20px;line-height: 19px;border: #ddd solid 1px;}
.headLogin .login_but{margin-left: 5px;cursor: pointer;background: #e12c21;border: 0;color: #fff;width: 50px;line-height: 20px;text-align: center;}
.headLogin a{padding-left: 5px;color: #333;}
.headLogin a:hover{color:#e00;}
/*tuikuangdenglu*/
.cscms-popover-mask{z-index: 98;position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);display:none}
.cscms-popover{z-index:99;position:fixed;top:50%;left:50%;width:635px;height:336px;margin:-180px 0 0 -330px;border-radius:15px;border:solid 2px rgba(153,153,153,0.73);background-color:#a5a5a5;display:none;box-shadow: 0 0 10px #666;}
.cscms-poptit{border-radius:13px 13px 0 0;border-bottom:1px solid #999;padding:12px;position: relative;background-color: #a5a5a5;}
.cscms-poptit h3{color:#fff}
.cscms-poptit .close{float:right;color:#fff;padding:12px;margin:-2px -5px -5px;font:bold 14px/14px simsun;}
.user_dialog_login{display:inline;float:left;width:565px;height:262px;padding:0 10px;line-height:0px;}
.user_dialog_login .left{display:inline;float:left;width:260px;height:260px;padding:0 24px;}
.user_dialog_login .left_line{display:inline;float:left;width:247px;margin: 0 0 10px;}
.user_dialog_login .left_line a{text-decoration:underline;}
.user_dialog_login .left_line .message{display:inline;float:left;width:180px;height:16px;padding-left:6px;}
.user_dialog_login .left_line .message span{color: #444444 !important;}
.user_dialog_login .left_line .dl_loginName{background: url("../images/qq_bg.png") no-repeat scroll 0 -18px #66cc00;border:0px solid #CCCCCC;height: 36px;padding-left: 39px;padding-right: 5px;vertical-align: middle;width: 200px;margin: 0 0 5px;}
.user_dialog_login .left_line .dl_loginName .input_normal{background:#ccc;border: medium none;font-size: 28px;height: 36px;line-height: 36px;outline-style: none;padding: 0 5px;vertical-align: middle;width: 195px;font-family: Verdana,Arial,Helvetica,sans-serif;}
.user_dialog_login .left_line .dl_password{background: url("../images/qq_bg.png") no-repeat scroll 0 -54px #66cc00;border: 0px solid #CCCCCC;height: 36px;padding-left: 39px;padding-right: 5px;vertical-align: middle;width: 200px;}
.user_dialog_login .left_line .dl_password .input_normal{background: #ccc;border: medium none;font-size: 14px;height: 36px;line-height: 36px;outline-style: none;padding: 0 5px;vertical-align: middle;width: 195px;}
.user_dialog_login .left_line .input{display: inline;float: left;font-size: 14px;margin-top: 2px;}
.user_dialog_login .left_line .input .input_normal{border:0px solid #CCCCCC;color: #444444;height: 36px;padding-right: 5px;vertical-align: middle;background: #888888;font-size: 14px;line-height: 33px;outline-style: none;padding-left: 5px;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;text-align: center;}
.user_dialog_login .left_line .input .input_size{font-size: 18px;}
.user_dialog_login .left_line .input .vcode{display: inline;float: left;}
.user_dialog_login .left_line .noleft{display:inline;float:left;height: auto !important;line-height:31px;min-height:31px;margin-left:9px;margin-top: 2px;}
.user_dialog_login .left_line .noleft #authCode{border: 1px solid #CCCCCC;width:84px;height:36px;cursor: pointer;}
.user_dialog_login .left_line .reloadCode{display: inline;float: left;height: 42px;line-height: 42px;margin-left: 9px;}
.user_dialog_login .left_line .reloadCode a{color: #444444;font-size: 12px;text-decoration: underline;width: 50px;display: inline;float: left;line-height: 20px;text-align: left;}
.user_dialog_login .left_line .right{float: right;line-height:18px}
.user_dialog_login .left_line .right a{color: #444444;}
.user_dialog_login .left_line label{cursor: pointer;display:inline;float:left;color: #000000;}
.user_dialog_login .left_line label .check_box{margin-right: 3px;vertical-align: -2px;}
.user_dialog_login .style{display: inline;float: 66cc00;}
.user_dialog_login .style .home_btn{background:#4e77f5;border:1px solid #4e77f5;color:#f3f3f3;cursor: pointer;display: inline-block;font-size: 14px;font-weight: bold;height: 34px;line-height: 30px;overflow: hidden;text-align: center;width:85px;}
.user_dialog_login .right_line{border-left: 1px solid #888888;display: inline;float: left;padding: 0px 0 0px 40px;width: 190px;}
.user_dialog_login .right_line .title{color: #444444;font-size: 14px;font-weight: bold;text-align: left;}
.user_dialog_login .right_line .reg{display: inline;float: left;width: 100%;line-height:20px;}
.user_dialog_login .right_line .reg p{margin-top: 10px;padding-bottom: 12px;text-align: left;color: #000000;}
.user_dialog_login .right_line .reg .home_btn{background:#4e77f5;border:1px solid #c1d0d7;border: 0 none;cursor: pointer;display: inline;float: left;height: 32px;width: 100px;color:#ffffff;line-height:30px;text-align: center;}
.user_dialog_login .right_line .partner{display: inline;float: left;padding-top:12px;border-top: 1px solid #888888;margin-top:0px;width:100%}
.user_dialog_login .right_line .partner p.tit{color: #444444;margin: 0 0 6px;text-align: left;}
.user_dialog_login .right_line .partner .qq{display: inline;float: left;margin-top: 5px;}
.user_dialog_login .right_line .partner .qq a{color: #444444;}
/* member */
.logoClum .member{float: right;margin-top: 13px;}
.logoClum .member b {color: #707070;float: left;margin: 0 0 0 10px;text-shadow: 0 1px 1px #505050;line-height: 20px;_line-height: 24px;height: 28px;}
.logoClum .member li {color: #707070;float: left;margin: 0 0 0 19px;text-shadow: 0 1px 1px #505050;line-height: 20px;_line-height: 24px;height: 28px;}
.logoClum .member li a{color: #FFFFFF;float: left;font-size: 14px;height: 28px;width: 68px;background:#e12c21;text-align: center;line-height:25px;_line-height:32px;}
.logoClum .member li a.ti{display: block;position: relative;background:#e12c21;}
.logoClum .member_login{float:right;margin-top:11px;display:inline;height:50px;}
.logoClum .member_login li{float:left;display:inline;margin-left:8px;position:relative;height:50px;}
.logoClum .member_login li img{float:left;display:inline;height:35px;width:35px;margin:0 5px;padding:1px;top:-21px;border:2px solid #33333;}
.logoClum .member_login li .icon{float:left;display:inline;background:url("../images/member.png") no-repeat;width:36px;height:50px;}
.logoClum .member_login li .icon:hover{background:url("../images/member.png") no-repeat 0 -53px;}
.logoClum .member_login li .inform{background-position:-47px 0;}
.logoClum .member_login li .song{background-position:-93px 0;}
.logoClum .member_login li .share{background-position:-139px 0;}
.logoClum .member_login li .upload{background-position:-139px 0;}
.logoClum .member_login li .set{background-position:-186px 0;}
.logoClum .member_login li .account{background-position:-234px 0;margin:0;}
.logoClum .member_login li .inform:hover{background-position:-47px -53px;}
.logoClum .member_login li .share:hover{background-position:-139px -53px;}
.logoClum .member_login li .song:hover{background-position:-93px -53px;}
.logoClum .member_login li .upload:hover{background-position:-139px -53px;}
.logoClum .member_login li .set:hover{background-position:-186px -53px;}
.logoClum .member_login li .account:hover{background-position:-234px -53px;}
.logoClum .member_login li .feed_tips{background:#FE6600;color:#FFFFFF;display:inline;float:left;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:bold;height:12px;left:25px;line-height:12px;padding:1px 0;position:absolute;;top:-2px;z-index:1;-webkit-text-size-adjust:none;}
.logoClum .member_login li .feed_tips b{background:#FE6600;display:inline-block;height:13px;left:-1px;margin:0 -1px;padding:0 3px;}
.logoClum .member_login li .msg_tips{background:#FE6600;color:#FFFFFF;display:inline;float:left;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:bold;height:12px;left:25px;line-height:12px;padding:1px 0;position:absolute;top:-2px;z-index:1;-webkit-text-size-adjust:none;}
.logoClum .member_login li .msg_tips b{background:#FE6600;display:inline-block;height:13px;_left:-1px;margin:0 -1px;padding:0 3px;cursor:pointer;font-family:Arial;font-size:11px;font-weight:bold;height:12px;line-height:12px;overflow:hidden;position:relative;z-index:3;min-width:6px;width:auto!important;-webkit-text-size-adjust:none;}
.logoClum .menu{background:#fff;z-index:9998;}
.logoClum .menu{position:absolute;left:-75px;top:46px;padding:4px 0;z-index:9980;width:110px;}
.logoClum .menu em{background:url("../images/cache_label.png") no-repeat scroll 0 -130px;height:8px;left:84px;position:absolute;top:-8px;width:16px;}
.logoClum .menu .list{width:110px;height:26px;line-height:26px;display:block;letter-spacing:1px;}
.logoClum .menu .list b{background:url("../images/cache_label.png") no-repeat;display:inline;float:left;height:14px;margin:7px 6px 5px 16px;width:14px;}
.logoClum .menu .list b.dan{background-position:0 0;}
.logoClum .menu .list b.share{background-position:0 -21px;}
.logoClum .menu .list b.recom{background-position:0 -149px;}
.logoClum .menu .list b.like{background-position:0 -176px;}
.logoClum .menu .list b.boring{background-position:0 -200px;}
.logoClum .menu .list b.pass{background-position:0 -226px;}
.logoClum .menu .list b.download{background-position:0 -251px;}
.logoClum .menu .list b.setup{background-position:0 -44px;}
.logoClum .menu .list b.avatar{background-position:0 -66px;}
.logoClum .menu .list b.skin{background-position:0 -88px;}
.logoClum .menu .list b.exit{background-position:0 -107px;}
.logoClum .menu .list b.deleting{background-position:0 -277px;}
.logoClum .menu .list b.audit{background-position:0 -305px;}
.logoClum .menu .list b.account{background-position:0 -382px;}
.logoClum .menu .list b.gold{background-position:0 -409px;}
.logoClum .menu .list b.query{background-position:0 -431px;}
.logoClum .menu .list b.vip{background-position:0 -454px;}
.logoClum .menu .list b.score{background-position:0 -479px;}
.logoClum .menu .list:hover{background:#333333;}
/*公共导航*/
.Nav {margin-left:auto; margin-right:auto; display:block; height:50px; background:#062da2; }
.Nav .links {margin-left:auto; margin-right:auto; display:block; height:50px; position:relative;}
.Nav .links_right {float:right;margin-right: 10px;}
.Nav .links_right li{width: 55px;}
.Nav .links_right li ul li{width: 100%;}
.Nav .links_right li ul li a{width: 100%;}

.Nav a{height:47px;width:65px;*width:79px; font-weight:bold; line-height:50px; display:inline-block; font-size:12pt; text-align:center; color:#14e7bd; margin:0;}
.Nav a:hover{color:#F3F3F3;}
.Nav .links a.current {text-decoration:none; color:#fff; background:url("../images/menu_bg.gif") center bottom no-repeat;background-color:#E12C21;}
.Nav li{z-index: 10000;float: left;width: 81px;height:50px;}
.Nav li ul{display: block;width: 76px;line-height: 27px;list-style-type: none;text-align:left;position: absolute;display: none;z-index: 10000;background: #282828;border: 5px solid #555555;}
.Nav li ul em{left: 40%;height: 13px;width: 16px;position: absolute;top: -13px;background: url("../images/angle.gif") no-repeat;}
.Nav li ul li{height:35px;line-height:35px;clear: both;width: 100%;float: left;color: #abaaaa;}
.Nav li ul a{height:35px;line-height:35px;width: 100%;display: block;text-align:center;font-weight:normal;}
.Nav li ul a:hover{color:#F3F3F3;text-decoration:none;font-weight:normal;background:url("") center bottom no-repeat;background-color:#3b3b3b;}
.Nav .a{width: 110px;margin-left: -20px;}
.Nav .b{width: 110px;margin-left: -20px;}
.Nav .c{width: 140px;margin-left: -30px;}
.Nav .d{width: 110px;margin-left: -20px;}
.Nav .e{width: 110px;margin-left: -20px;}
.Nav .f{width: 140px;margin-left: -30px;}
.Nav .g{width: 260px;margin-left: -80px;}

/* footer */
.ws_global_footer{width:100%;min-width:1000px;}
.ws_footer_con{height:140px;background:#efefef;}
.ws_footer_info{background: #333;}
.ws_global_footer .content{width:1000px;margin:0 auto;padding:15px 0 10px;background:transparent;}
.ws_global_footer .content a{color:#999;}
.ws_global_footer .content a:hover{color:#4caff4;}
.ws_global_footer h6{padding:0;height:40px;line-height:40px;font-size:16px;font-weight:400;color:#666;margin:0 0 10px 0;}

.ws_global_footer .concur{width:400px;float:left;background:url(../images/foot_line.png) 399px 15px no-repeat;min-height:115px;}

.ws_global_footer .concur a.lg_01{background-position:0 0;}
.ws_global_footer .concur a.lg_02{background-position:-90px 0;}
.ws_global_footer .concur a.lg_03{background-position:-180px 0;}
.ws_global_footer .concur a.lg_04{background-position:-270px 0;}
.ws_global_footer .concur a.lg_01:hover{background-position:0 -40px;}
.ws_global_footer .concur a.lg_02:hover{background-position:-90px -40px;}
.ws_global_footer .concur a.lg_03:hover{background-position:-180px -40px;}
.ws_global_footer .concur a.lg_04:hover{background-position:-270px -40px;}
.ws_global_footer .concur h6 a{display:block;width:63px;height:100%;text-indent:-9999px;background:url(../images/bom_logo.png) -360px 7px no-repeat;}
.ws_global_footer .concur h6 a:hover{background-position:-360px -34px;}

.ws_global_footer .topic{padding-left:20px;width:366px;float:left;background:url(../images/foot_line.png) 385px 15px no-repeat;min-height:115px;}
.ws_global_footer .topic li{float:left;width:165px;height:22px;line-height:22px;padding-right:10px;}

.ws_global_footer .download{padding-left:20px;width:194px;float:left;min-height:115px;}
.ws_global_footer .download .down_l{width:100px;float:left;line-height:22px;}
.ws_global_footer .download .down_r{width:94px;float:left;position:relative;}
.ws_global_footer .download .down_r a{display:block;width:88px;height:22px;line-height:22px;border:1px solid #d7d7d7;background:#fff;text-decoration:none;}
.ws_global_footer .download .down_r a:hover{border-color:#c0c0c0;color:#666;}
.ws_global_footer .download .down_r .wb{margin:-25px 0 10px;}
.ws_global_footer .download .down_r a i{float:left;width:24px;height:24px;background-repeat:no-repeat;margin:0 5px 0;background-image:url(../images/foot_sprite.png);background-repeat:no-repeat;}
.ws_global_footer .download .down_r .wb i{background-position:0 0;}
.ws_global_footer .download .down_r .wb:hover i{background-position:0 -24px;}
.ws_global_footer .download .down_r .wx i{background-position:0 -48px;}
.ws_global_footer .download .down_r .wx:hover i{background-position:0 -72px;}
.ws_global_footer .download .down_r .qrcode{width:200px;height:220px;background:url(../fl/weixin.png) -24px 0 no-repeat;position:absolute;bottom:0;right:-190px;display:none;z-index:11;}

.ws_footer_info .content{padding:15px 0 25px;}
.ws_footer_info p{height:22px;line-height:22px;text-align:center;color:#999;text-align:left;}
.ws_footer_info .f_nav{margin-bottom:10px;color:#fff;}
.ws_footer_info .f_nav a{color:#fff;margin:0 10px 0 0;}
.ws_footer_info .f_nav a:hover{color:#6c0;text-decoration:none;}

/*导航下翻条*/
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#e2e2e2}
::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}
/*更好的控制*/
.index_center{float:left;width:1000px;height:230px;background-color:#fff;border:0px solid red;}
.imgboxshui{position:relative;width:980px;height:230px;padding:0px 0px 0;}
.imgboxshui .index_toum{left:566px;width:390px;background:#000;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;position:absolute;z-index:1;bottom:0;height:38px;}
.imgboxshui .num{overflow:hidden;zoom:1;float:left;position:absolute;z-index:2;bottom:0;right:5px;}
.imgboxshui .num li{display:inline-block;float:left;padding:5px;margin-right:35px;margin-top:0px;color:#ff00ff;font-size:18px;width:20px;height:27px;line-height:27px;font-family:\5b8b\4f53;font-weight:bold;font-style:italic;text-align:center;cursor:pointer;}
.imgboxshui .num li.on{background:url(../images/yuan.png) 2px 3px no-repeat;cursor:pointer;}
.imgboxshui .img-ov{width:1000px;height:230px;overflow:hidden;position:relative;float:left;}
.imgboxshui .width{width:9999px;position:absolute;top:0;left:0;}
.imgboxshui .big-img{overflow:hidden;}
.imgboxshui .big-img li{float:left;}
.imgboxshui .big-img li img{width:1000px;height:230px;position:relative;}
.gttp {padding:0px;padding-top:0px;}

友情链接
/*footer*/
.bottom{background: url("../images/bg.jpg") repeat;margin-top: 10px;text-align: center;color:#adadad;}
.bot_top{width: 1000px;margin:0px auto 0;overflow: hidden;background:#fff;}
.bot_top .title{height:35px;margin:10px 10px 8px;display: inline;float:left;color:#ffffff;}
.bot_top .title .default{width:86px;display: inline;float:left;height:34px;margin-right:5px;cursor: pointer;background:#ff0000;font-size:14px;text-align: center;line-height:30px;}
.bot_top .title .normal{width:86px;display: inline;float:left;height:34px;margin-right:5px;cursor: pointer;background:#2b2b2b;font-size:14px;text-align: center;line-height:30px;}
.bot_top .title .name{display: inline;float: left;font-size: 18px;height: 30px;color:#adadad;padding-left:25px;}
.bot_top .title .synergic{width:86px;display: inline;float:left;height:34px;margin-right:10px;cursor: pointer;_margin-right:13px;background:#2b2b2b;font-size:14px;text-align: center;line-height:30px;}
.bot_top .title .on{width:86px;display: inline;float:left;height:34px;margin-right:10px;cursor: pointer;background:#666;font-size:14px;text-align: center;line-height:30px;}
.bot_top .title .annotator{display: inline;float:left;line-height:30px;font-size: 14px;font-weight: normal;color:#555555;padding-left:20px;}
.bot_top ul{padding:5px 20px 15px;float: left;line-height: 18px;text-align: left;width: 940px;}
.bot_top ul li {display: inline;float: left;overflow: hidden;text-indent: 0.6em;white-space: nowrap;margin:0 20px 5px 0;}
.bot_top ul li a{color:#686868;}
.bottom .footer {color: #adadad;font-family: 'Microsoft Yahei',"微软雅黑";line-height: 30px;overflow: hidden;padding: 20px 0 30px;white-space: nowrap;width: 980px;margin:0 auto;}

.header_new a {text-decoration:none; color:#abaaaa}
.header_new a:hover{text-decoration:none;color:red;}
.header_new input,label{outline:none; margin:0; padding:0;}
.banner_text {background: #252525;width: 960px;margin: 10px auto;padding: 10px;}
.play_button .select_all {background: url("../images/button.gif") no-repeat;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;margin: 0 5px 0 0;text-align: left;text-indent: 27px;width: 64px;padding-left:5px;}
.play_button .on_select_all {background: url("../images/button.gif") no-repeat -74px 0;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;margin: 0 5px 0 0;text-align: left;text-indent: 27px;width: 64px;padding-left:5px;}
.play_button .select_add_list {background: url("../images/button.gif") no-repeat scroll 0 -54px transparent;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;text-align: left;text-indent: 27px; width: 88px;}
.play_button .select_play {background: url("../images/button.gif") no-repeat scroll 0 -27px transparent;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;margin: 0 5px 0 0;text-align: left;text-indent: 27px;width: 69px;}
.play_button .select_del {background: url("../images/button.gif") no-repeat scroll -74px -27px transparent;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;margin: 0 5px 0 0;text-align: left;text-indent: 27px;width: 69px;}
.play_button .select_more {background: url("../images/button.gif") no-repeat scroll 0 -57px;cursor: pointer;display: inline;float: right;height: 27px;line-height: 27px;text-align: left;text-indent: 27px;width: 69px;color: #FFFFFF !important;}
.play_content .left_bot .recom ul li .button .but_right .btn_playback{background: url("../images/button.gif") no-repeat scroll 0 -27px transparent;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;margin: 0 5px 0 0;text-align: left;text-indent: 27px;width: 69px;}
.play_content .left_bot .recom ul li .button .but_right .btn_toplaylist{background: url("../images/button.gif") no-repeat scroll 0 -54px transparent;color: #FFFFFF !important;cursor: pointer;display: inline-block;float: left;height: 27px;line-height: 27px;text-align: left;text-indent: 27px; width: 88px;}
/*底部*/
#footer{width: 100%;background-color: #00406f;position: relative;}
#footer li.list{width: 100%;text-align: center;color: #795151;height: 45px;border-bottom: 1px solid #606269;margin-bottom: 12px;}
#footer li a{line-height: 45px;}
#footer p{width: 100%;text-align: center;color: #aaa;line-height: 30px}
#footer a{color: #eee;line-height: 25px;}
#footer a:hover{color: #1E9FFF}
#footer .pb10{padding-bottom: 10px;}
/**回到顶部按钮样式**/
#top_btn{word-break:break-all;position:fixed;border-radius: 26px;right:38px;bottom:69px;background:white;z-index: 100; display: none;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-o-transition:background 1s;}
#top_btn a {display:block;width:50px;height:50px;background-image:url("../images/top1.png");background-repeat:no-repeat;border-radius: 29px;}
#top_btn a:hover {background-image:url("../images/top2.png");}


/*弹出QQ*/
/*floating*/
.floating{position:fixed;right: 39px;
bottom: 119px;width:50px;z-index:9999999;_display:none}
.floating_btn dt{display:none;}
.floating_btn dd{position:relative;width:50px;height:50px;margin-bottom:2px;}
.floating_btn dd a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;font-size:12px;}
.floating_btn dd .floating_tips{display:none;position:absolute;top:0;right:50px;width:100px;height:34px;line-height:17px;padding:8px 10px;color:#F3F3F3;text-align:left;background:url(../images/floating_bg.png) 0 0 no-repeat;}
.floating_btn dd a:hover{text-decoration:none;}


.floating_qq,.floating_qq:hover,.floating_fankui,.floating_fankui:hover{width:50px;height:50px;display:inline-block;background-image:url(../images/ydhui_floating.png);}
.floating_qq{background-position:0 -50px;}
.floating_qq:hover{background-position:-50px -50px;}
.floating_fankui{background-position:0 0}
.floating_fankui:hover{background-position:-50px 0}
.floating_qq,.floating_qq:hover,.floating_fankui,.floating_fankui:hover{display:block;width:50px;height:50px;background-image:url("../images/ydhui_floating.png");background-repeat:no-repeat;border-radius: 66px;}
.floating_qq,.floating_qq:hover,.floating_fankui,.floating_fankui:hover {background-image:url("../images/ydhui_floating.png");}
/**首页布局**/

/* header */
.ws_head_wrap{width:100%;height:60px;min-width:1000px;background:#222 url(../images/top_bg.png) repeat-x;text-align:center;}
.ws_head_wrap .head{width:1000px;margin:0 auto;}
.ws_head_wrap .head .logo{width:160px;height:50px;float:left;padding:5px 0;}
.ws_head_wrap .head .logo img{width:100%;height:100%;}

.ws_head_wrap .ser_box{width:262px;height:32px;padding:14px 0 14px 58px;float:left;}
.ws_head_wrap .serach{position:relative; width:100%;height:100%;background:url(../images/head_sprite.png) 0 0 no-repeat;}
.ws_head_wrap .serach .seh_v{width:200px;height:28px;float:left;margin-top:1px;border:0;padding-left:20px;background:transparent;color:#999;font-family:'Microsoft Yahei';}
.ws_head_wrap input::-webkit-input-placeholder{color:#999;}
.ws_head_wrap input:-moz-placeholder{color:#999;}
.ws_head_wrap input::-moz-placeholder{color:#999;}
.ws_head_wrap input:-ms-input-placeholder{color:#999;}
.ws_head_wrap .serach .seh_b{width:40px;height:32px;float:right;text-indent:-9999px;}

.ws_head_wrap .top_nav{float:right;height:60px;line-height:40px;}
.ws_head_wrap .top_nav ul{float:left;}
.ws_head_wrap .top_nav ul li{float:left;position:relative;}
.ws_head_wrap .top_nav li a{color:#fff;padding:10px;display:block;}
.ws_head_wrap .top_nav li a:hover{color:#6c0;}
.ws_head_wrap .top_nav ul ul{float:none;position:absolute;background:#fff;border:1px solid #ddd;top:40px;z-index:9999;display:none;}
.ws_head_wrap .top_nav .msgcount,.ws_head_wrap .top_nav .count{font-style:normal;font-size:10px;background:#f00;color:#fff;border-radius:9px;padding:0px 5px;line-height:17px;position:absolute;}
.ws_head_wrap .top_nav .msgcount{top:-12px;left:8px;}
.ws_head_wrap .top_nav .count { position: static; float: right; margin-top: 6px; color: #fff; }
.ws_head_wrap .top_nav .msg_box{width:110px;left:-12px;}
.ws_head_wrap .top_nav .msg_box li{height:30px;line-height:30px;text-align:left;}
.ws_head_wrap .top_nav .upload_box{left:5px;}
.ws_head_wrap .top_nav .app_box{left:-10px;}
.ws_head_wrap .top_nav ul ul li{float:none;display:block;}
.ws_head_wrap .top_nav li a i{float:left;margin:12px 10px 12px 5px;background-image:url(../images/head_sprite.png);background-repeat:no-repeat;}
.ws_head_wrap .top_nav ul ul a{color:#3c3c46;padding:0 10px;height:30px;line-height:30px;}
.ws_head_wrap .top_nav ul ul a:hover{color:#000;background:#f1f1f1;}
.ws_head_wrap .top_nav .icon_phone{width:9px;height:16px;background-position:0 -36px;}
.ws_head_wrap .top_nav .icon_upload{width:16px;height:14px;background-position:-33px -36px;}
.ws_head_wrap .top_nav .icon_msg{width:14px;height:11px;margin-top:15px;background-position:-14px -36px;position:relative;}
.ws_head_wrap .top_nav .headpic_s{margin-right:5px;}
.ws_head_wrap .top_nav .headpic_s img{vertical-align:middle;border-radius:100%;}
.ws_head_wrap .top_nav .head_box{display:none;width:290px;height:318px;border:0;border-top:3px solid #32b150;left:-70px;top:60px;box-shadow:0px 1px 1px 1px rgba(0,0,0,.3);-webkit-box-shadow:0px 1px 1px 1px rgba(0,0,0,.3);}
.ws_head_wrap .top_nav .head_box_top{height:52px;background:#232323;padding:4px 15px;}
.ws_head_wrap .top_nav .head_box_top .item{height:26px;line-height:26px;color:#999;}
.ws_head_wrap .top_nav .head_box_top .sign_box{max-width:155px;float:left;text-align:left;padding-top:5px}
.ws_head_wrap .top_nav .head_box_top .sign_box .day{color:#fff;padding:0 5px;}
.ws_head_wrap .top_nav .head_box_top .signBtn{float:right;width:44px;height:20px;background:url(../images/head_sprite.png) -218px -36px no-repeat;text-indent:-9999px;margin-top:3px;padding:0;line-height:100%;}
.ws_head_wrap .top_nav .head_box_top .signBtned{background-position:-174px -36px;}
.ws_head_wrap .top_nav .head_box_top .coin_box{padding-left:20px;text-align:left;overflow:hidden;padding-top:5px}
.ws_head_wrap .top_nav .head_box_top .coin_box i{width:14px;height:16px;background:url(../images/head_sprite.png) -54px -36px no-repeat;float:left;margin:10px 5px 0 0;}
.ws_head_wrap .top_nav .head_box_top .coin_box .coin{color:#fff;padding:0 5px;}
.ws_head_wrap .top_nav .head_box_top .icon{float:left;width:20px;height:20px;padding:0;line-height:100%;margin-right:10px;margin-top:15px;height:16px;width:16px;}
.ws_head_wrap .top_nav .head_box_top .icon img{width:100%;height:100%;}
.ws_head_wrap .top_nav .head_box_ct ul{display:block;position:static;border:0;margin:0 10px 8px;overflow:hidden;}
.ws_head_wrap .top_nav .head_box_ct li{float:left;border-bottom:1px solid #f3f3f3;border-left:1px solid #f3f3f3;margin-left:-1px;width:33%;height:70px;text-align:center;}
.ws_head_wrap .top_nav .head_box_ct li a{padding:0;display:block;height:60px;padding-top:10px;color:#999;}
.ws_head_wrap .top_nav .head_box_ct li a:hover{color:#32b150;}
.ws_head_wrap .top_nav .head_box_ct li a i{float:none;display:block;margin:0 auto;background-image:url(../images/headboxsprite.png);width:24px;height:24px;}
.ws_head_wrap .icon_box{background-position:-96px -48px;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_box{background-position:-120px -48px;}
.ws_head_wrap .icon_gqgl{background-position:-96px 0;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_gqgl{background-position:-120px 0;}
.ws_head_wrap .icon_grzx{background-position:0 0;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_grzx{background-position:-24px 0;}
.ws_head_wrap .icon_cert{background-position:-48px -48px;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_cert{background-position:-72px -48px;}
.ws_head_wrap .icon_wdcf{background-position:-48px -24px;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_wdcf{background-position:-72px -24px;}
.ws_head_wrap .icon_wdhy{background-position:0 -24px;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_wdhy{background-position:-24px -24px;}
.ws_head_wrap .icon_wdzy{background-position:-48px 0;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_wdzy{background-position:-72px 0;}
.ws_head_wrap .icon_yyr{background-position:0 -48px;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_yyr{background-position:-24px -48px;}
.ws_head_wrap .icon_zhsz{background-position:-96px -24px;}
.ws_head_wrap .top_nav .head_box_ct li a:hover .icon_zhsz{background-position:-120px -24px;}
.ws_head_wrap .top_nav ul ul a.logout{text-align:center;background:#f3f3f3;font-size:14px;height:38px;line-height:38px;}
.ws_head_wrap .top_nav ul ul a.logout:hover{color:#333;background:#e0e0e0;}
.ws_head_wrap .top_nav ul .arr{width:14px;height:5px;position:absolute;top:-8px;left:138px;background:url(../images/head_sprite.png) -72px -36px no-repeat;}

/* nav */
.ws_nav_wrap{width:100%;min-width:1000px;text-align:center;background:#222322;-webkit-box-shadow:0 0 0 1px rgb(51,51,51) inset;-moz-box-shadow:0 0 0 1px rgb(51,51,51) inset;-ms-box-shadow:0 0 0 1px rgb(51,51,51) inset;box-shadow:0 0 0 1px rgb(51,51,51) inset;}
.ws_nav_wrap .nav{width:1000px;margin:0 auto;height:38px;line-height:38px;}
.ws_nav_wrap .nav li{float:left;margin-right:10px;}
.ws_nav_wrap .nav li a{display:block;padding:0 15px;height:34px;line-height:38px;border-bottom:4px solid #222322;font-size:14px;color:#fff;}
.ws_nav_wrap .nav li a:hover{color:#6c0;}
.ws_nav_wrap .nav li a.curr{font-size:16px;border-color:#32b150;}
.ws_nav_wrap .nav .bar{font-size:16px;}


/*搜索下拉*/
.lt{float:left;}
.rt{float:right;}
.rel{position:relative;}
.abs{position:absolute;}
.ico{text-indent:-9999em; display:block; overflow:hidden;}

.ser_tips{top:34px;left:0px;z-index:10000;}
.ser_tips a:link,.ser_tips a:visited{color:#333; height:50px; line-height:50px; padding:0 15px; border-top:#eee solid 1px; margin-top:-1px;}
.ser_tips a:hover{background:#efefef;}
.ser_tips .ser_history_box,.ser_tips .ser_hot_box,.ser_tips .ser_res_box{background:#fff;border:#eee solid 1px;border-radius:3px;width:324px;}
.ser_tips .ser_history_box dt,.ser_tips .ser_hot_box dt{background:#f2f2f2; height:50px; line-height:50px; font-size:14px; color:#999; padding:0 15px;}
.ser_tips .ser_history_box dt i.ico,.ser_tips .ser_hot_box dt i.ico{width:18px; height:18px; background:url('../images/t_icon.png') -41px 0 no-repeat; margin:15px 5px 0 0;}
.ser_tips .ser_history_box{}
.ser_tips .ser_history_box dd a.a_btn span.lt{width:17px; height:17px; border-radius:2px; font-size:12px; line-height:17px; margin:16px 5px 0 0; color:#999; text-align:center;}
.ser_tips .ser_history_box dd a.a_btn i.ico{width:18px; height:18px; background:url('../images/t_icon.png') -77px 0 no-repeat; margin:15px 0 0 0;}
.ser_tips .ser_history_box dd a.a_btn:hover i.ico{background-position:-95px 0;}
.ser_tips .ser_hot_box dt i.ico{background-position:-58px 0;}
.ser_tips .ser_hot_box dd a.a_btn span.lt{width:17px; height:17px; border-radius:2px; font-size:12px; line-height:17px; margin:16px 5px 0 0; color:#999; text-align:center;}
.ser_tips .ser_hot_box dd a.a_btn span.top_01{background:#f06262; color:#fff;}
.ser_tips .ser_hot_box dd a.a_btn span.top_02{background:#ffae00; color:#fff;}
.ser_tips .ser_hot_box dd a.a_btn span.top_03{background:#9fda38; color:#fff;}
.ser_tips .ser_hot_box dd a.a_btn i.ico{width:18px; height:18px; background:url('../images/t_icon.png') -77px 0 no-repeat; margin:15px 0 0 0;}
.ser_tips .ser_hot_box dd a.a_btn:hover i.ico{background-position:-95px 0;}
.ser_tips .ser_res_box{border-top:none;}
.ser_tips .ser_res_box table tr th{border-right:#eee solid 1px; border-top:#eee solid 1px; vertical-align:top; background:#f8f8f8; font-weight:normal; color:#999; padding-top:10px;}
.ser_tips .ser_res_box table tr td{border-top:#eee solid 1px; text-align:left;}
.ser_tips a.a_btn{display:block;}
.ser_tips .ser_res_box td a {width: 230px;}
.ser_tips .ser_res_box table tr td a.a_btn i.ico{width:18px; height:18px; background:url('../images/t_icon.png') -77px 0 no-repeat; margin:15px 0 0 0;}
.ser_tips .ser_res_box table tr td a.a_btn:hover i.ico{background-position:-95px 0;}
.ser_tips .ser_res_box table tr td a.a_btn .key{color:#66cc00; font-weight:bold;}
.ser_tips .ser_res_box table tr td a.a_btn .u_head_img{width:24px; height:24px; line-height:24px; padding:13px 8px 0 0;}


/*歌曲分类*/
#cscms_yinyue_list {width:980px;margin:0px auto;margin-top:10px;}
#cscms_yinyue_list .ct_list{ font-size:12px;}
#cscms_yinyue_list .ct_list tr th{ background:#f8f8f8; padding:9px 0 8px; border-bottom:1px solid #d9d9d9;text-align:center}
#cscms_yinyue_list .ct_list tr td{ padding:14px 0 12px; background:#fff; text-align:center}
#cscms_yinyue_list .ct_list tr.c2 td{ background:#f8f8f8;}
#cscms_yinyue_list .yc_list_main{ overflow:hidden; zoom:1; background:#fff; padding:10px;}
#cscms_yinyue_list .yc_list_fen{ width:120px; float:left; margin-top:12px;}
#cscms_yinyue_list .yc_list{ margin-left:20px; width:820px; float:left;}
#cscms_yinyue_list .yc_list_fen_clo{ border:1px solid #ededed; border-right:none; background:#fff;}
#cscms_yinyue_list .yc_list_fen li a{ display:block; line-height:40px; height:40px; text-indent:17px;}
#cscms_yinyue_list .yc_list_fen li a:hover{ background:#f8f8f8; text-decoration:none;}
#cscms_yinyue_list .yc_list_fen .yc_list_fen_clo a:link,.yc_list_fen .yc_list_fen_clo a:visited{ color:#6DB823; font-weight:900;}
#cscms_yinyue_list .yc_list_fen .yc_list_fen_clo a:hover{ background:#fff;}
#cscms_yinyue_list .yc_list .title{font-size:16px;height:30px; line-height:25px;color:#333}
#cscms_yinyue_list .aleft{ text-align:left; text-indent:12px;}
#cscms_yinyue_list .aling{ color:#999;}
#cscms_yinyue_list .t_bnt{ display:block; width:14px; height:14px; line-height:0; font-size:0; background:url(../images/yc_bg.png) no-repeat; text-indent:-9999px; overflow:hidden; margin:0 auto;}
#cscms_yinyue_list .shit{ background-position:0 -95px;}
#cscms_yinyue_list .xiaz{ background-position:0 -125px;}
#cscms_yinyue_list .c2 .shit{ background-position:0 -110px;}
#cscms_yinyue_list .c2 .xiaz{ background-position:0 -140px;}