.content-wrapper{width:1200px;margin:0 auto}.content-l{width:820px;min-height:1000px;padding:30px;background:#fff;border-right:0}.player-wrapper .book-item{margin-bottom:30px;height:140px}.player-wrapper .book-item-img{cursor:pointer;position:relative;float:left;width:140px;height:140px;background:url(../../img/album-bg140.png) center no-repeat;background-size:100%}.player-wrapper .book-item-img:after{content:'';position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:url(../../img/album-bg-center.png) center no-repeat}.player-wrapper .book-item-img img{position:absolute;left:50%;top:50%;margin-top:-47px;margin-left:-47px;width:94px;height:94px;border-radius:50%;animation:soundPaying 7s linear infinite;animation-play-state:paused}.player-wrapper .book-item-img img.playing{animation-play-state:running}.player-wrapper .book-item-r{margin-left:160px;padding-top:10px;height:130px;font-size:12px;line-height:24px}.player-wrapper .book-item-r .episode-name{font-size:18px;margin:8px 0 4px}.player-wrapper .book-item-r .episode-name .icons-status1{font-style:normal;font-size:12px;color:#fff;line-height:28px;text-align:center;margin-left:5px}.player-wrapper .book-item-r .book-item-info a{font-size:12px}.player-wrapper .book-item-r .book-item-info a:hover{color:red;text-decoration:underline}.player-wrapper .book-item-r .book-item-star{margin-top:6px}.player-wrapper .book-item-r .book-item-star span{margin:0 2px}.player-wrapper .book-item-r .book-item-desc{height:40px;line-height:20px;text-overflow:ellipsis;white-space:pre-wrap}.player-wrapper .book-item-r .book-item-desc .detail-more{margin-left:10px;color:#46bff7}.player-wrapper .book-item-r .book-item-desc .detail-more:hover{color:#1fb1f5;text-decoration:underline}.player-wrapper .book-item-r .weaken{margin:10px 0;color:#878787}.player-wrapper .book-item-r .icons-listen{margin-top:-2px;margin-right:5px}.player-wrapper .book-item-r .split{margin:0 8px;font-family:Tahoma;color:#ccc}.player-progress-wrapper{height:30px;width:820px;margin-bottom:22px}.player-progress-wrapper .player-progress,.player-progress-wrapper .player-progress-loaded,.player-progress-wrapper .player-progress-position{display:block;width:714px;height:11px;background-position:-10px -10px}.player-progress-wrapper .player-progress{position:relative;cursor:pointer;float:left;margin:4px;width:692px;background:rgba(0,0,0,.5);height:11px;box-shadow:0 2px 4px rgba(0,0,0,.6) inset;border-radius:8px}.player-progress-wrapper .player-progress-loaded{width:0;background-position:-10px -47px}.player-progress-wrapper .player-progress-position{width:0;background-position:-10px -28px}.player-progress-wrapper .player-progress-control{background-position:-218px -121px;height:28px;width:28px;position:absolute;margin-left:-14px;left:0;top:-8px;cursor:pointer}.player-progress-wrapper .player-current-time,.player-progress-wrapper .player-duration-time{float:left;width:60px;font-size:14px;text-align:center}.player-operation{position:relative;height:34px;line-height:34px}.player-operation .text{padding:0 14px;border:1px solid #c9e0f8;font-size:12px}.player-operation .text.report{margin-right:4px;margin-left:12px}.player-operation .text:hover{color:#fc6520;border:1px solid #fc6520;background:#fff7e6}.player-operation .player-control{position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-104px;width:166px}.player-operation .player-control .player-prev{background-position:-68px -116px}.player-operation .player-control .player-prev:hover{background-position:-100px -116px}.player-operation .player-control .player-next{background-position:-6px -116px}.player-operation .player-control .player-next:hover{background-position:-38px -116px}.player-operation .player-control .player-play{display:inline-block;background-position:-126px -71px}.player-operation .player-control .player-play:hover{background-position:-177px -71px}.player-operation .player-control .player-pause{display:none}.player-operation .player-control .player-pause:hover{background-position:-65px -71px}.player-operation .player-control a{margin-left:13px}.player-operation .play-rate{height:34px;line-height:34px;overflow:hidden}.player-operation .play-rate .rate-text{color:#a3a3ac;font-size:12px;margin-right:8px}.player-operation .play-rate li{float:left;width:40px;height:32px;line-height:32px;margin-right:6px;text-align:center;cursor:pointer}.player-operation .play-rate li.active span{color:#f86442;border:1px solid #f86442}.player-operation .play-rate li span{display:block;border:1px solid #c9e0f8;font-size:12px}.player-operation .play-rate li span:hover{color:#f86442;border:1px solid #f86442}.player-operation .back-forward{margin-right:8px}.player-operation .back-forward .backward,.player-operation .back-forward .forward{display:inline-block;vertical-align:middle;width:34px;height:32px;margin:0 6px;cursor:pointer}.player-operation .back-forward .backward{background:url(../../img/backward.png) no-repeat}.player-operation .back-forward .forward{background:url(../../img/forward.png) no-repeat}.player-operation .error-report{margin-right:6px}.player-operation .error-report .bbs-btn,.player-operation .error-report .error-btn{display:block;border:1px solid #c9e0f8;font-size:12px;height:32px;line-height:32px;padding:0 4px;text-align:center;cursor:pointer}.player-operation .error-report .bbs-btn:hover,.player-operation .error-report .error-btn:hover{color:#f86442;border:1px solid #f86442}.player-operation .player-wolume-w .player-volume{float:left;margin-right:6px;background-position:-250px -116px}.player-operation .player-wolume-w .player-volume.no-voice{background-position:-287px -116px}.player-operation .player-wolume-w .player-volume-position,.player-operation .player-wolume-w .player-volume-progress{float:left;height:9px;width:100px;background-position:-677px -72px}.player-operation .player-wolume-w .player-volume-progress{margin-top:14px;background:rgba(0,0,0,.5);border-radius:8px;cursor:pointer}.player-operation .player-wolume-w .player-volume-position{width:60%;background-position:-679px -93px}.player-next,.player-pause,.player-play,.player-prev,.player-progress,.player-progress-control,.player-progress-loaded,.player-progress-position,.player-volume,.player-volume-position,.player-volume-progress,.playing{display:inline-block;width:35px;height:35px;background:url(../../img/player_sprites.png) no-repeat -10px -71px}.play-list-wrapper{margin-top:40px}.play-list-wrapper .title-wrapper{position:relative;height:40px;line-height:40px;border-bottom:2px solid #46bff7;background:#eceef1}.play-list-wrapper .title-wrapper .title{position:absolute;padding:0 40px;font-size:16px;background:#fff;border:2px solid #46bff7;border-bottom:0}.play-list-wrapper .play-list{padding:20px 0;font-size:14px}.play-list-wrapper .play-list li{height:40px;line-height:40px;border-bottom:1px solid #e8e8e8}.play-list-wrapper .play-list li .num-wrapper{width:100px;text-align:center}.play-list-wrapper .play-list li .icons-play-num{display:none;margin-top:-4px}.play-list-wrapper .play-list li .playing-icon{display:none;width:15px;height:14px;background:url(../../img/playing.gif) center no-repeat}.play-list-wrapper .play-list li .num{color:#a3a3ac}.play-list-wrapper .play-list li.hover .icons-play-num{display:inline-block}.play-list-wrapper .play-list li.hover .num{display:none}.play-list-wrapper .play-list li.playing-gif:hover .icons-play-num{display:none}.play-list-wrapper .play-list li.playing-gif:hover .num{display:none}.play-list-wrapper .play-list li.playing-gif .playing-icon{display:inline-block}.play-list-wrapper .play-list li.playing-gif .num{display:none}.play-list-wrapper .play-list li .chapter-title{width:720px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.play-list-wrapper .play-list li.playing-gif .chapter-title span{color:#f86442}.play-list-wrapper .play-list li a:hover{color:#f86442}.pagination{margin:30px 0}.recommend{width:260px;min-height:500px;padding:40px 20px 20px;background:#fff}.related-rank .title{height:16px;line-height:16px;font-size:16px;text-indent:8px;border-left:5px solid #46bff7;margin-bottom:18px}.related-rank .rank-list{margin-top:10px}.related-rank .rank-list li{height:16px;line-height:16px;padding:0 10px 0 14px;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.related-rank .rank-list li .num{float:left;width:16px;height:16px;text-align:center;color:#fff;background:#b9b9b9;margin-right:10px}.related-rank .rank-list li .num.num1{background:red}.related-rank .rank-list li .num.num2{background:#ff4e00}.related-rank .rank-list li .num.num3{background:#ff983d}.related-rank .rank-list li a{font-size:12px}.related-rank .rank-list li a:hover{color:red}.sub-book{margin-top:20px}.sub-book .title{height:16px;line-height:16px;font-size:16px;text-indent:8px;border-left:5px solid #46bff7;margin-bottom:8px}.sub-book .book-item{padding:10px 0}.sub-book .book-item .book-item-img{position:relative}.sub-book .book-item .book-item-img img{width:62px;height:86px}.sub-book .book-item .book-item-img .play-icon{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}.sub-book .book-item .book-item-img .icons-play32{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;animation:scaleFadeIn .3s ease}.sub-book .book-item .book-item-r{margin-left:72px;height:86px;font-size:12px;line-height:21px}.sub-book .book-item .book-item-r .book-item-name{font-size:14px}.sub-book .book-item .book-item-r .book-item-desc{height:40px;line-height:20px;overflow:hidden}.sub-book .book-item .book-item-r .book-item-star{margin-top:8px}.sub-book .book-item .book-item-r .icons-listen{margin-top:-2px;margin-right:5px}.sub-book .book-item .book-item-r .weaken{color:#878787}.sub-book .book-item .book-item-r .nowrap{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.sub-book .book-item .book-item-r .split{margin:0 8px;font-family:Tahoma;color:#ccc}.sub-book .book-item .book-item-r a{font-size:12px}.sub-book .book-item .book-item-r a:hover{color:red;text-decoration:underline}.mask{position:fixed;left:0;top:0;height:100%;width:100%;z-index:99;display:none}.mask.active{display:block;animation:fadeIn .2s ease-in-out}.mask:before{content:'';position:absolute;width:100%;left:0;top:0;height:100%;background-color:#000;opacity:.5}.mask-transfer{position:absolute;width:676px;height:284px;left:50%;top:50%;margin-left:-338px;margin-top:-142px;background-color:#fff;border-radius:6px}.mask-transfer-bbs{height:300px}.mask-transfer .ft{padding:20px 0 40px;text-align:center}.mask-transfer-bbs .ft{padding:0 0 40px}.mask-transfer .ft a{display:inline-block;padding:15px 0;text-align:center;color:#fff;background-color:#2ea7e0;font-size:16px;border-radius:5px;width:164px;margin:0 10px}.mask-transfer .ft .trans-commit:hover{background-color:#209bd5}.mask-transfer .hd{position:relative;margin:0;padding:14px 0;text-align:center;font-size:18px;border-bottom:1px solid #dedede;color:#666}.mask-transfer .hd .mask-close{position:absolute;color:#666;font-size:30px;right:20px;top:50%;font-weight:400;margin-top:-.5em;line-height:1;transition:transform .2s ease}.mask-transfer .hd .mask-close:hover{-ms-transform:rotate(90deg);transform:rotate(90deg)}.mask-transfer .bd{padding:20px 30px;color:#666;font-size:14px}.mask-transfer .bd .item-col .bbs-cont{width:100%;resize:none;height:120px;outline:0;padding:10px;box-sizing:border-box;border-radius:6px;border:1px solid #dedede}.mask-transfer .bd .item-col .label{display:block;color:#666;margin-bottom:10px}.mask-transfer .bd .item-col .item-ipt{display:inline-block;vertical-align:middle;width:100%;height:42px;line-height:42px;border:1px solid #dedede;border-radius:4px;outline:0;padding:10px 10px;transition:all .3s ease;box-sizing:border-box}.mask-transfer .bd .item-col .item-ipt:focus{border:1px solid #30a6df}.mask-transfer .bd .item-col .item-col .item-select{height:40px;width:200px;outline:0}