*{margin:0;padding:0;border:0;outline:0}a{text-decoration:none}body{background:#e5e5e5;overflow-x:hidden}#hap-wrapper{position:relative;top:0;left:0;width:100%;height:auto;min-width:280px;font-family:inherit}.hap-player-holder{position:fixed;height:60px;left:0;bottom:0;background:#a7ecf8;width:100%;margin-right:-210px;box-shadow:none;z-index:9999;box-shadow:0 2px 5px 4px rgba(0,0,0,.2)}.hap-contr-btn>i{color:#333}.hap-contr-btn-hover,.hap-contr-btn:hover>i{color:#ce451e!important}.hap-contr-btn i{position:absolute;top:0;left:0;width:25px;height:25px;text-align:center;display:inline-block;font-size:20px!important;line-height:25px!important}.hap-player-wrapper-right{position:absolute;right:0;margin-top:20px;padding-bottom:10px}.hap-right-controls{width:95px;margin-right:20px}.hap-seekbar{position:absolute;top:-5px;left:0;right:0;height:16px;cursor:pointer;touch-action:none;z-index:1}.hap-progress-bg{position:relative;background:#fff;width:100%;top:5px;height:3px}.hap-load-level{position:absolute;background:#ddd;top:0;height:100%}.hap-progress-level{position:absolute;background:#ce451e;top:0;height:100%}.hap-player-thumb{position:relative;width:60px;height:57px;float:left;margin-left:3px;overflow:hidden;background-color:#a7ecf5}.hap-player-thumb img{height:auto;width:100%;padding-top:10px}.hap-media-title-mask{position:relative;top:19px;left:12px;float:left;max-width:240px;width:100%;height:20px;overflow:hidden}.hap-media-title{position:absolute;top:0;left:0;white-space:nowrap;font-size:14px;color:#333}.hap-center-controls{position:absolute;height:60px;top:0;left:50%;transform:translateX(-50%)}.hap-loop-toggle,.hap-next-toggle,.hap-playback-toggle,.hap-prev-toggle,.hap-random-toggle{position:relative;left:0;top:20px;width:25px;height:25px;float:left;margin-right:25px}.hap-random-toggle{margin-right:0}.hap-playlist-toggle{position:relative;width:25px;height:25px;float:right;margin-left:15px}.hap-player-volume{position:relative;width:25px;height:25px;float:right}.hap-volume-seekbar{position:relative;left:5px;top:0;width:70px;height:25px;float:right;cursor:pointer;touch-action:none}.hap-volume-bg{position:absolute;top:10px;left:10px;width:50px;height:4px;background:#ccc}.hap-volume-level{position:absolute;top:0;left:0;height:100%;background:#ce451e}#hap-playlist-list{display:none}.hap-playlist-holder{position:relative;top:0;left:0;width:100%}.hap-playlist-inner{height:100%}.hap-playlist-item{overflow:hidden;float:left;display:flex;margin:30px 0}.download-item{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:3px 15px;margin-bottom:25px;background:#ce451e;color:#fff;width:auto;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px}.download-item:focus,.download-item:hover{color:#fff;background:#232323}.hap-playlist-item-content{cursor:pointer;flex:1;overflow:hidden;color:#ccc;border:3px solid transparent}.hap-playlist-item-selected .hap-playlist-item-content{background:#a7ecf5;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border:3px solid #fff}.hap-playlist-item-selected .hap-playlist-item-content .hap-playlist-thumb img{opacity:1}.hap-playlist-item-content .hap-playlist-thumb img{opacity:.7}.hap-playlist-item-selected .hap-playlist-title,.hap-playlist-item-selected .hap-playlist-title-num{color:#232323}.hap-playlist-title{display:block;font-size:14px;position:relative;margin:20px 0 30px;padding-bottom:30px;color:#666;text-transform:uppercase;letter-spacing:1px}.hap-playlist-info{flex:1;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.hap-playlist-info2{position:relative;margin-left:auto;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-around;text-align:right}.hap-playlist-duration{font-size:12px}.hap-playlist-date{font-size:11px;color:#666}.hap-playlist-title-wrap{display:flex;flex-direction:row}.hap-playlist-thumb{display:block;position:relative;margin:20px 10px;padding:0 20px;height:auto;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hap-preloader{position:relative;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;background-color:#ce451e;-webkit-animation:hap_preloader 1.2s infinite ease-in-out;animation:hap_preloader 1.2s infinite ease-in-out}@-webkit-keyframes hap_preloader{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes hap_preloader{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.hap-tooltip{position:absolute;background:#ce451e;color:#fff!important;text-align:center;z-index:10000!important;pointer-events:none;-moz-box-shadow:0 -2px 8px #888;-webkit-box-shadow:0 -2px 8px #888;box-shadow:1px 1px 3px #888;display:none;font-size:12px!important;padding:2px 5px!important;line-height:20px!important;white-space:nowrap}.hap-playlist-inner .mCSB_inside>.mCSB_container{margin-right:30px}.hap-mCSB_full{margin-right:0!important}.hap-iframe-blocker,.hap-youtube-holder{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hap-media{width:100%;height:100%;position:absolute;user-select:none;visibility:visible;top:0;left:0;max-width:none!important}.play-wrapper{position:relative;cursor:pointer}.play-but{background:url("../media/thumbnail/default.png") no-repeat center center;height:150px;width:150px;max-width:100%;display:block;background-size:contain;margin:0 auto}.play-but.white,.youtube-but.white{-webkit-filter:invert(1);filter:invert(1)}.play-wrapper:hover .play-but.white,.play-wrapper:hover .youtube-but.white{-webkit-filter:invert(0);filter:invert(0)}.play-label{font-size:14px;position:relative;color:#000;text-transform:uppercase;letter-spacing:1px;text-align:center}.play-label.white{color:#fff}.play-wrapper:hover .play-but,.play-wrapper:hover .youtube-but{-webkit-filter:invert(1);filter:invert(1)}.youtube-but{background:url("../media/thumbnail/youtube.png") no-repeat center center;height:120px;width:150px;max-width:100%;display:block;background-size:contain;margin:0 auto}@media screen and (max-width:1200px){.hap-playlist-thumb img{width:70%}}@media screen and (max-width:991px){.hap-loop-toggle,.hap-random-toggle{display:none}.hap-playlist-thumb img{width:50%}}@media screen and (max-width:768px){.hap-player-thumb{display:none}.hap-next-toggle{margin-right:0}}@media screen and (max-width:650px){.hap-media-title,.hap-player-wrapper-right{display:none}}