.app[data-v-ee8182c2]{overflow:hidden;height:100%;background-color:#f5f5f5}.app h1[data-v-ee8182c2]{text-align:center}.app>div[data-v-ee8182c2]{margin-top:120px}.button[data-v-ee8182c2]{margin:20px auto;text-align:center}.button button[data-v-ee8182c2]{margin-left:20px}html,body{margin:0;padding:0;height:100%}.dinert-time-player{display:flex;margin:0 auto;width:90%;height:50px;border-radius:3px;-webkit-user-select:none;user-select:none;background-color:#000000b3}.dinert-time-player.light{background-color:#fff}.dinert-time-player.light .dinert-time-player-center-top{background-color:#e5e5e5}.dinert-time-player.light .dinert-time-player-center-top .dinert-time-player-center-top-ul li{border-color:#d5d5d5}.dinert-time-player.light .dinert-time-player-left-bottom-start{border-color:#d5d5d5 #d5d5d5 transparent transparent}.dinert-time-player.light .dinert-time-player-left-bottom-start:before,.dinert-time-player.light .dinert-time-player-left-bottom-start:after{background-color:#d5d5d5}.dinert-time-player.light .dinert-time-player-center-center-ul-li{border-color:#d5d5d5}.dinert-time-player.light .dinert-time-player-center-center-ul-li span{color:#656565}.dinert-time-player.light .dinert-time-player-center-center-ul-li span:after{background-color:#f5f5f5}.dinert-time-player.light .dinert-time-player-center-bottom-ul-li{border-color:#d5d5d5;color:#656565}.dinert-time-player.light .dinert-time-player-right{border-color:#d5d5d5}.dinert-time-player.light .dinert-time-player-center-top-tooltip,.dinert-time-player.light .dinert-time-player-center-top-tooltipTemp{color:#656565;background-color:#fff}.dinert-time-player.light .dinert-time-player-center-top-tooltip:after,.dinert-time-player.light .dinert-time-player-center-top-tooltipTemp:after{border-color:#fff transparent transparent}.dinert-time-player ul,.dinert-time-player li{margin:0;padding:0;list-style:none}.dinert-time-player-left{display:flex;width:48px;height:100%;flex-direction:column}.dinert-time-player-left-top{position:relative;height:8px;background-color:#409eff}.dinert-time-player-left-bottom{flex:1;position:relative;cursor:pointer}.dinert-time-player-left-bottom-start{position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-9px;width:0;height:0;border:6px solid;border-color:#fff #fff transparent transparent;transform:rotate(45deg)}.dinert-time-player-left-bottom-start.stop{margin-left:-6px;width:16px;height:12px;border:none;transform:rotate(0)}.dinert-time-player-left-bottom-start.stop:before{content:"";position:absolute;width:4px;height:12px;background-color:#fff}.dinert-time-player-left-bottom-start.stop:after{position:absolute;margin-left:10px;width:4px;height:12px;background-color:#fff;content:""}.dinert-time-player-center{flex:1;display:flex;flex-direction:column}.dinert-time-player-center-top{position:relative;height:8px;background-color:#ffffffb3;box-sizing:border-box;cursor:pointer}.dinert-time-player-center-top-bar{background-image:linear-gradient(to right,#409eff,#6acaef);height:100%;transition:all .3s}.dinert-time-player-center-top-tooltip{transition:all .3s}.dinert-time-player-center-top-tooltip,.dinert-time-player-center-top-tooltipTemp{position:absolute;top:-35px;padding:0 8px;min-width:20px;height:24px;font-size:14px;border-radius:3px;text-align:center;white-space:nowrap;color:#fff;background-color:gray;line-height:24px;transform:translate(-50%)}.dinert-time-player-center-top-tooltip:after,.dinert-time-player-center-top-tooltipTemp:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border:8px solid;border-color:gray transparent transparent}.dinert-time-player-center-top-tooltipTemp{background-color:#ccc}.dinert-time-player-center-top-tooltipTemp:after{border-color:#ccc transparent transparent}.dinert-time-player-center-top-ul{position:absolute;top:0;right:0;left:0;z-index:1;height:100%}.dinert-time-player-center-top-ul li{float:left;height:100%;border-left:1px solid #999;box-sizing:border-box}.dinert-time-player-center-top-ul:after{content:"";display:block;clear:both}.dinert-time-player-center-center{height:12px;line-height:12px}.dinert-time-player-center-center-ul{height:100%}.dinert-time-player-center-center-ul-li{position:relative;float:left;height:100%;border-bottom:1px solid #999;border-left:1px solid #999;box-sizing:border-box}.dinert-time-player-center-center-ul-li span{position:absolute;font-size:12px;color:#fff;transform:translate(-50%) scale(.8)}.dinert-time-player-center-center-ul-li span:after{position:absolute;top:-90%;left:50%;width:1px;height:9px;background-color:#fff;content:"";transform:translate(-50%)}.dinert-time-player-center-bottom{flex:1}.dinert-time-player-center-bottom-ul{height:100%}.dinert-time-player-center-bottom-ul-li{display:flex;justify-content:center;align-items:center;float:left;height:100%;font-size:12px;border-left:1px solid #999;color:#fff;box-sizing:border-box}.dinert-time-player-right{position:relative;width:120px;height:100%;border-left:1px solid #999}.dinert-time-player-right-now{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:80px;height:28px;font-size:12px;border-radius:14px;text-align:center;color:#fff;background-color:#409eff;line-height:28px;cursor:pointer}.dinert-time-player-right-now:hover{background-color:#409effcc}