html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}.container__video{-webkit-transition:width .5s ease-in-out,height .5s ease-in-out,-webkit-transform 1.38s ease-in-out;transition:width .5s ease-in-out,height .5s ease-in-out,-webkit-transform 1.38s ease-in-out;transition:width .5s ease-in-out,height .5s ease-in-out,transform 1.38s ease-in-out;transition:width .5s ease-in-out,height .5s ease-in-out,transform 1.38s ease-in-out,-webkit-transform 1.38s ease-in-out}.container__video.is-scroll{position:fixed;top:15px;left:auto;max-width:280px;max-height:158px;width:280px;height:158px;-webkit-transition:width 1.5s ease-in-out,height 2.5s ease-in-out,-webkit-transform 1.38s ease-in-out;transition:width 1.5s ease-in-out,height 2.5s ease-in-out,-webkit-transform 1.38s ease-in-out;transition:width 1.5s ease-in-out,height 2.5s ease-in-out,transform 1.38s ease-in-out;transition:width 1.5s ease-in-out,height 2.5s ease-in-out,transform 1.38s ease-in-out,-webkit-transform 1.38s ease-in-out;-webkit-transform:translateX(-80%);transform:translateX(-80%)}.container{width:100%;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container-video .video-scroll{background:#ededed;height:300px;width:400px;margin:0 auto}.volume{visibility:hidden}.player{width:100%;height:100%;border:5px solid rgba(0,0,0,.2);-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);position:relative;font-size:0;overflow:hidden}.player:-ms-fullscreen{max-width:none;width:100%}.player:fullscreen{max-width:none;width:100%}.player:-webkit-full-screen{max-width:none;width:100%}.player__video{width:100%}.player__button{background:none;border:0;line-height:1;color:#fff;text-align:center;outline:0;padding:0;cursor:pointer;font-size:24px;max-width:50px}.player__button:focus{border-color:#ffc600}.player__slider{width:10px;height:30px}.player__controls{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;width:100%;-webkit-transform:translateY(100%) translateY(-5px);transform:translateY(100%) translateY(-5px);-webkit-transition:all .3s;transition:all .3s;-ms-flex-wrap:wrap;flex-wrap:wrap;background:rgba(0,0,0,.1)}.player:hover .player__controls{-webkit-transform:translateY(0);transform:translateY(0)}.player:hover .progress{height:15px}.player__controls>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.progress{-webkit-box-flex:10;-ms-flex:10;flex:10;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;height:5px;-webkit-transition:height .3s;transition:height .3s;background:rgba(0,0,0,.5);cursor:ew-resize}.progress__filled{width:0;background:#ffc600;-webkit-box-flex:0;-ms-flex:0;flex:0;-ms-flex-preferred-size:0%;flex-basis:0%}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;margin:0 5px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;-webkit-box-shadow:1px 1px 1px transparent,0 0 1px rgba(13,13,13,0);box-shadow:1px 1px 1px transparent,0 0 1px rgba(13,13,13,0);background:hsla(0,0%,100%,.8);border-radius:1.3px;border:.2px solid rgba(1,1,1,0)}input[type=range]::-webkit-slider-thumb{height:15px;width:15px;border-radius:50px;background:#ffc600;cursor:pointer;-webkit-appearance:none;margin-top:-3.5px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2)}input[type=range]:focus::-webkit-slider-runnable-track{background:#bada55}input[type=range]::-moz-range-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px transparent,0 0 1px rgba(13,13,13,0);background:#fff;border-radius:1.3px;border:.2px solid rgba(1,1,1,0)}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 transparent,0 0 0 rgba(13,13,13,0);height:15px;width:15px;border-radius:50px;background:#ffc600;cursor:pointer}.isRanger,.isShow{visibility:hidden}