.player-container[data-v-3aa4f17b]{position:relative;background:#000;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.player-container img[data-v-3aa4f17b]{cursor:pointer}.loadEffect[data-v-3aa4f17b]{display:none;width:64px;height:64px;position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;z-index:999}.loadEffect-icon img[data-v-3aa4f17b]{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation:rotation-3aa4f17b 3s linear infinite;animation:rotation-3aa4f17b 3s linear infinite}@-webkit-keyframes rotation-3aa4f17b{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation-3aa4f17b{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.showEffect[data-v-3aa4f17b]{display:block}.hideEffect[data-v-3aa4f17b]{display:none}@-webkit-keyframes show-3aa4f17b{0%{opacity:0}to{opacity:1}}@keyframes show-3aa4f17b{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-3aa4f17b{0%{opacity:1}to{opacity:0}}@keyframes hide-3aa4f17b{0%{opacity:1}to{opacity:0}}.player-canvas[data-v-3aa4f17b]{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.player-footbar[data-v-3aa4f17b]{-webkit-animation:show-3aa4f17b .5s linear 1;animation:show-3aa4f17b .5s linear 1;width:100%;background-color:rgba(0,0,0,.1);position:absolute;bottom:0;z-index:9;color:#fff;padding:0 1%}.player-footbar-flex[data-v-3aa4f17b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-headbar[data-v-3aa4f17b]{-webkit-animation:show-3aa4f17b .5s linear 1;animation:show-3aa4f17b .5s linear 1;width:100%;background-color:rgba(0,0,0,0);position:absolute;top:0;z-index:9;color:#fff;padding:6px}.player-headbar-flex[data-v-3aa4f17b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.iconfont[data-v-3aa4f17b]{cursor:pointer;font-size:24px;line-height:1;color:hsla(0,0%,100%,.75)}.iconfont[data-v-3aa4f17b]:hover{color:green}.middle[data-v-3aa4f17b]{vertical-align:middle}.selected[data-v-3aa4f17b]{position:absolute;top:0;right:0;z-index:1}.ratio[data-v-3aa4f17b]{display:inline-block;vertical-align:text-bottom;text-align:center;margin-right:16px}.ratio[data-v-3aa4f17b] .ivu-select-selection{background:rgba(0,0,0,0);border:none}.ratio[data-v-3aa4f17b] .ivu-select-dropdown-list{text-align:center}.center[data-v-3aa4f17b]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:50px;z-index:2}.identify-box[data-v-3aa4f17b]{position:absolute;left:10%;top:10%;border:1px solid #fc9104;width:10%;height:10%}.identify-title[data-v-3aa4f17b]{width:auto;max-width:100%;min-width:40px;height:24px;position:absolute;left:-1px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);background-color:#fc9104;color:#fff;border-radius:5px 5px 0 0;font-size:14px;line-height:24px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box[data-v-69fa7f54]{margin:15px;padding:15px;background-color:#fff;height:calc(100vh - 95px);border-radius:5px}