@charset "utf-8";
.rank_ul ul {
  background-color: #fff;
}
.rank_ul ul li {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
  font-size: 18px;
}
.rank_ul ul li a {
  color: #666;
}
.rank_ul ul li:first-child {
  background-color: #E85E17;
  font-size: 24px;
  color: #fff;
}
.rank_ul ul li.active a {
  color: #e85e17;
}
.rank_content .bg_title {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  color: #e85e17;
  font-size: 20px;
  padding-bottom: 15px;
  font-weight: 600;
}
.rank_content .bg_title span {
  border-bottom: 2px solid #e85e17;
  padding: 0 20px 15px 35px;
}
.rank_content .bg_title:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/library/top100.png);
}
.rank_content .lib_cate_ul li {
  position: relative;
  margin-bottom: 30px;
}
.rank_content .lib_cate_ul li i,.same_rank .lib_cate_ul li i {
  position: absolute;
  width: 36px;
  height: 40px;
  background: url(../img/library/rank_decration.png);
  left: 10px;
  top: 0px;
  font-size: 24px;
  color: #fff;
}
.special_ul {
  text-align: center;
}
.special_ul li {
  height: 50px;
  line-height: 50px;
}
.special_ul li:first-child {
  background-color: #E85E17;
  font-size: 24px;
  color: #fff;
}
.special_ul .special_img li.active {
  border: 2px solid #e85e17;
}
.special_ul .special_img li a{
  display:block;
  height:100%;
}
.special_ul .special_img li a img{
  width:100%;
  height:100%;
}
.special_ul .special_img li:not(:first-child) {
  height: 66px;
  padding: 3px;
  box-sizing: border-box;
  margin-top: 4px;
}
.special_ul .special_img li:first-child {
  background-color: #E85E17;
  font-size: 24px;
  color: #fff;
}
.special_ul .special_img li a{
  display:block;
  height:100%;
}
.special_ul .special_img li a img{
  width:100%;
  height:100%;
}
/*.special_ul .special_img li:nth-child(2) {
  background: url(../img/library/little_3.png);
  background-size: 100% 100%;
}
.special_ul .special_img li:nth-child(3) {
  background: url(../img/library/little_2.png);
  background-size: 100% 100%;
}
.special_ul .special_img li:nth-child(4) {
  background: url(../img/library/little_1.png);
  background-size: 100% 100%;
}*/
.special_ul .lib_category {
  font-size: 18px;
  margin-top: 10px;
}
.special_ul .lib_category li:first-child {
  background-color: #E85E17;
  font-size: 24px;
  color: #fff;
}
.special_ul .lib_category li {
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  background-color: #fff;
  box-sizing: border-box;
}
.special_ul .lib_category li > a {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #666;
  left: 0px;
  z-index: 3;
  background-color: #fff;
}
.special_ul .lib_category li.active > a {
  color: #e85e17;
}
.special_ul .lib_category li.active .all_name a.active {
  color: #e85e17;
}
.special_ul .lib_category .all_name {
  display: none;
  width:600px;
  position: absolute;
  left: 166px;
  top: -2px;
  padding: 0 10px;
  border: 2px solid #e85e17;
  z-index: 2;
  text-align: left;
  background-color: #fff;
  overflow:hidden;
}
.special_ul .lib_category .all_name a {
  float:left;
  color: #666;
  font-size: 16px;
  // white-space: nowrap;
}
.special_ul .lib_category li:hover {
  border: 2px solid #e85e17;
  border-right: none;
}
.special_ul .lib_category li:hover .all_name {
  display: block;
}
.special_ul .lib_category li:hover > a {
  left: 2px;
}
.filter_list {
  border-bottom: 1px solid #e6e6e6;
}
.filter_list li {
  float: left;
  // margin: 0 10px;
}
.filter_list li a {
  color: #666;
  font-size: 20px;
  display: block;
  padding: 0 20px 10px;
}
.filter_list li.active {
  border-bottom: 2px solid #e85e17;
}
.filter_list li.active a {
  color: #e85e17;
}
.lib_detail .left_detail .wrapper {
  margin-bottom: 10px;
}
.lib_detail .left_detail .go_read {
  display: block;
  width: 125px;
  height: 40px;
  background-color: #e85e17;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  border-radius: 6px;
  margin-top: 20px;
}
.same_rank {
  width: 1200px;
  margin: 30px auto;
}
.listen_category li{
  height:50px;
  background:#fff;
  border-bottom:1px solid #f5f5f5;
}
.listen_category li a{
  font-size:18px;
  color:#666;
}
.listen_category li.active a{
  color:#e85e17;
}
.listen_box{
  width:1200px;
  margin:20px auto;
}
.listen_box .source .catalog{
  border-bottom:1px solid #e6e6e6;
  font-size:20px;
  color: #e85e17;
  height:40px;
  line-height:40px;
  margin-bottom:20px;
}
.listen_box .source .catalog h2{
  width:60px;
  border-bottom:2px solid #e85e17;
  text-align: center;
  font-weight:600;
}
.listen_box .source li{
  width:590px;
  float:left;
  height:50px;
  line-height:50px;
  text-align: center;
  background-color:#fff;
  padding-left:20px;
  box-sizing:border-box;
}
.listen_box .source li:nth-child(4n),.listen_box .source li:nth-child(4n-1){
  background-color:#fafafa;
}
.listen_box .source li a{
  width:560px;
  position:relative;
  display:block;
  color:#666;
  font-size:20px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding-right:10px;
}
.listen_box .source li a .dowebok{
  display:inline-block;
  width:500px;
}
.listen_box .source li.playing a{
  color:#e85e17;
}
.listen_box .source li.playing a i{
  visibility:hidden;
}
.listen_box .source li.playing a:before{
  content:'';
  width:24px;
  height:24px;
  background:url(../img/listen/loudspeaker.png);
  position:absolute;
  left:0px;
  top:13px;
}
.listen_box .source li:nth-child(odd){
  margin-right:20px;
}
.listen_box .source li i{
  float:left;
  padding-right:10px;
}
.listen_btn{
  position:relative;
  width:1200px;
  height:200px;
  margin-top:30px;
  // background-color:#fafafa;
}

