@charset "utf-8";
body a{outline:none;}
.w1100{ width:1100px; margin:0 auto;}
.tit01{ font-size:26px; color:#a06466;}
.pad60{padding-bottom:60px;}
.play-pre,.play-next,.icon-play,.icon-pause,.progress span i,.volume-btn,.jp-volume-bar-value i,.play-btn,.icon-player{background:url("../images/icon.png") no-repeat;}
.header{ width:100%;line-height: 36px;}
.topbar{width: 100%;padding:5px 0;background: #f5f5f5;border-bottom: 1px solid #ddd;box-shadow: 0 0 15px #b7b7b7;}
.topbar-con{ width:1100px; margin:0 auto;position: relative;}
.topbar-con .logo{ width:100%; text-align: center;}
.topbar-con .menu{position: absolute;top: 50%;left:0px;margin-top: -18px;}
.topbar-con .menu li{ float:left; padding:0 30px 0 0; position:relative; font-size:18px;color:#fff;position: relative;z-index: 1}
.topbar-con .menu li .a-1{color:#363636;}
.topbar-con .menu li .a-1:hover{ color:#f7c9c9;}
.topbar-con .menu .lv-2{ position:absolute; left:-50px; top:52px; width:180px; height:38px; line-height:38px; text-align:center;}
.topbar-con .menu .lv-2 .sanjiao{ display:block; width:0px; height:0px; font-size:0px; border-bottom:10px solid #f4f4f4; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; top:-10px; left:50%; margin-left:-7px;}
.topbar-con .menu .lv-2 a{ color:#0c173b; font-size:16px; margin:0 5px;}
.topbar-con .menu .lv-2 a:hover{color:#f24242;}
.topbar-r{position: absolute;right: 0;top: 50%; font-size:14px;margin-top: -18px;}
.topbar-r a{ color:#a06466;}
.topbar-r a:hover{ color:#f7c9c9;}
.topbar-r i{ display:inline-block; width:2px; height:11px; background:#f7c9c9; font-size:0px; margin:0 10px; vertical-align:middle;}

.hot{ padding-top:55px;}
.hot-music{ float:right; width:460px;}
.h-m-hd{ color:#f83243; line-height:30px; font-size:16px; border-bottom:1px solid #d2d2d2;}
.hot-img{ float:left; width:582px; padding-top:14px;}
.music-list{overflow:hidden;}
.music-list dt,.music-list dd{overflow:hidden; height:44px; line-height:44px; padding:0 10px 0 15px; font-size:14px;}
.music-list .top{ height:48px; line-height:48px; padding:8px 10px 8px 15px;}
.music-list dt{background:#efefef;}
.music-list dd{background:#fff;}
.music-list .s-num{ float:left; font-size:18px; font-weight:bold; color:#d0d0d0; margin-right:8px;}
.music-list .s-img{ float:left; width:48px; height:48px; margin-right:10px;}
.music-list .s-img img{width:48px; height:48px;}
.music-list .a-song{ float:left; max-width:250px; color:#424242; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.music-list .a-song:hover{color:#f24242;}
.music-list .s-singer{ float:right; width:70px; color:#adadad; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.mv{ padding-top:55px;}
.mv-bd{ padding-top:25px;}
.mv-bd li{ float:left; width:532px; font-size:14px;}
.mv-bd li .mv-player{ width:532px; height:315px; overflow:hidden; background:#000;}
.mv-bd li h2{  color:#0c173b; height:30px; line-height:30px; overflow:hidden; margin-top:10px; padding-left:10px;}
.mv-bd li p{ color:#9f9f9f; line-height:26px; padding-left:10px; overflow:hidden;}
.icon-player{ float:left; width:24px; height:28px; background-position:0px 0px; margin:4px 10px 0 0;}
.mv-bd li p em{margin-right:10px;}

.tj-singer{ padding-top:15px; }
/*.tj-singer-bd{ padding-top:20px;}*/
.tj-singer-bd dt,.tj-singer-bd dd{ float:left; width:328px; margin-left:58px;}
.tj-singer-bd dt{margin-left:0px;}
.tj-singer-bd .d-1{ height:56px; padding:0;}
.tj-singer-bd .d-1 span{ float:left; width:146px; height:146px; margin-right:36px; display: none;}
.tj-singer-bd .d-1 span img{width:146px; height:146px;}
.tj-singer-bd .d-1 .p-1{ margin-top:38px; font-size:20px; color:#000; line-height:36px;}
.tj-singer-bd .d-1 .p-2{ font-size:14px; color:#9f9f9f;}
.tj-singer-bd .d-2{ padding:18px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin-top:25px;}
.tj-singer-bd .d-2 p{overflow:hidden; height:44px; line-height:44px; font-size:14px; padding:0 10px;}
.tj-singer-bd .d-2 p a{ float:left; color:#000; max-width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tj-singer-bd .d-2 p a:hover{color:#f24242;}
.tj-singer-bd .d-2 p span{ float:right; color:#9f9f9f;}
.tj-singer-bd .d-2 .p-4{background:#f4f4f4;}

.rank{ padding-top:30px;}
.rank-bd{padding-top:25px;}
.gold-rank{ float:left; width:518px;}
.g-r-tit,.h-r-tit{ height:58px; line-height:58px; text-indent:30px; font-size:20px; color:#fff;}
.gold-rank .g-r-tit{background:#ffbb39;}
.hot-rank{ float:right; width:518px;}
.hot-rank .h-r-tit{background:#ff4848;}

.footer{ background:#363636; text-align:center; font-size:14px; color:#fff; padding:15px 0 15px 0; line-height:24px; margin-top:100px;}

/*播放控制条*/
.music-player{position:fixed;left:0;bottom:0;z-index:10;width:100%;height:60px;background:url("../images/bg60.jpg") repeat-x;}
.music-player-cont{width:1100px;margin:0 auto;}
.play-pre{float:left;width:34px;height: 34px;margin-top:12px;margin-right:26px;background-position: 0 -99px;}
.play-next{float:left;width:34px;height:34px;margin-top:12px;margin-right:50px;background-position: -35px -99px;}
.icon-play{display:inline-block;float:left;width:48px;height:48px;margin-top:6px;margin-right:26px;background-position: -54px -47px;}
.icon-pause{float:left;width:48px;height:48px;margin-top:6px;margin-right:26px;background-position: 0 -49px;}
.play-tit{ height:32px; line-height:26px;padding-top:3px;font-size: 14px;color:#7f7f7f; overflow:hidden;}
.play-tit a{color:#fff;}
.jp-playlist ul li{display:none!important;}
.jp-playlist ul .jp-playlist-current{display:block!important;}
.progress-box{float:left;width:680px;height:600px;margin-right:16px;}
.progress{ 
	position: relative;   
	width:680px!important;
    height: 8px;
    background: #171719; 
    border-top:1px solid #060606;
    border-bottom:1px solid #2d2d32;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius:10px;
    cursor: pointer;
}
.progress span{
    height:100%;
	position: absolute;
	left:0;
	top:-1px;
	background: #c94c1c;
	border-top:1px solid #ff5716;
    border-bottom:1px solid #0c0b0d;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius:10px;
}
.progress span i{
	position: absolute;
    right: -14px;
    top: -6px;
    width: 18px;
    height: 18px;
    background-position:-104px -72px; 
}
.play-time{float: left;font-size: 12px;color:#9797a7;margin-top:30px;margin-right: 34px;}
.play-time i,.play-time .jp-duration{color:#767681;}
.volume-box{position:relative;float:right;width:22px;height:22px;margin:20px 0 0 20px;}
.volume-level{
	position: absolute;
	left:22px;
	bottom:10px;	
    width: 8px;
    height: 140px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius:12px;
    background: #000;
    cursor:pointer;
}
.volume-bar-value-box{display:none;position:absolute;z-index:99;left:-14px;bottom:41px;width:52px;height:164px;background:#1a1e25;}
.jp-volume-bar-value{
    width:100%;
	position: absolute;
	left:0;bottom:0;
	width: 8px;
	background: #c94c1c;
	border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -ms-border-radius:12px;
}
.jp-volume-bar-value i{
	position: absolute;
    left:50%;
    top: -8px;
    content: "";
    width: 18px;
    height: 18px;
    background-position: -104px -72px;
    margin-left:-9px;
}
.volume-btn{display:block;position:absolute;left:0;bottom:0;width:22px;height:22px;margin-top:21px;background-position: -105px -47px;}

.menu .child{
    display: none;
    position: absolute;
    top: 36px;
    left: -10px;
    right: -10px;
    text-align: center;
    background: #000;
}

.menu .child a{
    display: inline-block;
    width: 100%;
    line-height: 26px;
    z-index: 100;
    color: #fff;
}

.topbar-con .menu li:hover .child{
    display: block;
}

.menu .child a:hover{
    color:#f7c9c9;
}

/*流行*/

.pub .tj-singer-bd dt{
    width: 100%;
}

.pub .tj-singer-bd .d-2{
    margin-top: 0;
    border-top: 0;
}

.pub .tj-singer-bd .d-2.leftbox{
    margin-right: 10px;
}

.pub .tj-singer-bd .d-2.rightbox{
    margin-left: 10px;
}

.ads{
    margin: 20px auto 0;
    border-radius: 4px;
    overflow: hidden;
}

.liuxing .ads{
    box-shadow: 0 0 11px #419cd8;
}

.yaogun .ads{
    box-shadow: 0 0 11px #736043;
}

.minyao .ads{
    box-shadow: 0 0 15px #868686;
}

.dianzi .ads{
    box-shadow: 0 0 10px #070302;
}

.section1 .pub{
    width: 50%;
    float: left;
}

.section1 .pub .listinner{
    padding: 15px;
}

.section1 .pub .listinner.lef{
    padding-right: 0;
}

.section1 .pub .listinner.rig{
    padding-left: 0;
}

.topbar-r .login{
    display: inline-block;
}

.topbar-r .tits{
    display: inline-block;
    margin-right: 25px;
}

.topbar-r .tits li{
    display: inline-block;
    margin-left: 20px;
}

.q-link{
    width: 100%;
    background: #363636;
    height: 36px;
    line-height: 36px;
    /*text-align: center;*/
}   
.q-link .tits li{
    display: inline-block;
    margin-right: 20px;
}
.q-link .tits li a{
    color: #fff;
    font-size: 14px;
}
.banners{
    width: 100%;
    height: 300px;
    position: relative;
}
.banners .bannerbg{
    height: 300px;
    width: 100%;
    top: 0;
    background-size: cover;
    position: absolute;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    transition: 1.5s;
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -mz-transition: 1.5s;
    -o-transition: 1.5s;
}
.banners .bannerbg.cur{
    /*z-index: 2;*/
    opacity: 1;
    filter: alpha(opacity=1);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.ads img{
    max-width: 100%;
}

.mainss{
    width: 1100px;
    margin: 100px auto 50px;
}

.mainss .titsm{
    font-size: 22px;
    font-weight: 600;
    color: #555;
    text-align: center;
}

.mainss .mainbox{
    padding: 30px 0;
}

.mainss .mainbox p{
    text-indent: 2em;
    margin-bottom: 10px;
    line-height: 2;
    font-size: 15px;
}