@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 981px) {
}

@media screen and (max-width: 980px) {

}


.music{ overflow:hidden; margin:20px auto;}
.music-left{ float:left; width:240px; padding:20px; padding-bottom:8px; background:#eeeeee;}
.music-left img{ width:240px;}
.music-right{ float:right; width:860px; background:#eeeeee; padding:20px;}
.music-right .tab-nav ul{ overflow:hidden;}
.music-right .tab-nav ul{ overflow:hidden;}
.music-right .cloumn-left{ float:left; width:415px;}
.music-right .cloumn-left .title{ margin:0 auto; line-height:30px; height:40px;}
.music-right .cloumn-left .title span{ line-height:30px; height:40px;}
.music-right .cloumn-left ul{ line-height:46px; padding-top:20px; font-size:16px;}
.music-right .cloumn-left ul a{ display:inline-block; padding:0 10px; border-radius:5px; height:28px; line-height:28px; text-align:center; font-size:14px; background:#e25423; color:#fff; float:right; vertical-align:middle; margin-top:9px;}

.music-play{ overflow:hidden; margin:20px auto;}
.music-play .cloumn-left{ float:left; width:240px; padding:20px; padding-bottom:8px; background:#333;}
.music-play .cloumn-left img{ width:240px;}
.music-play .cloumn-right{ float:right; width:860px; background:#333; padding:20px;}
.music-play .cloumn-right .title{ margin:0 auto; line-height:30px; height:40px; color:#fff;}
.music-play .cloumn-right .title span{ line-height:30px; height:40px; vertical-align:middle; margin-right:10px;}
.music-play .cloumn-right .title font{ line-height:34px; height:40px; font-size:14px; vertical-align:middle; display:inline-block; margin-left:20px;}

audio{ width:860px; height:50px;}
.gc{ color:#fff; line-height:30px; font-size:16px; margin:20px 0 10px 0; text-align:center; max-height:300px; overflow:auto;}

.music-about{ line-height:35px; font-size:16px; padding:20px 0;}
.music-about p{ text-indent:2em;}
.music-about p.part{ text-align:center; font-size:20px; font-weight:bold; margin:10px 0 20px 0;}