.mobile .ap-block{width:100% !important}.ap-block{width:455px;height:30px;background-color:#efefef;border-radius:4px;display:flex;overflow:hidden;user-select:none}.ap-playPause{width:60px;background-color:#34ce7c}.ap-playPause span{display:inline-block;width:20px;height:28px;margin-top:1px;margin-left:20px}.ap-stopped .ap-playPause span{background-image:url(../images/article/sprite.png);background-position:-339px -1px}.ap-playing .ap-playPause span{background-image:url(../images/article/sprite.png);background-position:-358px -1px}.ap-panel{display:flex;flex-grow:1}.ap-body{display:flex;flex-grow:1}.ap-time-current,.ap-time-duration{line-height:30px;text-align:center;font-weight:400;font-size:12px}.ap-time-current{width:50px}.ap-bar-wrap{height:16px;flex-grow:1;margin-top:7px;cursor:pointer}.ap-body .ap-bar{background-color:#d9d9d9;margin-top:5px;border-radius:4px}.ap-body .ap-bar-played{height:6px;background-color:#01e381;width:0;border-radius:4px;cursor:pointer;position:relative}.ap-bar-played span{display:inline-block;width:12px;height:12px;background-color:#333;border-radius:12px;margin-top:-3px;position:absolute;right:-5px}.ap-time-duration{width:50px;margin-right:3px}.mobile .ap-jump{display:none}.ap-jump{width:78px;background-image:url(../images/article/sprite.png);background-position:3px -1px;margin-top:-2px;display:flex}.ap-backward{width:29px;cursor:pointer;margin-left:5px}.ap-forward{width:29px;cursor:pointer;margin-right:5px}.mobile .ap-volume{display:none}.ap-volume{width:33px;background-image:url(../images/article/sprite.png);background-position:-70px -1px;margin:-2px 3px 0 0;cursor:pointer}.ap-volume.volume66{background-position:-101px -1px}.ap-volume.volume33{background-position:-132px -1px}.ap-volume.volume0{background-position:-163px -1px}.ap-setting{width:29px;background-image:url(../images/article/sprite.png);background-position:-196px -1px;margin:-2px 0 0 2px;cursor:pointer}.ap-popup{user-select:none;position:absolute;z-index:10;width:250px;height:100px;margin:-105px 0 0 -218px;background-color:#444;opacity:.9;border-radius:4px}.ap-popup::after{content:"";position:absolute;display:block;bottom:-11px;left:220px;width:0;height:0;border:0 solid transparent;border-left-width:14px;border-right-width:14px;border-top:11px solid #333;opacity:.9}.ap-setting:not(:hover) .ap-popup{display:none}.ap-volume:not(:hover) .ap-volume-adjust{display:none}.ap-volume-adjust{position:absolute;z-index:10;width:30px;height:120px;margin:-126px 0 0 4px;background-color:#666;border-radius:4px}.ap-volume-adjust::after{content:"";position:absolute;display:block;bottom:-11px;left:1px;width:0;height:0;border:0 solid transparent;border-left-width:14px;border-right-width:14px;border-top:12px solid #666}.ap-volume-adjust-div{width:10px;height:100px;background-color:#fff;position:absolute;top:10px;left:10px}.ap-volume-adjust-div div{width:10px;height:70px;background-color:#01e381;position:absolute;bottom:0;left:0}.ap-popup{display:flex}.ap-panel-speed{width:170px}.ap-div11{width:100%;text-align:center;margin:20px 0 5px 0;line-height:14px;color:#fff;font-weight:500}.ap-div12{display:flex;flex-flow:row nowrap;margin-left:19px}.ap-speed-minus{background-image:url(../images/article/sprite.png);background-position:-226px -1px;width:30px;height:30px}.ap-speed-value{width:56px;height:30px;color:#fff;font-size:24px;line-height:30px;padding-left:6px}.ap-speed-plus{background-image:url(../images/article/sprite.png);background-position:-256px -1px;width:30px;height:30px}.ap-line{background-color:#000;width:2px;height:82px;margin-top:9px}.ap-panel-download{width:100px}.ap-download-label{width:100%;text-align:center;margin:21px 0 5px -3px;line-height:13px;color:#fff;font-weight:500}.ap-download{display:inline-block;background-image:url(../images/article/sprite.png);background-position:-283px -1px;width:50px;height:30px;margin-left:17px}