.listen_btn .prev{
  // position:absolute;
  // left:250px;
  display:block;
  float:left;
  width:78px;
  height:78px;
  margin-left:430px;
  margin-top:10px;
  background:url(../img/listen/prev.png);
}
.listen_btn .next{
  // position:absolute;
  // right:250px;
  display:block;
  float:left;
  width:78px;
  height:78px;
  background:url(../img/listen/next.png);
  margin-left:180px;
  margin-top:10px;
}

.audiojs {
  position:relative;
  width:800px;
  height:14px;
  margin:30px auto 0;
  background:none;
  box-shadow:none;
  font-size:22px;
  // overflow:visible;
  padding-left:80px;
}
.play_btn{
  position:absolute;
  top:-10px;
  left:50%;
  width:104px;
  height:104px;
  border:none;
  padding:0;
  margin-left:-52px;
  background:url(../img/listen/play.png);
}
.play_btn.played{
  background:url(../img/listen/pause.png);
}
.audiojs .play-pause{
  display:none;
}

.audiojs .loaded{
  background:#FFBAA1;

}
.audiojs .progress{
  background:#E44F0F;
  border-radius:7px;
}
.audiojs .time em{
  color:#E44F0F;
  font-weight: bolder;
  position:absolute;
  left:0;
  top:-5px;
}
.audiojs .time strong{
  font-weight: bolder;
  position:absolute;
  left:auto;
  right:60px;
  top:-5px; 
}
.audiojs .time{
  height:24px;
  line-height:24px;
  padding:0;
  color:#E44F0F;
  text-shadow:none;
  border:none;
  font-size:18px;

}
.audiojs .scrubber{
  border:none;
  width:630px;
  border-radius:7px;
  margin:0 12px;
  background-color:#FFBAA1;
}
.audiojs .loading{
  background:url(../img/listen/pause.png) no-repeat;
}